From 2e6dbca06dc38576308297d0ba6331ec4274e8fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Tue, 14 Jan 2020 17:20:15 +0800
Subject: [PATCH 001/626] Revert "chore: remove hooks ooops!"

This reverts commit 8d4d965a85275373375bcd04563ec854c66d2f08.
---
 src/hooks/use-click-outside.ts | 21 ++++++++++++
 src/hooks/use-global-event.ts  | 46 +++++++++++++++++++++++++
 src/hooks/use-lock-scroll.ts   | 55 +++++++++++++++++++++++++++++
 src/hooks/use-touch.ts         | 63 ++++++++++++++++++++++++++++++++++
 4 files changed, 185 insertions(+)
 create mode 100644 src/hooks/use-click-outside.ts
 create mode 100644 src/hooks/use-global-event.ts
 create mode 100644 src/hooks/use-lock-scroll.ts
 create mode 100644 src/hooks/use-touch.ts

diff --git a/src/hooks/use-click-outside.ts b/src/hooks/use-click-outside.ts
new file mode 100644
index 000000000..db64eb2a0
--- /dev/null
+++ b/src/hooks/use-click-outside.ts
@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+import { useGlobalEvent } from './use-global-event';
+
+export type UseClickOutsideOpitons = {
+  event: string;
+  callback: EventListener;
+  element: Ref<Element>;
+  flag?: Ref<boolean>;
+};
+
+export function useClickOutside(options: UseClickOutsideOpitons) {
+  const { event = 'click', callback, element, flag } = options;
+
+  function onClick(event: Event) {
+    if (!element.value.contains(event.target as Node)) {
+      callback(event);
+    }
+  }
+
+  useGlobalEvent(document, event, onClick, false, flag);
+}
diff --git a/src/hooks/use-global-event.ts b/src/hooks/use-global-event.ts
new file mode 100644
index 000000000..319c043bf
--- /dev/null
+++ b/src/hooks/use-global-event.ts
@@ -0,0 +1,46 @@
+import { on, off } from '../utils/dom/event';
+import {
+  Ref,
+  watch,
+  onMounted,
+  onActivated,
+  onUnmounted,
+  onDeactivated
+} from 'vue';
+
+export function useGlobalEvent(
+  target: EventTarget,
+  event: string,
+  handler: EventListener,
+  passive = false,
+  flag?: Ref<boolean>
+) {
+  let binded: boolean;
+
+  function add() {
+    if (binded || (flag && !flag.value)) {
+      return;
+    }
+
+    on(target, event, handler, passive);
+    binded = true;
+  }
+
+  function remove() {
+    if (binded) {
+      off(target, event, handler);
+      binded = false;
+    }
+  }
+
+  if (flag) {
+    watch(() => {
+      flag.value ? add() : remove();
+    });
+  }
+
+  onMounted(add);
+  onActivated(add);
+  onUnmounted(remove);
+  onDeactivated(remove);
+}
diff --git a/src/hooks/use-lock-scroll.ts b/src/hooks/use-lock-scroll.ts
new file mode 100644
index 000000000..9783b2090
--- /dev/null
+++ b/src/hooks/use-lock-scroll.ts
@@ -0,0 +1,55 @@
+import { useTouch } from './use-touch';
+import { getScroller } from '../utils/dom/scroll';
+import { on, off, preventDefault } from '../utils/dom/event';
+
+let count = 0;
+const CLASSNAME = 'van-overflow-hidden';
+
+export function useLockScroll(element: HTMLElement) {
+  const { start, move, deltaY, direction } = useTouch();
+
+  function onTouchMove(event: TouchEvent) {
+    move(event);
+
+    if (direction.value !== 'vertical') {
+      return;
+    }
+
+    let prevent = false;
+    const up = deltaY.value < 0;
+    const scroller = getScroller(event.target as HTMLElement, element);
+    const { scrollTop, scrollHeight, offsetHeight } = scroller as HTMLElement;
+
+    if (scrollTop === 0) {
+      prevent = up && offsetHeight < scrollHeight;
+    } else if (scrollTop + offsetHeight >= scrollHeight) {
+      prevent = !up;
+    }
+
+    if (prevent) {
+      preventDefault(event, true);
+    }
+  }
+
+  function lock() {
+    if (!count) {
+      document.body.classList.add(CLASSNAME);
+    }
+
+    count++;
+    on(document, 'touchstart', start);
+    on(document, 'touchmove', onTouchMove);
+  }
+
+  lock();
+
+  return function unlock() {
+    count--;
+    off(document, 'touchstart', start);
+    off(document, 'touchmove', onTouchMove);
+
+    if (!count) {
+      document.body.classList.remove(CLASSNAME);
+    }
+  };
+}
diff --git a/src/hooks/use-touch.ts b/src/hooks/use-touch.ts
new file mode 100644
index 000000000..aaaa5fb5c
--- /dev/null
+++ b/src/hooks/use-touch.ts
@@ -0,0 +1,63 @@
+import { ref } from 'vue';
+
+const MIN_DISTANCE = 10;
+
+function getDirection(x: number, y: number) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+
+  return '';
+}
+
+export function useTouch() {
+  const startX = ref(0);
+  const startY = ref(0);
+  const deltaX = ref(0);
+  const deltaY = ref(0);
+  const offsetX = ref(0);
+  const offsetY = ref(0);
+  const direction = ref('');
+
+  function reset() {
+    direction.value = '';
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+  }
+
+  function start(event: TouchEvent) {
+    reset();
+    startX.value = event.touches[0].clientX;
+    startY.value = event.touches[0].clientY;
+  }
+
+  function move(event: TouchEvent) {
+    const touch = event.touches[0];
+    deltaX.value = touch.clientX - this.startX;
+    deltaY.value = touch.clientY - this.startY;
+    offsetX.value = Math.abs(this.deltaX);
+    offsetY.value = Math.abs(this.deltaY);
+
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+  }
+
+  return {
+    move,
+    start,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction
+  };
+}

From e44d3955fcc1067ee1280b3daaf55473244d0f48 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 19 Apr 2020 14:24:58 +0800
Subject: [PATCH 002/626] chore(cli): vue global api change

---
 packages/vant-cli/site/desktop/main.js   | 13 ++++++-------
 packages/vant-cli/site/desktop/router.js | 10 ++++------
 packages/vant-cli/site/mobile/main.js    | 20 +++++++++-----------
 packages/vant-cli/site/mobile/router.js  | 14 ++++++--------
 4 files changed, 25 insertions(+), 32 deletions(-)

diff --git a/packages/vant-cli/site/desktop/main.js b/packages/vant-cli/site/desktop/main.js
index 33c2a7708..a98350d67 100644
--- a/packages/vant-cli/site/desktop/main.js
+++ b/packages/vant-cli/site/desktop/main.js
@@ -1,19 +1,18 @@
-import Vue from 'vue';
+import { createApp } from 'vue';
 import App from './App';
+import VueRouter from 'vue-router';
 import { router } from './router';
 import { scrollToAnchor } from './utils';
 
-if (process.env.NODE_ENV !== 'production') {
-  Vue.config.productionTip = false;
-}
-
-new Vue({
+const app = createApp({
   el: '#app',
   mounted() {
     if (this.$route.hash) {
       scrollToAnchor(this.$route.hash);
     }
   },
-  render: h => h(App),
+  render: (h) => h(App),
   router,
 });
+
+app.use(VueRouter);
diff --git a/packages/vant-cli/site/desktop/router.js b/packages/vant-cli/site/desktop/router.js
index a55e60a9a..4e1e387a0 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -1,4 +1,4 @@
-import Vue from 'vue';
+import { nextTick } from 'vue';
 import VueRouter from 'vue-router';
 import { isMobile, decamelize } from '../common';
 import { config, documents } from 'site-desktop-shared';
@@ -48,7 +48,7 @@ function getRoutes() {
   if (locales) {
     routes.push({
       path: '*',
-      redirect: route => `/${getLangFromRoute(route)}/`,
+      redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
   } else {
     routes.push({
@@ -66,7 +66,7 @@ function getRoutes() {
     });
   }
 
-  names.forEach(name => {
+  names.forEach((name) => {
     const { component, lang } = parseName(name);
 
     if (component === 'home') {
@@ -98,8 +98,6 @@ function getRoutes() {
   return routes;
 }
 
-Vue.use(VueRouter);
-
 export const router = new VueRouter({
   mode: 'hash',
   routes: getRoutes(),
@@ -113,7 +111,7 @@ export const router = new VueRouter({
 });
 
 router.afterEach(() => {
-  Vue.nextTick(() => window.syncPath());
+  nextTick(() => window.syncPath());
 });
 
 window.vueRouter = router;
diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index 94c80f4ae..c003a4bb9 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -1,21 +1,19 @@
-import Vue from 'vue';
+import { createApp } from 'vue';
+import VueRouter from 'vue-router';
 import DemoBlock from './components/DemoBlock';
 import DemoSection from './components/DemoSection';
 import { router } from './router';
 import App from './App';
 import '@vant/touch-emulator';
 
-if (process.env.NODE_ENV !== 'production') {
-  Vue.config.productionTip = false;
-}
-
-Vue.component(DemoBlock.name, DemoBlock);
-Vue.component(DemoSection.name, DemoSection);
-
 setTimeout(() => {
-  new Vue({
-    el: '#app',
-    render: h => h(App),
+  const app = createApp({
+    render: (h) => h(App),
     router,
   });
+
+  app.use(VueRouter);
+  app.component(DemoBlock.name, DemoBlock);
+  app.component(DemoSection.name, DemoSection);
+  app.mount('#app');
 }, 0);
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index c3f1d9fa0..6d52571fb 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -1,4 +1,4 @@
-import Vue from 'vue';
+import { nextTick } from 'vue';
 import VueRouter from 'vue-router';
 import DemoHome from './components/DemoHome';
 import { decamelize } from '../common';
@@ -29,10 +29,10 @@ function getRoutes() {
   if (langs.length) {
     routes.push({
       path: '*',
-      redirect: route => `/${getLangFromRoute(route)}/`,
+      redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
 
-    langs.forEach(lang => {
+    langs.forEach((lang) => {
       routes.push({
         path: `/${lang}`,
         component: DemoHome,
@@ -51,11 +51,11 @@ function getRoutes() {
     });
   }
 
-  names.forEach(name => {
+  names.forEach((name) => {
     const component = decamelize(name);
 
     if (langs.length) {
-      langs.forEach(lang => {
+      langs.forEach((lang) => {
         routes.push({
           name: `${lang}/${component}`,
           path: `/${lang}/${component}`,
@@ -81,8 +81,6 @@ function getRoutes() {
   return routes;
 }
 
-Vue.use(VueRouter);
-
 export const router = new VueRouter({
   mode: 'hash',
   routes: getRoutes(),
@@ -91,7 +89,7 @@ export const router = new VueRouter({
 
 router.afterEach(() => {
   if (!router.currentRoute.redirectedFrom) {
-    Vue.nextTick(window.syncPath);
+    nextTick(window.syncPath);
   }
 });
 

From 722aacb97fd2379517eafbd40dfee374330220e6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 19 Apr 2020 14:25:28 +0800
Subject: [PATCH 003/626] chore: add vue-next deps

---
 package.json                   |   4 +-
 packages/vant-cli/package.json |   5 +-
 packages/vant-cli/yarn.lock    |  50 +++++++--------
 yarn.lock                      | 110 +++++++++++++++++++++++++++------
 4 files changed, 119 insertions(+), 50 deletions(-)

diff --git a/package.json b/package.json
index 8a0a4dd69..c0dd53d73 100644
--- a/package.json
+++ b/package.json
@@ -68,9 +68,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^2.4.0",
+    "@vue/compiler-sfc": "^3.0.0-beta.2",
     "prettier": "^2.0.4",
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11"
+    "vue": "^3.0.0-beta.2"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index dd75cedc1..df66ffd74 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -62,6 +62,7 @@
     "babel-jest": "^25.3.0",
     "babel-loader": "^8.1.0",
     "babel-plugin-import": "^1.13.0",
+    "babel-plugin-transform-jsx-vue3": "^0.1.8",
     "cache-loader": "^4.1.0",
     "chokidar": "^3.3.1",
     "clean-css": "^4.2.3",
@@ -96,8 +97,8 @@
     "stylelint": "^13.3.1",
     "typescript": "^3.8.3",
     "vue-jest": "4.0.0-beta.2",
-    "vue-loader": "^15.9.1",
-    "vue-router": "^3.1.6",
+    "vue-loader": "^16.0.0-alpha.3",
+    "vue-router": "^4.0.0-alpha.7 ",
     "webpack": "^4.42.1",
     "webpack-dev-server": "3.10.3",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index f738dba83..d5c12b2f8 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1727,7 +1727,7 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
-"@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.1.2":
+"@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.npm.taobao.org/@vue/component-compiler-utils/download/@vue/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
   integrity sha1-ghOl/zIC+fITf+VTcPnouWVggcM=
@@ -2356,6 +2356,13 @@ babel-plugin-jest-hoist@^25.2.6:
   dependencies:
     "@types/babel__traverse" "^7.0.6"
 
+babel-plugin-transform-jsx-vue3@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-jsx-vue3/-/babel-plugin-transform-jsx-vue3-0.1.8.tgz#9cef48337cb407a4a503fec84175a9119710f984"
+  integrity sha512-nCM0utOBCQKaCQA/q1gVv/dVIar5wPicOeJ2WaJRy3lL4yB00Tyo85VeKtNvJ+nYKxPslZDUE40GJehLdsdMkg==
+  dependencies:
+    esutils "^2.0.2"
+
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.npm.taobao.org/babel-preset-current-node-syntax/download/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -7164,7 +7171,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -11603,11 +11610,6 @@ vue-eslint-parser@^7.0.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-hot-reload-api@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
-  integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
-
 vue-jest@4.0.0-beta.2:
   version "4.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-4.0.0-beta.2.tgz#f2120ea9d24224aad3a100c2010b0760d47ee6fe"
@@ -11620,29 +11622,21 @@ vue-jest@4.0.0-beta.2:
     source-map "^0.5.6"
     ts-jest "^23.10.5"
 
-vue-loader@^15.9.1:
-  version "15.9.1"
-  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-15.9.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-15.9.1.tgz#bd2ab8f3d281e51d7b81d15390a58424d142243e"
-  integrity sha1-vSq489KB5R17gdFTkKWEJNFCJD4=
+vue-loader@^16.0.0-alpha.3:
+  version "16.0.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0-alpha.3.tgz#3471a3325a07a94e569aa281f83361819e4ad280"
+  integrity sha512-aC7TyXfzGs30mgru4iSfmEC8ZQigwpetaBpr/Q0PA0DZa5lEX9NMT7py9SCrXVq7mZeaYaz0QC/kzuUZtnYMHw==
   dependencies:
-    "@vue/component-compiler-utils" "^3.1.0"
-    hash-sum "^1.0.2"
-    loader-utils "^1.1.0"
-    vue-hot-reload-api "^2.3.0"
-    vue-style-loader "^4.1.0"
+    chalk "^3.0.0"
+    hash-sum "^2.0.0"
+    loader-utils "^1.2.3"
+    merge-source-map "^1.1.0"
+    source-map "^0.6.1"
 
-vue-router@^3.1.6:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.1.6.tgz#45f5a3a3843e31702c061dd829393554e4328f89"
-  integrity sha512-GYhn2ynaZlysZMkFE5oCHRUTqE8BWs/a9YbKpNLi0i7xD6KG1EzDqpHQmv1F5gXjr8kL5iIVS8EOtRaVUEXTqA==
-
-vue-style-loader@^4.1.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
-  integrity sha512-0ip8ge6Gzz/Bk0iHovU9XAUQaFt/G2B61bnWa2tCcqqdgfHs1lF9xXorFbE55Gmy92okFT+8bfmySuUOu13vxQ==
-  dependencies:
-    hash-sum "^1.0.2"
-    loader-utils "^1.0.2"
+"vue-router@^4.0.0-alpha.7 ":
+  version "4.0.0-alpha.7"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.0.0-alpha.7.tgz#b3babfa831710bac189bba1f81a79cb0d0c3b524"
+  integrity sha512-B1wghgEeFZSjBRPa6rTjy82/b8ArfrirY+Y8ZxZXdkOg4mQpfSPnTfgWGNa1n4dCLDiUiNl1BYhhW0s4fqV3gQ==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
diff --git a/yarn.lock b/yarn.lock
index c2fe7a12c..3f631eb2a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1787,6 +1787,50 @@
     "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
     camelcase "^5.0.0"
 
+"@vue/compiler-core@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.0-beta.2.tgz#ac8f14856cd874cb22d89181e8c3bddf810b8261"
+  integrity sha512-/c3ePWU9T7xwn0J/YRlxCxnxqphNVlcXisnI6aMoK3pjvQFXOMD6tfrHUtepCrQLNdKlhxNjqe3Q625Z64Z0kQ==
+  dependencies:
+    "@babel/parser" "^7.8.6"
+    "@babel/types" "^7.8.6"
+    "@vue/shared" "3.0.0-beta.2"
+    estree-walker "^0.8.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.2.tgz#344263f4e50258496bfdbd01a9a85a7b842e96de"
+  integrity sha512-VZwvnsWPoi0/MR5CF5p5VhRGk3AkM9MQYt/pMaXDmbl09kWKVjQZubCRvpzuyjjm1QnV1yrSaqTZWDAIYbKYtw==
+  dependencies:
+    "@vue/compiler-core" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
+
+"@vue/compiler-sfc@^3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.2.tgz#610697d29e067165d5e2ccf81bdd238399b6d156"
+  integrity sha512-v3zQ8fR+Oc8U/WZFmJY641b05ayP1cdngZMn8PUgPecRwjQkdR/k9ikCMZpsrWtoS4am0e3PHyCt/BBZCxA4nA==
+  dependencies:
+    "@vue/compiler-core" "3.0.0-beta.2"
+    "@vue/compiler-dom" "3.0.0-beta.2"
+    "@vue/compiler-ssr" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
+    consolidate "^0.15.1"
+    hash-sum "^2.0.0"
+    lru-cache "^5.1.1"
+    merge-source-map "^1.1.0"
+    postcss "^7.0.21"
+    postcss-selector-parser "^6.0.2"
+    source-map "^0.6.1"
+
+"@vue/compiler-ssr@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.2.tgz#05c965d8f5a6362928959d4f8a7b75b07cf68c45"
+  integrity sha512-+g0u8Zgns3uR6E3338yCGBz927mOdzzsCFxBKTS6O2WRXhUZ1vcRerigruRRF+LDiWtFm2txsjj70CcMqF4D/w==
+  dependencies:
+    "@vue/compiler-dom" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
+
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
@@ -1817,6 +1861,35 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
+"@vue/reactivity@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.0-beta.2.tgz#216922e264dc447a508f756374c09fb26a7cbe1c"
+  integrity sha512-vAYHiBmpHfLAJulssTTTlvdHtyyKeOCG3qCu/TxDhu3NFHEfrt4eytR2atR6EbpTb853/QKcoW3k6L6g/znxAw==
+  dependencies:
+    "@vue/shared" "3.0.0-beta.2"
+
+"@vue/runtime-core@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.0-beta.2.tgz#0413292d8746c532527dbcdbfcbc56be312f05ad"
+  integrity sha512-tcxNNV7y+H2046F79iw90OdwyxvMEqJ5iOQTsOvfVf2hBNrCWPG1tAU+kywFBlBY4I26k7XB/Q1ZdHb2q8YLaA==
+  dependencies:
+    "@vue/reactivity" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
+
+"@vue/runtime-dom@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.2.tgz#957a59ecfcdf54619e4d40d2e2967587ea58728d"
+  integrity sha512-swWm7fa3JKEGE0KYVevYqaBTSGxx/bmlwJTbJcnnNgdZZGtWUQsUzXCk6JKRuoYjy+iU0ONcHidEhpwdazH9Aw==
+  dependencies:
+    "@vue/runtime-core" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
+    csstype "^2.6.8"
+
+"@vue/shared@3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.0-beta.2.tgz#6659413868b0ba0b96260cbf3c9ed99f2d0f90ef"
+  integrity sha512-ED5oa+ZOcjAJkWEzL0zFZ4QG89L23DrW9LBBGT6YBUhBmOsf9BKii2JIBfdxWYwRkjAhbHffQH0mc6rI2famug==
+
 "@vue/test-utils@1.0.0-beta.29":
   version "1.0.0-beta.29"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.0.0-beta.29.tgz#c942cf25e891cf081b6a03332b4ae1ef430726f0"
@@ -3776,6 +3849,11 @@ cssstyle@^2.0.0:
   dependencies:
     cssom "~0.3.6"
 
+csstype@^2.6.8:
+  version "2.6.10"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
+  integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
+
 currently-unhandled@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -3821,11 +3899,6 @@ dateformat@^3.0.0:
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
-de-indent@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
-  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
-
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -4550,6 +4623,11 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estree-walker@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.8.1.tgz#6230ce2ec9a5cb03888afcaf295f97d90aa52b79"
+  integrity sha512-H6cJORkqvrNziu0KX2hqOMAlA2CiuAxHeGJXSIoKA/KLv229Dw806J3II6mKTm5xiDX1At1EXCfsOQPB+tMB+g==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -5571,7 +5649,7 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-he@^1.1.0, he@^1.2.0:
+he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
@@ -11734,23 +11812,19 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.6.11:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.11.tgz#c04704ef8f498b153130018993e56309d4698080"
-  integrity sha512-KIq15bvQDrcCjpGjrAhx4mUlyyHfdmTaoNfeoATHLAiWB+MU3cx4lOzMwrnUh9cCxy0Lt1T11hAFY6TQgroUAA==
-  dependencies:
-    de-indent "^1.0.2"
-    he "^1.1.0"
-
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^2.6.11:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
-  integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
+vue@^3.0.0-beta.2:
+  version "3.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.0-beta.2.tgz#f808b498d10cbebe4007738aa2130bd0802f393d"
+  integrity sha512-/HYhK9i8PWM0fL38YflFK/vY1ots+JyNI2GZa8VtDqj4jD3+2UZ0CH0kjmw9YTmRtHdsU65CXGkVuA3EMV3mXQ==
+  dependencies:
+    "@vue/compiler-dom" "3.0.0-beta.2"
+    "@vue/runtime-dom" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.2"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 7551238d37a9ecbf2a59e7f930d10f8ce8399f11 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 19 Apr 2020 14:33:56 +0800
Subject: [PATCH 004/626] chore: vue-router-next api change

---
 packages/vant-cli/site/desktop/App.vue   |  9 ++++++++-
 packages/vant-cli/site/desktop/main.js   | 15 +--------------
 packages/vant-cli/site/desktop/router.js |  6 +++---
 packages/vant-cli/site/mobile/main.js    | 15 +++++----------
 packages/vant-cli/site/mobile/router.js  |  6 +++---
 5 files changed, 20 insertions(+), 31 deletions(-)

diff --git a/packages/vant-cli/site/desktop/App.vue b/packages/vant-cli/site/desktop/App.vue
index 6e7cbc46f..79610a9e1 100644
--- a/packages/vant-cli/site/desktop/App.vue
+++ b/packages/vant-cli/site/desktop/App.vue
@@ -16,6 +16,7 @@
 import VanDoc from './components';
 import { config, packageVersion } from 'site-desktop-shared';
 import { setLang } from '../common/locales';
+import { scrollToAnchor } from './utils';
 
 export default {
   components: {
@@ -39,7 +40,7 @@ export default {
 
     langConfigs() {
       const { locales = {} } = config.site;
-      return Object.keys(locales).map(key => ({
+      return Object.keys(locales).map((key) => ({
         lang: key,
         label: locales[key].langLabel || '',
       }));
@@ -75,6 +76,12 @@ export default {
     this.setTitle();
   },
 
+  mounted() {
+    if (this.$route.hash) {
+      scrollToAnchor(this.$route.hash);
+    }
+  },
+
   methods: {
     setTitle() {
       let { title } = this.config;
diff --git a/packages/vant-cli/site/desktop/main.js b/packages/vant-cli/site/desktop/main.js
index a98350d67..0b0619760 100644
--- a/packages/vant-cli/site/desktop/main.js
+++ b/packages/vant-cli/site/desktop/main.js
@@ -1,18 +1,5 @@
 import { createApp } from 'vue';
 import App from './App';
-import VueRouter from 'vue-router';
 import { router } from './router';
-import { scrollToAnchor } from './utils';
 
-const app = createApp({
-  el: '#app',
-  mounted() {
-    if (this.$route.hash) {
-      scrollToAnchor(this.$route.hash);
-    }
-  },
-  render: (h) => h(App),
-  router,
-});
-
-app.use(VueRouter);
+createApp(App).use(router).mount('#app');
diff --git a/packages/vant-cli/site/desktop/router.js b/packages/vant-cli/site/desktop/router.js
index 4e1e387a0..eea47a9f7 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import VueRouter from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import { isMobile, decamelize } from '../common';
 import { config, documents } from 'site-desktop-shared';
 import { getLang, setDefaultLang } from '../common/locales';
@@ -98,8 +98,8 @@ function getRoutes() {
   return routes;
 }
 
-export const router = new VueRouter({
-  mode: 'hash',
+export const router = createRouter({
+  history: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior(to) {
     if (to.hash) {
diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index c003a4bb9..63da68116 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -1,5 +1,4 @@
 import { createApp } from 'vue';
-import VueRouter from 'vue-router';
 import DemoBlock from './components/DemoBlock';
 import DemoSection from './components/DemoSection';
 import { router } from './router';
@@ -7,13 +6,9 @@ import App from './App';
 import '@vant/touch-emulator';
 
 setTimeout(() => {
-  const app = createApp({
-    render: (h) => h(App),
-    router,
-  });
-
-  app.use(VueRouter);
-  app.component(DemoBlock.name, DemoBlock);
-  app.component(DemoSection.name, DemoSection);
-  app.mount('#app');
+  createApp(App)
+    .use(router)
+    .component(DemoBlock.name, DemoBlock)
+    .component(DemoSection.name, DemoSection)
+    .mount('#app');
 }, 0);
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 6d52571fb..ec3e37698 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import VueRouter from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import DemoHome from './components/DemoHome';
 import { decamelize } from '../common';
 import { demos, config } from 'site-mobile-shared';
@@ -81,8 +81,8 @@ function getRoutes() {
   return routes;
 }
 
-export const router = new VueRouter({
-  mode: 'hash',
+export const router = createRouter({
+  mode: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
 });

From 6abb2fc0810682aad5ff7336c7622c797c099bb9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 14:36:07 +0800
Subject: [PATCH 005/626] chore: bump deps

---
 package.json                   |   4 +-
 packages/vant-cli/package.json |   2 +-
 packages/vant-cli/yarn.lock    |  16 +-
 yarn.lock                      | 261 ++++++++++++++++++++++++++-------
 4 files changed, 220 insertions(+), 63 deletions(-)

diff --git a/package.json b/package.json
index 1f6d2b8b6..9bac07003 100644
--- a/package.json
+++ b/package.json
@@ -57,9 +57,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^2.5.1",
-    "@vue/compiler-sfc": "^3.0.0-beta.2",
+    "@vue/compiler-sfc": "^3.0.0-beta.14",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-beta.2"
+    "vue": "^3.0.0-beta.14"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index a0cc5001b..5e4c2313a 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -98,7 +98,7 @@
     "stylelint": "^13.3.3",
     "typescript": "^3.8.3",
     "vue-jest": "4.0.0-beta.2",
-    "vue-loader": "^16.0.0-alpha.3",
+    "vue-loader": "^16.0.0-beta.3",
     "vue-router": "^4.0.0-alpha.12",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.10.3",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index eff5c9648..8651cd6bd 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1426,6 +1426,13 @@
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.1.tgz#dc488842312a7f075149312905b5e3c0b054c79d"
   integrity sha512-FwI9gX75FgVBJ7ywgnq/P7tw+/o1GUbtP0KzbtusLigAOgIgNISRK0ZPl4qertvXSIE8YbsVJueQ90cDt9YYyw==
 
+"@types/mini-css-extract-plugin@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.1.tgz#d4bdde5197326fca039d418f4bdda03dc74dc451"
+  integrity sha512-+mN04Oszdz9tGjUP/c1ReVwJXxSniLd7lF++sv+8dkABxVNthg6uccei+4ssKxRHGoMmPxdn7uBdJWONSJGTGQ==
+  dependencies:
+    "@types/webpack" "*"
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -11618,11 +11625,12 @@ vue-jest@4.0.0-beta.2:
     source-map "^0.5.6"
     ts-jest "^23.10.5"
 
-vue-loader@^16.0.0-alpha.3:
-  version "16.0.0-alpha.3"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0-alpha.3.tgz#3471a3325a07a94e569aa281f83361819e4ad280"
-  integrity sha512-aC7TyXfzGs30mgru4iSfmEC8ZQigwpetaBpr/Q0PA0DZa5lEX9NMT7py9SCrXVq7mZeaYaz0QC/kzuUZtnYMHw==
+vue-loader@^16.0.0-beta.3:
+  version "16.0.0-beta.3"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.3.tgz#2374094399fed98a8a5750912f3caaaefa814553"
+  integrity sha512-B1jRmai+/sr5PDkRqZe6KllBGMJb4+AsjA44yg1dAod8W+tIdvKTffVEl+5lcXSZy5NsjEx3KqpvV6qq8l/ggA==
   dependencies:
+    "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"
     hash-sum "^2.0.0"
     loader-utils "^1.2.3"
diff --git a/yarn.lock b/yarn.lock
index 25849ff8c..093b18c42 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1698,49 +1698,50 @@
     "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
     camelcase "^5.0.0"
 
-"@vue/compiler-core@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.0-beta.2.tgz#ac8f14856cd874cb22d89181e8c3bddf810b8261"
-  integrity sha512-/c3ePWU9T7xwn0J/YRlxCxnxqphNVlcXisnI6aMoK3pjvQFXOMD6tfrHUtepCrQLNdKlhxNjqe3Q625Z64Z0kQ==
+"@vue/compiler-core@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-beta.14.tgz#69019b5c3da8335e6d83f81b37648caf120dbacd"
+  integrity sha1-aQGbXD2oM15tg/gbN2SMrxINus0=
   dependencies:
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.14"
     estree-walker "^0.8.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.2.tgz#344263f4e50258496bfdbd01a9a85a7b842e96de"
-  integrity sha512-VZwvnsWPoi0/MR5CF5p5VhRGk3AkM9MQYt/pMaXDmbl09kWKVjQZubCRvpzuyjjm1QnV1yrSaqTZWDAIYbKYtw==
+"@vue/compiler-dom@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-beta.14.tgz#2ea1c165e06e9630e687a7a5cbde4e8b20b064ac"
+  integrity sha1-LqHBZeBuljDmh6ely95OiyCwZKw=
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/compiler-core" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
 
-"@vue/compiler-sfc@^3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.2.tgz#610697d29e067165d5e2ccf81bdd238399b6d156"
-  integrity sha512-v3zQ8fR+Oc8U/WZFmJY641b05ayP1cdngZMn8PUgPecRwjQkdR/k9ikCMZpsrWtoS4am0e3PHyCt/BBZCxA4nA==
+"@vue/compiler-sfc@^3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-beta.14.tgz#3984416c0ed1bbdfbeee9d33c8a2c1152ed00770"
+  integrity sha1-OYRBbA7Ru9++7p0zyKLBFS7QB3A=
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.2"
-    "@vue/compiler-dom" "3.0.0-beta.2"
-    "@vue/compiler-ssr" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/compiler-core" "3.0.0-beta.14"
+    "@vue/compiler-dom" "3.0.0-beta.14"
+    "@vue/compiler-ssr" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
     consolidate "^0.15.1"
     hash-sum "^2.0.0"
     lru-cache "^5.1.1"
     merge-source-map "^1.1.0"
-    postcss "^7.0.21"
+    postcss "^7.0.27"
+    postcss-modules "^2.0.0"
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.2.tgz#05c965d8f5a6362928959d4f8a7b75b07cf68c45"
-  integrity sha512-+g0u8Zgns3uR6E3338yCGBz927mOdzzsCFxBKTS6O2WRXhUZ1vcRerigruRRF+LDiWtFm2txsjj70CcMqF4D/w==
+"@vue/compiler-ssr@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-beta.14.tgz#e5a0dc1afcaf4f110e2e447b41bb3d8172e3e3e9"
+  integrity sha1-5aDcGvyvTxEOLkR7Qbs9gXLj4+k=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/compiler-dom" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -1773,34 +1774,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.0-beta.2.tgz#216922e264dc447a508f756374c09fb26a7cbe1c"
-  integrity sha512-vAYHiBmpHfLAJulssTTTlvdHtyyKeOCG3qCu/TxDhu3NFHEfrt4eytR2atR6EbpTb853/QKcoW3k6L6g/znxAw==
+"@vue/reactivity@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-beta.14.tgz#a041ec24ce2e545583a6a1a42774311c16870a91"
+  integrity sha1-oEHsJM4uVFWDpqGkJ3QxHBaHCpE=
   dependencies:
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/shared" "3.0.0-beta.14"
 
-"@vue/runtime-core@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.0-beta.2.tgz#0413292d8746c532527dbcdbfcbc56be312f05ad"
-  integrity sha512-tcxNNV7y+H2046F79iw90OdwyxvMEqJ5iOQTsOvfVf2hBNrCWPG1tAU+kywFBlBY4I26k7XB/Q1ZdHb2q8YLaA==
+"@vue/runtime-core@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-beta.14.tgz#4f8162befd6ad1ac55cc6c142edc8301b090658a"
+  integrity sha1-T4Fivv1q0axVzGwULtyDAbCQZYo=
   dependencies:
-    "@vue/reactivity" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/reactivity" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
 
-"@vue/runtime-dom@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.2.tgz#957a59ecfcdf54619e4d40d2e2967587ea58728d"
-  integrity sha512-swWm7fa3JKEGE0KYVevYqaBTSGxx/bmlwJTbJcnnNgdZZGtWUQsUzXCk6JKRuoYjy+iU0ONcHidEhpwdazH9Aw==
+"@vue/runtime-dom@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-beta.14.tgz#080e9dd48a95da639f9fcc6d70a2d9620aec6ab8"
+  integrity sha1-CA6d1IqV2mOfn8xtcKLZYgrsarg=
   dependencies:
-    "@vue/runtime-core" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/runtime-core" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.0-beta.2.tgz#6659413868b0ba0b96260cbf3c9ed99f2d0f90ef"
-  integrity sha512-ED5oa+ZOcjAJkWEzL0zFZ4QG89L23DrW9LBBGT6YBUhBmOsf9BKii2JIBfdxWYwRkjAhbHffQH0mc6rI2famug==
+"@vue/shared@3.0.0-beta.14":
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-beta.14.tgz#886afe5c233a5b255c186142324c40f114958af5"
+  integrity sha1-iGr+XCM6WyVcGGFCMkxA8RSVivU=
 
 "@vue/test-utils@1.0.0-beta.29":
   version "1.0.0-beta.29"
@@ -2113,6 +2114,11 @@ ansi-regex@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -2931,6 +2937,17 @@ chalk@4.0.0, chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -3692,6 +3709,18 @@ css-loader@^3.5.3:
     schema-utils "^2.6.6"
     semver "^6.3.0"
 
+css-modules-loader-core@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/css-modules-loader-core/download/css-modules-loader-core-1.1.0.tgz#5908668294a1becd261ae0a4ce21b0b551f21d16"
+  integrity sha1-WQhmgpShvs0mGuCkziGwtVHyHRY=
+  dependencies:
+    icss-replace-symbols "1.1.0"
+    postcss "6.0.1"
+    postcss-modules-extract-imports "1.1.0"
+    postcss-modules-local-by-default "1.2.0"
+    postcss-modules-scope "1.1.0"
+    postcss-modules-values "1.3.0"
+
 css-select@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
@@ -3702,6 +3731,15 @@ css-select@^1.1.0:
     domutils "1.5.1"
     nth-check "~1.0.1"
 
+css-selector-tokenizer@^0.7.0:
+  version "0.7.2"
+  resolved "https://registry.npm.taobao.org/css-selector-tokenizer/download/css-selector-tokenizer-0.7.2.tgz?cache=0&sync_timestamp=1583233392235&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-selector-tokenizer%2Fdownload%2Fcss-selector-tokenizer-0.7.2.tgz#11e5e27c9a48d90284f22d45061c303d7a25ad87"
+  integrity sha1-EeXifJpI2QKE8i1FBhwwPXolrYc=
+  dependencies:
+    cssesc "^3.0.0"
+    fastparse "^1.1.2"
+    regexpu-core "^4.6.0"
+
 css-what@2.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
@@ -4783,6 +4821,11 @@ fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fastparse@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/fastparse/download/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
+  integrity sha1-kXKMWllC7O2FMSg8eUQe5BIsNak=
+
 fastq@^1.6.0:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.1.tgz#4570c74f2ded173e71cf0beb08ac70bb85826791"
@@ -5115,6 +5158,13 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
+generic-names@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/generic-names/download/generic-names-2.0.1.tgz#f8a378ead2ccaa7a34f0317b05554832ae41b872"
+  integrity sha1-+KN46tLMqno08DF7BVVIMq5BuHI=
+  dependencies:
+    loader-utils "^1.1.0"
+
 gensync@^1.0.0-beta.1:
   version "1.0.0-beta.1"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
@@ -5443,6 +5493,18 @@ hard-rejection@^2.0.0:
   resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
   integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
 
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+  integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -5769,6 +5831,11 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+icss-replace-symbols@1.1.0, icss-replace-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/icss-replace-symbols/download/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
+  integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
+
 icss-utils@^4.0.0, icss-utils@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
@@ -7264,6 +7331,11 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/lodash.camelcase/download/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
+
 lodash.find@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-4.6.0.tgz#cb0704d47ab71789ffa0de8b97dd926fb88b13b1"
@@ -8776,6 +8848,13 @@ postcss-media-query-parser@^0.2.3:
   resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
   integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
 
+postcss-modules-extract-imports@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-extract-imports/download/postcss-modules-extract-imports-1.1.0.tgz#b614c9720be6816eaee35fb3a5faa1dba6a05ddb"
+  integrity sha1-thTJcgvmgW6u41+zpfqh26agXds=
+  dependencies:
+    postcss "^6.0.1"
+
 postcss-modules-extract-imports@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
@@ -8783,6 +8862,14 @@ postcss-modules-extract-imports@^2.0.0:
   dependencies:
     postcss "^7.0.5"
 
+postcss-modules-local-by-default@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-local-by-default/download/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
+  integrity sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
 postcss-modules-local-by-default@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915"
@@ -8793,6 +8880,14 @@ postcss-modules-local-by-default@^3.0.2:
     postcss-selector-parser "^6.0.2"
     postcss-value-parser "^4.0.0"
 
+postcss-modules-scope@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-scope/download/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
+  integrity sha1-1upkmUx5+XtipytCb75gVqGUu5A=
+  dependencies:
+    css-selector-tokenizer "^0.7.0"
+    postcss "^6.0.1"
+
 postcss-modules-scope@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
@@ -8801,6 +8896,14 @@ postcss-modules-scope@^2.2.0:
     postcss "^7.0.6"
     postcss-selector-parser "^6.0.0"
 
+postcss-modules-values@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-values/download/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
+  integrity sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=
+  dependencies:
+    icss-replace-symbols "^1.1.0"
+    postcss "^6.0.1"
+
 postcss-modules-values@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
@@ -8809,6 +8912,17 @@ postcss-modules-values@^3.0.0:
     icss-utils "^4.0.0"
     postcss "^7.0.6"
 
+postcss-modules@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules/download/postcss-modules-2.0.0.tgz?cache=0&sync_timestamp=1586850154478&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules%2Fdownload%2Fpostcss-modules-2.0.0.tgz#473d0d7326651d8408585c2a154115d5cb36cce0"
+  integrity sha1-Rz0NcyZlHYQIWFwqFUEV1cs2zOA=
+  dependencies:
+    css-modules-loader-core "^1.1.0"
+    generic-names "^2.0.1"
+    lodash.camelcase "^4.3.0"
+    postcss "^7.0.1"
+    string-hash "^1.1.1"
+
 postcss-reporter@^6.0.0, postcss-reporter@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-6.0.1.tgz#7c055120060a97c8837b4e48215661aafb74245f"
@@ -8912,6 +9026,24 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.3:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz#651ff4593aa9eda8d5d0d66593a2417aeaeb325d"
   integrity sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==
 
+postcss@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npm.taobao.org/postcss/download/postcss-6.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
+  integrity sha1-AA29H47vIXqjaLmiEsX8QLKo8/I=
+  dependencies:
+    chalk "^1.1.3"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
+postcss@^6.0.1:
+  version "6.0.23"
+  resolved "https://registry.npm.taobao.org/postcss/download/postcss-6.0.23.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
+  integrity sha1-YcgswyisYOZ3ZF+XkFTrmLwOMyQ=
+  dependencies:
+    chalk "^2.4.1"
+    source-map "^0.6.1"
+    supports-color "^5.4.0"
+
 postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.28, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
   version "7.0.28"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.28.tgz#d349ced7743475717ba91f6810efb58c51fb5dbb"
@@ -9408,7 +9540,7 @@ regexpp@^3.0.0:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
   integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
 
-regexpu-core@^4.7.0:
+regexpu-core@^4.6.0, regexpu-core@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexpu-core%2Fdownload%2Fregexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
   integrity sha1-/L9FjFBDGwu3tF1pZ7gZLZHz2Tg=
@@ -10439,6 +10571,11 @@ string-argv@0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
+string-hash@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/string-hash/download/string-hash-1.1.3.tgz#e8aafc0ac1855b4666929ed7dd1275df5d6c811b"
+  integrity sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=
+
 string-length@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-3.1.0.tgz#107ef8c23456e187a8abd4a61162ff4ac6e25837"
@@ -10820,7 +10957,19 @@ supports-color@7.1.0, supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^5.3.0:
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+
+supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-3.2.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
+  dependencies:
+    has-flag "^1.0.0"
+
+supports-color@^5.3.0, supports-color@^5.4.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@@ -11704,14 +11853,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-beta.2:
-  version "3.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.0-beta.2.tgz#f808b498d10cbebe4007738aa2130bd0802f393d"
-  integrity sha512-/HYhK9i8PWM0fL38YflFK/vY1ots+JyNI2GZa8VtDqj4jD3+2UZ0CH0kjmw9YTmRtHdsU65CXGkVuA3EMV3mXQ==
+vue@^3.0.0-beta.14:
+  version "3.0.0-beta.14"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-beta.14.tgz#d2c8739e00c4a4a06b519c14c57d204c350c980c"
+  integrity sha1-0shzngDEpKBrUZwUxX0gTDUMmAw=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.2"
-    "@vue/runtime-dom" "3.0.0-beta.2"
-    "@vue/shared" "3.0.0-beta.2"
+    "@vue/compiler-dom" "3.0.0-beta.14"
+    "@vue/runtime-dom" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.14"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From d697026b2ca5754367d5f79ac8178e8763692ef4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 14:49:14 +0800
Subject: [PATCH 006/626] feat(markdown-loader): compatible with vue 3

---
 packages/vant-cli/package.json             |  2 +-
 packages/vant-cli/yarn.lock                | 14 +++++++-------
 packages/vant-markdown-loader/package.json |  2 +-
 packages/vant-markdown-loader/src/index.js | 18 ++++++++----------
 4 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 5e4c2313a..115ef09d6 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -50,7 +50,7 @@
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.0",
     "@types/jest": "^25.2.1",
     "@vant/eslint-config": "^2.2.2",
-    "@vant/markdown-loader": "^2.3.0",
+    "@vant/markdown-loader": "^3.0.0-alpha.0",
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 8651cd6bd..61adc1459 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1640,13 +1640,13 @@
     eslint-plugin-import "^2.20.2"
     eslint-plugin-vue "^6.2.2"
 
-"@vant/markdown-loader@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@vant/markdown-loader/-/markdown-loader-2.3.0.tgz#ea8ab4d8d41609839b40b817bc3a598cf13f9920"
-  integrity sha512-efNAnJMQbX3yP0+/zvnlYda+xIATLl+T9BXOB179M8KkS3hKk0b8tYHYVeLmdCLbJFeVd8bVXICILIplOYQJ5A==
+"@vant/markdown-loader@^3.0.0-alpha.0":
+  version "3.0.0-alpha.0"
+  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.0.tgz#a14fa5c6bf4ffd57916855210dffc0daf8d9d6cb"
+  integrity sha512-cDDXfYhyS6yfVtqx+hwgN4blqd/+V1mYsvtDKsrpAZnirFhWfVFWeNZEjXPN6JYfXk3rEprEepjY/FPtCJG2EQ==
   dependencies:
     front-matter "^3.0.2"
-    highlight.js "^9.16.2"
+    highlight.js "^9.17.1"
     loader-utils "^1.2.3"
     markdown-it "^10.0.0"
     markdown-it-anchor "^5.2.5"
@@ -5497,9 +5497,9 @@ he@^1.2.0:
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
 
-highlight.js@^9.16.2:
+highlight.js@^9.17.1:
   version "9.18.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
+  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
   integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
 
 hmac-drbg@^1.0.0:
diff --git a/packages/vant-markdown-loader/package.json b/packages/vant-markdown-loader/package.json
index ac97807a5..606bce339 100644
--- a/packages/vant-markdown-loader/package.json
+++ b/packages/vant-markdown-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/markdown-loader",
-  "version": "2.3.0",
+  "version": "3.0.0-alpha.0",
   "description": "Simple and fast vue markdown loader",
   "main": "src/index.js",
   "publishConfig": {
diff --git a/packages/vant-markdown-loader/src/index.js b/packages/vant-markdown-loader/src/index.js
index d04430519..301ba7ead 100644
--- a/packages/vant-markdown-loader/src/index.js
+++ b/packages/vant-markdown-loader/src/index.js
@@ -12,16 +12,11 @@ function wrapper(content) {
   content = escape(content);
 
   return `
-<template>
-  <section v-html="content" v-once />
-</template>
+import { h } from 'vue';
+
+const content = unescape(\`${content}\`);
 
-<script>
 export default {
-  created() {
-    this.content = unescape(\`${content}\`);
-  },
-
   mounted() {
     const anchors = [].slice.call(this.$el.querySelectorAll('h2, h3, h4, h5'));
 
@@ -39,9 +34,12 @@ export default {
         })
       }
     }
+  },
+
+  render() {
+    return h('section', { innerHTML: content });
   }
 };
-</script>
 `;
 }
 
@@ -53,7 +51,7 @@ const parser = new MarkdownIt({
   slugify,
 });
 
-module.exports = function(source) {
+module.exports = function (source) {
   let options = loaderUtils.getOptions(this) || {};
   this.cacheable && this.cacheable();
 

From bd0853b60e66540163604a302ab4d7d44bf1b6a4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 14:56:11 +0800
Subject: [PATCH 007/626] chore: temporarily comment some code

---
 docs/site/mobile.js                           | 230 +++++++++---------
 packages/vant-cli/src/compiler/compile-sfc.ts |   8 +-
 packages/vant-cli/src/config/jest.setup.ts    |   6 +-
 packages/vant-cli/src/config/webpack.base.ts  |  42 ++--
 4 files changed, 142 insertions(+), 144 deletions(-)

diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index a27993dd5..8757dcc0e 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,130 +1,130 @@
-import Vue from 'vue';
-import Locale from '../../src/locale';
-import Lazyload from '../../src/lazyload';
-import { get } from '../../src/utils';
-import { camelize } from '../../src/utils/format/string';
-import enUS from '../../src/locale/lang/en-US';
+// import Vue from 'vue';
+// import Locale from '../../src/locale';
+// import Lazyload from '../../src/lazyload';
+// import { get } from '../../src/utils';
+// import { camelize } from '../../src/utils/format/string';
+// import enUS from '../../src/locale/lang/en-US';
 
-Vue.use(Lazyload, {
-  lazyComponent: true,
-});
+// Vue.use(Lazyload, {
+//   lazyComponent: true,
+// });
 
-Locale.add({
-  'en-US': enUS,
-});
+// Locale.add({
+//   'en-US': enUS,
+// });
 
-// flag for vant-weapp demos
-const isWeapp = location.search.indexOf('weapp=1') !== -1;
+// // flag for vant-weapp demos
+// const isWeapp = location.search.indexOf('weapp=1') !== -1;
 
-let demoUid = 0;
+// let demoUid = 0;
 
-// helper for demo locales
-Vue.mixin({
-  computed: {
-    t() {
-      const { name } = this.$options;
-      const { lang = 'zh-CN' } = (this.$route && this.$route.meta) || {};
-      const prefix = name ? camelize(name) + '.' : '';
-      const messages = this.$vantMessages[lang];
+// // helper for demo locales
+// Vue.mixin({
+//   computed: {
+//     t() {
+//       const { name } = this.$options;
+//       const { lang = 'zh-CN' } = (this.$route && this.$route.meta) || {};
+//       const prefix = name ? camelize(name) + '.' : '';
+//       const messages = this.$vantMessages[lang];
 
-      return (path, ...args) => {
-        const message = get(messages, prefix + path) || get(messages, path);
-        return typeof message === 'function' ? message(...args) : message;
-      };
-    },
+//       return (path, ...args) => {
+//         const message = get(messages, prefix + path) || get(messages, path);
+//         return typeof message === 'function' ? message(...args) : message;
+//       };
+//     },
 
-    isWeapp() {
-      return isWeapp;
-    },
-  },
+//     isWeapp() {
+//       return isWeapp;
+//     },
+//   },
 
-  beforeCreate() {
-    if (!this.$options.name) {
-      this.$options.name = `demo-${demoUid++}`;
-    }
+//   beforeCreate() {
+//     if (!this.$options.name) {
+//       this.$options.name = `demo-${demoUid++}`;
+//     }
 
-    const { i18n, name } = this.$options;
+//     const { i18n, name } = this.$options;
 
-    if (i18n && name) {
-      const locales = {};
-      const camelizedName = camelize(name);
+//     if (i18n && name) {
+//       const locales = {};
+//       const camelizedName = camelize(name);
 
-      Object.keys(i18n).forEach((key) => {
-        locales[key] = { [camelizedName]: i18n[key] };
-      });
+//       Object.keys(i18n).forEach((key) => {
+//         locales[key] = { [camelizedName]: i18n[key] };
+//       });
 
-      Locale.add(locales);
-    }
-  },
-});
+//       Locale.add(locales);
+//     }
+//   },
+// });
 
-// switch lang after routing
-if (window.vueRouter) {
-  window.vueRouter.afterEach((to) => {
-    const { lang } = to.meta || {};
+// // switch lang after routing
+// if (window.vueRouter) {
+//   window.vueRouter.afterEach((to) => {
+//     const { lang } = to.meta || {};
 
-    if (lang) {
-      Locale.use(lang);
-    }
-  });
-}
+//     if (lang) {
+//       Locale.use(lang);
+//     }
+//   });
+// }
 
-// add some basic locale messages
-Locale.add({
-  'zh-CN': {
-    add: '增加',
-    decrease: '减少',
-    red: '红色',
-    orange: '橙色',
-    yellow: '黄色',
-    purple: '紫色',
-    tab: '标签',
-    tag: '标签',
-    desc: '描述信息',
-    back: '返回',
-    title: '标题',
-    status: '状态',
-    button: '按钮',
-    option: '选项',
-    search: '搜索',
-    content: '内容',
-    custom: '自定义',
-    username: '用户名',
-    password: '密码',
-    disabled: '禁用状态',
-    uneditable: '不可编辑',
-    basicUsage: '基础用法',
-    advancedUsage: '高级用法',
-    loadingStatus: '加载状态',
-    usernamePlaceholder: '请输入用户名',
-    passwordPlaceholder: '请输入密码',
-  },
-  'en-US': {
-    add: 'Add',
-    decrease: 'Decrease',
-    red: 'Red',
-    orange: 'Orange',
-    yellow: 'Yellow',
-    purple: 'Purple',
-    tab: 'Tab',
-    tag: 'Tag',
-    desc: 'Description',
-    back: 'Back',
-    title: 'Title',
-    status: 'Status',
-    button: 'Button',
-    option: 'Option',
-    search: 'Search',
-    content: 'Content',
-    custom: 'Custom',
-    username: 'Username',
-    password: 'Password',
-    loadingStatus: 'Loading',
-    disabled: 'Disabled',
-    uneditable: 'Uneditable',
-    basicUsage: 'Basic Usage',
-    advancedUsage: 'Advanced Usage',
-    usernamePlaceholder: 'Username',
-    passwordPlaceholder: 'Password',
-  },
-});
+// // add some basic locale messages
+// Locale.add({
+//   'zh-CN': {
+//     add: '增加',
+//     decrease: '减少',
+//     red: '红色',
+//     orange: '橙色',
+//     yellow: '黄色',
+//     purple: '紫色',
+//     tab: '标签',
+//     tag: '标签',
+//     desc: '描述信息',
+//     back: '返回',
+//     title: '标题',
+//     status: '状态',
+//     button: '按钮',
+//     option: '选项',
+//     search: '搜索',
+//     content: '内容',
+//     custom: '自定义',
+//     username: '用户名',
+//     password: '密码',
+//     disabled: '禁用状态',
+//     uneditable: '不可编辑',
+//     basicUsage: '基础用法',
+//     advancedUsage: '高级用法',
+//     loadingStatus: '加载状态',
+//     usernamePlaceholder: '请输入用户名',
+//     passwordPlaceholder: '请输入密码',
+//   },
+//   'en-US': {
+//     add: 'Add',
+//     decrease: 'Decrease',
+//     red: 'Red',
+//     orange: 'Orange',
+//     yellow: 'Yellow',
+//     purple: 'Purple',
+//     tab: 'Tab',
+//     tag: 'Tag',
+//     desc: 'Description',
+//     back: 'Back',
+//     title: 'Title',
+//     status: 'Status',
+//     button: 'Button',
+//     option: 'Option',
+//     search: 'Search',
+//     content: 'Content',
+//     custom: 'Custom',
+//     username: 'Username',
+//     password: 'Password',
+//     loadingStatus: 'Loading',
+//     disabled: 'Disabled',
+//     uneditable: 'Uneditable',
+//     basicUsage: 'Basic Usage',
+//     advancedUsage: 'Advanced Usage',
+//     usernamePlaceholder: 'Username',
+//     passwordPlaceholder: 'Password',
+//   },
+// });
diff --git a/packages/vant-cli/src/compiler/compile-sfc.ts b/packages/vant-cli/src/compiler/compile-sfc.ts
index 0a162e3c9..0bee1615a 100644
--- a/packages/vant-cli/src/compiler/compile-sfc.ts
+++ b/packages/vant-cli/src/compiler/compile-sfc.ts
@@ -1,4 +1,4 @@
-import * as compiler from 'vue-template-compiler';
+import * as compiler from '@vue/compiler-sfc';
 import * as compileUtils from '@vue/component-compiler-utils';
 import hash from 'hash-sum';
 import { parse } from 'path';
@@ -87,7 +87,7 @@ export async function compileSfc(filePath: string): Promise<any> {
   const descriptor = parseSfc(filePath);
   const { template, styles } = descriptor;
 
-  const hasScoped = styles.some(s => s.scoped);
+  const hasScoped = styles.some((s) => s.scoped);
   const scopeId = hasScoped ? `data-v-${hash(source)}` : '';
 
   // compile js part
@@ -107,9 +107,7 @@ export async function compileSfc(filePath: string): Promise<any> {
         }
 
         writeFileSync(jsFilePath, script);
-        compileJs(jsFilePath)
-          .then(resolve)
-          .catch(reject);
+        compileJs(jsFilePath).then(resolve).catch(reject);
       })
     );
   }
diff --git a/packages/vant-cli/src/config/jest.setup.ts b/packages/vant-cli/src/config/jest.setup.ts
index 28e007f28..fe45ee917 100644
--- a/packages/vant-cli/src/config/jest.setup.ts
+++ b/packages/vant-cli/src/config/jest.setup.ts
@@ -1,6 +1,6 @@
-import Vue from 'vue';
+// import Vue from 'vue';
 import 'jest-canvas-mock';
 // @ts-ignore
-import Package from '../../dist/package-entry';
+// import Package from '../../dist/package-entry';
 
-Vue.use(Package);
+// Vue.use(Package);
diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index 461869b01..59b53b7b4 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -40,26 +40,26 @@ const plugins = [
   }),
 ];
 
-const tsconfigPath = join(CWD, 'tsconfig.json');
-if (existsSync(tsconfigPath)) {
-  const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');
-  plugins.push(
-    new ForkTsCheckerPlugin({
-      formatter: 'codeframe',
-      vue: { enabled: true },
-      logger: {
-        // skip info message
-        info() {},
-        warn(message: string) {
-          consola.warn(message);
-        },
-        error(message: string) {
-          consola.error(message);
-        },
-      },
-    })
-  );
-}
+// const tsconfigPath = join(CWD, 'tsconfig.json');
+// if (existsSync(tsconfigPath)) {
+//   const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');
+//   plugins.push(
+//     new ForkTsCheckerPlugin({
+//       formatter: 'codeframe',
+//       vue: { enabled: true },
+//       logger: {
+//         // skip info message
+//         info() {},
+//         warn(message: string) {
+//           consola.warn(message);
+//         },
+//         error(message: string) {
+//           consola.error(message);
+//         },
+//       },
+//     })
+//   );
+// }
 
 export const baseConfig = {
   mode: 'development',
@@ -112,7 +112,7 @@ export const baseConfig = {
       },
       {
         test: /\.md$/,
-        use: [CACHE_LOADER, 'vue-loader', '@vant/markdown-loader'],
+        use: [CACHE_LOADER, '@vant/markdown-loader'],
       },
     ],
   },

From 8940ba10781ddf5c61e9d0a3e1f9e04714b4a3e5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 14:56:36 +0800
Subject: [PATCH 008/626] chore: release @vant/cli@3.0.0-alpha.0

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 115ef09d6..0c7a7053f 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "2.5.1",
+  "version": "3.0.0-alpha.0",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 248c3f08ed0fc844ee0df3fbbb16c31e8483bcab Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 15:11:04 +0800
Subject: [PATCH 009/626] chore: add new src dir

---
 package.json                   |  2 +-
 packages/vant-cli/package.json |  4 +-
 vant.config.js                 |  1 +
 yarn.lock                      | 99 +++++++++++++++++++---------------
 4 files changed, 61 insertions(+), 45 deletions(-)

diff --git a/package.json b/package.json
index 9bac07003..f89ae0215 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^2.5.1",
+    "@vant/cli": "^3.0.0-alpha.0",
     "@vue/compiler-sfc": "^3.0.0-beta.14",
     "prettier": "^2.0.4",
     "vue": "^3.0.0-beta.14"
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 0c7a7053f..b35cbfc71 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -29,8 +29,8 @@
   "author": "chenjiahan",
   "license": "MIT",
   "peerDependencies": {
-    "vue": "^2.5.22",
-    "vue-template-compiler": "^2.5.22"
+    "vue": "3.x",
+    "@vue/compiler-sfc": "3.x"
   },
   "devDependencies": {
     "@types/fs-extra": "^8.1.0",
diff --git a/vant.config.js b/vant.config.js
index 73d8f62d7..743271631 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -1,6 +1,7 @@
 module.exports = {
   name: 'vant',
   build: {
+    srcDir: 'src-v3',
     skipInstall: ['lazyload'],
     site: {
       publicPath: 'https://b.yzcdn.cn/vant/',
diff --git a/yarn.lock b/yarn.lock
index 093b18c42..9129b3b67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1358,6 +1358,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/mini-css-extract-plugin@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.1.tgz#d4bdde5197326fca039d418f4bdda03dc74dc451"
+  integrity sha512-+mN04Oszdz9tGjUP/c1ReVwJXxSniLd7lF++sv+8dkABxVNthg6uccei+4ssKxRHGoMmPxdn7uBdJWONSJGTGQ==
+  dependencies:
+    "@types/webpack" "*"
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1447,6 +1454,18 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
+"@types/webpack@*":
+  version "4.41.13"
+  resolved "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
+  integrity sha512-RYmIHOWSxnTTa765N6jJBVE45pd2SYNblEYshVDduLw6RhocazNmRzE5/ytvBD8IkDMH6DI+bcrqxh8NILimBA==
+  dependencies:
+    "@types/anymatch" "*"
+    "@types/node" "*"
+    "@types/tapable" "*"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    source-map "^0.6.0"
+
 "@types/webpack@^4.41.8":
   version "4.41.10"
   resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.10.tgz?cache=0&sync_timestamp=1585610818206&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fwebpack%2Fdownload%2F%40types%2Fwebpack-4.41.10.tgz#2e1f6b3508a249854efe3dcc7690905ac5ee10be"
@@ -1514,10 +1533,10 @@
     semver "^6.3.0"
     tsutils "^3.17.1"
 
-"@vant/cli@^2.5.1":
-  version "2.5.1"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-2.5.1.tgz#055bfbdc68227ac761730eab2a31f52cd93641d9"
-  integrity sha512-U0n719aqoIGKG9x0fo8Onk5QTLfrJErjU3vhQOA5cVMN3z9rOOLU7SoB4oSLLr3lh0wfMxhsie9hh6mAO/4NlQ==
+"@vant/cli@^3.0.0-alpha.0":
+  version "3.0.0-alpha.0"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.0.tgz#f25c8815b8d0b0360d1c2853ba411e10c072afe7"
+  integrity sha512-rCcYTWh9LYgw2suCjHc3McI77OEHFwdS+te3cNj9+NJV4PVbfsXfho/bHcndNDqEal0KBsOM0JjyfzB2v3z2mA==
   dependencies:
     "@babel/core" "^7.9.6"
     "@babel/plugin-syntax-jsx" "^7.8.3"
@@ -1528,7 +1547,7 @@
     "@nuxt/friendly-errors-webpack-plugin" "^2.5.0"
     "@types/jest" "^25.2.1"
     "@vant/eslint-config" "^2.2.2"
-    "@vant/markdown-loader" "^2.3.0"
+    "@vant/markdown-loader" "^3.0.0-alpha.0"
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
@@ -1540,6 +1559,7 @@
     babel-jest "^25.5.1"
     babel-loader "^8.1.0"
     babel-plugin-import "^1.13.0"
+    babel-plugin-transform-jsx-vue3 "^0.1.8"
     cache-loader "^4.1.0"
     chokidar "^3.4.0"
     clean-css "^4.2.3"
@@ -1575,8 +1595,8 @@
     stylelint "^13.3.3"
     typescript "^3.8.3"
     vue-jest "4.0.0-beta.2"
-    vue-loader "^15.9.2"
-    vue-router "^3.1.6"
+    vue-loader "^16.0.0-beta.3"
+    vue-router "^4.0.0-alpha.12"
     webpack "^4.43.0"
     webpack-dev-server "3.10.3"
     webpack-merge "^4.2.2"
@@ -1599,13 +1619,13 @@
   resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.2.1.tgz#309fecb97a4989866f045ce676b545c454701c8f"
   integrity sha512-5ivsKQR4ySbdBW5UPoQDVqO6rdc1um3rvq/0VL+ZSA7Y3MdBQ3E4/NL0hoAY5/sZZeYfIDKEP21gpjUzdeEDQQ==
 
-"@vant/markdown-loader@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@vant/markdown-loader/-/markdown-loader-2.3.0.tgz#ea8ab4d8d41609839b40b817bc3a598cf13f9920"
-  integrity sha512-efNAnJMQbX3yP0+/zvnlYda+xIATLl+T9BXOB179M8KkS3hKk0b8tYHYVeLmdCLbJFeVd8bVXICILIplOYQJ5A==
+"@vant/markdown-loader@^3.0.0-alpha.0":
+  version "3.0.0-alpha.0"
+  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.0.tgz#a14fa5c6bf4ffd57916855210dffc0daf8d9d6cb"
+  integrity sha512-cDDXfYhyS6yfVtqx+hwgN4blqd/+V1mYsvtDKsrpAZnirFhWfVFWeNZEjXPN6JYfXk3rEprEepjY/FPtCJG2EQ==
   dependencies:
     front-matter "^3.0.2"
-    highlight.js "^9.16.2"
+    highlight.js "^9.17.1"
     loader-utils "^1.2.3"
     markdown-it "^10.0.0"
     markdown-it-anchor "^5.2.5"
@@ -1758,7 +1778,7 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
-"@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.1.2":
+"@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
   integrity sha512-QLq9z8m79mCinpaEeSURhnNCN6djxpHw0lpP/bodMlt5kALfONpryMthvnrQOlTcIKoF+VoPi+lPHUYeDFPXug==
@@ -2427,6 +2447,13 @@ babel-plugin-jest-hoist@^25.5.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
+babel-plugin-transform-jsx-vue3@^0.1.8:
+  version "0.1.9"
+  resolved "https://registry.npmjs.org/babel-plugin-transform-jsx-vue3/-/babel-plugin-transform-jsx-vue3-0.1.9.tgz#5951c96e68a3281eb25ff11bfd8160bad47bba9a"
+  integrity sha512-braK/4Wd6Vjpk4Z8+KooU8HEPBLdW3lNE+k0IZIKnsZ9kGIaeymC8K/I61N21gguw5np7pRKcpaxfTj00/W8kA==
+  dependencies:
+    esutils "^2.0.2"
+
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -5594,9 +5621,9 @@ he@^1.2.0:
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
 
-highlight.js@^9.16.2:
+highlight.js@^9.17.1:
   version "9.18.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
+  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
   integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
 
 hmac-drbg@^1.0.0:
@@ -7285,7 +7312,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -11802,11 +11829,6 @@ vue-eslint-parser@^7.0.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-hot-reload-api@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
-  integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
-
 vue-jest@4.0.0-beta.2:
   version "4.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-4.0.0-beta.2.tgz#f2120ea9d24224aad3a100c2010b0760d47ee6fe"
@@ -11824,29 +11846,22 @@ vue-lazyload@1.2.3:
   resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
   integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==
 
-vue-loader@^15.9.2:
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.9.2.tgz#ae01f5f4c9c6a04bff4483912e72ef91a402c1ae"
-  integrity sha512-oXBubaY//CYEISBlHX+c2YPJbmOH68xXPXjFv4MAgPqQvUsnjrBAjCJi8HXZ/r/yfn0tPL5VZj1Zcp8mJPI8VA==
+vue-loader@^16.0.0-beta.3:
+  version "16.0.0-beta.3"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.3.tgz#2374094399fed98a8a5750912f3caaaefa814553"
+  integrity sha512-B1jRmai+/sr5PDkRqZe6KllBGMJb4+AsjA44yg1dAod8W+tIdvKTffVEl+5lcXSZy5NsjEx3KqpvV6qq8l/ggA==
   dependencies:
-    "@vue/component-compiler-utils" "^3.1.0"
-    hash-sum "^1.0.2"
-    loader-utils "^1.1.0"
-    vue-hot-reload-api "^2.3.0"
-    vue-style-loader "^4.1.0"
+    "@types/mini-css-extract-plugin" "^0.9.1"
+    chalk "^3.0.0"
+    hash-sum "^2.0.0"
+    loader-utils "^1.2.3"
+    merge-source-map "^1.1.0"
+    source-map "^0.6.1"
 
-vue-router@^3.1.6:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.1.6.tgz#45f5a3a3843e31702c061dd829393554e4328f89"
-  integrity sha512-GYhn2ynaZlysZMkFE5oCHRUTqE8BWs/a9YbKpNLi0i7xD6KG1EzDqpHQmv1F5gXjr8kL5iIVS8EOtRaVUEXTqA==
-
-vue-style-loader@^4.1.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
-  integrity sha512-0ip8ge6Gzz/Bk0iHovU9XAUQaFt/G2B61bnWa2tCcqqdgfHs1lF9xXorFbE55Gmy92okFT+8bfmySuUOu13vxQ==
-  dependencies:
-    hash-sum "^1.0.2"
-    loader-utils "^1.0.2"
+vue-router@^4.0.0-alpha.12:
+  version "4.0.0-alpha.12"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-alpha.12.tgz#cba18f0a7fcb577d97c8cd10072a9927313db510"
+  integrity sha512-TJhbWHPZS1v259PKlZf+ljSob0U2RUii3HXQgrcFXsNmeWuqEYEh6trswHHr4+MQdXxHgonyYK28qhBjNhORkA==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From 4e793189b6593721a203767511e6ec39b1d3eca8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 15:18:52 +0800
Subject: [PATCH 010/626] fix(cli): register packageEntry failed

---
 packages/vant-cli/site/desktop/main.js        |  2 +-
 packages/vant-cli/site/mobile/main.js         | 13 ++++++++-----
 .../src/compiler/gen-site-mobile-shared.ts    | 19 +++++++++----------
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/packages/vant-cli/site/desktop/main.js b/packages/vant-cli/site/desktop/main.js
index 0b0619760..0e6974d07 100644
--- a/packages/vant-cli/site/desktop/main.js
+++ b/packages/vant-cli/site/desktop/main.js
@@ -2,4 +2,4 @@ import { createApp } from 'vue';
 import App from './App';
 import { router } from './router';
 
-createApp(App).use(router).mount('#app');
+window.app = createApp(App).use(router).mount('#app');
diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index 63da68116..59278dfbf 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -2,13 +2,16 @@ import { createApp } from 'vue';
 import DemoBlock from './components/DemoBlock';
 import DemoSection from './components/DemoSection';
 import { router } from './router';
+import { packageEntry } from 'site-mobile-shared';
 import App from './App';
 import '@vant/touch-emulator';
 
+window.app = createApp(App)
+  .use(router)
+  .use(packageEntry)
+  .component(DemoBlock.name, DemoBlock)
+  .component(DemoSection.name, DemoSection);
+
 setTimeout(() => {
-  createApp(App)
-    .use(router)
-    .component(DemoBlock.name, DemoBlock)
-    .component(DemoSection.name, DemoSection)
-    .mount('#app');
+  window.app.mount('#app');
 }, 0);
diff --git a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
index 2edddef05..f6ed5d483 100644
--- a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
@@ -17,8 +17,7 @@ type DemoItem = {
 };
 
 function genInstall() {
-  return `import Vue from 'vue';
-import PackageEntry from './package-entry';
+  return `import packageEntry from './package-entry';
 import './package-style';
 `;
 }
@@ -26,7 +25,7 @@ import './package-style';
 function genImports(demos: DemoItem[]) {
   return demos
     .map(
-      item =>
+      (item) =>
         `import ${item.name} from '${removeExt(normalizePath(item.path))}';`
     )
     .join('\n');
@@ -34,22 +33,22 @@ function genImports(demos: DemoItem[]) {
 
 function genExports(demos: DemoItem[]) {
   return `export const demos = {\n  ${demos
-    .map(item => item.name)
+    .map((item) => item.name)
     .join(',\n  ')}\n};`;
 }
 
 function getSetName(demos: DemoItem[]) {
   return demos
-    .map(item => `${item.name}.name = 'demo-${item.component}';`)
+    .map((item) => `${item.name}.name = 'demo-${item.component}';`)
     .join('\n');
 }
 
 function genConfig(demos: DemoItem[]) {
   const vantConfig = getVantConfig();
-  const demoNames = demos.map(item => decamelize(item.name));
+  const demoNames = demos.map((item) => decamelize(item.name));
 
   function demoFilter(nav: any[]) {
-    return nav.filter(group => {
+    return nav.filter((group) => {
       group.items = group.items.filter((item: any) =>
         demoNames.includes(item.path)
       );
@@ -73,17 +72,17 @@ function genConfig(demos: DemoItem[]) {
 
 function genCode(components: string[]) {
   const demos = components
-    .map(component => ({
+    .map((component) => ({
       component,
       name: pascalize(component),
       path: join(SRC_DIR, component, 'demo/index.vue'),
     }))
-    .filter(item => existsSync(item.path));
+    .filter((item) => existsSync(item.path));
 
   return `${genInstall()}
 ${genImports(demos)}
 
-Vue.use(PackageEntry);
+export { packageEntry };
 
 ${getSetName(demos)}
 

From 075bc05a75f01a66772c4281ff8893f40a9835a8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 28 May 2020 15:26:12 +0800
Subject: [PATCH 011/626] fix: non-empty path must start with "/"

---
 packages/vant-cli/site/desktop/router.js | 4 ++--
 packages/vant-cli/site/mobile/router.js  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/site/desktop/router.js b/packages/vant-cli/site/desktop/router.js
index eea47a9f7..716451922 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -47,12 +47,12 @@ function getRoutes() {
 
   if (locales) {
     routes.push({
-      path: '*',
+      path: '/*',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
   } else {
     routes.push({
-      path: '*',
+      path: '/*',
       redirect: '/',
     });
   }
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index ec3e37698..0fadfb4b0 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -28,7 +28,7 @@ function getRoutes() {
 
   if (langs.length) {
     routes.push({
-      path: '*',
+      path: '/*',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
 

From f6280dc41d325f6188a8d05bd908cce15e1a5473 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:14:14 +0800
Subject: [PATCH 012/626] build(cli): update jsx plugin

---
 packages/vant-cli/package.json               |  11 +-
 packages/vant-cli/src/config/babel.config.ts |   7 +-
 packages/vant-cli/yarn.lock                  | 160 +++++++------------
 3 files changed, 60 insertions(+), 118 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index e60060ad3..af6b8e18d 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -29,8 +29,8 @@
   "author": "chenjiahan",
   "license": "MIT",
   "peerDependencies": {
-    "vue": "3.x",
-    "@vue/compiler-sfc": "3.x"
+    "@vue/compiler-sfc": "3.x",
+    "vue": "3.x"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.1",
@@ -39,6 +39,7 @@
     "@types/webpack-merge": "^4.1.5"
   },
   "dependencies": {
+    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-alpha.6",
     "@babel/core": "^7.10.1",
     "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
@@ -54,7 +55,6 @@
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
-    "@vue/babel-preset-jsx": "^1.1.2",
     "@vue/component-compiler-utils": "^3.1.2",
     "@vue/test-utils": "1.0.0-beta.29",
     "address": "^1.1.2",
@@ -62,7 +62,6 @@
     "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "babel-plugin-import": "^1.13.0",
-    "babel-plugin-transform-jsx-vue3": "^0.1.8",
     "cache-loader": "^4.1.0",
     "chokidar": "^3.4.0",
     "clean-css": "^4.2.3",
@@ -98,8 +97,8 @@
     "stylelint": "^13.5.0",
     "typescript": "^3.9.3",
     "vue-jest": "4.0.0-beta.2",
-    "vue-loader": "^16.0.0-beta.3",
-    "vue-router": "^4.0.0-alpha.12",
+    "vue-loader": "^16.0.0-beta.4",
+    "vue-router": "^4.0.0-beta.1",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/src/config/babel.config.ts b/packages/vant-cli/src/config/babel.config.ts
index c7acb2434..d8750115f 100644
--- a/packages/vant-cli/src/config/babel.config.ts
+++ b/packages/vant-cli/src/config/babel.config.ts
@@ -18,12 +18,6 @@ module.exports = function(api?: ConfigAPI) {
           modules: useESModules ? false : 'commonjs',
         },
       ],
-      [
-        '@vue/babel-preset-jsx',
-        {
-          functional: false,
-        },
-      ],
       '@babel/preset-typescript',
     ],
     plugins: [
@@ -43,6 +37,7 @@ module.exports = function(api?: ConfigAPI) {
         },
         'vant',
       ],
+      '@ant-design-vue/babel-plugin-jsx',
       '@babel/plugin-transform-object-assign',
     ],
   };
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index d26a87101..37fd41b64 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,6 +2,31 @@
 # yarn lockfile v1
 
 
+"@ant-design-vue/babel-helper-vue-compatible-props@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-compatible-props/-/babel-helper-vue-compatible-props-1.0.0.tgz#1cf8a267e04e7de4bd9207eb457bb40fbe96d69a"
+  integrity sha512-BHOaxm9EJOqoBYWUMVFKwjgDkdqbGnY1KhQBJwTdrQGRDVjVXkxzyoDGJV52YAGgHQrdaSMWakwZIiTfncsNJQ==
+  dependencies:
+    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.1"
+
+"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0", "@ant-design-vue/babel-helper-vue-transform-on@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
+  integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
+
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-alpha.6":
+  version "1.0.0-alpha.6"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-alpha.6.tgz#bbb844b91c0032922f80e3d1f062177444077dae"
+  integrity sha512-f95WdmKQkDGfSHHbqQ3xD5B/PPdg/DhHYlZE3UbIAN08e0YcjM+V1QlFAJYDfcefvsmLA/fGu/bIosBPZDZFWg==
+  dependencies:
+    "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
+    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.0.0"
+    camelcase "^6.0.0"
+    html-tags "^3.1.0"
+    svg-tags "^1.0.0"
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
@@ -286,6 +311,11 @@
   resolved "https://registry.npm.taobao.org/@babel/helper-plugin-utils/download/@babel/helper-plugin-utils-7.10.1.tgz?cache=0&sync_timestamp=1590617710577&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-plugin-utils%2Fdownload%2F%40babel%2Fhelper-plugin-utils-7.10.1.tgz#ec5a5cf0eec925b66c60580328b122c01230a127"
   integrity sha1-7Fpc8O7JJbZsYFgDKLEiwBIwoSc=
 
+"@babel/helper-plugin-utils@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
+  integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
+
 "@babel/helper-regex@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-regex/download/@babel/helper-regex-7.10.1.tgz?cache=0&sync_timestamp=1590617707108&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-regex%2Fdownload%2F%40babel%2Fhelper-regex-7.10.1.tgz#021cf1a7ba99822f993222a001cc3fec83255b96"
@@ -567,6 +597,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-jsx@^7.0.0":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
+  integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-jsx@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-jsx/download/@babel/plugin-syntax-jsx-7.10.1.tgz?cache=0&sync_timestamp=1590617717696&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-jsx%2Fdownload%2F%40babel%2Fplugin-syntax-jsx-7.10.1.tgz#0ae371134a42b91d5418feb3c8c8d43e1565d2da"
@@ -574,13 +611,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-syntax-jsx@^7.2.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
-  integrity sha512-WxdW9xyLgBdefoo0Ynn3MRSkhe5tFVxxKNVdnZSh318WrG2e2jH+E9wd/++JsqcLJZPfz87njQJ8j2Upjm0M0A==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-logical-assignment-operators/download/@babel/plugin-syntax-logical-assignment-operators-7.8.3.tgz#3995d7d7ffff432f6ddc742b47e730c054599897"
@@ -1741,6 +1771,13 @@
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.1.tgz#dc488842312a7f075149312905b5e3c0b054c79d"
   integrity sha512-FwI9gX75FgVBJ7ywgnq/P7tw+/o1GUbtP0KzbtusLigAOgIgNISRK0ZPl4qertvXSIE8YbsVJueQ90cDt9YYyw==
 
+"@types/mini-css-extract-plugin@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.1.tgz#d4bdde5197326fca039d418f4bdda03dc74dc451"
+  integrity sha512-+mN04Oszdz9tGjUP/c1ReVwJXxSniLd7lF++sv+8dkABxVNthg6uccei+4ssKxRHGoMmPxdn7uBdJWONSJGTGQ==
+  dependencies:
+    "@types/webpack" "*"
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1995,70 +2032,6 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
-  integrity sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw==
-
-"@vue/babel-plugin-transform-vue-jsx@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.1.2.tgz#c0a3e6efc022e75e4247b448a8fc6b86f03e91c0"
-  integrity sha512-YfdaoSMvD1nj7+DsrwfTvTnhDXI7bsuh+Y5qWwvQXlD24uLgnsoww3qbiZvWf/EoviZMrvqkqN4CBw0W3BWUTQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    html-tags "^2.0.0"
-    lodash.kebabcase "^4.1.1"
-    svg-tags "^1.0.0"
-
-"@vue/babel-preset-jsx@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-preset-jsx/-/babel-preset-jsx-1.1.2.tgz#2e169eb4c204ea37ca66c2ea85a880bfc99d4f20"
-  integrity sha512-zDpVnFpeC9YXmvGIDSsKNdL7qCG2rA3gjywLYHPCKDT10erjxF4U+6ay9X6TW5fl4GsDlJp9bVfAVQAAVzxxvQ==
-  dependencies:
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    "@vue/babel-sugar-functional-vue" "^1.1.2"
-    "@vue/babel-sugar-inject-h" "^1.1.2"
-    "@vue/babel-sugar-v-model" "^1.1.2"
-    "@vue/babel-sugar-v-on" "^1.1.2"
-
-"@vue/babel-sugar-functional-vue@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-functional-vue/-/babel-sugar-functional-vue-1.1.2.tgz#f7e24fba09e6f1ee70104560a8808057555f1a9a"
-  integrity sha512-YhmdJQSVEFF5ETJXzrMpj0nkCXEa39TvVxJTuVjzvP2rgKhdMmQzlJuMv/HpadhZaRVMCCF3AEjjJcK5q/cYzQ==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-
-"@vue/babel-sugar-inject-h@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-inject-h/-/babel-sugar-inject-h-1.1.2.tgz#8a5276b6d8e2ed16ffc8078aad94236274e6edf0"
-  integrity sha512-VRSENdTvD5htpnVp7i7DNuChR5rVMcORdXjvv5HVvpdKHzDZAYiLSD+GhnhxLm3/dMuk8pSzV+k28ECkiN5m8w==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-
-"@vue/babel-sugar-v-model@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-model/-/babel-sugar-v-model-1.1.2.tgz#1ff6fd1b800223fc9cb1e84dceb5e52d737a8192"
-  integrity sha512-vLXPvNq8vDtt0u9LqFdpGM9W9IWDmCmCyJXuozlq4F4UYVleXJ2Fa+3JsnTZNJcG+pLjjfnEGHci2339Kj5sGg==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    camelcase "^5.0.0"
-    html-tags "^2.0.0"
-    svg-tags "^1.0.0"
-
-"@vue/babel-sugar-v-on@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.1.2.tgz#b2ef99b8f2fab09fbead25aad70ef42e1cf5b13b"
-  integrity sha512-T8ZCwC8Jp2uRtcZ88YwZtZXe7eQrJcfRq0uTFy6ShbwYJyz5qWskRFoVsdTi9o0WEhmQXxhQUewodOSCUPVmsQ==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    camelcase "^5.0.0"
-
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
@@ -2074,7 +2047,7 @@
     source-map "~0.6.1"
     vue-template-es2015-compiler "^1.9.0"
 
-"@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.1.2":
+"@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.npm.taobao.org/@vue/component-compiler-utils/download/@vue/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
   integrity sha1-ghOl/zIC+fITf+VTcPnouWVggcM=
@@ -2750,13 +2723,6 @@ babel-plugin-jest-hoist@^26.0.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-transform-jsx-vue3@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-jsx-vue3/-/babel-plugin-transform-jsx-vue3-0.1.8.tgz#9cef48337cb407a4a503fec84175a9119710f984"
-  integrity sha512-nCM0utOBCQKaCQA/q1gVv/dVIar5wPicOeJ2WaJRy3lL4yB00Tyo85VeKtNvJ+nYKxPslZDUE40GJehLdsdMkg==
-  dependencies:
-    esutils "^2.0.2"
-
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.npm.taobao.org/babel-preset-current-node-syntax/download/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -7622,7 +7588,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -7678,11 +7644,6 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
-lodash.kebabcase@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
-  integrity sha1-hImxyw0p/4gZXM7KRI/21swpXDY=
-
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -12032,11 +11993,6 @@ vue-eslint-parser@^7.0.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-hot-reload-api@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
-  integrity sha1-UylVzB6yCKPZkLOp+acFdGV+CPI=
-
 vue-jest@4.0.0-beta.2:
   version "4.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-4.0.0-beta.2.tgz#f2120ea9d24224aad3a100c2010b0760d47ee6fe"
@@ -12049,10 +12005,10 @@ vue-jest@4.0.0-beta.2:
     source-map "^0.5.6"
     ts-jest "^23.10.5"
 
-vue-loader@^16.0.0-beta.3:
-  version "16.0.0-beta.3"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.3.tgz#2374094399fed98a8a5750912f3caaaefa814553"
-  integrity sha512-B1jRmai+/sr5PDkRqZe6KllBGMJb4+AsjA44yg1dAod8W+tIdvKTffVEl+5lcXSZy5NsjEx3KqpvV6qq8l/ggA==
+vue-loader@^16.0.0-beta.4:
+  version "16.0.0-beta.4"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.4.tgz#1d9d7894f430992096727c4414bcf3b1ae8c1be9"
+  integrity sha512-uh/+SIwoN+hny0+GqxdkTuEmt1NV4wb8etF5cKkB1YVMv29ck0byrmkt8IIYadQ3r/fiYsr2brGJqP+hytQwuw==
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"
@@ -12061,18 +12017,10 @@ vue-loader@^16.0.0-beta.3:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-alpha.12:
-  version "4.0.0-alpha.12"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-alpha.12.tgz#cba18f0a7fcb577d97c8cd10072a9927313db510"
-  integrity sha512-TJhbWHPZS1v259PKlZf+ljSob0U2RUii3HXQgrcFXsNmeWuqEYEh6trswHHr4+MQdXxHgonyYK28qhBjNhORkA==
-
-vue-style-loader@^4.1.0:
-  version "4.1.2"
-  resolved "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
-  integrity sha1-3t80mAbyXOtOZPOtfApE+6c1/Pg=
-  dependencies:
-    hash-sum "^1.0.2"
-    loader-utils "^1.0.2"
+vue-router@^4.0.0-beta.1:
+  version "4.0.0-beta.1"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.1.tgz#8ccdc37c991efa30d1519f885dd772307715503a"
+  integrity sha512-byqdBiKISN9Qrse6A0fgR6tePQNwlAdx+wBgO2x08MEn6hy8ds19uKvosfruVjw5vhpFmjvGR15Z68an+7fRAQ==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From 29e37dc0f1d70d5f9143cfbc8c2d243890318e48 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:14:53 +0800
Subject: [PATCH 013/626] chore: release @vant/cli@3.0.0-alpha.1

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index af6b8e18d..ab1f8256c 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 34c594fd79d1197545517a37b1fdef28a2ec806f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:19:27 +0800
Subject: [PATCH 014/626] chore: bump vue 3.0.0-beta.18

---
 package.json |   7 +-
 yarn.lock    | 438 ++++++++++++++++-----------------------------------
 2 files changed, 138 insertions(+), 307 deletions(-)

diff --git a/package.json b/package.json
index 9d3fa85ae..5495a37bc 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,6 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.2.3",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
@@ -56,10 +55,10 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.0",
-    "@vue/compiler-sfc": "^3.0.0-beta.14",
+    "@vant/cli": "^3.0.0-alpha.1",
+    "@vue/compiler-sfc": "^3.0.0-beta.18",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-beta.14"
+    "vue": "^3.0.0-beta.18"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 35963671c..377c23e9a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,31 @@
 # yarn lockfile v1
 
 
+"@ant-design-vue/babel-helper-vue-compatible-props@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-compatible-props/-/babel-helper-vue-compatible-props-1.0.0.tgz#1cf8a267e04e7de4bd9207eb457bb40fbe96d69a"
+  integrity sha512-BHOaxm9EJOqoBYWUMVFKwjgDkdqbGnY1KhQBJwTdrQGRDVjVXkxzyoDGJV52YAGgHQrdaSMWakwZIiTfncsNJQ==
+  dependencies:
+    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.1"
+
+"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0", "@ant-design-vue/babel-helper-vue-transform-on@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
+  integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
+
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-alpha.6":
+  version "1.0.0-alpha.6"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-alpha.6.tgz#bbb844b91c0032922f80e3d1f062177444077dae"
+  integrity sha512-f95WdmKQkDGfSHHbqQ3xD5B/PPdg/DhHYlZE3UbIAN08e0YcjM+V1QlFAJYDfcefvsmLA/fGu/bIosBPZDZFWg==
+  dependencies:
+    "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
+    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.0.0"
+    camelcase "^6.0.0"
+    html-tags "^3.1.0"
+    svg-tags "^1.0.0"
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
@@ -47,7 +72,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@^7.9.6":
+"@babel/core@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.10.4.tgz#780e8b83e496152f8dd7df63892b2e052bf1d51d"
   integrity sha512-3A0tS0HWpy4XujGc7QtOIHTeNwUgWaZc/WuS5YQrfhU67jnVmsD6OGPc1AKHH0LJHQICGncy3+YUjIhVlfDdcA==
@@ -567,14 +592,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.2.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
-  integrity sha512-WxdW9xyLgBdefoo0Ynn3MRSkhe5tFVxxKNVdnZSh318WrG2e2jH+E9wd/++JsqcLJZPfz87njQJ8j2Upjm0M0A==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-syntax-jsx@^7.8.3":
+"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
   integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
@@ -824,7 +842,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-object-assign@^7.8.3":
+"@babel/plugin-transform-object-assign@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-transform-object-assign/-/plugin-transform-object-assign-7.10.4.tgz#f7c8f54ce8052ccd8b9da9b3358848423221c338"
   integrity sha512-6zccDhYEICfMeQqIjuY5G09/yhKzG30DKHJeYBQUHIsJH7c2jXSGvgwRalufLAXAq432OSlsEfAOLlzEsQzxVw==
@@ -868,7 +886,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-transform-runtime@^7.9.6":
+"@babel/plugin-transform-runtime@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.10.4.tgz#594fb53453ea1b6f0779cceb48ce0718a447feb7"
   integrity sha512-8ULlGv8p+Vuxu+kz2Y1dk6MYS2b/Dki+NO6/0ZlfSj5tMalfDL7jI/o/2a+rrWLqSXvnadEqc2WguB4gdQIxZw==
@@ -939,7 +957,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/preset-env@^7.9.6":
+"@babel/preset-env@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.10.4.tgz#fbf57f9a803afd97f4f32e4f798bb62e4b2bef5f"
   integrity sha512-tcmuQ6vupfMZPrLrc38d0sF2OjLT3/bZ0dry5HchNCQbrokoQi4reXqclvkkAT5b+gWc23meVWpve5P/7+w/zw==
@@ -1020,7 +1038,7 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-typescript@^7.9.0":
+"@babel/preset-typescript@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.10.4.tgz#7d5d052e52a682480d6e2cc5aa31be61c8c25e36"
   integrity sha512-SdYnvGPv+bLlwkF2VkJnaX/ni1sMNetcGI1+nThF1gyv6Ph8Qucc4ZZAjM5yZcE/AKRXIOTZz7eSRDWOEjPyRQ==
@@ -1981,40 +1999,41 @@
     semver "^6.3.0"
     tsutils "^3.17.1"
 
-"@vant/cli@^3.0.0-alpha.0":
-  version "3.0.0-alpha.0"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.0.tgz#f25c8815b8d0b0360d1c2853ba411e10c072afe7"
-  integrity sha512-rCcYTWh9LYgw2suCjHc3McI77OEHFwdS+te3cNj9+NJV4PVbfsXfho/bHcndNDqEal0KBsOM0JjyfzB2v3z2mA==
+"@vant/cli@^3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.1.tgz#3719cc47e6157b70096854ad1c1bb24626b7491c"
+  integrity sha512-zq+dwYoXi6DbNJOpRAR2OkX63WHr1XWCr0w8woKJIgNa47Brr+rrss1L2WkGgPdSYZcWXUIOYuVCWEg15lOLJg==
   dependencies:
-    "@babel/core" "^7.9.6"
-    "@babel/plugin-syntax-jsx" "^7.8.3"
-    "@babel/plugin-transform-object-assign" "^7.8.3"
-    "@babel/plugin-transform-runtime" "^7.9.6"
-    "@babel/preset-env" "^7.9.6"
-    "@babel/preset-typescript" "^7.9.0"
+    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-alpha.6"
+    "@babel/core" "^7.10.1"
+    "@babel/plugin-syntax-jsx" "^7.10.1"
+    "@babel/plugin-transform-object-assign" "^7.10.1"
+    "@babel/plugin-transform-runtime" "^7.10.1"
+    "@babel/preset-env" "^7.10.1"
+    "@babel/preset-typescript" "^7.10.1"
     "@nuxt/friendly-errors-webpack-plugin" "^2.5.0"
-    "@types/jest" "^25.2.1"
+    "@types/jest" "^25.2.3"
+    "@types/webpack" "^4.41.13"
+    "@types/webpack-dev-server" "^3.11.0"
     "@vant/eslint-config" "^2.2.2"
     "@vant/markdown-loader" "^3.0.0-alpha.0"
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
-    "@vue/babel-preset-jsx" "^1.1.2"
     "@vue/component-compiler-utils" "^3.1.2"
     "@vue/test-utils" "1.0.0-beta.29"
     address "^1.1.2"
-    autoprefixer "^9.7.6"
-    babel-jest "^25.5.1"
+    autoprefixer "^9.8.0"
+    babel-jest "^26.0.1"
     babel-loader "^8.1.0"
     babel-plugin-import "^1.13.0"
-    babel-plugin-transform-jsx-vue3 "^0.1.8"
     cache-loader "^4.1.0"
     chokidar "^3.4.0"
     clean-css "^4.2.3"
-    codecov "^3.6.5"
+    codecov "^3.7.0"
     commander "^5.1.0"
-    consola "^2.11.3"
-    conventional-changelog "^3.1.18"
+    consola "^2.12.2"
+    conventional-changelog "^3.1.21"
     cross-env "^7.0.2"
     css-loader "^3.5.3"
     eslint "^6.8.0"
@@ -2028,25 +2047,25 @@
     jest-canvas-mock "^2.2.0"
     jest-serializer-vue "^2.0.2"
     less "^3.11.1"
-    less-loader "^6.0.0"
-    lint-staged "^10.2.2"
+    less-loader "^6.1.0"
+    lint-staged "^10.2.7"
     lodash "^4.17.15"
     ora "^4.0.4"
     portfinder "^1.0.26"
-    postcss "^7.0.28"
+    postcss "^7.0.31"
     postcss-loader "^3.0.0"
     prettier "^2.0.5"
-    release-it "^13.5.7"
-    sass "^1.26.5"
+    release-it "^13.6.1"
+    sass "^1.26.7"
     sass-loader "^8.0.2"
     style-loader "^1.2.1"
-    stylelint "^13.3.3"
-    typescript "^3.8.3"
+    stylelint "^13.5.0"
+    typescript "^3.9.3"
     vue-jest "4.0.0-beta.2"
-    vue-loader "^16.0.0-beta.3"
-    vue-router "^4.0.0-alpha.12"
+    vue-loader "^16.0.0-beta.4"
+    vue-router "^4.0.0-beta.1"
     webpack "^4.43.0"
-    webpack-dev-server "3.10.3"
+    webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
     webpackbar "^4.0.0"
 
@@ -2102,114 +2121,50 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
-  integrity sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw==
-
-"@vue/babel-plugin-transform-vue-jsx@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.1.2.tgz#c0a3e6efc022e75e4247b448a8fc6b86f03e91c0"
-  integrity sha512-YfdaoSMvD1nj7+DsrwfTvTnhDXI7bsuh+Y5qWwvQXlD24uLgnsoww3qbiZvWf/EoviZMrvqkqN4CBw0W3BWUTQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    html-tags "^2.0.0"
-    lodash.kebabcase "^4.1.1"
-    svg-tags "^1.0.0"
-
-"@vue/babel-preset-jsx@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-preset-jsx/-/babel-preset-jsx-1.1.2.tgz#2e169eb4c204ea37ca66c2ea85a880bfc99d4f20"
-  integrity sha512-zDpVnFpeC9YXmvGIDSsKNdL7qCG2rA3gjywLYHPCKDT10erjxF4U+6ay9X6TW5fl4GsDlJp9bVfAVQAAVzxxvQ==
-  dependencies:
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    "@vue/babel-sugar-functional-vue" "^1.1.2"
-    "@vue/babel-sugar-inject-h" "^1.1.2"
-    "@vue/babel-sugar-v-model" "^1.1.2"
-    "@vue/babel-sugar-v-on" "^1.1.2"
-
-"@vue/babel-sugar-functional-vue@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-functional-vue/-/babel-sugar-functional-vue-1.1.2.tgz#f7e24fba09e6f1ee70104560a8808057555f1a9a"
-  integrity sha512-YhmdJQSVEFF5ETJXzrMpj0nkCXEa39TvVxJTuVjzvP2rgKhdMmQzlJuMv/HpadhZaRVMCCF3AEjjJcK5q/cYzQ==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-
-"@vue/babel-sugar-inject-h@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-inject-h/-/babel-sugar-inject-h-1.1.2.tgz#8a5276b6d8e2ed16ffc8078aad94236274e6edf0"
-  integrity sha512-VRSENdTvD5htpnVp7i7DNuChR5rVMcORdXjvv5HVvpdKHzDZAYiLSD+GhnhxLm3/dMuk8pSzV+k28ECkiN5m8w==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-
-"@vue/babel-sugar-v-model@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-model/-/babel-sugar-v-model-1.1.2.tgz#1ff6fd1b800223fc9cb1e84dceb5e52d737a8192"
-  integrity sha512-vLXPvNq8vDtt0u9LqFdpGM9W9IWDmCmCyJXuozlq4F4UYVleXJ2Fa+3JsnTZNJcG+pLjjfnEGHci2339Kj5sGg==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    camelcase "^5.0.0"
-    html-tags "^2.0.0"
-    svg-tags "^1.0.0"
-
-"@vue/babel-sugar-v-on@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.1.2.tgz#b2ef99b8f2fab09fbead25aad70ef42e1cf5b13b"
-  integrity sha512-T8ZCwC8Jp2uRtcZ88YwZtZXe7eQrJcfRq0uTFy6ShbwYJyz5qWskRFoVsdTi9o0WEhmQXxhQUewodOSCUPVmsQ==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
-    camelcase "^5.0.0"
-
-"@vue/compiler-core@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-beta.14.tgz#69019b5c3da8335e6d83f81b37648caf120dbacd"
-  integrity sha1-aQGbXD2oM15tg/gbN2SMrxINus0=
+"@vue/compiler-core@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.18.tgz#52cf3e4f1f627230e9affb9da22a408a624e7e50"
+  integrity sha512-3JSSCs11lYuNdfyT5DVB06OeWlT/aAK8JKHLmG8OsXkT0flVSc19mtnqi+EaFhW3rT63qT0fjJfTfU0Wn1PN9Q==
   dependencies:
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.18"
     estree-walker "^0.8.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-beta.14.tgz#2ea1c165e06e9630e687a7a5cbde4e8b20b064ac"
-  integrity sha1-LqHBZeBuljDmh6ely95OiyCwZKw=
+"@vue/compiler-dom@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.18.tgz#089b37c71850df28d2304e2d5034461af6065ddf"
+  integrity sha512-vTfZNfn/bfGVJCdQwQN5xeBIaFCYPKp/NZCyMewh0wdju2ewzSmQIzG3gaSqEIxYor/FQmFkGuRRzWJJBmcoUQ==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/compiler-core" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
 
-"@vue/compiler-sfc@^3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-beta.14.tgz#3984416c0ed1bbdfbeee9d33c8a2c1152ed00770"
-  integrity sha1-OYRBbA7Ru9++7p0zyKLBFS7QB3A=
+"@vue/compiler-sfc@^3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.18.tgz#3c4660396ca267b443214c09b71923bce17c5d8e"
+  integrity sha512-RSErTbnKWkI4hAFBTOLg1tCHHVP2hG7NDbf2LVJdf9OWBr9FWoTQaMTby25rJs6aiSch7reNRzToq6XMLagQjQ==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.14"
-    "@vue/compiler-dom" "3.0.0-beta.14"
-    "@vue/compiler-ssr" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/compiler-core" "3.0.0-beta.18"
+    "@vue/compiler-dom" "3.0.0-beta.18"
+    "@vue/compiler-ssr" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
     consolidate "^0.15.1"
     hash-sum "^2.0.0"
     lru-cache "^5.1.1"
     merge-source-map "^1.1.0"
     postcss "^7.0.27"
-    postcss-modules "^2.0.0"
+    postcss-modules "^3.1.0"
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-beta.14.tgz#e5a0dc1afcaf4f110e2e447b41bb3d8172e3e3e9"
-  integrity sha1-5aDcGvyvTxEOLkR7Qbs9gXLj4+k=
+"@vue/compiler-ssr@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.18.tgz#072048fecd40d39b8762beb73da1ae45f3750bbc"
+  integrity sha512-/W83jw+PToUUX/SouajhwMwewEe66lUiTb4lixZ3f06o0VPJCFCLtZ+WQbN+g2m+iE7DegnkcPq6ly7gflcRXQ==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/compiler-dom" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -2242,34 +2197,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-beta.14.tgz#a041ec24ce2e545583a6a1a42774311c16870a91"
-  integrity sha1-oEHsJM4uVFWDpqGkJ3QxHBaHCpE=
+"@vue/reactivity@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.18.tgz#b6562661eca6b7bd4d633db5df867b41c8e3c648"
+  integrity sha512-UFKONXh5XZCwynGrS6CAYTz3AoNVmLUpuQnfl3z8XbHulw9kqVwFoQgXwFBlrizdLsPoNW0s3FHPmtqC9Ohjgg==
   dependencies:
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/shared" "3.0.0-beta.18"
 
-"@vue/runtime-core@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-beta.14.tgz#4f8162befd6ad1ac55cc6c142edc8301b090658a"
-  integrity sha1-T4Fivv1q0axVzGwULtyDAbCQZYo=
+"@vue/runtime-core@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.18.tgz#373ccec46e37826b9976f21039287bfa69f4ee16"
+  integrity sha512-ZgIxCSuR1luq3pmWQbsYkn6ybUK/BKAWRQwAxUCP9BjFHnvN0W4BSLwy6VuH2l2ToKGni+xPxpDZhQQQsVAfng==
   dependencies:
-    "@vue/reactivity" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/reactivity" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
 
-"@vue/runtime-dom@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-beta.14.tgz#080e9dd48a95da639f9fcc6d70a2d9620aec6ab8"
-  integrity sha1-CA6d1IqV2mOfn8xtcKLZYgrsarg=
+"@vue/runtime-dom@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.18.tgz#9b9f6af723bf9896fdce58857e07401ef521cba3"
+  integrity sha512-2ym4EyWg1C/UDXuVjFyqwLgAjrWRTRM3wHBmp0TlpoXSSNvIEJg5HXRgC1jnHtkVbGmyHHPndsbFP+oBj10tzQ==
   dependencies:
-    "@vue/runtime-core" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/runtime-core" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-beta.14":
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-beta.14.tgz#886afe5c233a5b255c186142324c40f114958af5"
-  integrity sha1-iGr+XCM6WyVcGGFCMkxA8RSVivU=
+"@vue/shared@3.0.0-beta.18":
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.18.tgz#1326efa98fe49b9ef3effbec88189b88ed7544a7"
+  integrity sha512-wRvQaTHeCt3xxqj3UpMR2JxkkU7ul/9RMqSxGJhOd4Bsp72Md4H83XkijHy8LkPKZWszmxjEpfCYuw9MU0a4kg==
 
 "@vue/test-utils@1.0.0-beta.29":
   version "1.0.0-beta.29"
@@ -2597,11 +2552,6 @@ ansi-regex@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
-ansi-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
-
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -2947,13 +2897,6 @@ babel-plugin-jest-hoist@^26.1.0:
     "@types/babel__core" "^7.0.0"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-transform-jsx-vue3@^0.1.8:
-  version "0.1.9"
-  resolved "https://registry.npmjs.org/babel-plugin-transform-jsx-vue3/-/babel-plugin-transform-jsx-vue3-0.1.9.tgz#5951c96e68a3281eb25ff11bfd8160bad47bba9a"
-  integrity sha512-braK/4Wd6Vjpk4Z8+KooU8HEPBLdW3lNE+k0IZIKnsZ9kGIaeymC8K/I61N21gguw5np7pRKcpaxfTj00/W8kA==
-  dependencies:
-    esutils "^2.0.2"
-
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -3492,17 +3435,6 @@ chalk@4.1.0, chalk@^4.1.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
-  dependencies:
-    ansi-styles "^2.2.1"
-    escape-string-regexp "^1.0.2"
-    has-ansi "^2.0.0"
-    strip-ansi "^3.0.0"
-    supports-color "^2.0.0"
-
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -4278,18 +4210,6 @@ css-loader@^3.5.3:
     schema-utils "^2.6.6"
     semver "^6.3.0"
 
-css-modules-loader-core@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npm.taobao.org/css-modules-loader-core/download/css-modules-loader-core-1.1.0.tgz#5908668294a1becd261ae0a4ce21b0b551f21d16"
-  integrity sha1-WQhmgpShvs0mGuCkziGwtVHyHRY=
-  dependencies:
-    icss-replace-symbols "1.1.0"
-    postcss "6.0.1"
-    postcss-modules-extract-imports "1.1.0"
-    postcss-modules-local-by-default "1.2.0"
-    postcss-modules-scope "1.1.0"
-    postcss-modules-values "1.3.0"
-
 css-select@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
@@ -4300,15 +4220,6 @@ css-select@^1.1.0:
     domutils "1.5.1"
     nth-check "~1.0.1"
 
-css-selector-tokenizer@^0.7.0:
-  version "0.7.2"
-  resolved "https://registry.npm.taobao.org/css-selector-tokenizer/download/css-selector-tokenizer-0.7.2.tgz?cache=0&sync_timestamp=1583233392235&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-selector-tokenizer%2Fdownload%2Fcss-selector-tokenizer-0.7.2.tgz#11e5e27c9a48d90284f22d45061c303d7a25ad87"
-  integrity sha1-EeXifJpI2QKE8i1FBhwwPXolrYc=
-  dependencies:
-    cssesc "^3.0.0"
-    fastparse "^1.1.2"
-    regexpu-core "^4.6.0"
-
 css-what@2.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
@@ -5395,11 +5306,6 @@ fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
-fastparse@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.npm.taobao.org/fastparse/download/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
-  integrity sha1-kXKMWllC7O2FMSg8eUQe5BIsNak=
-
 fastq@^1.6.0:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.1.tgz#4570c74f2ded173e71cf0beb08ac70bb85826791"
@@ -6063,18 +5969,6 @@ hard-rejection@^2.1.0:
   resolved "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
   integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
 
-has-ansi@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-has-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
-  integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
-
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -6401,7 +6295,7 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-icss-replace-symbols@1.1.0, icss-replace-symbols@^1.1.0:
+icss-replace-symbols@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npm.taobao.org/icss-replace-symbols/download/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
   integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
@@ -7985,11 +7879,6 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
-lodash.kebabcase@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
-  integrity sha1-hImxyw0p/4gZXM7KRI/21swpXDY=
-
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -9447,13 +9336,6 @@ postcss-media-query-parser@^0.2.3:
   resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
   integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
 
-postcss-modules-extract-imports@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npm.taobao.org/postcss-modules-extract-imports/download/postcss-modules-extract-imports-1.1.0.tgz#b614c9720be6816eaee35fb3a5faa1dba6a05ddb"
-  integrity sha1-thTJcgvmgW6u41+zpfqh26agXds=
-  dependencies:
-    postcss "^6.0.1"
-
 postcss-modules-extract-imports@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
@@ -9461,14 +9343,6 @@ postcss-modules-extract-imports@^2.0.0:
   dependencies:
     postcss "^7.0.5"
 
-postcss-modules-local-by-default@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.npm.taobao.org/postcss-modules-local-by-default/download/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
-  integrity sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=
-  dependencies:
-    css-selector-tokenizer "^0.7.0"
-    postcss "^6.0.1"
-
 postcss-modules-local-by-default@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.2.tgz#e8a6561be914aaf3c052876377524ca90dbb7915"
@@ -9479,14 +9353,6 @@ postcss-modules-local-by-default@^3.0.2:
     postcss-selector-parser "^6.0.2"
     postcss-value-parser "^4.0.0"
 
-postcss-modules-scope@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.npm.taobao.org/postcss-modules-scope/download/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
-  integrity sha1-1upkmUx5+XtipytCb75gVqGUu5A=
-  dependencies:
-    css-selector-tokenizer "^0.7.0"
-    postcss "^6.0.1"
-
 postcss-modules-scope@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
@@ -9495,14 +9361,6 @@ postcss-modules-scope@^2.2.0:
     postcss "^7.0.6"
     postcss-selector-parser "^6.0.0"
 
-postcss-modules-values@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.npm.taobao.org/postcss-modules-values/download/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
-  integrity sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=
-  dependencies:
-    icss-replace-symbols "^1.1.0"
-    postcss "^6.0.1"
-
 postcss-modules-values@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
@@ -9511,15 +9369,19 @@ postcss-modules-values@^3.0.0:
     icss-utils "^4.0.0"
     postcss "^7.0.6"
 
-postcss-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/postcss-modules/download/postcss-modules-2.0.0.tgz?cache=0&sync_timestamp=1586850154478&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules%2Fdownload%2Fpostcss-modules-2.0.0.tgz#473d0d7326651d8408585c2a154115d5cb36cce0"
-  integrity sha1-Rz0NcyZlHYQIWFwqFUEV1cs2zOA=
+postcss-modules@^3.1.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/postcss-modules/-/postcss-modules-3.2.0.tgz#1ca870d197cd09a7964253e12de2aac906c94256"
+  integrity sha512-ceodlVbBypGD3R7EI1xM7gz28J0syaXq0VKd7rJVXVlOSkxUIRBRJQjBgpoKnKVFNAcCjtLVgZqBA3mUNntWPA==
   dependencies:
-    css-modules-loader-core "^1.1.0"
     generic-names "^2.0.1"
+    icss-replace-symbols "^1.1.0"
     lodash.camelcase "^4.3.0"
-    postcss "^7.0.1"
+    postcss "^7.0.32"
+    postcss-modules-extract-imports "^2.0.0"
+    postcss-modules-local-by-default "^3.0.2"
+    postcss-modules-scope "^2.2.0"
+    postcss-modules-values "^3.0.0"
     string-hash "^1.1.1"
 
 postcss-reporter@^6.0.0, postcss-reporter@^6.0.1:
@@ -9637,24 +9499,6 @@ postcss-value-parser@^4.1.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
 
-postcss@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.npm.taobao.org/postcss/download/postcss-6.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
-  integrity sha1-AA29H47vIXqjaLmiEsX8QLKo8/I=
-  dependencies:
-    chalk "^1.1.3"
-    source-map "^0.5.6"
-    supports-color "^3.2.3"
-
-postcss@^6.0.1:
-  version "6.0.23"
-  resolved "https://registry.npm.taobao.org/postcss/download/postcss-6.0.23.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-  integrity sha1-YcgswyisYOZ3ZF+XkFTrmLwOMyQ=
-  dependencies:
-    chalk "^2.4.1"
-    source-map "^0.6.1"
-    supports-color "^5.4.0"
-
 postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
   version "7.0.28"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.28.tgz#d349ced7743475717ba91f6810efb58c51fb5dbb"
@@ -10160,7 +10004,7 @@ regexpp@^3.0.0:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
   integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
 
-regexpu-core@^4.6.0, regexpu-core@^4.7.0:
+regexpu-core@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexpu-core%2Fdownload%2Fregexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
   integrity sha1-/L9FjFBDGwu3tF1pZ7gZLZHz2Tg=
@@ -11580,19 +11424,7 @@ supports-color@7.1.0, supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
-
-supports-color@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-3.2.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
-  integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
-  dependencies:
-    has-flag "^1.0.0"
-
-supports-color@^5.3.0, supports-color@^5.4.0:
+supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@@ -12447,10 +12279,10 @@ vue-lazyload@1.2.3:
   resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
   integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==
 
-vue-loader@^16.0.0-beta.3:
-  version "16.0.0-beta.3"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.3.tgz#2374094399fed98a8a5750912f3caaaefa814553"
-  integrity sha512-B1jRmai+/sr5PDkRqZe6KllBGMJb4+AsjA44yg1dAod8W+tIdvKTffVEl+5lcXSZy5NsjEx3KqpvV6qq8l/ggA==
+vue-loader@^16.0.0-beta.4:
+  version "16.0.0-beta.4"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.4.tgz#1d9d7894f430992096727c4414bcf3b1ae8c1be9"
+  integrity sha512-uh/+SIwoN+hny0+GqxdkTuEmt1NV4wb8etF5cKkB1YVMv29ck0byrmkt8IIYadQ3r/fiYsr2brGJqP+hytQwuw==
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"
@@ -12459,24 +12291,24 @@ vue-loader@^16.0.0-beta.3:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-alpha.12:
-  version "4.0.0-alpha.12"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-alpha.12.tgz#cba18f0a7fcb577d97c8cd10072a9927313db510"
-  integrity sha512-TJhbWHPZS1v259PKlZf+ljSob0U2RUii3HXQgrcFXsNmeWuqEYEh6trswHHr4+MQdXxHgonyYK28qhBjNhORkA==
+vue-router@^4.0.0-beta.1:
+  version "4.0.0-beta.1"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.1.tgz#8ccdc37c991efa30d1519f885dd772307715503a"
+  integrity sha512-byqdBiKISN9Qrse6A0fgR6tePQNwlAdx+wBgO2x08MEn6hy8ds19uKvosfruVjw5vhpFmjvGR15Z68an+7fRAQ==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-beta.14:
-  version "3.0.0-beta.14"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-beta.14.tgz#d2c8739e00c4a4a06b519c14c57d204c350c980c"
-  integrity sha1-0shzngDEpKBrUZwUxX0gTDUMmAw=
+vue@^3.0.0-beta.18:
+  version "3.0.0-beta.18"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.18.tgz#775b499602ed7ff5e14bef00cd320e77bdfe0dca"
+  integrity sha512-waevph9s+M/aBf4XJIjfwHlHH7SBEr29dTMqq6ymnp/qJQHsavLlQHjsWRcxkYJ5rKfM6omoW+G6EBRBDB05sA==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.14"
-    "@vue/runtime-dom" "3.0.0-beta.14"
-    "@vue/shared" "3.0.0-beta.14"
+    "@vue/compiler-dom" "3.0.0-beta.18"
+    "@vue/runtime-dom" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.18"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 18a3e80864d49169b4e07b21b662af9a83a0cd2f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:20:01 +0800
Subject: [PATCH 015/626] chore: add src-next folder

---
 {src => src-next}/hooks/use-click-outside.ts | 0
 {src => src-next}/hooks/use-global-event.ts  | 2 +-
 {src => src-next}/hooks/use-lock-scroll.ts   | 0
 {src => src-next}/hooks/use-touch.ts         | 8 ++++----
 tsconfig.json                                | 1 +
 vant.config.js                               | 2 +-
 6 files changed, 7 insertions(+), 6 deletions(-)
 rename {src => src-next}/hooks/use-click-outside.ts (100%)
 rename {src => src-next}/hooks/use-global-event.ts (92%)
 rename {src => src-next}/hooks/use-lock-scroll.ts (100%)
 rename {src => src-next}/hooks/use-touch.ts (84%)

diff --git a/src/hooks/use-click-outside.ts b/src-next/hooks/use-click-outside.ts
similarity index 100%
rename from src/hooks/use-click-outside.ts
rename to src-next/hooks/use-click-outside.ts
diff --git a/src/hooks/use-global-event.ts b/src-next/hooks/use-global-event.ts
similarity index 92%
rename from src/hooks/use-global-event.ts
rename to src-next/hooks/use-global-event.ts
index 319c043bf..a5f453001 100644
--- a/src/hooks/use-global-event.ts
+++ b/src-next/hooks/use-global-event.ts
@@ -1,4 +1,4 @@
-import { on, off } from '../utils/dom/event';
+import { on, off } from '../../src/utils/dom/event';
 import {
   Ref,
   watch,
diff --git a/src/hooks/use-lock-scroll.ts b/src-next/hooks/use-lock-scroll.ts
similarity index 100%
rename from src/hooks/use-lock-scroll.ts
rename to src-next/hooks/use-lock-scroll.ts
diff --git a/src/hooks/use-touch.ts b/src-next/hooks/use-touch.ts
similarity index 84%
rename from src/hooks/use-touch.ts
rename to src-next/hooks/use-touch.ts
index aaaa5fb5c..44466fe01 100644
--- a/src/hooks/use-touch.ts
+++ b/src-next/hooks/use-touch.ts
@@ -39,10 +39,10 @@ export function useTouch() {
 
   function move(event: TouchEvent) {
     const touch = event.touches[0];
-    deltaX.value = touch.clientX - this.startX;
-    deltaY.value = touch.clientY - this.startY;
-    offsetX.value = Math.abs(this.deltaX);
-    offsetY.value = Math.abs(this.deltaY);
+    deltaX.value = touch.clientX - startX.value;
+    deltaY.value = touch.clientY - startY.value;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
 
     if (!direction.value) {
       direction.value = getDirection(offsetX.value, offsetY.value);
diff --git a/tsconfig.json b/tsconfig.json
index c0484590a..2e7200711 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,6 +14,7 @@
   "include": [
     "types/**/*",
     "src/**/*",
+    "src-next/**/*"
   ],
   "exclude": [
     "**/*.spec.ts",
diff --git a/vant.config.js b/vant.config.js
index f1af8287d..5aa319d97 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -1,7 +1,7 @@
 module.exports = {
   name: 'vant',
   build: {
-    srcDir: 'src-v3',
+    srcDir: 'src-next',
     skipInstall: ['lazyload'],
     site: {
       publicPath: 'https://b.yzcdn.cn/vant/',

From 7346f20e96defbcf5a4a14717e1044cd1075279a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:29:10 +0800
Subject: [PATCH 016/626] fix: currentRoute

---
 packages/vant-cli/site/common/iframe-router.js | 2 +-
 packages/vant-cli/site/desktop/App.vue         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/vant-cli/site/common/iframe-router.js b/packages/vant-cli/site/common/iframe-router.js
index 703beec2b..e16dbaaf1 100644
--- a/packages/vant-cli/site/common/iframe-router.js
+++ b/packages/vant-cli/site/common/iframe-router.js
@@ -7,7 +7,7 @@ import { iframeReady, isMobile } from '.';
 window.syncPath = function() {
   const router = window.vueRouter;
   const isInIframe = window !== window.top;
-  const currentDir = router.history.current.path;
+  const currentDir = router.currentRoute.value.path;
 
   if (isInIframe) {
     window.top.replacePath(currentDir);
diff --git a/packages/vant-cli/site/desktop/App.vue b/packages/vant-cli/site/desktop/App.vue
index 79610a9e1..609d70799 100644
--- a/packages/vant-cli/site/desktop/App.vue
+++ b/packages/vant-cli/site/desktop/App.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="app">
     <van-doc
+      v-if="config"
       :lang="lang"
       :config="config"
       :versions="versions"
@@ -73,7 +74,8 @@ export default {
   },
 
   created() {
-    this.setTitle();
+    // TODO
+    // this.setTitle();
   },
 
   mounted() {

From 59f9b851d62028f6df5415c68459d29e7445b441 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:30:31 +0800
Subject: [PATCH 017/626] fix: router catchAll

---
 packages/vant-cli/site/desktop/router.js | 4 ++--
 packages/vant-cli/site/mobile/router.js  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vant-cli/site/desktop/router.js b/packages/vant-cli/site/desktop/router.js
index 716451922..fd758e4e5 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -47,12 +47,12 @@ function getRoutes() {
 
   if (locales) {
     routes.push({
-      path: '/*',
+      path: '/:catchAll(.*)',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
   } else {
     routes.push({
-      path: '/*',
+      path: '/:catchAll(.*)',
       redirect: '/',
     });
   }
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 0fadfb4b0..8bb18416b 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -28,7 +28,7 @@ function getRoutes() {
 
   if (langs.length) {
     routes.push({
-      path: '/*',
+      path: '/:catchAll(.*)',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
 
@@ -41,7 +41,7 @@ function getRoutes() {
     });
   } else {
     routes.push({
-      path: '*',
+      path: '/:catchAll(.*)',
       redirect: () => '/',
     });
 

From 2d63b9c8b58c5fbebae16c0dcbcda27763450b6a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:48:53 +0800
Subject: [PATCH 018/626] fix: sync iframe router

---
 .../vant-cli/site/common/iframe-router.js     |    2 +-
 packages/vant-cli/site/mobile/router.js       |    4 +-
 vant.config.js                                | 1064 ++++++++---------
 3 files changed, 535 insertions(+), 535 deletions(-)

diff --git a/packages/vant-cli/site/common/iframe-router.js b/packages/vant-cli/site/common/iframe-router.js
index e16dbaaf1..45d873899 100644
--- a/packages/vant-cli/site/common/iframe-router.js
+++ b/packages/vant-cli/site/common/iframe-router.js
@@ -23,7 +23,7 @@ window.syncPath = function() {
 
 window.replacePath = function(path = '') {
   // should preserve hash for anchor
-  if (window.vueRouter.currentRoute.path !== path) {
+  if (window.vueRouter.currentRoute.value.path !== path) {
     window.vueRouter.replace(path).catch(() => {});
   }
 };
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 8bb18416b..28444db4d 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -82,13 +82,13 @@ function getRoutes() {
 }
 
 export const router = createRouter({
-  mode: createWebHashHistory(),
+  history: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
 });
 
 router.afterEach(() => {
-  if (!router.currentRoute.redirectedFrom) {
+  if (!router.currentRoute.value.redirectedFrom) {
     nextTick(window.syncPath);
   }
 });
diff --git a/vant.config.js b/vant.config.js
index 5aa319d97..3b8d1daf6 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -78,300 +78,300 @@ module.exports = {
           {
             title: '基础组件',
             items: [
-              {
-                path: 'button',
-                title: 'Button 按钮',
-              },
-              {
-                path: 'cell',
-                title: 'Cell 单元格',
-              },
-              {
-                path: 'icon',
-                title: 'Icon 图标',
-              },
-              {
-                path: 'image',
-                title: 'Image 图片',
-              },
-              {
-                path: 'col',
-                title: 'Layout 布局',
-              },
-              {
-                path: 'popup',
-                title: 'Popup 弹出层',
-              },
-              {
-                path: 'style',
-                title: 'Style 内置样式',
-              },
-              {
-                path: 'toast',
-                title: 'Toast 轻提示',
-              },
+              // {
+              //   path: 'button',
+              //   title: 'Button 按钮',
+              // },
+              // {
+              //   path: 'cell',
+              //   title: 'Cell 单元格',
+              // },
+              // {
+              //   path: 'icon',
+              //   title: 'Icon 图标',
+              // },
+              // {
+              //   path: 'image',
+              //   title: 'Image 图片',
+              // },
+              // {
+              //   path: 'col',
+              //   title: 'Layout 布局',
+              // },
+              // {
+              //   path: 'popup',
+              //   title: 'Popup 弹出层',
+              // },
+              // {
+              //   path: 'style',
+              //   title: 'Style 内置样式',
+              // },
+              // {
+              //   path: 'toast',
+              //   title: 'Toast 轻提示',
+              // },
             ],
           },
           {
             title: '表单组件',
             items: [
-              {
-                path: 'calendar',
-                title: 'Calendar 日历',
-              },
-              {
-                path: 'checkbox',
-                title: 'Checkbox 复选框',
-              },
-              {
-                path: 'datetime-picker',
-                title: 'DatetimePicker 时间选择',
-              },
-              {
-                path: 'field',
-                title: 'Field 输入框',
-              },
-              {
-                path: 'form',
-                title: 'Form 表单',
-              },
-              {
-                path: 'number-keyboard',
-                title: 'NumberKeyboard 数字键盘',
-              },
-              {
-                path: 'password-input',
-                title: 'PasswordInput 密码输入框',
-              },
-              {
-                path: 'picker',
-                title: 'Picker 选择器',
-              },
-              {
-                path: 'radio',
-                title: 'Radio 单选框',
-              },
-              {
-                path: 'rate',
-                title: 'Rate 评分',
-              },
-              {
-                path: 'search',
-                title: 'Search 搜索',
-              },
-              {
-                path: 'slider',
-                title: 'Slider 滑块',
-              },
-              {
-                path: 'stepper',
-                title: 'Stepper 步进器',
-              },
-              {
-                path: 'switch',
-                title: 'Switch 开关',
-              },
-              {
-                path: 'uploader',
-                title: 'Uploader 文件上传',
-              },
+              // {
+              //   path: 'calendar',
+              //   title: 'Calendar 日历',
+              // },
+              // {
+              //   path: 'checkbox',
+              //   title: 'Checkbox 复选框',
+              // },
+              // {
+              //   path: 'datetime-picker',
+              //   title: 'DatetimePicker 时间选择',
+              // },
+              // {
+              //   path: 'field',
+              //   title: 'Field 输入框',
+              // },
+              // {
+              //   path: 'form',
+              //   title: 'Form 表单',
+              // },
+              // {
+              //   path: 'number-keyboard',
+              //   title: 'NumberKeyboard 数字键盘',
+              // },
+              // {
+              //   path: 'password-input',
+              //   title: 'PasswordInput 密码输入框',
+              // },
+              // {
+              //   path: 'picker',
+              //   title: 'Picker 选择器',
+              // },
+              // {
+              //   path: 'radio',
+              //   title: 'Radio 单选框',
+              // },
+              // {
+              //   path: 'rate',
+              //   title: 'Rate 评分',
+              // },
+              // {
+              //   path: 'search',
+              //   title: 'Search 搜索',
+              // },
+              // {
+              //   path: 'slider',
+              //   title: 'Slider 滑块',
+              // },
+              // {
+              //   path: 'stepper',
+              //   title: 'Stepper 步进器',
+              // },
+              // {
+              //   path: 'switch',
+              //   title: 'Switch 开关',
+              // },
+              // {
+              //   path: 'uploader',
+              //   title: 'Uploader 文件上传',
+              // },
             ],
           },
           {
             title: '反馈组件',
             items: [
-              {
-                path: 'action-sheet',
-                title: 'ActionSheet 动作面板',
-              },
-              {
-                path: 'dialog',
-                title: 'Dialog 弹出框',
-              },
-              {
-                path: 'dropdown-menu',
-                title: 'DropdownMenu 下拉菜单',
-              },
-              {
-                path: 'loading',
-                title: 'Loading 加载',
-              },
-              {
-                path: 'notify',
-                title: 'Notify 消息通知',
-              },
-              {
-                path: 'overlay',
-                title: 'Overlay 遮罩层',
-              },
-              {
-                path: 'pull-refresh',
-                title: 'PullRefresh 下拉刷新',
-              },
-              {
-                path: 'share-sheet',
-                title: 'ShareSheet 分享面板',
-              },
-              {
-                path: 'swipe-cell',
-                title: 'SwipeCell 滑动单元格',
-              },
+              // {
+              //   path: 'action-sheet',
+              //   title: 'ActionSheet 动作面板',
+              // },
+              // {
+              //   path: 'dialog',
+              //   title: 'Dialog 弹出框',
+              // },
+              // {
+              //   path: 'dropdown-menu',
+              //   title: 'DropdownMenu 下拉菜单',
+              // },
+              // {
+              //   path: 'loading',
+              //   title: 'Loading 加载',
+              // },
+              // {
+              //   path: 'notify',
+              //   title: 'Notify 消息通知',
+              // },
+              // {
+              //   path: 'overlay',
+              //   title: 'Overlay 遮罩层',
+              // },
+              // {
+              //   path: 'pull-refresh',
+              //   title: 'PullRefresh 下拉刷新',
+              // },
+              // {
+              //   path: 'share-sheet',
+              //   title: 'ShareSheet 分享面板',
+              // },
+              // {
+              //   path: 'swipe-cell',
+              //   title: 'SwipeCell 滑动单元格',
+              // },
             ],
           },
           {
             title: '展示组件',
             items: [
-              {
-                path: 'circle',
-                title: 'Circle 环形进度条',
-              },
-              {
-                path: 'collapse',
-                title: 'Collapse 折叠面板',
-              },
-              {
-                path: 'count-down',
-                title: 'CountDown 倒计时',
-              },
-              {
-                path: 'divider',
-                title: 'Divider 分割线',
-              },
-              {
-                path: 'empty',
-                title: 'Empty 空状态',
-              },
-              {
-                path: 'image-preview',
-                title: 'ImagePreview 图片预览',
-              },
-              {
-                path: 'lazyload',
-                title: 'Lazyload 懒加载',
-              },
-              {
-                path: 'list',
-                title: 'List 列表',
-              },
-              {
-                path: 'notice-bar',
-                title: 'NoticeBar 通知栏',
-              },
-              {
-                path: 'progress',
-                title: 'Progress 进度条',
-              },
-              {
-                path: 'skeleton',
-                title: 'Skeleton 骨架屏',
-              },
-              {
-                path: 'steps',
-                title: 'Steps 步骤条',
-              },
-              {
-                path: 'sticky',
-                title: 'Sticky 粘性布局',
-              },
-              {
-                path: 'swipe',
-                title: 'Swipe 轮播',
-              },
-              {
-                path: 'tag',
-                title: 'Tag 标记',
-              },
+              // {
+              //   path: 'circle',
+              //   title: 'Circle 环形进度条',
+              // },
+              // {
+              //   path: 'collapse',
+              //   title: 'Collapse 折叠面板',
+              // },
+              // {
+              //   path: 'count-down',
+              //   title: 'CountDown 倒计时',
+              // },
+              // {
+              //   path: 'divider',
+              //   title: 'Divider 分割线',
+              // },
+              // {
+              //   path: 'empty',
+              //   title: 'Empty 空状态',
+              // },
+              // {
+              //   path: 'image-preview',
+              //   title: 'ImagePreview 图片预览',
+              // },
+              // {
+              //   path: 'lazyload',
+              //   title: 'Lazyload 懒加载',
+              // },
+              // {
+              //   path: 'list',
+              //   title: 'List 列表',
+              // },
+              // {
+              //   path: 'notice-bar',
+              //   title: 'NoticeBar 通知栏',
+              // },
+              // {
+              //   path: 'progress',
+              //   title: 'Progress 进度条',
+              // },
+              // {
+              //   path: 'skeleton',
+              //   title: 'Skeleton 骨架屏',
+              // },
+              // {
+              //   path: 'steps',
+              //   title: 'Steps 步骤条',
+              // },
+              // {
+              //   path: 'sticky',
+              //   title: 'Sticky 粘性布局',
+              // },
+              // {
+              //   path: 'swipe',
+              //   title: 'Swipe 轮播',
+              // },
+              // {
+              //   path: 'tag',
+              //   title: 'Tag 标记',
+              // },
             ],
           },
           {
             title: '导航组件',
             items: [
-              {
-                path: 'grid',
-                title: 'Grid 宫格',
-              },
-              {
-                path: 'index-bar',
-                title: 'IndexBar 索引栏',
-              },
-              {
-                path: 'nav-bar',
-                title: 'NavBar 导航栏',
-              },
-              {
-                path: 'pagination',
-                title: 'Pagination 分页',
-              },
-              {
-                path: 'sidebar',
-                title: 'Sidebar 侧边导航',
-              },
-              {
-                path: 'tab',
-                title: 'Tab 标签页',
-              },
-              {
-                path: 'tabbar',
-                title: 'Tabbar 标签栏',
-              },
-              {
-                path: 'tree-select',
-                title: 'TreeSelect 分类选择',
-              },
+              // {
+              //   path: 'grid',
+              //   title: 'Grid 宫格',
+              // },
+              // {
+              //   path: 'index-bar',
+              //   title: 'IndexBar 索引栏',
+              // },
+              // {
+              //   path: 'nav-bar',
+              //   title: 'NavBar 导航栏',
+              // },
+              // {
+              //   path: 'pagination',
+              //   title: 'Pagination 分页',
+              // },
+              // {
+              //   path: 'sidebar',
+              //   title: 'Sidebar 侧边导航',
+              // },
+              // {
+              //   path: 'tab',
+              //   title: 'Tab 标签页',
+              // },
+              // {
+              //   path: 'tabbar',
+              //   title: 'Tabbar 标签栏',
+              // },
+              // {
+              //   path: 'tree-select',
+              //   title: 'TreeSelect 分类选择',
+              // },
             ],
           },
           {
             title: '业务组件',
             items: [
-              {
-                path: 'address-edit',
-                title: 'AddressEdit 地址编辑',
-              },
-              {
-                path: 'address-list',
-                title: 'AddressList 地址列表',
-              },
-              {
-                path: 'area',
-                title: 'Area 省市区选择',
-              },
-              {
-                path: 'card',
-                title: 'Card 商品卡片',
-              },
-              {
-                path: 'contact-card',
-                title: 'Contact 联系人',
-              },
-              {
-                path: 'coupon-list',
-                title: 'Coupon 优惠券',
-              },
-              {
-                path: 'goods-action',
-                title: 'GoodsAction 商品导航',
-              },
-              {
-                path: 'submit-bar',
-                title: 'SubmitBar 提交订单栏',
-              },
-              {
-                path: 'sku',
-                title: 'Sku 商品规格',
-              },
+              // {
+              //   path: 'address-edit',
+              //   title: 'AddressEdit 地址编辑',
+              // },
+              // {
+              //   path: 'address-list',
+              //   title: 'AddressList 地址列表',
+              // },
+              // {
+              //   path: 'area',
+              //   title: 'Area 省市区选择',
+              // },
+              // {
+              //   path: 'card',
+              //   title: 'Card 商品卡片',
+              // },
+              // {
+              //   path: 'contact-card',
+              //   title: 'Contact 联系人',
+              // },
+              // {
+              //   path: 'coupon-list',
+              //   title: 'Coupon 优惠券',
+              // },
+              // {
+              //   path: 'goods-action',
+              //   title: 'GoodsAction 商品导航',
+              // },
+              // {
+              //   path: 'submit-bar',
+              //   title: 'SubmitBar 提交订单栏',
+              // },
+              // {
+              //   path: 'sku',
+              //   title: 'Sku 商品规格',
+              // },
             ],
           },
           {
             title: '废弃',
             items: [
-              {
-                path: 'panel',
-                title: 'Panel 面板',
-              },
-              {
-                path: 'switch-cell',
-                title: 'SwitchCell 开关单元格',
-              },
+              // {
+              //   path: 'panel',
+              //   title: 'Panel 面板',
+              // },
+              // {
+              //   path: 'switch-cell',
+              //   title: 'SwitchCell 开关单元格',
+              // },
             ],
           },
         ],
@@ -425,304 +425,304 @@ module.exports = {
           {
             title: 'Basic Components',
             items: [
-              {
-                path: 'button',
-                title: 'Button',
-              },
-              {
-                path: 'cell',
-                title: 'Cell',
-              },
-              {
-                path: 'icon',
-                title: 'Icon',
-              },
-              {
-                path: 'image',
-                title: 'Image',
-              },
-              {
-                path: 'col',
-                title: 'Layout',
-              },
-              {
-                path: 'popup',
-                title: 'Popup',
-              },
-              {
-                path: 'style',
-                title: 'Built-in style',
-              },
-              {
-                path: 'toast',
-                title: 'Toast',
-              },
+              // {
+              //   path: 'button',
+              //   title: 'Button',
+              // },
+              // {
+              //   path: 'cell',
+              //   title: 'Cell',
+              // },
+              // {
+              //   path: 'icon',
+              //   title: 'Icon',
+              // },
+              // {
+              //   path: 'image',
+              //   title: 'Image',
+              // },
+              // {
+              //   path: 'col',
+              //   title: 'Layout',
+              // },
+              // {
+              //   path: 'popup',
+              //   title: 'Popup',
+              // },
+              // {
+              //   path: 'style',
+              //   title: 'Built-in style',
+              // },
+              // {
+              //   path: 'toast',
+              //   title: 'Toast',
+              // },
             ],
           },
           {
             title: 'Form Components',
             items: [
-              {
-                path: 'calendar',
-                title: 'Calendar',
-              },
-              {
-                path: 'checkbox',
-                title: 'Checkbox',
-              },
-              {
-                path: 'datetime-picker',
-                title: 'DatetimePicker',
-              },
-              {
-                path: 'field',
-                title: 'Field',
-              },
-              {
-                path: 'form',
-                title: 'Form',
-              },
-              {
-                path: 'number-keyboard',
-                title: 'NumberKeyboard',
-              },
-              {
-                path: 'password-input',
-                title: 'PasswordInput',
-              },
-              {
-                path: 'picker',
-                title: 'Picker',
-              },
-              {
-                path: 'radio',
-                title: 'Radio',
-              },
-              {
-                path: 'rate',
-                title: 'Rate',
-              },
-              {
-                path: 'search',
-                title: 'Search',
-              },
-              {
-                path: 'slider',
-                title: 'Slider',
-              },
-              {
-                path: 'stepper',
-                title: 'Stepper',
-              },
-              {
-                path: 'switch',
-                title: 'Switch',
-              },
-              {
-                path: 'switch-cell',
-                title: 'SwitchCell',
-              },
-              {
-                path: 'uploader',
-                title: 'Uploader',
-              },
+              // {
+              //   path: 'calendar',
+              //   title: 'Calendar',
+              // },
+              // {
+              //   path: 'checkbox',
+              //   title: 'Checkbox',
+              // },
+              // {
+              //   path: 'datetime-picker',
+              //   title: 'DatetimePicker',
+              // },
+              // {
+              //   path: 'field',
+              //   title: 'Field',
+              // },
+              // {
+              //   path: 'form',
+              //   title: 'Form',
+              // },
+              // {
+              //   path: 'number-keyboard',
+              //   title: 'NumberKeyboard',
+              // },
+              // {
+              //   path: 'password-input',
+              //   title: 'PasswordInput',
+              // },
+              // {
+              //   path: 'picker',
+              //   title: 'Picker',
+              // },
+              // {
+              //   path: 'radio',
+              //   title: 'Radio',
+              // },
+              // {
+              //   path: 'rate',
+              //   title: 'Rate',
+              // },
+              // {
+              //   path: 'search',
+              //   title: 'Search',
+              // },
+              // {
+              //   path: 'slider',
+              //   title: 'Slider',
+              // },
+              // {
+              //   path: 'stepper',
+              //   title: 'Stepper',
+              // },
+              // {
+              //   path: 'switch',
+              //   title: 'Switch',
+              // },
+              // {
+              //   path: 'switch-cell',
+              //   title: 'SwitchCell',
+              // },
+              // {
+              //   path: 'uploader',
+              //   title: 'Uploader',
+              // },
             ],
           },
           {
             title: 'Action Components',
             items: [
-              {
-                path: 'action-sheet',
-                title: 'ActionSheet',
-              },
-              {
-                path: 'dialog',
-                title: 'Dialog',
-              },
-              {
-                path: 'dropdown-menu',
-                title: 'DropdownMenu',
-              },
-              {
-                path: 'loading',
-                title: 'Loading',
-              },
-              {
-                path: 'notify',
-                title: 'Notify',
-              },
-              {
-                path: 'overlay',
-                title: 'Overlay',
-              },
-              {
-                path: 'pull-refresh',
-                title: 'PullRefresh',
-              },
-              {
-                path: 'share-sheet',
-                title: 'ShareSheet',
-              },
-              {
-                path: 'swipe-cell',
-                title: 'SwipeCell',
-              },
+              // {
+              //   path: 'action-sheet',
+              //   title: 'ActionSheet',
+              // },
+              // {
+              //   path: 'dialog',
+              //   title: 'Dialog',
+              // },
+              // {
+              //   path: 'dropdown-menu',
+              //   title: 'DropdownMenu',
+              // },
+              // {
+              //   path: 'loading',
+              //   title: 'Loading',
+              // },
+              // {
+              //   path: 'notify',
+              //   title: 'Notify',
+              // },
+              // {
+              //   path: 'overlay',
+              //   title: 'Overlay',
+              // },
+              // {
+              //   path: 'pull-refresh',
+              //   title: 'PullRefresh',
+              // },
+              // {
+              //   path: 'share-sheet',
+              //   title: 'ShareSheet',
+              // },
+              // {
+              //   path: 'swipe-cell',
+              //   title: 'SwipeCell',
+              // },
             ],
           },
           {
             title: 'Display Components',
             items: [
-              {
-                path: 'circle',
-                title: 'Circle',
-              },
-              {
-                path: 'collapse',
-                title: 'Collapse',
-              },
-              {
-                path: 'count-down',
-                title: 'CountDown',
-              },
-              {
-                path: 'divider',
-                title: 'Divider',
-              },
-              {
-                path: 'empty',
-                title: 'Empty',
-              },
-              {
-                path: 'image-preview',
-                title: 'ImagePreview',
-              },
-              {
-                path: 'lazyload',
-                title: 'Lazyload',
-              },
-              {
-                path: 'list',
-                title: 'List',
-              },
-              {
-                path: 'notice-bar',
-                title: 'NoticeBar',
-              },
-              {
-                path: 'progress',
-                title: 'Progress',
-              },
-              {
-                path: 'skeleton',
-                title: 'Skeleton',
-              },
-              {
-                path: 'steps',
-                title: 'Steps',
-              },
-              {
-                path: 'sticky',
-                title: 'Sticky',
-              },
-              {
-                path: 'swipe',
-                title: 'Swipe',
-              },
-              {
-                path: 'tag',
-                title: 'Tag',
-              },
+              // {
+              //   path: 'circle',
+              //   title: 'Circle',
+              // },
+              // {
+              //   path: 'collapse',
+              //   title: 'Collapse',
+              // },
+              // {
+              //   path: 'count-down',
+              //   title: 'CountDown',
+              // },
+              // {
+              //   path: 'divider',
+              //   title: 'Divider',
+              // },
+              // {
+              //   path: 'empty',
+              //   title: 'Empty',
+              // },
+              // {
+              //   path: 'image-preview',
+              //   title: 'ImagePreview',
+              // },
+              // {
+              //   path: 'lazyload',
+              //   title: 'Lazyload',
+              // },
+              // {
+              //   path: 'list',
+              //   title: 'List',
+              // },
+              // {
+              //   path: 'notice-bar',
+              //   title: 'NoticeBar',
+              // },
+              // {
+              //   path: 'progress',
+              //   title: 'Progress',
+              // },
+              // {
+              //   path: 'skeleton',
+              //   title: 'Skeleton',
+              // },
+              // {
+              //   path: 'steps',
+              //   title: 'Steps',
+              // },
+              // {
+              //   path: 'sticky',
+              //   title: 'Sticky',
+              // },
+              // {
+              //   path: 'swipe',
+              //   title: 'Swipe',
+              // },
+              // {
+              //   path: 'tag',
+              //   title: 'Tag',
+              // },
             ],
           },
           {
             title: 'Navigation Components',
             items: [
-              {
-                path: 'grid',
-                title: 'Grid',
-              },
-              {
-                path: 'index-bar',
-                title: 'IndexBar',
-              },
-              {
-                path: 'nav-bar',
-                title: 'NavBar',
-              },
-              {
-                path: 'pagination',
-                title: 'Pagination',
-              },
-              {
-                path: 'sidebar',
-                title: 'Sidebar',
-              },
-              {
-                path: 'tab',
-                title: 'Tab',
-              },
-              {
-                path: 'tabbar',
-                title: 'Tabbar',
-              },
-              {
-                path: 'tree-select',
-                title: 'TreeSelect',
-              },
+              // {
+              //   path: 'grid',
+              //   title: 'Grid',
+              // },
+              // {
+              //   path: 'index-bar',
+              //   title: 'IndexBar',
+              // },
+              // {
+              //   path: 'nav-bar',
+              //   title: 'NavBar',
+              // },
+              // {
+              //   path: 'pagination',
+              //   title: 'Pagination',
+              // },
+              // {
+              //   path: 'sidebar',
+              //   title: 'Sidebar',
+              // },
+              // {
+              //   path: 'tab',
+              //   title: 'Tab',
+              // },
+              // {
+              //   path: 'tabbar',
+              //   title: 'Tabbar',
+              // },
+              // {
+              //   path: 'tree-select',
+              //   title: 'TreeSelect',
+              // },
             ],
           },
           {
             title: 'Business Components',
             items: [
-              {
-                path: 'address-edit',
-                title: 'AddressEdit',
-              },
-              {
-                path: 'address-list',
-                title: 'AddressList',
-              },
-              {
-                path: 'area',
-                title: 'Area',
-              },
-              {
-                path: 'card',
-                title: 'Card',
-              },
-              {
-                path: 'contact-card',
-                title: 'Contact',
-              },
-              {
-                path: 'coupon-list',
-                title: 'Coupon',
-              },
-              {
-                path: 'goods-action',
-                title: 'GoodsAction',
-              },
-              {
-                path: 'submit-bar',
-                title: 'SubmitBar',
-              },
-              {
-                path: 'sku',
-                title: 'Sku',
-              },
+              // {
+              //   path: 'address-edit',
+              //   title: 'AddressEdit',
+              // },
+              // {
+              //   path: 'address-list',
+              //   title: 'AddressList',
+              // },
+              // {
+              //   path: 'area',
+              //   title: 'Area',
+              // },
+              // {
+              //   path: 'card',
+              //   title: 'Card',
+              // },
+              // {
+              //   path: 'contact-card',
+              //   title: 'Contact',
+              // },
+              // {
+              //   path: 'coupon-list',
+              //   title: 'Coupon',
+              // },
+              // {
+              //   path: 'goods-action',
+              //   title: 'GoodsAction',
+              // },
+              // {
+              //   path: 'submit-bar',
+              //   title: 'SubmitBar',
+              // },
+              // {
+              //   path: 'sku',
+              //   title: 'Sku',
+              // },
             ],
           },
           {
             title: 'Deprecated',
             items: [
-              {
-                path: 'panel',
-                title: 'Panel',
-              },
-              {
-                path: 'switch-cell',
-                title: 'SwitchCell',
-              },
+              // {
+              //   path: 'panel',
+              //   title: 'Panel',
+              // },
+              // {
+              //   path: 'switch-cell',
+              //   title: 'SwitchCell',
+              // },
             ],
           },
         ],

From 88f5fed9cf0a82fe25a08e5163377ae8d59c789f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 21:51:12 +0800
Subject: [PATCH 019/626] fix: router-view with keep-alive

---
 packages/vant-cli/site/mobile/App.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/site/mobile/App.vue b/packages/vant-cli/site/mobile/App.vue
index 905517f1b..d3bb17eed 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -1,9 +1,11 @@
 <template>
   <div>
     <demo-nav />
-    <keep-alive>
-      <router-view />
-    </keep-alive>
+    <router-view v-slot="{ Component }">
+      <keep-alive>
+        <component :is="Component" />
+      </keep-alive>
+    </router-view>
   </div>
 </template>
 

From eeaeace1c0193ff7285401506d47f9ae45ed6a59 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 22:38:04 +0800
Subject: [PATCH 020/626] chore: move style dir

---
 src-next/style/README.md            |  79 +++
 src-next/style/README.zh-CN.md      |  79 +++
 src-next/style/animation.less       | 139 +++++
 src-next/style/base.less            |  10 +
 src-next/style/clearfix.less        |   5 +
 src-next/style/demo/index.vue       | 110 ++++
 src-next/style/ellipsis.less        |  13 +
 src-next/style/hairline.less        |  47 ++
 src-next/style/mixins/clearfix.less |   7 +
 src-next/style/mixins/ellipsis.less |  15 +
 src-next/style/mixins/hairline.less |  39 ++
 src-next/style/normalize.less       |  38 ++
 src-next/style/reset.less           | 171 ++++++
 src-next/style/var.less             | 839 ++++++++++++++++++++++++++++
 14 files changed, 1591 insertions(+)
 create mode 100644 src-next/style/README.md
 create mode 100644 src-next/style/README.zh-CN.md
 create mode 100644 src-next/style/animation.less
 create mode 100644 src-next/style/base.less
 create mode 100644 src-next/style/clearfix.less
 create mode 100644 src-next/style/demo/index.vue
 create mode 100644 src-next/style/ellipsis.less
 create mode 100644 src-next/style/hairline.less
 create mode 100644 src-next/style/mixins/clearfix.less
 create mode 100644 src-next/style/mixins/ellipsis.less
 create mode 100644 src-next/style/mixins/hairline.less
 create mode 100644 src-next/style/normalize.less
 create mode 100644 src-next/style/reset.less
 create mode 100644 src-next/style/var.less

diff --git a/src-next/style/README.md b/src-next/style/README.md
new file mode 100644
index 000000000..6bb0ca1b4
--- /dev/null
+++ b/src-next/style/README.md
@@ -0,0 +1,79 @@
+# Built-in Style
+
+### Intro
+
+Vant contains some common styles that can be used directly by the className.
+
+### Text ellipsis
+
+When the text content length exceeds the maximum container width, the excess text is automatically omitted.
+
+```html
+<div class="van-ellipsis">
+  This is a paragraph that displays up to one line of text, and the rest of the
+  text will be omitted.
+</div>
+
+<div class="van-multi-ellipsis--l2">
+  This is a paragraph that displays up to two lines of text, and the rest of the
+  text will be omitted.
+</div>
+
+<div class="van-multi-ellipsis--l3">
+  This is a paragraph that displays up to three lines of text, and the rest of
+  the text will be omitted.
+</div>
+```
+
+### Hairline
+
+Add 1px border under the Retina screen for the element, based on a pseudo element.
+
+```html
+<!-- border top -->
+<div class="van-hairline--top"></div>
+
+<!-- border bottom -->
+<div class="van-hairline--bottom"></div>
+
+<!-- border left -->
+<div class="van-hairline--left"></div>
+
+<!-- border right -->
+<div class="van-hairline--right"></div>
+
+<!-- border top & bottom -->
+<div class="van-hairline--top-bottom"></div>
+
+<!-- full border -->
+<div class="van-hairline--surround"></div>
+```
+
+### Animation
+
+```html
+<!-- fade in  -->
+<transition name="van-fade">
+  <div v-show="visible">Fade</div>
+</transition>
+
+<!-- slide up -->
+<transition name="van-slide-up">
+  <div v-show="visible">Slide Up</div>
+</transition>
+
+<!-- slide down -->
+<transition name="van-slide-down">
+  <div v-show="visible">Slide Down</div>
+</transition>
+
+<!-- slide left -->
+<transition name="van-slide-left">
+  <div v-show="visible">Slide Left</div>
+</transition>
+
+<!-- slide right -->
+<transition name="van-slide-right">
+  <div v-show="visible">Slide Right</div>
+</transition>
+```
diff --git a/src-next/style/README.zh-CN.md b/src-next/style/README.zh-CN.md
new file mode 100644
index 000000000..cc42831cd
--- /dev/null
+++ b/src-next/style/README.zh-CN.md
@@ -0,0 +1,79 @@
+# 内置样式
+
+### 介绍
+
+Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。
+
+### 文字省略
+
+当文本内容长度超过容器最大宽度时，自动省略多余的文本。
+
+```html
+<!-- 最多显示一行 -->
+<div class="van-ellipsis">这是一段最多显示一行的文字，多余的内容会被省略</div>
+
+<!-- 最多显示两行 -->
+<div class="van-multi-ellipsis--l2">
+  这是一段最多显示两行的文字，多余的内容会被省略
+</div>
+
+<!-- 最多显示三行 -->
+<div class="van-multi-ellipsis--l3">
+  这是一段最多显示三行的文字，多余的内容会被省略
+</div>
+```
+
+### 1px 边框
+
+为元素添加 Retina 屏幕下的 1px 边框（即 hairline），基于伪类 transform 实现。
+
+```html
+<!-- 上边框 -->
+<div class="van-hairline--top"></div>
+
+<!-- 下边框 -->
+<div class="van-hairline--bottom"></div>
+
+<!-- 左边框 -->
+<div class="van-hairline--left"></div>
+
+<!-- 右边框 -->
+<div class="van-hairline--right"></div>
+
+<!-- 上下边框 -->
+<div class="van-hairline--top-bottom"></div>
+
+<!-- 全边框 -->
+<div class="van-hairline--surround"></div>
+```
+
+### 动画
+
+可以通过 `transition` 组件使用内置的动画
+
+```html
+<!-- 淡入 -->
+<transition name="van-fade">
+  <div v-show="visible">Fade</div>
+</transition>
+
+<!-- 上滑进入 -->
+<transition name="van-slide-up">
+  <div v-show="visible">Slide Up</div>
+</transition>
+
+<!-- 下滑进入 -->
+<transition name="van-slide-down">
+  <div v-show="visible">Slide Down</div>
+</transition>
+
+<!-- 左滑进入 -->
+<transition name="van-slide-left">
+  <div v-show="visible">Slide Left</div>
+</transition>
+
+<!-- 右滑进入 -->
+<transition name="van-slide-right">
+  <div v-show="visible">Slide Right</div>
+</transition>
+```
diff --git a/src-next/style/animation.less b/src-next/style/animation.less
new file mode 100644
index 000000000..db2485f8c
--- /dev/null
+++ b/src-next/style/animation.less
@@ -0,0 +1,139 @@
+@import './var';
+
+@keyframes van-slide-up-enter {
+  from {
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes van-slide-up-leave {
+  to {
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes van-slide-down-enter {
+  from {
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes van-slide-down-leave {
+  to {
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes van-slide-left-enter {
+  from {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-left-leave {
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-right-enter {
+  from {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes van-slide-right-leave {
+  to {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes van-fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes van-fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes van-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.van-fade {
+  &-enter-active {
+    animation: @animation-duration-base van-fade-in both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: @animation-duration-base van-fade-out both
+      @animation-timing-function-leave;
+  }
+}
+
+.van-slide-up {
+  &-enter-active {
+    animation: van-slide-up-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: van-slide-up-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.van-slide-down {
+  &-enter-active {
+    animation: van-slide-down-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: van-slide-down-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.van-slide-left {
+  &-enter-active {
+    animation: van-slide-left-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: van-slide-left-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.van-slide-right {
+  &-enter-active {
+    animation: van-slide-right-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: van-slide-right-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
diff --git a/src-next/style/base.less b/src-next/style/base.less
new file mode 100644
index 000000000..086daec7f
--- /dev/null
+++ b/src-next/style/base.less
@@ -0,0 +1,10 @@
+/**
+ * Entry of basic styles
+ */
+
+@import './var';
+@import './normalize';
+@import './ellipsis';
+@import './clearfix';
+@import './hairline';
+@import './animation';
diff --git a/src-next/style/clearfix.less b/src-next/style/clearfix.less
new file mode 100644
index 000000000..3780b50d2
--- /dev/null
+++ b/src-next/style/clearfix.less
@@ -0,0 +1,5 @@
+@import './mixins/clearfix';
+
+.van-clearfix {
+  .clearfix();
+}
diff --git a/src-next/style/demo/index.vue b/src-next/style/demo/index.vue
new file mode 100644
index 000000000..df01ad4a7
--- /dev/null
+++ b/src-next/style/demo/index.vue
@@ -0,0 +1,110 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('ellipsis')">
+      <div class="van-ellipsis">{{ t('text1') }}</div>
+      <div class="van-multi-ellipsis--l2">{{ t('text2') }}</div>
+    </demo-block>
+
+    <demo-block card :title="t('hairline')">
+      <div class="van-hairline--top" />
+    </demo-block>
+
+    <demo-block card :title="t('animation')">
+      <van-cell is-link title="Fade" @click="animate('van-fade')" />
+      <van-cell is-link title="Slide Up" @click="animate('van-slide-up')" />
+      <van-cell is-link title="Slide Down" @click="animate('van-slide-down')" />
+      <van-cell is-link title="Slide Left" @click="animate('van-slide-left')" />
+      <van-cell
+        is-link
+        title="Slide Right"
+        @click="animate('van-slide-right')"
+      />
+    </demo-block>
+
+    <transition :name="transitionName">
+      <div v-show="show" class="demo-animate-block" />
+    </transition>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      hairline: '1px 边框',
+      ellipsis: '文字省略',
+      animation: '动画',
+      toggle: '切换动画',
+      text1: '这是一段最多显示一行的文字，后面的内容会省略',
+      text2:
+        '这是一段最多显示两行的文字，后面的内容会省略。这是一段最多显示两行的文字，后面的内容会省略',
+    },
+    'en-US': {
+      hairline: 'Hairline',
+      ellipsis: 'Text Ellipsis',
+      animation: 'Animation',
+      toggle: 'Switch animation',
+      text1:
+        'This is a paragraph that displays up to one line of text, and the rest of the text will be omitted.',
+      text2:
+        'This is a paragraph that displays up to two lines of text, and the rest of the text will be omitted.',
+    },
+  },
+
+  data() {
+    return {
+      show: false,
+      transitionName: '',
+    };
+  },
+
+  methods: {
+    animate(transitionName) {
+      this.show = true;
+      this.transitionName = transitionName;
+
+      setTimeout(() => {
+        this.show = false;
+      }, 500);
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-style {
+  .van-ellipsis,
+  .van-multi-ellipsis--l2 {
+    max-width: 300px;
+    margin-left: @padding-md;
+    font-size: 14px;
+    line-height: 18px;
+  }
+
+  .van-ellipsis {
+    margin-bottom: @padding-md;
+  }
+
+  .van-hairline--top {
+    height: 30px;
+    background-color: @white;
+
+    &::after {
+      top: 5px;
+    }
+  }
+
+  .demo-animate-block {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 100px;
+    height: 100px;
+    margin: -50px 0 0 -50px;
+    background-color: @blue;
+    border-radius: 3px;
+  }
+}
+</style>
diff --git a/src-next/style/ellipsis.less b/src-next/style/ellipsis.less
new file mode 100644
index 000000000..0f3f282ac
--- /dev/null
+++ b/src-next/style/ellipsis.less
@@ -0,0 +1,13 @@
+@import './mixins/ellipsis';
+
+.van-ellipsis {
+  .ellipsis();
+}
+
+.van-multi-ellipsis--l2 {
+  .multi-ellipsis(2);
+}
+
+.van-multi-ellipsis--l3 {
+  .multi-ellipsis(3);
+}
diff --git a/src-next/style/hairline.less b/src-next/style/hairline.less
new file mode 100644
index 000000000..31d35d57f
--- /dev/null
+++ b/src-next/style/hairline.less
@@ -0,0 +1,47 @@
+@import './var';
+@import './mixins/hairline';
+
+[class*='van-hairline'] {
+  &::after {
+    .hairline();
+  }
+}
+
+.van-hairline {
+  &,
+  &--top,
+  &--left,
+  &--right,
+  &--bottom,
+  &--surround,
+  &--top-bottom {
+    position: relative;
+  }
+
+  &--top::after {
+    border-top-width: @border-width-base;
+  }
+
+  &--left::after {
+    border-left-width: @border-width-base;
+  }
+
+  &--right::after {
+    border-right-width: @border-width-base;
+  }
+
+  &--bottom::after {
+    border-bottom-width: @border-width-base;
+  }
+
+  &,
+  &-unset {
+    &--top-bottom::after {
+      border-width: @border-width-base 0;
+    }
+  }
+
+  &--surround::after {
+    border-width: @border-width-base;
+  }
+}
diff --git a/src-next/style/mixins/clearfix.less b/src-next/style/mixins/clearfix.less
new file mode 100644
index 000000000..c9f0cb19c
--- /dev/null
+++ b/src-next/style/mixins/clearfix.less
@@ -0,0 +1,7 @@
+.clearfix() {
+  &::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+}
diff --git a/src-next/style/mixins/ellipsis.less b/src-next/style/mixins/ellipsis.less
new file mode 100644
index 000000000..44b97b728
--- /dev/null
+++ b/src-next/style/mixins/ellipsis.less
@@ -0,0 +1,15 @@
+.multi-ellipsis(@lines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: @lines;
+
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+.ellipsis() {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
diff --git a/src-next/style/mixins/hairline.less b/src-next/style/mixins/hairline.less
new file mode 100644
index 000000000..ead093b03
--- /dev/null
+++ b/src-next/style/mixins/hairline.less
@@ -0,0 +1,39 @@
+@import '../var';
+
+.hairline-common() {
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  pointer-events: none;
+}
+
+.hairline(@color: @border-color) {
+  .hairline-common();
+
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+  border: 0 solid @color;
+  transform: scale(0.5);
+}
+
+.hairline-top(@color: @border-color, @left: 0, @right: 0) {
+  .hairline-common();
+
+  top: 0;
+  right: @right;
+  left: @left;
+  border-top: 1px solid @color;
+  transform: scaleY(0.5);
+}
+
+.hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
+  .hairline-common();
+
+  right: @right;
+  bottom: 0;
+  left: @left;
+  border-bottom: 1px solid @color;
+  transform: scaleY(0.5);
+}
diff --git a/src-next/style/normalize.less b/src-next/style/normalize.less
new file mode 100644
index 000000000..baf31f706
--- /dev/null
+++ b/src-next/style/normalize.less
@@ -0,0 +1,38 @@
+@import './var';
+
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  margin: 0;
+  font-family: @base-font-family;
+}
+
+a {
+  text-decoration: none;
+}
+
+input,
+button,
+textarea {
+  color: inherit;
+  font: inherit;
+}
+
+a,
+input,
+button,
+textarea,
+[class*='van-'] {
+  &:focus {
+    outline: none;
+  }
+}
+
+ol,
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
diff --git a/src-next/style/reset.less b/src-next/style/reset.less
new file mode 100644
index 000000000..c8256b58c
--- /dev/null
+++ b/src-next/style/reset.less
@@ -0,0 +1,171 @@
+@import './var';
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
+}
+
+html {
+  line-height: 1;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+caption,
+th,
+td {
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+q,
+blockquote {
+  quotes: none;
+}
+
+q::before,
+q::after,
+blockquote::before,
+blockquote::after {
+  content: '';
+  content: none;
+}
+
+a img {
+  border: none;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+* {
+  box-sizing: content-box;
+}
+
+body {
+  color: @text-color;
+  background-color: @background-color;
+}
+
+a {
+  text-decoration: none;
+  background: transparent;
+}
+
+button,
+input[type='number'],
+input[type='text'],
+input[type='password'],
+input[type='email'],
+input[type='search'],
+select,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  -webkit-appearance: none;
+}
diff --git a/src-next/style/var.less b/src-next/style/var.less
new file mode 100644
index 000000000..4ddc2770a
--- /dev/null
+++ b/src-next/style/var.less
@@ -0,0 +1,839 @@
+// Color Palette
+@black: #000;
+@white: #fff;
+@gray-1: #f7f8fa;
+@gray-2: #f2f3f5;
+@gray-3: #ebedf0;
+@gray-4: #dcdee0;
+@gray-5: #c8c9cc;
+@gray-6: #969799;
+@gray-7: #646566;
+@gray-8: #323233;
+@red: #ee0a24;
+@blue: #1989fa;
+@orange: #ff976a;
+@orange-dark: #ed6a0c;
+@orange-light: #fffbe8;
+@green: #07c160;
+
+// Gradient Colors
+@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
+@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
+
+// Component Colors
+@text-color: @gray-8;
+@active-color: @gray-2;
+@active-opacity: 0.7;
+@disabled-opacity: 0.5;
+@background-color: @gray-1;
+@background-color-light: #fafafa;
+@text-link-color: #576b95;
+
+// Padding
+@padding-base: 4px;
+@padding-xs: @padding-base * 2;
+@padding-sm: @padding-base * 3;
+@padding-md: @padding-base * 4;
+@padding-lg: @padding-base * 6;
+@padding-xl: @padding-base * 8;
+
+// Font
+@font-size-xs: 10px;
+@font-size-sm: 12px;
+@font-size-md: 14px;
+@font-size-lg: 16px;
+@font-weight-bold: 500;
+@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB',
+  'Microsoft Yahei', sans-serif;
+@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
+  sans-serif;
+
+// Animation
+@animation-duration-base: 0.3s;
+@animation-duration-fast: 0.2s;
+@animation-timing-function-enter: ease-out;
+@animation-timing-function-leave: ease-in;
+
+// Border
+@border-color: @gray-3;
+@border-width-base: 1px;
+@border-radius-sm: 2px;
+@border-radius-md: 4px;
+@border-radius-lg: 8px;
+@border-radius-max: 999px;
+
+// ActionSheet
+@action-sheet-max-height: 80%;
+@action-sheet-header-height: 44px;
+@action-sheet-header-font-size: @font-size-lg;
+@action-sheet-description-color: @gray-6;
+@action-sheet-description-font-size: @font-size-md;
+@action-sheet-description-line-height: 20px;
+@action-sheet-item-height: 50px;
+@action-sheet-item-background: @white;
+@action-sheet-item-font-size: @font-size-lg;
+@action-sheet-item-text-color: @text-color;
+@action-sheet-item-disabled-text-color: @gray-5;
+@action-sheet-subname-color: @gray-6;
+@action-sheet-subname-font-size: @font-size-sm;
+@action-sheet-close-icon-size: 22px;
+@action-sheet-close-icon-color: @gray-5;
+@action-sheet-close-icon-active-color: @gray-6;
+@action-sheet-close-icon-padding: 0 @padding-md;
+@action-sheet-cancel-padding-top: @padding-xs;
+@action-sheet-cancel-padding-color: @background-color;
+
+// AddressEdit
+@address-edit-padding: @padding-sm;
+@address-edit-buttons-padding: @padding-xl @padding-base;
+@address-edit-button-margin-bottom: @padding-sm;
+@address-edit-detail-finish-color: @blue;
+@address-edit-detail-finish-font-size: @font-size-sm;
+
+// AddressList
+@address-list-padding: 12px 12px 100px;
+@address-list-disabled-text-color: @gray-6;
+@address-list-disabled-text-padding: @padding-base * 5 0 @padding-md;
+@address-list-disabled-text-font-size: @font-size-md;
+@address-list-disabled-text-line-height: 20px;
+@address-list-add-button-z-index: 999;
+@address-list-item-padding: @padding-sm;
+@address-list-item-text-color: @text-color;
+@address-list-item-disabled-text-color: @gray-5;
+@address-list-item-font-size: 13px;
+@address-list-item-line-height: 18px;
+@address-list-item-radio-icon-color: @red;
+@address-list-edit-icon-size: 20px;
+
+// Button
+@button-mini-height: 24px;
+@button-mini-font-size: @font-size-xs;
+@button-small-height: 32px;
+@button-small-font-size: @font-size-sm;
+@button-normal-font-size: @font-size-md;
+@button-large-height: 50px;
+@button-default-height: 44px;
+@button-default-line-height: 1.2;
+@button-default-font-size: @font-size-lg;
+@button-default-color: @text-color;
+@button-default-background-color: @white;
+@button-default-border-color: @border-color;
+@button-primary-color: @white;
+@button-primary-background-color: @green;
+@button-primary-border-color: @green;
+@button-info-color: @white;
+@button-info-background-color: @blue;
+@button-info-border-color: @blue;
+@button-danger-color: @white;
+@button-danger-background-color: @red;
+@button-danger-border-color: @red;
+@button-warning-color: @white;
+@button-warning-background-color: @orange;
+@button-warning-border-color: @orange;
+@button-border-width: @border-width-base;
+@button-border-radius: @border-radius-sm;
+@button-round-border-radius: @border-radius-max;
+@button-plain-background-color: @white;
+@button-disabled-opacity: @disabled-opacity;
+
+// Calendar
+@calendar-background-color: @white;
+@calendar-popup-height: 80%;
+@calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
+@calendar-header-title-height: 44px;
+@calendar-header-title-font-size: @font-size-lg;
+@calendar-header-subtitle-font-size: @font-size-md;
+@calendar-weekdays-height: 30px;
+@calendar-weekdays-font-size: @font-size-sm;
+@calendar-month-title-font-size: @font-size-md;
+@calendar-month-mark-color: fade(@gray-2, 80%);
+@calendar-month-mark-font-size: 160px;
+@calendar-day-height: 64px;
+@calendar-day-font-size: @font-size-lg;
+@calendar-range-edge-color: @white;
+@calendar-range-edge-background-color: @red;
+@calendar-range-middle-color: @red;
+@calendar-range-middle-background-opacity: 0.1;
+@calendar-selected-day-size: 54px;
+@calendar-selected-day-color: @white;
+@calendar-info-font-size: @font-size-xs;
+@calendar-info-line-height: 14px;
+@calendar-selected-day-background-color: @red;
+@calendar-day-disabled-color: @gray-5;
+@calendar-confirm-button-height: 36px;
+@calendar-confirm-button-margin: 7px 0;
+
+// Card
+@card-padding: @padding-xs @padding-md;
+@card-font-size: @font-size-sm;
+@card-text-color: @text-color;
+@card-background-color: @background-color-light;
+@card-thumb-size: 88px;
+@card-thumb-border-radius: @border-radius-lg;
+@card-title-line-height: 16px;
+@card-desc-color: @gray-7;
+@card-desc-line-height: 20px;
+@card-price-color: @gray-8;
+@card-origin-price-color: @gray-6;
+@card-num-color: @gray-6;
+@card-origin-price-font-size: @font-size-xs;
+@card-price-font-size: @font-size-sm;
+@card-price-integer-font-size: @font-size-lg;
+@card-price-font-family: @price-integer-font-family;
+
+// Cell
+@cell-font-size: @font-size-md;
+@cell-line-height: 24px;
+@cell-vertical-padding: 10px;
+@cell-horizontal-padding: @padding-md;
+@cell-text-color: @text-color;
+@cell-background-color: @white;
+@cell-border-color: @border-color;
+@cell-active-color: @active-color;
+@cell-required-color: @red;
+@cell-label-color: @gray-6;
+@cell-label-font-size: @font-size-sm;
+@cell-label-line-height: 18px;
+@cell-label-margin-top: @padding-base;
+@cell-value-color: @gray-6;
+@cell-icon-size: 16px;
+@cell-right-icon-color: @gray-6;
+@cell-large-vertical-padding: @padding-sm;
+@cell-large-title-font-size: @font-size-lg;
+@cell-large-label-font-size: @font-size-md;
+
+// CellGroup
+@cell-group-background-color: @white;
+@cell-group-title-color: @gray-6;
+@cell-group-title-padding: @padding-md @padding-md @padding-xs;
+@cell-group-title-font-size: @font-size-md;
+@cell-group-title-line-height: 16px;
+
+// Checkbox
+@checkbox-size: 20px;
+@checkbox-border-color: @gray-5;
+@checkbox-transition-duration: @animation-duration-fast;
+@checkbox-label-margin: @padding-xs;
+@checkbox-label-color: @text-color;
+@checkbox-checked-icon-color: @blue;
+@checkbox-disabled-icon-color: @gray-5;
+@checkbox-disabled-label-color: @gray-5;
+@checkbox-disabled-background-color: @border-color;
+
+// Circle
+@circle-text-color: @text-color;
+@circle-text-font-weight: @font-weight-bold;
+@circle-text-font-size: @font-size-md;
+@circle-text-line-height: 18px;
+
+// Collapse
+@collapse-item-transition-duration: @animation-duration-base;
+@collapse-item-content-padding: @padding-sm @padding-md;
+@collapse-item-content-font-size: 14px;
+@collapse-item-content-line-height: 1.5;
+@collapse-item-content-text-color: @gray-6;
+@collapse-item-content-background-color: @white;
+@collapse-item-title-disabled-color: @gray-5;
+
+// ContactCard
+@contact-card-padding: @padding-md;
+@contact-card-add-icon-size: 40px;
+@contact-card-add-icon-color: @blue;
+@contact-card-value-line-height: 20px;
+
+// ContactEdit
+@contact-edit-padding: @padding-md;
+@contact-edit-fields-radius: @border-radius-md;
+@contact-edit-buttons-padding: @padding-xl 0;
+@contact-edit-button-margin-bottom: @padding-sm;
+@contact-edit-button-font-size: 16px;
+@contact-edit-field-label-width: 4em;
+
+// ContactList
+@contact-list-edit-icon-size: 16px;
+@contact-list-add-button-z-index: 999;
+@contact-list-item-padding: @padding-md;
+
+// CountDown
+@count-down-text-color: @text-color;
+@count-down-font-size: @font-size-md;
+@count-down-line-height: 20px;
+
+// Coupon
+@coupon-margin: 0 @padding-sm @padding-sm;
+@coupon-content-height: 84px;
+@coupon-content-padding: 14px 0;
+@coupon-background-color: @white;
+@coupon-active-background-color: @active-color;
+@coupon-border-radius: @border-radius-lg;
+@coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+@coupon-head-width: 96px;
+@coupon-amount-color: @red;
+@coupon-amount-font-size: 30px;
+@coupon-currency-font-size: 40%;
+@coupon-name-font-size: @font-size-md;
+@coupon-disabled-text-color: @gray-6;
+@coupon-description-padding: @padding-xs @padding-md;
+@coupon-description-border-color: @border-color;
+
+// CouponCell
+@coupon-cell-selected-text-color: @text-color;
+
+// CouponList
+@coupon-list-background-color: @background-color;
+@coupon-list-field-padding: 5px 0 5px @padding-md;
+@coupon-list-exchange-button-height: 32px;
+@coupon-list-close-button-height: 40px;
+@coupon-list-empty-image-size: 200px;
+@coupon-list-empty-tip-color: @gray-6;
+@coupon-list-empty-tip-font-size: @font-size-md;
+@coupon-list-empty-tip-line-height: 20px;
+
+// Dialog
+@dialog-width: 320px;
+@dialog-small-screen-width: 90%;
+@dialog-font-size: @font-size-lg;
+@dialog-transition: @animation-duration-base;
+@dialog-border-radius: 16px;
+@dialog-background-color: @white;
+@dialog-header-font-weight: @font-weight-bold;
+@dialog-header-line-height: 24px;
+@dialog-header-padding-top: @padding-lg;
+@dialog-header-isolated-padding: @padding-lg 0;
+@dialog-message-padding: @padding-lg;
+@dialog-message-font-size: @font-size-md;
+@dialog-message-line-height: 20px;
+@dialog-message-max-height: 60vh;
+@dialog-has-title-message-text-color: @gray-7;
+@dialog-has-title-message-padding-top: @padding-sm;
+@dialog-confirm-button-text-color: @blue;
+
+// Divider
+@divider-margin: @padding-md 0;
+@divider-text-color: @gray-6;
+@divider-font-size: @font-size-md;
+@divider-line-height: 24px;
+@divider-border-color: @border-color;
+@divider-content-padding: @padding-md;
+@divider-content-left-width: 10%;
+@divider-content-right-width: 10%;
+
+// DropdownMenu
+@dropdown-menu-height: 48px;
+@dropdown-menu-background-color: @white;
+@dropdown-menu-title-font-size: 15px;
+@dropdown-menu-title-text-color: @text-color;
+@dropdown-menu-title-active-text-color: @blue;
+@dropdown-menu-title-disabled-text-color: @gray-6;
+@dropdown-menu-title-padding: 0 @padding-xs;
+@dropdown-menu-title-line-height: 22px;
+@dropdown-menu-option-active-color: @blue;
+@dropdown-menu-content-max-height: 80%;
+@dropdown-item-z-index: 10;
+
+// Empty
+@empty-padding: @padding-xl 0;
+@empty-image-size: 160px;
+@empty-description-margin-top: @padding-md;
+@empty-description-padding: 0 60px;
+@empty-description-color: @gray-6;
+@empty-description-font-size: 14px;
+@empty-description-line-height: 20px;
+@empty-bottom-margin-top: 24px;
+
+// Field
+@field-label-width: 6em;
+@field-label-color: @gray-7;
+@field-label-margin-right: @padding-sm;
+@field-input-text-color: @text-color;
+@field-input-error-text-color: @red;
+@field-input-disabled-text-color: @gray-5;
+@field-placeholder-text-color: @gray-5;
+@field-icon-size: 16px;
+@field-clear-icon-size: 16px;
+@field-clear-icon-color: @gray-5;
+@field-right-icon-color: @gray-6;
+@field-error-message-color: @red;
+@field-error-message-text-color: 12px;
+@field-text-area-min-height: 60px;
+@field-word-limit-color: @gray-7;
+@field-word-limit-font-size: @font-size-sm;
+@field-word-limit-line-height: 16px;
+@field-disabled-text-color: @gray-5;
+
+// GridItem
+@grid-item-content-padding: @padding-md @padding-xs;
+@grid-item-content-background-color: @white;
+@grid-item-content-active-color: @active-color;
+@grid-item-icon-size: 28px;
+@grid-item-text-color: @gray-7;
+@grid-item-text-font-size: @font-size-sm;
+
+// GoodsAction
+@goods-action-background-color: @white;
+@goods-action-height: 50px;
+@goods-action-icon-width: 48px;
+@goods-action-icon-height: 100%;
+@goods-action-icon-color: @text-color;
+@goods-action-icon-size: 18px;
+@goods-action-icon-font-size: @font-size-xs;
+@goods-action-icon-active-color: @active-color;
+@goods-action-icon-text-color: @gray-7;
+@goods-action-button-height: 40px;
+@goods-action-button-warning-color: @gradient-orange;
+@goods-action-button-danger-color: @gradient-red;
+
+// IndexAnchor
+@index-anchor-z-index: 1;
+@index-anchor-padding: 0 @padding-md;
+@index-anchor-text-color: @text-color;
+@index-anchor-font-weight: @font-weight-bold;
+@index-anchor-font-size: @font-size-md;
+@index-anchor-line-height: 32px;
+@index-anchor-background-color: transparent;
+@index-anchor-sticky-text-color: @green;
+@index-anchor-sticky-background-color: @white;
+
+// IndexBar
+@index-bar-sidebar-z-index: 2;
+@index-bar-index-font-size: @font-size-xs;
+@index-bar-index-line-height: 14px;
+@index-bar-index-active-color: @green;
+
+// Info
+@info-size: 16px;
+@info-color: @white;
+@info-padding: 0 3px;
+@info-font-size: @font-size-sm;
+@info-font-weight: @font-weight-bold;
+@info-border-width: @border-width-base;
+@info-background-color: @red;
+@info-dot-color: @red;
+@info-dot-size: 8px;
+@info-font-family: @price-integer-font-family;
+
+// Image
+@image-placeholder-text-color: @gray-6;
+@image-placeholder-font-size: @font-size-md;
+@image-placeholder-background-color: @background-color;
+@image-loading-icon-size: 22px;
+@image-error-icon-size: 22px;
+
+// ImagePreview
+@image-preview-index-text-color: @white;
+@image-preview-index-font-size: @font-size-md;
+@image-preview-index-line-height: 22px;
+@image-preview-index-text-shadow: 0 1px 1px @gray-8;
+@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
+@image-preview-close-icon-size: 22px;
+@image-preview-close-icon-color: @gray-5;
+@image-preview-close-icon-active-color: @gray-6;
+@image-preview-close-icon-margin: @padding-md;
+@image-preview-close-icon-z-index: 1;
+
+// List
+@list-icon-margin-right: 5px;
+@list-text-color: @gray-6;
+@list-text-font-size: @font-size-md;
+@list-text-line-height: 50px;
+
+// Loading
+@loading-text-color: @gray-6;
+@loading-text-font-size: @font-size-md;
+@loading-spinner-color: @gray-5;
+@loading-spinner-size: 30px;
+@loading-spinner-animation-duration: 0.8s;
+
+// NavBar
+@nav-bar-height: 46px;
+@nav-bar-background-color: @white;
+@nav-bar-arrow-size: 16px;
+@nav-bar-icon-color: @blue;
+@nav-bar-text-color: @blue;
+@nav-bar-title-font-size: @font-size-lg;
+@nav-bar-title-text-color: @text-color;
+@nav-bar-z-index: 1;
+
+// NoticeBar
+@notice-bar-height: 40px;
+@notice-bar-padding: 0 @padding-md;
+@notice-bar-wrapable-padding: @padding-xs @padding-md;
+@notice-bar-text-color: @orange-dark;
+@notice-bar-font-size: @font-size-md;
+@notice-bar-line-height: 24px;
+@notice-bar-background-color: @orange-light;
+@notice-bar-icon-size: 16px;
+@notice-bar-icon-min-width: 24px;
+
+// Notify
+@notify-text-color: @white;
+@notify-padding: @padding-xs @padding-md;
+@notify-font-size: @font-size-md;
+@notify-line-height: 20px;
+@notify-primary-background-color: @blue;
+@notify-success-background-color: @green;
+@notify-danger-background-color: @red;
+@notify-warning-background-color: @orange;
+
+// NumberKeyboard
+@number-keyboard-background-color: @gray-2;
+@number-keyboard-key-height: 56px;
+@number-keyboard-key-font-size: 28px;
+@number-keyboard-key-active-color: @gray-3;
+@number-keyboard-delete-font-size: @font-size-lg;
+@number-keyboard-title-color: @gray-7;
+@number-keyboard-title-height: 30px;
+@number-keyboard-title-font-size: @font-size-md;
+@number-keyboard-close-padding: 0 @padding-md;
+@number-keyboard-close-color: @text-link-color;
+@number-keyboard-close-font-size: @font-size-md;
+@number-keyboard-button-text-color: @white;
+@number-keyboard-button-background-color: @blue;
+@number-keyboard-cursor-color: @text-color;
+@number-keyboard-cursor-width: 1px;
+@number-keyboard-cursor-height: 40%;
+@number-keyboard-cursor-animation-duration: 1s;
+@number-keyboard-z-index: 100;
+
+// Overlay
+@overlay-z-index: 1;
+@overlay-background-color: rgba(0, 0, 0, 0.7);
+
+// Pagination
+@pagination-height: 40px;
+@pagination-font-size: @font-size-md;
+@pagination-item-width: 36px;
+@pagination-item-default-color: @blue;
+@pagination-item-disabled-color: @gray-7;
+@pagination-item-disabled-background-color: @background-color;
+@pagination-background-color: @white;
+@pagination-desc-color: @gray-7;
+@pagination-disabled-opacity: @disabled-opacity;
+
+// Panel
+@panel-background-color: @white;
+@panel-header-value-color: @red;
+@panel-footer-padding: @padding-xs @padding-md;
+
+// PasswordInput
+@password-input-height: 50px;
+@password-input-margin: 0 @padding-md;
+@password-input-font-size: 20px;
+@password-input-border-radius: 6px;
+@password-input-background-color: @white;
+@password-input-info-color: @gray-6;
+@password-input-info-font-size: @font-size-md;
+@password-input-error-info-color: @red;
+@password-input-dot-size: 10px;
+@password-input-dot-color: @black;
+
+// Picker
+@picker-background-color: @white;
+@picker-toolbar-height: 44px;
+@picker-title-font-size: @font-size-lg;
+@picker-title-line-height: 20px;
+@picker-action-padding: 0 @padding-md;
+@picker-action-font-size: @font-size-md;
+@picker-confirm-action-color: @text-link-color;
+@picker-cancel-action-color: @gray-6;
+@picker-option-font-size: @font-size-lg;
+@picker-option-text-color: @black;
+@picker-option-disabled-opacity: 0.3;
+@picker-loading-icon-color: @blue;
+@picker-loading-mask-color: rgba(255, 255, 255, 0.9);
+
+// Popup
+@popup-background-color: @white;
+@popup-transition: transform @animation-duration-base;
+@popup-round-border-radius: 20px;
+@popup-close-icon-size: 22px;
+@popup-close-icon-color: @gray-5;
+@popup-close-icon-active-color: @gray-6;
+@popup-close-icon-margin: 16px;
+@popup-close-icon-z-index: 1;
+
+// Progress
+@progress-height: 4px;
+@progress-color: @blue;
+@progress-background-color: @gray-3;
+@progress-pivot-padding: 0 5px;
+@progress-pivot-text-color: @white;
+@progress-pivot-font-size: @font-size-xs;
+@progress-pivot-line-height: 1.6;
+@progress-pivot-background-color: @blue;
+
+// PullRefresh
+@pull-refresh-head-height: 50px;
+@pull-refresh-head-font-size: @font-size-md;
+@pull-refresh-head-text-color: @gray-6;
+
+// Radio
+@radio-size: 20px;
+@radio-border-color: @gray-5;
+@radio-transition-duration: @animation-duration-fast;
+@radio-label-margin: @padding-xs;
+@radio-label-color: @text-color;
+@radio-checked-icon-color: @blue;
+@radio-disabled-icon-color: @gray-5;
+@radio-disabled-label-color: @gray-5;
+@radio-disabled-background-color: @border-color;
+
+// Rate
+@rate-icon-size: 20px;
+@rate-icon-gutter: @padding-base;
+@rate-icon-void-color: @gray-5;
+@rate-icon-full-color: @red;
+@rate-icon-disabled-color: @gray-5;
+
+// ShareSheet
+@share-sheet-header-padding: @padding-sm @padding-md @padding-base;
+@share-sheet-title-color: @text-color;
+@share-sheet-title-font-size: @font-size-md;
+@share-sheet-title-line-height: 20px;
+@share-sheet-description-color: @gray-6;
+@share-sheet-description-font-size: @font-size-sm;
+@share-sheet-description-line-height: 16px;
+@share-sheet-icon-size: 48px;
+@share-sheet-option-name-color: @gray-7;
+@share-sheet-option-name-font-size: @font-size-sm;
+@share-sheet-option-description-color: @gray-5;
+@share-sheet-option-description-font-size: @font-size-sm;
+@share-sheet-cancel-button-font-size: @font-size-lg;
+@share-sheet-cancel-button-height: 48px;
+@share-sheet-cancel-button-background: @white;
+
+// Search
+@search-padding: 10px @padding-sm;
+@search-background-color: @white;
+@search-content-background-color: @gray-1;
+@search-input-height: 34px;
+@search-label-padding: 0 5px;
+@search-label-color: @text-color;
+@search-label-font-size: @font-size-md;
+@search-left-icon-color: @gray-6;
+@search-action-padding: 0 @padding-xs;
+@search-action-text-color: @text-color;
+@search-action-font-size: @font-size-md;
+
+// Sidebar
+@sidebar-width: 85px;
+
+// SidebarItem
+@sidebar-font-size: @font-size-md;
+@sidebar-line-height: 20px;
+@sidebar-text-color: @text-color;
+@sidebar-disabled-text-color: @gray-5;
+@sidebar-padding: 20px @padding-sm;
+@sidebar-active-color: @active-color;
+@sidebar-background-color: @background-color;
+@sidebar-selected-font-weight: @font-weight-bold;
+@sidebar-selected-text-color: @text-color;
+@sidebar-selected-border-width: 4px;
+@sidebar-selected-border-height: 16px;
+@sidebar-selected-border-color: @red;
+@sidebar-selected-background-color: @white;
+
+// Skeleton
+@skeleton-row-height: 16px;
+@skeleton-row-background-color: @active-color;
+@skeleton-row-margin-top: @padding-sm;
+@skeleton-avatar-background-color: @active-color;
+@skeleton-animation-duration: 1.2s;
+
+// Slider
+@slider-active-background-color: @blue;
+@slider-inactive-background-color: @gray-3;
+@slider-disabled-opacity: @disabled-opacity;
+@slider-bar-height: 2px;
+@slider-button-width: 24px;
+@slider-button-height: 24px;
+@slider-button-border-radius: 50%;
+@slider-button-background-color: @white;
+@slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+
+// Step
+@step-text-color: @gray-6;
+@step-active-color: @green;
+@step-process-text-color: @text-color;
+@step-font-size: @font-size-md;
+@step-line-color: @border-color;
+@step-finish-line-color: @green;
+@step-finish-text-color: @text-color;
+@step-icon-size: 12px;
+@step-circle-size: 5px;
+@step-circle-color: @gray-6;
+@step-horizontal-title-font-size: @font-size-sm;
+
+// Steps
+@steps-background-color: @white;
+
+// Sticky
+@sticky-z-index: 99;
+
+// Stepper
+@stepper-active-color: #e8e8e8;
+@stepper-background-color: @active-color;
+@stepper-button-icon-color: @text-color;
+@stepper-button-disabled-color: @background-color;
+@stepper-button-disabled-icon-color: @gray-5;
+@stepper-button-round-theme-color: @red;
+@stepper-input-width: 32px;
+@stepper-input-height: 28px;
+@stepper-input-font-size: @font-size-md;
+@stepper-input-line-height: normal;
+@stepper-input-text-color: @text-color;
+@stepper-input-disabled-text-color: @gray-5;
+@stepper-input-disabled-background-color: @active-color;
+@stepper-border-radius: @border-radius-md;
+
+// SubmitBar
+@submit-bar-height: 50px;
+@submit-bar-z-index: 100;
+@submit-bar-background-color: @white;
+@submit-bar-button-width: 110px;
+@submit-bar-price-color: @red;
+@submit-bar-price-font-size: @font-size-md;
+@submit-bar-currency-font-size: @font-size-md;
+@submit-bar-text-color: @text-color;
+@submit-bar-text-font-size: @font-size-md;
+@submit-bar-tip-padding: @padding-xs @padding-sm;
+@submit-bar-tip-font-size: @font-size-sm;
+@submit-bar-tip-line-height: 1.5;
+@submit-bar-tip-color: #f56723;
+@submit-bar-tip-background-color: #fff7cc;
+@submit-bar-tip-icon-size: 12px;
+@submit-bar-button-height: 40px;
+@submit-bar-padding: 0 @padding-md;
+@submit-bar-price-integer-font-size: 20px;
+@submit-bar-price-font-family: @price-integer-font-family;
+
+// Swipe
+@swipe-indicator-size: 6px;
+@swipe-indicator-margin: @padding-sm;
+@swipe-indicator-active-opacity: 1;
+@swipe-indicator-inactive-opacity: 0.3;
+@swipe-indicator-active-background-color: @blue;
+@swipe-indicator-inactive-background-color: @border-color;
+
+// Switch
+@switch-size: 30px;
+@switch-width: 2em;
+@switch-height: 1em;
+@switch-node-size: 1em;
+@switch-node-z-index: 1;
+@switch-node-background-color: @white;
+@switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
+  0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
+@switch-background-color: @white;
+@switch-on-background-color: @blue;
+@switch-transition-duration: @animation-duration-base;
+@switch-disabled-opacity: @disabled-opacity;
+@switch-border: @border-width-base solid rgba(0, 0, 0, 0.1);
+
+// SwitchCell
+@switch-cell-padding-top: @cell-vertical-padding - 1px;
+@switch-cell-padding-bottom: @cell-vertical-padding - 1px;
+@switch-cell-large-padding-top: @cell-large-vertical-padding - 1px;
+@switch-cell-large-padding-bottom: @cell-large-vertical-padding - 1px;
+
+// Tabbar
+@tabbar-height: 50px;
+@tabbar-z-index: 1;
+@tabbar-background-color: @white;
+
+// TabbarItem
+@tabbar-item-font-size: @font-size-sm;
+@tabbar-item-text-color: @gray-7;
+@tabbar-item-active-color: @blue;
+@tabbar-item-line-height: 1;
+@tabbar-item-icon-size: 18px;
+@tabbar-item-margin-bottom: 5px;
+
+// Tab
+@tab-text-color: @gray-7;
+@tab-active-text-color: @text-color;
+@tab-disabled-text-color: @gray-5;
+@tab-font-size: @font-size-md;
+
+// Tabs
+@tabs-default-color: @red;
+@tabs-line-height: 44px;
+@tabs-card-height: 30px;
+@tabs-nav-background-color: @white;
+@tabs-bottom-bar-height: 3px;
+@tabs-bottom-bar-color: @tabs-default-color;
+
+// Tag
+@tag-padding: 0.2em 0.5em;
+@tag-font-size: @font-size-xs;
+@tag-medium-font-size: @font-size-sm;
+@tag-large-font-size: @font-size-md;
+@tag-text-color: @white;
+@tag-border-radius: 0.2em;
+@tag-round-border-radius: @border-radius-max;
+@tag-danger-color: @red;
+@tag-primary-color: @blue;
+@tag-success-color: @green;
+@tag-warning-color: @orange;
+@tag-default-color: @gray-6;
+@tag-plain-background-color: @white;
+
+// Toast
+@toast-max-width: 70%;
+@toast-font-size: @font-size-md;
+@toast-text-color: @white;
+@toast-loading-icon-color: @white;
+@toast-line-height: 20px;
+@toast-border-radius: @border-radius-lg;
+@toast-background-color: fade(@text-color, 88%);
+@toast-icon-size: 40px;
+@toast-text-min-width: 96px;
+@toast-text-padding: @padding-xs @padding-sm;
+@toast-default-padding: @padding-md;
+@toast-default-width: 88px;
+@toast-default-min-height: 88px;
+@toast-position-top-distance: 50px;
+@toast-position-bottom-distance: 50px;
+
+// TreeSelect
+@tree-select-font-size: @font-size-md;
+@tree-select-nav-background-color: @background-color;
+@tree-select-content-background-color: @white;
+@tree-select-nav-item-padding: 14px @padding-sm;
+@tree-select-item-height: 48px;
+@tree-select-item-active-color: @red;
+@tree-select-item-disabled-color: @gray-5;
+@tree-select-item-selected-size: 16px;
+
+// Uploader
+@uploader-size: 80px;
+@uploader-icon-size: 24px;
+@uploader-icon-color: @gray-4;
+@uploader-text-color: @gray-6;
+@uploader-text-font-size: @font-size-sm;
+@uploader-upload-border-radius: 8px;
+@uploader-upload-background-color: @gray-1;
+@uploader-upload-active-color: @active-color;
+@uploader-delete-color: @gray-6;
+@uploader-delete-icon-size: 18px;
+@uploader-delete-background-color: @white;
+@uploader-file-background-color: @background-color;
+@uploader-file-icon-size: 20px;
+@uploader-file-icon-color: @gray-7;
+@uploader-file-name-padding: 0 @padding-base;
+@uploader-file-name-margin-top: @padding-xs;
+@uploader-file-name-font-size: @font-size-sm;
+@uploader-file-name-text-color: @gray-7;
+@uploader-mask-background-color: fade(@gray-8, 88%);
+@uploader-mask-icon-size: 22px;
+@uploader-mask-message-font-size: @font-size-sm;
+@uploader-mask-message-line-height: 14px;
+@uploader-loading-icon-size: 22px;
+@uploader-loading-icon-color: @white;
+@uploader-disabled-opacity: @disabled-opacity;
+
+// Sku
+@sku-item-background-color: @background-color;
+@sku-icon-gray-color: @gray-4;
+@sku-upload-mask-color: rgba(50, 50, 51, 0.8);

From 79e7b4be65c097dab977a342d44923718ee5993b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 22:38:35 +0800
Subject: [PATCH 021/626] chore: move createNamespace

---
 src-next/utils/create/bem.ts       | 45 ++++++++++++++++++++++++++++++
 src-next/utils/create/component.ts | 18 ++++++++++++
 src-next/utils/create/index.ts     | 18 ++++++++++++
 3 files changed, 81 insertions(+)
 create mode 100644 src-next/utils/create/bem.ts
 create mode 100644 src-next/utils/create/component.ts
 create mode 100644 src-next/utils/create/index.ts

diff --git a/src-next/utils/create/bem.ts b/src-next/utils/create/bem.ts
new file mode 100644
index 000000000..7d599680c
--- /dev/null
+++ b/src-next/utils/create/bem.ts
@@ -0,0 +1,45 @@
+/**
+ * bem helper
+ * b() // 'button'
+ * b('text') // 'button__text'
+ * b({ disabled }) // 'button button--disabled'
+ * b('text', { disabled }) // 'button__text button__text--disabled'
+ * b(['disabled', 'primary']) // 'button button--disabled button--primary'
+ */
+
+export type Mod = string | { [key: string]: any };
+export type Mods = Mod | Mod[];
+
+function gen(name: string, mods?: Mods): string {
+  if (!mods) {
+    return '';
+  }
+
+  if (typeof mods === 'string') {
+    return ` ${name}--${mods}`;
+  }
+
+  if (Array.isArray(mods)) {
+    return mods.reduce<string>((ret, item) => ret + gen(name, item), '');
+  }
+
+  return Object.keys(mods).reduce(
+    (ret, key) => ret + (mods[key] ? gen(name, key) : ''),
+    ''
+  );
+}
+
+export function createBEM(name: string) {
+  return function (el?: Mods, mods?: Mods): Mods {
+    if (el && typeof el !== 'string') {
+      mods = el;
+      el = '';
+    }
+
+    el = el ? `${name}__${el}` : name;
+
+    return `${el}${gen(el, mods)}`;
+  };
+}
+
+export type BEM = ReturnType<typeof createBEM>;
diff --git a/src-next/utils/create/component.ts b/src-next/utils/create/component.ts
new file mode 100644
index 000000000..90e316e3f
--- /dev/null
+++ b/src-next/utils/create/component.ts
@@ -0,0 +1,18 @@
+/**
+ * Create a basic component with common options
+ */
+
+// function install(this: any, Vue: VueConstructor) {
+//   const { name } = this;
+//   Vue.component(name as string, this);
+//   Vue.component(camelize(`-${name}`), this);
+// }
+
+export function createComponent(name: string) {
+  return function (sfc: any) {
+    sfc.name = name;
+    // sfc.install = install;
+
+    return sfc;
+  };
+}
diff --git a/src-next/utils/create/index.ts b/src-next/utils/create/index.ts
new file mode 100644
index 000000000..0b89a657b
--- /dev/null
+++ b/src-next/utils/create/index.ts
@@ -0,0 +1,18 @@
+import { createBEM, BEM } from './bem';
+import { createComponent } from './component';
+// import { createI18N, Translate } from './i18n';
+
+type CreateNamespaceReturn = [
+  ReturnType<typeof createComponent>,
+  BEM,
+  // Translate
+];
+
+export function createNamespace(name: string): CreateNamespaceReturn {
+  name = 'van-' + name;
+  return [
+    createComponent(name),
+    createBEM(name),
+    // createI18N(name)
+  ];
+}

From 425ffb87eb0d84bb1ad00726066f114cb1559a42 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 22:38:53 +0800
Subject: [PATCH 022/626] refactor: info component

---
 src-next/info/index.js                        | 23 +++++++++++++
 src-next/info/index.less                      | 29 +++++++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  7 ++++
 src-next/info/test/index.spec.js              | 32 +++++++++++++++++++
 4 files changed, 91 insertions(+)
 create mode 100644 src-next/info/index.js
 create mode 100644 src-next/info/index.less
 create mode 100644 src-next/info/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/info/test/index.spec.js

diff --git a/src-next/info/index.js b/src-next/info/index.js
new file mode 100644
index 000000000..d0759669e
--- /dev/null
+++ b/src-next/info/index.js
@@ -0,0 +1,23 @@
+// Utils
+import { isDef } from '../../src/utils';
+import { createNamespace } from '../utils/create';
+
+const [createComponent, bem] = createNamespace('info');
+
+export default createComponent({
+  props: {
+    dot: Boolean,
+    info: [Number, String],
+  },
+
+  render() {
+    const { dot, info } = this;
+    const showInfo = isDef(info) && info !== '';
+
+    if (!dot && !showInfo) {
+      return;
+    }
+
+    return <div class={bem({ dot })}>{dot ? '' : info}</div>;
+  },
+});
diff --git a/src-next/info/index.less b/src-next/info/index.less
new file mode 100644
index 000000000..a35a927f5
--- /dev/null
+++ b/src-next/info/index.less
@@ -0,0 +1,29 @@
+@import '../style/var';
+
+.van-info {
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: border-box;
+  min-width: @info-size;
+  padding: @info-padding;
+  color: @info-color;
+  font-weight: @info-font-weight;
+  font-size: @info-font-size;
+  font-family: @info-font-family;
+  line-height: @info-size - @info-border-width * 2;
+  text-align: center;
+  background-color: @info-background-color;
+  border: @info-border-width solid @white;
+  border-radius: @info-size;
+  transform: translate(50%, -50%);
+  transform-origin: 100%;
+
+  &--dot {
+    width: @info-dot-size;
+    min-width: 0;
+    height: @info-dot-size;
+    background-color: @info-dot-color;
+    border-radius: 100%;
+  }
+}
diff --git a/src-next/info/test/__snapshots__/index.spec.js.snap b/src-next/info/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..84b187992
--- /dev/null
+++ b/src-next/info/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should not render when info is empty string 1`] = ``;
+
+exports[`should not render when info is empty undefined 1`] = ``;
+
+exports[`should render when info is zero 1`] = `<div class="van-info">0</div>`;
diff --git a/src-next/info/test/index.spec.js b/src-next/info/test/index.spec.js
new file mode 100644
index 000000000..d0a2e1678
--- /dev/null
+++ b/src-next/info/test/index.spec.js
@@ -0,0 +1,32 @@
+import Info from '..';
+import { mount } from '../../../test';
+
+test('should not render when info is empty string', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: '',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should not render when info is empty undefined', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: undefined,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should render when info is zero', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: 0,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});

From 3bc6495b04dd80ae8ffedea89486acbf80da147f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 4 Jul 2020 22:39:13 +0800
Subject: [PATCH 023/626] refactor: icon component

---
 src-next/icon/README.md                       |  99 ++++++++
 src-next/icon/README.zh-CN.md                 | 106 ++++++++
 src-next/icon/demo/index.vue                  | 229 ++++++++++++++++++
 src-next/icon/index.js                        |  55 +++++
 src-next/icon/index.less                      |  10 +
 src-next/icon/local.less                      |   1 +
 .../test/__snapshots__/index.spec.js.snap     |  38 +++
 src-next/icon/test/index.spec.js              |  65 +++++
 vant.config.js                                |  16 +-
 9 files changed, 611 insertions(+), 8 deletions(-)
 create mode 100644 src-next/icon/README.md
 create mode 100644 src-next/icon/README.zh-CN.md
 create mode 100644 src-next/icon/demo/index.vue
 create mode 100644 src-next/icon/index.js
 create mode 100644 src-next/icon/index.less
 create mode 100644 src-next/icon/local.less
 create mode 100644 src-next/icon/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/icon/test/index.spec.js

diff --git a/src-next/icon/README.md b/src-next/icon/README.md
new file mode 100644
index 000000000..fac716683
--- /dev/null
+++ b/src-next/icon/README.md
@@ -0,0 +1,99 @@
+# Icon
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Icon } from 'vant';
+
+Vue.use(Icon);
+```
+
+## Usage
+
+### Basic Usage
+
+Use `name` prop to set icon name or icon URL
+
+```html
+<van-icon name="chat-o" />
+<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
+```
+
+### Show Badge
+
+Use `dot` prop, a small red dot will be displayed in the upper right corner of the icon.
+
+Use `badge` prop, the badge will be displayed in the upper right corner of the icon.
+
+```html
+<van-icon name="chat-o" dot />
+<van-icon name="chat-o" badge="9" />
+<van-icon name="chat-o" badge="99+" />
+```
+
+### Icon Color
+
+Use `color` prop to set icon color
+
+```html
+<van-icon name="chat-o" color="#1989fa" />
+<van-icon name="chat-o" color="#07c160" />
+```
+
+### Icon Size
+
+Use `size` prop to set icon size
+
+```html
+<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />
+```
+
+### Use local font file
+
+Icon uses font file in `yzcdn.cn` by default，if you want to use the local font file，please import the following css file.
+
+```js
+import 'vant/lib/icon/local.css';
+```
+
+### Add custom iconfont
+
+```css
+@font-face {
+  font-family: 'my-icon';
+  src: url('./my-icon.ttf') format('truetype');
+}
+
+.my-icon {
+  font-family: 'my-icon';
+}
+
+.my-icon-extra::before {
+  content: '\e626';
+}
+```
+
+```html
+<van-icon class-prefix="my-icon" name="extra" />
+```
+
+## API
+
+### Props
+
+| Attribute      | Description             | Type               | Default    |
+| -------------- | ----------------------- | ------------------ | ---------- |
+| name           | Icon name or URL        | _string_           | `''`       |
+| dot `v2.2.1`   | Whether to show red dot | _boolean_          | `false`    |
+| badge `v2.5.6` | Content of the badge    | _number \| string_ | `''`       |
+| color          | Icon color              | _string_           | `inherit`  |
+| size           | Icon size               | _number \| string_ | `inherit`  |
+| class-prefix   | ClassName prefix        | _string_           | `van-icon` |
+| tag            | HTML Tag                | _string_           | `i`        |
+
+### Events
+
+| Event | Description               | Arguments      |
+| ----- | ------------------------- | -------------- |
+| click | Triggered when click icon | _event: Event_ |
diff --git a/src-next/icon/README.zh-CN.md b/src-next/icon/README.zh-CN.md
new file mode 100644
index 000000000..794490b64
--- /dev/null
+++ b/src-next/icon/README.zh-CN.md
@@ -0,0 +1,106 @@
+# Icon 图标
+
+### 介绍
+
+基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过`icon`属性引用
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Icon } from 'vant';
+
+Vue.use(Icon);
+```
+
+## 代码演示
+
+### 基础用法
+
+`Icon`的`name`属性支持传入图标名称或图片链接，所有可用的图标名称见右侧示例
+
+```html
+<van-icon name="chat-o" />
+<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
+```
+
+### 徽标提示
+
+设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
+
+```html
+<van-icon name="chat-o" dot />
+<van-icon name="chat-o" badge="9" />
+<van-icon name="chat-o" badge="99+" />
+```
+
+### 图标颜色
+
+`Icon`的`color`属性用来设置图标的颜色
+
+```html
+<van-icon name="chat-o" color="#1989fa" />
+<van-icon name="chat-o" color="#07c160" />
+```
+
+### 图标大小
+
+`Icon`的`size`属性用来设置图标的尺寸大小，默认单位为`px`
+
+```html
+<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />
+```
+
+### 使用本地字体文件
+
+Icon 组件默认引用有赞 CDN 提供的字体文件，并通过网络下载。如果需要在项目中使用本地字体文件，请引入下面的 CSS 文件，并在项目中配置`url-loader`
+
+```js
+import 'vant/lib/icon/local.css';
+```
+
+### 自定义图标
+
+如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用
+
+```css
+/* 引入第三方或自定义的字体图标样式 */
+@font-face {
+  font-family: 'my-icon';
+  src: url('./my-icon.ttf') format('truetype');
+}
+
+.my-icon {
+  font-family: 'my-icon';
+}
+
+.my-icon-extra::before {
+  content: '\e626';
+}
+```
+
+```html
+<!-- 通过 class-prefix 指定类名为 my-icon -->
+<van-icon class-prefix="my-icon" name="extra" />
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| name | 图标名称或图片链接 | _string_ | - |
+| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
+| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
+| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
+| color | 图标颜色 | _string_ | `inherit` |
+| size | 图标大小，如 `20px` `2em`，默认单位为`px` | _number \| string_ | `inherit` |
+| class-prefix | 类名前缀，用于使用自定义图标 | _string_ | `van-icon` |
+| tag | HTML 标签 | _string_ | `i` |
+
+### Events
+
+| 事件名 | 说明           | 回调参数       |
+| ------ | -------------- | -------------- |
+| click  | 点击图标时触发 | _event: Event_ |
diff --git a/src-next/icon/demo/index.vue b/src-next/icon/demo/index.vue
new file mode 100644
index 000000000..65fde9596
--- /dev/null
+++ b/src-next/icon/demo/index.vue
@@ -0,0 +1,229 @@
+<template>
+  <demo-section>
+    <van-tabs v-model="tab" sticky :color="BLUE">
+      <van-tab :title="t('demo')">
+        <demo-block :title="t('basicUsage')">
+          <van-col span="6" @click="copy(demoIcon)">
+            <van-icon :name="demoIcon" />
+          </van-col>
+          <van-col span="6" @click="copy(demoImage)">
+            <van-icon :name="demoImage" />
+          </van-col>
+        </demo-block>
+
+        <demo-block :title="t('badge')">
+          <van-col span="6" @click="copy(demoIcon, { dot: true })">
+            <van-icon :name="demoIcon" dot />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
+            <van-icon :name="demoIcon" badge="9" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
+            <van-icon :name="demoIcon" badge="99+" />
+          </van-col>
+        </demo-block>
+
+        <demo-block :title="t('color')">
+          <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
+            <van-icon :name="demoIcon" :color="BLUE" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
+            <van-icon :name="demoIcon" :color="GREEN" />
+          </van-col>
+        </demo-block>
+
+        <demo-block :title="t('size')">
+          <van-col span="6" @click="copy(demoIcon, { size: '40' })">
+            <van-icon :name="demoIcon" size="40" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
+            <van-icon :name="demoIcon" size="3rem" />
+          </van-col>
+        </demo-block>
+      </van-tab>
+
+      <van-tab :title="t('basic')">
+        <van-col
+          v-for="icon in icons.basic"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+
+      <van-tab :title="t('outline')">
+        <van-col
+          v-for="icon in icons.outline"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+
+      <van-tab :title="t('filled')">
+        <van-col
+          v-for="icon in icons.filled"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-tab>
+    </van-tabs>
+  </demo-section>
+</template>
+
+<script>
+import icons from '@vant/icons';
+import { BLUE, GREEN } from '../../../src/utils/constant';
+
+// from https://30secondsofcode.org
+function copyToClipboard(str) {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+
+  const selected =
+    document.getSelection().rangeCount > 0
+      ? document.getSelection().getRangeAt(0)
+      : false;
+
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+}
+
+export default {
+  i18n: {
+    'zh-CN': {
+      title: '图标列表',
+      badge: '徽标提示',
+      basic: '基础图标',
+      copied: '复制成功',
+      outline: '线框风格',
+      filled: '实底风格',
+      demo: '用法示例',
+      color: '图标颜色',
+      size: '图标大小',
+    },
+    'en-US': {
+      title: 'Icon List',
+      badge: 'Show Badge',
+      basic: 'Basic',
+      copied: 'Copied',
+      outline: 'Outline',
+      filled: 'Filled',
+      demo: 'Demo',
+      color: 'Icon Color',
+      size: 'Icon Size',
+    },
+  },
+
+  data() {
+    this.BLUE = BLUE;
+    this.GREEN = GREEN;
+    this.icons = icons;
+    return {
+      tab: 0,
+      demoIcon: 'chat-o',
+      demoImage: 'https://b.yzcdn.cn/vant/icon-demo-1126.png',
+    };
+  },
+
+  methods: {
+    copy(icon, option = {}) {
+      let tag = `<van-icon name="${icon}"`;
+      if ('dot' in option) {
+        tag = `${tag} ${option.dot ? 'dot' : ''}`;
+      }
+      if ('badge' in option) {
+        tag = `${tag} badge="${option.badge}"`;
+      }
+      if ('color' in option) {
+        tag = `${tag} color="${option.color}"`;
+      }
+      if ('size' in option) {
+        tag = `${tag} size="${option.size}"`;
+      }
+      tag = `${tag} />`;
+      copyToClipboard(tag);
+
+      this.$notify({
+        type: 'success',
+        duration: 1500,
+        className: 'demo-icon-notify',
+        message: `${this.t('copied')}：${tag}`,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-icon {
+  font-size: 0;
+
+  &-list {
+    box-sizing: border-box;
+    min-height: calc(100vh - 65px);
+    padding-top: 10px;
+  }
+
+  &-notify {
+    font-size: 13px;
+  }
+
+  .van-col {
+    display: inline-block;
+    float: none;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+
+    span {
+      display: block;
+      height: 36px;
+      margin: -4px 0 4px;
+      padding: 0 5px;
+      color: @gray-7;
+      font-size: 12px;
+      line-height: 18px;
+    }
+
+    &:active {
+      background-color: @active-color;
+    }
+  }
+
+  .van-icon {
+    margin: 16px 0 16px;
+    color: @text-color;
+    font-size: 32px;
+  }
+
+  .van-tab__pane {
+    width: auto;
+    margin: 20px;
+    background-color: #fff;
+    border-radius: 12px;
+  }
+}
+</style>
diff --git a/src-next/icon/index.js b/src-next/icon/index.js
new file mode 100644
index 000000000..0feda2433
--- /dev/null
+++ b/src-next/icon/index.js
@@ -0,0 +1,55 @@
+// Utils
+import { addUnit, isDef } from '../../src/utils';
+import { createNamespace } from '../utils/create';
+
+// Components
+import Info from '../info';
+
+const [createComponent, bem] = createNamespace('icon');
+
+function isImage(name) {
+  return name ? name.indexOf('/') !== -1 : false;
+}
+
+export default createComponent({
+  props: {
+    dot: Boolean,
+    name: String,
+    size: [Number, String],
+    badge: [Number, String],
+    color: String,
+    tag: {
+      type: String,
+      default: 'i',
+    },
+    classPrefix: {
+      type: String,
+      default: bem(),
+    },
+  },
+
+  render() {
+    const { name } = this;
+    const imageIcon = isImage(name);
+  
+    return (
+      <this.tag
+        class={[
+          this.classPrefix,
+          imageIcon ? '' : `${this.classPrefix}-${name}`,
+        ]}
+        style={{
+          color: this.color,
+          fontSize: addUnit(this.size),
+        }}
+      >
+        {/* {slots.default && slots.default()} */}
+        {imageIcon && <img class={bem('image')} src={name} />}
+        <Info
+          dot={this.dot}
+          info={this.badge}
+        />
+      </this.tag>
+    );
+  }
+});
diff --git a/src-next/icon/index.less b/src-next/icon/index.less
new file mode 100644
index 000000000..f1b78f967
--- /dev/null
+++ b/src-next/icon/index.less
@@ -0,0 +1,10 @@
+@import '../style/var';
+@import '~@vant/icons/src/index.less';
+
+.van-icon {
+  &__image {
+    width: 1em;
+    height: 1em;
+    object-fit: contain;
+  }
+}
diff --git a/src-next/icon/local.less b/src-next/icon/local.less
new file mode 100644
index 000000000..8232ecf08
--- /dev/null
+++ b/src-next/icon/local.less
@@ -0,0 +1 @@
+@import '~@vant/icons/src/encode.less';
diff --git a/src-next/icon/test/__snapshots__/index.spec.js.snap b/src-next/icon/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..54ddf2e50
--- /dev/null
+++ b/src-next/icon/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`dot prop 1`] = `
+<i class="van-icon van-icon-undefined">
+  <div class="van-info van-info--dot"></div>
+</i>
+`;
+
+exports[`render icon default slot 1`] = `
+<i class="van-icon van-icon-success">Default slot
+  <!----></i>
+`;
+
+exports[`render icon with builtin icon name 1`] = `
+<i class="van-icon van-icon-success">
+  <!----></i>
+`;
+
+exports[`render icon with local image 1`] = `
+<i class="van-icon"><img src="/assets/icon.jpg" class="van-icon__image">
+  <!----></i>
+`;
+
+exports[`render icon with url name 1`] = `
+<i class="van-icon"><img src="https://img.yzcdn.com/icon.jpg" class="van-icon__image">
+  <!----></i>
+`;
+
+exports[`size without unit 1`] = `
+<i class="van-icon van-icon-undefined" style="font-size: 20px;">
+  <!----></i>
+`;
+
+exports[`tag prop 1`] = `
+<div class="van-icon van-icon-undefined">
+  <!---->
+</div>
+`;
diff --git a/src-next/icon/test/index.spec.js b/src-next/icon/test/index.spec.js
new file mode 100644
index 000000000..60062101f
--- /dev/null
+++ b/src-next/icon/test/index.spec.js
@@ -0,0 +1,65 @@
+import Icon from '..';
+import { mount } from '../../../test';
+
+test('render icon with builtin icon name', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: 'success',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon with url name', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: 'https://img.yzcdn.com/icon.jpg',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon with local image', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      name: '/assets/icon.jpg',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon default slot', () => {
+  const wrapper = mount({
+    render(h) {
+      return h(Icon, { props: { name: 'success' } }, ['Default slot']);
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('tag prop', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      tag: 'div',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('dot prop', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      dot: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('size without unit', () => {
+  const wrapper = mount(Icon, {
+    propsData: {
+      size: 20,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index 3b8d1daf6..4dacc6028 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -86,10 +86,10 @@ module.exports = {
               //   path: 'cell',
               //   title: 'Cell 单元格',
               // },
-              // {
-              //   path: 'icon',
-              //   title: 'Icon 图标',
-              // },
+              {
+                path: 'icon',
+                title: 'Icon 图标',
+              },
               // {
               //   path: 'image',
               //   title: 'Image 图片',
@@ -433,10 +433,10 @@ module.exports = {
               //   path: 'cell',
               //   title: 'Cell',
               // },
-              // {
-              //   path: 'icon',
-              //   title: 'Icon',
-              // },
+              {
+                path: 'icon',
+                title: 'Icon',
+              },
               // {
               //   path: 'image',
               //   title: 'Image',

From 0a4c6676ba7fa54fe6224f6e7dde02dc21b924e4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 08:26:58 +0800
Subject: [PATCH 024/626] feat: i18n next

---
 docs/site/mobile.js             | 223 ++++++++++++++++----------------
 src-next/icon/index.js          |   2 +-
 src-next/locale/README.md       |  51 ++++++++
 src-next/locale/README.zh-CN.md |  55 ++++++++
 src-next/locale/index.ts        |  25 ++++
 src-next/locale/lang/en-US.ts   |  77 +++++++++++
 src-next/locale/lang/es-ES.ts   |  77 +++++++++++
 src-next/locale/lang/ja-JP.ts   |  78 +++++++++++
 src-next/locale/lang/ro-RO.ts   |  77 +++++++++++
 src-next/locale/lang/tr-TR.ts   |  77 +++++++++++
 src-next/locale/lang/zh-CN.ts   |  78 +++++++++++
 src-next/locale/lang/zh-HK.ts   |  78 +++++++++++
 src-next/locale/lang/zh-TW.ts   |  78 +++++++++++
 src-next/utils/create/i18n.ts   |  16 +++
 src-next/utils/create/index.ts  |   6 +-
 src/utils/index.ts              |   6 +-
 16 files changed, 885 insertions(+), 119 deletions(-)
 create mode 100644 src-next/locale/README.md
 create mode 100644 src-next/locale/README.zh-CN.md
 create mode 100644 src-next/locale/index.ts
 create mode 100644 src-next/locale/lang/en-US.ts
 create mode 100644 src-next/locale/lang/es-ES.ts
 create mode 100644 src-next/locale/lang/ja-JP.ts
 create mode 100644 src-next/locale/lang/ro-RO.ts
 create mode 100644 src-next/locale/lang/tr-TR.ts
 create mode 100644 src-next/locale/lang/zh-CN.ts
 create mode 100644 src-next/locale/lang/zh-HK.ts
 create mode 100644 src-next/locale/lang/zh-TW.ts
 create mode 100644 src-next/utils/create/i18n.ts

diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index 8757dcc0e..198af61c1 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,130 +1,129 @@
-// import Vue from 'vue';
-// import Locale from '../../src/locale';
+import Locale from '../../src-next/locale';
+import enUS from '../../src-next/locale/lang/en-US';
+import { get } from '../../src/utils';
+import { camelize } from '../../src/utils/format/string';
 // import Lazyload from '../../src/lazyload';
-// import { get } from '../../src/utils';
-// import { camelize } from '../../src/utils/format/string';
-// import enUS from '../../src/locale/lang/en-US';
 
+const { app } = window;
+
+// TODO
 // Vue.use(Lazyload, {
 //   lazyComponent: true,
 // });
 
-// Locale.add({
-//   'en-US': enUS,
-// });
+Locale.add({
+  'en-US': enUS,
+});
 
-// // flag for vant-weapp demos
-// const isWeapp = location.search.indexOf('weapp=1') !== -1;
+let demoUid = 0;
 
-// let demoUid = 0;
+// helper for demo locales
+app.mixin({
+  computed: {
+    t() {
+      const { name } = this.$options;
+      const prefix = name ? camelize(name) + '.' : '';
+      const messages = Locale.messages();
 
-// // helper for demo locales
-// Vue.mixin({
-//   computed: {
-//     t() {
-//       const { name } = this.$options;
-//       const { lang = 'zh-CN' } = (this.$route && this.$route.meta) || {};
-//       const prefix = name ? camelize(name) + '.' : '';
-//       const messages = this.$vantMessages[lang];
+      return (path, ...args) => {
+        const message = get(messages, prefix + path) || get(messages, path);
+        return typeof message === 'function' ? message(...args) : message;
+      };
+    },
 
-//       return (path, ...args) => {
-//         const message = get(messages, prefix + path) || get(messages, path);
-//         return typeof message === 'function' ? message(...args) : message;
-//       };
-//     },
+    // flag for vant-weapp demos
+    isWeapp() {
+      return location.search.indexOf('weapp=1') !== -1;
+    },
+  },
 
-//     isWeapp() {
-//       return isWeapp;
-//     },
-//   },
+  beforeCreate() {
+    if (!this.$options.name) {
+      this.$options.name = `demo-${demoUid++}`;
+    }
 
-//   beforeCreate() {
-//     if (!this.$options.name) {
-//       this.$options.name = `demo-${demoUid++}`;
-//     }
+    const { i18n, name } = this.$options;
 
-//     const { i18n, name } = this.$options;
+    if (i18n && name) {
+      const locales = {};
+      const camelizedName = camelize(name);
 
-//     if (i18n && name) {
-//       const locales = {};
-//       const camelizedName = camelize(name);
+      Object.keys(i18n).forEach((key) => {
+        locales[key] = { [camelizedName]: i18n[key] };
+      });
 
-//       Object.keys(i18n).forEach((key) => {
-//         locales[key] = { [camelizedName]: i18n[key] };
-//       });
+      Locale.add(locales);
+    }
+  },
+});
 
-//       Locale.add(locales);
-//     }
-//   },
-// });
+// switch lang after routing
+if (window.vueRouter) {
+  window.vueRouter.afterEach((to) => {
+    const { lang } = to.meta || {};
 
-// // switch lang after routing
-// if (window.vueRouter) {
-//   window.vueRouter.afterEach((to) => {
-//     const { lang } = to.meta || {};
+    if (lang) {
+      Locale.use(lang);
+    }
+  });
+}
 
-//     if (lang) {
-//       Locale.use(lang);
-//     }
-//   });
-// }
-
-// // add some basic locale messages
-// Locale.add({
-//   'zh-CN': {
-//     add: '增加',
-//     decrease: '减少',
-//     red: '红色',
-//     orange: '橙色',
-//     yellow: '黄色',
-//     purple: '紫色',
-//     tab: '标签',
-//     tag: '标签',
-//     desc: '描述信息',
-//     back: '返回',
-//     title: '标题',
-//     status: '状态',
-//     button: '按钮',
-//     option: '选项',
-//     search: '搜索',
-//     content: '内容',
-//     custom: '自定义',
-//     username: '用户名',
-//     password: '密码',
-//     disabled: '禁用状态',
-//     uneditable: '不可编辑',
-//     basicUsage: '基础用法',
-//     advancedUsage: '高级用法',
-//     loadingStatus: '加载状态',
-//     usernamePlaceholder: '请输入用户名',
-//     passwordPlaceholder: '请输入密码',
-//   },
-//   'en-US': {
-//     add: 'Add',
-//     decrease: 'Decrease',
-//     red: 'Red',
-//     orange: 'Orange',
-//     yellow: 'Yellow',
-//     purple: 'Purple',
-//     tab: 'Tab',
-//     tag: 'Tag',
-//     desc: 'Description',
-//     back: 'Back',
-//     title: 'Title',
-//     status: 'Status',
-//     button: 'Button',
-//     option: 'Option',
-//     search: 'Search',
-//     content: 'Content',
-//     custom: 'Custom',
-//     username: 'Username',
-//     password: 'Password',
-//     loadingStatus: 'Loading',
-//     disabled: 'Disabled',
-//     uneditable: 'Uneditable',
-//     basicUsage: 'Basic Usage',
-//     advancedUsage: 'Advanced Usage',
-//     usernamePlaceholder: 'Username',
-//     passwordPlaceholder: 'Password',
-//   },
-// });
+// add some basic locale messages
+Locale.add({
+  'zh-CN': {
+    add: '增加',
+    decrease: '减少',
+    red: '红色',
+    orange: '橙色',
+    yellow: '黄色',
+    purple: '紫色',
+    tab: '标签',
+    tag: '标签',
+    desc: '描述信息',
+    back: '返回',
+    title: '标题',
+    status: '状态',
+    button: '按钮',
+    option: '选项',
+    search: '搜索',
+    content: '内容',
+    custom: '自定义',
+    username: '用户名',
+    password: '密码',
+    disabled: '禁用状态',
+    uneditable: '不可编辑',
+    basicUsage: '基础用法',
+    advancedUsage: '高级用法',
+    loadingStatus: '加载状态',
+    usernamePlaceholder: '请输入用户名',
+    passwordPlaceholder: '请输入密码',
+  },
+  'en-US': {
+    add: 'Add',
+    decrease: 'Decrease',
+    red: 'Red',
+    orange: 'Orange',
+    yellow: 'Yellow',
+    purple: 'Purple',
+    tab: 'Tab',
+    tag: 'Tag',
+    desc: 'Description',
+    back: 'Back',
+    title: 'Title',
+    status: 'Status',
+    button: 'Button',
+    option: 'Option',
+    search: 'Search',
+    content: 'Content',
+    custom: 'Custom',
+    username: 'Username',
+    password: 'Password',
+    loadingStatus: 'Loading',
+    disabled: 'Disabled',
+    uneditable: 'Uneditable',
+    basicUsage: 'Basic Usage',
+    advancedUsage: 'Advanced Usage',
+    usernamePlaceholder: 'Username',
+    passwordPlaceholder: 'Password',
+  },
+});
diff --git a/src-next/icon/index.js b/src-next/icon/index.js
index 0feda2433..35721b637 100644
--- a/src-next/icon/index.js
+++ b/src-next/icon/index.js
@@ -1,5 +1,5 @@
 // Utils
-import { addUnit, isDef } from '../../src/utils';
+import { addUnit } from '../../src/utils';
 import { createNamespace } from '../utils/create';
 
 // Components
diff --git a/src-next/locale/README.md b/src-next/locale/README.md
new file mode 100644
index 000000000..45e81da88
--- /dev/null
+++ b/src-next/locale/README.md
@@ -0,0 +1,51 @@
+# Internationalization
+
+### Intro
+
+The default language of Vant is Chinese. If you want to use other languages, you can follow the instructions below.
+
+### Switch languages
+
+Vant supports multiple languages with the Locale component, and the `Locale.use` method allows you to switch to different languages.
+
+```js
+import { Locale } from 'vant';
+import enUS from 'vant/lib/locale/lang/en-US';
+
+Locale.use('en-US', enUS);
+```
+
+### Modify default configs
+
+Use `Locale.add` method to modify the default configs.
+
+```js
+import { Locale } from 'vant';
+
+const messages = {
+  'en-US': {
+    vanPicker: {
+      confirm: 'Close',
+    },
+  },
+};
+
+Locale.add(messages);
+```
+
+### Config files
+
+Current supported languages:
+
+| Language                 | Filename |
+| ------------------------ | -------- |
+| Chinese                  | zh-CN    |
+| Traditional Chinese (HK) | zh-HK    |
+| Traditional Chinese (TW) | zh-TW    |
+| English                  | en-US    |
+| Turkish                  | tr-TR    |
+| Spanish (Spain)          | es-ES    |
+| Japanese                 | ja-JP    |
+| Romanian                 | ro-RO    |
+
+> View all language configs [Here](https://github.com/youzan/vant/tree/dev/src/locale/lang).
diff --git a/src-next/locale/README.zh-CN.md b/src-next/locale/README.zh-CN.md
new file mode 100644
index 000000000..87d754e02
--- /dev/null
+++ b/src-next/locale/README.zh-CN.md
@@ -0,0 +1,55 @@
+# 国际化
+
+### 介绍
+
+Vant 默认采用中文作为语言，如果需要使用其他语言，可以参考下面的方案。
+
+### 多语言切换
+
+Vant 通过 Locale 组件实现多语言支持，使用 `Locale.use` 方法可以切换当前使用的语言。
+
+```js
+import { Locale } from 'vant';
+import enUS from 'vant/lib/locale/lang/en-US';
+
+Locale.use('en-US', enUS);
+```
+
+### 修改默认文案
+
+通过 `Locale.add` 方法可以实现文案的修改和扩展，示例如下：
+
+```js
+import { Locale } from 'vant';
+
+const messages = {
+  'zh-CN': {
+    vanPicker: {
+      confirm: '关闭', // 将'确认'修改为'关闭'
+    },
+  },
+};
+
+Locale.add(messages);
+```
+
+### 配置文件
+
+目前支持的语言:
+
+| 语言           | 文件名 |
+| -------------- | ------ |
+| 简体中文       | zh-CN  |
+| 繁體中文（港） | zh-HK  |
+| 繁體中文（台） | zh-TW  |
+| 英语           | en-US  |
+| 土耳其语       | tr-TR  |
+| 西班牙语       | es-ES  |
+| 日语           | ja-JP  |
+| 罗马尼亚语     | ro-RO  |
+
+> 在 [这里](https://github.com/youzan/vant/tree/dev/src/locale/lang) 查看所有的 i18n 配置文件。
+
+### Sku 组件
+
+语言包中默认不包含 Sku 业务组件的语言配置，因此如果有 Sku 组件的国际化需求，请自行配置国际化文案。
diff --git a/src-next/locale/index.ts b/src-next/locale/index.ts
new file mode 100644
index 000000000..6b148cc0b
--- /dev/null
+++ b/src-next/locale/index.ts
@@ -0,0 +1,25 @@
+import { ref } from 'vue';
+import { deepAssign } from '../../src/utils/deep-assign';
+import defaultMessages from './lang/zh-CN';
+
+type Messages = Record<string, Record<string, any>>;
+
+const lang = ref('zh-CN');
+const messages = ref<Messages>({
+  'zh-CN': defaultMessages,
+});
+
+export default {
+  messages() {
+    return messages.value[lang.value];
+  },
+
+  use(newLang: string, newMessages?: object) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
+  },
+
+  add(newMessages = {}) {
+    deepAssign(messages.value, newMessages);
+  },
+};
diff --git a/src-next/locale/lang/en-US.ts b/src-next/locale/lang/en-US.ts
new file mode 100644
index 000000000..99268eae0
--- /dev/null
+++ b/src-next/locale/lang/en-US.ts
@@ -0,0 +1,77 @@
+export default {
+  name: 'Name',
+  tel: 'Phone',
+  save: 'Save',
+  confirm: 'Confirm',
+  cancel: 'Cancel',
+  delete: 'Delete',
+  complete: 'Complete',
+  loading: 'Loading...',
+  telEmpty: 'Please fill in the tel',
+  nameEmpty: 'Please fill in the name',
+  nameInvalid: 'Malformed name',
+  confirmDelete: 'Are you sure you want to delete?',
+  telInvalid: 'Malformed phone number',
+  vanCalendar: {
+    end: 'End',
+    start: 'Start',
+    title: 'Calendar',
+    startEnd: 'Start/End',
+    weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    monthTitle: (year: number, month: number) => `${year}/${month}`,
+    rangePrompt: (maxRange: number) => `Choose no more than ${maxRange} days`,
+  },
+  vanContactCard: {
+    addText: 'Add contact info',
+  },
+  vanContactList: {
+    addText: 'Add new contact',
+  },
+  vanPagination: {
+    prev: 'Previous',
+    next: 'Next',
+  },
+  vanPullRefresh: {
+    pulling: 'Pull to refresh...',
+    loosing: 'Loose to refresh...',
+  },
+  vanSubmitBar: {
+    label: 'Total：',
+  },
+  vanCoupon: {
+    unlimited: 'Unlimited',
+    discount: (discount: number) => `${discount * 10}% off`,
+    condition: (condition: number) => `At least ${condition}`,
+  },
+  vanCouponCell: {
+    title: 'Coupon',
+    tips: 'No coupons',
+    count: (count: number) => `You have ${count} coupons`,
+  },
+  vanCouponList: {
+    empty: 'No coupons',
+    exchange: 'Exchange',
+    close: 'Close',
+    enable: 'Available',
+    disabled: 'Unavailable',
+    placeholder: 'Coupon code',
+  },
+  vanAddressEdit: {
+    area: 'Area',
+    postal: 'Postal',
+    areaEmpty: 'Please select a receiving area',
+    addressEmpty: 'Address can not be empty',
+    postalEmpty: 'Wrong postal code',
+    defaultAddress: 'Set as the default address',
+    telPlaceholder: 'Phone',
+    namePlaceholder: 'Name',
+    areaPlaceholder: 'Area',
+  },
+  vanAddressEditDetail: {
+    label: 'Address',
+    placeholder: 'Address',
+  },
+  vanAddressList: {
+    add: 'Add new address',
+  },
+};
diff --git a/src-next/locale/lang/es-ES.ts b/src-next/locale/lang/es-ES.ts
new file mode 100644
index 000000000..85dc38d7f
--- /dev/null
+++ b/src-next/locale/lang/es-ES.ts
@@ -0,0 +1,77 @@
+export default {
+  name: 'Nombre',
+  tel: 'Teléfono',
+  save: 'Guardar',
+  confirm: 'Confirmar',
+  cancel: 'Cancelar',
+  delete: 'Eliminar',
+  complete: 'Completado',
+  loading: 'Cargando...',
+  telEmpty: 'Por favor rellena el teléfono',
+  nameEmpty: 'Por favor rellena el nombre',
+  nameInvalid: 'nombre inválido',
+  confirmDelete: 'Estás seguro de eliminarlo?',
+  telInvalid: 'Teléfono inválido',
+  vanCalendar: {
+    end: 'Fin',
+    start: 'Inicio',
+    title: 'Calendario',
+    startEnd: 'Inicio/Fin',
+    weekdays: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
+    monthTitle: (year: number, month: number) => `${year}/${month}`,
+    rangePrompt: (maxRange: number) => `Elija no más de ${maxRange} días`,
+  },
+  vanContactCard: {
+    addText: 'Añadir información de contacto',
+  },
+  vanContactList: {
+    addText: 'Añadir nuevo contacto',
+  },
+  vanPagination: {
+    prev: 'Anterior',
+    next: 'Siguiente',
+  },
+  vanPullRefresh: {
+    pulling: 'Tira para recargar...',
+    loosing: 'Suelta para recargar...',
+  },
+  vanSubmitBar: {
+    label: 'Total：',
+  },
+  vanCoupon: {
+    unlimited: 'Ilimitado',
+    discount: (discount: number) => `${discount * 10}% de descuento`,
+    condition: (condition: number) => `Al menos ${condition}`,
+  },
+  vanCouponCell: {
+    title: 'Cupón',
+    tips: 'Sin cupones',
+    count: (count: number) => `You have ${count} coupons`,
+  },
+  vanCouponList: {
+    empty: 'Sin cupones',
+    exchange: 'Intercambio',
+    close: 'Cerrar',
+    enable: 'Disponible',
+    disabled: 'No disponible',
+    placeholder: 'Código del cupón',
+  },
+  vanAddressEdit: {
+    area: 'Área',
+    postal: 'Código Postal',
+    areaEmpty: 'Por favor selecciona una área de recogida',
+    addressEmpty: 'La dirección no puede estar vacia',
+    postalEmpty: 'Código postal inválido',
+    defaultAddress: 'Establecer como dirección por defecto',
+    telPlaceholder: 'Teléfono',
+    namePlaceholder: 'Nombre',
+    areaPlaceholder: 'Área',
+  },
+  vanAddressEditDetail: {
+    label: 'Dirección',
+    placeholder: 'Dirección',
+  },
+  vanAddressList: {
+    add: 'Anadir dirección',
+  },
+};
diff --git a/src-next/locale/lang/ja-JP.ts b/src-next/locale/lang/ja-JP.ts
new file mode 100644
index 000000000..83e2b9497
--- /dev/null
+++ b/src-next/locale/lang/ja-JP.ts
@@ -0,0 +1,78 @@
+export default {
+  name: 'お名前',
+  tel: '電話番号',
+  save: 'セーブ',
+  confirm: '確認',
+  cancel: 'キャンセル',
+  delete: '削除',
+  complete: '完了',
+  loading: '読み込み中...',
+  telEmpty: '電話番号を入力してください',
+  nameEmpty: '名前を入力してください',
+  nameInvalid: '正しい名前を入力してください',
+  confirmDelete: '本当に削除しますか',
+  telInvalid: '正しい電話番号を入力してください',
+  vanCalendar: {
+    end: '終了',
+    start: '開始',
+    title: '日付選択',
+    confirm: '確認',
+    startEnd: '開始/終了',
+    weekdays: ['日', '月', '火', '水', '木', '金', '土'],
+    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+    rangePrompt: (maxRange: number) => `${maxRange}日以内を選択してください`,
+  },
+  vanContactCard: {
+    addText: '連絡先を追加',
+  },
+  vanContactList: {
+    addText: '新しい連絡先を追加',
+  },
+  vanPagination: {
+    prev: '前のページ',
+    next: '次のページ',
+  },
+  vanPullRefresh: {
+    pulling: 'プルダウンして更新...',
+    loosing: 'リリース時に更新...',
+  },
+  vanSubmitBar: {
+    label: '合計：',
+  },
+  vanCoupon: {
+    unlimited: '入場ありません',
+    discount: (discount: number) => `${10 - discount}割引`,
+    condition: (condition: number) => `${condition}円以上で利用可能`,
+  },
+  vanCouponCell: {
+    title: 'クーポン',
+    tips: '利用可能なクーポンがありません',
+    count: (count: number) => `${count}枚が利用可能`,
+  },
+  vanCouponList: {
+    empty: 'クーポンはありません',
+    exchange: '両替',
+    close: 'クーポンを使用しません',
+    enable: '利用可能',
+    disabled: '利用できません',
+    placeholder: '割引コードを入力してください',
+  },
+  vanAddressEdit: {
+    area: '地域',
+    postal: '郵便番号',
+    areaEmpty: '地域を選択してください',
+    addressEmpty: '詳しい住所を入力してください',
+    postalEmpty: '邮政编码格式不正确',
+    defaultAddress: 'デフォルトの住所に設定',
+    telPlaceholder: '荷受人の携帯番号',
+    namePlaceholder: '荷受人の名前',
+    areaPlaceholder: '县 / 市 / 町を選択',
+  },
+  vanAddressEditDetail: {
+    label: '詳しい住所',
+    placeholder: '番地、階の部屋番号など',
+  },
+  vanAddressList: {
+    add: '住所を追加',
+  },
+};
diff --git a/src-next/locale/lang/ro-RO.ts b/src-next/locale/lang/ro-RO.ts
new file mode 100644
index 000000000..95ec534db
--- /dev/null
+++ b/src-next/locale/lang/ro-RO.ts
@@ -0,0 +1,77 @@
+export default {
+  name: 'Nume',
+  tel: 'Telefon',
+  save: 'Salvează',
+  confirm: 'Confirmă',
+  cancel: 'Anulează',
+  delete: 'Șterge',
+  complete: 'Finalizează',
+  loading: 'Încărcare...',
+  telEmpty: 'Te rugăm să completezi telefonul',
+  nameEmpty: 'Te rugăm să completezi numele',
+  nameInvalid: 'Nume incorect',
+  confirmDelete: 'Ești sigur ca vrei sa stergi?',
+  telInvalid: 'Număr de telefon invalid',
+  vanCalendar: {
+    end: 'Sfârșit',
+    start: 'Început',
+    title: 'Calendar',
+    startEnd: 'Început/Sfârsit',
+    weekdays: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
+    monthTitle: (year: number, month: number) => `${year}/${month}`,
+    rangePrompt: (maxRange: number) => `Alege maxim ${maxRange} zile`,
+  },
+  vanContactCard: {
+    addText: 'Adaugă informațiile de contact',
+  },
+  vanContactList: {
+    addText: 'Adaugă contact nou',
+  },
+  vanPagination: {
+    prev: 'Precedenta',
+    next: 'Urmatoarea',
+  },
+  vanPullRefresh: {
+    pulling: 'Trage pentru a da împrospăta...',
+    loosing: 'Eliberează pentru a împrospăta...',
+  },
+  vanSubmitBar: {
+    label: 'Total：',
+  },
+  vanCoupon: {
+    unlimited: 'Nelimitat',
+    discount: (discount: number) => `${discount * 10}% discount`,
+    condition: (condition: number) => `Cel puțin ${condition}`,
+  },
+  vanCouponCell: {
+    title: 'Cupon',
+    tips: 'Fără cupoane',
+    count: (count: number) => `Ai ${count} cupoane`,
+  },
+  vanCouponList: {
+    empty: 'Fără cupoane',
+    exchange: 'Schimbă',
+    close: 'Închide',
+    enable: 'Disponibil',
+    disabled: 'Indisponibil',
+    placeholder: 'Cod cupon',
+  },
+  vanAddressEdit: {
+    area: 'Zonă',
+    postal: 'Cod postal',
+    areaEmpty: 'Te rugăm sa selectezi o zona de primire',
+    addressEmpty: 'Adresa nu poate fi goală',
+    postalEmpty: 'Cod postal invalid',
+    defaultAddress: 'Setează ca adresă de pornire',
+    telPlaceholder: 'Telefon',
+    namePlaceholder: 'Nume',
+    areaPlaceholder: 'Zonă',
+  },
+  vanAddressEditDetail: {
+    label: 'Adresă',
+    placeholder: 'Adresă',
+  },
+  vanAddressList: {
+    add: 'Adaugă adresă nouă',
+  },
+};
diff --git a/src-next/locale/lang/tr-TR.ts b/src-next/locale/lang/tr-TR.ts
new file mode 100644
index 000000000..76218b8fa
--- /dev/null
+++ b/src-next/locale/lang/tr-TR.ts
@@ -0,0 +1,77 @@
+export default {
+  name: 'İsim',
+  tel: 'Telefon',
+  save: 'Kaydet',
+  confirm: 'Onayla',
+  cancel: 'İptal',
+  delete: 'Sil',
+  complete: 'Tamamla',
+  loading: 'Yükleniyor...',
+  telEmpty: 'Lütfen tel. no giriniz',
+  nameEmpty: 'Lütfen isim giriniz',
+  nameInvalid: 'Geçersiz isim',
+  confirmDelete: 'Silmek istediğinize emin misiniz?',
+  telInvalid: 'Geçersiz tel. numarası',
+  vanCalendar: {
+    end: 'Son',
+    start: 'Başlat',
+    title: 'Takvim',
+    startEnd: 'Başlat/Son',
+    weekdays: ['Paz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
+    monthTitle: (year: number, month: number) => `${year}/${month}`,
+    rangePrompt: (maxRange: number) => `En fazla ${maxRange} gün seçin`,
+  },
+  vanContactCard: {
+    addText: 'Kişi bilgisi ekle',
+  },
+  vanContactList: {
+    addText: 'Yeni kişi ekle',
+  },
+  vanPagination: {
+    prev: 'Önceki',
+    next: 'Sonraki',
+  },
+  vanPullRefresh: {
+    pulling: 'Yenilemek için çekin...',
+    loosing: 'Yenilemek için bırakın...',
+  },
+  vanSubmitBar: {
+    label: 'Toplam:',
+  },
+  vanCoupon: {
+    unlimited: 'Sınırsız',
+    discount: (discount: number) => `%${discount * 10} indirim`,
+    condition: (condition: number) => `En az ${condition}`,
+  },
+  vanCouponCell: {
+    title: 'Kupon',
+    tips: 'Kupon yok',
+    count: (count: number) => `${count} adet teklif var`,
+  },
+  vanCouponList: {
+    empty: 'Kupon yok',
+    exchange: 'Takas',
+    close: 'Kapat',
+    enable: 'Mevcut',
+    disabled: 'Mevcut değil',
+    placeholder: 'Kupon kodu',
+  },
+  vanAddressEdit: {
+    area: 'Alan',
+    postal: 'Posta',
+    areaEmpty: 'Lütfen alıcı alanını seçin',
+    addressEmpty: 'Adres boş olamaz!',
+    postalEmpty: 'Yanlış posta kodu',
+    defaultAddress: 'Varsayılan adres olarak ayarla',
+    telPlaceholder: 'Telefone',
+    namePlaceholder: 'İsim',
+    areaPlaceholder: 'Alan',
+  },
+  vanAddressEditDetail: {
+    label: 'Adres',
+    placeholder: 'Adres',
+  },
+  vanAddressList: {
+    add: 'Yeni adres ekle',
+  },
+};
diff --git a/src-next/locale/lang/zh-CN.ts b/src-next/locale/lang/zh-CN.ts
new file mode 100644
index 000000000..c9010ff82
--- /dev/null
+++ b/src-next/locale/lang/zh-CN.ts
@@ -0,0 +1,78 @@
+export default {
+  name: '姓名',
+  tel: '电话',
+  save: '保存',
+  confirm: '确认',
+  cancel: '取消',
+  delete: '删除',
+  complete: '完成',
+  loading: '加载中...',
+  telEmpty: '请填写电话',
+  nameEmpty: '请填写姓名',
+  nameInvalid: '请输入正确的姓名',
+  confirmDelete: '确定要删除吗',
+  telInvalid: '请输入正确的手机号',
+  vanCalendar: {
+    end: '结束',
+    start: '开始',
+    title: '日期选择',
+    confirm: '确定',
+    startEnd: '开始/结束',
+    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
+    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+    rangePrompt: (maxRange: number) => `选择天数不能超过 ${maxRange} 天`,
+  },
+  vanContactCard: {
+    addText: '添加联系人',
+  },
+  vanContactList: {
+    addText: '新建联系人',
+  },
+  vanPagination: {
+    prev: '上一页',
+    next: '下一页',
+  },
+  vanPullRefresh: {
+    pulling: '下拉即可刷新...',
+    loosing: '释放即可刷新...',
+  },
+  vanSubmitBar: {
+    label: '合计：',
+  },
+  vanCoupon: {
+    unlimited: '无使用门槛',
+    discount: (discount: number) => `${discount}折`,
+    condition: (condition: number) => `满${condition}元可用`,
+  },
+  vanCouponCell: {
+    title: '优惠券',
+    tips: '暂无可用',
+    count: (count: number) => `${count}张可用`,
+  },
+  vanCouponList: {
+    empty: '暂无优惠券',
+    exchange: '兑换',
+    close: '不使用优惠券',
+    enable: '可用',
+    disabled: '不可用',
+    placeholder: '请输入优惠码',
+  },
+  vanAddressEdit: {
+    area: '地区',
+    postal: '邮政编码',
+    areaEmpty: '请选择地区',
+    addressEmpty: '请填写详细地址',
+    postalEmpty: '邮政编码格式不正确',
+    defaultAddress: '设为默认收货地址',
+    telPlaceholder: '收货人手机号',
+    namePlaceholder: '收货人姓名',
+    areaPlaceholder: '选择省 / 市 / 区',
+  },
+  vanAddressEditDetail: {
+    label: '详细地址',
+    placeholder: '街道门牌、楼层房间号等信息',
+  },
+  vanAddressList: {
+    add: '新增地址',
+  },
+};
diff --git a/src-next/locale/lang/zh-HK.ts b/src-next/locale/lang/zh-HK.ts
new file mode 100644
index 000000000..3d567b08f
--- /dev/null
+++ b/src-next/locale/lang/zh-HK.ts
@@ -0,0 +1,78 @@
+export default {
+  name: '姓名',
+  tel: '電話',
+  save: '保存',
+  confirm: '確認',
+  cancel: '取消',
+  delete: '刪除',
+  complete: '完成',
+  loading: '加載中...',
+  telEmpty: '請填寫電話',
+  nameEmpty: '請填寫姓名',
+  nameInvalid: '請輸入正確的姓名',
+  confirmDelete: '確定要刪除嗎',
+  telInvalid: '請填寫正確的電話',
+  vanCalendar: {
+    end: '結束',
+    start: '開始',
+    title: '日期選擇',
+    confirm: '確定',
+    startEnd: '開始/結束',
+    weekdays: ['日', '壹', '二', '三', '四', '五', '六'],
+    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+    rangePrompt: (maxRange: number) => `選擇天數不能超過 ${maxRange} 天`,
+  },
+  vanContactCard: {
+    addText: '添加聯系人',
+  },
+  vanContactList: {
+    addText: '新建聯系人',
+  },
+  vanPagination: {
+    prev: '上一頁',
+    next: '下一頁',
+  },
+  vanPullRefresh: {
+    pulling: '下拉即可刷新...',
+    loosing: '釋放即可刷新...',
+  },
+  vanSubmitBar: {
+    label: '合計：',
+  },
+  vanCoupon: {
+    unlimited: '無使用門檻',
+    discount: (discount: number) => `${discount}折`,
+    condition: (condition: number) => `滿${condition}元可用`,
+  },
+  vanCouponCell: {
+    title: '優惠券',
+    tips: '暫無可用',
+    count: (count: number) => `${count}張可用`,
+  },
+  vanCouponList: {
+    empty: '暫無優惠券',
+    exchange: '兌換',
+    close: '不使用優惠',
+    enable: '可使用優惠券',
+    disabled: '不可使用優惠券',
+    placeholder: '請輸入優惠碼',
+  },
+  vanAddressEdit: {
+    area: '地區',
+    postal: '郵政編碼',
+    areaEmpty: '請選擇地區',
+    addressEmpty: '請填寫詳細地址',
+    postalEmpty: '郵政編碼格式不正確',
+    defaultAddress: '設為默認收貨地址',
+    telPlaceholder: '收貨人手機號',
+    namePlaceholder: '收貨人姓名',
+    areaPlaceholder: '選擇省 / 市 / 區',
+  },
+  vanAddressEditDetail: {
+    label: '詳細地址',
+    placeholder: '街道門牌、樓層房間號等信息',
+  },
+  vanAddressList: {
+    add: '新增地址',
+  },
+};
diff --git a/src-next/locale/lang/zh-TW.ts b/src-next/locale/lang/zh-TW.ts
new file mode 100644
index 000000000..aecda17ec
--- /dev/null
+++ b/src-next/locale/lang/zh-TW.ts
@@ -0,0 +1,78 @@
+export default {
+  name: '姓名',
+  tel: '電話',
+  save: '儲存',
+  confirm: '確認',
+  cancel: '取消',
+  delete: '刪除',
+  complete: '完成',
+  loading: '載入中...',
+  telEmpty: '請填寫電話',
+  nameEmpty: '請填寫姓名',
+  nameInvalid: '請輸入正確的姓名',
+  confirmDelete: '確定要刪除嗎',
+  telInvalid: '請填寫正確的電話',
+  vanCalendar: {
+    end: '結束',
+    start: '開始',
+    title: '日期選擇',
+    confirm: '確定',
+    startEnd: '開始/結束',
+    weekdays: ['日', '壹', '二', '三', '四', '五', '六'],
+    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+    rangePrompt: (maxRange: number) => `選擇天數不能超過 ${maxRange} 天`,
+  },
+  vanContactCard: {
+    addText: '新增聯絡人',
+  },
+  vanContactList: {
+    addText: '建立聯絡人',
+  },
+  vanPagination: {
+    prev: '上一頁',
+    next: '下一頁',
+  },
+  vanPullRefresh: {
+    pulling: '下拉即可刷新...',
+    loosing: '釋放即可刷新...',
+  },
+  vanSubmitBar: {
+    label: '合計：',
+  },
+  vanCoupon: {
+    unlimited: '無使用門檻',
+    discount: (discount: number) => `${discount}折`,
+    condition: (condition: number) => `滿${condition}元可用`,
+  },
+  vanCouponCell: {
+    title: '優惠券',
+    tips: '暫無可用',
+    count: (count: number) => `${count}張可用`,
+  },
+  vanCouponList: {
+    empty: '暫無優惠券',
+    exchange: '兌換',
+    close: '不使用優惠',
+    enable: '可使用優惠券',
+    disabled: '不可使用優惠券',
+    placeholder: '請輸入優惠代碼',
+  },
+  vanAddressEdit: {
+    area: '地區',
+    postal: '郵遞區號',
+    areaEmpty: '請選擇地區',
+    addressEmpty: '請填寫詳細地址',
+    postalEmpty: '郵遞區號格式不正確',
+    defaultAddress: '設為預設收貨地址',
+    telPlaceholder: '收貨人手機號碼',
+    namePlaceholder: '收貨人姓名',
+    areaPlaceholder: '選擇縣 / 市',
+  },
+  vanAddressEditDetail: {
+    label: '詳細地址',
+    placeholder: '街道門牌、樓層房號等資訊',
+  },
+  vanAddressList: {
+    add: '新增地址',
+  },
+};
diff --git a/src-next/utils/create/i18n.ts b/src-next/utils/create/i18n.ts
new file mode 100644
index 000000000..7236fbc6b
--- /dev/null
+++ b/src-next/utils/create/i18n.ts
@@ -0,0 +1,16 @@
+import { get, isFunction } from '../../../src/utils';
+import { camelize } from '../../../src/utils/format/string';
+import locale from '../../locale';
+
+export function createI18N(name: string) {
+  const prefix = camelize(name) + '.';
+
+  return function (path: string, ...args: any[]): string {
+    const messages = locale.messages();
+    const message = get(messages, prefix + path) || get(messages, path);
+
+    return isFunction(message) ? message(...args) : message;
+  };
+}
+
+export type Translate = ReturnType<typeof createI18N>;
diff --git a/src-next/utils/create/index.ts b/src-next/utils/create/index.ts
index 0b89a657b..8a7b40bcf 100644
--- a/src-next/utils/create/index.ts
+++ b/src-next/utils/create/index.ts
@@ -1,11 +1,11 @@
 import { createBEM, BEM } from './bem';
 import { createComponent } from './component';
-// import { createI18N, Translate } from './i18n';
+import { createI18N, Translate } from './i18n';
 
 type CreateNamespaceReturn = [
   ReturnType<typeof createComponent>,
   BEM,
-  // Translate
+  Translate
 ];
 
 export function createNamespace(name: string): CreateNamespaceReturn {
@@ -13,6 +13,6 @@ export function createNamespace(name: string): CreateNamespaceReturn {
   return [
     createComponent(name),
     createBEM(name),
-    // createI18N(name)
+    createI18N(name)
   ];
 }
diff --git a/src/utils/index.ts b/src/utils/index.ts
index b17f4eabc..feffd5dbf 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,9 +1,9 @@
-import Vue from 'vue';
+// import Vue from 'vue';
 
-export { createNamespace } from './create';
+// export { createNamespace } from './create';
 export { addUnit } from './format/unit';
 
-export const isServer: boolean = Vue.prototype.$isServer;
+// export const isServer: boolean = Vue.prototype.$isServer;
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}

From 12faaa21795c8a9f918e4e363b2d024a1cc133d3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 08:32:49 +0800
Subject: [PATCH 025/626] chore: move utils

---
 src-next/utils/constant.ts         |  14 +++
 src-next/utils/create/i18n.ts      |   4 +-
 src-next/utils/deep-assign.ts      |  27 ++++++
 src-next/utils/deep-clone.ts       |  13 +++
 src-next/utils/dom/event.ts        |  56 ++++++++++++
 src-next/utils/dom/node.ts         |   7 ++
 src-next/utils/dom/raf.ts          |  40 ++++++++
 src-next/utils/dom/reset-scroll.ts |  16 ++++
 src-next/utils/dom/scroll.ts       |  90 ++++++++++++++++++
 src-next/utils/dom/style.ts        |  11 +++
 src-next/utils/format/number.ts    |  31 +++++++
 src-next/utils/format/string.ts    |  15 +++
 src-next/utils/format/unit.ts      |  43 +++++++++
 src-next/utils/functional.ts       |  71 +++++++++++++++
 src-next/utils/index.ts            |  32 +++++++
 src-next/utils/router.ts           |  54 +++++++++++
 src-next/utils/test/bem.spec.js    |  39 ++++++++
 src-next/utils/test/index.spec.js  | 142 +++++++++++++++++++++++++++++
 src-next/utils/types.ts            |  40 ++++++++
 src-next/utils/vnodes.ts           |  33 +++++++
 20 files changed, 776 insertions(+), 2 deletions(-)
 create mode 100644 src-next/utils/constant.ts
 create mode 100644 src-next/utils/deep-assign.ts
 create mode 100644 src-next/utils/deep-clone.ts
 create mode 100644 src-next/utils/dom/event.ts
 create mode 100644 src-next/utils/dom/node.ts
 create mode 100644 src-next/utils/dom/raf.ts
 create mode 100644 src-next/utils/dom/reset-scroll.ts
 create mode 100644 src-next/utils/dom/scroll.ts
 create mode 100644 src-next/utils/dom/style.ts
 create mode 100644 src-next/utils/format/number.ts
 create mode 100644 src-next/utils/format/string.ts
 create mode 100644 src-next/utils/format/unit.ts
 create mode 100644 src-next/utils/functional.ts
 create mode 100644 src-next/utils/index.ts
 create mode 100644 src-next/utils/router.ts
 create mode 100644 src-next/utils/test/bem.spec.js
 create mode 100644 src-next/utils/test/index.spec.js
 create mode 100644 src-next/utils/types.ts
 create mode 100644 src-next/utils/vnodes.ts

diff --git a/src-next/utils/constant.ts b/src-next/utils/constant.ts
new file mode 100644
index 000000000..eb6563daf
--- /dev/null
+++ b/src-next/utils/constant.ts
@@ -0,0 +1,14 @@
+// color
+export const RED = '#ee0a24';
+export const BLUE = '#1989fa';
+export const GREEN = '#07c160';
+export const WHITE = '#fff';
+
+// border
+export const BORDER = 'van-hairline';
+export const BORDER_TOP = `${BORDER}--top`;
+export const BORDER_LEFT = `${BORDER}--left`;
+export const BORDER_BOTTOM = `${BORDER}--bottom`;
+export const BORDER_SURROUND = `${BORDER}--surround`;
+export const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
+export const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
diff --git a/src-next/utils/create/i18n.ts b/src-next/utils/create/i18n.ts
index 7236fbc6b..37da6501d 100644
--- a/src-next/utils/create/i18n.ts
+++ b/src-next/utils/create/i18n.ts
@@ -1,5 +1,5 @@
-import { get, isFunction } from '../../../src/utils';
-import { camelize } from '../../../src/utils/format/string';
+import { get, isFunction } from '..';
+import { camelize } from '../format/string';
 import locale from '../../locale';
 
 export function createI18N(name: string) {
diff --git a/src-next/utils/deep-assign.ts b/src-next/utils/deep-assign.ts
new file mode 100644
index 000000000..6a175c57a
--- /dev/null
+++ b/src-next/utils/deep-assign.ts
@@ -0,0 +1,27 @@
+import { isDef, isObject } from '.';
+import { ObjectIndex } from './types';
+
+const { hasOwnProperty } = Object.prototype;
+
+function assignKey(to: ObjectIndex, from: ObjectIndex, key: string) {
+  const val = from[key];
+
+  if (!isDef(val)) {
+    return;
+  }
+
+  if (!hasOwnProperty.call(to, key) || !isObject(val)) {
+    to[key] = val;
+  } else {
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    to[key] = deepAssign(Object(to[key]), from[key]);
+  }
+}
+
+export function deepAssign(to: ObjectIndex, from: ObjectIndex): ObjectIndex {
+  Object.keys(from).forEach((key) => {
+    assignKey(to, from, key);
+  });
+
+  return to;
+}
diff --git a/src-next/utils/deep-clone.ts b/src-next/utils/deep-clone.ts
new file mode 100644
index 000000000..254b8e6b1
--- /dev/null
+++ b/src-next/utils/deep-clone.ts
@@ -0,0 +1,13 @@
+import { deepAssign } from './deep-assign';
+
+export function deepClone(obj: object): object {
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+
+  if (typeof obj === 'object') {
+    return deepAssign({}, obj);
+  }
+
+  return obj;
+}
diff --git a/src-next/utils/dom/event.ts b/src-next/utils/dom/event.ts
new file mode 100644
index 000000000..459e581f1
--- /dev/null
+++ b/src-next/utils/dom/event.ts
@@ -0,0 +1,56 @@
+import { isServer } from '..';
+import { EventHandler } from '../types';
+
+// eslint-disable-next-line import/no-mutable-exports
+export let supportsPassive = false;
+
+if (!isServer) {
+  try {
+    const opts = {};
+    Object.defineProperty(opts, 'passive', {
+      // eslint-disable-next-line getter-return
+      get() {
+        /* istanbul ignore next */
+        supportsPassive = true;
+      },
+    });
+    window.addEventListener('test-passive', null as any, opts);
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+}
+
+export function on(
+  target: EventTarget,
+  event: string,
+  handler: EventHandler,
+  passive = false
+) {
+  if (!isServer) {
+    target.addEventListener(
+      event,
+      handler,
+      supportsPassive ? { capture: false, passive } : false
+    );
+  }
+}
+
+export function off(target: EventTarget, event: string, handler: EventHandler) {
+  if (!isServer) {
+    target.removeEventListener(event, handler);
+  }
+}
+
+export function stopPropagation(event: Event) {
+  event.stopPropagation();
+}
+
+export function preventDefault(event: Event, isStopPropagation?: boolean) {
+  /* istanbul ignore else */
+  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+    event.preventDefault();
+  }
+
+  if (isStopPropagation) {
+    stopPropagation(event);
+  }
+}
diff --git a/src-next/utils/dom/node.ts b/src-next/utils/dom/node.ts
new file mode 100644
index 000000000..07756867a
--- /dev/null
+++ b/src-next/utils/dom/node.ts
@@ -0,0 +1,7 @@
+export function removeNode(el: Node) {
+  const parent = el.parentNode;
+
+  if (parent) {
+    parent.removeChild(el);
+  }
+}
diff --git a/src-next/utils/dom/raf.ts b/src-next/utils/dom/raf.ts
new file mode 100644
index 000000000..fa32db10b
--- /dev/null
+++ b/src-next/utils/dom/raf.ts
@@ -0,0 +1,40 @@
+/**
+ * requestAnimationFrame polyfill
+ */
+
+import { isServer } from '..';
+
+let prev = Date.now();
+
+/* istanbul ignore next */
+function fallback(fn: FrameRequestCallback): number {
+  const curr = Date.now();
+  const ms = Math.max(0, 16 - (curr - prev));
+  const id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+}
+
+/* istanbul ignore next */
+const root = (isServer ? global : window) as Window;
+
+/* istanbul ignore next */
+const iRaf = root.requestAnimationFrame || fallback;
+
+/* istanbul ignore next */
+const iCancel = root.cancelAnimationFrame || root.clearTimeout;
+
+export function raf(fn: FrameRequestCallback): number {
+  return iRaf.call(root, fn);
+}
+
+// double raf for animation
+export function doubleRaf(fn: FrameRequestCallback): void {
+  raf(() => {
+    raf(fn);
+  });
+}
+
+export function cancelRaf(id: number) {
+  iCancel.call(root, id);
+}
diff --git a/src-next/utils/dom/reset-scroll.ts b/src-next/utils/dom/reset-scroll.ts
new file mode 100644
index 000000000..8cdf18a40
--- /dev/null
+++ b/src-next/utils/dom/reset-scroll.ts
@@ -0,0 +1,16 @@
+/**
+ * Hack for iOS12 page scroll
+ * https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
+ */
+
+import { isIOS as checkIsIOS } from '../validate/system';
+import { getRootScrollTop, setRootScrollTop } from './scroll';
+
+const isIOS = checkIsIOS();
+
+/* istanbul ignore next */
+export function resetScroll() {
+  if (isIOS) {
+    setRootScrollTop(getRootScrollTop());
+  }
+}
diff --git a/src-next/utils/dom/scroll.ts b/src-next/utils/dom/scroll.ts
new file mode 100644
index 000000000..aa3f7f571
--- /dev/null
+++ b/src-next/utils/dom/scroll.ts
@@ -0,0 +1,90 @@
+type ScrollElement = HTMLElement | Window;
+
+function isWindow(val: unknown): val is Window {
+  return val === window;
+}
+
+// get nearest scroll element
+// http://w3help.org/zh-cn/causes/SD9013
+// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
+const overflowScrollReg = /scroll|auto/i;
+export function getScroller(el: HTMLElement, root: ScrollElement = window) {
+  let node = el;
+
+  while (
+    node &&
+    node.tagName !== 'HTML' &&
+    node.nodeType === 1 &&
+    node !== root
+  ) {
+    const { overflowY } = window.getComputedStyle(node);
+
+    if (overflowScrollReg.test(overflowY)) {
+      if (node.tagName !== 'BODY') {
+        return node;
+      }
+
+      // see: https://github.com/youzan/vant/issues/3823
+      const { overflowY: htmlOverflowY } = window.getComputedStyle(
+        node.parentNode as Element
+      );
+
+      if (overflowScrollReg.test(htmlOverflowY)) {
+        return node;
+      }
+    }
+    node = node.parentNode as HTMLElement;
+  }
+
+  return root;
+}
+
+export function getScrollTop(el: ScrollElement): number {
+  return 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
+}
+
+export function setScrollTop(el: ScrollElement, value: number) {
+  if ('scrollTop' in el) {
+    el.scrollTop = value;
+  } else {
+    el.scrollTo(el.scrollX, value);
+  }
+}
+
+export function getRootScrollTop(): number {
+  return (
+    window.pageYOffset ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop ||
+    0
+  );
+}
+
+export function setRootScrollTop(value: number) {
+  setScrollTop(window, value);
+  setScrollTop(document.body, value);
+}
+
+// get distance from element top to page top or scroller top
+export function getElementTop(el: ScrollElement, scroller?: HTMLElement) {
+  if (isWindow(el)) {
+    return 0;
+  }
+
+  const scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
+  return el.getBoundingClientRect().top + scrollTop;
+}
+
+export function getVisibleHeight(el: ScrollElement) {
+  if (isWindow(el)) {
+    return el.innerHeight;
+  }
+  return el.getBoundingClientRect().height;
+}
+
+export function getVisibleTop(el: ScrollElement) {
+  if (isWindow(el)) {
+    return 0;
+  }
+  return el.getBoundingClientRect().top;
+}
diff --git a/src-next/utils/dom/style.ts b/src-next/utils/dom/style.ts
new file mode 100644
index 000000000..e3fe897b1
--- /dev/null
+++ b/src-next/utils/dom/style.ts
@@ -0,0 +1,11 @@
+export function isHidden(el: HTMLElement) {
+  const style = window.getComputedStyle(el);
+  const hidden = style.display === 'none';
+
+  // offsetParent returns null in the following situations:
+  // 1. The element or its parent element has the display property set to none.
+  // 2. The element has the position property set to fixed
+  const parentHidden = el.offsetParent === null && style.position !== 'fixed';
+
+  return hidden || parentHidden;
+}
diff --git a/src-next/utils/format/number.ts b/src-next/utils/format/number.ts
new file mode 100644
index 000000000..85ca889b5
--- /dev/null
+++ b/src-next/utils/format/number.ts
@@ -0,0 +1,31 @@
+export function range(num: number, min: number, max: number): number {
+  return Math.min(Math.max(num, min), max);
+}
+
+function trimExtraChar(value: string, char: string, regExp: RegExp) {
+  const index = value.indexOf(char);
+
+  if (index === -1) {
+    return value;
+  }
+
+  if (char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+
+export function formatNumber(value: string, allowDot?: boolean) {
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.split('.')[0];
+  }
+
+  value = trimExtraChar(value, '-', /-/g);
+
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+
+  return value.replace(regExp, '');
+}
diff --git a/src-next/utils/format/string.ts b/src-next/utils/format/string.ts
new file mode 100644
index 000000000..f801d910b
--- /dev/null
+++ b/src-next/utils/format/string.ts
@@ -0,0 +1,15 @@
+const camelizeRE = /-(\w)/g;
+
+export function camelize(str: string): string {
+  return str.replace(camelizeRE, (_, c) => c.toUpperCase());
+}
+
+export function padZero(num: number | string, targetLength = 2): string {
+  let str = num + '';
+
+  while (str.length < targetLength) {
+    str = '0' + str;
+  }
+
+  return str;
+}
diff --git a/src-next/utils/format/unit.ts b/src-next/utils/format/unit.ts
new file mode 100644
index 000000000..b50167e7c
--- /dev/null
+++ b/src-next/utils/format/unit.ts
@@ -0,0 +1,43 @@
+import { isDef } from '..';
+import { isNumeric } from '../validate/number';
+
+export function addUnit(value?: string | number): string | undefined {
+  if (!isDef(value)) {
+    return undefined;
+  }
+
+  value = String(value);
+  return isNumeric(value) ? `${value}px` : value;
+}
+
+// cache
+let rootFontSize: number;
+
+function getRootFontSize() {
+  if (!rootFontSize) {
+    const doc = document.documentElement;
+    const fontSize =
+      doc.style.fontSize || window.getComputedStyle(doc).fontSize;
+
+    rootFontSize = parseFloat(fontSize);
+  }
+
+  return rootFontSize;
+}
+
+function convertRem(value: string) {
+  value = value.replace(/rem/g, '');
+  return +value * getRootFontSize();
+}
+
+export function unitToPx(value: string | number): number {
+  if (typeof value === 'number') {
+    return value;
+  }
+
+  if (value.indexOf('rem') !== -1) {
+    return convertRem(value);
+  }
+
+  return parseFloat(value);
+}
diff --git a/src-next/utils/functional.ts b/src-next/utils/functional.ts
new file mode 100644
index 000000000..b2ef48688
--- /dev/null
+++ b/src-next/utils/functional.ts
@@ -0,0 +1,71 @@
+import Vue, { RenderContext, VNodeData } from 'vue';
+import { ObjectIndex } from './types';
+
+type Context = RenderContext & { data: VNodeData & ObjectIndex };
+
+type InheritContext = Partial<VNodeData> & ObjectIndex;
+
+const inheritKey = [
+  'ref',
+  'style',
+  'class',
+  'attrs',
+  'nativeOn',
+  'directives',
+  'staticClass',
+  'staticStyle',
+];
+
+const mapInheritKey: ObjectIndex = { nativeOn: 'on' };
+
+// inherit partial context, map nativeOn to on
+export function inherit(
+  context: Context,
+  inheritListeners?: boolean
+): InheritContext {
+  const result = inheritKey.reduce((obj, key) => {
+    if (context.data[key]) {
+      obj[mapInheritKey[key] || key] = context.data[key];
+    }
+    return obj;
+  }, {} as InheritContext);
+
+  if (inheritListeners) {
+    result.on = result.on || {};
+    Object.assign(result.on, context.data.on);
+  }
+
+  return result;
+}
+
+// emit event
+export function emit(context: Context, eventName: string, ...args: any[]) {
+  const listeners = context.listeners[eventName];
+  if (listeners) {
+    if (Array.isArray(listeners)) {
+      listeners.forEach((listener) => {
+        listener(...args);
+      });
+    } else {
+      listeners(...args);
+    }
+  }
+}
+
+// mount functional component
+export function mount(Component: any, data?: VNodeData) {
+  const instance = new Vue({
+    el: document.createElement('div'),
+    props: Component.props,
+    render(h) {
+      return h(Component, {
+        props: this.$props,
+        ...data,
+      });
+    },
+  });
+
+  document.body.appendChild(instance.$el);
+
+  return instance;
+}
diff --git a/src-next/utils/index.ts b/src-next/utils/index.ts
new file mode 100644
index 000000000..f1a30475f
--- /dev/null
+++ b/src-next/utils/index.ts
@@ -0,0 +1,32 @@
+export { addUnit } from './format/unit';
+export { createNamespace } from './create';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export function noop() {}
+
+export function isDef(val: unknown): boolean {
+  return val !== undefined && val !== null;
+}
+
+export function isFunction(val: unknown): val is Function {
+  return typeof val === 'function';
+}
+
+export function isObject(val: unknown): val is Record<any, any> {
+  return val !== null && typeof val === 'object';
+}
+
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+
+export function get(object: any, path: string): any {
+  const keys = path.split('.');
+  let result = object;
+
+  keys.forEach((key) => {
+    result = isDef(result[key]) ? result[key] : '';
+  });
+
+  return result;
+}
diff --git a/src-next/utils/router.ts b/src-next/utils/router.ts
new file mode 100644
index 000000000..7a005e4e9
--- /dev/null
+++ b/src-next/utils/router.ts
@@ -0,0 +1,54 @@
+/**
+ * Vue Router support
+ */
+
+import { RenderContext } from 'vue/types';
+import VueRouter, { RawLocation } from 'vue-router/types';
+
+export type RouteConfig = {
+  url?: string;
+  to?: RawLocation;
+  replace?: boolean;
+};
+
+function isRedundantNavigation(err: Error) {
+  return (
+    err.name === 'NavigationDuplicated' ||
+    // compatible with vue-router@3.3
+    (err.message && err.message.indexOf('redundant navigation') !== -1)
+  );
+}
+
+export function route(router: VueRouter, config: RouteConfig) {
+  const { to, url, replace } = config;
+  if (to && router) {
+    const promise = router[replace ? 'replace' : 'push'](to);
+
+    /* istanbul ignore else */
+    if (promise && promise.catch) {
+      promise.catch((err) => {
+        if (err && !isRedundantNavigation(err)) {
+          throw err;
+        }
+      });
+    }
+  } else if (url) {
+    replace ? location.replace(url) : (location.href = url);
+  }
+}
+
+export function functionalRoute(context: RenderContext) {
+  route(context.parent && context.parent.$router, context.props);
+}
+
+export type RouteProps = {
+  url?: string;
+  replace?: boolean;
+  to?: RawLocation;
+};
+
+export const routeProps = {
+  url: String,
+  replace: Boolean,
+  to: [String, Object],
+};
diff --git a/src-next/utils/test/bem.spec.js b/src-next/utils/test/bem.spec.js
new file mode 100644
index 000000000..d0e86466f
--- /dev/null
+++ b/src-next/utils/test/bem.spec.js
@@ -0,0 +1,39 @@
+import { createBEM } from '../create/bem';
+
+test('bem', () => {
+  const bem = createBEM('button');
+
+  expect(bem()).toEqual('button');
+
+  expect(bem('text')).toEqual('button__text');
+
+  expect(bem({ disabled: false })).toEqual('button');
+
+  expect(bem({ disabled: true })).toEqual('button button--disabled');
+
+  expect(bem('text', { disabled: true })).toEqual(
+    'button__text button__text--disabled'
+  );
+
+  expect(bem(['disabled', 'primary'])).toEqual(
+    'button button--disabled button--primary'
+  );
+
+  expect(bem([])).toEqual('button');
+
+  expect(bem(null)).toEqual('button');
+
+  expect(bem([null])).toEqual('button');
+
+  expect(bem(['disabled', ''])).toEqual('button button--disabled');
+
+  expect(bem(['disabled', undefined])).toEqual('button button--disabled');
+
+  expect(bem('text', ['disabled', 'primary'])).toEqual(
+    'button__text button__text--disabled button__text--primary'
+  );
+
+  expect(bem('text', [{ disabled: true }, 'primary'])).toEqual(
+    'button__text button__text--disabled button__text--primary'
+  );
+});
diff --git a/src-next/utils/test/index.spec.js b/src-next/utils/test/index.spec.js
new file mode 100644
index 000000000..a9d6bea10
--- /dev/null
+++ b/src-next/utils/test/index.spec.js
@@ -0,0 +1,142 @@
+import { deepClone } from '../deep-clone';
+import { deepAssign } from '../deep-assign';
+import { isDef, get, noop } from '..';
+import { raf, cancelRaf } from '../dom/raf';
+import { later } from '../../../test';
+import { isEmail } from '../validate/email';
+import { isMobile } from '../validate/mobile';
+import { isNumeric } from '../validate/number';
+import { isAndroid } from '../validate/system';
+import { camelize } from '../format/string';
+import { formatNumber } from '../format/number';
+import { addUnit, unitToPx } from '../format/unit';
+
+test('deepClone', () => {
+  const a = { foo: 0 };
+  const b = { foo: 0, bar: 1 };
+  const arr = [a, b];
+  expect(deepClone(a)).toEqual(a);
+  expect(deepClone(b)).toEqual(b);
+  expect(deepClone(noop)).toEqual(noop);
+  expect(deepClone(arr)).toEqual(arr);
+  expect(deepClone(undefined)).toEqual(undefined);
+  expect(deepClone(1)).toEqual(1);
+});
+
+test('deepAssign', () => {
+  expect(deepAssign({}, { foo: null })).toEqual({});
+  expect(deepAssign({}, { foo: undefined })).toEqual({});
+  expect(deepAssign({ noop: null }, { noop })).toEqual({ noop });
+  expect(deepAssign({ foo: 0 }, { bar: 1 })).toEqual({ foo: 0, bar: 1 });
+  expect(
+    deepAssign({ foo: { bar: false } }, { foo: { bar: true, foo: false } })
+  ).toEqual({
+    foo: {
+      bar: true,
+      foo: false,
+    },
+  });
+});
+
+test('isDef', () => {
+  expect(isDef(null)).toBeFalsy();
+  expect(isDef(undefined)).toBeFalsy();
+  expect(isDef(1)).toBeTruthy();
+  expect(isDef('1')).toBeTruthy();
+  expect(isDef({})).toBeTruthy();
+  expect(isDef(noop)).toBeTruthy();
+});
+
+test('camelize', () => {
+  expect(camelize('ab')).toEqual('ab');
+  expect(camelize('a-b')).toEqual('aB');
+  expect(camelize('a-b-c-d')).toEqual('aBCD');
+  expect(camelize('a-b-')).toEqual('aB-');
+  expect(camelize('-a-b')).toEqual('AB');
+  expect(camelize('-')).toEqual('-');
+});
+
+test('get', () => {
+  expect(get({ a: 1 }, 'a')).toEqual(1);
+  expect(get({ a: { b: 2 } }, 'a.b')).toEqual(2);
+  expect(get({ a: { b: 2 } }, 'a.b.c')).toEqual('');
+});
+
+test('isAndroid', () => {
+  expect(isAndroid()).toBeFalsy();
+});
+
+test('raf', async () => {
+  const spy = jest.fn();
+  raf(spy);
+
+  await later(50);
+  expect(spy).toHaveBeenCalledTimes(1);
+  cancelRaf(1);
+});
+
+test('isEmail', () => {
+  expect(isEmail('abc@gmail.com')).toBeTruthy();
+  expect(isEmail('abc@@gmail.com')).toBeFalsy();
+  expect(isEmail('@gmail.com')).toBeFalsy();
+  expect(isEmail('abc@')).toBeFalsy();
+});
+
+test('isMobile', () => {
+  expect(isMobile('13000000000')).toBeTruthy();
+  expect(isMobile('+8613000000000')).toBeTruthy();
+  expect(isMobile('8613000000000')).toBeTruthy();
+  expect(isMobile('1300000000')).toBeFalsy();
+  expect(isMobile('abc')).toBeFalsy();
+});
+
+test('isNumeric', () => {
+  expect(isNumeric('1')).toBeTruthy();
+  expect(isNumeric('1.2')).toBeTruthy();
+  expect(isNumeric('1..2')).toBeFalsy();
+  expect(isNumeric('abc')).toBeFalsy();
+  expect(isNumeric('1b2')).toBeFalsy();
+});
+
+test('formatNumber', () => {
+  expect(formatNumber('abc')).toEqual('');
+  expect(formatNumber('1.2')).toEqual('1');
+  expect(formatNumber('abc1.2')).toEqual('1');
+  expect(formatNumber('123.4.')).toEqual('123');
+
+  // with dot
+  expect(formatNumber('abc', true)).toEqual('');
+  expect(formatNumber('1.2', true)).toEqual('1.2');
+  expect(formatNumber('abc1.2', true)).toEqual('1.2');
+  expect(formatNumber('123.4.', true)).toEqual('123.4');
+
+  // minus
+  expect(formatNumber('-1.2')).toEqual('-1');
+  expect(formatNumber('-1.2', true)).toEqual('-1.2');
+  expect(formatNumber('-1.2-', true)).toEqual('-1.2');
+  expect(formatNumber('123-')).toEqual('123');
+});
+
+test('addUnit', () => {
+  expect(addUnit(0)).toEqual('0px');
+  expect(addUnit(10)).toEqual('10px');
+  expect(addUnit('1%')).toEqual('1%');
+  expect(addUnit('1px')).toEqual('1px');
+  expect(addUnit('1vw')).toEqual('1vw');
+  expect(addUnit('1vh')).toEqual('1vh');
+  expect(addUnit('1rem')).toEqual('1rem');
+});
+
+test('unitToPx', () => {
+  const originGetComputedStyle = window.getComputedStyle;
+
+  window.getComputedStyle = () => ({ fontSize: '16px' });
+
+  expect(unitToPx(0)).toEqual(0);
+  expect(unitToPx(10)).toEqual(10);
+  expect(unitToPx('10px')).toEqual(10);
+  expect(unitToPx('0rem')).toEqual(0);
+  expect(unitToPx('10rem')).toEqual(160);
+
+  window.getComputedStyle = originGetComputedStyle;
+});
diff --git a/src-next/utils/types.ts b/src-next/utils/types.ts
new file mode 100644
index 000000000..14821d4b6
--- /dev/null
+++ b/src-next/utils/types.ts
@@ -0,0 +1,40 @@
+import { VNode, CreateElement, RenderContext } from 'vue';
+import { InjectOptions, PropsDefinition } from 'vue/types/options';
+
+export type EventHandler = (event: Event) => void;
+
+export type ObjectIndex = Record<string, any>;
+
+export type ScopedSlot<Props = any> = (
+  props?: Props
+) => VNode[] | VNode | undefined;
+
+export type DefaultSlots = {
+  default?: ScopedSlot;
+};
+
+export type ScopedSlots = DefaultSlots & {
+  [key: string]: ScopedSlot | undefined;
+};
+
+export type ModelOptions = {
+  prop?: string;
+  event?: string;
+};
+
+export type DefaultProps = ObjectIndex;
+
+export type FunctionComponent<
+  Props = DefaultProps,
+  PropDefs = PropsDefinition<Props>
+> = {
+  (
+    h: CreateElement,
+    props: Props,
+    slots: ScopedSlots,
+    context: RenderContext<Props>
+  ): VNode | undefined;
+  props?: PropDefs;
+  model?: ModelOptions;
+  inject?: InjectOptions;
+};
diff --git a/src-next/utils/vnodes.ts b/src-next/utils/vnodes.ts
new file mode 100644
index 000000000..471d2ea38
--- /dev/null
+++ b/src-next/utils/vnodes.ts
@@ -0,0 +1,33 @@
+import { VNode } from 'vue';
+
+function flattenVNodes(vnodes: VNode[]) {
+  const result: VNode[] = [];
+
+  function traverse(vnodes: VNode[]) {
+    vnodes.forEach((vnode) => {
+      result.push(vnode);
+
+      if (vnode.componentInstance) {
+        traverse(vnode.componentInstance.$children.map((item) => item.$vnode));
+      }
+
+      if (vnode.children) {
+        traverse(vnode.children);
+      }
+    });
+  }
+
+  traverse(vnodes);
+  return result;
+}
+
+// sort children instances by vnodes order
+export function sortChildren(children: Vue[], parent: Vue) {
+  const { componentOptions } = parent.$vnode;
+  if (!componentOptions || !componentOptions.children) {
+    return;
+  }
+
+  const vnodes = flattenVNodes(componentOptions.children);
+  children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
+}

From b79e59bc18d34e25a9daa22e89bafbbabcdd01fe Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 08:33:36 +0800
Subject: [PATCH 026/626] feat: image component

---
 src-next/image/README.md                      | 105 ++++++++++
 src-next/image/README.zh-CN.md                | 175 +++++++++++++++++
 src-next/image/demo/index.vue                 | 117 +++++++++++
 src-next/image/index.js                       | 184 ++++++++++++++++++
 src-next/image/index.less                     |  45 +++++
 .../test/__snapshots__/demo.spec.js.snap      | 129 ++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  58 ++++++
 src-next/image/test/demo.spec.js              |   4 +
 src-next/image/test/index.spec.js             | 172 ++++++++++++++++
 src-next/utils/validate/date.ts               |   8 +
 src-next/utils/validate/email.ts              |   5 +
 src-next/utils/validate/mobile.ts             |   6 +
 src-next/utils/validate/number.ts             |  12 ++
 src-next/utils/validate/system.ts             |  13 ++
 vant.config.js                                |  16 +-
 15 files changed, 1041 insertions(+), 8 deletions(-)
 create mode 100644 src-next/image/README.md
 create mode 100644 src-next/image/README.zh-CN.md
 create mode 100644 src-next/image/demo/index.vue
 create mode 100644 src-next/image/index.js
 create mode 100644 src-next/image/index.less
 create mode 100644 src-next/image/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/image/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/image/test/demo.spec.js
 create mode 100644 src-next/image/test/index.spec.js
 create mode 100644 src-next/utils/validate/date.ts
 create mode 100644 src-next/utils/validate/email.ts
 create mode 100644 src-next/utils/validate/mobile.ts
 create mode 100644 src-next/utils/validate/number.ts
 create mode 100644 src-next/utils/validate/system.ts

diff --git a/src-next/image/README.md b/src-next/image/README.md
new file mode 100644
index 000000000..2b3bb1bf9
--- /dev/null
+++ b/src-next/image/README.md
@@ -0,0 +1,105 @@
+# Image
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Image as VanImage } from 'vant';
+
+Vue.use(VanImage);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+```
+
+### Fit Mode
+
+```html
+<van-image
+  width="10rem"
+  height="10rem"
+  fit="contain"
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+### Round
+
+Show round image, it may not works at `fit=contain` and `fit=scale-down`
+
+```html
+<van-image
+  round
+  width="10rem"
+  height="10rem"
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+### Lazy Load
+
+```html
+<van-image
+  width="100"
+  height="100"
+  lazy-load
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+```js
+import Vue from 'vue';
+import { Lazyload } from 'vant';
+
+Vue.use(Lazyload);
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| src | Src | _string_ | - |
+| fit | Fit mode | _string_ | `fill` |
+| alt | Alt | _string_ | - |
+| width | Width | _number \| string_ | - |
+| height | Height | _number \| string_ | - |
+| radius `v2.1.6` | Border Radius | _number \| string_ | `0` |
+| round | Whether to be round | _boolean_ | `false` |
+| lazy-load | Whether to enable lazy load，should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
+| show-error `v2.0.9` | Whether to show error placeholder | _boolean_ | `true` |
+| show-loading `v2.0.9` | Whether to show loading placeholder | _boolean_ | `true` |
+| error-icon `v2.4.2` | Error icon | _string_ | `warning-o` |
+| loading-icon `v2.4.2` | Loading icon | _string_ | `photo-o` |
+
+### fit optional value
+
+| name | desctription |
+| --- | --- |
+| contain | Keep aspect ratio, fully display the long side of the image |
+| cover | Keep aspect ratio, fully display the short side of the image, cutting the long side |
+| fill | Stretch and resize image to fill the content box |
+| none | Not resize image |
+| scale-down | Take the smaller of `none` or `contain` |
+
+### Events
+
+| Event | Description                      | Arguments      |
+| ----- | -------------------------------- | -------------- |
+| click | Triggered when click image       | _event: Event_ |
+| load  | Triggered when image loaded      | -              |
+| error | Triggered when image load failed | -              |
+
+### Slots
+
+| Name             | Description                        |
+| ---------------- | ---------------------------------- |
+| default `v2.9.0` | Custom the content below the image |
+| loading          | Custom loading placeholder         |
+| error            | Custom error placeholder           |
diff --git a/src-next/image/README.zh-CN.md b/src-next/image/README.zh-CN.md
new file mode 100644
index 000000000..adf57f026
--- /dev/null
+++ b/src-next/image/README.zh-CN.md
@@ -0,0 +1,175 @@
+# Image 图片
+
+### 介绍
+
+增强版的 img 标签，提供多种图片填充模式，支持图片懒加载、加载中提示、加载失败提示
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Image as VanImage } from 'vant';
+
+Vue.use(VanImage);
+```
+
+## 代码演示
+
+### 基础用法
+
+基础用法与原生`img`标签一致，可以设置`src`、`width`、`height`、`alt`等原生属性
+
+```html
+<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+```
+
+### 填充模式
+
+通过`fit`属性可以设置图片填充模式，可选值见下方表格
+
+```html
+<van-image
+  width="10rem"
+  height="10rem"
+  fit="contain"
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+### 圆形图片
+
+通过`round`属性可以设置图片变圆，注意当图片宽高不相等且`fit`为`contain`或`scale-down`时，将无法填充一个完整的圆形。
+
+```html
+<van-image
+  round
+  width="10rem"
+  height="10rem"
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+### 图片懒加载
+
+设置`lazy-load`属性来开启图片懒加载，需要搭配 [Lazyload](#/zh-CN/lazyload) 组件使用
+
+```html
+<van-image
+  width="100"
+  height="100"
+  lazy-load
+  src="https://img.yzcdn.cn/vant/cat.jpeg"
+/>
+```
+
+```js
+import Vue from 'vue';
+import { Lazyload } from 'vant';
+
+Vue.use(Lazyload);
+```
+
+### 加载中提示
+
+`Image`组件提供了默认的加载中提示，支持通过`loading`插槽自定义内容
+
+```html
+<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
+  <template v-slot:loading>
+    <van-loading type="spinner" size="20" />
+  </template>
+</van-image>
+```
+
+### 加载失败提示
+
+`Image`组件提供了默认的加载失败提示，支持通过`error`插槽自定义内容
+
+```html
+<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
+  <template v-slot:error>加载失败</template>
+</van-image>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| src | 图片链接 | _string_ | - |
+| fit | 图片填充模式 | _string_ | `fill` |
+| alt | 替代文本 | _string_ | - |
+| width | 宽度，默认单位为`px` | _number \| string_ | - |
+| height | 高度，默认单位为`px` | _number \| string_ | - |
+| radius `v2.1.6` | 圆角大小，默认单位为`px` | _number \| string_ | `0` |
+| round | 是否显示为圆形 | _boolean_ | `false` |
+| lazy-load | 是否开启图片懒加载，须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
+| show-error `v2.0.9` | 是否展示图片加载失败提示 | _boolean_ | `true` |
+| show-loading `v2.0.9` | 是否展示图片加载中提示 | _boolean_ | `true` |
+| error-icon `v2.4.2` | 失败时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `warning-o` |
+| loading-icon `v2.4.2` | 加载时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `photo-o` |
+
+### 图片填充模式 
+
+| 名称       | 含义                                                   |
+| ---------- | ------------------------------------------------------ |
+| contain    | 保持宽高缩放图片，使图片的长边能完全显示出来           |
+| cover      | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 |
+| fill       | 拉伸图片，使图片填满元素                               |
+| none       | 保持图片原有尺寸                                       |
+| scale-down | 取`none`或`contain`中较小的一个                        |
+
+### Events
+
+| 事件名 | 说明               | 回调参数       |
+| ------ | ------------------ | -------------- |
+| click  | 点击图片时触发     | _event: Event_ |
+| load   | 图片加载完毕时触发 | -              |
+| error  | 图片加载失败时触发 | -              |
+
+### Slots
+
+| 名称             | 说明                       |
+| ---------------- | -------------------------- |
+| default `v2.9.0` | 自定义图片下方的内容       |
+| loading          | 自定义加载中的提示内容     |
+| error            | 自定义加载失败时的提示内容 |
+
+## 常见问题
+
+### 如何引用本地图片？
+
+在 .vue 文件中通过相对路径引用本地图片时，需要在图片的链接外包上一层 `require()`，将图片 URL 转换为 webpack 模块请求，并结合 [file-loader](https://github.com/webpack-contrib/file-loader) 或者 [url-loader](https://github.com/webpack-contrib/url-loader) 进行处理。
+
+```html
+<!-- 错误写法 -->
+<van-image src="./image.png" />
+
+<!-- 正确写法 -->
+<van-image :src="require('./image.png')" />
+```
+
+> 对此更详细的解释可以参考 vue-loader 的[处理资源路径](https://vue-loader.vuejs.org/zh/guide/asset-url.html)章节。
+
+### 使用 image 标签无法渲染？
+
+使用 Image 组件时，可能会遇到将 \<image> 作为标签名时无法渲染的问题，比如下面的写法：
+
+```html
+<template>
+  <image src="xxx" />
+</template>
+
+<script>
+import { Image } from 'vant';
+
+export default {
+  components: {
+    Image,
+  },
+};
+<script>
+```
+
+这是因为 \<image> 标签是原生的 SVG 标签，Vue 不允许将原生标签名注册为组件名，使用 \<van-image> 即可规避这个问题。
diff --git a/src-next/image/demo/index.vue b/src-next/image/demo/index.vue
new file mode 100644
index 000000000..c3abac32f
--- /dev/null
+++ b/src-next/image/demo/index.vue
@@ -0,0 +1,117 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-row>
+        <van-image width="100" height="100" :src="image" />
+      </van-row>
+    </demo-block>
+
+    <demo-block :title="t('fitMode')">
+      <van-row gutter="20">
+        <van-col v-for="fit in fits" span="8" :key="fit">
+          <van-image :fit="fit" width="100%" height="27vw" :src="image" />
+          <div class="text">{{ fit }}</div>
+        </van-col>
+      </van-row>
+    </demo-block>
+
+    <demo-block :title="t('round')">
+      <van-row gutter="20">
+        <van-col v-for="fit in fits" span="8" :key="fit">
+          <van-image round :fit="fit" width="100%" height="27vw" :src="image" />
+          <div class="text">{{ fit }}</div>
+        </van-col>
+      </van-row>
+    </demo-block>
+
+    <demo-block :title="t('loading')">
+      <van-row gutter="20">
+        <van-col span="8">
+          <van-image width="100%" height="27vw" />
+          <div class="text">{{ t('defaultTip') }}</div>
+        </van-col>
+
+        <van-col span="8">
+          <van-image width="100%" height="27vw">
+            <template #loading>
+              <van-loading type="spinner" size="20" />
+            </template>
+          </van-image>
+          <div class="text">{{ t('customTip') }}</div>
+        </van-col>
+      </van-row>
+    </demo-block>
+
+    <demo-block :title="t('error')">
+      <van-row gutter="20">
+        <van-col span="8">
+          <van-image width="100%" height="27vw" src="x" />
+          <div class="text">{{ t('defaultTip') }}</div>
+        </van-col>
+
+        <van-col span="8">
+          <van-image width="100%" height="27vw" src="x">
+            <template #error>{{ t('loadFail') }}</template>
+          </van-image>
+          <div class="text">{{ t('customTip') }}</div>
+        </van-col>
+      </van-row>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      fitMode: '填充模式',
+      round: '圆形图片',
+      loading: '加载中提示',
+      error: '加载失败提示',
+      defaultTip: '默认提示',
+      customTip: '自定义提示',
+      loadFail: '加载失败',
+    },
+    'en-US': {
+      fitMode: 'Fit Mode',
+      round: 'Round',
+      loading: 'Loading',
+      error: 'Error',
+      defaultTip: 'Default Tip',
+      customTip: 'Custom Tip',
+      loadFail: 'Load failed',
+    },
+  },
+
+  data() {
+    return {
+      image: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      fits: ['contain', 'cover', 'fill', 'none', 'scale-down'],
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-image {
+  overflow-x: hidden;
+  background-color: @white;
+
+  .van-row {
+    padding: 0 @padding-md;
+  }
+
+  .van-col {
+    margin-bottom: 20px;
+  }
+
+  .text {
+    margin-top: 5px;
+    color: @gray-7;
+    font-size: 14px;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src-next/image/index.js b/src-next/image/index.js
new file mode 100644
index 000000000..02fa9334a
--- /dev/null
+++ b/src-next/image/index.js
@@ -0,0 +1,184 @@
+import { createNamespace, isDef, addUnit } from '../utils';
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('image');
+
+export default createComponent({
+  props: {
+    src: String,
+    fit: String,
+    alt: String,
+    round: Boolean,
+    width: [Number, String],
+    height: [Number, String],
+    radius: [Number, String],
+    lazyLoad: Boolean,
+    showError: {
+      type: Boolean,
+      default: true,
+    },
+    showLoading: {
+      type: Boolean,
+      default: true,
+    },
+    errorIcon: {
+      type: String,
+      default: 'warning-o',
+    },
+    loadingIcon: {
+      type: String,
+      default: 'photo-o',
+    },
+  },
+
+  data() {
+    return {
+      loading: true,
+      error: false,
+    };
+  },
+
+  watch: {
+    src() {
+      this.loading = true;
+      this.error = false;
+    },
+  },
+
+  computed: {
+    style() {
+      const style = {};
+
+      if (isDef(this.width)) {
+        style.width = addUnit(this.width);
+      }
+
+      if (isDef(this.height)) {
+        style.height = addUnit(this.height);
+      }
+
+      if (isDef(this.radius)) {
+        style.overflow = 'hidden';
+        style.borderRadius = addUnit(this.radius);
+      }
+
+      return style;
+    },
+  },
+
+  created() {
+    const { $Lazyload } = this;
+
+    if ($Lazyload) {
+      $Lazyload.$on('loaded', this.onLazyLoaded);
+      $Lazyload.$on('error', this.onLazyLoadError);
+    }
+  },
+
+  beforeDestroy() {
+    const { $Lazyload } = this;
+
+    if ($Lazyload) {
+      $Lazyload.$off('loaded', this.onLazyLoaded);
+      $Lazyload.$off('error', this.onLazyLoadError);
+    }
+  },
+
+  methods: {
+    onLoad(event) {
+      this.loading = false;
+      this.$emit('load', event);
+    },
+
+    onLazyLoaded({ el }) {
+      if (el === this.$refs.image && this.loading) {
+        this.onLoad();
+      }
+    },
+
+    onLazyLoadError({ el }) {
+      if (el === this.$refs.image && !this.error) {
+        this.onError();
+      }
+    },
+
+    onError(event) {
+      this.error = true;
+      this.loading = false;
+      this.$emit('error', event);
+    },
+
+    onClick(event) {
+      this.$emit('click', event);
+    },
+
+    genPlaceholder() {
+      if (this.loading && this.showLoading) {
+        return (
+          <div class={bem('loading')}>
+            {this.$slots.loading ? (
+              this.$slots.loading()
+            ) : (
+              <Icon name={this.loadingIcon} class={bem('loading-icon')} />
+            )}
+          </div>
+        );
+      }
+
+      if (this.error && this.showError) {
+        return (
+          <div class={bem('error')}>
+            {this.$slots.error ? (
+              this.$slots.error()
+            ) : (
+              <Icon name={this.errorIcon} class={bem('error-icon')} />
+            )}
+          </div>
+        );
+      }
+    },
+
+    genImage() {
+      const imgData = {
+        class: bem('img'),
+        attrs: {
+          alt: this.alt,
+        },
+        style: {
+          objectFit: this.fit,
+        },
+      };
+
+      if (this.error) {
+        return;
+      }
+
+      if (this.lazyLoad) {
+        return <img ref="image" vLazy={this.src} {...imgData} />;
+      }
+
+      return (
+        <img
+          src={this.src}
+          onLoad={this.onLoad}
+          onError={this.onError}
+          {...imgData}
+        />
+      );
+    },
+  },
+
+  render() {
+    return (
+      <div
+        class={bem({ round: this.round })}
+        style={this.style}
+        onClick={this.onClick}
+      >
+        {this.genImage()}
+        {this.genPlaceholder()}
+        {this.$slots.default?.()}
+      </div>
+    );
+  },
+});
diff --git a/src-next/image/index.less b/src-next/image/index.less
new file mode 100644
index 000000000..5f5af3f91
--- /dev/null
+++ b/src-next/image/index.less
@@ -0,0 +1,45 @@
+@import '../style/var';
+
+.van-image {
+  position: relative;
+  display: inline-block;
+
+  &--round {
+    overflow: hidden;
+    border-radius: 50%;
+
+    img {
+      border-radius: inherit;
+    }
+  }
+
+  &__img,
+  &__error,
+  &__loading {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__error,
+  &__loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: @image-placeholder-text-color;
+    font-size: @image-placeholder-font-size;
+    background-color: @image-placeholder-background-color;
+  }
+
+  &__loading-icon {
+    font-size: @image-loading-icon-size;
+  }
+
+  &__error-icon {
+    font-size: @image-error-icon-size;
+  }
+}
diff --git a/src-next/image/test/__snapshots__/demo.spec.js.snap b/src-next/image/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..2c1671de0
--- /dev/null
+++ b/src-next/image/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,129 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-row">
+      <div class="van-image" style="width: 100px; height: 100px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
+        <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+            <!----></i></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">contain</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">cover</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">fill</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-right: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">none</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">scale-down</div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
+        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">contain</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">
+        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">cover</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">
+        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">fill</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-right: 10px;">
+        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">none</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 10px;">
+        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">scale-down</div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8" style="padding-right: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img class="van-image__img">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">默认提示</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img class="van-image__img">
+          <div class="van-image__loading">
+            <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
+          </div>
+        </div>
+        <div class="text">自定义提示</div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8" style="padding-right: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">默认提示</div>
+      </div>
+      <div class="van-col van-col--8" style="padding-left: 10px;">
+        <div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
+          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+              <!----></i></div>
+        </div>
+        <div class="text">自定义提示</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/image/test/__snapshots__/index.spec.js.snap b/src-next/image/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..95dbee240
--- /dev/null
+++ b/src-next/image/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,58 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`default slot 1`] = `
+<div class="van-image"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+      <!----></i></div>Custom Default
+</div>
+`;
+
+exports[`error-icon prop 1`] = `
+<div class="van-image">
+  <div class="van-image__error"><i class="van-icon van-icon-error van-image__error-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`lazy load 1`] = `
+<div class="van-image"><img class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`lazy-load error event 1`] = `
+<div class="van-image">
+  <div class="van-image__error"><i class="van-icon van-icon-warning-o van-image__error-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`lazy-load load event 1`] = `<div class="van-image"><img class="van-image__img"></div>`;
+
+exports[`load event 1`] = `<div class="van-image"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img"></div>`;
+
+exports[`load event 2`] = `
+<div class="van-image"><img src="" class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`loading-icon prop 1`] = `
+<div class="van-image"><img class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-success van-image__loading-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`radius prop 1`] = `
+<div class="van-image" style="overflow: hidden; border-radius: 3px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`show-error prop 1`] = `<div class="van-image"></div>`;
+
+exports[`show-loading prop 1`] = `<div class="van-image"><img class="van-image__img"></div>`;
diff --git a/src-next/image/test/demo.spec.js b/src-next/image/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/image/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/image/test/index.spec.js b/src-next/image/test/index.spec.js
new file mode 100644
index 000000000..28529a564
--- /dev/null
+++ b/src-next/image/test/index.spec.js
@@ -0,0 +1,172 @@
+import { mount } from '../../../test';
+import VanImage from '..';
+
+test('click event', () => {
+  const wrapper = mount(VanImage);
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')[0][0]).toBeTruthy();
+  wrapper.destroy();
+});
+
+test('load event', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+  });
+
+  wrapper.find('img').trigger('load');
+
+  expect(wrapper.emitted('load')[0][0]).toBeTruthy();
+  expect(wrapper).toMatchSnapshot();
+
+  wrapper.setProps({ src: '' });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('error event', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+  });
+
+  wrapper.find('img').trigger('error');
+
+  expect(wrapper.emitted('error')[0][0]).toBeTruthy();
+});
+
+test('lazy load', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+      lazyLoad: true,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('lazy-load load event', (done) => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      lazyLoad: true,
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+    mocks: {
+      $Lazyload: {
+        $on(eventName, hanlder) {
+          if (eventName === 'loaded') {
+            setTimeout(() => {
+              hanlder({ el: null });
+              hanlder({ el: wrapper.find('img').element });
+              expect(wrapper.emitted('load').length).toEqual(1);
+              expect(wrapper).toMatchSnapshot();
+              wrapper.destroy();
+            });
+          }
+        },
+        $off() {
+          done();
+        },
+      },
+    },
+  });
+});
+
+test('lazy-load error event', (done) => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      lazyLoad: true,
+    },
+    mocks: {
+      $Lazyload: {
+        $on(eventName, hanlder) {
+          if (eventName === 'error') {
+            setTimeout(() => {
+              hanlder({ el: null });
+              hanlder({ el: wrapper.find('img').element });
+              expect(wrapper.emitted('error').length).toEqual(1);
+              expect(wrapper).toMatchSnapshot();
+              wrapper.destroy();
+            });
+          }
+        },
+        $off() {
+          done();
+        },
+      },
+    },
+  });
+});
+
+test('show-loading prop', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      showLoading: false,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('show-error prop', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      showError: false,
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+  });
+
+  wrapper.find('img').trigger('error');
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('error-icon prop', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      errorIcon: 'error',
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+  });
+
+  wrapper.find('img').trigger('error');
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('loading-icon prop', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      loadingIcon: 'success',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('radius prop', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      radius: 3,
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('default slot', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+    scopedSlots: {
+      default: () => 'Custom Default',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/utils/validate/date.ts b/src-next/utils/validate/date.ts
new file mode 100644
index 000000000..d06fd6696
--- /dev/null
+++ b/src-next/utils/validate/date.ts
@@ -0,0 +1,8 @@
+import { isNaN } from './number';
+
+export function isDate(val: Date): val is Date {
+  return (
+    Object.prototype.toString.call(val) === '[object Date]' &&
+    !isNaN(val.getTime())
+  );
+}
diff --git a/src-next/utils/validate/email.ts b/src-next/utils/validate/email.ts
new file mode 100644
index 000000000..d5e3c21b8
--- /dev/null
+++ b/src-next/utils/validate/email.ts
@@ -0,0 +1,5 @@
+/* eslint-disable */
+export function isEmail(value: string): boolean {
+  const reg = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i;
+  return reg.test(value);
+}
diff --git a/src-next/utils/validate/mobile.ts b/src-next/utils/validate/mobile.ts
new file mode 100644
index 000000000..b32401981
--- /dev/null
+++ b/src-next/utils/validate/mobile.ts
@@ -0,0 +1,6 @@
+export function isMobile(value: string): boolean {
+  value = value.replace(/[^-|\d]/g, '');
+  return (
+    /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value)
+  );
+}
diff --git a/src-next/utils/validate/number.ts b/src-next/utils/validate/number.ts
new file mode 100644
index 000000000..8d77e0eee
--- /dev/null
+++ b/src-next/utils/validate/number.ts
@@ -0,0 +1,12 @@
+export function isNumeric(val: string): boolean {
+  return /^\d+(\.\d+)?$/.test(val);
+}
+
+export function isNaN(val: number): val is typeof NaN {
+  if (Number.isNaN) {
+    return Number.isNaN(val);
+  }
+
+  // eslint-disable-next-line no-self-compare
+  return val !== val;
+}
diff --git a/src-next/utils/validate/system.ts b/src-next/utils/validate/system.ts
new file mode 100644
index 000000000..d91f2f131
--- /dev/null
+++ b/src-next/utils/validate/system.ts
@@ -0,0 +1,13 @@
+import { isServer } from '..';
+
+export function isAndroid(): boolean {
+  /* istanbul ignore next */
+  return isServer ? false : /android/.test(navigator.userAgent.toLowerCase());
+}
+
+export function isIOS(): boolean {
+  /* istanbul ignore next */
+  return isServer
+    ? false
+    : /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
+}
diff --git a/vant.config.js b/vant.config.js
index 4dacc6028..9f64456b3 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -90,10 +90,10 @@ module.exports = {
                 path: 'icon',
                 title: 'Icon 图标',
               },
-              // {
-              //   path: 'image',
-              //   title: 'Image 图片',
-              // },
+              {
+                path: 'image',
+                title: 'Image 图片',
+              },
               // {
               //   path: 'col',
               //   title: 'Layout 布局',
@@ -437,10 +437,10 @@ module.exports = {
                 path: 'icon',
                 title: 'Icon',
               },
-              // {
-              //   path: 'image',
-              //   title: 'Image',
-              // },
+              {
+                path: 'image',
+                title: 'Image',
+              },
               // {
               //   path: 'col',
               //   title: 'Layout',

From 3a2e20eb5271e5391c5902b48e0f7154ca284a34 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 15:59:36 +0800
Subject: [PATCH 027/626] fix(Icon): default slot

---
 src-next/icon/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-next/icon/index.js b/src-next/icon/index.js
index 35721b637..36314bc25 100644
--- a/src-next/icon/index.js
+++ b/src-next/icon/index.js
@@ -43,7 +43,7 @@ export default createComponent({
           fontSize: addUnit(this.size),
         }}
       >
-        {/* {slots.default && slots.default()} */}
+        {this.$slots.default?.()}
         {imageIcon && <img class={bem('image')} src={name} />}
         <Info
           dot={this.dot}

From 4a25ebf9ab43be368920e071d4ce48d57aaef290 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:00:10 +0800
Subject: [PATCH 028/626] chore: move mixins

---
 src-next/mixins/bind-event.ts        |  33 ++++
 src-next/mixins/checkbox.js          | 148 ++++++++++++++++++
 src-next/mixins/click-outside.js     |  31 ++++
 src-next/mixins/close-on-popstate.js |  44 ++++++
 src-next/mixins/field.js             |  26 ++++
 src-next/mixins/popup/context.ts     |  16 ++
 src-next/mixins/popup/index.js       | 220 +++++++++++++++++++++++++++
 src-next/mixins/popup/overlay.ts     |  77 ++++++++++
 src-next/mixins/popup/type.ts        |  13 ++
 src-next/mixins/portal.js            |  47 ++++++
 src-next/mixins/relation.js          |  69 +++++++++
 src-next/mixins/slots.js             |  18 +++
 src-next/mixins/touch.js             |  61 ++++++++
 src-next/row/index.less              |  41 +++++
 14 files changed, 844 insertions(+)
 create mode 100644 src-next/mixins/bind-event.ts
 create mode 100644 src-next/mixins/checkbox.js
 create mode 100644 src-next/mixins/click-outside.js
 create mode 100644 src-next/mixins/close-on-popstate.js
 create mode 100644 src-next/mixins/field.js
 create mode 100644 src-next/mixins/popup/context.ts
 create mode 100644 src-next/mixins/popup/index.js
 create mode 100644 src-next/mixins/popup/overlay.ts
 create mode 100644 src-next/mixins/popup/type.ts
 create mode 100644 src-next/mixins/portal.js
 create mode 100644 src-next/mixins/relation.js
 create mode 100644 src-next/mixins/slots.js
 create mode 100644 src-next/mixins/touch.js
 create mode 100644 src-next/row/index.less

diff --git a/src-next/mixins/bind-event.ts b/src-next/mixins/bind-event.ts
new file mode 100644
index 000000000..5a54365c8
--- /dev/null
+++ b/src-next/mixins/bind-event.ts
@@ -0,0 +1,33 @@
+/**
+ * Bind event when mounted or activated
+ */
+import { on, off } from '../utils/dom/event';
+
+type BindEventMixinThis = {
+  binded: boolean;
+};
+
+type BindEventHandler = (bind: Function, isBind: boolean) => void;
+
+export function BindEventMixin(handler: BindEventHandler) {
+  function bind(this: BindEventMixinThis) {
+    if (!this.binded) {
+      handler.call(this, on, true);
+      this.binded = true;
+    }
+  }
+
+  function unbind(this: BindEventMixinThis) {
+    if (this.binded) {
+      handler.call(this, off, false);
+      this.binded = false;
+    }
+  }
+
+  return {
+    mounted: bind,
+    activated: bind,
+    deactivated: unbind,
+    beforeDestroy: unbind,
+  };
+}
diff --git a/src-next/mixins/checkbox.js b/src-next/mixins/checkbox.js
new file mode 100644
index 000000000..5fc341d67
--- /dev/null
+++ b/src-next/mixins/checkbox.js
@@ -0,0 +1,148 @@
+/**
+ * Common part of Checkbox & Radio
+ */
+import Icon from '../icon';
+import { FieldMixin } from './field';
+import { ChildrenMixin } from './relation';
+import { addUnit } from '../utils';
+
+export const CheckboxMixin = ({ parent, bem, role }) => ({
+  mixins: [ChildrenMixin(parent), FieldMixin],
+
+  props: {
+    name: null,
+    value: null,
+    disabled: Boolean,
+    iconSize: [Number, String],
+    checkedColor: String,
+    labelPosition: String,
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      default: 'round',
+    },
+    bindGroup: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  computed: {
+    disableBindRelation() {
+      return !this.bindGroup;
+    },
+
+    isDisabled() {
+      return (this.parent && this.parent.disabled) || this.disabled;
+    },
+
+    direction() {
+      return (this.parent && this.parent.direction) || null;
+    },
+
+    iconStyle() {
+      const checkedColor =
+        this.checkedColor || (this.parent && this.parent.checkedColor);
+
+      if (checkedColor && this.checked && !this.isDisabled) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor,
+        };
+      }
+    },
+
+    tabindex() {
+      if (this.isDisabled || (role === 'radio' && !this.checked)) {
+        return -1;
+      }
+
+      return 0;
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      const { target } = event;
+      const { icon } = this.$refs;
+      const iconClicked = icon === target || icon.contains(target);
+
+      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
+        this.toggle();
+
+        // wait for toggle method to complete
+        // so we can get the changed value in the click event listener
+        setTimeout(() => {
+          this.$emit('click', event);
+        });
+      } else {
+        this.$emit('click', event);
+      }
+    },
+
+    genIcon() {
+      const { checked } = this;
+      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
+
+      return (
+        <div
+          ref="icon"
+          class={bem('icon', [
+            this.shape,
+            { disabled: this.isDisabled, checked },
+          ])}
+          style={{ fontSize: addUnit(iconSize) }}
+        >
+          {this.slots('icon', { checked }) || (
+            <Icon name="success" style={this.iconStyle} />
+          )}
+        </div>
+      );
+    },
+
+    genLabel() {
+      const slot = this.slots();
+
+      if (slot) {
+        return (
+          <span
+            class={bem('label', [
+              this.labelPosition,
+              { disabled: this.isDisabled },
+            ])}
+          >
+            {slot}
+          </span>
+        );
+      }
+    },
+  },
+
+  render() {
+    const Children = [this.genIcon()];
+
+    if (this.labelPosition === 'left') {
+      Children.unshift(this.genLabel());
+    } else {
+      Children.push(this.genLabel());
+    }
+
+    return (
+      <div
+        role={role}
+        class={bem([
+          {
+            disabled: this.isDisabled,
+            'label-disabled': this.labelDisabled,
+          },
+          this.direction,
+        ])}
+        tabindex={this.tabindex}
+        aria-checked={String(this.checked)}
+        onClick={this.onClick}
+      >
+        {Children}
+      </div>
+    );
+  },
+});
diff --git a/src-next/mixins/click-outside.js b/src-next/mixins/click-outside.js
new file mode 100644
index 000000000..534d026f9
--- /dev/null
+++ b/src-next/mixins/click-outside.js
@@ -0,0 +1,31 @@
+/**
+ * Listen to click outside event
+ */
+import { on, off } from '../utils/dom/event';
+
+export const ClickOutsideMixin = (config) => ({
+  props: {
+    closeOnClickOutside: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  data() {
+    const clickOutsideHandler = (event) => {
+      if (this.closeOnClickOutside && !this.$el.contains(event.target)) {
+        this[config.method]();
+      }
+    };
+
+    return { clickOutsideHandler };
+  },
+
+  mounted() {
+    on(document, config.event, this.clickOutsideHandler);
+  },
+
+  beforeDestroy() {
+    off(document, config.event, this.clickOutsideHandler);
+  },
+});
diff --git a/src-next/mixins/close-on-popstate.js b/src-next/mixins/close-on-popstate.js
new file mode 100644
index 000000000..ed98c5c18
--- /dev/null
+++ b/src-next/mixins/close-on-popstate.js
@@ -0,0 +1,44 @@
+import { on, off } from '../utils/dom/event';
+import { BindEventMixin } from './bind-event';
+
+export const CloseOnPopstateMixin = {
+  mixins: [
+    BindEventMixin(function (bind, isBind) {
+      this.handlePopstate(isBind && this.closeOnPopstate);
+    }),
+  ],
+
+  props: {
+    closeOnPopstate: Boolean,
+  },
+
+  data() {
+    return {
+      bindStatus: false,
+    };
+  },
+
+  watch: {
+    closeOnPopstate(val) {
+      this.handlePopstate(val);
+    },
+  },
+
+  methods: {
+    handlePopstate(bind) {
+      /* istanbul ignore if */
+      if (this.$isServer) {
+        return;
+      }
+
+      if (this.bindStatus !== bind) {
+        this.bindStatus = bind;
+        const action = bind ? on : off;
+        action(window, 'popstate', () => {
+          this.close();
+          this.shouldReopen = false;
+        });
+      }
+    },
+  },
+};
diff --git a/src-next/mixins/field.js b/src-next/mixins/field.js
new file mode 100644
index 000000000..603cff7da
--- /dev/null
+++ b/src-next/mixins/field.js
@@ -0,0 +1,26 @@
+export const FieldMixin = {
+  inject: {
+    vanField: {
+      default: null,
+    },
+  },
+
+  watch: {
+    value() {
+      const field = this.vanField;
+
+      if (field) {
+        field.resetValidation();
+        field.validateWithTrigger('onChange');
+      }
+    },
+  },
+
+  created() {
+    const field = this.vanField;
+
+    if (field && !field.children) {
+      field.children = this;
+    }
+  },
+};
diff --git a/src-next/mixins/popup/context.ts b/src-next/mixins/popup/context.ts
new file mode 100644
index 000000000..6ab98f914
--- /dev/null
+++ b/src-next/mixins/popup/context.ts
@@ -0,0 +1,16 @@
+import { OverlayConfig } from './overlay';
+
+export type StackItem = {
+  vm: any;
+  overlay: any;
+  config: OverlayConfig;
+};
+
+export const context = {
+  zIndex: 2000,
+  lockCount: 0,
+  stack: [] as StackItem[],
+  find(vm: any): StackItem | undefined {
+    return this.stack.filter((item) => item.vm === vm)[0];
+  },
+};
diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
new file mode 100644
index 000000000..c2c97d40b
--- /dev/null
+++ b/src-next/mixins/popup/index.js
@@ -0,0 +1,220 @@
+// Context
+import { context } from './context';
+import {
+  openOverlay,
+  closeOverlay,
+  updateOverlay,
+  removeOverlay,
+} from './overlay';
+
+// Utils
+import { on, off, preventDefault } from '../../utils/dom/event';
+import { removeNode } from '../../utils/dom/node';
+import { getScroller } from '../../utils/dom/scroll';
+
+// Mixins
+import { TouchMixin } from '../touch';
+import { PortalMixin } from '../portal';
+import { CloseOnPopstateMixin } from '../close-on-popstate';
+
+export const popupMixinProps = {
+  // whether to show popup
+  value: Boolean,
+  // whether to show overlay
+  overlay: Boolean,
+  // overlay custom style
+  overlayStyle: Object,
+  // overlay custom class name
+  overlayClass: String,
+  // whether to close popup when click overlay
+  closeOnClickOverlay: Boolean,
+  // z-index
+  zIndex: [Number, String],
+  // prevent body scroll
+  lockScroll: {
+    type: Boolean,
+    default: true,
+  },
+  // whether to lazy render
+  lazyRender: {
+    type: Boolean,
+    default: true,
+  },
+};
+
+export function PopupMixin(options = {}) {
+  return {
+    mixins: [
+      TouchMixin,
+      CloseOnPopstateMixin,
+      PortalMixin({
+        afterPortal() {
+          if (this.overlay) {
+            updateOverlay();
+          }
+        },
+      }),
+    ],
+
+    props: popupMixinProps,
+
+    data() {
+      return {
+        inited: this.value,
+      };
+    },
+
+    computed: {
+      shouldRender() {
+        return this.inited || !this.lazyRender;
+      },
+    },
+
+    watch: {
+      value(val) {
+        const type = val ? 'open' : 'close';
+        this.inited = this.inited || this.value;
+        this[type]();
+
+        if (!options.skipToggleEvent) {
+          this.$emit(type);
+        }
+      },
+
+      overlay: 'renderOverlay',
+    },
+
+    mounted() {
+      if (this.value) {
+        this.open();
+      }
+    },
+
+    /* istanbul ignore next */
+    activated() {
+      if (this.shouldReopen) {
+        this.$emit('input', true);
+        this.shouldReopen = false;
+      }
+    },
+
+    beforeDestroy() {
+      this.removeLock();
+      removeOverlay(this);
+
+      if (this.getContainer) {
+        removeNode(this.$el);
+      }
+    },
+
+    /* istanbul ignore next */
+    deactivated() {
+      if (this.value) {
+        this.close();
+        this.shouldReopen = true;
+      }
+    },
+
+    methods: {
+      open() {
+        /* istanbul ignore next */
+        if (this.$isServer || this.opened) {
+          return;
+        }
+
+        // cover default zIndex
+        if (this.zIndex !== undefined) {
+          context.zIndex = this.zIndex;
+        }
+
+        this.opened = true;
+        this.renderOverlay();
+        this.addLock();
+      },
+
+      addLock() {
+        if (this.lockScroll) {
+          on(document, 'touchstart', this.touchStart);
+          on(document, 'touchmove', this.onTouchMove);
+
+          if (!context.lockCount) {
+            document.body.classList.add('van-overflow-hidden');
+          }
+          context.lockCount++;
+        }
+      },
+
+      removeLock() {
+        if (this.lockScroll && context.lockCount) {
+          context.lockCount--;
+          off(document, 'touchstart', this.touchStart);
+          off(document, 'touchmove', this.onTouchMove);
+
+          if (!context.lockCount) {
+            document.body.classList.remove('van-overflow-hidden');
+          }
+        }
+      },
+
+      close() {
+        if (!this.opened) {
+          return;
+        }
+
+        closeOverlay(this);
+        this.opened = false;
+        this.removeLock();
+        this.$emit('input', false);
+      },
+
+      onTouchMove(event) {
+        this.touchMove(event);
+        const direction = this.deltaY > 0 ? '10' : '01';
+        const el = getScroller(event.target, this.$el);
+        const { scrollHeight, offsetHeight, scrollTop } = el;
+        let status = '11';
+
+        /* istanbul ignore next */
+        if (scrollTop === 0) {
+          status = offsetHeight >= scrollHeight ? '00' : '01';
+        } else if (scrollTop + offsetHeight >= scrollHeight) {
+          status = '10';
+        }
+
+        /* istanbul ignore next */
+        if (
+          status !== '11' &&
+          this.direction === 'vertical' &&
+          !(parseInt(status, 2) & parseInt(direction, 2))
+        ) {
+          preventDefault(event, true);
+        }
+      },
+
+      renderOverlay() {
+        if (this.$isServer || !this.value) {
+          return;
+        }
+
+        this.$nextTick(() => {
+          this.updateZIndex(this.overlay ? 1 : 0);
+
+          if (this.overlay) {
+            openOverlay(this, {
+              zIndex: context.zIndex++,
+              duration: this.duration,
+              className: this.overlayClass,
+              customStyle: this.overlayStyle,
+            });
+          } else {
+            closeOverlay(this);
+          }
+        });
+      },
+
+      updateZIndex(value = 0) {
+        this.$el.style.zIndex = ++context.zIndex + value;
+      },
+    },
+  };
+}
diff --git a/src-next/mixins/popup/overlay.ts b/src-next/mixins/popup/overlay.ts
new file mode 100644
index 000000000..1d5d86f6a
--- /dev/null
+++ b/src-next/mixins/popup/overlay.ts
@@ -0,0 +1,77 @@
+import Overlay from '../../overlay';
+import { context } from './context';
+import { mount } from '../../utils/functional';
+import { removeNode } from '../../utils/dom/node';
+
+export type OverlayConfig = {
+  zIndex?: number;
+  className?: string;
+  customStyle?: string | object[] | object;
+};
+
+const defaultConfig: OverlayConfig = {
+  className: '',
+  customStyle: {},
+};
+
+function mountOverlay(vm: any) {
+  return mount(Overlay, {
+    on: {
+      // close popup when overlay clicked & closeOnClickOverlay is true
+      click() {
+        vm.$emit('click-overlay');
+
+        if (vm.closeOnClickOverlay) {
+          if (vm.onClickOverlay) {
+            vm.onClickOverlay();
+          } else {
+            vm.close();
+          }
+        }
+      },
+    },
+  });
+}
+
+export function updateOverlay(vm: any): void {
+  const item = context.find(vm);
+
+  if (item) {
+    const el = vm.$el;
+    const { config, overlay } = item;
+
+    if (el && el.parentNode) {
+      el.parentNode.insertBefore(overlay.$el, el);
+    }
+
+    Object.assign(overlay, defaultConfig, config, {
+      show: true,
+    });
+  }
+}
+
+export function openOverlay(vm: any, config: OverlayConfig): void {
+  const item = context.find(vm);
+  if (item) {
+    item.config = config;
+  } else {
+    const overlay = mountOverlay(vm);
+    context.stack.push({ vm, config, overlay });
+  }
+
+  updateOverlay(vm);
+}
+
+export function closeOverlay(vm: any): void {
+  const item = context.find(vm);
+  if (item) {
+    item.overlay.show = false;
+  }
+}
+
+export function removeOverlay(vm: any) {
+  const item = context.find(vm);
+  if (item) {
+    removeNode(item.overlay.$el);
+  }
+}
diff --git a/src-next/mixins/popup/type.ts b/src-next/mixins/popup/type.ts
new file mode 100644
index 000000000..5944f8932
--- /dev/null
+++ b/src-next/mixins/popup/type.ts
@@ -0,0 +1,13 @@
+export type GetContainer = () => Element;
+
+export type PopupMixinProps = {
+  value: boolean;
+  zIndex: string | number;
+  overlay?: boolean;
+  lockScroll: boolean;
+  lazyRender: boolean;
+  overlayClass?: any;
+  overlayStyle?: object | object[];
+  getContainer?: string | GetContainer;
+  closeOnClickOverlay?: boolean;
+};
diff --git a/src-next/mixins/portal.js b/src-next/mixins/portal.js
new file mode 100644
index 000000000..3ed88ef2d
--- /dev/null
+++ b/src-next/mixins/portal.js
@@ -0,0 +1,47 @@
+function getElement(selector) {
+  if (typeof selector === 'string') {
+    return document.querySelector(selector);
+  }
+
+  return selector();
+}
+
+export function PortalMixin({ ref, afterPortal }) {
+  return {
+    props: {
+      getContainer: [String, Function],
+    },
+
+    watch: {
+      getContainer: 'portal',
+    },
+
+    mounted() {
+      if (this.getContainer) {
+        this.portal();
+      }
+    },
+
+    methods: {
+      portal() {
+        const { getContainer } = this;
+        const el = ref ? this.$refs[ref] : this.$el;
+
+        let container;
+        if (getContainer) {
+          container = getElement(getContainer);
+        } else if (this.$parent) {
+          container = this.$parent.$el;
+        }
+
+        if (container && container !== el.parentNode) {
+          container.appendChild(el);
+        }
+
+        if (afterPortal) {
+          afterPortal.call(this);
+        }
+      },
+    },
+  };
+}
diff --git a/src-next/mixins/relation.js b/src-next/mixins/relation.js
new file mode 100644
index 000000000..b3f6cb37e
--- /dev/null
+++ b/src-next/mixins/relation.js
@@ -0,0 +1,69 @@
+import { sortChildren } from '../utils/vnodes';
+
+export function ChildrenMixin(parent, options = {}) {
+  const indexKey = options.indexKey || 'index';
+
+  return {
+    inject: {
+      // TODO: disableBindRelation
+      parent: {
+        from: parent,
+        default: null,
+      },
+    },
+
+    computed: {
+      [indexKey]() {
+        this.bindRelation();
+
+        if (this.parent) {
+          return this.parent.children.indexOf(this);
+        }
+
+        return null;
+      },
+    },
+
+    mounted() {
+      this.bindRelation();
+    },
+
+    beforeDestroy() {
+      if (this.parent) {
+        this.parent.children = this.parent.children.filter(
+          (item) => item !== this
+        );
+      }
+    },
+
+    methods: {
+      bindRelation() {
+        if (!this.parent || this.parent.children.indexOf(this) !== -1) {
+          return;
+        }
+
+        const children = [...this.parent.children, this];
+
+        sortChildren(children, this.parent);
+
+        this.parent.children = children;
+      },
+    },
+  };
+}
+
+export function ParentMixin(parent) {
+  return {
+    provide() {
+      return {
+        [parent]: this,
+      };
+    },
+
+    data() {
+      return {
+        children: [],
+      };
+    },
+  };
+}
diff --git a/src-next/mixins/slots.js b/src-next/mixins/slots.js
new file mode 100644
index 000000000..70449074c
--- /dev/null
+++ b/src-next/mixins/slots.js
@@ -0,0 +1,18 @@
+/**
+ * Use scopedSlots in Vue 2.6+
+ * downgrade to slots in lower version
+ */
+export const SlotsMixin = {
+  methods: {
+    slots(name = 'default', props) {
+      const { $slots, $scopedSlots } = this;
+      const scopedSlot = $scopedSlots[name];
+
+      if (scopedSlot) {
+        return scopedSlot(props);
+      }
+
+      return $slots[name];
+    },
+  },
+};
diff --git a/src-next/mixins/touch.js b/src-next/mixins/touch.js
new file mode 100644
index 000000000..45f9190da
--- /dev/null
+++ b/src-next/mixins/touch.js
@@ -0,0 +1,61 @@
+import { on } from '../utils/dom/event';
+
+const MIN_DISTANCE = 10;
+
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+
+  return '';
+}
+
+export const TouchMixin = {
+  data() {
+    return { direction: '' };
+  },
+
+  methods: {
+    touchStart(event) {
+      this.resetTouchStatus();
+      this.startX = event.touches[0].clientX;
+      this.startY = event.touches[0].clientY;
+    },
+
+    touchMove(event) {
+      const touch = event.touches[0];
+      this.deltaX = touch.clientX - this.startX;
+      this.deltaY = touch.clientY - this.startY;
+      this.offsetX = Math.abs(this.deltaX);
+      this.offsetY = Math.abs(this.deltaY);
+      this.direction =
+        this.direction || getDirection(this.offsetX, this.offsetY);
+    },
+
+    resetTouchStatus() {
+      this.direction = '';
+      this.deltaX = 0;
+      this.deltaY = 0;
+      this.offsetX = 0;
+      this.offsetY = 0;
+    },
+
+    // avoid Vue 2.6 event bubble issues by manually binding events
+    // https://github.com/youzan/vant/issues/3015
+    bindTouchEvent(el) {
+      const { onTouchStart, onTouchMove, onTouchEnd } = this;
+
+      on(el, 'touchstart', onTouchStart);
+      on(el, 'touchmove', onTouchMove);
+
+      if (onTouchEnd) {
+        on(el, 'touchend', onTouchEnd);
+        on(el, 'touchcancel', onTouchEnd);
+      }
+    },
+  },
+};
diff --git a/src-next/row/index.less b/src-next/row/index.less
new file mode 100644
index 000000000..3858f4d68
--- /dev/null
+++ b/src-next/row/index.less
@@ -0,0 +1,41 @@
+@import '../style/var';
+
+.van-row {
+  &::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  &--flex {
+    display: flex;
+
+    &::after {
+      display: none;
+    }
+  }
+
+  &--justify-center {
+    justify-content: center;
+  }
+
+  &--justify-end {
+    justify-content: flex-end;
+  }
+
+  &--justify-space-between {
+    justify-content: space-between;
+  }
+
+  &--justify-space-around {
+    justify-content: space-around;
+  }
+
+  &--align-center {
+    align-items: center;
+  }
+
+  &--align-bottom {
+    align-items: flex-end;
+  }
+}

From e671e22ea5d1dfb5e3bfbfa23528bd7666f53f5b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:00:20 +0800
Subject: [PATCH 029/626] feat: layout component

---
 src-next/col/README.md                        | 119 +++++++++++++++++
 src-next/col/README.zh-CN.md                  | 124 ++++++++++++++++++
 src-next/col/demo/index.vue                   | 112 ++++++++++++++++
 src-next/col/index.js                         |  51 +++++++
 src-next/col/index.less                       |  20 +++
 .../col/test/__snapshots__/demo.spec.js.snap  |  58 ++++++++
 .../col/test/__snapshots__/index.spec.js.snap |  22 ++++
 src-next/col/test/demo.spec.js                |   4 +
 src-next/col/test/index.spec.js               |  48 +++++++
 src-next/row/index.js                         |  87 ++++++++++++
 src-next/utils/vnodes.ts                      |  47 +++----
 vant.config.js                                |  16 +--
 12 files changed, 677 insertions(+), 31 deletions(-)
 create mode 100644 src-next/col/README.md
 create mode 100644 src-next/col/README.zh-CN.md
 create mode 100644 src-next/col/demo/index.vue
 create mode 100644 src-next/col/index.js
 create mode 100644 src-next/col/index.less
 create mode 100644 src-next/col/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/col/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/col/test/demo.spec.js
 create mode 100644 src-next/col/test/index.spec.js
 create mode 100644 src-next/row/index.js

diff --git a/src-next/col/README.md b/src-next/col/README.md
new file mode 100644
index 000000000..d6be11217
--- /dev/null
+++ b/src-next/col/README.md
@@ -0,0 +1,119 @@
+# Layout
+
+### Intro
+
+Quickly and easily create layouts with `van-row` and `van-col`
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Col, Row } from 'vant';
+
+Vue.use(Col);
+Vue.use(Row);
+```
+
+## Usage
+
+### Basic Usage
+
+Layout are based on 24-column. The attribute `span` in `Col` means the number of column the grid spans. Of course, You can use `offset` attribute to set number of spacing on the left side of the grid.
+
+```html
+<van-row>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+</van-row>
+
+<van-row>
+  <van-col span="4">span: 4</van-col>
+  <van-col span="10" offset="4">offset: 4, span: 10</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<van-row>
+  <van-col offset="12" span="12">offset: 12, span: 12</van-col>
+</van-row>
+```
+
+### Column Spacing
+
+Set grid spacing using `gutter` attribute. The default value is 0
+
+```html
+<van-row gutter="20">
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+</van-row>
+```
+
+### Flex Layout
+
+Setting `type` to `flex` to enable flex layout
+
+```html
+<van-row type="flex">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<van-row type="flex" justify="center">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<van-row type="flex" justify="end">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<van-row type="flex" justify="space-between">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<van-row type="flex" justify="space-around">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+```
+
+## API
+
+### Row Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| type | Layout type, can be set to `flex` | _string_ | - |
+| gutter | Grid spacing（px） | _number \| string_ | - |
+| tag | Custom element tag | _string_ | `div` |
+| justify | Flex main axis，can be set to end/center/space-around/space-between | _string_ | `start` |
+| align | Flex cross axis, be set to center/bottom | _string_ | `top` |
+
+### Col Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| span | number of column the grid spans | _number \| string_ | - |
+| offset | number of spacing on the left side of the grid | _number \| string_ | - |
+| tag | Custom element tag | _string_ | `div` |
+
+### Row Events
+
+| Event | Description              | Arguments      |
+| ----- | ------------------------ | -------------- |
+| click | Triggered when click row | _event: Event_ |
+
+### Col Events
+
+| Event | Description              | Arguments      |
+| ----- | ------------------------ | -------------- |
+| click | Triggered when click col | _event: Event_ |
diff --git a/src-next/col/README.zh-CN.md b/src-next/col/README.zh-CN.md
new file mode 100644
index 000000000..7eb405993
--- /dev/null
+++ b/src-next/col/README.zh-CN.md
@@ -0,0 +1,124 @@
+# Layout 布局
+
+### 介绍
+
+Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Col, Row } from 'vant';
+
+Vue.use(Col);
+Vue.use(Row);
+```
+
+## 代码演示
+
+### 基础用法
+
+Layout 组件提供了`24列栅格`，通过在`Col`上添加`span`属性设置列所占的宽度百分比  
+此外，添加`offset`属性可以设置列的偏移宽度，计算方式与 span 相同
+
+```html
+<van-row>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+</van-row>
+
+<van-row>
+  <van-col span="4">span: 4</van-col>
+  <van-col span="10" offset="4">offset: 4, span: 10</van-col>
+</van-row>
+
+<van-row>
+  <van-col offset="12" span="12">offset: 12, span: 12</van-col>
+</van-row>
+```
+
+### 设置列元素间距
+
+通过`gutter`属性可以设置列元素之间的间距，默认间距为 0
+
+```html
+<van-row gutter="20">
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+  <van-col span="8">span: 8</van-col>
+</van-row>
+```
+
+### Flex 布局
+
+将 `type` 属性设置为 flex 可以启用 flex 布局，便于进行灵活的对齐
+
+```html
+<!-- 左对齐 -->
+<van-row type="flex">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<!-- 居中 -->
+<van-row type="flex" justify="center">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<!-- 右对齐 -->
+<van-row type="flex" justify="end">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<!-- 两端对齐 -->
+<van-row type="flex" justify="space-between">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+
+<!-- 每个元素的两侧间隔相等 -->
+<van-row type="flex" justify="space-around">
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+  <van-col span="6">span: 6</van-col>
+</van-row>
+```
+
+## API
+
+### Row Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| type | 布局方式，可选值为`flex` | _string_ | - |
+| gutter | 列元素之间的间距（单位为 px） | _number \| string_ | - |
+| tag | 自定义元素标签 | _string_ | `div` |
+| justify | Flex 主轴对齐方式，可选值为 `end` `center` <br> `space-around` `space-between` | _string_ | `start` |
+| align | Flex 交叉轴对齐方式，可选值为 `center` `bottom` | _string_ | `top` |
+
+### Col Props
+
+| 参数   | 说明           | 类型               | 默认值 |
+| ------ | -------------- | ------------------ | ------ |
+| span   | 列元素宽度     | _number \| string_ | -      |
+| offset | 列元素偏移距离 | _number \| string_ | -      |
+| tag    | 自定义元素标签 | _string_           | `div`  |
+
+### Row Events
+
+| 事件名 | 说明       | 回调参数       |
+| ------ | ---------- | -------------- |
+| click  | 点击时触发 | _event: Event_ |
+
+### Col Events
+
+| 事件名 | 说明       | 回调参数       |
+| ------ | ---------- | -------------- |
+| click  | 点击时触发 | _event: Event_ |
diff --git a/src-next/col/demo/index.vue b/src-next/col/demo/index.vue
new file mode 100644
index 000000000..5b396922a
--- /dev/null
+++ b/src-next/col/demo/index.vue
@@ -0,0 +1,112 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-row>
+        <van-col span="8">span: 8</van-col>
+        <van-col span="8">span: 8</van-col>
+        <van-col span="8">span: 8</van-col>
+      </van-row>
+
+      <van-row>
+        <van-col span="4">span: 4</van-col>
+        <van-col span="10" offset="4">
+          offset: 4, span: 10
+        </van-col>
+      </van-row>
+
+      <van-row>
+        <van-col offset="12" span="12">
+          offset: 12, span: 12
+        </van-col>
+      </van-row>
+    </demo-block>
+
+    <demo-block :title="t('title2')">
+      <van-row gutter="20">
+        <van-col span="8">span: 8</van-col>
+        <van-col span="8">span: 8</van-col>
+        <van-col span="8">span: 8</van-col>
+      </van-row>
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('title3')">
+      <van-row type="flex">
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+      </van-row>
+
+      <van-row type="flex" justify="center">
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+      </van-row>
+
+      <van-row type="flex" justify="end">
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+      </van-row>
+
+      <van-row type="flex" justify="space-between">
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+      </van-row>
+
+      <van-row type="flex" justify="space-around">
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+        <van-col span="6">span: 6</van-col>
+      </van-row>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title2: '在列元素之间增加间距',
+      title3: 'Flex 布局',
+    },
+    'en-US': {
+      title2: 'Column Spacing',
+      title3: 'Flex Layout',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-col {
+  background: @white;
+
+  .van-doc-demo-block {
+    padding: 0 @padding-md;
+  }
+
+  .van-doc-demo-block__title {
+    padding-left: 0;
+  }
+
+  .van-col {
+    margin-bottom: 10px;
+    color: @white;
+    font-size: 13px;
+    line-height: 30px;
+    text-align: center;
+    background-clip: content-box;
+
+    &:nth-child(odd) {
+      background-color: #39a9ed;
+    }
+
+    &:nth-child(even) {
+      background-color: #66c6f2;
+    }
+  }
+}
+</style>
diff --git a/src-next/col/index.js b/src-next/col/index.js
new file mode 100644
index 000000000..99f0c3e23
--- /dev/null
+++ b/src-next/col/index.js
@@ -0,0 +1,51 @@
+import { createNamespace } from '../utils';
+import { ChildrenMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('col');
+
+export default createComponent({
+  mixins: [ChildrenMixin('vanRow')],
+
+  props: {
+    span: [Number, String],
+    offset: [Number, String],
+    tag: {
+      type: String,
+      default: 'div',
+    },
+  },
+
+  computed: {
+    style() {
+      const { index } = this;
+      const { spaces } = this.parent || {};
+
+      if (spaces && spaces[index]) {
+        const { left, right } = spaces[index];
+        return {
+          paddingLeft: left ? `${left}px` : null,
+          paddingRight: right ? `${right}px` : null,
+        };
+      }
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+    },
+  },
+
+  render() {
+    const { span, offset } = this;
+    return (
+      <this.tag
+        style={this.style}
+        class={bem({ [span]: span, [`offset-${offset}`]: offset })}
+        onClick={this.onClick}
+      >
+        {this.$slots.default?.()}
+      </this.tag>
+    );
+  },
+});
diff --git a/src-next/col/index.less b/src-next/col/index.less
new file mode 100644
index 000000000..35fa2f4f5
--- /dev/null
+++ b/src-next/col/index.less
@@ -0,0 +1,20 @@
+@import '../style/var';
+
+.van-col {
+  float: left;
+  box-sizing: border-box;
+  min-height: 1px;
+}
+
+.generate-col(24);
+.generate-col(@n, @i: 1) when (@i =< @n) {
+  .van-col--@{i} {
+    width: @i * 100% / 24;
+  }
+
+  .van-col--offset-@{i} {
+    margin-left: @i * 100% / 24;
+  }
+
+  .generate-col(@n, (@i + 1));
+}
diff --git a/src-next/col/test/__snapshots__/demo.spec.js.snap b/src-next/col/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..7c04f9b40
--- /dev/null
+++ b/src-next/col/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,58 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8">span: 8</div>
+      <div class="van-col van-col--8">span: 8</div>
+      <div class="van-col van-col--8">span: 8</div>
+    </div>
+    <div class="van-row">
+      <div class="van-col van-col--4">span: 4</div>
+      <div class="van-col van-col--10 van-col--offset-4">
+        offset: 4, span: 10
+      </div>
+    </div>
+    <div class="van-row">
+      <div class="van-col van-col--12 van-col--offset-12">
+        offset: 12, span: 12
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row">
+      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">span: 8</div>
+      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">span: 8</div>
+      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">span: 8</div>
+    </div>
+  </div>
+  <div>
+    <div class="van-row van-row--flex">
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+    </div>
+    <div class="van-row van-row--flex van-row--justify-center">
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+    </div>
+    <div class="van-row van-row--flex van-row--justify-end">
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+    </div>
+    <div class="van-row van-row--flex van-row--justify-space-between">
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+    </div>
+    <div class="van-row van-row--flex van-row--justify-space-around">
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+      <div class="van-col van-col--6">span: 6</div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/col/test/__snapshots__/index.spec.js.snap b/src-next/col/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..2d4588095
--- /dev/null
+++ b/src-next/col/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`gutter prop 1`] = `
+<div class="van-row">
+  <div class="van-col van-col--24">24</div>
+  <div class="van-col van-col--12" style="padding-right: 12px;">12</div>
+  <div class="van-col van-col--12" style="padding-left: 12px;">12</div>
+  <div class="van-col van-col--8" style="padding-right: 16px;">8</div>
+  <div class="van-col van-col--8" style="padding-left: 8px; padding-right: 8px;">8</div>
+  <div class="van-col van-col--8" style="padding-left: 16px;">8</div>
+  <div class="van-col van-col--6" style="padding-right: 18px;">6</div>
+  <div class="van-col van-col--6" style="padding-left: 6px; padding-right: 12px;">6</div>
+  <div class="van-col van-col--6" style="padding-left: 12px; padding-right: 6px;">6</div>
+  <div class="van-col van-col--6" style="padding-left: 18px;">6</div>
+  <div class="van-col van-col--7" style="padding-right: 18px;">7</div>
+  <div class="van-col van-col--6" style="padding-left: 6px; padding-right: 12px;">6</div>
+  <div class="van-col van-col--5" style="padding-left: 12px; padding-right: 6px;">5</div>
+  <div class="van-col van-col--4" style="padding-left: 18px;">4</div>
+  <div class="van-col van-col--3" style="padding-right: 12px;">3</div>
+  <div class="van-col van-col--2" style="padding-left: 12px;">2</div>
+</div>
+`;
diff --git a/src-next/col/test/demo.spec.js b/src-next/col/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/col/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/col/test/index.spec.js b/src-next/col/test/index.spec.js
new file mode 100644
index 000000000..dfe0a20ac
--- /dev/null
+++ b/src-next/col/test/index.spec.js
@@ -0,0 +1,48 @@
+import Col from '..';
+import Row from '../../row';
+import { mount } from '../../../test';
+
+test('Col click event', () => {
+  const wrapper = mount(Col);
+  wrapper.trigger('click');
+
+  expect(wrapper.emitted('click')).toBeTruthy();
+});
+
+test('Row click event', () => {
+  const wrapper = mount(Row);
+  wrapper.trigger('click');
+
+  expect(wrapper.emitted('click')).toBeTruthy();
+});
+
+test('gutter prop', () => {
+  const wrapper = mount({
+    template: `
+      <van-row gutter="24">
+        <van-col span="24">24</van-col>
+
+        <van-col span="12">12</van-col>
+        <van-col span="12">12</van-col>
+
+        <van-col span="8">8</van-col>
+        <van-col span="8">8</van-col>
+        <van-col span="8">8</van-col>
+
+        <van-col span="6">6</van-col>
+        <van-col span="6">6</van-col>
+        <van-col span="6">6</van-col>
+        <van-col span="6">6</van-col>
+        
+        <van-col span="7">7</van-col>
+        <van-col span="6">6</van-col>
+        <van-col span="5">5</van-col>
+        <van-col span="4">4</van-col>
+        <van-col span="3">3</van-col>
+        <van-col span="2">2</van-col>
+      </van-row>
+    `,
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/row/index.js b/src-next/row/index.js
new file mode 100644
index 000000000..9500641c6
--- /dev/null
+++ b/src-next/row/index.js
@@ -0,0 +1,87 @@
+import { createNamespace } from '../utils';
+import { ParentMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('row');
+
+export default createComponent({
+  mixins: [ParentMixin('vanRow')],
+
+  props: {
+    type: String,
+    align: String,
+    justify: String,
+    tag: {
+      type: String,
+      default: 'div',
+    },
+    gutter: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  computed: {
+    spaces() {
+      const gutter = Number(this.gutter);
+
+      if (!gutter) {
+        return;
+      }
+
+      const spaces = [];
+      const groups = [[]];
+
+      let totalSpan = 0;
+      this.children.forEach((item, index) => {
+        totalSpan += Number(item.span);
+
+        if (totalSpan > 24) {
+          groups.push([index]);
+          totalSpan -= 24;
+        } else {
+          groups[groups.length - 1].push(index);
+        }
+      });
+
+      groups.forEach((group) => {
+        const averagePadding = (gutter * (group.length - 1)) / group.length;
+
+        group.forEach((item, index) => {
+          if (index === 0) {
+            spaces.push({ right: averagePadding });
+          } else {
+            const left = gutter - spaces[item - 1].right;
+            const right = averagePadding - left;
+            spaces.push({ left, right });
+          }
+        });
+      });
+
+      return spaces;
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+    },
+  },
+
+  render() {
+    const { align, justify } = this;
+    const flex = this.type === 'flex';
+
+    return (
+      <this.tag
+        class={bem({
+          flex,
+          [`align-${align}`]: flex && align,
+          [`justify-${justify}`]: flex && justify,
+        })}
+        onClick={this.onClick}
+      >
+        {this.$slots.default?.()}
+      </this.tag>
+    );
+  },
+});
diff --git a/src-next/utils/vnodes.ts b/src-next/utils/vnodes.ts
index 471d2ea38..34cc6bf37 100644
--- a/src-next/utils/vnodes.ts
+++ b/src-next/utils/vnodes.ts
@@ -1,33 +1,34 @@
-import { VNode } from 'vue';
+// import { VNode } from 'vue';
 
-function flattenVNodes(vnodes: VNode[]) {
-  const result: VNode[] = [];
+// function flattenVNodes(vnodes: VNode[]) {
+//   const result: VNode[] = [];
 
-  function traverse(vnodes: VNode[]) {
-    vnodes.forEach((vnode) => {
-      result.push(vnode);
+//   function traverse(vnodes: VNode[]) {
+//     vnodes.forEach((vnode) => {
+//       result.push(vnode);
 
-      if (vnode.componentInstance) {
-        traverse(vnode.componentInstance.$children.map((item) => item.$vnode));
-      }
+//       if (vnode.componentInstance) {
+//         traverse(vnode.componentInstance.$children.map((item) => item.$vnode));
+//       }
 
-      if (vnode.children) {
-        traverse(vnode.children);
-      }
-    });
-  }
+//       if (vnode.children) {
+//         traverse(vnode.children);
+//       }
+//     });
+//   }
 
-  traverse(vnodes);
-  return result;
-}
+//   traverse(vnodes);
+//   return result;
+// }
 
+// TODO
 // sort children instances by vnodes order
 export function sortChildren(children: Vue[], parent: Vue) {
-  const { componentOptions } = parent.$vnode;
-  if (!componentOptions || !componentOptions.children) {
-    return;
-  }
+  // const { componentOptions } = parent.$vnode;
+  // if (!componentOptions || !componentOptions.children) {
+  //   return;
+  // }
 
-  const vnodes = flattenVNodes(componentOptions.children);
-  children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
+  // const vnodes = flattenVNodes(componentOptions.children);
+  // children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
 }
diff --git a/vant.config.js b/vant.config.js
index 9f64456b3..67ce5e06d 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -94,10 +94,10 @@ module.exports = {
                 path: 'image',
                 title: 'Image 图片',
               },
-              // {
-              //   path: 'col',
-              //   title: 'Layout 布局',
-              // },
+              {
+                path: 'col',
+                title: 'Layout 布局',
+              },
               // {
               //   path: 'popup',
               //   title: 'Popup 弹出层',
@@ -441,10 +441,10 @@ module.exports = {
                 path: 'image',
                 title: 'Image',
               },
-              // {
-              //   path: 'col',
-              //   title: 'Layout',
-              // },
+              {
+                path: 'col',
+                title: 'Layout',
+              },
               // {
               //   path: 'popup',
               //   title: 'Popup',

From e0f9382123ebc7282c22bc1f950cab99395d83ec Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:08:04 +0800
Subject: [PATCH 030/626] feat: loading component

---
 src-next/loading/README.md                    |  60 ++++++++++
 src-next/loading/README.zh-CN.md              |  70 ++++++++++++
 src-next/loading/demo/index.vue               |  68 ++++++++++++
 src-next/loading/index.js                     |  64 +++++++++++
 src-next/loading/index.less                   | 103 ++++++++++++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  28 +++++
 .../test/__snapshots__/index.spec.js.snap     |   5 +
 src-next/loading/test/demo.spec.js            |   4 +
 src-next/loading/test/index.spec.js           |  25 +++++
 vant.config.js                                |  16 +--
 10 files changed, 435 insertions(+), 8 deletions(-)
 create mode 100644 src-next/loading/README.md
 create mode 100644 src-next/loading/README.zh-CN.md
 create mode 100644 src-next/loading/demo/index.vue
 create mode 100644 src-next/loading/index.js
 create mode 100644 src-next/loading/index.less
 create mode 100644 src-next/loading/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/loading/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/loading/test/demo.spec.js
 create mode 100644 src-next/loading/test/index.spec.js

diff --git a/src-next/loading/README.md b/src-next/loading/README.md
new file mode 100644
index 000000000..0f040966f
--- /dev/null
+++ b/src-next/loading/README.md
@@ -0,0 +1,60 @@
+# Loading
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Loading } from 'vant';
+
+Vue.use(Loading);
+```
+
+## Usage
+
+### Type
+
+```html
+<van-loading /> <van-loading type="spinner" />
+```
+
+### Color
+
+```html
+<van-loading color="#1989fa" /> <van-loading type="spinner" color="#1989fa" />
+```
+
+### Size
+
+```html
+<van-loading size="24" /> <van-loading type="spinner" size="24px" />
+```
+
+### Text
+
+```html
+<van-loading size="24px">Loading...</van-loading>
+```
+
+### Vertical
+
+```html
+<van-loading size="24px" vertical>Loading...</van-loading>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| color | Loading color | _string_ | `#c9c9c9` |
+| type | Can be set to `spinner` | _string_ | `circular` |
+| size | Icon size | _number \| string_ | `30px` |
+| text-size | Text font size | _number \| string_ | `14px` |
+| vertical | Whether to arrange icons and text content vertically | _boolean_ | `false` |
+
+### Slots
+
+| Name    | Description  |
+| ------- | ------------ |
+| default | Loading text |
diff --git a/src-next/loading/README.zh-CN.md b/src-next/loading/README.zh-CN.md
new file mode 100644
index 000000000..9531f5ddf
--- /dev/null
+++ b/src-next/loading/README.zh-CN.md
@@ -0,0 +1,70 @@
+# Loading 加载
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Loading } from 'vant';
+
+Vue.use(Loading);
+```
+
+## 代码演示
+
+### 加载类型
+
+通过`type`属性可以设置加载图标的类型，默认为`circular`，可选值为`spinner`
+
+```html
+<van-loading /> <van-loading type="spinner" />
+```
+
+### 自定义颜色
+
+通过`color`属性设置加载图标的颜色
+
+```html
+<van-loading color="#1989fa" /> <van-loading type="spinner" color="#1989fa" />
+```
+
+### 自定义大小
+
+通过`size`属性设置加载图标的大小，默认单位为`px`
+
+```html
+<van-loading size="24" /> <van-loading type="spinner" size="24px" />
+```
+
+### 加载文案
+
+可以使用默认插槽在图标的右侧插入加载文案
+
+```html
+<van-loading size="24px">加载中...</van-loading>
+```
+
+### 垂直排列
+
+设置`vertical`属性后，图标和文案会垂直排列
+
+```html
+<van-loading size="24px" vertical>加载中...</van-loading>
+```
+
+## API
+
+### Props
+
+| 参数      | 说明                         | 类型               | 默认值     |
+| --------- | ---------------------------- | ------------------ | ---------- |
+| color     | 颜色                         | _string_           | `#c9c9c9`  |
+| type      | 类型，可选值为 `spinner`     | _string_           | `circular` |
+| size      | 加载图标大小，默认单位为`px` | _number \| string_ | `30px`     |
+| text-size | 文字大小，默认单位为`px`     | _number \| string_ | `14px`     |
+| vertical  | 是否垂直排列图标和文字内容   | _boolean_          | `false`    |
+
+### Slots
+
+| 名称    | 说明     |
+| ------- | -------- |
+| default | 加载文案 |
diff --git a/src-next/loading/demo/index.vue b/src-next/loading/demo/index.vue
new file mode 100644
index 000000000..16cb624ab
--- /dev/null
+++ b/src-next/loading/demo/index.vue
@@ -0,0 +1,68 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('type')">
+      <van-loading />
+      <van-loading type="spinner" />
+    </demo-block>
+
+    <demo-block :title="t('color')">
+      <van-loading color="#1989fa" />
+      <van-loading type="spinner" color="#1989fa" />
+    </demo-block>
+
+    <demo-block :title="t('size')">
+      <van-loading size="24" />
+      <van-loading type="spinner" size="24" />
+    </demo-block>
+
+    <demo-block :title="t('text')">
+      <van-loading size="24px">
+        {{ t('loading') }}
+      </van-loading>
+    </demo-block>
+
+    <demo-block :title="t('vertical')">
+      <van-loading size="24px" vertical>
+        {{ t('loading') }}
+      </van-loading>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      type: '加载类型',
+      text: '加载文案',
+      size: '自定义大小',
+      color: '自定义颜色',
+      vertical: '垂直排列',
+    },
+    'en-US': {
+      type: 'Type',
+      text: 'Text',
+      size: 'Size',
+      color: 'Color',
+      vertical: 'Vertical',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-loading {
+  background: @white;
+
+  .van-loading {
+    display: inline-block;
+    margin: 5px 0 5px 20px;
+
+    &--vertical {
+      display: inline-flex;
+    }
+  }
+}
+</style>
diff --git a/src-next/loading/index.js b/src-next/loading/index.js
new file mode 100644
index 000000000..445cfb383
--- /dev/null
+++ b/src-next/loading/index.js
@@ -0,0 +1,64 @@
+// Utils
+import { createNamespace, addUnit } from '../utils';
+
+const [createComponent, bem] = createNamespace('loading');
+
+const SpinIcon = [];
+for (let i = 0; i < 12; i++) {
+  SpinIcon.push(<i />);
+}
+
+const CircularIcon = (
+  <svg class={bem('circular')} viewBox="25 25 50 50">
+    <circle cx="50" cy="50" r="20" fill="none" />
+  </svg>
+);
+
+export default createComponent({
+  props: {
+    color: String,
+    size: [Number, String],
+    vertical: Boolean,
+    textSize: [Number, String],
+    type: {
+      type: String,
+      default: 'circular',
+    },
+  },
+
+  methods: {
+    genLoadingText() {
+      if (this.$slots.default) {
+        const style = this.textSize && {
+          fontSize: addUnit(this.textSize),
+        };
+
+        return (
+          <span class={bem('text')} style={style}>
+            {this.$slots.default()}
+          </span>
+        );
+      }
+    },
+  },
+
+  render() {
+    const { color, size, type, vertical } = this;
+
+    const style = { color };
+    if (size) {
+      const iconSize = addUnit(size);
+      style.width = iconSize;
+      style.height = iconSize;
+    }
+
+    return (
+      <div class={bem([type, { vertical }])}>
+        <span class={bem('spinner', type)} style={style}>
+          {type === 'spinner' ? SpinIcon : CircularIcon}
+        </span>
+        {this.genLoadingText()}
+      </div>
+    );
+  },
+});
diff --git a/src-next/loading/index.less b/src-next/loading/index.less
new file mode 100644
index 000000000..ff2ed370a
--- /dev/null
+++ b/src-next/loading/index.less
@@ -0,0 +1,103 @@
+@import '../style/var';
+
+.van-loading {
+  position: relative;
+  color: @loading-spinner-color;
+  font-size: 0;
+  vertical-align: middle;
+
+  &__spinner {
+    position: relative;
+    display: inline-block;
+    width: @loading-spinner-size;
+    // compatible for 1.x, users may set width or height in root element
+    max-width: 100%;
+    height: @loading-spinner-size;
+    max-height: 100%;
+    vertical-align: middle;
+    animation: van-rotate @loading-spinner-animation-duration linear infinite;
+
+    &--spinner {
+      animation-timing-function: steps(12);
+
+      i {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+
+        &::before {
+          display: block;
+          width: 2px;
+          height: 25%;
+          margin: 0 auto;
+          background-color: currentColor;
+          border-radius: 40%;
+          content: ' ';
+        }
+      }
+    }
+
+    &--circular {
+      animation-duration: 2s;
+    }
+  }
+
+  &__circular {
+    display: block;
+    width: 100%;
+    height: 100%;
+
+    circle {
+      animation: van-circular 1.5s ease-in-out infinite;
+      stroke: currentColor;
+      stroke-width: 3;
+      stroke-linecap: round;
+    }
+  }
+
+  &__text {
+    display: inline-block;
+    margin-left: @padding-xs;
+    color: @loading-text-color;
+    font-size: @loading-text-font-size;
+    vertical-align: middle;
+  }
+
+  &--vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .van-loading__text {
+      margin: @padding-xs 0 0;
+    }
+  }
+}
+
+@keyframes van-circular {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40;
+  }
+
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120;
+  }
+}
+
+.generate-spinner(@n, @i: 1) when (@i =< @n) {
+  .van-loading__spinner--spinner i:nth-of-type(@{i}) {
+    transform: rotate(@i * 30deg);
+    opacity: 1 - (0.75 / 12) * (@i - 1);
+  }
+  .generate-spinner(@n, (@i + 1));
+}
+.generate-spinner(12);
diff --git a/src-next/loading/test/__snapshots__/demo.spec.js.snap b/src-next/loading/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..424aa506c
--- /dev/null
+++ b/src-next/loading/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
+  </div>
+  <div>
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: rgb(25, 137, 250);"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
+  </div>
+  <div>
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 24px; height: 24px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
+  </div>
+  <div>
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">
+      加载中...
+    </span></div>
+  </div>
+  <div>
+    <div class="van-loading van-loading--circular van-loading--vertical"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">
+      加载中...
+    </span></div>
+  </div>
+</div>
+`;
diff --git a/src-next/loading/test/__snapshots__/index.spec.js.snap b/src-next/loading/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..925bda61e
--- /dev/null
+++ b/src-next/loading/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`size prop 1`] = `<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>`;
+
+exports[`text-size prop 1`] = `<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text" style="font-size: 20px;">Text</span></div>`;
diff --git a/src-next/loading/test/demo.spec.js b/src-next/loading/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/loading/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/loading/test/index.spec.js b/src-next/loading/test/index.spec.js
new file mode 100644
index 000000000..5459775a1
--- /dev/null
+++ b/src-next/loading/test/index.spec.js
@@ -0,0 +1,25 @@
+import { mount } from '../../../test';
+import Loading from '..';
+
+test('size prop', () => {
+  const wrapper = mount(Loading, {
+    propsData: {
+      size: 20,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('text-size prop', () => {
+  const wrapper = mount(Loading, {
+    propsData: {
+      textSize: 20,
+    },
+    scopedSlots: {
+      default: () => 'Text',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index 67ce5e06d..585ec7160 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -192,10 +192,10 @@ module.exports = {
               //   path: 'dropdown-menu',
               //   title: 'DropdownMenu 下拉菜单',
               // },
-              // {
-              //   path: 'loading',
-              //   title: 'Loading 加载',
-              // },
+              {
+                path: 'loading',
+                title: 'Loading 加载',
+              },
               // {
               //   path: 'notify',
               //   title: 'Notify 消息通知',
@@ -543,10 +543,10 @@ module.exports = {
               //   path: 'dropdown-menu',
               //   title: 'DropdownMenu',
               // },
-              // {
-              //   path: 'loading',
-              //   title: 'Loading',
-              // },
+              {
+                path: 'loading',
+                title: 'Loading',
+              },
               // {
               //   path: 'notify',
               //   title: 'Notify',

From 0010bfd461bbccca825ada58a48d50f1a892cced Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:10:35 +0800
Subject: [PATCH 031/626] fix(Image): loading status

---
 src-next/image/index.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src-next/image/index.js b/src-next/image/index.js
index 02fa9334a..9519f4a01 100644
--- a/src-next/image/index.js
+++ b/src-next/image/index.js
@@ -157,14 +157,16 @@ export default createComponent({
         return <img ref="image" vLazy={this.src} {...imgData} />;
       }
 
-      return (
-        <img
-          src={this.src}
-          onLoad={this.onLoad}
-          onError={this.onError}
-          {...imgData}
-        />
-      );
+      if (this.src) {
+        return (
+          <img
+            src={this.src}
+            onLoad={this.onLoad}
+            onError={this.onError}
+            {...imgData}
+          />
+        );
+      }
     },
   },
 

From 12c167fbbccd9a2f11d4f4af4cb964e9b6fc65de Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:19:54 +0800
Subject: [PATCH 032/626] feat: Button component

---
 src-next/button/README.md                     | 134 +++++++++++++
 src-next/button/README.zh-CN.md               | 157 +++++++++++++++
 src-next/button/demo/index.vue                | 173 +++++++++++++++++
 src-next/button/index.js                      | 147 ++++++++++++++
 src-next/button/index.less                    | 183 ++++++++++++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  86 ++++++++
 .../test/__snapshots__/index.spec.js.snap     |  16 ++
 src-next/button/test/demo.spec.js             |   4 +
 src-next/button/test/index.spec.js            |  95 +++++++++
 src-next/utils/router.ts                      |  13 +-
 vant.config.js                                |  16 +-
 11 files changed, 1007 insertions(+), 17 deletions(-)
 create mode 100644 src-next/button/README.md
 create mode 100644 src-next/button/README.zh-CN.md
 create mode 100644 src-next/button/demo/index.vue
 create mode 100644 src-next/button/index.js
 create mode 100644 src-next/button/index.less
 create mode 100644 src-next/button/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/button/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/button/test/demo.spec.js
 create mode 100644 src-next/button/test/index.spec.js

diff --git a/src-next/button/README.md b/src-next/button/README.md
new file mode 100644
index 000000000..3414b3b30
--- /dev/null
+++ b/src-next/button/README.md
@@ -0,0 +1,134 @@
+# Button
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Button } from 'vant';
+
+Vue.use(Button);
+```
+
+## Usage
+
+### Type
+
+```html
+<van-button type="default">Default</van-button>
+<van-button type="primary">Primary</van-button>
+<van-button type="info">Info</van-button>
+<van-button type="danger">Danger</van-button>
+<van-button type="warning">Warning</van-button>
+```
+
+### Plain
+
+```html
+<van-button plain type="primary">Primary</van-button>
+<van-button plain type="info">Danger</van-button>
+```
+
+### Hairline
+
+```html
+<van-button plain hairline type="primary">Hairline</van-button>
+<van-button plain hairline type="info">Hairline</van-button>
+```
+
+### Disabled
+
+```html
+<van-button disabled type="primary">Diabled</van-button>
+<van-button disabled type="info">Diabled</van-button>
+```
+
+### Loading
+
+```html
+<van-button loading type="primary" />
+<van-button loading type="primary" loading-type="spinner" />
+<van-button loading type="info" loading-text="Loading..." />
+```
+
+### Shape
+
+```html
+<van-button square type="primary">Square</van-button>
+<van-button round type="info">Round</van-button>
+```
+
+### Icon
+
+```html
+<van-button icon="star-o" type="primary" />
+<van-button icon="star-o" type="primary">Button</van-button>
+<van-button icon="https://img.yzcdn.cn/vant/logo.png" type="info"
+  >Button</van-button
+>
+```
+
+### Size
+
+```html
+<van-button type="primary" size="large">Large</van-button>
+<van-button type="primary" size="normal">Normal</van-button>
+<van-button type="primary" size="small">Small</van-button>
+<van-button type="primary" size="mini">Mini</van-button>
+```
+
+### Block Element
+
+```html
+<van-button type="primary" block>Block Element</van-button>
+```
+
+### Route
+
+```html
+<van-button type="primary" url="/vant/mobile.html">URL</van-button>
+<van-button type="primary" to="index">Vue Router</van-button>
+```
+
+### Custom Color
+
+```html
+<van-button color="#7232dd">Pure</van-button>
+<van-button color="#7232dd" plain>Pure</van-button>
+<van-button color="linear-gradient(to right, #4bb0ff, #6149f6)"
+  >Gradient</van-button
+>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| type | Can be set to `primary` `info` `warning` `danger` | _string_ | `default` |
+| size | Can be set to `large` `small` `mini` | _string_ | `normal` |
+| text | Text | _string_ | - |
+| color `v2.1.8` | Color, support linear-gradient | _string_ | - |
+| icon | Left Icon | _string_ | - |
+| icon-prefix `v2.6.0` | Icon className prefix | _string_ | `van-icon` |
+| tag | HTML Tag | _string_ | `button` |
+| native-type | Native Type Attribute | _string_ | `''` |
+| plain | Whether to be plain button | _boolean_ | `false` |
+| block | Whether to set display block | _boolean_ | `false` |
+| round | Whether to be round button | _boolean_ | `false` |
+| square | Whether to be square button | _boolean_ | `false` |
+| disabled | Whether to disable button | _boolean_ | `false` |
+| loading | Whether show loading status | _boolean_ | `false` |
+| loading-text | Loading text | _string_ | - |
+| loading-type | Loading type, can be set to `spinner` | _string_ | `circular` |
+| loading-size | Loading icon size | _string_ | `20px` |
+| url | Link URL | _string_ | - |
+| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
+| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
+
+### Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| click | Triggered when click button and not disabled or loading | _event: Event_ |
+| touchstart | Triggered when touch start | _event: TouchEvent_ |
diff --git a/src-next/button/README.zh-CN.md b/src-next/button/README.zh-CN.md
new file mode 100644
index 000000000..092bd1211
--- /dev/null
+++ b/src-next/button/README.zh-CN.md
@@ -0,0 +1,157 @@
+# Button 按钮
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Button } from 'vant';
+
+Vue.use(Button);
+```
+
+## 代码演示
+
+### 按钮类型
+
+支持`default`、`primary`、`info`、`warning`、`danger`五种类型，默认为`default`
+
+```html
+<van-button type="default">默认按钮</van-button>
+<van-button type="primary">主要按钮</van-button>
+<van-button type="info">信息按钮</van-button>
+<van-button type="warning">警告按钮</van-button>
+<van-button type="danger">危险按钮</van-button>
+```
+
+### 朴素按钮
+
+通过`plain`属性将按钮设置为朴素按钮，朴素按钮的文字为按钮颜色，背景为白色。
+
+```html
+<van-button plain type="primary">朴素按钮</van-button>
+<van-button plain type="info">朴素按钮</van-button>
+```
+
+### 细边框
+
+设置`hairline`属性可以开启 0.5px 边框，基于伪类实现
+
+```html
+<van-button plain hairline type="primary">细边框按钮</van-button>
+<van-button plain hairline type="info">细边框按钮</van-button>
+```
+
+### 禁用状态
+
+通过`disabled`属性来禁用按钮，禁用状态下按钮不可点击
+
+```html
+<van-button disabled type="primary">禁用状态</van-button>
+<van-button disabled type="info">禁用状态</van-button>
+```
+
+### 加载状态
+
+通过`loading`属性设置按钮为加载状态，加载状态下默认会隐藏按钮文字，可以通过`loading-text`设置加载状态下的文字
+
+```html
+<van-button loading type="primary" />
+<van-button loading type="primary" loading-type="spinner" />
+<van-button loading type="info" loading-text="加载中..." />
+```
+
+### 按钮形状
+
+通过`square`设置方形按钮，通过`round`设置圆形按钮
+
+```html
+<van-button square type="primary">方形按钮</van-button>
+<van-button round type="info">圆形按钮</van-button>
+```
+
+### 图标按钮
+
+通过`icon`属性设置按钮图标，支持 Icon 组件里的所有图标，也可以传入图标 URL
+
+```html
+<van-button icon="star-o" type="primary" />
+<van-button icon="star-o" type="primary">按钮</van-button>
+<van-button icon="https://img.yzcdn.cn/vant/logo.png" type="info"
+  >按钮</van-button
+>
+```
+
+### 按钮尺寸
+
+支持`large`、`normal`、`small`、`mini`四种尺寸，默认为`normal`
+
+```html
+<van-button type="primary" size="large">大号按钮</van-button>
+<van-button type="primary" size="normal">普通按钮</van-button>
+<van-button type="primary" size="small">小型按钮</van-button>
+<van-button type="primary" size="mini">迷你按钮</van-button>
+```
+
+### 块级元素
+
+按钮在默认情况下为行内块级元素，通过`block`属性可以将按钮的元素类型设置为块级元素
+
+```html
+<van-button type="primary" block>块级元素</van-button>
+```
+
+### 页面导航
+
+可以通过`url`属性进行 URL 跳转，或通过`to`属性进行路由跳转
+
+```html
+<van-button type="primary" url="/vant/mobile.html">URL 跳转</van-button>
+<van-button type="primary" to="index">路由跳转</van-button>
+```
+
+### 自定义颜色
+
+通过`color`属性可以自定义按钮的颜色
+
+```html
+<van-button color="#7232dd">单色按钮</van-button>
+<van-button color="#7232dd" plain>单色按钮</van-button>
+<van-button color="linear-gradient(to right, #4bb0ff, #6149f6)"
+  >渐变色按钮</van-button
+>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| type | 类型，可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
+| size | 尺寸，可选值为 `large` `small` `mini` | _string_ | `normal` |
+| text | 按钮文字 | _string_ | - |
+| color `v2.1.8` | 按钮颜色，支持传入`linear-gradient`渐变色 | _string_ | - |
+| icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
+| icon-prefix `v2.6.0` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
+| tag | 根节点的 HTML 标签 | _string_ | `button` |
+| native-type | 原生 button 标签的 type 属性 | _string_ | - |
+| block | 是否为块级元素 | _boolean_ | `false` |
+| plain | 是否为朴素按钮 | _boolean_ | `false` |
+| square | 是否为方形按钮 | _boolean_ | `false` |
+| round | 是否为圆形按钮 | _boolean_ | `false` |
+| disabled | 是否禁用按钮 | _boolean_ | `false` |
+| hairline | 是否使用 0.5px 边框 | _boolean_ | `false` |
+| loading | 是否显示为加载状态 | _boolean_ | `false` |
+| loading-text | 加载状态提示文字 | _string_ | - |
+| loading-type | [加载图标类型](#/zh-CN/loading)，可选值为`spinner` | _string_ | `circular` |
+| loading-size | 加载图标大小 | _string_ | `20px` |
+| url | 点击后跳转的链接地址 | _string_ | - |
+| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
+| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
+
+### Events
+
+| 事件名     | 说明                                     | 回调参数            |
+| ---------- | ---------------------------------------- | ------------------- |
+| click      | 点击按钮，且按钮状态不为加载或禁用时触发 | _event: Event_      |
+| touchstart | 开始触摸按钮时触发                       | _event: TouchEvent_ |
diff --git a/src-next/button/demo/index.vue b/src-next/button/demo/index.vue
new file mode 100644
index 000000000..2eb52e3bd
--- /dev/null
+++ b/src-next/button/demo/index.vue
@@ -0,0 +1,173 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('type')">
+      <div class="demo-button-row">
+        <van-button type="default">{{ t('default') }}</van-button>
+        <van-button type="primary">{{ t('primary') }}</van-button>
+        <van-button type="info">{{ t('info') }}</van-button>
+      </div>
+      <van-button type="danger">{{ t('danger') }}</van-button>
+      <van-button type="warning">{{ t('warning') }}</van-button>
+    </demo-block>
+
+    <demo-block :title="t('plain')">
+      <van-button plain type="primary" :text="t('plain')" />
+      <van-button plain type="info" :text="t('plain')" />
+    </demo-block>
+
+    <demo-block :title="t('hairline')">
+      <van-button plain hairline type="primary" :text="t('hairlineButton')" />
+      <van-button plain hairline type="info" :text="t('hairlineButton')" />
+    </demo-block>
+
+    <demo-block :title="t('disabled')">
+      <van-button disabled type="primary" :text="t('disabled')" />
+      <van-button disabled type="info" :text="t('disabled')" />
+    </demo-block>
+
+    <demo-block :title="t('loadingStatus')">
+      <van-button loading type="primary" />
+      <van-button loading type="primary" loading-type="spinner" />
+      <van-button loading :loading-text="t('loadingText')" type="info" />
+    </demo-block>
+
+    <demo-block :title="t('shape')">
+      <van-button type="primary" square :text="t('square')" />
+      <van-button type="info" round :text="t('round')" />
+    </demo-block>
+
+    <demo-block :title="t('icon')">
+      <van-button type="primary" icon="star-o" />
+      <van-button type="primary" icon="star-o" :text="t('button')" />
+      <van-button
+        plain
+        type="primary"
+        icon="https://img.yzcdn.cn/vant/logo.png"
+        :text="t('button')"
+      />
+    </demo-block>
+
+    <demo-block :title="t('size')">
+      <van-button type="primary" size="large">{{ t('large') }}</van-button>
+      <van-button type="primary" size="normal">{{ t('normal') }}</van-button>
+      <van-button type="primary" size="small">{{ t('small') }}</van-button>
+      <van-button type="primary" size="mini">{{ t('mini') }}</van-button>
+    </demo-block>
+
+    <demo-block :title="t('blockElement')">
+      <van-button type="primary" block>{{ t('blockElement') }}</van-button>
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('router')">
+      <van-button
+        :text="t('urlRoute')"
+        type="primary"
+        url="/vant/mobile.html"
+      />
+      <van-button :text="t('vueRoute')" type="primary" to="index" />
+    </demo-block>
+
+    <demo-block :title="t('customColor')">
+      <van-button color="#7232dd" :text="t('pure')" />
+      <van-button plain color="#7232dd" :text="t('pure')" />
+      <van-button
+        color="linear-gradient(to right, #4bb0ff, #6149f6)"
+        :text="t('gradient')"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      type: '按钮类型',
+      size: '按钮尺寸',
+      icon: '图标按钮',
+      loading: '加载状态',
+      shape: '按钮形状',
+      default: '默认按钮',
+      primary: '主要按钮',
+      info: '信息按钮',
+      danger: '危险按钮',
+      warning: '警告按钮',
+      large: '大号按钮',
+      normal: '普通按钮',
+      small: '小型按钮',
+      mini: '迷你按钮',
+      plain: '朴素按钮',
+      square: '方形按钮',
+      round: '圆形按钮',
+      hairline: '细边框',
+      hairlineButton: '细边框按钮',
+      loadingText: '加载中...',
+      router: '页面导航',
+      urlRoute: 'URL 跳转',
+      vueRoute: '路由跳转',
+      customColor: '自定义颜色',
+      pure: '单色按钮',
+      gradient: '渐变色按钮',
+      blockElement: '块级元素',
+    },
+    'en-US': {
+      type: 'Type',
+      size: 'Size',
+      icon: 'Icon',
+      loading: 'Loading',
+      shape: 'Shape',
+      default: 'Default',
+      primary: 'Primary',
+      info: 'Info',
+      danger: 'Danger',
+      warning: 'Warning',
+      large: 'Large',
+      normal: 'Normal',
+      small: 'Small',
+      mini: 'Mini',
+      plain: 'Plain',
+      square: 'Square',
+      round: 'Round',
+      hairline: 'Hairline',
+      hairlineButton: 'Hairline',
+      loadingText: 'Loading...',
+      router: 'Router',
+      urlRoute: 'URL',
+      vueRoute: 'Vue Router',
+      customColor: 'Custom Color',
+      pure: 'Pure',
+      gradient: 'Gradient',
+      blockElement: 'Block Element',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-button {
+  .van-button {
+    &--large {
+      margin-bottom: @padding-md;
+    }
+
+    &--small,
+    &--normal:not(:last-child) {
+      margin-right: @padding-md;
+    }
+  }
+
+  .van-doc-demo-block {
+    padding: 0 @padding-md;
+  }
+
+  .van-doc-demo-block__title {
+    padding-left: 0;
+  }
+
+  &-row {
+    margin-bottom: @padding-sm;
+  }
+}
+</style>
diff --git a/src-next/button/index.js b/src-next/button/index.js
new file mode 100644
index 000000000..689b9aaa1
--- /dev/null
+++ b/src-next/button/index.js
@@ -0,0 +1,147 @@
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_SURROUND, WHITE } from '../utils/constant';
+import { routeProps, route } from '../utils/router';
+
+// Components
+import Icon from '../icon';
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('button');
+
+export default createComponent({
+  props: {
+    ...routeProps,
+    text: String,
+    icon: String,
+    color: String,
+    block: Boolean,
+    plain: Boolean,
+    round: Boolean,
+    square: Boolean,
+    loading: Boolean,
+    hairline: Boolean,
+    disabled: Boolean,
+    iconPrefix: String,
+    nativeType: String,
+    loadingText: String,
+    loadingType: String,
+    tag: {
+      type: String,
+      default: 'button',
+    },
+    type: {
+      type: String,
+      default: 'default',
+    },
+    size: {
+      type: String,
+      default: 'normal',
+    },
+    loadingSize: {
+      type: String,
+      default: '20px',
+    },
+  },
+
+  methods: {
+    onClick() {
+      if (!this.loading && !this.disabled) {
+        this.$emit('click', event);
+        route(this.$router, this);
+      }
+    },
+
+    onTouchstart(event) {
+      this.$emit('touchstart', event);
+    },
+
+    genContent() {
+      const Content = [];
+
+      if (this.loading) {
+        Content.push(
+          <Loading
+            class={bem('loading')}
+            size={this.loadingSize}
+            type={this.loadingType}
+            color="currentColor"
+          />
+        );
+      } else if (this.icon) {
+        Content.push(
+          <Icon
+            name={this.icon}
+            class={bem('icon')}
+            classPrefix={this.iconPrefix}
+          />
+        );
+      }
+
+      let text;
+      if (this.loading) {
+        text = this.loadingText;
+      } else {
+        text = this.$slots.default ? this.$slots.default() : this.text;
+      }
+
+      if (text) {
+        Content.push(<span class={bem('text')}>{text}</span>);
+      }
+
+      return Content;
+    },
+  },
+
+  render() {
+    const { tag, type, color, plain, disabled, loading, hairline } = this;
+
+    const style = {};
+
+    if (color) {
+      style.color = plain ? color : WHITE;
+
+      if (!plain) {
+        // Use background instead of backgroundColor to make linear-gradient work
+        style.background = color;
+      }
+
+      // hide border when color is linear-gradient
+      if (color.indexOf('gradient') !== -1) {
+        style.border = 0;
+      } else {
+        style.borderColor = color;
+      }
+    }
+
+    const classes = [
+      bem([
+        type,
+        this.size,
+        {
+          plain,
+          loading,
+          disabled,
+          hairline,
+          block: this.block,
+          round: this.round,
+          square: this.square,
+        },
+      ]),
+      { [BORDER_SURROUND]: hairline },
+    ];
+
+    return (
+      <tag
+        style={style}
+        class={classes}
+        type={this.nativeType}
+        disabled={disabled}
+        onClick={this.onClick}
+        onTouchstart={this.onTouchstart}
+      >
+        <div class={bem('content')}>{this.genContent()}</div>
+      </tag>
+    );
+  },
+});
diff --git a/src-next/button/index.less b/src-next/button/index.less
new file mode 100644
index 000000000..5f2ad00ae
--- /dev/null
+++ b/src-next/button/index.less
@@ -0,0 +1,183 @@
+@import '../style/var';
+
+.van-button {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  height: @button-default-height;
+  margin: 0;
+  padding: 0;
+  font-size: @button-default-font-size;
+  line-height: @button-default-line-height;
+  text-align: center;
+  border-radius: @button-border-radius;
+  cursor: pointer;
+  transition: opacity @animation-duration-fast;
+  -webkit-appearance: none;
+
+  &::before {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    background-color: @black;
+    border: inherit;
+    border-color: @black;
+    border-radius: inherit; /* inherit parent's border radius */
+    transform: translate(-50%, -50%);
+    opacity: 0;
+    content: ' ';
+  }
+
+  &:active::before {
+    opacity: 0.1;
+  }
+
+  &--loading,
+  &--disabled {
+    &::before {
+      display: none;
+    }
+  }
+
+  &--default {
+    color: @button-default-color;
+    background-color: @button-default-background-color;
+    border: @button-border-width solid @button-default-border-color;
+  }
+
+  &--primary {
+    color: @button-primary-color;
+    background-color: @button-primary-background-color;
+    border: @button-border-width solid @button-primary-border-color;
+  }
+
+  &--info {
+    color: @button-info-color;
+    background-color: @button-info-background-color;
+    border: @button-border-width solid @button-info-border-color;
+  }
+
+  &--danger {
+    color: @button-danger-color;
+    background-color: @button-danger-background-color;
+    border: @button-border-width solid @button-danger-border-color;
+  }
+
+  &--warning {
+    color: @button-warning-color;
+    background-color: @button-warning-background-color;
+    border: @button-border-width solid @button-warning-border-color;
+  }
+
+  &--plain {
+    background-color: @button-plain-background-color;
+
+    &.van-button--primary {
+      color: @button-primary-background-color;
+    }
+
+    &.van-button--info {
+      color: @button-info-background-color;
+    }
+
+    &.van-button--danger {
+      color: @button-danger-background-color;
+    }
+
+    &.van-button--warning {
+      color: @button-warning-background-color;
+    }
+  }
+
+  &--large {
+    width: 100%;
+    height: @button-large-height;
+  }
+
+  &--normal {
+    padding: 0 15px;
+    font-size: @button-normal-font-size;
+  }
+
+  &--small {
+    height: @button-small-height;
+    padding: 0 @padding-xs;
+    font-size: @button-small-font-size;
+  }
+
+  &__loading {
+    color: inherit;
+    font-size: inherit;
+  }
+
+  &--mini {
+    height: @button-mini-height;
+    padding: 0 @padding-base;
+    font-size: @button-mini-font-size;
+
+    & + .van-button--mini {
+      margin-left: @padding-base;
+    }
+  }
+
+  &--block {
+    display: block;
+    width: 100%;
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: @button-disabled-opacity;
+  }
+
+  &--loading {
+    cursor: default;
+  }
+
+  &--round {
+    border-radius: @button-round-border-radius;
+  }
+
+  &--square {
+    border-radius: 0;
+  }
+
+  // align-items are ignored when flex container is a button in legacy safari
+  // see: https://bugs.webkit.org/show_bug.cgi?id=169700
+  &__content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  &__icon {
+    min-width: 1em;
+    font-size: 1.2em;
+    line-height: inherit;
+  }
+
+  &__icon + &__text,
+  &__loading + &__text {
+    margin-left: 5px;
+  }
+
+  &--hairline {
+    border-width: 0;
+
+    &::after {
+      border-color: inherit;
+      border-radius: @button-border-radius * 2;
+    }
+
+    &.van-button--round::after {
+      border-radius: @button-round-border-radius;
+    }
+
+    &.van-button--square::after {
+      border-radius: 0;
+    }
+  }
+}
diff --git a/src-next/button/test/__snapshots__/demo.spec.js.snap b/src-next/button/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..9d218df71
--- /dev/null
+++ b/src-next/button/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="demo-button-row"><button class="van-button van-button--default van-button--normal">
+        <div class="van-button__content"><span class="van-button__text">默认按钮</span></div>
+      </button> <button class="van-button van-button--primary van-button--normal">
+        <div class="van-button__content"><span class="van-button__text">主要按钮</span></div>
+      </button> <button class="van-button van-button--info van-button--normal">
+        <div class="van-button__content"><span class="van-button__text">信息按钮</span></div>
+      </button></div> <button class="van-button van-button--danger van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">危险按钮</span></div>
+    </button> <button class="van-button van-button--warning van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">警告按钮</span></div>
+    </button>
+  </div>
+  <div><button class="van-button van-button--primary van-button--normal van-button--plain">
+      <div class="van-button__content"><span class="van-button__text">朴素按钮</span></div>
+    </button> <button class="van-button van-button--info van-button--normal van-button--plain">
+      <div class="van-button__content"><span class="van-button__text">朴素按钮</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround">
+      <div class="van-button__content"><span class="van-button__text">细边框按钮</span></div>
+    </button> <button class="van-button van-button--info van-button--normal van-button--plain van-button--hairline van-hairline--surround">
+      <div class="van-button__content"><span class="van-button__text">细边框按钮</span></div>
+    </button></div>
+  <div><button disabled="disabled" class="van-button van-button--primary van-button--normal van-button--disabled">
+      <div class="van-button__content"><span class="van-button__text">禁用状态</span></div>
+    </button> <button disabled="disabled" class="van-button van-button--info van-button--normal van-button--disabled">
+      <div class="van-button__content"><span class="van-button__text">禁用状态</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal van-button--loading">
+      <div class="van-button__content">
+        <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+      </div>
+    </button> <button class="van-button van-button--primary van-button--normal van-button--loading">
+      <div class="van-button__content">
+        <div class="van-loading van-loading--spinner van-button__loading"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: currentColor; width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
+      </div>
+    </button> <button class="van-button van-button--info van-button--normal van-button--loading">
+      <div class="van-button__content">
+        <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><span class="van-button__text">加载中...</span>
+      </div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal van-button--square">
+      <div class="van-button__content"><span class="van-button__text">方形按钮</span></div>
+    </button> <button class="van-button van-button--info van-button--normal van-button--round">
+      <div class="van-button__content"><span class="van-button__text">圆形按钮</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal">
+      <div class="van-button__content"><i class="van-icon van-icon-star-o van-button__icon">
+          <!----></i></div>
+    </button> <button class="van-button van-button--primary van-button--normal">
+      <div class="van-button__content"><i class="van-icon van-icon-star-o van-button__icon">
+          <!----></i><span class="van-button__text">按钮</span></div>
+    </button> <button class="van-button van-button--primary van-button--normal van-button--plain">
+      <div class="van-button__content"><i class="van-icon van-button__icon"><img src="https://img.yzcdn.cn/vant/logo.png" class="van-icon__image">
+          <!----></i><span class="van-button__text">按钮</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--large">
+      <div class="van-button__content"><span class="van-button__text">大号按钮</span></div>
+    </button> <button class="van-button van-button--primary van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">普通按钮</span></div>
+    </button> <button class="van-button van-button--primary van-button--small">
+      <div class="van-button__content"><span class="van-button__text">小型按钮</span></div>
+    </button> <button class="van-button van-button--primary van-button--mini">
+      <div class="van-button__content"><span class="van-button__text">迷你按钮</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal van-button--block">
+      <div class="van-button__content"><span class="van-button__text">块级元素</span></div>
+    </button></div>
+  <div><button class="van-button van-button--primary van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">URL 跳转</span></div>
+    </button> <button class="van-button van-button--primary van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">路由跳转</span></div>
+    </button></div>
+  <div><button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
+      <div class="van-button__content"><span class="van-button__text">单色按钮</span></div>
+    </button> <button class="van-button van-button--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;">
+      <div class="van-button__content"><span class="van-button__text">单色按钮</span></div>
+    </button> <button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;">
+      <div class="van-button__content"><span class="van-button__text">渐变色按钮</span></div>
+    </button></div>
+</div>
+`;
diff --git a/src-next/button/test/__snapshots__/index.spec.js.snap b/src-next/button/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..239b474c2
--- /dev/null
+++ b/src-next/button/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`icon-prefix prop 1`] = `
+<button class="van-button van-button--default van-button--normal">
+  <div class="van-button__content"><i class="my-icon my-icon-success van-button__icon">
+      <!----></i></div>
+</button>
+`;
+
+exports[`loading-size prop 1`] = `
+<button class="van-button van-button--default van-button--normal van-button--loading">
+  <div class="van-button__content">
+    <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 10px; height: 10px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+  </div>
+</button>
+`;
diff --git a/src-next/button/test/demo.spec.js b/src-next/button/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/button/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/button/test/index.spec.js b/src-next/button/test/index.spec.js
new file mode 100644
index 000000000..bd9d96bdb
--- /dev/null
+++ b/src-next/button/test/index.spec.js
@@ -0,0 +1,95 @@
+import { mount } from '../../../test';
+import Button from '..';
+
+test('loading-size prop', () => {
+  const wrapper = mount(Button, {
+    propsData: {
+      loading: true,
+      loadingSize: '10px',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click event', () => {
+  const onClick = jest.fn();
+  const wrapper = mount(Button, {
+    context: {
+      on: {
+        click: onClick,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(onClick).toHaveBeenCalled();
+});
+
+test('not trigger click event when disabled', () => {
+  const onClick = jest.fn();
+  const wrapper = mount(Button, {
+    propsData: {
+      disabled: true,
+    },
+    context: {
+      on: {
+        click: onClick,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(onClick).toHaveBeenCalledTimes(0);
+});
+
+test('not trigger click event when loading', () => {
+  const onClick = jest.fn();
+  const wrapper = mount(Button, {
+    propsData: {
+      loading: true,
+    },
+    context: {
+      on: {
+        click: onClick,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(onClick).toHaveBeenCalledTimes(0);
+});
+
+test('touchstart event', () => {
+  const onTouchstart = jest.fn();
+  const wrapper = mount(Button, {
+    context: {
+      on: {
+        touchstart: onTouchstart,
+      },
+    },
+  });
+
+  wrapper.trigger('touchstart');
+  expect(onTouchstart).toHaveBeenCalled();
+});
+
+test('hide border when color is gradient', () => {
+  const wrapper = mount(Button, {
+    propsData: {
+      color: 'linear-gradient(#000, #fff)',
+    },
+  });
+
+  expect(wrapper.element.style.border).toEqual('0px');
+});
+
+test('icon-prefix prop', () => {
+  const wrapper = mount(Button, {
+    propsData: {
+      icon: 'success',
+      iconPrefix: 'my-icon',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/utils/router.ts b/src-next/utils/router.ts
index 7a005e4e9..7e822dc31 100644
--- a/src-next/utils/router.ts
+++ b/src-next/utils/router.ts
@@ -2,12 +2,11 @@
  * Vue Router support
  */
 
-import { RenderContext } from 'vue/types';
-import VueRouter, { RawLocation } from 'vue-router/types';
+import type { Router, RouteLocation } from 'vue-router';
 
 export type RouteConfig = {
   url?: string;
-  to?: RawLocation;
+  to?: RouteLocation;
   replace?: boolean;
 };
 
@@ -19,7 +18,7 @@ function isRedundantNavigation(err: Error) {
   );
 }
 
-export function route(router: VueRouter, config: RouteConfig) {
+export function route(router: Router, config: RouteConfig) {
   const { to, url, replace } = config;
   if (to && router) {
     const promise = router[replace ? 'replace' : 'push'](to);
@@ -37,14 +36,10 @@ export function route(router: VueRouter, config: RouteConfig) {
   }
 }
 
-export function functionalRoute(context: RenderContext) {
-  route(context.parent && context.parent.$router, context.props);
-}
-
 export type RouteProps = {
   url?: string;
   replace?: boolean;
-  to?: RawLocation;
+  to?: RouteLocation;
 };
 
 export const routeProps = {
diff --git a/vant.config.js b/vant.config.js
index 585ec7160..e2f7a50d8 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -78,10 +78,10 @@ module.exports = {
           {
             title: '基础组件',
             items: [
-              // {
-              //   path: 'button',
-              //   title: 'Button 按钮',
-              // },
+              {
+                path: 'button',
+                title: 'Button 按钮',
+              },
               // {
               //   path: 'cell',
               //   title: 'Cell 单元格',
@@ -425,10 +425,10 @@ module.exports = {
           {
             title: 'Basic Components',
             items: [
-              // {
-              //   path: 'button',
-              //   title: 'Button',
-              // },
+              {
+                path: 'button',
+                title: 'Button',
+              },
               // {
               //   path: 'cell',
               //   title: 'Cell',

From 2f1f540d6ae510d468d945e434a46e9d4106dffb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:30:23 +0800
Subject: [PATCH 033/626] feat: Cell component

---
 src-next/cell/README.md                       | 164 +++++++++++++++++
 src-next/cell/README.zh-CN.md                 | 167 ++++++++++++++++++
 src-next/cell/demo/index.vue                  | 121 +++++++++++++
 src-next/cell/index.js                        | 130 ++++++++++++++
 src-next/cell/index.less                      | 104 +++++++++++
 src-next/cell/shared.ts                       |  40 +++++
 .../cell/test/__snapshots__/demo.spec.js.snap | 110 ++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  29 +++
 src-next/cell/test/demo.spec.js               |   4 +
 src-next/cell/test/index.spec.js              |  80 +++++++++
 src-next/utils/functional.ts                  |  71 --------
 vant.config.js                                |  66 ++-----
 12 files changed, 967 insertions(+), 119 deletions(-)
 create mode 100644 src-next/cell/README.md
 create mode 100644 src-next/cell/README.zh-CN.md
 create mode 100644 src-next/cell/demo/index.vue
 create mode 100644 src-next/cell/index.js
 create mode 100644 src-next/cell/index.less
 create mode 100644 src-next/cell/shared.ts
 create mode 100644 src-next/cell/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/cell/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/cell/test/demo.spec.js
 create mode 100644 src-next/cell/test/index.spec.js
 delete mode 100644 src-next/utils/functional.ts

diff --git a/src-next/cell/README.md b/src-next/cell/README.md
new file mode 100644
index 000000000..63e9248b5
--- /dev/null
+++ b/src-next/cell/README.md
@@ -0,0 +1,164 @@
+# Cell
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Cell, CellGroup } from 'vant';
+
+Vue.use(Cell);
+Vue.use(CellGroup);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-cell-group>
+  <van-cell title="Cell title" value="Content" />
+  <van-cell title="Cell title" value="Content" label="Description" />
+</van-cell-group>
+```
+
+### Size
+
+```html
+<van-cell-group>
+  <van-cell title="Cell title" value="Content" size="large" />
+  <van-cell
+    title="Cell title"
+    value="Content"
+    size="large"
+    label="Description"
+  />
+</van-cell-group>
+```
+
+### Left Icon
+
+```html
+<van-cell-group>
+  <van-cell title="Cell title" icon="location-o" />
+</van-cell-group>
+```
+
+### Value only
+
+```html
+<van-cell-group>
+  <van-cell value="Content" />
+</van-cell-group>
+```
+
+### Link
+
+```html
+<van-cell-group>
+  <van-cell title="Cell title" is-link />
+  <van-cell title="Cell title" is-link value="Content" />
+  <van-cell title="Cell title" is-link arrow-direction="down" value="Content" />
+</van-cell-group>
+```
+
+### Router
+
+```html
+<van-cell-group>
+  <van-cell title="URL" is-link url="/vant/mobile.html" />
+  <van-cell title="Vue Router" is-link to="index" />
+</van-cell-group>
+```
+
+### Group Title
+
+```html
+<van-cell-group title="Group 1">
+  <van-cell title="Cell title" value="Content" />
+</van-cell-group>
+<van-cell-group title="Group 2">
+  <van-cell title="Cell title" value="Content" />
+</van-cell-group>
+```
+
+### Use Slots
+
+```html
+<van-cell value="内容" is-link>
+  <!-- Use the title slot to customize the title -->
+  <template #title>
+    <span class="custom-title">单元格</span>
+    <van-tag type="danger">标签</van-tag>
+  </template>
+</van-cell>
+
+<van-cell title="单元格" icon="shop-o">
+  <!-- Use the right-icon slot to customize the right icon -->
+  <template #right-icon>
+    <van-icon name="search" style="line-height: inherit;" />
+  </template>
+</van-cell>
+```
+
+### Vertical Center
+
+```html
+<van-cell center title="Cell title" value="Content" label="Description" />
+```
+
+## API
+
+### CellGroup Props
+
+| Attribute | Description                  | Type      | Default |
+| --------- | ---------------------------- | --------- | ------- |
+| title     | Group title                  | _string_  | -       |
+| border    | Whether to show outer border | _boolean_ | `true`  |
+
+### Cell Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| title | Title | _number \| string_ | - |
+| value | Right text | _number \| string_ | - |
+| label | Description below the title | _string_ | - |
+| size | Size，can be set to `large` | _string_ | - |
+| icon | Left Icon | _string_ | - |
+| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
+| border | Whether to show inner border | _boolean_ | `true` |
+| center | Whether to center content vertically | _boolean_ | `true` |
+| url | Link URL | _string_ | - |
+| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
+| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
+| clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
+| is-link | Whether to show link icon | _boolean_ | `false` |
+| required | Whether to show required mark | _boolean_ | `false` |
+| arrow-direction | Can be set to `left` `up` `down` | _string_ | `right` |
+| title-style | Title style | _any_ | - |
+| title-class | Title className | _any_ | - |
+| value-class | Value className | _any_ | - |
+| label-class | Label className | _any_ | - |
+
+### Cell Events
+
+| Event | Description               | Arguments      |
+| ----- | ------------------------- | -------------- |
+| click | Triggered when click cell | _event: Event_ |
+
+### CellGroup Slots
+
+| Name    | Description  |
+| ------- | ------------ |
+| default | Default slot |
+| title   | Custom title |
+
+### Cell Slots
+
+| Name       | Description                       |
+| ---------- | --------------------------------- |
+| default    | Custom value                      |
+| icon       | Custom icon                       |
+| title      | Custom title                      |
+| label      | Custom label                      |
+| right-icon | Custom right icon                 |
+| extra      | Custom extra content on the right |
diff --git a/src-next/cell/README.zh-CN.md b/src-next/cell/README.zh-CN.md
new file mode 100644
index 000000000..d02da1172
--- /dev/null
+++ b/src-next/cell/README.zh-CN.md
@@ -0,0 +1,167 @@
+# Cell 单元格
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Cell, CellGroup } from 'vant';
+
+Vue.use(Cell);
+Vue.use(CellGroup);
+```
+
+## 代码演示
+
+### 基础用法
+
+`Cell`可以单独使用，也可以与`CellGroup`搭配使用。`CellGroup`可以为`Cell`提供上下外边框
+
+```html
+<van-cell-group>
+  <van-cell title="单元格" value="内容" />
+  <van-cell title="单元格" value="内容" label="描述信息" />
+</van-cell-group>
+```
+
+### 单元格大小
+
+通过`size`属性可以控制单元格的大小
+
+```html
+<van-cell title="单元格" value="内容" size="large" />
+<van-cell title="单元格" value="内容" size="large" label="描述信息" />
+```
+
+### 展示图标
+
+通过`icon`属性在标题左侧展示图标
+
+```html
+<van-cell title="单元格" icon="location-o" />
+```
+
+### 只设置 value
+
+只设置`value`时，内容会靠左对齐
+
+```html
+<van-cell value="内容" />
+```
+
+### 展示箭头
+
+设置`is-link`属性后会在单元格右侧显示箭头，并且可以通过`arrow-direction`属性控制箭头方向
+
+```html
+<van-cell title="单元格" is-link />
+<van-cell title="单元格" is-link value="内容" />
+<van-cell title="单元格" is-link arrow-direction="down" value="内容" />
+```
+
+### 页面导航
+
+可以通过`url`属性进行 URL 跳转，或通过`to`属性进行路由跳转
+
+```html
+<van-cell title="URL 跳转" is-link url="/vant/mobile.html" />
+<van-cell title="路由跳转" is-link to="index" />
+```
+
+### 分组标题
+
+通过`CellGroup`的`title`属性可以指定分组标题
+
+```html
+<van-cell-group title="分组1">
+  <van-cell title="单元格" value="内容" />
+</van-cell-group>
+<van-cell-group title="分组2">
+  <van-cell title="单元格" value="内容" />
+</van-cell-group>
+```
+
+### 使用插槽
+
+如以上用法不能满足你的需求，可以使用插槽来自定义内容
+
+```html
+<van-cell value="内容" is-link>
+  <!-- 使用 title 插槽来自定义标题 -->
+  <template #title>
+    <span class="custom-title">单元格</span>
+    <van-tag type="danger">标签</van-tag>
+  </template>
+</van-cell>
+
+<van-cell title="单元格" icon="shop-o">
+  <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+  <template #right-icon>
+    <van-icon name="search" style="line-height: inherit;" />
+  </template>
+</van-cell>
+```
+
+### 垂直居中
+
+通过`center`属性可以让`Cell`的左右内容都垂直居中
+
+```html
+<van-cell center title="单元格" value="内容" label="描述信息" />
+```
+
+## API
+
+### CellGroup Props
+
+| 参数   | 说明           | 类型      | 默认值 |
+| ------ | -------------- | --------- | ------ |
+| title  | 分组标题       | _string_  | `-`    |
+| border | 是否显示外边框 | _boolean_ | `true` |
+
+### Cell Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| title | 左侧标题 | _number \| string_ | - |
+| value | 右侧内容 | _number \| string_ | - |
+| label | 标题下方的描述信息 | _string_ | - |
+| size | 单元格大小，可选值为 `large` | _string_ | - |
+| icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
+| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
+| url | 点击后跳转的链接地址 | _string_ | - |
+| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
+| border | 是否显示内边框 | _boolean_ | `true` |
+| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
+| clickable | 是否开启点击反馈 | _boolean_ | `false` |
+| is-link | 是否展示右侧箭头并开启点击反馈 | _boolean_ | `false` |
+| required | 是否显示表单必填星号 | _boolean_ | `false` |
+| center | 是否使内容垂直居中 | _boolean_ | `false` |
+| arrow-direction | 箭头方向，可选值为 `left` `up` `down` | _string_ | `right` |
+| title-style | 左侧标题额外样式 | _any_ | - |
+| title-class | 左侧标题额外类名 | _any_ | - |
+| value-class | 右侧内容额外类名 | _any_ | - |
+| label-class | 描述信息额外类名 | _any_ | - |
+
+### Cell Events
+
+| 事件名 | 说明             | 回调参数       |
+| ------ | ---------------- | -------------- |
+| click  | 点击单元格时触发 | _event: Event_ |
+
+### CellGroup Slots
+
+| 名称    | 说明           |
+| ------- | -------------- |
+| default | 默认插槽       |
+| title   | 自定义分组标题 |
+
+### Cell Slots
+
+| 名称       | 说明                          |
+| ---------- | ----------------------------- |
+| default    | 自定义右侧 value 的内容       |
+| title      | 自定义左侧 title 的内容       |
+| label      | 自定义标题下方 label 的内容   |
+| icon       | 自定义左侧图标                |
+| right-icon | 自定义右侧按钮，默认为`arrow` |
+| extra      | 自定义单元格最右侧的额外内容  |
diff --git a/src-next/cell/demo/index.vue b/src-next/cell/demo/index.vue
new file mode 100644
index 000000000..f7b47398a
--- /dev/null
+++ b/src-next/cell/demo/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-cell-group>
+        <van-cell :title="t('cell')" :value="t('content')" />
+        <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
+      </van-cell-group>
+    </demo-block>
+
+    <demo-block :title="t('largeSize')">
+      <van-cell :title="t('cell')" :value="t('content')" size="large" />
+      <van-cell
+        :title="t('cell')"
+        :value="t('content')"
+        size="large"
+        :label="t('desc')"
+      />
+    </demo-block>
+
+    <demo-block :title="t('showIcon')">
+      <van-cell :title="t('cell')" :value="t('content')" icon="location-o" />
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('valueOnly')">
+      <van-cell :value="t('content')" />
+    </demo-block>
+
+    <demo-block :title="t('showArrow')">
+      <van-cell :title="t('cell')" is-link />
+      <van-cell :title="t('cell')" is-link :value="t('content')" />
+      <van-cell
+        :title="t('cell')"
+        is-link
+        arrow-direction="down"
+        :value="t('content')"
+      />
+    </demo-block>
+
+    <demo-block :title="t('router')">
+      <van-cell :title="t('urlRoute')" is-link url="/vant/mobile.html" />
+      <van-cell :title="t('vueRoute')" is-link to="index" />
+    </demo-block>
+
+    <demo-block :title="t('groupTitle')">
+      <van-cell-group :title="`${t('group')} 1`">
+        <van-cell :title="t('cell')" :value="t('content')" />
+      </van-cell-group>
+      <van-cell-group :title="`${t('group')} 2`">
+        <van-cell :title="t('cell')" :value="t('content')" />
+      </van-cell-group>
+    </demo-block>
+
+    <demo-block :title="t('useSlots')">
+      <van-cell :value="t('content')" is-link>
+        <template #title>
+          <span class="custom-title">{{ t('cell') }}</span>
+          <van-tag type="danger">{{ t('tag') }}</van-tag>
+        </template>
+      </van-cell>
+
+      <van-cell icon="shop-o" :title="t('cell')">
+        <template #right-icon>
+          <van-icon name="search" style="line-height: inherit;" />
+        </template>
+      </van-cell>
+    </demo-block>
+
+    <demo-block :title="t('verticalCenter')">
+      <van-cell
+        center
+        :title="t('cell')"
+        :value="t('content')"
+        :label="t('desc')"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      cell: '单元格',
+      valueOnly: '只设置 value',
+      showIcon: '展示图标',
+      showArrow: '展示箭头',
+      largeSize: '单元格大小',
+      group: '分组',
+      groupTitle: '分组标题',
+      router: '页面导航',
+      urlRoute: 'URL 跳转',
+      vueRoute: '路由跳转',
+      useSlots: '使用插槽',
+      verticalCenter: '垂直居中',
+    },
+    'en-US': {
+      cell: 'Cell title',
+      valueOnly: 'Value only',
+      showIcon: 'Left Icon',
+      showArrow: 'Link',
+      largeSize: 'Size',
+      group: 'Group',
+      groupTitle: 'Group Title',
+      router: 'Router',
+      urlRoute: 'URL',
+      vueRoute: 'Vue Router',
+      useSlots: 'Use Slots',
+      verticalCenter: 'Vertical center',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.demo-cell {
+  .custom-title {
+    margin-right: 5px;
+    vertical-align: middle;
+  }
+}
+</style>
diff --git a/src-next/cell/index.js b/src-next/cell/index.js
new file mode 100644
index 000000000..4f4eb4964
--- /dev/null
+++ b/src-next/cell/index.js
@@ -0,0 +1,130 @@
+// Utils
+import { createNamespace, isDef } from '../utils';
+import { routeProps } from '../utils/router';
+import { cellProps } from './shared';
+
+// Components
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('cell');
+
+export default createComponent({
+  props: {
+    ...cellProps,
+    ...routeProps,
+  },
+
+  setup(props, { slots, emit }) {
+    const { icon, size, title, label, value, isLink } = props;
+    const showTitle = slots.title || isDef(title);
+
+    function Label() {
+      const showLabel = slots.label || isDef(label);
+
+      if (showLabel) {
+        return (
+          <div class={[bem('label'), props.labelClass]}>
+            {slots.label ? slots.label() : label}
+          </div>
+        );
+      }
+    }
+
+    function Title() {
+      if (showTitle) {
+        return (
+          <div
+            class={[bem('title'), props.titleClass]}
+            style={props.titleStyle}
+          >
+            {slots.title ? slots.title() : <span>{title}</span>}
+            {Label()}
+          </div>
+        );
+      }
+    }
+
+    function Value() {
+      const showValue = slots.default || isDef(value);
+
+      if (showValue) {
+        return (
+          <div class={[bem('value', { alone: !showTitle }), props.valueClass]}>
+            {slots.default ? slots.default() : <span>{value}</span>}
+          </div>
+        );
+      }
+    }
+
+    function LeftIcon() {
+      if (slots.icon) {
+        return slots.icon();
+      }
+
+      if (icon) {
+        return (
+          <Icon
+            class={bem('left-icon')}
+            name={icon}
+            classPrefix={props.iconPrefix}
+          />
+        );
+      }
+    }
+
+    function RightIcon() {
+      const rightIconSlot = slots['right-icon'];
+
+      if (rightIconSlot) {
+        return rightIconSlot();
+      }
+
+      if (isLink) {
+        const { arrowDirection } = props;
+
+        return (
+          <Icon
+            class={bem('right-icon')}
+            name={arrowDirection ? `arrow-${arrowDirection}` : 'arrow'}
+          />
+        );
+      }
+    }
+
+    function onClick(event) {
+      emit('click', event);
+      // TODO
+      // functionalRoute(ctx);
+    }
+
+    const clickable = isLink || props.clickable;
+
+    const classes = {
+      clickable,
+      center: props.center,
+      required: props.required,
+      borderless: !props.border,
+    };
+
+    if (size) {
+      classes[size] = size;
+    }
+
+    return function () {
+      return (
+        <div
+          class={bem(classes)}
+          role={clickable ? 'button' : null}
+          tabindex={clickable ? 0 : null}
+          onClick={onClick}
+        >
+          {LeftIcon()}
+          {Title()}
+          {Value()}
+          {RightIcon()}
+          {slots.extra?.()}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src-next/cell/index.less b/src-next/cell/index.less
new file mode 100644
index 000000000..8bcb4878a
--- /dev/null
+++ b/src-next/cell/index.less
@@ -0,0 +1,104 @@
+@import '../style/var';
+@import '../style/mixins/hairline';
+
+.van-cell {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  width: 100%;
+  padding: @cell-vertical-padding @cell-horizontal-padding;
+  overflow: hidden;
+  color: @cell-text-color;
+  font-size: @cell-font-size;
+  line-height: @cell-line-height;
+  background-color: @cell-background-color;
+
+  &::after {
+    .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
+  }
+
+  &:last-child::after,
+  &--borderless::after {
+    display: none;
+  }
+
+  &__label {
+    margin-top: @cell-label-margin-top;
+    color: @cell-label-color;
+    font-size: @cell-label-font-size;
+    line-height: @cell-label-line-height;
+  }
+
+  &__title,
+  &__value {
+    flex: 1;
+  }
+
+  &__value {
+    position: relative;
+    overflow: hidden;
+    color: @cell-value-color;
+    text-align: right;
+    vertical-align: middle;
+    word-wrap: break-word;
+
+    &--alone {
+      color: @text-color;
+      text-align: left;
+    }
+  }
+
+  &__left-icon,
+  &__right-icon {
+    min-width: 1em;
+    height: @cell-line-height;
+    font-size: @cell-icon-size;
+    line-height: @cell-line-height;
+  }
+
+  &__left-icon {
+    margin-right: 5px;
+  }
+
+  &__right-icon {
+    margin-left: 5px;
+    color: @cell-right-icon-color;
+  }
+
+  &--clickable {
+    cursor: pointer;
+
+    &:active {
+      background-color: @cell-active-color;
+    }
+  }
+
+  &--required {
+    overflow: visible;
+
+    &::before {
+      position: absolute;
+      left: @padding-xs;
+      color: @cell-required-color;
+      font-size: @cell-font-size;
+      content: '*';
+    }
+  }
+
+  &--center {
+    align-items: center;
+  }
+
+  &--large {
+    padding-top: @cell-large-vertical-padding;
+    padding-bottom: @cell-large-vertical-padding;
+
+    .van-cell__title {
+      font-size: @cell-large-title-font-size;
+    }
+
+    .van-cell__label {
+      font-size: @cell-large-label-font-size;
+    }
+  }
+}
diff --git a/src-next/cell/shared.ts b/src-next/cell/shared.ts
new file mode 100644
index 000000000..f3c2ec949
--- /dev/null
+++ b/src-next/cell/shared.ts
@@ -0,0 +1,40 @@
+export type SharedCellProps = {
+  icon?: string;
+  size?: string;
+  border: boolean;
+  center?: boolean;
+  isLink?: boolean;
+  required?: boolean;
+  clickable?: boolean;
+  iconPrefix?: string;
+  titleStyle?: any;
+  titleClass?: any;
+  valueClass?: any;
+  labelClass?: any;
+  title?: string | number;
+  value?: string | number;
+  label?: string | number;
+  arrowDirection?: 'up' | 'down' | 'left' | 'right';
+};
+
+export const cellProps = {
+  icon: String,
+  size: String,
+  center: Boolean,
+  isLink: Boolean,
+  required: Boolean,
+  clickable: Boolean,
+  iconPrefix: String,
+  titleStyle: null as any,
+  titleClass: null as any,
+  valueClass: null as any,
+  labelClass: null as any,
+  title: [Number, String],
+  value: [Number, String],
+  label: [Number, String],
+  arrowDirection: String,
+  border: {
+    type: Boolean,
+    default: true,
+  },
+};
diff --git a/src-next/cell/test/__snapshots__/demo.spec.js.snap b/src-next/cell/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..20a039dac
--- /dev/null
+++ b/src-next/cell/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,110 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-cell-group van-hairline--top-bottom">
+      <div class="van-cell">
+        <div class="van-cell__title"><span>单元格</span></div>
+        <div class="van-cell__value"><span>内容</span></div>
+      </div>
+      <div class="van-cell">
+        <div class="van-cell__title"><span>单元格</span>
+          <div class="van-cell__label">描述信息</div>
+        </div>
+        <div class="van-cell__value"><span>内容</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-cell van-cell--large">
+      <div class="van-cell__title"><span>单元格</span></div>
+      <div class="van-cell__value"><span>内容</span></div>
+    </div>
+    <div class="van-cell van-cell--large">
+      <div class="van-cell__title"><span>单元格</span>
+        <div class="van-cell__label">描述信息</div>
+      </div>
+      <div class="van-cell__value"><span>内容</span></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-cell"><i class="van-icon van-icon-location-o van-cell__left-icon">
+        <!----></i>
+      <div class="van-cell__title"><span>单元格</span></div>
+      <div class="van-cell__value"><span>内容</span></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-cell">
+      <div class="van-cell__value van-cell__value--alone"><span>内容</span></div>
+    </div>
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>单元格</span></div>
+      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>单元格</span></div>
+      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow-down van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>URL 跳转</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>路由跳转</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div>
+    <div>
+      <div class="van-cell-group__title">分组 1</div>
+      <div class="van-cell-group van-hairline--top-bottom">
+        <div class="van-cell">
+          <div class="van-cell__title"><span>单元格</span></div>
+          <div class="van-cell__value"><span>内容</span></div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <div class="van-cell-group__title">分组 2</div>
+      <div class="van-cell-group van-hairline--top-bottom">
+        <div class="van-cell">
+          <div class="van-cell__title"><span>单元格</span></div>
+          <div class="van-cell__value"><span>内容</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span class="custom-title">单元格</span> <span class="van-tag van-tag--danger">标签</span></div>
+      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div class="van-cell"><i class="van-icon van-icon-shop-o van-cell__left-icon">
+        <!----></i>
+      <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-search" style="line-height: inherit;">
+        <!----></i>
+    </div>
+  </div>
+  <div>
+    <div class="van-cell van-cell--center">
+      <div class="van-cell__title"><span>单元格</span>
+        <div class="van-cell__label">描述信息</div>
+      </div>
+      <div class="van-cell__value"><span>内容</span></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/cell/test/__snapshots__/index.spec.js.snap b/src-next/cell/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..cd68daa26
--- /dev/null
+++ b/src-next/cell/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CellGroup title slot 1`] = `
+<div>
+  <div class="van-cell-group__title">CustomTitle</div>
+  <div class="van-cell-group van-hairline--top-bottom"></div>
+</div>
+`;
+
+exports[`arrow direction 1`] = `
+<div role="button" tabindex="0" class="van-cell van-cell--clickable"><i class="van-icon van-icon-arrow-down van-cell__right-icon">
+    <!----></i></div>
+`;
+
+exports[`icon-prefix prop 1`] = `
+<div class="van-cell"><i class="my-icon my-icon-success van-cell__left-icon">
+    <!----></i></div>
+`;
+
+exports[`render slot 1`] = `
+<div class="van-cell">Custom Icon<div class="van-cell__title">Custom Title<div class="van-cell__label">Custom Label</div>
+  </div>Custom Extra</div>
+`;
+
+exports[`title-style prop 1`] = `
+<div class="van-cell">
+  <div class="van-cell__title" style="color: red;"><span>title</span></div>
+</div>
+`;
diff --git a/src-next/cell/test/demo.spec.js b/src-next/cell/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/cell/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/cell/test/index.spec.js b/src-next/cell/test/index.spec.js
new file mode 100644
index 000000000..0fd6b240d
--- /dev/null
+++ b/src-next/cell/test/index.spec.js
@@ -0,0 +1,80 @@
+import Cell from '..';
+import CellGroup from '../../cell-group';
+import { mount } from '../../../test';
+
+test('click event', () => {
+  const click = jest.fn();
+  const wrapper = mount(Cell, {
+    context: {
+      on: {
+        click,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(click).toHaveBeenCalled();
+});
+
+test('arrow direction', () => {
+  const wrapper = mount(Cell, {
+    propsData: {
+      isLink: true,
+      arrowDirection: 'down',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render slot', () => {
+  const wrapper = mount({
+    template: `
+      <cell>
+        <template v-slot:icon>Custom Icon</template>
+        <template v-slot:title>Custom Title</template>
+        <template v-slot:label>Custom Label</template>
+        <template v-slot:extra>Custom Extra</template>
+      </cell>
+    `,
+    components: {
+      Cell,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('title-style prop', () => {
+  const wrapper = mount(Cell, {
+    propsData: {
+      title: 'title',
+      titleStyle: {
+        color: 'red',
+      },
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('CellGroup title slot', () => {
+  const wrapper = mount(CellGroup, {
+    scopedSlots: {
+      title: () => 'CustomTitle',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('icon-prefix prop', () => {
+  const wrapper = mount(Cell, {
+    propsData: {
+      iconPrefix: 'my-icon',
+      icon: 'success',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/utils/functional.ts b/src-next/utils/functional.ts
deleted file mode 100644
index b2ef48688..000000000
--- a/src-next/utils/functional.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import Vue, { RenderContext, VNodeData } from 'vue';
-import { ObjectIndex } from './types';
-
-type Context = RenderContext & { data: VNodeData & ObjectIndex };
-
-type InheritContext = Partial<VNodeData> & ObjectIndex;
-
-const inheritKey = [
-  'ref',
-  'style',
-  'class',
-  'attrs',
-  'nativeOn',
-  'directives',
-  'staticClass',
-  'staticStyle',
-];
-
-const mapInheritKey: ObjectIndex = { nativeOn: 'on' };
-
-// inherit partial context, map nativeOn to on
-export function inherit(
-  context: Context,
-  inheritListeners?: boolean
-): InheritContext {
-  const result = inheritKey.reduce((obj, key) => {
-    if (context.data[key]) {
-      obj[mapInheritKey[key] || key] = context.data[key];
-    }
-    return obj;
-  }, {} as InheritContext);
-
-  if (inheritListeners) {
-    result.on = result.on || {};
-    Object.assign(result.on, context.data.on);
-  }
-
-  return result;
-}
-
-// emit event
-export function emit(context: Context, eventName: string, ...args: any[]) {
-  const listeners = context.listeners[eventName];
-  if (listeners) {
-    if (Array.isArray(listeners)) {
-      listeners.forEach((listener) => {
-        listener(...args);
-      });
-    } else {
-      listeners(...args);
-    }
-  }
-}
-
-// mount functional component
-export function mount(Component: any, data?: VNodeData) {
-  const instance = new Vue({
-    el: document.createElement('div'),
-    props: Component.props,
-    render(h) {
-      return h(Component, {
-        props: this.$props,
-        ...data,
-      });
-    },
-  });
-
-  document.body.appendChild(instance.$el);
-
-  return instance;
-}
diff --git a/vant.config.js b/vant.config.js
index e2f7a50d8..34735e591 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -82,10 +82,10 @@ module.exports = {
                 path: 'button',
                 title: 'Button 按钮',
               },
-              // {
-              //   path: 'cell',
-              //   title: 'Cell 单元格',
-              // },
+              {
+                path: 'cell',
+                title: 'Cell 单元格',
+              },
               {
                 path: 'icon',
                 title: 'Icon 图标',
@@ -102,10 +102,10 @@ module.exports = {
               //   path: 'popup',
               //   title: 'Popup 弹出层',
               // },
-              // {
-              //   path: 'style',
-              //   title: 'Style 内置样式',
-              // },
+              {
+                path: 'style',
+                title: 'Style 内置样式',
+              },
               // {
               //   path: 'toast',
               //   title: 'Toast 轻提示',
@@ -360,20 +360,7 @@ module.exports = {
               //   title: 'Sku 商品规格',
               // },
             ],
-          },
-          {
-            title: '废弃',
-            items: [
-              // {
-              //   path: 'panel',
-              //   title: 'Panel 面板',
-              // },
-              // {
-              //   path: 'switch-cell',
-              //   title: 'SwitchCell 开关单元格',
-              // },
-            ],
-          },
+          }
         ],
       },
       'en-US': {
@@ -429,10 +416,10 @@ module.exports = {
                 path: 'button',
                 title: 'Button',
               },
-              // {
-              //   path: 'cell',
-              //   title: 'Cell',
-              // },
+              {
+                path: 'cell',
+                title: 'Cell',
+              },
               {
                 path: 'icon',
                 title: 'Icon',
@@ -449,10 +436,10 @@ module.exports = {
               //   path: 'popup',
               //   title: 'Popup',
               // },
-              // {
-              //   path: 'style',
-              //   title: 'Built-in style',
-              // },
+              {
+                path: 'style',
+                title: 'Built-in style',
+              },
               // {
               //   path: 'toast',
               //   title: 'Toast',
@@ -519,10 +506,6 @@ module.exports = {
               //   title: 'Switch',
               // },
               // {
-              //   path: 'switch-cell',
-              //   title: 'SwitchCell',
-              // },
-              // {
               //   path: 'uploader',
               //   title: 'Uploader',
               // },
@@ -711,20 +694,7 @@ module.exports = {
               //   title: 'Sku',
               // },
             ],
-          },
-          {
-            title: 'Deprecated',
-            items: [
-              // {
-              //   path: 'panel',
-              //   title: 'Panel',
-              // },
-              // {
-              //   path: 'switch-cell',
-              //   title: 'SwitchCell',
-              // },
-            ],
-          },
+          }
         ],
       },
     },

From bd5651402a01a39e8553da2ca2e5155caed19651 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:40:10 +0800
Subject: [PATCH 034/626] feat: CellGroup component

---
 src-next/cell-group/index.js   | 38 ++++++++++++++++++++++++++++++++++
 src-next/cell-group/index.less | 12 +++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 src-next/cell-group/index.js
 create mode 100644 src-next/cell-group/index.less

diff --git a/src-next/cell-group/index.js b/src-next/cell-group/index.js
new file mode 100644
index 000000000..bdf702908
--- /dev/null
+++ b/src-next/cell-group/index.js
@@ -0,0 +1,38 @@
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_TOP_BOTTOM } from '../utils/constant';
+
+const [createComponent, bem] = createNamespace('cell-group');
+
+export default createComponent({
+  props: {
+    title: String,
+    border: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props, { slots }) {
+    return function () {
+      const Group = (
+        <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>
+          {slots.default?.()}
+        </div>
+      );
+
+      if (props.title || slots.title) {
+        return (
+          <>
+            <div class={bem('title')} {...this.$attrs}>
+              {slots.title ? slots.title() : props.title}
+            </div>
+            {Group}
+          </>
+        );
+      }
+
+      return Group;
+    };
+  },
+});
diff --git a/src-next/cell-group/index.less b/src-next/cell-group/index.less
new file mode 100644
index 000000000..bc42a8bea
--- /dev/null
+++ b/src-next/cell-group/index.less
@@ -0,0 +1,12 @@
+@import '../style/var';
+
+.van-cell-group {
+  background-color: @cell-group-background-color;
+
+  &__title {
+    padding: @cell-group-title-padding;
+    color: @cell-group-title-color;
+    font-size: @cell-group-title-font-size;
+    line-height: @cell-group-title-line-height;
+  }
+}

From 919161568afe178c1b8e2a20dad12c9341762b4e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:44:14 +0800
Subject: [PATCH 035/626] feat: Tag component

---
 src-next/tag/README.md                        | 139 ++++++++++++++++
 src-next/tag/README.zh-CN.md                  | 149 ++++++++++++++++++
 src-next/tag/demo/index.vue                   | 126 +++++++++++++++
 src-next/tag/index.js                         |  66 ++++++++
 src-next/tag/index.less                       |  90 +++++++++++
 .../tag/test/__snapshots__/demo.spec.js.snap  |  17 ++
 src-next/tag/test/demo.spec.js                |   4 +
 src-next/tag/test/index.spec.js               |  54 +++++++
 vant.config.js                                |  16 +-
 9 files changed, 653 insertions(+), 8 deletions(-)
 create mode 100644 src-next/tag/README.md
 create mode 100644 src-next/tag/README.zh-CN.md
 create mode 100644 src-next/tag/demo/index.vue
 create mode 100644 src-next/tag/index.js
 create mode 100644 src-next/tag/index.less
 create mode 100644 src-next/tag/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/tag/test/demo.spec.js
 create mode 100644 src-next/tag/test/index.spec.js

diff --git a/src-next/tag/README.md b/src-next/tag/README.md
new file mode 100644
index 000000000..eb36c57e8
--- /dev/null
+++ b/src-next/tag/README.md
@@ -0,0 +1,139 @@
+# Tag
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Tag } from 'vant';
+
+Vue.use(Tag);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-tag>Tag</van-tag>
+<van-tag type="primary">Tag</van-tag>
+<van-tag type="success">Tag</van-tag>
+<van-tag type="danger">Tag</van-tag>
+<van-tag type="warning">Tag</van-tag>
+```
+
+### Round style
+
+```html
+<van-tag round>Tag</van-tag>
+<van-tag round type="primary">Tag</van-tag>
+<van-tag round type="success">Tag</van-tag>
+<van-tag round type="danger">Tag</van-tag>
+<van-tag round type="warning">Tag</van-tag>
+```
+
+### Mark style
+
+```html
+<van-tag mark>Tag</van-tag>
+<van-tag mark type="primary">Tag</van-tag>
+<van-tag mark type="success">Tag</van-tag>
+<van-tag mark type="danger">Tag</van-tag>
+<van-tag mark type="warning">Tag</van-tag>
+```
+
+### Plain style
+
+```html
+<van-tag plain>Tag</van-tag>
+<van-tag plain type="primary">Tag</van-tag>
+<van-tag plain type="success">Tag</van-tag>
+<van-tag plain type="danger">Tag</van-tag>
+<van-tag plain type="warning">Tag</van-tag>
+```
+
+### Custom Color
+
+```html
+<van-tag color="#f2826a">Tag</van-tag>
+<van-tag color="#f2826a" plain>Tag</van-tag>
+<van-tag color="#7232dd">Tag</van-tag>
+<van-tag color="#7232dd" plain>Tag</van-tag>
+<van-tag color="#ffe1e1" text-color="#ad0000">Tag</van-tag>
+```
+
+### Custom Size
+
+```html
+<van-tag type="danger">Tag</van-tag>
+<van-tag type="danger" size="medium">Tag</van-tag>
+<van-tag type="danger" size="large">Tag</van-tag>
+```
+
+### Closeable
+
+```html
+<van-tag
+  v-if="show.primary"
+  closeable
+  size="medium"
+  type="primary"
+  @close="close('primary')"
+>
+  Tag
+</van-tag>
+<van-tag
+  v-if="show.success"
+  closeable
+  size="medium"
+  type="success"
+  @close="close('success')"
+>
+  Tag
+</van-tag>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: {
+        primary: true,
+        success: true,
+      },
+    };
+  },
+  methods: {
+    close(type) {
+      this.show[type] = false;
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| type | Type, can be set to `primary` `success` `danger` `warning` | _string_ | `default` |
+| size | Size, can be set to `large` `medium` | _string_ | - |
+| color | Custom color | _string_ | - |
+| plain | Whether to be plain style | _boolean_ | `false` |
+| round | Whether to be round style | _boolean_ | `false` |
+| mark | Whether to be mark style | _boolean_ | `false` |
+| text-color | Text color | _string_ | `white` |
+| closeable `v2.2.9` | Whether to be closeable | _boolean_ | `false` |
+
+### Slots
+
+| Name    | Description  |
+| ------- | ------------ |
+| default | Default slot |
+
+### Events
+
+| Event | Description                     | Arguments      |
+| ----- | ------------------------------- | -------------- |
+| click | Triggered when clicked          | _event: Event_ |
+| close | Triggered when click close icon | -              |
diff --git a/src-next/tag/README.zh-CN.md b/src-next/tag/README.zh-CN.md
new file mode 100644
index 000000000..34b682c6f
--- /dev/null
+++ b/src-next/tag/README.zh-CN.md
@@ -0,0 +1,149 @@
+# Tag 标记
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Tag } from 'vant';
+
+Vue.use(Tag);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过`type`属性控制标签颜色，默认为灰色
+
+```html
+<van-tag>标签</van-tag>
+<van-tag type="primary">标签</van-tag>
+<van-tag type="success">标签</van-tag>
+<van-tag type="danger">标签</van-tag>
+<van-tag type="warning">标签</van-tag>
+```
+
+### 圆角样式
+
+通过`round`设置为圆角样式
+
+```html
+<van-tag round>标签</van-tag>
+<van-tag round type="primary">标签</van-tag>
+<van-tag round type="success">标签</van-tag>
+<van-tag round type="danger">标签</van-tag>
+<van-tag round type="warning">标签</van-tag>
+```
+
+### 标记样式
+
+通过`mark`设置为标记样式(半圆角)
+
+```html
+<van-tag mark>标签</van-tag>
+<van-tag mark type="primary">标签</van-tag>
+<van-tag mark type="success">标签</van-tag>
+<van-tag mark type="danger">标签</van-tag>
+<van-tag mark type="warning">标签</van-tag>
+```
+
+### 空心样式
+
+设置`plain`属性设置为空心样式
+
+```html
+<van-tag plain>标签</van-tag>
+<van-tag plain type="primary">标签</van-tag>
+<van-tag plain type="success">标签</van-tag>
+<van-tag plain type="danger">标签</van-tag>
+<van-tag plain type="warning">标签</van-tag>
+```
+
+### 自定义颜色
+
+```html
+<van-tag color="#f2826a">标签</van-tag>
+<van-tag color="#f2826a" plain>标签</van-tag>
+<van-tag color="#7232dd">标签</van-tag>
+<van-tag color="#7232dd" plain>标签</van-tag>
+<van-tag color="#ffe1e1" text-color="#ad0000">标签</van-tag>
+```
+
+### 标签大小
+
+```html
+<van-tag type="danger">标签</van-tag>
+<van-tag type="danger" size="medium">标签</van-tag>
+<van-tag type="danger" size="large">标签</van-tag>
+```
+
+### 可关闭标签
+
+添加`closeable`属性表示标签是可关闭的，关闭标签时会触发`close`事件，在`close`事件中可以执行隐藏标签的逻辑
+
+```html
+<van-tag
+  v-if="show.primary"
+  closeable
+  size="medium"
+  type="primary"
+  @close="close('primary')"
+>
+  标签
+</van-tag>
+<van-tag
+  v-if="show.success"
+  closeable
+  size="medium"
+  type="success"
+  @close="close('success')"
+>
+  标签
+</van-tag>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: {
+        primary: true,
+        success: true,
+      },
+    };
+  },
+  methods: {
+    close(type) {
+      this.show[type] = false;
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| type | 类型，可选值为`primary` `success` `danger` `warning` | _string_ | `default` |
+| size | 大小, 可选值为`large` `medium` | _string_ | - |
+| color | 标签颜色 | _string_ | - |
+| plain | 是否为空心样式 | _boolean_ | `false` |
+| round | 是否为圆角样式 | _boolean_ | `false` |
+| mark | 是否为标记样式 | _boolean_ | `false` |
+| text-color | 文本颜色，优先级高于`color`属性 | _string_ | `white` |
+| closeable `v2.2.9` | 是否为可关闭标签 | _boolean_ | `false` |
+
+### Slots
+
+| 名称    | 说明         |
+| ------- | ------------ |
+| default | 标签显示内容 |
+
+### Events
+
+| 事件名 | 说明           | 回调参数       |
+| ------ | -------------- | -------------- |
+| click  | 点击时触发     | _event: Event_ |
+| close  | 关闭标签时触发 | -              |
diff --git a/src-next/tag/demo/index.vue b/src-next/tag/demo/index.vue
new file mode 100644
index 000000000..0ea06aeba
--- /dev/null
+++ b/src-next/tag/demo/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-tag>{{ t('tag') }}</van-tag>
+      <van-tag type="primary">{{ t('tag') }}</van-tag>
+      <van-tag type="success">{{ t('tag') }}</van-tag>
+      <van-tag type="danger">{{ t('tag') }}</van-tag>
+      <van-tag type="warning">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('round')">
+      <van-tag round>{{ t('tag') }}</van-tag>
+      <van-tag round type="primary">{{ t('tag') }}</van-tag>
+      <van-tag round type="success">{{ t('tag') }}</van-tag>
+      <van-tag round type="danger">{{ t('tag') }}</van-tag>
+      <van-tag round type="warning">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('mark')">
+      <van-tag mark>{{ t('tag') }}</van-tag>
+      <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+      <van-tag mark type="success">{{ t('tag') }}</van-tag>
+      <van-tag mark type="danger">{{ t('tag') }}</van-tag>
+      <van-tag mark type="warning">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('plain')">
+      <van-tag plain>{{ t('tag') }}</van-tag>
+      <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+      <van-tag plain type="success">{{ t('tag') }}</van-tag>
+      <van-tag plain type="danger">{{ t('tag') }}</van-tag>
+      <van-tag plain type="warning">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('customColor')">
+      <van-tag color="#f2826a">{{ t('tag') }}</van-tag>
+      <van-tag color="#f2826a" plain>{{ t('tag') }}</van-tag>
+      <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+      <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+      <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('customSize')">
+      <van-tag type="success">{{ t('tag') }}</van-tag>
+      <van-tag type="success" size="medium">{{ t('tag') }}</van-tag>
+      <van-tag type="success" size="large">{{ t('tag') }}</van-tag>
+    </demo-block>
+
+    <demo-block :title="t('closeable')">
+      <van-tag
+        v-if="show.primary"
+        size="medium"
+        closeable
+        type="primary"
+        @close="close('primary')"
+      >
+        {{ t('tag') }}
+      </van-tag>
+      <van-tag
+        v-if="show.success"
+        size="medium"
+        closeable
+        type="success"
+        @close="close('success')"
+      >
+        {{ t('tag') }}
+      </van-tag>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      plain: '空心样式',
+      round: '圆角样式',
+      mark: '标记样式',
+      closeable: '可关闭标签',
+      customColor: '自定义颜色',
+      customSize: '标签大小',
+    },
+    'en-US': {
+      plain: 'Plain style',
+      round: 'Round style',
+      mark: 'Mark style',
+      closeable: 'Closeable',
+      customColor: 'Custom Color',
+      customSize: 'Custom Size',
+    },
+  },
+
+  data() {
+    return {
+      show: {
+        primary: true,
+        success: true,
+      },
+    };
+  },
+
+  methods: {
+    close(tag) {
+      this.show[tag] = false;
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-tag {
+  background-color: @white;
+
+  .van-tag {
+    &:first-of-type {
+      margin-left: @padding-md;
+    }
+  }
+
+  .van-tag + .van-tag {
+    margin-left: @padding-xs;
+  }
+}
+</style>
diff --git a/src-next/tag/index.js b/src-next/tag/index.js
new file mode 100644
index 000000000..8b3543438
--- /dev/null
+++ b/src-next/tag/index.js
@@ -0,0 +1,66 @@
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_SURROUND } from '../utils/constant';
+
+// Components
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('tag');
+
+export default createComponent({
+  props: {
+    size: String,
+    mark: Boolean,
+    color: String,
+    plain: Boolean,
+    round: Boolean,
+    textColor: String,
+    closeable: Boolean,
+    type: {
+      type: String,
+      default: 'default',
+    },
+  },
+
+  setup(props, { slots, emit }) {
+    return function () {
+      const { type, mark, plain, color, round, size } = props;
+
+      const key = plain ? 'color' : 'backgroundColor';
+      const style = { [key]: color };
+
+      if (props.textColor) {
+        style.color = props.textColor;
+      }
+
+      const classes = { mark, plain, round };
+      if (size) {
+        classes[size] = size;
+      }
+
+      const CloseIcon = props.closeable && (
+        <Icon
+          name="cross"
+          class={bem('close')}
+          onClick={(event) => {
+            event.stopPropagation();
+            emit('close');
+          }}
+        />
+      );
+
+      return (
+        <transition name={props.closeable ? 'van-fade' : null}>
+          <span
+            key="content"
+            style={style}
+            class={[bem([classes, type]), { [BORDER_SURROUND]: plain }]}
+          >
+            {slots.default?.()}
+            {CloseIcon}
+          </span>
+        </transition>
+      );
+    };
+  },
+});
diff --git a/src-next/tag/index.less b/src-next/tag/index.less
new file mode 100644
index 000000000..b7ebdb053
--- /dev/null
+++ b/src-next/tag/index.less
@@ -0,0 +1,90 @@
+@import '../style/var';
+
+.van-tag {
+  display: inline-flex;
+  align-items: center;
+  padding: @tag-padding;
+  color: @tag-text-color;
+  font-size: @tag-font-size;
+  line-height: normal;
+  border-radius: @tag-border-radius;
+
+  &::after {
+    border-color: currentColor;
+    border-radius: @tag-border-radius * 2;
+  }
+
+  &--default {
+    background-color: @tag-default-color;
+
+    &.van-tag--plain {
+      color: @tag-default-color;
+    }
+  }
+
+  &--danger {
+    background-color: @tag-danger-color;
+
+    &.van-tag--plain {
+      color: @tag-danger-color;
+    }
+  }
+
+  &--primary {
+    background-color: @tag-primary-color;
+
+    &.van-tag--plain {
+      color: @tag-primary-color;
+    }
+  }
+
+  &--success {
+    background-color: @tag-success-color;
+
+    &.van-tag--plain {
+      color: @tag-success-color;
+    }
+  }
+
+  &--warning {
+    background-color: @tag-warning-color;
+
+    &.van-tag--plain {
+      color: @tag-warning-color;
+    }
+  }
+
+  &--plain {
+    background-color: @tag-plain-background-color;
+  }
+
+  &--mark {
+    padding-right: 0.7em;
+
+    &,
+    &::after {
+      border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
+    }
+  }
+
+  &--round {
+    &,
+    &::after {
+      border-radius: @tag-round-border-radius;
+    }
+  }
+
+  &--medium {
+    font-size: @tag-medium-font-size;
+  }
+
+  &--large {
+    font-size: @tag-large-font-size;
+  }
+
+  &__close {
+    min-width: 1em;
+    margin-left: 2px;
+    cursor: pointer;
+  }
+}
diff --git a/src-next/tag/test/__snapshots__/demo.spec.js.snap b/src-next/tag/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..622597aba
--- /dev/null
+++ b/src-next/tag/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div><span class="van-tag van-tag--default">标签</span> <span class="van-tag van-tag--primary">标签</span> <span class="van-tag van-tag--success">标签</span> <span class="van-tag van-tag--danger">标签</span> <span class="van-tag van-tag--warning">标签</span></div>
+  <div><span class="van-tag van-tag--round van-tag--default">标签</span> <span class="van-tag van-tag--round van-tag--primary">标签</span> <span class="van-tag van-tag--round van-tag--success">标签</span> <span class="van-tag van-tag--round van-tag--danger">标签</span> <span class="van-tag van-tag--round van-tag--warning">标签</span></div>
+  <div><span class="van-tag van-tag--mark van-tag--default">标签</span> <span class="van-tag van-tag--mark van-tag--primary">标签</span> <span class="van-tag van-tag--mark van-tag--success">标签</span> <span class="van-tag van-tag--mark van-tag--danger">标签</span> <span class="van-tag van-tag--mark van-tag--warning">标签</span></div>
+  <div><span class="van-tag van-tag--plain van-tag--default van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--primary van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--success van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--danger van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--warning van-hairline--surround">标签</span></div>
+  <div><span class="van-tag van-tag--default" style="background-color: rgb(242, 130, 106);">标签</span> <span class="van-tag van-tag--plain van-tag--default van-hairline--surround" style="color: rgb(242, 130, 106);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--plain van-tag--default van-hairline--surround" style="color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(255, 225, 225); color: rgb(173, 0, 0);">标签</span></div>
+  <div><span class="van-tag van-tag--success">标签</span> <span class="van-tag van-tag--medium van-tag--success">标签</span> <span class="van-tag van-tag--large van-tag--success">标签</span></div>
+  <div><span class="van-tag van-tag--medium van-tag--primary" name="van-fade">
+      标签
+    <i class="van-icon van-icon-cross van-tag__close"><!----></i></span> <span class="van-tag van-tag--medium van-tag--success" name="van-fade">
+      标签
+    <i class="van-icon van-icon-cross van-tag__close"><!----></i></span></div>
+</div>
+`;
diff --git a/src-next/tag/test/demo.spec.js b/src-next/tag/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/tag/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/tag/test/index.spec.js b/src-next/tag/test/index.spec.js
new file mode 100644
index 000000000..864947a4f
--- /dev/null
+++ b/src-next/tag/test/index.spec.js
@@ -0,0 +1,54 @@
+import Tag from '..';
+import { mount } from '../../../test';
+
+test('click event', () => {
+  const click = jest.fn();
+  const wrapper = mount(Tag, {
+    context: {
+      on: {
+        click,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(click).toHaveBeenCalledTimes(1);
+});
+
+test('close event', () => {
+  const close = jest.fn();
+  const wrapper = mount(Tag, {
+    propsData: {
+      closeable: true,
+    },
+    context: {
+      on: {
+        close,
+      },
+    },
+  });
+
+  wrapper.find('.van-tag__close').trigger('click');
+  expect(close).toHaveBeenCalledTimes(1);
+});
+
+test('should not trigger click event when close', () => {
+  const close = jest.fn();
+  const click = jest.fn();
+
+  const wrapper = mount(Tag, {
+    propsData: {
+      closeable: true,
+    },
+    context: {
+      on: {
+        close,
+        click,
+      },
+    },
+  });
+
+  wrapper.find('.van-tag__close').trigger('click');
+  expect(close).toHaveBeenCalledTimes(1);
+  expect(click).toHaveBeenCalledTimes(0);
+});
diff --git a/vant.config.js b/vant.config.js
index 34735e591..68bc655c6 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -277,10 +277,10 @@ module.exports = {
               //   path: 'swipe',
               //   title: 'Swipe 轮播',
               // },
-              // {
-              //   path: 'tag',
-              //   title: 'Tag 标记',
-              // },
+              {
+                path: 'tag',
+                title: 'Tag 标记',
+              },
             ],
           },
           {
@@ -611,10 +611,10 @@ module.exports = {
               //   path: 'swipe',
               //   title: 'Swipe',
               // },
-              // {
-              //   path: 'tag',
-              //   title: 'Tag',
-              // },
+              {
+                path: 'tag',
+                title: 'Tag',
+              },
             ],
           },
           {

From 7ed1747de863a4f9d756591edee01c0cc48d8a12 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 16:46:07 +0800
Subject: [PATCH 036/626] fix(Cell): route props

---
 src-next/cell/index.js | 193 +++++++++++++++++++++--------------------
 1 file changed, 97 insertions(+), 96 deletions(-)

diff --git a/src-next/cell/index.js b/src-next/cell/index.js
index 4f4eb4964..83703384a 100644
--- a/src-next/cell/index.js
+++ b/src-next/cell/index.js
@@ -1,6 +1,6 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { routeProps } from '../utils/router';
+import { route, routeProps } from '../utils/router';
 import { cellProps } from './shared';
 
 // Components
@@ -15,102 +15,103 @@ export default createComponent({
   },
 
   setup(props, { slots, emit }) {
-    const { icon, size, title, label, value, isLink } = props;
-    const showTitle = slots.title || isDef(title);
-
-    function Label() {
-      const showLabel = slots.label || isDef(label);
-
-      if (showLabel) {
-        return (
-          <div class={[bem('label'), props.labelClass]}>
-            {slots.label ? slots.label() : label}
-          </div>
-        );
-      }
-    }
-
-    function Title() {
-      if (showTitle) {
-        return (
-          <div
-            class={[bem('title'), props.titleClass]}
-            style={props.titleStyle}
-          >
-            {slots.title ? slots.title() : <span>{title}</span>}
-            {Label()}
-          </div>
-        );
-      }
-    }
-
-    function Value() {
-      const showValue = slots.default || isDef(value);
-
-      if (showValue) {
-        return (
-          <div class={[bem('value', { alone: !showTitle }), props.valueClass]}>
-            {slots.default ? slots.default() : <span>{value}</span>}
-          </div>
-        );
-      }
-    }
-
-    function LeftIcon() {
-      if (slots.icon) {
-        return slots.icon();
-      }
-
-      if (icon) {
-        return (
-          <Icon
-            class={bem('left-icon')}
-            name={icon}
-            classPrefix={props.iconPrefix}
-          />
-        );
-      }
-    }
-
-    function RightIcon() {
-      const rightIconSlot = slots['right-icon'];
-
-      if (rightIconSlot) {
-        return rightIconSlot();
-      }
-
-      if (isLink) {
-        const { arrowDirection } = props;
-
-        return (
-          <Icon
-            class={bem('right-icon')}
-            name={arrowDirection ? `arrow-${arrowDirection}` : 'arrow'}
-          />
-        );
-      }
-    }
-
-    function onClick(event) {
-      emit('click', event);
-      // TODO
-      // functionalRoute(ctx);
-    }
-
-    const clickable = isLink || props.clickable;
-
-    const classes = {
-      clickable,
-      center: props.center,
-      required: props.required,
-      borderless: !props.border,
-    };
-
-    if (size) {
-      classes[size] = size;
-    }
-
     return function () {
+      const { icon, size, title, label, value, isLink } = props;
+      const showTitle = slots.title || isDef(title);
+
+      function Label() {
+        const showLabel = slots.label || isDef(label);
+
+        if (showLabel) {
+          return (
+            <div class={[bem('label'), props.labelClass]}>
+              {slots.label ? slots.label() : label}
+            </div>
+          );
+        }
+      }
+
+      function Title() {
+        if (showTitle) {
+          return (
+            <div
+              class={[bem('title'), props.titleClass]}
+              style={props.titleStyle}
+            >
+              {slots.title ? slots.title() : <span>{title}</span>}
+              {Label()}
+            </div>
+          );
+        }
+      }
+
+      function Value() {
+        const showValue = slots.default || isDef(value);
+
+        if (showValue) {
+          return (
+            <div
+              class={[bem('value', { alone: !showTitle }), props.valueClass]}
+            >
+              {slots.default ? slots.default() : <span>{value}</span>}
+            </div>
+          );
+        }
+      }
+
+      function LeftIcon() {
+        if (slots.icon) {
+          return slots.icon();
+        }
+
+        if (icon) {
+          return (
+            <Icon
+              class={bem('left-icon')}
+              name={icon}
+              classPrefix={props.iconPrefix}
+            />
+          );
+        }
+      }
+
+      function RightIcon() {
+        const rightIconSlot = slots['right-icon'];
+
+        if (rightIconSlot) {
+          return rightIconSlot();
+        }
+
+        if (isLink) {
+          const { arrowDirection } = props;
+
+          return (
+            <Icon
+              class={bem('right-icon')}
+              name={arrowDirection ? `arrow-${arrowDirection}` : 'arrow'}
+            />
+          );
+        }
+      }
+
+      const onClick = (event) => {
+        emit('click', event);
+        route(this.$router, this);
+      };
+
+      const clickable = isLink || props.clickable;
+
+      const classes = {
+        clickable,
+        center: props.center,
+        required: props.required,
+        borderless: !props.border,
+      };
+
+      if (size) {
+        classes[size] = size;
+      }
+
       return (
         <div
           class={bem(classes)}

From bad69d9f3f8b8eb74cb774a4cfb925e0500ab340 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Jul 2020 17:06:37 +0800
Subject: [PATCH 037/626] chore: remove sortChildren

---
 src-next/mixins/relation.js |  4 ----
 src-next/utils/vnodes.ts    | 34 ----------------------------------
 2 files changed, 38 deletions(-)
 delete mode 100644 src-next/utils/vnodes.ts

diff --git a/src-next/mixins/relation.js b/src-next/mixins/relation.js
index b3f6cb37e..0e65df6b3 100644
--- a/src-next/mixins/relation.js
+++ b/src-next/mixins/relation.js
@@ -1,5 +1,3 @@
-import { sortChildren } from '../utils/vnodes';
-
 export function ChildrenMixin(parent, options = {}) {
   const indexKey = options.indexKey || 'index';
 
@@ -44,8 +42,6 @@ export function ChildrenMixin(parent, options = {}) {
 
         const children = [...this.parent.children, this];
 
-        sortChildren(children, this.parent);
-
         this.parent.children = children;
       },
     },
diff --git a/src-next/utils/vnodes.ts b/src-next/utils/vnodes.ts
deleted file mode 100644
index 34cc6bf37..000000000
--- a/src-next/utils/vnodes.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-// import { VNode } from 'vue';
-
-// function flattenVNodes(vnodes: VNode[]) {
-//   const result: VNode[] = [];
-
-//   function traverse(vnodes: VNode[]) {
-//     vnodes.forEach((vnode) => {
-//       result.push(vnode);
-
-//       if (vnode.componentInstance) {
-//         traverse(vnode.componentInstance.$children.map((item) => item.$vnode));
-//       }
-
-//       if (vnode.children) {
-//         traverse(vnode.children);
-//       }
-//     });
-//   }
-
-//   traverse(vnodes);
-//   return result;
-// }
-
-// TODO
-// sort children instances by vnodes order
-export function sortChildren(children: Vue[], parent: Vue) {
-  // const { componentOptions } = parent.$vnode;
-  // if (!componentOptions || !componentOptions.children) {
-  //   return;
-  // }
-
-  // const vnodes = flattenVNodes(componentOptions.children);
-  // children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
-}

From 2a41dcf58e0924736bd0a5f5d547ed946de9dbae Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 14:12:22 +0800
Subject: [PATCH 038/626] feat: Overlay component

---
 src-next/overlay/README.md          | 79 +++++++++++++++++++++++
 src-next/overlay/README.zh-CN.md    | 85 +++++++++++++++++++++++++
 src-next/overlay/demo/index.vue     | 72 +++++++++++++++++++++
 src-next/overlay/index.js           | 49 +++++++++++++++
 src-next/overlay/index.less         | 11 ++++
 src-next/overlay/test/demo.spec.js  |  4 ++
 src-next/overlay/test/index.spec.js | 98 +++++++++++++++++++++++++++++
 7 files changed, 398 insertions(+)
 create mode 100644 src-next/overlay/README.md
 create mode 100644 src-next/overlay/README.zh-CN.md
 create mode 100644 src-next/overlay/demo/index.vue
 create mode 100644 src-next/overlay/index.js
 create mode 100644 src-next/overlay/index.less
 create mode 100644 src-next/overlay/test/demo.spec.js
 create mode 100644 src-next/overlay/test/index.spec.js

diff --git a/src-next/overlay/README.md b/src-next/overlay/README.md
new file mode 100644
index 000000000..31fba67b1
--- /dev/null
+++ b/src-next/overlay/README.md
@@ -0,0 +1,79 @@
+# Overlay
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Overlay } from 'vant';
+
+Vue.use(Overlay);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-button type="primary" text="Show Overlay" @click="show = true" />
+<van-overlay :show="show" @click="show = false" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false
+    }
+  }
+},
+```
+
+### Embedded Content
+
+```html
+<van-overlay :show="show" @click="show = false">
+  <div class="wrapper" @click.stop>
+    <div class="block" />
+  </div>
+</van-overlay>
+
+<style>
+  .wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .block {
+    width: 120px;
+    height: 120px;
+    background-color: #fff;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| show | Whether to show overlay | _boolean_ | `false` |
+| z-index | z-index | _number \| string_ | `1` |
+| duration | Animation duration | _number \| string_ | `0.3` |
+| class-name | ClassName | _string_ | - |
+| custom-class `v2.2.5` | Custom style | _object_ | - |
+| lock-scroll `v2.6.2` | Whether to lock background scroll | _boolean_ | `true` |
+
+### Events
+
+| Event | Description            | Arguments      |
+| ----- | ---------------------- | -------------- |
+| click | Triggered when clicked | _event: Event_ |
+
+### Slots
+
+| Name             | Description  |
+| ---------------- | ------------ |
+| default `v2.2.5` | Default slot |
diff --git a/src-next/overlay/README.zh-CN.md b/src-next/overlay/README.zh-CN.md
new file mode 100644
index 000000000..9d70faa1b
--- /dev/null
+++ b/src-next/overlay/README.zh-CN.md
@@ -0,0 +1,85 @@
+# Overlay 遮罩层
+
+### 介绍
+
+创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Overlay } from 'vant';
+
+Vue.use(Overlay);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-button type="primary" text="显示遮罩层" @click="show = true" />
+<van-overlay :show="show" @click="show = false" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false
+    }
+  }
+},
+```
+
+### 嵌入内容
+
+通过默认插槽可以在遮罩层上嵌入任意内容
+
+```html
+<van-overlay :show="show" @click="show = false">
+  <div class="wrapper" @click.stop>
+    <div class="block" />
+  </div>
+</van-overlay>
+
+<style>
+  .wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .block {
+    width: 120px;
+    height: 120px;
+    background-color: #fff;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| show | 是否展示遮罩层 | _boolean_ | `false` |
+| z-index | z-index 层级 | _number \| string_ | `1` |
+| duration | 动画时长，单位秒 | _number \| string_ | `0.3` |
+| class-name | 自定义类名 | _string_ | - |
+| custom-style `v2.2.5` | 自定义样式 | _object_ | - |
+| lock-scroll `v2.6.2` | 是否锁定背景滚动，锁定时蒙层里的内容也将无法滚动 | _boolean_ | `true` |
+
+### Events
+
+| 事件名 | 说明       | 回调参数       |
+| ------ | ---------- | -------------- |
+| click  | 点击时触发 | _event: Event_ |
+
+### Slots
+
+| 名称             | 说明                               |
+| ---------------- | ---------------------------------- |
+| default `v2.0.5` | 默认插槽，用于在遮罩层上方嵌入内容 |
diff --git a/src-next/overlay/demo/index.vue b/src-next/overlay/demo/index.vue
new file mode 100644
index 000000000..a919f4f8c
--- /dev/null
+++ b/src-next/overlay/demo/index.vue
@@ -0,0 +1,72 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-button
+        type="primary"
+        :text="t('showOverlay')"
+        style="margin-left: 16px;"
+        @click="show = true"
+      />
+
+      <van-overlay :show="show" @click="show = false" />
+    </demo-block>
+
+    <demo-block :title="t('embeddedContent')">
+      <van-button
+        type="primary"
+        :text="t('embeddedContent')"
+        style="margin-left: 16px;"
+        @click="showEmbedded = true"
+      />
+
+      <van-overlay :show="showEmbedded" @click="showEmbedded = false">
+        <div class="wrapper">
+          <div class="block" />
+        </div>
+      </van-overlay>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      showOverlay: '显示遮罩层',
+      embeddedContent: '嵌入内容',
+    },
+    'en-US': {
+      showOverlay: 'Show Overlay',
+      embeddedContent: 'Embedded Content',
+    },
+  },
+
+  data() {
+    return {
+      show: false,
+      showEmbedded: false,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-overlay {
+  background: @white;
+
+  .wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+
+  .block {
+    width: 120px;
+    height: 120px;
+    background-color: @white;
+  }
+}
+</style>
diff --git a/src-next/overlay/index.js b/src-next/overlay/index.js
new file mode 100644
index 000000000..87da81781
--- /dev/null
+++ b/src-next/overlay/index.js
@@ -0,0 +1,49 @@
+import { Transition } from 'vue';
+import { createNamespace, isDef, noop } from '../utils';
+import { preventDefault } from '../utils/dom/event';
+
+const [createComponent, bem] = createNamespace('overlay');
+
+function preventTouchMove(event) {
+  preventDefault(event, true);
+}
+
+export default createComponent({
+  props: {
+    show: Boolean,
+    zIndex: [Number, String],
+    duration: [Number, String],
+    className: null,
+    customStyle: Object,
+    lockScroll: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props, { slots }) {
+    return function () {
+      const style = {
+        zIndex: props.zIndex,
+        ...props.customStyle,
+      };
+
+      if (isDef(props.duration)) {
+        style.animationDuration = `${props.duration}s`;
+      }
+
+      return (
+        <Transition name="van-fade">
+          <div
+            vShow={props.show}
+            style={style}
+            class={[bem(), props.className]}
+            onTouchmove={props.lockScroll ? preventTouchMove : noop}
+          >
+            {slots.default?.()}
+          </div>
+        </Transition>
+      );
+    };
+  },
+});
diff --git a/src-next/overlay/index.less b/src-next/overlay/index.less
new file mode 100644
index 000000000..3b547cff9
--- /dev/null
+++ b/src-next/overlay/index.less
@@ -0,0 +1,11 @@
+@import '../style/var';
+
+.van-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: @overlay-z-index;
+  width: 100%;
+  height: 100%;
+  background-color: @overlay-background-color;
+}
diff --git a/src-next/overlay/test/demo.spec.js b/src-next/overlay/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/overlay/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/overlay/test/index.spec.js b/src-next/overlay/test/index.spec.js
new file mode 100644
index 000000000..093aa569c
--- /dev/null
+++ b/src-next/overlay/test/index.spec.js
@@ -0,0 +1,98 @@
+import { mount } from '../../../test';
+import Overlay from '..';
+
+test('z-index prop', () => {
+  const wrapper = mount(Overlay, {
+    propsData: {
+      show: true,
+      zIndex: 99,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('class-name prop', () => {
+  const wrapper = mount(Overlay, {
+    propsData: {
+      show: true,
+      className: 'my-overlay',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('custom style prop', () => {
+  const wrapper = mount(Overlay, {
+    propsData: {
+      show: true,
+      customStyle: {
+        backgroundColor: 'red',
+      },
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('duration prop', () => {
+  const wrapper = mount(Overlay, {
+    propsData: {
+      show: true,
+      duration: 1,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click event', () => {
+  const onClick = jest.fn();
+  const wrapper = mount(Overlay, {
+    context: {
+      on: {
+        click: onClick,
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(onClick).toHaveBeenCalledTimes(1);
+});
+
+test('default slot', () => {
+  const wrapper = mount(Overlay, {
+    scopedSlots: {
+      default: () => 'Custom Default',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('lock-scroll prop', () => {
+  const onTouchMove = jest.fn();
+  const wrapper = mount({
+    template: `
+      <div @touchmove="onTouchMove">
+        <van-overlay :lock-scroll="lockScroll" />
+      </div>
+    `,
+    data() {
+      return {
+        lockScroll: true,
+      };
+    },
+    methods: {
+      onTouchMove,
+    },
+  });
+
+  wrapper.find('.van-overlay').trigger('touchmove');
+  expect(onTouchMove).toHaveBeenCalledTimes(0);
+
+  wrapper.setData({ lockScroll: false });
+  wrapper.find('.van-overlay').trigger('touchmove');
+  expect(onTouchMove).toHaveBeenCalledTimes(1);
+});

From 57e035bb269ff9395bb74e49850671a040c6ddcc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 14:58:38 +0800
Subject: [PATCH 039/626] feat: Popup component

---
 breaking-changes.md                           |   5 +
 src-next/mixins/popup/context.ts              |   3 -
 src-next/mixins/popup/index.js                |  65 ++---
 src-next/mixins/popup/overlay.ts              |  77 -----
 .../test/__snapshots__/demo.spec.js.snap      |  20 ++
 .../test/__snapshots__/index.spec.js.snap     |  11 +
 src-next/popup/README.md                      | 138 +++++++++
 src-next/popup/README.zh-CN.md                | 149 ++++++++++
 src-next/popup/demo/index.vue                 | 164 +++++++++++
 src-next/popup/index.js                       | 106 +++++++
 src-next/popup/index.less                     | 137 +++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  65 +++++
 .../test/__snapshots__/index.spec.js.snap     |  14 +
 src-next/popup/test/demo.spec.js              |   4 +
 src-next/popup/test/index.spec.js             | 265 ++++++++++++++++++
 src-next/utils/dom/event.ts                   |   8 +-
 src-next/utils/index.ts                       |   2 +
 vant.config.js                                |  24 +-
 webpack.config.js                             |   1 +
 19 files changed, 1124 insertions(+), 134 deletions(-)
 create mode 100644 breaking-changes.md
 delete mode 100644 src-next/mixins/popup/overlay.ts
 create mode 100644 src-next/overlay/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/overlay/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/popup/README.md
 create mode 100644 src-next/popup/README.zh-CN.md
 create mode 100644 src-next/popup/demo/index.vue
 create mode 100644 src-next/popup/index.js
 create mode 100644 src-next/popup/index.less
 create mode 100644 src-next/popup/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/popup/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/popup/test/demo.spec.js
 create mode 100644 src-next/popup/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
new file mode 100644
index 000000000..c08ffd5cf
--- /dev/null
+++ b/breaking-changes.md
@@ -0,0 +1,5 @@
+# 不兼容更新
+
+## Popup
+
+- v-model 调整为 v-model:show
diff --git a/src-next/mixins/popup/context.ts b/src-next/mixins/popup/context.ts
index 6ab98f914..25b501a28 100644
--- a/src-next/mixins/popup/context.ts
+++ b/src-next/mixins/popup/context.ts
@@ -1,9 +1,6 @@
-import { OverlayConfig } from './overlay';
-
 export type StackItem = {
   vm: any;
   overlay: any;
-  config: OverlayConfig;
 };
 
 export const context = {
diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
index c2c97d40b..436eb909d 100644
--- a/src-next/mixins/popup/index.js
+++ b/src-next/mixins/popup/index.js
@@ -1,11 +1,5 @@
 // Context
 import { context } from './context';
-import {
-  openOverlay,
-  closeOverlay,
-  updateOverlay,
-  removeOverlay,
-} from './overlay';
 
 // Utils
 import { on, off, preventDefault } from '../../utils/dom/event';
@@ -19,7 +13,7 @@ import { CloseOnPopstateMixin } from '../close-on-popstate';
 
 export const popupMixinProps = {
   // whether to show popup
-  value: Boolean,
+  show: Boolean,
   // whether to show overlay
   overlay: Boolean,
   // overlay custom style
@@ -47,20 +41,14 @@ export function PopupMixin(options = {}) {
     mixins: [
       TouchMixin,
       CloseOnPopstateMixin,
-      PortalMixin({
-        afterPortal() {
-          if (this.overlay) {
-            updateOverlay();
-          }
-        },
-      }),
+      PortalMixin({}),
     ],
 
     props: popupMixinProps,
 
     data() {
       return {
-        inited: this.value,
+        inited: this.show,
       };
     },
 
@@ -71,9 +59,9 @@ export function PopupMixin(options = {}) {
     },
 
     watch: {
-      value(val) {
+      show(val) {
         const type = val ? 'open' : 'close';
-        this.inited = this.inited || this.value;
+        this.inited = this.inited || this.show;
         this[type]();
 
         if (!options.skipToggleEvent) {
@@ -85,7 +73,7 @@ export function PopupMixin(options = {}) {
     },
 
     mounted() {
-      if (this.value) {
+      if (this.show) {
         this.open();
       }
     },
@@ -93,23 +81,22 @@ export function PopupMixin(options = {}) {
     /* istanbul ignore next */
     activated() {
       if (this.shouldReopen) {
-        this.$emit('input', true);
+        this.$emit('update:show', true);
         this.shouldReopen = false;
       }
     },
 
     beforeDestroy() {
       this.removeLock();
-      removeOverlay(this);
 
       if (this.getContainer) {
-        removeNode(this.$el);
+        removeNode(this.$refs.root);
       }
     },
 
     /* istanbul ignore next */
     deactivated() {
-      if (this.value) {
+      if (this.show) {
         this.close();
         this.shouldReopen = true;
       }
@@ -161,16 +148,15 @@ export function PopupMixin(options = {}) {
           return;
         }
 
-        closeOverlay(this);
         this.opened = false;
         this.removeLock();
-        this.$emit('input', false);
+        this.$emit('update:show', false);
       },
 
       onTouchMove(event) {
         this.touchMove(event);
         const direction = this.deltaY > 0 ? '10' : '01';
-        const el = getScroller(event.target, this.$el);
+        const el = getScroller(event.target, this.$refs.root);
         const { scrollHeight, offsetHeight, scrollTop } = el;
         let status = '11';
 
@@ -191,29 +177,32 @@ export function PopupMixin(options = {}) {
         }
       },
 
+      onClickOverlay() {
+        this.$emit('click-overlay');
+
+        if (this.closeOnClickOverlay) {
+          // TODO
+          // if (this.onClickOverlay) {
+          //   this.onClickOverlay();
+          // } else {
+          //   this.close();
+          // }
+          this.close();
+        }
+      },
+
       renderOverlay() {
-        if (this.$isServer || !this.value) {
+        if (this.$isServer || !this.show) {
           return;
         }
 
         this.$nextTick(() => {
           this.updateZIndex(this.overlay ? 1 : 0);
-
-          if (this.overlay) {
-            openOverlay(this, {
-              zIndex: context.zIndex++,
-              duration: this.duration,
-              className: this.overlayClass,
-              customStyle: this.overlayStyle,
-            });
-          } else {
-            closeOverlay(this);
-          }
         });
       },
 
       updateZIndex(value = 0) {
-        this.$el.style.zIndex = ++context.zIndex + value;
+        this.$refs.root.style.zIndex = ++context.zIndex + value;
       },
     },
   };
diff --git a/src-next/mixins/popup/overlay.ts b/src-next/mixins/popup/overlay.ts
deleted file mode 100644
index 1d5d86f6a..000000000
--- a/src-next/mixins/popup/overlay.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import Overlay from '../../overlay';
-import { context } from './context';
-import { mount } from '../../utils/functional';
-import { removeNode } from '../../utils/dom/node';
-
-export type OverlayConfig = {
-  zIndex?: number;
-  className?: string;
-  customStyle?: string | object[] | object;
-};
-
-const defaultConfig: OverlayConfig = {
-  className: '',
-  customStyle: {},
-};
-
-function mountOverlay(vm: any) {
-  return mount(Overlay, {
-    on: {
-      // close popup when overlay clicked & closeOnClickOverlay is true
-      click() {
-        vm.$emit('click-overlay');
-
-        if (vm.closeOnClickOverlay) {
-          if (vm.onClickOverlay) {
-            vm.onClickOverlay();
-          } else {
-            vm.close();
-          }
-        }
-      },
-    },
-  });
-}
-
-export function updateOverlay(vm: any): void {
-  const item = context.find(vm);
-
-  if (item) {
-    const el = vm.$el;
-    const { config, overlay } = item;
-
-    if (el && el.parentNode) {
-      el.parentNode.insertBefore(overlay.$el, el);
-    }
-
-    Object.assign(overlay, defaultConfig, config, {
-      show: true,
-    });
-  }
-}
-
-export function openOverlay(vm: any, config: OverlayConfig): void {
-  const item = context.find(vm);
-  if (item) {
-    item.config = config;
-  } else {
-    const overlay = mountOverlay(vm);
-    context.stack.push({ vm, config, overlay });
-  }
-
-  updateOverlay(vm);
-}
-
-export function closeOverlay(vm: any): void {
-  const item = context.find(vm);
-  if (item) {
-    item.overlay.show = false;
-  }
-}
-
-export function removeOverlay(vm: any) {
-  const item = context.find(vm);
-  if (item) {
-    removeNode(item.overlay.$el);
-  }
-}
diff --git a/src-next/overlay/test/__snapshots__/demo.spec.js.snap b/src-next/overlay/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..2179861ea
--- /dev/null
+++ b/src-next/overlay/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
+      <div class="van-button__content"><span class="van-button__text">显示遮罩层</span></div>
+    </button>
+    <div class="van-overlay" style="display: none;" name="van-fade"></div>
+  </div>
+  <div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
+      <div class="van-button__content"><span class="van-button__text">嵌入内容</span></div>
+    </button>
+    <div class="van-overlay" style="display: none;" name="van-fade">
+      <div class="wrapper">
+        <div class="block"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/overlay/test/__snapshots__/index.spec.js.snap b/src-next/overlay/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..07b7885df
--- /dev/null
+++ b/src-next/overlay/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`class-name prop 1`] = `<div class="van-overlay my-overlay" name="van-fade"></div>`;
+
+exports[`custom style prop 1`] = `<div class="van-overlay" style="background-color: red;" name="van-fade"></div>`;
+
+exports[`default slot 1`] = `<div class="van-overlay" style="display: none;" name="van-fade">Custom Default</div>`;
+
+exports[`duration prop 1`] = `<div class="van-overlay" style="animation-duration: 1s;" name="van-fade"></div>`;
+
+exports[`z-index prop 1`] = `<div class="van-overlay" style="z-index: 99;" name="van-fade"></div>`;
diff --git a/src-next/popup/README.md b/src-next/popup/README.md
new file mode 100644
index 000000000..0b6e81530
--- /dev/null
+++ b/src-next/popup/README.md
@@ -0,0 +1,138 @@
+# Popup
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Popup } from 'vant';
+
+Vue.use(Popup);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-cell is-link @click="showPopup">Show Popup</van-cell>
+<van-popup v-model:show="show">Content</van-popup>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+    };
+  },
+
+  methods: {
+    showPopup() {
+      this.show = true;
+    },
+  },
+};
+```
+
+### Position
+
+Use `position` prop to set popup display position
+
+```html
+<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
+```
+
+### Close Icon
+
+```html
+<van-popup
+  v-model:show="show"
+  closeable
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+<!-- Custom Icon -->
+<van-popup
+  v-model:show="show"
+  closeable
+  close-icon="close"
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+<!-- Icon Position -->
+<van-popup
+  v-model:show="show"
+  closeable
+  close-icon-position="top-left"
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+```
+
+### Round Corner
+
+```html
+<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
+```
+
+### Get Container
+
+Use `get-container` prop to specify mount location
+
+```html
+<!-- mount to body -->
+<van-popup v-model:show="show" get-container="body" />
+
+<!-- mount to #app -->
+<van-popup v-model:show="show" get-container="#app" />
+
+<!-- Specify the mount location by function -->
+<van-popup v-model:show="show" :get-container="getContainer" />
+```
+
+```js
+export default {
+  methods: {
+    getContainer() {
+      return document.querySelector('.my-container');
+    },
+  },
+};
+```
+
+> Tips: The get-container prop cannot be used on the root node
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model:show | Whether to show popup | _boolean_ | `false` |
+| overlay | Whether to show overlay | _boolean_ | `true` |
+| position | Can be set to `top` `bottom` `right` `left` | _string_ | `center` |
+| overlay-class | Custom overlay class | _string_ | - |
+| overlay-style | Custom overlay style | _object_ | - |
+| duration | Transition duration, unit second | _number \| string_ | `0.3` |
+| round `v2.0.7` | Whether to show round corner | _boolean_ | `false` |
+| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
+| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
+| close-on-popstate `v2.2.10` | Whether to close when popstate | _boolean_ | `false` |
+| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
+| closeable `v2.2.0` | Whether to show close icon | _boolean_ | `false` |
+| close-icon `v2.2.0` | Close icon name | _string_ | `cross` |
+| close-icon-position `v2.2.2` | Close Icon Position，can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
+| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
+| get-container | Return the mount node for Popup | _string \| () => Element_ | - |
+| safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
+
+### Events
+
+| Event         | Description                  | Arguments      |
+| ------------- | ---------------------------- | -------------- |
+| click         | Triggered when click Popup   | _event: Event_ |
+| open          | Triggered when open Popup    | -              |
+| close         | Triggered when close Popup   | -              |
+| opened        | Triggered when opened Popup  | -              |
+| closed        | Triggered when closed Popup  | -              |
+| click-overlay | Triggered when click overlay | -              |
diff --git a/src-next/popup/README.zh-CN.md b/src-next/popup/README.zh-CN.md
new file mode 100644
index 000000000..017d8628f
--- /dev/null
+++ b/src-next/popup/README.zh-CN.md
@@ -0,0 +1,149 @@
+# Popup 弹出层
+
+### 介绍
+
+弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Popup } from 'vant';
+
+Vue.use(Popup);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过 `v-model:show` 控制弹出层是否展示
+
+```html
+<van-cell is-link @click="showPopup">展示弹出层</van-cell>
+<van-popup v-model:show="show">内容</van-popup>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+    };
+  },
+
+  methods: {
+    showPopup() {
+      this.show = true;
+    },
+  },
+};
+```
+
+### 弹出位置
+
+通过`position`属性设置弹出位置，默认居中弹出，可以设置为`top`、`bottom`、`left`、`right`
+
+```html
+<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
+```
+
+### 关闭图标
+
+设置`closeable`属性后，会在弹出层的右上角显示关闭图标，并且可以通过`close-icon`属性自定义图标，使用`close-icon-position`属性可以自定义图标位置
+
+```html
+<van-popup
+  v-model:show="show"
+  closeable
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+<!-- 自定义图标 -->
+<van-popup
+  v-model:show="show"
+  closeable
+  close-icon="close"
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+<!-- 图标位置 -->
+<van-popup
+  v-model:show="show"
+  closeable
+  close-icon-position="top-left"
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
+```
+
+### 圆角弹窗
+
+设置`round`属性后，弹窗会根据弹出位置添加不同的圆角样式
+
+```html
+<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
+```
+
+### 指定挂载位置
+
+弹出层默认挂载到组件所在位置，可以通过`get-container`属性指定挂载位置
+
+```html
+<!-- 挂载到 body 节点下 -->
+<van-popup v-model:show="show" get-container="body" />
+
+<!-- 挂载到 #app 节点下 -->
+<van-popup v-model:show="show" get-container="#app" />
+
+<!-- 通过函数指定挂载位置 -->
+<van-popup v-model:show="show" :get-container="getContainer" />
+```
+
+```js
+export default {
+  methods: {
+    // 返回一个特定的 DOM 节点，作为挂载的父节点
+    getContainer() {
+      return document.querySelector('.my-container');
+    },
+  },
+};
+```
+
+> 注意：使用 get-container 属性的组件不能为根节点
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| v-model:show | 是否显示弹出层 | _boolean_ | `false` |
+| overlay | 是否显示遮罩层 | _boolean_ | `true` |
+| position | 弹出位置，可选值为 `top` `bottom` `right` `left` | _string_ | `center` |
+| overlay-class | 自定义遮罩层类名 | _string_ | - |
+| overlay-style | 自定义遮罩层样式 | _object_ | - |
+| duration | 动画时长，单位秒 | _number \| string_ | `0.3` |
+| round `v2.0.7` | 是否显示圆角 | _boolean_ | `false` |
+| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
+| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
+| close-on-popstate `v2.2.10` | 是否在页面回退时自动关闭 | _boolean_ | `false` |
+| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
+| closeable `v2.2.0` | 是否显示关闭图标 | _boolean_ | `false` |
+| close-icon `v2.2.0` | 关闭图标名称或图片链接 | _string_ | `cross` |
+| close-icon-position `v2.2.2` | 关闭图标位置，可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
+| transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
+| get-container | 指定挂载的节点 | _string \| () => Element_ | - |
+| safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
+
+### Events
+
+| 事件名        | 说明                       | 回调参数       |
+| ------------- | -------------------------- | -------------- |
+| click         | 点击弹出层时触发           | _event: Event_ |
+| open          | 打开弹出层时触发           | -              |
+| close         | 关闭弹出层时触发           | -              |
+| opened        | 打开弹出层且动画结束后触发 | -              |
+| closed        | 关闭弹出层且动画结束后触发 | -              |
+| click-overlay | 点击遮罩层时触发           | -              |
diff --git a/src-next/popup/demo/index.vue b/src-next/popup/demo/index.vue
new file mode 100644
index 000000000..a85d5c7be
--- /dev/null
+++ b/src-next/popup/demo/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <demo-section>
+    <demo-block card :title="t('basicUsage')">
+      <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
+      <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
+        {{ t('content') }}
+      </van-popup>
+    </demo-block>
+
+    <demo-block card :title="t('position')">
+      <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
+      <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
+      <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
+      <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
+
+      <van-popup v-model:show="showTop" position="top" :style="{ height: '30%' }" />
+      <van-popup
+        v-model:show="showBottom"
+        position="bottom"
+        :style="{ height: '30%' }"
+      />
+      <van-popup
+        v-model:show="showLeft"
+        position="left"
+        :style="{ width: '30%', height: '100%' }"
+      />
+      <van-popup
+        v-model:show="showRight"
+        position="right"
+        :style="{ width: '30%', height: '100%' }"
+      />
+    </demo-block>
+
+    <demo-block card :title="t('closeIcon')">
+      <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
+      <van-cell
+        :title="t('customCloseIcon')"
+        is-link
+        @click="showCustomCloseIcon = true"
+      />
+      <van-cell
+        :title="t('customIconPosition')"
+        is-link
+        @click="showCustomIconPosition = true"
+      />
+
+      <van-popup
+        v-model:show="showCloseIcon"
+        closeable
+        position="bottom"
+        :style="{ height: '30%' }"
+      />
+      <van-popup
+        v-model:show="showCustomCloseIcon"
+        closeable
+        close-icon="close"
+        position="bottom"
+        :style="{ height: '30%' }"
+      />
+      <van-popup
+        v-model:show="showCustomIconPosition"
+        closeable
+        close-icon-position="top-left"
+        position="bottom"
+        :style="{ height: '30%' }"
+      />
+    </demo-block>
+
+    <demo-block card :title="t('roundCorner')">
+      <van-cell
+        :title="t('roundCorner')"
+        is-link
+        @click="showRoundCorner = true"
+      />
+      <van-popup
+        v-model:show="showRoundCorner"
+        round
+        position="bottom"
+        :style="{ height: '30%' }"
+      />
+    </demo-block>
+
+    <demo-block card v-if="!isWeapp" :title="t('getContainer')">
+      <van-cell
+        :title="t('getContainer')"
+        is-link
+        @click="showGetContainer = true"
+      />
+      <van-popup
+        v-model:show="showGetContainer"
+        get-container="body"
+        :style="{ padding: '30px 50px' }"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      position: '弹出位置',
+      buttonBasic: '展示弹出层',
+      buttonTop: '顶部弹出',
+      buttonBottom: '底部弹出',
+      buttonLeft: '左侧弹出',
+      buttonRight: '右侧弹出',
+      getContainer: '指定挂载节点',
+      roundCorner: '圆角弹窗',
+      closeIcon: '关闭图标',
+      customCloseIcon: '自定义图标',
+      customIconPosition: '图标位置',
+    },
+    'en-US': {
+      position: 'Position',
+      buttonBasic: 'Show Popup',
+      buttonTop: 'From Top',
+      buttonBottom: 'From Bottom',
+      buttonLeft: 'From Left',
+      buttonRight: 'From Right',
+      getContainer: 'Get Container',
+      roundCorner: 'Round Corner',
+      closeIcon: 'Close Icon',
+      customCloseIcon: 'Custom Icon',
+      customIconPosition: 'Icon Position',
+    },
+  },
+
+  data() {
+    return {
+      showBasic: false,
+      showTop: false,
+      showBottom: false,
+      showLeft: false,
+      showRight: false,
+      showCloseIcon: false,
+      showRoundCorner: false,
+      showGetContainer: false,
+      showCustomCloseIcon: false,
+      showCustomIconPosition: false,
+    };
+  },
+
+  watch: {
+    showBasic(val) {
+      console.log('showBasic', val);
+    }
+  }
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-popup {
+  .van-row {
+    margin-bottom: @padding-md;
+  }
+
+  .van-button {
+    margin-left: @padding-md;
+  }
+}
+</style>
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
new file mode 100644
index 000000000..0c4720d32
--- /dev/null
+++ b/src-next/popup/index.js
@@ -0,0 +1,106 @@
+import { Transition } from 'vue';
+import { createNamespace, isDef } from '../utils';
+import { PopupMixin } from '../mixins/popup';
+import Icon from '../icon';
+import Overlay from '../overlay';
+
+const [createComponent, bem] = createNamespace('popup');
+
+export default createComponent({
+  mixins: [PopupMixin()],
+
+  inheritAttrs: false,
+
+  props: {
+    round: Boolean,
+    duration: [Number, String],
+    closeable: Boolean,
+    transition: String,
+    safeAreaInsetBottom: Boolean,
+    closeIcon: {
+      type: String,
+      default: 'cross',
+    },
+    closeIconPosition: {
+      type: String,
+      default: 'top-right',
+    },
+    position: {
+      type: String,
+      default: 'center',
+    },
+    overlay: {
+      type: Boolean,
+      default: true,
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  beforeCreate() {
+    const createEmitter = (eventName) => (event) =>
+      this.$emit(eventName, event);
+
+    this.onClick = createEmitter('click');
+    this.onOpened = createEmitter('opened');
+    this.onClosed = createEmitter('closed');
+  },
+
+  render() {
+    if (!this.shouldRender) {
+      return;
+    }
+
+    const { round, position, duration } = this;
+    const isCenter = position === 'center';
+
+    const transitionName =
+      this.transition ||
+      (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
+
+    const style = {};
+    if (isDef(duration)) {
+      const key = isCenter ? 'animationDuration' : 'transitionDuration';
+      style[key] = `${duration}s`;
+    }
+
+    return (
+      <>
+        {this.overlay && (
+          <Overlay show={this.show} onClick={this.onClickOverlay} />
+        )}
+        <Transition
+          name={transitionName}
+          onAfterEnter={this.onOpened}
+          onAfterLeave={this.onClosed}
+        >
+          <div
+            vShow={this.show}
+            ref="root"
+            style={style}
+            class={bem({
+              round,
+              [position]: position,
+              'safe-area-inset-bottom': this.safeAreaInsetBottom,
+            })}
+            onClick={this.onClick}
+            {...this.$attrs}
+          >
+            {this.$slots.default?.()}
+            {this.closeable && (
+              <Icon
+                role="button"
+                tabindex="0"
+                name={this.closeIcon}
+                class={bem('close-icon', this.closeIconPosition)}
+                onClick={this.close}
+              />
+            )}
+          </div>
+        </Transition>
+      </>
+    );
+  },
+});
diff --git a/src-next/popup/index.less b/src-next/popup/index.less
new file mode 100644
index 000000000..9a9234ab7
--- /dev/null
+++ b/src-next/popup/index.less
@@ -0,0 +1,137 @@
+@import '../style/var';
+
+.van {
+  &-overflow-hidden {
+    overflow: hidden !important;
+  }
+
+  &-popup {
+    position: fixed;
+    max-height: 100%;
+    overflow-y: auto;
+    background-color: @popup-background-color;
+    transition: @popup-transition;
+    -webkit-overflow-scrolling: touch;
+
+    &--center {
+      top: 50%;
+      left: 50%;
+      transform: translate3d(-50%, -50%, 0);
+
+      &.van-popup--round {
+        border-radius: @popup-round-border-radius;
+      }
+    }
+
+    &--top {
+      top: 0;
+      left: 0;
+      width: 100%;
+
+      &.van-popup--round {
+        border-radius: 0 0 @popup-round-border-radius @popup-round-border-radius;
+      }
+    }
+
+    &--right {
+      top: 50%;
+      right: 0;
+      transform: translate3d(0, -50%, 0);
+
+      &.van-popup--round {
+        border-radius: @popup-round-border-radius 0 0 @popup-round-border-radius;
+      }
+    }
+
+    &--bottom {
+      bottom: 0;
+      left: 0;
+      width: 100%;
+
+      &.van-popup--round {
+        border-radius: @popup-round-border-radius @popup-round-border-radius 0 0;
+      }
+    }
+
+    &--left {
+      top: 50%;
+      left: 0;
+      transform: translate3d(0, -50%, 0);
+
+      &.van-popup--round {
+        border-radius: 0 @popup-round-border-radius @popup-round-border-radius 0;
+      }
+    }
+
+    &--safe-area-inset-bottom {
+      padding-bottom: constant(safe-area-inset-bottom);
+      padding-bottom: env(safe-area-inset-bottom);
+    }
+
+    &-slide-top-enter-active,
+    &-slide-left-enter-active,
+    &-slide-right-enter-active,
+    &-slide-bottom-enter-active {
+      transition-timing-function: ease-out;
+    }
+
+    &-slide-top-leave-active,
+    &-slide-left-leave-active,
+    &-slide-right-leave-active,
+    &-slide-bottom-leave-active {
+      transition-timing-function: ease-in;
+    }
+
+    &-slide-top-enter,
+    &-slide-top-leave-active {
+      transform: translate3d(0, -100%, 0);
+    }
+
+    &-slide-right-enter,
+    &-slide-right-leave-active {
+      transform: translate3d(100%, -50%, 0);
+    }
+
+    &-slide-bottom-enter,
+    &-slide-bottom-leave-active {
+      transform: translate3d(0, 100%, 0);
+    }
+
+    &-slide-left-enter,
+    &-slide-left-leave-active {
+      transform: translate3d(-100%, -50%, 0);
+    }
+
+    &__close-icon {
+      position: absolute;
+      z-index: @popup-close-icon-z-index;
+      color: @popup-close-icon-color;
+      font-size: @popup-close-icon-size;
+      cursor: pointer;
+
+      &:active {
+        color: @popup-close-icon-active-color;
+      }
+
+      &--top-left {
+        top: @popup-close-icon-margin;
+        left: @popup-close-icon-margin;
+      }
+
+      &--top-right {
+        top: @popup-close-icon-margin;
+        right: @popup-close-icon-margin;
+      }
+
+      &--bottom-left {
+        bottom: @popup-close-icon-margin;
+        left: @popup-close-icon-margin;
+      }
+
+      &--bottom-right {
+        right: @popup-close-icon-margin;
+        bottom: @popup-close-icon-margin;
+      }
+    }
+  }
+}
diff --git a/src-next/popup/test/__snapshots__/demo.spec.js.snap b/src-next/popup/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..29daf9410
--- /dev/null
+++ b/src-next/popup/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>展示弹出层</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <!---->
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>顶部弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>底部弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>左侧弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>右侧弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <!---->
+    <!---->
+    <!---->
+    <!---->
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>关闭图标</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>自定义图标</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>图标位置</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <!---->
+    <!---->
+    <!---->
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>圆角弹窗</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <!---->
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>指定挂载节点</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/popup/test/__snapshots__/index.spec.js.snap b/src-next/popup/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..8552d5572
--- /dev/null
+++ b/src-next/popup/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`close-icon prop 1`] = `
+<div class="van-popup van-popup--center" name="van-fade"><i role="button" tabindex="0" class="van-icon van-icon-success van-popup__close-icon van-popup__close-icon--top-right">
+    <!----></i></div>
+`;
+
+exports[`duration prop when position is center 1`] = `<div class="van-popup van-popup--center" style="animation-duration: 0.5s;" name="van-fade"></div>`;
+
+exports[`duration prop when position is top 1`] = `<div class="van-popup van-popup--top" style="transition-duration: 0.5s;" name="van-popup-slide-top"></div>`;
+
+exports[`reset z-index 1`] = `<div class="van-popup van-popup--center" name="van-fade"></div>`;
+
+exports[`round prop 1`] = `<div class="van-popup van-popup--round van-popup--center" name="van-fade"></div>`;
diff --git a/src-next/popup/test/demo.spec.js b/src-next/popup/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/popup/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/popup/test/index.spec.js b/src-next/popup/test/index.spec.js
new file mode 100644
index 000000000..f570087a7
--- /dev/null
+++ b/src-next/popup/test/index.spec.js
@@ -0,0 +1,265 @@
+import Popup from '..';
+import { mount, triggerDrag, later } from '../../../test';
+
+let wrapper;
+afterEach(() => {
+  wrapper.destroy();
+});
+
+test('lazy render', () => {
+  wrapper = mount(Popup);
+  expect(wrapper.vm.$el.tagName).toBeFalsy();
+  wrapper.vm.value = true;
+  expect(wrapper.vm.$el.tagName).toBeTruthy();
+});
+
+test('reset z-index', () => {
+  wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      zIndex: 10,
+      lockScroll: false,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('popup lock scroll', () => {
+  const wrapper1 = mount(Popup, {
+    propsData: {
+      value: true,
+    },
+  });
+  expect(document.body.classList.contains('van-overflow-hidden')).toBeTruthy();
+  triggerDrag(document, 0, 100);
+  triggerDrag(document, 0, -150);
+
+  const wrapper2 = mount(Popup, {
+    propsData: {
+      value: true,
+    },
+  });
+  wrapper1.vm.$destroy();
+  expect(document.body.classList.contains('van-overflow-hidden')).toBeTruthy();
+
+  wrapper2.vm.$destroy();
+  expect(document.body.classList.contains('van-overflow-hidden')).toBeFalsy();
+});
+
+test('get container with parent', () => {
+  const div1 = document.createElement('div');
+  const div2 = document.createElement('div');
+  wrapper = mount({
+    template: `
+      <div>
+        <popup :value="true" :get-container="getContainer" />
+      </div>
+    `,
+    components: {
+      Popup,
+    },
+    data() {
+      return {
+        getContainer: () => div1,
+      };
+    },
+  });
+  const popup = wrapper.find('.van-popup').element;
+
+  expect(popup.parentNode).toEqual(div1);
+  wrapper.vm.getContainer = () => div2;
+  expect(popup.parentNode).toEqual(div2);
+  wrapper.vm.getContainer = null;
+  expect(popup.parentNode).toEqual(wrapper.element);
+});
+
+test('get container with selector', () => {
+  wrapper = mount({
+    template: `
+      <div>
+        <popup class="get-container-selector-1" :value="true" get-container="body"></popup>
+        <popup class="get-container-selector-2" :value="true" get-container="unknown"></popup>
+      </div>
+    `,
+    components: {
+      Popup,
+    },
+  });
+
+  const dom1 = document.querySelector('.get-container-selector-1');
+  const dom2 = wrapper.vm.$el.querySelector('.get-container-selector-2');
+
+  expect(dom1.parentNode).toEqual(document.body);
+  expect(dom2.parentNode).toEqual(wrapper.vm.$el);
+});
+
+test('render overlay', async () => {
+  const div = document.createElement('div');
+  wrapper = mount({
+    template: `
+      <div>
+        <popup :value="true" :get-container="getContainer" />
+      </div>
+    `,
+    components: {
+      Popup,
+    },
+    data() {
+      return {
+        getContainer: () => div,
+      };
+    },
+  });
+
+  await later();
+
+  expect(div.querySelector('.van-overlay')).toBeTruthy();
+});
+
+test('watch overlay prop', async () => {
+  const div = document.createElement('div');
+  wrapper = mount({
+    template: `
+      <div>
+        <popup :value="show" :overlay="overlay" :get-container="getContainer" />
+      </div>
+    `,
+    components: {
+      Popup,
+    },
+    data() {
+      return {
+        show: false,
+        overlay: false,
+        getContainer: () => div,
+      };
+    },
+  });
+
+  await later();
+  expect(div.querySelector('.van-overlay')).toBeFalsy();
+
+  wrapper.setData({ overlay: true });
+  await later();
+  expect(div.querySelector('.van-overlay')).toBeFalsy();
+
+  wrapper.setData({ show: true });
+  await later();
+  expect(div.querySelector('.van-overlay')).toBeTruthy();
+});
+
+test('close on click overlay', async () => {
+  const div = document.createElement('div');
+  const onClickOverlay = jest.fn();
+
+  wrapper = mount({
+    template: `
+      <div>
+        <popup
+          v-model="value"
+          :get-container="getContainer"
+          @click-overlay="onClickOverlay"
+        />
+      </div>
+    `,
+    components: {
+      Popup,
+    },
+    data() {
+      return {
+        value: true,
+        getContainer: () => div,
+      };
+    },
+    methods: {
+      onClickOverlay,
+    },
+  });
+
+  await later();
+
+  const modal = div.querySelector('.van-overlay');
+  triggerDrag(modal, 0, -30);
+  modal.click();
+
+  expect(wrapper.vm.value).toBeFalsy();
+  expect(onClickOverlay).toHaveBeenCalledTimes(1);
+});
+
+test('open & close event', () => {
+  const wrapper = mount(Popup);
+  wrapper.vm.value = true;
+  expect(wrapper.emitted('open')).toBeTruthy();
+  wrapper.vm.value = false;
+  expect(wrapper.emitted('close')).toBeTruthy();
+});
+
+test('click event', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')).toBeTruthy();
+});
+
+test('duration prop when position is center', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      duration: 0.5,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('duration prop when position is top', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      duration: 0.5,
+      position: 'top',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('round prop', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      round: true,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('closeable prop', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      closeable: true,
+    },
+  });
+
+  wrapper.find('.van-popup__close-icon').trigger('click');
+  expect(wrapper.emitted('input')[0][0]).toEqual(false);
+});
+
+test('close-icon prop', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true,
+      closeable: true,
+      closeIcon: 'success',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/utils/dom/event.ts b/src-next/utils/dom/event.ts
index 459e581f1..7bd55f859 100644
--- a/src-next/utils/dom/event.ts
+++ b/src-next/utils/dom/event.ts
@@ -1,10 +1,10 @@
-import { isServer } from '..';
+import { inBrowser } from '..';
 import { EventHandler } from '../types';
 
 // eslint-disable-next-line import/no-mutable-exports
 export let supportsPassive = false;
 
-if (!isServer) {
+if (inBrowser) {
   try {
     const opts = {};
     Object.defineProperty(opts, 'passive', {
@@ -25,7 +25,7 @@ export function on(
   handler: EventHandler,
   passive = false
 ) {
-  if (!isServer) {
+  if (inBrowser) {
     target.addEventListener(
       event,
       handler,
@@ -35,7 +35,7 @@ export function on(
 }
 
 export function off(target: EventTarget, event: string, handler: EventHandler) {
-  if (!isServer) {
+  if (inBrowser) {
     target.removeEventListener(event, handler);
   }
 }
diff --git a/src-next/utils/index.ts b/src-next/utils/index.ts
index f1a30475f..c88a00c4a 100644
--- a/src-next/utils/index.ts
+++ b/src-next/utils/index.ts
@@ -4,6 +4,8 @@ export { createNamespace } from './create';
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}
 
+export const inBrowser = typeof window !== 'undefined'
+
 export function isDef(val: unknown): boolean {
   return val !== undefined && val !== null;
 }
diff --git a/vant.config.js b/vant.config.js
index 68bc655c6..38c0110ec 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -98,10 +98,10 @@ module.exports = {
                 path: 'col',
                 title: 'Layout 布局',
               },
-              // {
-              //   path: 'popup',
-              //   title: 'Popup 弹出层',
-              // },
+              {
+                path: 'popup',
+                title: 'Popup 弹出层',
+              },
               {
                 path: 'style',
                 title: 'Style 内置样式',
@@ -200,10 +200,10 @@ module.exports = {
               //   path: 'notify',
               //   title: 'Notify 消息通知',
               // },
-              // {
-              //   path: 'overlay',
-              //   title: 'Overlay 遮罩层',
-              // },
+              {
+                path: 'overlay',
+                title: 'Overlay 遮罩层',
+              },
               // {
               //   path: 'pull-refresh',
               //   title: 'PullRefresh 下拉刷新',
@@ -534,10 +534,10 @@ module.exports = {
               //   path: 'notify',
               //   title: 'Notify',
               // },
-              // {
-              //   path: 'overlay',
-              //   title: 'Overlay',
-              // },
+              {
+                path: 'overlay',
+                title: 'Overlay',
+              },
               // {
               //   path: 'pull-refresh',
               //   title: 'PullRefresh',
diff --git a/webpack.config.js b/webpack.config.js
index d5e3de6a0..de244338d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,6 +4,7 @@ module.exports = function () {
   }
 
   return {
+    devtool: 'none',
     entry: {
       'site-mobile': ['./docs/site/mobile'],
     },

From 7087922d18b2ac54629a6d886ce33630015d6097 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:06:05 +0800
Subject: [PATCH 040/626] fix(Popup): animation

---
 src-next/popup/demo/index.vue | 12 ++++----
 src-next/popup/index.js       | 52 +++++++++++++++++------------------
 src-next/popup/index.less     |  8 +++---
 3 files changed, 34 insertions(+), 38 deletions(-)

diff --git a/src-next/popup/demo/index.vue b/src-next/popup/demo/index.vue
index a85d5c7be..c3260d820 100644
--- a/src-next/popup/demo/index.vue
+++ b/src-next/popup/demo/index.vue
@@ -13,7 +13,11 @@
       <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
       <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
 
-      <van-popup v-model:show="showTop" position="top" :style="{ height: '30%' }" />
+      <van-popup
+        v-model:show="showTop"
+        position="top"
+        :style="{ height: '30%' }"
+      />
       <van-popup
         v-model:show="showBottom"
         position="bottom"
@@ -140,12 +144,6 @@ export default {
       showCustomIconPosition: false,
     };
   },
-
-  watch: {
-    showBasic(val) {
-      console.log('showBasic', val);
-    }
-  }
 };
 </script>
 
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
index 0c4720d32..23b900006 100644
--- a/src-next/popup/index.js
+++ b/src-next/popup/index.js
@@ -49,10 +49,6 @@ export default createComponent({
   },
 
   render() {
-    if (!this.shouldRender) {
-      return;
-    }
-
     const { round, position, duration } = this;
     const isCenter = position === 'center';
 
@@ -76,29 +72,31 @@ export default createComponent({
           onAfterEnter={this.onOpened}
           onAfterLeave={this.onClosed}
         >
-          <div
-            vShow={this.show}
-            ref="root"
-            style={style}
-            class={bem({
-              round,
-              [position]: position,
-              'safe-area-inset-bottom': this.safeAreaInsetBottom,
-            })}
-            onClick={this.onClick}
-            {...this.$attrs}
-          >
-            {this.$slots.default?.()}
-            {this.closeable && (
-              <Icon
-                role="button"
-                tabindex="0"
-                name={this.closeIcon}
-                class={bem('close-icon', this.closeIconPosition)}
-                onClick={this.close}
-              />
-            )}
-          </div>
+          {this.shouldRender ? (
+            <div
+              vShow={this.show}
+              ref="root"
+              style={style}
+              class={bem({
+                round,
+                [position]: position,
+                'safe-area-inset-bottom': this.safeAreaInsetBottom,
+              })}
+              onClick={this.onClick}
+              {...this.$attrs}
+            >
+              {this.$slots.default?.()}
+              {this.closeable && (
+                <Icon
+                  role="button"
+                  tabindex="0"
+                  name={this.closeIcon}
+                  class={bem('close-icon', this.closeIconPosition)}
+                  onClick={this.close}
+                />
+              )}
+            </div>
+          ) : null}
         </Transition>
       </>
     );
diff --git a/src-next/popup/index.less b/src-next/popup/index.less
index 9a9234ab7..88eec745b 100644
--- a/src-next/popup/index.less
+++ b/src-next/popup/index.less
@@ -82,22 +82,22 @@
       transition-timing-function: ease-in;
     }
 
-    &-slide-top-enter,
+    &-slide-top-enter-from,
     &-slide-top-leave-active {
       transform: translate3d(0, -100%, 0);
     }
 
-    &-slide-right-enter,
+    &-slide-right-enter-from,
     &-slide-right-leave-active {
       transform: translate3d(100%, -50%, 0);
     }
 
-    &-slide-bottom-enter,
+    &-slide-bottom-enter-from,
     &-slide-bottom-leave-active {
       transform: translate3d(0, 100%, 0);
     }
 
-    &-slide-left-enter,
+    &-slide-left-enter-from,
     &-slide-left-leave-active {
       transform: translate3d(-100%, -50%, 0);
     }

From 6995bcc8a385bd0d10739901c25e9d2c27f59a23 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:12:56 +0800
Subject: [PATCH 041/626] fix(Popup): teleport

---
 src-next/mixins/popup/index.js |  4 +--
 src-next/mixins/portal.js      | 47 ---------------------------
 src-next/popup/index.js        | 59 +++++++++++++++++++++++-----------
 3 files changed, 43 insertions(+), 67 deletions(-)
 delete mode 100644 src-next/mixins/portal.js

diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
index 436eb909d..b626fbbe8 100644
--- a/src-next/mixins/popup/index.js
+++ b/src-next/mixins/popup/index.js
@@ -8,7 +8,6 @@ import { getScroller } from '../../utils/dom/scroll';
 
 // Mixins
 import { TouchMixin } from '../touch';
-import { PortalMixin } from '../portal';
 import { CloseOnPopstateMixin } from '../close-on-popstate';
 
 export const popupMixinProps = {
@@ -20,6 +19,8 @@ export const popupMixinProps = {
   overlayStyle: Object,
   // overlay custom class name
   overlayClass: String,
+  // teleport
+  getContainer: [String, Function],
   // whether to close popup when click overlay
   closeOnClickOverlay: Boolean,
   // z-index
@@ -41,7 +42,6 @@ export function PopupMixin(options = {}) {
     mixins: [
       TouchMixin,
       CloseOnPopstateMixin,
-      PortalMixin({}),
     ],
 
     props: popupMixinProps,
diff --git a/src-next/mixins/portal.js b/src-next/mixins/portal.js
deleted file mode 100644
index 3ed88ef2d..000000000
--- a/src-next/mixins/portal.js
+++ /dev/null
@@ -1,47 +0,0 @@
-function getElement(selector) {
-  if (typeof selector === 'string') {
-    return document.querySelector(selector);
-  }
-
-  return selector();
-}
-
-export function PortalMixin({ ref, afterPortal }) {
-  return {
-    props: {
-      getContainer: [String, Function],
-    },
-
-    watch: {
-      getContainer: 'portal',
-    },
-
-    mounted() {
-      if (this.getContainer) {
-        this.portal();
-      }
-    },
-
-    methods: {
-      portal() {
-        const { getContainer } = this;
-        const el = ref ? this.$refs[ref] : this.$el;
-
-        let container;
-        if (getContainer) {
-          container = getElement(getContainer);
-        } else if (this.$parent) {
-          container = this.$parent.$el;
-        }
-
-        if (container && container !== el.parentNode) {
-          container.appendChild(el);
-        }
-
-        if (afterPortal) {
-          afterPortal.call(this);
-        }
-      },
-    },
-  };
-}
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
index 23b900006..df2dfe120 100644
--- a/src-next/popup/index.js
+++ b/src-next/popup/index.js
@@ -1,5 +1,5 @@
-import { Transition } from 'vue';
-import { createNamespace, isDef } from '../utils';
+import { Teleport, Transition } from 'vue';
+import { createNamespace, isDef, isFunction } from '../utils';
 import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
 import Overlay from '../overlay';
@@ -48,25 +48,28 @@ export default createComponent({
     this.onClosed = createEmitter('closed');
   },
 
-  render() {
-    const { round, position, duration } = this;
-    const isCenter = position === 'center';
+  methods: {
+    genOverlay() {
+      if (this.overlay) {
+        return <Overlay show={this.show} onClick={this.onClickOverlay} />;
+      }
+    },
 
-    const transitionName =
-      this.transition ||
-      (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
+    genPopup() {
+      const { round, position, duration } = this;
+      const isCenter = position === 'center';
 
-    const style = {};
-    if (isDef(duration)) {
-      const key = isCenter ? 'animationDuration' : 'transitionDuration';
-      style[key] = `${duration}s`;
-    }
+      const transitionName =
+        this.transition ||
+        (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
 
-    return (
-      <>
-        {this.overlay && (
-          <Overlay show={this.show} onClick={this.onClickOverlay} />
-        )}
+      const style = {};
+      if (isDef(duration)) {
+        const key = isCenter ? 'animationDuration' : 'transitionDuration';
+        style[key] = `${duration}s`;
+      }
+
+      return (
         <Transition
           name={transitionName}
           onAfterEnter={this.onOpened}
@@ -98,6 +101,26 @@ export default createComponent({
             </div>
           ) : null}
         </Transition>
+      );
+    },
+  },
+
+  render() {
+    const { getContainer } = this;
+    if (getContainer) {
+      const to = isFunction(getContainer) ? getContainer() : getContainer;
+      return (
+        <Teleport to={to}>
+          {this.genOverlay()}
+          {this.genPopup()}
+        </Teleport>
+      );
+    }
+
+    return (
+      <>
+        {this.genOverlay()}
+        {this.genPopup()}
       </>
     );
   },

From 0e4b5a0f2f00edf143079beac18c038088987a9f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:22:33 +0800
Subject: [PATCH 042/626] feat: add emits option

---
 src-next/button/index.js       | 2 ++
 src-next/cell/demo/index.vue   | 8 +++++++-
 src-next/cell/index.js         | 2 ++
 src-next/col/index.js          | 2 ++
 src-next/image/index.js        | 2 ++
 src-next/mixins/popup/index.js | 7 +++----
 src-next/popup/index.js        | 2 ++
 src-next/row/index.js          | 2 ++
 src-next/tag/index.js          | 2 ++
 9 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src-next/button/index.js b/src-next/button/index.js
index 689b9aaa1..b6f10f751 100644
--- a/src-next/button/index.js
+++ b/src-next/button/index.js
@@ -44,6 +44,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click', 'touchstart'],
+
   methods: {
     onClick() {
       if (!this.loading && !this.disabled) {
diff --git a/src-next/cell/demo/index.vue b/src-next/cell/demo/index.vue
index f7b47398a..d8b0d46ac 100644
--- a/src-next/cell/demo/index.vue
+++ b/src-next/cell/demo/index.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block :title="t('basicUsage')">
       <van-cell-group>
-        <van-cell :title="t('cell')" :value="t('content')" />
+        <van-cell :title="t('cell')" :value="t('content')" @click="onClick" />
         <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
       </van-cell-group>
     </demo-block>
@@ -108,6 +108,12 @@ export default {
       verticalCenter: 'Vertical center',
     },
   },
+
+  methods: {
+    onClick() {
+      console.log('click');
+    },
+  },
 };
 </script>
 
diff --git a/src-next/cell/index.js b/src-next/cell/index.js
index 83703384a..8a7afee58 100644
--- a/src-next/cell/index.js
+++ b/src-next/cell/index.js
@@ -14,6 +14,8 @@ export default createComponent({
     ...routeProps,
   },
 
+  emits: ['click'],
+
   setup(props, { slots, emit }) {
     return function () {
       const { icon, size, title, label, value, isLink } = props;
diff --git a/src-next/col/index.js b/src-next/col/index.js
index 99f0c3e23..36db2b39c 100644
--- a/src-next/col/index.js
+++ b/src-next/col/index.js
@@ -15,6 +15,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click'],
+
   computed: {
     style() {
       const { index } = this;
diff --git a/src-next/image/index.js b/src-next/image/index.js
index 9519f4a01..008793a38 100644
--- a/src-next/image/index.js
+++ b/src-next/image/index.js
@@ -31,6 +31,8 @@ export default createComponent({
     },
   },
 
+  emits: ['load', 'error', 'click'],
+
   data() {
     return {
       loading: true,
diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
index b626fbbe8..9a18f9ee4 100644
--- a/src-next/mixins/popup/index.js
+++ b/src-next/mixins/popup/index.js
@@ -39,13 +39,12 @@ export const popupMixinProps = {
 
 export function PopupMixin(options = {}) {
   return {
-    mixins: [
-      TouchMixin,
-      CloseOnPopstateMixin,
-    ],
+    mixins: [TouchMixin, CloseOnPopstateMixin],
 
     props: popupMixinProps,
 
+    emits: ['open', 'close', 'update:show', 'click-overlay'],
+
     data() {
       return {
         inited: this.show,
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
index df2dfe120..cb28f8d5e 100644
--- a/src-next/popup/index.js
+++ b/src-next/popup/index.js
@@ -39,6 +39,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click', 'opened', 'closed'],
+
   beforeCreate() {
     const createEmitter = (eventName) => (event) =>
       this.$emit(eventName, event);
diff --git a/src-next/row/index.js b/src-next/row/index.js
index 9500641c6..b111023df 100644
--- a/src-next/row/index.js
+++ b/src-next/row/index.js
@@ -20,6 +20,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click'],
+
   computed: {
     spaces() {
       const gutter = Number(this.gutter);
diff --git a/src-next/tag/index.js b/src-next/tag/index.js
index 8b3543438..3ddd51ee9 100644
--- a/src-next/tag/index.js
+++ b/src-next/tag/index.js
@@ -22,6 +22,8 @@ export default createComponent({
     },
   },
 
+  emits: ['close'],
+
   setup(props, { slots, emit }) {
     return function () {
       const { type, mark, plain, color, round, size } = props;

From aab12a4906e5ff32da47ab575d1c9e37d6055b6f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:28:43 +0800
Subject: [PATCH 043/626] feat: Empty component

---
 src-next/cell/demo/index.vue                  |   8 +-
 src-next/empty/Network.js                     | 125 ++++++++++++++++++
 src-next/empty/README.md                      |  81 ++++++++++++
 src-next/empty/README.zh-CN.md                |  90 +++++++++++++
 src-next/empty/demo/index.vue                 |  88 ++++++++++++
 src-next/empty/index.js                       |  70 ++++++++++
 src-next/empty/index.less                     |  32 +++++
 .../test/__snapshots__/demo.spec.js.snap      |  55 ++++++++
 .../test/__snapshots__/index.spec.js.snap     |  83 ++++++++++++
 src-next/empty/test/demo.spec.js              |   4 +
 src-next/empty/test/index.spec.js             |  42 ++++++
 vant.config.js                                |  16 +--
 12 files changed, 679 insertions(+), 15 deletions(-)
 create mode 100644 src-next/empty/Network.js
 create mode 100644 src-next/empty/README.md
 create mode 100644 src-next/empty/README.zh-CN.md
 create mode 100644 src-next/empty/demo/index.vue
 create mode 100644 src-next/empty/index.js
 create mode 100644 src-next/empty/index.less
 create mode 100644 src-next/empty/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/empty/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/empty/test/demo.spec.js
 create mode 100644 src-next/empty/test/index.spec.js

diff --git a/src-next/cell/demo/index.vue b/src-next/cell/demo/index.vue
index d8b0d46ac..f7b47398a 100644
--- a/src-next/cell/demo/index.vue
+++ b/src-next/cell/demo/index.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block :title="t('basicUsage')">
       <van-cell-group>
-        <van-cell :title="t('cell')" :value="t('content')" @click="onClick" />
+        <van-cell :title="t('cell')" :value="t('content')" />
         <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
       </van-cell-group>
     </demo-block>
@@ -108,12 +108,6 @@ export default {
       verticalCenter: 'Vertical center',
     },
   },
-
-  methods: {
-    onClick() {
-      console.log('click');
-    },
-  },
 };
 </script>
 
diff --git a/src-next/empty/Network.js b/src-next/empty/Network.js
new file mode 100644
index 000000000..5fd851910
--- /dev/null
+++ b/src-next/empty/Network.js
@@ -0,0 +1,125 @@
+export default {
+  render() {
+    const genStop = (color, offset, opacity) => (
+      <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
+    );
+
+    return (
+      <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
+        <defs>
+          <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
+            {genStop('#FFF', 0, 0.5)}
+            {genStop('#F2F3F5', 100)}
+          </linearGradient>
+          <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
+            {genStop('#F2F3F5', 0, 0.3)}
+            {genStop('#F2F3F5', 100)}
+          </linearGradient>
+          <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
+            {genStop('#EBEDF0', 0)}
+            {genStop('#DCDEE0', 100, 0)}
+          </linearGradient>
+          <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
+            {genStop('#EAEDF0', 0)}
+            {genStop('#DCDEE0', 100)}
+          </linearGradient>
+          <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
+            {genStop('#EAEDF0', 0)}
+            {genStop('#DCDEE0', 100)}
+          </linearGradient>
+          <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
+            {genStop('#EAEDF0', 0)}
+            {genStop('#DCDEE0', 100)}
+          </linearGradient>
+          <linearGradient
+            id="n"
+            x1="94.535%"
+            y1="43.837%"
+            x2="5.465%"
+            y2="54.948%"
+          >
+            {genStop('#EAEDF0', 0)}
+            {genStop('#DCDEE0', 100)}
+          </linearGradient>
+          <radialGradient
+            id="g"
+            cx="50%"
+            cy="0%"
+            fx="50%"
+            fy="0%"
+            r="100%"
+            gradientTransform="matrix(0 1 -.54835 0 .5 -.5)"
+          >
+            {genStop('#EBEDF0', 0)}
+            {genStop('#FFF', 100, 0)}
+          </radialGradient>
+        </defs>
+        <g fill="none" fill-rule="evenodd">
+          <g opacity=".8">
+            <path
+              d="M0 124V46h20v20h14v58H0z"
+              fill="url(#c)"
+              transform="matrix(-1 0 0 1 36 7)"
+            />
+            <path
+              d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
+              fill="url(#d)"
+              transform="translate(2 7)"
+            />
+            <path
+              d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
+              fill="url(#d)"
+              transform="translate(2 7)"
+            />
+            <path
+              d="M121 8h22.231v14H152v77.37h-31V8z"
+              fill="url(#c)"
+              transform="translate(2 7)"
+            />
+          </g>
+          <path fill="url(#g)" d="M0 139h160v21H0z" />
+          <path
+            d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
+            fill="url(#h)"
+            fill-rule="nonzero"
+            transform="translate(43 36)"
+          />
+          <g opacity=".6" stroke-linecap="round" stroke-width="7">
+            <path
+              d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
+              stroke="url(#i)"
+              transform="translate(43 36)"
+            />
+            <path
+              d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
+              stroke="url(#i)"
+              transform="translate(43 36)"
+            />
+            <path
+              d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
+              stroke="url(#k)"
+              transform="rotate(-180 76.483 42.257)"
+            />
+            <path
+              d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
+              stroke="url(#k)"
+              transform="rotate(-180 89.791 42.146)"
+            />
+          </g>
+          <g transform="translate(31 105)" fill-rule="nonzero">
+            <rect fill="url(#m)" width="98" height="34" rx="2" />
+            <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" />
+            <rect
+              fill="url(#n)"
+              x="15"
+              y="12"
+              width="18"
+              height="6"
+              rx="1.114"
+            />
+          </g>
+        </g>
+      </svg>
+    );
+  },
+};
diff --git a/src-next/empty/README.md b/src-next/empty/README.md
new file mode 100644
index 000000000..8b13ced49
--- /dev/null
+++ b/src-next/empty/README.md
@@ -0,0 +1,81 @@
+# Empty
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Empty } from 'vant';
+
+Vue.use(Empty);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-empty description="Description" />
+```
+
+### Image Type
+
+Use the image prop to display different placeholder images
+
+```html
+<!-- Error -->
+<van-empty image="error" description="Description" />
+<!-- Network -->
+<van-empty image="network" description="Description" />
+<!-- Search -->
+<van-empty image="search" description="Description" />
+```
+
+### Custom Image
+
+```html
+<van-empty
+  class="custom-image"
+  image="https://img.yzcdn.cn/vant/leaf.jpg"
+  description="Description"
+/>
+
+<style>
+  .custom-image img {
+    border-radius: 100%;
+  }
+</style>
+```
+
+### Bottom Content
+
+```html
+<van-empty description="Description">
+  <van-button round type="danger" class="bottom-button">
+    Button
+  </van-button>
+</van-empty>
+
+<style>
+  .bottom-button {
+    width: 160px;
+    height: 40px;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| image | Image type，can be set to `error` `network` `search` or image URL | _string_ | `default` |
+| description | Desciption | _string_ | - |
+
+### Slots
+
+| Name        | Description           |
+| ----------- | --------------------- |
+| default     | Custom bottom content |
+| image       | Custom image          |
+| description | Custom description    |
diff --git a/src-next/empty/README.zh-CN.md b/src-next/empty/README.zh-CN.md
new file mode 100644
index 000000000..1b8af0093
--- /dev/null
+++ b/src-next/empty/README.zh-CN.md
@@ -0,0 +1,90 @@
+# Empty 空状态
+
+### 介绍
+
+空状态时的占位提示，2.6 版本开始支持此组件
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Empty } from 'vant';
+
+Vue.use(Empty);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-empty description="描述文字" />
+```
+
+### 图片类型
+
+Empty 组件内置了多种占位图片类型，可以在不同业务场景下使用
+
+```html
+<!-- 通用错误 -->
+<van-empty image="error" description="描述文字" />
+<!-- 网络错误 -->
+<van-empty image="network" description="描述文字" />
+<!-- 搜索提示 -->
+<van-empty image="search" description="描述文字" />
+```
+
+### 自定义图片
+
+需要自定义图片时，可以在 image 属性中传入任意图片 URL
+
+```html
+<van-empty
+  class="custom-image"
+  image="https://img.yzcdn.cn/vant/custom-empty-image.png"
+  description="描述文字"
+/>
+
+<style>
+  .custom-image .van-empty__image {
+    width: 90px;
+    height: 90px;
+  }
+</style>
+```
+
+### 底部内容
+
+通过默认插槽可以在 Empty 组件的下方插入内容
+
+```html
+<van-empty description="描述文字">
+  <van-button round type="danger" class="bottom-button">
+    按钮
+  </van-button>
+</van-empty>
+
+<style>
+  .bottom-button {
+    width: 160px;
+    height: 40px;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| image | 图片类型，可选值为 `error` `network` `search`，支持传入图片 URL | _string_ | `default` |
+| description | 图片下方的描述文字 | _string_ | - |
+
+### Slots
+
+| 名称        | 说明           |
+| ----------- | -------------- |
+| default     | 自定义底部内容 |
+| image       | 自定义图标     |
+| description | 自定义描述文字 |
diff --git a/src-next/empty/demo/index.vue b/src-next/empty/demo/index.vue
new file mode 100644
index 000000000..3c8d4d49a
--- /dev/null
+++ b/src-next/empty/demo/index.vue
@@ -0,0 +1,88 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-empty :description="t('description')" />
+    </demo-block>
+
+    <demo-block :title="t('imageType')">
+      <van-tabs v-model="active">
+        <van-tab name="error" :title="t('error')">
+          <van-empty image="error" :description="t('description')" />
+        </van-tab>
+        <van-tab name="network" :title="t('network')">
+          <van-empty image="network" :description="t('description')" />
+        </van-tab>
+        <van-tab name="search" :title="t('search')">
+          <van-empty image="search" :description="t('description')" />
+        </van-tab>
+      </van-tabs>
+    </demo-block>
+
+    <demo-block :title="t('customImage')">
+      <van-empty
+        class="custom-image"
+        image="https://img.yzcdn.cn/vant/custom-empty-image.png"
+        :description="t('description')"
+      />
+    </demo-block>
+
+    <demo-block :title="t('bottomContent')">
+      <van-empty :description="t('description')">
+        <van-button round type="danger" class="bottom-button">
+          {{ t('button') }}
+        </van-button>
+      </van-empty>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      error: '通用错误',
+      search: '搜索提示',
+      network: '网络错误',
+      imageType: '图片类型',
+      description: '描述文字',
+      customImage: '自定义图片',
+      bottomContent: '底部内容',
+    },
+    'en-US': {
+      error: 'Error',
+      search: 'Search',
+      network: 'Network',
+      imageType: 'Image Type',
+      description: 'Description',
+      customImage: 'Custom Image',
+      bottomContent: 'Bottom Content',
+    },
+  },
+
+  data() {
+    return {
+      active: 'error',
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-empty {
+  background: @white;
+
+  .custom-image {
+    .van-empty__image {
+      width: 90px;
+      height: 90px;
+    }
+  }
+
+  .bottom-button {
+    width: 160px;
+    height: 40px;
+  }
+}
+</style>
diff --git a/src-next/empty/index.js b/src-next/empty/index.js
new file mode 100644
index 000000000..a59d4de40
--- /dev/null
+++ b/src-next/empty/index.js
@@ -0,0 +1,70 @@
+import { createNamespace } from '../utils';
+import Network from './Network';
+
+const [createComponent, bem] = createNamespace('empty');
+
+const PRESETS = ['error', 'search', 'default'];
+
+export default createComponent({
+  props: {
+    description: String,
+    image: {
+      type: String,
+      default: 'default',
+    },
+  },
+
+  methods: {
+    genImageContent() {
+      const slots = this.$slots.image?.();
+
+      if (slots) {
+        return slots;
+      }
+
+      if (this.image === 'network') {
+        return <Network />;
+      }
+
+      let { image } = this;
+
+      if (PRESETS.indexOf(image) !== -1) {
+        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
+      }
+
+      return <img src={image} />;
+    },
+
+    genImage() {
+      return <div class={bem('image')}>{this.genImageContent()}</div>;
+    },
+
+    genDescription() {
+      const description = this.$slots.description
+        ? this.slot.description()
+        : this.description;
+
+      if (description) {
+        return <p class={bem('description')}>{description}</p>;
+      }
+    },
+
+    genBottom() {
+      const slot = this.$slots.default?.();
+
+      if (slot) {
+        return <div class={bem('bottom')}>{slot}</div>;
+      }
+    },
+  },
+
+  render() {
+    return (
+      <div class={bem()}>
+        {this.genImage()}
+        {this.genDescription()}
+        {this.genBottom()}
+      </div>
+    );
+  },
+});
diff --git a/src-next/empty/index.less b/src-next/empty/index.less
new file mode 100644
index 000000000..2a28d2b86
--- /dev/null
+++ b/src-next/empty/index.less
@@ -0,0 +1,32 @@
+@import '../style/var';
+
+.van-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: @empty-padding;
+
+  &__image {
+    width: @empty-image-size;
+    height: @empty-image-size;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &__description {
+    margin-top: @empty-description-margin-top;
+    padding: @empty-description-padding;
+    color: @empty-description-color;
+    font-size: @empty-description-font-size;
+    line-height: @empty-description-line-height;
+  }
+
+  &__bottom {
+    margin-top: @empty-bottom-margin-top;
+  }
+}
diff --git a/src-next/empty/test/__snapshots__/demo.spec.js.snap b/src-next/empty/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..a2ae408b9
--- /dev/null
+++ b/src-next/empty/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,55 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-empty">
+      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
+      <p class="van-empty__description">描述文字</p>
+    </div>
+  </div>
+  <div>
+    <div class="van-tabs van-tabs--line">
+      <div class="van-tabs__wrap van-hairline--top-bottom">
+        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
+          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">通用错误</span></div>
+          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">网络错误</span></div>
+          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">搜索提示</span></div>
+          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
+        </div>
+      </div>
+      <div class="van-tabs__content">
+        <div role="tabpanel" class="van-tab__pane" style="">
+          <div class="van-empty">
+            <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-error.png"></div>
+            <p class="van-empty__description">描述文字</p>
+          </div>
+        </div>
+        <div role="tabpanel" class="van-tab__pane" style="display: none;">
+          <!---->
+        </div>
+        <div role="tabpanel" class="van-tab__pane" style="display: none;">
+          <!---->
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="custom-image van-empty">
+      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/custom-empty-image.png"></div>
+      <p class="van-empty__description">描述文字</p>
+    </div>
+  </div>
+  <div>
+    <div class="van-empty">
+      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
+      <p class="van-empty__description">描述文字</p>
+      <div class="van-empty__bottom"><button class="bottom-button van-button van-button--danger van-button--normal van-button--round">
+          <div class="van-button__content"><span class="van-button__text">
+        按钮
+      </span></div>
+        </button></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/empty/test/__snapshots__/index.spec.js.snap b/src-next/empty/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..4484b79f0
--- /dev/null
+++ b/src-next/empty/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,83 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`bottom slot 1`] = `
+<div class="van-empty">
+  <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
+  <div class="van-empty__bottom">Custom bottom</div>
+</div>
+`;
+
+exports[`description slot 1`] = `
+<div class="van-empty">
+  <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
+  <p class="van-empty__description">Custom description</p>
+</div>
+`;
+
+exports[`image slot 1`] = `
+<div class="van-empty">
+  <div class="van-empty__image">Custom Image</div>
+</div>
+`;
+
+exports[`render svg when image is network 1`] = `
+<div class="van-empty">
+  <div class="van-empty__image"><svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
+          <stop stop-color="#FFF" offset="0%" stop-opacity="0.5"></stop>
+          <stop stop-color="#F2F3F5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
+          <stop stop-color="#F2F3F5" offset="0%" stop-opacity="0.3"></stop>
+          <stop stop-color="#F2F3F5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
+          <stop stop-color="#EBEDF0" offset="0%"></stop>
+          <stop stop-color="#DCDEE0" offset="100%" stop-opacity="0"></stop>
+        </linearGradient>
+        <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
+          <stop stop-color="#EAEDF0" offset="0%"></stop>
+          <stop stop-color="#DCDEE0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
+          <stop stop-color="#EAEDF0" offset="0%"></stop>
+          <stop stop-color="#DCDEE0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
+          <stop stop-color="#EAEDF0" offset="0%"></stop>
+          <stop stop-color="#DCDEE0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient id="n" x1="94.535%" y1="43.837%" x2="5.465%" y2="54.948%">
+          <stop stop-color="#EAEDF0" offset="0%"></stop>
+          <stop stop-color="#DCDEE0" offset="100%"></stop>
+        </linearGradient>
+        <radialGradient id="g" cx="50%" cy="0%" fx="50%" fy="0%" r="100%" gradientTransform="matrix(0 1 -.54835 0 .5 -.5)">
+          <stop stop-color="#EBEDF0" offset="0%"></stop>
+          <stop stop-color="#FFF" offset="100%" stop-opacity="0"></stop>
+        </radialGradient>
+      </defs>
+      <g fill="none" fill-rule="evenodd">
+        <g opacity=".8">
+          <path d="M0 124V46h20v20h14v58H0z" fill="url(#c)" transform="matrix(-1 0 0 1 36 7)"></path>
+          <path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z" fill="url(#d)" transform="translate(2 7)"></path>
+          <path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z" fill="url(#d)" transform="translate(2 7)"></path>
+          <path d="M121 8h22.231v14H152v77.37h-31V8z" fill="url(#c)" transform="translate(2 7)"></path>
+        </g>
+        <path fill="url(#g)" d="M0 139h160v21H0z"></path>
+        <path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" fill="url(#h)" fill-rule="nonzero" transform="translate(43 36)"></path>
+        <g opacity=".6" stroke-linecap="round" stroke-width="7">
+          <path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#i)" transform="translate(43 36)"></path>
+          <path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145" stroke="url(#i)" transform="translate(43 36)"></path>
+          <path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#k)" transform="rotate(-180 76.483 42.257)"></path>
+          <path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145" stroke="url(#k)" transform="rotate(-180 89.791 42.146)"></path>
+        </g>
+        <g transform="translate(31 105)" fill-rule="nonzero">
+          <rect fill="url(#m)" width="98" height="34" rx="2"></rect>
+          <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114"></rect>
+          <rect fill="url(#n)" x="15" y="12" width="18" height="6" rx="1.114"></rect>
+        </g>
+      </g>
+    </svg></div>
+</div>
+`;
diff --git a/src-next/empty/test/demo.spec.js b/src-next/empty/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/empty/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/empty/test/index.spec.js b/src-next/empty/test/index.spec.js
new file mode 100644
index 000000000..54d3d4438
--- /dev/null
+++ b/src-next/empty/test/index.spec.js
@@ -0,0 +1,42 @@
+import Empty from '..';
+import { mount } from '../../../test';
+
+test('image slot', () => {
+  const wrapper = mount(Empty, {
+    scopedSlots: {
+      image: () => 'Custom Image',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('description slot', () => {
+  const wrapper = mount(Empty, {
+    scopedSlots: {
+      description: () => 'Custom description',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('bottom slot', () => {
+  const wrapper = mount(Empty, {
+    scopedSlots: {
+      default: () => 'Custom bottom',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render svg when image is network', () => {
+  const wrapper = mount(Empty, {
+    propsData: {
+      image: 'network',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index 38c0110ec..26f7e0aaa 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -237,10 +237,10 @@ module.exports = {
               //   path: 'divider',
               //   title: 'Divider 分割线',
               // },
-              // {
-              //   path: 'empty',
-              //   title: 'Empty 空状态',
-              // },
+              {
+                path: 'empty',
+                title: 'Empty 空状态',
+              },
               // {
               //   path: 'image-preview',
               //   title: 'ImagePreview 图片预览',
@@ -571,10 +571,10 @@ module.exports = {
               //   path: 'divider',
               //   title: 'Divider',
               // },
-              // {
-              //   path: 'empty',
-              //   title: 'Empty',
-              // },
+              {
+                path: 'empty',
+                title: 'Empty',
+              },
               // {
               //   path: 'image-preview',
               //   title: 'ImagePreview',

From aa9fc7fe7c66b0a55f2732f308178220a359745c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:31:36 +0800
Subject: [PATCH 044/626] feat: Divider component

---
 src-next/divider/README.md                    | 63 +++++++++++++++
 src-next/divider/README.zh-CN.md              | 73 +++++++++++++++++
 src-next/divider/demo/index.vue               | 78 +++++++++++++++++++
 src-next/divider/index.js                     | 33 ++++++++
 src-next/divider/index.less                   | 64 +++++++++++++++
 .../test/__snapshots__/demo.spec.js.snap      | 32 ++++++++
 src-next/divider/test/demo.spec.js            |  4 +
 vant.config.js                                | 16 ++--
 8 files changed, 355 insertions(+), 8 deletions(-)
 create mode 100644 src-next/divider/README.md
 create mode 100644 src-next/divider/README.zh-CN.md
 create mode 100644 src-next/divider/demo/index.vue
 create mode 100644 src-next/divider/index.js
 create mode 100644 src-next/divider/index.less
 create mode 100644 src-next/divider/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/divider/test/demo.spec.js

diff --git a/src-next/divider/README.md b/src-next/divider/README.md
new file mode 100644
index 000000000..78274ffcb
--- /dev/null
+++ b/src-next/divider/README.md
@@ -0,0 +1,63 @@
+# Divider
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Divider } from 'vant';
+
+Vue.use(Divider);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-divider />
+```
+
+### With Text
+
+```html
+<van-divider>Text</van-divider>
+```
+
+### Content Position
+
+```html
+<van-divider content-position="left">Text</van-divider>
+<van-divider content-position="right">Text</van-divider>
+```
+
+### Dashed
+
+```html
+<van-divider dashed>Text</van-divider>
+```
+
+### Custom Style
+
+```html
+<van-divider
+  :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
+>
+  Text
+</van-divider>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| dashed | Whether to use dashed border | _boolean_ | `false` |
+| hairline | Whether to use hairline | _boolean_ | `true` |
+| content-position | Content position，can be set to `left` `right` | _string_ | `center` |
+
+### Slots
+
+| Name    | Description |
+| ------- | ----------- |
+| default | content     |
diff --git a/src-next/divider/README.zh-CN.md b/src-next/divider/README.zh-CN.md
new file mode 100644
index 000000000..0a6b265b1
--- /dev/null
+++ b/src-next/divider/README.zh-CN.md
@@ -0,0 +1,73 @@
+# Divider 分割线
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Divider } from 'vant';
+
+Vue.use(Divider);
+```
+
+## 代码演示
+
+### 基础用法
+
+默认渲染一条水平分割线
+
+```html
+<van-divider />
+```
+
+### 展示文字
+
+通过插槽在可以分割线中间插入内容
+
+```html
+<van-divider>文字</van-divider>
+```
+
+### 内容位置
+
+通过`content-position`指定内容所在位置
+
+```html
+<van-divider content-position="left">文字</van-divider>
+<van-divider content-position="right">文字</van-divider>
+```
+
+### 虚线
+
+添加`dashed`属性使分割线渲染为虚线
+
+```html
+<van-divider dashed>文字</van-divider>
+```
+
+### 自定义样式
+
+可以直接通过`style`属性设置分割线的样式
+
+```html
+<van-divider
+  :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
+>
+  文字
+</van-divider>
+```
+
+## API
+
+### Props
+
+| 参数             | 说明                             | 类型      | 默认值   |
+| ---------------- | -------------------------------- | --------- | -------- |
+| dashed           | 是否使用虚线                     | _boolean_ | `false`  |
+| hairline         | 是否使用 0.5px 线                | _boolean_ | `true`   |
+| content-position | 内容位置，可选值为`left` `right` | _string_  | `center` |
+
+### Slots
+
+| 名称    | 说明 |
+| ------- | ---- |
+| default | 内容 |
diff --git a/src-next/divider/demo/index.vue b/src-next/divider/demo/index.vue
new file mode 100644
index 000000000..c1ab46bc8
--- /dev/null
+++ b/src-next/divider/demo/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-divider />
+    </demo-block>
+
+    <demo-block :title="t('withText')">
+      <van-divider>
+        {{ t('text') }}
+      </van-divider>
+    </demo-block>
+
+    <demo-block :title="t('contentPosition')">
+      <van-divider content-position="left">
+        {{ t('text') }}
+      </van-divider>
+
+      <van-divider content-position="right">
+        {{ t('text') }}
+      </van-divider>
+    </demo-block>
+
+    <demo-block :title="t('dashed')">
+      <van-divider dashed :hairline="false">
+        {{ t('text') }}
+      </van-divider>
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-divider
+        :style="{ borderColor: BLUE, color: BLUE, padding: '0 16px' }"
+      >
+        {{ t('text') }}
+      </van-divider>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+import { BLUE } from '../../utils/constant';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      text: '文本',
+      dashed: '虚线',
+      withText: '展示文本',
+      contentPosition: '内容位置',
+      customStyle: '自定义样式',
+    },
+    'en-US': {
+      text: 'Text',
+      dashed: 'Dashed',
+      withText: 'With Text',
+      contentPosition: 'Content Position',
+      customStyle: 'Custom Style',
+    },
+  },
+
+  data() {
+    return {
+      BLUE,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-divider {
+  background-color: @white;
+
+  .van-doc-demo-block__title {
+    padding-top: @padding-md;
+  }
+}
+</style>
diff --git a/src-next/divider/index.js b/src-next/divider/index.js
new file mode 100644
index 000000000..f304818f3
--- /dev/null
+++ b/src-next/divider/index.js
@@ -0,0 +1,33 @@
+import { createNamespace } from '../utils';
+
+const [createComponent, bem] = createNamespace('divider');
+
+export default createComponent({
+  props: {
+    dashed: Boolean,
+    hairline: {
+      type: Boolean,
+      default: true,
+    },
+    contentPosition: {
+      type: String,
+      default: 'center',
+    },
+  },
+
+  render() {
+    const Content = this.$slots.default?.();
+    return (
+      <div
+        role="separator"
+        class={bem({
+          dashed: this.dashed,
+          hairline: this.hairline,
+          [`content-${this.contentPosition}`]: !!Content,
+        })}
+      >
+        {Content}
+      </div>
+    );
+  },
+});
diff --git a/src-next/divider/index.less b/src-next/divider/index.less
new file mode 100644
index 000000000..962964c45
--- /dev/null
+++ b/src-next/divider/index.less
@@ -0,0 +1,64 @@
+@import '../style/var';
+
+.van-divider {
+  display: flex;
+  align-items: center;
+  margin: @divider-margin;
+  color: @divider-text-color;
+  font-size: @divider-font-size;
+  line-height: @divider-line-height;
+  border-color: @divider-border-color;
+  border-style: solid;
+  border-width: 0;
+
+  &::before,
+  &::after {
+    display: block;
+    flex: 1;
+    box-sizing: border-box;
+    height: 1px;
+    border-color: inherit;
+    border-style: inherit;
+    border-width: @border-width-base 0 0;
+  }
+
+  &::before {
+    content: '';
+  }
+
+  &--hairline {
+    &::before,
+    &::after {
+      transform: scaleY(0.5);
+    }
+  }
+
+  &--dashed {
+    border-style: dashed;
+  }
+
+  &--content-center,
+  &--content-left,
+  &--content-right {
+    &::before {
+      margin-right: @divider-content-padding;
+    }
+
+    &::after {
+      margin-left: @divider-content-padding;
+      content: '';
+    }
+  }
+
+  &--content-left {
+    &::before {
+      max-width: @divider-content-left-width;
+    }
+  }
+
+  &--content-right {
+    &::after {
+      max-width: @divider-content-right-width;
+    }
+  }
+}
diff --git a/src-next/divider/test/__snapshots__/demo.spec.js.snap b/src-next/divider/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..1ea4ff2d6
--- /dev/null
+++ b/src-next/divider/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div role="separator" class="van-divider van-divider--hairline"></div>
+  </div>
+  <div>
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center">
+      文本
+    </div>
+  </div>
+  <div>
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-left">
+      文本
+    </div>
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-right">
+      文本
+    </div>
+  </div>
+  <div>
+    <div role="separator" class="van-divider van-divider--dashed van-divider--content-center">
+      文本
+    </div>
+  </div>
+  <div>
+    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
+      文本
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/divider/test/demo.spec.js b/src-next/divider/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/divider/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/vant.config.js b/vant.config.js
index 26f7e0aaa..71e7cf38f 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -233,10 +233,10 @@ module.exports = {
               //   path: 'count-down',
               //   title: 'CountDown 倒计时',
               // },
-              // {
-              //   path: 'divider',
-              //   title: 'Divider 分割线',
-              // },
+              {
+                path: 'divider',
+                title: 'Divider 分割线',
+              },
               {
                 path: 'empty',
                 title: 'Empty 空状态',
@@ -567,10 +567,10 @@ module.exports = {
               //   path: 'count-down',
               //   title: 'CountDown',
               // },
-              // {
-              //   path: 'divider',
-              //   title: 'Divider',
-              // },
+              {
+                path: 'divider',
+                title: 'Divider',
+              },
               {
                 path: 'empty',
                 title: 'Empty',

From ca0b7ff0281e22c6f2de4d62bba9472e2dfc0a7d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:34:24 +0800
Subject: [PATCH 045/626] feat: Skeleton component

---
 src-next/skeleton/README.md                   |  62 ++++++++++
 src-next/skeleton/README.zh-CN.md             |  68 +++++++++++
 src-next/skeleton/demo/index.vue              |  90 ++++++++++++++
 src-next/skeleton/index.js                    | 110 ++++++++++++++++++
 src-next/skeleton/index.less                  |  62 ++++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  41 +++++++
 .../test/__snapshots__/index.spec.js.snap     |  38 ++++++
 src-next/skeleton/test/demo.spec.js           |   4 +
 src-next/skeleton/test/index.spec.js          |  56 +++++++++
 vant.config.js                                |  16 +--
 10 files changed, 539 insertions(+), 8 deletions(-)
 create mode 100644 src-next/skeleton/README.md
 create mode 100644 src-next/skeleton/README.zh-CN.md
 create mode 100644 src-next/skeleton/demo/index.vue
 create mode 100644 src-next/skeleton/index.js
 create mode 100644 src-next/skeleton/index.less
 create mode 100644 src-next/skeleton/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/skeleton/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/skeleton/test/demo.spec.js
 create mode 100644 src-next/skeleton/test/index.spec.js

diff --git a/src-next/skeleton/README.md b/src-next/skeleton/README.md
new file mode 100644
index 000000000..3cf31e308
--- /dev/null
+++ b/src-next/skeleton/README.md
@@ -0,0 +1,62 @@
+# Skeleton
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Skeleton } from 'vant';
+
+Vue.use(Skeleton);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-skeleton title :row="3" />
+```
+
+### Show Avatar
+
+```html
+<van-skeleton title avatar :row="3" />
+```
+
+### Show Children
+
+```html
+<van-skeleton title avatar :row="3" :loading="loading">
+  <div>Content</div>
+</van-skeleton>
+```
+
+```js
+export default {
+  data() {
+    return {
+      loading: true,
+    };
+  },
+  mounted() {
+    this.loading = false;
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| row | Row count | _number \| string_ | `0` |
+| row-width | Row width, can be array | _number \| string \|<br>(number \| string)[]_ | `100%` |
+| title | Whether to show title placeholder | _boolean_ | `false` |
+| avatar | Whether to show avatar placeholder | _boolean_ | `false` |
+| loading | Whether to show skeleton，pass `false` to show child component | _boolean_ | `true` |
+| animate | Whether to enable animation | _boolean_ | `true` |
+| round `v2.8.5` | Whether to show round title and row | _boolean_ | `false` |
+| title-width | Title width | _number \| string_ | `40%` |
+| avatar-size | Size of avatar placeholder | _number \| string_ | `32px` |
+| avatar-shape | Shape of avatar placeholder，can be set to `square` | _string_ | `round` |
diff --git a/src-next/skeleton/README.zh-CN.md b/src-next/skeleton/README.zh-CN.md
new file mode 100644
index 000000000..fc69a07ee
--- /dev/null
+++ b/src-next/skeleton/README.zh-CN.md
@@ -0,0 +1,68 @@
+# Skeleton 骨架屏
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Skeleton } from 'vant';
+
+Vue.use(Skeleton);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过`title`属性显示标题占位图，通过`row`属性配置占位段落行数
+
+```html
+<van-skeleton title :row="3" />
+```
+
+### 显示头像
+
+通过`avatar`属性显示头像占位图
+
+```html
+<van-skeleton title avatar :row="3" />
+```
+
+### 展示子组件
+
+将`loading`属性设置成`false`表示内容加载完成，此时会隐藏占位图，并显示`Skeleton`的子组件
+
+```html
+<van-skeleton title avatar :row="3" :loading="loading">
+  <div>实际内容</div>
+</van-skeleton>
+```
+
+```js
+export default {
+  data() {
+    return {
+      loading: true,
+    };
+  },
+  mounted() {
+    this.loading = false;
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| row | 段落占位图行数 | _number \| string_ | `0` |
+| row-width | 段落占位图宽度，可传数组来设置每一行的宽度 | _number \| string \|<br>(number \| string)[]_ | `100%` |
+| title | 是否显示标题占位图 | _boolean_ | `false` |
+| avatar | 是否显示头像占位图 | _boolean_ | `false` |
+| loading | 是否显示骨架屏，传 `false` 时会展示子组件内容 | _boolean_ | `true` |
+| animate | 是否开启动画 | _boolean_ | `true` |
+| round `v2.8.5` | 是否将标题和段落显示为圆角风格 | _boolean_ | `false` |
+| title-width | 标题占位图宽度 | _number \| string_ | `40%` |
+| avatar-size | 头像占位图大小 | _number \| string_ | `32px` |
+| avatar-shape | 头像占位图形状，可选值为`square` | _string_ | `round` |
diff --git a/src-next/skeleton/demo/index.vue b/src-next/skeleton/demo/index.vue
new file mode 100644
index 000000000..9dc9591d7
--- /dev/null
+++ b/src-next/skeleton/demo/index.vue
@@ -0,0 +1,90 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-skeleton title :row="3" />
+    </demo-block>
+
+    <demo-block :title="t('showAvatar')">
+      <van-skeleton title avatar :row="3" />
+    </demo-block>
+
+    <demo-block :title="t('showChildren')">
+      <van-switch v-model="show" size="24px" />
+      <van-skeleton title avatar :row="3" :loading="!show">
+        <div class="demo-preview">
+          <img src="https://img.yzcdn.cn/vant/logo.png" />
+          <div class="demo-content">
+            <h3>{{ t('title') }}</h3>
+            <p>{{ t('desc') }}</p>
+          </div>
+        </div>
+      </van-skeleton>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      showAvatar: '显示头像',
+      showChildren: '显示子组件',
+      title: '关于 Vant',
+      desc:
+        'Vant 是一套轻量、可靠的移动端 Vue 组件库，提供了丰富的基础组件和业务组件，帮助开发者快速搭建移动应用。',
+    },
+    'en-US': {
+      showAvatar: 'Show Avatar',
+      showChildren: 'Show Children',
+      title: 'About Vant',
+      desc: 'Vant is a set of Mobile UI Components built on Vue.',
+    },
+  },
+
+  data() {
+    return {
+      show: false,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-skeleton {
+  background-color: @white;
+
+  .van-switch {
+    margin: 0 @padding-md @padding-xs;
+  }
+
+  .demo-preview {
+    display: flex;
+    padding: 0 @padding-md;
+
+    .demo-content {
+      padding-top: 6px;
+
+      h3 {
+        margin: 0;
+        font-size: 18px;
+        line-height: 20px;
+      }
+
+      p {
+        margin: 13px 0 0;
+        font-size: 14px;
+        line-height: 20px;
+      }
+    }
+
+    img {
+      flex-shrink: 0;
+      width: 32px;
+      height: 32px;
+      margin-right: @padding-md;
+    }
+  }
+}
+</style>
diff --git a/src-next/skeleton/index.js b/src-next/skeleton/index.js
new file mode 100644
index 000000000..c7b767726
--- /dev/null
+++ b/src-next/skeleton/index.js
@@ -0,0 +1,110 @@
+import { createNamespace, addUnit } from '../utils';
+
+const [createComponent, bem] = createNamespace('skeleton');
+const DEFAULT_ROW_WIDTH = '100%';
+const DEFAULT_LAST_ROW_WIDTH = '60%';
+
+export default createComponent({
+  props: {
+    title: Boolean,
+    round: Boolean,
+    avatar: Boolean,
+    row: {
+      type: [Number, String],
+      default: 0,
+    },
+    loading: {
+      type: Boolean,
+      default: true,
+    },
+    animate: {
+      type: Boolean,
+      default: true,
+    },
+    avatarSize: {
+      type: String,
+      default: '32px',
+    },
+    avatarShape: {
+      type: String,
+      default: 'round',
+    },
+    titleWidth: {
+      type: [Number, String],
+      default: '40%',
+    },
+    rowWidth: {
+      type: [Number, String, Array],
+      default: DEFAULT_ROW_WIDTH,
+    },
+  },
+
+  setup(props, { slots }) {
+    return function () {
+      if (!props.loading) {
+        return slots.default && slots.default();
+      }
+
+      function Title() {
+        if (props.title) {
+          return (
+            <h3
+              class={bem('title')}
+              style={{ width: addUnit(props.titleWidth) }}
+            />
+          );
+        }
+      }
+
+      function Rows() {
+        const Rows = [];
+        const { rowWidth } = props;
+
+        function getRowWidth(index) {
+          if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+            return DEFAULT_LAST_ROW_WIDTH;
+          }
+
+          if (Array.isArray(rowWidth)) {
+            return rowWidth[index];
+          }
+
+          return rowWidth;
+        }
+
+        for (let i = 0; i < props.row; i++) {
+          Rows.push(
+            <div
+              class={bem('row')}
+              style={{ width: addUnit(getRowWidth(i)) }}
+            />
+          );
+        }
+
+        return Rows;
+      }
+
+      function Avatar() {
+        if (props.avatar) {
+          const size = addUnit(props.avatarSize);
+          return (
+            <div
+              class={bem('avatar', props.avatarShape)}
+              style={{ width: size, height: size }}
+            />
+          );
+        }
+      }
+
+      return (
+        <div class={bem({ animate: props.animate, round: props.round })}>
+          {Avatar()}
+          <div class={bem('content')}>
+            {Title()}
+            {Rows()}
+          </div>
+        </div>
+      );
+    };
+  },
+});
diff --git a/src-next/skeleton/index.less b/src-next/skeleton/index.less
new file mode 100644
index 000000000..95ab87c47
--- /dev/null
+++ b/src-next/skeleton/index.less
@@ -0,0 +1,62 @@
+@import '../style/var';
+
+.van-skeleton {
+  display: flex;
+  padding: 0 @padding-md;
+
+  &__avatar {
+    flex-shrink: 0;
+    margin-right: @padding-md;
+    background-color: @skeleton-avatar-background-color;
+
+    &--round {
+      border-radius: @border-radius-max;
+    }
+  }
+
+  &__content {
+    width: 100%;
+  }
+
+  &__avatar + &__content {
+    padding-top: @padding-xs;
+  }
+
+  &__row,
+  &__title {
+    height: @skeleton-row-height;
+    background-color: @skeleton-row-background-color;
+  }
+
+  &__title {
+    margin: 0;
+  }
+
+  &__row {
+    &:not(:first-child) {
+      margin-top: @skeleton-row-margin-top;
+    }
+  }
+
+  &__title + &__row {
+    margin-top: 20px;
+  }
+
+  &--animate {
+    animation: van-skeleton-blink @skeleton-animation-duration ease-in-out
+      infinite;
+  }
+
+  &--round {
+    .van-skeleton__row,
+    .van-skeleton__title {
+      border-radius: @border-radius-max;
+    }
+  }
+}
+
+@keyframes van-skeleton-blink {
+  50% {
+    opacity: 0.6;
+  }
+}
diff --git a/src-next/skeleton/test/__snapshots__/demo.spec.js.snap b/src-next/skeleton/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..785a20ad3
--- /dev/null
+++ b/src-next/skeleton/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-skeleton van-skeleton--animate">
+      <div class="van-skeleton__content">
+        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 60%;"></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-skeleton van-skeleton--animate">
+      <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
+      <div class="van-skeleton__content">
+        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 60%;"></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
+      <div class="van-switch__node"></div>
+    </div>
+    <div class="van-skeleton van-skeleton--animate">
+      <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
+      <div class="van-skeleton__content">
+        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 100%;"></div>
+        <div class="van-skeleton__row" style="width: 60%;"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/skeleton/test/__snapshots__/index.spec.js.snap b/src-next/skeleton/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..0ffcccc95
--- /dev/null
+++ b/src-next/skeleton/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`avatar shape 1`] = `
+<div class="van-skeleton van-skeleton--animate">
+  <div class="van-skeleton__avatar van-skeleton__avatar--square" style="width: 20px; height: 20px;"></div>
+  <div class="van-skeleton__content"></div>
+</div>
+`;
+
+exports[`disable animate 1`] = `
+<div class="van-skeleton van-skeleton--animate">
+  <div class="van-skeleton__content">
+    <div class="van-skeleton__row" style="width: 60%;"></div>
+  </div>
+</div>
+`;
+
+exports[`render chidren 1`] = `<div>Content</div>`;
+
+exports[`round prop 1`] = `
+<div class="van-skeleton van-skeleton--animate van-skeleton--round">
+  <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
+  <div class="van-skeleton__content">
+    <h3 class="van-skeleton__title" style="width: 40%;"></h3>
+  </div>
+</div>
+`;
+
+exports[`row-width array 1`] = `
+<div class="van-skeleton van-skeleton--animate">
+  <div class="van-skeleton__content">
+    <div class="van-skeleton__row" style="width: 100%;"></div>
+    <div class="van-skeleton__row" style="width: 30px;"></div>
+    <div class="van-skeleton__row" style="width: 5rem;"></div>
+    <div class="van-skeleton__row"></div>
+  </div>
+</div>
+`;
diff --git a/src-next/skeleton/test/demo.spec.js b/src-next/skeleton/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/skeleton/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/skeleton/test/index.spec.js b/src-next/skeleton/test/index.spec.js
new file mode 100644
index 000000000..d46140c9d
--- /dev/null
+++ b/src-next/skeleton/test/index.spec.js
@@ -0,0 +1,56 @@
+import { mount } from '../../../test';
+import Skeleton from '..';
+
+test('row-width array', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      row: 4,
+      rowWidth: ['100%', 30, '5rem'],
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render chidren', () => {
+  const wrapper = mount({
+    template: `
+      <skeleton :loading="false">
+        <div>Content</div>
+      </skeleton>
+    `,
+    components: { Skeleton },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('avatar shape', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      avatar: true,
+      avatarSize: 20,
+      avatarShape: 'square',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('round prop', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      title: true,
+      round: true,
+      avatar: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('disable animate', () => {
+  const wrapper = mount(Skeleton, {
+    propsData: {
+      row: 1,
+      aniamte: false,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index 71e7cf38f..208884089 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -261,10 +261,10 @@ module.exports = {
               //   path: 'progress',
               //   title: 'Progress 进度条',
               // },
-              // {
-              //   path: 'skeleton',
-              //   title: 'Skeleton 骨架屏',
-              // },
+              {
+                path: 'skeleton',
+                title: 'Skeleton 骨架屏',
+              },
               // {
               //   path: 'steps',
               //   title: 'Steps 步骤条',
@@ -595,10 +595,10 @@ module.exports = {
               //   path: 'progress',
               //   title: 'Progress',
               // },
-              // {
-              //   path: 'skeleton',
-              //   title: 'Skeleton',
-              // },
+              {
+                path: 'skeleton',
+                title: 'Skeleton',
+              },
               // {
               //   path: 'steps',
               //   title: 'Steps',

From 1874b7af606a5bdcc1e27d0f9123464ea37bda1f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:44:37 +0800
Subject: [PATCH 046/626] feat: Switch component

---
 breaking-changes.md                           |   6 +-
 src-next/switch/README.md                     | 110 ++++++++++++++++
 src-next/switch/README.zh-CN.md               | 122 ++++++++++++++++++
 src-next/switch/demo/index.vue                |  98 ++++++++++++++
 src-next/switch/index.js                      |  71 ++++++++++
 src-next/switch/index.less                    |  58 +++++++++
 src-next/switch/shared.ts                     |  31 +++++
 .../test/__snapshots__/demo.spec.js.snap      |  46 +++++++
 .../test/__snapshots__/index.spec.js.snap     |  13 ++
 src-next/switch/test/demo.spec.js             |   4 +
 src-next/switch/test/index.spec.js            |  91 +++++++++++++
 vant.config.js                                |  16 +--
 12 files changed, 657 insertions(+), 9 deletions(-)
 create mode 100644 src-next/switch/README.md
 create mode 100644 src-next/switch/README.zh-CN.md
 create mode 100644 src-next/switch/demo/index.vue
 create mode 100644 src-next/switch/index.js
 create mode 100644 src-next/switch/index.less
 create mode 100644 src-next/switch/shared.ts
 create mode 100644 src-next/switch/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/switch/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/switch/test/demo.spec.js
 create mode 100644 src-next/switch/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
index c08ffd5cf..50ca14445 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -2,4 +2,8 @@
 
 ## Popup
 
-- v-model 调整为 v-model:show
+- `v-model` 调整为 `v-model:show`
+
+## Switch
+
+- v-model 对应的属性名和事件名由 `value/input` 调整为 `modelValue/update:modelValue`
diff --git a/src-next/switch/README.md b/src-next/switch/README.md
new file mode 100644
index 000000000..8b75c4411
--- /dev/null
+++ b/src-next/switch/README.md
@@ -0,0 +1,110 @@
+# Switch
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Switch } from 'vant';
+
+Vue.use(Switch);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-switch v-model="checked" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      checked: true,
+    };
+  },
+};
+```
+
+### Disabled
+
+```html
+<van-switch v-model="checked" disabled />
+```
+
+### Loading
+
+```html
+<van-switch v-model="checked" loading />
+```
+
+### Custom Size
+
+```html
+<van-switch v-model="checked" size="24px" />
+```
+
+### Custom Color
+
+```html
+<van-switch v-model="checked" active-color="#07c160" inactive-color="#ee0a24" />
+```
+
+### Async Control
+
+```html
+<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      checked: true,
+    };
+  },
+  methods: {
+    onUpdateValue(checked) {
+      Dialog.confirm({
+        title: 'Confirm',
+        message: 'Are you sure to toggle switch?',
+      }).then(() => {
+        this.checked = checked;
+      });
+    },
+  },
+};
+```
+
+### Inside a Cell
+
+```html
+<van-cell center title="Title">
+  <template #right-icon>
+    <van-switch v-model="checked" size="24" />
+  </template>
+</van-cell>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model | Check status of Switch | _ActiveValue \| InactiveValue_ | `false` |
+| loading | Whether to show loading icon | _boolean_ | `false` |
+| disabled | Whether to disable switch | _boolean_ | `false` |
+| size `v2.2.11` | Size of switch | _number \| string_ | `30px` |
+| active-color | Background color when active | _string_ | `#1989fa` |
+| inactive-color | Background color when inactive | _string_ | `white` |
+| active-value | Value when active | _any_ | `true` |
+| inactive-value | Value when inactive | _any_ | `false` |
+
+### Events
+
+| Event           | Description                         | Parameters     |
+| --------------- | ----------------------------------- | -------------- |
+| change          | Triggered when check status changed | _value: any_   |
+| click `v2.2.11` | Triggered when clicked              | _event: Event_ |
diff --git a/src-next/switch/README.zh-CN.md b/src-next/switch/README.zh-CN.md
new file mode 100644
index 000000000..134658066
--- /dev/null
+++ b/src-next/switch/README.zh-CN.md
@@ -0,0 +1,122 @@
+# Switch 开关
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Switch } from 'vant';
+
+Vue.use(Switch);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过`v-model`绑定开关的选中状态，`true`表示开，`false`表示关
+
+```html
+<van-switch v-model="checked" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      checked: true,
+    };
+  },
+};
+```
+
+### 禁用状态
+
+通过`disabled`属性来禁用开关，禁用状态下开关不可点击
+
+```html
+<van-switch v-model="checked" disabled />
+```
+
+### 加载状态
+
+通过`loading`属性设置开关为加载状态，加载状态下开关不可点击
+
+```html
+<van-switch v-model="checked" loading />
+```
+
+### 自定义大小
+
+通过`size`属性自定义开关的大小
+
+```html
+<van-switch v-model="checked" size="24px" />
+```
+
+### 自定义颜色
+
+`active-color`属性表示打开时的背景色，`inactive-color`表示关闭时的背景色
+
+```html
+<van-switch v-model="checked" active-color="#07c160" inactive-color="#ee0a24" />
+```
+
+### 异步控制
+
+需要异步控制开关时，可以使用 `modelValue` 属性和 `update:model-value` 事件代替 `v-model`，并在事件回调函数中手动处理开关状态。
+
+```html
+<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      checked: true,
+    };
+  },
+  methods: {
+    onUpdateValue(checked) {
+      Dialog.confirm({
+        title: '提醒',
+        message: '是否切换开关？',
+      }).then(() => {
+        this.checked = checked;
+      });
+    },
+  },
+};
+```
+
+### 搭配单元格使用
+
+```html
+<van-cell center title="标题">
+  <template #right-icon>
+    <van-switch v-model="checked" size="24" />
+  </template>
+</van-cell>
+```
+
+## API
+
+### Props
+
+| 参数           | 说明                     | 类型               | 默认值    |
+| -------------- | ------------------------ | ------------------ | --------- |
+| v-model        | 开关选中状态             | _any_              | `false`   |
+| loading        | 是否为加载状态           | _boolean_          | `false`   |
+| disabled       | 是否为禁用状态           | _boolean_          | `false`   |
+| size `v2.2.11` | 开关尺寸，默认单位为`px` | _number \| string_ | `30px`    |
+| active-color   | 打开时的背景色           | _string_           | `#1989fa` |
+| inactive-color | 关闭时的背景色           | _string_           | `white`   |
+| active-value   | 打开时对应的值           | _any_              | `true`    |
+| inactive-value | 关闭时对应的值           | _any_              | `false`   |
+
+### Events
+
+| 事件名          | 说明               | 回调参数       |
+| --------------- | ------------------ | -------------- |
+| change          | 开关状态切换时触发 | _value: any_   |
+| click `v2.2.11` | 点击时触发         | _event: Event_ |
diff --git a/src-next/switch/demo/index.vue b/src-next/switch/demo/index.vue
new file mode 100644
index 000000000..51d4ab39f
--- /dev/null
+++ b/src-next/switch/demo/index.vue
@@ -0,0 +1,98 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-switch v-model="checked" />
+    </demo-block>
+
+    <demo-block :title="t('disabled')">
+      <van-switch v-model="checked" disabled />
+    </demo-block>
+
+    <demo-block :title="t('loadingStatus')">
+      <van-switch v-model="checked" loading />
+    </demo-block>
+
+    <demo-block :title="t('customSize')">
+      <van-switch v-model="checked2" size="24px" />
+    </demo-block>
+
+    <demo-block :title="t('customColor')">
+      <van-switch
+        v-model="checked3"
+        active-color="#07c160"
+        inactive-color="#ee0a24"
+      />
+    </demo-block>
+
+    <demo-block :title="t('asyncControl')">
+      <van-switch :model-value="checked4" @update:model-value="onInput" />
+    </demo-block>
+
+    <demo-block :title="t('withCell')">
+      <van-cell center :title="t('title')">
+        <template #right-icon>
+          <van-switch v-model="checked5" size="24" />
+        </template>
+      </van-cell>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title: '标题',
+      confirm: '提醒',
+      message: '是否切换开关？',
+      withCell: '搭配单元格使用',
+      customSize: '自定义大小',
+      customColor: '自定义颜色',
+      asyncControl: '异步控制',
+    },
+    'en-US': {
+      title: 'Title',
+      confirm: 'Confirm',
+      message: 'Are you sure to toggle switch?',
+      withCell: 'Inside a Cell',
+      customSize: 'Custom Size',
+      customColor: 'Custom Color',
+      asyncControl: 'Async Control',
+    },
+  },
+
+  data() {
+    return {
+      checked: true,
+      checked2: true,
+      checked3: true,
+      checked4: true,
+      checked5: true,
+      checked6: false,
+    };
+  },
+
+  methods: {
+    onInput(checked) {
+      this.$dialog
+        .confirm({
+          title: this.t('title'),
+          message: this.t('message'),
+        })
+        .then(() => {
+          this.checked4 = checked;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-switch {
+  .van-switch {
+    margin-left: @padding-md;
+  }
+}
+</style>
diff --git a/src-next/switch/index.js b/src-next/switch/index.js
new file mode 100644
index 000000000..334e42fe7
--- /dev/null
+++ b/src-next/switch/index.js
@@ -0,0 +1,71 @@
+// Utils
+import { createNamespace, addUnit } from '../utils';
+import { switchProps } from './shared';
+
+// Mixins
+import { FieldMixin } from '../mixins/field';
+
+// Components
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('switch');
+
+export default createComponent({
+  mixins: [FieldMixin],
+
+  props: switchProps,
+
+  emits: ['click', 'change', 'update:modelValue'],
+
+  computed: {
+    checked() {
+      return this.modelValue === this.activeValue;
+    },
+
+    style() {
+      return {
+        fontSize: addUnit(this.size),
+        backgroundColor: this.checked ? this.activeColor : this.inactiveColor,
+      };
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+
+      if (!this.disabled && !this.loading) {
+        const newValue = this.checked ? this.inactiveValue : this.activeValue;
+        this.$emit('update:modelValue', newValue);
+        this.$emit('change', newValue);
+      }
+    },
+
+    genLoading() {
+      if (this.loading) {
+        const color = this.checked ? this.activeColor : this.inactiveColor;
+        return <Loading class={bem('loading')} color={color} />;
+      }
+    },
+  },
+
+  render() {
+    const { checked, loading, disabled } = this;
+
+    return (
+      <div
+        class={bem({
+          on: checked,
+          loading,
+          disabled,
+        })}
+        role="switch"
+        style={this.style}
+        aria-checked={String(checked)}
+        onClick={this.onClick}
+      >
+        <div class={bem('node')}>{this.genLoading()}</div>
+      </div>
+    );
+  },
+});
diff --git a/src-next/switch/index.less b/src-next/switch/index.less
new file mode 100644
index 000000000..8baa7a43a
--- /dev/null
+++ b/src-next/switch/index.less
@@ -0,0 +1,58 @@
+@import '../style/var';
+
+.van-switch {
+  position: relative;
+  display: inline-block;
+  box-sizing: content-box;
+  width: @switch-width;
+  height: @switch-height;
+  font-size: @switch-size;
+  background-color: @switch-background-color;
+  border: @switch-border;
+  border-radius: @switch-node-size;
+  cursor: pointer;
+  transition: background-color @switch-transition-duration;
+
+  &__node {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: @switch-node-z-index;
+    width: @switch-node-size;
+    height: @switch-node-size;
+    background-color: @switch-node-background-color;
+    border-radius: 100%;
+    box-shadow: @switch-node-box-shadow;
+    transition: transform @switch-transition-duration
+      cubic-bezier(0.3, 1.05, 0.4, 1.05);
+  }
+
+  &__loading {
+    top: 25%;
+    left: 25%;
+    width: 50%;
+    height: 50%;
+    line-height: 1;
+  }
+
+  &--on {
+    background-color: @switch-on-background-color;
+
+    .van-switch__node {
+      transform: translateX(@switch-width - @switch-node-size);
+    }
+
+    .van-switch__loading {
+      color: @switch-on-background-color;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: @switch-disabled-opacity;
+  }
+
+  &--loading {
+    cursor: default;
+  }
+}
diff --git a/src-next/switch/shared.ts b/src-next/switch/shared.ts
new file mode 100644
index 000000000..fd77d663b
--- /dev/null
+++ b/src-next/switch/shared.ts
@@ -0,0 +1,31 @@
+/**
+ * Common Switch Props
+ */
+
+export type SharedSwitchProps = {
+  size?: string | number;
+  loading?: boolean;
+  disabled?: boolean;
+  modelValue?: any;
+  activeValue: any;
+  inactiveValue: any;
+  activeColor?: string;
+  inactiveColor?: string;
+};
+
+export const switchProps = {
+  size: [Number, String],
+  loading: Boolean,
+  disabled: Boolean,
+  modelValue: null as any,
+  activeColor: String,
+  inactiveColor: String,
+  activeValue: {
+    type: null as any,
+    default: true,
+  },
+  inactiveValue: {
+    type: null as any,
+    default: false,
+  },
+};
diff --git a/src-next/switch/test/__snapshots__/demo.spec.js.snap b/src-next/switch/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..c05490ce5
--- /dev/null
+++ b/src-next/switch/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on">
+      <div class="van-switch__node"></div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--disabled">
+      <div class="van-switch__node"></div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--loading">
+      <div class="van-switch__node">
+        <div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
+      <div class="van-switch__node"></div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="background-color: rgb(7, 193, 96);">
+      <div class="van-switch__node"></div>
+    </div>
+  </div>
+  <div>
+    <div role="switch" aria-checked="true" class="van-switch van-switch--on">
+      <div class="van-switch__node"></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-cell van-cell--center">
+      <div class="van-cell__title"><span>标题</span></div>
+      <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
+        <div class="van-switch__node"></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/switch/test/__snapshots__/index.spec.js.snap b/src-next/switch/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..8a9a87679
--- /dev/null
+++ b/src-next/switch/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inactive-color prop 1`] = `
+<div role="switch" aria-checked="false" class="van-switch" style="background-color: black;">
+  <div class="van-switch__node"></div>
+</div>
+`;
+
+exports[`size prop 1`] = `
+<div role="switch" aria-checked="false" class="van-switch" style="font-size: 20px;">
+  <div class="van-switch__node"></div>
+</div>
+`;
diff --git a/src-next/switch/test/demo.spec.js b/src-next/switch/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/switch/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/switch/test/index.spec.js b/src-next/switch/test/index.spec.js
new file mode 100644
index 000000000..07a177272
--- /dev/null
+++ b/src-next/switch/test/index.spec.js
@@ -0,0 +1,91 @@
+import Switch from '..';
+import { mount } from '../../../test';
+
+test('emit event', () => {
+  const input = jest.fn();
+  const change = jest.fn();
+  const wrapper = mount(Switch, {
+    listeners: {
+      input,
+      change,
+    },
+  });
+  wrapper.trigger('click');
+
+  expect(input).toHaveBeenCalledWith(true);
+  expect(change).toHaveBeenCalledWith(true);
+});
+
+test('disabled', () => {
+  const input = jest.fn();
+  const change = jest.fn();
+  const wrapper = mount(Switch, {
+    listeners: {
+      input,
+      change,
+    },
+    propsData: {
+      disabled: true,
+    },
+  });
+  wrapper.trigger('click');
+
+  expect(input).toHaveBeenCalledTimes(0);
+  expect(change).toHaveBeenCalledTimes(0);
+});
+
+test('active-value & inactive-value prop', () => {
+  const input = jest.fn();
+  const change = jest.fn();
+  const wrapper = mount(Switch, {
+    propsData: {
+      value: '1',
+      activeValue: '1',
+      inactiveValue: '2',
+    },
+    listeners: {
+      input,
+      change,
+    },
+  });
+
+  wrapper.trigger('click');
+
+  expect(input).toHaveBeenCalledWith('2');
+  expect(change).toHaveBeenCalledWith('2');
+});
+
+test('inactive-color prop', () => {
+  const wrapper = mount(Switch, {
+    propsData: {
+      value: '2',
+      inactiveValue: '2',
+      inactiveColor: 'black',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('size prop', () => {
+  const wrapper = mount(Switch, {
+    propsData: {
+      size: 20,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click event', () => {
+  const click = jest.fn();
+  const wrapper = mount(Switch, {
+    listeners: {
+      click,
+    },
+  });
+
+  wrapper.trigger('click');
+
+  expect(click).toHaveBeenCalledTimes(1);
+});
diff --git a/vant.config.js b/vant.config.js
index 208884089..b7db042f7 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -167,10 +167,10 @@ module.exports = {
               //   path: 'stepper',
               //   title: 'Stepper 步进器',
               // },
-              // {
-              //   path: 'switch',
-              //   title: 'Switch 开关',
-              // },
+              {
+                path: 'switch',
+                title: 'Switch 开关',
+              },
               // {
               //   path: 'uploader',
               //   title: 'Uploader 文件上传',
@@ -501,10 +501,10 @@ module.exports = {
               //   path: 'stepper',
               //   title: 'Stepper',
               // },
-              // {
-              //   path: 'switch',
-              //   title: 'Switch',
-              // },
+              {
+                path: 'switch',
+                title: 'Switch',
+              },
               // {
               //   path: 'uploader',
               //   title: 'Uploader',

From 6567b041b962b3eaafd81ef0a553996d6106e116 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:51:20 +0800
Subject: [PATCH 047/626] feat: NavBar component

---
 breaking-changes.md                           |  23 +++-
 src-next/nav-bar/README.md                    |  80 +++++++++++++
 src-next/nav-bar/README.zh-CN.md              |  82 ++++++++++++++
 src-next/nav-bar/demo/index.vue               |  44 ++++++++
 src-next/nav-bar/index.js                     | 105 ++++++++++++++++++
 src-next/nav-bar/index.less                   |  66 +++++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  23 ++++
 .../test/__snapshots__/index.spec.js.snap     |  27 +++++
 src-next/nav-bar/test/demo.spec.js            |   4 +
 src-next/nav-bar/test/index.spec.js           |  60 ++++++++++
 vant.config.js                                |  24 ++--
 11 files changed, 522 insertions(+), 16 deletions(-)
 create mode 100644 src-next/nav-bar/README.md
 create mode 100644 src-next/nav-bar/README.zh-CN.md
 create mode 100644 src-next/nav-bar/demo/index.vue
 create mode 100644 src-next/nav-bar/index.js
 create mode 100644 src-next/nav-bar/index.less
 create mode 100644 src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/nav-bar/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/nav-bar/test/demo.spec.js
 create mode 100644 src-next/nav-bar/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
index 50ca14445..844e014b9 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -1,9 +1,24 @@
 # 不兼容更新
 
-## Popup
+## 重命名徽标属性
 
-- `v-model` 调整为 `v-model:show`
+在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了表达更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
 
-## Switch
+- Tab
+- Icon
+- GridItem
+- TreeSelect
+- TabbarItem
+- SidebarItem
+- GoodsActionIcon
 
-- v-model 对应的属性名和事件名由 `value/input` 调整为 `modelValue/update:modelValue`
+同时内部使用的 Info 组件也会重命名为 Badge。
+
+## v-model API 变更
+
+- Popup: `v-model` 调整为 `v-model:show`
+- Switch: v-model 对应的属性名和事件名由 `value/input` 调整为 `modelValue/update:modelValue`
+
+## 废弃个别组件
+
+- SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
diff --git a/src-next/nav-bar/README.md b/src-next/nav-bar/README.md
new file mode 100644
index 000000000..0a6e7fe44
--- /dev/null
+++ b/src-next/nav-bar/README.md
@@ -0,0 +1,80 @@
+# NavBar
+
+### Install
+
+```js
+import Vue from 'vue';
+import { NavBar } from 'vant';
+
+Vue.use(NavBar);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-nav-bar
+  title="Title"
+  left-text="Back"
+  right-text="Button"
+  left-arrow
+  @click-left="onClickLeft"
+  @click-right="onClickRight"
+/>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  methods: {
+    onClickLeft() {
+      Toast('Back');
+    },
+    onClickRight() {
+      Toast('Button');
+    },
+  },
+};
+```
+
+### Use Slot
+
+```html
+<van-nav-bar title="Title" left-text="Back" left-arrow>
+  <template #right>
+    <van-icon name="search" />
+  </template>
+</van-nav-bar>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| title | Title | _string_ | `''` |
+| left-text | Left Text | _string_ | `''` |
+| right-text | Right Text | _string_ | `''` |
+| left-arrow | Whether to show left arrow | _boolean_ | `false` |
+| border | Whether to show bottom border | _boolean_ | `true` |
+| fixed | Whether to fixed top | _boolean_ | `false` |
+| placeholder `v2.5.9` | Whether to generage a placeholder element when fixed | _boolean_ | `false` |
+| z-index | Z-index | _number \| string_ | `1` |
+
+### Slots
+
+| Name  | Description               |
+| ----- | ------------------------- |
+| title | Custom title              |
+| left  | Custom left side content  |
+| right | Custom right side content |
+
+### Events
+
+| Event       | Description                       | Arguments |
+| ----------- | --------------------------------- | --------- |
+| click-left  | Triggered when click left button  | -         |
+| click-right | Triggered when click right button | -         |
diff --git a/src-next/nav-bar/README.zh-CN.md b/src-next/nav-bar/README.zh-CN.md
new file mode 100644
index 000000000..100999759
--- /dev/null
+++ b/src-next/nav-bar/README.zh-CN.md
@@ -0,0 +1,82 @@
+# NavBar 导航栏
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { NavBar } from 'vant';
+
+Vue.use(NavBar);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-nav-bar
+  title="标题"
+  left-text="返回"
+  right-text="按钮"
+  left-arrow
+  @click-left="onClickLeft"
+  @click-right="onClickRight"
+/>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  methods: {
+    onClickLeft() {
+      Toast('返回');
+    },
+    onClickRight() {
+      Toast('按钮');
+    },
+  },
+};
+```
+
+### 使用插槽
+
+通过插槽自定义导航栏两侧的内容
+
+```html
+<van-nav-bar title="标题" left-text="返回" left-arrow>
+  <template #right>
+    <van-icon name="search" size="18" />
+  </template>
+</van-nav-bar>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| title | 标题 | _string_ | `''` |
+| left-text | 左侧文案 | _string_ | `''` |
+| right-text | 右侧文案 | _string_ | `''` |
+| left-arrow | 是否显示左侧箭头 | _boolean_ | `false` |
+| border | 是否显示下边框 | _boolean_ | `true` |
+| fixed | 是否固定在顶部 | _boolean_ | `false` |
+| placeholder `v2.5.9` | 固定在顶部时，是否在标签位置生成一个等高的占位元素 | _boolean_ | `false` |
+| z-index | 元素 z-index | _number \| string_ | `1` |
+
+### Slots
+
+| 名称  | 说明               |
+| ----- | ------------------ |
+| title | 自定义标题         |
+| left  | 自定义左侧区域内容 |
+| right | 自定义右侧区域内容 |
+
+### Events
+
+| 事件名      | 说明               | 回调参数 |
+| ----------- | ------------------ | -------- |
+| click-left  | 点击左侧按钮时触发 | -        |
+| click-right | 点击右侧按钮时触发 | -        |
diff --git a/src-next/nav-bar/demo/index.vue b/src-next/nav-bar/demo/index.vue
new file mode 100644
index 000000000..cededbc20
--- /dev/null
+++ b/src-next/nav-bar/demo/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-nav-bar
+        :title="t('title')"
+        :left-text="t('back')"
+        :right-text="t('button')"
+        left-arrow
+        @click-left="onClickLeft"
+        @click-right="onClickRight"
+      />
+    </demo-block>
+
+    <demo-block :title="t('useSlot')">
+      <van-nav-bar :title="t('title')" :left-text="t('back')" left-arrow>
+        <template #right>
+          <van-icon name="search" size="18" />
+        </template>
+      </van-nav-bar>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      useSlot: '使用插槽',
+    },
+    'en-US': {
+      useSlot: 'Use Slot',
+    },
+  },
+
+  methods: {
+    onClickLeft() {
+      this.$toast(this.t('back'));
+    },
+    onClickRight() {
+      this.$toast(this.t('button'));
+    },
+  },
+};
+</script>
diff --git a/src-next/nav-bar/index.js b/src-next/nav-bar/index.js
new file mode 100644
index 000000000..76b73d12f
--- /dev/null
+++ b/src-next/nav-bar/index.js
@@ -0,0 +1,105 @@
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_BOTTOM } from '../utils/constant';
+
+// Components
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('nav-bar');
+
+export default createComponent({
+  props: {
+    title: String,
+    fixed: Boolean,
+    zIndex: [Number, String],
+    leftText: String,
+    rightText: String,
+    leftArrow: Boolean,
+    placeholder: Boolean,
+    border: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: ['click-left', 'click-right'],
+
+  data() {
+    return {
+      height: null,
+    };
+  },
+
+  mounted() {
+    if (this.placeholder && this.fixed) {
+      this.height = this.$refs.navBar.getBoundingClientRect().height;
+    }
+  },
+
+  methods: {
+    genLeft() {
+      const leftSlot = this.$slots.left?.();
+
+      if (leftSlot) {
+        return leftSlot;
+      }
+
+      return [
+        this.leftArrow && <Icon class={bem('arrow')} name="arrow-left" />,
+        this.leftText && <span class={bem('text')}>{this.leftText}</span>,
+      ];
+    },
+
+    genRight() {
+      const rightSlot = this.$slots.right?.();
+
+      if (rightSlot) {
+        return rightSlot;
+      }
+
+      if (this.rightText) {
+        return <span class={bem('text')}>{this.rightText}</span>;
+      }
+    },
+
+    genNavBar() {
+      return (
+        <div
+          ref="navBar"
+          style={{ zIndex: this.zIndex }}
+          class={[bem({ fixed: this.fixed }), { [BORDER_BOTTOM]: this.border }]}
+        >
+          <div class={bem('left')} onClick={this.onClickLeft}>
+            {this.genLeft()}
+          </div>
+          <div class={[bem('title'), 'van-ellipsis']}>
+            {this.$slots.title ? this.$slots.title() : this.title}
+          </div>
+          <div class={bem('right')} onClick={this.onClickRight}>
+            {this.genRight()}
+          </div>
+        </div>
+      );
+    },
+
+    onClickLeft(event) {
+      this.$emit('click-left', event);
+    },
+
+    onClickRight(event) {
+      this.$emit('click-right', event);
+    },
+  },
+
+  render() {
+    if (this.placeholder && this.fixed) {
+      return (
+        <div class={bem('placeholder')} style={{ height: `${this.height}px` }}>
+          {this.genNavBar()}
+        </div>
+      );
+    }
+
+    return this.genNavBar();
+  },
+});
diff --git a/src-next/nav-bar/index.less b/src-next/nav-bar/index.less
new file mode 100644
index 000000000..582a0a82a
--- /dev/null
+++ b/src-next/nav-bar/index.less
@@ -0,0 +1,66 @@
+@import '../style/var';
+
+.van-nav-bar {
+  position: relative;
+  z-index: @nav-bar-z-index;
+  display: flex;
+  align-items: center;
+  height: @nav-bar-height;
+  line-height: 1.5;
+  text-align: center;
+  background-color: @nav-bar-background-color;
+  user-select: none;
+
+  .van-icon {
+    color: @nav-bar-icon-color;
+  }
+
+  &__arrow {
+    min-width: 1em;
+    margin-right: @padding-base;
+    font-size: @nav-bar-arrow-size;
+  }
+
+  &--fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+  }
+
+  &__title {
+    max-width: 60%;
+    margin: 0 auto;
+    color: @nav-bar-title-text-color;
+    font-weight: @font-weight-bold;
+    font-size: @nav-bar-title-font-size;
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    padding: 0 @padding-md;
+    font-size: @font-size-md;
+    cursor: pointer;
+
+    &:active {
+      opacity: @active-opacity;
+    }
+  }
+
+  &__left {
+    left: 0;
+  }
+
+  &__right {
+    right: 0;
+  }
+
+  &__text {
+    color: @nav-bar-text-color;
+  }
+}
diff --git a/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap b/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..bcd8a6ba2
--- /dev/null
+++ b/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow">
+          <!----></i><span class="van-nav-bar__text">返回</span></div>
+      <div class="van-nav-bar__title van-ellipsis">标题</div>
+      <div class="van-nav-bar__right"><span class="van-nav-bar__text">按钮</span></div>
+    </div>
+  </div>
+  <div>
+    <div class="van-nav-bar van-hairline--bottom">
+      <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow">
+          <!----></i><span class="van-nav-bar__text">返回</span></div>
+      <div class="van-nav-bar__title van-ellipsis">标题</div>
+      <div class="van-nav-bar__right"><i class="van-icon van-icon-search" style="font-size: 18px;">
+          <!----></i></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/nav-bar/test/__snapshots__/index.spec.js.snap b/src-next/nav-bar/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..263a07ecc
--- /dev/null
+++ b/src-next/nav-bar/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`placeholder prop 1`] = `
+<div class="van-nav-bar__placeholder" style="height: 50px;">
+  <div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
+    <div class="van-nav-bar__left"></div>
+    <div class="van-nav-bar__title van-ellipsis"></div>
+    <div class="van-nav-bar__right"></div>
+  </div>
+</div>
+`;
+
+exports[`render left & right slot 1`] = `
+<div class="van-nav-bar van-hairline--bottom">
+  <div class="van-nav-bar__left">Custom Left</div>
+  <div class="van-nav-bar__title van-ellipsis"></div>
+  <div class="van-nav-bar__right">Custom Right</div>
+</div>
+`;
+
+exports[`render title slot 1`] = `
+<div class="van-nav-bar van-hairline--bottom">
+  <div class="van-nav-bar__left"></div>
+  <div class="van-nav-bar__title van-ellipsis">Custom Title</div>
+  <div class="van-nav-bar__right"></div>
+</div>
+`;
diff --git a/src-next/nav-bar/test/demo.spec.js b/src-next/nav-bar/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/nav-bar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/nav-bar/test/index.spec.js b/src-next/nav-bar/test/index.spec.js
new file mode 100644
index 000000000..63149c6e0
--- /dev/null
+++ b/src-next/nav-bar/test/index.spec.js
@@ -0,0 +1,60 @@
+import NavBar from '..';
+import { mount, mockGetBoundingClientRect } from '../../../test';
+
+test('render left & right slot', () => {
+  const wrapper = mount(NavBar, {
+    scopedSlots: {
+      left: () => 'Custom Left',
+      right: () => 'Custom Right',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render title slot', () => {
+  const wrapper = mount(NavBar, {
+    scopedSlots: {
+      title: () => 'Custom Title',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('placeholder prop', () => {
+  const restore = mockGetBoundingClientRect({ height: 50 });
+
+  const wrapper = mount(NavBar, {
+    propsData: {
+      fixed: true,
+      placeholder: true,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+
+  restore();
+});
+
+test('click-left event', () => {
+  const wrapper = mount(NavBar, {
+    propsData: {
+      leftText: 'left',
+    },
+  });
+
+  wrapper.find('.van-nav-bar__left').trigger('click');
+  expect(wrapper.emitted('click-left')).toBeTruthy();
+});
+
+test('click-right event', () => {
+  const wrapper = mount(NavBar, {
+    propsData: {
+      rightText: 'right',
+    },
+  });
+
+  wrapper.find('.van-nav-bar__right').trigger('click');
+  expect(wrapper.emitted('click-right')).toBeTruthy();
+});
diff --git a/vant.config.js b/vant.config.js
index b7db042f7..e81e090aa 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -294,10 +294,10 @@ module.exports = {
               //   path: 'index-bar',
               //   title: 'IndexBar 索引栏',
               // },
-              // {
-              //   path: 'nav-bar',
-              //   title: 'NavBar 导航栏',
-              // },
+              {
+                path: 'nav-bar',
+                title: 'NavBar 导航栏',
+              },
               // {
               //   path: 'pagination',
               //   title: 'Pagination 分页',
@@ -432,10 +432,10 @@ module.exports = {
                 path: 'col',
                 title: 'Layout',
               },
-              // {
-              //   path: 'popup',
-              //   title: 'Popup',
-              // },
+              {
+                path: 'popup',
+                title: 'Popup',
+              },
               {
                 path: 'style',
                 title: 'Built-in style',
@@ -628,10 +628,10 @@ module.exports = {
               //   path: 'index-bar',
               //   title: 'IndexBar',
               // },
-              // {
-              //   path: 'nav-bar',
-              //   title: 'NavBar',
-              // },
+              {
+                path: 'nav-bar',
+                title: 'NavBar',
+              },
               // {
               //   path: 'pagination',
               //   title: 'Pagination',

From 2539a548b601fe98a432334551ea700d4d9c825d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 15:52:54 +0800
Subject: [PATCH 048/626] feat: Progress component

---
 src-next/progress/README.md                   | 63 ++++++++++++++
 src-next/progress/README.zh-CN.md             | 67 +++++++++++++++
 src-next/progress/demo/index.vue              | 63 ++++++++++++++
 src-next/progress/index.js                    | 84 +++++++++++++++++++
 src-next/progress/index.less                  | 32 +++++++
 .../test/__snapshots__/demo.spec.js.snap      | 20 +++++
 .../test/__snapshots__/index.spec.js.snap     |  5 ++
 src-next/progress/test/demo.spec.js           |  4 +
 src-next/progress/test/index.spec.js          | 28 +++++++
 vant.config.js                                | 16 ++--
 10 files changed, 374 insertions(+), 8 deletions(-)
 create mode 100644 src-next/progress/README.md
 create mode 100644 src-next/progress/README.zh-CN.md
 create mode 100644 src-next/progress/demo/index.vue
 create mode 100644 src-next/progress/index.js
 create mode 100644 src-next/progress/index.less
 create mode 100644 src-next/progress/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/progress/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/progress/test/demo.spec.js
 create mode 100644 src-next/progress/test/index.spec.js

diff --git a/src-next/progress/README.md b/src-next/progress/README.md
new file mode 100644
index 000000000..a03e5b158
--- /dev/null
+++ b/src-next/progress/README.md
@@ -0,0 +1,63 @@
+# Progress
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Progress } from 'vant';
+
+Vue.use(Progress);
+```
+
+## Usage
+
+### Basic Usage
+
+Use 'percentage' prop to set current progress
+
+```html
+<van-progress :percentage="50" />
+```
+
+### Stroke Width
+
+```html
+<van-progress :percentage="50" stroke-width="8" />
+```
+
+### Inactive
+
+```html
+<van-progress inactive :percentage="50" />
+```
+
+### Custom Style
+
+Use `pivot-text` to custom text，use `color` to custom bar color
+
+```html
+<van-progress pivot-text="Orange" color="#f2826a" :percentage="25" />
+<van-progress pivot-text="Red" color="#ee0a24" :percentage="50" />
+<van-progress
+  :percentage="75"
+  pivot-text="Purple"
+  pivot-color="#7232dd"
+  color="linear-gradient(to right, #be99ff, #7232dd)"
+/>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| percentage | Percentage | _number \| string_ | `0` |
+| stroke-width `v2.2.1` | Stroke width | _number \| string_ | `4px` |
+| color | Color | _string_ | `#1989fa` |
+| track-color `v2.2.9` | Track color | _string_ | `#e5e5e5` |
+| pivot-text | Pivot text | _string_ | percentage |
+| pivot-color | Pivot text background color | _string_ | inherit progress color |
+| text-color | Pivot text color | _string_ | `white` |
+| inactive | Whether to be gray | _boolean_ | `false` |
+| show-pivot | Whether to show text | _boolean_ | `true` |
diff --git a/src-next/progress/README.zh-CN.md b/src-next/progress/README.zh-CN.md
new file mode 100644
index 000000000..856b9e8a1
--- /dev/null
+++ b/src-next/progress/README.zh-CN.md
@@ -0,0 +1,67 @@
+# Progress 进度条
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Progress } from 'vant';
+
+Vue.use(Progress);
+```
+
+## 代码演示
+
+### 基础用法
+
+进度条默认为蓝色，使用`percentage`属性来设置当前进度
+
+```html
+<van-progress :percentage="50" />
+```
+
+### 线条粗细
+
+通过`stroke-width`可以设置进度条的粗细
+
+```html
+<van-progress :percentage="50" stroke-width="8" />
+```
+
+### 置灰
+
+设置`inactive`属性后进度条将置灰
+
+```html
+<van-progress inactive :percentage="50" />
+```
+
+### 样式定制
+
+可以使用`pivot-text`属性自定义文字，`color`属性自定义进度条颜色
+
+```html
+<van-progress pivot-text="橙色" color="#f2826a" :percentage="25" />
+<van-progress pivot-text="红色" color="#ee0a24" :percentage="50" />
+<van-progress
+  :percentage="75"
+  pivot-text="紫色"
+  pivot-color="#7232dd"
+  color="linear-gradient(to right, #be99ff, #7232dd)"
+/>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| percentage | 进度百分比 | _number \| string_ | `0` |
+| stroke-width `v2.2.1` | 进度条粗细，默认单位为`px` | _number \| string_ | `4px` |
+| color | 进度条颜色 | _string_ | `#1989fa` |
+| track-color `v2.2.9` | 轨道颜色 | _string_ | `#e5e5e5` |
+| pivot-text | 进度文字内容 | _string_ | 百分比 |
+| pivot-color | 进度文字背景色 | _string_ | 同进度条颜色 |
+| text-color | 进度文字颜色 | _string_ | `white` |
+| inactive | 是否置灰 | _boolean_ | `false` |
+| show-pivot | 是否显示进度文字 | _boolean_ | `true` |
diff --git a/src-next/progress/demo/index.vue b/src-next/progress/demo/index.vue
new file mode 100644
index 000000000..f07c9d46f
--- /dev/null
+++ b/src-next/progress/demo/index.vue
@@ -0,0 +1,63 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-progress :percentage="50" />
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('strokeWidth')">
+      <van-progress :percentage="50" stroke-width="8" />
+    </demo-block>
+
+    <demo-block :title="t('title2')">
+      <van-progress inactive :percentage="50" />
+    </demo-block>
+
+    <demo-block :title="t('title3')">
+      <van-progress
+        color="#f2826a"
+        :percentage="25"
+        :pivot-text="t('orange')"
+      />
+      <van-progress color="#ee0a24" :percentage="50" :pivot-text="t('red')" />
+      <van-progress
+        :percentage="75"
+        :pivot-text="t('purple')"
+        pivot-color="#7232dd"
+        color="linear-gradient(to right, #be99ff, #7232dd)"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title2: '置灰',
+      title3: '样式定制',
+      strokeWidth: '线条粗细',
+    },
+    'en-US': {
+      title2: 'Inactive',
+      title3: 'Custom Style',
+      strokeWidth: 'Stroke Width',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-progress {
+  background: @white;
+
+  .van-progress {
+    margin: 20px;
+
+    &:first-of-type {
+      margin-top: 5px;
+    }
+  }
+}
+</style>
diff --git a/src-next/progress/index.js b/src-next/progress/index.js
new file mode 100644
index 000000000..f12ca19a9
--- /dev/null
+++ b/src-next/progress/index.js
@@ -0,0 +1,84 @@
+import { createNamespace, isDef, addUnit } from '../utils';
+
+const [createComponent, bem] = createNamespace('progress');
+
+export default createComponent({
+  props: {
+    color: String,
+    inactive: Boolean,
+    pivotText: String,
+    textColor: String,
+    pivotColor: String,
+    trackColor: String,
+    strokeWidth: [Number, String],
+    percentage: {
+      type: [Number, String],
+      required: true,
+      validator: (value) => value >= 0 && value <= 100,
+    },
+    showPivot: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  data() {
+    return {
+      pivotWidth: 0,
+      progressWidth: 0,
+    };
+  },
+
+  mounted() {
+    this.setWidth();
+  },
+
+  watch: {
+    showPivot: 'setWidth',
+    pivotText: 'setWidth',
+  },
+
+  methods: {
+    setWidth() {
+      this.$nextTick(() => {
+        this.progressWidth = this.$el.offsetWidth;
+        this.pivotWidth = this.$refs.pivot ? this.$refs.pivot.offsetWidth : 0;
+      });
+    },
+  },
+
+  render() {
+    const { pivotText, percentage } = this;
+    const text = isDef(pivotText) ? pivotText : percentage + '%';
+    const showPivot = this.showPivot && text;
+    const background = this.inactive ? '#cacaca' : this.color;
+
+    const pivotStyle = {
+      color: this.textColor,
+      left: `${((this.progressWidth - this.pivotWidth) * percentage) / 100}px`,
+      background: this.pivotColor || background,
+    };
+
+    const portionStyle = {
+      background,
+      width: (this.progressWidth * percentage) / 100 + 'px',
+    };
+
+    const wrapperStyle = {
+      background: this.trackColor,
+      height: addUnit(this.strokeWidth),
+    };
+
+    return (
+      <div class={bem()} style={wrapperStyle}>
+        <span class={bem('portion')} style={portionStyle}>
+          {showPivot && (
+            <span ref="pivot" style={pivotStyle} class={bem('pivot')}>
+              {text}
+            </span>
+          )}
+        </span>
+      </div>
+    );
+  },
+});
diff --git a/src-next/progress/index.less b/src-next/progress/index.less
new file mode 100644
index 000000000..984948680
--- /dev/null
+++ b/src-next/progress/index.less
@@ -0,0 +1,32 @@
+@import '../style/var';
+
+.van-progress {
+  position: relative;
+  height: @progress-height;
+  background: @progress-background-color;
+  border-radius: @progress-height;
+
+  &__portion {
+    position: absolute;
+    left: 0;
+    height: 100%;
+    background: @progress-color;
+    border-radius: inherit;
+  }
+
+  &__pivot {
+    position: absolute;
+    top: 50%;
+    box-sizing: border-box;
+    min-width: 3.6em;
+    padding: @progress-pivot-padding;
+    color: @progress-pivot-text-color;
+    font-size: @progress-pivot-font-size;
+    line-height: @progress-pivot-line-height;
+    text-align: center;
+    word-break: keep-all;
+    background-color: @progress-pivot-background-color;
+    border-radius: 1em;
+    transform: translate(0, -50%);
+  }
+}
diff --git a/src-next/progress/test/__snapshots__/demo.spec.js.snap b/src-next/progress/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..66c2e29a9
--- /dev/null
+++ b/src-next/progress/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">50%</span></span></div>
+  </div>
+  <div>
+    <div class="van-progress" style="height: 8px;"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">50%</span></span></div>
+  </div>
+  <div>
+    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(202, 202, 202); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(202, 202, 202);">50%</span></span></div>
+  </div>
+  <div>
+    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(242, 130, 106); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(242, 130, 106);">橙色</span></span></div>
+    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(238, 10, 36); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(238, 10, 36);">红色</span></span></div>
+    <div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(114, 50, 221);">紫色</span></span></div>
+  </div>
+</div>
+`;
diff --git a/src-next/progress/test/__snapshots__/index.spec.js.snap b/src-next/progress/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..47201dd08
--- /dev/null
+++ b/src-next/progress/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`calc width 1`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"></span></div>`;
+
+exports[`calc width 2`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">test</span></span></div>`;
diff --git a/src-next/progress/test/demo.spec.js b/src-next/progress/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/progress/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/progress/test/index.spec.js b/src-next/progress/test/index.spec.js
new file mode 100644
index 000000000..252abf346
--- /dev/null
+++ b/src-next/progress/test/index.spec.js
@@ -0,0 +1,28 @@
+import Progress from '..';
+import { mount, later } from '../../../test';
+
+test('calc width', async () => {
+  const wrapper = mount(Progress, {
+    propsData: {
+      showPivot: false,
+      percentage: 100,
+    },
+  });
+  await later();
+  expect(wrapper).toMatchSnapshot();
+
+  wrapper.vm.showPivot = true;
+  wrapper.vm.pivotText = 'test';
+  await later();
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('track color prop', async () => {
+  const wrapper = mount(Progress, {
+    propsData: {
+      trackColor: 'green',
+    },
+  });
+
+  expect(wrapper.element.style.background).toEqual('green');
+});
diff --git a/vant.config.js b/vant.config.js
index e81e090aa..5ee9aaf2c 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -257,10 +257,10 @@ module.exports = {
               //   path: 'notice-bar',
               //   title: 'NoticeBar 通知栏',
               // },
-              // {
-              //   path: 'progress',
-              //   title: 'Progress 进度条',
-              // },
+              {
+                path: 'progress',
+                title: 'Progress 进度条',
+              },
               {
                 path: 'skeleton',
                 title: 'Skeleton 骨架屏',
@@ -591,10 +591,10 @@ module.exports = {
               //   path: 'notice-bar',
               //   title: 'NoticeBar',
               // },
-              // {
-              //   path: 'progress',
-              //   title: 'Progress',
-              // },
+              {
+                path: 'progress',
+                title: 'Progress',
+              },
               {
                 path: 'skeleton',
                 title: 'Skeleton',

From aa09ba0fd9c65c5b5dc2ef723b2891590332c71e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:31:59 +0800
Subject: [PATCH 049/626] feat: ActionSheet component

---
 src-next/action-sheet/README.md               | 191 ++++++++++++++++
 src-next/action-sheet/README.zh-CN.md         | 205 ++++++++++++++++++
 src-next/action-sheet/demo/index.vue          | 154 +++++++++++++
 src-next/action-sheet/index.js                | 167 ++++++++++++++
 src-next/action-sheet/index.less              |  89 ++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  37 ++++
 .../test/__snapshots__/index.spec.js.snap     |  40 ++++
 src-next/action-sheet/test/demo.spec.js       |   4 +
 src-next/action-sheet/test/index.spec.js      | 186 ++++++++++++++++
 src-next/mixins/popup/index.js                |   2 -
 src-next/popup/index.js                       |  10 +-
 vant.config.js                                |  16 +-
 12 files changed, 1090 insertions(+), 11 deletions(-)
 create mode 100644 src-next/action-sheet/README.md
 create mode 100644 src-next/action-sheet/README.zh-CN.md
 create mode 100644 src-next/action-sheet/demo/index.vue
 create mode 100644 src-next/action-sheet/index.js
 create mode 100644 src-next/action-sheet/index.less
 create mode 100644 src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/action-sheet/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/action-sheet/test/demo.spec.js
 create mode 100644 src-next/action-sheet/test/index.spec.js

diff --git a/src-next/action-sheet/README.md b/src-next/action-sheet/README.md
new file mode 100644
index 000000000..a79ac6ccc
--- /dev/null
+++ b/src-next/action-sheet/README.md
@@ -0,0 +1,191 @@
+# ActionSheet
+
+### Install
+
+```js
+import Vue from 'vue';
+import { ActionSheet } from 'vant';
+
+Vue.use(ActionSheet);
+```
+
+## Usage
+
+### Basic Usage
+
+Use `actions` prop to set options of action-sheet.
+
+```html
+<van-cell is-link title="Basic Usage" @click="show = true" />
+<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: 'Option 1' },
+        { name: 'Option 2' },
+        { name: 'Option 3' },
+      ],
+    };
+  },
+  methods: {
+    onSelect(item) {
+      this.show = false;
+      Toast(item.name);
+    },
+  },
+};
+```
+
+### Show Cancel Button
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="Cancel"
+  close-on-click-action
+  @cancel="onCancel"
+/>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: 'Option 1' },
+        { name: 'Option 2' },
+        { name: 'Option 3' },
+      ],
+    };
+  },
+  methods: {
+    onCancel() {
+      Toast('cancel');
+    },
+  },
+};
+```
+
+### Show Description
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="Cancel"
+  description="Description"
+  close-on-click-action
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: 'Option 1' },
+        { name: 'Option 2' },
+        { name: 'Option 3', subname: 'Description' },
+      ],
+    };
+  },
+};
+```
+
+### Option Status
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="Cancel"
+  close-on-click-action
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: 'Colored Option', color: '#07c160' },
+        { name: 'Disabled Option', disabled: true },
+        { name: 'Loading Option', loading: true },
+      ],
+    };
+  },
+};
+```
+
+### Custom Panel
+
+```html
+<van-action-sheet v-model="show" title="Title">
+  <div class="content">Content</div>
+</van-action-sheet>
+
+<style>
+  .content {
+    padding: 16px 16px 160px;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model (value) | Whether to show ActionSheet | _boolean_ | `false` |
+| actions | Options | _Action[]_ | `[]` |
+| title | Title | _string_ | - |
+| cancel-text | Text of cancel button | _string_ | - |
+| description `v2.2.8` | Description above the options | _string_ | - |
+| close-icon `v2.2.13` | Close icon name | _string_ | `cross` |
+| duration `v2.0.3` | Transition duration, unit second | _number \| string_ | `0.3` |
+| round `v2.0.9` | Whether to show round corner | _boolean_ | `true` |
+| overlay | Whether to show overlay | _boolean_ | `true` |
+| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
+| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
+| close-on-popstate `v2.5.3` | Whether to close when popstate | _boolean_ | `false` |
+| close-on-click-action | Whether to close when click action | _boolean_ | `false` |
+| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
+| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
+| get-container | Return the mount node for ActionSheet | _string \| () => Element_ | - |
+
+### Data Structure of Action
+
+| Key       | Description                  | Type      |
+| --------- | ---------------------------- | --------- |
+| name      | Title                        | _string_  |
+| subname   | Subtitle                     | _string_  |
+| color     | Text color                   | _string_  |
+| className | className for the option     | _any_     |
+| loading   | Whether to be loading status | _boolean_ |
+| disabled  | Whether to be disabled       | _boolean_ |
+
+### Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| select | Triggered when click option | _action: Action, index: number_ |
+| cancel | Triggered when click cancel button | - |
+| open | Triggered when open ActionSheet | - |
+| close | Triggered when close ActionSheet | - |
+| opened | Triggered when opened ActionSheet | - |
+| closed | Triggered when closed ActionSheet | - |
+| click-overlay | Triggered when click overlay | - |
diff --git a/src-next/action-sheet/README.zh-CN.md b/src-next/action-sheet/README.zh-CN.md
new file mode 100644
index 000000000..0993e4e71
--- /dev/null
+++ b/src-next/action-sheet/README.zh-CN.md
@@ -0,0 +1,205 @@
+# ActionSheet 动作面板
+
+### 介绍
+
+底部弹起的模态面板，包含与当前情境相关的多个选项。
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { ActionSheet } from 'vant';
+
+Vue.use(ActionSheet);
+```
+
+## 代码演示
+
+### 基础用法
+
+动作面板通过 `actions` 属性来定义选项，`actions` 属性是一个由对象构成的数组，数组中的每个对象配置一列，对象格式见文档下方表格。
+
+```html
+<van-cell is-link title="基础用法" @click="show = true" />
+<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
+    };
+  },
+  methods: {
+    onSelect(item) {
+      // 默认情况下点击选项时不会自动收起
+      // 可以通过 close-on-click-action 属性开启自动收起
+      this.show = false;
+      Toast(item.name);
+    },
+  },
+};
+```
+
+### 展示取消按钮
+
+设置 `cancel-text` 属性后，会在底部展示取消按钮，点击后关闭当前面板并触发 `cancel` 事件。
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="取消"
+  close-on-click-action
+  @cancel="onCancel"
+/>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
+    };
+  },
+  methods: {
+    onCancel() {
+      Toast('取消');
+    },
+  },
+};
+```
+
+### 展示描述信息
+
+通过 `description` 可以在菜单顶部显示描述信息，通过选项的 `subname` 属性可以在选项文字的右侧展示描述信息。
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="取消"
+  description="这是一段描述信息"
+  close-on-click-action
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: '选项一' },
+        { name: '选项二' },
+        { name: '选项三', subname: '描述信息' },
+      ],
+    };
+  },
+};
+```
+
+### 选项状态
+
+可以通过 `loading` 和 `disabled` 将选项设置为加载状态或禁用状态，或者通过`color`设置选项的颜色
+
+```html
+<van-action-sheet
+  v-model="show"
+  :actions="actions"
+  cancel-text="取消"
+  close-on-click-action
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      show: false,
+      actions: [
+        { name: '着色选项', color: '#07c160' },
+        { name: '禁用选项', disabled: true },
+        { name: '加载选项', loading: true },
+      ],
+    };
+  },
+};
+```
+
+### 自定义面板
+
+通过插槽可以自定义面板的展示内容，同时可以使用`title`属性展示标题栏
+
+```html
+<van-action-sheet v-model="show" title="标题">
+  <div class="content">内容</div>
+</van-action-sheet>
+
+<style>
+  .content {
+    padding: 16px 16px 160px;
+  }
+</style>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| v-model (value) | 是否显示动作面板 | _boolean_ | `false` |
+| actions | 面板选项列表 | _Action[]_ | `[]` |
+| title | 顶部标题 | _string_ | - |
+| cancel-text | 取消按钮文字 | _string_ | - |
+| description `v2.2.8` | 选项上方的描述信息 | _string_ | - |
+| close-icon `v2.2.13` | 关闭[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `cross` |
+| duration `v2.0.3` | 动画时长，单位秒 | _number \| string_ | `0.3` |
+| round `v2.0.9` | 是否显示圆角 | _boolean_ | `true` |
+| overlay | 是否显示遮罩层 | _boolean_ | `true` |
+| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
+| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
+| close-on-popstate `v2.5.3` | 是否在页面回退时自动关闭 | _boolean_ | `false` |
+| close-on-click-action | 是否在点击选项后关闭 | _boolean_ | `false` |
+| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
+| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
+| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+
+### Action 数据结构
+
+`actions` 属性是一个由对象构成的数组，数组中的每个对象配置一列，对象可以包含以下值：
+
+| 键名      | 说明                     | 类型      |
+| --------- | ------------------------ | --------- |
+| name      | 标题                     | _string_  |
+| subname   | 二级标题                 | _string_  |
+| color     | 选项文字颜色             | _string_  |
+| className | 为对应列添加额外的 class | _any_     |
+| loading   | 是否为加载状态           | _boolean_ |
+| disabled  | 是否为禁用状态           | _boolean_ |
+
+### Events
+
+| 事件名 | 说明 | 回调参数 |
+| --- | --- | --- |
+| select | 点击选项时触发，禁用或加载状态下不会触发 | _action: Action, index: number_ |
+| cancel | 点击取消按钮时触发 | - |
+| open | 打开面板时触发 | - |
+| close | 关闭面板时触发 | - |
+| opened | 打开面板且动画结束后触发 | - |
+| closed | 关闭面板且动画结束后触发 | - |
+| click-overlay | 点击遮罩层时触发 | - |
+
+## 常见问题
+
+### 引入时提示 dependencies not found？
+
+在 1.x 版本中，动作面板的组件名为`Actionsheet`，从 2.0 版本开始更名为`ActionSheet`，请注意区分。
diff --git a/src-next/action-sheet/demo/index.vue b/src-next/action-sheet/demo/index.vue
new file mode 100644
index 000000000..24b0e31fe
--- /dev/null
+++ b/src-next/action-sheet/demo/index.vue
@@ -0,0 +1,154 @@
+<template>
+  <demo-section>
+    <demo-block card :title="t('basicUsage')">
+      <van-cell is-link :title="t('basicUsage')" @click="show.basic = true" />
+      <van-cell is-link :title="t('showCancel')" @click="show.cancel = true" />
+      <van-cell
+        is-link
+        :title="t('showDescription')"
+        @click="show.description = true"
+      />
+    </demo-block>
+
+    <demo-block card :title="t('optionStatus')">
+      <van-cell
+        is-link
+        :title="t('optionStatus')"
+        @click="show.status = true"
+      />
+    </demo-block>
+
+    <demo-block card :title="t('customPanel')">
+      <van-cell is-link :title="t('customPanel')" @click="show.title = true" />
+    </demo-block>
+
+    <van-action-sheet
+      v-model:show="show.basic"
+      :actions="simpleActions"
+      @select="onSelect"
+    />
+
+    <van-action-sheet
+      v-model:show="show.cancel"
+      :actions="simpleActions"
+      close-on-click-action
+      :cancel-text="t('cancel')"
+      @cancel="onCancel"
+    />
+
+    <van-action-sheet
+      v-model:show="show.description"
+      :actions="actionsWithDescription"
+      close-on-click-action
+      :cancel-text="t('cancel')"
+      :description="t('description')"
+    />
+
+    <van-action-sheet
+      v-model:show="show.status"
+      close-on-click-action
+      :actions="statusActions"
+      :cancel-text="t('cancel')"
+    />
+
+    <van-action-sheet v-model:show="show.title" :title="t('title')">
+      <div class="demo-action-sheet-content">{{ t('content') }}</div>
+    </van-action-sheet>
+  </demo-section>
+</template>
+
+<script>
+import { GREEN } from '../../utils/constant';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      option1: '选项一',
+      option2: '选项二',
+      option3: '选项三',
+      subname: '描述信息',
+      showCancel: '展示取消按钮',
+      buttonText: '弹出菜单',
+      customPanel: '自定义面板',
+      description: '这是一段描述信息',
+      optionStatus: '选项状态',
+      coloredOption: '着色选项',
+      disabledOption: '禁用选项',
+      showDescription: '展示描述信息',
+    },
+    'en-US': {
+      option1: 'Option 1',
+      option2: 'Option 2',
+      option3: 'Option 3',
+      subname: 'Description',
+      showCancel: 'Show Cancel Button',
+      buttonText: 'Show ActionSheet',
+      customPanel: 'Custom Panel',
+      description: 'Description',
+      optionStatus: 'Option Status',
+      coloredOption: 'Colored Option',
+      disabledOption: 'Disabled Option',
+      showDescription: 'Show Description',
+    },
+  },
+
+  data() {
+    return {
+      show: {
+        basic: false,
+        cancel: false,
+        title: false,
+        status: false,
+        description: false,
+      },
+    };
+  },
+
+  computed: {
+    simpleActions() {
+      return [
+        { name: this.t('option1') },
+        { name: this.t('option2') },
+        { name: this.t('option3') },
+      ];
+    },
+
+    actionsWithDescription() {
+      return [
+        { name: this.t('option1') },
+        { name: this.t('option2') },
+        { name: this.t('option3'), subname: this.t('subname') },
+      ];
+    },
+
+    statusActions() {
+      return [
+        { name: this.t('coloredOption'), color: GREEN },
+        { name: this.t('disabledOption'), disabled: true },
+        { loading: true },
+      ];
+    },
+  },
+
+  methods: {
+    onSelect(item) {
+      this.show.basic = false;
+      this.$toast(item.name);
+    },
+
+    onCancel() {
+      this.$toast(this.t('cancel'));
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-action-sheet {
+  &-content {
+    padding: @padding-md @padding-md @padding-md * 10;
+  }
+}
+</style>
diff --git a/src-next/action-sheet/index.js b/src-next/action-sheet/index.js
new file mode 100644
index 000000000..caf4df4b2
--- /dev/null
+++ b/src-next/action-sheet/index.js
@@ -0,0 +1,167 @@
+// Utils
+import { createNamespace } from '../utils';
+
+// Mixins
+import { popupMixinProps } from '../mixins/popup';
+
+// Components
+import Icon from '../icon';
+import Popup from '../popup';
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('action-sheet');
+
+export default createComponent({
+  props: {
+    ...popupMixinProps,
+    title: String,
+    actions: Array,
+    duration: [Number, String],
+    cancelText: String,
+    description: String,
+    getContainer: [String, Function],
+    closeOnPopstate: Boolean,
+    closeOnClickAction: Boolean,
+    round: {
+      type: Boolean,
+      default: true,
+    },
+    closeIcon: {
+      type: String,
+      default: 'cross',
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: true,
+    },
+    overlay: {
+      type: Boolean,
+      default: true,
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: ['close', 'cancel', 'select', 'update:show'],
+
+  setup(props, { slots, emit }) {
+    function onCancel() {
+      emit('update:show', false);
+      emit('cancel');
+    }
+
+    function onToggle(show) {
+      emit('update:show', show);
+    }
+
+    return function () {
+      const { title, cancelText } = props;
+
+      function Header() {
+        if (title) {
+          return (
+            <div class={bem('header')}>
+              {title}
+              <Icon
+                name={props.closeIcon}
+                class={bem('close')}
+                onClick={onCancel}
+              />
+            </div>
+          );
+        }
+      }
+
+      function Content() {
+        if (slots.default) {
+          return <div class={bem('content')}>{slots.default()}</div>;
+        }
+      }
+
+      function Option(item, index) {
+        const { disabled, loading, callback } = item;
+
+        function onClickOption(event) {
+          event.stopPropagation();
+
+          if (disabled || loading) {
+            return;
+          }
+
+          if (callback) {
+            callback(item);
+          }
+
+          emit('select', item, index);
+
+          if (props.closeOnClickAction) {
+            emit('update:show', false);
+          }
+        }
+
+        function OptionContent() {
+          if (loading) {
+            return <Loading size="20px" />;
+          }
+
+          return [
+            <span class={bem('name')}>{item.name}</span>,
+            item.subname && <span class={bem('subname')}>{item.subname}</span>,
+          ];
+        }
+
+        return (
+          <button
+            type="button"
+            class={[bem('item', { disabled, loading }), item.className]}
+            style={{ color: item.color }}
+            onClick={onClickOption}
+          >
+            {OptionContent()}
+          </button>
+        );
+      }
+
+      function CancelText() {
+        if (cancelText) {
+          return [
+            <div class={bem('gap')} />,
+            <button type="button" class={bem('cancel')} onClick={onCancel}>
+              {cancelText}
+            </button>,
+          ];
+        }
+      }
+
+      const Description = props.description && (
+        <div class={bem('description')}>{props.description}</div>
+      );
+
+      return (
+        <Popup
+          class={bem()}
+          position="bottom"
+          show={props.show}
+          round={props.round}
+          overlay={props.overlay}
+          duration={props.duration}
+          lazyRender={props.lazyRender}
+          lockScroll={props.lockScroll}
+          getContainer={props.getContainer}
+          closeOnPopstate={props.closeOnPopstate}
+          closeOnClickOverlay={props.closeOnClickOverlay}
+          safeAreaInsetBottom={props.safeAreaInsetBottom}
+          {...{ 'onUpdate:show': onToggle }}
+        >
+          {Header()}
+          {Description}
+          {props.actions && props.actions.map(Option)}
+          {Content()}
+          {CancelText()}
+        </Popup>
+      );
+    };
+  },
+});
diff --git a/src-next/action-sheet/index.less b/src-next/action-sheet/index.less
new file mode 100644
index 000000000..4d86492d3
--- /dev/null
+++ b/src-next/action-sheet/index.less
@@ -0,0 +1,89 @@
+@import '../style/var';
+@import '../style/mixins/hairline';
+
+.van-action-sheet {
+  max-height: @action-sheet-max-height;
+  color: @action-sheet-item-text-color;
+
+  &__item,
+  &__cancel {
+    display: block;
+    width: 100%;
+    height: @action-sheet-item-height;
+    padding: 0;
+    font-size: @action-sheet-item-font-size;
+    line-height: 20px;
+    background-color: @action-sheet-item-background;
+    border: none;
+    cursor: pointer;
+
+    &:active {
+      background-color: @active-color;
+    }
+  }
+
+  &__item {
+    &--loading,
+    &--disabled {
+      color: @action-sheet-item-disabled-text-color;
+
+      &:active {
+        background-color: @action-sheet-item-background;
+      }
+    }
+
+    &--disabled {
+      cursor: not-allowed;
+    }
+
+    &--loading {
+      cursor: default;
+    }
+  }
+
+  &__subname {
+    margin-left: @padding-base;
+    color: @action-sheet-subname-color;
+    font-size: @action-sheet-subname-font-size;
+  }
+
+  &__gap {
+    display: block;
+    height: @action-sheet-cancel-padding-top;
+    background-color: @action-sheet-cancel-padding-color;
+  }
+
+  &__header {
+    font-weight: @font-weight-bold;
+    font-size: @action-sheet-header-font-size;
+    line-height: @action-sheet-header-height;
+    text-align: center;
+  }
+
+  &__description {
+    position: relative;
+    padding: 20px @padding-md;
+    color: @action-sheet-description-color;
+    font-size: @action-sheet-description-font-size;
+    line-height: @action-sheet-description-line-height;
+    text-align: center;
+
+    &::after {
+      .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
+    }
+  }
+
+  &__close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: @action-sheet-close-icon-padding;
+    color: @action-sheet-close-icon-color;
+    font-size: @action-sheet-close-icon-size;
+    line-height: inherit;
+
+    &:active {
+      color: @action-sheet-close-icon-active-color;
+    }
+  }
+}
diff --git a/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap b/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..0b0f77f33
--- /dev/null
+++ b/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>基础用法</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>展示取消按钮</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>展示描述信息</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>选项状态</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>自定义面板</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
+  </div>
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+</div>
+`;
diff --git a/src-next/action-sheet/test/__snapshots__/index.spec.js.snap b/src-next/action-sheet/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..e28dc8120
--- /dev/null
+++ b/src-next/action-sheet/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`callback events 1`] = `
+<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--disabled"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--loading">
+    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+  </button><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span><span class="van-action-sheet__subname">Subname</span></button>
+  <div class="van-action-sheet__gap"></div><button type="button" class="van-action-sheet__cancel">Cancel</button>
+</div>
+`;
+
+exports[`close-icon prop 1`] = `
+<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
+  <div class="van-action-sheet__header">Title<i class="van-icon van-icon-cross van-action-sheet__close">
+      <!----></i></div>
+</div>
+`;
+
+exports[`color option 1`] = `<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item" style="color: red;"><span class="van-action-sheet__name">Option</span></button></div>`;
+
+exports[`description prop 1`] = `
+<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
+  <div class="van-action-sheet__description">This is a description</div><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button>
+</div>
+`;
+
+exports[`disable lazy-render 1`] = `
+<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" style="display: none;" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button>
+  <div class="van-action-sheet__gap"></div><button type="button" class="van-action-sheet__cancel">Cancel</button>
+</div>
+`;
+
+exports[`render title and default slot 1`] = `
+<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
+  <div class="van-action-sheet__header">Title<i class="van-icon van-icon-cross van-action-sheet__close">
+      <!----></i></div>
+  <div class="van-action-sheet__content">Default</div>
+</div>
+`;
+
+exports[`round prop 1`] = `<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button></div>`;
diff --git a/src-next/action-sheet/test/demo.spec.js b/src-next/action-sheet/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/action-sheet/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/action-sheet/test/index.spec.js b/src-next/action-sheet/test/index.spec.js
new file mode 100644
index 000000000..e07eeca18
--- /dev/null
+++ b/src-next/action-sheet/test/index.spec.js
@@ -0,0 +1,186 @@
+import { mount, later } from '../../../test';
+import ActionSheet from '..';
+
+test('callback events', () => {
+  const callback = jest.fn();
+  const onInput = jest.fn();
+  const onCancel = jest.fn();
+  const onSelect = jest.fn();
+
+  const actions = [
+    { name: 'Option', callback },
+    { name: 'Option', disabled: true },
+    { name: 'Option', loading: true },
+    { name: 'Option', subname: 'Subname' },
+  ];
+
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      actions,
+      cancelText: 'Cancel',
+    },
+    context: {
+      on: {
+        input: onInput,
+        cancel: onCancel,
+        select: onSelect,
+      },
+    },
+  });
+
+  const options = wrapper.findAll('.van-action-sheet__item');
+  options.at(0).trigger('click');
+  options.at(1).trigger('click');
+  wrapper.find('.van-action-sheet__cancel').trigger('click');
+
+  expect(callback).toHaveBeenCalled();
+  expect(onCancel).toHaveBeenCalled();
+  expect(onInput).toHaveBeenCalledWith(false);
+  expect(onSelect).toHaveBeenCalledWith(actions[0], 0);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click overlay and close', async () => {
+  const onInput = jest.fn();
+  const onClickOverlay = jest.fn();
+  const div = document.createElement('div');
+
+  mount({
+    template: `
+      <div>
+        <action-sheet
+          :value="true"
+          :get-container="getContainer"
+          @input="onInput"
+          @click-overlay="onClickOverlay"
+        />
+      </div>
+    `,
+    components: {
+      ActionSheet,
+    },
+    data() {
+      return {
+        getContainer: () => div,
+      };
+    },
+    methods: {
+      onInput,
+      onClickOverlay,
+    },
+  });
+
+  await later();
+
+  div.querySelector('.van-overlay').click();
+  expect(onInput).toHaveBeenCalledWith(false);
+  expect(onClickOverlay).toHaveBeenCalledTimes(1);
+});
+
+test('disable lazy-render', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      lazyRender: false,
+      actions: [{ name: 'Option' }, { name: 'Option' }],
+      cancelText: 'Cancel',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render title and default slot', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      title: 'Title',
+    },
+    scopedSlots: {
+      default() {
+        return 'Default';
+      },
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('get container', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      getContainer: 'body',
+    },
+  });
+
+  expect(wrapper.vm.$el.parentNode).toEqual(document.body);
+});
+
+test('close-on-click-action prop', () => {
+  const onInput = jest.fn();
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      actions: [{ name: 'Option' }],
+      closeOnClickAction: true,
+    },
+    context: {
+      on: {
+        input: onInput,
+      },
+    },
+  });
+
+  const option = wrapper.find('.van-action-sheet__item');
+  option.trigger('click');
+
+  expect(onInput).toHaveBeenCalledWith(false);
+});
+
+test('round prop', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      round: true,
+      actions: [{ name: 'Option' }],
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('color option', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      actions: [{ name: 'Option', color: 'red' }],
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('description prop', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      description: 'This is a description',
+      actions: [{ name: 'Option' }],
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('close-icon prop', () => {
+  const wrapper = mount(ActionSheet, {
+    propsData: {
+      value: true,
+      title: 'Title',
+      closeIcon: 'cross',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
index 9a18f9ee4..0b0c7a43d 100644
--- a/src-next/mixins/popup/index.js
+++ b/src-next/mixins/popup/index.js
@@ -43,8 +43,6 @@ export function PopupMixin(options = {}) {
 
     props: popupMixinProps,
 
-    emits: ['open', 'close', 'update:show', 'click-overlay'],
-
     data() {
       return {
         inited: this.show,
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
index cb28f8d5e..c77cea282 100644
--- a/src-next/popup/index.js
+++ b/src-next/popup/index.js
@@ -39,7 +39,15 @@ export default createComponent({
     },
   },
 
-  emits: ['click', 'opened', 'closed'],
+  emits: [
+    'open',
+    'close',
+    'click',
+    'opened',
+    'closed',
+    'update:show',
+    'click-overlay',
+  ],
 
   beforeCreate() {
     const createEmitter = (eventName) => (event) =>
diff --git a/vant.config.js b/vant.config.js
index 5ee9aaf2c..4df589682 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -180,10 +180,10 @@ module.exports = {
           {
             title: '反馈组件',
             items: [
-              // {
-              //   path: 'action-sheet',
-              //   title: 'ActionSheet 动作面板',
-              // },
+              {
+                path: 'action-sheet',
+                title: 'ActionSheet 动作面板',
+              },
               // {
               //   path: 'dialog',
               //   title: 'Dialog 弹出框',
@@ -514,10 +514,10 @@ module.exports = {
           {
             title: 'Action Components',
             items: [
-              // {
-              //   path: 'action-sheet',
-              //   title: 'ActionSheet',
-              // },
+              {
+                path: 'action-sheet',
+                title: 'ActionSheet',
+              },
               // {
               //   path: 'dialog',
               //   title: 'Dialog',

From 3bf64717b565cd356716a3245c3e430564bafcca Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:45:12 +0800
Subject: [PATCH 050/626] feat: Rate component

---
 src-next/rate/README.md                       | 123 ++++++++++
 src-next/rate/README.zh-CN.md                 | 123 ++++++++++
 src-next/rate/demo/index.vue                  | 106 +++++++++
 src-next/rate/index.js                        | 221 ++++++++++++++++++
 src-next/rate/index.less                      |  46 ++++
 .../rate/test/__snapshots__/demo.spec.js.snap | 125 ++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  31 +++
 src-next/rate/test/demo.spec.js               |   4 +
 src-next/rate/test/index.spec.js              | 154 ++++++++++++
 vant.config.js                                |  16 +-
 10 files changed, 941 insertions(+), 8 deletions(-)
 create mode 100644 src-next/rate/README.md
 create mode 100644 src-next/rate/README.zh-CN.md
 create mode 100644 src-next/rate/demo/index.vue
 create mode 100644 src-next/rate/index.js
 create mode 100644 src-next/rate/index.less
 create mode 100644 src-next/rate/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/rate/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/rate/test/demo.spec.js
 create mode 100644 src-next/rate/test/index.spec.js

diff --git a/src-next/rate/README.md b/src-next/rate/README.md
new file mode 100644
index 000000000..46396f819
--- /dev/null
+++ b/src-next/rate/README.md
@@ -0,0 +1,123 @@
+# Rate
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Rate } from 'vant';
+
+Vue.use(Rate);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-rate v-model="value" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      value: 3,
+    };
+  },
+};
+```
+
+### Custom Icon
+
+```html
+<van-rate v-model="value" icon="like" void-icon="like-o" />
+```
+
+### Custom Style
+
+```html
+<van-rate
+  v-model="value"
+  :size="25"
+  color="#ffd21e"
+  void-icon="star"
+  void-color="#eee"
+/>
+```
+
+### Half Star
+
+```html
+<van-rate v-model="value" allow-half void-icon="star" void-color="#eee" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      value: 2.5,
+    };
+  },
+};
+```
+
+### Custom Count
+
+```html
+<van-rate v-model="value" :count="6" />
+```
+
+### Disabled
+
+```html
+<van-rate v-model="value" disabled />
+```
+
+### Readonly
+
+```html
+<van-rate v-model="value" readonly />
+```
+
+### Change Event
+
+```html
+<van-rate v-model="value" @change="onChange" />
+```
+
+```javascript
+export default {
+  method: {
+    onChange(value) {
+      Toast('current value:' + value);
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model | Current rate | _number_ | - |
+| count | Count | _number \| string_ | `5` |
+| size | Icon size | _number \| string_ | `20px` |
+| gutter | Icon gutter | _number \| string_ | `4px` |
+| color | Selected color | _string_ | `#ee0a24` |
+| void-color | Void color | _string_ | `#c8c9cc` |
+| disabled-color | Disabled color | _string_ | `#c8c9cc` |
+| icon | Selected icon | _string_ | `star` |
+| void-icon | Void icon | _string_ | `star-o` |
+| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
+| allow-half | Whether to allow half star | _boolean_ | `false` |
+| readonly | Whether to be readonly | _boolean_ | `false` |
+| disabled | Whether to disable rate | _boolean_ | `false` |
+| touchable `v2.2.0` | Whether to allow select rate by touch gesture | _boolean_ | `true` |
+
+### Events
+
+| Event  | Description                 | Parameters   |
+| ------ | --------------------------- | ------------ |
+| change | Triggered when rate changed | current rate |
diff --git a/src-next/rate/README.zh-CN.md b/src-next/rate/README.zh-CN.md
new file mode 100644
index 000000000..869edec83
--- /dev/null
+++ b/src-next/rate/README.zh-CN.md
@@ -0,0 +1,123 @@
+# Rate 评分
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Rate } from 'vant';
+
+Vue.use(Rate);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-rate v-model="value" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      value: 3,
+    };
+  },
+};
+```
+
+### 自定义图标
+
+```html
+<van-rate v-model="value" icon="like" void-icon="like-o" />
+```
+
+### 自定义样式
+
+```html
+<van-rate
+  v-model="value"
+  :size="25"
+  color="#ffd21e"
+  void-icon="star"
+  void-color="#eee"
+/>
+```
+
+### 半星
+
+```html
+<van-rate v-model="value" allow-half void-icon="star" void-color="#eee" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      value: 2.5,
+    };
+  },
+};
+```
+
+### 自定义数量
+
+```html
+<van-rate v-model="value" :count="6" />
+```
+
+### 禁用状态
+
+```html
+<van-rate v-model="value" disabled />
+```
+
+### 只读状态
+
+```html
+<van-rate v-model="value" readonly />
+```
+
+### 监听 change 事件
+
+```html
+<van-rate v-model="value" @change="onChange" />
+```
+
+```javascript
+export default {
+  method: {
+    onChange(value) {
+      Toast('当前值：' + value);
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| v-model | 当前分值 | _number_ | - |
+| count | 图标总数 | _number \| string_ | `5` |
+| size | 图标大小，默认单位为`px` | _number \| string_ | `20px` |
+| gutter | 图标间距，默认单位为`px` | _number \| string_ | `4px` |
+| color | 选中时的颜色 | _string_ | `#ee0a24` |
+| void-color | 未选中时的颜色 | _string_ | `#c8c9cc` |
+| disabled-color | 禁用时的颜色 | _string_ | `#c8c9cc` |
+| icon | 选中时的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `star` |
+| void-icon | 未选中时的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `star-o` |
+| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
+| allow-half | 是否允许半选 | _boolean_ | `false` |
+| readonly | 是否为只读状态  | _boolean_ | `false` |
+| disabled | 是否禁用评分 | _boolean_ | `false` |
+| touchable `v2.2.0` | 是否可以通过滑动手势选择评分 | _boolean_ | `true` |
+
+### Events
+
+| 事件名 | 说明                     | 回调参数 |
+| ------ | ------------------------ | -------- |
+| change | 当前分值变化时触发的事件 | 当前分值 |
diff --git a/src-next/rate/demo/index.vue b/src-next/rate/demo/index.vue
new file mode 100644
index 000000000..b66911d0b
--- /dev/null
+++ b/src-next/rate/demo/index.vue
@@ -0,0 +1,106 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-rate v-model="value1" />
+    </demo-block>
+
+    <demo-block :title="t('customIcon')">
+      <van-rate v-model="value2" icon="like" void-icon="like-o" />
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-rate
+        v-model="value3"
+        :size="25"
+        color="#ffd21e"
+        void-icon="star"
+        void-color="#eee"
+      />
+    </demo-block>
+
+    <demo-block :title="t('halfStar')">
+      <van-rate
+        v-model="value4"
+        :size="25"
+        allow-half
+        void-icon="star"
+        void-color="#eee"
+      />
+    </demo-block>
+
+    <demo-block :title="t('customCount')">
+      <van-rate v-model="value5" :count="6" />
+    </demo-block>
+
+    <demo-block :title="t('disabled')">
+      <van-rate v-model="value6" disabled />
+    </demo-block>
+
+    <demo-block :title="t('readonly')">
+      <van-rate v-model="value6" readonly />
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('changeEvent')">
+      <van-rate v-model="value7" @change="onChange" />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      halfStar: '半星',
+      disabled: '禁用状态',
+      customIcon: '自定义图标',
+      customStyle: '自定义样式',
+      customCount: '自定义数量',
+      readonly: '只读状态',
+      changeEvent: '监听 change 事件',
+      toastContent: (value) => `当前值：${value}`,
+    },
+    'en-US': {
+      halfStar: 'Half Star',
+      disabled: 'Disabled',
+      customIcon: 'Custom Icon',
+      customStyle: 'Custom Style',
+      customCount: 'Custom Count',
+      readonly: 'Readonly',
+      changeEvent: 'Change Event',
+      toastContent: (value) => `current value：${value}`,
+    },
+  },
+
+  data() {
+    return {
+      value1: 3,
+      value2: 3,
+      value3: 3,
+      value4: 2.5,
+      value5: 4,
+      value6: 3,
+      value7: 2,
+    };
+  },
+
+  methods: {
+    onChange(value) {
+      this.value7 = value;
+      this.$toast(this.t('toastContent', value));
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-rate {
+  padding-bottom: 20px;
+  background-color: #fff;
+
+  .van-rate {
+    margin-left: @padding-md;
+  }
+}
+</style>
diff --git a/src-next/rate/index.js b/src-next/rate/index.js
new file mode 100644
index 000000000..8c366f581
--- /dev/null
+++ b/src-next/rate/index.js
@@ -0,0 +1,221 @@
+// Utils
+import { createNamespace, addUnit } from '../utils';
+import { preventDefault } from '../utils/dom/event';
+
+// Mixins
+import { TouchMixin } from '../mixins/touch';
+import { FieldMixin } from '../mixins/field';
+
+// Components
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('rate');
+
+function getRateStatus(value, index, allowHalf) {
+  if (value >= index) {
+    return 'full';
+  }
+
+  if (value + 0.5 >= index && allowHalf) {
+    return 'half';
+  }
+
+  return 'void';
+}
+
+export default createComponent({
+  mixins: [TouchMixin, FieldMixin],
+
+  props: {
+    size: [Number, String],
+    color: String,
+    gutter: [Number, String],
+    readonly: Boolean,
+    disabled: Boolean,
+    allowHalf: Boolean,
+    voidColor: String,
+    iconPrefix: String,
+    disabledColor: String,
+    modelValue: {
+      type: Number,
+      default: 0,
+    },
+    icon: {
+      type: String,
+      default: 'star',
+    },
+    voidIcon: {
+      type: String,
+      default: 'star-o',
+    },
+    count: {
+      type: [Number, String],
+      default: 5,
+    },
+    touchable: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  created() {
+    this.itemRefs = [];
+  },
+
+  computed: {
+    list() {
+      const list = [];
+      for (let i = 1; i <= this.count; i++) {
+        list.push(getRateStatus(this.modelValue, i, this.allowHalf));
+      }
+
+      return list;
+    },
+
+    sizeWithUnit() {
+      return addUnit(this.size);
+    },
+
+    gutterWithUnit() {
+      return addUnit(this.gutter);
+    },
+  },
+
+  mounted() {
+    this.bindTouchEvent(this.$el);
+  },
+
+  methods: {
+    select(index) {
+      if (!this.disabled && !this.readonly && index !== this.modelValue) {
+        this.$emit('update:modelValue', index);
+        this.$emit('change', index);
+      }
+    },
+
+    onTouchStart(event) {
+      if (this.readonly || this.disabled || !this.touchable) {
+        return;
+      }
+
+      this.touchStart(event);
+
+      const rects = this.itemRefs.map((item) => item.getBoundingClientRect());
+      const ranges = [];
+
+      rects.forEach((rect, index) => {
+        if (this.allowHalf) {
+          ranges.push(
+            { score: index + 0.5, left: rect.left },
+            { score: index + 1, left: rect.left + rect.width / 2 }
+          );
+        } else {
+          ranges.push({ score: index + 1, left: rect.left });
+        }
+      });
+
+      this.ranges = ranges;
+    },
+
+    onTouchMove(event) {
+      if (this.readonly || this.disabled || !this.touchable) {
+        return;
+      }
+
+      this.touchMove(event);
+
+      if (this.direction === 'horizontal') {
+        preventDefault(event);
+
+        const { clientX } = event.touches[0];
+        this.select(this.getScoreByPosition(clientX));
+      }
+    },
+
+    getScoreByPosition(x) {
+      for (let i = this.ranges.length - 1; i > 0; i--) {
+        if (x > this.ranges[i].left) {
+          return this.ranges[i].score;
+        }
+      }
+
+      return this.allowHalf ? 0.5 : 1;
+    },
+
+    genStar(status, index) {
+      const {
+        icon,
+        color,
+        count,
+        voidIcon,
+        disabled,
+        voidColor,
+        disabledColor,
+      } = this;
+      const score = index + 1;
+      const isFull = status === 'full';
+      const isVoid = status === 'void';
+
+      let style;
+      if (this.gutterWithUnit && score !== +count) {
+        style = { paddingRight: this.gutterWithUnit };
+      }
+
+      return (
+        <div
+          key={index}
+          ref={(val) => {
+            this.itemRefs[index] = val;
+          }}
+          role="radio"
+          style={style}
+          tabindex="0"
+          aria-setsize={count}
+          aria-posinset={score}
+          aria-checked={String(!isVoid)}
+          class={bem('item')}
+        >
+          <Icon
+            size={this.sizeWithUnit}
+            name={isFull ? icon : voidIcon}
+            class={bem('icon', { disabled, full: isFull })}
+            color={disabled ? disabledColor : isFull ? color : voidColor}
+            classPrefix={this.iconPrefix}
+            data-score={score}
+            onClick={() => {
+              this.select(score);
+            }}
+          />
+          {this.allowHalf && (
+            <Icon
+              size={this.sizeWithUnit}
+              name={isVoid ? voidIcon : icon}
+              class={bem('icon', ['half', { disabled, full: !isVoid }])}
+              color={disabled ? disabledColor : isVoid ? voidColor : color}
+              classPrefix={this.iconPrefix}
+              data-score={score - 0.5}
+              onClick={() => {
+                this.select(score - 0.5);
+              }}
+            />
+          )}
+        </div>
+      );
+    },
+  },
+
+  render() {
+    return (
+      <div
+        class={bem({
+          readonly: this.readonly,
+          disabled: this.disabled,
+        })}
+        tabindex="0"
+        role="radiogroup"
+      >
+        {this.list.map((status, index) => this.genStar(status, index))}
+      </div>
+    );
+  },
+});
diff --git a/src-next/rate/index.less b/src-next/rate/index.less
new file mode 100644
index 000000000..27012144f
--- /dev/null
+++ b/src-next/rate/index.less
@@ -0,0 +1,46 @@
+@import '../style/var';
+
+.van-rate {
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
+
+  &__item {
+    position: relative;
+
+    &:not(:last-child) {
+      padding-right: @rate-icon-gutter;
+    }
+  }
+
+  &__icon {
+    display: block;
+    width: 1em;
+    color: @rate-icon-void-color;
+    font-size: @rate-icon-size;
+
+    &--half {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 0.5em;
+      overflow: hidden;
+    }
+
+    &--full {
+      color: @rate-icon-full-color;
+    }
+
+    &--disabled {
+      color: @rate-icon-disabled-color;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+  }
+
+  &--readonly {
+    cursor: default;
+  }
+}
diff --git a/src-next/rate/test/__snapshots__/demo.spec.js.snap b/src-next/rate/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..7e13e68b1
--- /dev/null
+++ b/src-next/rate/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,125 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-like-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-like-o van-rate__icon">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;">
+          <!----></i><i data-score="0.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;">
+          <!----></i><i data-score="1.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i><i data-score="2.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i><i data-score="3.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i><i data-score="4.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="4" aria-checked="true" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="6" aria-checked="false" class="van-rate__item"><i data-score="6" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate van-rate--disabled">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate van-rate--readonly">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+    </div>
+  </div>
+  <div>
+    <div tabindex="0" role="radiogroup" class="van-rate">
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
+          <!----></i></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/rate/test/__snapshots__/index.spec.js.snap b/src-next/rate/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..921034480
--- /dev/null
+++ b/src-next/rate/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`gutter prop 1`] = `
+<div tabindex="0" role="radiogroup" class="van-rate">
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="1" class="van-icon van-icon-star-o van-rate__icon">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="2" class="van-icon van-icon-star-o van-rate__icon">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
+      <!----></i></div>
+</div>
+`;
+
+exports[`size prop 1`] = `
+<div tabindex="0" role="radiogroup" class="van-rate">
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="false" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="false" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
+      <!----></i></div>
+  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
+      <!----></i></div>
+</div>
+`;
diff --git a/src-next/rate/test/demo.spec.js b/src-next/rate/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/rate/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/rate/test/index.spec.js b/src-next/rate/test/index.spec.js
new file mode 100644
index 000000000..3e2bd51fe
--- /dev/null
+++ b/src-next/rate/test/index.spec.js
@@ -0,0 +1,154 @@
+import Rate from '..';
+import { mount, triggerDrag } from '../../../test';
+
+function mockGetBoundingClientRect(items) {
+  items.filter((icon, index) => {
+    icon.element.getBoundingClientRect = () => ({
+      left: index * 25,
+      width: 25,
+    });
+    return true;
+  });
+}
+
+test('change event', () => {
+  const onInput = jest.fn();
+  const onChange = jest.fn();
+
+  const wrapper = mount(Rate, {
+    listeners: {
+      input: (value) => {
+        onInput(value);
+        wrapper.setProps({ value });
+      },
+      change: onChange,
+    },
+  });
+  const item4 = wrapper.findAll('.van-rate__icon').at(3);
+
+  item4.trigger('click');
+  item4.trigger('click');
+
+  expect(onInput).toHaveBeenCalledWith(4);
+  expect(onInput).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenCalledWith(4);
+  expect(onChange).toHaveBeenCalledTimes(1);
+});
+
+test('allow half', () => {
+  const onInput = jest.fn();
+  const onChange = jest.fn();
+
+  const wrapper = mount(Rate, {
+    propsData: {
+      allowHalf: true,
+    },
+    listeners: {
+      input: onInput,
+      change: onChange,
+    },
+  });
+  const item4 = wrapper.findAll('.van-rate__icon--half').at(3);
+
+  item4.trigger('click');
+  expect(onInput).toHaveBeenCalledWith(3.5);
+  expect(onChange).toHaveBeenCalledWith(3.5);
+});
+
+test('disabled', () => {
+  const onInput = jest.fn();
+  const onChange = jest.fn();
+
+  const wrapper = mount(Rate, {
+    propsData: {
+      disabled: true,
+    },
+    listeners: {
+      input: onInput,
+      change: onChange,
+    },
+  });
+  const item4 = wrapper.findAll('.van-rate__item').at(3);
+
+  triggerDrag(wrapper, 100, 0);
+  item4.trigger('click');
+
+  expect(onInput).toHaveBeenCalledTimes(0);
+  expect(onChange).toHaveBeenCalledTimes(0);
+});
+
+test('touchmove to select item', () => {
+  const onChange = jest.fn();
+  const wrapper = mount(Rate, {
+    listeners: {
+      change: onChange,
+    },
+  });
+
+  const icons = wrapper.findAll('.van-rate__item');
+
+  mockGetBoundingClientRect(icons);
+  triggerDrag(wrapper, 100, 0);
+
+  expect(onChange).toHaveBeenNthCalledWith(1, 1);
+  expect(onChange).toHaveBeenNthCalledWith(2, 2);
+  expect(onChange).toHaveBeenNthCalledWith(3, 2);
+  expect(onChange).toHaveBeenNthCalledWith(4, 4);
+});
+
+test('touchmove to select half item', () => {
+  const onChange = jest.fn();
+  const wrapper = mount(Rate, {
+    propsData: {
+      allowHalf: true,
+    },
+    listeners: {
+      change: onChange,
+    },
+  });
+
+  const icons = wrapper.findAll('.van-rate__item');
+
+  mockGetBoundingClientRect(icons);
+  triggerDrag(wrapper, 100, 0);
+
+  expect(onChange).toHaveBeenNthCalledWith(1, 1);
+  expect(onChange).toHaveBeenNthCalledWith(2, 1.5);
+  expect(onChange).toHaveBeenNthCalledWith(3, 2);
+  expect(onChange).toHaveBeenNthCalledWith(4, 4);
+});
+
+test('gutter prop', () => {
+  const wrapper = mount(Rate, {
+    propsData: {
+      gutter: 10,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('size prop', () => {
+  const wrapper = mount(Rate, {
+    propsData: {
+      size: '2rem',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('untouchable', () => {
+  const onChange = jest.fn();
+  const wrapper = mount(Rate, {
+    propsData: {
+      touchable: false,
+    },
+    listeners: {
+      change: onChange,
+    },
+  });
+
+  triggerDrag(wrapper, 100, 0);
+  expect(onChange).toHaveBeenCalledTimes(0);
+});
diff --git a/vant.config.js b/vant.config.js
index 4df589682..44c0a1233 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -151,10 +151,10 @@ module.exports = {
               //   path: 'radio',
               //   title: 'Radio 单选框',
               // },
-              // {
-              //   path: 'rate',
-              //   title: 'Rate 评分',
-              // },
+              {
+                path: 'rate',
+                title: 'Rate 评分',
+              },
               // {
               //   path: 'search',
               //   title: 'Search 搜索',
@@ -485,10 +485,10 @@ module.exports = {
               //   path: 'radio',
               //   title: 'Radio',
               // },
-              // {
-              //   path: 'rate',
-              //   title: 'Rate',
-              // },
+              {
+                path: 'rate',
+                title: 'Rate',
+              },
               // {
               //   path: 'search',
               //   title: 'Search',

From 660e535811993322aaf51606904895e6b4545e36 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:49:07 +0800
Subject: [PATCH 051/626] feat: Grid component

---
 src-next/grid-item/index.js                   | 151 ++++++++++++++
 src-next/grid-item/index.less                 |  78 +++++++
 src-next/grid/README.md                       | 134 ++++++++++++
 src-next/grid/README.zh-CN.md                 | 155 ++++++++++++++
 src-next/grid/demo/index.vue                  | 131 ++++++++++++
 src-next/grid/index.js                        |  52 +++++
 src-next/grid/index.less                      |   6 +
 .../grid/test/__snapshots__/demo.spec.js.snap | 196 ++++++++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  37 ++++
 src-next/grid/test/demo.spec.js               |   4 +
 src-next/grid/test/index.spec.js              |  60 ++++++
 vant.config.js                                |  16 +-
 12 files changed, 1012 insertions(+), 8 deletions(-)
 create mode 100644 src-next/grid-item/index.js
 create mode 100644 src-next/grid-item/index.less
 create mode 100644 src-next/grid/README.md
 create mode 100644 src-next/grid/README.zh-CN.md
 create mode 100644 src-next/grid/demo/index.vue
 create mode 100644 src-next/grid/index.js
 create mode 100644 src-next/grid/index.less
 create mode 100644 src-next/grid/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/grid/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/grid/test/demo.spec.js
 create mode 100644 src-next/grid/test/index.spec.js

diff --git a/src-next/grid-item/index.js b/src-next/grid-item/index.js
new file mode 100644
index 000000000..c003d9dbb
--- /dev/null
+++ b/src-next/grid-item/index.js
@@ -0,0 +1,151 @@
+// Utils
+import { createNamespace, addUnit } from '../utils';
+import { BORDER } from '../utils/constant';
+import { route, routeProps } from '../utils/router';
+
+// Mixins
+import { ChildrenMixin } from '../mixins/relation';
+
+// Components
+import Info from '../info';
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('grid-item');
+
+export default createComponent({
+  mixins: [ChildrenMixin('vanGrid')],
+
+  props: {
+    ...routeProps,
+    dot: Boolean,
+    text: String,
+    icon: String,
+    iconPrefix: String,
+    badge: [Number, String],
+  },
+
+  emits: ['click'],
+
+  computed: {
+    style() {
+      const { square, gutter, columnNum } = this.parent;
+      const percent = `${100 / columnNum}%`;
+
+      const style = {
+        flexBasis: percent,
+      };
+
+      if (square) {
+        style.paddingTop = percent;
+      } else if (gutter) {
+        const gutterValue = addUnit(gutter);
+        style.paddingRight = gutterValue;
+
+        if (this.index >= columnNum) {
+          style.marginTop = gutterValue;
+        }
+      }
+
+      return style;
+    },
+
+    contentStyle() {
+      const { square, gutter } = this.parent;
+
+      if (square && gutter) {
+        const gutterValue = addUnit(gutter);
+
+        return {
+          right: gutterValue,
+          bottom: gutterValue,
+          height: 'auto',
+        };
+      }
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      this.$emit('click', event);
+      route(this.$router, this);
+    },
+
+    genIcon() {
+      if (this.$slots.icon) {
+        return (
+          <div class={bem('icon-wrapper')}>
+            {this.$slots.icon()}
+            <Info dot={this.dot} info={this.badge} />
+          </div>
+        );
+      }
+
+      if (this.icon) {
+        return (
+          <Icon
+            name={this.icon}
+            dot={this.dot}
+            info={this.badge}
+            size={this.parent.iconSize}
+            class={bem('icon')}
+            classPrefix={this.iconPrefix}
+          />
+        );
+      }
+    },
+
+    getText() {
+      if (this.$slots.text) {
+        return this.$slots.text();
+      }
+
+      if (this.text) {
+        return <span class={bem('text')}>{this.text}</span>;
+      }
+    },
+
+    genContent() {
+      if (this.$slots.default) {
+        return this.$slots.default();
+      }
+
+      return [this.genIcon(), this.getText()];
+    },
+  },
+
+  render() {
+    const {
+      center,
+      border,
+      square,
+      gutter,
+      direction,
+      clickable,
+    } = this.parent;
+
+    return (
+      <div class={[bem({ square })]} style={this.style}>
+        <div
+          style={this.contentStyle}
+          role={clickable ? 'button' : null}
+          tabindex={clickable ? 0 : null}
+          class={[
+            bem('content', [
+              direction,
+              {
+                center,
+                square,
+                clickable,
+                surround: border && gutter,
+              },
+            ]),
+            { [BORDER]: border },
+          ]}
+          onClick={this.onClick}
+        >
+          {this.genContent()}
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src-next/grid-item/index.less b/src-next/grid-item/index.less
new file mode 100644
index 000000000..322982c53
--- /dev/null
+++ b/src-next/grid-item/index.less
@@ -0,0 +1,78 @@
+@import '../style/var';
+
+.van-grid-item {
+  position: relative;
+  box-sizing: border-box;
+
+  &--square {
+    height: 0;
+  }
+
+  &__icon {
+    font-size: @grid-item-icon-size;
+  }
+
+  &__icon-wrapper {
+    position: relative;
+  }
+
+  &__text {
+    color: @grid-item-text-color;
+    font-size: @grid-item-text-font-size;
+    line-height: 1.5;
+    word-wrap: break-word;
+  }
+
+  &__icon + &__text {
+    margin-top: @padding-xs;
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    height: 100%;
+    padding: @grid-item-content-padding;
+    background-color: @grid-item-content-background-color;
+
+    &::after {
+      z-index: 1;
+      border-width: 0 @border-width-base @border-width-base 0;
+    }
+
+    &--square {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+
+    &--center {
+      align-items: center;
+      justify-content: center;
+    }
+
+    &--horizontal {
+      flex-direction: row;
+
+      .van-grid-item__icon + .van-grid-item__text {
+        margin-top: 0;
+        margin-left: @padding-xs;
+      }
+    }
+
+    &--surround {
+      &::after {
+        border-width: @border-width-base;
+      }
+    }
+
+    &--clickable {
+      cursor: pointer;
+
+      &:active {
+        background-color: @grid-item-content-active-color;
+      }
+    }
+  }
+}
diff --git a/src-next/grid/README.md b/src-next/grid/README.md
new file mode 100644
index 000000000..0ab19d44b
--- /dev/null
+++ b/src-next/grid/README.md
@@ -0,0 +1,134 @@
+# Grid
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Grid, GridItem } from 'vant';
+
+Vue.use(Grid);
+Vue.use(GridItem);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-grid>
+  <van-grid-item icon="photo-o" text="Text" />
+  <van-grid-item icon="photo-o" text="Text" />
+  <van-grid-item icon="photo-o" text="Text" />
+  <van-grid-item icon="photo-o" text="Text" />
+</van-grid>
+```
+
+### Column Num
+
+```html
+<van-grid :column-num="3">
+  <van-grid-item v-for="value in 6" :key="value" icon="photo-o" text="Text" />
+</van-grid>
+```
+
+### Custom Content
+
+```html
+<van-grid :border="false" :column-num="3">
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+  </van-grid-item>
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+  </van-grid-item>
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+  </van-grid-item>
+</van-grid>
+```
+
+### Square
+
+```html
+<van-grid square>
+  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="Text" />
+</van-grid>
+```
+
+### Gutter
+
+```html
+<van-grid :gutter="10">
+  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="Text" />
+</van-grid>
+```
+
+### Horizontal
+
+```html
+<van-grid direction="horizontal" :column-num="2">
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### Route
+
+```html
+<van-grid clickable :column-num="2">
+  <van-grid-item icon="home-o" text="Vue Router" to="/" />
+  <van-grid-item icon="search" text="URL" url="/vant/mobile.html" />
+</van-grid>
+```
+
+### Show Badge
+
+```html
+<van-grid :column-num="2">
+  <van-grid-item icon="home-o" text="Text" dot />
+  <van-grid-item icon="search" text="Text" badge="99+" />
+</van-grid>
+```
+
+## API
+
+### Grid Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| column-num `v2.0.4` | Column Num | _number \| string_ | `4` |
+| icon-size `v2.2.6` | Icon size | _number \| string_ | `28px` |
+| gutter | Gutter | _number \| string_ | `0` |
+| border | Whether to show border | _boolean_ | `true` |
+| center | Whether to center content | _boolean_ | `true` |
+| square | Whether to be square shape | _boolean_ | `false` |
+| clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
+| direction `v2.8.2` | Content arrangement direction, can be set to `horizontal` | _string_ | `vertical` |
+
+### GridItem Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| text | Text | _string_ | - |
+| icon | Icon name or URL | _string_ | - |
+| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
+| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
+| badge `v2.5.6` | Content of the badge | _number \| string_ | - |
+| url | Link URL | _string_ | - |
+| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
+| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
+
+### GridItem Events
+
+| Event | Description            | Arguments      |
+| ----- | ---------------------- | -------------- |
+| click | Triggered when clicked | _event: Event_ |
+
+### GridItem Slots
+
+| Name    | Description    |
+| ------- | -------------- |
+| default | Custom content |
+| icon    | Custom icon    |
+| text    | Custom text    |
diff --git a/src-next/grid/README.zh-CN.md b/src-next/grid/README.zh-CN.md
new file mode 100644
index 000000000..1dd484706
--- /dev/null
+++ b/src-next/grid/README.zh-CN.md
@@ -0,0 +1,155 @@
+# Grid 宫格
+
+### 介绍
+
+宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Grid, GridItem } from 'vant';
+
+Vue.use(Grid);
+Vue.use(GridItem);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过`icon`属性设置格子内的图标，`text`属性设置文字内容
+
+```html
+<van-grid>
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### 自定义列数
+
+默认一行展示四个格子，可以通过`column-num`自定义列数
+
+```html
+<van-grid :column-num="3">
+  <van-grid-item v-for="value in 6" :key="value" icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### 自定义内容
+
+通过插槽可以自定义格子展示的内容
+
+```html
+<van-grid :border="false" :column-num="3">
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+  </van-grid-item>
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+  </van-grid-item>
+  <van-grid-item>
+    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+  </van-grid-item>
+</van-grid>
+```
+
+### 正方形格子
+
+设置`square`属性后，格子的高度会和宽度保持一致
+
+```html
+<van-grid square>
+  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### 格子间距
+
+通过`gutter`属性设置格子之间的距离
+
+```html
+<van-grid :gutter="10">
+  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### 内容横排
+
+将`direction`属性设置为`horizontal`，可以让宫格的内容呈横向排列
+
+```html
+<van-grid direction="horizontal" :column-num="2">
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+  <van-grid-item icon="photo-o" text="文字" />
+</van-grid>
+```
+
+### 页面导航
+
+通过`to`属性设置`vue-router`跳转链接，通过`url`属性设置 URL 跳转链接
+
+```html
+<van-grid clickable :column-num="2">
+  <van-grid-item icon="home-o" text="路由跳转" to="/" />
+  <van-grid-item icon="search" text="URL 跳转" url="/vant/mobile.html" />
+</van-grid>
+```
+
+### 徽标提示
+
+设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
+
+```html
+<van-grid :column-num="2">
+  <van-grid-item icon="home-o" text="文字" dot />
+  <van-grid-item icon="search" text="文字" badge="99+" />
+</van-grid>
+```
+
+## API
+
+### Grid Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| column-num `v2.0.4` | 列数 | _number \| string_ | `4` |
+| icon-size `v2.2.6` | 图标大小，默认单位为`px` | _number \| string_ | `28px` |
+| gutter | 格子之间的间距，默认单位为`px` | _number \| string_ | `0` |
+| border | 是否显示边框 | _boolean_ | `true` |
+| center | 是否将格子内容居中显示 | _boolean_ | `true` |
+| square | 是否将格子固定为正方形 | _boolean_ | `false` |
+| clickable | 是否开启格子点击反馈 | _boolean_ | `false` |
+| direction `v2.8.2` | 格子内容排列的方向，可选值为 `horizontal` | _string_ | `vertical` |
+
+### GridItem Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| text | 文字 | _string_ | - |
+| icon | [图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
+| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
+| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
+| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
+| info `2.2.1` | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
+| url | 点击后跳转的链接地址 | _string_ | - |
+| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
+| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
+
+### GridItem Events
+
+| 事件名 | 说明           | 回调参数       |
+| ------ | -------------- | -------------- |
+| click  | 点击格子时触发 | _event: Event_ |
+
+### GridItem Slots
+
+| 名称    | 说明                 |
+| ------- | -------------------- |
+| default | 自定义宫格的所有内容 |
+| icon    | 自定义图标           |
+| text    | 自定义文字           |
diff --git a/src-next/grid/demo/index.vue b/src-next/grid/demo/index.vue
new file mode 100644
index 000000000..544f524f1
--- /dev/null
+++ b/src-next/grid/demo/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-grid>
+        <van-grid-item
+          v-for="i in 4"
+          :key="i"
+          icon="photo-o"
+          :text="t('text')"
+        />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('columnNum')">
+      <van-grid :column-num="3">
+        <van-grid-item
+          v-for="i in 6"
+          :key="i"
+          icon="photo-o"
+          :text="t('text')"
+        />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('customContent')">
+      <van-grid :border="false" :column-num="3">
+        <van-grid-item>
+          <van-image
+            fit="contain"
+            src="https://img.yzcdn.cn/vant/apple-1.jpg"
+          />
+        </van-grid-item>
+        <van-grid-item>
+          <van-image
+            fit="contain"
+            src="https://img.yzcdn.cn/vant/apple-2.jpg"
+          />
+        </van-grid-item>
+        <van-grid-item>
+          <van-image
+            fit="contain"
+            src="https://img.yzcdn.cn/vant/apple-3.jpg"
+          />
+        </van-grid-item>
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('square')">
+      <van-grid square>
+        <van-grid-item
+          v-for="i in 8"
+          :key="i"
+          icon="photo-o"
+          :text="t('text')"
+        />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('gutter')">
+      <van-grid :gutter="10">
+        <van-grid-item
+          v-for="i in 8"
+          :key="i"
+          icon="photo-o"
+          :text="t('text')"
+        />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('horizontal')">
+      <van-grid direction="horizontal" :column-num="3">
+        <van-grid-item icon="photo-o" :text="t('text')" />
+        <van-grid-item icon="photo-o" :text="t('text')" />
+        <van-grid-item icon="photo-o" :text="t('text')" />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('route')">
+      <van-grid clickable :column-num="2">
+        <van-grid-item icon="home-o" :text="t('vueRoute')" to="/" />
+        <van-grid-item
+          icon="search"
+          :text="t('urlRoute')"
+          url="/vant/mobile.html"
+        />
+      </van-grid>
+    </demo-block>
+
+    <demo-block :title="t('showBadge')">
+      <van-grid :column-num="2">
+        <van-grid-item icon="home-o" :text="t('text')" dot />
+        <van-grid-item icon="search" :text="t('text')" badge="99+" />
+      </van-grid>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      text: '文字',
+      route: '页面导航',
+      gutter: '格子间距',
+      square: '正方形格子',
+      columnNum: '自定义列数',
+      customContent: '自定义内容',
+      urlRoute: 'URL 跳转',
+      vueRoute: '路由跳转',
+      showBadge: '徽标提示',
+      horizontal: '内容横排',
+    },
+    'en-US': {
+      text: 'Text',
+      route: 'Route',
+      gutter: 'Gutter',
+      square: 'Square',
+      columnNum: 'Column Num',
+      customContent: 'Custom Content',
+      urlRoute: 'URL',
+      vueRoute: 'Vue Router',
+      showBadge: 'Show Badge',
+      horizontal: 'Horizontal',
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+</style>
diff --git a/src-next/grid/index.js b/src-next/grid/index.js
new file mode 100644
index 000000000..5c0d7f62c
--- /dev/null
+++ b/src-next/grid/index.js
@@ -0,0 +1,52 @@
+import { createNamespace, addUnit } from '../utils';
+import { BORDER_TOP } from '../utils/constant';
+import { ParentMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('grid');
+
+export default createComponent({
+  mixins: [ParentMixin('vanGrid')],
+
+  props: {
+    square: Boolean,
+    gutter: [Number, String],
+    iconSize: [Number, String],
+    direction: String,
+    clickable: Boolean,
+    columnNum: {
+      type: [Number, String],
+      default: 4,
+    },
+    center: {
+      type: Boolean,
+      default: true,
+    },
+    border: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  computed: {
+    style() {
+      const { gutter } = this;
+
+      if (gutter) {
+        return {
+          paddingLeft: addUnit(gutter),
+        };
+      }
+    },
+  },
+
+  render() {
+    return (
+      <div
+        style={this.style}
+        class={[bem(), { [BORDER_TOP]: this.border && !this.gutter }]}
+      >
+        {this.$slots.default?.()}
+      </div>
+    );
+  },
+});
diff --git a/src-next/grid/index.less b/src-next/grid/index.less
new file mode 100644
index 000000000..47a890003
--- /dev/null
+++ b/src-next/grid/index.less
@@ -0,0 +1,6 @@
+@import '../style/var';
+
+.van-grid {
+  display: flex;
+  flex-wrap: wrap;
+}
diff --git a/src-next/grid/test/__snapshots__/demo.spec.js.snap b/src-next/grid/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..4b9a61ac3
--- /dev/null
+++ b/src-next/grid/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,196 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid">
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center">
+          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img" style="object-fit: contain;">
+            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+                <!----></i></div>
+          </div>
+        </div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center">
+          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-2.jpg" class="van-image__img" style="object-fit: contain;">
+            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+                <!----></i></div>
+          </div>
+        </div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--center">
+          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-3.jpg" class="van-image__img" style="object-fit: contain;">
+            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+                <!----></i></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid" style="padding-left: 10px;">
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
+        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
+        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 50%;">
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">路由跳转</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 50%;">
+        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
+            <!----></i><span class="van-grid-item__text">URL 跳转</span></div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-grid van-hairline--top">
+      <div class="van-grid-item" style="flex-basis: 50%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
+            <div class="van-info van-info--dot"></div>
+          </i><span class="van-grid-item__text">文字</span></div>
+      </div>
+      <div class="van-grid-item" style="flex-basis: 50%;">
+        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
+            <div class="van-info">99+</div>
+          </i><span class="van-grid-item__text">文字</span></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/grid/test/__snapshots__/index.spec.js.snap b/src-next/grid/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..e7d763ddc
--- /dev/null
+++ b/src-next/grid/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`icon-size prop 1`] = `
+<div class="van-grid van-hairline--top">
+  <div class="van-grid-item" style="flex-basis: 25%;">
+    <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-success van-grid-item__icon" style="font-size: 10px;">
+        <!----></i></div>
+  </div>
+</div>
+`;
+
+exports[`render icon-slot 1`] = `
+<div class="van-grid van-hairline--top">
+  <div class="van-grid-item" style="flex-basis: 25%;">
+    <div class="van-grid-item__content van-grid-item__content--center van-hairline">
+      <div class="van-grid-item__icon-wrapper">
+        <div></div>
+        <div class="van-info">1</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`sqaure and set gutter 1`] = `
+<div class="van-grid" style="padding-left: 10rem;">
+  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+  </div>
+  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+  </div>
+  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
+    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
+  </div>
+</div>
+`;
diff --git a/src-next/grid/test/demo.spec.js b/src-next/grid/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/grid/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/grid/test/index.spec.js b/src-next/grid/test/index.spec.js
new file mode 100644
index 000000000..77377b69f
--- /dev/null
+++ b/src-next/grid/test/index.spec.js
@@ -0,0 +1,60 @@
+import { mount } from '../../../test';
+
+test('click grid item', () => {
+  const onClick = jest.fn();
+  const wrapper = mount({
+    template: `
+      <van-grid>
+        <van-grid-item @click="onClick" />
+      </van-grid>
+    `,
+    methods: {
+      onClick,
+    },
+  });
+
+  const Item = wrapper.find('.van-grid-item__content');
+  Item.trigger('click');
+
+  expect(onClick).toHaveBeenCalledTimes(1);
+});
+
+test('sqaure and set gutter', () => {
+  const wrapper = mount({
+    template: `
+      <van-grid square :column-num="2" gutter="10rem">
+        <van-grid-item />
+        <van-grid-item />
+        <van-grid-item />
+      </van-grid>
+    `,
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('icon-size prop', () => {
+  const wrapper = mount({
+    template: `
+      <van-grid icon-size="10">
+        <van-grid-item icon="success" />
+      </van-grid>
+    `,
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('render icon-slot', () => {
+  const wrapper = mount({
+    template: `
+      <van-grid icon-size="10">
+        <van-grid-item info="1">
+          <div slot="icon" />
+        </van-grid-item>
+      </van-grid>
+    `,
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index 44c0a1233..d5eaad36d 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -286,10 +286,10 @@ module.exports = {
           {
             title: '导航组件',
             items: [
-              // {
-              //   path: 'grid',
-              //   title: 'Grid 宫格',
-              // },
+              {
+                path: 'grid',
+                title: 'Grid 宫格',
+              },
               // {
               //   path: 'index-bar',
               //   title: 'IndexBar 索引栏',
@@ -620,10 +620,10 @@ module.exports = {
           {
             title: 'Navigation Components',
             items: [
-              // {
-              //   path: 'grid',
-              //   title: 'Grid',
-              // },
+              {
+                path: 'grid',
+                title: 'Grid',
+              },
               // {
               //   path: 'index-bar',
               //   title: 'IndexBar',

From 97a6bf9d48558912df5aeba3c8d69e1254337e32 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:53:02 +0800
Subject: [PATCH 052/626] feat: Pagination component

---
 src-next/pagination/README.md                 |  67 +++++++
 src-next/pagination/README.zh-CN.md           |  67 +++++++
 src-next/pagination/demo/index.vue            |  81 +++++++++
 src-next/pagination/index.js                  | 164 ++++++++++++++++++
 src-next/pagination/index.less                |  77 ++++++++
 .../test/__snapshots__/demo.spec.js.snap      |  34 ++++
 src-next/pagination/test/demo.spec.js         |   4 +
 vant.config.js                                |  16 +-
 8 files changed, 502 insertions(+), 8 deletions(-)
 create mode 100644 src-next/pagination/README.md
 create mode 100644 src-next/pagination/README.zh-CN.md
 create mode 100644 src-next/pagination/demo/index.vue
 create mode 100644 src-next/pagination/index.js
 create mode 100644 src-next/pagination/index.less
 create mode 100644 src-next/pagination/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/pagination/test/demo.spec.js

diff --git a/src-next/pagination/README.md b/src-next/pagination/README.md
new file mode 100644
index 000000000..42ca945df
--- /dev/null
+++ b/src-next/pagination/README.md
@@ -0,0 +1,67 @@
+# Pagination
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Pagination } from 'vant';
+
+Vue.use(Pagination);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentPage: 1,
+    };
+  },
+};
+```
+
+### Simple mode
+
+```html
+<van-pagination v-model="currentPage" :page-count="12" mode="simple" />
+```
+
+### Show ellipses
+
+```html
+<van-pagination
+  v-model="currentPage"
+  :total-items="125"
+  :show-page-size="3"
+  force-ellipses
+/>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model | Current page number | _number_ | - |
+| mode | Mode, can be set to `simple` `multi` | _string_ | `multi` |
+| prev-text | Previous text | _string_ | `Previous` |
+| next-text | Next text | _string_ | `Next` |
+| total-items | Total items | _number \| string_ | `0` |
+| items-per-page | Item number per page | _number \| string_ | `10` |
+| page-count | The total number of pages, if not set, will be calculated based on `total-items` and `items-per-page` | _number \| string_ | `-` |
+| show-page-size | Count of page size to show | _number \| string_ | `5` |
+| force-ellipses | Whether to show ellipses | _boolean_ | `false` |
+
+### Events
+
+| Event  | Description              | Arguments |
+| ------ | ------------------------ | --------- |
+| change | Triggered on page change | -         |
diff --git a/src-next/pagination/README.zh-CN.md b/src-next/pagination/README.zh-CN.md
new file mode 100644
index 000000000..89a5dcb44
--- /dev/null
+++ b/src-next/pagination/README.zh-CN.md
@@ -0,0 +1,67 @@
+# Pagination 分页
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Pagination } from 'vant';
+
+Vue.use(Pagination);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentPage: 1,
+    };
+  },
+};
+```
+
+### 简单模式
+
+```html
+<van-pagination v-model="currentPage" :page-count="12" mode="simple" />
+```
+
+### 显示省略号
+
+```html
+<van-pagination
+  v-model="currentPage"
+  :total-items="125"
+  :show-page-size="3"
+  force-ellipses
+/>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| v-model | 当前页码 | _number_ | - |
+| mode | 显示模式，可选值为 `simple` | _string_ | `multi` |
+| prev-text | 上一页按钮文字 | _string_ | `上一页` |
+| next-text | 下一页按钮文字 | _string_ | `下一页` |
+| page-count | 总页数 | _number \| string_ | 根据页数计算 |
+| total-items | 总记录数 | _number \| string_ | `0` |
+| items-per-page | 每页记录数 | _number \| string_ | `10` |
+| show-page-size | 显示的页码个数 | _number \| string_ | `5` |
+| force-ellipses | 是否显示省略号 | _boolean_ | `false` |
+
+### Events
+
+| 事件名 | 说明           | 回调参数 |
+| ------ | -------------- | -------- |
+| change | 页码改变时触发 | -        |
diff --git a/src-next/pagination/demo/index.vue b/src-next/pagination/demo/index.vue
new file mode 100644
index 000000000..d579d6819
--- /dev/null
+++ b/src-next/pagination/demo/index.vue
@@ -0,0 +1,81 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-pagination
+        v-model="currentPage1"
+        :total-items="24"
+        :items-per-page="5"
+        :prev-text="t('prevText')"
+        :next-text="t('nextText')"
+      />
+    </demo-block>
+
+    <demo-block :title="t('title2')">
+      <van-pagination
+        v-model="currentPage2"
+        :page-count="12"
+        :prev-text="t('prevText')"
+        :next-text="t('nextText')"
+        mode="simple"
+        size="small"
+      />
+    </demo-block>
+
+    <demo-block :title="t('title3')">
+      <van-pagination
+        v-model="currentPage3"
+        force-ellipses
+        :total-items="125"
+        :show-page-size="3"
+        :prev-text="t('prevText')"
+        :next-text="t('nextText')"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title2: '简单模式',
+      title3: '显示省略号',
+      prevText: '上一页',
+      nextText: '下一页',
+    },
+    'en-US': {
+      title2: 'Simple Mode',
+      title3: 'Show ellipses',
+      prevText: 'Prev',
+      nextText: 'Next',
+    },
+  },
+
+  data() {
+    return {
+      currentPage1: 1,
+      currentPage2: 1,
+      currentPage3: 1,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-pagination {
+  .van-pagination {
+    width: 100%;
+    margin: 5px 0;
+  }
+
+  .van-doc-demo-block {
+    padding: 0 @padding-md;
+  }
+
+  .van-doc-demo-block__title {
+    padding-left: 0;
+  }
+}
+</style>
diff --git a/src-next/pagination/index.js b/src-next/pagination/index.js
new file mode 100644
index 000000000..0aef4e5f1
--- /dev/null
+++ b/src-next/pagination/index.js
@@ -0,0 +1,164 @@
+import { createNamespace } from '../utils';
+import { BORDER } from '../utils/constant';
+
+const [createComponent, bem, t] = createNamespace('pagination');
+
+function makePage(number, text, active) {
+  return { number, text, active };
+}
+
+export default createComponent({
+  props: {
+    prevText: String,
+    nextText: String,
+    forceEllipses: Boolean,
+    mode: {
+      type: String,
+      default: 'multi',
+    },
+    modelValue: {
+      type: Number,
+      default: 0,
+    },
+    pageCount: {
+      type: [Number, String],
+      default: 0,
+    },
+    totalItems: {
+      type: [Number, String],
+      default: 0,
+    },
+    itemsPerPage: {
+      type: [Number, String],
+      default: 10,
+    },
+    showPageSize: {
+      type: [Number, String],
+      default: 5,
+    },
+  },
+
+  computed: {
+    count() {
+      const count =
+        this.pageCount || Math.ceil(this.totalItems / this.itemsPerPage);
+      return Math.max(1, count);
+    },
+
+    pages() {
+      const pages = [];
+      const pageCount = this.count;
+      const showPageSize = +this.showPageSize;
+
+      if (this.mode !== 'multi') {
+        return pages;
+      }
+
+      // Default page limits
+      let startPage = 1;
+      let endPage = pageCount;
+      const isMaxSized = showPageSize < pageCount;
+
+      // recompute if showPageSize
+      if (isMaxSized) {
+        // Current page is displayed in the middle of the visible ones
+        startPage = Math.max(this.modelValue - Math.floor(showPageSize / 2), 1);
+        endPage = startPage + showPageSize - 1;
+
+        // Adjust if limit is exceeded
+        if (endPage > pageCount) {
+          endPage = pageCount;
+          startPage = endPage - showPageSize + 1;
+        }
+      }
+
+      // Add page number links
+      for (let number = startPage; number <= endPage; number++) {
+        const page = makePage(number, number, number === this.modelValue);
+        pages.push(page);
+      }
+
+      // Add links to move between page sets
+      if (isMaxSized && showPageSize > 0 && this.forceEllipses) {
+        if (startPage > 1) {
+          const previousPageSet = makePage(startPage - 1, '...', false);
+          pages.unshift(previousPageSet);
+        }
+
+        if (endPage < pageCount) {
+          const nextPageSet = makePage(endPage + 1, '...', false);
+          pages.push(nextPageSet);
+        }
+      }
+
+      return pages;
+    },
+  },
+
+  watch: {
+    modelValue: {
+      handler(page) {
+        this.select(page);
+      },
+      immediate: true,
+    },
+  },
+
+  methods: {
+    select(page, emitChange) {
+      page = Math.min(this.count, Math.max(1, page));
+      if (this.modelValue !== page) {
+        this.$emit('update:modelValue', page);
+
+        if (emitChange) {
+          this.$emit('change', page);
+        }
+      }
+    },
+  },
+
+  render() {
+    const value = this.modelValue;
+    const simple = this.mode !== 'multi';
+
+    const onSelect = (value) => () => {
+      this.select(value, true);
+    };
+
+    return (
+      <ul class={bem({ simple })}>
+        <li
+          class={[bem('item', { disabled: value === 1 }), bem('prev'), BORDER]}
+          onClick={onSelect(value - 1)}
+        >
+          {this.prevText || t('prev')}
+        </li>
+        {this.pages.map((page) => (
+          <li
+            class={[bem('item', { active: page.active }), bem('page'), BORDER]}
+            onClick={onSelect(page.number)}
+          >
+            {page.text}
+          </li>
+        ))}
+        {simple && (
+          <li class={bem('page-desc')}>
+            {this.$slots.pageDesc
+              ? this.$slots.pageDesc()
+              : `${value}/${this.count}`}
+          </li>
+        )}
+        <li
+          class={[
+            bem('item', { disabled: value === this.count }),
+            bem('next'),
+            BORDER,
+          ]}
+          onClick={onSelect(value + 1)}
+        >
+          {this.nextText || t('next')}
+        </li>
+      </ul>
+    );
+  },
+});
diff --git a/src-next/pagination/index.less b/src-next/pagination/index.less
new file mode 100644
index 000000000..862b1677c
--- /dev/null
+++ b/src-next/pagination/index.less
@@ -0,0 +1,77 @@
+@import '../style/var';
+
+.van-pagination {
+  display: flex;
+  font-size: @pagination-font-size;
+
+  &__item,
+  &__page-desc {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__item {
+    flex: 1;
+    box-sizing: border-box;
+    min-width: @pagination-item-width;
+    height: @pagination-height;
+    color: @pagination-item-default-color;
+    background-color: @pagination-background-color;
+    cursor: pointer;
+    user-select: none;
+
+    &:active {
+      color: @white;
+      background-color: @pagination-item-default-color;
+    }
+
+    &::after {
+      border-width: @border-width-base 0 @border-width-base @border-width-base;
+    }
+
+    &:last-child::after {
+      border-right-width: @border-width-base;
+    }
+
+    &--active {
+      color: @white;
+      background-color: @pagination-item-default-color;
+    }
+  }
+
+  &__prev,
+  &__next {
+    padding: 0 @padding-base;
+    cursor: pointer;
+  }
+
+  &__item--disabled {
+    &,
+    &:active {
+      color: @pagination-item-disabled-color;
+      background-color: @pagination-item-disabled-background-color;
+      cursor: not-allowed;
+      opacity: @pagination-disabled-opacity;
+    }
+  }
+
+  &__page {
+    flex-grow: 0;
+  }
+
+  &__page-desc {
+    flex: 1;
+    height: @pagination-height;
+    color: @pagination-desc-color;
+  }
+
+  &--simple {
+    .van-pagination__prev,
+    .van-pagination__next {
+      &::after {
+        border-width: @border-width-base;
+      }
+    }
+  }
+}
diff --git a/src-next/pagination/test/__snapshots__/demo.spec.js.snap b/src-next/pagination/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..c4e54ef49
--- /dev/null
+++ b/src-next/pagination/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <ul class="van-pagination">
+      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
+      <li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">2</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">3</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">4</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">5</li>
+      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
+    </ul>
+  </div>
+  <div>
+    <ul class="van-pagination van-pagination--simple" size="small">
+      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
+      <li class="van-pagination__page-desc">1/12</li>
+      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
+    </ul>
+  </div>
+  <div>
+    <ul class="van-pagination">
+      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
+      <li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">2</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">3</li>
+      <li class="van-pagination__item van-pagination__page van-hairline">...</li>
+      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
+    </ul>
+  </div>
+</div>
+`;
diff --git a/src-next/pagination/test/demo.spec.js b/src-next/pagination/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/pagination/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/vant.config.js b/vant.config.js
index d5eaad36d..8bc31a38e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -298,10 +298,10 @@ module.exports = {
                 path: 'nav-bar',
                 title: 'NavBar 导航栏',
               },
-              // {
-              //   path: 'pagination',
-              //   title: 'Pagination 分页',
-              // },
+              {
+                path: 'pagination',
+                title: 'Pagination 分页',
+              },
               // {
               //   path: 'sidebar',
               //   title: 'Sidebar 侧边导航',
@@ -632,10 +632,10 @@ module.exports = {
                 path: 'nav-bar',
                 title: 'NavBar',
               },
-              // {
-              //   path: 'pagination',
-              //   title: 'Pagination',
-              // },
+              {
+                path: 'pagination',
+                title: 'Pagination',
+              },
               // {
               //   path: 'sidebar',
               //   title: 'Sidebar',

From e8d190d51d50618f27d499640955e99044c1be67 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:54:35 +0800
Subject: [PATCH 053/626] fix(Pagination): missing emits

---
 src-next/pagination/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src-next/pagination/index.js b/src-next/pagination/index.js
index 0aef4e5f1..8eddb1dcf 100644
--- a/src-next/pagination/index.js
+++ b/src-next/pagination/index.js
@@ -38,6 +38,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   computed: {
     count() {
       const count =

From 4500e71f1a1ab3daeaba3dca551b8c3bda48d02e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 6 Jul 2020 16:59:44 +0800
Subject: [PATCH 054/626] feat: Steps component

---
 src-next/step/index.js                        |  88 ++++++++++
 src-next/step/index.less                      | 151 ++++++++++++++++++
 src-next/steps/README.md                      |  89 +++++++++++
 src-next/steps/README.zh-CN.md                |  95 +++++++++++
 src-next/steps/demo/index.vue                 | 116 ++++++++++++++
 src-next/steps/index.js                       |  35 ++++
 src-next/steps/index.less                     |  21 +++
 .../test/__snapshots__/demo.spec.js.snap      |  96 +++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  29 ++++
 src-next/steps/test/demo.spec.js              |   4 +
 src-next/steps/test/index.spec.js             |  49 ++++++
 vant.config.js                                |  16 +-
 12 files changed, 781 insertions(+), 8 deletions(-)
 create mode 100644 src-next/step/index.js
 create mode 100644 src-next/step/index.less
 create mode 100644 src-next/steps/README.md
 create mode 100644 src-next/steps/README.zh-CN.md
 create mode 100644 src-next/steps/demo/index.vue
 create mode 100644 src-next/steps/index.js
 create mode 100644 src-next/steps/index.less
 create mode 100644 src-next/steps/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/steps/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/steps/test/demo.spec.js
 create mode 100644 src-next/steps/test/index.spec.js

diff --git a/src-next/step/index.js b/src-next/step/index.js
new file mode 100644
index 000000000..5998e2d51
--- /dev/null
+++ b/src-next/step/index.js
@@ -0,0 +1,88 @@
+import { createNamespace } from '../utils';
+import { BORDER } from '../utils/constant';
+import { ChildrenMixin } from '../mixins/relation';
+import Icon from '../icon';
+
+const [createComponent, bem] = createNamespace('step');
+
+export default createComponent({
+  mixins: [ChildrenMixin('vanSteps')],
+
+  computed: {
+    status() {
+      if (this.index < this.parent.active) {
+        return 'finish';
+      }
+      if (this.index === +this.parent.active) {
+        return 'process';
+      }
+    },
+
+    active() {
+      return this.status === 'process';
+    },
+
+    lineStyle() {
+      if (this.status === 'finish' && this.parent.activeColor) {
+        return {
+          background: this.parent.activeColor,
+        };
+      }
+    },
+  },
+
+  methods: {
+    genCircle() {
+      const { activeIcon, activeColor, inactiveIcon } = this.parent;
+
+      if (this.active) {
+        return this.$slots['active-icon'] ? (
+          this.$slots['active-icon']()
+        ) : (
+          <Icon
+            class={bem('icon', 'active')}
+            name={activeIcon}
+            color={activeColor}
+          />
+        );
+      }
+
+      if (inactiveIcon || this.$slots['inactive-icon']) {
+        return this.$slots['inactive-icon'] ? (
+          this.$slots['inactive-icon']()
+        ) : (
+          <Icon class={bem('icon')} name={inactiveIcon} />
+        );
+      }
+
+      return <i class={bem('circle')} style={this.lineStyle} />;
+    },
+
+    onClickStep() {
+      this.parent.$emit('click-step', this.index);
+    },
+  },
+
+  render() {
+    const { status, active } = this;
+    const { activeColor, direction } = this.parent;
+
+    const titleStyle = active && { color: activeColor };
+
+    return (
+      <div class={[BORDER, bem([direction, { [status]: status }])]}>
+        <div
+          class={bem('title', { active })}
+          style={titleStyle}
+          onClick={this.onClickStep}
+        >
+          {this.$slots.default?.()}
+        </div>
+        <div class={bem('circle-container')} onClick={this.onClickStep}>
+          {this.genCircle()}
+        </div>
+        <div class={bem('line')} style={this.lineStyle} />
+      </div>
+    );
+  },
+});
diff --git a/src-next/step/index.less b/src-next/step/index.less
new file mode 100644
index 000000000..8ecc8ca13
--- /dev/null
+++ b/src-next/step/index.less
@@ -0,0 +1,151 @@
+@import '../style/var';
+
+.van-step {
+  position: relative;
+  flex: 1;
+  color: @step-text-color;
+  font-size: @step-font-size;
+
+  &__circle {
+    display: block;
+    width: @step-circle-size;
+    height: @step-circle-size;
+    background-color: @step-circle-color;
+    border-radius: 50%;
+  }
+
+  &__line {
+    position: absolute;
+    background-color: @step-line-color;
+    transition: background-color @animation-duration-base;
+  }
+
+  &--horizontal {
+    float: left;
+
+    &:first-child {
+      .van-step__title {
+        margin-left: 0;
+        transform: none;
+      }
+    }
+
+    &:last-child {
+      position: absolute;
+      right: 1px;
+      width: auto;
+
+      .van-step__title {
+        margin-left: 0;
+        transform: none;
+      }
+
+      .van-step__circle-container {
+        right: -9px;
+        left: auto;
+      }
+    }
+
+    .van-step__circle-container {
+      position: absolute;
+      top: 30px;
+      left: -@padding-xs;
+      z-index: 1;
+      padding: 0 @padding-xs;
+      background-color: @white;
+      transform: translateY(-50%);
+    }
+
+    .van-step__title {
+      display: inline-block;
+      margin-left: 3px;
+      font-size: @step-horizontal-title-font-size;
+      transform: translateX(-50%);
+
+      @media (max-width: 321px) {
+        font-size: @step-horizontal-title-font-size - 1px;
+      }
+    }
+
+    .van-step__line {
+      top: 30px;
+      left: 0;
+      width: 100%;
+      height: 1px;
+    }
+
+    .van-step__icon {
+      display: block;
+      font-size: @step-icon-size;
+    }
+
+    .van-step--process {
+      color: @step-process-text-color;
+    }
+  }
+
+  &--vertical {
+    display: block;
+    float: none;
+    padding: 10px 10px 10px 0;
+    line-height: 18px;
+
+    &:not(:last-child)::after {
+      border-bottom-width: 1px;
+    }
+
+    &:first-child {
+      &::before {
+        position: absolute;
+        top: 0;
+        left: -15px;
+        z-index: 1;
+        width: 1px;
+        height: 20px;
+        background-color: @white;
+        content: '';
+      }
+    }
+
+    .van-step__circle-container {
+      position: absolute;
+      top: 19px;
+      left: -15px;
+      z-index: 2;
+      font-size: @step-icon-size;
+      line-height: 1;
+      transform: translate(-50%, -50%);
+    }
+
+    .van-step__line {
+      top: 16px;
+      left: -15px;
+      width: 1px;
+      height: 100%;
+    }
+  }
+
+  &:last-child {
+    .van-step__line {
+      width: 0;
+    }
+  }
+
+  &--finish {
+    color: @step-finish-text-color;
+
+    .van-step__circle,
+    .van-step__line {
+      background-color: @step-finish-line-color;
+    }
+  }
+
+  &__icon,
+  &__title {
+    transition: color @animation-duration-base;
+
+    &--active {
+      color: @step-active-color;
+    }
+  }
+}
diff --git a/src-next/steps/README.md b/src-next/steps/README.md
new file mode 100644
index 000000000..0f2863655
--- /dev/null
+++ b/src-next/steps/README.md
@@ -0,0 +1,89 @@
+# Steps
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Step, Steps } from 'vant';
+
+Vue.use(Step);
+Vue.use(Steps);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-steps :active="active">
+  <van-step>Step1</van-step>
+  <van-step>Step2</van-step>
+  <van-step>Step3</van-step>
+  <van-step>Step4</van-step>
+</van-steps>
+```
+
+```js
+export default {
+  data() {
+    return {
+      active: 1,
+    };
+  },
+};
+```
+
+### Custom Style
+
+```html
+<van-steps :active="active" active-icon="success" active-color="#38f">
+  <van-step>Step1</van-step>
+  <van-step>Step2</van-step>
+  <van-step>Step3</van-step>
+  <van-step>Step4</van-step>
+</van-steps>
+```
+
+### Vertical Steps
+
+```html
+<van-steps direction="vertical" :active="0">
+  <van-step>
+    <h3>【City】Status1</h3>
+    <p>2016-07-12 12:40</p>
+  </van-step>
+  <van-step>
+    <h3>【City】Status2</h3>
+    <p>2016-07-11 10:00</p>
+  </van-step>
+  <van-step>
+    <h3>【City】Status3</h3>
+    <p>2016-07-10 09:30</p>
+  </van-step>
+</van-steps>
+```
+
+## API
+
+### Steps Props
+
+| Attribute     | Description              | Type               | Default      |
+| ------------- | ------------------------ | ------------------ | ------------ |
+| active        | Active step              | _number \| string_ | `0`          |
+| direction     | Can be set to `vertical` | _string_           | `horizontal` |
+| active-color  | Active step color        | _string_           | `#07c160`    |
+| active-icon   | Active icon name         | _string_           | `checked`    |
+| inactive-icon | Active icon name         | _string_           | -            |
+
+### Step Slots
+
+| Name          | Description          |
+| ------------- | -------------------- |
+| active-icon   | Custom active icon   |
+| inactive-icon | Custom inactive icon |
+
+### Steps Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| click-step `v2.5.9` | Triggered when a step's title or icon is clicked | _index: number_ |
diff --git a/src-next/steps/README.zh-CN.md b/src-next/steps/README.zh-CN.md
new file mode 100644
index 000000000..d1a93a0f1
--- /dev/null
+++ b/src-next/steps/README.zh-CN.md
@@ -0,0 +1,95 @@
+# Steps 步骤条
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Step, Steps } from 'vant';
+
+Vue.use(Step);
+Vue.use(Steps);
+```
+
+## 代码演示
+
+### 基础用法
+
+`active`属性表示当前步骤的索引，从 0 起计
+
+```html
+<van-steps :active="active">
+  <van-step>买家下单</van-step>
+  <van-step>商家接单</van-step>
+  <van-step>买家提货</van-step>
+  <van-step>交易完成</van-step>
+</van-steps>
+```
+
+```js
+export default {
+  data() {
+    return {
+      active: 1,
+    };
+  },
+};
+```
+
+### 自定义样式
+
+可以通过`active-icon`和`active-color`属性设置激活状态下的图标和颜色
+
+```html
+<van-steps :active="active" active-icon="success" active-color="#38f">
+  <van-step>买家下单</van-step>
+  <van-step>商家接单</van-step>
+  <van-step>买家提货</van-step>
+  <van-step>交易完成</van-step>
+</van-steps>
+```
+
+### 竖向步骤条
+
+可以通过设置`direction`属性来改变步骤条的显示方向
+
+```html
+<van-steps direction="vertical" :active="0">
+  <van-step>
+    <h3>【城市】物流状态1</h3>
+    <p>2016-07-12 12:40</p>
+  </van-step>
+  <van-step>
+    <h3>【城市】物流状态2</h3>
+    <p>2016-07-11 10:00</p>
+  </van-step>
+  <van-step>
+    <h3>快件已发货</h3>
+    <p>2016-07-10 09:30</p>
+  </van-step>
+</van-steps>
+```
+
+## API
+
+### Steps Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| active | 当前步骤 | _number \| string_ | `0` |
+| direction | 显示方向，可选值为 `vertical` | _string_ | `horizontal` |
+| active-color | 激活状态颜色 | _string_ | `#07c160` |
+| active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | `checked` |
+| inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
+
+### Step Slots
+
+| 名称          | 说明                 |
+| ------------- | -------------------- |
+| active-icon   | 自定义激活状态图标   |
+| inactive-icon | 自定义未激活状态图标 |
+
+### Steps Events
+
+| 事件名              | 说明                       | 回调参数        |
+| ------------------- | -------------------------- | --------------- |
+| click-step `v2.5.9` | 点击步骤的标题或图标时触发 | _index: number_ |
diff --git a/src-next/steps/demo/index.vue b/src-next/steps/demo/index.vue
new file mode 100644
index 000000000..1d0a6236b
--- /dev/null
+++ b/src-next/steps/demo/index.vue
@@ -0,0 +1,116 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-steps :active="active">
+        <van-step>{{ t('step1') }}</van-step>
+        <van-step>{{ t('step2') }}</van-step>
+        <van-step>{{ t('step3') }}</van-step>
+        <van-step>{{ t('step4') }}</van-step>
+      </van-steps>
+
+      <van-button @click="nextStep">{{ t('nextStep') }}</van-button>
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-steps
+        :active="active"
+        active-icon="success"
+        inactive-icon="arrow"
+        active-color="#38f"
+      >
+        <van-step>{{ t('step1') }}</van-step>
+        <van-step>{{ t('step2') }}</van-step>
+        <van-step>{{ t('step3') }}</van-step>
+        <van-step>{{ t('step4') }}</van-step>
+      </van-steps>
+    </demo-block>
+
+    <demo-block :title="t('title3')">
+      <van-steps :active="0" direction="vertical">
+        <van-step>
+          <h3>{{ t('status1') }}</h3>
+          <p>2016-07-12 12:40</p>
+        </van-step>
+        <van-step>
+          <h3>{{ t('status2') }}</h3>
+          <p>2016-07-11 10:00</p>
+        </van-step>
+        <van-step>
+          <h3>{{ t('status3') }}</h3>
+          <p>2016-07-10 09:30</p>
+        </van-step>
+      </van-steps>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      nextStep: '下一步',
+      step1: '买家下单',
+      step2: '商家接单',
+      step3: '买家提货',
+      step4: '交易完成',
+      title2: '描述信息',
+      title3: '竖向步骤条',
+      status1: '【城市】物流状态1',
+      status2: '【城市】物流状态',
+      status3: '快件已发货',
+      customStyle: '自定义样式',
+    },
+    'en-US': {
+      nextStep: 'Next Step',
+      step1: 'Step1',
+      step2: 'Step2',
+      step3: 'Step3',
+      step4: 'Step4',
+      title2: 'Description',
+      title3: 'Vertical Steps',
+      status1: '【City】Status1',
+      status2: '【City】Status2',
+      status3: '【City】Status3',
+      customStyle: 'Custom Style',
+    },
+  },
+
+  data() {
+    return {
+      active: 1,
+    };
+  },
+
+  methods: {
+    nextStep() {
+      this.active = ++this.active % 4;
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-steps {
+  .steps-success,
+  .van-icon-location {
+    color: @green;
+  }
+
+  .van-button {
+    margin: @padding-md 0 0 @padding-md;
+  }
+
+  p,
+  h3 {
+    margin: 0;
+    font-weight: normal;
+    font-size: inherit;
+  }
+
+  .van-steps__message + p {
+    margin-bottom: 10px;
+  }
+}
+</style>
diff --git a/src-next/steps/index.js b/src-next/steps/index.js
new file mode 100644
index 000000000..45b0ad84b
--- /dev/null
+++ b/src-next/steps/index.js
@@ -0,0 +1,35 @@
+import { createNamespace } from '../utils';
+import { ParentMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('steps');
+
+export default createComponent({
+  mixins: [ParentMixin('vanSteps')],
+
+  props: {
+    activeColor: String,
+    inactiveIcon: String,
+    active: {
+      type: [Number, String],
+      default: 0,
+    },
+    direction: {
+      type: String,
+      default: 'horizontal',
+    },
+    activeIcon: {
+      type: String,
+      default: 'checked',
+    },
+  },
+
+  emits: ['click-step'],
+
+  render() {
+    return (
+      <div class={bem([this.direction])}>
+        <div class={bem('items')}>{this.$slots.default?.()}</div>
+      </div>
+    );
+  },
+});
diff --git a/src-next/steps/index.less b/src-next/steps/index.less
new file mode 100644
index 000000000..51d94d716
--- /dev/null
+++ b/src-next/steps/index.less
@@ -0,0 +1,21 @@
+@import '../style/var';
+
+.van-steps {
+  overflow: hidden;
+  background-color: @steps-background-color;
+
+  &--horizontal {
+    padding: 10px 10px 0;
+
+    .van-steps__items {
+      position: relative;
+      display: flex;
+      margin: 0 0 10px;
+      padding-bottom: 22px;
+    }
+  }
+
+  &--vertical {
+    padding: 0 0 0 @padding-xl;
+  }
+}
diff --git a/src-next/steps/test/__snapshots__/demo.spec.js.snap b/src-next/steps/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..98a80d91e
--- /dev/null
+++ b/src-next/steps/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-steps van-steps--horizontal">
+      <div class="van-steps__items">
+        <div class="van-hairline van-step van-step--horizontal van-step--finish">
+          <div class="van-step__title">买家下单</div>
+          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal van-step--process">
+          <div class="van-step__title van-step__title--active">商家接单</div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-checked van-step__icon van-step__icon--active">
+              <!----></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal">
+          <div class="van-step__title">买家提货</div>
+          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal">
+          <div class="van-step__title">交易完成</div>
+          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
+          <div class="van-step__line"></div>
+        </div>
+      </div>
+    </div> <button class="van-button van-button--default van-button--normal">
+      <div class="van-button__content"><span class="van-button__text">下一步</span></div>
+    </button>
+  </div>
+  <div>
+    <div class="van-steps van-steps--horizontal">
+      <div class="van-steps__items">
+        <div class="van-hairline van-step van-step--horizontal van-step--finish">
+          <div class="van-step__title">买家下单</div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
+              <!----></i></div>
+          <div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal van-step--process">
+          <div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-success van-step__icon van-step__icon--active" style="color: rgb(51, 136, 255);">
+              <!----></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal">
+          <div class="van-step__title">买家提货</div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
+              <!----></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--horizontal">
+          <div class="van-step__title">交易完成</div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
+              <!----></i></div>
+          <div class="van-step__line"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-steps van-steps--vertical">
+      <div class="van-steps__items">
+        <div class="van-hairline van-step van-step--vertical van-step--process">
+          <div class="van-step__title van-step__title--active">
+            <h3>【城市】物流状态1</h3>
+            <p>2016-07-12 12:40</p>
+          </div>
+          <div class="van-step__circle-container"><i class="van-icon van-icon-checked van-step__icon van-step__icon--active">
+              <!----></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--vertical">
+          <div class="van-step__title">
+            <h3>【城市】物流状态</h3>
+            <p>2016-07-11 10:00</p>
+          </div>
+          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
+          <div class="van-step__line"></div>
+        </div>
+        <div class="van-hairline van-step van-step--vertical">
+          <div class="van-step__title">
+            <h3>快件已发货</h3>
+            <p>2016-07-10 09:30</p>
+          </div>
+          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
+          <div class="van-step__line"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/steps/test/__snapshots__/index.spec.js.snap b/src-next/steps/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..232fc1a04
--- /dev/null
+++ b/src-next/steps/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`icon slot 1`] = `
+<div class="van-steps van-steps--horizontal">
+  <div class="van-steps__items">
+    <div class="van-hairline van-step van-step--horizontal van-step--finish">
+      <div class="van-step__title">
+        A
+      </div>
+      <div class="van-step__circle-container">Custim Inactive Icon</div>
+      <div class="van-step__line"></div>
+    </div>
+    <div class="van-hairline van-step van-step--horizontal van-step--process">
+      <div class="van-step__title van-step__title--active">
+        B
+      </div>
+      <div class="van-step__circle-container">Custim Active Icon</div>
+      <div class="van-step__line"></div>
+    </div>
+    <div class="van-hairline van-step van-step--horizontal">
+      <div class="van-step__title">
+        C
+      </div>
+      <div class="van-step__circle-container">Custim Inactive Icon</div>
+      <div class="van-step__line"></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/steps/test/demo.spec.js b/src-next/steps/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/steps/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/steps/test/index.spec.js b/src-next/steps/test/index.spec.js
new file mode 100644
index 000000000..2521175f1
--- /dev/null
+++ b/src-next/steps/test/index.spec.js
@@ -0,0 +1,49 @@
+import { mount } from '../../../test';
+
+test('icon slot', () => {
+  const wrapper = mount({
+    template: `
+    <van-steps :active="1">
+      <van-step>
+        <template v-slot:inactive-icon>Custim Inactive Icon</template>
+        A
+      </van-step>
+      <van-step>
+        <template v-slot:active-icon>Custim Active Icon</template>
+        B
+      </van-step>
+      <van-step>
+        <template v-slot:inactive-icon>Custim Inactive Icon</template>
+        C
+      </van-step>
+    </van-steps>
+    `,
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('click-step event', () => {
+  const onClickStep = jest.fn();
+  const wrapper = mount({
+    template: `
+      <van-steps :active="1" @click-step="onClickStep">
+        <van-step>A</van-step>
+        <van-step>B</van-step>
+        <van-step>C</van-step>
+      </van-steps>
+    `,
+    methods: {
+      onClickStep,
+    },
+  });
+
+  wrapper.find('.van-step').trigger('click');
+  expect(onClickStep).toHaveBeenCalledTimes(0);
+
+  wrapper.find('.van-step__title').trigger('click');
+  expect(onClickStep).toHaveBeenCalledWith(0);
+
+  wrapper.findAll('.van-step__circle-container').at(2).trigger('click');
+  expect(onClickStep).toHaveBeenCalledTimes(2);
+  expect(onClickStep).toHaveBeenLastCalledWith(2);
+});
diff --git a/vant.config.js b/vant.config.js
index 8bc31a38e..0c9d2eb25 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -265,10 +265,10 @@ module.exports = {
                 path: 'skeleton',
                 title: 'Skeleton 骨架屏',
               },
-              // {
-              //   path: 'steps',
-              //   title: 'Steps 步骤条',
-              // },
+              {
+                path: 'steps',
+                title: 'Steps 步骤条',
+              },
               // {
               //   path: 'sticky',
               //   title: 'Sticky 粘性布局',
@@ -599,10 +599,10 @@ module.exports = {
                 path: 'skeleton',
                 title: 'Skeleton',
               },
-              // {
-              //   path: 'steps',
-              //   title: 'Steps',
-              // },
+              {
+                path: 'steps',
+                title: 'Steps',
+              },
               // {
               //   path: 'sticky',
               //   title: 'Sticky',

From 4c87fe247918313d85e24eeb1696e6c66b789de6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 7 Jul 2020 15:06:16 +0800
Subject: [PATCH 055/626] fix: utils

---
 docs/site/mobile.js                | 4 ++--
 src-next/hooks/use-global-event.ts | 2 +-
 src-next/icon/demo/index.vue       | 2 +-
 src-next/icon/index.js             | 3 +--
 src-next/info/index.js             | 3 +--
 src-next/locale/index.ts           | 2 +-
 6 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index 198af61c1..dd5f87f86 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,7 +1,7 @@
 import Locale from '../../src-next/locale';
 import enUS from '../../src-next/locale/lang/en-US';
-import { get } from '../../src/utils';
-import { camelize } from '../../src/utils/format/string';
+import { get } from '../../src-next/utils';
+import { camelize } from '../../src-next/utils/format/string';
 // import Lazyload from '../../src/lazyload';
 
 const { app } = window;
diff --git a/src-next/hooks/use-global-event.ts b/src-next/hooks/use-global-event.ts
index a5f453001..319c043bf 100644
--- a/src-next/hooks/use-global-event.ts
+++ b/src-next/hooks/use-global-event.ts
@@ -1,4 +1,4 @@
-import { on, off } from '../../src/utils/dom/event';
+import { on, off } from '../utils/dom/event';
 import {
   Ref,
   watch,
diff --git a/src-next/icon/demo/index.vue b/src-next/icon/demo/index.vue
index 65fde9596..9b37e53c1 100644
--- a/src-next/icon/demo/index.vue
+++ b/src-next/icon/demo/index.vue
@@ -83,7 +83,7 @@
 
 <script>
 import icons from '@vant/icons';
-import { BLUE, GREEN } from '../../../src/utils/constant';
+import { BLUE, GREEN } from '../../utils/constant';
 
 // from https://30secondsofcode.org
 function copyToClipboard(str) {
diff --git a/src-next/icon/index.js b/src-next/icon/index.js
index 36314bc25..31c785b2b 100644
--- a/src-next/icon/index.js
+++ b/src-next/icon/index.js
@@ -1,6 +1,5 @@
 // Utils
-import { addUnit } from '../../src/utils';
-import { createNamespace } from '../utils/create';
+import { addUnit, createNamespace } from '../utils';
 
 // Components
 import Info from '../info';
diff --git a/src-next/info/index.js b/src-next/info/index.js
index d0759669e..74a02fddd 100644
--- a/src-next/info/index.js
+++ b/src-next/info/index.js
@@ -1,6 +1,5 @@
 // Utils
-import { isDef } from '../../src/utils';
-import { createNamespace } from '../utils/create';
+import { isDef, createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('info');
 
diff --git a/src-next/locale/index.ts b/src-next/locale/index.ts
index 6b148cc0b..fa9391281 100644
--- a/src-next/locale/index.ts
+++ b/src-next/locale/index.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { deepAssign } from '../../src/utils/deep-assign';
+import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 
 type Messages = Record<string, Record<string, any>>;

From 62e0012952c27ffc38572a194bf4eb1cd3f501f7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 7 Jul 2020 15:06:48 +0800
Subject: [PATCH 056/626] fix(Image): memory leak during SSR (#6721)

---
 src-next/image/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-next/image/index.js b/src-next/image/index.js
index 008793a38..8903c1ce6 100644
--- a/src-next/image/index.js
+++ b/src-next/image/index.js
@@ -1,4 +1,4 @@
-import { createNamespace, isDef, addUnit } from '../utils';
+import { createNamespace, isDef, addUnit, inBrowser } from '../utils';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('image');
@@ -71,7 +71,7 @@ export default createComponent({
   created() {
     const { $Lazyload } = this;
 
-    if ($Lazyload) {
+    if ($Lazyload && inBrowser) {
       $Lazyload.$on('loaded', this.onLazyLoaded);
       $Lazyload.$on('error', this.onLazyLoadError);
     }

From 296315c48fee3d502b5de01842d2ff4d5c2bb815 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 14:48:44 +0800
Subject: [PATCH 057/626] feat(Steps): add inactive-color prop

---
 src-next/step/index.js            | 22 ++++++++++++++--------
 src-next/steps/README.md          | 15 ++++++++-------
 src-next/steps/README.zh-CN.md    |  1 +
 src-next/steps/index.js           |  1 +
 src-next/steps/test/index.spec.js | 12 ++++++++++++
 5 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/src-next/step/index.js b/src-next/step/index.js
index 5998e2d51..0e3390561 100644
--- a/src-next/step/index.js
+++ b/src-next/step/index.js
@@ -23,10 +23,18 @@ export default createComponent({
     },
 
     lineStyle() {
-      if (this.status === 'finish' && this.parent.activeColor) {
-        return {
-          background: this.parent.activeColor,
-        };
+      if (this.status === 'finish') {
+        return { background: this.parent.activeColor };
+      }
+      return { background: this.parent.inactiveColor };
+    },
+
+    titleStyle() {
+      if (this.active) {
+        return { color: this.parent.activeColor };
+      }
+      if (!this.status) {
+        return { color: this.parent.inactiveColor };
       }
     },
   },
@@ -65,15 +73,13 @@ export default createComponent({
 
   render() {
     const { status, active } = this;
-    const { activeColor, direction } = this.parent;
-
-    const titleStyle = active && { color: activeColor };
+    const { direction } = this.parent;
 
     return (
       <div class={[BORDER, bem([direction, { [status]: status }])]}>
         <div
           class={bem('title', { active })}
-          style={titleStyle}
+          style={this.titleStyle}
           onClick={this.onClickStep}
         >
           {this.$slots.default?.()}
diff --git a/src-next/steps/README.md b/src-next/steps/README.md
index 0f2863655..a82b38f2f 100644
--- a/src-next/steps/README.md
+++ b/src-next/steps/README.md
@@ -67,13 +67,14 @@ export default {
 
 ### Steps Props
 
-| Attribute     | Description              | Type               | Default      |
-| ------------- | ------------------------ | ------------------ | ------------ |
-| active        | Active step              | _number \| string_ | `0`          |
-| direction     | Can be set to `vertical` | _string_           | `horizontal` |
-| active-color  | Active step color        | _string_           | `#07c160`    |
-| active-icon   | Active icon name         | _string_           | `checked`    |
-| inactive-icon | Active icon name         | _string_           | -            |
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| active | Active step | _number \| string_ | `0` |
+| direction | Can be set to `vertical` | _string_ | `horizontal` |
+| active-color | Active step color | _string_ | `#07c160` |
+| inactive-color `v2.9.1` | Inactive step color | _string_ | `#969799` |
+| active-icon | Active icon name | _string_ | `checked` |
+| inactive-icon | Inactive icon name | _string_ | - |
 
 ### Step Slots
 
diff --git a/src-next/steps/README.zh-CN.md b/src-next/steps/README.zh-CN.md
index d1a93a0f1..d4610bc29 100644
--- a/src-next/steps/README.zh-CN.md
+++ b/src-next/steps/README.zh-CN.md
@@ -78,6 +78,7 @@ export default {
 | active | 当前步骤 | _number \| string_ | `0` |
 | direction | 显示方向，可选值为 `vertical` | _string_ | `horizontal` |
 | active-color | 激活状态颜色 | _string_ | `#07c160` |
+| inactive-color `v2.9.1` | 未激活状态颜色 | _string_ | `#969799` |
 | active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | `checked` |
 | inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
 
diff --git a/src-next/steps/index.js b/src-next/steps/index.js
index 45b0ad84b..3e17de6ce 100644
--- a/src-next/steps/index.js
+++ b/src-next/steps/index.js
@@ -9,6 +9,7 @@ export default createComponent({
   props: {
     activeColor: String,
     inactiveIcon: String,
+    inactiveColor: String,
     active: {
       type: [Number, String],
       default: 0,
diff --git a/src-next/steps/test/index.spec.js b/src-next/steps/test/index.spec.js
index 2521175f1..29d694e04 100644
--- a/src-next/steps/test/index.spec.js
+++ b/src-next/steps/test/index.spec.js
@@ -47,3 +47,15 @@ test('click-step event', () => {
   expect(onClickStep).toHaveBeenCalledTimes(2);
   expect(onClickStep).toHaveBeenLastCalledWith(2);
 });
+
+test('inactive-color prop', () => {
+  const wrapper = mount({
+    template: `
+    <van-steps :active="0" inactive-color="red">
+      <van-step>A</van-step>
+      <van-step>B</van-step>
+    </van-steps>
+    `,
+  });
+  expect(wrapper).toMatchSnapshot();
+});

From 4d8d02151d6422db8c1243645167f9ffb691f1c1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 14:57:44 +0800
Subject: [PATCH 058/626] fix(ActionSheet): some events missed

---
 src-next/action-sheet/index.js | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src-next/action-sheet/index.js b/src-next/action-sheet/index.js
index caf4df4b2..06105aa22 100644
--- a/src-next/action-sheet/index.js
+++ b/src-next/action-sheet/index.js
@@ -44,7 +44,16 @@ export default createComponent({
     },
   },
 
-  emits: ['close', 'cancel', 'select', 'update:show'],
+  emits: [
+    'open',
+    'close',
+    'opened',
+    'closed',
+    'cancel',
+    'select',
+    'update:show',
+    'click-overlay',
+  ],
 
   setup(props, { slots, emit }) {
     function onCancel() {
@@ -52,9 +61,17 @@ export default createComponent({
       emit('cancel');
     }
 
-    function onToggle(show) {
-      emit('update:show', show);
-    }
+    const createEmitter = (name) => () => emit(name);
+    const listeners = {
+      onOpen: createEmitter('open'),
+      onClose: createEmitter('close'),
+      onOpened: createEmitter('opened'),
+      onClosed: createEmitter('closed'),
+      'onClick-overlay': createEmitter('click-overlay'),
+      'onUpdate:show': (show) => {
+        emit('update:show', show);
+      },
+    };
 
     return function () {
       const { title, cancelText } = props;
@@ -153,7 +170,7 @@ export default createComponent({
           closeOnPopstate={props.closeOnPopstate}
           closeOnClickOverlay={props.closeOnClickOverlay}
           safeAreaInsetBottom={props.safeAreaInsetBottom}
-          {...{ 'onUpdate:show': onToggle }}
+          {...listeners}
         >
           {Header()}
           {Description}

From 2ccaf2a5b684516972e4888a756ee760b3ea7976 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 14:58:42 +0800
Subject: [PATCH 059/626] chore: release @vant/cli@3.0.0-alpha.2

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index ab1f8256c..034b66c3f 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.2",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From e1b6e3545ca15b5f3e905282f1236d32ec955278 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:00:01 +0800
Subject: [PATCH 060/626] chore: bump @vant/cli 3.0.0-alpha.2

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 83d681893..671d7b92b 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.1",
+    "@vant/cli": "^3.0.0-alpha.2",
     "@vue/compiler-sfc": "^3.0.0-beta.18",
     "prettier": "^2.0.4",
     "vue": "^3.0.0-beta.18"
diff --git a/yarn.lock b/yarn.lock
index 377c23e9a..29c77e80e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1999,10 +1999,10 @@
     semver "^6.3.0"
     tsutils "^3.17.1"
 
-"@vant/cli@^3.0.0-alpha.1":
-  version "3.0.0-alpha.1"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.1.tgz#3719cc47e6157b70096854ad1c1bb24626b7491c"
-  integrity sha512-zq+dwYoXi6DbNJOpRAR2OkX63WHr1XWCr0w8woKJIgNa47Brr+rrss1L2WkGgPdSYZcWXUIOYuVCWEg15lOLJg==
+"@vant/cli@^3.0.0-alpha.2":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.2.tgz#ab7b20d6c1dd4c9b3a31e6835394f1c66005bada"
+  integrity sha512-E3zrxIAq5MeVOu0sAGHEV43/d9+PLCKfcnT0EC4iGywp+LZnpamDTA5xdZ15EbnHuFZkVHtRej/PWmX3phOj+Q==
   dependencies:
     "@ant-design-vue/babel-plugin-jsx" "^1.0.0-alpha.6"
     "@babel/core" "^7.10.1"

From ccf2c7da31f437f253589ecca9f7063e064b274d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:01:47 +0800
Subject: [PATCH 061/626] chore: bump vue 3.0.0-beta.20

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 671d7b92b..6d077f0f7 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.2",
-    "@vue/compiler-sfc": "^3.0.0-beta.18",
+    "@vue/compiler-sfc": "^3.0.0-beta.20",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-beta.18"
+    "vue": "^3.0.0-beta.20"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 29c77e80e..6135df771 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2121,34 +2121,34 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.18.tgz#52cf3e4f1f627230e9affb9da22a408a624e7e50"
-  integrity sha512-3JSSCs11lYuNdfyT5DVB06OeWlT/aAK8JKHLmG8OsXkT0flVSc19mtnqi+EaFhW3rT63qT0fjJfTfU0Wn1PN9Q==
+"@vue/compiler-core@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.20.tgz#66c085e23d5420088074bec73291fbd8151caff3"
+  integrity sha512-ZMMMD4GMZXrwJFBzdn3v+VcrrGofqrP7gfJ5ie/3p2sIEVAfsI0qwIb/DCezWt/Cm3viMJiTpv4SINPGK4xM8Q==
   dependencies:
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.20"
     estree-walker "^0.8.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.18.tgz#089b37c71850df28d2304e2d5034461af6065ddf"
-  integrity sha512-vTfZNfn/bfGVJCdQwQN5xeBIaFCYPKp/NZCyMewh0wdju2ewzSmQIzG3gaSqEIxYor/FQmFkGuRRzWJJBmcoUQ==
+"@vue/compiler-dom@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.20.tgz#9d305d566da28222db4a0f7cd349e3e603a42872"
+  integrity sha512-vtkvL8OOcIMdZn8oLKTVRqKLcpRBivhR6xz2sS8mfRA+NNh+QDpBFip5Zjl//FD6mRvv2wiJoWWqe0MgXUChbg==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/compiler-core" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
 
-"@vue/compiler-sfc@^3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.18.tgz#3c4660396ca267b443214c09b71923bce17c5d8e"
-  integrity sha512-RSErTbnKWkI4hAFBTOLg1tCHHVP2hG7NDbf2LVJdf9OWBr9FWoTQaMTby25rJs6aiSch7reNRzToq6XMLagQjQ==
+"@vue/compiler-sfc@^3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.20.tgz#8ffe1a31e709713708fb625cae62e7efdae90b14"
+  integrity sha512-n5bNvZCxvzGJqH2EXsurmzJDHnimOi93ezoeJTOguqNG2XYiiN+IOwzoOy+eYGem945FtKcgvawPhUMr5vPFug==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.18"
-    "@vue/compiler-dom" "3.0.0-beta.18"
-    "@vue/compiler-ssr" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/compiler-core" "3.0.0-beta.20"
+    "@vue/compiler-dom" "3.0.0-beta.20"
+    "@vue/compiler-ssr" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
     consolidate "^0.15.1"
     hash-sum "^2.0.0"
     lru-cache "^5.1.1"
@@ -2158,13 +2158,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.18.tgz#072048fecd40d39b8762beb73da1ae45f3750bbc"
-  integrity sha512-/W83jw+PToUUX/SouajhwMwewEe66lUiTb4lixZ3f06o0VPJCFCLtZ+WQbN+g2m+iE7DegnkcPq6ly7gflcRXQ==
+"@vue/compiler-ssr@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.20.tgz#f605836a09b9bcd3ca66193e4984081aa1408825"
+  integrity sha512-j2XS2NX/skYxuMPG4T4sk3JUm4LYmonGNBXT5YWUX8G8+KlVTI7/9iPg+8FhZR2jIerhzHj/34MSKxytTItffA==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/compiler-dom" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -2197,34 +2197,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.18.tgz#b6562661eca6b7bd4d633db5df867b41c8e3c648"
-  integrity sha512-UFKONXh5XZCwynGrS6CAYTz3AoNVmLUpuQnfl3z8XbHulw9kqVwFoQgXwFBlrizdLsPoNW0s3FHPmtqC9Ohjgg==
+"@vue/reactivity@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.20.tgz#8a16f089394a29a8509e4c8e515f5ec84b26cc13"
+  integrity sha512-X59+ZENE1sFRW56vcyb3eTGwqGwRpBJIkau0/NMv86hBbtWUigG4+r4thoCNKQAX3iyMQBlk5dQvxUxopjn5pg==
   dependencies:
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/shared" "3.0.0-beta.20"
 
-"@vue/runtime-core@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.18.tgz#373ccec46e37826b9976f21039287bfa69f4ee16"
-  integrity sha512-ZgIxCSuR1luq3pmWQbsYkn6ybUK/BKAWRQwAxUCP9BjFHnvN0W4BSLwy6VuH2l2ToKGni+xPxpDZhQQQsVAfng==
+"@vue/runtime-core@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.20.tgz#33d090a18ae86899ffdc571e19cfa8a5523b4a4f"
+  integrity sha512-X5mM44vKVi9YC963McJ2m3siKdAAXS0s+LaWnnVH4IjkrlJFcaqQBMhfkJt8mI2SCv5tICBDgmIIkIkJzZ2tTw==
   dependencies:
-    "@vue/reactivity" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/reactivity" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
 
-"@vue/runtime-dom@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.18.tgz#9b9f6af723bf9896fdce58857e07401ef521cba3"
-  integrity sha512-2ym4EyWg1C/UDXuVjFyqwLgAjrWRTRM3wHBmp0TlpoXSSNvIEJg5HXRgC1jnHtkVbGmyHHPndsbFP+oBj10tzQ==
+"@vue/runtime-dom@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.20.tgz#7588341e7304ae5a695ea1dd86bbe86c8df96e55"
+  integrity sha512-L8G9O34TuUUWMA06kZBSGfc44vHPpy+d3K8bM5qXiocdSCyjvikb9McXJsTZesLZZksRAyr1G05u/ikxCERCWQ==
   dependencies:
-    "@vue/runtime-core" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/runtime-core" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-beta.18":
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.18.tgz#1326efa98fe49b9ef3effbec88189b88ed7544a7"
-  integrity sha512-wRvQaTHeCt3xxqj3UpMR2JxkkU7ul/9RMqSxGJhOd4Bsp72Md4H83XkijHy8LkPKZWszmxjEpfCYuw9MU0a4kg==
+"@vue/shared@3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.20.tgz#022b7aac09669d6ca79ff2cd38418853b2ffc8be"
+  integrity sha512-Ttuh2Kib8aelCm0J0M31z7ajHYWI3DOj59sbAh8ZuwIn8l5sKUmDUkxry2n3gYJ5s3uV3xhFCLQs1THtsg1/qA==
 
 "@vue/test-utils@1.0.0-beta.29":
   version "1.0.0-beta.29"
@@ -12301,14 +12301,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-beta.18:
-  version "3.0.0-beta.18"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.18.tgz#775b499602ed7ff5e14bef00cd320e77bdfe0dca"
-  integrity sha512-waevph9s+M/aBf4XJIjfwHlHH7SBEr29dTMqq6ymnp/qJQHsavLlQHjsWRcxkYJ5rKfM6omoW+G6EBRBDB05sA==
+vue@^3.0.0-beta.20:
+  version "3.0.0-beta.20"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.20.tgz#34a7907cfbdc65b6b8c61fb4d7656f4aa6bf1fff"
+  integrity sha512-JmfvMwZQ/bsEF5YBDdYqZzpp4M8dSninyGxG2bHUlpS4Y66X/pduw2GpGE61xxgfrp2KM5cI9ryRpsNHrsf9HA==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.18"
-    "@vue/runtime-dom" "3.0.0-beta.18"
-    "@vue/shared" "3.0.0-beta.18"
+    "@vue/compiler-dom" "3.0.0-beta.20"
+    "@vue/runtime-dom" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.20"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 8c4c51fea10f4b5c1126026b78a84f2dfd726301 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:07:32 +0800
Subject: [PATCH 062/626] feat: migrate SwipeCell component

---
 src-next/swipe-cell/README.md                 | 139 ++++++++++
 src-next/swipe-cell/README.zh-CN.md           | 155 +++++++++++
 src-next/swipe-cell/demo/index.vue            | 121 +++++++++
 src-next/swipe-cell/index.js                  | 246 ++++++++++++++++++
 src-next/swipe-cell/index.less                |  29 +++
 .../test/__snapshots__/demo.spec.js.snap      |  72 +++++
 .../test/__snapshots__/index.spec.js.snap     |  63 +++++
 src-next/swipe-cell/test/demo.spec.js         |   4 +
 src-next/swipe-cell/test/index.spec.js        | 229 ++++++++++++++++
 vant.config.js                                |  20 +-
 10 files changed, 1068 insertions(+), 10 deletions(-)
 create mode 100644 src-next/swipe-cell/README.md
 create mode 100644 src-next/swipe-cell/README.zh-CN.md
 create mode 100644 src-next/swipe-cell/demo/index.vue
 create mode 100644 src-next/swipe-cell/index.js
 create mode 100644 src-next/swipe-cell/index.less
 create mode 100644 src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/swipe-cell/test/demo.spec.js
 create mode 100644 src-next/swipe-cell/test/index.spec.js

diff --git a/src-next/swipe-cell/README.md b/src-next/swipe-cell/README.md
new file mode 100644
index 000000000..25a979899
--- /dev/null
+++ b/src-next/swipe-cell/README.md
@@ -0,0 +1,139 @@
+# SwipeCell
+
+### Install
+
+```js
+import Vue from 'vue';
+import { SwipeCell } from 'vant';
+
+Vue.use(SwipeCell);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-swipe-cell>
+  <template #left>
+    <van-button square type="primary" text="Select" />
+  </template>
+  <van-cell :border="false" title="Cell" value="Cell Content" />
+  <template #right>
+    <van-button square type="danger" text="Delete" />
+    <van-button square type="primary" text="Collect" />
+  </template>
+</van-swipe-cell>
+```
+
+### Custom Content
+
+```html
+<van-swipe-cell>
+  <van-card
+    num="2"
+    price="2.00"
+    desc="Description"
+    title="Title"
+    class="goods-card"
+    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
+  />
+  <template #right>
+    <van-button square text="Delete" type="danger" class="delete-button" />
+  </template>
+</van-swipe-cell>
+
+<style>
+  .goods-card {
+    margin: 0;
+    background-color: @white;
+  }
+
+  .delete-button {
+    height: 100%;
+  }
+</style>
+```
+
+### Before Close
+
+```html
+<van-swipe-cell :before-close="beforeClose">
+  <template #left>
+    <van-button square type="primary" text="Select" />
+  </template>
+  <van-cell :border="false" title="Cell" value="Cell Content" />
+  <template #right>
+    <van-button square type="danger" text="Delete" />
+  </template>
+</van-swipe-cell>
+```
+
+```js
+export default {
+  methods: {
+    beforeClose({ position, instance }) {
+      switch (position) {
+        case 'left':
+        case 'cell':
+        case 'outside':
+          instance.close();
+          break;
+        case 'right':
+          Dialog.confirm({
+            message: 'Are you sure to delete?',
+          }).then(() => {
+            instance.close();
+          });
+          break;
+      }
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| name `v2.0.4` | Identifier of SwipeCell | _number \| string_ | - |
+| left-width | Width of the left swipe area | _number \| string_ | `auto` |
+| right-width | Width of the right swipe area | _number \| string_ | `auto` |
+| before-close `v2.3.0` | Callback function before close | _Function_ | - |
+| disabled | Whether to disabled swipe | _boolean_ | `false` |
+| stop-propagation `v2.1.0` | Whether to stop touchmove event propagation | _boolean_ | `false` |
+
+### Slots
+
+| Name    | Description                     |
+| ------- | ------------------------------- |
+| default | custom content                  |
+| left    | content of left scrollable area |
+| right   | content of right scrollabe area |
+
+### Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| click | Triggered when clicked | Click positon (`left` `right` `cell` `outside`) |
+| open | Triggered when opened | { position: 'left' \| 'right' , name: string } |
+| close | Triggered when closed | { position: string , name: string } |
+
+### beforeClose Params
+
+| Attribute | Description                                     | Type        |
+| --------- | ----------------------------------------------- | ----------- |
+| name      | Name                                            | _string_    |
+| position  | Click positon (`left` `right` `cell` `outside`) | _string_    |
+| instance  | SwipeCell instance                              | _SwipeCell_ |
+
+### Methods
+
+Use [ref](https://vuejs.org/v2/api/#ref) to get SwipeCell instance and call instance methods
+
+| Name  | Description     | Attribute                | Return value |
+| ----- | --------------- | ------------------------ | ------------ |
+| open  | open SwipeCell  | position: `left | right` | -            |
+| close | close SwipeCell | -                        | -            |
diff --git a/src-next/swipe-cell/README.zh-CN.md b/src-next/swipe-cell/README.zh-CN.md
new file mode 100644
index 000000000..ccaf901ec
--- /dev/null
+++ b/src-next/swipe-cell/README.zh-CN.md
@@ -0,0 +1,155 @@
+# SwipeCell 滑动单元格
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { SwipeCell } from 'vant';
+
+Vue.use(SwipeCell);
+```
+
+## 代码演示
+
+### 基础用法
+
+`SwipeCell`组件提供了`left`和`right`两个插槽，用于定义两侧滑动区域的内容
+
+```html
+<van-swipe-cell>
+  <template #left>
+    <van-button square type="primary" text="选择" />
+  </template>
+  <van-cell :border="false" title="单元格" value="内容" />
+  <template #right>
+    <van-button square type="danger" text="删除" />
+    <van-button square type="primary" text="收藏" />
+  </template>
+</van-swipe-cell>
+```
+
+### 自定义内容
+
+`SwipeCell`内容可以嵌套任意内容，比如嵌套一个商品卡片
+
+```html
+<van-swipe-cell>
+  <van-card
+    num="2"
+    price="2.00"
+    desc="描述信息"
+    title="商品标题"
+    class="goods-card"
+    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
+  />
+  <template #right>
+    <van-button square text="删除" type="danger" class="delete-button" />
+  </template>
+</van-swipe-cell>
+
+<style>
+  .goods-card {
+    margin: 0;
+    background-color: @white;
+  }
+
+  .delete-button {
+    height: 100%;
+  }
+</style>
+```
+
+### 异步关闭
+
+通过传入`before-close`回调函数，可以自定义两侧滑动内容关闭时的行为
+
+```html
+<van-swipe-cell :before-close="beforeClose">
+  <template #left>
+    <van-button square type="primary" text="选择" />
+  </template>
+  <van-cell :border="false" title="单元格" value="内容" />
+  <template #right>
+    <van-button square type="danger" text="删除" />
+  </template>
+</van-swipe-cell>
+```
+
+```js
+export default {
+  methods: {
+    // position 为关闭时点击的位置
+    // instance 为对应的 SwipeCell 实例
+    beforeClose({ position, instance }) {
+      switch (position) {
+        case 'left':
+        case 'cell':
+        case 'outside':
+          instance.close();
+          break;
+        case 'right':
+          Dialog.confirm({
+            message: '确定删除吗？',
+          }).then(() => {
+            instance.close();
+          });
+          break;
+      }
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| name `v2.0.4` | 标识符，可以在事件参数中获取到 | _number \| string_ | - |
+| left-width | 指定左侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
+| right-width | 指定右侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
+| before-close `v2.3.0` | 关闭前的回调函数 | _Function_ | - |
+| disabled | 是否禁用滑动 | _boolean_ | `false` |
+| stop-propagation `v2.1.0` | 是否阻止滑动事件冒泡 | _boolean_ | `false` |
+
+### Slots
+
+| 名称    | 说明           |
+| ------- | -------------- |
+| default | 自定义显示内容 |
+| left    | 左侧滑动内容   |
+| right   | 右侧滑动内容   |
+
+### Events
+
+| 事件名 | 说明       | 回调参数                                           |
+| ------ | ---------- | -------------------------------------------------- |
+| click  | 点击时触发 | 关闭时的点击位置 (`left` `right` `cell` `outside`) |
+| open   | 打开时触发 | { position: 'left' \| 'right' , name: string }     |
+| close  | 关闭时触发 | { position: string , name: string }                |
+
+### beforeClose 参数
+
+beforeClose 的第一个参数为对象，对象中包含以下属性：
+
+| 参数名   | 说明                                               | 类型        |
+| -------- | -------------------------------------------------- | ----------- |
+| name     | 标识符                                             | _string_    |
+| position | 关闭时的点击位置 (`left` `right` `cell` `outside`) | _string_    |
+| instance | SwipeCell 实例，用于调用实例方法                   | _SwipeCell_ |
+
+### 方法
+
+通过 ref 可以获取到 SwipeCell 实例并调用实例方法，详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)
+
+| 方法名 | 说明             | 参数                     | 返回值 |
+| ------ | ---------------- | ------------------------ | ------ |
+| open   | 打开单元格侧边栏 | position: `left | right` | -      |
+| close  | 收起单元格侧边栏 | -                        | -      |
+
+## 常见问题
+
+### 在桌面端无法操作组件？
+
+参见[在桌面端使用](#/zh-CN/quickstart#zai-zhuo-mian-duan-shi-yong)。
diff --git a/src-next/swipe-cell/demo/index.vue b/src-next/swipe-cell/demo/index.vue
new file mode 100644
index 000000000..d7ce0629f
--- /dev/null
+++ b/src-next/swipe-cell/demo/index.vue
@@ -0,0 +1,121 @@
+<template>
+  <div>
+    <demo-section>
+      <demo-block :title="t('basicUsage')">
+        <van-swipe-cell>
+          <template #left>
+            <van-button square type="primary" :text="t('select')" />
+          </template>
+          <van-cell :border="false" :title="t('title')" :value="t('content')" />
+          <template #right>
+            <van-button square type="danger" :text="t('delete')" />
+            <van-button square type="primary" :text="t('collect')" />
+          </template>
+        </van-swipe-cell>
+      </demo-block>
+
+      <demo-block :title="t('customContent')">
+        <van-swipe-cell>
+          <van-card
+            num="2"
+            price="2.00"
+            :desc="t('desc')"
+            :title="t('cardTitle')"
+            :thumb="imageURL"
+          />
+          <template #right>
+            <van-button
+              square
+              type="danger"
+              class="delete-button"
+              :text="t('delete')"
+            />
+          </template>
+        </van-swipe-cell>
+      </demo-block>
+
+      <demo-block :title="t('beforeClose')">
+        <van-swipe-cell :before-close="beforeClose">
+          <template #left>
+            <van-button square type="primary" :text="t('select')" />
+          </template>
+          <van-cell :border="false" :title="t('title')" :value="t('content')" />
+          <template #right>
+            <van-button square type="danger" :text="t('delete')" />
+          </template>
+        </van-swipe-cell>
+      </demo-block>
+    </demo-section>
+  </div>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      select: '选择',
+      delete: '删除',
+      collect: '收藏',
+      title: '单元格',
+      confirm: '确定删除吗？',
+      cardTitle: '商品标题',
+      beforeClose: '异步关闭',
+      customContent: '自定义内容',
+    },
+    'en-US': {
+      select: 'Select',
+      delete: 'Delete',
+      collect: 'Collect',
+      title: 'Cell',
+      confirm: 'Are you sure to delete?',
+      cardTitle: 'Title',
+      beforeClose: 'Before Close',
+      customContent: 'Custom Content',
+    },
+  },
+
+  data() {
+    return {
+      imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg',
+    };
+  },
+
+  methods: {
+    beforeClose({ position, instance }) {
+      switch (position) {
+        case 'left':
+        case 'cell':
+        case 'outside':
+          instance.close();
+          break;
+        case 'right':
+          this.$dialog
+            .confirm({
+              message: this.t('confirm'),
+            })
+            .then(() => {
+              instance.close();
+            });
+          break;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-swipe-cell {
+  user-select: none;
+
+  .van-card {
+    margin: 0;
+    background-color: @white;
+  }
+
+  .delete-button {
+    height: 100%;
+  }
+}
+</style>
diff --git a/src-next/swipe-cell/index.js b/src-next/swipe-cell/index.js
new file mode 100644
index 000000000..b7a31aab3
--- /dev/null
+++ b/src-next/swipe-cell/index.js
@@ -0,0 +1,246 @@
+// Utils
+import { createNamespace } from '../utils';
+import { range } from '../utils/format/number';
+import { preventDefault } from '../utils/dom/event';
+
+// Mixins
+import { TouchMixin } from '../mixins/touch';
+import { ClickOutsideMixin } from '../mixins/click-outside';
+
+const [createComponent, bem] = createNamespace('swipe-cell');
+const THRESHOLD = 0.15;
+
+export default createComponent({
+  mixins: [
+    TouchMixin,
+    ClickOutsideMixin({
+      event: 'touchstart',
+      method: 'onClick',
+    }),
+  ],
+
+  props: {
+    // @deprecated
+    // should be removed in next major version, use beforeClose instead
+    onClose: Function,
+    disabled: Boolean,
+    leftWidth: [Number, String],
+    rightWidth: [Number, String],
+    beforeClose: Function,
+    stopPropagation: Boolean,
+    name: {
+      type: [Number, String],
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      offset: 0,
+      dragging: false,
+    };
+  },
+
+  computed: {
+    computedLeftWidth() {
+      return +this.leftWidth || this.getWidthByRef('left');
+    },
+
+    computedRightWidth() {
+      return +this.rightWidth || this.getWidthByRef('right');
+    },
+  },
+
+  mounted() {
+    this.bindTouchEvent(this.$el);
+  },
+
+  methods: {
+    getWidthByRef(ref) {
+      if (this.$refs[ref]) {
+        const rect = this.$refs[ref].getBoundingClientRect();
+        return rect.width;
+      }
+
+      return 0;
+    },
+
+    // @exposed-api
+    open(position) {
+      const offset =
+        position === 'left' ? this.computedLeftWidth : -this.computedRightWidth;
+
+      this.opened = true;
+      this.offset = offset;
+
+      this.$emit('open', {
+        position,
+        name: this.name,
+        // @deprecated
+        // should be removed in next major version
+        detail: this.name,
+      });
+    },
+
+    // @exposed-api
+    close(position) {
+      this.offset = 0;
+
+      if (this.opened) {
+        this.opened = false;
+        this.$emit('close', {
+          position,
+          name: this.name,
+        });
+      }
+    },
+
+    onTouchStart(event) {
+      if (this.disabled) {
+        return;
+      }
+
+      this.startOffset = this.offset;
+      this.touchStart(event);
+    },
+
+    onTouchMove(event) {
+      if (this.disabled) {
+        return;
+      }
+
+      this.touchMove(event);
+
+      if (this.direction === 'horizontal') {
+        this.dragging = true;
+        this.lockClick = true;
+
+        const isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
+
+        if (isPrevent) {
+          preventDefault(event, this.stopPropagation);
+        }
+
+        this.offset = range(
+          this.deltaX + this.startOffset,
+          -this.computedRightWidth,
+          this.computedLeftWidth
+        );
+      }
+    },
+
+    onTouchEnd() {
+      if (this.disabled) {
+        return;
+      }
+
+      if (this.dragging) {
+        this.toggle(this.offset > 0 ? 'left' : 'right');
+        this.dragging = false;
+
+        // compatible with desktop scenario
+        setTimeout(() => {
+          this.lockClick = false;
+        }, 0);
+      }
+    },
+
+    toggle(direction) {
+      const offset = Math.abs(this.offset);
+      const threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
+      const { computedLeftWidth, computedRightWidth } = this;
+
+      if (
+        computedRightWidth &&
+        direction === 'right' &&
+        offset > computedRightWidth * threshold
+      ) {
+        this.open('right');
+      } else if (
+        computedLeftWidth &&
+        direction === 'left' &&
+        offset > computedLeftWidth * threshold
+      ) {
+        this.open('left');
+      } else {
+        this.close();
+      }
+    },
+
+    onClick(position = 'outside') {
+      this.$emit('click', position);
+
+      if (this.opened && !this.lockClick) {
+        if (this.beforeClose) {
+          this.beforeClose({
+            position,
+            name: this.name,
+            instance: this,
+          });
+        } else if (this.onClose) {
+          this.onClose(position, this, { name: this.name });
+        } else {
+          this.close(position);
+        }
+      }
+    },
+
+    getClickHandler(position, stop) {
+      return (event) => {
+        if (stop) {
+          event.stopPropagation();
+        }
+        this.onClick(position);
+      };
+    },
+
+    genLeftPart() {
+      const content = this.$slots.left?.();
+
+      if (content) {
+        return (
+          <div
+            ref="left"
+            class={bem('left')}
+            onClick={this.getClickHandler('left', true)}
+          >
+            {content}
+          </div>
+        );
+      }
+    },
+
+    genRightPart() {
+      const content = this.$slots.right?.();
+
+      if (content) {
+        return (
+          <div
+            ref="right"
+            class={bem('right')}
+            onClick={this.getClickHandler('right', true)}
+          >
+            {content}
+          </div>
+        );
+      }
+    },
+  },
+
+  render() {
+    const wrapperStyle = {
+      transform: `translate3d(${this.offset}px, 0, 0)`,
+      transitionDuration: this.dragging ? '0s' : '.6s',
+    };
+
+    return (
+      <div class={bem()} onClick={this.getClickHandler('cell')}>
+        <div class={bem('wrapper')} style={wrapperStyle}>
+          {this.genLeftPart()}
+          {this.$slots.default?.()}
+          {this.genRightPart()}
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src-next/swipe-cell/index.less b/src-next/swipe-cell/index.less
new file mode 100644
index 000000000..64a62c058
--- /dev/null
+++ b/src-next/swipe-cell/index.less
@@ -0,0 +1,29 @@
+@import '../style/var';
+
+.van-swipe-cell {
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+
+  &__wrapper {
+    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
+    transition-property: transform;
+  }
+
+  &__left,
+  &__right {
+    position: absolute;
+    top: 0;
+    height: 100%;
+  }
+
+  &__left {
+    left: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  &__right {
+    right: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
diff --git a/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap b/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..2e1757d61
--- /dev/null
+++ b/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,72 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div>
+      <div class="van-swipe-cell">
+        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
+          <div class="van-swipe-cell__left"><button class="van-button van-button--primary van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">选择</span></div>
+            </button></div>
+          <div class="van-cell van-cell--borderless">
+            <div class="van-cell__title"><span>单元格</span></div>
+            <div class="van-cell__value"><span>内容</span></div>
+          </div>
+          <div class="van-swipe-cell__right"><button class="van-button van-button--danger van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">删除</span></div>
+            </button> <button class="van-button van-button--primary van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">收藏</span></div>
+            </button></div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <div class="van-swipe-cell">
+        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
+          <div class="van-card">
+            <div class="van-card__header"><a class="van-card__thumb">
+                <div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
+                  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+                      <!----></i></div>
+                </div>
+              </a>
+              <div class="van-card__content">
+                <div>
+                  <div class="van-card__title van-multi-ellipsis--l2">商品标题</div>
+                  <div class="van-card__desc van-ellipsis">描述信息</div>
+                </div>
+                <div class="van-card__bottom">
+                  <div class="van-card__price">
+                    <div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
+                  </div>
+                  <div class="van-card__num">x2</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="van-swipe-cell__right"><button class="delete-button van-button van-button--danger van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">删除</span></div>
+            </button></div>
+        </div>
+      </div>
+    </div>
+    <div>
+      <div class="van-swipe-cell">
+        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
+          <div class="van-swipe-cell__left"><button class="van-button van-button--primary van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">选择</span></div>
+            </button></div>
+          <div class="van-cell van-cell--borderless">
+            <div class="van-cell__title"><span>单元格</span></div>
+            <div class="van-cell__value"><span>内容</span></div>
+          </div>
+          <div class="van-swipe-cell__right"><button class="van-button van-button--danger van-button--normal van-button--square">
+              <div class="van-button__content"><span class="van-button__text">删除</span></div>
+            </button></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap b/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..def90a113
--- /dev/null
+++ b/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`auto calc width 1`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(50px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 1`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 2`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 3`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`drag and show left part 4`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`drag and show right part 1`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(-100px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+    <div class="van-swipe-cell__right">Right</div>
+  </div>
+</div>
+`;
+
+exports[`render one side 1`] = `
+<div class="van-swipe-cell">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(50px, 0, 0); transition-duration: .6s;">
+    <div class="van-swipe-cell__left">Left</div>
+  </div>
+</div>
+`;
diff --git a/src-next/swipe-cell/test/demo.spec.js b/src-next/swipe-cell/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/swipe-cell/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/swipe-cell/test/index.spec.js b/src-next/swipe-cell/test/index.spec.js
new file mode 100644
index 000000000..0f1d11693
--- /dev/null
+++ b/src-next/swipe-cell/test/index.spec.js
@@ -0,0 +1,229 @@
+import SwipeCell from '..';
+import {
+  mount,
+  triggerDrag,
+  later,
+  mockGetBoundingClientRect,
+} from '../../../test';
+
+const THRESHOLD = 0.15;
+const defaultProps = {
+  propsData: {
+    leftWidth: 100,
+    rightWidth: 100,
+  },
+  scopedSlots: {
+    left: () => 'Left',
+    right: () => 'Right',
+  },
+};
+
+test('drag and show left part', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, 10, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 500, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  triggerDrag(wrapper, 0, 100);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('drag and show right part', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, -50, 0);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('on-close prop', () => {
+  let position;
+  let instance;
+
+  const wrapper = mount(SwipeCell, {
+    ...defaultProps,
+    propsData: {
+      ...defaultProps.propsData,
+      onClose(pos, ins) {
+        position = pos;
+        instance = ins;
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(position).toEqual(undefined);
+
+  wrapper.vm.open('left');
+  wrapper.trigger('click');
+  expect(position).toEqual('cell');
+
+  wrapper.find('.van-swipe-cell__left').trigger('click');
+  expect(position).toEqual('left');
+
+  wrapper.find('.van-swipe-cell__right').trigger('click');
+  expect(position).toEqual('right');
+
+  instance.close();
+  expect(instance.offset).toEqual(0);
+
+  instance.open('left');
+  wrapper.setData({ onClose: null });
+  wrapper.trigger('click');
+  expect(wrapper.vm.offset).toEqual(0);
+});
+
+test('before-close prop', () => {
+  let position;
+  let instance;
+
+  const wrapper = mount(SwipeCell, {
+    ...defaultProps,
+    propsData: {
+      ...defaultProps.propsData,
+      beforeClose(params) {
+        ({ position } = params);
+        ({ instance } = params);
+      },
+    },
+  });
+
+  wrapper.trigger('click');
+  expect(position).toEqual(undefined);
+
+  wrapper.vm.open('left');
+  wrapper.trigger('click');
+  expect(position).toEqual('cell');
+
+  wrapper.find('.van-swipe-cell__left').trigger('click');
+  expect(position).toEqual('left');
+
+  wrapper.find('.van-swipe-cell__right').trigger('click');
+  expect(position).toEqual('right');
+
+  instance.close();
+  expect(wrapper.vm.offset).toEqual(0);
+
+  instance.open('left');
+  wrapper.setData({ beforeClose: null });
+  wrapper.trigger('click');
+  expect(wrapper.vm.offset).toEqual(0);
+});
+
+test('name prop', (done) => {
+  const wrapper = mount(SwipeCell, {
+    ...defaultProps,
+    propsData: {
+      ...defaultProps.propsData,
+      name: 'test',
+      onClose(position, instance, detail) {
+        expect(detail.name).toEqual('test');
+        done();
+      },
+    },
+  });
+
+  wrapper.vm.open('left');
+  wrapper.trigger('click');
+});
+
+test('should reset after drag', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, defaultProps.leftWidth * THRESHOLD - 1, 0);
+  expect(wrapper.vm.offset).toEqual(0);
+});
+
+test('disabled prop', () => {
+  const wrapper = mount(SwipeCell, {
+    propsData: {
+      ...defaultProps.propsData,
+      disabled: true,
+    },
+  });
+
+  triggerDrag(wrapper, 50, 0);
+  expect(wrapper.vm.offset).toEqual(0);
+});
+
+test('auto calc width', async () => {
+  const restoreMock = mockGetBoundingClientRect({
+    width: 50,
+  });
+
+  const wrapper = mount(SwipeCell, {
+    scopedSlots: defaultProps.scopedSlots,
+  });
+
+  await later();
+  triggerDrag(wrapper, 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('render one side', async () => {
+  const restoreMock = mockGetBoundingClientRect({
+    width: 50,
+  });
+
+  const wrapper = mount(SwipeCell, {
+    scopedSlots: {
+      left: defaultProps.scopedSlots.left,
+    },
+  });
+
+  await later();
+  triggerDrag(wrapper, 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('trigger open event when open left side', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, 50, 0);
+  expect(wrapper.emitted('open')[0][0]).toEqual({
+    name: '',
+    detail: '',
+    position: 'left',
+  });
+});
+
+test('trigger open event when open right side', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  triggerDrag(wrapper, -50, 0);
+  expect(wrapper.emitted('open')[0][0]).toEqual({
+    name: '',
+    detail: '',
+    position: 'right',
+  });
+});
+
+test('trigger close event when closed', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  wrapper.vm.open('left');
+  wrapper.vm.close();
+
+  expect(wrapper.emitted('close')[0][0]).toEqual({
+    name: '',
+    position: undefined,
+  });
+});
+
+test('should not trigger close event again when already closed', () => {
+  const wrapper = mount(SwipeCell, defaultProps);
+
+  wrapper.vm.open('left');
+  wrapper.vm.close();
+  wrapper.vm.close();
+  expect(wrapper.emitted('close').length).toEqual(1);
+});
diff --git a/vant.config.js b/vant.config.js
index 0c9d2eb25..467ff4759 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -212,10 +212,10 @@ module.exports = {
               //   path: 'share-sheet',
               //   title: 'ShareSheet 分享面板',
               // },
-              // {
-              //   path: 'swipe-cell',
-              //   title: 'SwipeCell 滑动单元格',
-              // },
+              {
+                path: 'swipe-cell',
+                title: 'SwipeCell 滑动单元格',
+              },
             ],
           },
           {
@@ -360,7 +360,7 @@ module.exports = {
               //   title: 'Sku 商品规格',
               // },
             ],
-          }
+          },
         ],
       },
       'en-US': {
@@ -546,10 +546,10 @@ module.exports = {
               //   path: 'share-sheet',
               //   title: 'ShareSheet',
               // },
-              // {
-              //   path: 'swipe-cell',
-              //   title: 'SwipeCell',
-              // },
+              {
+                path: 'swipe-cell',
+                title: 'SwipeCell',
+              },
             ],
           },
           {
@@ -694,7 +694,7 @@ module.exports = {
               //   title: 'Sku',
               // },
             ],
-          }
+          },
         ],
       },
     },

From 94ae79d9534e5e50739ab7b6c2c60bb77e1a90ad Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:11:43 +0800
Subject: [PATCH 063/626] feat: migrate Circle component

---
 breaking-changes.md                           |   1 +
 src-next/circle/README.md                     | 126 ++++++++++++
 src-next/circle/README.zh-CN.md               | 143 ++++++++++++++
 src-next/circle/demo/index.vue                | 137 +++++++++++++
 src-next/circle/index.js                      | 184 ++++++++++++++++++
 src-next/circle/index.less                    |  34 ++++
 .../test/__snapshots__/demo.spec.js.snap      |  57 ++++++
 .../test/__snapshots__/index.spec.js.snap     |  22 +++
 src-next/circle/test/demo.spec.js             |   4 +
 src-next/circle/test/index.spec.js            |  59 ++++++
 src-next/utils/dom/raf.ts                     |   4 +-
 vant.config.js                                |  16 +-
 12 files changed, 777 insertions(+), 10 deletions(-)
 create mode 100644 src-next/circle/README.md
 create mode 100644 src-next/circle/README.zh-CN.md
 create mode 100644 src-next/circle/demo/index.vue
 create mode 100644 src-next/circle/index.js
 create mode 100644 src-next/circle/index.less
 create mode 100644 src-next/circle/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/circle/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/circle/test/demo.spec.js
 create mode 100644 src-next/circle/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
index 844e014b9..2f1be1acb 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -16,6 +16,7 @@
 
 ## v-model API 变更
 
+- Circle: `v-model` 调整为 `v-model:currentRate`
 - Popup: `v-model` 调整为 `v-model:show`
 - Switch: v-model 对应的属性名和事件名由 `value/input` 调整为 `modelValue/update:modelValue`
 
diff --git a/src-next/circle/README.md b/src-next/circle/README.md
new file mode 100644
index 000000000..6b2ae7a1d
--- /dev/null
+++ b/src-next/circle/README.md
@@ -0,0 +1,126 @@
+# Circle
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Circle } from 'vant';
+
+Vue.use(Circle);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-circle v-model:currentRate="currentRate" :rate="30" :speed="100" :text="text" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentRate: 0,
+    };
+  },
+  computed: {
+    text() {
+      return this.currentRate.toFixed(0) + '%';
+    },
+  },
+};
+```
+
+### Custom Width
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :stroke-width="60"
+  text="Custom Width"
+/>
+```
+
+### Custom Color
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  layer-color="#ebedf0"
+  text="Custom Color"
+/>
+```
+
+### Gradient
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :color="gradientColor"
+  text="Gradient"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentRate: 0,
+      gradientColor: {
+        '0%': '#3fecff',
+        '100%': '#6149f6',
+      },
+    };
+  },
+};
+```
+
+### Counter Clockwise
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :clockwise="false"
+  text="Counter Clockwise"
+/>
+```
+
+### Custom Size
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  size="120px"
+  text="Custom Size"
+/>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| v-model:currentRate | Current rate | _number_ | - |
+| rate | Target rate | _number \| string_ | `100` |
+| size | Circle size | _number \| string_ | `100px` |
+| color `v2.1.4` | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
+| layer-color | Layer color | _string_ | `white` |
+| fill | Fill color | _string_ | `none` |
+| speed | Animate speed（rate/s） | _number \| string_ | `0` |
+| text | Text | _string_ | - |
+| stroke-width | Stroke width | _number \| string_ | `40` |
+| stroke-linecap `v2.2.15` | Stroke linecap，can be set to `sqaure` `butt` | _string_ | `round` |
+| clockwise | Whether to be clockwise | _boolean_ | `true` |
+
+### Slots
+
+| Name    | Description         |
+| ------- | ------------------- |
+| default | custom text content |
diff --git a/src-next/circle/README.zh-CN.md b/src-next/circle/README.zh-CN.md
new file mode 100644
index 000000000..dc12f5aa5
--- /dev/null
+++ b/src-next/circle/README.zh-CN.md
@@ -0,0 +1,143 @@
+# Circle 环形进度条
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Circle } from 'vant';
+
+Vue.use(Circle);
+```
+
+## 代码演示
+
+### 基础用法
+
+`rate`属性表示进度条的目标进度，`v-model:currentRate`表示动画过程中的实时进度。当`rate`发生变化时，`v-model:currentRate`会以`speed`的速度变化，直至达到`rate`设定的值。
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="30"
+  :speed="100"
+  :text="text"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentRate: 0,
+    };
+  },
+  computed: {
+    text() {
+      return this.currentRate.toFixed(0) + '%';
+    },
+  },
+};
+```
+
+### 宽度定制
+
+通过`stroke-width`属性来控制进度条宽度
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :stroke-width="60"
+  text="宽度定制"
+/>
+```
+
+### 颜色定制
+
+通过`color`属性来控制进度条颜色，`layer-color`属性来控制轨道颜色
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  layer-color="#ebedf0"
+  text="颜色定制"
+/>
+```
+
+### 渐变色
+
+`color`属性支持传入对象格式来定义渐变色
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :color="gradientColor"
+  text="渐变色"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      currentRate: 0,
+      gradientColor: {
+        '0%': '#3fecff',
+        '100%': '#6149f6',
+      },
+    };
+  },
+};
+```
+
+### 逆时针方向
+
+将`clockwise`设置为`false`，进度会从逆时针方向开始
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  :clockwise="false"
+  text="逆时针方向"
+/>
+```
+
+### 大小定制
+
+通过`size`属性设置圆环直径
+
+```html
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  size="120px"
+  text="大小定制"
+/>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| v-model:currentRate | 当前进度 | _number_ | - |
+| rate | 目标进度 | _number \| string_ | `100` |
+| size | 圆环直径，默认单位为 `px` | _number \| string_ | `100px` |
+| color `v2.1.4` | 进度条颜色，传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
+| layer-color | 轨道颜色 | _string_ | `white` |
+| fill | 填充颜色 | _string_ | `none` |
+| speed | 动画速度（单位为 rate/s） | _number \| string_ | `0` |
+| text | 文字 | _string_ | - |
+| stroke-width | 进度条宽度 | _number \| string_ | `40` |
+| stroke-linecap `v2.2.15` | 进度条端点的形状，可选值为`sqaure` `butt` | _string_ | `round` |
+| clockwise | 是否顺时针增加 | _boolean_ | `true` |
+
+### Slots
+
+| 名称    | 说明           |
+| ------- | -------------- |
+| default | 自定义文字内容 |
diff --git a/src-next/circle/demo/index.vue b/src-next/circle/demo/index.vue
new file mode 100644
index 000000000..975e86e26
--- /dev/null
+++ b/src-next/circle/demo/index.vue
@@ -0,0 +1,137 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-circle
+        v-model:currentRate="currentRate1"
+        :rate="rate"
+        :speed="100"
+        :text="currentRate1.toFixed(0) + '%'"
+      />
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-circle
+        v-model:currentRate="currentRate3"
+        :rate="rate"
+        :speed="100"
+        :stroke-width="60"
+        :text="t('customWidth')"
+      />
+
+      <van-circle
+        v-model:currentRate="currentRate3"
+        color="#ee0a24"
+        :rate="rate"
+        layer-color="#ebedf0"
+        :speed="100"
+        :text="t('customColor')"
+      />
+
+      <van-circle
+        v-model:currentRate="currentRate2"
+        :rate="rate"
+        :speed="100"
+        :color="gradientColor"
+        :text="t('gradient')"
+      />
+
+      <van-circle
+        v-model:currentRate="currentRate4"
+        color="#07c160"
+        :rate="rate"
+        :speed="100"
+        :clockwise="false"
+        :text="t('counterClockwise')"
+        style="margin-top: 15px;"
+      />
+
+      <van-circle
+        v-model:currentRate="currentRate4"
+        color="#7232dd"
+        :rate="rate"
+        :speed="100"
+        size="120px"
+        :clockwise="false"
+        :text="t('customSize')"
+        style="margin-top: 15px;"
+      />
+    </demo-block>
+
+    <div style="margin-top: 15px;">
+      <van-button :text="t('add')" type="primary" size="small" @click="add" />
+      <van-button
+        :text="t('decrease')"
+        type="danger"
+        size="small"
+        @click="reduce"
+      />
+    </div>
+  </demo-section>
+</template>
+
+<script>
+const format = (rate) => Math.min(Math.max(rate, 0), 100);
+
+export default {
+  i18n: {
+    'zh-CN': {
+      gradient: '渐变色',
+      customSize: '大小定制',
+      customStyle: '样式定制',
+      customColor: '颜色定制',
+      customWidth: '宽度定制',
+      counterClockwise: '逆时针',
+    },
+    'en-US': {
+      gradient: 'Gradient',
+      customSize: 'Custom Size',
+      customStyle: 'Custom Style',
+      customColor: 'Custom Color',
+      customWidth: 'Custom Width',
+      counterClockwise: 'Counter Clockwise',
+    },
+  },
+
+  data() {
+    return {
+      rate: 70,
+      currentRate1: 70,
+      currentRate2: 70,
+      currentRate3: 70,
+      currentRate4: 70,
+      gradientColor: {
+        '0%': '#3fecff',
+        '100%': '#6149f6',
+      },
+    };
+  },
+
+  methods: {
+    add() {
+      this.rate = format(this.rate + 20);
+    },
+
+    reduce() {
+      this.rate = format(this.rate - 20);
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-circle {
+  .van-circle {
+    margin-left: @padding-md;
+  }
+
+  .van-button {
+    margin: @padding-md 0 0 10px;
+
+    &:first-of-type {
+      margin-left: @padding-md;
+    }
+  }
+}
+</style>
diff --git a/src-next/circle/index.js b/src-next/circle/index.js
new file mode 100644
index 000000000..0d3247577
--- /dev/null
+++ b/src-next/circle/index.js
@@ -0,0 +1,184 @@
+import { createNamespace, isObject, addUnit } from '../utils';
+import { raf, cancelRaf } from '../utils/dom/raf';
+import { BLUE, WHITE } from '../utils/constant';
+
+const [createComponent, bem] = createNamespace('circle');
+
+const PERIMETER = 3140;
+
+let uid = 0;
+
+function format(rate) {
+  return Math.min(Math.max(rate, 0), 100);
+}
+
+function getPath(clockwise, viewBoxSize) {
+  const sweepFlag = clockwise ? 1 : 0;
+  return `M ${viewBoxSize / 2} ${
+    viewBoxSize / 2
+  } m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
+}
+
+export default createComponent({
+  props: {
+    text: String,
+    strokeLinecap: String,
+    currentRate: {
+      type: Number,
+      default: 0,
+    },
+    speed: {
+      type: [Number, String],
+      default: 0,
+    },
+    size: {
+      type: [Number, String],
+      default: 100,
+    },
+    fill: {
+      type: String,
+      default: 'none',
+    },
+    rate: {
+      type: [Number, String],
+      default: 100,
+    },
+    layerColor: {
+      type: String,
+      default: WHITE,
+    },
+    color: {
+      type: [String, Object],
+      default: BLUE,
+    },
+    strokeWidth: {
+      type: [Number, String],
+      default: 40,
+    },
+    clockwise: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  beforeCreate() {
+    this.uid = `van-circle-gradient-${uid++}`;
+  },
+
+  computed: {
+    style() {
+      const size = addUnit(this.size);
+      return {
+        width: size,
+        height: size,
+      };
+    },
+
+    path() {
+      return getPath(this.clockwise, this.viewBoxSize);
+    },
+
+    viewBoxSize() {
+      return +this.strokeWidth + 1000;
+    },
+
+    layerStyle() {
+      const offset = (PERIMETER * this.currentRate) / 100;
+
+      return {
+        stroke: `${this.color}`,
+        strokeWidth: `${+this.strokeWidth + 1}px`,
+        strokeLinecap: this.strokeLinecap,
+        strokeDasharray: `${offset}px ${PERIMETER}px`,
+      };
+    },
+
+    hoverStyle() {
+      return {
+        fill: `${this.fill}`,
+        stroke: `${this.layerColor}`,
+        strokeWidth: `${this.strokeWidth}px`,
+      };
+    },
+
+    gradient() {
+      return isObject(this.color);
+    },
+
+    LinearGradient() {
+      if (!this.gradient) {
+        return;
+      }
+
+      const Stops = Object.keys(this.color)
+        .sort((a, b) => parseFloat(a) - parseFloat(b))
+        .map((key, index) => (
+          <stop key={index} offset={key} stop-color={this.color[key]} />
+        ));
+
+      return (
+        <defs>
+          <linearGradient id={this.uid} x1="100%" y1="0%" x2="0%" y2="0%">
+            {Stops}
+          </linearGradient>
+        </defs>
+      );
+    },
+  },
+
+  watch: {
+    rate: {
+      handler(rate) {
+        this.startTime = Date.now();
+        this.startRate = this.currentRate;
+        this.endRate = format(rate);
+        this.increase = this.endRate > this.startRate;
+        this.duration = Math.abs(
+          ((this.startRate - this.endRate) * 1000) / this.speed
+        );
+
+        if (this.speed) {
+          cancelRaf(this.rafId);
+          this.rafId = raf(this.animate);
+        } else {
+          this.$emit('update:currentRate', this.endRate);
+        }
+      },
+      immediate: true,
+    },
+  },
+
+  methods: {
+    animate() {
+      const now = Date.now();
+      const progress = Math.min((now - this.startTime) / this.duration, 1);
+      const rate = progress * (this.endRate - this.startRate) + this.startRate;
+
+      this.$emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
+
+      if (this.increase ? rate < this.endRate : rate > this.endRate) {
+        this.rafId = raf(this.animate);
+      }
+    },
+  },
+
+  render() {
+    return (
+      <div class={bem()} style={this.style}>
+        <svg viewBox={`0 0 ${this.viewBoxSize} ${this.viewBoxSize}`}>
+          {this.LinearGradient}
+          <path class={bem('hover')} style={this.hoverStyle} d={this.path} />
+          <path
+            d={this.path}
+            class={bem('layer')}
+            style={this.layerStyle}
+            stroke={this.gradient ? `url(#${this.uid})` : this.color}
+          />
+        </svg>
+        {this.$slots.default
+          ? this.$slots.default()
+          : this.text && <div class={bem('text')}>{this.text}</div>}
+      </div>
+    );
+  },
+});
diff --git a/src-next/circle/index.less b/src-next/circle/index.less
new file mode 100644
index 000000000..46edec25c
--- /dev/null
+++ b/src-next/circle/index.less
@@ -0,0 +1,34 @@
+@import '../style/var';
+
+.van-circle {
+  position: relative;
+  display: inline-block;
+  text-align: center;
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__layer {
+    fill: none;
+    stroke-linecap: round;
+  }
+
+  &__text {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0 @padding-base;
+    color: @circle-text-color;
+    font-weight: @circle-text-font-weight;
+    font-size: @circle-text-font-size;
+    line-height: @circle-text-line-height;
+    transform: translateY(-50%);
+  }
+}
diff --git a/src-next/circle/test/__snapshots__/demo.spec.js.snap b/src-next/circle/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..6e0db1b94
--- /dev/null
+++ b/src-next/circle/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">70%</div>
+    </div>
+  </div>
+  <div>
+    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
+        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;"></path>
+        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">宽度定制</div>
+    </div>
+    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 40px;"></path>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#ee0a24" class="van-circle__layer" style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">颜色定制</div>
+    </div>
+    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+        <defs>
+          <linearGradient id="van-circle-gradient-3" x1="100%" y1="0%" x2="0%" y2="0%">
+            <stop offset="0%" stop-color="#3fecff"></stop>
+            <stop offset="100%" stop-color="#6149f6"></stop>
+          </linearGradient>
+        </defs>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="url(#van-circle-gradient-3)" class="van-circle__layer" style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">渐变色</div>
+    </div>
+    <div class="van-circle" style="width: 100px; height: 100px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" stroke="#07c160" class="van-circle__layer" style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">逆时针</div>
+    </div>
+    <div class="van-circle" style="width: 120px; height: 120px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" stroke="#7232dd" class="van-circle__layer" style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
+      </svg>
+      <div class="van-circle__text">大小定制</div>
+    </div>
+  </div>
+  <div style="margin-top: 15px;"><button class="van-button van-button--primary van-button--small">
+      <div class="van-button__content"><span class="van-button__text">增加</span></div>
+    </button> <button class="van-button van-button--danger van-button--small">
+      <div class="van-button__content"><span class="van-button__text">减少</span></div>
+    </button></div>
+</div>
+`;
diff --git a/src-next/circle/test/__snapshots__/index.spec.js.snap b/src-next/circle/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..8749d4958
--- /dev/null
+++ b/src-next/circle/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`size prop 1`] = `
+<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 0px 3140px;"></path>
+  </svg></div>
+`;
+
+exports[`speed is 0 1`] = `
+<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 1570px 3140px;"></path>
+  </svg></div>
+`;
+
+exports[`stroke-linecap prop 1`] = `
+<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
+    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-linecap: square; stroke-dasharray: 0px 3140px;"></path>
+  </svg></div>
+`;
diff --git a/src-next/circle/test/demo.spec.js b/src-next/circle/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/circle/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/circle/test/index.spec.js b/src-next/circle/test/index.spec.js
new file mode 100644
index 000000000..5b6a1481f
--- /dev/null
+++ b/src-next/circle/test/index.spec.js
@@ -0,0 +1,59 @@
+import Vue from 'vue';
+import Circle from '..';
+import { mount, later } from '../../../test';
+
+test('speed is 0', async () => {
+  const wrapper = mount(Circle, {
+    propsData: {
+      rate: 50,
+      value: 0,
+    },
+    listeners: {
+      input(value) {
+        Vue.nextTick(() => {
+          wrapper.setProps({ value });
+        });
+      },
+    },
+  });
+
+  await later();
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('animate', async () => {
+  const onInput = jest.fn();
+  mount(Circle, {
+    propsData: {
+      rate: 50,
+      speed: 100,
+    },
+    listeners: {
+      input: onInput,
+    },
+  });
+
+  await later(50);
+  expect(onInput).toHaveBeenCalled();
+  expect(onInput.mock.calls[0][0]).not.toEqual(0);
+});
+
+test('size prop', () => {
+  const wrapper = mount(Circle, {
+    propsData: {
+      size: 100,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('stroke-linecap prop', () => {
+  const wrapper = mount(Circle, {
+    propsData: {
+      strokeLinecap: 'square',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src-next/utils/dom/raf.ts b/src-next/utils/dom/raf.ts
index fa32db10b..ca7bc1b42 100644
--- a/src-next/utils/dom/raf.ts
+++ b/src-next/utils/dom/raf.ts
@@ -2,7 +2,7 @@
  * requestAnimationFrame polyfill
  */
 
-import { isServer } from '..';
+import { inBrowser } from '..';
 
 let prev = Date.now();
 
@@ -16,7 +16,7 @@ function fallback(fn: FrameRequestCallback): number {
 }
 
 /* istanbul ignore next */
-const root = (isServer ? global : window) as Window;
+const root = (inBrowser ? window : global) as Window;
 
 /* istanbul ignore next */
 const iRaf = root.requestAnimationFrame || fallback;
diff --git a/vant.config.js b/vant.config.js
index 467ff4759..5a67a5bc6 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -221,10 +221,10 @@ module.exports = {
           {
             title: '展示组件',
             items: [
-              // {
-              //   path: 'circle',
-              //   title: 'Circle 环形进度条',
-              // },
+              {
+                path: 'circle',
+                title: 'Circle 环形进度条',
+              },
               // {
               //   path: 'collapse',
               //   title: 'Collapse 折叠面板',
@@ -555,10 +555,10 @@ module.exports = {
           {
             title: 'Display Components',
             items: [
-              // {
-              //   path: 'circle',
-              //   title: 'Circle',
-              // },
+              {
+                path: 'circle',
+                title: 'Circle',
+              },
               // {
               //   path: 'collapse',
               //   title: 'Collapse',

From e111fd4208c3f68531486374e2e7db7dc3f2c7a8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:14:07 +0800
Subject: [PATCH 064/626] feat: migrate CountDown component

---
 src-next/count-down/README.md                 | 165 +++++++++++++
 src-next/count-down/README.zh-CN.md           | 183 ++++++++++++++
 src-next/count-down/demo/index.vue            | 130 ++++++++++
 src-next/count-down/index.js                  | 164 ++++++++++++
 src-next/count-down/index.less                |   7 +
 .../test/__snapshots__/index.spec.js.snap     |  11 +
 src-next/count-down/test/index.spec.js        | 233 ++++++++++++++++++
 src-next/count-down/utils.ts                  |  77 ++++++
 vant.config.js                                |  16 +-
 9 files changed, 978 insertions(+), 8 deletions(-)
 create mode 100644 src-next/count-down/README.md
 create mode 100644 src-next/count-down/README.zh-CN.md
 create mode 100644 src-next/count-down/demo/index.vue
 create mode 100644 src-next/count-down/index.js
 create mode 100644 src-next/count-down/index.less
 create mode 100644 src-next/count-down/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/count-down/test/index.spec.js
 create mode 100644 src-next/count-down/utils.ts

diff --git a/src-next/count-down/README.md b/src-next/count-down/README.md
new file mode 100644
index 000000000..0ed8d66f8
--- /dev/null
+++ b/src-next/count-down/README.md
@@ -0,0 +1,165 @@
+# CountDown
+
+### Install
+
+```js
+import Vue from 'vue';
+import { CountDown } from 'vant';
+
+Vue.use(CountDown);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-count-down :time="time" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      time: 30 * 60 * 60 * 1000,
+    };
+  },
+};
+```
+
+### Custom Format
+
+```html
+<van-count-down :time="time" format="DD Day, HH:mm:ss" />
+```
+
+### Millisecond
+
+```html
+<van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
+```
+
+### Custom Style
+
+```html
+<van-count-down :time="time">
+  <template v-slot="timeData">
+    <span class="block">{{ timeData.hours }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.minutes }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.seconds }}</span>
+  </template>
+</van-count-down>
+
+<style>
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: #ee0a24;
+  }
+  .block {
+    display: inline-block;
+    width: 22px;
+    color: #fff;
+    font-size: 12px;
+    text-align: center;
+    background-color: #ee0a24;
+  }
+</style>
+```
+
+### Manual Control
+
+```html
+<van-count-down
+  ref="countDown"
+  millisecond
+  :time="3000"
+  :auto-start="false"
+  format="ss:SSS"
+  @finish="finish"
+/>
+<van-grid clickable :column-num="3">
+  <van-grid-item text="Start" icon="play-circle-o" @click="start" />
+  <van-grid-item text="Pause" icon="pause-circle-o" @click="pause" />
+  <van-grid-item text="Reset" icon="replay" @click="reset" />
+</van-grid>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  methods: {
+    start() {
+      this.$refs.countDown.start();
+    },
+    pause() {
+      this.$refs.countDown.pause();
+    },
+    reset() {
+      this.$refs.countDown.reset();
+    },
+    finish() {
+      Toast('Finished');
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| time | Total time | _number \| string_ | `0` |
+| format | Time format | _string_ | `HH:mm:ss` |
+| auto-start | Whether to auto start count down | _boolean_ | `true` |
+| millisecond | Whether to enable millisecond render | _boolean_ | `false` |
+
+### Available formats
+
+| Format | Description           |
+| ------ | --------------------- |
+| DD     | Day                   |
+| HH     | Hour                  |
+| mm     | Minute                |
+| ss     | Second                |
+| S      | Millisecond, 1-digit  |
+| SS     | Millisecond, 2-digits |
+| SSS    | Millisecond, 3-digits |
+
+### Events
+
+| Event           | Description                        | Arguments            |
+| --------------- | ---------------------------------- | -------------------- |
+| finish          | Triggered when count down finished | -                    |
+| change `v2.4.4` | Triggered when count down changed  | _timeData: TimeData_ |
+
+### Slots
+
+| Name    | Description    | SlotProps            |
+| ------- | -------------- | -------------------- |
+| default | Custom Content | _timeData: TimeData_ |
+
+### TimeData Structure
+
+| Name         | Description         | Type     |
+| ------------ | ------------------- | -------- |
+| days         | Remain days         | _number_ |
+| hours        | Remain hours        | _number_ |
+| minutes      | Remain minutes      | _number_ |
+| seconds      | Remain seconds      | _number_ |
+| milliseconds | Remain milliseconds | _number_ |
+
+### Methods
+
+Use [ref](https://vuejs.org/v2/api/#ref) to get CountDown instance and call instance methods
+
+| Name  | Description      | Attribute | Return value |
+| ----- | ---------------- | --------- | ------------ |
+| start | Start count down | -         | -            |
+| pause | Pause count down | -         | -            |
+| reset | Reset count down | -         | -            |
diff --git a/src-next/count-down/README.zh-CN.md b/src-next/count-down/README.zh-CN.md
new file mode 100644
index 000000000..cfd1aada5
--- /dev/null
+++ b/src-next/count-down/README.zh-CN.md
@@ -0,0 +1,183 @@
+# CountDown 倒计时
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { CountDown } from 'vant';
+
+Vue.use(CountDown);
+```
+
+## 代码演示
+
+### 基础用法
+
+`time`属性表示倒计时总时长，单位为毫秒
+
+```html
+<van-count-down :time="time" />
+```
+
+```js
+export default {
+  data() {
+    return {
+      time: 30 * 60 * 60 * 1000,
+    };
+  },
+};
+```
+
+### 自定义格式
+
+通过`format`属性设置倒计时文本的内容
+
+```html
+<van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
+```
+
+### 毫秒级渲染
+
+倒计时默认每秒渲染一次，设置`millisecond`属性可以开启毫秒级渲染
+
+```html
+<van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
+```
+
+### 自定义样式
+
+通过插槽自定义倒计时的样式，`timeData`对象格式见下方表格
+
+```html
+<van-count-down :time="time">
+  <template v-slot="timeData">
+    <span class="block">{{ timeData.hours }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.minutes }}</span>
+    <span class="colon">:</span>
+    <span class="block">{{ timeData.seconds }}</span>
+  </template>
+</van-count-down>
+
+<style>
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: #ee0a24;
+  }
+  .block {
+    display: inline-block;
+    width: 22px;
+    color: #fff;
+    font-size: 12px;
+    text-align: center;
+    background-color: #ee0a24;
+  }
+</style>
+```
+
+### 手动控制
+
+通过 ref 获取到组件实例后，可以调用`start`、`pause`、`reset`方法
+
+```html
+<van-count-down
+  ref="countDown"
+  millisecond
+  :time="3000"
+  :auto-start="false"
+  format="ss:SSS"
+  @finish="finish"
+/>
+<van-grid clickable>
+  <van-grid-item text="开始" icon="play-circle-o" @click="start" />
+  <van-grid-item text="暂停" icon="pause-circle-o" @click="pause" />
+  <van-grid-item text="重置" icon="replay" @click="reset" />
+</van-grid>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  methods: {
+    start() {
+      this.$refs.countDown.start();
+    },
+    pause() {
+      this.$refs.countDown.pause();
+    },
+    reset() {
+      this.$refs.countDown.reset();
+    },
+    finish() {
+      Toast('倒计时结束');
+    },
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数        | 说明                 | 类型               | 默认值     |
+| ----------- | -------------------- | ------------------ | ---------- |
+| time        | 倒计时时长，单位毫秒 | _number \| string_ | `0`        |
+| format      | 时间格式             | _string_           | `HH:mm:ss` |
+| auto-start  | 是否自动开始倒计时   | _boolean_          | `true`     |
+| millisecond | 是否开启毫秒级渲染   | _boolean_          | `false`    |
+
+### format 格式
+
+| 格式 | 说明         |
+| ---- | ------------ |
+| DD   | 天数         |
+| HH   | 小时         |
+| mm   | 分钟         |
+| ss   | 秒数         |
+| S    | 毫秒（1 位） |
+| SS   | 毫秒（2 位） |
+| SSS  | 毫秒（3 位） |
+
+### Events
+
+| 事件名          | 说明             | 回调参数             |
+| --------------- | ---------------- | -------------------- |
+| finish          | 倒计时结束时触发 | -                    |
+| change `v2.4.4` | 倒计时变化时触发 | _timeData: TimeData_ |
+
+### Slots
+
+| 名称    | 说明       | SlotProps            |
+| ------- | ---------- | -------------------- |
+| default | 自定义内容 | _timeData: TimeData_ |
+
+### TimeData 格式
+
+| 名称         | 说明     | 类型     |
+| ------------ | -------- | -------- |
+| days         | 剩余天数 | _number_ |
+| hours        | 剩余小时 | _number_ |
+| minutes      | 剩余分钟 | _number_ |
+| seconds      | 剩余秒数 | _number_ |
+| milliseconds | 剩余毫秒 | _number_ |
+
+### 方法
+
+通过 ref 可以获取到 CountDown 实例并调用实例方法，详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)
+
+| 方法名 | 说明 | 参数 | 返回值 |
+| --- | --- | --- | --- |
+| start | 开始倒计时 | - | - |
+| pause | 暂停倒计时 | - | - |
+| reset | 重设倒计时，若`auto-start`为`true`，重设后会自动开始倒计时 | - | - |
+
+## 常见问题
+
+### 在 iOS 系统上倒计时不生效？
+
+如果你遇到了在 iOS 上倒计时不生效的问题，请确认在创建 Date 对象时没有使用`new Date('2020-01-01')`这样的写法，iOS 不支持以中划线分隔的日期格式，正确写法是`new Date('2020/01/01')`。
+
+对此问题的详细解释：[stackoverflow](https://stackoverflow.com/questions/13363673/javascript-date-is-invalid-on-ios)。
diff --git a/src-next/count-down/demo/index.vue b/src-next/count-down/demo/index.vue
new file mode 100644
index 000000000..47619b927
--- /dev/null
+++ b/src-next/count-down/demo/index.vue
@@ -0,0 +1,130 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-count-down :time="time" />
+    </demo-block>
+
+    <demo-block :title="t('customFormat')">
+      <van-count-down :time="time" :format="t('formatWithDay')" />
+    </demo-block>
+
+    <demo-block :title="t('millisecond')">
+      <van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-count-down :time="time">
+        <template v-slot="currentTime">
+          <div>
+            <span class="block">{{ currentTime.hours }}</span>
+            <span class="colon">:</span>
+            <span class="block">{{ currentTime.minutes }}</span>
+            <span class="colon">:</span>
+            <span class="block">{{ currentTime.seconds }}</span>
+          </div>
+        </template>
+      </van-count-down>
+    </demo-block>
+
+    <demo-block :title="t('manualControl')">
+      <van-count-down
+        ref="countDown"
+        millisecond
+        :time="3000"
+        :auto-start="false"
+        format="ss:SSS"
+        @finish="$toast(t('finished'))"
+      />
+      <van-grid clickable :column-num="3">
+        <van-grid-item icon="play-circle-o" :text="t('start')" @click="start" />
+        <van-grid-item
+          icon="pause-circle-o"
+          :text="t('pause')"
+          @click="pause"
+        />
+        <van-grid-item icon="replay" :text="t('reset')" @click="reset" />
+      </van-grid>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      millisecond: '毫秒级渲染',
+      customStyle: '自定义样式',
+      customFormat: '自定义格式',
+      manualControl: '手动控制',
+      formatWithDay: 'DD 天 HH 时 mm 分 ss 秒',
+      reset: '重置',
+      pause: '暂停',
+      start: '开始',
+      finished: '倒计时结束',
+    },
+    'en-US': {
+      millisecond: 'Millisecond',
+      customStyle: 'Custom Style',
+      customFormat: 'Custom Format',
+      manualControl: 'Manual Control',
+      formatWithDay: 'DD Day, HH:mm:ss',
+      reset: 'Reset',
+      pause: 'Pause',
+      start: 'Start',
+      finished: 'Finished',
+    },
+  },
+
+  data() {
+    return {
+      time: 30 * 60 * 60 * 1000,
+    };
+  },
+
+  methods: {
+    start() {
+      this.$refs.countDown.start();
+    },
+
+    pause() {
+      this.$refs.countDown.pause();
+    },
+
+    reset() {
+      this.$refs.countDown.reset();
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-count-down {
+  background-color: @white;
+
+  .van-count-down {
+    margin-left: @padding-md;
+  }
+
+  .colon {
+    display: inline-block;
+    margin: 0 4px;
+    color: @red;
+  }
+
+  .block {
+    display: inline-block;
+    width: 22px;
+    color: #fff;
+    font-size: 12px;
+    text-align: center;
+    background-color: @red;
+    border-radius: 4px;
+  }
+
+  .van-grid {
+    margin-top: 10px;
+  }
+}
+</style>
diff --git a/src-next/count-down/index.js b/src-next/count-down/index.js
new file mode 100644
index 000000000..705103305
--- /dev/null
+++ b/src-next/count-down/index.js
@@ -0,0 +1,164 @@
+import { createNamespace } from '../utils';
+import { raf, cancelRaf } from '../utils/dom/raf';
+import { isSameSecond, parseTimeData, parseFormat } from './utils';
+
+const [createComponent, bem] = createNamespace('count-down');
+
+export default createComponent({
+  props: {
+    millisecond: Boolean,
+    time: {
+      type: [Number, String],
+      default: 0,
+    },
+    format: {
+      type: String,
+      default: 'HH:mm:ss',
+    },
+    autoStart: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  data() {
+    return {
+      remain: 0,
+    };
+  },
+
+  computed: {
+    timeData() {
+      return parseTimeData(this.remain);
+    },
+
+    formattedTime() {
+      return parseFormat(this.format, this.timeData);
+    },
+  },
+
+  watch: {
+    time: {
+      immediate: true,
+      handler() {
+        this.reset();
+      },
+    },
+  },
+
+  activated() {
+    if (this.keepAlivePaused) {
+      this.counting = true;
+      this.keepAlivePaused = false;
+      this.tick();
+    }
+  },
+
+  deactivated() {
+    if (this.counting) {
+      this.pause();
+      this.keepAlivePaused = true;
+    }
+  },
+
+  beforeDestroy() {
+    this.pause();
+  },
+
+  methods: {
+    // @exposed-api
+    start() {
+      if (this.counting) {
+        return;
+      }
+
+      this.counting = true;
+      this.endTime = Date.now() + this.remain;
+      this.tick();
+    },
+
+    // @exposed-api
+    pause() {
+      this.counting = false;
+      cancelRaf(this.rafId);
+    },
+
+    // @exposed-api
+    reset() {
+      this.pause();
+      this.remain = +this.time;
+
+      if (this.autoStart) {
+        this.start();
+      }
+    },
+
+    tick() {
+      if (this.millisecond) {
+        this.microTick();
+      } else {
+        this.macroTick();
+      }
+    },
+
+    microTick() {
+      this.rafId = raf(() => {
+        /* istanbul ignore if */
+        // in case of call reset immediately after finish
+        if (!this.counting) {
+          return;
+        }
+
+        this.setRemain(this.getRemain());
+
+        if (this.remain > 0) {
+          this.microTick();
+        }
+      });
+    },
+
+    macroTick() {
+      this.rafId = raf(() => {
+        /* istanbul ignore if */
+        // in case of call reset immediately after finish
+        if (!this.counting) {
+          return;
+        }
+
+        const remain = this.getRemain();
+
+        if (!isSameSecond(remain, this.remain) || remain === 0) {
+          this.setRemain(remain);
+        }
+
+        if (this.remain > 0) {
+          this.macroTick();
+        }
+      });
+    },
+
+    getRemain() {
+      return Math.max(this.endTime - Date.now(), 0);
+    },
+
+    setRemain(remain) {
+      this.remain = remain;
+      this.$emit('change', this.timeData);
+
+      if (remain === 0) {
+        this.pause();
+        this.$emit('finish');
+      }
+    },
+  },
+
+  render() {
+    return (
+      <div class={bem()}>
+        {this.$slots.default
+          ? this.$slots.default(this.timeData)
+          : this.formattedTime}
+      </div>
+    );
+  },
+});
diff --git a/src-next/count-down/index.less b/src-next/count-down/index.less
new file mode 100644
index 000000000..5a6206a0b
--- /dev/null
+++ b/src-next/count-down/index.less
@@ -0,0 +1,7 @@
+@import '../style/var';
+
+.van-count-down {
+  color: @count-down-text-color;
+  font-size: @count-down-font-size;
+  line-height: @count-down-line-height;
+}
diff --git a/src-next/count-down/test/__snapshots__/index.spec.js.snap b/src-next/count-down/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..24d2499e0
--- /dev/null
+++ b/src-next/count-down/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`complete format prop 1`] = `<div class="van-count-down">01-05-59-59-999</div>`;
+
+exports[`disable auto-start prop 1`] = `<div class="van-count-down">100</div>`;
+
+exports[`incomplate format prop 1`] = `<div class="van-count-down">29-59-59-999</div>`;
+
+exports[`milliseconds format S 1`] = `<div class="van-count-down">01-5</div>`;
+
+exports[`milliseconds format SS 1`] = `<div class="van-count-down">01-50</div>`;
diff --git a/src-next/count-down/test/index.spec.js b/src-next/count-down/test/index.spec.js
new file mode 100644
index 000000000..1f0376509
--- /dev/null
+++ b/src-next/count-down/test/index.spec.js
@@ -0,0 +1,233 @@
+import CountDown from '..';
+import { mount, later } from '../../../test';
+
+test('macro task finish event', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1,
+    },
+  });
+
+  expect(wrapper.emitted('finish')).toBeFalsy();
+  await later(50);
+  expect(wrapper.emitted('finish')).toBeTruthy();
+});
+
+test('micro task finish event', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1,
+      millisecond: true,
+    },
+  });
+
+  expect(wrapper.emitted('finish')).toBeFalsy();
+  await later(50);
+  expect(wrapper.emitted('finish')).toBeTruthy();
+});
+
+test('macro task re-render', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1000,
+      format: 'SSS',
+    },
+  });
+
+  const prevSnapShot = wrapper.html();
+  await later(50);
+  const laterSnapShot = wrapper.html();
+
+  expect(prevSnapShot !== laterSnapShot).toBeTruthy();
+});
+
+test('micro task re-render', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 100,
+      format: 'SSS',
+      millisecond: true,
+    },
+  });
+
+  const prevSnapShot = wrapper.html();
+  await later(50);
+  const laterSnapShot = wrapper.html();
+
+  expect(prevSnapShot !== laterSnapShot).toBeTruthy();
+});
+
+test('disable auto-start prop', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 100,
+      format: 'SSS',
+      autoStart: false,
+    },
+  });
+
+  await later(50);
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('start method', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 100,
+      format: 'SSS',
+      autoStart: false,
+      millisecond: true,
+    },
+  });
+
+  const prevSnapShot = wrapper.html();
+
+  wrapper.vm.start();
+  wrapper.vm.start();
+
+  await later(50);
+
+  const laterShapShot = wrapper.html();
+
+  expect(prevSnapShot !== laterShapShot).toBeTruthy();
+});
+
+test('pause method', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 100,
+      format: 'SSS',
+      millisecond: true,
+    },
+  });
+
+  const prevSnapShot = wrapper.html();
+  wrapper.vm.pause();
+  await later(50);
+  const laterShapShot = wrapper.html();
+
+  expect(prevSnapShot === laterShapShot).toBeTruthy();
+});
+
+test('reset method', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 100,
+      format: 'SSS',
+      millisecond: true,
+    },
+  });
+
+  const prevSnapShot = wrapper.html();
+  await later(50);
+  wrapper.vm.reset();
+  const laterShapShot = wrapper.html();
+
+  expect(prevSnapShot === laterShapShot).toBeTruthy();
+});
+
+test('complete format prop', () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 30 * 60 * 60 * 1000 - 1,
+      autoStart: false,
+      format: 'DD-HH-mm-ss-SSS',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('milliseconds format SS', () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1500,
+      autoStart: false,
+      format: 'ss-SS',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('milliseconds format S', () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1500,
+      autoStart: false,
+      format: 'ss-S',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('incomplate format prop', () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 30 * 60 * 60 * 1000 - 1,
+      autoStart: false,
+      format: 'HH-mm-ss-SSS',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('pause when destroyed', () => {
+  const wrapper = mount(CountDown);
+  expect(wrapper.vm.counting).toBeTruthy();
+  wrapper.destroy();
+  expect(wrapper.vm.counting).toBeFalsy();
+});
+
+test('pause when deactivated', async () => {
+  const wrapper = mount({
+    template: `
+      <keep-alive>
+        <van-count-down v-if="render" ref="countDown" time="100" />
+      </keep-alive>
+    `,
+    data() {
+      return {
+        render: true,
+      };
+    },
+    methods: {
+      getCountDown() {
+        return this.$refs.countDown;
+      },
+    },
+  });
+
+  const countDown = wrapper.vm.getCountDown();
+  expect(countDown.counting).toBeTruthy();
+
+  wrapper.setData({ render: false });
+  expect(countDown.counting).toBeFalsy();
+  wrapper.setData({ render: true });
+  expect(countDown.counting).toBeTruthy();
+
+  countDown.pause();
+  wrapper.setData({ render: false });
+  wrapper.setData({ render: true });
+  expect(countDown.counting).toBeFalsy();
+});
+
+test('change event', async () => {
+  const wrapper = mount(CountDown, {
+    propsData: {
+      time: 1,
+    },
+  });
+
+  expect(wrapper.emitted('change')).toBeFalsy();
+  await later(50);
+  expect(wrapper.emitted('change')[0][0]).toEqual({
+    days: 0,
+    hours: 0,
+    milliseconds: 0,
+    minutes: 0,
+    seconds: 0,
+  });
+});
diff --git a/src-next/count-down/utils.ts b/src-next/count-down/utils.ts
new file mode 100644
index 000000000..63c17264e
--- /dev/null
+++ b/src-next/count-down/utils.ts
@@ -0,0 +1,77 @@
+import { padZero } from '../utils/format/string';
+
+export type TimeData = {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+};
+
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+
+export function parseTimeData(time: number): TimeData {
+  const days = Math.floor(time / DAY);
+  const hours = Math.floor((time % DAY) / HOUR);
+  const minutes = Math.floor((time % HOUR) / MINUTE);
+  const seconds = Math.floor((time % MINUTE) / SECOND);
+  const milliseconds = Math.floor(time % SECOND);
+
+  return {
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+  };
+}
+
+export function parseFormat(format: string, timeData: TimeData): string {
+  const { days } = timeData;
+  let { hours, minutes, seconds, milliseconds } = timeData;
+
+  if (format.indexOf('DD') === -1) {
+    hours += days * 24;
+  } else {
+    format = format.replace('DD', padZero(days));
+  }
+
+  if (format.indexOf('HH') === -1) {
+    minutes += hours * 60;
+  } else {
+    format = format.replace('HH', padZero(hours));
+  }
+
+  if (format.indexOf('mm') === -1) {
+    seconds += minutes * 60;
+  } else {
+    format = format.replace('mm', padZero(minutes));
+  }
+
+  if (format.indexOf('ss') === -1) {
+    milliseconds += seconds * 1000;
+  } else {
+    format = format.replace('ss', padZero(seconds));
+  }
+
+  if (format.indexOf('S') !== -1) {
+    const ms = padZero(milliseconds, 3);
+
+    if (format.indexOf('SSS') !== -1) {
+      format = format.replace('SSS', ms);
+    } else if (format.indexOf('SS') !== -1) {
+      format = format.replace('SS', ms.slice(0, 2));
+    } else {
+      format = format.replace('S', ms.charAt(0));
+    }
+  }
+
+  return format;
+}
+
+export function isSameSecond(time1: number, time2: number): boolean {
+  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+}
diff --git a/vant.config.js b/vant.config.js
index 5a67a5bc6..bd5cc7bfe 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -229,10 +229,10 @@ module.exports = {
               //   path: 'collapse',
               //   title: 'Collapse 折叠面板',
               // },
-              // {
-              //   path: 'count-down',
-              //   title: 'CountDown 倒计时',
-              // },
+              {
+                path: 'count-down',
+                title: 'CountDown 倒计时',
+              },
               {
                 path: 'divider',
                 title: 'Divider 分割线',
@@ -563,10 +563,10 @@ module.exports = {
               //   path: 'collapse',
               //   title: 'Collapse',
               // },
-              // {
-              //   path: 'count-down',
-              //   title: 'CountDown',
-              // },
+              {
+                path: 'count-down',
+                title: 'CountDown',
+              },
               {
                 path: 'divider',
                 title: 'Divider',

From 75d76d2cecde2ae4503538cf8b6bdae9e400ca63 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:16:56 +0800
Subject: [PATCH 065/626] feat: migrate Slider component

---
 src-next/slider/README.md                     | 123 +++++++++++
 src-next/slider/README.zh-CN.md               | 125 +++++++++++
 src-next/slider/demo/index.vue                | 114 ++++++++++
 src-next/slider/index.js                      | 195 ++++++++++++++++++
 src-next/slider/index.less                    |  75 +++++++
 .../test/__snapshots__/demo.spec.js.snap      |  71 +++++++
 .../test/__snapshots__/index.spec.js.snap     |  81 ++++++++
 src-next/slider/test/demo.spec.js             |   4 +
 src-next/slider/test/index.spec.js            | 166 +++++++++++++++
 vant.config.js                                |  16 +-
 10 files changed, 962 insertions(+), 8 deletions(-)
 create mode 100644 src-next/slider/README.md
 create mode 100644 src-next/slider/README.zh-CN.md
 create mode 100644 src-next/slider/demo/index.vue
 create mode 100644 src-next/slider/index.js
 create mode 100644 src-next/slider/index.less
 create mode 100644 src-next/slider/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/slider/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/slider/test/demo.spec.js
 create mode 100644 src-next/slider/test/index.spec.js

diff --git a/src-next/slider/README.md b/src-next/slider/README.md
new file mode 100644
index 000000000..0a342c50d
--- /dev/null
+++ b/src-next/slider/README.md
@@ -0,0 +1,123 @@
+# Slider
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Slider } from 'vant';
+
+Vue.use(Slider);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-slider v-model="value" @change="onChange" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      value: 50,
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('Current value：' + value);
+    },
+  },
+};
+```
+
+### Range
+
+```html
+<van-slider v-model="value" :min="-50" :max="50" />
+```
+
+### Disabled
+
+```html
+<van-slider v-model="value" disabled />
+```
+
+### Step size
+
+```html
+<van-slider v-model="value" :step="10" />
+```
+
+### Custom style
+
+```html
+<van-slider v-model="value" bar-height="4px" active-color="#ee0a24" />
+```
+
+### Custom button
+
+```html
+<van-slider v-model="value" active-color="#ee0a24">
+  <template #button>
+    <div class="custom-button">
+      {{ value }}
+    </div>
+  </template>
+</van-slider>
+
+<style>
+  .custom-button {
+    width: 26px;
+    color: #fff;
+    font-size: 10px;
+    line-height: 18px;
+    text-align: center;
+    background-color: #ee0a24;
+    border-radius: 100px;
+  }
+</style>
+```
+
+### Vertical
+
+```html
+<div :style="{ height: '100px' }">
+  <van-slider v-model="value" vertical />
+</div>
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| value | Current value | _number_ | `0` |
+| max | Max value | _number \| string_ | `100` |
+| min | Min value | _number \| string_ | `0` |
+| step | Step size | _number \| string_ | `1` |
+| bar-height | Height of bar | _number \| string_ | `2px` |
+| button-size `v2.4.5` | Button size | _number \| string_ | `24px` |
+| active-color | Active color of bar | _string_ | `#1989fa` |
+| inactive-color | Inactive color of bar | _string_ | `#e5e5e5` |
+| disabled | Whether to disable slider | _boolean_ | `false` |
+| vertical | Whether to display slider vertically | _boolean_ | `false` |
+
+### Events
+
+| Event      | Description                          | Arguments           |
+| ---------- | ------------------------------------ | ------------------- |
+| input      | Instant triggered when value changed | value: current rate |
+| change     | Triggered after value changed        | value: current rate |
+| drag-start | Triggered when start drag            | -                   |
+| drag-end   | Triggered when end drag              | -                   |
+
+### Slots
+
+| Name   | Description   |
+| ------ | ------------- |
+| button | Custom button |
diff --git a/src-next/slider/README.zh-CN.md b/src-next/slider/README.zh-CN.md
new file mode 100644
index 000000000..99c43e4eb
--- /dev/null
+++ b/src-next/slider/README.zh-CN.md
@@ -0,0 +1,125 @@
+# Slider 滑块
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Slider } from 'vant';
+
+Vue.use(Slider);
+```
+
+## 代码演示
+
+### 基础用法
+
+```html
+<van-slider v-model="value" @change="onChange" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      value: 50,
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('当前值：' + value);
+    },
+  },
+};
+```
+
+### 指定选择范围
+
+```html
+<van-slider v-model="value" :min="-50" :max="50" />
+```
+
+### 禁用
+
+```html
+<van-slider v-model="value" disabled />
+```
+
+### 指定步长
+
+```html
+<van-slider v-model="value" :step="10" />
+```
+
+### 自定义样式
+
+```html
+<van-slider v-model="value" bar-height="4px" active-color="#ee0a24" />
+```
+
+### 自定义按钮
+
+```html
+<van-slider v-model="value" active-color="#ee0a24">
+  <template #button>
+    <div class="custom-button">
+      {{ value }}
+    </div>
+  </template>
+</van-slider>
+
+<style>
+  .custom-button {
+    width: 26px;
+    color: #fff;
+    font-size: 10px;
+    line-height: 18px;
+    text-align: center;
+    background-color: #ee0a24;
+    border-radius: 100px;
+  }
+</style>
+```
+
+### 垂直方向
+
+Slider 垂直展示时，高度为 100% 父元素高度
+
+```html
+<div :style="{ height: '100px' }">
+  <van-slider v-model="value" vertical />
+</div>
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| value | 当前进度百分比 | _number_ | `0` |
+| max | 最大值 | _number \| string_ | `100` |
+| min | 最小值 | _number \| string_ | `0` |
+| step | 步长 | _number \| string_ | `1` |
+| bar-height | 进度条高度，默认单位为`px` | _number \| string_ | `2px` |
+| button-size `v2.4.5` | 滑块按钮大小，默认单位为`px` | _number \| string_ | `24px` |
+| active-color | 进度条激活态颜色 | _string_ | `#1989fa` |
+| inactive-color | 进度条非激活态颜色 | _string_ | `#e5e5e5` |
+| disabled | 是否禁用滑块 | _boolean_ | `false` |
+| vertical | 是否垂直展示 | _boolean_ | `false` |
+
+### Events
+
+| 事件名     | 说明                     | 回调参数        |
+| ---------- | ------------------------ | --------------- |
+| input      | 进度变化时实时触发       | value: 当前进度 |
+| change     | 进度变化且结束拖动后触发 | value: 当前进度 |
+| drag-start | 开始拖动时触发           | -               |
+| drag-end   | 结束拖动时触发           | -               |
+
+### Slots
+
+| 名称   | 说明           |
+| ------ | -------------- |
+| button | 自定义滑动按钮 |
diff --git a/src-next/slider/demo/index.vue b/src-next/slider/demo/index.vue
new file mode 100644
index 000000000..a510eefc6
--- /dev/null
+++ b/src-next/slider/demo/index.vue
@@ -0,0 +1,114 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('title1')">
+      <van-slider v-model="value1" @change="onChange" />
+    </demo-block>
+
+    <demo-block :title="t('title2')">
+      <van-slider v-model="value2" :min="-50" :max="50" @change="onChange" />
+    </demo-block>
+
+    <demo-block :title="t('title3')">
+      <van-slider v-model="value3" disabled />
+    </demo-block>
+
+    <demo-block :title="t('title4')">
+      <van-slider v-model="value4" :step="10" @change="onChange" />
+    </demo-block>
+
+    <demo-block :title="t('customStyle')">
+      <van-slider
+        v-model="value5"
+        bar-height="4px"
+        active-color="#ee0a24"
+        @change="onChange"
+      />
+    </demo-block>
+
+    <demo-block :title="t('customButton')">
+      <van-slider v-model="value6" active-color="#ee0a24">
+        <template #button>
+          <div class="custom-button">{{ value6 }}</div>
+        </template>
+      </van-slider>
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('vertical')">
+      <div :style="{ height: '120px', paddingLeft: '30px' }">
+        <van-slider v-model="value7" vertical @change="onChange" />
+      </div>
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title1: '基础用法',
+      title2: '指定选择范围',
+      title3: '禁用',
+      title4: '指定步长',
+      customStyle: '自定义样式',
+      customButton: '自定义按钮',
+      text: '当前值：',
+      vertical: '垂直方向',
+    },
+    'en-US': {
+      title1: 'Basic Usage',
+      title2: 'Range',
+      title3: 'Disabled',
+      title4: 'Step size',
+      customStyle: 'Custom Style',
+      customButton: 'Custom Button',
+      text: 'Current value: ',
+      vertical: 'Vertical',
+    },
+  },
+
+  data() {
+    return {
+      value1: 50,
+      value2: 0,
+      value3: 50,
+      value4: 50,
+      value5: 50,
+      value6: 50,
+      value7: 50,
+    };
+  },
+
+  methods: {
+    onChange(value) {
+      this.$toast(this.t('text') + value);
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-slider {
+  background: @white;
+  user-select: none;
+
+  .van-doc-demo-block {
+    padding: 0 @padding-md 20px;
+  }
+
+  .van-doc-demo-block__title {
+    padding-left: 0;
+  }
+
+  .custom-button {
+    width: 26px;
+    color: #fff;
+    font-size: 10px;
+    line-height: 18px;
+    text-align: center;
+    background-color: @red;
+    border-radius: 100px;
+  }
+}
+</style>
diff --git a/src-next/slider/index.js b/src-next/slider/index.js
new file mode 100644
index 000000000..d0e3e0b6a
--- /dev/null
+++ b/src-next/slider/index.js
@@ -0,0 +1,195 @@
+import { createNamespace, addUnit } from '../utils';
+import { preventDefault } from '../utils/dom/event';
+import { TouchMixin } from '../mixins/touch';
+import { FieldMixin } from '../mixins/field';
+
+const [createComponent, bem] = createNamespace('slider');
+
+export default createComponent({
+  mixins: [TouchMixin, FieldMixin],
+
+  props: {
+    disabled: Boolean,
+    vertical: Boolean,
+    barHeight: [Number, String],
+    buttonSize: [Number, String],
+    activeColor: String,
+    inactiveColor: String,
+    min: {
+      type: [Number, String],
+      default: 0,
+    },
+    max: {
+      type: [Number, String],
+      default: 100,
+    },
+    step: {
+      type: [Number, String],
+      default: 1,
+    },
+    modelValue: {
+      type: Number,
+      default: 0,
+    },
+  },
+
+  data() {
+    return {
+      dragStatus: '',
+    };
+  },
+
+  computed: {
+    range() {
+      return this.max - this.min;
+    },
+
+    buttonStyle() {
+      if (this.buttonSize) {
+        const size = addUnit(this.buttonSize);
+        return {
+          width: size,
+          height: size,
+        };
+      }
+    },
+  },
+
+  created() {
+    // format initial value
+    this.updateValue(this.modelValue);
+  },
+
+  mounted() {
+    this.bindTouchEvent(this.$refs.wrapper);
+  },
+
+  methods: {
+    onTouchStart(event) {
+      if (this.disabled) {
+        return;
+      }
+
+      this.touchStart(event);
+      this.startValue = this.format(this.modelValue);
+      this.dragStatus = 'start';
+    },
+
+    onTouchMove(event) {
+      if (this.disabled) {
+        return;
+      }
+
+      if (this.dragStatus === 'start') {
+        this.$emit('drag-start');
+      }
+
+      preventDefault(event, true);
+      this.touchMove(event);
+      this.dragStatus = 'draging';
+
+      const rect = this.$el.getBoundingClientRect();
+      const delta = this.vertical ? this.deltaY : this.deltaX;
+      const total = this.vertical ? rect.height : rect.width;
+      const diff = (delta / total) * this.range;
+
+      this.newValue = this.startValue + diff;
+      this.updateValue(this.newValue);
+    },
+
+    onTouchEnd() {
+      if (this.disabled) {
+        return;
+      }
+
+      if (this.dragStatus === 'draging') {
+        this.updateValue(this.newValue, true);
+        this.$emit('drag-end');
+      }
+
+      this.dragStatus = '';
+    },
+
+    onClick(event) {
+      event.stopPropagation();
+
+      if (this.disabled) return;
+
+      const rect = this.$el.getBoundingClientRect();
+      const delta = this.vertical
+        ? event.clientY - rect.top
+        : event.clientX - rect.left;
+      const total = this.vertical ? rect.height : rect.width;
+      const value = +this.min + (delta / total) * this.range;
+
+      this.startValue = this.modelValue;
+      this.updateValue(value, true);
+    },
+
+    updateValue(value, end) {
+      value = this.format(value);
+
+      if (value !== this.modelValue) {
+        this.$emit('update:modelValue', value);
+      }
+
+      if (end && value !== this.startValue) {
+        this.$emit('change', value);
+      }
+    },
+
+    format(value) {
+      return (
+        Math.round(Math.max(this.min, Math.min(value, this.max)) / this.step) *
+        this.step
+      );
+    },
+  },
+
+  render() {
+    const { vertical } = this;
+    const mainAxis = vertical ? 'height' : 'width';
+    const crossAxis = vertical ? 'width' : 'height';
+
+    const wrapperStyle = {
+      background: this.inactiveColor,
+      [crossAxis]: addUnit(this.barHeight),
+    };
+
+    const barStyle = {
+      [mainAxis]: `${((this.modelValue - this.min) * 100) / this.range}%`,
+      background: this.activeColor,
+    };
+
+    if (this.dragStatus) {
+      barStyle.transition = 'none';
+    }
+
+    return (
+      <div
+        style={wrapperStyle}
+        class={bem({ disabled: this.disabled, vertical })}
+        onClick={this.onClick}
+      >
+        <div class={bem('bar')} style={barStyle}>
+          <div
+            ref="wrapper"
+            role="slider"
+            tabindex={this.disabled ? -1 : 0}
+            aria-valuemin={this.min}
+            aria-valuenow={this.modelValue}
+            aria-valuemax={this.max}
+            aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
+            class={bem('button-wrapper')}
+          >
+            {this.$slots.button ? (
+              this.$slots.button()
+            ) : (
+              <div class={bem('button')} style={this.buttonStyle} />
+            )}
+          </div>
+        </div>
+      </div>
+    );
+  },
+});
diff --git a/src-next/slider/index.less b/src-next/slider/index.less
new file mode 100644
index 000000000..6919ffe0c
--- /dev/null
+++ b/src-next/slider/index.less
@@ -0,0 +1,75 @@
+@import '../style/var';
+
+.van-slider {
+  position: relative;
+  width: 100%;
+  height: @slider-bar-height;
+  background-color: @slider-inactive-background-color;
+  border-radius: @border-radius-max;
+  cursor: pointer;
+
+  // use pseudo element to expand click area
+  &::before {
+    position: absolute;
+    top: -@padding-xs;
+    right: 0;
+    bottom: -@padding-xs;
+    left: 0;
+    content: '';
+  }
+
+  &__bar {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: @slider-active-background-color;
+    border-radius: inherit;
+    transition: width @animation-duration-fast;
+  }
+
+  &__button {
+    width: @slider-button-width;
+    height: @slider-button-height;
+    background-color: @slider-button-background-color;
+    border-radius: @slider-button-border-radius;
+    box-shadow: @slider-button-box-shadow;
+
+    &-wrapper {
+      position: absolute;
+      top: 50%;
+      right: 0;
+      transform: translate3d(50%, -50%, 0);
+      cursor: grab;
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: @slider-disabled-opacity;
+
+    .van-slider__button-wrapper {
+      cursor: not-allowed;
+    }
+  }
+
+  &--vertical {
+    display: inline-block;
+    width: @slider-bar-height;
+    height: 100%;
+
+    .van-slider__button-wrapper {
+      top: auto;
+      right: 50%;
+      bottom: 0;
+      transform: translate3d(50%, 50%, 0);
+    }
+
+    // use pseudo element to expand click area
+    &::before {
+      top: 0;
+      right: -@padding-xs;
+      bottom: 0;
+      left: -@padding-xs;
+    }
+  }
+}
diff --git a/src-next/slider/test/__snapshots__/demo.spec.js.snap b/src-next/slider/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..e1a65f6e5
--- /dev/null
+++ b/src-next/slider/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-slider">
+      <div class="van-slider__bar" style="width: 50%;">
+        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="van-slider__button"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-slider">
+      <div class="van-slider__bar" style="width: 50%;">
+        <div role="slider" tabindex="0" aria-valuemin="-50" aria-valuenow="0" aria-valuemax="50" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="van-slider__button"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-slider van-slider--disabled">
+      <div class="van-slider__bar" style="width: 50%;">
+        <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="van-slider__button"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-slider">
+      <div class="van-slider__bar" style="width: 50%;">
+        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="van-slider__button"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-slider" style="height: 4px;">
+      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
+        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="van-slider__button"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-slider">
+      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
+        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+          <div class="custom-button">50</div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div style="height: 120px; padding-left: 30px;">
+      <div class="van-slider van-slider--vertical">
+        <div class="van-slider__bar" style="height: 50%;">
+          <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
+            <div class="van-slider__button"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/slider/test/__snapshots__/index.spec.js.snap b/src-next/slider/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..e63f4f6d0
--- /dev/null
+++ b/src-next/slider/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`bar-height prop 1`] = `
+<div class="van-slider" style="height: 10px;">
+  <div class="van-slider__bar" style="width: 50%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`button-size prop 1`] = `
+<div class="van-slider">
+  <div class="van-slider__bar" style="width: 50%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button" style="width: 10px; height: 10px;"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`click bar 1`] = `
+<div class="van-slider van-slider--disabled">
+  <div class="van-slider__bar" style="width: 50%;">
+    <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`click bar 2`] = `
+<div class="van-slider">
+  <div class="van-slider__bar" style="width: 100%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`click vertical 1`] = `
+<div class="van-slider van-slider--vertical">
+  <div class="van-slider__bar" style="height: 100%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`drag button 1`] = `
+<div class="van-slider van-slider--disabled">
+  <div class="van-slider__bar" style="width: 50%;">
+    <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`drag button 2`] = `
+<div class="van-slider">
+  <div class="van-slider__bar" style="width: 100%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`drag button vertical 1`] = `
+<div class="van-slider van-slider--vertical">
+  <div class="van-slider__bar" style="height: 100%;">
+    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
+      <div class="van-slider__button"></div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/slider/test/demo.spec.js b/src-next/slider/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/slider/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/slider/test/index.spec.js b/src-next/slider/test/index.spec.js
new file mode 100644
index 000000000..53333b201
--- /dev/null
+++ b/src-next/slider/test/index.spec.js
@@ -0,0 +1,166 @@
+import Slider from '..';
+import {
+  mount,
+  trigger,
+  triggerDrag,
+  mockGetBoundingClientRect,
+} from '../../../test';
+
+function mockRect(vertical) {
+  return mockGetBoundingClientRect({
+    width: vertical ? 0 : 100,
+    height: vertical ? 100 : 0,
+    top: vertical ? 0 : 100,
+    left: vertical ? 100 : 0,
+  });
+}
+
+test('drag button', () => {
+  const restoreMock = mockRect();
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      disabled: true,
+    },
+  });
+
+  wrapper.vm.$on('input', (value) => {
+    wrapper.setProps({ value });
+  });
+
+  const button = wrapper.find('.van-slider__button');
+  triggerDrag(button, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+  expect(wrapper.emitted('drag-start')).toBeFalsy();
+  expect(wrapper.emitted('drag-end')).toBeFalsy();
+
+  wrapper.setData({ disabled: false });
+  trigger(button, 'touchstart', 0, 0);
+  trigger(button, 'touchend', 0, 0);
+  triggerDrag(button, 50, 0);
+  expect(wrapper).toMatchSnapshot();
+  expect(wrapper.emitted('drag-start')).toBeTruthy();
+  expect(wrapper.emitted('drag-end')).toBeTruthy();
+
+  restoreMock();
+});
+
+test('click bar', () => {
+  const restoreMock = mockRect();
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      disabled: true,
+    },
+  });
+
+  wrapper.vm.$on('input', (value) => {
+    wrapper.setProps({ value });
+  });
+
+  trigger(wrapper, 'click', 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  wrapper.setData({ disabled: false });
+  trigger(wrapper, 'click', 100, 0);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('drag button vertical', () => {
+  const restoreMock = mockRect(true);
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      vertical: true,
+    },
+  });
+
+  wrapper.vm.$on('input', (value) => {
+    wrapper.setProps({ value });
+  });
+
+  const button = wrapper.find('.van-slider__button');
+  triggerDrag(button, 0, 50);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('click vertical', () => {
+  const restoreMock = mockRect(true);
+
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      vertical: true,
+    },
+  });
+
+  wrapper.vm.$on('input', (value) => {
+    wrapper.setProps({ value });
+  });
+
+  trigger(wrapper, 'click', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  restoreMock();
+});
+
+test('bar-height prop', () => {
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      barHeight: 10,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('button-size prop', () => {
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+      buttonSize: 10,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should not emit change event when value not changed', () => {
+  const wrapper = mount(Slider, {
+    propsData: {
+      value: 50,
+    },
+    listeners: {
+      input(value) {
+        wrapper.setProps({ value });
+      },
+    },
+  });
+
+  trigger(wrapper, 'click', 100, 0);
+  trigger(wrapper, 'click', 100, 0);
+
+  expect(wrapper.emitted('change').length).toEqual(1);
+});
+
+test('should format initial value', (done) => {
+  mount(Slider, {
+    propsData: {
+      value: null,
+    },
+    listeners: {
+      input(value) {
+        expect(value).toEqual(0);
+        done();
+      },
+    },
+  });
+});
diff --git a/vant.config.js b/vant.config.js
index bd5cc7bfe..f0e8c944e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -159,10 +159,10 @@ module.exports = {
               //   path: 'search',
               //   title: 'Search 搜索',
               // },
-              // {
-              //   path: 'slider',
-              //   title: 'Slider 滑块',
-              // },
+              {
+                path: 'slider',
+                title: 'Slider 滑块',
+              },
               // {
               //   path: 'stepper',
               //   title: 'Stepper 步进器',
@@ -493,10 +493,10 @@ module.exports = {
               //   path: 'search',
               //   title: 'Search',
               // },
-              // {
-              //   path: 'slider',
-              //   title: 'Slider',
-              // },
+              {
+                path: 'slider',
+                title: 'Slider',
+              },
               // {
               //   path: 'stepper',
               //   title: 'Stepper',

From 08e03e988fe57e73a9fdde33df829242742036d4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:24:05 +0800
Subject: [PATCH 066/626] feat: migrate Sidebar component

---
 breaking-changes.md                           |   3 +-
 src-next/sidebar-item/index.js                |  51 ++++++++
 src-next/sidebar-item/index.less              |  59 +++++++++
 src-next/sidebar/README.md                    | 112 ++++++++++++++++
 src-next/sidebar/README.zh-CN.md              | 121 ++++++++++++++++++
 src-next/sidebar/demo/index.vue               |  98 ++++++++++++++
 src-next/sidebar/index.js                     |  40 ++++++
 src-next/sidebar/index.less                   |   7 +
 .../test/__snapshots__/demo.spec.js.snap      |  77 +++++++++++
 src-next/sidebar/test/demo.spec.js            |   4 +
 src-next/sidebar/test/index.spec.js           |  78 +++++++++++
 11 files changed, 649 insertions(+), 1 deletion(-)
 create mode 100644 src-next/sidebar-item/index.js
 create mode 100644 src-next/sidebar-item/index.less
 create mode 100644 src-next/sidebar/README.md
 create mode 100644 src-next/sidebar/README.zh-CN.md
 create mode 100644 src-next/sidebar/demo/index.vue
 create mode 100644 src-next/sidebar/index.js
 create mode 100644 src-next/sidebar/index.less
 create mode 100644 src-next/sidebar/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/sidebar/test/demo.spec.js
 create mode 100644 src-next/sidebar/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
index 2f1be1acb..daf6cfc31 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -18,7 +18,8 @@
 
 - Circle: `v-model` 调整为 `v-model:currentRate`
 - Popup: `v-model` 调整为 `v-model:show`
-- Switch: v-model 对应的属性名和事件名由 `value/input` 调整为 `modelValue/update:modelValue`
+- Switch: v-model 对应的属性 `value` 调整为 `modelValue`，事件由 `input` 调整为 `update:modelValue`
+- Sidebar: v-model 对应的属性 `activeKey` 调整为 `modelValue`，事件由 `input` 调整为 `update:modelValue`
 
 ## 废弃个别组件
 
diff --git a/src-next/sidebar-item/index.js b/src-next/sidebar-item/index.js
new file mode 100644
index 000000000..f2645b08c
--- /dev/null
+++ b/src-next/sidebar-item/index.js
@@ -0,0 +1,51 @@
+import { createNamespace } from '../utils';
+import { ChildrenMixin } from '../mixins/relation';
+import { route, routeProps } from '../utils/router';
+import Info from '../info';
+
+const [createComponent, bem] = createNamespace('sidebar-item');
+
+export default createComponent({
+  mixins: [ChildrenMixin('vanSidebar')],
+
+  props: {
+    ...routeProps,
+    dot: Boolean,
+    badge: [Number, String],
+    title: String,
+    disabled: Boolean,
+  },
+
+  computed: {
+    select() {
+      return this.index === +this.parent.modelValue;
+    },
+  },
+
+  methods: {
+    onClick() {
+      if (this.disabled) {
+        return;
+      }
+
+      this.$emit('click', this.index);
+      this.parent.$emit('update:modelValue', this.index);
+      this.parent.setIndex(this.index);
+      route(this.$router, this);
+    },
+  },
+
+  render() {
+    return (
+      <a
+        class={bem({ select: this.select, disabled: this.disabled })}
+        onClick={this.onClick}
+      >
+        <div class={bem('text')}>
+          {this.title}
+          <Info dot={this.dot} info={this.badge} class={bem('info')} />
+        </div>
+      </a>
+    );
+  },
+});
diff --git a/src-next/sidebar-item/index.less b/src-next/sidebar-item/index.less
new file mode 100644
index 000000000..49b6cd2d9
--- /dev/null
+++ b/src-next/sidebar-item/index.less
@@ -0,0 +1,59 @@
+@import '../style/var';
+
+.van-sidebar-item {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  padding: @sidebar-padding;
+  overflow: hidden;
+  color: @sidebar-text-color;
+  font-size: @sidebar-font-size;
+  line-height: @sidebar-line-height;
+  word-wrap: break-word;
+  background-color: @sidebar-background-color;
+  cursor: pointer;
+  user-select: none;
+
+  &:active {
+    background-color: @sidebar-active-color;
+  }
+
+  &__text {
+    position: relative;
+    display: inline-block;
+  }
+
+  &:not(:last-child)::after {
+    border-bottom-width: 1px;
+  }
+
+  &--select {
+    color: @sidebar-selected-text-color;
+    font-weight: @sidebar-selected-font-weight;
+
+    &,
+    &:active {
+      background-color: @sidebar-selected-background-color;
+    }
+
+    &::before {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: @sidebar-selected-border-width;
+      height: @sidebar-selected-border-height;
+      background-color: @sidebar-selected-border-color;
+      transform: translateY(-50%);
+      content: '';
+    }
+  }
+
+  &--disabled {
+    color: @sidebar-disabled-text-color;
+    cursor: not-allowed;
+
+    &:active {
+      background-color: @sidebar-background-color;
+    }
+  }
+}
diff --git a/src-next/sidebar/README.md b/src-next/sidebar/README.md
new file mode 100644
index 000000000..296140dc7
--- /dev/null
+++ b/src-next/sidebar/README.md
@@ -0,0 +1,112 @@
+# Sidebar
+
+### Install
+
+```js
+import Vue from 'vue';
+import { Sidebar, SidebarItem } from 'vant';
+
+Vue.use(Sidebar);
+Vue.use(SidebarItem);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="Title" />
+  <van-sidebar-item title="Title" />
+  <van-sidebar-item title="Title" />
+</van-sidebar>
+```
+
+```js
+export default {
+  data() {
+    return {
+      activeKey: 0,
+    };
+  },
+};
+```
+
+### Show Badge
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="Title" dot />
+  <van-sidebar-item title="Title" badge="5" />
+  <van-sidebar-item title="Title" badge="99+" />
+</van-sidebar>
+```
+
+### Disabled
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="Title" />
+  <van-sidebar-item title="Title" disabled />
+  <van-sidebar-item title="Title" />
+</van-sidebar>
+```
+
+### Change Event
+
+```html
+<van-sidebar v-model="activeKey" @change="onChange">
+  <van-sidebar-item title="Title1" />
+  <van-sidebar-item title="Title2" />
+  <van-sidebar-item title="Title3" />
+</van-sidebar>
+```
+
+```js
+import { Notify } from 'vant';
+
+export default {
+  data() {
+    return {
+      activeKey: 0,
+    };
+  },
+  methods: {
+    onChange(index) {
+      Notify({ type: 'primary', message: index });
+    },
+  },
+};
+```
+
+## API
+
+### Sidebar Props
+
+| Attribute | Description          | Type               | Default |
+| --------- | -------------------- | ------------------ | ------- |
+| v-model   | Index of chosen item | _number \| string_ | `0`     |
+
+### Sidebar Events
+
+| Event  | Description                 | Arguments                    |
+| ------ | --------------------------- | ---------------------------- |
+| change | Triggered when item changed | index: index of current item |
+
+### SidebarItem Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| title | Content | _string_ | `''` |
+| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
+| badge `v2.5.6` | Content of the badge | _number \| string_ | `''` |
+| disabled `v2.2.0` | Whether to be disabled | _boolean_ | `false` |
+| url | Link | _string_ | - |
+| to `v2.0.4` | Target route of the link, same as to of vue-router | _string \| object_ | - |
+| replace `v2.0.4` | If true, the navigation will not leave a history record | _boolean_ | `false` |
+
+### SidebarItem Events
+
+| Event | Description               | Arguments                    |
+| ----- | ------------------------- | ---------------------------- |
+| click | Triggered when click item | index: index of current item |
diff --git a/src-next/sidebar/README.zh-CN.md b/src-next/sidebar/README.zh-CN.md
new file mode 100644
index 000000000..32a58d61d
--- /dev/null
+++ b/src-next/sidebar/README.zh-CN.md
@@ -0,0 +1,121 @@
+# Sidebar 侧边导航
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { Sidebar, SidebarItem } from 'vant';
+
+Vue.use(Sidebar);
+Vue.use(SidebarItem);
+```
+
+## 代码演示
+
+### 基础用法
+
+通过`v-model`绑定当前选中项的索引
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="标签名称" />
+  <van-sidebar-item title="标签名称" />
+  <van-sidebar-item title="标签名称" />
+</van-sidebar>
+```
+
+```js
+export default {
+  data() {
+    return {
+      activeKey: 0,
+    };
+  },
+};
+```
+
+### 徽标提示
+
+设置`dot`属性后，会在右上角展示一个小红点。设置`badge`属性后，会在右上角展示相应的徽标
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="标签名称" dot />
+  <van-sidebar-item title="标签名称" badge="5" />
+  <van-sidebar-item title="标签名称" badge="99+" />
+</van-sidebar>
+```
+
+### 禁用选项
+
+通过`disabled`属性禁用选项
+
+```html
+<van-sidebar v-model="activeKey">
+  <van-sidebar-item title="标签名称" />
+  <van-sidebar-item title="标签名称" disabled />
+  <van-sidebar-item title="标签名称" />
+</van-sidebar>
+```
+
+### 监听切换事件
+
+设置`change`方法来监听切换导航项时的事件
+
+```html
+<van-sidebar v-model="activeKey" @change="onChange">
+  <van-sidebar-item title="标签名1" />
+  <van-sidebar-item title="标签名2" />
+  <van-sidebar-item title="标签名3" />
+</van-sidebar>
+```
+
+```js
+import { Notify } from 'vant';
+
+export default {
+  data() {
+    return {
+      activeKey: 0,
+    };
+  },
+  methods: {
+    onChange(index) {
+      Notify({ type: 'primary', message: index });
+    },
+  },
+};
+```
+
+## API
+
+### Sidebar Props
+
+| 参数             | 说明             | 类型               | 默认值 |
+| ---------------- | ---------------- | ------------------ | ------ |
+| v-model `v2.0.4` | 当前导航项的索引 | _number \| string_ | `0`    |
+
+### Sidebar Events
+
+| 事件名 | 说明             | 回调参数                |
+| ------ | ---------------- | ----------------------- |
+| change | 切换导航项时触发 | index: 当前导航项的索引 |
+
+### SidebarItem Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| title | 内容 | _string_ | `''` |
+| dot `v2.2.1` | 是否显示右上角小红点 | _boolean_ | `false` |
+| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
+| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
+| disabled `v2.2.0` | 是否禁用该项 | _boolean_ | `false` |
+| url | 点击后跳转的链接地址 | _string_ | - |
+| to `v2.0.4` | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
+| replace `v2.0.4` | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
+
+### SidebarItem Events
+
+| 事件名 | 说明       | 回调参数                |
+| ------ | ---------- | ----------------------- |
+| click  | 点击时触发 | index: 当前导航项的索引 |
diff --git a/src-next/sidebar/demo/index.vue b/src-next/sidebar/demo/index.vue
new file mode 100644
index 000000000..5ab0d55f8
--- /dev/null
+++ b/src-next/sidebar/demo/index.vue
@@ -0,0 +1,98 @@
+<template>
+  <demo-section>
+    <van-grid :column-num="2" :border="false">
+      <van-grid-item>
+        <h3 class="demo-sidebar-title">{{ t('basicUsage') }}</h3>
+        <van-sidebar v-model="activeKey1">
+          <van-sidebar-item :title="t('title')" />
+          <van-sidebar-item :title="t('title')" />
+          <van-sidebar-item :title="t('title')" />
+        </van-sidebar>
+      </van-grid-item>
+
+      <van-grid-item>
+        <h3 class="demo-sidebar-title">{{ t('showBadge') }}</h3>
+        <van-sidebar v-model="activeKey2">
+          <van-sidebar-item :title="t('title')" dot />
+          <van-sidebar-item :title="t('title')" badge="5" />
+          <van-sidebar-item :title="t('title')" badge="99+" />
+        </van-sidebar>
+      </van-grid-item>
+
+      <van-grid-item>
+        <h3 class="demo-sidebar-title">{{ t('disabled') }}</h3>
+        <van-sidebar v-model="activeKey3">
+          <van-sidebar-item :title="t('title')" />
+          <van-sidebar-item :title="t('title')" disabled />
+          <van-sidebar-item :title="t('title')" />
+        </van-sidebar>
+      </van-grid-item>
+
+      <van-grid-item>
+        <h3 class="demo-sidebar-title">{{ t('changeEvent') }}</h3>
+        <van-sidebar v-model="activeKey4" @change="onChange">
+          <van-sidebar-item :title="t('title') + 1" />
+          <van-sidebar-item :title="t('title') + 2" />
+          <van-sidebar-item :title="t('title') + 3" />
+        </van-sidebar>
+      </van-grid-item>
+    </van-grid>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      title: '标签名',
+      showBadge: '徽标提示',
+      disabled: '禁用选项',
+      changeEvent: '监听切换事件',
+      selectTip: '你切换到了',
+    },
+    'en-US': {
+      showBadge: 'Show Badge',
+      disabled: 'Disabled',
+      changeEvent: 'Change Event',
+      selectTip: 'You select ',
+    },
+  },
+
+  data() {
+    return {
+      activeKey1: 0,
+      activeKey2: 0,
+      activeKey3: 0,
+      activeKey4: 0,
+    };
+  },
+
+  methods: {
+    onChange(index) {
+      this.$notify({
+        type: 'primary',
+        message: `${this.t('selectTip')} ${this.t('title')}${index + 1}`,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-sidebar {
+  background-color: @white;
+
+  .van-sidebar {
+    margin-left: @padding-md;
+  }
+
+  &-title {
+    margin-bottom: 16px;
+    color: @gray-6;
+    font-weight: normal;
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/src-next/sidebar/index.js b/src-next/sidebar/index.js
new file mode 100644
index 000000000..6db07f361
--- /dev/null
+++ b/src-next/sidebar/index.js
@@ -0,0 +1,40 @@
+import { createNamespace } from '../utils';
+import { ParentMixin } from '../mixins/relation';
+
+const [createComponent, bem] = createNamespace('sidebar');
+
+export default createComponent({
+  mixins: [ParentMixin('vanSidebar')],
+
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  data() {
+    return {
+      index: +this.modelValue,
+    };
+  },
+
+  watch: {
+    modelValue() {
+      this.setIndex(+this.modelValue);
+    },
+  },
+
+  methods: {
+    setIndex(index) {
+      if (index !== this.index) {
+        this.index = index;
+        this.$emit('change', index);
+      }
+    },
+  },
+
+  render() {
+    return <div class={bem()}>{this.$slots.default?.()}</div>;
+  },
+});
diff --git a/src-next/sidebar/index.less b/src-next/sidebar/index.less
new file mode 100644
index 000000000..ff09323c9
--- /dev/null
+++ b/src-next/sidebar/index.less
@@ -0,0 +1,7 @@
+@import '../style/var';
+
+.van-sidebar {
+  width: @sidebar-width;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
diff --git a/src-next/sidebar/test/__snapshots__/demo.spec.js.snap b/src-next/sidebar/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..1a7caf7b3
--- /dev/null
+++ b/src-next/sidebar/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div class="van-grid">
+    <div class="van-grid-item" style="flex-basis: 50%;">
+      <div class="van-grid-item__content van-grid-item__content--center">
+        <h3 class="demo-sidebar-title">基础用法</h3>
+        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a></div>
+      </div>
+    </div>
+    <div class="van-grid-item" style="flex-basis: 50%;">
+      <div class="van-grid-item__content van-grid-item__content--center">
+        <h3 class="demo-sidebar-title">徽标提示</h3>
+        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
+            <div class="van-sidebar-item__text">标签名<div class="van-info van-info--dot van-sidebar-item__info"></div>
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">5</div>
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99+</div>
+            </div>
+          </a></div>
+      </div>
+    </div>
+    <div class="van-grid-item" style="flex-basis: 50%;">
+      <div class="van-grid-item__content van-grid-item__content--center">
+        <h3 class="demo-sidebar-title">禁用选项</h3>
+        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item van-sidebar-item--disabled">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名
+              <!---->
+            </div>
+          </a></div>
+      </div>
+    </div>
+    <div class="van-grid-item" style="flex-basis: 50%;">
+      <div class="van-grid-item__content van-grid-item__content--center">
+        <h3 class="demo-sidebar-title">监听切换事件</h3>
+        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
+            <div class="van-sidebar-item__text">标签名1
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名2
+              <!---->
+            </div>
+          </a> <a class="van-sidebar-item">
+            <div class="van-sidebar-item__text">标签名3
+              <!---->
+            </div>
+          </a></div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/sidebar/test/demo.spec.js b/src-next/sidebar/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/sidebar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/sidebar/test/index.spec.js b/src-next/sidebar/test/index.spec.js
new file mode 100644
index 000000000..a3e533410
--- /dev/null
+++ b/src-next/sidebar/test/index.spec.js
@@ -0,0 +1,78 @@
+import { mount } from '../../../test';
+import Sidebar from '..';
+
+test('click event & change event', () => {
+  const onClick = jest.fn();
+  const onChange = jest.fn();
+  const wrapper = mount({
+    template: `
+      <van-sidebar @change="onChange">
+        <van-sidebar-item>Text</van-sidebar-item>
+        <van-sidebar-item @click="onClick">Text</van-sidebar-item>
+      </van-sidebar>
+    `,
+    methods: {
+      onClick,
+      onChange,
+    },
+  });
+
+  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
+  expect(onClick).toHaveBeenCalledWith(1);
+  expect(onChange).toHaveBeenCalledWith(1);
+  wrapper.vm.$destroy();
+});
+
+test('v-model', () => {
+  const onChange = jest.fn();
+  const wrapper = mount({
+    template: `
+      <van-sidebar v-model="active" @change="onChange">
+        <van-sidebar-item>Text</van-sidebar-item>
+        <van-sidebar-item>Text</van-sidebar-item>
+      </van-sidebar>
+    `,
+    data() {
+      return {
+        active: 0,
+      };
+    },
+    methods: {
+      onChange,
+    },
+  });
+
+  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
+  expect(wrapper.vm.active).toEqual(1);
+  expect(onChange).toHaveBeenCalledWith(1);
+});
+
+test('disabled prop', () => {
+  const wrapper = mount({
+    template: `
+      <van-sidebar v-model="active">
+        <van-sidebar-item>Text</van-sidebar-item>
+        <van-sidebar-item disabled>Text</van-sidebar-item>
+      </van-sidebar>
+    `,
+    data() {
+      return {
+        active: 0,
+      };
+    },
+  });
+
+  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
+  expect(wrapper.vm.active).toEqual(0);
+});
+
+test('without parent', () => {
+  const consoleError = console.error;
+  try {
+    console.error = jest.fn();
+    mount(Sidebar);
+  } catch (err) {
+    console.error = consoleError;
+    expect(err).toBeTruthy();
+  }
+});

From d04c8c1e2455a7f2715d2d704a55425266db2de2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:26:34 +0800
Subject: [PATCH 067/626] fix: missing emits

---
 src-next/circle/index.js       | 2 ++
 src-next/count-down/index.js   | 2 ++
 src-next/sidebar-item/index.js | 2 ++
 src-next/sidebar/index.js      | 2 ++
 src-next/slider/index.js       | 2 ++
 5 files changed, 10 insertions(+)

diff --git a/src-next/circle/index.js b/src-next/circle/index.js
index 0d3247577..0f11ef480 100644
--- a/src-next/circle/index.js
+++ b/src-next/circle/index.js
@@ -61,6 +61,8 @@ export default createComponent({
     },
   },
 
+  emits: ['update:currentRate'],
+
   beforeCreate() {
     this.uid = `van-circle-gradient-${uid++}`;
   },
diff --git a/src-next/count-down/index.js b/src-next/count-down/index.js
index 705103305..b6eb9dd1d 100644
--- a/src-next/count-down/index.js
+++ b/src-next/count-down/index.js
@@ -21,6 +21,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'finish'],
+
   data() {
     return {
       remain: 0,
diff --git a/src-next/sidebar-item/index.js b/src-next/sidebar-item/index.js
index f2645b08c..9b594b5a1 100644
--- a/src-next/sidebar-item/index.js
+++ b/src-next/sidebar-item/index.js
@@ -8,6 +8,8 @@ const [createComponent, bem] = createNamespace('sidebar-item');
 export default createComponent({
   mixins: [ChildrenMixin('vanSidebar')],
 
+  emits: ['click'],
+
   props: {
     ...routeProps,
     dot: Boolean,
diff --git a/src-next/sidebar/index.js b/src-next/sidebar/index.js
index 6db07f361..8043cc33f 100644
--- a/src-next/sidebar/index.js
+++ b/src-next/sidebar/index.js
@@ -6,6 +6,8 @@ const [createComponent, bem] = createNamespace('sidebar');
 export default createComponent({
   mixins: [ParentMixin('vanSidebar')],
 
+  emits: ['change', 'update:modelValue'],
+
   props: {
     modelValue: {
       type: [Number, String],
diff --git a/src-next/slider/index.js b/src-next/slider/index.js
index d0e3e0b6a..eca993618 100644
--- a/src-next/slider/index.js
+++ b/src-next/slider/index.js
@@ -33,6 +33,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
+
   data() {
     return {
       dragStatus: '',

From 7a197fc90f5320bd8e439678a42c26bad40ca80c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 12 Jul 2020 15:34:08 +0800
Subject: [PATCH 068/626] feat: migrate TreeSelect component

---
 breaking-changes.md                           |  27 +-
 src-next/tree-select/README.md                | 170 +++++++++
 src-next/tree-select/README.zh-CN.md          | 180 +++++++++
 src-next/tree-select/demo/data-en.ts          |  65 ++++
 src-next/tree-select/demo/data-zh.ts          |  65 ++++
 src-next/tree-select/demo/index.vue           | 107 ++++++
 src-next/tree-select/index.js                 | 128 +++++++
 src-next/tree-select/index.less               |  51 +++
 .../test/__snapshots__/demo.spec.js.snap      |  90 +++++
 .../test/__snapshots__/index.spec.js.snap     |  41 +++
 src-next/tree-select/test/demo.spec.js        |   4 +
 src-next/tree-select/test/index.spec.js       | 345 ++++++++++++++++++
 vant.config.js                                |  32 +-
 13 files changed, 1281 insertions(+), 24 deletions(-)
 create mode 100644 src-next/tree-select/README.md
 create mode 100644 src-next/tree-select/README.zh-CN.md
 create mode 100644 src-next/tree-select/demo/data-en.ts
 create mode 100644 src-next/tree-select/demo/data-zh.ts
 create mode 100644 src-next/tree-select/demo/index.vue
 create mode 100644 src-next/tree-select/index.js
 create mode 100644 src-next/tree-select/index.less
 create mode 100644 src-next/tree-select/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src-next/tree-select/test/__snapshots__/index.spec.js.snap
 create mode 100644 src-next/tree-select/test/demo.spec.js
 create mode 100644 src-next/tree-select/test/index.spec.js

diff --git a/breaking-changes.md b/breaking-changes.md
index daf6cfc31..ea43013c2 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -1,6 +1,24 @@
 # 不兼容更新
 
-## 重命名徽标属性
+## v-model API 变更
+
+以下改动是为了适配 Vue 3 的 v-model API 用法变更：
+
+- Circle: `v-model` 重命名为 `v-model:currentRate`
+- Popup: `v-model` 重命名为 `v-model:show`
+- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
+- TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
+
+## API 命名调整
+
+以下改动是为了规范 API 命名：
+
+- TreeSelect: `navclick` 事件重命名为 `click-nav`
+- TreeSelect: `itemclick` 事件重命名为 `click-item`
+
+### 重命名徽标属性
 
 在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了表达更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
 
@@ -14,13 +32,6 @@
 
 同时内部使用的 Info 组件也会重命名为 Badge。
 
-## v-model API 变更
-
-- Circle: `v-model` 调整为 `v-model:currentRate`
-- Popup: `v-model` 调整为 `v-model:show`
-- Switch: v-model 对应的属性 `value` 调整为 `modelValue`，事件由 `input` 调整为 `update:modelValue`
-- Sidebar: v-model 对应的属性 `activeKey` 调整为 `modelValue`，事件由 `input` 调整为 `update:modelValue`
-
 ## 废弃个别组件
 
 - SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
diff --git a/src-next/tree-select/README.md b/src-next/tree-select/README.md
new file mode 100644
index 000000000..e49f49298
--- /dev/null
+++ b/src-next/tree-select/README.md
@@ -0,0 +1,170 @@
+# TreeSelect
+
+### Install
+
+```js
+import Vue from 'vue';
+import { TreeSelect } from 'vant';
+
+Vue.use(TreeSelect);
+```
+
+## Usage
+
+### Radio Mode
+
+```html
+<van-tree-select
+  v-model:active-id="activeId"
+  v-model:main-active-index="activeIndex"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      items,
+      activeId: 1,
+      activeIndex: 0,
+    };
+  },
+};
+```
+
+### Multiple Mode
+
+```html
+<van-tree-select
+  v-model:active-id="activeIds"
+  v-model:main-active-index="activeIndex"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      items,
+      activeIds: [1, 2],
+      activeIndex: 0,
+    };
+  },
+};
+```
+
+### Custom Content
+
+```html
+<van-tree-select v-model:main-active-index="active" height="55vw" :items="items">
+  <template #content>
+    <van-image
+      v-if="active === 0"
+      src="https://img.yzcdn.cn/vant/apple-1.jpg"
+    />
+    <van-image
+      v-if="active === 1"
+      src="https://img.yzcdn.cn/vant/apple-2.jpg"
+    />
+  </template>
+</van-tree-select>
+```
+
+```js
+export default {
+  data() {
+    return {
+      active: 0,
+      items: [{ text: 'Group 1' }, { text: 'Group 2' }],
+    };
+  },
+};
+```
+
+### Show Badge
+
+```html
+<van-tree-select
+  v-model:main-active-index="activeIndex"
+  height="55vw"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      activeIndex: 0,
+      items: [
+        { text: 'Group 1', children: [], dot: true },
+        { text: 'Group 2', children: [], badge: 5 },
+      ],
+    };
+  },
+};
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| items | Required datasets for the component | _Item[]_ | `[]` |
+| height | Height | _number \| string_ | `300` |
+| main-active-index | The index of selected parent node | _number \| string_ | `0` |
+| active-id | Id of selected item | _number \| string \|<br>(number \| string)[]_ | `0` |
+| max `v2.2.0` | Maximum number of selected items | _number \| string_ | `Infinity` |
+| selected-icon `v2.9.0` | Selected icon | _string_ | `success` |
+
+### Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| click-nav | triggered when parent node is selected | index: index of selected parent |
+| click-item | triggered when item is selected | data: selected item |
+
+### Slots
+
+| Name    | Description          |
+| ------- | -------------------- |
+| content | Custom right content |
+
+### Data Structure of Item
+
+`items` should be an array contains specified tree objects.
+
+In every tree object, `text` property defines `id` stands for the unique key while the `children` contains sub-tree objects.
+
+```js
+[
+  {
+    // name of the parent node
+    text: 'Group 1',
+    // badge
+    badge: 3,
+    // Whether to show red dot
+    dot: true,
+    // ClassName of parent node
+    className: 'my-class',
+    // leaves of this parent node
+    children: [
+      {
+        // name of the leaf node
+        text: 'Washington',
+        // id of the leaf node, component highlights leaf node by comparing the activeId with this.
+        id: 1,
+        // disable options
+        disabled: true,
+      },
+      {
+        text: 'Baltimore',
+        id: 2,
+      },
+    ],
+  },
+];
+```
diff --git a/src-next/tree-select/README.zh-CN.md b/src-next/tree-select/README.zh-CN.md
new file mode 100644
index 000000000..5c1a51cda
--- /dev/null
+++ b/src-next/tree-select/README.zh-CN.md
@@ -0,0 +1,180 @@
+# TreeSelect 分类选择
+
+### 引入
+
+```js
+import Vue from 'vue';
+import { TreeSelect } from 'vant';
+
+Vue.use(TreeSelect);
+```
+
+## 代码演示
+
+### 单选模式
+
+`item`为分类显示所需的数据，数据格式见下方示例。`main-active-index`表示左侧高亮选项的索引，`active-id`表示右侧高亮选项的 id
+
+```html
+<van-tree-select
+  v-model:active-id="activeId"
+  v-model:main-active-index="activeIndex"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      items,
+      activeId: 1,
+      activeIndex: 0,
+    };
+  },
+};
+```
+
+### 多选模式
+
+`active-id`为数组格式时，可以选中多个右侧选项
+
+```html
+<van-tree-select
+  v-model:active-id="activeIds"
+  v-model:main-active-index="activeIndex"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      items,
+      activeIds: [1, 2],
+      activeIndex: 0,
+    };
+  },
+};
+```
+
+### 自定义内容
+
+通过`content`插槽可以自定义右侧区域的内容
+
+```html
+<van-tree-select
+  v-model:main-active-index="active"
+  height="55vw"
+  :items="items"
+>
+  <template #content>
+    <van-image
+      v-if="active === 0"
+      src="https://img.yzcdn.cn/vant/apple-1.jpg"
+    />
+    <van-image
+      v-if="active === 1"
+      src="https://img.yzcdn.cn/vant/apple-2.jpg"
+    />
+  </template>
+</van-tree-select>
+```
+
+```js
+export default {
+  data() {
+    return {
+      active: 0,
+      items: [{ text: '分组 1' }, { text: '分组 2' }],
+    };
+  },
+};
+```
+
+### 徽标提示
+
+设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
+
+```html
+<van-tree-select
+  v-model:main-active-index="activeIndex"
+  height="55vw"
+  :items="items"
+/>
+```
+
+```js
+export default {
+  data() {
+    return {
+      activeIndex: 0,
+      items: [
+        { text: '浙江', children: [], dot: true },
+        { text: '江苏', children: [], badge: 5 },
+      ],
+    };
+  },
+};
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| items | 分类显示所需的数据 | _Item[]_ | `[]` |
+| height | 高度，默认单位为`px` | _number \| string_ | `300` |
+| main-active-index | 左侧选中项的索引 | _number \| string_ | `0` |
+| active-id | 右侧选中项的 id，支持传入数组 | _number \| string \|<br>(number \| string)[]_ | `0` |
+| max `v2.2.0` | 右侧项最大选中个数 | _number \| string_ | `Infinity` |
+| selected-icon `v2.9.0` | 自定义右侧栏选中状态的图标 | _string_ | `success` |
+
+### Events
+
+| 事件名     | 说明                 | 回调参数                  |
+| ---------- | -------------------- | ------------------------- |
+| click-nav  | 点击左侧导航时触发   | index：被点击的导航的索引 |
+| click-item | 点击右侧选择项时触发 | data: 该点击项的数据      |
+
+### Slots
+
+| 名称    | 说明               |
+| ------- | ------------------ |
+| content | 自定义右侧区域内容 |
+
+### Item 数据结构
+
+`items` 整体为一个数组，数组内包含一系列描述分类的对象，每个分类里，`text`表示当前分类的名称，`children`表示分类里的可选项。
+
+```js
+[
+  {
+    // 导航名称
+    text: '所有城市',
+    // 导航名称右上角徽标，2.5.6 版本开始支持
+    badge: 3,
+    // 是否在导航名称右上角显示小红点
+    dot: true,
+    // 导航节点额外类名
+    className: 'my-class',
+    // 该导航下所有的可选项
+    children: [
+      {
+        // 名称
+        text: '温州',
+        // id，作为匹配选中状态的标识符
+        id: 1,
+        // 禁用选项
+        disabled: true,
+      },
+      {
+        text: '杭州',
+        id: 2,
+      },
+    ],
+  },
+];
+```
diff --git a/src-next/tree-select/demo/data-en.ts b/src-next/tree-select/demo/data-en.ts
new file mode 100644
index 000000000..57d93f4e0
--- /dev/null
+++ b/src-next/tree-select/demo/data-en.ts
@@ -0,0 +1,65 @@
+const group1 = [
+  {
+    text: 'Delaware',
+    id: 1,
+  },
+  {
+    text: 'Florida',
+    id: 2,
+  },
+  {
+    text: 'Georqia',
+    id: 3,
+    disabled: true,
+  },
+  {
+    text: 'Indiana',
+    id: 4,
+  },
+];
+
+const group2 = [
+  {
+    text: 'Alabama',
+    id: 5,
+  },
+  {
+    text: 'Kansas',
+    id: 6,
+  },
+  {
+    text: 'Louisiana',
+    id: 7,
+  },
+  {
+    text: 'Texas',
+    id: 8,
+  },
+];
+
+const group3 = [
+  {
+    text: 'Alabama',
+    id: 9,
+  },
+  {
+    text: 'Kansas',
+    id: 10,
+  },
+];
+
+export const enUSData = [
+  {
+    text: 'Group 1',
+    children: group1,
+  },
+  {
+    text: 'Group 2',
+    children: group2,
+  },
+  {
+    text: 'Group 3',
+    disabled: true,
+    children: group3,
+  },
+];
diff --git a/src-next/tree-select/demo/data-zh.ts b/src-next/tree-select/demo/data-zh.ts
new file mode 100644
index 000000000..04096a180
--- /dev/null
+++ b/src-next/tree-select/demo/data-zh.ts
@@ -0,0 +1,65 @@
+const zhejiang = [
+  {
+    text: '杭州',
+    id: 1,
+  },
+  {
+    text: '温州',
+    id: 2,
+  },
+  {
+    text: '宁波',
+    id: 3,
+    disabled: true,
+  },
+  {
+    text: '义乌',
+    id: 4,
+  },
+];
+
+const jiangsu = [
+  {
+    text: '南京',
+    id: 5,
+  },
+  {
+    text: '无锡',
+    id: 6,
+  },
+  {
+    text: '徐州',
+    id: 7,
+  },
+  {
+    text: '苏州',
+    id: 8,
+  },
+];
+
+const fujian = [
+  {
+    text: '泉州',
+    id: 9,
+  },
+  {
+    text: '厦门',
+    id: 10,
+  },
+];
+
+export const zhCNData = [
+  {
+    text: '浙江',
+    children: zhejiang,
+  },
+  {
+    text: '江苏',
+    children: jiangsu,
+  },
+  {
+    text: '福建',
+    disabled: true,
+    children: fujian,
+  },
+];
diff --git a/src-next/tree-select/demo/index.vue b/src-next/tree-select/demo/index.vue
new file mode 100644
index 000000000..5ba206521
--- /dev/null
+++ b/src-next/tree-select/demo/index.vue
@@ -0,0 +1,107 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('radioMode')">
+      <van-tree-select
+        v-model:active-id="activeId"
+        v-model:main-active-index="activeIndex"
+        :items="items"
+      />
+    </demo-block>
+
+    <demo-block :title="t('multipleMode')">
+      <van-tree-select
+        v-model:active-id="activeIds"
+        v-model:main-active-index="activeIndex2"
+        :items="items"
+      />
+    </demo-block>
+
+    <demo-block :title="t('customContent')">
+      <van-tree-select
+        v-model:main-active-index="activeIndex3"
+        height="55vw"
+        :items="simpleItems"
+      >
+        <template slot="content">
+          <van-image
+            v-if="activeIndex3 === 0"
+            :show-loading="false"
+            src="https://img.yzcdn.cn/vant/apple-1.jpg"
+          />
+          <van-image
+            v-if="activeIndex3 === 1"
+            :show-loading="false"
+            src="https://img.yzcdn.cn/vant/apple-2.jpg"
+          />
+        </template>
+      </van-tree-select>
+    </demo-block>
+
+    <demo-block :title="t('showBadge')">
+      <van-tree-select
+        v-model:active-id="activeId2"
+        v-model:main-active-index="activeIndex4"
+        height="55vw"
+        :items="badgeItems"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+import { zhCNData } from './data-zh';
+import { enUSData } from './data-en';
+import { deepClone } from '../../utils/deep-clone';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      showBadge: '徽标提示',
+      radioMode: '单选模式',
+      multipleMode: '多选模式',
+      customContent: '自定义内容',
+      data: zhCNData,
+      dataSimple: [{ text: '分组 1' }, { text: '分组 2' }],
+    },
+    'en-US': {
+      showBadge: 'Show Badge',
+      radioMode: 'Radio Mode',
+      multipleMode: 'Multiple Mode',
+      customContent: 'Custom Content',
+      data: enUSData,
+      dataSimple: [{ text: 'Group 1' }, { text: 'Group 2' }],
+    },
+  },
+
+  data() {
+    return {
+      activeId: 1,
+      activeId2: 1,
+      activeIds: [1, 2],
+      activeIndex: 0,
+      activeIndex2: 0,
+      activeIndex3: 0,
+      activeIndex4: 0,
+    };
+  },
+
+  computed: {
+    items() {
+      return this.t('data');
+    },
+
+    simpleItems() {
+      return this.t('dataSimple');
+    },
+
+    badgeItems() {
+      const data = deepClone(this.t('data')).slice(0, 2);
+
+      data[0].dot = true;
+      data[1].badge = 5;
+
+      return data;
+    },
+  },
+};
+</script>
diff --git a/src-next/tree-select/index.js b/src-next/tree-select/index.js
new file mode 100644
index 000000000..b123d891f
--- /dev/null
+++ b/src-next/tree-select/index.js
@@ -0,0 +1,128 @@
+// Utils
+import { createNamespace, addUnit, isDef } from '../utils';
+
+// Components
+import Icon from '../icon';
+import Sidebar from '../sidebar';
+import SidebarItem from '../sidebar-item';
+
+const [createComponent, bem] = createNamespace('tree-select');
+
+export default createComponent({
+  props: {
+    max: {
+      type: [Number, String],
+      default: Infinity,
+    },
+    items: {
+      type: Array,
+      default: () => [],
+    },
+    height: {
+      type: [Number, String],
+      default: 300,
+    },
+    activeId: {
+      type: [Number, String, Array],
+      default: 0,
+    },
+    selectedIcon: {
+      type: String,
+      default: 'success',
+    },
+    mainActiveIndex: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  emits: [
+    'click-nav',
+    'click-item',
+    'update:activeId',
+    'update:mainActiveIndex',
+  ],
+
+  setup(props, { emit, slots }) {
+    return function () {
+      const { items, height, activeId, selectedIcon, mainActiveIndex } = props;
+
+      const selectedItem = items[+mainActiveIndex] || {};
+      const subItems = selectedItem.children || [];
+      const isMultiple = Array.isArray(activeId);
+
+      function isActiveItem(id) {
+        return isMultiple ? activeId.indexOf(id) !== -1 : activeId === id;
+      }
+
+      const Navs = items.map((item) => (
+        <SidebarItem
+          dot={item.dot}
+          info={isDef(item.badge) ? item.badge : item.info}
+          title={item.text}
+          disabled={item.disabled}
+          class={[bem('nav-item'), item.className]}
+        />
+      ));
+
+      function Content() {
+        if (slots.content) {
+          return slots.content();
+        }
+
+        return subItems.map((item) => (
+          <div
+            key={item.id}
+            class={[
+              'van-ellipsis',
+              bem('item', {
+                active: isActiveItem(item.id),
+                disabled: item.disabled,
+              }),
+            ]}
+            onClick={() => {
+              if (!item.disabled) {
+                let newActiveId = item.id;
+                if (isMultiple) {
+                  newActiveId = activeId.slice();
+
+                  const index = newActiveId.indexOf(item.id);
+
+                  if (index !== -1) {
+                    newActiveId.splice(index, 1);
+                  } else if (newActiveId.length < props.max) {
+                    newActiveId.push(item.id);
+                  }
+                }
+
+                emit('update:activeId', newActiveId);
+                emit('click-item', item);
+              }
+            }}
+          >
+            {item.text}
+            {isActiveItem(item.id) && (
+              <Icon name={selectedIcon} class={bem('selected')} />
+            )}
+          </div>
+        ));
+      }
+
+      return (
+        <div class={bem()} style={{ height: addUnit(height) }}>
+          <Sidebar
+            class={bem('nav')}
+            modelValue={mainActiveIndex}
+            onChange={(index) => {
+              emit('update:mainActiveIndex', index);
+              emit('click-nav', index);
+            }}
+          >
+            {Navs}
+          </Sidebar>
+          <div class={bem('content')}>{Content()}</div>
+        </div>
+      );
+    };
+  },
+});
diff --git a/src-next/tree-select/index.less b/src-next/tree-select/index.less
new file mode 100644
index 000000000..047d95414
--- /dev/null
+++ b/src-next/tree-select/index.less
@@ -0,0 +1,51 @@
+@import '../style/var';
+
+.van-tree-select {
+  position: relative;
+  display: flex;
+  font-size: @tree-select-font-size;
+  user-select: none;
+
+  &__nav {
+    flex: 1;
+    overflow-y: auto;
+    background-color: @tree-select-nav-background-color;
+    -webkit-overflow-scrolling: touch;
+
+    &-item {
+      padding: @tree-select-nav-item-padding;
+    }
+  }
+
+  &__content {
+    flex: 2;
+    overflow-y: auto;
+    background-color: @tree-select-content-background-color;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__item {
+    position: relative;
+    padding: 0 32px 0 @padding-md;
+    font-weight: @font-weight-bold;
+    line-height: @tree-select-item-height;
+    cursor: pointer;
+
+    &--active {
+      color: @tree-select-item-active-color;
+    }
+
+    &--disabled {
+      color: @tree-select-item-disabled-color;
+      cursor: not-allowed;
+    }
+  }
+
+  &__selected {
+    position: absolute;
+    top: 50%;
+    right: @padding-md;
+    margin-top: -@padding-xs;
+    font-size: @tree-select-item-selected-size;
+  }
+}
diff --git a/src-next/tree-select/test/__snapshots__/demo.spec.js.snap b/src-next/tree-select/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..ef3181896
--- /dev/null
+++ b/src-next/tree-select/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-tree-select" style="height: 300px;">
+      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">浙江
+            <!---->
+          </div>
+        </a><a class="van-sidebar-item van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">江苏
+            <!---->
+          </div>
+        </a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">福建
+            <!---->
+          </div>
+        </a></div>
+      <div class="van-tree-select__content">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
+            <!----></i></div>
+        <div class="van-ellipsis van-tree-select__item">温州</div>
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
+        <div class="van-ellipsis van-tree-select__item">义乌</div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-tree-select" style="height: 300px;">
+      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">浙江
+            <!---->
+          </div>
+        </a><a class="van-sidebar-item van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">江苏
+            <!---->
+          </div>
+        </a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">福建
+            <!---->
+          </div>
+        </a></div>
+      <div class="van-tree-select__content">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
+            <!----></i></div>
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-success van-tree-select__selected">
+            <!----></i></div>
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
+        <div class="van-ellipsis van-tree-select__item">义乌</div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-tree-select" style="height: 55vw;">
+      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">分组 1
+            <!---->
+          </div>
+        </a><a class="van-sidebar-item van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">分组 2
+            <!---->
+          </div>
+        </a></div>
+      <div class="van-tree-select__content">
+        <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img"></div>
+        <!---->
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-tree-select" style="height: 55vw;">
+      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">浙江<div class="van-info van-info--dot van-sidebar-item__info"></div>
+          </div>
+        </a><a class="van-sidebar-item van-tree-select__nav-item">
+          <div class="van-sidebar-item__text">江苏<div class="van-info van-sidebar-item__info">5</div>
+          </div>
+        </a></div>
+      <div class="van-tree-select__content">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
+            <!----></i></div>
+        <div class="van-ellipsis van-tree-select__item">温州</div>
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
+        <div class="van-ellipsis van-tree-select__item">义乌</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src-next/tree-select/test/__snapshots__/index.spec.js.snap b/src-next/tree-select/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..245f661d1
--- /dev/null
+++ b/src-next/tree-select/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`content slot 1`] = `
+<div class="van-tree-select" style="height: 300px;">
+  <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+      <div class="van-sidebar-item__text">group1
+        <!---->
+      </div>
+    </a></div>
+  <div class="van-tree-select__content">Custom Content</div>
+</div>
+`;
+
+exports[`empty list 1`] = `
+<div class="van-tree-select" style="height: 300px;">
+  <div class="van-sidebar van-tree-select__nav"></div>
+  <div class="van-tree-select__content"></div>
+</div>
+`;
+
+exports[`height prop 1`] = `
+<div class="van-tree-select" style="height: 100vh;">
+  <div class="van-sidebar van-tree-select__nav"></div>
+  <div class="van-tree-select__content"></div>
+</div>
+`;
+
+exports[`nav info 1`] = `
+<div class="van-tree-select" style="height: 300px;">
+  <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
+      <div class="van-sidebar-item__text">group1<div class="van-info van-sidebar-item__info">3</div>
+      </div>
+    </a></div>
+  <div class="van-tree-select__content"></div>
+</div>
+`;
+
+exports[`selected-icon prop 1`] = `
+<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">city1<i class="van-icon van-icon-foo van-tree-select__selected">
+    <!----></i></div>
+`;
diff --git a/src-next/tree-select/test/demo.spec.js b/src-next/tree-select/test/demo.spec.js
new file mode 100644
index 000000000..5c70922b5
--- /dev/null
+++ b/src-next/tree-select/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import { snapshotDemo } from '../../../test/demo';
+
+snapshotDemo(Demo);
diff --git a/src-next/tree-select/test/index.spec.js b/src-next/tree-select/test/index.spec.js
new file mode 100644
index 000000000..3b45a3936
--- /dev/null
+++ b/src-next/tree-select/test/index.spec.js
@@ -0,0 +1,345 @@
+import TreeSelect from '..';
+import { mount } from '../../../test';
+
+test('empty list', () => {
+  expect(mount(TreeSelect)).toMatchSnapshot();
+});
+
+const mockItem = {
+  text: 'city1',
+  id: 1,
+};
+
+const mockItem2 = {
+  text: 'city2',
+  id: 2,
+};
+
+const mockItems = [
+  {
+    text: 'group1',
+    children: [mockItem],
+  },
+  {
+    text: 'group2',
+    children: [mockItem],
+  },
+];
+
+test('click-nav event', () => {
+  const onNavClick = jest.fn();
+  const onClickNav = jest.fn();
+
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: mockItems,
+    },
+    context: {
+      on: {
+        navclick: onNavClick,
+        'click-nav': onClickNav,
+      },
+    },
+  });
+
+  const navItems = wrapper.findAll('.van-tree-select__nav-item');
+  navItems.at(1).trigger('click');
+
+  expect(onNavClick).toHaveBeenCalledWith(1);
+  expect(onClickNav).toHaveBeenCalledWith(1);
+});
+
+test('click-item event', () => {
+  const onItemClick = jest.fn();
+  const onClickItem = jest.fn();
+
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: mockItems,
+    },
+    context: {
+      on: {
+        itemclick: onItemClick,
+        'click-item': onClickItem,
+      },
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(0).trigger('click');
+  expect(onItemClick).toHaveBeenCalledWith(mockItem);
+  expect(onClickItem).toHaveBeenCalledWith(mockItem);
+});
+
+test('click disabled nav', () => {
+  const onClickNav = jest.fn();
+
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          children: [mockItem],
+          disabled: true,
+        },
+      ],
+    },
+    context: {
+      on: {
+        'click-nav': onClickNav,
+      },
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__nav-item');
+  items.at(0).trigger('click');
+  expect(onClickNav).toHaveBeenCalledTimes(0);
+});
+
+test('click disabled item', () => {
+  const onClickItem = jest.fn();
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          children: [
+            {
+              ...mockItem,
+              disabled: true,
+            },
+          ],
+        },
+      ],
+    },
+    context: {
+      on: {
+        'click-item': onClickItem,
+      },
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(0).trigger('click');
+  expect(onClickItem).toHaveBeenCalledTimes(0);
+});
+
+test('content slot', () => {
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+        },
+      ],
+    },
+    scopedSlots: {
+      content: () => 'Custom Content',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('height prop', () => {
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      height: '100vh',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('nav info', () => {
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: [
+        {
+          text: 'group1',
+          info: 3,
+        },
+      ],
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('use sync modifier in main-active-index', () => {
+  const wrapper = mount({
+    template: `
+      <van-tree-select
+        :items="items"
+        :main-active-index.sync="mainActiveIndex"
+      />
+    `,
+    data() {
+      return {
+        mainActiveIndex: -1,
+        items: mockItems,
+      };
+    },
+  });
+
+  const navItems = wrapper.findAll('.van-tree-select__nav-item');
+  navItems.at(0).trigger('click');
+
+  expect(wrapper.vm.mainActiveIndex).toEqual(0);
+});
+
+test('use sync modifier in active-id', () => {
+  const wrapper = mount({
+    template: `
+      <van-tree-select
+        :items="items"
+        :main-active-index="0"
+        :active-id.sync="activeId"
+      />
+    `,
+    data() {
+      return {
+        activeId: mockItem.id,
+        mainActiveIndex: 0,
+        items: [
+          {
+            text: 'group1',
+            children: [mockItem, mockItem2],
+          },
+        ],
+      };
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(1).trigger('click');
+
+  expect(wrapper.vm.activeId).toEqual(mockItem2.id);
+});
+
+test('multiple select', () => {
+  const wrapper = mount({
+    template: `
+      <van-tree-select
+        :items="items"
+        :main-active-index="0"
+        :active-id.sync="activeId"
+      />
+    `,
+    data() {
+      return {
+        activeId: [],
+        mainActiveIndex: 0,
+        items: [
+          {
+            text: 'group1',
+            children: [mockItem, mockItem2],
+          },
+        ],
+      };
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(0).trigger('click');
+  items.at(1).trigger('click');
+  expect(wrapper.vm.activeId).toEqual([mockItem.id, mockItem2.id]);
+
+  items.at(0).trigger('click');
+  items.at(1).trigger('click');
+  expect(wrapper.vm.activeId).toEqual([]);
+});
+
+test('max prop', () => {
+  const wrapper = mount({
+    template: `
+      <van-tree-select
+        :max="1"
+        :items="items"
+        :main-active-index="0"
+        :active-id.sync="activeId"
+      />
+    `,
+    data() {
+      return {
+        activeId: [],
+        items: [
+          {
+            text: 'group1',
+            children: [mockItem, mockItem2],
+          },
+        ],
+      };
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(0).trigger('click');
+  items.at(1).trigger('click');
+  expect(wrapper.vm.activeId).toEqual([mockItem.id]);
+});
+
+test('className of nav', () => {
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      mainActiveIndex: 0,
+      items: [
+        {
+          text: 'group1',
+          className: 'my-class',
+          children: [],
+        },
+      ],
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__nav-item');
+  expect(items.at(0).element.classList.contains('my-class')).toBeTruthy();
+});
+
+test('should sync value before trigger click-item event', (done) => {
+  const wrapper = mount({
+    template: `
+      <van-tree-select
+        :items="items"
+        :main-active-index="0"
+        :active-id.sync="activeId"
+        @click-item="onClickItem"
+      />
+    `,
+    data() {
+      return {
+        activeId: mockItem.id,
+        mainActiveIndex: 0,
+        items: [
+          {
+            text: 'group1',
+            children: [mockItem, mockItem2],
+          },
+        ],
+      };
+    },
+    methods: {
+      onClickItem() {
+        expect(wrapper.vm.activeId).toEqual(mockItem2.id);
+        done();
+      },
+    },
+  });
+
+  const items = wrapper.findAll('.van-tree-select__item');
+  items.at(1).trigger('click');
+});
+
+test('selected-icon prop', () => {
+  const wrapper = mount(TreeSelect, {
+    propsData: {
+      items: mockItems,
+      activeId: 1,
+      mainActiveIndex: 0,
+      selectedIcon: 'foo',
+    },
+  });
+
+  expect(wrapper.find('.van-tree-select__item')).toMatchSnapshot();
+});
diff --git a/vant.config.js b/vant.config.js
index f0e8c944e..b5c0626cd 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -302,10 +302,10 @@ module.exports = {
                 path: 'pagination',
                 title: 'Pagination 分页',
               },
-              // {
-              //   path: 'sidebar',
-              //   title: 'Sidebar 侧边导航',
-              // },
+              {
+                path: 'sidebar',
+                title: 'Sidebar 侧边导航',
+              },
               // {
               //   path: 'tab',
               //   title: 'Tab 标签页',
@@ -314,10 +314,10 @@ module.exports = {
               //   path: 'tabbar',
               //   title: 'Tabbar 标签栏',
               // },
-              // {
-              //   path: 'tree-select',
-              //   title: 'TreeSelect 分类选择',
-              // },
+              {
+                path: 'tree-select',
+                title: 'TreeSelect 分类选择',
+              },
             ],
           },
           {
@@ -636,10 +636,10 @@ module.exports = {
                 path: 'pagination',
                 title: 'Pagination',
               },
-              // {
-              //   path: 'sidebar',
-              //   title: 'Sidebar',
-              // },
+              {
+                path: 'sidebar',
+                title: 'Sidebar',
+              },
               // {
               //   path: 'tab',
               //   title: 'Tab',
@@ -648,10 +648,10 @@ module.exports = {
               //   path: 'tabbar',
               //   title: 'Tabbar',
               // },
-              // {
-              //   path: 'tree-select',
-              //   title: 'TreeSelect',
-              // },
+              {
+                path: 'tree-select',
+                title: 'TreeSelect',
+              },
             ],
           },
           {

From 6167239b80f29eafa6fd7f0db02fe2b10774a339 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 19:27:58 +0800
Subject: [PATCH 069/626] fix(Slider): missing transition in vertical mode

---
 src-next/slider/index.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-next/slider/index.less b/src-next/slider/index.less
index 6919ffe0c..28d51adc8 100644
--- a/src-next/slider/index.less
+++ b/src-next/slider/index.less
@@ -24,7 +24,7 @@
     height: 100%;
     background-color: @slider-active-background-color;
     border-radius: inherit;
-    transition: width @animation-duration-fast;
+    transition: width @animation-duration-fast, height @animation-duration-fast;
   }
 
   &__button {

From 6672b346180190859932a48785c8ea01045c3f5e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 19:35:36 +0800
Subject: [PATCH 070/626] style(ActionSheet): subname align

---
 src-next/action-sheet/index.js   |  2 +-
 src-next/action-sheet/index.less |  9 +++++----
 src-next/style/var.less          | 12 ++++++------
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src-next/action-sheet/index.js b/src-next/action-sheet/index.js
index 06105aa22..da0cac156 100644
--- a/src-next/action-sheet/index.js
+++ b/src-next/action-sheet/index.js
@@ -125,7 +125,7 @@ export default createComponent({
 
           return [
             <span class={bem('name')}>{item.name}</span>,
-            item.subname && <span class={bem('subname')}>{item.subname}</span>,
+            item.subname && <div class={bem('subname')}>{item.subname}</div>,
           ];
         }
 
diff --git a/src-next/action-sheet/index.less b/src-next/action-sheet/index.less
index 4d86492d3..79ba786b9 100644
--- a/src-next/action-sheet/index.less
+++ b/src-next/action-sheet/index.less
@@ -9,10 +9,8 @@
   &__cancel {
     display: block;
     width: 100%;
-    height: @action-sheet-item-height;
-    padding: 0;
+    padding: 14px @padding-md;
     font-size: @action-sheet-item-font-size;
-    line-height: 20px;
     background-color: @action-sheet-item-background;
     border: none;
     cursor: pointer;
@@ -23,6 +21,8 @@
   }
 
   &__item {
+    line-height: @action-sheet-item-line-height;
+
     &--loading,
     &--disabled {
       color: @action-sheet-item-disabled-text-color;
@@ -42,9 +42,10 @@
   }
 
   &__subname {
-    margin-left: @padding-base;
+    margin-top: @padding-xs;
     color: @action-sheet-subname-color;
     font-size: @action-sheet-subname-font-size;
+    line-height: @action-sheet-subname-line-height;
   }
 
   &__gap {
diff --git a/src-next/style/var.less b/src-next/style/var.less
index 4ddc2770a..a0957a179 100644
--- a/src-next/style/var.less
+++ b/src-next/style/var.less
@@ -70,13 +70,14 @@
 @action-sheet-description-color: @gray-6;
 @action-sheet-description-font-size: @font-size-md;
 @action-sheet-description-line-height: 20px;
-@action-sheet-item-height: 50px;
 @action-sheet-item-background: @white;
 @action-sheet-item-font-size: @font-size-lg;
+@action-sheet-item-line-height: 22px;
 @action-sheet-item-text-color: @text-color;
 @action-sheet-item-disabled-text-color: @gray-5;
 @action-sheet-subname-color: @gray-6;
 @action-sheet-subname-font-size: @font-size-sm;
+@action-sheet-subname-line-height: 20px;
 @action-sheet-close-icon-size: 22px;
 @action-sheet-close-icon-color: @gray-5;
 @action-sheet-close-icon-active-color: @gray-6;
@@ -343,7 +344,7 @@
 @empty-bottom-margin-top: 24px;
 
 // Field
-@field-label-width: 6em;
+@field-label-width: 6.2em;
 @field-label-color: @gray-7;
 @field-label-margin-right: @padding-sm;
 @field-input-text-color: @text-color;
@@ -812,12 +813,11 @@
 @uploader-icon-color: @gray-4;
 @uploader-text-color: @gray-6;
 @uploader-text-font-size: @font-size-sm;
-@uploader-upload-border-radius: 8px;
 @uploader-upload-background-color: @gray-1;
 @uploader-upload-active-color: @active-color;
-@uploader-delete-color: @gray-6;
-@uploader-delete-icon-size: 18px;
-@uploader-delete-background-color: @white;
+@uploader-delete-color: @white;
+@uploader-delete-icon-size: 14px;
+@uploader-delete-background-color: rgba(0, 0, 0, 0.7);
 @uploader-file-background-color: @background-color;
 @uploader-file-icon-size: 20px;
 @uploader-file-icon-color: @gray-7;

From 0304fcb6faa08e33c0d5305e0190dd416cff00a1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 20:02:00 +0800
Subject: [PATCH 071/626] chore: merge src and src-next

---
 components.js                                 |  34 +
 docs/site/mobile.js                           |   8 +-
 packages/vant-cli/src/common/index.ts         |  15 +-
 src-next/action-sheet/README.md               | 191 ----
 src-next/action-sheet/README.zh-CN.md         | 205 -----
 src-next/action-sheet/demo/index.vue          | 154 ----
 src-next/action-sheet/index.less              |  90 --
 .../test/__snapshots__/demo.spec.js.snap      |  37 -
 .../test/__snapshots__/index.spec.js.snap     |  40 -
 src-next/action-sheet/test/demo.spec.js       |   4 -
 src-next/action-sheet/test/index.spec.js      | 186 ----
 src-next/button/README.md                     | 134 ---
 src-next/button/README.zh-CN.md               | 157 ----
 src-next/button/demo/index.vue                | 173 ----
 src-next/button/index.less                    | 183 ----
 .../test/__snapshots__/demo.spec.js.snap      |  86 --
 .../test/__snapshots__/index.spec.js.snap     |  16 -
 src-next/button/test/demo.spec.js             |   4 -
 src-next/button/test/index.spec.js            |  95 --
 src-next/cell-group/index.less                |  12 -
 src-next/cell/README.md                       | 164 ----
 src-next/cell/README.zh-CN.md                 | 167 ----
 src-next/cell/demo/index.vue                  | 121 ---
 src-next/cell/index.less                      | 104 ---
 src-next/cell/shared.ts                       |  40 -
 .../cell/test/__snapshots__/demo.spec.js.snap | 110 ---
 .../test/__snapshots__/index.spec.js.snap     |  29 -
 src-next/cell/test/demo.spec.js               |   4 -
 src-next/cell/test/index.spec.js              |  80 --
 src-next/circle/README.md                     | 126 ---
 src-next/circle/README.zh-CN.md               | 143 ---
 src-next/circle/demo/index.vue                | 137 ---
 src-next/circle/index.js                      | 186 ----
 src-next/circle/index.less                    |  34 -
 .../test/__snapshots__/demo.spec.js.snap      |  57 --
 .../test/__snapshots__/index.spec.js.snap     |  22 -
 src-next/circle/test/demo.spec.js             |   4 -
 src-next/circle/test/index.spec.js            |  59 --
 src-next/col/README.md                        | 119 ---
 src-next/col/README.zh-CN.md                  | 124 ---
 src-next/col/demo/index.vue                   | 112 ---
 src-next/col/index.js                         |  53 --
 src-next/col/index.less                       |  20 -
 .../col/test/__snapshots__/demo.spec.js.snap  |  58 --
 .../col/test/__snapshots__/index.spec.js.snap |  22 -
 src-next/col/test/demo.spec.js                |   4 -
 src-next/col/test/index.spec.js               |  48 -
 src-next/count-down/README.md                 | 165 ----
 src-next/count-down/README.zh-CN.md           | 183 ----
 src-next/count-down/demo/index.vue            | 130 ---
 src-next/count-down/index.js                  | 166 ----
 src-next/count-down/index.less                |   7 -
 .../test/__snapshots__/index.spec.js.snap     |  11 -
 src-next/count-down/test/index.spec.js        | 233 -----
 src-next/count-down/utils.ts                  |  77 --
 src-next/divider/README.md                    |  63 --
 src-next/divider/README.zh-CN.md              |  73 --
 src-next/divider/demo/index.vue               |  78 --
 src-next/divider/index.less                   |  64 --
 .../test/__snapshots__/demo.spec.js.snap      |  32 -
 src-next/divider/test/demo.spec.js            |   4 -
 src-next/empty/README.md                      |  81 --
 src-next/empty/README.zh-CN.md                |  90 --
 src-next/empty/demo/index.vue                 |  88 --
 src-next/empty/index.js                       |  70 --
 src-next/empty/index.less                     |  32 -
 .../test/__snapshots__/demo.spec.js.snap      |  55 --
 .../test/__snapshots__/index.spec.js.snap     |  83 --
 src-next/empty/test/demo.spec.js              |   4 -
 src-next/empty/test/index.spec.js             |  42 -
 src-next/grid-item/index.js                   | 151 ----
 src-next/grid-item/index.less                 |  78 --
 src-next/grid/README.md                       | 134 ---
 src-next/grid/README.zh-CN.md                 | 155 ----
 src-next/grid/demo/index.vue                  | 131 ---
 src-next/grid/index.js                        |  52 --
 src-next/grid/index.less                      |   6 -
 .../grid/test/__snapshots__/demo.spec.js.snap | 196 ----
 .../test/__snapshots__/index.spec.js.snap     |  37 -
 src-next/grid/test/demo.spec.js               |   4 -
 src-next/grid/test/index.spec.js              |  60 --
 src-next/icon/README.md                       |  99 ---
 src-next/icon/README.zh-CN.md                 | 106 ---
 src-next/icon/demo/index.vue                  | 229 -----
 src-next/icon/index.less                      |  10 -
 src-next/icon/local.less                      |   1 -
 .../test/__snapshots__/index.spec.js.snap     |  38 -
 src-next/icon/test/index.spec.js              |  65 --
 src-next/image/README.md                      | 105 ---
 src-next/image/README.zh-CN.md                | 175 ----
 src-next/image/demo/index.vue                 | 117 ---
 src-next/image/index.js                       | 188 ----
 src-next/image/index.less                     |  45 -
 .../test/__snapshots__/demo.spec.js.snap      | 129 ---
 .../test/__snapshots__/index.spec.js.snap     |  58 --
 src-next/image/test/demo.spec.js              |   4 -
 src-next/image/test/index.spec.js             | 172 ----
 src-next/info/index.less                      |  29 -
 .../test/__snapshots__/index.spec.js.snap     |   7 -
 src-next/info/test/index.spec.js              |  32 -
 src-next/loading/README.md                    |  60 --
 src-next/loading/README.zh-CN.md              |  70 --
 src-next/loading/demo/index.vue               |  68 --
 src-next/loading/index.less                   | 103 ---
 .../test/__snapshots__/demo.spec.js.snap      |  28 -
 .../test/__snapshots__/index.spec.js.snap     |   5 -
 src-next/loading/test/demo.spec.js            |   4 -
 src-next/loading/test/index.spec.js           |  25 -
 src-next/locale/README.md                     |  51 --
 src-next/locale/README.zh-CN.md               |  55 --
 src-next/locale/index.ts                      |  25 -
 src-next/locale/lang/en-US.ts                 |  77 --
 src-next/locale/lang/es-ES.ts                 |  77 --
 src-next/locale/lang/ja-JP.ts                 |  78 --
 src-next/locale/lang/ro-RO.ts                 |  77 --
 src-next/locale/lang/tr-TR.ts                 |  77 --
 src-next/locale/lang/zh-CN.ts                 |  78 --
 src-next/locale/lang/zh-HK.ts                 |  78 --
 src-next/locale/lang/zh-TW.ts                 |  78 --
 src-next/mixins/checkbox.js                   | 148 ---
 src-next/mixins/click-outside.js              |  31 -
 src-next/mixins/close-on-popstate.js          |  44 -
 src-next/mixins/field.js                      |  26 -
 src-next/mixins/popup/context.ts              |  13 -
 src-next/mixins/popup/index.js                | 206 -----
 src-next/mixins/popup/type.ts                 |  13 -
 src-next/mixins/relation.js                   |  65 --
 src-next/mixins/slots.js                      |  18 -
 src-next/mixins/touch.js                      |  61 --
 src-next/nav-bar/README.md                    |  80 --
 src-next/nav-bar/README.zh-CN.md              |  82 --
 src-next/nav-bar/demo/index.vue               |  44 -
 src-next/nav-bar/index.js                     | 105 ---
 src-next/nav-bar/index.less                   |  66 --
 .../test/__snapshots__/demo.spec.js.snap      |  23 -
 .../test/__snapshots__/index.spec.js.snap     |  27 -
 src-next/nav-bar/test/demo.spec.js            |   4 -
 src-next/nav-bar/test/index.spec.js           |  60 --
 src-next/overlay/README.md                    |  79 --
 src-next/overlay/README.zh-CN.md              |  85 --
 src-next/overlay/demo/index.vue               |  72 --
 src-next/overlay/index.less                   |  11 -
 .../test/__snapshots__/demo.spec.js.snap      |  20 -
 .../test/__snapshots__/index.spec.js.snap     |  11 -
 src-next/overlay/test/demo.spec.js            |   4 -
 src-next/overlay/test/index.spec.js           |  98 --
 src-next/pagination/README.md                 |  67 --
 src-next/pagination/README.zh-CN.md           |  67 --
 src-next/pagination/demo/index.vue            |  81 --
 src-next/pagination/index.js                  | 166 ----
 src-next/pagination/index.less                |  77 --
 .../test/__snapshots__/demo.spec.js.snap      |  34 -
 src-next/pagination/test/demo.spec.js         |   4 -
 src-next/popup/README.md                      | 138 ---
 src-next/popup/README.zh-CN.md                | 149 ----
 src-next/popup/demo/index.vue                 | 162 ----
 src-next/popup/index.js                       | 137 ---
 src-next/popup/index.less                     | 137 ---
 .../test/__snapshots__/demo.spec.js.snap      |  65 --
 .../test/__snapshots__/index.spec.js.snap     |  14 -
 src-next/popup/test/demo.spec.js              |   4 -
 src-next/popup/test/index.spec.js             | 265 ------
 src-next/progress/README.md                   |  63 --
 src-next/progress/README.zh-CN.md             |  67 --
 src-next/progress/demo/index.vue              |  63 --
 src-next/progress/index.js                    |  84 --
 src-next/progress/index.less                  |  32 -
 .../test/__snapshots__/demo.spec.js.snap      |  20 -
 .../test/__snapshots__/index.spec.js.snap     |   5 -
 src-next/progress/test/demo.spec.js           |   4 -
 src-next/progress/test/index.spec.js          |  28 -
 src-next/rate/README.md                       | 123 ---
 src-next/rate/README.zh-CN.md                 | 123 ---
 src-next/rate/demo/index.vue                  | 106 ---
 src-next/rate/index.js                        | 221 -----
 src-next/rate/index.less                      |  46 -
 .../rate/test/__snapshots__/demo.spec.js.snap | 125 ---
 .../test/__snapshots__/index.spec.js.snap     |  31 -
 src-next/rate/test/demo.spec.js               |   4 -
 src-next/rate/test/index.spec.js              | 154 ----
 src-next/row/index.js                         |  89 --
 src-next/row/index.less                       |  41 -
 src-next/sidebar-item/index.js                |  53 --
 src-next/sidebar-item/index.less              |  59 --
 src-next/sidebar/README.md                    | 112 ---
 src-next/sidebar/README.zh-CN.md              | 121 ---
 src-next/sidebar/demo/index.vue               |  98 --
 src-next/sidebar/index.js                     |  42 -
 src-next/sidebar/index.less                   |   7 -
 .../test/__snapshots__/demo.spec.js.snap      |  77 --
 src-next/sidebar/test/demo.spec.js            |   4 -
 src-next/sidebar/test/index.spec.js           |  78 --
 src-next/skeleton/README.md                   |  62 --
 src-next/skeleton/README.zh-CN.md             |  68 --
 src-next/skeleton/demo/index.vue              |  90 --
 src-next/skeleton/index.less                  |  62 --
 .../test/__snapshots__/demo.spec.js.snap      |  41 -
 .../test/__snapshots__/index.spec.js.snap     |  38 -
 src-next/skeleton/test/demo.spec.js           |   4 -
 src-next/skeleton/test/index.spec.js          |  56 --
 src-next/slider/README.md                     | 123 ---
 src-next/slider/README.zh-CN.md               | 125 ---
 src-next/slider/demo/index.vue                | 114 ---
 src-next/slider/index.js                      | 197 ----
 src-next/slider/index.less                    |  75 --
 .../test/__snapshots__/demo.spec.js.snap      |  71 --
 .../test/__snapshots__/index.spec.js.snap     |  81 --
 src-next/slider/test/demo.spec.js             |   4 -
 src-next/slider/test/index.spec.js            | 166 ----
 src-next/step/index.js                        |  94 --
 src-next/step/index.less                      | 151 ----
 src-next/steps/README.md                      |  90 --
 src-next/steps/README.zh-CN.md                |  96 --
 src-next/steps/demo/index.vue                 | 116 ---
 src-next/steps/index.js                       |  36 -
 src-next/steps/index.less                     |  21 -
 .../test/__snapshots__/demo.spec.js.snap      |  96 --
 .../test/__snapshots__/index.spec.js.snap     |  29 -
 src-next/steps/test/demo.spec.js              |   4 -
 src-next/steps/test/index.spec.js             |  61 --
 src-next/style/README.md                      |  79 --
 src-next/style/README.zh-CN.md                |  79 --
 src-next/style/animation.less                 | 139 ---
 src-next/style/base.less                      |  10 -
 src-next/style/clearfix.less                  |   5 -
 src-next/style/demo/index.vue                 | 110 ---
 src-next/style/ellipsis.less                  |  13 -
 src-next/style/hairline.less                  |  47 -
 src-next/style/mixins/clearfix.less           |   7 -
 src-next/style/mixins/ellipsis.less           |  15 -
 src-next/style/mixins/hairline.less           |  39 -
 src-next/style/normalize.less                 |  38 -
 src-next/style/reset.less                     | 171 ----
 src-next/style/var.less                       | 839 ------------------
 src-next/swipe-cell/README.md                 | 139 ---
 src-next/swipe-cell/README.zh-CN.md           | 155 ----
 src-next/swipe-cell/demo/index.vue            | 121 ---
 src-next/swipe-cell/index.js                  | 246 -----
 src-next/swipe-cell/index.less                |  29 -
 .../test/__snapshots__/demo.spec.js.snap      |  72 --
 .../test/__snapshots__/index.spec.js.snap     |  63 --
 src-next/swipe-cell/test/demo.spec.js         |   4 -
 src-next/swipe-cell/test/index.spec.js        | 229 -----
 src-next/switch/README.md                     | 110 ---
 src-next/switch/README.zh-CN.md               | 122 ---
 src-next/switch/demo/index.vue                |  98 --
 src-next/switch/index.js                      |  71 --
 src-next/switch/index.less                    |  58 --
 src-next/switch/shared.ts                     |  31 -
 .../test/__snapshots__/demo.spec.js.snap      |  46 -
 .../test/__snapshots__/index.spec.js.snap     |  13 -
 src-next/switch/test/demo.spec.js             |   4 -
 src-next/switch/test/index.spec.js            |  91 --
 src-next/tag/README.md                        | 139 ---
 src-next/tag/README.zh-CN.md                  | 149 ----
 src-next/tag/demo/index.vue                   | 126 ---
 src-next/tag/index.less                       |  90 --
 .../tag/test/__snapshots__/demo.spec.js.snap  |  17 -
 src-next/tag/test/demo.spec.js                |   4 -
 src-next/tag/test/index.spec.js               |  54 --
 src-next/tree-select/README.md                | 170 ----
 src-next/tree-select/README.zh-CN.md          | 180 ----
 src-next/tree-select/demo/data-en.ts          |  65 --
 src-next/tree-select/demo/data-zh.ts          |  65 --
 src-next/tree-select/demo/index.vue           | 107 ---
 src-next/tree-select/index.less               |  51 --
 .../test/__snapshots__/demo.spec.js.snap      |  90 --
 .../test/__snapshots__/index.spec.js.snap     |  41 -
 src-next/tree-select/test/demo.spec.js        |   4 -
 src-next/tree-select/test/index.spec.js       | 345 -------
 src-next/utils/constant.ts                    |  14 -
 src-next/utils/create/bem.ts                  |  45 -
 src-next/utils/create/component.ts            |  18 -
 src-next/utils/create/i18n.ts                 |  16 -
 src-next/utils/create/index.ts                |  18 -
 src-next/utils/deep-assign.ts                 |  27 -
 src-next/utils/deep-clone.ts                  |  13 -
 src-next/utils/dom/event.ts                   |  56 --
 src-next/utils/dom/node.ts                    |   7 -
 src-next/utils/dom/raf.ts                     |  40 -
 src-next/utils/dom/reset-scroll.ts            |  16 -
 src-next/utils/dom/scroll.ts                  |  90 --
 src-next/utils/dom/style.ts                   |  11 -
 src-next/utils/format/number.ts               |  31 -
 src-next/utils/format/string.ts               |  15 -
 src-next/utils/format/unit.ts                 |  43 -
 src-next/utils/index.ts                       |  34 -
 src-next/utils/router.ts                      |  49 -
 src-next/utils/test/bem.spec.js               |  39 -
 src-next/utils/test/index.spec.js             | 142 ---
 src-next/utils/types.ts                       |  40 -
 src-next/utils/validate/date.ts               |   8 -
 src-next/utils/validate/email.ts              |   5 -
 src-next/utils/validate/mobile.ts             |   6 -
 src-next/utils/validate/number.ts             |  12 -
 src-next/utils/validate/system.ts             |  13 -
 src/action-sheet/demo/index.vue               |  10 +-
 {src-next => src}/action-sheet/index.js       |   0
 src/action-sheet/index.tsx                    | 193 ----
 {src-next => src}/button/index.js             |   0
 src/button/index.tsx                          | 191 ----
 {src-next => src}/cell-group/index.js         |   0
 src/cell-group/index.tsx                      |  58 --
 {src-next => src}/cell/index.js               |   0
 src/cell/index.tsx                            | 150 ----
 src/circle/README.md                          |  14 +-
 src/circle/README.zh-CN.md                    |  26 +-
 src/circle/demo/index.vue                     |  12 +-
 src/circle/index.js                           |  17 +-
 src/col/index.js                              |   4 +-
 src/count-down/index.js                       |  10 +-
 src/dialog/index.js                           |   6 +-
 {src-next => src}/divider/index.js            |   0
 src/divider/index.tsx                         |  52 --
 {src-next => src}/empty/Network.js            |   0
 src/empty/Network.tsx                         | 125 ---
 src/empty/index.js                            |   8 +-
 src/grid-item/index.js                        |  28 +-
 src/grid/index.js                             |   2 +-
 {src-next => src}/hooks/use-click-outside.ts  |   0
 {src-next => src}/hooks/use-global-event.ts   |   0
 {src-next => src}/hooks/use-lock-scroll.ts    |   0
 {src-next => src}/hooks/use-touch.ts          |   0
 {src-next => src}/icon/index.js               |   0
 src/icon/index.tsx                            |  93 --
 src/image-preview/index.js                    |   6 +-
 src/image/index.js                            |  30 +-
 {src-next => src}/info/index.js               |   0
 src/info/index.tsx                            |  42 -
 {src-next => src}/loading/index.js            |   0
 src/loading/index.tsx                         |  94 --
 src/locale/index.ts                           |  29 +-
 src/mixins/bind-event.js                      |  31 -
 {src-next => src}/mixins/bind-event.ts        |   0
 src/mixins/popup/context.ts                   |   3 -
 src/mixins/popup/index.js                     |  72 +-
 src/mixins/popup/overlay.ts                   |  77 --
 src/mixins/portal.js                          |  47 -
 src/mixins/relation.js                        |  24 +-
 src/nav-bar/index.js                          |   8 +-
 {src-next => src}/overlay/index.js            |   0
 src/overlay/index.tsx                         |  71 --
 src/pagination/demo/index.vue                 |   2 +-
 src/pagination/index.js                       |  22 +-
 src/popup/README.md                           |  20 +-
 src/popup/README.zh-CN.md                     |  22 +-
 src/popup/demo/index.vue                      |  24 +-
 src/popup/index.js                            | 128 ++-
 src/popup/index.less                          |   8 +-
 src/rate/index.js                             |  21 +-
 src/row/index.js                              |   4 +-
 src/sidebar-item/index.js                     |  15 +-
 src/sidebar/index.js                          |  14 +-
 {src-next => src}/skeleton/index.js           |   0
 src/skeleton/index.tsx                        | 129 ---
 src/slider/index.js                           |  22 +-
 src/step/index.js                             |  28 +-
 src/steps/index.js                            |   4 +-
 src/swipe-cell/index.js                       |   6 +-
 src/switch/README.md                          |   4 +-
 src/switch/README.zh-CN.md                    |   6 +-
 src/switch/demo/index.vue                     |   6 +-
 src/switch/index.js                           |   6 +-
 src/switch/shared.ts                          |   4 +-
 {src-next => src}/tag/index.js                |   0
 src/tag/index.tsx                             |  90 --
 src/tree-select/README.md                     |  12 +-
 src/tree-select/README.zh-CN.md               |  16 +-
 src/tree-select/demo/index.vue                |  14 +-
 {src-next => src}/tree-select/index.js        |   0
 src/tree-select/index.tsx                     | 166 ----
 src/utils/create/component.ts                 |  84 +-
 src/utils/create/index.ts                     |   6 +-
 src/utils/dom/event.ts                        |   8 +-
 src/utils/dom/raf.ts                          |   4 +-
 src/utils/functional.ts                       |  71 --
 src/utils/index.ts                            |   9 +-
 src/utils/router.ts                           |  13 +-
 src/utils/validate/system.ts                  |  10 +-
 src/utils/vnodes.ts                           |  33 -
 tsconfig.json                                 |   3 +-
 vant.config.js                                |   2 +-
 382 files changed, 464 insertions(+), 24746 deletions(-)
 create mode 100644 components.js
 delete mode 100644 src-next/action-sheet/README.md
 delete mode 100644 src-next/action-sheet/README.zh-CN.md
 delete mode 100644 src-next/action-sheet/demo/index.vue
 delete mode 100644 src-next/action-sheet/index.less
 delete mode 100644 src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/action-sheet/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/action-sheet/test/demo.spec.js
 delete mode 100644 src-next/action-sheet/test/index.spec.js
 delete mode 100644 src-next/button/README.md
 delete mode 100644 src-next/button/README.zh-CN.md
 delete mode 100644 src-next/button/demo/index.vue
 delete mode 100644 src-next/button/index.less
 delete mode 100644 src-next/button/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/button/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/button/test/demo.spec.js
 delete mode 100644 src-next/button/test/index.spec.js
 delete mode 100644 src-next/cell-group/index.less
 delete mode 100644 src-next/cell/README.md
 delete mode 100644 src-next/cell/README.zh-CN.md
 delete mode 100644 src-next/cell/demo/index.vue
 delete mode 100644 src-next/cell/index.less
 delete mode 100644 src-next/cell/shared.ts
 delete mode 100644 src-next/cell/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/cell/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/cell/test/demo.spec.js
 delete mode 100644 src-next/cell/test/index.spec.js
 delete mode 100644 src-next/circle/README.md
 delete mode 100644 src-next/circle/README.zh-CN.md
 delete mode 100644 src-next/circle/demo/index.vue
 delete mode 100644 src-next/circle/index.js
 delete mode 100644 src-next/circle/index.less
 delete mode 100644 src-next/circle/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/circle/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/circle/test/demo.spec.js
 delete mode 100644 src-next/circle/test/index.spec.js
 delete mode 100644 src-next/col/README.md
 delete mode 100644 src-next/col/README.zh-CN.md
 delete mode 100644 src-next/col/demo/index.vue
 delete mode 100644 src-next/col/index.js
 delete mode 100644 src-next/col/index.less
 delete mode 100644 src-next/col/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/col/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/col/test/demo.spec.js
 delete mode 100644 src-next/col/test/index.spec.js
 delete mode 100644 src-next/count-down/README.md
 delete mode 100644 src-next/count-down/README.zh-CN.md
 delete mode 100644 src-next/count-down/demo/index.vue
 delete mode 100644 src-next/count-down/index.js
 delete mode 100644 src-next/count-down/index.less
 delete mode 100644 src-next/count-down/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/count-down/test/index.spec.js
 delete mode 100644 src-next/count-down/utils.ts
 delete mode 100644 src-next/divider/README.md
 delete mode 100644 src-next/divider/README.zh-CN.md
 delete mode 100644 src-next/divider/demo/index.vue
 delete mode 100644 src-next/divider/index.less
 delete mode 100644 src-next/divider/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/divider/test/demo.spec.js
 delete mode 100644 src-next/empty/README.md
 delete mode 100644 src-next/empty/README.zh-CN.md
 delete mode 100644 src-next/empty/demo/index.vue
 delete mode 100644 src-next/empty/index.js
 delete mode 100644 src-next/empty/index.less
 delete mode 100644 src-next/empty/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/empty/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/empty/test/demo.spec.js
 delete mode 100644 src-next/empty/test/index.spec.js
 delete mode 100644 src-next/grid-item/index.js
 delete mode 100644 src-next/grid-item/index.less
 delete mode 100644 src-next/grid/README.md
 delete mode 100644 src-next/grid/README.zh-CN.md
 delete mode 100644 src-next/grid/demo/index.vue
 delete mode 100644 src-next/grid/index.js
 delete mode 100644 src-next/grid/index.less
 delete mode 100644 src-next/grid/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/grid/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/grid/test/demo.spec.js
 delete mode 100644 src-next/grid/test/index.spec.js
 delete mode 100644 src-next/icon/README.md
 delete mode 100644 src-next/icon/README.zh-CN.md
 delete mode 100644 src-next/icon/demo/index.vue
 delete mode 100644 src-next/icon/index.less
 delete mode 100644 src-next/icon/local.less
 delete mode 100644 src-next/icon/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/icon/test/index.spec.js
 delete mode 100644 src-next/image/README.md
 delete mode 100644 src-next/image/README.zh-CN.md
 delete mode 100644 src-next/image/demo/index.vue
 delete mode 100644 src-next/image/index.js
 delete mode 100644 src-next/image/index.less
 delete mode 100644 src-next/image/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/image/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/image/test/demo.spec.js
 delete mode 100644 src-next/image/test/index.spec.js
 delete mode 100644 src-next/info/index.less
 delete mode 100644 src-next/info/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/info/test/index.spec.js
 delete mode 100644 src-next/loading/README.md
 delete mode 100644 src-next/loading/README.zh-CN.md
 delete mode 100644 src-next/loading/demo/index.vue
 delete mode 100644 src-next/loading/index.less
 delete mode 100644 src-next/loading/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/loading/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/loading/test/demo.spec.js
 delete mode 100644 src-next/loading/test/index.spec.js
 delete mode 100644 src-next/locale/README.md
 delete mode 100644 src-next/locale/README.zh-CN.md
 delete mode 100644 src-next/locale/index.ts
 delete mode 100644 src-next/locale/lang/en-US.ts
 delete mode 100644 src-next/locale/lang/es-ES.ts
 delete mode 100644 src-next/locale/lang/ja-JP.ts
 delete mode 100644 src-next/locale/lang/ro-RO.ts
 delete mode 100644 src-next/locale/lang/tr-TR.ts
 delete mode 100644 src-next/locale/lang/zh-CN.ts
 delete mode 100644 src-next/locale/lang/zh-HK.ts
 delete mode 100644 src-next/locale/lang/zh-TW.ts
 delete mode 100644 src-next/mixins/checkbox.js
 delete mode 100644 src-next/mixins/click-outside.js
 delete mode 100644 src-next/mixins/close-on-popstate.js
 delete mode 100644 src-next/mixins/field.js
 delete mode 100644 src-next/mixins/popup/context.ts
 delete mode 100644 src-next/mixins/popup/index.js
 delete mode 100644 src-next/mixins/popup/type.ts
 delete mode 100644 src-next/mixins/relation.js
 delete mode 100644 src-next/mixins/slots.js
 delete mode 100644 src-next/mixins/touch.js
 delete mode 100644 src-next/nav-bar/README.md
 delete mode 100644 src-next/nav-bar/README.zh-CN.md
 delete mode 100644 src-next/nav-bar/demo/index.vue
 delete mode 100644 src-next/nav-bar/index.js
 delete mode 100644 src-next/nav-bar/index.less
 delete mode 100644 src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/nav-bar/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/nav-bar/test/demo.spec.js
 delete mode 100644 src-next/nav-bar/test/index.spec.js
 delete mode 100644 src-next/overlay/README.md
 delete mode 100644 src-next/overlay/README.zh-CN.md
 delete mode 100644 src-next/overlay/demo/index.vue
 delete mode 100644 src-next/overlay/index.less
 delete mode 100644 src-next/overlay/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/overlay/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/overlay/test/demo.spec.js
 delete mode 100644 src-next/overlay/test/index.spec.js
 delete mode 100644 src-next/pagination/README.md
 delete mode 100644 src-next/pagination/README.zh-CN.md
 delete mode 100644 src-next/pagination/demo/index.vue
 delete mode 100644 src-next/pagination/index.js
 delete mode 100644 src-next/pagination/index.less
 delete mode 100644 src-next/pagination/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/pagination/test/demo.spec.js
 delete mode 100644 src-next/popup/README.md
 delete mode 100644 src-next/popup/README.zh-CN.md
 delete mode 100644 src-next/popup/demo/index.vue
 delete mode 100644 src-next/popup/index.js
 delete mode 100644 src-next/popup/index.less
 delete mode 100644 src-next/popup/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/popup/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/popup/test/demo.spec.js
 delete mode 100644 src-next/popup/test/index.spec.js
 delete mode 100644 src-next/progress/README.md
 delete mode 100644 src-next/progress/README.zh-CN.md
 delete mode 100644 src-next/progress/demo/index.vue
 delete mode 100644 src-next/progress/index.js
 delete mode 100644 src-next/progress/index.less
 delete mode 100644 src-next/progress/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/progress/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/progress/test/demo.spec.js
 delete mode 100644 src-next/progress/test/index.spec.js
 delete mode 100644 src-next/rate/README.md
 delete mode 100644 src-next/rate/README.zh-CN.md
 delete mode 100644 src-next/rate/demo/index.vue
 delete mode 100644 src-next/rate/index.js
 delete mode 100644 src-next/rate/index.less
 delete mode 100644 src-next/rate/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/rate/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/rate/test/demo.spec.js
 delete mode 100644 src-next/rate/test/index.spec.js
 delete mode 100644 src-next/row/index.js
 delete mode 100644 src-next/row/index.less
 delete mode 100644 src-next/sidebar-item/index.js
 delete mode 100644 src-next/sidebar-item/index.less
 delete mode 100644 src-next/sidebar/README.md
 delete mode 100644 src-next/sidebar/README.zh-CN.md
 delete mode 100644 src-next/sidebar/demo/index.vue
 delete mode 100644 src-next/sidebar/index.js
 delete mode 100644 src-next/sidebar/index.less
 delete mode 100644 src-next/sidebar/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/sidebar/test/demo.spec.js
 delete mode 100644 src-next/sidebar/test/index.spec.js
 delete mode 100644 src-next/skeleton/README.md
 delete mode 100644 src-next/skeleton/README.zh-CN.md
 delete mode 100644 src-next/skeleton/demo/index.vue
 delete mode 100644 src-next/skeleton/index.less
 delete mode 100644 src-next/skeleton/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/skeleton/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/skeleton/test/demo.spec.js
 delete mode 100644 src-next/skeleton/test/index.spec.js
 delete mode 100644 src-next/slider/README.md
 delete mode 100644 src-next/slider/README.zh-CN.md
 delete mode 100644 src-next/slider/demo/index.vue
 delete mode 100644 src-next/slider/index.js
 delete mode 100644 src-next/slider/index.less
 delete mode 100644 src-next/slider/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/slider/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/slider/test/demo.spec.js
 delete mode 100644 src-next/slider/test/index.spec.js
 delete mode 100644 src-next/step/index.js
 delete mode 100644 src-next/step/index.less
 delete mode 100644 src-next/steps/README.md
 delete mode 100644 src-next/steps/README.zh-CN.md
 delete mode 100644 src-next/steps/demo/index.vue
 delete mode 100644 src-next/steps/index.js
 delete mode 100644 src-next/steps/index.less
 delete mode 100644 src-next/steps/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/steps/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/steps/test/demo.spec.js
 delete mode 100644 src-next/steps/test/index.spec.js
 delete mode 100644 src-next/style/README.md
 delete mode 100644 src-next/style/README.zh-CN.md
 delete mode 100644 src-next/style/animation.less
 delete mode 100644 src-next/style/base.less
 delete mode 100644 src-next/style/clearfix.less
 delete mode 100644 src-next/style/demo/index.vue
 delete mode 100644 src-next/style/ellipsis.less
 delete mode 100644 src-next/style/hairline.less
 delete mode 100644 src-next/style/mixins/clearfix.less
 delete mode 100644 src-next/style/mixins/ellipsis.less
 delete mode 100644 src-next/style/mixins/hairline.less
 delete mode 100644 src-next/style/normalize.less
 delete mode 100644 src-next/style/reset.less
 delete mode 100644 src-next/style/var.less
 delete mode 100644 src-next/swipe-cell/README.md
 delete mode 100644 src-next/swipe-cell/README.zh-CN.md
 delete mode 100644 src-next/swipe-cell/demo/index.vue
 delete mode 100644 src-next/swipe-cell/index.js
 delete mode 100644 src-next/swipe-cell/index.less
 delete mode 100644 src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/swipe-cell/test/demo.spec.js
 delete mode 100644 src-next/swipe-cell/test/index.spec.js
 delete mode 100644 src-next/switch/README.md
 delete mode 100644 src-next/switch/README.zh-CN.md
 delete mode 100644 src-next/switch/demo/index.vue
 delete mode 100644 src-next/switch/index.js
 delete mode 100644 src-next/switch/index.less
 delete mode 100644 src-next/switch/shared.ts
 delete mode 100644 src-next/switch/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/switch/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/switch/test/demo.spec.js
 delete mode 100644 src-next/switch/test/index.spec.js
 delete mode 100644 src-next/tag/README.md
 delete mode 100644 src-next/tag/README.zh-CN.md
 delete mode 100644 src-next/tag/demo/index.vue
 delete mode 100644 src-next/tag/index.less
 delete mode 100644 src-next/tag/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/tag/test/demo.spec.js
 delete mode 100644 src-next/tag/test/index.spec.js
 delete mode 100644 src-next/tree-select/README.md
 delete mode 100644 src-next/tree-select/README.zh-CN.md
 delete mode 100644 src-next/tree-select/demo/data-en.ts
 delete mode 100644 src-next/tree-select/demo/data-zh.ts
 delete mode 100644 src-next/tree-select/demo/index.vue
 delete mode 100644 src-next/tree-select/index.less
 delete mode 100644 src-next/tree-select/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src-next/tree-select/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src-next/tree-select/test/demo.spec.js
 delete mode 100644 src-next/tree-select/test/index.spec.js
 delete mode 100644 src-next/utils/constant.ts
 delete mode 100644 src-next/utils/create/bem.ts
 delete mode 100644 src-next/utils/create/component.ts
 delete mode 100644 src-next/utils/create/i18n.ts
 delete mode 100644 src-next/utils/create/index.ts
 delete mode 100644 src-next/utils/deep-assign.ts
 delete mode 100644 src-next/utils/deep-clone.ts
 delete mode 100644 src-next/utils/dom/event.ts
 delete mode 100644 src-next/utils/dom/node.ts
 delete mode 100644 src-next/utils/dom/raf.ts
 delete mode 100644 src-next/utils/dom/reset-scroll.ts
 delete mode 100644 src-next/utils/dom/scroll.ts
 delete mode 100644 src-next/utils/dom/style.ts
 delete mode 100644 src-next/utils/format/number.ts
 delete mode 100644 src-next/utils/format/string.ts
 delete mode 100644 src-next/utils/format/unit.ts
 delete mode 100644 src-next/utils/index.ts
 delete mode 100644 src-next/utils/router.ts
 delete mode 100644 src-next/utils/test/bem.spec.js
 delete mode 100644 src-next/utils/test/index.spec.js
 delete mode 100644 src-next/utils/types.ts
 delete mode 100644 src-next/utils/validate/date.ts
 delete mode 100644 src-next/utils/validate/email.ts
 delete mode 100644 src-next/utils/validate/mobile.ts
 delete mode 100644 src-next/utils/validate/number.ts
 delete mode 100644 src-next/utils/validate/system.ts
 rename {src-next => src}/action-sheet/index.js (100%)
 delete mode 100644 src/action-sheet/index.tsx
 rename {src-next => src}/button/index.js (100%)
 delete mode 100644 src/button/index.tsx
 rename {src-next => src}/cell-group/index.js (100%)
 delete mode 100644 src/cell-group/index.tsx
 rename {src-next => src}/cell/index.js (100%)
 delete mode 100644 src/cell/index.tsx
 rename {src-next => src}/divider/index.js (100%)
 delete mode 100644 src/divider/index.tsx
 rename {src-next => src}/empty/Network.js (100%)
 delete mode 100644 src/empty/Network.tsx
 rename {src-next => src}/hooks/use-click-outside.ts (100%)
 rename {src-next => src}/hooks/use-global-event.ts (100%)
 rename {src-next => src}/hooks/use-lock-scroll.ts (100%)
 rename {src-next => src}/hooks/use-touch.ts (100%)
 rename {src-next => src}/icon/index.js (100%)
 delete mode 100644 src/icon/index.tsx
 rename {src-next => src}/info/index.js (100%)
 delete mode 100644 src/info/index.tsx
 rename {src-next => src}/loading/index.js (100%)
 delete mode 100644 src/loading/index.tsx
 delete mode 100644 src/mixins/bind-event.js
 rename {src-next => src}/mixins/bind-event.ts (100%)
 delete mode 100644 src/mixins/popup/overlay.ts
 delete mode 100644 src/mixins/portal.js
 rename {src-next => src}/overlay/index.js (100%)
 delete mode 100644 src/overlay/index.tsx
 rename {src-next => src}/skeleton/index.js (100%)
 delete mode 100644 src/skeleton/index.tsx
 rename {src-next => src}/tag/index.js (100%)
 delete mode 100644 src/tag/index.tsx
 rename {src-next => src}/tree-select/index.js (100%)
 delete mode 100644 src/tree-select/index.tsx
 delete mode 100644 src/utils/functional.ts
 delete mode 100644 src/utils/vnodes.ts

diff --git a/components.js b/components.js
new file mode 100644
index 000000000..c0c25f949
--- /dev/null
+++ b/components.js
@@ -0,0 +1,34 @@
+// List of components that have been adapted to Vue 3.0
+module.exports = [
+  'button',
+  'cell',
+  'icon',
+  'info',
+  'image',
+  'col',
+  'row',
+  'popup',
+  'rate',
+  'slider',
+  'slider-item',
+  'switch',
+  'action-sheet',
+  'loading',
+  'overlay',
+  'swipe-cell',
+  'circle',
+  'count-down',
+  'divider',
+  'empty',
+  'progress',
+  'skeleton',
+  'step',
+  'steps',
+  'tag',
+  'grid',
+  'grid-item',
+  'nav-bar',
+  'pagination',
+  'sidebar',
+  'tree-select',
+];
diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index dd5f87f86..fe83fab5e 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,7 +1,7 @@
-import Locale from '../../src-next/locale';
-import enUS from '../../src-next/locale/lang/en-US';
-import { get } from '../../src-next/utils';
-import { camelize } from '../../src-next/utils/format/string';
+import Locale from '../../src/locale';
+import enUS from '../../src/locale/lang/en-US';
+import { get } from '../../src/utils';
+import { camelize } from '../../src/utils/format/string';
 // import Lazyload from '../../src/lazyload';
 
 const { app } = window;
diff --git a/packages/vant-cli/src/common/index.ts b/packages/vant-cli/src/common/index.ts
index a10b3bb4c..6260b18f5 100644
--- a/packages/vant-cli/src/common/index.ts
+++ b/packages/vant-cli/src/common/index.ts
@@ -7,6 +7,7 @@ import {
   outputFileSync,
 } from 'fs-extra';
 import {
+  ROOT,
   SRC_DIR,
   getVantConfig,
   ROOT_WEBPACK_CONFIG_FILE,
@@ -36,10 +37,15 @@ export function hasDefaultExport(code: string) {
 export function getComponents() {
   const EXCLUDES = ['.DS_Store'];
   const dirs = readdirSync(SRC_DIR);
+
+  // TODO
+  // whitelist for 3.0 development
+  const whiteList = require(join(ROOT, 'components.js'));
+
   return dirs
-    .filter(dir => !EXCLUDES.includes(dir))
-    .filter(dir =>
-      ENTRY_EXTS.some(ext => {
+    .filter((dir) => !EXCLUDES.includes(dir))
+    .filter((dir) =>
+      ENTRY_EXTS.some((ext) => {
         const path = join(SRC_DIR, dir, `index.${ext}`);
         if (existsSync(path)) {
           return hasDefaultExport(readFileSync(path, 'utf-8'));
@@ -47,7 +53,8 @@ export function getComponents() {
 
         return false;
       })
-    );
+    )
+    .filter((dir) => whiteList.includes(dir));
 }
 
 export function isDir(dir: string) {
diff --git a/src-next/action-sheet/README.md b/src-next/action-sheet/README.md
deleted file mode 100644
index a79ac6ccc..000000000
--- a/src-next/action-sheet/README.md
+++ /dev/null
@@ -1,191 +0,0 @@
-# ActionSheet
-
-### Install
-
-```js
-import Vue from 'vue';
-import { ActionSheet } from 'vant';
-
-Vue.use(ActionSheet);
-```
-
-## Usage
-
-### Basic Usage
-
-Use `actions` prop to set options of action-sheet.
-
-```html
-<van-cell is-link title="Basic Usage" @click="show = true" />
-<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: 'Option 1' },
-        { name: 'Option 2' },
-        { name: 'Option 3' },
-      ],
-    };
-  },
-  methods: {
-    onSelect(item) {
-      this.show = false;
-      Toast(item.name);
-    },
-  },
-};
-```
-
-### Show Cancel Button
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="Cancel"
-  close-on-click-action
-  @cancel="onCancel"
-/>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: 'Option 1' },
-        { name: 'Option 2' },
-        { name: 'Option 3' },
-      ],
-    };
-  },
-  methods: {
-    onCancel() {
-      Toast('cancel');
-    },
-  },
-};
-```
-
-### Show Description
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="Cancel"
-  description="Description"
-  close-on-click-action
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: 'Option 1' },
-        { name: 'Option 2' },
-        { name: 'Option 3', subname: 'Description' },
-      ],
-    };
-  },
-};
-```
-
-### Option Status
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="Cancel"
-  close-on-click-action
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: 'Colored Option', color: '#07c160' },
-        { name: 'Disabled Option', disabled: true },
-        { name: 'Loading Option', loading: true },
-      ],
-    };
-  },
-};
-```
-
-### Custom Panel
-
-```html
-<van-action-sheet v-model="show" title="Title">
-  <div class="content">Content</div>
-</van-action-sheet>
-
-<style>
-  .content {
-    padding: 16px 16px 160px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model (value) | Whether to show ActionSheet | _boolean_ | `false` |
-| actions | Options | _Action[]_ | `[]` |
-| title | Title | _string_ | - |
-| cancel-text | Text of cancel button | _string_ | - |
-| description `v2.2.8` | Description above the options | _string_ | - |
-| close-icon `v2.2.13` | Close icon name | _string_ | `cross` |
-| duration `v2.0.3` | Transition duration, unit second | _number \| string_ | `0.3` |
-| round `v2.0.9` | Whether to show round corner | _boolean_ | `true` |
-| overlay | Whether to show overlay | _boolean_ | `true` |
-| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
-| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
-| close-on-popstate `v2.5.3` | Whether to close when popstate | _boolean_ | `false` |
-| close-on-click-action | Whether to close when click action | _boolean_ | `false` |
-| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
-| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
-| get-container | Return the mount node for ActionSheet | _string \| () => Element_ | - |
-
-### Data Structure of Action
-
-| Key       | Description                  | Type      |
-| --------- | ---------------------------- | --------- |
-| name      | Title                        | _string_  |
-| subname   | Subtitle                     | _string_  |
-| color     | Text color                   | _string_  |
-| className | className for the option     | _any_     |
-| loading   | Whether to be loading status | _boolean_ |
-| disabled  | Whether to be disabled       | _boolean_ |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| select | Triggered when click option | _action: Action, index: number_ |
-| cancel | Triggered when click cancel button | - |
-| open | Triggered when open ActionSheet | - |
-| close | Triggered when close ActionSheet | - |
-| opened | Triggered when opened ActionSheet | - |
-| closed | Triggered when closed ActionSheet | - |
-| click-overlay | Triggered when click overlay | - |
diff --git a/src-next/action-sheet/README.zh-CN.md b/src-next/action-sheet/README.zh-CN.md
deleted file mode 100644
index 0993e4e71..000000000
--- a/src-next/action-sheet/README.zh-CN.md
+++ /dev/null
@@ -1,205 +0,0 @@
-# ActionSheet 动作面板
-
-### 介绍
-
-底部弹起的模态面板，包含与当前情境相关的多个选项。
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { ActionSheet } from 'vant';
-
-Vue.use(ActionSheet);
-```
-
-## 代码演示
-
-### 基础用法
-
-动作面板通过 `actions` 属性来定义选项，`actions` 属性是一个由对象构成的数组，数组中的每个对象配置一列，对象格式见文档下方表格。
-
-```html
-<van-cell is-link title="基础用法" @click="show = true" />
-<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
-    };
-  },
-  methods: {
-    onSelect(item) {
-      // 默认情况下点击选项时不会自动收起
-      // 可以通过 close-on-click-action 属性开启自动收起
-      this.show = false;
-      Toast(item.name);
-    },
-  },
-};
-```
-
-### 展示取消按钮
-
-设置 `cancel-text` 属性后，会在底部展示取消按钮，点击后关闭当前面板并触发 `cancel` 事件。
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="取消"
-  close-on-click-action
-  @cancel="onCancel"
-/>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [{ name: '选项一' }, { name: '选项二' }, { name: '选项三' }],
-    };
-  },
-  methods: {
-    onCancel() {
-      Toast('取消');
-    },
-  },
-};
-```
-
-### 展示描述信息
-
-通过 `description` 可以在菜单顶部显示描述信息，通过选项的 `subname` 属性可以在选项文字的右侧展示描述信息。
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="取消"
-  description="这是一段描述信息"
-  close-on-click-action
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: '选项一' },
-        { name: '选项二' },
-        { name: '选项三', subname: '描述信息' },
-      ],
-    };
-  },
-};
-```
-
-### 选项状态
-
-可以通过 `loading` 和 `disabled` 将选项设置为加载状态或禁用状态，或者通过`color`设置选项的颜色
-
-```html
-<van-action-sheet
-  v-model="show"
-  :actions="actions"
-  cancel-text="取消"
-  close-on-click-action
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      actions: [
-        { name: '着色选项', color: '#07c160' },
-        { name: '禁用选项', disabled: true },
-        { name: '加载选项', loading: true },
-      ],
-    };
-  },
-};
-```
-
-### 自定义面板
-
-通过插槽可以自定义面板的展示内容，同时可以使用`title`属性展示标题栏
-
-```html
-<van-action-sheet v-model="show" title="标题">
-  <div class="content">内容</div>
-</van-action-sheet>
-
-<style>
-  .content {
-    padding: 16px 16px 160px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model (value) | 是否显示动作面板 | _boolean_ | `false` |
-| actions | 面板选项列表 | _Action[]_ | `[]` |
-| title | 顶部标题 | _string_ | - |
-| cancel-text | 取消按钮文字 | _string_ | - |
-| description `v2.2.8` | 选项上方的描述信息 | _string_ | - |
-| close-icon `v2.2.13` | 关闭[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `cross` |
-| duration `v2.0.3` | 动画时长，单位秒 | _number \| string_ | `0.3` |
-| round `v2.0.9` | 是否显示圆角 | _boolean_ | `true` |
-| overlay | 是否显示遮罩层 | _boolean_ | `true` |
-| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
-| close-on-popstate `v2.5.3` | 是否在页面回退时自动关闭 | _boolean_ | `false` |
-| close-on-click-action | 是否在点击选项后关闭 | _boolean_ | `false` |
-| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
-| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
-
-### Action 数据结构
-
-`actions` 属性是一个由对象构成的数组，数组中的每个对象配置一列，对象可以包含以下值：
-
-| 键名      | 说明                     | 类型      |
-| --------- | ------------------------ | --------- |
-| name      | 标题                     | _string_  |
-| subname   | 二级标题                 | _string_  |
-| color     | 选项文字颜色             | _string_  |
-| className | 为对应列添加额外的 class | _any_     |
-| loading   | 是否为加载状态           | _boolean_ |
-| disabled  | 是否为禁用状态           | _boolean_ |
-
-### Events
-
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| select | 点击选项时触发，禁用或加载状态下不会触发 | _action: Action, index: number_ |
-| cancel | 点击取消按钮时触发 | - |
-| open | 打开面板时触发 | - |
-| close | 关闭面板时触发 | - |
-| opened | 打开面板且动画结束后触发 | - |
-| closed | 关闭面板且动画结束后触发 | - |
-| click-overlay | 点击遮罩层时触发 | - |
-
-## 常见问题
-
-### 引入时提示 dependencies not found？
-
-在 1.x 版本中，动作面板的组件名为`Actionsheet`，从 2.0 版本开始更名为`ActionSheet`，请注意区分。
diff --git a/src-next/action-sheet/demo/index.vue b/src-next/action-sheet/demo/index.vue
deleted file mode 100644
index 24b0e31fe..000000000
--- a/src-next/action-sheet/demo/index.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('basicUsage')" @click="show.basic = true" />
-      <van-cell is-link :title="t('showCancel')" @click="show.cancel = true" />
-      <van-cell
-        is-link
-        :title="t('showDescription')"
-        @click="show.description = true"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('optionStatus')">
-      <van-cell
-        is-link
-        :title="t('optionStatus')"
-        @click="show.status = true"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('customPanel')">
-      <van-cell is-link :title="t('customPanel')" @click="show.title = true" />
-    </demo-block>
-
-    <van-action-sheet
-      v-model:show="show.basic"
-      :actions="simpleActions"
-      @select="onSelect"
-    />
-
-    <van-action-sheet
-      v-model:show="show.cancel"
-      :actions="simpleActions"
-      close-on-click-action
-      :cancel-text="t('cancel')"
-      @cancel="onCancel"
-    />
-
-    <van-action-sheet
-      v-model:show="show.description"
-      :actions="actionsWithDescription"
-      close-on-click-action
-      :cancel-text="t('cancel')"
-      :description="t('description')"
-    />
-
-    <van-action-sheet
-      v-model:show="show.status"
-      close-on-click-action
-      :actions="statusActions"
-      :cancel-text="t('cancel')"
-    />
-
-    <van-action-sheet v-model:show="show.title" :title="t('title')">
-      <div class="demo-action-sheet-content">{{ t('content') }}</div>
-    </van-action-sheet>
-  </demo-section>
-</template>
-
-<script>
-import { GREEN } from '../../utils/constant';
-
-export default {
-  i18n: {
-    'zh-CN': {
-      option1: '选项一',
-      option2: '选项二',
-      option3: '选项三',
-      subname: '描述信息',
-      showCancel: '展示取消按钮',
-      buttonText: '弹出菜单',
-      customPanel: '自定义面板',
-      description: '这是一段描述信息',
-      optionStatus: '选项状态',
-      coloredOption: '着色选项',
-      disabledOption: '禁用选项',
-      showDescription: '展示描述信息',
-    },
-    'en-US': {
-      option1: 'Option 1',
-      option2: 'Option 2',
-      option3: 'Option 3',
-      subname: 'Description',
-      showCancel: 'Show Cancel Button',
-      buttonText: 'Show ActionSheet',
-      customPanel: 'Custom Panel',
-      description: 'Description',
-      optionStatus: 'Option Status',
-      coloredOption: 'Colored Option',
-      disabledOption: 'Disabled Option',
-      showDescription: 'Show Description',
-    },
-  },
-
-  data() {
-    return {
-      show: {
-        basic: false,
-        cancel: false,
-        title: false,
-        status: false,
-        description: false,
-      },
-    };
-  },
-
-  computed: {
-    simpleActions() {
-      return [
-        { name: this.t('option1') },
-        { name: this.t('option2') },
-        { name: this.t('option3') },
-      ];
-    },
-
-    actionsWithDescription() {
-      return [
-        { name: this.t('option1') },
-        { name: this.t('option2') },
-        { name: this.t('option3'), subname: this.t('subname') },
-      ];
-    },
-
-    statusActions() {
-      return [
-        { name: this.t('coloredOption'), color: GREEN },
-        { name: this.t('disabledOption'), disabled: true },
-        { loading: true },
-      ];
-    },
-  },
-
-  methods: {
-    onSelect(item) {
-      this.show.basic = false;
-      this.$toast(item.name);
-    },
-
-    onCancel() {
-      this.$toast(this.t('cancel'));
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-action-sheet {
-  &-content {
-    padding: @padding-md @padding-md @padding-md * 10;
-  }
-}
-</style>
diff --git a/src-next/action-sheet/index.less b/src-next/action-sheet/index.less
deleted file mode 100644
index 79ba786b9..000000000
--- a/src-next/action-sheet/index.less
+++ /dev/null
@@ -1,90 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.van-action-sheet {
-  max-height: @action-sheet-max-height;
-  color: @action-sheet-item-text-color;
-
-  &__item,
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 14px @padding-md;
-    font-size: @action-sheet-item-font-size;
-    background-color: @action-sheet-item-background;
-    border: none;
-    cursor: pointer;
-
-    &:active {
-      background-color: @active-color;
-    }
-  }
-
-  &__item {
-    line-height: @action-sheet-item-line-height;
-
-    &--loading,
-    &--disabled {
-      color: @action-sheet-item-disabled-text-color;
-
-      &:active {
-        background-color: @action-sheet-item-background;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-    }
-
-    &--loading {
-      cursor: default;
-    }
-  }
-
-  &__subname {
-    margin-top: @padding-xs;
-    color: @action-sheet-subname-color;
-    font-size: @action-sheet-subname-font-size;
-    line-height: @action-sheet-subname-line-height;
-  }
-
-  &__gap {
-    display: block;
-    height: @action-sheet-cancel-padding-top;
-    background-color: @action-sheet-cancel-padding-color;
-  }
-
-  &__header {
-    font-weight: @font-weight-bold;
-    font-size: @action-sheet-header-font-size;
-    line-height: @action-sheet-header-height;
-    text-align: center;
-  }
-
-  &__description {
-    position: relative;
-    padding: 20px @padding-md;
-    color: @action-sheet-description-color;
-    font-size: @action-sheet-description-font-size;
-    line-height: @action-sheet-description-line-height;
-    text-align: center;
-
-    &::after {
-      .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
-    }
-  }
-
-  &__close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: @action-sheet-close-icon-padding;
-    color: @action-sheet-close-icon-color;
-    font-size: @action-sheet-close-icon-size;
-    line-height: inherit;
-
-    &:active {
-      color: @action-sheet-close-icon-active-color;
-    }
-  }
-}
diff --git a/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap b/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 0b0f77f33..000000000
--- a/src-next/action-sheet/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>基础用法</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>展示取消按钮</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>展示描述信息</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>选项状态</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>自定义面板</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-  <!---->
-  <!---->
-  <!---->
-  <!---->
-  <!---->
-</div>
-`;
diff --git a/src-next/action-sheet/test/__snapshots__/index.spec.js.snap b/src-next/action-sheet/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index e28dc8120..000000000
--- a/src-next/action-sheet/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`callback events 1`] = `
-<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--disabled"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item van-action-sheet__item--loading">
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-  </button><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span><span class="van-action-sheet__subname">Subname</span></button>
-  <div class="van-action-sheet__gap"></div><button type="button" class="van-action-sheet__cancel">Cancel</button>
-</div>
-`;
-
-exports[`close-icon prop 1`] = `
-<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
-  <div class="van-action-sheet__header">Title<i class="van-icon van-icon-cross van-action-sheet__close">
-      <!----></i></div>
-</div>
-`;
-
-exports[`color option 1`] = `<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item" style="color: red;"><span class="van-action-sheet__name">Option</span></button></div>`;
-
-exports[`description prop 1`] = `
-<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
-  <div class="van-action-sheet__description">This is a description</div><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button>
-</div>
-`;
-
-exports[`disable lazy-render 1`] = `
-<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" style="display: none;" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button>
-  <div class="van-action-sheet__gap"></div><button type="button" class="van-action-sheet__cancel">Cancel</button>
-</div>
-`;
-
-exports[`render title and default slot 1`] = `
-<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom">
-  <div class="van-action-sheet__header">Title<i class="van-icon van-icon-cross van-action-sheet__close">
-      <!----></i></div>
-  <div class="van-action-sheet__content">Default</div>
-</div>
-`;
-
-exports[`round prop 1`] = `<div class="van-popup van-popup--round van-popup--bottom van-popup--safe-area-inset-bottom van-action-sheet" name="van-popup-slide-bottom"><button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span></button></div>`;
diff --git a/src-next/action-sheet/test/demo.spec.js b/src-next/action-sheet/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/action-sheet/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/action-sheet/test/index.spec.js b/src-next/action-sheet/test/index.spec.js
deleted file mode 100644
index e07eeca18..000000000
--- a/src-next/action-sheet/test/index.spec.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import { mount, later } from '../../../test';
-import ActionSheet from '..';
-
-test('callback events', () => {
-  const callback = jest.fn();
-  const onInput = jest.fn();
-  const onCancel = jest.fn();
-  const onSelect = jest.fn();
-
-  const actions = [
-    { name: 'Option', callback },
-    { name: 'Option', disabled: true },
-    { name: 'Option', loading: true },
-    { name: 'Option', subname: 'Subname' },
-  ];
-
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      actions,
-      cancelText: 'Cancel',
-    },
-    context: {
-      on: {
-        input: onInput,
-        cancel: onCancel,
-        select: onSelect,
-      },
-    },
-  });
-
-  const options = wrapper.findAll('.van-action-sheet__item');
-  options.at(0).trigger('click');
-  options.at(1).trigger('click');
-  wrapper.find('.van-action-sheet__cancel').trigger('click');
-
-  expect(callback).toHaveBeenCalled();
-  expect(onCancel).toHaveBeenCalled();
-  expect(onInput).toHaveBeenCalledWith(false);
-  expect(onSelect).toHaveBeenCalledWith(actions[0], 0);
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click overlay and close', async () => {
-  const onInput = jest.fn();
-  const onClickOverlay = jest.fn();
-  const div = document.createElement('div');
-
-  mount({
-    template: `
-      <div>
-        <action-sheet
-          :value="true"
-          :get-container="getContainer"
-          @input="onInput"
-          @click-overlay="onClickOverlay"
-        />
-      </div>
-    `,
-    components: {
-      ActionSheet,
-    },
-    data() {
-      return {
-        getContainer: () => div,
-      };
-    },
-    methods: {
-      onInput,
-      onClickOverlay,
-    },
-  });
-
-  await later();
-
-  div.querySelector('.van-overlay').click();
-  expect(onInput).toHaveBeenCalledWith(false);
-  expect(onClickOverlay).toHaveBeenCalledTimes(1);
-});
-
-test('disable lazy-render', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      lazyRender: false,
-      actions: [{ name: 'Option' }, { name: 'Option' }],
-      cancelText: 'Cancel',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render title and default slot', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      title: 'Title',
-    },
-    scopedSlots: {
-      default() {
-        return 'Default';
-      },
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('get container', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      getContainer: 'body',
-    },
-  });
-
-  expect(wrapper.vm.$el.parentNode).toEqual(document.body);
-});
-
-test('close-on-click-action prop', () => {
-  const onInput = jest.fn();
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      actions: [{ name: 'Option' }],
-      closeOnClickAction: true,
-    },
-    context: {
-      on: {
-        input: onInput,
-      },
-    },
-  });
-
-  const option = wrapper.find('.van-action-sheet__item');
-  option.trigger('click');
-
-  expect(onInput).toHaveBeenCalledWith(false);
-});
-
-test('round prop', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      round: true,
-      actions: [{ name: 'Option' }],
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('color option', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      actions: [{ name: 'Option', color: 'red' }],
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('description prop', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      description: 'This is a description',
-      actions: [{ name: 'Option' }],
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('close-icon prop', () => {
-  const wrapper = mount(ActionSheet, {
-    propsData: {
-      value: true,
-      title: 'Title',
-      closeIcon: 'cross',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/button/README.md b/src-next/button/README.md
deleted file mode 100644
index 3414b3b30..000000000
--- a/src-next/button/README.md
+++ /dev/null
@@ -1,134 +0,0 @@
-# Button
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Button } from 'vant';
-
-Vue.use(Button);
-```
-
-## Usage
-
-### Type
-
-```html
-<van-button type="default">Default</van-button>
-<van-button type="primary">Primary</van-button>
-<van-button type="info">Info</van-button>
-<van-button type="danger">Danger</van-button>
-<van-button type="warning">Warning</van-button>
-```
-
-### Plain
-
-```html
-<van-button plain type="primary">Primary</van-button>
-<van-button plain type="info">Danger</van-button>
-```
-
-### Hairline
-
-```html
-<van-button plain hairline type="primary">Hairline</van-button>
-<van-button plain hairline type="info">Hairline</van-button>
-```
-
-### Disabled
-
-```html
-<van-button disabled type="primary">Diabled</van-button>
-<van-button disabled type="info">Diabled</van-button>
-```
-
-### Loading
-
-```html
-<van-button loading type="primary" />
-<van-button loading type="primary" loading-type="spinner" />
-<van-button loading type="info" loading-text="Loading..." />
-```
-
-### Shape
-
-```html
-<van-button square type="primary">Square</van-button>
-<van-button round type="info">Round</van-button>
-```
-
-### Icon
-
-```html
-<van-button icon="star-o" type="primary" />
-<van-button icon="star-o" type="primary">Button</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/logo.png" type="info"
-  >Button</van-button
->
-```
-
-### Size
-
-```html
-<van-button type="primary" size="large">Large</van-button>
-<van-button type="primary" size="normal">Normal</van-button>
-<van-button type="primary" size="small">Small</van-button>
-<van-button type="primary" size="mini">Mini</van-button>
-```
-
-### Block Element
-
-```html
-<van-button type="primary" block>Block Element</van-button>
-```
-
-### Route
-
-```html
-<van-button type="primary" url="/vant/mobile.html">URL</van-button>
-<van-button type="primary" to="index">Vue Router</van-button>
-```
-
-### Custom Color
-
-```html
-<van-button color="#7232dd">Pure</van-button>
-<van-button color="#7232dd" plain>Pure</van-button>
-<van-button color="linear-gradient(to right, #4bb0ff, #6149f6)"
-  >Gradient</van-button
->
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| type | Can be set to `primary` `info` `warning` `danger` | _string_ | `default` |
-| size | Can be set to `large` `small` `mini` | _string_ | `normal` |
-| text | Text | _string_ | - |
-| color `v2.1.8` | Color, support linear-gradient | _string_ | - |
-| icon | Left Icon | _string_ | - |
-| icon-prefix `v2.6.0` | Icon className prefix | _string_ | `van-icon` |
-| tag | HTML Tag | _string_ | `button` |
-| native-type | Native Type Attribute | _string_ | `''` |
-| plain | Whether to be plain button | _boolean_ | `false` |
-| block | Whether to set display block | _boolean_ | `false` |
-| round | Whether to be round button | _boolean_ | `false` |
-| square | Whether to be square button | _boolean_ | `false` |
-| disabled | Whether to disable button | _boolean_ | `false` |
-| loading | Whether show loading status | _boolean_ | `false` |
-| loading-text | Loading text | _string_ | - |
-| loading-type | Loading type, can be set to `spinner` | _string_ | `circular` |
-| loading-size | Loading icon size | _string_ | `20px` |
-| url | Link URL | _string_ | - |
-| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
-| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| click | Triggered when click button and not disabled or loading | _event: Event_ |
-| touchstart | Triggered when touch start | _event: TouchEvent_ |
diff --git a/src-next/button/README.zh-CN.md b/src-next/button/README.zh-CN.md
deleted file mode 100644
index 092bd1211..000000000
--- a/src-next/button/README.zh-CN.md
+++ /dev/null
@@ -1,157 +0,0 @@
-# Button 按钮
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Button } from 'vant';
-
-Vue.use(Button);
-```
-
-## 代码演示
-
-### 按钮类型
-
-支持`default`、`primary`、`info`、`warning`、`danger`五种类型，默认为`default`
-
-```html
-<van-button type="default">默认按钮</van-button>
-<van-button type="primary">主要按钮</van-button>
-<van-button type="info">信息按钮</van-button>
-<van-button type="warning">警告按钮</van-button>
-<van-button type="danger">危险按钮</van-button>
-```
-
-### 朴素按钮
-
-通过`plain`属性将按钮设置为朴素按钮，朴素按钮的文字为按钮颜色，背景为白色。
-
-```html
-<van-button plain type="primary">朴素按钮</van-button>
-<van-button plain type="info">朴素按钮</van-button>
-```
-
-### 细边框
-
-设置`hairline`属性可以开启 0.5px 边框，基于伪类实现
-
-```html
-<van-button plain hairline type="primary">细边框按钮</van-button>
-<van-button plain hairline type="info">细边框按钮</van-button>
-```
-
-### 禁用状态
-
-通过`disabled`属性来禁用按钮，禁用状态下按钮不可点击
-
-```html
-<van-button disabled type="primary">禁用状态</van-button>
-<van-button disabled type="info">禁用状态</van-button>
-```
-
-### 加载状态
-
-通过`loading`属性设置按钮为加载状态，加载状态下默认会隐藏按钮文字，可以通过`loading-text`设置加载状态下的文字
-
-```html
-<van-button loading type="primary" />
-<van-button loading type="primary" loading-type="spinner" />
-<van-button loading type="info" loading-text="加载中..." />
-```
-
-### 按钮形状
-
-通过`square`设置方形按钮，通过`round`设置圆形按钮
-
-```html
-<van-button square type="primary">方形按钮</van-button>
-<van-button round type="info">圆形按钮</van-button>
-```
-
-### 图标按钮
-
-通过`icon`属性设置按钮图标，支持 Icon 组件里的所有图标，也可以传入图标 URL
-
-```html
-<van-button icon="star-o" type="primary" />
-<van-button icon="star-o" type="primary">按钮</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/logo.png" type="info"
-  >按钮</van-button
->
-```
-
-### 按钮尺寸
-
-支持`large`、`normal`、`small`、`mini`四种尺寸，默认为`normal`
-
-```html
-<van-button type="primary" size="large">大号按钮</van-button>
-<van-button type="primary" size="normal">普通按钮</van-button>
-<van-button type="primary" size="small">小型按钮</van-button>
-<van-button type="primary" size="mini">迷你按钮</van-button>
-```
-
-### 块级元素
-
-按钮在默认情况下为行内块级元素，通过`block`属性可以将按钮的元素类型设置为块级元素
-
-```html
-<van-button type="primary" block>块级元素</van-button>
-```
-
-### 页面导航
-
-可以通过`url`属性进行 URL 跳转，或通过`to`属性进行路由跳转
-
-```html
-<van-button type="primary" url="/vant/mobile.html">URL 跳转</van-button>
-<van-button type="primary" to="index">路由跳转</van-button>
-```
-
-### 自定义颜色
-
-通过`color`属性可以自定义按钮的颜色
-
-```html
-<van-button color="#7232dd">单色按钮</van-button>
-<van-button color="#7232dd" plain>单色按钮</van-button>
-<van-button color="linear-gradient(to right, #4bb0ff, #6149f6)"
-  >渐变色按钮</van-button
->
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| type | 类型，可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
-| size | 尺寸，可选值为 `large` `small` `mini` | _string_ | `normal` |
-| text | 按钮文字 | _string_ | - |
-| color `v2.1.8` | 按钮颜色，支持传入`linear-gradient`渐变色 | _string_ | - |
-| icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
-| icon-prefix `v2.6.0` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
-| tag | 根节点的 HTML 标签 | _string_ | `button` |
-| native-type | 原生 button 标签的 type 属性 | _string_ | - |
-| block | 是否为块级元素 | _boolean_ | `false` |
-| plain | 是否为朴素按钮 | _boolean_ | `false` |
-| square | 是否为方形按钮 | _boolean_ | `false` |
-| round | 是否为圆形按钮 | _boolean_ | `false` |
-| disabled | 是否禁用按钮 | _boolean_ | `false` |
-| hairline | 是否使用 0.5px 边框 | _boolean_ | `false` |
-| loading | 是否显示为加载状态 | _boolean_ | `false` |
-| loading-text | 加载状态提示文字 | _string_ | - |
-| loading-type | [加载图标类型](#/zh-CN/loading)，可选值为`spinner` | _string_ | `circular` |
-| loading-size | 加载图标大小 | _string_ | `20px` |
-| url | 点击后跳转的链接地址 | _string_ | - |
-| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
-| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
-
-### Events
-
-| 事件名     | 说明                                     | 回调参数            |
-| ---------- | ---------------------------------------- | ------------------- |
-| click      | 点击按钮，且按钮状态不为加载或禁用时触发 | _event: Event_      |
-| touchstart | 开始触摸按钮时触发                       | _event: TouchEvent_ |
diff --git a/src-next/button/demo/index.vue b/src-next/button/demo/index.vue
deleted file mode 100644
index 2eb52e3bd..000000000
--- a/src-next/button/demo/index.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('type')">
-      <div class="demo-button-row">
-        <van-button type="default">{{ t('default') }}</van-button>
-        <van-button type="primary">{{ t('primary') }}</van-button>
-        <van-button type="info">{{ t('info') }}</van-button>
-      </div>
-      <van-button type="danger">{{ t('danger') }}</van-button>
-      <van-button type="warning">{{ t('warning') }}</van-button>
-    </demo-block>
-
-    <demo-block :title="t('plain')">
-      <van-button plain type="primary" :text="t('plain')" />
-      <van-button plain type="info" :text="t('plain')" />
-    </demo-block>
-
-    <demo-block :title="t('hairline')">
-      <van-button plain hairline type="primary" :text="t('hairlineButton')" />
-      <van-button plain hairline type="info" :text="t('hairlineButton')" />
-    </demo-block>
-
-    <demo-block :title="t('disabled')">
-      <van-button disabled type="primary" :text="t('disabled')" />
-      <van-button disabled type="info" :text="t('disabled')" />
-    </demo-block>
-
-    <demo-block :title="t('loadingStatus')">
-      <van-button loading type="primary" />
-      <van-button loading type="primary" loading-type="spinner" />
-      <van-button loading :loading-text="t('loadingText')" type="info" />
-    </demo-block>
-
-    <demo-block :title="t('shape')">
-      <van-button type="primary" square :text="t('square')" />
-      <van-button type="info" round :text="t('round')" />
-    </demo-block>
-
-    <demo-block :title="t('icon')">
-      <van-button type="primary" icon="star-o" />
-      <van-button type="primary" icon="star-o" :text="t('button')" />
-      <van-button
-        plain
-        type="primary"
-        icon="https://img.yzcdn.cn/vant/logo.png"
-        :text="t('button')"
-      />
-    </demo-block>
-
-    <demo-block :title="t('size')">
-      <van-button type="primary" size="large">{{ t('large') }}</van-button>
-      <van-button type="primary" size="normal">{{ t('normal') }}</van-button>
-      <van-button type="primary" size="small">{{ t('small') }}</van-button>
-      <van-button type="primary" size="mini">{{ t('mini') }}</van-button>
-    </demo-block>
-
-    <demo-block :title="t('blockElement')">
-      <van-button type="primary" block>{{ t('blockElement') }}</van-button>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('router')">
-      <van-button
-        :text="t('urlRoute')"
-        type="primary"
-        url="/vant/mobile.html"
-      />
-      <van-button :text="t('vueRoute')" type="primary" to="index" />
-    </demo-block>
-
-    <demo-block :title="t('customColor')">
-      <van-button color="#7232dd" :text="t('pure')" />
-      <van-button plain color="#7232dd" :text="t('pure')" />
-      <van-button
-        color="linear-gradient(to right, #4bb0ff, #6149f6)"
-        :text="t('gradient')"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      type: '按钮类型',
-      size: '按钮尺寸',
-      icon: '图标按钮',
-      loading: '加载状态',
-      shape: '按钮形状',
-      default: '默认按钮',
-      primary: '主要按钮',
-      info: '信息按钮',
-      danger: '危险按钮',
-      warning: '警告按钮',
-      large: '大号按钮',
-      normal: '普通按钮',
-      small: '小型按钮',
-      mini: '迷你按钮',
-      plain: '朴素按钮',
-      square: '方形按钮',
-      round: '圆形按钮',
-      hairline: '细边框',
-      hairlineButton: '细边框按钮',
-      loadingText: '加载中...',
-      router: '页面导航',
-      urlRoute: 'URL 跳转',
-      vueRoute: '路由跳转',
-      customColor: '自定义颜色',
-      pure: '单色按钮',
-      gradient: '渐变色按钮',
-      blockElement: '块级元素',
-    },
-    'en-US': {
-      type: 'Type',
-      size: 'Size',
-      icon: 'Icon',
-      loading: 'Loading',
-      shape: 'Shape',
-      default: 'Default',
-      primary: 'Primary',
-      info: 'Info',
-      danger: 'Danger',
-      warning: 'Warning',
-      large: 'Large',
-      normal: 'Normal',
-      small: 'Small',
-      mini: 'Mini',
-      plain: 'Plain',
-      square: 'Square',
-      round: 'Round',
-      hairline: 'Hairline',
-      hairlineButton: 'Hairline',
-      loadingText: 'Loading...',
-      router: 'Router',
-      urlRoute: 'URL',
-      vueRoute: 'Vue Router',
-      customColor: 'Custom Color',
-      pure: 'Pure',
-      gradient: 'Gradient',
-      blockElement: 'Block Element',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-button {
-  .van-button {
-    &--large {
-      margin-bottom: @padding-md;
-    }
-
-    &--small,
-    &--normal:not(:last-child) {
-      margin-right: @padding-md;
-    }
-  }
-
-  .van-doc-demo-block {
-    padding: 0 @padding-md;
-  }
-
-  .van-doc-demo-block__title {
-    padding-left: 0;
-  }
-
-  &-row {
-    margin-bottom: @padding-sm;
-  }
-}
-</style>
diff --git a/src-next/button/index.less b/src-next/button/index.less
deleted file mode 100644
index 5f2ad00ae..000000000
--- a/src-next/button/index.less
+++ /dev/null
@@ -1,183 +0,0 @@
-@import '../style/var';
-
-.van-button {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  height: @button-default-height;
-  margin: 0;
-  padding: 0;
-  font-size: @button-default-font-size;
-  line-height: @button-default-line-height;
-  text-align: center;
-  border-radius: @button-border-radius;
-  cursor: pointer;
-  transition: opacity @animation-duration-fast;
-  -webkit-appearance: none;
-
-  &::before {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    background-color: @black;
-    border: inherit;
-    border-color: @black;
-    border-radius: inherit; /* inherit parent's border radius */
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    content: ' ';
-  }
-
-  &:active::before {
-    opacity: 0.1;
-  }
-
-  &--loading,
-  &--disabled {
-    &::before {
-      display: none;
-    }
-  }
-
-  &--default {
-    color: @button-default-color;
-    background-color: @button-default-background-color;
-    border: @button-border-width solid @button-default-border-color;
-  }
-
-  &--primary {
-    color: @button-primary-color;
-    background-color: @button-primary-background-color;
-    border: @button-border-width solid @button-primary-border-color;
-  }
-
-  &--info {
-    color: @button-info-color;
-    background-color: @button-info-background-color;
-    border: @button-border-width solid @button-info-border-color;
-  }
-
-  &--danger {
-    color: @button-danger-color;
-    background-color: @button-danger-background-color;
-    border: @button-border-width solid @button-danger-border-color;
-  }
-
-  &--warning {
-    color: @button-warning-color;
-    background-color: @button-warning-background-color;
-    border: @button-border-width solid @button-warning-border-color;
-  }
-
-  &--plain {
-    background-color: @button-plain-background-color;
-
-    &.van-button--primary {
-      color: @button-primary-background-color;
-    }
-
-    &.van-button--info {
-      color: @button-info-background-color;
-    }
-
-    &.van-button--danger {
-      color: @button-danger-background-color;
-    }
-
-    &.van-button--warning {
-      color: @button-warning-background-color;
-    }
-  }
-
-  &--large {
-    width: 100%;
-    height: @button-large-height;
-  }
-
-  &--normal {
-    padding: 0 15px;
-    font-size: @button-normal-font-size;
-  }
-
-  &--small {
-    height: @button-small-height;
-    padding: 0 @padding-xs;
-    font-size: @button-small-font-size;
-  }
-
-  &__loading {
-    color: inherit;
-    font-size: inherit;
-  }
-
-  &--mini {
-    height: @button-mini-height;
-    padding: 0 @padding-base;
-    font-size: @button-mini-font-size;
-
-    & + .van-button--mini {
-      margin-left: @padding-base;
-    }
-  }
-
-  &--block {
-    display: block;
-    width: 100%;
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @button-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-  }
-
-  &--round {
-    border-radius: @button-round-border-radius;
-  }
-
-  &--square {
-    border-radius: 0;
-  }
-
-  // align-items are ignored when flex container is a button in legacy safari
-  // see: https://bugs.webkit.org/show_bug.cgi?id=169700
-  &__content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  &__icon {
-    min-width: 1em;
-    font-size: 1.2em;
-    line-height: inherit;
-  }
-
-  &__icon + &__text,
-  &__loading + &__text {
-    margin-left: 5px;
-  }
-
-  &--hairline {
-    border-width: 0;
-
-    &::after {
-      border-color: inherit;
-      border-radius: @button-border-radius * 2;
-    }
-
-    &.van-button--round::after {
-      border-radius: @button-round-border-radius;
-    }
-
-    &.van-button--square::after {
-      border-radius: 0;
-    }
-  }
-}
diff --git a/src-next/button/test/__snapshots__/demo.spec.js.snap b/src-next/button/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 9d218df71..000000000
--- a/src-next/button/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,86 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="demo-button-row"><button class="van-button van-button--default van-button--normal">
-        <div class="van-button__content"><span class="van-button__text">默认按钮</span></div>
-      </button> <button class="van-button van-button--primary van-button--normal">
-        <div class="van-button__content"><span class="van-button__text">主要按钮</span></div>
-      </button> <button class="van-button van-button--info van-button--normal">
-        <div class="van-button__content"><span class="van-button__text">信息按钮</span></div>
-      </button></div> <button class="van-button van-button--danger van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">危险按钮</span></div>
-    </button> <button class="van-button van-button--warning van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">警告按钮</span></div>
-    </button>
-  </div>
-  <div><button class="van-button van-button--primary van-button--normal van-button--plain">
-      <div class="van-button__content"><span class="van-button__text">朴素按钮</span></div>
-    </button> <button class="van-button van-button--info van-button--normal van-button--plain">
-      <div class="van-button__content"><span class="van-button__text">朴素按钮</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround">
-      <div class="van-button__content"><span class="van-button__text">细边框按钮</span></div>
-    </button> <button class="van-button van-button--info van-button--normal van-button--plain van-button--hairline van-hairline--surround">
-      <div class="van-button__content"><span class="van-button__text">细边框按钮</span></div>
-    </button></div>
-  <div><button disabled="disabled" class="van-button van-button--primary van-button--normal van-button--disabled">
-      <div class="van-button__content"><span class="van-button__text">禁用状态</span></div>
-    </button> <button disabled="disabled" class="van-button van-button--info van-button--normal van-button--disabled">
-      <div class="van-button__content"><span class="van-button__text">禁用状态</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal van-button--loading">
-      <div class="van-button__content">
-        <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-      </div>
-    </button> <button class="van-button van-button--primary van-button--normal van-button--loading">
-      <div class="van-button__content">
-        <div class="van-loading van-loading--spinner van-button__loading"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: currentColor; width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
-      </div>
-    </button> <button class="van-button van-button--info van-button--normal van-button--loading">
-      <div class="van-button__content">
-        <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><span class="van-button__text">加载中...</span>
-      </div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal van-button--square">
-      <div class="van-button__content"><span class="van-button__text">方形按钮</span></div>
-    </button> <button class="van-button van-button--info van-button--normal van-button--round">
-      <div class="van-button__content"><span class="van-button__text">圆形按钮</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal">
-      <div class="van-button__content"><i class="van-icon van-icon-star-o van-button__icon">
-          <!----></i></div>
-    </button> <button class="van-button van-button--primary van-button--normal">
-      <div class="van-button__content"><i class="van-icon van-icon-star-o van-button__icon">
-          <!----></i><span class="van-button__text">按钮</span></div>
-    </button> <button class="van-button van-button--primary van-button--normal van-button--plain">
-      <div class="van-button__content"><i class="van-icon van-button__icon"><img src="https://img.yzcdn.cn/vant/logo.png" class="van-icon__image">
-          <!----></i><span class="van-button__text">按钮</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--large">
-      <div class="van-button__content"><span class="van-button__text">大号按钮</span></div>
-    </button> <button class="van-button van-button--primary van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">普通按钮</span></div>
-    </button> <button class="van-button van-button--primary van-button--small">
-      <div class="van-button__content"><span class="van-button__text">小型按钮</span></div>
-    </button> <button class="van-button van-button--primary van-button--mini">
-      <div class="van-button__content"><span class="van-button__text">迷你按钮</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal van-button--block">
-      <div class="van-button__content"><span class="van-button__text">块级元素</span></div>
-    </button></div>
-  <div><button class="van-button van-button--primary van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">URL 跳转</span></div>
-    </button> <button class="van-button van-button--primary van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">路由跳转</span></div>
-    </button></div>
-  <div><button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
-      <div class="van-button__content"><span class="van-button__text">单色按钮</span></div>
-    </button> <button class="van-button van-button--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;">
-      <div class="van-button__content"><span class="van-button__text">单色按钮</span></div>
-    </button> <button class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;">
-      <div class="van-button__content"><span class="van-button__text">渐变色按钮</span></div>
-    </button></div>
-</div>
-`;
diff --git a/src-next/button/test/__snapshots__/index.spec.js.snap b/src-next/button/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 239b474c2..000000000
--- a/src-next/button/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`icon-prefix prop 1`] = `
-<button class="van-button van-button--default van-button--normal">
-  <div class="van-button__content"><i class="my-icon my-icon-success van-button__icon">
-      <!----></i></div>
-</button>
-`;
-
-exports[`loading-size prop 1`] = `
-<button class="van-button van-button--default van-button--normal van-button--loading">
-  <div class="van-button__content">
-    <div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 10px; height: 10px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-  </div>
-</button>
-`;
diff --git a/src-next/button/test/demo.spec.js b/src-next/button/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/button/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/button/test/index.spec.js b/src-next/button/test/index.spec.js
deleted file mode 100644
index bd9d96bdb..000000000
--- a/src-next/button/test/index.spec.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import { mount } from '../../../test';
-import Button from '..';
-
-test('loading-size prop', () => {
-  const wrapper = mount(Button, {
-    propsData: {
-      loading: true,
-      loadingSize: '10px',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click event', () => {
-  const onClick = jest.fn();
-  const wrapper = mount(Button, {
-    context: {
-      on: {
-        click: onClick,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(onClick).toHaveBeenCalled();
-});
-
-test('not trigger click event when disabled', () => {
-  const onClick = jest.fn();
-  const wrapper = mount(Button, {
-    propsData: {
-      disabled: true,
-    },
-    context: {
-      on: {
-        click: onClick,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(onClick).toHaveBeenCalledTimes(0);
-});
-
-test('not trigger click event when loading', () => {
-  const onClick = jest.fn();
-  const wrapper = mount(Button, {
-    propsData: {
-      loading: true,
-    },
-    context: {
-      on: {
-        click: onClick,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(onClick).toHaveBeenCalledTimes(0);
-});
-
-test('touchstart event', () => {
-  const onTouchstart = jest.fn();
-  const wrapper = mount(Button, {
-    context: {
-      on: {
-        touchstart: onTouchstart,
-      },
-    },
-  });
-
-  wrapper.trigger('touchstart');
-  expect(onTouchstart).toHaveBeenCalled();
-});
-
-test('hide border when color is gradient', () => {
-  const wrapper = mount(Button, {
-    propsData: {
-      color: 'linear-gradient(#000, #fff)',
-    },
-  });
-
-  expect(wrapper.element.style.border).toEqual('0px');
-});
-
-test('icon-prefix prop', () => {
-  const wrapper = mount(Button, {
-    propsData: {
-      icon: 'success',
-      iconPrefix: 'my-icon',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/cell-group/index.less b/src-next/cell-group/index.less
deleted file mode 100644
index bc42a8bea..000000000
--- a/src-next/cell-group/index.less
+++ /dev/null
@@ -1,12 +0,0 @@
-@import '../style/var';
-
-.van-cell-group {
-  background-color: @cell-group-background-color;
-
-  &__title {
-    padding: @cell-group-title-padding;
-    color: @cell-group-title-color;
-    font-size: @cell-group-title-font-size;
-    line-height: @cell-group-title-line-height;
-  }
-}
diff --git a/src-next/cell/README.md b/src-next/cell/README.md
deleted file mode 100644
index 63e9248b5..000000000
--- a/src-next/cell/README.md
+++ /dev/null
@@ -1,164 +0,0 @@
-# Cell
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Cell, CellGroup } from 'vant';
-
-Vue.use(Cell);
-Vue.use(CellGroup);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-cell-group>
-  <van-cell title="Cell title" value="Content" />
-  <van-cell title="Cell title" value="Content" label="Description" />
-</van-cell-group>
-```
-
-### Size
-
-```html
-<van-cell-group>
-  <van-cell title="Cell title" value="Content" size="large" />
-  <van-cell
-    title="Cell title"
-    value="Content"
-    size="large"
-    label="Description"
-  />
-</van-cell-group>
-```
-
-### Left Icon
-
-```html
-<van-cell-group>
-  <van-cell title="Cell title" icon="location-o" />
-</van-cell-group>
-```
-
-### Value only
-
-```html
-<van-cell-group>
-  <van-cell value="Content" />
-</van-cell-group>
-```
-
-### Link
-
-```html
-<van-cell-group>
-  <van-cell title="Cell title" is-link />
-  <van-cell title="Cell title" is-link value="Content" />
-  <van-cell title="Cell title" is-link arrow-direction="down" value="Content" />
-</van-cell-group>
-```
-
-### Router
-
-```html
-<van-cell-group>
-  <van-cell title="URL" is-link url="/vant/mobile.html" />
-  <van-cell title="Vue Router" is-link to="index" />
-</van-cell-group>
-```
-
-### Group Title
-
-```html
-<van-cell-group title="Group 1">
-  <van-cell title="Cell title" value="Content" />
-</van-cell-group>
-<van-cell-group title="Group 2">
-  <van-cell title="Cell title" value="Content" />
-</van-cell-group>
-```
-
-### Use Slots
-
-```html
-<van-cell value="内容" is-link>
-  <!-- Use the title slot to customize the title -->
-  <template #title>
-    <span class="custom-title">单元格</span>
-    <van-tag type="danger">标签</van-tag>
-  </template>
-</van-cell>
-
-<van-cell title="单元格" icon="shop-o">
-  <!-- Use the right-icon slot to customize the right icon -->
-  <template #right-icon>
-    <van-icon name="search" style="line-height: inherit;" />
-  </template>
-</van-cell>
-```
-
-### Vertical Center
-
-```html
-<van-cell center title="Cell title" value="Content" label="Description" />
-```
-
-## API
-
-### CellGroup Props
-
-| Attribute | Description                  | Type      | Default |
-| --------- | ---------------------------- | --------- | ------- |
-| title     | Group title                  | _string_  | -       |
-| border    | Whether to show outer border | _boolean_ | `true`  |
-
-### Cell Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| title | Title | _number \| string_ | - |
-| value | Right text | _number \| string_ | - |
-| label | Description below the title | _string_ | - |
-| size | Size，can be set to `large` | _string_ | - |
-| icon | Left Icon | _string_ | - |
-| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
-| border | Whether to show inner border | _boolean_ | `true` |
-| center | Whether to center content vertically | _boolean_ | `true` |
-| url | Link URL | _string_ | - |
-| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
-| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
-| clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
-| is-link | Whether to show link icon | _boolean_ | `false` |
-| required | Whether to show required mark | _boolean_ | `false` |
-| arrow-direction | Can be set to `left` `up` `down` | _string_ | `right` |
-| title-style | Title style | _any_ | - |
-| title-class | Title className | _any_ | - |
-| value-class | Value className | _any_ | - |
-| label-class | Label className | _any_ | - |
-
-### Cell Events
-
-| Event | Description               | Arguments      |
-| ----- | ------------------------- | -------------- |
-| click | Triggered when click cell | _event: Event_ |
-
-### CellGroup Slots
-
-| Name    | Description  |
-| ------- | ------------ |
-| default | Default slot |
-| title   | Custom title |
-
-### Cell Slots
-
-| Name       | Description                       |
-| ---------- | --------------------------------- |
-| default    | Custom value                      |
-| icon       | Custom icon                       |
-| title      | Custom title                      |
-| label      | Custom label                      |
-| right-icon | Custom right icon                 |
-| extra      | Custom extra content on the right |
diff --git a/src-next/cell/README.zh-CN.md b/src-next/cell/README.zh-CN.md
deleted file mode 100644
index d02da1172..000000000
--- a/src-next/cell/README.zh-CN.md
+++ /dev/null
@@ -1,167 +0,0 @@
-# Cell 单元格
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Cell, CellGroup } from 'vant';
-
-Vue.use(Cell);
-Vue.use(CellGroup);
-```
-
-## 代码演示
-
-### 基础用法
-
-`Cell`可以单独使用，也可以与`CellGroup`搭配使用。`CellGroup`可以为`Cell`提供上下外边框
-
-```html
-<van-cell-group>
-  <van-cell title="单元格" value="内容" />
-  <van-cell title="单元格" value="内容" label="描述信息" />
-</van-cell-group>
-```
-
-### 单元格大小
-
-通过`size`属性可以控制单元格的大小
-
-```html
-<van-cell title="单元格" value="内容" size="large" />
-<van-cell title="单元格" value="内容" size="large" label="描述信息" />
-```
-
-### 展示图标
-
-通过`icon`属性在标题左侧展示图标
-
-```html
-<van-cell title="单元格" icon="location-o" />
-```
-
-### 只设置 value
-
-只设置`value`时，内容会靠左对齐
-
-```html
-<van-cell value="内容" />
-```
-
-### 展示箭头
-
-设置`is-link`属性后会在单元格右侧显示箭头，并且可以通过`arrow-direction`属性控制箭头方向
-
-```html
-<van-cell title="单元格" is-link />
-<van-cell title="单元格" is-link value="内容" />
-<van-cell title="单元格" is-link arrow-direction="down" value="内容" />
-```
-
-### 页面导航
-
-可以通过`url`属性进行 URL 跳转，或通过`to`属性进行路由跳转
-
-```html
-<van-cell title="URL 跳转" is-link url="/vant/mobile.html" />
-<van-cell title="路由跳转" is-link to="index" />
-```
-
-### 分组标题
-
-通过`CellGroup`的`title`属性可以指定分组标题
-
-```html
-<van-cell-group title="分组1">
-  <van-cell title="单元格" value="内容" />
-</van-cell-group>
-<van-cell-group title="分组2">
-  <van-cell title="单元格" value="内容" />
-</van-cell-group>
-```
-
-### 使用插槽
-
-如以上用法不能满足你的需求，可以使用插槽来自定义内容
-
-```html
-<van-cell value="内容" is-link>
-  <!-- 使用 title 插槽来自定义标题 -->
-  <template #title>
-    <span class="custom-title">单元格</span>
-    <van-tag type="danger">标签</van-tag>
-  </template>
-</van-cell>
-
-<van-cell title="单元格" icon="shop-o">
-  <!-- 使用 right-icon 插槽来自定义右侧图标 -->
-  <template #right-icon>
-    <van-icon name="search" style="line-height: inherit;" />
-  </template>
-</van-cell>
-```
-
-### 垂直居中
-
-通过`center`属性可以让`Cell`的左右内容都垂直居中
-
-```html
-<van-cell center title="单元格" value="内容" label="描述信息" />
-```
-
-## API
-
-### CellGroup Props
-
-| 参数   | 说明           | 类型      | 默认值 |
-| ------ | -------------- | --------- | ------ |
-| title  | 分组标题       | _string_  | `-`    |
-| border | 是否显示外边框 | _boolean_ | `true` |
-
-### Cell Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 左侧标题 | _number \| string_ | - |
-| value | 右侧内容 | _number \| string_ | - |
-| label | 标题下方的描述信息 | _string_ | - |
-| size | 单元格大小，可选值为 `large` | _string_ | - |
-| icon | 左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
-| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
-| url | 点击后跳转的链接地址 | _string_ | - |
-| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
-| border | 是否显示内边框 | _boolean_ | `true` |
-| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
-| clickable | 是否开启点击反馈 | _boolean_ | `false` |
-| is-link | 是否展示右侧箭头并开启点击反馈 | _boolean_ | `false` |
-| required | 是否显示表单必填星号 | _boolean_ | `false` |
-| center | 是否使内容垂直居中 | _boolean_ | `false` |
-| arrow-direction | 箭头方向，可选值为 `left` `up` `down` | _string_ | `right` |
-| title-style | 左侧标题额外样式 | _any_ | - |
-| title-class | 左侧标题额外类名 | _any_ | - |
-| value-class | 右侧内容额外类名 | _any_ | - |
-| label-class | 描述信息额外类名 | _any_ | - |
-
-### Cell Events
-
-| 事件名 | 说明             | 回调参数       |
-| ------ | ---------------- | -------------- |
-| click  | 点击单元格时触发 | _event: Event_ |
-
-### CellGroup Slots
-
-| 名称    | 说明           |
-| ------- | -------------- |
-| default | 默认插槽       |
-| title   | 自定义分组标题 |
-
-### Cell Slots
-
-| 名称       | 说明                          |
-| ---------- | ----------------------------- |
-| default    | 自定义右侧 value 的内容       |
-| title      | 自定义左侧 title 的内容       |
-| label      | 自定义标题下方 label 的内容   |
-| icon       | 自定义左侧图标                |
-| right-icon | 自定义右侧按钮，默认为`arrow` |
-| extra      | 自定义单元格最右侧的额外内容  |
diff --git a/src-next/cell/demo/index.vue b/src-next/cell/demo/index.vue
deleted file mode 100644
index f7b47398a..000000000
--- a/src-next/cell/demo/index.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-cell-group>
-        <van-cell :title="t('cell')" :value="t('content')" />
-        <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
-      </van-cell-group>
-    </demo-block>
-
-    <demo-block :title="t('largeSize')">
-      <van-cell :title="t('cell')" :value="t('content')" size="large" />
-      <van-cell
-        :title="t('cell')"
-        :value="t('content')"
-        size="large"
-        :label="t('desc')"
-      />
-    </demo-block>
-
-    <demo-block :title="t('showIcon')">
-      <van-cell :title="t('cell')" :value="t('content')" icon="location-o" />
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('valueOnly')">
-      <van-cell :value="t('content')" />
-    </demo-block>
-
-    <demo-block :title="t('showArrow')">
-      <van-cell :title="t('cell')" is-link />
-      <van-cell :title="t('cell')" is-link :value="t('content')" />
-      <van-cell
-        :title="t('cell')"
-        is-link
-        arrow-direction="down"
-        :value="t('content')"
-      />
-    </demo-block>
-
-    <demo-block :title="t('router')">
-      <van-cell :title="t('urlRoute')" is-link url="/vant/mobile.html" />
-      <van-cell :title="t('vueRoute')" is-link to="index" />
-    </demo-block>
-
-    <demo-block :title="t('groupTitle')">
-      <van-cell-group :title="`${t('group')} 1`">
-        <van-cell :title="t('cell')" :value="t('content')" />
-      </van-cell-group>
-      <van-cell-group :title="`${t('group')} 2`">
-        <van-cell :title="t('cell')" :value="t('content')" />
-      </van-cell-group>
-    </demo-block>
-
-    <demo-block :title="t('useSlots')">
-      <van-cell :value="t('content')" is-link>
-        <template #title>
-          <span class="custom-title">{{ t('cell') }}</span>
-          <van-tag type="danger">{{ t('tag') }}</van-tag>
-        </template>
-      </van-cell>
-
-      <van-cell icon="shop-o" :title="t('cell')">
-        <template #right-icon>
-          <van-icon name="search" style="line-height: inherit;" />
-        </template>
-      </van-cell>
-    </demo-block>
-
-    <demo-block :title="t('verticalCenter')">
-      <van-cell
-        center
-        :title="t('cell')"
-        :value="t('content')"
-        :label="t('desc')"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      cell: '单元格',
-      valueOnly: '只设置 value',
-      showIcon: '展示图标',
-      showArrow: '展示箭头',
-      largeSize: '单元格大小',
-      group: '分组',
-      groupTitle: '分组标题',
-      router: '页面导航',
-      urlRoute: 'URL 跳转',
-      vueRoute: '路由跳转',
-      useSlots: '使用插槽',
-      verticalCenter: '垂直居中',
-    },
-    'en-US': {
-      cell: 'Cell title',
-      valueOnly: 'Value only',
-      showIcon: 'Left Icon',
-      showArrow: 'Link',
-      largeSize: 'Size',
-      group: 'Group',
-      groupTitle: 'Group Title',
-      router: 'Router',
-      urlRoute: 'URL',
-      vueRoute: 'Vue Router',
-      useSlots: 'Use Slots',
-      verticalCenter: 'Vertical center',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-.demo-cell {
-  .custom-title {
-    margin-right: 5px;
-    vertical-align: middle;
-  }
-}
-</style>
diff --git a/src-next/cell/index.less b/src-next/cell/index.less
deleted file mode 100644
index 8bcb4878a..000000000
--- a/src-next/cell/index.less
+++ /dev/null
@@ -1,104 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.van-cell {
-  position: relative;
-  display: flex;
-  box-sizing: border-box;
-  width: 100%;
-  padding: @cell-vertical-padding @cell-horizontal-padding;
-  overflow: hidden;
-  color: @cell-text-color;
-  font-size: @cell-font-size;
-  line-height: @cell-line-height;
-  background-color: @cell-background-color;
-
-  &::after {
-    .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
-  }
-
-  &:last-child::after,
-  &--borderless::after {
-    display: none;
-  }
-
-  &__label {
-    margin-top: @cell-label-margin-top;
-    color: @cell-label-color;
-    font-size: @cell-label-font-size;
-    line-height: @cell-label-line-height;
-  }
-
-  &__title,
-  &__value {
-    flex: 1;
-  }
-
-  &__value {
-    position: relative;
-    overflow: hidden;
-    color: @cell-value-color;
-    text-align: right;
-    vertical-align: middle;
-    word-wrap: break-word;
-
-    &--alone {
-      color: @text-color;
-      text-align: left;
-    }
-  }
-
-  &__left-icon,
-  &__right-icon {
-    min-width: 1em;
-    height: @cell-line-height;
-    font-size: @cell-icon-size;
-    line-height: @cell-line-height;
-  }
-
-  &__left-icon {
-    margin-right: 5px;
-  }
-
-  &__right-icon {
-    margin-left: 5px;
-    color: @cell-right-icon-color;
-  }
-
-  &--clickable {
-    cursor: pointer;
-
-    &:active {
-      background-color: @cell-active-color;
-    }
-  }
-
-  &--required {
-    overflow: visible;
-
-    &::before {
-      position: absolute;
-      left: @padding-xs;
-      color: @cell-required-color;
-      font-size: @cell-font-size;
-      content: '*';
-    }
-  }
-
-  &--center {
-    align-items: center;
-  }
-
-  &--large {
-    padding-top: @cell-large-vertical-padding;
-    padding-bottom: @cell-large-vertical-padding;
-
-    .van-cell__title {
-      font-size: @cell-large-title-font-size;
-    }
-
-    .van-cell__label {
-      font-size: @cell-large-label-font-size;
-    }
-  }
-}
diff --git a/src-next/cell/shared.ts b/src-next/cell/shared.ts
deleted file mode 100644
index f3c2ec949..000000000
--- a/src-next/cell/shared.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export type SharedCellProps = {
-  icon?: string;
-  size?: string;
-  border: boolean;
-  center?: boolean;
-  isLink?: boolean;
-  required?: boolean;
-  clickable?: boolean;
-  iconPrefix?: string;
-  titleStyle?: any;
-  titleClass?: any;
-  valueClass?: any;
-  labelClass?: any;
-  title?: string | number;
-  value?: string | number;
-  label?: string | number;
-  arrowDirection?: 'up' | 'down' | 'left' | 'right';
-};
-
-export const cellProps = {
-  icon: String,
-  size: String,
-  center: Boolean,
-  isLink: Boolean,
-  required: Boolean,
-  clickable: Boolean,
-  iconPrefix: String,
-  titleStyle: null as any,
-  titleClass: null as any,
-  valueClass: null as any,
-  labelClass: null as any,
-  title: [Number, String],
-  value: [Number, String],
-  label: [Number, String],
-  arrowDirection: String,
-  border: {
-    type: Boolean,
-    default: true,
-  },
-};
diff --git a/src-next/cell/test/__snapshots__/demo.spec.js.snap b/src-next/cell/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 20a039dac..000000000
--- a/src-next/cell/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,110 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom">
-      <div class="van-cell">
-        <div class="van-cell__title"><span>单元格</span></div>
-        <div class="van-cell__value"><span>内容</span></div>
-      </div>
-      <div class="van-cell">
-        <div class="van-cell__title"><span>单元格</span>
-          <div class="van-cell__label">描述信息</div>
-        </div>
-        <div class="van-cell__value"><span>内容</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell van-cell--large">
-      <div class="van-cell__title"><span>单元格</span></div>
-      <div class="van-cell__value"><span>内容</span></div>
-    </div>
-    <div class="van-cell van-cell--large">
-      <div class="van-cell__title"><span>单元格</span>
-        <div class="van-cell__label">描述信息</div>
-      </div>
-      <div class="van-cell__value"><span>内容</span></div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell"><i class="van-icon van-icon-location-o van-cell__left-icon">
-        <!----></i>
-      <div class="van-cell__title"><span>单元格</span></div>
-      <div class="van-cell__value"><span>内容</span></div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell">
-      <div class="van-cell__value van-cell__value--alone"><span>内容</span></div>
-    </div>
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>单元格</span></div>
-      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>单元格</span></div>
-      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow-down van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>URL 跳转</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>路由跳转</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-  <div>
-    <div>
-      <div class="van-cell-group__title">分组 1</div>
-      <div class="van-cell-group van-hairline--top-bottom">
-        <div class="van-cell">
-          <div class="van-cell__title"><span>单元格</span></div>
-          <div class="van-cell__value"><span>内容</span></div>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div class="van-cell-group__title">分组 2</div>
-      <div class="van-cell-group van-hairline--top-bottom">
-        <div class="van-cell">
-          <div class="van-cell__title"><span>单元格</span></div>
-          <div class="van-cell__value"><span>内容</span></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span class="custom-title">单元格</span> <span class="van-tag van-tag--danger">标签</span></div>
-      <div class="van-cell__value"><span>内容</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div class="van-cell"><i class="van-icon van-icon-shop-o van-cell__left-icon">
-        <!----></i>
-      <div class="van-cell__title"><span>单元格</span></div><i class="van-icon van-icon-search" style="line-height: inherit;">
-        <!----></i>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell van-cell--center">
-      <div class="van-cell__title"><span>单元格</span>
-        <div class="van-cell__label">描述信息</div>
-      </div>
-      <div class="van-cell__value"><span>内容</span></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/cell/test/__snapshots__/index.spec.js.snap b/src-next/cell/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index cd68daa26..000000000
--- a/src-next/cell/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CellGroup title slot 1`] = `
-<div>
-  <div class="van-cell-group__title">CustomTitle</div>
-  <div class="van-cell-group van-hairline--top-bottom"></div>
-</div>
-`;
-
-exports[`arrow direction 1`] = `
-<div role="button" tabindex="0" class="van-cell van-cell--clickable"><i class="van-icon van-icon-arrow-down van-cell__right-icon">
-    <!----></i></div>
-`;
-
-exports[`icon-prefix prop 1`] = `
-<div class="van-cell"><i class="my-icon my-icon-success van-cell__left-icon">
-    <!----></i></div>
-`;
-
-exports[`render slot 1`] = `
-<div class="van-cell">Custom Icon<div class="van-cell__title">Custom Title<div class="van-cell__label">Custom Label</div>
-  </div>Custom Extra</div>
-`;
-
-exports[`title-style prop 1`] = `
-<div class="van-cell">
-  <div class="van-cell__title" style="color: red;"><span>title</span></div>
-</div>
-`;
diff --git a/src-next/cell/test/demo.spec.js b/src-next/cell/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/cell/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/cell/test/index.spec.js b/src-next/cell/test/index.spec.js
deleted file mode 100644
index 0fd6b240d..000000000
--- a/src-next/cell/test/index.spec.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import Cell from '..';
-import CellGroup from '../../cell-group';
-import { mount } from '../../../test';
-
-test('click event', () => {
-  const click = jest.fn();
-  const wrapper = mount(Cell, {
-    context: {
-      on: {
-        click,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(click).toHaveBeenCalled();
-});
-
-test('arrow direction', () => {
-  const wrapper = mount(Cell, {
-    propsData: {
-      isLink: true,
-      arrowDirection: 'down',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render slot', () => {
-  const wrapper = mount({
-    template: `
-      <cell>
-        <template v-slot:icon>Custom Icon</template>
-        <template v-slot:title>Custom Title</template>
-        <template v-slot:label>Custom Label</template>
-        <template v-slot:extra>Custom Extra</template>
-      </cell>
-    `,
-    components: {
-      Cell,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('title-style prop', () => {
-  const wrapper = mount(Cell, {
-    propsData: {
-      title: 'title',
-      titleStyle: {
-        color: 'red',
-      },
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('CellGroup title slot', () => {
-  const wrapper = mount(CellGroup, {
-    scopedSlots: {
-      title: () => 'CustomTitle',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('icon-prefix prop', () => {
-  const wrapper = mount(Cell, {
-    propsData: {
-      iconPrefix: 'my-icon',
-      icon: 'success',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/circle/README.md b/src-next/circle/README.md
deleted file mode 100644
index 6b2ae7a1d..000000000
--- a/src-next/circle/README.md
+++ /dev/null
@@ -1,126 +0,0 @@
-# Circle
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Circle } from 'vant';
-
-Vue.use(Circle);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-circle v-model:currentRate="currentRate" :rate="30" :speed="100" :text="text" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentRate: 0,
-    };
-  },
-  computed: {
-    text() {
-      return this.currentRate.toFixed(0) + '%';
-    },
-  },
-};
-```
-
-### Custom Width
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :stroke-width="60"
-  text="Custom Width"
-/>
-```
-
-### Custom Color
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  layer-color="#ebedf0"
-  text="Custom Color"
-/>
-```
-
-### Gradient
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :color="gradientColor"
-  text="Gradient"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentRate: 0,
-      gradientColor: {
-        '0%': '#3fecff',
-        '100%': '#6149f6',
-      },
-    };
-  },
-};
-```
-
-### Counter Clockwise
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :clockwise="false"
-  text="Counter Clockwise"
-/>
-```
-
-### Custom Size
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  size="120px"
-  text="Custom Size"
-/>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model:currentRate | Current rate | _number_ | - |
-| rate | Target rate | _number \| string_ | `100` |
-| size | Circle size | _number \| string_ | `100px` |
-| color `v2.1.4` | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
-| layer-color | Layer color | _string_ | `white` |
-| fill | Fill color | _string_ | `none` |
-| speed | Animate speed（rate/s） | _number \| string_ | `0` |
-| text | Text | _string_ | - |
-| stroke-width | Stroke width | _number \| string_ | `40` |
-| stroke-linecap `v2.2.15` | Stroke linecap，can be set to `sqaure` `butt` | _string_ | `round` |
-| clockwise | Whether to be clockwise | _boolean_ | `true` |
-
-### Slots
-
-| Name    | Description         |
-| ------- | ------------------- |
-| default | custom text content |
diff --git a/src-next/circle/README.zh-CN.md b/src-next/circle/README.zh-CN.md
deleted file mode 100644
index dc12f5aa5..000000000
--- a/src-next/circle/README.zh-CN.md
+++ /dev/null
@@ -1,143 +0,0 @@
-# Circle 环形进度条
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Circle } from 'vant';
-
-Vue.use(Circle);
-```
-
-## 代码演示
-
-### 基础用法
-
-`rate`属性表示进度条的目标进度，`v-model:currentRate`表示动画过程中的实时进度。当`rate`发生变化时，`v-model:currentRate`会以`speed`的速度变化，直至达到`rate`设定的值。
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="30"
-  :speed="100"
-  :text="text"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentRate: 0,
-    };
-  },
-  computed: {
-    text() {
-      return this.currentRate.toFixed(0) + '%';
-    },
-  },
-};
-```
-
-### 宽度定制
-
-通过`stroke-width`属性来控制进度条宽度
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :stroke-width="60"
-  text="宽度定制"
-/>
-```
-
-### 颜色定制
-
-通过`color`属性来控制进度条颜色，`layer-color`属性来控制轨道颜色
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  layer-color="#ebedf0"
-  text="颜色定制"
-/>
-```
-
-### 渐变色
-
-`color`属性支持传入对象格式来定义渐变色
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :color="gradientColor"
-  text="渐变色"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentRate: 0,
-      gradientColor: {
-        '0%': '#3fecff',
-        '100%': '#6149f6',
-      },
-    };
-  },
-};
-```
-
-### 逆时针方向
-
-将`clockwise`设置为`false`，进度会从逆时针方向开始
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  :clockwise="false"
-  text="逆时针方向"
-/>
-```
-
-### 大小定制
-
-通过`size`属性设置圆环直径
-
-```html
-<van-circle
-  v-model:currentRate="currentRate"
-  :rate="rate"
-  size="120px"
-  text="大小定制"
-/>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model:currentRate | 当前进度 | _number_ | - |
-| rate | 目标进度 | _number \| string_ | `100` |
-| size | 圆环直径，默认单位为 `px` | _number \| string_ | `100px` |
-| color `v2.1.4` | 进度条颜色，传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
-| layer-color | 轨道颜色 | _string_ | `white` |
-| fill | 填充颜色 | _string_ | `none` |
-| speed | 动画速度（单位为 rate/s） | _number \| string_ | `0` |
-| text | 文字 | _string_ | - |
-| stroke-width | 进度条宽度 | _number \| string_ | `40` |
-| stroke-linecap `v2.2.15` | 进度条端点的形状，可选值为`sqaure` `butt` | _string_ | `round` |
-| clockwise | 是否顺时针增加 | _boolean_ | `true` |
-
-### Slots
-
-| 名称    | 说明           |
-| ------- | -------------- |
-| default | 自定义文字内容 |
diff --git a/src-next/circle/demo/index.vue b/src-next/circle/demo/index.vue
deleted file mode 100644
index 975e86e26..000000000
--- a/src-next/circle/demo/index.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-circle
-        v-model:currentRate="currentRate1"
-        :rate="rate"
-        :speed="100"
-        :text="currentRate1.toFixed(0) + '%'"
-      />
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-circle
-        v-model:currentRate="currentRate3"
-        :rate="rate"
-        :speed="100"
-        :stroke-width="60"
-        :text="t('customWidth')"
-      />
-
-      <van-circle
-        v-model:currentRate="currentRate3"
-        color="#ee0a24"
-        :rate="rate"
-        layer-color="#ebedf0"
-        :speed="100"
-        :text="t('customColor')"
-      />
-
-      <van-circle
-        v-model:currentRate="currentRate2"
-        :rate="rate"
-        :speed="100"
-        :color="gradientColor"
-        :text="t('gradient')"
-      />
-
-      <van-circle
-        v-model:currentRate="currentRate4"
-        color="#07c160"
-        :rate="rate"
-        :speed="100"
-        :clockwise="false"
-        :text="t('counterClockwise')"
-        style="margin-top: 15px;"
-      />
-
-      <van-circle
-        v-model:currentRate="currentRate4"
-        color="#7232dd"
-        :rate="rate"
-        :speed="100"
-        size="120px"
-        :clockwise="false"
-        :text="t('customSize')"
-        style="margin-top: 15px;"
-      />
-    </demo-block>
-
-    <div style="margin-top: 15px;">
-      <van-button :text="t('add')" type="primary" size="small" @click="add" />
-      <van-button
-        :text="t('decrease')"
-        type="danger"
-        size="small"
-        @click="reduce"
-      />
-    </div>
-  </demo-section>
-</template>
-
-<script>
-const format = (rate) => Math.min(Math.max(rate, 0), 100);
-
-export default {
-  i18n: {
-    'zh-CN': {
-      gradient: '渐变色',
-      customSize: '大小定制',
-      customStyle: '样式定制',
-      customColor: '颜色定制',
-      customWidth: '宽度定制',
-      counterClockwise: '逆时针',
-    },
-    'en-US': {
-      gradient: 'Gradient',
-      customSize: 'Custom Size',
-      customStyle: 'Custom Style',
-      customColor: 'Custom Color',
-      customWidth: 'Custom Width',
-      counterClockwise: 'Counter Clockwise',
-    },
-  },
-
-  data() {
-    return {
-      rate: 70,
-      currentRate1: 70,
-      currentRate2: 70,
-      currentRate3: 70,
-      currentRate4: 70,
-      gradientColor: {
-        '0%': '#3fecff',
-        '100%': '#6149f6',
-      },
-    };
-  },
-
-  methods: {
-    add() {
-      this.rate = format(this.rate + 20);
-    },
-
-    reduce() {
-      this.rate = format(this.rate - 20);
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-circle {
-  .van-circle {
-    margin-left: @padding-md;
-  }
-
-  .van-button {
-    margin: @padding-md 0 0 10px;
-
-    &:first-of-type {
-      margin-left: @padding-md;
-    }
-  }
-}
-</style>
diff --git a/src-next/circle/index.js b/src-next/circle/index.js
deleted file mode 100644
index 0f11ef480..000000000
--- a/src-next/circle/index.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import { createNamespace, isObject, addUnit } from '../utils';
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { BLUE, WHITE } from '../utils/constant';
-
-const [createComponent, bem] = createNamespace('circle');
-
-const PERIMETER = 3140;
-
-let uid = 0;
-
-function format(rate) {
-  return Math.min(Math.max(rate, 0), 100);
-}
-
-function getPath(clockwise, viewBoxSize) {
-  const sweepFlag = clockwise ? 1 : 0;
-  return `M ${viewBoxSize / 2} ${
-    viewBoxSize / 2
-  } m 0, -500 a 500, 500 0 1, ${sweepFlag} 0, 1000 a 500, 500 0 1, ${sweepFlag} 0, -1000`;
-}
-
-export default createComponent({
-  props: {
-    text: String,
-    strokeLinecap: String,
-    currentRate: {
-      type: Number,
-      default: 0,
-    },
-    speed: {
-      type: [Number, String],
-      default: 0,
-    },
-    size: {
-      type: [Number, String],
-      default: 100,
-    },
-    fill: {
-      type: String,
-      default: 'none',
-    },
-    rate: {
-      type: [Number, String],
-      default: 100,
-    },
-    layerColor: {
-      type: String,
-      default: WHITE,
-    },
-    color: {
-      type: [String, Object],
-      default: BLUE,
-    },
-    strokeWidth: {
-      type: [Number, String],
-      default: 40,
-    },
-    clockwise: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  emits: ['update:currentRate'],
-
-  beforeCreate() {
-    this.uid = `van-circle-gradient-${uid++}`;
-  },
-
-  computed: {
-    style() {
-      const size = addUnit(this.size);
-      return {
-        width: size,
-        height: size,
-      };
-    },
-
-    path() {
-      return getPath(this.clockwise, this.viewBoxSize);
-    },
-
-    viewBoxSize() {
-      return +this.strokeWidth + 1000;
-    },
-
-    layerStyle() {
-      const offset = (PERIMETER * this.currentRate) / 100;
-
-      return {
-        stroke: `${this.color}`,
-        strokeWidth: `${+this.strokeWidth + 1}px`,
-        strokeLinecap: this.strokeLinecap,
-        strokeDasharray: `${offset}px ${PERIMETER}px`,
-      };
-    },
-
-    hoverStyle() {
-      return {
-        fill: `${this.fill}`,
-        stroke: `${this.layerColor}`,
-        strokeWidth: `${this.strokeWidth}px`,
-      };
-    },
-
-    gradient() {
-      return isObject(this.color);
-    },
-
-    LinearGradient() {
-      if (!this.gradient) {
-        return;
-      }
-
-      const Stops = Object.keys(this.color)
-        .sort((a, b) => parseFloat(a) - parseFloat(b))
-        .map((key, index) => (
-          <stop key={index} offset={key} stop-color={this.color[key]} />
-        ));
-
-      return (
-        <defs>
-          <linearGradient id={this.uid} x1="100%" y1="0%" x2="0%" y2="0%">
-            {Stops}
-          </linearGradient>
-        </defs>
-      );
-    },
-  },
-
-  watch: {
-    rate: {
-      handler(rate) {
-        this.startTime = Date.now();
-        this.startRate = this.currentRate;
-        this.endRate = format(rate);
-        this.increase = this.endRate > this.startRate;
-        this.duration = Math.abs(
-          ((this.startRate - this.endRate) * 1000) / this.speed
-        );
-
-        if (this.speed) {
-          cancelRaf(this.rafId);
-          this.rafId = raf(this.animate);
-        } else {
-          this.$emit('update:currentRate', this.endRate);
-        }
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    animate() {
-      const now = Date.now();
-      const progress = Math.min((now - this.startTime) / this.duration, 1);
-      const rate = progress * (this.endRate - this.startRate) + this.startRate;
-
-      this.$emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
-
-      if (this.increase ? rate < this.endRate : rate > this.endRate) {
-        this.rafId = raf(this.animate);
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem()} style={this.style}>
-        <svg viewBox={`0 0 ${this.viewBoxSize} ${this.viewBoxSize}`}>
-          {this.LinearGradient}
-          <path class={bem('hover')} style={this.hoverStyle} d={this.path} />
-          <path
-            d={this.path}
-            class={bem('layer')}
-            style={this.layerStyle}
-            stroke={this.gradient ? `url(#${this.uid})` : this.color}
-          />
-        </svg>
-        {this.$slots.default
-          ? this.$slots.default()
-          : this.text && <div class={bem('text')}>{this.text}</div>}
-      </div>
-    );
-  },
-});
diff --git a/src-next/circle/index.less b/src-next/circle/index.less
deleted file mode 100644
index 46edec25c..000000000
--- a/src-next/circle/index.less
+++ /dev/null
@@ -1,34 +0,0 @@
-@import '../style/var';
-
-.van-circle {
-  position: relative;
-  display: inline-block;
-  text-align: center;
-
-  svg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  &__layer {
-    fill: none;
-    stroke-linecap: round;
-  }
-
-  &__text {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0 @padding-base;
-    color: @circle-text-color;
-    font-weight: @circle-text-font-weight;
-    font-size: @circle-text-font-size;
-    line-height: @circle-text-line-height;
-    transform: translateY(-50%);
-  }
-}
diff --git a/src-next/circle/test/__snapshots__/demo.spec.js.snap b/src-next/circle/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 6e0db1b94..000000000
--- a/src-next/circle/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,57 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">70%</div>
-    </div>
-  </div>
-  <div>
-    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
-        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;"></path>
-        <path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">宽度定制</div>
-    </div>
-    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 40px;"></path>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#ee0a24" class="van-circle__layer" style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">颜色定制</div>
-    </div>
-    <div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-        <defs>
-          <linearGradient id="van-circle-gradient-3" x1="100%" y1="0%" x2="0%" y2="0%">
-            <stop offset="0%" stop-color="#3fecff"></stop>
-            <stop offset="100%" stop-color="#6149f6"></stop>
-          </linearGradient>
-        </defs>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="url(#van-circle-gradient-3)" class="van-circle__layer" style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">渐变色</div>
-    </div>
-    <div class="van-circle" style="width: 100px; height: 100px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" stroke="#07c160" class="van-circle__layer" style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">逆时针</div>
-    </div>
-    <div class="van-circle" style="width: 120px; height: 120px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-        <path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" stroke="#7232dd" class="van-circle__layer" style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"></path>
-      </svg>
-      <div class="van-circle__text">大小定制</div>
-    </div>
-  </div>
-  <div style="margin-top: 15px;"><button class="van-button van-button--primary van-button--small">
-      <div class="van-button__content"><span class="van-button__text">增加</span></div>
-    </button> <button class="van-button van-button--danger van-button--small">
-      <div class="van-button__content"><span class="van-button__text">减少</span></div>
-    </button></div>
-</div>
-`;
diff --git a/src-next/circle/test/__snapshots__/index.spec.js.snap b/src-next/circle/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 8749d4958..000000000
--- a/src-next/circle/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`size prop 1`] = `
-<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 0px 3140px;"></path>
-  </svg></div>
-`;
-
-exports[`speed is 0 1`] = `
-<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 1570px 3140px;"></path>
-  </svg></div>
-`;
-
-exports[`stroke-linecap prop 1`] = `
-<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;"></path>
-    <path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" stroke="#1989fa" class="van-circle__layer" style="stroke: #1989fa; stroke-width: 41px; stroke-linecap: square; stroke-dasharray: 0px 3140px;"></path>
-  </svg></div>
-`;
diff --git a/src-next/circle/test/demo.spec.js b/src-next/circle/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/circle/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/circle/test/index.spec.js b/src-next/circle/test/index.spec.js
deleted file mode 100644
index 5b6a1481f..000000000
--- a/src-next/circle/test/index.spec.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import Vue from 'vue';
-import Circle from '..';
-import { mount, later } from '../../../test';
-
-test('speed is 0', async () => {
-  const wrapper = mount(Circle, {
-    propsData: {
-      rate: 50,
-      value: 0,
-    },
-    listeners: {
-      input(value) {
-        Vue.nextTick(() => {
-          wrapper.setProps({ value });
-        });
-      },
-    },
-  });
-
-  await later();
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('animate', async () => {
-  const onInput = jest.fn();
-  mount(Circle, {
-    propsData: {
-      rate: 50,
-      speed: 100,
-    },
-    listeners: {
-      input: onInput,
-    },
-  });
-
-  await later(50);
-  expect(onInput).toHaveBeenCalled();
-  expect(onInput.mock.calls[0][0]).not.toEqual(0);
-});
-
-test('size prop', () => {
-  const wrapper = mount(Circle, {
-    propsData: {
-      size: 100,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('stroke-linecap prop', () => {
-  const wrapper = mount(Circle, {
-    propsData: {
-      strokeLinecap: 'square',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/col/README.md b/src-next/col/README.md
deleted file mode 100644
index d6be11217..000000000
--- a/src-next/col/README.md
+++ /dev/null
@@ -1,119 +0,0 @@
-# Layout
-
-### Intro
-
-Quickly and easily create layouts with `van-row` and `van-col`
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Col, Row } from 'vant';
-
-Vue.use(Col);
-Vue.use(Row);
-```
-
-## Usage
-
-### Basic Usage
-
-Layout are based on 24-column. The attribute `span` in `Col` means the number of column the grid spans. Of course, You can use `offset` attribute to set number of spacing on the left side of the grid.
-
-```html
-<van-row>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-</van-row>
-
-<van-row>
-  <van-col span="4">span: 4</van-col>
-  <van-col span="10" offset="4">offset: 4, span: 10</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row>
-  <van-col offset="12" span="12">offset: 12, span: 12</van-col>
-</van-row>
-```
-
-### Column Spacing
-
-Set grid spacing using `gutter` attribute. The default value is 0
-
-```html
-<van-row gutter="20">
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-</van-row>
-```
-
-### Flex Layout
-
-Setting `type` to `flex` to enable flex layout
-
-```html
-<van-row type="flex">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row type="flex" justify="center">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row type="flex" justify="end">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row type="flex" justify="space-between">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row type="flex" justify="space-around">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-```
-
-## API
-
-### Row Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| type | Layout type, can be set to `flex` | _string_ | - |
-| gutter | Grid spacing（px） | _number \| string_ | - |
-| tag | Custom element tag | _string_ | `div` |
-| justify | Flex main axis，can be set to end/center/space-around/space-between | _string_ | `start` |
-| align | Flex cross axis, be set to center/bottom | _string_ | `top` |
-
-### Col Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| span | number of column the grid spans | _number \| string_ | - |
-| offset | number of spacing on the left side of the grid | _number \| string_ | - |
-| tag | Custom element tag | _string_ | `div` |
-
-### Row Events
-
-| Event | Description              | Arguments      |
-| ----- | ------------------------ | -------------- |
-| click | Triggered when click row | _event: Event_ |
-
-### Col Events
-
-| Event | Description              | Arguments      |
-| ----- | ------------------------ | -------------- |
-| click | Triggered when click col | _event: Event_ |
diff --git a/src-next/col/README.zh-CN.md b/src-next/col/README.zh-CN.md
deleted file mode 100644
index 7eb405993..000000000
--- a/src-next/col/README.zh-CN.md
+++ /dev/null
@@ -1,124 +0,0 @@
-# Layout 布局
-
-### 介绍
-
-Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Col, Row } from 'vant';
-
-Vue.use(Col);
-Vue.use(Row);
-```
-
-## 代码演示
-
-### 基础用法
-
-Layout 组件提供了`24列栅格`，通过在`Col`上添加`span`属性设置列所占的宽度百分比  
-此外，添加`offset`属性可以设置列的偏移宽度，计算方式与 span 相同
-
-```html
-<van-row>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-</van-row>
-
-<van-row>
-  <van-col span="4">span: 4</van-col>
-  <van-col span="10" offset="4">offset: 4, span: 10</van-col>
-</van-row>
-
-<van-row>
-  <van-col offset="12" span="12">offset: 12, span: 12</van-col>
-</van-row>
-```
-
-### 设置列元素间距
-
-通过`gutter`属性可以设置列元素之间的间距，默认间距为 0
-
-```html
-<van-row gutter="20">
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-  <van-col span="8">span: 8</van-col>
-</van-row>
-```
-
-### Flex 布局
-
-将 `type` 属性设置为 flex 可以启用 flex 布局，便于进行灵活的对齐
-
-```html
-<!-- 左对齐 -->
-<van-row type="flex">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<!-- 居中 -->
-<van-row type="flex" justify="center">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<!-- 右对齐 -->
-<van-row type="flex" justify="end">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<!-- 两端对齐 -->
-<van-row type="flex" justify="space-between">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<!-- 每个元素的两侧间隔相等 -->
-<van-row type="flex" justify="space-around">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-```
-
-## API
-
-### Row Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| type | 布局方式，可选值为`flex` | _string_ | - |
-| gutter | 列元素之间的间距（单位为 px） | _number \| string_ | - |
-| tag | 自定义元素标签 | _string_ | `div` |
-| justify | Flex 主轴对齐方式，可选值为 `end` `center` <br> `space-around` `space-between` | _string_ | `start` |
-| align | Flex 交叉轴对齐方式，可选值为 `center` `bottom` | _string_ | `top` |
-
-### Col Props
-
-| 参数   | 说明           | 类型               | 默认值 |
-| ------ | -------------- | ------------------ | ------ |
-| span   | 列元素宽度     | _number \| string_ | -      |
-| offset | 列元素偏移距离 | _number \| string_ | -      |
-| tag    | 自定义元素标签 | _string_           | `div`  |
-
-### Row Events
-
-| 事件名 | 说明       | 回调参数       |
-| ------ | ---------- | -------------- |
-| click  | 点击时触发 | _event: Event_ |
-
-### Col Events
-
-| 事件名 | 说明       | 回调参数       |
-| ------ | ---------- | -------------- |
-| click  | 点击时触发 | _event: Event_ |
diff --git a/src-next/col/demo/index.vue b/src-next/col/demo/index.vue
deleted file mode 100644
index 5b396922a..000000000
--- a/src-next/col/demo/index.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-row>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-      </van-row>
-
-      <van-row>
-        <van-col span="4">span: 4</van-col>
-        <van-col span="10" offset="4">
-          offset: 4, span: 10
-        </van-col>
-      </van-row>
-
-      <van-row>
-        <van-col offset="12" span="12">
-          offset: 12, span: 12
-        </van-col>
-      </van-row>
-    </demo-block>
-
-    <demo-block :title="t('title2')">
-      <van-row gutter="20">
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-      </van-row>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('title3')">
-      <van-row type="flex">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-
-      <van-row type="flex" justify="center">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-
-      <van-row type="flex" justify="end">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-
-      <van-row type="flex" justify="space-between">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-
-      <van-row type="flex" justify="space-around">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title2: '在列元素之间增加间距',
-      title3: 'Flex 布局',
-    },
-    'en-US': {
-      title2: 'Column Spacing',
-      title3: 'Flex Layout',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-col {
-  background: @white;
-
-  .van-doc-demo-block {
-    padding: 0 @padding-md;
-  }
-
-  .van-doc-demo-block__title {
-    padding-left: 0;
-  }
-
-  .van-col {
-    margin-bottom: 10px;
-    color: @white;
-    font-size: 13px;
-    line-height: 30px;
-    text-align: center;
-    background-clip: content-box;
-
-    &:nth-child(odd) {
-      background-color: #39a9ed;
-    }
-
-    &:nth-child(even) {
-      background-color: #66c6f2;
-    }
-  }
-}
-</style>
diff --git a/src-next/col/index.js b/src-next/col/index.js
deleted file mode 100644
index 36db2b39c..000000000
--- a/src-next/col/index.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('col');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanRow')],
-
-  props: {
-    span: [Number, String],
-    offset: [Number, String],
-    tag: {
-      type: String,
-      default: 'div',
-    },
-  },
-
-  emits: ['click'],
-
-  computed: {
-    style() {
-      const { index } = this;
-      const { spaces } = this.parent || {};
-
-      if (spaces && spaces[index]) {
-        const { left, right } = spaces[index];
-        return {
-          paddingLeft: left ? `${left}px` : null,
-          paddingRight: right ? `${right}px` : null,
-        };
-      }
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-    },
-  },
-
-  render() {
-    const { span, offset } = this;
-    return (
-      <this.tag
-        style={this.style}
-        class={bem({ [span]: span, [`offset-${offset}`]: offset })}
-        onClick={this.onClick}
-      >
-        {this.$slots.default?.()}
-      </this.tag>
-    );
-  },
-});
diff --git a/src-next/col/index.less b/src-next/col/index.less
deleted file mode 100644
index 35fa2f4f5..000000000
--- a/src-next/col/index.less
+++ /dev/null
@@ -1,20 +0,0 @@
-@import '../style/var';
-
-.van-col {
-  float: left;
-  box-sizing: border-box;
-  min-height: 1px;
-}
-
-.generate-col(24);
-.generate-col(@n, @i: 1) when (@i =< @n) {
-  .van-col--@{i} {
-    width: @i * 100% / 24;
-  }
-
-  .van-col--offset-@{i} {
-    margin-left: @i * 100% / 24;
-  }
-
-  .generate-col(@n, (@i + 1));
-}
diff --git a/src-next/col/test/__snapshots__/demo.spec.js.snap b/src-next/col/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 7c04f9b40..000000000
--- a/src-next/col/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,58 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8">span: 8</div>
-      <div class="van-col van-col--8">span: 8</div>
-      <div class="van-col van-col--8">span: 8</div>
-    </div>
-    <div class="van-row">
-      <div class="van-col van-col--4">span: 4</div>
-      <div class="van-col van-col--10 van-col--offset-4">
-        offset: 4, span: 10
-      </div>
-    </div>
-    <div class="van-row">
-      <div class="van-col van-col--12 van-col--offset-12">
-        offset: 12, span: 12
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">span: 8</div>
-      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">span: 8</div>
-      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">span: 8</div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row van-row--flex">
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-    </div>
-    <div class="van-row van-row--flex van-row--justify-center">
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-    </div>
-    <div class="van-row van-row--flex van-row--justify-end">
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-    </div>
-    <div class="van-row van-row--flex van-row--justify-space-between">
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-    </div>
-    <div class="van-row van-row--flex van-row--justify-space-around">
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-      <div class="van-col van-col--6">span: 6</div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/col/test/__snapshots__/index.spec.js.snap b/src-next/col/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 2d4588095..000000000
--- a/src-next/col/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`gutter prop 1`] = `
-<div class="van-row">
-  <div class="van-col van-col--24">24</div>
-  <div class="van-col van-col--12" style="padding-right: 12px;">12</div>
-  <div class="van-col van-col--12" style="padding-left: 12px;">12</div>
-  <div class="van-col van-col--8" style="padding-right: 16px;">8</div>
-  <div class="van-col van-col--8" style="padding-left: 8px; padding-right: 8px;">8</div>
-  <div class="van-col van-col--8" style="padding-left: 16px;">8</div>
-  <div class="van-col van-col--6" style="padding-right: 18px;">6</div>
-  <div class="van-col van-col--6" style="padding-left: 6px; padding-right: 12px;">6</div>
-  <div class="van-col van-col--6" style="padding-left: 12px; padding-right: 6px;">6</div>
-  <div class="van-col van-col--6" style="padding-left: 18px;">6</div>
-  <div class="van-col van-col--7" style="padding-right: 18px;">7</div>
-  <div class="van-col van-col--6" style="padding-left: 6px; padding-right: 12px;">6</div>
-  <div class="van-col van-col--5" style="padding-left: 12px; padding-right: 6px;">5</div>
-  <div class="van-col van-col--4" style="padding-left: 18px;">4</div>
-  <div class="van-col van-col--3" style="padding-right: 12px;">3</div>
-  <div class="van-col van-col--2" style="padding-left: 12px;">2</div>
-</div>
-`;
diff --git a/src-next/col/test/demo.spec.js b/src-next/col/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/col/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/col/test/index.spec.js b/src-next/col/test/index.spec.js
deleted file mode 100644
index dfe0a20ac..000000000
--- a/src-next/col/test/index.spec.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import Col from '..';
-import Row from '../../row';
-import { mount } from '../../../test';
-
-test('Col click event', () => {
-  const wrapper = mount(Col);
-  wrapper.trigger('click');
-
-  expect(wrapper.emitted('click')).toBeTruthy();
-});
-
-test('Row click event', () => {
-  const wrapper = mount(Row);
-  wrapper.trigger('click');
-
-  expect(wrapper.emitted('click')).toBeTruthy();
-});
-
-test('gutter prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-row gutter="24">
-        <van-col span="24">24</van-col>
-
-        <van-col span="12">12</van-col>
-        <van-col span="12">12</van-col>
-
-        <van-col span="8">8</van-col>
-        <van-col span="8">8</van-col>
-        <van-col span="8">8</van-col>
-
-        <van-col span="6">6</van-col>
-        <van-col span="6">6</van-col>
-        <van-col span="6">6</van-col>
-        <van-col span="6">6</van-col>
-        
-        <van-col span="7">7</van-col>
-        <van-col span="6">6</van-col>
-        <van-col span="5">5</van-col>
-        <van-col span="4">4</van-col>
-        <van-col span="3">3</van-col>
-        <van-col span="2">2</van-col>
-      </van-row>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/count-down/README.md b/src-next/count-down/README.md
deleted file mode 100644
index 0ed8d66f8..000000000
--- a/src-next/count-down/README.md
+++ /dev/null
@@ -1,165 +0,0 @@
-# CountDown
-
-### Install
-
-```js
-import Vue from 'vue';
-import { CountDown } from 'vant';
-
-Vue.use(CountDown);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-count-down :time="time" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      time: 30 * 60 * 60 * 1000,
-    };
-  },
-};
-```
-
-### Custom Format
-
-```html
-<van-count-down :time="time" format="DD Day, HH:mm:ss" />
-```
-
-### Millisecond
-
-```html
-<van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
-```
-
-### Custom Style
-
-```html
-<van-count-down :time="time">
-  <template v-slot="timeData">
-    <span class="block">{{ timeData.hours }}</span>
-    <span class="colon">:</span>
-    <span class="block">{{ timeData.minutes }}</span>
-    <span class="colon">:</span>
-    <span class="block">{{ timeData.seconds }}</span>
-  </template>
-</van-count-down>
-
-<style>
-  .colon {
-    display: inline-block;
-    margin: 0 4px;
-    color: #ee0a24;
-  }
-  .block {
-    display: inline-block;
-    width: 22px;
-    color: #fff;
-    font-size: 12px;
-    text-align: center;
-    background-color: #ee0a24;
-  }
-</style>
-```
-
-### Manual Control
-
-```html
-<van-count-down
-  ref="countDown"
-  millisecond
-  :time="3000"
-  :auto-start="false"
-  format="ss:SSS"
-  @finish="finish"
-/>
-<van-grid clickable :column-num="3">
-  <van-grid-item text="Start" icon="play-circle-o" @click="start" />
-  <van-grid-item text="Pause" icon="pause-circle-o" @click="pause" />
-  <van-grid-item text="Reset" icon="replay" @click="reset" />
-</van-grid>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  methods: {
-    start() {
-      this.$refs.countDown.start();
-    },
-    pause() {
-      this.$refs.countDown.pause();
-    },
-    reset() {
-      this.$refs.countDown.reset();
-    },
-    finish() {
-      Toast('Finished');
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| time | Total time | _number \| string_ | `0` |
-| format | Time format | _string_ | `HH:mm:ss` |
-| auto-start | Whether to auto start count down | _boolean_ | `true` |
-| millisecond | Whether to enable millisecond render | _boolean_ | `false` |
-
-### Available formats
-
-| Format | Description           |
-| ------ | --------------------- |
-| DD     | Day                   |
-| HH     | Hour                  |
-| mm     | Minute                |
-| ss     | Second                |
-| S      | Millisecond, 1-digit  |
-| SS     | Millisecond, 2-digits |
-| SSS    | Millisecond, 3-digits |
-
-### Events
-
-| Event           | Description                        | Arguments            |
-| --------------- | ---------------------------------- | -------------------- |
-| finish          | Triggered when count down finished | -                    |
-| change `v2.4.4` | Triggered when count down changed  | _timeData: TimeData_ |
-
-### Slots
-
-| Name    | Description    | SlotProps            |
-| ------- | -------------- | -------------------- |
-| default | Custom Content | _timeData: TimeData_ |
-
-### TimeData Structure
-
-| Name         | Description         | Type     |
-| ------------ | ------------------- | -------- |
-| days         | Remain days         | _number_ |
-| hours        | Remain hours        | _number_ |
-| minutes      | Remain minutes      | _number_ |
-| seconds      | Remain seconds      | _number_ |
-| milliseconds | Remain milliseconds | _number_ |
-
-### Methods
-
-Use [ref](https://vuejs.org/v2/api/#ref) to get CountDown instance and call instance methods
-
-| Name  | Description      | Attribute | Return value |
-| ----- | ---------------- | --------- | ------------ |
-| start | Start count down | -         | -            |
-| pause | Pause count down | -         | -            |
-| reset | Reset count down | -         | -            |
diff --git a/src-next/count-down/README.zh-CN.md b/src-next/count-down/README.zh-CN.md
deleted file mode 100644
index cfd1aada5..000000000
--- a/src-next/count-down/README.zh-CN.md
+++ /dev/null
@@ -1,183 +0,0 @@
-# CountDown 倒计时
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { CountDown } from 'vant';
-
-Vue.use(CountDown);
-```
-
-## 代码演示
-
-### 基础用法
-
-`time`属性表示倒计时总时长，单位为毫秒
-
-```html
-<van-count-down :time="time" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      time: 30 * 60 * 60 * 1000,
-    };
-  },
-};
-```
-
-### 自定义格式
-
-通过`format`属性设置倒计时文本的内容
-
-```html
-<van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />
-```
-
-### 毫秒级渲染
-
-倒计时默认每秒渲染一次，设置`millisecond`属性可以开启毫秒级渲染
-
-```html
-<van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
-```
-
-### 自定义样式
-
-通过插槽自定义倒计时的样式，`timeData`对象格式见下方表格
-
-```html
-<van-count-down :time="time">
-  <template v-slot="timeData">
-    <span class="block">{{ timeData.hours }}</span>
-    <span class="colon">:</span>
-    <span class="block">{{ timeData.minutes }}</span>
-    <span class="colon">:</span>
-    <span class="block">{{ timeData.seconds }}</span>
-  </template>
-</van-count-down>
-
-<style>
-  .colon {
-    display: inline-block;
-    margin: 0 4px;
-    color: #ee0a24;
-  }
-  .block {
-    display: inline-block;
-    width: 22px;
-    color: #fff;
-    font-size: 12px;
-    text-align: center;
-    background-color: #ee0a24;
-  }
-</style>
-```
-
-### 手动控制
-
-通过 ref 获取到组件实例后，可以调用`start`、`pause`、`reset`方法
-
-```html
-<van-count-down
-  ref="countDown"
-  millisecond
-  :time="3000"
-  :auto-start="false"
-  format="ss:SSS"
-  @finish="finish"
-/>
-<van-grid clickable>
-  <van-grid-item text="开始" icon="play-circle-o" @click="start" />
-  <van-grid-item text="暂停" icon="pause-circle-o" @click="pause" />
-  <van-grid-item text="重置" icon="replay" @click="reset" />
-</van-grid>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  methods: {
-    start() {
-      this.$refs.countDown.start();
-    },
-    pause() {
-      this.$refs.countDown.pause();
-    },
-    reset() {
-      this.$refs.countDown.reset();
-    },
-    finish() {
-      Toast('倒计时结束');
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数        | 说明                 | 类型               | 默认值     |
-| ----------- | -------------------- | ------------------ | ---------- |
-| time        | 倒计时时长，单位毫秒 | _number \| string_ | `0`        |
-| format      | 时间格式             | _string_           | `HH:mm:ss` |
-| auto-start  | 是否自动开始倒计时   | _boolean_          | `true`     |
-| millisecond | 是否开启毫秒级渲染   | _boolean_          | `false`    |
-
-### format 格式
-
-| 格式 | 说明         |
-| ---- | ------------ |
-| DD   | 天数         |
-| HH   | 小时         |
-| mm   | 分钟         |
-| ss   | 秒数         |
-| S    | 毫秒（1 位） |
-| SS   | 毫秒（2 位） |
-| SSS  | 毫秒（3 位） |
-
-### Events
-
-| 事件名          | 说明             | 回调参数             |
-| --------------- | ---------------- | -------------------- |
-| finish          | 倒计时结束时触发 | -                    |
-| change `v2.4.4` | 倒计时变化时触发 | _timeData: TimeData_ |
-
-### Slots
-
-| 名称    | 说明       | SlotProps            |
-| ------- | ---------- | -------------------- |
-| default | 自定义内容 | _timeData: TimeData_ |
-
-### TimeData 格式
-
-| 名称         | 说明     | 类型     |
-| ------------ | -------- | -------- |
-| days         | 剩余天数 | _number_ |
-| hours        | 剩余小时 | _number_ |
-| minutes      | 剩余分钟 | _number_ |
-| seconds      | 剩余秒数 | _number_ |
-| milliseconds | 剩余毫秒 | _number_ |
-
-### 方法
-
-通过 ref 可以获取到 CountDown 实例并调用实例方法，详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)
-
-| 方法名 | 说明 | 参数 | 返回值 |
-| --- | --- | --- | --- |
-| start | 开始倒计时 | - | - |
-| pause | 暂停倒计时 | - | - |
-| reset | 重设倒计时，若`auto-start`为`true`，重设后会自动开始倒计时 | - | - |
-
-## 常见问题
-
-### 在 iOS 系统上倒计时不生效？
-
-如果你遇到了在 iOS 上倒计时不生效的问题，请确认在创建 Date 对象时没有使用`new Date('2020-01-01')`这样的写法，iOS 不支持以中划线分隔的日期格式，正确写法是`new Date('2020/01/01')`。
-
-对此问题的详细解释：[stackoverflow](https://stackoverflow.com/questions/13363673/javascript-date-is-invalid-on-ios)。
diff --git a/src-next/count-down/demo/index.vue b/src-next/count-down/demo/index.vue
deleted file mode 100644
index 47619b927..000000000
--- a/src-next/count-down/demo/index.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-count-down :time="time" />
-    </demo-block>
-
-    <demo-block :title="t('customFormat')">
-      <van-count-down :time="time" :format="t('formatWithDay')" />
-    </demo-block>
-
-    <demo-block :title="t('millisecond')">
-      <van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-count-down :time="time">
-        <template v-slot="currentTime">
-          <div>
-            <span class="block">{{ currentTime.hours }}</span>
-            <span class="colon">:</span>
-            <span class="block">{{ currentTime.minutes }}</span>
-            <span class="colon">:</span>
-            <span class="block">{{ currentTime.seconds }}</span>
-          </div>
-        </template>
-      </van-count-down>
-    </demo-block>
-
-    <demo-block :title="t('manualControl')">
-      <van-count-down
-        ref="countDown"
-        millisecond
-        :time="3000"
-        :auto-start="false"
-        format="ss:SSS"
-        @finish="$toast(t('finished'))"
-      />
-      <van-grid clickable :column-num="3">
-        <van-grid-item icon="play-circle-o" :text="t('start')" @click="start" />
-        <van-grid-item
-          icon="pause-circle-o"
-          :text="t('pause')"
-          @click="pause"
-        />
-        <van-grid-item icon="replay" :text="t('reset')" @click="reset" />
-      </van-grid>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      millisecond: '毫秒级渲染',
-      customStyle: '自定义样式',
-      customFormat: '自定义格式',
-      manualControl: '手动控制',
-      formatWithDay: 'DD 天 HH 时 mm 分 ss 秒',
-      reset: '重置',
-      pause: '暂停',
-      start: '开始',
-      finished: '倒计时结束',
-    },
-    'en-US': {
-      millisecond: 'Millisecond',
-      customStyle: 'Custom Style',
-      customFormat: 'Custom Format',
-      manualControl: 'Manual Control',
-      formatWithDay: 'DD Day, HH:mm:ss',
-      reset: 'Reset',
-      pause: 'Pause',
-      start: 'Start',
-      finished: 'Finished',
-    },
-  },
-
-  data() {
-    return {
-      time: 30 * 60 * 60 * 1000,
-    };
-  },
-
-  methods: {
-    start() {
-      this.$refs.countDown.start();
-    },
-
-    pause() {
-      this.$refs.countDown.pause();
-    },
-
-    reset() {
-      this.$refs.countDown.reset();
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-count-down {
-  background-color: @white;
-
-  .van-count-down {
-    margin-left: @padding-md;
-  }
-
-  .colon {
-    display: inline-block;
-    margin: 0 4px;
-    color: @red;
-  }
-
-  .block {
-    display: inline-block;
-    width: 22px;
-    color: #fff;
-    font-size: 12px;
-    text-align: center;
-    background-color: @red;
-    border-radius: 4px;
-  }
-
-  .van-grid {
-    margin-top: 10px;
-  }
-}
-</style>
diff --git a/src-next/count-down/index.js b/src-next/count-down/index.js
deleted file mode 100644
index b6eb9dd1d..000000000
--- a/src-next/count-down/index.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import { createNamespace } from '../utils';
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { isSameSecond, parseTimeData, parseFormat } from './utils';
-
-const [createComponent, bem] = createNamespace('count-down');
-
-export default createComponent({
-  props: {
-    millisecond: Boolean,
-    time: {
-      type: [Number, String],
-      default: 0,
-    },
-    format: {
-      type: String,
-      default: 'HH:mm:ss',
-    },
-    autoStart: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  emits: ['change', 'finish'],
-
-  data() {
-    return {
-      remain: 0,
-    };
-  },
-
-  computed: {
-    timeData() {
-      return parseTimeData(this.remain);
-    },
-
-    formattedTime() {
-      return parseFormat(this.format, this.timeData);
-    },
-  },
-
-  watch: {
-    time: {
-      immediate: true,
-      handler() {
-        this.reset();
-      },
-    },
-  },
-
-  activated() {
-    if (this.keepAlivePaused) {
-      this.counting = true;
-      this.keepAlivePaused = false;
-      this.tick();
-    }
-  },
-
-  deactivated() {
-    if (this.counting) {
-      this.pause();
-      this.keepAlivePaused = true;
-    }
-  },
-
-  beforeDestroy() {
-    this.pause();
-  },
-
-  methods: {
-    // @exposed-api
-    start() {
-      if (this.counting) {
-        return;
-      }
-
-      this.counting = true;
-      this.endTime = Date.now() + this.remain;
-      this.tick();
-    },
-
-    // @exposed-api
-    pause() {
-      this.counting = false;
-      cancelRaf(this.rafId);
-    },
-
-    // @exposed-api
-    reset() {
-      this.pause();
-      this.remain = +this.time;
-
-      if (this.autoStart) {
-        this.start();
-      }
-    },
-
-    tick() {
-      if (this.millisecond) {
-        this.microTick();
-      } else {
-        this.macroTick();
-      }
-    },
-
-    microTick() {
-      this.rafId = raf(() => {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!this.counting) {
-          return;
-        }
-
-        this.setRemain(this.getRemain());
-
-        if (this.remain > 0) {
-          this.microTick();
-        }
-      });
-    },
-
-    macroTick() {
-      this.rafId = raf(() => {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!this.counting) {
-          return;
-        }
-
-        const remain = this.getRemain();
-
-        if (!isSameSecond(remain, this.remain) || remain === 0) {
-          this.setRemain(remain);
-        }
-
-        if (this.remain > 0) {
-          this.macroTick();
-        }
-      });
-    },
-
-    getRemain() {
-      return Math.max(this.endTime - Date.now(), 0);
-    },
-
-    setRemain(remain) {
-      this.remain = remain;
-      this.$emit('change', this.timeData);
-
-      if (remain === 0) {
-        this.pause();
-        this.$emit('finish');
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem()}>
-        {this.$slots.default
-          ? this.$slots.default(this.timeData)
-          : this.formattedTime}
-      </div>
-    );
-  },
-});
diff --git a/src-next/count-down/index.less b/src-next/count-down/index.less
deleted file mode 100644
index 5a6206a0b..000000000
--- a/src-next/count-down/index.less
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '../style/var';
-
-.van-count-down {
-  color: @count-down-text-color;
-  font-size: @count-down-font-size;
-  line-height: @count-down-line-height;
-}
diff --git a/src-next/count-down/test/__snapshots__/index.spec.js.snap b/src-next/count-down/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 24d2499e0..000000000
--- a/src-next/count-down/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`complete format prop 1`] = `<div class="van-count-down">01-05-59-59-999</div>`;
-
-exports[`disable auto-start prop 1`] = `<div class="van-count-down">100</div>`;
-
-exports[`incomplate format prop 1`] = `<div class="van-count-down">29-59-59-999</div>`;
-
-exports[`milliseconds format S 1`] = `<div class="van-count-down">01-5</div>`;
-
-exports[`milliseconds format SS 1`] = `<div class="van-count-down">01-50</div>`;
diff --git a/src-next/count-down/test/index.spec.js b/src-next/count-down/test/index.spec.js
deleted file mode 100644
index 1f0376509..000000000
--- a/src-next/count-down/test/index.spec.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import CountDown from '..';
-import { mount, later } from '../../../test';
-
-test('macro task finish event', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1,
-    },
-  });
-
-  expect(wrapper.emitted('finish')).toBeFalsy();
-  await later(50);
-  expect(wrapper.emitted('finish')).toBeTruthy();
-});
-
-test('micro task finish event', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1,
-      millisecond: true,
-    },
-  });
-
-  expect(wrapper.emitted('finish')).toBeFalsy();
-  await later(50);
-  expect(wrapper.emitted('finish')).toBeTruthy();
-});
-
-test('macro task re-render', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1000,
-      format: 'SSS',
-    },
-  });
-
-  const prevSnapShot = wrapper.html();
-  await later(50);
-  const laterSnapShot = wrapper.html();
-
-  expect(prevSnapShot !== laterSnapShot).toBeTruthy();
-});
-
-test('micro task re-render', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 100,
-      format: 'SSS',
-      millisecond: true,
-    },
-  });
-
-  const prevSnapShot = wrapper.html();
-  await later(50);
-  const laterSnapShot = wrapper.html();
-
-  expect(prevSnapShot !== laterSnapShot).toBeTruthy();
-});
-
-test('disable auto-start prop', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 100,
-      format: 'SSS',
-      autoStart: false,
-    },
-  });
-
-  await later(50);
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('start method', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 100,
-      format: 'SSS',
-      autoStart: false,
-      millisecond: true,
-    },
-  });
-
-  const prevSnapShot = wrapper.html();
-
-  wrapper.vm.start();
-  wrapper.vm.start();
-
-  await later(50);
-
-  const laterShapShot = wrapper.html();
-
-  expect(prevSnapShot !== laterShapShot).toBeTruthy();
-});
-
-test('pause method', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 100,
-      format: 'SSS',
-      millisecond: true,
-    },
-  });
-
-  const prevSnapShot = wrapper.html();
-  wrapper.vm.pause();
-  await later(50);
-  const laterShapShot = wrapper.html();
-
-  expect(prevSnapShot === laterShapShot).toBeTruthy();
-});
-
-test('reset method', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 100,
-      format: 'SSS',
-      millisecond: true,
-    },
-  });
-
-  const prevSnapShot = wrapper.html();
-  await later(50);
-  wrapper.vm.reset();
-  const laterShapShot = wrapper.html();
-
-  expect(prevSnapShot === laterShapShot).toBeTruthy();
-});
-
-test('complete format prop', () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 30 * 60 * 60 * 1000 - 1,
-      autoStart: false,
-      format: 'DD-HH-mm-ss-SSS',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('milliseconds format SS', () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1500,
-      autoStart: false,
-      format: 'ss-SS',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('milliseconds format S', () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1500,
-      autoStart: false,
-      format: 'ss-S',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('incomplate format prop', () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 30 * 60 * 60 * 1000 - 1,
-      autoStart: false,
-      format: 'HH-mm-ss-SSS',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('pause when destroyed', () => {
-  const wrapper = mount(CountDown);
-  expect(wrapper.vm.counting).toBeTruthy();
-  wrapper.destroy();
-  expect(wrapper.vm.counting).toBeFalsy();
-});
-
-test('pause when deactivated', async () => {
-  const wrapper = mount({
-    template: `
-      <keep-alive>
-        <van-count-down v-if="render" ref="countDown" time="100" />
-      </keep-alive>
-    `,
-    data() {
-      return {
-        render: true,
-      };
-    },
-    methods: {
-      getCountDown() {
-        return this.$refs.countDown;
-      },
-    },
-  });
-
-  const countDown = wrapper.vm.getCountDown();
-  expect(countDown.counting).toBeTruthy();
-
-  wrapper.setData({ render: false });
-  expect(countDown.counting).toBeFalsy();
-  wrapper.setData({ render: true });
-  expect(countDown.counting).toBeTruthy();
-
-  countDown.pause();
-  wrapper.setData({ render: false });
-  wrapper.setData({ render: true });
-  expect(countDown.counting).toBeFalsy();
-});
-
-test('change event', async () => {
-  const wrapper = mount(CountDown, {
-    propsData: {
-      time: 1,
-    },
-  });
-
-  expect(wrapper.emitted('change')).toBeFalsy();
-  await later(50);
-  expect(wrapper.emitted('change')[0][0]).toEqual({
-    days: 0,
-    hours: 0,
-    milliseconds: 0,
-    minutes: 0,
-    seconds: 0,
-  });
-});
diff --git a/src-next/count-down/utils.ts b/src-next/count-down/utils.ts
deleted file mode 100644
index 63c17264e..000000000
--- a/src-next/count-down/utils.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { padZero } from '../utils/format/string';
-
-export type TimeData = {
-  days: number;
-  hours: number;
-  minutes: number;
-  seconds: number;
-  milliseconds: number;
-};
-
-const SECOND = 1000;
-const MINUTE = 60 * SECOND;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-
-export function parseTimeData(time: number): TimeData {
-  const days = Math.floor(time / DAY);
-  const hours = Math.floor((time % DAY) / HOUR);
-  const minutes = Math.floor((time % HOUR) / MINUTE);
-  const seconds = Math.floor((time % MINUTE) / SECOND);
-  const milliseconds = Math.floor(time % SECOND);
-
-  return {
-    days,
-    hours,
-    minutes,
-    seconds,
-    milliseconds,
-  };
-}
-
-export function parseFormat(format: string, timeData: TimeData): string {
-  const { days } = timeData;
-  let { hours, minutes, seconds, milliseconds } = timeData;
-
-  if (format.indexOf('DD') === -1) {
-    hours += days * 24;
-  } else {
-    format = format.replace('DD', padZero(days));
-  }
-
-  if (format.indexOf('HH') === -1) {
-    minutes += hours * 60;
-  } else {
-    format = format.replace('HH', padZero(hours));
-  }
-
-  if (format.indexOf('mm') === -1) {
-    seconds += minutes * 60;
-  } else {
-    format = format.replace('mm', padZero(minutes));
-  }
-
-  if (format.indexOf('ss') === -1) {
-    milliseconds += seconds * 1000;
-  } else {
-    format = format.replace('ss', padZero(seconds));
-  }
-
-  if (format.indexOf('S') !== -1) {
-    const ms = padZero(milliseconds, 3);
-
-    if (format.indexOf('SSS') !== -1) {
-      format = format.replace('SSS', ms);
-    } else if (format.indexOf('SS') !== -1) {
-      format = format.replace('SS', ms.slice(0, 2));
-    } else {
-      format = format.replace('S', ms.charAt(0));
-    }
-  }
-
-  return format;
-}
-
-export function isSameSecond(time1: number, time2: number): boolean {
-  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
-}
diff --git a/src-next/divider/README.md b/src-next/divider/README.md
deleted file mode 100644
index 78274ffcb..000000000
--- a/src-next/divider/README.md
+++ /dev/null
@@ -1,63 +0,0 @@
-# Divider
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Divider } from 'vant';
-
-Vue.use(Divider);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-divider />
-```
-
-### With Text
-
-```html
-<van-divider>Text</van-divider>
-```
-
-### Content Position
-
-```html
-<van-divider content-position="left">Text</van-divider>
-<van-divider content-position="right">Text</van-divider>
-```
-
-### Dashed
-
-```html
-<van-divider dashed>Text</van-divider>
-```
-
-### Custom Style
-
-```html
-<van-divider
-  :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
->
-  Text
-</van-divider>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| dashed | Whether to use dashed border | _boolean_ | `false` |
-| hairline | Whether to use hairline | _boolean_ | `true` |
-| content-position | Content position，can be set to `left` `right` | _string_ | `center` |
-
-### Slots
-
-| Name    | Description |
-| ------- | ----------- |
-| default | content     |
diff --git a/src-next/divider/README.zh-CN.md b/src-next/divider/README.zh-CN.md
deleted file mode 100644
index 0a6b265b1..000000000
--- a/src-next/divider/README.zh-CN.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# Divider 分割线
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Divider } from 'vant';
-
-Vue.use(Divider);
-```
-
-## 代码演示
-
-### 基础用法
-
-默认渲染一条水平分割线
-
-```html
-<van-divider />
-```
-
-### 展示文字
-
-通过插槽在可以分割线中间插入内容
-
-```html
-<van-divider>文字</van-divider>
-```
-
-### 内容位置
-
-通过`content-position`指定内容所在位置
-
-```html
-<van-divider content-position="left">文字</van-divider>
-<van-divider content-position="right">文字</van-divider>
-```
-
-### 虚线
-
-添加`dashed`属性使分割线渲染为虚线
-
-```html
-<van-divider dashed>文字</van-divider>
-```
-
-### 自定义样式
-
-可以直接通过`style`属性设置分割线的样式
-
-```html
-<van-divider
-  :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
->
-  文字
-</van-divider>
-```
-
-## API
-
-### Props
-
-| 参数             | 说明                             | 类型      | 默认值   |
-| ---------------- | -------------------------------- | --------- | -------- |
-| dashed           | 是否使用虚线                     | _boolean_ | `false`  |
-| hairline         | 是否使用 0.5px 线                | _boolean_ | `true`   |
-| content-position | 内容位置，可选值为`left` `right` | _string_  | `center` |
-
-### Slots
-
-| 名称    | 说明 |
-| ------- | ---- |
-| default | 内容 |
diff --git a/src-next/divider/demo/index.vue b/src-next/divider/demo/index.vue
deleted file mode 100644
index c1ab46bc8..000000000
--- a/src-next/divider/demo/index.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-divider />
-    </demo-block>
-
-    <demo-block :title="t('withText')">
-      <van-divider>
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
-
-    <demo-block :title="t('contentPosition')">
-      <van-divider content-position="left">
-        {{ t('text') }}
-      </van-divider>
-
-      <van-divider content-position="right">
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
-
-    <demo-block :title="t('dashed')">
-      <van-divider dashed :hairline="false">
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-divider
-        :style="{ borderColor: BLUE, color: BLUE, padding: '0 16px' }"
-      >
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-import { BLUE } from '../../utils/constant';
-
-export default {
-  i18n: {
-    'zh-CN': {
-      text: '文本',
-      dashed: '虚线',
-      withText: '展示文本',
-      contentPosition: '内容位置',
-      customStyle: '自定义样式',
-    },
-    'en-US': {
-      text: 'Text',
-      dashed: 'Dashed',
-      withText: 'With Text',
-      contentPosition: 'Content Position',
-      customStyle: 'Custom Style',
-    },
-  },
-
-  data() {
-    return {
-      BLUE,
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-divider {
-  background-color: @white;
-
-  .van-doc-demo-block__title {
-    padding-top: @padding-md;
-  }
-}
-</style>
diff --git a/src-next/divider/index.less b/src-next/divider/index.less
deleted file mode 100644
index 962964c45..000000000
--- a/src-next/divider/index.less
+++ /dev/null
@@ -1,64 +0,0 @@
-@import '../style/var';
-
-.van-divider {
-  display: flex;
-  align-items: center;
-  margin: @divider-margin;
-  color: @divider-text-color;
-  font-size: @divider-font-size;
-  line-height: @divider-line-height;
-  border-color: @divider-border-color;
-  border-style: solid;
-  border-width: 0;
-
-  &::before,
-  &::after {
-    display: block;
-    flex: 1;
-    box-sizing: border-box;
-    height: 1px;
-    border-color: inherit;
-    border-style: inherit;
-    border-width: @border-width-base 0 0;
-  }
-
-  &::before {
-    content: '';
-  }
-
-  &--hairline {
-    &::before,
-    &::after {
-      transform: scaleY(0.5);
-    }
-  }
-
-  &--dashed {
-    border-style: dashed;
-  }
-
-  &--content-center,
-  &--content-left,
-  &--content-right {
-    &::before {
-      margin-right: @divider-content-padding;
-    }
-
-    &::after {
-      margin-left: @divider-content-padding;
-      content: '';
-    }
-  }
-
-  &--content-left {
-    &::before {
-      max-width: @divider-content-left-width;
-    }
-  }
-
-  &--content-right {
-    &::after {
-      max-width: @divider-content-right-width;
-    }
-  }
-}
diff --git a/src-next/divider/test/__snapshots__/demo.spec.js.snap b/src-next/divider/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 1ea4ff2d6..000000000
--- a/src-next/divider/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div role="separator" class="van-divider van-divider--hairline"></div>
-  </div>
-  <div>
-    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center">
-      文本
-    </div>
-  </div>
-  <div>
-    <div role="separator" class="van-divider van-divider--hairline van-divider--content-left">
-      文本
-    </div>
-    <div role="separator" class="van-divider van-divider--hairline van-divider--content-right">
-      文本
-    </div>
-  </div>
-  <div>
-    <div role="separator" class="van-divider van-divider--dashed van-divider--content-center">
-      文本
-    </div>
-  </div>
-  <div>
-    <div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">
-      文本
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/divider/test/demo.spec.js b/src-next/divider/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/divider/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/empty/README.md b/src-next/empty/README.md
deleted file mode 100644
index 8b13ced49..000000000
--- a/src-next/empty/README.md
+++ /dev/null
@@ -1,81 +0,0 @@
-# Empty
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Empty } from 'vant';
-
-Vue.use(Empty);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-empty description="Description" />
-```
-
-### Image Type
-
-Use the image prop to display different placeholder images
-
-```html
-<!-- Error -->
-<van-empty image="error" description="Description" />
-<!-- Network -->
-<van-empty image="network" description="Description" />
-<!-- Search -->
-<van-empty image="search" description="Description" />
-```
-
-### Custom Image
-
-```html
-<van-empty
-  class="custom-image"
-  image="https://img.yzcdn.cn/vant/leaf.jpg"
-  description="Description"
-/>
-
-<style>
-  .custom-image img {
-    border-radius: 100%;
-  }
-</style>
-```
-
-### Bottom Content
-
-```html
-<van-empty description="Description">
-  <van-button round type="danger" class="bottom-button">
-    Button
-  </van-button>
-</van-empty>
-
-<style>
-  .bottom-button {
-    width: 160px;
-    height: 40px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| image | Image type，can be set to `error` `network` `search` or image URL | _string_ | `default` |
-| description | Desciption | _string_ | - |
-
-### Slots
-
-| Name        | Description           |
-| ----------- | --------------------- |
-| default     | Custom bottom content |
-| image       | Custom image          |
-| description | Custom description    |
diff --git a/src-next/empty/README.zh-CN.md b/src-next/empty/README.zh-CN.md
deleted file mode 100644
index 1b8af0093..000000000
--- a/src-next/empty/README.zh-CN.md
+++ /dev/null
@@ -1,90 +0,0 @@
-# Empty 空状态
-
-### 介绍
-
-空状态时的占位提示，2.6 版本开始支持此组件
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Empty } from 'vant';
-
-Vue.use(Empty);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-empty description="描述文字" />
-```
-
-### 图片类型
-
-Empty 组件内置了多种占位图片类型，可以在不同业务场景下使用
-
-```html
-<!-- 通用错误 -->
-<van-empty image="error" description="描述文字" />
-<!-- 网络错误 -->
-<van-empty image="network" description="描述文字" />
-<!-- 搜索提示 -->
-<van-empty image="search" description="描述文字" />
-```
-
-### 自定义图片
-
-需要自定义图片时，可以在 image 属性中传入任意图片 URL
-
-```html
-<van-empty
-  class="custom-image"
-  image="https://img.yzcdn.cn/vant/custom-empty-image.png"
-  description="描述文字"
-/>
-
-<style>
-  .custom-image .van-empty__image {
-    width: 90px;
-    height: 90px;
-  }
-</style>
-```
-
-### 底部内容
-
-通过默认插槽可以在 Empty 组件的下方插入内容
-
-```html
-<van-empty description="描述文字">
-  <van-button round type="danger" class="bottom-button">
-    按钮
-  </van-button>
-</van-empty>
-
-<style>
-  .bottom-button {
-    width: 160px;
-    height: 40px;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| image | 图片类型，可选值为 `error` `network` `search`，支持传入图片 URL | _string_ | `default` |
-| description | 图片下方的描述文字 | _string_ | - |
-
-### Slots
-
-| 名称        | 说明           |
-| ----------- | -------------- |
-| default     | 自定义底部内容 |
-| image       | 自定义图标     |
-| description | 自定义描述文字 |
diff --git a/src-next/empty/demo/index.vue b/src-next/empty/demo/index.vue
deleted file mode 100644
index 3c8d4d49a..000000000
--- a/src-next/empty/demo/index.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-empty :description="t('description')" />
-    </demo-block>
-
-    <demo-block :title="t('imageType')">
-      <van-tabs v-model="active">
-        <van-tab name="error" :title="t('error')">
-          <van-empty image="error" :description="t('description')" />
-        </van-tab>
-        <van-tab name="network" :title="t('network')">
-          <van-empty image="network" :description="t('description')" />
-        </van-tab>
-        <van-tab name="search" :title="t('search')">
-          <van-empty image="search" :description="t('description')" />
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-
-    <demo-block :title="t('customImage')">
-      <van-empty
-        class="custom-image"
-        image="https://img.yzcdn.cn/vant/custom-empty-image.png"
-        :description="t('description')"
-      />
-    </demo-block>
-
-    <demo-block :title="t('bottomContent')">
-      <van-empty :description="t('description')">
-        <van-button round type="danger" class="bottom-button">
-          {{ t('button') }}
-        </van-button>
-      </van-empty>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      error: '通用错误',
-      search: '搜索提示',
-      network: '网络错误',
-      imageType: '图片类型',
-      description: '描述文字',
-      customImage: '自定义图片',
-      bottomContent: '底部内容',
-    },
-    'en-US': {
-      error: 'Error',
-      search: 'Search',
-      network: 'Network',
-      imageType: 'Image Type',
-      description: 'Description',
-      customImage: 'Custom Image',
-      bottomContent: 'Bottom Content',
-    },
-  },
-
-  data() {
-    return {
-      active: 'error',
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-empty {
-  background: @white;
-
-  .custom-image {
-    .van-empty__image {
-      width: 90px;
-      height: 90px;
-    }
-  }
-
-  .bottom-button {
-    width: 160px;
-    height: 40px;
-  }
-}
-</style>
diff --git a/src-next/empty/index.js b/src-next/empty/index.js
deleted file mode 100644
index a59d4de40..000000000
--- a/src-next/empty/index.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { createNamespace } from '../utils';
-import Network from './Network';
-
-const [createComponent, bem] = createNamespace('empty');
-
-const PRESETS = ['error', 'search', 'default'];
-
-export default createComponent({
-  props: {
-    description: String,
-    image: {
-      type: String,
-      default: 'default',
-    },
-  },
-
-  methods: {
-    genImageContent() {
-      const slots = this.$slots.image?.();
-
-      if (slots) {
-        return slots;
-      }
-
-      if (this.image === 'network') {
-        return <Network />;
-      }
-
-      let { image } = this;
-
-      if (PRESETS.indexOf(image) !== -1) {
-        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
-      }
-
-      return <img src={image} />;
-    },
-
-    genImage() {
-      return <div class={bem('image')}>{this.genImageContent()}</div>;
-    },
-
-    genDescription() {
-      const description = this.$slots.description
-        ? this.slot.description()
-        : this.description;
-
-      if (description) {
-        return <p class={bem('description')}>{description}</p>;
-      }
-    },
-
-    genBottom() {
-      const slot = this.$slots.default?.();
-
-      if (slot) {
-        return <div class={bem('bottom')}>{slot}</div>;
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem()}>
-        {this.genImage()}
-        {this.genDescription()}
-        {this.genBottom()}
-      </div>
-    );
-  },
-});
diff --git a/src-next/empty/index.less b/src-next/empty/index.less
deleted file mode 100644
index 2a28d2b86..000000000
--- a/src-next/empty/index.less
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '../style/var';
-
-.van-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: @empty-padding;
-
-  &__image {
-    width: @empty-image-size;
-    height: @empty-image-size;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  &__description {
-    margin-top: @empty-description-margin-top;
-    padding: @empty-description-padding;
-    color: @empty-description-color;
-    font-size: @empty-description-font-size;
-    line-height: @empty-description-line-height;
-  }
-
-  &__bottom {
-    margin-top: @empty-bottom-margin-top;
-  }
-}
diff --git a/src-next/empty/test/__snapshots__/demo.spec.js.snap b/src-next/empty/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index a2ae408b9..000000000
--- a/src-next/empty/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-empty">
-      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
-      <p class="van-empty__description">描述文字</p>
-    </div>
-  </div>
-  <div>
-    <div class="van-tabs van-tabs--line">
-      <div class="van-tabs__wrap van-hairline--top-bottom">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">通用错误</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">网络错误</span></div>
-          <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">搜索提示</span></div>
-          <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
-        </div>
-      </div>
-      <div class="van-tabs__content">
-        <div role="tabpanel" class="van-tab__pane" style="">
-          <div class="van-empty">
-            <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-error.png"></div>
-            <p class="van-empty__description">描述文字</p>
-          </div>
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-        <div role="tabpanel" class="van-tab__pane" style="display: none;">
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="custom-image van-empty">
-      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/custom-empty-image.png"></div>
-      <p class="van-empty__description">描述文字</p>
-    </div>
-  </div>
-  <div>
-    <div class="van-empty">
-      <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
-      <p class="van-empty__description">描述文字</p>
-      <div class="van-empty__bottom"><button class="bottom-button van-button van-button--danger van-button--normal van-button--round">
-          <div class="van-button__content"><span class="van-button__text">
-        按钮
-      </span></div>
-        </button></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/empty/test/__snapshots__/index.spec.js.snap b/src-next/empty/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 4484b79f0..000000000
--- a/src-next/empty/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`bottom slot 1`] = `
-<div class="van-empty">
-  <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
-  <div class="van-empty__bottom">Custom bottom</div>
-</div>
-`;
-
-exports[`description slot 1`] = `
-<div class="van-empty">
-  <div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
-  <p class="van-empty__description">Custom description</p>
-</div>
-`;
-
-exports[`image slot 1`] = `
-<div class="van-empty">
-  <div class="van-empty__image">Custom Image</div>
-</div>
-`;
-
-exports[`render svg when image is network 1`] = `
-<div class="van-empty">
-  <div class="van-empty__image"><svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
-      <defs>
-        <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
-          <stop stop-color="#FFF" offset="0%" stop-opacity="0.5"></stop>
-          <stop stop-color="#F2F3F5" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
-          <stop stop-color="#F2F3F5" offset="0%" stop-opacity="0.3"></stop>
-          <stop stop-color="#F2F3F5" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
-          <stop stop-color="#EBEDF0" offset="0%"></stop>
-          <stop stop-color="#DCDEE0" offset="100%" stop-opacity="0"></stop>
-        </linearGradient>
-        <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
-          <stop stop-color="#EAEDF0" offset="0%"></stop>
-          <stop stop-color="#DCDEE0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
-          <stop stop-color="#EAEDF0" offset="0%"></stop>
-          <stop stop-color="#DCDEE0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
-          <stop stop-color="#EAEDF0" offset="0%"></stop>
-          <stop stop-color="#DCDEE0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient id="n" x1="94.535%" y1="43.837%" x2="5.465%" y2="54.948%">
-          <stop stop-color="#EAEDF0" offset="0%"></stop>
-          <stop stop-color="#DCDEE0" offset="100%"></stop>
-        </linearGradient>
-        <radialGradient id="g" cx="50%" cy="0%" fx="50%" fy="0%" r="100%" gradientTransform="matrix(0 1 -.54835 0 .5 -.5)">
-          <stop stop-color="#EBEDF0" offset="0%"></stop>
-          <stop stop-color="#FFF" offset="100%" stop-opacity="0"></stop>
-        </radialGradient>
-      </defs>
-      <g fill="none" fill-rule="evenodd">
-        <g opacity=".8">
-          <path d="M0 124V46h20v20h14v58H0z" fill="url(#c)" transform="matrix(-1 0 0 1 36 7)"></path>
-          <path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z" fill="url(#d)" transform="translate(2 7)"></path>
-          <path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z" fill="url(#d)" transform="translate(2 7)"></path>
-          <path d="M121 8h22.231v14H152v77.37h-31V8z" fill="url(#c)" transform="translate(2 7)"></path>
-        </g>
-        <path fill="url(#g)" d="M0 139h160v21H0z"></path>
-        <path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" fill="url(#h)" fill-rule="nonzero" transform="translate(43 36)"></path>
-        <g opacity=".6" stroke-linecap="round" stroke-width="7">
-          <path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#i)" transform="translate(43 36)"></path>
-          <path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145" stroke="url(#i)" transform="translate(43 36)"></path>
-          <path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#k)" transform="rotate(-180 76.483 42.257)"></path>
-          <path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145" stroke="url(#k)" transform="rotate(-180 89.791 42.146)"></path>
-        </g>
-        <g transform="translate(31 105)" fill-rule="nonzero">
-          <rect fill="url(#m)" width="98" height="34" rx="2"></rect>
-          <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114"></rect>
-          <rect fill="url(#n)" x="15" y="12" width="18" height="6" rx="1.114"></rect>
-        </g>
-      </g>
-    </svg></div>
-</div>
-`;
diff --git a/src-next/empty/test/demo.spec.js b/src-next/empty/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/empty/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/empty/test/index.spec.js b/src-next/empty/test/index.spec.js
deleted file mode 100644
index 54d3d4438..000000000
--- a/src-next/empty/test/index.spec.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import Empty from '..';
-import { mount } from '../../../test';
-
-test('image slot', () => {
-  const wrapper = mount(Empty, {
-    scopedSlots: {
-      image: () => 'Custom Image',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('description slot', () => {
-  const wrapper = mount(Empty, {
-    scopedSlots: {
-      description: () => 'Custom description',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('bottom slot', () => {
-  const wrapper = mount(Empty, {
-    scopedSlots: {
-      default: () => 'Custom bottom',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render svg when image is network', () => {
-  const wrapper = mount(Empty, {
-    propsData: {
-      image: 'network',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/grid-item/index.js b/src-next/grid-item/index.js
deleted file mode 100644
index c003d9dbb..000000000
--- a/src-next/grid-item/index.js
+++ /dev/null
@@ -1,151 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router';
-
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
-
-// Components
-import Info from '../info';
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('grid-item');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanGrid')],
-
-  props: {
-    ...routeProps,
-    dot: Boolean,
-    text: String,
-    icon: String,
-    iconPrefix: String,
-    badge: [Number, String],
-  },
-
-  emits: ['click'],
-
-  computed: {
-    style() {
-      const { square, gutter, columnNum } = this.parent;
-      const percent = `${100 / columnNum}%`;
-
-      const style = {
-        flexBasis: percent,
-      };
-
-      if (square) {
-        style.paddingTop = percent;
-      } else if (gutter) {
-        const gutterValue = addUnit(gutter);
-        style.paddingRight = gutterValue;
-
-        if (this.index >= columnNum) {
-          style.marginTop = gutterValue;
-        }
-      }
-
-      return style;
-    },
-
-    contentStyle() {
-      const { square, gutter } = this.parent;
-
-      if (square && gutter) {
-        const gutterValue = addUnit(gutter);
-
-        return {
-          right: gutterValue,
-          bottom: gutterValue,
-          height: 'auto',
-        };
-      }
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-
-    genIcon() {
-      if (this.$slots.icon) {
-        return (
-          <div class={bem('icon-wrapper')}>
-            {this.$slots.icon()}
-            <Info dot={this.dot} info={this.badge} />
-          </div>
-        );
-      }
-
-      if (this.icon) {
-        return (
-          <Icon
-            name={this.icon}
-            dot={this.dot}
-            info={this.badge}
-            size={this.parent.iconSize}
-            class={bem('icon')}
-            classPrefix={this.iconPrefix}
-          />
-        );
-      }
-    },
-
-    getText() {
-      if (this.$slots.text) {
-        return this.$slots.text();
-      }
-
-      if (this.text) {
-        return <span class={bem('text')}>{this.text}</span>;
-      }
-    },
-
-    genContent() {
-      if (this.$slots.default) {
-        return this.$slots.default();
-      }
-
-      return [this.genIcon(), this.getText()];
-    },
-  },
-
-  render() {
-    const {
-      center,
-      border,
-      square,
-      gutter,
-      direction,
-      clickable,
-    } = this.parent;
-
-    return (
-      <div class={[bem({ square })]} style={this.style}>
-        <div
-          style={this.contentStyle}
-          role={clickable ? 'button' : null}
-          tabindex={clickable ? 0 : null}
-          class={[
-            bem('content', [
-              direction,
-              {
-                center,
-                square,
-                clickable,
-                surround: border && gutter,
-              },
-            ]),
-            { [BORDER]: border },
-          ]}
-          onClick={this.onClick}
-        >
-          {this.genContent()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src-next/grid-item/index.less b/src-next/grid-item/index.less
deleted file mode 100644
index 322982c53..000000000
--- a/src-next/grid-item/index.less
+++ /dev/null
@@ -1,78 +0,0 @@
-@import '../style/var';
-
-.van-grid-item {
-  position: relative;
-  box-sizing: border-box;
-
-  &--square {
-    height: 0;
-  }
-
-  &__icon {
-    font-size: @grid-item-icon-size;
-  }
-
-  &__icon-wrapper {
-    position: relative;
-  }
-
-  &__text {
-    color: @grid-item-text-color;
-    font-size: @grid-item-text-font-size;
-    line-height: 1.5;
-    word-wrap: break-word;
-  }
-
-  &__icon + &__text {
-    margin-top: @padding-xs;
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    height: 100%;
-    padding: @grid-item-content-padding;
-    background-color: @grid-item-content-background-color;
-
-    &::after {
-      z-index: 1;
-      border-width: 0 @border-width-base @border-width-base 0;
-    }
-
-    &--square {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-    }
-
-    &--center {
-      align-items: center;
-      justify-content: center;
-    }
-
-    &--horizontal {
-      flex-direction: row;
-
-      .van-grid-item__icon + .van-grid-item__text {
-        margin-top: 0;
-        margin-left: @padding-xs;
-      }
-    }
-
-    &--surround {
-      &::after {
-        border-width: @border-width-base;
-      }
-    }
-
-    &--clickable {
-      cursor: pointer;
-
-      &:active {
-        background-color: @grid-item-content-active-color;
-      }
-    }
-  }
-}
diff --git a/src-next/grid/README.md b/src-next/grid/README.md
deleted file mode 100644
index 0ab19d44b..000000000
--- a/src-next/grid/README.md
+++ /dev/null
@@ -1,134 +0,0 @@
-# Grid
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Grid, GridItem } from 'vant';
-
-Vue.use(Grid);
-Vue.use(GridItem);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-grid>
-  <van-grid-item icon="photo-o" text="Text" />
-  <van-grid-item icon="photo-o" text="Text" />
-  <van-grid-item icon="photo-o" text="Text" />
-  <van-grid-item icon="photo-o" text="Text" />
-</van-grid>
-```
-
-### Column Num
-
-```html
-<van-grid :column-num="3">
-  <van-grid-item v-for="value in 6" :key="value" icon="photo-o" text="Text" />
-</van-grid>
-```
-
-### Custom Content
-
-```html
-<van-grid :border="false" :column-num="3">
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
-  </van-grid-item>
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
-  </van-grid-item>
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
-  </van-grid-item>
-</van-grid>
-```
-
-### Square
-
-```html
-<van-grid square>
-  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="Text" />
-</van-grid>
-```
-
-### Gutter
-
-```html
-<van-grid :gutter="10">
-  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="Text" />
-</van-grid>
-```
-
-### Horizontal
-
-```html
-<van-grid direction="horizontal" :column-num="2">
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### Route
-
-```html
-<van-grid clickable :column-num="2">
-  <van-grid-item icon="home-o" text="Vue Router" to="/" />
-  <van-grid-item icon="search" text="URL" url="/vant/mobile.html" />
-</van-grid>
-```
-
-### Show Badge
-
-```html
-<van-grid :column-num="2">
-  <van-grid-item icon="home-o" text="Text" dot />
-  <van-grid-item icon="search" text="Text" badge="99+" />
-</van-grid>
-```
-
-## API
-
-### Grid Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| column-num `v2.0.4` | Column Num | _number \| string_ | `4` |
-| icon-size `v2.2.6` | Icon size | _number \| string_ | `28px` |
-| gutter | Gutter | _number \| string_ | `0` |
-| border | Whether to show border | _boolean_ | `true` |
-| center | Whether to center content | _boolean_ | `true` |
-| square | Whether to be square shape | _boolean_ | `false` |
-| clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
-| direction `v2.8.2` | Content arrangement direction, can be set to `horizontal` | _string_ | `vertical` |
-
-### GridItem Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| text | Text | _string_ | - |
-| icon | Icon name or URL | _string_ | - |
-| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
-| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
-| badge `v2.5.6` | Content of the badge | _number \| string_ | - |
-| url | Link URL | _string_ | - |
-| to | Target route of the link, same as to of vue-router | _string \| object_ | - |
-| replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
-
-### GridItem Events
-
-| Event | Description            | Arguments      |
-| ----- | ---------------------- | -------------- |
-| click | Triggered when clicked | _event: Event_ |
-
-### GridItem Slots
-
-| Name    | Description    |
-| ------- | -------------- |
-| default | Custom content |
-| icon    | Custom icon    |
-| text    | Custom text    |
diff --git a/src-next/grid/README.zh-CN.md b/src-next/grid/README.zh-CN.md
deleted file mode 100644
index 1dd484706..000000000
--- a/src-next/grid/README.zh-CN.md
+++ /dev/null
@@ -1,155 +0,0 @@
-# Grid 宫格
-
-### 介绍
-
-宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Grid, GridItem } from 'vant';
-
-Vue.use(Grid);
-Vue.use(GridItem);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过`icon`属性设置格子内的图标，`text`属性设置文字内容
-
-```html
-<van-grid>
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### 自定义列数
-
-默认一行展示四个格子，可以通过`column-num`自定义列数
-
-```html
-<van-grid :column-num="3">
-  <van-grid-item v-for="value in 6" :key="value" icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### 自定义内容
-
-通过插槽可以自定义格子展示的内容
-
-```html
-<van-grid :border="false" :column-num="3">
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
-  </van-grid-item>
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
-  </van-grid-item>
-  <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
-  </van-grid-item>
-</van-grid>
-```
-
-### 正方形格子
-
-设置`square`属性后，格子的高度会和宽度保持一致
-
-```html
-<van-grid square>
-  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### 格子间距
-
-通过`gutter`属性设置格子之间的距离
-
-```html
-<van-grid :gutter="10">
-  <van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### 内容横排
-
-将`direction`属性设置为`horizontal`，可以让宫格的内容呈横向排列
-
-```html
-<van-grid direction="horizontal" :column-num="2">
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-  <van-grid-item icon="photo-o" text="文字" />
-</van-grid>
-```
-
-### 页面导航
-
-通过`to`属性设置`vue-router`跳转链接，通过`url`属性设置 URL 跳转链接
-
-```html
-<van-grid clickable :column-num="2">
-  <van-grid-item icon="home-o" text="路由跳转" to="/" />
-  <van-grid-item icon="search" text="URL 跳转" url="/vant/mobile.html" />
-</van-grid>
-```
-
-### 徽标提示
-
-设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
-
-```html
-<van-grid :column-num="2">
-  <van-grid-item icon="home-o" text="文字" dot />
-  <van-grid-item icon="search" text="文字" badge="99+" />
-</van-grid>
-```
-
-## API
-
-### Grid Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| column-num `v2.0.4` | 列数 | _number \| string_ | `4` |
-| icon-size `v2.2.6` | 图标大小，默认单位为`px` | _number \| string_ | `28px` |
-| gutter | 格子之间的间距，默认单位为`px` | _number \| string_ | `0` |
-| border | 是否显示边框 | _boolean_ | `true` |
-| center | 是否将格子内容居中显示 | _boolean_ | `true` |
-| square | 是否将格子固定为正方形 | _boolean_ | `false` |
-| clickable | 是否开启格子点击反馈 | _boolean_ | `false` |
-| direction `v2.8.2` | 格子内容排列的方向，可选值为 `horizontal` | _string_ | `vertical` |
-
-### GridItem Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| text | 文字 | _string_ | - |
-| icon | [图标名称](#/zh-CN/icon)或图片链接 | _string_ | - |
-| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
-| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
-| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info `2.2.1` | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
-| url | 点击后跳转的链接地址 | _string_ | - |
-| to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
-| replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
-
-### GridItem Events
-
-| 事件名 | 说明           | 回调参数       |
-| ------ | -------------- | -------------- |
-| click  | 点击格子时触发 | _event: Event_ |
-
-### GridItem Slots
-
-| 名称    | 说明                 |
-| ------- | -------------------- |
-| default | 自定义宫格的所有内容 |
-| icon    | 自定义图标           |
-| text    | 自定义文字           |
diff --git a/src-next/grid/demo/index.vue b/src-next/grid/demo/index.vue
deleted file mode 100644
index 544f524f1..000000000
--- a/src-next/grid/demo/index.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-grid>
-        <van-grid-item
-          v-for="i in 4"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('columnNum')">
-      <van-grid :column-num="3">
-        <van-grid-item
-          v-for="i in 6"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('customContent')">
-      <van-grid :border="false" :column-num="3">
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-1.jpg"
-          />
-        </van-grid-item>
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-2.jpg"
-          />
-        </van-grid-item>
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-3.jpg"
-          />
-        </van-grid-item>
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('square')">
-      <van-grid square>
-        <van-grid-item
-          v-for="i in 8"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('gutter')">
-      <van-grid :gutter="10">
-        <van-grid-item
-          v-for="i in 8"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('horizontal')">
-      <van-grid direction="horizontal" :column-num="3">
-        <van-grid-item icon="photo-o" :text="t('text')" />
-        <van-grid-item icon="photo-o" :text="t('text')" />
-        <van-grid-item icon="photo-o" :text="t('text')" />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('route')">
-      <van-grid clickable :column-num="2">
-        <van-grid-item icon="home-o" :text="t('vueRoute')" to="/" />
-        <van-grid-item
-          icon="search"
-          :text="t('urlRoute')"
-          url="/vant/mobile.html"
-        />
-      </van-grid>
-    </demo-block>
-
-    <demo-block :title="t('showBadge')">
-      <van-grid :column-num="2">
-        <van-grid-item icon="home-o" :text="t('text')" dot />
-        <van-grid-item icon="search" :text="t('text')" badge="99+" />
-      </van-grid>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      text: '文字',
-      route: '页面导航',
-      gutter: '格子间距',
-      square: '正方形格子',
-      columnNum: '自定义列数',
-      customContent: '自定义内容',
-      urlRoute: 'URL 跳转',
-      vueRoute: '路由跳转',
-      showBadge: '徽标提示',
-      horizontal: '内容横排',
-    },
-    'en-US': {
-      text: 'Text',
-      route: 'Route',
-      gutter: 'Gutter',
-      square: 'Square',
-      columnNum: 'Column Num',
-      customContent: 'Custom Content',
-      urlRoute: 'URL',
-      vueRoute: 'Vue Router',
-      showBadge: 'Show Badge',
-      horizontal: 'Horizontal',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-</style>
diff --git a/src-next/grid/index.js b/src-next/grid/index.js
deleted file mode 100644
index 5c0d7f62c..000000000
--- a/src-next/grid/index.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { createNamespace, addUnit } from '../utils';
-import { BORDER_TOP } from '../utils/constant';
-import { ParentMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('grid');
-
-export default createComponent({
-  mixins: [ParentMixin('vanGrid')],
-
-  props: {
-    square: Boolean,
-    gutter: [Number, String],
-    iconSize: [Number, String],
-    direction: String,
-    clickable: Boolean,
-    columnNum: {
-      type: [Number, String],
-      default: 4,
-    },
-    center: {
-      type: Boolean,
-      default: true,
-    },
-    border: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  computed: {
-    style() {
-      const { gutter } = this;
-
-      if (gutter) {
-        return {
-          paddingLeft: addUnit(gutter),
-        };
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div
-        style={this.style}
-        class={[bem(), { [BORDER_TOP]: this.border && !this.gutter }]}
-      >
-        {this.$slots.default?.()}
-      </div>
-    );
-  },
-});
diff --git a/src-next/grid/index.less b/src-next/grid/index.less
deleted file mode 100644
index 47a890003..000000000
--- a/src-next/grid/index.less
+++ /dev/null
@@ -1,6 +0,0 @@
-@import '../style/var';
-
-.van-grid {
-  display: flex;
-  flex-wrap: wrap;
-}
diff --git a/src-next/grid/test/__snapshots__/demo.spec.js.snap b/src-next/grid/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 4b9a61ac3..000000000
--- a/src-next/grid/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,196 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid">
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center">
-          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img" style="object-fit: contain;">
-            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-                <!----></i></div>
-          </div>
-        </div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center">
-          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-2.jpg" class="van-image__img" style="object-fit: contain;">
-            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-                <!----></i></div>
-          </div>
-        </div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--center">
-          <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-3.jpg" class="van-image__img" style="object-fit: contain;">
-            <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-                <!----></i></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid" style="padding-left: 10px;">
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
-        <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
-        <div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-icon van-icon-photo-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item" style="flex-basis: 50%;">
-        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">路由跳转</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 50%;">
-        <div role="button" tabindex="0" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
-            <!----></i><span class="van-grid-item__text">URL 跳转</span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-grid van-hairline--top">
-      <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
-            <div class="van-info van-info--dot"></div>
-          </i><span class="van-grid-item__text">文字</span></div>
-      </div>
-      <div class="van-grid-item" style="flex-basis: 50%;">
-        <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
-            <div class="van-info">99+</div>
-          </i><span class="van-grid-item__text">文字</span></div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/grid/test/__snapshots__/index.spec.js.snap b/src-next/grid/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index e7d763ddc..000000000
--- a/src-next/grid/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`icon-size prop 1`] = `
-<div class="van-grid van-hairline--top">
-  <div class="van-grid-item" style="flex-basis: 25%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-success van-grid-item__icon" style="font-size: 10px;">
-        <!----></i></div>
-  </div>
-</div>
-`;
-
-exports[`render icon-slot 1`] = `
-<div class="van-grid van-hairline--top">
-  <div class="van-grid-item" style="flex-basis: 25%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-hairline">
-      <div class="van-grid-item__icon-wrapper">
-        <div></div>
-        <div class="van-info">1</div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`sqaure and set gutter 1`] = `
-<div class="van-grid" style="padding-left: 10rem;">
-  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
-  </div>
-  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
-  </div>
-  <div class="van-grid-item van-grid-item--square" style="flex-basis: 50%; padding-top: 50%;">
-    <div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-grid-item__content--surround van-hairline" style="right: 10rem; bottom: 10rem; height: auto;"></div>
-  </div>
-</div>
-`;
diff --git a/src-next/grid/test/demo.spec.js b/src-next/grid/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/grid/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/grid/test/index.spec.js b/src-next/grid/test/index.spec.js
deleted file mode 100644
index 77377b69f..000000000
--- a/src-next/grid/test/index.spec.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { mount } from '../../../test';
-
-test('click grid item', () => {
-  const onClick = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-grid>
-        <van-grid-item @click="onClick" />
-      </van-grid>
-    `,
-    methods: {
-      onClick,
-    },
-  });
-
-  const Item = wrapper.find('.van-grid-item__content');
-  Item.trigger('click');
-
-  expect(onClick).toHaveBeenCalledTimes(1);
-});
-
-test('sqaure and set gutter', () => {
-  const wrapper = mount({
-    template: `
-      <van-grid square :column-num="2" gutter="10rem">
-        <van-grid-item />
-        <van-grid-item />
-        <van-grid-item />
-      </van-grid>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('icon-size prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-grid icon-size="10">
-        <van-grid-item icon="success" />
-      </van-grid>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render icon-slot', () => {
-  const wrapper = mount({
-    template: `
-      <van-grid icon-size="10">
-        <van-grid-item info="1">
-          <div slot="icon" />
-        </van-grid-item>
-      </van-grid>
-    `,
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/icon/README.md b/src-next/icon/README.md
deleted file mode 100644
index fac716683..000000000
--- a/src-next/icon/README.md
+++ /dev/null
@@ -1,99 +0,0 @@
-# Icon
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Icon } from 'vant';
-
-Vue.use(Icon);
-```
-
-## Usage
-
-### Basic Usage
-
-Use `name` prop to set icon name or icon URL
-
-```html
-<van-icon name="chat-o" />
-<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
-```
-
-### Show Badge
-
-Use `dot` prop, a small red dot will be displayed in the upper right corner of the icon.
-
-Use `badge` prop, the badge will be displayed in the upper right corner of the icon.
-
-```html
-<van-icon name="chat-o" dot />
-<van-icon name="chat-o" badge="9" />
-<van-icon name="chat-o" badge="99+" />
-```
-
-### Icon Color
-
-Use `color` prop to set icon color
-
-```html
-<van-icon name="chat-o" color="#1989fa" />
-<van-icon name="chat-o" color="#07c160" />
-```
-
-### Icon Size
-
-Use `size` prop to set icon size
-
-```html
-<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />
-```
-
-### Use local font file
-
-Icon uses font file in `yzcdn.cn` by default，if you want to use the local font file，please import the following css file.
-
-```js
-import 'vant/lib/icon/local.css';
-```
-
-### Add custom iconfont
-
-```css
-@font-face {
-  font-family: 'my-icon';
-  src: url('./my-icon.ttf') format('truetype');
-}
-
-.my-icon {
-  font-family: 'my-icon';
-}
-
-.my-icon-extra::before {
-  content: '\e626';
-}
-```
-
-```html
-<van-icon class-prefix="my-icon" name="extra" />
-```
-
-## API
-
-### Props
-
-| Attribute      | Description             | Type               | Default    |
-| -------------- | ----------------------- | ------------------ | ---------- |
-| name           | Icon name or URL        | _string_           | `''`       |
-| dot `v2.2.1`   | Whether to show red dot | _boolean_          | `false`    |
-| badge `v2.5.6` | Content of the badge    | _number \| string_ | `''`       |
-| color          | Icon color              | _string_           | `inherit`  |
-| size           | Icon size               | _number \| string_ | `inherit`  |
-| class-prefix   | ClassName prefix        | _string_           | `van-icon` |
-| tag            | HTML Tag                | _string_           | `i`        |
-
-### Events
-
-| Event | Description               | Arguments      |
-| ----- | ------------------------- | -------------- |
-| click | Triggered when click icon | _event: Event_ |
diff --git a/src-next/icon/README.zh-CN.md b/src-next/icon/README.zh-CN.md
deleted file mode 100644
index 794490b64..000000000
--- a/src-next/icon/README.zh-CN.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Icon 图标
-
-### 介绍
-
-基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过`icon`属性引用
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Icon } from 'vant';
-
-Vue.use(Icon);
-```
-
-## 代码演示
-
-### 基础用法
-
-`Icon`的`name`属性支持传入图标名称或图片链接，所有可用的图标名称见右侧示例
-
-```html
-<van-icon name="chat-o" />
-<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
-```
-
-### 徽标提示
-
-设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
-
-```html
-<van-icon name="chat-o" dot />
-<van-icon name="chat-o" badge="9" />
-<van-icon name="chat-o" badge="99+" />
-```
-
-### 图标颜色
-
-`Icon`的`color`属性用来设置图标的颜色
-
-```html
-<van-icon name="chat-o" color="#1989fa" />
-<van-icon name="chat-o" color="#07c160" />
-```
-
-### 图标大小
-
-`Icon`的`size`属性用来设置图标的尺寸大小，默认单位为`px`
-
-```html
-<van-icon name="chat-o" size="40" /> <van-icon name="chat-o" size="3rem" />
-```
-
-### 使用本地字体文件
-
-Icon 组件默认引用有赞 CDN 提供的字体文件，并通过网络下载。如果需要在项目中使用本地字体文件，请引入下面的 CSS 文件，并在项目中配置`url-loader`
-
-```js
-import 'vant/lib/icon/local.css';
-```
-
-### 自定义图标
-
-如果需要在现有 Icon 的基础上使用更多图标，可以引入第三方 iconfont 对应的字体文件和 CSS 文件，之后就可以在 Icon 组件中直接使用
-
-```css
-/* 引入第三方或自定义的字体图标样式 */
-@font-face {
-  font-family: 'my-icon';
-  src: url('./my-icon.ttf') format('truetype');
-}
-
-.my-icon {
-  font-family: 'my-icon';
-}
-
-.my-icon-extra::before {
-  content: '\e626';
-}
-```
-
-```html
-<!-- 通过 class-prefix 指定类名为 my-icon -->
-<van-icon class-prefix="my-icon" name="extra" />
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| name | 图标名称或图片链接 | _string_ | - |
-| dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
-| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
-| color | 图标颜色 | _string_ | `inherit` |
-| size | 图标大小，如 `20px` `2em`，默认单位为`px` | _number \| string_ | `inherit` |
-| class-prefix | 类名前缀，用于使用自定义图标 | _string_ | `van-icon` |
-| tag | HTML 标签 | _string_ | `i` |
-
-### Events
-
-| 事件名 | 说明           | 回调参数       |
-| ------ | -------------- | -------------- |
-| click  | 点击图标时触发 | _event: Event_ |
diff --git a/src-next/icon/demo/index.vue b/src-next/icon/demo/index.vue
deleted file mode 100644
index 9b37e53c1..000000000
--- a/src-next/icon/demo/index.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-  <demo-section>
-    <van-tabs v-model="tab" sticky :color="BLUE">
-      <van-tab :title="t('demo')">
-        <demo-block :title="t('basicUsage')">
-          <van-col span="6" @click="copy(demoIcon)">
-            <van-icon :name="demoIcon" />
-          </van-col>
-          <van-col span="6" @click="copy(demoImage)">
-            <van-icon :name="demoImage" />
-          </van-col>
-        </demo-block>
-
-        <demo-block :title="t('badge')">
-          <van-col span="6" @click="copy(demoIcon, { dot: true })">
-            <van-icon :name="demoIcon" dot />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
-            <van-icon :name="demoIcon" badge="9" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
-            <van-icon :name="demoIcon" badge="99+" />
-          </van-col>
-        </demo-block>
-
-        <demo-block :title="t('color')">
-          <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
-            <van-icon :name="demoIcon" :color="BLUE" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
-            <van-icon :name="demoIcon" :color="GREEN" />
-          </van-col>
-        </demo-block>
-
-        <demo-block :title="t('size')">
-          <van-col span="6" @click="copy(demoIcon, { size: '40' })">
-            <van-icon :name="demoIcon" size="40" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
-            <van-icon :name="demoIcon" size="3rem" />
-          </van-col>
-        </demo-block>
-      </van-tab>
-
-      <van-tab :title="t('basic')">
-        <van-col
-          v-for="icon in icons.basic"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
-      </van-tab>
-
-      <van-tab :title="t('outline')">
-        <van-col
-          v-for="icon in icons.outline"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
-      </van-tab>
-
-      <van-tab :title="t('filled')">
-        <van-col
-          v-for="icon in icons.filled"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
-</template>
-
-<script>
-import icons from '@vant/icons';
-import { BLUE, GREEN } from '../../utils/constant';
-
-// from https://30secondsofcode.org
-function copyToClipboard(str) {
-  const el = document.createElement('textarea');
-  el.value = str;
-  el.setAttribute('readonly', '');
-  el.style.position = 'absolute';
-  el.style.left = '-9999px';
-  document.body.appendChild(el);
-
-  const selected =
-    document.getSelection().rangeCount > 0
-      ? document.getSelection().getRangeAt(0)
-      : false;
-
-  el.select();
-  document.execCommand('copy');
-  document.body.removeChild(el);
-
-  if (selected) {
-    document.getSelection().removeAllRanges();
-    document.getSelection().addRange(selected);
-  }
-}
-
-export default {
-  i18n: {
-    'zh-CN': {
-      title: '图标列表',
-      badge: '徽标提示',
-      basic: '基础图标',
-      copied: '复制成功',
-      outline: '线框风格',
-      filled: '实底风格',
-      demo: '用法示例',
-      color: '图标颜色',
-      size: '图标大小',
-    },
-    'en-US': {
-      title: 'Icon List',
-      badge: 'Show Badge',
-      basic: 'Basic',
-      copied: 'Copied',
-      outline: 'Outline',
-      filled: 'Filled',
-      demo: 'Demo',
-      color: 'Icon Color',
-      size: 'Icon Size',
-    },
-  },
-
-  data() {
-    this.BLUE = BLUE;
-    this.GREEN = GREEN;
-    this.icons = icons;
-    return {
-      tab: 0,
-      demoIcon: 'chat-o',
-      demoImage: 'https://b.yzcdn.cn/vant/icon-demo-1126.png',
-    };
-  },
-
-  methods: {
-    copy(icon, option = {}) {
-      let tag = `<van-icon name="${icon}"`;
-      if ('dot' in option) {
-        tag = `${tag} ${option.dot ? 'dot' : ''}`;
-      }
-      if ('badge' in option) {
-        tag = `${tag} badge="${option.badge}"`;
-      }
-      if ('color' in option) {
-        tag = `${tag} color="${option.color}"`;
-      }
-      if ('size' in option) {
-        tag = `${tag} size="${option.size}"`;
-      }
-      tag = `${tag} />`;
-      copyToClipboard(tag);
-
-      this.$notify({
-        type: 'success',
-        duration: 1500,
-        className: 'demo-icon-notify',
-        message: `${this.t('copied')}：${tag}`,
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-icon {
-  font-size: 0;
-
-  &-list {
-    box-sizing: border-box;
-    min-height: calc(100vh - 65px);
-    padding-top: 10px;
-  }
-
-  &-notify {
-    font-size: 13px;
-  }
-
-  .van-col {
-    display: inline-block;
-    float: none;
-    text-align: center;
-    vertical-align: middle;
-    cursor: pointer;
-
-    span {
-      display: block;
-      height: 36px;
-      margin: -4px 0 4px;
-      padding: 0 5px;
-      color: @gray-7;
-      font-size: 12px;
-      line-height: 18px;
-    }
-
-    &:active {
-      background-color: @active-color;
-    }
-  }
-
-  .van-icon {
-    margin: 16px 0 16px;
-    color: @text-color;
-    font-size: 32px;
-  }
-
-  .van-tab__pane {
-    width: auto;
-    margin: 20px;
-    background-color: #fff;
-    border-radius: 12px;
-  }
-}
-</style>
diff --git a/src-next/icon/index.less b/src-next/icon/index.less
deleted file mode 100644
index f1b78f967..000000000
--- a/src-next/icon/index.less
+++ /dev/null
@@ -1,10 +0,0 @@
-@import '../style/var';
-@import '~@vant/icons/src/index.less';
-
-.van-icon {
-  &__image {
-    width: 1em;
-    height: 1em;
-    object-fit: contain;
-  }
-}
diff --git a/src-next/icon/local.less b/src-next/icon/local.less
deleted file mode 100644
index 8232ecf08..000000000
--- a/src-next/icon/local.less
+++ /dev/null
@@ -1 +0,0 @@
-@import '~@vant/icons/src/encode.less';
diff --git a/src-next/icon/test/__snapshots__/index.spec.js.snap b/src-next/icon/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 54ddf2e50..000000000
--- a/src-next/icon/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dot prop 1`] = `
-<i class="van-icon van-icon-undefined">
-  <div class="van-info van-info--dot"></div>
-</i>
-`;
-
-exports[`render icon default slot 1`] = `
-<i class="van-icon van-icon-success">Default slot
-  <!----></i>
-`;
-
-exports[`render icon with builtin icon name 1`] = `
-<i class="van-icon van-icon-success">
-  <!----></i>
-`;
-
-exports[`render icon with local image 1`] = `
-<i class="van-icon"><img src="/assets/icon.jpg" class="van-icon__image">
-  <!----></i>
-`;
-
-exports[`render icon with url name 1`] = `
-<i class="van-icon"><img src="https://img.yzcdn.com/icon.jpg" class="van-icon__image">
-  <!----></i>
-`;
-
-exports[`size without unit 1`] = `
-<i class="van-icon van-icon-undefined" style="font-size: 20px;">
-  <!----></i>
-`;
-
-exports[`tag prop 1`] = `
-<div class="van-icon van-icon-undefined">
-  <!---->
-</div>
-`;
diff --git a/src-next/icon/test/index.spec.js b/src-next/icon/test/index.spec.js
deleted file mode 100644
index 60062101f..000000000
--- a/src-next/icon/test/index.spec.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import Icon from '..';
-import { mount } from '../../../test';
-
-test('render icon with builtin icon name', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      name: 'success',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render icon with url name', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      name: 'https://img.yzcdn.com/icon.jpg',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render icon with local image', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      name: '/assets/icon.jpg',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render icon default slot', () => {
-  const wrapper = mount({
-    render(h) {
-      return h(Icon, { props: { name: 'success' } }, ['Default slot']);
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('tag prop', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      tag: 'div',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('dot prop', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      dot: true,
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('size without unit', () => {
-  const wrapper = mount(Icon, {
-    propsData: {
-      size: 20,
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/image/README.md b/src-next/image/README.md
deleted file mode 100644
index 2b3bb1bf9..000000000
--- a/src-next/image/README.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# Image
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Image as VanImage } from 'vant';
-
-Vue.use(VanImage);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
-```
-
-### Fit Mode
-
-```html
-<van-image
-  width="10rem"
-  height="10rem"
-  fit="contain"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-### Round
-
-Show round image, it may not works at `fit=contain` and `fit=scale-down`
-
-```html
-<van-image
-  round
-  width="10rem"
-  height="10rem"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-### Lazy Load
-
-```html
-<van-image
-  width="100"
-  height="100"
-  lazy-load
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-```js
-import Vue from 'vue';
-import { Lazyload } from 'vant';
-
-Vue.use(Lazyload);
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| src | Src | _string_ | - |
-| fit | Fit mode | _string_ | `fill` |
-| alt | Alt | _string_ | - |
-| width | Width | _number \| string_ | - |
-| height | Height | _number \| string_ | - |
-| radius `v2.1.6` | Border Radius | _number \| string_ | `0` |
-| round | Whether to be round | _boolean_ | `false` |
-| lazy-load | Whether to enable lazy load，should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
-| show-error `v2.0.9` | Whether to show error placeholder | _boolean_ | `true` |
-| show-loading `v2.0.9` | Whether to show loading placeholder | _boolean_ | `true` |
-| error-icon `v2.4.2` | Error icon | _string_ | `warning-o` |
-| loading-icon `v2.4.2` | Loading icon | _string_ | `photo-o` |
-
-### fit optional value
-
-| name | desctription |
-| --- | --- |
-| contain | Keep aspect ratio, fully display the long side of the image |
-| cover | Keep aspect ratio, fully display the short side of the image, cutting the long side |
-| fill | Stretch and resize image to fill the content box |
-| none | Not resize image |
-| scale-down | Take the smaller of `none` or `contain` |
-
-### Events
-
-| Event | Description                      | Arguments      |
-| ----- | -------------------------------- | -------------- |
-| click | Triggered when click image       | _event: Event_ |
-| load  | Triggered when image loaded      | -              |
-| error | Triggered when image load failed | -              |
-
-### Slots
-
-| Name             | Description                        |
-| ---------------- | ---------------------------------- |
-| default `v2.9.0` | Custom the content below the image |
-| loading          | Custom loading placeholder         |
-| error            | Custom error placeholder           |
diff --git a/src-next/image/README.zh-CN.md b/src-next/image/README.zh-CN.md
deleted file mode 100644
index adf57f026..000000000
--- a/src-next/image/README.zh-CN.md
+++ /dev/null
@@ -1,175 +0,0 @@
-# Image 图片
-
-### 介绍
-
-增强版的 img 标签，提供多种图片填充模式，支持图片懒加载、加载中提示、加载失败提示
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Image as VanImage } from 'vant';
-
-Vue.use(VanImage);
-```
-
-## 代码演示
-
-### 基础用法
-
-基础用法与原生`img`标签一致，可以设置`src`、`width`、`height`、`alt`等原生属性
-
-```html
-<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
-```
-
-### 填充模式
-
-通过`fit`属性可以设置图片填充模式，可选值见下方表格
-
-```html
-<van-image
-  width="10rem"
-  height="10rem"
-  fit="contain"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-### 圆形图片
-
-通过`round`属性可以设置图片变圆，注意当图片宽高不相等且`fit`为`contain`或`scale-down`时，将无法填充一个完整的圆形。
-
-```html
-<van-image
-  round
-  width="10rem"
-  height="10rem"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-### 图片懒加载
-
-设置`lazy-load`属性来开启图片懒加载，需要搭配 [Lazyload](#/zh-CN/lazyload) 组件使用
-
-```html
-<van-image
-  width="100"
-  height="100"
-  lazy-load
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
-/>
-```
-
-```js
-import Vue from 'vue';
-import { Lazyload } from 'vant';
-
-Vue.use(Lazyload);
-```
-
-### 加载中提示
-
-`Image`组件提供了默认的加载中提示，支持通过`loading`插槽自定义内容
-
-```html
-<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
-  <template v-slot:loading>
-    <van-loading type="spinner" size="20" />
-  </template>
-</van-image>
-```
-
-### 加载失败提示
-
-`Image`组件提供了默认的加载失败提示，支持通过`error`插槽自定义内容
-
-```html
-<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
-  <template v-slot:error>加载失败</template>
-</van-image>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| src | 图片链接 | _string_ | - |
-| fit | 图片填充模式 | _string_ | `fill` |
-| alt | 替代文本 | _string_ | - |
-| width | 宽度，默认单位为`px` | _number \| string_ | - |
-| height | 高度，默认单位为`px` | _number \| string_ | - |
-| radius `v2.1.6` | 圆角大小，默认单位为`px` | _number \| string_ | `0` |
-| round | 是否显示为圆形 | _boolean_ | `false` |
-| lazy-load | 是否开启图片懒加载，须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
-| show-error `v2.0.9` | 是否展示图片加载失败提示 | _boolean_ | `true` |
-| show-loading `v2.0.9` | 是否展示图片加载中提示 | _boolean_ | `true` |
-| error-icon `v2.4.2` | 失败时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `warning-o` |
-| loading-icon `v2.4.2` | 加载时提示的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `photo-o` |
-
-### 图片填充模式 
-
-| 名称       | 含义                                                   |
-| ---------- | ------------------------------------------------------ |
-| contain    | 保持宽高缩放图片，使图片的长边能完全显示出来           |
-| cover      | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 |
-| fill       | 拉伸图片，使图片填满元素                               |
-| none       | 保持图片原有尺寸                                       |
-| scale-down | 取`none`或`contain`中较小的一个                        |
-
-### Events
-
-| 事件名 | 说明               | 回调参数       |
-| ------ | ------------------ | -------------- |
-| click  | 点击图片时触发     | _event: Event_ |
-| load   | 图片加载完毕时触发 | -              |
-| error  | 图片加载失败时触发 | -              |
-
-### Slots
-
-| 名称             | 说明                       |
-| ---------------- | -------------------------- |
-| default `v2.9.0` | 自定义图片下方的内容       |
-| loading          | 自定义加载中的提示内容     |
-| error            | 自定义加载失败时的提示内容 |
-
-## 常见问题
-
-### 如何引用本地图片？
-
-在 .vue 文件中通过相对路径引用本地图片时，需要在图片的链接外包上一层 `require()`，将图片 URL 转换为 webpack 模块请求，并结合 [file-loader](https://github.com/webpack-contrib/file-loader) 或者 [url-loader](https://github.com/webpack-contrib/url-loader) 进行处理。
-
-```html
-<!-- 错误写法 -->
-<van-image src="./image.png" />
-
-<!-- 正确写法 -->
-<van-image :src="require('./image.png')" />
-```
-
-> 对此更详细的解释可以参考 vue-loader 的[处理资源路径](https://vue-loader.vuejs.org/zh/guide/asset-url.html)章节。
-
-### 使用 image 标签无法渲染？
-
-使用 Image 组件时，可能会遇到将 \<image> 作为标签名时无法渲染的问题，比如下面的写法：
-
-```html
-<template>
-  <image src="xxx" />
-</template>
-
-<script>
-import { Image } from 'vant';
-
-export default {
-  components: {
-    Image,
-  },
-};
-<script>
-```
-
-这是因为 \<image> 标签是原生的 SVG 标签，Vue 不允许将原生标签名注册为组件名，使用 \<van-image> 即可规避这个问题。
diff --git a/src-next/image/demo/index.vue b/src-next/image/demo/index.vue
deleted file mode 100644
index c3abac32f..000000000
--- a/src-next/image/demo/index.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-row>
-        <van-image width="100" height="100" :src="image" />
-      </van-row>
-    </demo-block>
-
-    <demo-block :title="t('fitMode')">
-      <van-row gutter="20">
-        <van-col v-for="fit in fits" span="8" :key="fit">
-          <van-image :fit="fit" width="100%" height="27vw" :src="image" />
-          <div class="text">{{ fit }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
-
-    <demo-block :title="t('round')">
-      <van-row gutter="20">
-        <van-col v-for="fit in fits" span="8" :key="fit">
-          <van-image round :fit="fit" width="100%" height="27vw" :src="image" />
-          <div class="text">{{ fit }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
-
-    <demo-block :title="t('loading')">
-      <van-row gutter="20">
-        <van-col span="8">
-          <van-image width="100%" height="27vw" />
-          <div class="text">{{ t('defaultTip') }}</div>
-        </van-col>
-
-        <van-col span="8">
-          <van-image width="100%" height="27vw">
-            <template #loading>
-              <van-loading type="spinner" size="20" />
-            </template>
-          </van-image>
-          <div class="text">{{ t('customTip') }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
-
-    <demo-block :title="t('error')">
-      <van-row gutter="20">
-        <van-col span="8">
-          <van-image width="100%" height="27vw" src="x" />
-          <div class="text">{{ t('defaultTip') }}</div>
-        </van-col>
-
-        <van-col span="8">
-          <van-image width="100%" height="27vw" src="x">
-            <template #error>{{ t('loadFail') }}</template>
-          </van-image>
-          <div class="text">{{ t('customTip') }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      fitMode: '填充模式',
-      round: '圆形图片',
-      loading: '加载中提示',
-      error: '加载失败提示',
-      defaultTip: '默认提示',
-      customTip: '自定义提示',
-      loadFail: '加载失败',
-    },
-    'en-US': {
-      fitMode: 'Fit Mode',
-      round: 'Round',
-      loading: 'Loading',
-      error: 'Error',
-      defaultTip: 'Default Tip',
-      customTip: 'Custom Tip',
-      loadFail: 'Load failed',
-    },
-  },
-
-  data() {
-    return {
-      image: 'https://img.yzcdn.cn/vant/cat.jpeg',
-      fits: ['contain', 'cover', 'fill', 'none', 'scale-down'],
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-image {
-  overflow-x: hidden;
-  background-color: @white;
-
-  .van-row {
-    padding: 0 @padding-md;
-  }
-
-  .van-col {
-    margin-bottom: 20px;
-  }
-
-  .text {
-    margin-top: 5px;
-    color: @gray-7;
-    font-size: 14px;
-    text-align: center;
-  }
-}
-</style>
diff --git a/src-next/image/index.js b/src-next/image/index.js
deleted file mode 100644
index 8903c1ce6..000000000
--- a/src-next/image/index.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import { createNamespace, isDef, addUnit, inBrowser } from '../utils';
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('image');
-
-export default createComponent({
-  props: {
-    src: String,
-    fit: String,
-    alt: String,
-    round: Boolean,
-    width: [Number, String],
-    height: [Number, String],
-    radius: [Number, String],
-    lazyLoad: Boolean,
-    showError: {
-      type: Boolean,
-      default: true,
-    },
-    showLoading: {
-      type: Boolean,
-      default: true,
-    },
-    errorIcon: {
-      type: String,
-      default: 'warning-o',
-    },
-    loadingIcon: {
-      type: String,
-      default: 'photo-o',
-    },
-  },
-
-  emits: ['load', 'error', 'click'],
-
-  data() {
-    return {
-      loading: true,
-      error: false,
-    };
-  },
-
-  watch: {
-    src() {
-      this.loading = true;
-      this.error = false;
-    },
-  },
-
-  computed: {
-    style() {
-      const style = {};
-
-      if (isDef(this.width)) {
-        style.width = addUnit(this.width);
-      }
-
-      if (isDef(this.height)) {
-        style.height = addUnit(this.height);
-      }
-
-      if (isDef(this.radius)) {
-        style.overflow = 'hidden';
-        style.borderRadius = addUnit(this.radius);
-      }
-
-      return style;
-    },
-  },
-
-  created() {
-    const { $Lazyload } = this;
-
-    if ($Lazyload && inBrowser) {
-      $Lazyload.$on('loaded', this.onLazyLoaded);
-      $Lazyload.$on('error', this.onLazyLoadError);
-    }
-  },
-
-  beforeDestroy() {
-    const { $Lazyload } = this;
-
-    if ($Lazyload) {
-      $Lazyload.$off('loaded', this.onLazyLoaded);
-      $Lazyload.$off('error', this.onLazyLoadError);
-    }
-  },
-
-  methods: {
-    onLoad(event) {
-      this.loading = false;
-      this.$emit('load', event);
-    },
-
-    onLazyLoaded({ el }) {
-      if (el === this.$refs.image && this.loading) {
-        this.onLoad();
-      }
-    },
-
-    onLazyLoadError({ el }) {
-      if (el === this.$refs.image && !this.error) {
-        this.onError();
-      }
-    },
-
-    onError(event) {
-      this.error = true;
-      this.loading = false;
-      this.$emit('error', event);
-    },
-
-    onClick(event) {
-      this.$emit('click', event);
-    },
-
-    genPlaceholder() {
-      if (this.loading && this.showLoading) {
-        return (
-          <div class={bem('loading')}>
-            {this.$slots.loading ? (
-              this.$slots.loading()
-            ) : (
-              <Icon name={this.loadingIcon} class={bem('loading-icon')} />
-            )}
-          </div>
-        );
-      }
-
-      if (this.error && this.showError) {
-        return (
-          <div class={bem('error')}>
-            {this.$slots.error ? (
-              this.$slots.error()
-            ) : (
-              <Icon name={this.errorIcon} class={bem('error-icon')} />
-            )}
-          </div>
-        );
-      }
-    },
-
-    genImage() {
-      const imgData = {
-        class: bem('img'),
-        attrs: {
-          alt: this.alt,
-        },
-        style: {
-          objectFit: this.fit,
-        },
-      };
-
-      if (this.error) {
-        return;
-      }
-
-      if (this.lazyLoad) {
-        return <img ref="image" vLazy={this.src} {...imgData} />;
-      }
-
-      if (this.src) {
-        return (
-          <img
-            src={this.src}
-            onLoad={this.onLoad}
-            onError={this.onError}
-            {...imgData}
-          />
-        );
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div
-        class={bem({ round: this.round })}
-        style={this.style}
-        onClick={this.onClick}
-      >
-        {this.genImage()}
-        {this.genPlaceholder()}
-        {this.$slots.default?.()}
-      </div>
-    );
-  },
-});
diff --git a/src-next/image/index.less b/src-next/image/index.less
deleted file mode 100644
index 5f5af3f91..000000000
--- a/src-next/image/index.less
+++ /dev/null
@@ -1,45 +0,0 @@
-@import '../style/var';
-
-.van-image {
-  position: relative;
-  display: inline-block;
-
-  &--round {
-    overflow: hidden;
-    border-radius: 50%;
-
-    img {
-      border-radius: inherit;
-    }
-  }
-
-  &__img,
-  &__error,
-  &__loading {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-
-  &__error,
-  &__loading {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: @image-placeholder-text-color;
-    font-size: @image-placeholder-font-size;
-    background-color: @image-placeholder-background-color;
-  }
-
-  &__loading-icon {
-    font-size: @image-loading-icon-size;
-  }
-
-  &__error-icon {
-    font-size: @image-error-icon-size;
-  }
-}
diff --git a/src-next/image/test/__snapshots__/demo.spec.js.snap b/src-next/image/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 2c1671de0..000000000
--- a/src-next/image/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,129 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-row">
-      <div class="van-image" style="width: 100px; height: 100px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
-        <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-            <!----></i></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">contain</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">cover</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">fill</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-right: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">none</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">scale-down</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
-        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">contain</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;">
-        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">cover</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 13.333333333333332px;">
-        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">fill</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-right: 10px;">
-        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">none</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 10px;">
-        <div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">scale-down</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8" style="padding-right: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img class="van-image__img">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">默认提示</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img class="van-image__img">
-          <div class="van-image__loading">
-            <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
-          </div>
-        </div>
-        <div class="text">自定义提示</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-row">
-      <div class="van-col van-col--8" style="padding-right: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">默认提示</div>
-      </div>
-      <div class="van-col van-col--8" style="padding-left: 10px;">
-        <div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
-          <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-              <!----></i></div>
-        </div>
-        <div class="text">自定义提示</div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/image/test/__snapshots__/index.spec.js.snap b/src-next/image/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 95dbee240..000000000
--- a/src-next/image/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,58 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`default slot 1`] = `
-<div class="van-image"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
-  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-      <!----></i></div>Custom Default
-</div>
-`;
-
-exports[`error-icon prop 1`] = `
-<div class="van-image">
-  <div class="van-image__error"><i class="van-icon van-icon-error van-image__error-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`lazy load 1`] = `
-<div class="van-image"><img class="van-image__img">
-  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`lazy-load error event 1`] = `
-<div class="van-image">
-  <div class="van-image__error"><i class="van-icon van-icon-warning-o van-image__error-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`lazy-load load event 1`] = `<div class="van-image"><img class="van-image__img"></div>`;
-
-exports[`load event 1`] = `<div class="van-image"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img"></div>`;
-
-exports[`load event 2`] = `
-<div class="van-image"><img src="" class="van-image__img">
-  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`loading-icon prop 1`] = `
-<div class="van-image"><img class="van-image__img">
-  <div class="van-image__loading"><i class="van-icon van-icon-success van-image__loading-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`radius prop 1`] = `
-<div class="van-image" style="overflow: hidden; border-radius: 3px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
-  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`show-error prop 1`] = `<div class="van-image"></div>`;
-
-exports[`show-loading prop 1`] = `<div class="van-image"><img class="van-image__img"></div>`;
diff --git a/src-next/image/test/demo.spec.js b/src-next/image/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/image/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/image/test/index.spec.js b/src-next/image/test/index.spec.js
deleted file mode 100644
index 28529a564..000000000
--- a/src-next/image/test/index.spec.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import { mount } from '../../../test';
-import VanImage from '..';
-
-test('click event', () => {
-  const wrapper = mount(VanImage);
-
-  wrapper.trigger('click');
-  expect(wrapper.emitted('click')[0][0]).toBeTruthy();
-  wrapper.destroy();
-});
-
-test('load event', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-  });
-
-  wrapper.find('img').trigger('load');
-
-  expect(wrapper.emitted('load')[0][0]).toBeTruthy();
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper.setProps({ src: '' });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('error event', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-  });
-
-  wrapper.find('img').trigger('error');
-
-  expect(wrapper.emitted('error')[0][0]).toBeTruthy();
-});
-
-test('lazy load', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-      lazyLoad: true,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('lazy-load load event', (done) => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      lazyLoad: true,
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-    mocks: {
-      $Lazyload: {
-        $on(eventName, hanlder) {
-          if (eventName === 'loaded') {
-            setTimeout(() => {
-              hanlder({ el: null });
-              hanlder({ el: wrapper.find('img').element });
-              expect(wrapper.emitted('load').length).toEqual(1);
-              expect(wrapper).toMatchSnapshot();
-              wrapper.destroy();
-            });
-          }
-        },
-        $off() {
-          done();
-        },
-      },
-    },
-  });
-});
-
-test('lazy-load error event', (done) => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      lazyLoad: true,
-    },
-    mocks: {
-      $Lazyload: {
-        $on(eventName, hanlder) {
-          if (eventName === 'error') {
-            setTimeout(() => {
-              hanlder({ el: null });
-              hanlder({ el: wrapper.find('img').element });
-              expect(wrapper.emitted('error').length).toEqual(1);
-              expect(wrapper).toMatchSnapshot();
-              wrapper.destroy();
-            });
-          }
-        },
-        $off() {
-          done();
-        },
-      },
-    },
-  });
-});
-
-test('show-loading prop', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      showLoading: false,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('show-error prop', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      showError: false,
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-  });
-
-  wrapper.find('img').trigger('error');
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('error-icon prop', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      errorIcon: 'error',
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-  });
-
-  wrapper.find('img').trigger('error');
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('loading-icon prop', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      loadingIcon: 'success',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('radius prop', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      radius: 3,
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('default slot', () => {
-  const wrapper = mount(VanImage, {
-    propsData: {
-      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
-    },
-    scopedSlots: {
-      default: () => 'Custom Default',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/info/index.less b/src-next/info/index.less
deleted file mode 100644
index a35a927f5..000000000
--- a/src-next/info/index.less
+++ /dev/null
@@ -1,29 +0,0 @@
-@import '../style/var';
-
-.van-info {
-  position: absolute;
-  top: 0;
-  right: 0;
-  box-sizing: border-box;
-  min-width: @info-size;
-  padding: @info-padding;
-  color: @info-color;
-  font-weight: @info-font-weight;
-  font-size: @info-font-size;
-  font-family: @info-font-family;
-  line-height: @info-size - @info-border-width * 2;
-  text-align: center;
-  background-color: @info-background-color;
-  border: @info-border-width solid @white;
-  border-radius: @info-size;
-  transform: translate(50%, -50%);
-  transform-origin: 100%;
-
-  &--dot {
-    width: @info-dot-size;
-    min-width: 0;
-    height: @info-dot-size;
-    background-color: @info-dot-color;
-    border-radius: 100%;
-  }
-}
diff --git a/src-next/info/test/__snapshots__/index.spec.js.snap b/src-next/info/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 84b187992..000000000
--- a/src-next/info/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should not render when info is empty string 1`] = ``;
-
-exports[`should not render when info is empty undefined 1`] = ``;
-
-exports[`should render when info is zero 1`] = `<div class="van-info">0</div>`;
diff --git a/src-next/info/test/index.spec.js b/src-next/info/test/index.spec.js
deleted file mode 100644
index d0a2e1678..000000000
--- a/src-next/info/test/index.spec.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Info from '..';
-import { mount } from '../../../test';
-
-test('should not render when info is empty string', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: '',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('should not render when info is empty undefined', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: undefined,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('should render when info is zero', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: 0,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/loading/README.md b/src-next/loading/README.md
deleted file mode 100644
index 0f040966f..000000000
--- a/src-next/loading/README.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Loading
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Loading } from 'vant';
-
-Vue.use(Loading);
-```
-
-## Usage
-
-### Type
-
-```html
-<van-loading /> <van-loading type="spinner" />
-```
-
-### Color
-
-```html
-<van-loading color="#1989fa" /> <van-loading type="spinner" color="#1989fa" />
-```
-
-### Size
-
-```html
-<van-loading size="24" /> <van-loading type="spinner" size="24px" />
-```
-
-### Text
-
-```html
-<van-loading size="24px">Loading...</van-loading>
-```
-
-### Vertical
-
-```html
-<van-loading size="24px" vertical>Loading...</van-loading>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| color | Loading color | _string_ | `#c9c9c9` |
-| type | Can be set to `spinner` | _string_ | `circular` |
-| size | Icon size | _number \| string_ | `30px` |
-| text-size | Text font size | _number \| string_ | `14px` |
-| vertical | Whether to arrange icons and text content vertically | _boolean_ | `false` |
-
-### Slots
-
-| Name    | Description  |
-| ------- | ------------ |
-| default | Loading text |
diff --git a/src-next/loading/README.zh-CN.md b/src-next/loading/README.zh-CN.md
deleted file mode 100644
index 9531f5ddf..000000000
--- a/src-next/loading/README.zh-CN.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Loading 加载
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Loading } from 'vant';
-
-Vue.use(Loading);
-```
-
-## 代码演示
-
-### 加载类型
-
-通过`type`属性可以设置加载图标的类型，默认为`circular`，可选值为`spinner`
-
-```html
-<van-loading /> <van-loading type="spinner" />
-```
-
-### 自定义颜色
-
-通过`color`属性设置加载图标的颜色
-
-```html
-<van-loading color="#1989fa" /> <van-loading type="spinner" color="#1989fa" />
-```
-
-### 自定义大小
-
-通过`size`属性设置加载图标的大小，默认单位为`px`
-
-```html
-<van-loading size="24" /> <van-loading type="spinner" size="24px" />
-```
-
-### 加载文案
-
-可以使用默认插槽在图标的右侧插入加载文案
-
-```html
-<van-loading size="24px">加载中...</van-loading>
-```
-
-### 垂直排列
-
-设置`vertical`属性后，图标和文案会垂直排列
-
-```html
-<van-loading size="24px" vertical>加载中...</van-loading>
-```
-
-## API
-
-### Props
-
-| 参数      | 说明                         | 类型               | 默认值     |
-| --------- | ---------------------------- | ------------------ | ---------- |
-| color     | 颜色                         | _string_           | `#c9c9c9`  |
-| type      | 类型，可选值为 `spinner`     | _string_           | `circular` |
-| size      | 加载图标大小，默认单位为`px` | _number \| string_ | `30px`     |
-| text-size | 文字大小，默认单位为`px`     | _number \| string_ | `14px`     |
-| vertical  | 是否垂直排列图标和文字内容   | _boolean_          | `false`    |
-
-### Slots
-
-| 名称    | 说明     |
-| ------- | -------- |
-| default | 加载文案 |
diff --git a/src-next/loading/demo/index.vue b/src-next/loading/demo/index.vue
deleted file mode 100644
index 16cb624ab..000000000
--- a/src-next/loading/demo/index.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('type')">
-      <van-loading />
-      <van-loading type="spinner" />
-    </demo-block>
-
-    <demo-block :title="t('color')">
-      <van-loading color="#1989fa" />
-      <van-loading type="spinner" color="#1989fa" />
-    </demo-block>
-
-    <demo-block :title="t('size')">
-      <van-loading size="24" />
-      <van-loading type="spinner" size="24" />
-    </demo-block>
-
-    <demo-block :title="t('text')">
-      <van-loading size="24px">
-        {{ t('loading') }}
-      </van-loading>
-    </demo-block>
-
-    <demo-block :title="t('vertical')">
-      <van-loading size="24px" vertical>
-        {{ t('loading') }}
-      </van-loading>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      type: '加载类型',
-      text: '加载文案',
-      size: '自定义大小',
-      color: '自定义颜色',
-      vertical: '垂直排列',
-    },
-    'en-US': {
-      type: 'Type',
-      text: 'Text',
-      size: 'Size',
-      color: 'Color',
-      vertical: 'Vertical',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-loading {
-  background: @white;
-
-  .van-loading {
-    display: inline-block;
-    margin: 5px 0 5px 20px;
-
-    &--vertical {
-      display: inline-flex;
-    }
-  }
-}
-</style>
diff --git a/src-next/loading/index.less b/src-next/loading/index.less
deleted file mode 100644
index ff2ed370a..000000000
--- a/src-next/loading/index.less
+++ /dev/null
@@ -1,103 +0,0 @@
-@import '../style/var';
-
-.van-loading {
-  position: relative;
-  color: @loading-spinner-color;
-  font-size: 0;
-  vertical-align: middle;
-
-  &__spinner {
-    position: relative;
-    display: inline-block;
-    width: @loading-spinner-size;
-    // compatible for 1.x, users may set width or height in root element
-    max-width: 100%;
-    height: @loading-spinner-size;
-    max-height: 100%;
-    vertical-align: middle;
-    animation: van-rotate @loading-spinner-animation-duration linear infinite;
-
-    &--spinner {
-      animation-timing-function: steps(12);
-
-      i {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-
-        &::before {
-          display: block;
-          width: 2px;
-          height: 25%;
-          margin: 0 auto;
-          background-color: currentColor;
-          border-radius: 40%;
-          content: ' ';
-        }
-      }
-    }
-
-    &--circular {
-      animation-duration: 2s;
-    }
-  }
-
-  &__circular {
-    display: block;
-    width: 100%;
-    height: 100%;
-
-    circle {
-      animation: van-circular 1.5s ease-in-out infinite;
-      stroke: currentColor;
-      stroke-width: 3;
-      stroke-linecap: round;
-    }
-  }
-
-  &__text {
-    display: inline-block;
-    margin-left: @padding-xs;
-    color: @loading-text-color;
-    font-size: @loading-text-font-size;
-    vertical-align: middle;
-  }
-
-  &--vertical {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    .van-loading__text {
-      margin: @padding-xs 0 0;
-    }
-  }
-}
-
-@keyframes van-circular {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40;
-  }
-
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120;
-  }
-}
-
-.generate-spinner(@n, @i: 1) when (@i =< @n) {
-  .van-loading__spinner--spinner i:nth-of-type(@{i}) {
-    transform: rotate(@i * 30deg);
-    opacity: 1 - (0.75 / 12) * (@i - 1);
-  }
-  .generate-spinner(@n, (@i + 1));
-}
-.generate-spinner(12);
diff --git a/src-next/loading/test/__snapshots__/demo.spec.js.snap b/src-next/loading/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 424aa506c..000000000
--- a/src-next/loading/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,28 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
-  </div>
-  <div>
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: rgb(25, 137, 250);"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
-  </div>
-  <div>
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-    <div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 24px; height: 24px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span></div>
-  </div>
-  <div>
-    <div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">
-      加载中...
-    </span></div>
-  </div>
-  <div>
-    <div class="van-loading van-loading--circular van-loading--vertical"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">
-      加载中...
-    </span></div>
-  </div>
-</div>
-`;
diff --git a/src-next/loading/test/__snapshots__/index.spec.js.snap b/src-next/loading/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 925bda61e..000000000
--- a/src-next/loading/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`size prop 1`] = `<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 20px; height: 20px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>`;
-
-exports[`text-size prop 1`] = `<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text" style="font-size: 20px;">Text</span></div>`;
diff --git a/src-next/loading/test/demo.spec.js b/src-next/loading/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/loading/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/loading/test/index.spec.js b/src-next/loading/test/index.spec.js
deleted file mode 100644
index 5459775a1..000000000
--- a/src-next/loading/test/index.spec.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { mount } from '../../../test';
-import Loading from '..';
-
-test('size prop', () => {
-  const wrapper = mount(Loading, {
-    propsData: {
-      size: 20,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('text-size prop', () => {
-  const wrapper = mount(Loading, {
-    propsData: {
-      textSize: 20,
-    },
-    scopedSlots: {
-      default: () => 'Text',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/locale/README.md b/src-next/locale/README.md
deleted file mode 100644
index 45e81da88..000000000
--- a/src-next/locale/README.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Internationalization
-
-### Intro
-
-The default language of Vant is Chinese. If you want to use other languages, you can follow the instructions below.
-
-### Switch languages
-
-Vant supports multiple languages with the Locale component, and the `Locale.use` method allows you to switch to different languages.
-
-```js
-import { Locale } from 'vant';
-import enUS from 'vant/lib/locale/lang/en-US';
-
-Locale.use('en-US', enUS);
-```
-
-### Modify default configs
-
-Use `Locale.add` method to modify the default configs.
-
-```js
-import { Locale } from 'vant';
-
-const messages = {
-  'en-US': {
-    vanPicker: {
-      confirm: 'Close',
-    },
-  },
-};
-
-Locale.add(messages);
-```
-
-### Config files
-
-Current supported languages:
-
-| Language                 | Filename |
-| ------------------------ | -------- |
-| Chinese                  | zh-CN    |
-| Traditional Chinese (HK) | zh-HK    |
-| Traditional Chinese (TW) | zh-TW    |
-| English                  | en-US    |
-| Turkish                  | tr-TR    |
-| Spanish (Spain)          | es-ES    |
-| Japanese                 | ja-JP    |
-| Romanian                 | ro-RO    |
-
-> View all language configs [Here](https://github.com/youzan/vant/tree/dev/src/locale/lang).
diff --git a/src-next/locale/README.zh-CN.md b/src-next/locale/README.zh-CN.md
deleted file mode 100644
index 87d754e02..000000000
--- a/src-next/locale/README.zh-CN.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# 国际化
-
-### 介绍
-
-Vant 默认采用中文作为语言，如果需要使用其他语言，可以参考下面的方案。
-
-### 多语言切换
-
-Vant 通过 Locale 组件实现多语言支持，使用 `Locale.use` 方法可以切换当前使用的语言。
-
-```js
-import { Locale } from 'vant';
-import enUS from 'vant/lib/locale/lang/en-US';
-
-Locale.use('en-US', enUS);
-```
-
-### 修改默认文案
-
-通过 `Locale.add` 方法可以实现文案的修改和扩展，示例如下：
-
-```js
-import { Locale } from 'vant';
-
-const messages = {
-  'zh-CN': {
-    vanPicker: {
-      confirm: '关闭', // 将'确认'修改为'关闭'
-    },
-  },
-};
-
-Locale.add(messages);
-```
-
-### 配置文件
-
-目前支持的语言:
-
-| 语言           | 文件名 |
-| -------------- | ------ |
-| 简体中文       | zh-CN  |
-| 繁體中文（港） | zh-HK  |
-| 繁體中文（台） | zh-TW  |
-| 英语           | en-US  |
-| 土耳其语       | tr-TR  |
-| 西班牙语       | es-ES  |
-| 日语           | ja-JP  |
-| 罗马尼亚语     | ro-RO  |
-
-> 在 [这里](https://github.com/youzan/vant/tree/dev/src/locale/lang) 查看所有的 i18n 配置文件。
-
-### Sku 组件
-
-语言包中默认不包含 Sku 业务组件的语言配置，因此如果有 Sku 组件的国际化需求，请自行配置国际化文案。
diff --git a/src-next/locale/index.ts b/src-next/locale/index.ts
deleted file mode 100644
index fa9391281..000000000
--- a/src-next/locale/index.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ref } from 'vue';
-import { deepAssign } from '../utils/deep-assign';
-import defaultMessages from './lang/zh-CN';
-
-type Messages = Record<string, Record<string, any>>;
-
-const lang = ref('zh-CN');
-const messages = ref<Messages>({
-  'zh-CN': defaultMessages,
-});
-
-export default {
-  messages() {
-    return messages.value[lang.value];
-  },
-
-  use(newLang: string, newMessages?: object) {
-    lang.value = newLang;
-    this.add({ [newLang]: newMessages });
-  },
-
-  add(newMessages = {}) {
-    deepAssign(messages.value, newMessages);
-  },
-};
diff --git a/src-next/locale/lang/en-US.ts b/src-next/locale/lang/en-US.ts
deleted file mode 100644
index 99268eae0..000000000
--- a/src-next/locale/lang/en-US.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-export default {
-  name: 'Name',
-  tel: 'Phone',
-  save: 'Save',
-  confirm: 'Confirm',
-  cancel: 'Cancel',
-  delete: 'Delete',
-  complete: 'Complete',
-  loading: 'Loading...',
-  telEmpty: 'Please fill in the tel',
-  nameEmpty: 'Please fill in the name',
-  nameInvalid: 'Malformed name',
-  confirmDelete: 'Are you sure you want to delete?',
-  telInvalid: 'Malformed phone number',
-  vanCalendar: {
-    end: 'End',
-    start: 'Start',
-    title: 'Calendar',
-    startEnd: 'Start/End',
-    weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    monthTitle: (year: number, month: number) => `${year}/${month}`,
-    rangePrompt: (maxRange: number) => `Choose no more than ${maxRange} days`,
-  },
-  vanContactCard: {
-    addText: 'Add contact info',
-  },
-  vanContactList: {
-    addText: 'Add new contact',
-  },
-  vanPagination: {
-    prev: 'Previous',
-    next: 'Next',
-  },
-  vanPullRefresh: {
-    pulling: 'Pull to refresh...',
-    loosing: 'Loose to refresh...',
-  },
-  vanSubmitBar: {
-    label: 'Total：',
-  },
-  vanCoupon: {
-    unlimited: 'Unlimited',
-    discount: (discount: number) => `${discount * 10}% off`,
-    condition: (condition: number) => `At least ${condition}`,
-  },
-  vanCouponCell: {
-    title: 'Coupon',
-    tips: 'No coupons',
-    count: (count: number) => `You have ${count} coupons`,
-  },
-  vanCouponList: {
-    empty: 'No coupons',
-    exchange: 'Exchange',
-    close: 'Close',
-    enable: 'Available',
-    disabled: 'Unavailable',
-    placeholder: 'Coupon code',
-  },
-  vanAddressEdit: {
-    area: 'Area',
-    postal: 'Postal',
-    areaEmpty: 'Please select a receiving area',
-    addressEmpty: 'Address can not be empty',
-    postalEmpty: 'Wrong postal code',
-    defaultAddress: 'Set as the default address',
-    telPlaceholder: 'Phone',
-    namePlaceholder: 'Name',
-    areaPlaceholder: 'Area',
-  },
-  vanAddressEditDetail: {
-    label: 'Address',
-    placeholder: 'Address',
-  },
-  vanAddressList: {
-    add: 'Add new address',
-  },
-};
diff --git a/src-next/locale/lang/es-ES.ts b/src-next/locale/lang/es-ES.ts
deleted file mode 100644
index 85dc38d7f..000000000
--- a/src-next/locale/lang/es-ES.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-export default {
-  name: 'Nombre',
-  tel: 'Teléfono',
-  save: 'Guardar',
-  confirm: 'Confirmar',
-  cancel: 'Cancelar',
-  delete: 'Eliminar',
-  complete: 'Completado',
-  loading: 'Cargando...',
-  telEmpty: 'Por favor rellena el teléfono',
-  nameEmpty: 'Por favor rellena el nombre',
-  nameInvalid: 'nombre inválido',
-  confirmDelete: 'Estás seguro de eliminarlo?',
-  telInvalid: 'Teléfono inválido',
-  vanCalendar: {
-    end: 'Fin',
-    start: 'Inicio',
-    title: 'Calendario',
-    startEnd: 'Inicio/Fin',
-    weekdays: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
-    monthTitle: (year: number, month: number) => `${year}/${month}`,
-    rangePrompt: (maxRange: number) => `Elija no más de ${maxRange} días`,
-  },
-  vanContactCard: {
-    addText: 'Añadir información de contacto',
-  },
-  vanContactList: {
-    addText: 'Añadir nuevo contacto',
-  },
-  vanPagination: {
-    prev: 'Anterior',
-    next: 'Siguiente',
-  },
-  vanPullRefresh: {
-    pulling: 'Tira para recargar...',
-    loosing: 'Suelta para recargar...',
-  },
-  vanSubmitBar: {
-    label: 'Total：',
-  },
-  vanCoupon: {
-    unlimited: 'Ilimitado',
-    discount: (discount: number) => `${discount * 10}% de descuento`,
-    condition: (condition: number) => `Al menos ${condition}`,
-  },
-  vanCouponCell: {
-    title: 'Cupón',
-    tips: 'Sin cupones',
-    count: (count: number) => `You have ${count} coupons`,
-  },
-  vanCouponList: {
-    empty: 'Sin cupones',
-    exchange: 'Intercambio',
-    close: 'Cerrar',
-    enable: 'Disponible',
-    disabled: 'No disponible',
-    placeholder: 'Código del cupón',
-  },
-  vanAddressEdit: {
-    area: 'Área',
-    postal: 'Código Postal',
-    areaEmpty: 'Por favor selecciona una área de recogida',
-    addressEmpty: 'La dirección no puede estar vacia',
-    postalEmpty: 'Código postal inválido',
-    defaultAddress: 'Establecer como dirección por defecto',
-    telPlaceholder: 'Teléfono',
-    namePlaceholder: 'Nombre',
-    areaPlaceholder: 'Área',
-  },
-  vanAddressEditDetail: {
-    label: 'Dirección',
-    placeholder: 'Dirección',
-  },
-  vanAddressList: {
-    add: 'Anadir dirección',
-  },
-};
diff --git a/src-next/locale/lang/ja-JP.ts b/src-next/locale/lang/ja-JP.ts
deleted file mode 100644
index 83e2b9497..000000000
--- a/src-next/locale/lang/ja-JP.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-export default {
-  name: 'お名前',
-  tel: '電話番号',
-  save: 'セーブ',
-  confirm: '確認',
-  cancel: 'キャンセル',
-  delete: '削除',
-  complete: '完了',
-  loading: '読み込み中...',
-  telEmpty: '電話番号を入力してください',
-  nameEmpty: '名前を入力してください',
-  nameInvalid: '正しい名前を入力してください',
-  confirmDelete: '本当に削除しますか',
-  telInvalid: '正しい電話番号を入力してください',
-  vanCalendar: {
-    end: '終了',
-    start: '開始',
-    title: '日付選択',
-    confirm: '確認',
-    startEnd: '開始/終了',
-    weekdays: ['日', '月', '火', '水', '木', '金', '土'],
-    monthTitle: (year: number, month: number) => `${year}年${month}月`,
-    rangePrompt: (maxRange: number) => `${maxRange}日以内を選択してください`,
-  },
-  vanContactCard: {
-    addText: '連絡先を追加',
-  },
-  vanContactList: {
-    addText: '新しい連絡先を追加',
-  },
-  vanPagination: {
-    prev: '前のページ',
-    next: '次のページ',
-  },
-  vanPullRefresh: {
-    pulling: 'プルダウンして更新...',
-    loosing: 'リリース時に更新...',
-  },
-  vanSubmitBar: {
-    label: '合計：',
-  },
-  vanCoupon: {
-    unlimited: '入場ありません',
-    discount: (discount: number) => `${10 - discount}割引`,
-    condition: (condition: number) => `${condition}円以上で利用可能`,
-  },
-  vanCouponCell: {
-    title: 'クーポン',
-    tips: '利用可能なクーポンがありません',
-    count: (count: number) => `${count}枚が利用可能`,
-  },
-  vanCouponList: {
-    empty: 'クーポンはありません',
-    exchange: '両替',
-    close: 'クーポンを使用しません',
-    enable: '利用可能',
-    disabled: '利用できません',
-    placeholder: '割引コードを入力してください',
-  },
-  vanAddressEdit: {
-    area: '地域',
-    postal: '郵便番号',
-    areaEmpty: '地域を選択してください',
-    addressEmpty: '詳しい住所を入力してください',
-    postalEmpty: '邮政编码格式不正确',
-    defaultAddress: 'デフォルトの住所に設定',
-    telPlaceholder: '荷受人の携帯番号',
-    namePlaceholder: '荷受人の名前',
-    areaPlaceholder: '县 / 市 / 町を選択',
-  },
-  vanAddressEditDetail: {
-    label: '詳しい住所',
-    placeholder: '番地、階の部屋番号など',
-  },
-  vanAddressList: {
-    add: '住所を追加',
-  },
-};
diff --git a/src-next/locale/lang/ro-RO.ts b/src-next/locale/lang/ro-RO.ts
deleted file mode 100644
index 95ec534db..000000000
--- a/src-next/locale/lang/ro-RO.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-export default {
-  name: 'Nume',
-  tel: 'Telefon',
-  save: 'Salvează',
-  confirm: 'Confirmă',
-  cancel: 'Anulează',
-  delete: 'Șterge',
-  complete: 'Finalizează',
-  loading: 'Încărcare...',
-  telEmpty: 'Te rugăm să completezi telefonul',
-  nameEmpty: 'Te rugăm să completezi numele',
-  nameInvalid: 'Nume incorect',
-  confirmDelete: 'Ești sigur ca vrei sa stergi?',
-  telInvalid: 'Număr de telefon invalid',
-  vanCalendar: {
-    end: 'Sfârșit',
-    start: 'Început',
-    title: 'Calendar',
-    startEnd: 'Început/Sfârsit',
-    weekdays: ['Dum', 'Lun', 'Mar', 'Mie', 'Joi', 'Vin', 'Sâm'],
-    monthTitle: (year: number, month: number) => `${year}/${month}`,
-    rangePrompt: (maxRange: number) => `Alege maxim ${maxRange} zile`,
-  },
-  vanContactCard: {
-    addText: 'Adaugă informațiile de contact',
-  },
-  vanContactList: {
-    addText: 'Adaugă contact nou',
-  },
-  vanPagination: {
-    prev: 'Precedenta',
-    next: 'Urmatoarea',
-  },
-  vanPullRefresh: {
-    pulling: 'Trage pentru a da împrospăta...',
-    loosing: 'Eliberează pentru a împrospăta...',
-  },
-  vanSubmitBar: {
-    label: 'Total：',
-  },
-  vanCoupon: {
-    unlimited: 'Nelimitat',
-    discount: (discount: number) => `${discount * 10}% discount`,
-    condition: (condition: number) => `Cel puțin ${condition}`,
-  },
-  vanCouponCell: {
-    title: 'Cupon',
-    tips: 'Fără cupoane',
-    count: (count: number) => `Ai ${count} cupoane`,
-  },
-  vanCouponList: {
-    empty: 'Fără cupoane',
-    exchange: 'Schimbă',
-    close: 'Închide',
-    enable: 'Disponibil',
-    disabled: 'Indisponibil',
-    placeholder: 'Cod cupon',
-  },
-  vanAddressEdit: {
-    area: 'Zonă',
-    postal: 'Cod postal',
-    areaEmpty: 'Te rugăm sa selectezi o zona de primire',
-    addressEmpty: 'Adresa nu poate fi goală',
-    postalEmpty: 'Cod postal invalid',
-    defaultAddress: 'Setează ca adresă de pornire',
-    telPlaceholder: 'Telefon',
-    namePlaceholder: 'Nume',
-    areaPlaceholder: 'Zonă',
-  },
-  vanAddressEditDetail: {
-    label: 'Adresă',
-    placeholder: 'Adresă',
-  },
-  vanAddressList: {
-    add: 'Adaugă adresă nouă',
-  },
-};
diff --git a/src-next/locale/lang/tr-TR.ts b/src-next/locale/lang/tr-TR.ts
deleted file mode 100644
index 76218b8fa..000000000
--- a/src-next/locale/lang/tr-TR.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-export default {
-  name: 'İsim',
-  tel: 'Telefon',
-  save: 'Kaydet',
-  confirm: 'Onayla',
-  cancel: 'İptal',
-  delete: 'Sil',
-  complete: 'Tamamla',
-  loading: 'Yükleniyor...',
-  telEmpty: 'Lütfen tel. no giriniz',
-  nameEmpty: 'Lütfen isim giriniz',
-  nameInvalid: 'Geçersiz isim',
-  confirmDelete: 'Silmek istediğinize emin misiniz?',
-  telInvalid: 'Geçersiz tel. numarası',
-  vanCalendar: {
-    end: 'Son',
-    start: 'Başlat',
-    title: 'Takvim',
-    startEnd: 'Başlat/Son',
-    weekdays: ['Paz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
-    monthTitle: (year: number, month: number) => `${year}/${month}`,
-    rangePrompt: (maxRange: number) => `En fazla ${maxRange} gün seçin`,
-  },
-  vanContactCard: {
-    addText: 'Kişi bilgisi ekle',
-  },
-  vanContactList: {
-    addText: 'Yeni kişi ekle',
-  },
-  vanPagination: {
-    prev: 'Önceki',
-    next: 'Sonraki',
-  },
-  vanPullRefresh: {
-    pulling: 'Yenilemek için çekin...',
-    loosing: 'Yenilemek için bırakın...',
-  },
-  vanSubmitBar: {
-    label: 'Toplam:',
-  },
-  vanCoupon: {
-    unlimited: 'Sınırsız',
-    discount: (discount: number) => `%${discount * 10} indirim`,
-    condition: (condition: number) => `En az ${condition}`,
-  },
-  vanCouponCell: {
-    title: 'Kupon',
-    tips: 'Kupon yok',
-    count: (count: number) => `${count} adet teklif var`,
-  },
-  vanCouponList: {
-    empty: 'Kupon yok',
-    exchange: 'Takas',
-    close: 'Kapat',
-    enable: 'Mevcut',
-    disabled: 'Mevcut değil',
-    placeholder: 'Kupon kodu',
-  },
-  vanAddressEdit: {
-    area: 'Alan',
-    postal: 'Posta',
-    areaEmpty: 'Lütfen alıcı alanını seçin',
-    addressEmpty: 'Adres boş olamaz!',
-    postalEmpty: 'Yanlış posta kodu',
-    defaultAddress: 'Varsayılan adres olarak ayarla',
-    telPlaceholder: 'Telefone',
-    namePlaceholder: 'İsim',
-    areaPlaceholder: 'Alan',
-  },
-  vanAddressEditDetail: {
-    label: 'Adres',
-    placeholder: 'Adres',
-  },
-  vanAddressList: {
-    add: 'Yeni adres ekle',
-  },
-};
diff --git a/src-next/locale/lang/zh-CN.ts b/src-next/locale/lang/zh-CN.ts
deleted file mode 100644
index c9010ff82..000000000
--- a/src-next/locale/lang/zh-CN.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-export default {
-  name: '姓名',
-  tel: '电话',
-  save: '保存',
-  confirm: '确认',
-  cancel: '取消',
-  delete: '删除',
-  complete: '完成',
-  loading: '加载中...',
-  telEmpty: '请填写电话',
-  nameEmpty: '请填写姓名',
-  nameInvalid: '请输入正确的姓名',
-  confirmDelete: '确定要删除吗',
-  telInvalid: '请输入正确的手机号',
-  vanCalendar: {
-    end: '结束',
-    start: '开始',
-    title: '日期选择',
-    confirm: '确定',
-    startEnd: '开始/结束',
-    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: (year: number, month: number) => `${year}年${month}月`,
-    rangePrompt: (maxRange: number) => `选择天数不能超过 ${maxRange} 天`,
-  },
-  vanContactCard: {
-    addText: '添加联系人',
-  },
-  vanContactList: {
-    addText: '新建联系人',
-  },
-  vanPagination: {
-    prev: '上一页',
-    next: '下一页',
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '释放即可刷新...',
-  },
-  vanSubmitBar: {
-    label: '合计：',
-  },
-  vanCoupon: {
-    unlimited: '无使用门槛',
-    discount: (discount: number) => `${discount}折`,
-    condition: (condition: number) => `满${condition}元可用`,
-  },
-  vanCouponCell: {
-    title: '优惠券',
-    tips: '暂无可用',
-    count: (count: number) => `${count}张可用`,
-  },
-  vanCouponList: {
-    empty: '暂无优惠券',
-    exchange: '兑换',
-    close: '不使用优惠券',
-    enable: '可用',
-    disabled: '不可用',
-    placeholder: '请输入优惠码',
-  },
-  vanAddressEdit: {
-    area: '地区',
-    postal: '邮政编码',
-    areaEmpty: '请选择地区',
-    addressEmpty: '请填写详细地址',
-    postalEmpty: '邮政编码格式不正确',
-    defaultAddress: '设为默认收货地址',
-    telPlaceholder: '收货人手机号',
-    namePlaceholder: '收货人姓名',
-    areaPlaceholder: '选择省 / 市 / 区',
-  },
-  vanAddressEditDetail: {
-    label: '详细地址',
-    placeholder: '街道门牌、楼层房间号等信息',
-  },
-  vanAddressList: {
-    add: '新增地址',
-  },
-};
diff --git a/src-next/locale/lang/zh-HK.ts b/src-next/locale/lang/zh-HK.ts
deleted file mode 100644
index 3d567b08f..000000000
--- a/src-next/locale/lang/zh-HK.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-export default {
-  name: '姓名',
-  tel: '電話',
-  save: '保存',
-  confirm: '確認',
-  cancel: '取消',
-  delete: '刪除',
-  complete: '完成',
-  loading: '加載中...',
-  telEmpty: '請填寫電話',
-  nameEmpty: '請填寫姓名',
-  nameInvalid: '請輸入正確的姓名',
-  confirmDelete: '確定要刪除嗎',
-  telInvalid: '請填寫正確的電話',
-  vanCalendar: {
-    end: '結束',
-    start: '開始',
-    title: '日期選擇',
-    confirm: '確定',
-    startEnd: '開始/結束',
-    weekdays: ['日', '壹', '二', '三', '四', '五', '六'],
-    monthTitle: (year: number, month: number) => `${year}年${month}月`,
-    rangePrompt: (maxRange: number) => `選擇天數不能超過 ${maxRange} 天`,
-  },
-  vanContactCard: {
-    addText: '添加聯系人',
-  },
-  vanContactList: {
-    addText: '新建聯系人',
-  },
-  vanPagination: {
-    prev: '上一頁',
-    next: '下一頁',
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '釋放即可刷新...',
-  },
-  vanSubmitBar: {
-    label: '合計：',
-  },
-  vanCoupon: {
-    unlimited: '無使用門檻',
-    discount: (discount: number) => `${discount}折`,
-    condition: (condition: number) => `滿${condition}元可用`,
-  },
-  vanCouponCell: {
-    title: '優惠券',
-    tips: '暫無可用',
-    count: (count: number) => `${count}張可用`,
-  },
-  vanCouponList: {
-    empty: '暫無優惠券',
-    exchange: '兌換',
-    close: '不使用優惠',
-    enable: '可使用優惠券',
-    disabled: '不可使用優惠券',
-    placeholder: '請輸入優惠碼',
-  },
-  vanAddressEdit: {
-    area: '地區',
-    postal: '郵政編碼',
-    areaEmpty: '請選擇地區',
-    addressEmpty: '請填寫詳細地址',
-    postalEmpty: '郵政編碼格式不正確',
-    defaultAddress: '設為默認收貨地址',
-    telPlaceholder: '收貨人手機號',
-    namePlaceholder: '收貨人姓名',
-    areaPlaceholder: '選擇省 / 市 / 區',
-  },
-  vanAddressEditDetail: {
-    label: '詳細地址',
-    placeholder: '街道門牌、樓層房間號等信息',
-  },
-  vanAddressList: {
-    add: '新增地址',
-  },
-};
diff --git a/src-next/locale/lang/zh-TW.ts b/src-next/locale/lang/zh-TW.ts
deleted file mode 100644
index aecda17ec..000000000
--- a/src-next/locale/lang/zh-TW.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-export default {
-  name: '姓名',
-  tel: '電話',
-  save: '儲存',
-  confirm: '確認',
-  cancel: '取消',
-  delete: '刪除',
-  complete: '完成',
-  loading: '載入中...',
-  telEmpty: '請填寫電話',
-  nameEmpty: '請填寫姓名',
-  nameInvalid: '請輸入正確的姓名',
-  confirmDelete: '確定要刪除嗎',
-  telInvalid: '請填寫正確的電話',
-  vanCalendar: {
-    end: '結束',
-    start: '開始',
-    title: '日期選擇',
-    confirm: '確定',
-    startEnd: '開始/結束',
-    weekdays: ['日', '壹', '二', '三', '四', '五', '六'],
-    monthTitle: (year: number, month: number) => `${year}年${month}月`,
-    rangePrompt: (maxRange: number) => `選擇天數不能超過 ${maxRange} 天`,
-  },
-  vanContactCard: {
-    addText: '新增聯絡人',
-  },
-  vanContactList: {
-    addText: '建立聯絡人',
-  },
-  vanPagination: {
-    prev: '上一頁',
-    next: '下一頁',
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '釋放即可刷新...',
-  },
-  vanSubmitBar: {
-    label: '合計：',
-  },
-  vanCoupon: {
-    unlimited: '無使用門檻',
-    discount: (discount: number) => `${discount}折`,
-    condition: (condition: number) => `滿${condition}元可用`,
-  },
-  vanCouponCell: {
-    title: '優惠券',
-    tips: '暫無可用',
-    count: (count: number) => `${count}張可用`,
-  },
-  vanCouponList: {
-    empty: '暫無優惠券',
-    exchange: '兌換',
-    close: '不使用優惠',
-    enable: '可使用優惠券',
-    disabled: '不可使用優惠券',
-    placeholder: '請輸入優惠代碼',
-  },
-  vanAddressEdit: {
-    area: '地區',
-    postal: '郵遞區號',
-    areaEmpty: '請選擇地區',
-    addressEmpty: '請填寫詳細地址',
-    postalEmpty: '郵遞區號格式不正確',
-    defaultAddress: '設為預設收貨地址',
-    telPlaceholder: '收貨人手機號碼',
-    namePlaceholder: '收貨人姓名',
-    areaPlaceholder: '選擇縣 / 市',
-  },
-  vanAddressEditDetail: {
-    label: '詳細地址',
-    placeholder: '街道門牌、樓層房號等資訊',
-  },
-  vanAddressList: {
-    add: '新增地址',
-  },
-};
diff --git a/src-next/mixins/checkbox.js b/src-next/mixins/checkbox.js
deleted file mode 100644
index 5fc341d67..000000000
--- a/src-next/mixins/checkbox.js
+++ /dev/null
@@ -1,148 +0,0 @@
-/**
- * Common part of Checkbox & Radio
- */
-import Icon from '../icon';
-import { FieldMixin } from './field';
-import { ChildrenMixin } from './relation';
-import { addUnit } from '../utils';
-
-export const CheckboxMixin = ({ parent, bem, role }) => ({
-  mixins: [ChildrenMixin(parent), FieldMixin],
-
-  props: {
-    name: null,
-    value: null,
-    disabled: Boolean,
-    iconSize: [Number, String],
-    checkedColor: String,
-    labelPosition: String,
-    labelDisabled: Boolean,
-    shape: {
-      type: String,
-      default: 'round',
-    },
-    bindGroup: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  computed: {
-    disableBindRelation() {
-      return !this.bindGroup;
-    },
-
-    isDisabled() {
-      return (this.parent && this.parent.disabled) || this.disabled;
-    },
-
-    direction() {
-      return (this.parent && this.parent.direction) || null;
-    },
-
-    iconStyle() {
-      const checkedColor =
-        this.checkedColor || (this.parent && this.parent.checkedColor);
-
-      if (checkedColor && this.checked && !this.isDisabled) {
-        return {
-          borderColor: checkedColor,
-          backgroundColor: checkedColor,
-        };
-      }
-    },
-
-    tabindex() {
-      if (this.isDisabled || (role === 'radio' && !this.checked)) {
-        return -1;
-      }
-
-      return 0;
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      const { target } = event;
-      const { icon } = this.$refs;
-      const iconClicked = icon === target || icon.contains(target);
-
-      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-        this.toggle();
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          this.$emit('click', event);
-        });
-      } else {
-        this.$emit('click', event);
-      }
-    },
-
-    genIcon() {
-      const { checked } = this;
-      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
-
-      return (
-        <div
-          ref="icon"
-          class={bem('icon', [
-            this.shape,
-            { disabled: this.isDisabled, checked },
-          ])}
-          style={{ fontSize: addUnit(iconSize) }}
-        >
-          {this.slots('icon', { checked }) || (
-            <Icon name="success" style={this.iconStyle} />
-          )}
-        </div>
-      );
-    },
-
-    genLabel() {
-      const slot = this.slots();
-
-      if (slot) {
-        return (
-          <span
-            class={bem('label', [
-              this.labelPosition,
-              { disabled: this.isDisabled },
-            ])}
-          >
-            {slot}
-          </span>
-        );
-      }
-    },
-  },
-
-  render() {
-    const Children = [this.genIcon()];
-
-    if (this.labelPosition === 'left') {
-      Children.unshift(this.genLabel());
-    } else {
-      Children.push(this.genLabel());
-    }
-
-    return (
-      <div
-        role={role}
-        class={bem([
-          {
-            disabled: this.isDisabled,
-            'label-disabled': this.labelDisabled,
-          },
-          this.direction,
-        ])}
-        tabindex={this.tabindex}
-        aria-checked={String(this.checked)}
-        onClick={this.onClick}
-      >
-        {Children}
-      </div>
-    );
-  },
-});
diff --git a/src-next/mixins/click-outside.js b/src-next/mixins/click-outside.js
deleted file mode 100644
index 534d026f9..000000000
--- a/src-next/mixins/click-outside.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Listen to click outside event
- */
-import { on, off } from '../utils/dom/event';
-
-export const ClickOutsideMixin = (config) => ({
-  props: {
-    closeOnClickOutside: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  data() {
-    const clickOutsideHandler = (event) => {
-      if (this.closeOnClickOutside && !this.$el.contains(event.target)) {
-        this[config.method]();
-      }
-    };
-
-    return { clickOutsideHandler };
-  },
-
-  mounted() {
-    on(document, config.event, this.clickOutsideHandler);
-  },
-
-  beforeDestroy() {
-    off(document, config.event, this.clickOutsideHandler);
-  },
-});
diff --git a/src-next/mixins/close-on-popstate.js b/src-next/mixins/close-on-popstate.js
deleted file mode 100644
index ed98c5c18..000000000
--- a/src-next/mixins/close-on-popstate.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import { on, off } from '../utils/dom/event';
-import { BindEventMixin } from './bind-event';
-
-export const CloseOnPopstateMixin = {
-  mixins: [
-    BindEventMixin(function (bind, isBind) {
-      this.handlePopstate(isBind && this.closeOnPopstate);
-    }),
-  ],
-
-  props: {
-    closeOnPopstate: Boolean,
-  },
-
-  data() {
-    return {
-      bindStatus: false,
-    };
-  },
-
-  watch: {
-    closeOnPopstate(val) {
-      this.handlePopstate(val);
-    },
-  },
-
-  methods: {
-    handlePopstate(bind) {
-      /* istanbul ignore if */
-      if (this.$isServer) {
-        return;
-      }
-
-      if (this.bindStatus !== bind) {
-        this.bindStatus = bind;
-        const action = bind ? on : off;
-        action(window, 'popstate', () => {
-          this.close();
-          this.shouldReopen = false;
-        });
-      }
-    },
-  },
-};
diff --git a/src-next/mixins/field.js b/src-next/mixins/field.js
deleted file mode 100644
index 603cff7da..000000000
--- a/src-next/mixins/field.js
+++ /dev/null
@@ -1,26 +0,0 @@
-export const FieldMixin = {
-  inject: {
-    vanField: {
-      default: null,
-    },
-  },
-
-  watch: {
-    value() {
-      const field = this.vanField;
-
-      if (field) {
-        field.resetValidation();
-        field.validateWithTrigger('onChange');
-      }
-    },
-  },
-
-  created() {
-    const field = this.vanField;
-
-    if (field && !field.children) {
-      field.children = this;
-    }
-  },
-};
diff --git a/src-next/mixins/popup/context.ts b/src-next/mixins/popup/context.ts
deleted file mode 100644
index 25b501a28..000000000
--- a/src-next/mixins/popup/context.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export type StackItem = {
-  vm: any;
-  overlay: any;
-};
-
-export const context = {
-  zIndex: 2000,
-  lockCount: 0,
-  stack: [] as StackItem[],
-  find(vm: any): StackItem | undefined {
-    return this.stack.filter((item) => item.vm === vm)[0];
-  },
-};
diff --git a/src-next/mixins/popup/index.js b/src-next/mixins/popup/index.js
deleted file mode 100644
index 0b0c7a43d..000000000
--- a/src-next/mixins/popup/index.js
+++ /dev/null
@@ -1,206 +0,0 @@
-// Context
-import { context } from './context';
-
-// Utils
-import { on, off, preventDefault } from '../../utils/dom/event';
-import { removeNode } from '../../utils/dom/node';
-import { getScroller } from '../../utils/dom/scroll';
-
-// Mixins
-import { TouchMixin } from '../touch';
-import { CloseOnPopstateMixin } from '../close-on-popstate';
-
-export const popupMixinProps = {
-  // whether to show popup
-  show: Boolean,
-  // whether to show overlay
-  overlay: Boolean,
-  // overlay custom style
-  overlayStyle: Object,
-  // overlay custom class name
-  overlayClass: String,
-  // teleport
-  getContainer: [String, Function],
-  // whether to close popup when click overlay
-  closeOnClickOverlay: Boolean,
-  // z-index
-  zIndex: [Number, String],
-  // prevent body scroll
-  lockScroll: {
-    type: Boolean,
-    default: true,
-  },
-  // whether to lazy render
-  lazyRender: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export function PopupMixin(options = {}) {
-  return {
-    mixins: [TouchMixin, CloseOnPopstateMixin],
-
-    props: popupMixinProps,
-
-    data() {
-      return {
-        inited: this.show,
-      };
-    },
-
-    computed: {
-      shouldRender() {
-        return this.inited || !this.lazyRender;
-      },
-    },
-
-    watch: {
-      show(val) {
-        const type = val ? 'open' : 'close';
-        this.inited = this.inited || this.show;
-        this[type]();
-
-        if (!options.skipToggleEvent) {
-          this.$emit(type);
-        }
-      },
-
-      overlay: 'renderOverlay',
-    },
-
-    mounted() {
-      if (this.show) {
-        this.open();
-      }
-    },
-
-    /* istanbul ignore next */
-    activated() {
-      if (this.shouldReopen) {
-        this.$emit('update:show', true);
-        this.shouldReopen = false;
-      }
-    },
-
-    beforeDestroy() {
-      this.removeLock();
-
-      if (this.getContainer) {
-        removeNode(this.$refs.root);
-      }
-    },
-
-    /* istanbul ignore next */
-    deactivated() {
-      if (this.show) {
-        this.close();
-        this.shouldReopen = true;
-      }
-    },
-
-    methods: {
-      open() {
-        /* istanbul ignore next */
-        if (this.$isServer || this.opened) {
-          return;
-        }
-
-        // cover default zIndex
-        if (this.zIndex !== undefined) {
-          context.zIndex = this.zIndex;
-        }
-
-        this.opened = true;
-        this.renderOverlay();
-        this.addLock();
-      },
-
-      addLock() {
-        if (this.lockScroll) {
-          on(document, 'touchstart', this.touchStart);
-          on(document, 'touchmove', this.onTouchMove);
-
-          if (!context.lockCount) {
-            document.body.classList.add('van-overflow-hidden');
-          }
-          context.lockCount++;
-        }
-      },
-
-      removeLock() {
-        if (this.lockScroll && context.lockCount) {
-          context.lockCount--;
-          off(document, 'touchstart', this.touchStart);
-          off(document, 'touchmove', this.onTouchMove);
-
-          if (!context.lockCount) {
-            document.body.classList.remove('van-overflow-hidden');
-          }
-        }
-      },
-
-      close() {
-        if (!this.opened) {
-          return;
-        }
-
-        this.opened = false;
-        this.removeLock();
-        this.$emit('update:show', false);
-      },
-
-      onTouchMove(event) {
-        this.touchMove(event);
-        const direction = this.deltaY > 0 ? '10' : '01';
-        const el = getScroller(event.target, this.$refs.root);
-        const { scrollHeight, offsetHeight, scrollTop } = el;
-        let status = '11';
-
-        /* istanbul ignore next */
-        if (scrollTop === 0) {
-          status = offsetHeight >= scrollHeight ? '00' : '01';
-        } else if (scrollTop + offsetHeight >= scrollHeight) {
-          status = '10';
-        }
-
-        /* istanbul ignore next */
-        if (
-          status !== '11' &&
-          this.direction === 'vertical' &&
-          !(parseInt(status, 2) & parseInt(direction, 2))
-        ) {
-          preventDefault(event, true);
-        }
-      },
-
-      onClickOverlay() {
-        this.$emit('click-overlay');
-
-        if (this.closeOnClickOverlay) {
-          // TODO
-          // if (this.onClickOverlay) {
-          //   this.onClickOverlay();
-          // } else {
-          //   this.close();
-          // }
-          this.close();
-        }
-      },
-
-      renderOverlay() {
-        if (this.$isServer || !this.show) {
-          return;
-        }
-
-        this.$nextTick(() => {
-          this.updateZIndex(this.overlay ? 1 : 0);
-        });
-      },
-
-      updateZIndex(value = 0) {
-        this.$refs.root.style.zIndex = ++context.zIndex + value;
-      },
-    },
-  };
-}
diff --git a/src-next/mixins/popup/type.ts b/src-next/mixins/popup/type.ts
deleted file mode 100644
index 5944f8932..000000000
--- a/src-next/mixins/popup/type.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export type GetContainer = () => Element;
-
-export type PopupMixinProps = {
-  value: boolean;
-  zIndex: string | number;
-  overlay?: boolean;
-  lockScroll: boolean;
-  lazyRender: boolean;
-  overlayClass?: any;
-  overlayStyle?: object | object[];
-  getContainer?: string | GetContainer;
-  closeOnClickOverlay?: boolean;
-};
diff --git a/src-next/mixins/relation.js b/src-next/mixins/relation.js
deleted file mode 100644
index 0e65df6b3..000000000
--- a/src-next/mixins/relation.js
+++ /dev/null
@@ -1,65 +0,0 @@
-export function ChildrenMixin(parent, options = {}) {
-  const indexKey = options.indexKey || 'index';
-
-  return {
-    inject: {
-      // TODO: disableBindRelation
-      parent: {
-        from: parent,
-        default: null,
-      },
-    },
-
-    computed: {
-      [indexKey]() {
-        this.bindRelation();
-
-        if (this.parent) {
-          return this.parent.children.indexOf(this);
-        }
-
-        return null;
-      },
-    },
-
-    mounted() {
-      this.bindRelation();
-    },
-
-    beforeDestroy() {
-      if (this.parent) {
-        this.parent.children = this.parent.children.filter(
-          (item) => item !== this
-        );
-      }
-    },
-
-    methods: {
-      bindRelation() {
-        if (!this.parent || this.parent.children.indexOf(this) !== -1) {
-          return;
-        }
-
-        const children = [...this.parent.children, this];
-
-        this.parent.children = children;
-      },
-    },
-  };
-}
-
-export function ParentMixin(parent) {
-  return {
-    provide() {
-      return {
-        [parent]: this,
-      };
-    },
-
-    data() {
-      return {
-        children: [],
-      };
-    },
-  };
-}
diff --git a/src-next/mixins/slots.js b/src-next/mixins/slots.js
deleted file mode 100644
index 70449074c..000000000
--- a/src-next/mixins/slots.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Use scopedSlots in Vue 2.6+
- * downgrade to slots in lower version
- */
-export const SlotsMixin = {
-  methods: {
-    slots(name = 'default', props) {
-      const { $slots, $scopedSlots } = this;
-      const scopedSlot = $scopedSlots[name];
-
-      if (scopedSlot) {
-        return scopedSlot(props);
-      }
-
-      return $slots[name];
-    },
-  },
-};
diff --git a/src-next/mixins/touch.js b/src-next/mixins/touch.js
deleted file mode 100644
index 45f9190da..000000000
--- a/src-next/mixins/touch.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import { on } from '../utils/dom/event';
-
-const MIN_DISTANCE = 10;
-
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return 'horizontal';
-  }
-
-  if (y > x && y > MIN_DISTANCE) {
-    return 'vertical';
-  }
-
-  return '';
-}
-
-export const TouchMixin = {
-  data() {
-    return { direction: '' };
-  },
-
-  methods: {
-    touchStart(event) {
-      this.resetTouchStatus();
-      this.startX = event.touches[0].clientX;
-      this.startY = event.touches[0].clientY;
-    },
-
-    touchMove(event) {
-      const touch = event.touches[0];
-      this.deltaX = touch.clientX - this.startX;
-      this.deltaY = touch.clientY - this.startY;
-      this.offsetX = Math.abs(this.deltaX);
-      this.offsetY = Math.abs(this.deltaY);
-      this.direction =
-        this.direction || getDirection(this.offsetX, this.offsetY);
-    },
-
-    resetTouchStatus() {
-      this.direction = '';
-      this.deltaX = 0;
-      this.deltaY = 0;
-      this.offsetX = 0;
-      this.offsetY = 0;
-    },
-
-    // avoid Vue 2.6 event bubble issues by manually binding events
-    // https://github.com/youzan/vant/issues/3015
-    bindTouchEvent(el) {
-      const { onTouchStart, onTouchMove, onTouchEnd } = this;
-
-      on(el, 'touchstart', onTouchStart);
-      on(el, 'touchmove', onTouchMove);
-
-      if (onTouchEnd) {
-        on(el, 'touchend', onTouchEnd);
-        on(el, 'touchcancel', onTouchEnd);
-      }
-    },
-  },
-};
diff --git a/src-next/nav-bar/README.md b/src-next/nav-bar/README.md
deleted file mode 100644
index 0a6e7fe44..000000000
--- a/src-next/nav-bar/README.md
+++ /dev/null
@@ -1,80 +0,0 @@
-# NavBar
-
-### Install
-
-```js
-import Vue from 'vue';
-import { NavBar } from 'vant';
-
-Vue.use(NavBar);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-nav-bar
-  title="Title"
-  left-text="Back"
-  right-text="Button"
-  left-arrow
-  @click-left="onClickLeft"
-  @click-right="onClickRight"
-/>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  methods: {
-    onClickLeft() {
-      Toast('Back');
-    },
-    onClickRight() {
-      Toast('Button');
-    },
-  },
-};
-```
-
-### Use Slot
-
-```html
-<van-nav-bar title="Title" left-text="Back" left-arrow>
-  <template #right>
-    <van-icon name="search" />
-  </template>
-</van-nav-bar>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| title | Title | _string_ | `''` |
-| left-text | Left Text | _string_ | `''` |
-| right-text | Right Text | _string_ | `''` |
-| left-arrow | Whether to show left arrow | _boolean_ | `false` |
-| border | Whether to show bottom border | _boolean_ | `true` |
-| fixed | Whether to fixed top | _boolean_ | `false` |
-| placeholder `v2.5.9` | Whether to generage a placeholder element when fixed | _boolean_ | `false` |
-| z-index | Z-index | _number \| string_ | `1` |
-
-### Slots
-
-| Name  | Description               |
-| ----- | ------------------------- |
-| title | Custom title              |
-| left  | Custom left side content  |
-| right | Custom right side content |
-
-### Events
-
-| Event       | Description                       | Arguments |
-| ----------- | --------------------------------- | --------- |
-| click-left  | Triggered when click left button  | -         |
-| click-right | Triggered when click right button | -         |
diff --git a/src-next/nav-bar/README.zh-CN.md b/src-next/nav-bar/README.zh-CN.md
deleted file mode 100644
index 100999759..000000000
--- a/src-next/nav-bar/README.zh-CN.md
+++ /dev/null
@@ -1,82 +0,0 @@
-# NavBar 导航栏
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { NavBar } from 'vant';
-
-Vue.use(NavBar);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-nav-bar
-  title="标题"
-  left-text="返回"
-  right-text="按钮"
-  left-arrow
-  @click-left="onClickLeft"
-  @click-right="onClickRight"
-/>
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  methods: {
-    onClickLeft() {
-      Toast('返回');
-    },
-    onClickRight() {
-      Toast('按钮');
-    },
-  },
-};
-```
-
-### 使用插槽
-
-通过插槽自定义导航栏两侧的内容
-
-```html
-<van-nav-bar title="标题" left-text="返回" left-arrow>
-  <template #right>
-    <van-icon name="search" size="18" />
-  </template>
-</van-nav-bar>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 标题 | _string_ | `''` |
-| left-text | 左侧文案 | _string_ | `''` |
-| right-text | 右侧文案 | _string_ | `''` |
-| left-arrow | 是否显示左侧箭头 | _boolean_ | `false` |
-| border | 是否显示下边框 | _boolean_ | `true` |
-| fixed | 是否固定在顶部 | _boolean_ | `false` |
-| placeholder `v2.5.9` | 固定在顶部时，是否在标签位置生成一个等高的占位元素 | _boolean_ | `false` |
-| z-index | 元素 z-index | _number \| string_ | `1` |
-
-### Slots
-
-| 名称  | 说明               |
-| ----- | ------------------ |
-| title | 自定义标题         |
-| left  | 自定义左侧区域内容 |
-| right | 自定义右侧区域内容 |
-
-### Events
-
-| 事件名      | 说明               | 回调参数 |
-| ----------- | ------------------ | -------- |
-| click-left  | 点击左侧按钮时触发 | -        |
-| click-right | 点击右侧按钮时触发 | -        |
diff --git a/src-next/nav-bar/demo/index.vue b/src-next/nav-bar/demo/index.vue
deleted file mode 100644
index cededbc20..000000000
--- a/src-next/nav-bar/demo/index.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-nav-bar
-        :title="t('title')"
-        :left-text="t('back')"
-        :right-text="t('button')"
-        left-arrow
-        @click-left="onClickLeft"
-        @click-right="onClickRight"
-      />
-    </demo-block>
-
-    <demo-block :title="t('useSlot')">
-      <van-nav-bar :title="t('title')" :left-text="t('back')" left-arrow>
-        <template #right>
-          <van-icon name="search" size="18" />
-        </template>
-      </van-nav-bar>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      useSlot: '使用插槽',
-    },
-    'en-US': {
-      useSlot: 'Use Slot',
-    },
-  },
-
-  methods: {
-    onClickLeft() {
-      this.$toast(this.t('back'));
-    },
-    onClickRight() {
-      this.$toast(this.t('button'));
-    },
-  },
-};
-</script>
diff --git a/src-next/nav-bar/index.js b/src-next/nav-bar/index.js
deleted file mode 100644
index 76b73d12f..000000000
--- a/src-next/nav-bar/index.js
+++ /dev/null
@@ -1,105 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { BORDER_BOTTOM } from '../utils/constant';
-
-// Components
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('nav-bar');
-
-export default createComponent({
-  props: {
-    title: String,
-    fixed: Boolean,
-    zIndex: [Number, String],
-    leftText: String,
-    rightText: String,
-    leftArrow: Boolean,
-    placeholder: Boolean,
-    border: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  emits: ['click-left', 'click-right'],
-
-  data() {
-    return {
-      height: null,
-    };
-  },
-
-  mounted() {
-    if (this.placeholder && this.fixed) {
-      this.height = this.$refs.navBar.getBoundingClientRect().height;
-    }
-  },
-
-  methods: {
-    genLeft() {
-      const leftSlot = this.$slots.left?.();
-
-      if (leftSlot) {
-        return leftSlot;
-      }
-
-      return [
-        this.leftArrow && <Icon class={bem('arrow')} name="arrow-left" />,
-        this.leftText && <span class={bem('text')}>{this.leftText}</span>,
-      ];
-    },
-
-    genRight() {
-      const rightSlot = this.$slots.right?.();
-
-      if (rightSlot) {
-        return rightSlot;
-      }
-
-      if (this.rightText) {
-        return <span class={bem('text')}>{this.rightText}</span>;
-      }
-    },
-
-    genNavBar() {
-      return (
-        <div
-          ref="navBar"
-          style={{ zIndex: this.zIndex }}
-          class={[bem({ fixed: this.fixed }), { [BORDER_BOTTOM]: this.border }]}
-        >
-          <div class={bem('left')} onClick={this.onClickLeft}>
-            {this.genLeft()}
-          </div>
-          <div class={[bem('title'), 'van-ellipsis']}>
-            {this.$slots.title ? this.$slots.title() : this.title}
-          </div>
-          <div class={bem('right')} onClick={this.onClickRight}>
-            {this.genRight()}
-          </div>
-        </div>
-      );
-    },
-
-    onClickLeft(event) {
-      this.$emit('click-left', event);
-    },
-
-    onClickRight(event) {
-      this.$emit('click-right', event);
-    },
-  },
-
-  render() {
-    if (this.placeholder && this.fixed) {
-      return (
-        <div class={bem('placeholder')} style={{ height: `${this.height}px` }}>
-          {this.genNavBar()}
-        </div>
-      );
-    }
-
-    return this.genNavBar();
-  },
-});
diff --git a/src-next/nav-bar/index.less b/src-next/nav-bar/index.less
deleted file mode 100644
index 582a0a82a..000000000
--- a/src-next/nav-bar/index.less
+++ /dev/null
@@ -1,66 +0,0 @@
-@import '../style/var';
-
-.van-nav-bar {
-  position: relative;
-  z-index: @nav-bar-z-index;
-  display: flex;
-  align-items: center;
-  height: @nav-bar-height;
-  line-height: 1.5;
-  text-align: center;
-  background-color: @nav-bar-background-color;
-  user-select: none;
-
-  .van-icon {
-    color: @nav-bar-icon-color;
-  }
-
-  &__arrow {
-    min-width: 1em;
-    margin-right: @padding-base;
-    font-size: @nav-bar-arrow-size;
-  }
-
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-
-  &__title {
-    max-width: 60%;
-    margin: 0 auto;
-    color: @nav-bar-title-text-color;
-    font-weight: @font-weight-bold;
-    font-size: @nav-bar-title-font-size;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    padding: 0 @padding-md;
-    font-size: @font-size-md;
-    cursor: pointer;
-
-    &:active {
-      opacity: @active-opacity;
-    }
-  }
-
-  &__left {
-    left: 0;
-  }
-
-  &__right {
-    right: 0;
-  }
-
-  &__text {
-    color: @nav-bar-text-color;
-  }
-}
diff --git a/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap b/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index bcd8a6ba2..000000000
--- a/src-next/nav-bar/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-nav-bar van-hairline--bottom">
-      <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow">
-          <!----></i><span class="van-nav-bar__text">返回</span></div>
-      <div class="van-nav-bar__title van-ellipsis">标题</div>
-      <div class="van-nav-bar__right"><span class="van-nav-bar__text">按钮</span></div>
-    </div>
-  </div>
-  <div>
-    <div class="van-nav-bar van-hairline--bottom">
-      <div class="van-nav-bar__left"><i class="van-icon van-icon-arrow-left van-nav-bar__arrow">
-          <!----></i><span class="van-nav-bar__text">返回</span></div>
-      <div class="van-nav-bar__title van-ellipsis">标题</div>
-      <div class="van-nav-bar__right"><i class="van-icon van-icon-search" style="font-size: 18px;">
-          <!----></i></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/nav-bar/test/__snapshots__/index.spec.js.snap b/src-next/nav-bar/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 263a07ecc..000000000
--- a/src-next/nav-bar/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`placeholder prop 1`] = `
-<div class="van-nav-bar__placeholder" style="height: 50px;">
-  <div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
-    <div class="van-nav-bar__left"></div>
-    <div class="van-nav-bar__title van-ellipsis"></div>
-    <div class="van-nav-bar__right"></div>
-  </div>
-</div>
-`;
-
-exports[`render left & right slot 1`] = `
-<div class="van-nav-bar van-hairline--bottom">
-  <div class="van-nav-bar__left">Custom Left</div>
-  <div class="van-nav-bar__title van-ellipsis"></div>
-  <div class="van-nav-bar__right">Custom Right</div>
-</div>
-`;
-
-exports[`render title slot 1`] = `
-<div class="van-nav-bar van-hairline--bottom">
-  <div class="van-nav-bar__left"></div>
-  <div class="van-nav-bar__title van-ellipsis">Custom Title</div>
-  <div class="van-nav-bar__right"></div>
-</div>
-`;
diff --git a/src-next/nav-bar/test/demo.spec.js b/src-next/nav-bar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/nav-bar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/nav-bar/test/index.spec.js b/src-next/nav-bar/test/index.spec.js
deleted file mode 100644
index 63149c6e0..000000000
--- a/src-next/nav-bar/test/index.spec.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import NavBar from '..';
-import { mount, mockGetBoundingClientRect } from '../../../test';
-
-test('render left & right slot', () => {
-  const wrapper = mount(NavBar, {
-    scopedSlots: {
-      left: () => 'Custom Left',
-      right: () => 'Custom Right',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render title slot', () => {
-  const wrapper = mount(NavBar, {
-    scopedSlots: {
-      title: () => 'Custom Title',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('placeholder prop', () => {
-  const restore = mockGetBoundingClientRect({ height: 50 });
-
-  const wrapper = mount(NavBar, {
-    propsData: {
-      fixed: true,
-      placeholder: true,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-
-  restore();
-});
-
-test('click-left event', () => {
-  const wrapper = mount(NavBar, {
-    propsData: {
-      leftText: 'left',
-    },
-  });
-
-  wrapper.find('.van-nav-bar__left').trigger('click');
-  expect(wrapper.emitted('click-left')).toBeTruthy();
-});
-
-test('click-right event', () => {
-  const wrapper = mount(NavBar, {
-    propsData: {
-      rightText: 'right',
-    },
-  });
-
-  wrapper.find('.van-nav-bar__right').trigger('click');
-  expect(wrapper.emitted('click-right')).toBeTruthy();
-});
diff --git a/src-next/overlay/README.md b/src-next/overlay/README.md
deleted file mode 100644
index 31fba67b1..000000000
--- a/src-next/overlay/README.md
+++ /dev/null
@@ -1,79 +0,0 @@
-# Overlay
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Overlay } from 'vant';
-
-Vue.use(Overlay);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-button type="primary" text="Show Overlay" @click="show = true" />
-<van-overlay :show="show" @click="show = false" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false
-    }
-  }
-},
-```
-
-### Embedded Content
-
-```html
-<van-overlay :show="show" @click="show = false">
-  <div class="wrapper" @click.stop>
-    <div class="block" />
-  </div>
-</van-overlay>
-
-<style>
-  .wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  .block {
-    width: 120px;
-    height: 120px;
-    background-color: #fff;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| show | Whether to show overlay | _boolean_ | `false` |
-| z-index | z-index | _number \| string_ | `1` |
-| duration | Animation duration | _number \| string_ | `0.3` |
-| class-name | ClassName | _string_ | - |
-| custom-class `v2.2.5` | Custom style | _object_ | - |
-| lock-scroll `v2.6.2` | Whether to lock background scroll | _boolean_ | `true` |
-
-### Events
-
-| Event | Description            | Arguments      |
-| ----- | ---------------------- | -------------- |
-| click | Triggered when clicked | _event: Event_ |
-
-### Slots
-
-| Name             | Description  |
-| ---------------- | ------------ |
-| default `v2.2.5` | Default slot |
diff --git a/src-next/overlay/README.zh-CN.md b/src-next/overlay/README.zh-CN.md
deleted file mode 100644
index 9d70faa1b..000000000
--- a/src-next/overlay/README.zh-CN.md
+++ /dev/null
@@ -1,85 +0,0 @@
-# Overlay 遮罩层
-
-### 介绍
-
-创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Overlay } from 'vant';
-
-Vue.use(Overlay);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-button type="primary" text="显示遮罩层" @click="show = true" />
-<van-overlay :show="show" @click="show = false" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false
-    }
-  }
-},
-```
-
-### 嵌入内容
-
-通过默认插槽可以在遮罩层上嵌入任意内容
-
-```html
-<van-overlay :show="show" @click="show = false">
-  <div class="wrapper" @click.stop>
-    <div class="block" />
-  </div>
-</van-overlay>
-
-<style>
-  .wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  .block {
-    width: 120px;
-    height: 120px;
-    background-color: #fff;
-  }
-</style>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| show | 是否展示遮罩层 | _boolean_ | `false` |
-| z-index | z-index 层级 | _number \| string_ | `1` |
-| duration | 动画时长，单位秒 | _number \| string_ | `0.3` |
-| class-name | 自定义类名 | _string_ | - |
-| custom-style `v2.2.5` | 自定义样式 | _object_ | - |
-| lock-scroll `v2.6.2` | 是否锁定背景滚动，锁定时蒙层里的内容也将无法滚动 | _boolean_ | `true` |
-
-### Events
-
-| 事件名 | 说明       | 回调参数       |
-| ------ | ---------- | -------------- |
-| click  | 点击时触发 | _event: Event_ |
-
-### Slots
-
-| 名称             | 说明                               |
-| ---------------- | ---------------------------------- |
-| default `v2.0.5` | 默认插槽，用于在遮罩层上方嵌入内容 |
diff --git a/src-next/overlay/demo/index.vue b/src-next/overlay/demo/index.vue
deleted file mode 100644
index a919f4f8c..000000000
--- a/src-next/overlay/demo/index.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-button
-        type="primary"
-        :text="t('showOverlay')"
-        style="margin-left: 16px;"
-        @click="show = true"
-      />
-
-      <van-overlay :show="show" @click="show = false" />
-    </demo-block>
-
-    <demo-block :title="t('embeddedContent')">
-      <van-button
-        type="primary"
-        :text="t('embeddedContent')"
-        style="margin-left: 16px;"
-        @click="showEmbedded = true"
-      />
-
-      <van-overlay :show="showEmbedded" @click="showEmbedded = false">
-        <div class="wrapper">
-          <div class="block" />
-        </div>
-      </van-overlay>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      showOverlay: '显示遮罩层',
-      embeddedContent: '嵌入内容',
-    },
-    'en-US': {
-      showOverlay: 'Show Overlay',
-      embeddedContent: 'Embedded Content',
-    },
-  },
-
-  data() {
-    return {
-      show: false,
-      showEmbedded: false,
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-overlay {
-  background: @white;
-
-  .wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  .block {
-    width: 120px;
-    height: 120px;
-    background-color: @white;
-  }
-}
-</style>
diff --git a/src-next/overlay/index.less b/src-next/overlay/index.less
deleted file mode 100644
index 3b547cff9..000000000
--- a/src-next/overlay/index.less
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '../style/var';
-
-.van-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: @overlay-z-index;
-  width: 100%;
-  height: 100%;
-  background-color: @overlay-background-color;
-}
diff --git a/src-next/overlay/test/__snapshots__/demo.spec.js.snap b/src-next/overlay/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 2179861ea..000000000
--- a/src-next/overlay/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
-      <div class="van-button__content"><span class="van-button__text">显示遮罩层</span></div>
-    </button>
-    <div class="van-overlay" style="display: none;" name="van-fade"></div>
-  </div>
-  <div><button class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
-      <div class="van-button__content"><span class="van-button__text">嵌入内容</span></div>
-    </button>
-    <div class="van-overlay" style="display: none;" name="van-fade">
-      <div class="wrapper">
-        <div class="block"></div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/overlay/test/__snapshots__/index.spec.js.snap b/src-next/overlay/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 07b7885df..000000000
--- a/src-next/overlay/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`class-name prop 1`] = `<div class="van-overlay my-overlay" name="van-fade"></div>`;
-
-exports[`custom style prop 1`] = `<div class="van-overlay" style="background-color: red;" name="van-fade"></div>`;
-
-exports[`default slot 1`] = `<div class="van-overlay" style="display: none;" name="van-fade">Custom Default</div>`;
-
-exports[`duration prop 1`] = `<div class="van-overlay" style="animation-duration: 1s;" name="van-fade"></div>`;
-
-exports[`z-index prop 1`] = `<div class="van-overlay" style="z-index: 99;" name="van-fade"></div>`;
diff --git a/src-next/overlay/test/demo.spec.js b/src-next/overlay/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/overlay/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/overlay/test/index.spec.js b/src-next/overlay/test/index.spec.js
deleted file mode 100644
index 093aa569c..000000000
--- a/src-next/overlay/test/index.spec.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import { mount } from '../../../test';
-import Overlay from '..';
-
-test('z-index prop', () => {
-  const wrapper = mount(Overlay, {
-    propsData: {
-      show: true,
-      zIndex: 99,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('class-name prop', () => {
-  const wrapper = mount(Overlay, {
-    propsData: {
-      show: true,
-      className: 'my-overlay',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('custom style prop', () => {
-  const wrapper = mount(Overlay, {
-    propsData: {
-      show: true,
-      customStyle: {
-        backgroundColor: 'red',
-      },
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('duration prop', () => {
-  const wrapper = mount(Overlay, {
-    propsData: {
-      show: true,
-      duration: 1,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click event', () => {
-  const onClick = jest.fn();
-  const wrapper = mount(Overlay, {
-    context: {
-      on: {
-        click: onClick,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(onClick).toHaveBeenCalledTimes(1);
-});
-
-test('default slot', () => {
-  const wrapper = mount(Overlay, {
-    scopedSlots: {
-      default: () => 'Custom Default',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('lock-scroll prop', () => {
-  const onTouchMove = jest.fn();
-  const wrapper = mount({
-    template: `
-      <div @touchmove="onTouchMove">
-        <van-overlay :lock-scroll="lockScroll" />
-      </div>
-    `,
-    data() {
-      return {
-        lockScroll: true,
-      };
-    },
-    methods: {
-      onTouchMove,
-    },
-  });
-
-  wrapper.find('.van-overlay').trigger('touchmove');
-  expect(onTouchMove).toHaveBeenCalledTimes(0);
-
-  wrapper.setData({ lockScroll: false });
-  wrapper.find('.van-overlay').trigger('touchmove');
-  expect(onTouchMove).toHaveBeenCalledTimes(1);
-});
diff --git a/src-next/pagination/README.md b/src-next/pagination/README.md
deleted file mode 100644
index 42ca945df..000000000
--- a/src-next/pagination/README.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# Pagination
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Pagination } from 'vant';
-
-Vue.use(Pagination);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentPage: 1,
-    };
-  },
-};
-```
-
-### Simple mode
-
-```html
-<van-pagination v-model="currentPage" :page-count="12" mode="simple" />
-```
-
-### Show ellipses
-
-```html
-<van-pagination
-  v-model="currentPage"
-  :total-items="125"
-  :show-page-size="3"
-  force-ellipses
-/>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model | Current page number | _number_ | - |
-| mode | Mode, can be set to `simple` `multi` | _string_ | `multi` |
-| prev-text | Previous text | _string_ | `Previous` |
-| next-text | Next text | _string_ | `Next` |
-| total-items | Total items | _number \| string_ | `0` |
-| items-per-page | Item number per page | _number \| string_ | `10` |
-| page-count | The total number of pages, if not set, will be calculated based on `total-items` and `items-per-page` | _number \| string_ | `-` |
-| show-page-size | Count of page size to show | _number \| string_ | `5` |
-| force-ellipses | Whether to show ellipses | _boolean_ | `false` |
-
-### Events
-
-| Event  | Description              | Arguments |
-| ------ | ------------------------ | --------- |
-| change | Triggered on page change | -         |
diff --git a/src-next/pagination/README.zh-CN.md b/src-next/pagination/README.zh-CN.md
deleted file mode 100644
index 89a5dcb44..000000000
--- a/src-next/pagination/README.zh-CN.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# Pagination 分页
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Pagination } from 'vant';
-
-Vue.use(Pagination);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      currentPage: 1,
-    };
-  },
-};
-```
-
-### 简单模式
-
-```html
-<van-pagination v-model="currentPage" :page-count="12" mode="simple" />
-```
-
-### 显示省略号
-
-```html
-<van-pagination
-  v-model="currentPage"
-  :total-items="125"
-  :show-page-size="3"
-  force-ellipses
-/>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 当前页码 | _number_ | - |
-| mode | 显示模式，可选值为 `simple` | _string_ | `multi` |
-| prev-text | 上一页按钮文字 | _string_ | `上一页` |
-| next-text | 下一页按钮文字 | _string_ | `下一页` |
-| page-count | 总页数 | _number \| string_ | 根据页数计算 |
-| total-items | 总记录数 | _number \| string_ | `0` |
-| items-per-page | 每页记录数 | _number \| string_ | `10` |
-| show-page-size | 显示的页码个数 | _number \| string_ | `5` |
-| force-ellipses | 是否显示省略号 | _boolean_ | `false` |
-
-### Events
-
-| 事件名 | 说明           | 回调参数 |
-| ------ | -------------- | -------- |
-| change | 页码改变时触发 | -        |
diff --git a/src-next/pagination/demo/index.vue b/src-next/pagination/demo/index.vue
deleted file mode 100644
index d579d6819..000000000
--- a/src-next/pagination/demo/index.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-pagination
-        v-model="currentPage1"
-        :total-items="24"
-        :items-per-page="5"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-      />
-    </demo-block>
-
-    <demo-block :title="t('title2')">
-      <van-pagination
-        v-model="currentPage2"
-        :page-count="12"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-        mode="simple"
-        size="small"
-      />
-    </demo-block>
-
-    <demo-block :title="t('title3')">
-      <van-pagination
-        v-model="currentPage3"
-        force-ellipses
-        :total-items="125"
-        :show-page-size="3"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title2: '简单模式',
-      title3: '显示省略号',
-      prevText: '上一页',
-      nextText: '下一页',
-    },
-    'en-US': {
-      title2: 'Simple Mode',
-      title3: 'Show ellipses',
-      prevText: 'Prev',
-      nextText: 'Next',
-    },
-  },
-
-  data() {
-    return {
-      currentPage1: 1,
-      currentPage2: 1,
-      currentPage3: 1,
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-pagination {
-  .van-pagination {
-    width: 100%;
-    margin: 5px 0;
-  }
-
-  .van-doc-demo-block {
-    padding: 0 @padding-md;
-  }
-
-  .van-doc-demo-block__title {
-    padding-left: 0;
-  }
-}
-</style>
diff --git a/src-next/pagination/index.js b/src-next/pagination/index.js
deleted file mode 100644
index 8eddb1dcf..000000000
--- a/src-next/pagination/index.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import { createNamespace } from '../utils';
-import { BORDER } from '../utils/constant';
-
-const [createComponent, bem, t] = createNamespace('pagination');
-
-function makePage(number, text, active) {
-  return { number, text, active };
-}
-
-export default createComponent({
-  props: {
-    prevText: String,
-    nextText: String,
-    forceEllipses: Boolean,
-    mode: {
-      type: String,
-      default: 'multi',
-    },
-    modelValue: {
-      type: Number,
-      default: 0,
-    },
-    pageCount: {
-      type: [Number, String],
-      default: 0,
-    },
-    totalItems: {
-      type: [Number, String],
-      default: 0,
-    },
-    itemsPerPage: {
-      type: [Number, String],
-      default: 10,
-    },
-    showPageSize: {
-      type: [Number, String],
-      default: 5,
-    },
-  },
-
-  emits: ['change', 'update:modelValue'],
-
-  computed: {
-    count() {
-      const count =
-        this.pageCount || Math.ceil(this.totalItems / this.itemsPerPage);
-      return Math.max(1, count);
-    },
-
-    pages() {
-      const pages = [];
-      const pageCount = this.count;
-      const showPageSize = +this.showPageSize;
-
-      if (this.mode !== 'multi') {
-        return pages;
-      }
-
-      // Default page limits
-      let startPage = 1;
-      let endPage = pageCount;
-      const isMaxSized = showPageSize < pageCount;
-
-      // recompute if showPageSize
-      if (isMaxSized) {
-        // Current page is displayed in the middle of the visible ones
-        startPage = Math.max(this.modelValue - Math.floor(showPageSize / 2), 1);
-        endPage = startPage + showPageSize - 1;
-
-        // Adjust if limit is exceeded
-        if (endPage > pageCount) {
-          endPage = pageCount;
-          startPage = endPage - showPageSize + 1;
-        }
-      }
-
-      // Add page number links
-      for (let number = startPage; number <= endPage; number++) {
-        const page = makePage(number, number, number === this.modelValue);
-        pages.push(page);
-      }
-
-      // Add links to move between page sets
-      if (isMaxSized && showPageSize > 0 && this.forceEllipses) {
-        if (startPage > 1) {
-          const previousPageSet = makePage(startPage - 1, '...', false);
-          pages.unshift(previousPageSet);
-        }
-
-        if (endPage < pageCount) {
-          const nextPageSet = makePage(endPage + 1, '...', false);
-          pages.push(nextPageSet);
-        }
-      }
-
-      return pages;
-    },
-  },
-
-  watch: {
-    modelValue: {
-      handler(page) {
-        this.select(page);
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    select(page, emitChange) {
-      page = Math.min(this.count, Math.max(1, page));
-      if (this.modelValue !== page) {
-        this.$emit('update:modelValue', page);
-
-        if (emitChange) {
-          this.$emit('change', page);
-        }
-      }
-    },
-  },
-
-  render() {
-    const value = this.modelValue;
-    const simple = this.mode !== 'multi';
-
-    const onSelect = (value) => () => {
-      this.select(value, true);
-    };
-
-    return (
-      <ul class={bem({ simple })}>
-        <li
-          class={[bem('item', { disabled: value === 1 }), bem('prev'), BORDER]}
-          onClick={onSelect(value - 1)}
-        >
-          {this.prevText || t('prev')}
-        </li>
-        {this.pages.map((page) => (
-          <li
-            class={[bem('item', { active: page.active }), bem('page'), BORDER]}
-            onClick={onSelect(page.number)}
-          >
-            {page.text}
-          </li>
-        ))}
-        {simple && (
-          <li class={bem('page-desc')}>
-            {this.$slots.pageDesc
-              ? this.$slots.pageDesc()
-              : `${value}/${this.count}`}
-          </li>
-        )}
-        <li
-          class={[
-            bem('item', { disabled: value === this.count }),
-            bem('next'),
-            BORDER,
-          ]}
-          onClick={onSelect(value + 1)}
-        >
-          {this.nextText || t('next')}
-        </li>
-      </ul>
-    );
-  },
-});
diff --git a/src-next/pagination/index.less b/src-next/pagination/index.less
deleted file mode 100644
index 862b1677c..000000000
--- a/src-next/pagination/index.less
+++ /dev/null
@@ -1,77 +0,0 @@
-@import '../style/var';
-
-.van-pagination {
-  display: flex;
-  font-size: @pagination-font-size;
-
-  &__item,
-  &__page-desc {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__item {
-    flex: 1;
-    box-sizing: border-box;
-    min-width: @pagination-item-width;
-    height: @pagination-height;
-    color: @pagination-item-default-color;
-    background-color: @pagination-background-color;
-    cursor: pointer;
-    user-select: none;
-
-    &:active {
-      color: @white;
-      background-color: @pagination-item-default-color;
-    }
-
-    &::after {
-      border-width: @border-width-base 0 @border-width-base @border-width-base;
-    }
-
-    &:last-child::after {
-      border-right-width: @border-width-base;
-    }
-
-    &--active {
-      color: @white;
-      background-color: @pagination-item-default-color;
-    }
-  }
-
-  &__prev,
-  &__next {
-    padding: 0 @padding-base;
-    cursor: pointer;
-  }
-
-  &__item--disabled {
-    &,
-    &:active {
-      color: @pagination-item-disabled-color;
-      background-color: @pagination-item-disabled-background-color;
-      cursor: not-allowed;
-      opacity: @pagination-disabled-opacity;
-    }
-  }
-
-  &__page {
-    flex-grow: 0;
-  }
-
-  &__page-desc {
-    flex: 1;
-    height: @pagination-height;
-    color: @pagination-desc-color;
-  }
-
-  &--simple {
-    .van-pagination__prev,
-    .van-pagination__next {
-      &::after {
-        border-width: @border-width-base;
-      }
-    }
-  }
-}
diff --git a/src-next/pagination/test/__snapshots__/demo.spec.js.snap b/src-next/pagination/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index c4e54ef49..000000000
--- a/src-next/pagination/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <ul class="van-pagination">
-      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
-      <li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">2</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">3</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">4</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">5</li>
-      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
-    </ul>
-  </div>
-  <div>
-    <ul class="van-pagination van-pagination--simple" size="small">
-      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
-      <li class="van-pagination__page-desc">1/12</li>
-      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
-    </ul>
-  </div>
-  <div>
-    <ul class="van-pagination">
-      <li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
-      <li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">2</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">3</li>
-      <li class="van-pagination__item van-pagination__page van-hairline">...</li>
-      <li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
-    </ul>
-  </div>
-</div>
-`;
diff --git a/src-next/pagination/test/demo.spec.js b/src-next/pagination/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/pagination/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/popup/README.md b/src-next/popup/README.md
deleted file mode 100644
index 0b6e81530..000000000
--- a/src-next/popup/README.md
+++ /dev/null
@@ -1,138 +0,0 @@
-# Popup
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Popup } from 'vant';
-
-Vue.use(Popup);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-cell is-link @click="showPopup">Show Popup</van-cell>
-<van-popup v-model:show="show">Content</van-popup>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-    };
-  },
-
-  methods: {
-    showPopup() {
-      this.show = true;
-    },
-  },
-};
-```
-
-### Position
-
-Use `position` prop to set popup display position
-
-```html
-<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
-```
-
-### Close Icon
-
-```html
-<van-popup
-  v-model:show="show"
-  closeable
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-<!-- Custom Icon -->
-<van-popup
-  v-model:show="show"
-  closeable
-  close-icon="close"
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-<!-- Icon Position -->
-<van-popup
-  v-model:show="show"
-  closeable
-  close-icon-position="top-left"
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-```
-
-### Round Corner
-
-```html
-<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
-```
-
-### Get Container
-
-Use `get-container` prop to specify mount location
-
-```html
-<!-- mount to body -->
-<van-popup v-model:show="show" get-container="body" />
-
-<!-- mount to #app -->
-<van-popup v-model:show="show" get-container="#app" />
-
-<!-- Specify the mount location by function -->
-<van-popup v-model:show="show" :get-container="getContainer" />
-```
-
-```js
-export default {
-  methods: {
-    getContainer() {
-      return document.querySelector('.my-container');
-    },
-  },
-};
-```
-
-> Tips: The get-container prop cannot be used on the root node
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model:show | Whether to show popup | _boolean_ | `false` |
-| overlay | Whether to show overlay | _boolean_ | `true` |
-| position | Can be set to `top` `bottom` `right` `left` | _string_ | `center` |
-| overlay-class | Custom overlay class | _string_ | - |
-| overlay-style | Custom overlay style | _object_ | - |
-| duration | Transition duration, unit second | _number \| string_ | `0.3` |
-| round `v2.0.7` | Whether to show round corner | _boolean_ | `false` |
-| lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
-| lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
-| close-on-popstate `v2.2.10` | Whether to close when popstate | _boolean_ | `false` |
-| close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
-| closeable `v2.2.0` | Whether to show close icon | _boolean_ | `false` |
-| close-icon `v2.2.0` | Close icon name | _string_ | `cross` |
-| close-icon-position `v2.2.2` | Close Icon Position，can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
-| transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
-| get-container | Return the mount node for Popup | _string \| () => Element_ | - |
-| safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
-
-### Events
-
-| Event         | Description                  | Arguments      |
-| ------------- | ---------------------------- | -------------- |
-| click         | Triggered when click Popup   | _event: Event_ |
-| open          | Triggered when open Popup    | -              |
-| close         | Triggered when close Popup   | -              |
-| opened        | Triggered when opened Popup  | -              |
-| closed        | Triggered when closed Popup  | -              |
-| click-overlay | Triggered when click overlay | -              |
diff --git a/src-next/popup/README.zh-CN.md b/src-next/popup/README.zh-CN.md
deleted file mode 100644
index 017d8628f..000000000
--- a/src-next/popup/README.zh-CN.md
+++ /dev/null
@@ -1,149 +0,0 @@
-# Popup 弹出层
-
-### 介绍
-
-弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Popup } from 'vant';
-
-Vue.use(Popup);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过 `v-model:show` 控制弹出层是否展示
-
-```html
-<van-cell is-link @click="showPopup">展示弹出层</van-cell>
-<van-popup v-model:show="show">内容</van-popup>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-    };
-  },
-
-  methods: {
-    showPopup() {
-      this.show = true;
-    },
-  },
-};
-```
-
-### 弹出位置
-
-通过`position`属性设置弹出位置，默认居中弹出，可以设置为`top`、`bottom`、`left`、`right`
-
-```html
-<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
-```
-
-### 关闭图标
-
-设置`closeable`属性后，会在弹出层的右上角显示关闭图标，并且可以通过`close-icon`属性自定义图标，使用`close-icon-position`属性可以自定义图标位置
-
-```html
-<van-popup
-  v-model:show="show"
-  closeable
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-<!-- 自定义图标 -->
-<van-popup
-  v-model:show="show"
-  closeable
-  close-icon="close"
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-<!-- 图标位置 -->
-<van-popup
-  v-model:show="show"
-  closeable
-  close-icon-position="top-left"
-  position="bottom"
-  :style="{ height: '30%' }"
-/>
-```
-
-### 圆角弹窗
-
-设置`round`属性后，弹窗会根据弹出位置添加不同的圆角样式
-
-```html
-<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
-```
-
-### 指定挂载位置
-
-弹出层默认挂载到组件所在位置，可以通过`get-container`属性指定挂载位置
-
-```html
-<!-- 挂载到 body 节点下 -->
-<van-popup v-model:show="show" get-container="body" />
-
-<!-- 挂载到 #app 节点下 -->
-<van-popup v-model:show="show" get-container="#app" />
-
-<!-- 通过函数指定挂载位置 -->
-<van-popup v-model:show="show" :get-container="getContainer" />
-```
-
-```js
-export default {
-  methods: {
-    // 返回一个特定的 DOM 节点，作为挂载的父节点
-    getContainer() {
-      return document.querySelector('.my-container');
-    },
-  },
-};
-```
-
-> 注意：使用 get-container 属性的组件不能为根节点
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model:show | 是否显示弹出层 | _boolean_ | `false` |
-| overlay | 是否显示遮罩层 | _boolean_ | `true` |
-| position | 弹出位置，可选值为 `top` `bottom` `right` `left` | _string_ | `center` |
-| overlay-class | 自定义遮罩层类名 | _string_ | - |
-| overlay-style | 自定义遮罩层样式 | _object_ | - |
-| duration | 动画时长，单位秒 | _number \| string_ | `0.3` |
-| round `v2.0.7` | 是否显示圆角 | _boolean_ | `false` |
-| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
-| close-on-popstate `v2.2.10` | 是否在页面回退时自动关闭 | _boolean_ | `false` |
-| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
-| closeable `v2.2.0` | 是否显示关闭图标 | _boolean_ | `false` |
-| close-icon `v2.2.0` | 关闭图标名称或图片链接 | _string_ | `cross` |
-| close-icon-position `v2.2.2` | 关闭图标位置，可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
-| transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| get-container | 指定挂载的节点 | _string \| () => Element_ | - |
-| safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
-
-### Events
-
-| 事件名        | 说明                       | 回调参数       |
-| ------------- | -------------------------- | -------------- |
-| click         | 点击弹出层时触发           | _event: Event_ |
-| open          | 打开弹出层时触发           | -              |
-| close         | 关闭弹出层时触发           | -              |
-| opened        | 打开弹出层且动画结束后触发 | -              |
-| closed        | 关闭弹出层且动画结束后触发 | -              |
-| click-overlay | 点击遮罩层时触发           | -              |
diff --git a/src-next/popup/demo/index.vue b/src-next/popup/demo/index.vue
deleted file mode 100644
index c3260d820..000000000
--- a/src-next/popup/demo/index.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
-      <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
-        {{ t('content') }}
-      </van-popup>
-    </demo-block>
-
-    <demo-block card :title="t('position')">
-      <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
-      <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
-      <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
-      <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
-
-      <van-popup
-        v-model:show="showTop"
-        position="top"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showBottom"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showLeft"
-        position="left"
-        :style="{ width: '30%', height: '100%' }"
-      />
-      <van-popup
-        v-model:show="showRight"
-        position="right"
-        :style="{ width: '30%', height: '100%' }"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('closeIcon')">
-      <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
-      <van-cell
-        :title="t('customCloseIcon')"
-        is-link
-        @click="showCustomCloseIcon = true"
-      />
-      <van-cell
-        :title="t('customIconPosition')"
-        is-link
-        @click="showCustomIconPosition = true"
-      />
-
-      <van-popup
-        v-model:show="showCloseIcon"
-        closeable
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomCloseIcon"
-        closeable
-        close-icon="close"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomIconPosition"
-        closeable
-        close-icon-position="top-left"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('roundCorner')">
-      <van-cell
-        :title="t('roundCorner')"
-        is-link
-        @click="showRoundCorner = true"
-      />
-      <van-popup
-        v-model:show="showRoundCorner"
-        round
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
-
-    <demo-block card v-if="!isWeapp" :title="t('getContainer')">
-      <van-cell
-        :title="t('getContainer')"
-        is-link
-        @click="showGetContainer = true"
-      />
-      <van-popup
-        v-model:show="showGetContainer"
-        get-container="body"
-        :style="{ padding: '30px 50px' }"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      position: '弹出位置',
-      buttonBasic: '展示弹出层',
-      buttonTop: '顶部弹出',
-      buttonBottom: '底部弹出',
-      buttonLeft: '左侧弹出',
-      buttonRight: '右侧弹出',
-      getContainer: '指定挂载节点',
-      roundCorner: '圆角弹窗',
-      closeIcon: '关闭图标',
-      customCloseIcon: '自定义图标',
-      customIconPosition: '图标位置',
-    },
-    'en-US': {
-      position: 'Position',
-      buttonBasic: 'Show Popup',
-      buttonTop: 'From Top',
-      buttonBottom: 'From Bottom',
-      buttonLeft: 'From Left',
-      buttonRight: 'From Right',
-      getContainer: 'Get Container',
-      roundCorner: 'Round Corner',
-      closeIcon: 'Close Icon',
-      customCloseIcon: 'Custom Icon',
-      customIconPosition: 'Icon Position',
-    },
-  },
-
-  data() {
-    return {
-      showBasic: false,
-      showTop: false,
-      showBottom: false,
-      showLeft: false,
-      showRight: false,
-      showCloseIcon: false,
-      showRoundCorner: false,
-      showGetContainer: false,
-      showCustomCloseIcon: false,
-      showCustomIconPosition: false,
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-popup {
-  .van-row {
-    margin-bottom: @padding-md;
-  }
-
-  .van-button {
-    margin-left: @padding-md;
-  }
-}
-</style>
diff --git a/src-next/popup/index.js b/src-next/popup/index.js
deleted file mode 100644
index c77cea282..000000000
--- a/src-next/popup/index.js
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Teleport, Transition } from 'vue';
-import { createNamespace, isDef, isFunction } from '../utils';
-import { PopupMixin } from '../mixins/popup';
-import Icon from '../icon';
-import Overlay from '../overlay';
-
-const [createComponent, bem] = createNamespace('popup');
-
-export default createComponent({
-  mixins: [PopupMixin()],
-
-  inheritAttrs: false,
-
-  props: {
-    round: Boolean,
-    duration: [Number, String],
-    closeable: Boolean,
-    transition: String,
-    safeAreaInsetBottom: Boolean,
-    closeIcon: {
-      type: String,
-      default: 'cross',
-    },
-    closeIconPosition: {
-      type: String,
-      default: 'top-right',
-    },
-    position: {
-      type: String,
-      default: 'center',
-    },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  emits: [
-    'open',
-    'close',
-    'click',
-    'opened',
-    'closed',
-    'update:show',
-    'click-overlay',
-  ],
-
-  beforeCreate() {
-    const createEmitter = (eventName) => (event) =>
-      this.$emit(eventName, event);
-
-    this.onClick = createEmitter('click');
-    this.onOpened = createEmitter('opened');
-    this.onClosed = createEmitter('closed');
-  },
-
-  methods: {
-    genOverlay() {
-      if (this.overlay) {
-        return <Overlay show={this.show} onClick={this.onClickOverlay} />;
-      }
-    },
-
-    genPopup() {
-      const { round, position, duration } = this;
-      const isCenter = position === 'center';
-
-      const transitionName =
-        this.transition ||
-        (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
-
-      const style = {};
-      if (isDef(duration)) {
-        const key = isCenter ? 'animationDuration' : 'transitionDuration';
-        style[key] = `${duration}s`;
-      }
-
-      return (
-        <Transition
-          name={transitionName}
-          onAfterEnter={this.onOpened}
-          onAfterLeave={this.onClosed}
-        >
-          {this.shouldRender ? (
-            <div
-              vShow={this.show}
-              ref="root"
-              style={style}
-              class={bem({
-                round,
-                [position]: position,
-                'safe-area-inset-bottom': this.safeAreaInsetBottom,
-              })}
-              onClick={this.onClick}
-              {...this.$attrs}
-            >
-              {this.$slots.default?.()}
-              {this.closeable && (
-                <Icon
-                  role="button"
-                  tabindex="0"
-                  name={this.closeIcon}
-                  class={bem('close-icon', this.closeIconPosition)}
-                  onClick={this.close}
-                />
-              )}
-            </div>
-          ) : null}
-        </Transition>
-      );
-    },
-  },
-
-  render() {
-    const { getContainer } = this;
-    if (getContainer) {
-      const to = isFunction(getContainer) ? getContainer() : getContainer;
-      return (
-        <Teleport to={to}>
-          {this.genOverlay()}
-          {this.genPopup()}
-        </Teleport>
-      );
-    }
-
-    return (
-      <>
-        {this.genOverlay()}
-        {this.genPopup()}
-      </>
-    );
-  },
-});
diff --git a/src-next/popup/index.less b/src-next/popup/index.less
deleted file mode 100644
index 88eec745b..000000000
--- a/src-next/popup/index.less
+++ /dev/null
@@ -1,137 +0,0 @@
-@import '../style/var';
-
-.van {
-  &-overflow-hidden {
-    overflow: hidden !important;
-  }
-
-  &-popup {
-    position: fixed;
-    max-height: 100%;
-    overflow-y: auto;
-    background-color: @popup-background-color;
-    transition: @popup-transition;
-    -webkit-overflow-scrolling: touch;
-
-    &--center {
-      top: 50%;
-      left: 50%;
-      transform: translate3d(-50%, -50%, 0);
-
-      &.van-popup--round {
-        border-radius: @popup-round-border-radius;
-      }
-    }
-
-    &--top {
-      top: 0;
-      left: 0;
-      width: 100%;
-
-      &.van-popup--round {
-        border-radius: 0 0 @popup-round-border-radius @popup-round-border-radius;
-      }
-    }
-
-    &--right {
-      top: 50%;
-      right: 0;
-      transform: translate3d(0, -50%, 0);
-
-      &.van-popup--round {
-        border-radius: @popup-round-border-radius 0 0 @popup-round-border-radius;
-      }
-    }
-
-    &--bottom {
-      bottom: 0;
-      left: 0;
-      width: 100%;
-
-      &.van-popup--round {
-        border-radius: @popup-round-border-radius @popup-round-border-radius 0 0;
-      }
-    }
-
-    &--left {
-      top: 50%;
-      left: 0;
-      transform: translate3d(0, -50%, 0);
-
-      &.van-popup--round {
-        border-radius: 0 @popup-round-border-radius @popup-round-border-radius 0;
-      }
-    }
-
-    &--safe-area-inset-bottom {
-      padding-bottom: constant(safe-area-inset-bottom);
-      padding-bottom: env(safe-area-inset-bottom);
-    }
-
-    &-slide-top-enter-active,
-    &-slide-left-enter-active,
-    &-slide-right-enter-active,
-    &-slide-bottom-enter-active {
-      transition-timing-function: ease-out;
-    }
-
-    &-slide-top-leave-active,
-    &-slide-left-leave-active,
-    &-slide-right-leave-active,
-    &-slide-bottom-leave-active {
-      transition-timing-function: ease-in;
-    }
-
-    &-slide-top-enter-from,
-    &-slide-top-leave-active {
-      transform: translate3d(0, -100%, 0);
-    }
-
-    &-slide-right-enter-from,
-    &-slide-right-leave-active {
-      transform: translate3d(100%, -50%, 0);
-    }
-
-    &-slide-bottom-enter-from,
-    &-slide-bottom-leave-active {
-      transform: translate3d(0, 100%, 0);
-    }
-
-    &-slide-left-enter-from,
-    &-slide-left-leave-active {
-      transform: translate3d(-100%, -50%, 0);
-    }
-
-    &__close-icon {
-      position: absolute;
-      z-index: @popup-close-icon-z-index;
-      color: @popup-close-icon-color;
-      font-size: @popup-close-icon-size;
-      cursor: pointer;
-
-      &:active {
-        color: @popup-close-icon-active-color;
-      }
-
-      &--top-left {
-        top: @popup-close-icon-margin;
-        left: @popup-close-icon-margin;
-      }
-
-      &--top-right {
-        top: @popup-close-icon-margin;
-        right: @popup-close-icon-margin;
-      }
-
-      &--bottom-left {
-        bottom: @popup-close-icon-margin;
-        left: @popup-close-icon-margin;
-      }
-
-      &--bottom-right {
-        right: @popup-close-icon-margin;
-        bottom: @popup-close-icon-margin;
-      }
-    }
-  }
-}
diff --git a/src-next/popup/test/__snapshots__/demo.spec.js.snap b/src-next/popup/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 29daf9410..000000000
--- a/src-next/popup/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,65 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>展示弹出层</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <!---->
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>顶部弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>底部弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>左侧弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>右侧弹出</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <!---->
-    <!---->
-    <!---->
-    <!---->
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>关闭图标</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>自定义图标</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>图标位置</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <!---->
-    <!---->
-    <!---->
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>圆角弹窗</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-    <!---->
-  </div>
-  <div>
-    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
-      <div class="van-cell__title"><span>指定挂载节点</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
-        <!----></i>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/popup/test/__snapshots__/index.spec.js.snap b/src-next/popup/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 8552d5572..000000000
--- a/src-next/popup/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`close-icon prop 1`] = `
-<div class="van-popup van-popup--center" name="van-fade"><i role="button" tabindex="0" class="van-icon van-icon-success van-popup__close-icon van-popup__close-icon--top-right">
-    <!----></i></div>
-`;
-
-exports[`duration prop when position is center 1`] = `<div class="van-popup van-popup--center" style="animation-duration: 0.5s;" name="van-fade"></div>`;
-
-exports[`duration prop when position is top 1`] = `<div class="van-popup van-popup--top" style="transition-duration: 0.5s;" name="van-popup-slide-top"></div>`;
-
-exports[`reset z-index 1`] = `<div class="van-popup van-popup--center" name="van-fade"></div>`;
-
-exports[`round prop 1`] = `<div class="van-popup van-popup--round van-popup--center" name="van-fade"></div>`;
diff --git a/src-next/popup/test/demo.spec.js b/src-next/popup/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/popup/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/popup/test/index.spec.js b/src-next/popup/test/index.spec.js
deleted file mode 100644
index f570087a7..000000000
--- a/src-next/popup/test/index.spec.js
+++ /dev/null
@@ -1,265 +0,0 @@
-import Popup from '..';
-import { mount, triggerDrag, later } from '../../../test';
-
-let wrapper;
-afterEach(() => {
-  wrapper.destroy();
-});
-
-test('lazy render', () => {
-  wrapper = mount(Popup);
-  expect(wrapper.vm.$el.tagName).toBeFalsy();
-  wrapper.vm.value = true;
-  expect(wrapper.vm.$el.tagName).toBeTruthy();
-});
-
-test('reset z-index', () => {
-  wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      zIndex: 10,
-      lockScroll: false,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('popup lock scroll', () => {
-  const wrapper1 = mount(Popup, {
-    propsData: {
-      value: true,
-    },
-  });
-  expect(document.body.classList.contains('van-overflow-hidden')).toBeTruthy();
-  triggerDrag(document, 0, 100);
-  triggerDrag(document, 0, -150);
-
-  const wrapper2 = mount(Popup, {
-    propsData: {
-      value: true,
-    },
-  });
-  wrapper1.vm.$destroy();
-  expect(document.body.classList.contains('van-overflow-hidden')).toBeTruthy();
-
-  wrapper2.vm.$destroy();
-  expect(document.body.classList.contains('van-overflow-hidden')).toBeFalsy();
-});
-
-test('get container with parent', () => {
-  const div1 = document.createElement('div');
-  const div2 = document.createElement('div');
-  wrapper = mount({
-    template: `
-      <div>
-        <popup :value="true" :get-container="getContainer" />
-      </div>
-    `,
-    components: {
-      Popup,
-    },
-    data() {
-      return {
-        getContainer: () => div1,
-      };
-    },
-  });
-  const popup = wrapper.find('.van-popup').element;
-
-  expect(popup.parentNode).toEqual(div1);
-  wrapper.vm.getContainer = () => div2;
-  expect(popup.parentNode).toEqual(div2);
-  wrapper.vm.getContainer = null;
-  expect(popup.parentNode).toEqual(wrapper.element);
-});
-
-test('get container with selector', () => {
-  wrapper = mount({
-    template: `
-      <div>
-        <popup class="get-container-selector-1" :value="true" get-container="body"></popup>
-        <popup class="get-container-selector-2" :value="true" get-container="unknown"></popup>
-      </div>
-    `,
-    components: {
-      Popup,
-    },
-  });
-
-  const dom1 = document.querySelector('.get-container-selector-1');
-  const dom2 = wrapper.vm.$el.querySelector('.get-container-selector-2');
-
-  expect(dom1.parentNode).toEqual(document.body);
-  expect(dom2.parentNode).toEqual(wrapper.vm.$el);
-});
-
-test('render overlay', async () => {
-  const div = document.createElement('div');
-  wrapper = mount({
-    template: `
-      <div>
-        <popup :value="true" :get-container="getContainer" />
-      </div>
-    `,
-    components: {
-      Popup,
-    },
-    data() {
-      return {
-        getContainer: () => div,
-      };
-    },
-  });
-
-  await later();
-
-  expect(div.querySelector('.van-overlay')).toBeTruthy();
-});
-
-test('watch overlay prop', async () => {
-  const div = document.createElement('div');
-  wrapper = mount({
-    template: `
-      <div>
-        <popup :value="show" :overlay="overlay" :get-container="getContainer" />
-      </div>
-    `,
-    components: {
-      Popup,
-    },
-    data() {
-      return {
-        show: false,
-        overlay: false,
-        getContainer: () => div,
-      };
-    },
-  });
-
-  await later();
-  expect(div.querySelector('.van-overlay')).toBeFalsy();
-
-  wrapper.setData({ overlay: true });
-  await later();
-  expect(div.querySelector('.van-overlay')).toBeFalsy();
-
-  wrapper.setData({ show: true });
-  await later();
-  expect(div.querySelector('.van-overlay')).toBeTruthy();
-});
-
-test('close on click overlay', async () => {
-  const div = document.createElement('div');
-  const onClickOverlay = jest.fn();
-
-  wrapper = mount({
-    template: `
-      <div>
-        <popup
-          v-model="value"
-          :get-container="getContainer"
-          @click-overlay="onClickOverlay"
-        />
-      </div>
-    `,
-    components: {
-      Popup,
-    },
-    data() {
-      return {
-        value: true,
-        getContainer: () => div,
-      };
-    },
-    methods: {
-      onClickOverlay,
-    },
-  });
-
-  await later();
-
-  const modal = div.querySelector('.van-overlay');
-  triggerDrag(modal, 0, -30);
-  modal.click();
-
-  expect(wrapper.vm.value).toBeFalsy();
-  expect(onClickOverlay).toHaveBeenCalledTimes(1);
-});
-
-test('open & close event', () => {
-  const wrapper = mount(Popup);
-  wrapper.vm.value = true;
-  expect(wrapper.emitted('open')).toBeTruthy();
-  wrapper.vm.value = false;
-  expect(wrapper.emitted('close')).toBeTruthy();
-});
-
-test('click event', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(wrapper.emitted('click')).toBeTruthy();
-});
-
-test('duration prop when position is center', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      duration: 0.5,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('duration prop when position is top', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      duration: 0.5,
-      position: 'top',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('round prop', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      round: true,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('closeable prop', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      closeable: true,
-    },
-  });
-
-  wrapper.find('.van-popup__close-icon').trigger('click');
-  expect(wrapper.emitted('input')[0][0]).toEqual(false);
-});
-
-test('close-icon prop', () => {
-  const wrapper = mount(Popup, {
-    propsData: {
-      value: true,
-      closeable: true,
-      closeIcon: 'success',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/progress/README.md b/src-next/progress/README.md
deleted file mode 100644
index a03e5b158..000000000
--- a/src-next/progress/README.md
+++ /dev/null
@@ -1,63 +0,0 @@
-# Progress
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Progress } from 'vant';
-
-Vue.use(Progress);
-```
-
-## Usage
-
-### Basic Usage
-
-Use 'percentage' prop to set current progress
-
-```html
-<van-progress :percentage="50" />
-```
-
-### Stroke Width
-
-```html
-<van-progress :percentage="50" stroke-width="8" />
-```
-
-### Inactive
-
-```html
-<van-progress inactive :percentage="50" />
-```
-
-### Custom Style
-
-Use `pivot-text` to custom text，use `color` to custom bar color
-
-```html
-<van-progress pivot-text="Orange" color="#f2826a" :percentage="25" />
-<van-progress pivot-text="Red" color="#ee0a24" :percentage="50" />
-<van-progress
-  :percentage="75"
-  pivot-text="Purple"
-  pivot-color="#7232dd"
-  color="linear-gradient(to right, #be99ff, #7232dd)"
-/>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| percentage | Percentage | _number \| string_ | `0` |
-| stroke-width `v2.2.1` | Stroke width | _number \| string_ | `4px` |
-| color | Color | _string_ | `#1989fa` |
-| track-color `v2.2.9` | Track color | _string_ | `#e5e5e5` |
-| pivot-text | Pivot text | _string_ | percentage |
-| pivot-color | Pivot text background color | _string_ | inherit progress color |
-| text-color | Pivot text color | _string_ | `white` |
-| inactive | Whether to be gray | _boolean_ | `false` |
-| show-pivot | Whether to show text | _boolean_ | `true` |
diff --git a/src-next/progress/README.zh-CN.md b/src-next/progress/README.zh-CN.md
deleted file mode 100644
index 856b9e8a1..000000000
--- a/src-next/progress/README.zh-CN.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# Progress 进度条
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Progress } from 'vant';
-
-Vue.use(Progress);
-```
-
-## 代码演示
-
-### 基础用法
-
-进度条默认为蓝色，使用`percentage`属性来设置当前进度
-
-```html
-<van-progress :percentage="50" />
-```
-
-### 线条粗细
-
-通过`stroke-width`可以设置进度条的粗细
-
-```html
-<van-progress :percentage="50" stroke-width="8" />
-```
-
-### 置灰
-
-设置`inactive`属性后进度条将置灰
-
-```html
-<van-progress inactive :percentage="50" />
-```
-
-### 样式定制
-
-可以使用`pivot-text`属性自定义文字，`color`属性自定义进度条颜色
-
-```html
-<van-progress pivot-text="橙色" color="#f2826a" :percentage="25" />
-<van-progress pivot-text="红色" color="#ee0a24" :percentage="50" />
-<van-progress
-  :percentage="75"
-  pivot-text="紫色"
-  pivot-color="#7232dd"
-  color="linear-gradient(to right, #be99ff, #7232dd)"
-/>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| percentage | 进度百分比 | _number \| string_ | `0` |
-| stroke-width `v2.2.1` | 进度条粗细，默认单位为`px` | _number \| string_ | `4px` |
-| color | 进度条颜色 | _string_ | `#1989fa` |
-| track-color `v2.2.9` | 轨道颜色 | _string_ | `#e5e5e5` |
-| pivot-text | 进度文字内容 | _string_ | 百分比 |
-| pivot-color | 进度文字背景色 | _string_ | 同进度条颜色 |
-| text-color | 进度文字颜色 | _string_ | `white` |
-| inactive | 是否置灰 | _boolean_ | `false` |
-| show-pivot | 是否显示进度文字 | _boolean_ | `true` |
diff --git a/src-next/progress/demo/index.vue b/src-next/progress/demo/index.vue
deleted file mode 100644
index f07c9d46f..000000000
--- a/src-next/progress/demo/index.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-progress :percentage="50" />
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('strokeWidth')">
-      <van-progress :percentage="50" stroke-width="8" />
-    </demo-block>
-
-    <demo-block :title="t('title2')">
-      <van-progress inactive :percentage="50" />
-    </demo-block>
-
-    <demo-block :title="t('title3')">
-      <van-progress
-        color="#f2826a"
-        :percentage="25"
-        :pivot-text="t('orange')"
-      />
-      <van-progress color="#ee0a24" :percentage="50" :pivot-text="t('red')" />
-      <van-progress
-        :percentage="75"
-        :pivot-text="t('purple')"
-        pivot-color="#7232dd"
-        color="linear-gradient(to right, #be99ff, #7232dd)"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title2: '置灰',
-      title3: '样式定制',
-      strokeWidth: '线条粗细',
-    },
-    'en-US': {
-      title2: 'Inactive',
-      title3: 'Custom Style',
-      strokeWidth: 'Stroke Width',
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-progress {
-  background: @white;
-
-  .van-progress {
-    margin: 20px;
-
-    &:first-of-type {
-      margin-top: 5px;
-    }
-  }
-}
-</style>
diff --git a/src-next/progress/index.js b/src-next/progress/index.js
deleted file mode 100644
index f12ca19a9..000000000
--- a/src-next/progress/index.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import { createNamespace, isDef, addUnit } from '../utils';
-
-const [createComponent, bem] = createNamespace('progress');
-
-export default createComponent({
-  props: {
-    color: String,
-    inactive: Boolean,
-    pivotText: String,
-    textColor: String,
-    pivotColor: String,
-    trackColor: String,
-    strokeWidth: [Number, String],
-    percentage: {
-      type: [Number, String],
-      required: true,
-      validator: (value) => value >= 0 && value <= 100,
-    },
-    showPivot: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  data() {
-    return {
-      pivotWidth: 0,
-      progressWidth: 0,
-    };
-  },
-
-  mounted() {
-    this.setWidth();
-  },
-
-  watch: {
-    showPivot: 'setWidth',
-    pivotText: 'setWidth',
-  },
-
-  methods: {
-    setWidth() {
-      this.$nextTick(() => {
-        this.progressWidth = this.$el.offsetWidth;
-        this.pivotWidth = this.$refs.pivot ? this.$refs.pivot.offsetWidth : 0;
-      });
-    },
-  },
-
-  render() {
-    const { pivotText, percentage } = this;
-    const text = isDef(pivotText) ? pivotText : percentage + '%';
-    const showPivot = this.showPivot && text;
-    const background = this.inactive ? '#cacaca' : this.color;
-
-    const pivotStyle = {
-      color: this.textColor,
-      left: `${((this.progressWidth - this.pivotWidth) * percentage) / 100}px`,
-      background: this.pivotColor || background,
-    };
-
-    const portionStyle = {
-      background,
-      width: (this.progressWidth * percentage) / 100 + 'px',
-    };
-
-    const wrapperStyle = {
-      background: this.trackColor,
-      height: addUnit(this.strokeWidth),
-    };
-
-    return (
-      <div class={bem()} style={wrapperStyle}>
-        <span class={bem('portion')} style={portionStyle}>
-          {showPivot && (
-            <span ref="pivot" style={pivotStyle} class={bem('pivot')}>
-              {text}
-            </span>
-          )}
-        </span>
-      </div>
-    );
-  },
-});
diff --git a/src-next/progress/index.less b/src-next/progress/index.less
deleted file mode 100644
index 984948680..000000000
--- a/src-next/progress/index.less
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '../style/var';
-
-.van-progress {
-  position: relative;
-  height: @progress-height;
-  background: @progress-background-color;
-  border-radius: @progress-height;
-
-  &__portion {
-    position: absolute;
-    left: 0;
-    height: 100%;
-    background: @progress-color;
-    border-radius: inherit;
-  }
-
-  &__pivot {
-    position: absolute;
-    top: 50%;
-    box-sizing: border-box;
-    min-width: 3.6em;
-    padding: @progress-pivot-padding;
-    color: @progress-pivot-text-color;
-    font-size: @progress-pivot-font-size;
-    line-height: @progress-pivot-line-height;
-    text-align: center;
-    word-break: keep-all;
-    background-color: @progress-pivot-background-color;
-    border-radius: 1em;
-    transform: translate(0, -50%);
-  }
-}
diff --git a/src-next/progress/test/__snapshots__/demo.spec.js.snap b/src-next/progress/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 66c2e29a9..000000000
--- a/src-next/progress/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">50%</span></span></div>
-  </div>
-  <div>
-    <div class="van-progress" style="height: 8px;"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">50%</span></span></div>
-  </div>
-  <div>
-    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(202, 202, 202); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(202, 202, 202);">50%</span></span></div>
-  </div>
-  <div>
-    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(242, 130, 106); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(242, 130, 106);">橙色</span></span></div>
-    <div class="van-progress"><span class="van-progress__portion" style="background: rgb(238, 10, 36); width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(238, 10, 36);">红色</span></span></div>
-    <div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px; background: rgb(114, 50, 221);">紫色</span></span></div>
-  </div>
-</div>
-`;
diff --git a/src-next/progress/test/__snapshots__/index.spec.js.snap b/src-next/progress/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 47201dd08..000000000
--- a/src-next/progress/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`calc width 1`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"></span></div>`;
-
-exports[`calc width 2`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">test</span></span></div>`;
diff --git a/src-next/progress/test/demo.spec.js b/src-next/progress/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/progress/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/progress/test/index.spec.js b/src-next/progress/test/index.spec.js
deleted file mode 100644
index 252abf346..000000000
--- a/src-next/progress/test/index.spec.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import Progress from '..';
-import { mount, later } from '../../../test';
-
-test('calc width', async () => {
-  const wrapper = mount(Progress, {
-    propsData: {
-      showPivot: false,
-      percentage: 100,
-    },
-  });
-  await later();
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper.vm.showPivot = true;
-  wrapper.vm.pivotText = 'test';
-  await later();
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('track color prop', async () => {
-  const wrapper = mount(Progress, {
-    propsData: {
-      trackColor: 'green',
-    },
-  });
-
-  expect(wrapper.element.style.background).toEqual('green');
-});
diff --git a/src-next/rate/README.md b/src-next/rate/README.md
deleted file mode 100644
index 46396f819..000000000
--- a/src-next/rate/README.md
+++ /dev/null
@@ -1,123 +0,0 @@
-# Rate
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Rate } from 'vant';
-
-Vue.use(Rate);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-rate v-model="value" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      value: 3,
-    };
-  },
-};
-```
-
-### Custom Icon
-
-```html
-<van-rate v-model="value" icon="like" void-icon="like-o" />
-```
-
-### Custom Style
-
-```html
-<van-rate
-  v-model="value"
-  :size="25"
-  color="#ffd21e"
-  void-icon="star"
-  void-color="#eee"
-/>
-```
-
-### Half Star
-
-```html
-<van-rate v-model="value" allow-half void-icon="star" void-color="#eee" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      value: 2.5,
-    };
-  },
-};
-```
-
-### Custom Count
-
-```html
-<van-rate v-model="value" :count="6" />
-```
-
-### Disabled
-
-```html
-<van-rate v-model="value" disabled />
-```
-
-### Readonly
-
-```html
-<van-rate v-model="value" readonly />
-```
-
-### Change Event
-
-```html
-<van-rate v-model="value" @change="onChange" />
-```
-
-```javascript
-export default {
-  method: {
-    onChange(value) {
-      Toast('current value:' + value);
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model | Current rate | _number_ | - |
-| count | Count | _number \| string_ | `5` |
-| size | Icon size | _number \| string_ | `20px` |
-| gutter | Icon gutter | _number \| string_ | `4px` |
-| color | Selected color | _string_ | `#ee0a24` |
-| void-color | Void color | _string_ | `#c8c9cc` |
-| disabled-color | Disabled color | _string_ | `#c8c9cc` |
-| icon | Selected icon | _string_ | `star` |
-| void-icon | Void icon | _string_ | `star-o` |
-| icon-prefix `v2.5.3` | Icon className prefix | _string_ | `van-icon` |
-| allow-half | Whether to allow half star | _boolean_ | `false` |
-| readonly | Whether to be readonly | _boolean_ | `false` |
-| disabled | Whether to disable rate | _boolean_ | `false` |
-| touchable `v2.2.0` | Whether to allow select rate by touch gesture | _boolean_ | `true` |
-
-### Events
-
-| Event  | Description                 | Parameters   |
-| ------ | --------------------------- | ------------ |
-| change | Triggered when rate changed | current rate |
diff --git a/src-next/rate/README.zh-CN.md b/src-next/rate/README.zh-CN.md
deleted file mode 100644
index 869edec83..000000000
--- a/src-next/rate/README.zh-CN.md
+++ /dev/null
@@ -1,123 +0,0 @@
-# Rate 评分
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Rate } from 'vant';
-
-Vue.use(Rate);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-rate v-model="value" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      value: 3,
-    };
-  },
-};
-```
-
-### 自定义图标
-
-```html
-<van-rate v-model="value" icon="like" void-icon="like-o" />
-```
-
-### 自定义样式
-
-```html
-<van-rate
-  v-model="value"
-  :size="25"
-  color="#ffd21e"
-  void-icon="star"
-  void-color="#eee"
-/>
-```
-
-### 半星
-
-```html
-<van-rate v-model="value" allow-half void-icon="star" void-color="#eee" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      value: 2.5,
-    };
-  },
-};
-```
-
-### 自定义数量
-
-```html
-<van-rate v-model="value" :count="6" />
-```
-
-### 禁用状态
-
-```html
-<van-rate v-model="value" disabled />
-```
-
-### 只读状态
-
-```html
-<van-rate v-model="value" readonly />
-```
-
-### 监听 change 事件
-
-```html
-<van-rate v-model="value" @change="onChange" />
-```
-
-```javascript
-export default {
-  method: {
-    onChange(value) {
-      Toast('当前值：' + value);
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 当前分值 | _number_ | - |
-| count | 图标总数 | _number \| string_ | `5` |
-| size | 图标大小，默认单位为`px` | _number \| string_ | `20px` |
-| gutter | 图标间距，默认单位为`px` | _number \| string_ | `4px` |
-| color | 选中时的颜色 | _string_ | `#ee0a24` |
-| void-color | 未选中时的颜色 | _string_ | `#c8c9cc` |
-| disabled-color | 禁用时的颜色 | _string_ | `#c8c9cc` |
-| icon | 选中时的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `star` |
-| void-icon | 未选中时的[图标名称](#/zh-CN/icon)或图片链接 | _string_ | `star-o` |
-| icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
-| allow-half | 是否允许半选 | _boolean_ | `false` |
-| readonly | 是否为只读状态  | _boolean_ | `false` |
-| disabled | 是否禁用评分 | _boolean_ | `false` |
-| touchable `v2.2.0` | 是否可以通过滑动手势选择评分 | _boolean_ | `true` |
-
-### Events
-
-| 事件名 | 说明                     | 回调参数 |
-| ------ | ------------------------ | -------- |
-| change | 当前分值变化时触发的事件 | 当前分值 |
diff --git a/src-next/rate/demo/index.vue b/src-next/rate/demo/index.vue
deleted file mode 100644
index b66911d0b..000000000
--- a/src-next/rate/demo/index.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-rate v-model="value1" />
-    </demo-block>
-
-    <demo-block :title="t('customIcon')">
-      <van-rate v-model="value2" icon="like" void-icon="like-o" />
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-rate
-        v-model="value3"
-        :size="25"
-        color="#ffd21e"
-        void-icon="star"
-        void-color="#eee"
-      />
-    </demo-block>
-
-    <demo-block :title="t('halfStar')">
-      <van-rate
-        v-model="value4"
-        :size="25"
-        allow-half
-        void-icon="star"
-        void-color="#eee"
-      />
-    </demo-block>
-
-    <demo-block :title="t('customCount')">
-      <van-rate v-model="value5" :count="6" />
-    </demo-block>
-
-    <demo-block :title="t('disabled')">
-      <van-rate v-model="value6" disabled />
-    </demo-block>
-
-    <demo-block :title="t('readonly')">
-      <van-rate v-model="value6" readonly />
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('changeEvent')">
-      <van-rate v-model="value7" @change="onChange" />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      halfStar: '半星',
-      disabled: '禁用状态',
-      customIcon: '自定义图标',
-      customStyle: '自定义样式',
-      customCount: '自定义数量',
-      readonly: '只读状态',
-      changeEvent: '监听 change 事件',
-      toastContent: (value) => `当前值：${value}`,
-    },
-    'en-US': {
-      halfStar: 'Half Star',
-      disabled: 'Disabled',
-      customIcon: 'Custom Icon',
-      customStyle: 'Custom Style',
-      customCount: 'Custom Count',
-      readonly: 'Readonly',
-      changeEvent: 'Change Event',
-      toastContent: (value) => `current value：${value}`,
-    },
-  },
-
-  data() {
-    return {
-      value1: 3,
-      value2: 3,
-      value3: 3,
-      value4: 2.5,
-      value5: 4,
-      value6: 3,
-      value7: 2,
-    };
-  },
-
-  methods: {
-    onChange(value) {
-      this.value7 = value;
-      this.$toast(this.t('toastContent', value));
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-rate {
-  padding-bottom: 20px;
-  background-color: #fff;
-
-  .van-rate {
-    margin-left: @padding-md;
-  }
-}
-</style>
diff --git a/src-next/rate/index.js b/src-next/rate/index.js
deleted file mode 100644
index 8c366f581..000000000
--- a/src-next/rate/index.js
+++ /dev/null
@@ -1,221 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event';
-
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field';
-
-// Components
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('rate');
-
-function getRateStatus(value, index, allowHalf) {
-  if (value >= index) {
-    return 'full';
-  }
-
-  if (value + 0.5 >= index && allowHalf) {
-    return 'half';
-  }
-
-  return 'void';
-}
-
-export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
-
-  props: {
-    size: [Number, String],
-    color: String,
-    gutter: [Number, String],
-    readonly: Boolean,
-    disabled: Boolean,
-    allowHalf: Boolean,
-    voidColor: String,
-    iconPrefix: String,
-    disabledColor: String,
-    modelValue: {
-      type: Number,
-      default: 0,
-    },
-    icon: {
-      type: String,
-      default: 'star',
-    },
-    voidIcon: {
-      type: String,
-      default: 'star-o',
-    },
-    count: {
-      type: [Number, String],
-      default: 5,
-    },
-    touchable: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  created() {
-    this.itemRefs = [];
-  },
-
-  computed: {
-    list() {
-      const list = [];
-      for (let i = 1; i <= this.count; i++) {
-        list.push(getRateStatus(this.modelValue, i, this.allowHalf));
-      }
-
-      return list;
-    },
-
-    sizeWithUnit() {
-      return addUnit(this.size);
-    },
-
-    gutterWithUnit() {
-      return addUnit(this.gutter);
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-
-  methods: {
-    select(index) {
-      if (!this.disabled && !this.readonly && index !== this.modelValue) {
-        this.$emit('update:modelValue', index);
-        this.$emit('change', index);
-      }
-    },
-
-    onTouchStart(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchStart(event);
-
-      const rects = this.itemRefs.map((item) => item.getBoundingClientRect());
-      const ranges = [];
-
-      rects.forEach((rect, index) => {
-        if (this.allowHalf) {
-          ranges.push(
-            { score: index + 0.5, left: rect.left },
-            { score: index + 1, left: rect.left + rect.width / 2 }
-          );
-        } else {
-          ranges.push({ score: index + 1, left: rect.left });
-        }
-      });
-
-      this.ranges = ranges;
-    },
-
-    onTouchMove(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        preventDefault(event);
-
-        const { clientX } = event.touches[0];
-        this.select(this.getScoreByPosition(clientX));
-      }
-    },
-
-    getScoreByPosition(x) {
-      for (let i = this.ranges.length - 1; i > 0; i--) {
-        if (x > this.ranges[i].left) {
-          return this.ranges[i].score;
-        }
-      }
-
-      return this.allowHalf ? 0.5 : 1;
-    },
-
-    genStar(status, index) {
-      const {
-        icon,
-        color,
-        count,
-        voidIcon,
-        disabled,
-        voidColor,
-        disabledColor,
-      } = this;
-      const score = index + 1;
-      const isFull = status === 'full';
-      const isVoid = status === 'void';
-
-      let style;
-      if (this.gutterWithUnit && score !== +count) {
-        style = { paddingRight: this.gutterWithUnit };
-      }
-
-      return (
-        <div
-          key={index}
-          ref={(val) => {
-            this.itemRefs[index] = val;
-          }}
-          role="radio"
-          style={style}
-          tabindex="0"
-          aria-setsize={count}
-          aria-posinset={score}
-          aria-checked={String(!isVoid)}
-          class={bem('item')}
-        >
-          <Icon
-            size={this.sizeWithUnit}
-            name={isFull ? icon : voidIcon}
-            class={bem('icon', { disabled, full: isFull })}
-            color={disabled ? disabledColor : isFull ? color : voidColor}
-            classPrefix={this.iconPrefix}
-            data-score={score}
-            onClick={() => {
-              this.select(score);
-            }}
-          />
-          {this.allowHalf && (
-            <Icon
-              size={this.sizeWithUnit}
-              name={isVoid ? voidIcon : icon}
-              class={bem('icon', ['half', { disabled, full: !isVoid }])}
-              color={disabled ? disabledColor : isVoid ? voidColor : color}
-              classPrefix={this.iconPrefix}
-              data-score={score - 0.5}
-              onClick={() => {
-                this.select(score - 0.5);
-              }}
-            />
-          )}
-        </div>
-      );
-    },
-  },
-
-  render() {
-    return (
-      <div
-        class={bem({
-          readonly: this.readonly,
-          disabled: this.disabled,
-        })}
-        tabindex="0"
-        role="radiogroup"
-      >
-        {this.list.map((status, index) => this.genStar(status, index))}
-      </div>
-    );
-  },
-});
diff --git a/src-next/rate/index.less b/src-next/rate/index.less
deleted file mode 100644
index 27012144f..000000000
--- a/src-next/rate/index.less
+++ /dev/null
@@ -1,46 +0,0 @@
-@import '../style/var';
-
-.van-rate {
-  display: inline-flex;
-  cursor: pointer;
-  user-select: none;
-
-  &__item {
-    position: relative;
-
-    &:not(:last-child) {
-      padding-right: @rate-icon-gutter;
-    }
-  }
-
-  &__icon {
-    display: block;
-    width: 1em;
-    color: @rate-icon-void-color;
-    font-size: @rate-icon-size;
-
-    &--half {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 0.5em;
-      overflow: hidden;
-    }
-
-    &--full {
-      color: @rate-icon-full-color;
-    }
-
-    &--disabled {
-      color: @rate-icon-disabled-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--readonly {
-    cursor: default;
-  }
-}
diff --git a/src-next/rate/test/__snapshots__/demo.spec.js.snap b/src-next/rate/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 7e13e68b1..000000000
--- a/src-next/rate/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,125 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-like van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-like-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-like-o van-rate__icon">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;">
-          <!----></i><i data-score="0.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;">
-          <!----></i><i data-score="1.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i><i data-score="2.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i><i data-score="3.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i><i data-score="4.5" class="van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="4" aria-checked="true" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="6" aria-posinset="6" aria-checked="false" class="van-rate__item"><i data-score="6" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate van-rate--disabled">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate van-rate--readonly">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-    </div>
-  </div>
-  <div>
-    <div tabindex="0" role="radiogroup" class="van-rate">
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star van-rate__icon van-rate__icon--full">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-      <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
-          <!----></i></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/rate/test/__snapshots__/index.spec.js.snap b/src-next/rate/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 921034480..000000000
--- a/src-next/rate/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`gutter prop 1`] = `
-<div tabindex="0" role="radiogroup" class="van-rate">
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="1" class="van-icon van-icon-star-o van-rate__icon">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="2" class="van-icon van-icon-star-o van-rate__icon">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item" style="padding-right: 10px;"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon">
-      <!----></i></div>
-</div>
-`;
-
-exports[`size prop 1`] = `
-<div tabindex="0" role="radiogroup" class="van-rate">
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="false" class="van-rate__item"><i data-score="1" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="false" class="van-rate__item"><i data-score="2" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false" class="van-rate__item"><i data-score="3" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false" class="van-rate__item"><i data-score="4" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
-      <!----></i></div>
-  <div role="radio" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false" class="van-rate__item"><i data-score="5" class="van-icon van-icon-star-o van-rate__icon" style="font-size: 2rem;">
-      <!----></i></div>
-</div>
-`;
diff --git a/src-next/rate/test/demo.spec.js b/src-next/rate/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/rate/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/rate/test/index.spec.js b/src-next/rate/test/index.spec.js
deleted file mode 100644
index 3e2bd51fe..000000000
--- a/src-next/rate/test/index.spec.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import Rate from '..';
-import { mount, triggerDrag } from '../../../test';
-
-function mockGetBoundingClientRect(items) {
-  items.filter((icon, index) => {
-    icon.element.getBoundingClientRect = () => ({
-      left: index * 25,
-      width: 25,
-    });
-    return true;
-  });
-}
-
-test('change event', () => {
-  const onInput = jest.fn();
-  const onChange = jest.fn();
-
-  const wrapper = mount(Rate, {
-    listeners: {
-      input: (value) => {
-        onInput(value);
-        wrapper.setProps({ value });
-      },
-      change: onChange,
-    },
-  });
-  const item4 = wrapper.findAll('.van-rate__icon').at(3);
-
-  item4.trigger('click');
-  item4.trigger('click');
-
-  expect(onInput).toHaveBeenCalledWith(4);
-  expect(onInput).toHaveBeenCalledTimes(1);
-  expect(onChange).toHaveBeenCalledWith(4);
-  expect(onChange).toHaveBeenCalledTimes(1);
-});
-
-test('allow half', () => {
-  const onInput = jest.fn();
-  const onChange = jest.fn();
-
-  const wrapper = mount(Rate, {
-    propsData: {
-      allowHalf: true,
-    },
-    listeners: {
-      input: onInput,
-      change: onChange,
-    },
-  });
-  const item4 = wrapper.findAll('.van-rate__icon--half').at(3);
-
-  item4.trigger('click');
-  expect(onInput).toHaveBeenCalledWith(3.5);
-  expect(onChange).toHaveBeenCalledWith(3.5);
-});
-
-test('disabled', () => {
-  const onInput = jest.fn();
-  const onChange = jest.fn();
-
-  const wrapper = mount(Rate, {
-    propsData: {
-      disabled: true,
-    },
-    listeners: {
-      input: onInput,
-      change: onChange,
-    },
-  });
-  const item4 = wrapper.findAll('.van-rate__item').at(3);
-
-  triggerDrag(wrapper, 100, 0);
-  item4.trigger('click');
-
-  expect(onInput).toHaveBeenCalledTimes(0);
-  expect(onChange).toHaveBeenCalledTimes(0);
-});
-
-test('touchmove to select item', () => {
-  const onChange = jest.fn();
-  const wrapper = mount(Rate, {
-    listeners: {
-      change: onChange,
-    },
-  });
-
-  const icons = wrapper.findAll('.van-rate__item');
-
-  mockGetBoundingClientRect(icons);
-  triggerDrag(wrapper, 100, 0);
-
-  expect(onChange).toHaveBeenNthCalledWith(1, 1);
-  expect(onChange).toHaveBeenNthCalledWith(2, 2);
-  expect(onChange).toHaveBeenNthCalledWith(3, 2);
-  expect(onChange).toHaveBeenNthCalledWith(4, 4);
-});
-
-test('touchmove to select half item', () => {
-  const onChange = jest.fn();
-  const wrapper = mount(Rate, {
-    propsData: {
-      allowHalf: true,
-    },
-    listeners: {
-      change: onChange,
-    },
-  });
-
-  const icons = wrapper.findAll('.van-rate__item');
-
-  mockGetBoundingClientRect(icons);
-  triggerDrag(wrapper, 100, 0);
-
-  expect(onChange).toHaveBeenNthCalledWith(1, 1);
-  expect(onChange).toHaveBeenNthCalledWith(2, 1.5);
-  expect(onChange).toHaveBeenNthCalledWith(3, 2);
-  expect(onChange).toHaveBeenNthCalledWith(4, 4);
-});
-
-test('gutter prop', () => {
-  const wrapper = mount(Rate, {
-    propsData: {
-      gutter: 10,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('size prop', () => {
-  const wrapper = mount(Rate, {
-    propsData: {
-      size: '2rem',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('untouchable', () => {
-  const onChange = jest.fn();
-  const wrapper = mount(Rate, {
-    propsData: {
-      touchable: false,
-    },
-    listeners: {
-      change: onChange,
-    },
-  });
-
-  triggerDrag(wrapper, 100, 0);
-  expect(onChange).toHaveBeenCalledTimes(0);
-});
diff --git a/src-next/row/index.js b/src-next/row/index.js
deleted file mode 100644
index b111023df..000000000
--- a/src-next/row/index.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('row');
-
-export default createComponent({
-  mixins: [ParentMixin('vanRow')],
-
-  props: {
-    type: String,
-    align: String,
-    justify: String,
-    tag: {
-      type: String,
-      default: 'div',
-    },
-    gutter: {
-      type: [Number, String],
-      default: 0,
-    },
-  },
-
-  emits: ['click'],
-
-  computed: {
-    spaces() {
-      const gutter = Number(this.gutter);
-
-      if (!gutter) {
-        return;
-      }
-
-      const spaces = [];
-      const groups = [[]];
-
-      let totalSpan = 0;
-      this.children.forEach((item, index) => {
-        totalSpan += Number(item.span);
-
-        if (totalSpan > 24) {
-          groups.push([index]);
-          totalSpan -= 24;
-        } else {
-          groups[groups.length - 1].push(index);
-        }
-      });
-
-      groups.forEach((group) => {
-        const averagePadding = (gutter * (group.length - 1)) / group.length;
-
-        group.forEach((item, index) => {
-          if (index === 0) {
-            spaces.push({ right: averagePadding });
-          } else {
-            const left = gutter - spaces[item - 1].right;
-            const right = averagePadding - left;
-            spaces.push({ left, right });
-          }
-        });
-      });
-
-      return spaces;
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-    },
-  },
-
-  render() {
-    const { align, justify } = this;
-    const flex = this.type === 'flex';
-
-    return (
-      <this.tag
-        class={bem({
-          flex,
-          [`align-${align}`]: flex && align,
-          [`justify-${justify}`]: flex && justify,
-        })}
-        onClick={this.onClick}
-      >
-        {this.$slots.default?.()}
-      </this.tag>
-    );
-  },
-});
diff --git a/src-next/row/index.less b/src-next/row/index.less
deleted file mode 100644
index 3858f4d68..000000000
--- a/src-next/row/index.less
+++ /dev/null
@@ -1,41 +0,0 @@
-@import '../style/var';
-
-.van-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  &--justify-center {
-    justify-content: center;
-  }
-
-  &--justify-end {
-    justify-content: flex-end;
-  }
-
-  &--justify-space-between {
-    justify-content: space-between;
-  }
-
-  &--justify-space-around {
-    justify-content: space-around;
-  }
-
-  &--align-center {
-    align-items: center;
-  }
-
-  &--align-bottom {
-    align-items: flex-end;
-  }
-}
diff --git a/src-next/sidebar-item/index.js b/src-next/sidebar-item/index.js
deleted file mode 100644
index 9b594b5a1..000000000
--- a/src-next/sidebar-item/index.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { route, routeProps } from '../utils/router';
-import Info from '../info';
-
-const [createComponent, bem] = createNamespace('sidebar-item');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanSidebar')],
-
-  emits: ['click'],
-
-  props: {
-    ...routeProps,
-    dot: Boolean,
-    badge: [Number, String],
-    title: String,
-    disabled: Boolean,
-  },
-
-  computed: {
-    select() {
-      return this.index === +this.parent.modelValue;
-    },
-  },
-
-  methods: {
-    onClick() {
-      if (this.disabled) {
-        return;
-      }
-
-      this.$emit('click', this.index);
-      this.parent.$emit('update:modelValue', this.index);
-      this.parent.setIndex(this.index);
-      route(this.$router, this);
-    },
-  },
-
-  render() {
-    return (
-      <a
-        class={bem({ select: this.select, disabled: this.disabled })}
-        onClick={this.onClick}
-      >
-        <div class={bem('text')}>
-          {this.title}
-          <Info dot={this.dot} info={this.badge} class={bem('info')} />
-        </div>
-      </a>
-    );
-  },
-});
diff --git a/src-next/sidebar-item/index.less b/src-next/sidebar-item/index.less
deleted file mode 100644
index 49b6cd2d9..000000000
--- a/src-next/sidebar-item/index.less
+++ /dev/null
@@ -1,59 +0,0 @@
-@import '../style/var';
-
-.van-sidebar-item {
-  position: relative;
-  display: block;
-  box-sizing: border-box;
-  padding: @sidebar-padding;
-  overflow: hidden;
-  color: @sidebar-text-color;
-  font-size: @sidebar-font-size;
-  line-height: @sidebar-line-height;
-  word-wrap: break-word;
-  background-color: @sidebar-background-color;
-  cursor: pointer;
-  user-select: none;
-
-  &:active {
-    background-color: @sidebar-active-color;
-  }
-
-  &__text {
-    position: relative;
-    display: inline-block;
-  }
-
-  &:not(:last-child)::after {
-    border-bottom-width: 1px;
-  }
-
-  &--select {
-    color: @sidebar-selected-text-color;
-    font-weight: @sidebar-selected-font-weight;
-
-    &,
-    &:active {
-      background-color: @sidebar-selected-background-color;
-    }
-
-    &::before {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      width: @sidebar-selected-border-width;
-      height: @sidebar-selected-border-height;
-      background-color: @sidebar-selected-border-color;
-      transform: translateY(-50%);
-      content: '';
-    }
-  }
-
-  &--disabled {
-    color: @sidebar-disabled-text-color;
-    cursor: not-allowed;
-
-    &:active {
-      background-color: @sidebar-background-color;
-    }
-  }
-}
diff --git a/src-next/sidebar/README.md b/src-next/sidebar/README.md
deleted file mode 100644
index 296140dc7..000000000
--- a/src-next/sidebar/README.md
+++ /dev/null
@@ -1,112 +0,0 @@
-# Sidebar
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Sidebar, SidebarItem } from 'vant';
-
-Vue.use(Sidebar);
-Vue.use(SidebarItem);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="Title" />
-  <van-sidebar-item title="Title" />
-  <van-sidebar-item title="Title" />
-</van-sidebar>
-```
-
-```js
-export default {
-  data() {
-    return {
-      activeKey: 0,
-    };
-  },
-};
-```
-
-### Show Badge
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="Title" dot />
-  <van-sidebar-item title="Title" badge="5" />
-  <van-sidebar-item title="Title" badge="99+" />
-</van-sidebar>
-```
-
-### Disabled
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="Title" />
-  <van-sidebar-item title="Title" disabled />
-  <van-sidebar-item title="Title" />
-</van-sidebar>
-```
-
-### Change Event
-
-```html
-<van-sidebar v-model="activeKey" @change="onChange">
-  <van-sidebar-item title="Title1" />
-  <van-sidebar-item title="Title2" />
-  <van-sidebar-item title="Title3" />
-</van-sidebar>
-```
-
-```js
-import { Notify } from 'vant';
-
-export default {
-  data() {
-    return {
-      activeKey: 0,
-    };
-  },
-  methods: {
-    onChange(index) {
-      Notify({ type: 'primary', message: index });
-    },
-  },
-};
-```
-
-## API
-
-### Sidebar Props
-
-| Attribute | Description          | Type               | Default |
-| --------- | -------------------- | ------------------ | ------- |
-| v-model   | Index of chosen item | _number \| string_ | `0`     |
-
-### Sidebar Events
-
-| Event  | Description                 | Arguments                    |
-| ------ | --------------------------- | ---------------------------- |
-| change | Triggered when item changed | index: index of current item |
-
-### SidebarItem Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| title | Content | _string_ | `''` |
-| dot `v2.2.1` | Whether to show red dot | _boolean_ | `false` |
-| badge `v2.5.6` | Content of the badge | _number \| string_ | `''` |
-| disabled `v2.2.0` | Whether to be disabled | _boolean_ | `false` |
-| url | Link | _string_ | - |
-| to `v2.0.4` | Target route of the link, same as to of vue-router | _string \| object_ | - |
-| replace `v2.0.4` | If true, the navigation will not leave a history record | _boolean_ | `false` |
-
-### SidebarItem Events
-
-| Event | Description               | Arguments                    |
-| ----- | ------------------------- | ---------------------------- |
-| click | Triggered when click item | index: index of current item |
diff --git a/src-next/sidebar/README.zh-CN.md b/src-next/sidebar/README.zh-CN.md
deleted file mode 100644
index 32a58d61d..000000000
--- a/src-next/sidebar/README.zh-CN.md
+++ /dev/null
@@ -1,121 +0,0 @@
-# Sidebar 侧边导航
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Sidebar, SidebarItem } from 'vant';
-
-Vue.use(Sidebar);
-Vue.use(SidebarItem);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过`v-model`绑定当前选中项的索引
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="标签名称" />
-  <van-sidebar-item title="标签名称" />
-  <van-sidebar-item title="标签名称" />
-</van-sidebar>
-```
-
-```js
-export default {
-  data() {
-    return {
-      activeKey: 0,
-    };
-  },
-};
-```
-
-### 徽标提示
-
-设置`dot`属性后，会在右上角展示一个小红点。设置`badge`属性后，会在右上角展示相应的徽标
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="标签名称" dot />
-  <van-sidebar-item title="标签名称" badge="5" />
-  <van-sidebar-item title="标签名称" badge="99+" />
-</van-sidebar>
-```
-
-### 禁用选项
-
-通过`disabled`属性禁用选项
-
-```html
-<van-sidebar v-model="activeKey">
-  <van-sidebar-item title="标签名称" />
-  <van-sidebar-item title="标签名称" disabled />
-  <van-sidebar-item title="标签名称" />
-</van-sidebar>
-```
-
-### 监听切换事件
-
-设置`change`方法来监听切换导航项时的事件
-
-```html
-<van-sidebar v-model="activeKey" @change="onChange">
-  <van-sidebar-item title="标签名1" />
-  <van-sidebar-item title="标签名2" />
-  <van-sidebar-item title="标签名3" />
-</van-sidebar>
-```
-
-```js
-import { Notify } from 'vant';
-
-export default {
-  data() {
-    return {
-      activeKey: 0,
-    };
-  },
-  methods: {
-    onChange(index) {
-      Notify({ type: 'primary', message: index });
-    },
-  },
-};
-```
-
-## API
-
-### Sidebar Props
-
-| 参数             | 说明             | 类型               | 默认值 |
-| ---------------- | ---------------- | ------------------ | ------ |
-| v-model `v2.0.4` | 当前导航项的索引 | _number \| string_ | `0`    |
-
-### Sidebar Events
-
-| 事件名 | 说明             | 回调参数                |
-| ------ | ---------------- | ----------------------- |
-| change | 切换导航项时触发 | index: 当前导航项的索引 |
-
-### SidebarItem Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 内容 | _string_ | `''` |
-| dot `v2.2.1` | 是否显示右上角小红点 | _boolean_ | `false` |
-| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
-| disabled `v2.2.0` | 是否禁用该项 | _boolean_ | `false` |
-| url | 点击后跳转的链接地址 | _string_ | - |
-| to `v2.0.4` | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
-| replace `v2.0.4` | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
-
-### SidebarItem Events
-
-| 事件名 | 说明       | 回调参数                |
-| ------ | ---------- | ----------------------- |
-| click  | 点击时触发 | index: 当前导航项的索引 |
diff --git a/src-next/sidebar/demo/index.vue b/src-next/sidebar/demo/index.vue
deleted file mode 100644
index 5ab0d55f8..000000000
--- a/src-next/sidebar/demo/index.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <demo-section>
-    <van-grid :column-num="2" :border="false">
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('basicUsage') }}</h3>
-        <van-sidebar v-model="activeKey1">
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" />
-        </van-sidebar>
-      </van-grid-item>
-
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('showBadge') }}</h3>
-        <van-sidebar v-model="activeKey2">
-          <van-sidebar-item :title="t('title')" dot />
-          <van-sidebar-item :title="t('title')" badge="5" />
-          <van-sidebar-item :title="t('title')" badge="99+" />
-        </van-sidebar>
-      </van-grid-item>
-
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('disabled') }}</h3>
-        <van-sidebar v-model="activeKey3">
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" disabled />
-          <van-sidebar-item :title="t('title')" />
-        </van-sidebar>
-      </van-grid-item>
-
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('changeEvent') }}</h3>
-        <van-sidebar v-model="activeKey4" @change="onChange">
-          <van-sidebar-item :title="t('title') + 1" />
-          <van-sidebar-item :title="t('title') + 2" />
-          <van-sidebar-item :title="t('title') + 3" />
-        </van-sidebar>
-      </van-grid-item>
-    </van-grid>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title: '标签名',
-      showBadge: '徽标提示',
-      disabled: '禁用选项',
-      changeEvent: '监听切换事件',
-      selectTip: '你切换到了',
-    },
-    'en-US': {
-      showBadge: 'Show Badge',
-      disabled: 'Disabled',
-      changeEvent: 'Change Event',
-      selectTip: 'You select ',
-    },
-  },
-
-  data() {
-    return {
-      activeKey1: 0,
-      activeKey2: 0,
-      activeKey3: 0,
-      activeKey4: 0,
-    };
-  },
-
-  methods: {
-    onChange(index) {
-      this.$notify({
-        type: 'primary',
-        message: `${this.t('selectTip')} ${this.t('title')}${index + 1}`,
-      });
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-sidebar {
-  background-color: @white;
-
-  .van-sidebar {
-    margin-left: @padding-md;
-  }
-
-  &-title {
-    margin-bottom: 16px;
-    color: @gray-6;
-    font-weight: normal;
-    font-size: 14px;
-  }
-}
-</style>
diff --git a/src-next/sidebar/index.js b/src-next/sidebar/index.js
deleted file mode 100644
index 8043cc33f..000000000
--- a/src-next/sidebar/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('sidebar');
-
-export default createComponent({
-  mixins: [ParentMixin('vanSidebar')],
-
-  emits: ['change', 'update:modelValue'],
-
-  props: {
-    modelValue: {
-      type: [Number, String],
-      default: 0,
-    },
-  },
-
-  data() {
-    return {
-      index: +this.modelValue,
-    };
-  },
-
-  watch: {
-    modelValue() {
-      this.setIndex(+this.modelValue);
-    },
-  },
-
-  methods: {
-    setIndex(index) {
-      if (index !== this.index) {
-        this.index = index;
-        this.$emit('change', index);
-      }
-    },
-  },
-
-  render() {
-    return <div class={bem()}>{this.$slots.default?.()}</div>;
-  },
-});
diff --git a/src-next/sidebar/index.less b/src-next/sidebar/index.less
deleted file mode 100644
index ff09323c9..000000000
--- a/src-next/sidebar/index.less
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '../style/var';
-
-.van-sidebar {
-  width: @sidebar-width;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
diff --git a/src-next/sidebar/test/__snapshots__/demo.spec.js.snap b/src-next/sidebar/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 1a7caf7b3..000000000
--- a/src-next/sidebar/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,77 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div class="van-grid">
-    <div class="van-grid-item" style="flex-basis: 50%;">
-      <div class="van-grid-item__content van-grid-item__content--center">
-        <h3 class="demo-sidebar-title">基础用法</h3>
-        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a></div>
-      </div>
-    </div>
-    <div class="van-grid-item" style="flex-basis: 50%;">
-      <div class="van-grid-item__content van-grid-item__content--center">
-        <h3 class="demo-sidebar-title">徽标提示</h3>
-        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-info--dot van-sidebar-item__info"></div>
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">5</div>
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99+</div>
-            </div>
-          </a></div>
-      </div>
-    </div>
-    <div class="van-grid-item" style="flex-basis: 50%;">
-      <div class="van-grid-item__content van-grid-item__content--center">
-        <h3 class="demo-sidebar-title">禁用选项</h3>
-        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item van-sidebar-item--disabled">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名
-              <!---->
-            </div>
-          </a></div>
-      </div>
-    </div>
-    <div class="van-grid-item" style="flex-basis: 50%;">
-      <div class="van-grid-item__content van-grid-item__content--center">
-        <h3 class="demo-sidebar-title">监听切换事件</h3>
-        <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
-            <div class="van-sidebar-item__text">标签名1
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名2
-              <!---->
-            </div>
-          </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名3
-              <!---->
-            </div>
-          </a></div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/sidebar/test/demo.spec.js b/src-next/sidebar/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/sidebar/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/sidebar/test/index.spec.js b/src-next/sidebar/test/index.spec.js
deleted file mode 100644
index a3e533410..000000000
--- a/src-next/sidebar/test/index.spec.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import { mount } from '../../../test';
-import Sidebar from '..';
-
-test('click event & change event', () => {
-  const onClick = jest.fn();
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-sidebar @change="onChange">
-        <van-sidebar-item>Text</van-sidebar-item>
-        <van-sidebar-item @click="onClick">Text</van-sidebar-item>
-      </van-sidebar>
-    `,
-    methods: {
-      onClick,
-      onChange,
-    },
-  });
-
-  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
-  expect(onClick).toHaveBeenCalledWith(1);
-  expect(onChange).toHaveBeenCalledWith(1);
-  wrapper.vm.$destroy();
-});
-
-test('v-model', () => {
-  const onChange = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-sidebar v-model="active" @change="onChange">
-        <van-sidebar-item>Text</van-sidebar-item>
-        <van-sidebar-item>Text</van-sidebar-item>
-      </van-sidebar>
-    `,
-    data() {
-      return {
-        active: 0,
-      };
-    },
-    methods: {
-      onChange,
-    },
-  });
-
-  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
-  expect(wrapper.vm.active).toEqual(1);
-  expect(onChange).toHaveBeenCalledWith(1);
-});
-
-test('disabled prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-sidebar v-model="active">
-        <van-sidebar-item>Text</van-sidebar-item>
-        <van-sidebar-item disabled>Text</van-sidebar-item>
-      </van-sidebar>
-    `,
-    data() {
-      return {
-        active: 0,
-      };
-    },
-  });
-
-  wrapper.findAll('.van-sidebar-item').at(1).trigger('click');
-  expect(wrapper.vm.active).toEqual(0);
-});
-
-test('without parent', () => {
-  const consoleError = console.error;
-  try {
-    console.error = jest.fn();
-    mount(Sidebar);
-  } catch (err) {
-    console.error = consoleError;
-    expect(err).toBeTruthy();
-  }
-});
diff --git a/src-next/skeleton/README.md b/src-next/skeleton/README.md
deleted file mode 100644
index 3cf31e308..000000000
--- a/src-next/skeleton/README.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Skeleton
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Skeleton } from 'vant';
-
-Vue.use(Skeleton);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-skeleton title :row="3" />
-```
-
-### Show Avatar
-
-```html
-<van-skeleton title avatar :row="3" />
-```
-
-### Show Children
-
-```html
-<van-skeleton title avatar :row="3" :loading="loading">
-  <div>Content</div>
-</van-skeleton>
-```
-
-```js
-export default {
-  data() {
-    return {
-      loading: true,
-    };
-  },
-  mounted() {
-    this.loading = false;
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| row | Row count | _number \| string_ | `0` |
-| row-width | Row width, can be array | _number \| string \|<br>(number \| string)[]_ | `100%` |
-| title | Whether to show title placeholder | _boolean_ | `false` |
-| avatar | Whether to show avatar placeholder | _boolean_ | `false` |
-| loading | Whether to show skeleton，pass `false` to show child component | _boolean_ | `true` |
-| animate | Whether to enable animation | _boolean_ | `true` |
-| round `v2.8.5` | Whether to show round title and row | _boolean_ | `false` |
-| title-width | Title width | _number \| string_ | `40%` |
-| avatar-size | Size of avatar placeholder | _number \| string_ | `32px` |
-| avatar-shape | Shape of avatar placeholder，can be set to `square` | _string_ | `round` |
diff --git a/src-next/skeleton/README.zh-CN.md b/src-next/skeleton/README.zh-CN.md
deleted file mode 100644
index fc69a07ee..000000000
--- a/src-next/skeleton/README.zh-CN.md
+++ /dev/null
@@ -1,68 +0,0 @@
-# Skeleton 骨架屏
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Skeleton } from 'vant';
-
-Vue.use(Skeleton);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过`title`属性显示标题占位图，通过`row`属性配置占位段落行数
-
-```html
-<van-skeleton title :row="3" />
-```
-
-### 显示头像
-
-通过`avatar`属性显示头像占位图
-
-```html
-<van-skeleton title avatar :row="3" />
-```
-
-### 展示子组件
-
-将`loading`属性设置成`false`表示内容加载完成，此时会隐藏占位图，并显示`Skeleton`的子组件
-
-```html
-<van-skeleton title avatar :row="3" :loading="loading">
-  <div>实际内容</div>
-</van-skeleton>
-```
-
-```js
-export default {
-  data() {
-    return {
-      loading: true,
-    };
-  },
-  mounted() {
-    this.loading = false;
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| row | 段落占位图行数 | _number \| string_ | `0` |
-| row-width | 段落占位图宽度，可传数组来设置每一行的宽度 | _number \| string \|<br>(number \| string)[]_ | `100%` |
-| title | 是否显示标题占位图 | _boolean_ | `false` |
-| avatar | 是否显示头像占位图 | _boolean_ | `false` |
-| loading | 是否显示骨架屏，传 `false` 时会展示子组件内容 | _boolean_ | `true` |
-| animate | 是否开启动画 | _boolean_ | `true` |
-| round `v2.8.5` | 是否将标题和段落显示为圆角风格 | _boolean_ | `false` |
-| title-width | 标题占位图宽度 | _number \| string_ | `40%` |
-| avatar-size | 头像占位图大小 | _number \| string_ | `32px` |
-| avatar-shape | 头像占位图形状，可选值为`square` | _string_ | `round` |
diff --git a/src-next/skeleton/demo/index.vue b/src-next/skeleton/demo/index.vue
deleted file mode 100644
index 9dc9591d7..000000000
--- a/src-next/skeleton/demo/index.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-skeleton title :row="3" />
-    </demo-block>
-
-    <demo-block :title="t('showAvatar')">
-      <van-skeleton title avatar :row="3" />
-    </demo-block>
-
-    <demo-block :title="t('showChildren')">
-      <van-switch v-model="show" size="24px" />
-      <van-skeleton title avatar :row="3" :loading="!show">
-        <div class="demo-preview">
-          <img src="https://img.yzcdn.cn/vant/logo.png" />
-          <div class="demo-content">
-            <h3>{{ t('title') }}</h3>
-            <p>{{ t('desc') }}</p>
-          </div>
-        </div>
-      </van-skeleton>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      showAvatar: '显示头像',
-      showChildren: '显示子组件',
-      title: '关于 Vant',
-      desc:
-        'Vant 是一套轻量、可靠的移动端 Vue 组件库，提供了丰富的基础组件和业务组件，帮助开发者快速搭建移动应用。',
-    },
-    'en-US': {
-      showAvatar: 'Show Avatar',
-      showChildren: 'Show Children',
-      title: 'About Vant',
-      desc: 'Vant is a set of Mobile UI Components built on Vue.',
-    },
-  },
-
-  data() {
-    return {
-      show: false,
-    };
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-skeleton {
-  background-color: @white;
-
-  .van-switch {
-    margin: 0 @padding-md @padding-xs;
-  }
-
-  .demo-preview {
-    display: flex;
-    padding: 0 @padding-md;
-
-    .demo-content {
-      padding-top: 6px;
-
-      h3 {
-        margin: 0;
-        font-size: 18px;
-        line-height: 20px;
-      }
-
-      p {
-        margin: 13px 0 0;
-        font-size: 14px;
-        line-height: 20px;
-      }
-    }
-
-    img {
-      flex-shrink: 0;
-      width: 32px;
-      height: 32px;
-      margin-right: @padding-md;
-    }
-  }
-}
-</style>
diff --git a/src-next/skeleton/index.less b/src-next/skeleton/index.less
deleted file mode 100644
index 95ab87c47..000000000
--- a/src-next/skeleton/index.less
+++ /dev/null
@@ -1,62 +0,0 @@
-@import '../style/var';
-
-.van-skeleton {
-  display: flex;
-  padding: 0 @padding-md;
-
-  &__avatar {
-    flex-shrink: 0;
-    margin-right: @padding-md;
-    background-color: @skeleton-avatar-background-color;
-
-    &--round {
-      border-radius: @border-radius-max;
-    }
-  }
-
-  &__content {
-    width: 100%;
-  }
-
-  &__avatar + &__content {
-    padding-top: @padding-xs;
-  }
-
-  &__row,
-  &__title {
-    height: @skeleton-row-height;
-    background-color: @skeleton-row-background-color;
-  }
-
-  &__title {
-    margin: 0;
-  }
-
-  &__row {
-    &:not(:first-child) {
-      margin-top: @skeleton-row-margin-top;
-    }
-  }
-
-  &__title + &__row {
-    margin-top: 20px;
-  }
-
-  &--animate {
-    animation: van-skeleton-blink @skeleton-animation-duration ease-in-out
-      infinite;
-  }
-
-  &--round {
-    .van-skeleton__row,
-    .van-skeleton__title {
-      border-radius: @border-radius-max;
-    }
-  }
-}
-
-@keyframes van-skeleton-blink {
-  50% {
-    opacity: 0.6;
-  }
-}
diff --git a/src-next/skeleton/test/__snapshots__/demo.spec.js.snap b/src-next/skeleton/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 785a20ad3..000000000
--- a/src-next/skeleton/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-skeleton van-skeleton--animate">
-      <div class="van-skeleton__content">
-        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 60%;"></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-skeleton van-skeleton--animate">
-      <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
-      <div class="van-skeleton__content">
-        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 60%;"></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
-      <div class="van-switch__node"></div>
-    </div>
-    <div class="van-skeleton van-skeleton--animate">
-      <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
-      <div class="van-skeleton__content">
-        <h3 class="van-skeleton__title" style="width: 40%;"></h3>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 100%;"></div>
-        <div class="van-skeleton__row" style="width: 60%;"></div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/skeleton/test/__snapshots__/index.spec.js.snap b/src-next/skeleton/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 0ffcccc95..000000000
--- a/src-next/skeleton/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`avatar shape 1`] = `
-<div class="van-skeleton van-skeleton--animate">
-  <div class="van-skeleton__avatar van-skeleton__avatar--square" style="width: 20px; height: 20px;"></div>
-  <div class="van-skeleton__content"></div>
-</div>
-`;
-
-exports[`disable animate 1`] = `
-<div class="van-skeleton van-skeleton--animate">
-  <div class="van-skeleton__content">
-    <div class="van-skeleton__row" style="width: 60%;"></div>
-  </div>
-</div>
-`;
-
-exports[`render chidren 1`] = `<div>Content</div>`;
-
-exports[`round prop 1`] = `
-<div class="van-skeleton van-skeleton--animate van-skeleton--round">
-  <div class="van-skeleton__avatar van-skeleton__avatar--round" style="width: 32px; height: 32px;"></div>
-  <div class="van-skeleton__content">
-    <h3 class="van-skeleton__title" style="width: 40%;"></h3>
-  </div>
-</div>
-`;
-
-exports[`row-width array 1`] = `
-<div class="van-skeleton van-skeleton--animate">
-  <div class="van-skeleton__content">
-    <div class="van-skeleton__row" style="width: 100%;"></div>
-    <div class="van-skeleton__row" style="width: 30px;"></div>
-    <div class="van-skeleton__row" style="width: 5rem;"></div>
-    <div class="van-skeleton__row"></div>
-  </div>
-</div>
-`;
diff --git a/src-next/skeleton/test/demo.spec.js b/src-next/skeleton/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/skeleton/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/skeleton/test/index.spec.js b/src-next/skeleton/test/index.spec.js
deleted file mode 100644
index d46140c9d..000000000
--- a/src-next/skeleton/test/index.spec.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import { mount } from '../../../test';
-import Skeleton from '..';
-
-test('row-width array', () => {
-  const wrapper = mount(Skeleton, {
-    propsData: {
-      row: 4,
-      rowWidth: ['100%', 30, '5rem'],
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('render chidren', () => {
-  const wrapper = mount({
-    template: `
-      <skeleton :loading="false">
-        <div>Content</div>
-      </skeleton>
-    `,
-    components: { Skeleton },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('avatar shape', () => {
-  const wrapper = mount(Skeleton, {
-    propsData: {
-      avatar: true,
-      avatarSize: 20,
-      avatarShape: 'square',
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('round prop', () => {
-  const wrapper = mount(Skeleton, {
-    propsData: {
-      title: true,
-      round: true,
-      avatar: true,
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('disable animate', () => {
-  const wrapper = mount(Skeleton, {
-    propsData: {
-      row: 1,
-      aniamte: false,
-    },
-  });
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/slider/README.md b/src-next/slider/README.md
deleted file mode 100644
index 0a342c50d..000000000
--- a/src-next/slider/README.md
+++ /dev/null
@@ -1,123 +0,0 @@
-# Slider
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Slider } from 'vant';
-
-Vue.use(Slider);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-slider v-model="value" @change="onChange" />
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      value: 50,
-    };
-  },
-  methods: {
-    onChange(value) {
-      Toast('Current value：' + value);
-    },
-  },
-};
-```
-
-### Range
-
-```html
-<van-slider v-model="value" :min="-50" :max="50" />
-```
-
-### Disabled
-
-```html
-<van-slider v-model="value" disabled />
-```
-
-### Step size
-
-```html
-<van-slider v-model="value" :step="10" />
-```
-
-### Custom style
-
-```html
-<van-slider v-model="value" bar-height="4px" active-color="#ee0a24" />
-```
-
-### Custom button
-
-```html
-<van-slider v-model="value" active-color="#ee0a24">
-  <template #button>
-    <div class="custom-button">
-      {{ value }}
-    </div>
-  </template>
-</van-slider>
-
-<style>
-  .custom-button {
-    width: 26px;
-    color: #fff;
-    font-size: 10px;
-    line-height: 18px;
-    text-align: center;
-    background-color: #ee0a24;
-    border-radius: 100px;
-  }
-</style>
-```
-
-### Vertical
-
-```html
-<div :style="{ height: '100px' }">
-  <van-slider v-model="value" vertical />
-</div>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| value | Current value | _number_ | `0` |
-| max | Max value | _number \| string_ | `100` |
-| min | Min value | _number \| string_ | `0` |
-| step | Step size | _number \| string_ | `1` |
-| bar-height | Height of bar | _number \| string_ | `2px` |
-| button-size `v2.4.5` | Button size | _number \| string_ | `24px` |
-| active-color | Active color of bar | _string_ | `#1989fa` |
-| inactive-color | Inactive color of bar | _string_ | `#e5e5e5` |
-| disabled | Whether to disable slider | _boolean_ | `false` |
-| vertical | Whether to display slider vertically | _boolean_ | `false` |
-
-### Events
-
-| Event      | Description                          | Arguments           |
-| ---------- | ------------------------------------ | ------------------- |
-| input      | Instant triggered when value changed | value: current rate |
-| change     | Triggered after value changed        | value: current rate |
-| drag-start | Triggered when start drag            | -                   |
-| drag-end   | Triggered when end drag              | -                   |
-
-### Slots
-
-| Name   | Description   |
-| ------ | ------------- |
-| button | Custom button |
diff --git a/src-next/slider/README.zh-CN.md b/src-next/slider/README.zh-CN.md
deleted file mode 100644
index 99c43e4eb..000000000
--- a/src-next/slider/README.zh-CN.md
+++ /dev/null
@@ -1,125 +0,0 @@
-# Slider 滑块
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Slider } from 'vant';
-
-Vue.use(Slider);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-slider v-model="value" @change="onChange" />
-```
-
-```js
-import { Toast } from 'vant';
-
-export default {
-  data() {
-    return {
-      value: 50,
-    };
-  },
-  methods: {
-    onChange(value) {
-      Toast('当前值：' + value);
-    },
-  },
-};
-```
-
-### 指定选择范围
-
-```html
-<van-slider v-model="value" :min="-50" :max="50" />
-```
-
-### 禁用
-
-```html
-<van-slider v-model="value" disabled />
-```
-
-### 指定步长
-
-```html
-<van-slider v-model="value" :step="10" />
-```
-
-### 自定义样式
-
-```html
-<van-slider v-model="value" bar-height="4px" active-color="#ee0a24" />
-```
-
-### 自定义按钮
-
-```html
-<van-slider v-model="value" active-color="#ee0a24">
-  <template #button>
-    <div class="custom-button">
-      {{ value }}
-    </div>
-  </template>
-</van-slider>
-
-<style>
-  .custom-button {
-    width: 26px;
-    color: #fff;
-    font-size: 10px;
-    line-height: 18px;
-    text-align: center;
-    background-color: #ee0a24;
-    border-radius: 100px;
-  }
-</style>
-```
-
-### 垂直方向
-
-Slider 垂直展示时，高度为 100% 父元素高度
-
-```html
-<div :style="{ height: '100px' }">
-  <van-slider v-model="value" vertical />
-</div>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| value | 当前进度百分比 | _number_ | `0` |
-| max | 最大值 | _number \| string_ | `100` |
-| min | 最小值 | _number \| string_ | `0` |
-| step | 步长 | _number \| string_ | `1` |
-| bar-height | 进度条高度，默认单位为`px` | _number \| string_ | `2px` |
-| button-size `v2.4.5` | 滑块按钮大小，默认单位为`px` | _number \| string_ | `24px` |
-| active-color | 进度条激活态颜色 | _string_ | `#1989fa` |
-| inactive-color | 进度条非激活态颜色 | _string_ | `#e5e5e5` |
-| disabled | 是否禁用滑块 | _boolean_ | `false` |
-| vertical | 是否垂直展示 | _boolean_ | `false` |
-
-### Events
-
-| 事件名     | 说明                     | 回调参数        |
-| ---------- | ------------------------ | --------------- |
-| input      | 进度变化时实时触发       | value: 当前进度 |
-| change     | 进度变化且结束拖动后触发 | value: 当前进度 |
-| drag-start | 开始拖动时触发           | -               |
-| drag-end   | 结束拖动时触发           | -               |
-
-### Slots
-
-| 名称   | 说明           |
-| ------ | -------------- |
-| button | 自定义滑动按钮 |
diff --git a/src-next/slider/demo/index.vue b/src-next/slider/demo/index.vue
deleted file mode 100644
index a510eefc6..000000000
--- a/src-next/slider/demo/index.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('title1')">
-      <van-slider v-model="value1" @change="onChange" />
-    </demo-block>
-
-    <demo-block :title="t('title2')">
-      <van-slider v-model="value2" :min="-50" :max="50" @change="onChange" />
-    </demo-block>
-
-    <demo-block :title="t('title3')">
-      <van-slider v-model="value3" disabled />
-    </demo-block>
-
-    <demo-block :title="t('title4')">
-      <van-slider v-model="value4" :step="10" @change="onChange" />
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-slider
-        v-model="value5"
-        bar-height="4px"
-        active-color="#ee0a24"
-        @change="onChange"
-      />
-    </demo-block>
-
-    <demo-block :title="t('customButton')">
-      <van-slider v-model="value6" active-color="#ee0a24">
-        <template #button>
-          <div class="custom-button">{{ value6 }}</div>
-        </template>
-      </van-slider>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('vertical')">
-      <div :style="{ height: '120px', paddingLeft: '30px' }">
-        <van-slider v-model="value7" vertical @change="onChange" />
-      </div>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title1: '基础用法',
-      title2: '指定选择范围',
-      title3: '禁用',
-      title4: '指定步长',
-      customStyle: '自定义样式',
-      customButton: '自定义按钮',
-      text: '当前值：',
-      vertical: '垂直方向',
-    },
-    'en-US': {
-      title1: 'Basic Usage',
-      title2: 'Range',
-      title3: 'Disabled',
-      title4: 'Step size',
-      customStyle: 'Custom Style',
-      customButton: 'Custom Button',
-      text: 'Current value: ',
-      vertical: 'Vertical',
-    },
-  },
-
-  data() {
-    return {
-      value1: 50,
-      value2: 0,
-      value3: 50,
-      value4: 50,
-      value5: 50,
-      value6: 50,
-      value7: 50,
-    };
-  },
-
-  methods: {
-    onChange(value) {
-      this.$toast(this.t('text') + value);
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-slider {
-  background: @white;
-  user-select: none;
-
-  .van-doc-demo-block {
-    padding: 0 @padding-md 20px;
-  }
-
-  .van-doc-demo-block__title {
-    padding-left: 0;
-  }
-
-  .custom-button {
-    width: 26px;
-    color: #fff;
-    font-size: 10px;
-    line-height: 18px;
-    text-align: center;
-    background-color: @red;
-    border-radius: 100px;
-  }
-}
-</style>
diff --git a/src-next/slider/index.js b/src-next/slider/index.js
deleted file mode 100644
index eca993618..000000000
--- a/src-next/slider/index.js
+++ /dev/null
@@ -1,197 +0,0 @@
-import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event';
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field';
-
-const [createComponent, bem] = createNamespace('slider');
-
-export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
-
-  props: {
-    disabled: Boolean,
-    vertical: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
-    activeColor: String,
-    inactiveColor: String,
-    min: {
-      type: [Number, String],
-      default: 0,
-    },
-    max: {
-      type: [Number, String],
-      default: 100,
-    },
-    step: {
-      type: [Number, String],
-      default: 1,
-    },
-    modelValue: {
-      type: Number,
-      default: 0,
-    },
-  },
-
-  emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
-
-  data() {
-    return {
-      dragStatus: '',
-    };
-  },
-
-  computed: {
-    range() {
-      return this.max - this.min;
-    },
-
-    buttonStyle() {
-      if (this.buttonSize) {
-        const size = addUnit(this.buttonSize);
-        return {
-          width: size,
-          height: size,
-        };
-      }
-    },
-  },
-
-  created() {
-    // format initial value
-    this.updateValue(this.modelValue);
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$refs.wrapper);
-  },
-
-  methods: {
-    onTouchStart(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.touchStart(event);
-      this.startValue = this.format(this.modelValue);
-      this.dragStatus = 'start';
-    },
-
-    onTouchMove(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragStatus === 'start') {
-        this.$emit('drag-start');
-      }
-
-      preventDefault(event, true);
-      this.touchMove(event);
-      this.dragStatus = 'draging';
-
-      const rect = this.$el.getBoundingClientRect();
-      const delta = this.vertical ? this.deltaY : this.deltaX;
-      const total = this.vertical ? rect.height : rect.width;
-      const diff = (delta / total) * this.range;
-
-      this.newValue = this.startValue + diff;
-      this.updateValue(this.newValue);
-    },
-
-    onTouchEnd() {
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragStatus === 'draging') {
-        this.updateValue(this.newValue, true);
-        this.$emit('drag-end');
-      }
-
-      this.dragStatus = '';
-    },
-
-    onClick(event) {
-      event.stopPropagation();
-
-      if (this.disabled) return;
-
-      const rect = this.$el.getBoundingClientRect();
-      const delta = this.vertical
-        ? event.clientY - rect.top
-        : event.clientX - rect.left;
-      const total = this.vertical ? rect.height : rect.width;
-      const value = +this.min + (delta / total) * this.range;
-
-      this.startValue = this.modelValue;
-      this.updateValue(value, true);
-    },
-
-    updateValue(value, end) {
-      value = this.format(value);
-
-      if (value !== this.modelValue) {
-        this.$emit('update:modelValue', value);
-      }
-
-      if (end && value !== this.startValue) {
-        this.$emit('change', value);
-      }
-    },
-
-    format(value) {
-      return (
-        Math.round(Math.max(this.min, Math.min(value, this.max)) / this.step) *
-        this.step
-      );
-    },
-  },
-
-  render() {
-    const { vertical } = this;
-    const mainAxis = vertical ? 'height' : 'width';
-    const crossAxis = vertical ? 'width' : 'height';
-
-    const wrapperStyle = {
-      background: this.inactiveColor,
-      [crossAxis]: addUnit(this.barHeight),
-    };
-
-    const barStyle = {
-      [mainAxis]: `${((this.modelValue - this.min) * 100) / this.range}%`,
-      background: this.activeColor,
-    };
-
-    if (this.dragStatus) {
-      barStyle.transition = 'none';
-    }
-
-    return (
-      <div
-        style={wrapperStyle}
-        class={bem({ disabled: this.disabled, vertical })}
-        onClick={this.onClick}
-      >
-        <div class={bem('bar')} style={barStyle}>
-          <div
-            ref="wrapper"
-            role="slider"
-            tabindex={this.disabled ? -1 : 0}
-            aria-valuemin={this.min}
-            aria-valuenow={this.modelValue}
-            aria-valuemax={this.max}
-            aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
-            class={bem('button-wrapper')}
-          >
-            {this.$slots.button ? (
-              this.$slots.button()
-            ) : (
-              <div class={bem('button')} style={this.buttonStyle} />
-            )}
-          </div>
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src-next/slider/index.less b/src-next/slider/index.less
deleted file mode 100644
index 28d51adc8..000000000
--- a/src-next/slider/index.less
+++ /dev/null
@@ -1,75 +0,0 @@
-@import '../style/var';
-
-.van-slider {
-  position: relative;
-  width: 100%;
-  height: @slider-bar-height;
-  background-color: @slider-inactive-background-color;
-  border-radius: @border-radius-max;
-  cursor: pointer;
-
-  // use pseudo element to expand click area
-  &::before {
-    position: absolute;
-    top: -@padding-xs;
-    right: 0;
-    bottom: -@padding-xs;
-    left: 0;
-    content: '';
-  }
-
-  &__bar {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background-color: @slider-active-background-color;
-    border-radius: inherit;
-    transition: width @animation-duration-fast, height @animation-duration-fast;
-  }
-
-  &__button {
-    width: @slider-button-width;
-    height: @slider-button-height;
-    background-color: @slider-button-background-color;
-    border-radius: @slider-button-border-radius;
-    box-shadow: @slider-button-box-shadow;
-
-    &-wrapper {
-      position: absolute;
-      top: 50%;
-      right: 0;
-      transform: translate3d(50%, -50%, 0);
-      cursor: grab;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @slider-disabled-opacity;
-
-    .van-slider__button-wrapper {
-      cursor: not-allowed;
-    }
-  }
-
-  &--vertical {
-    display: inline-block;
-    width: @slider-bar-height;
-    height: 100%;
-
-    .van-slider__button-wrapper {
-      top: auto;
-      right: 50%;
-      bottom: 0;
-      transform: translate3d(50%, 50%, 0);
-    }
-
-    // use pseudo element to expand click area
-    &::before {
-      top: 0;
-      right: -@padding-xs;
-      bottom: 0;
-      left: -@padding-xs;
-    }
-  }
-}
diff --git a/src-next/slider/test/__snapshots__/demo.spec.js.snap b/src-next/slider/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index e1a65f6e5..000000000
--- a/src-next/slider/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,71 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-slider">
-      <div class="van-slider__bar" style="width: 50%;">
-        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="van-slider__button"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-slider">
-      <div class="van-slider__bar" style="width: 50%;">
-        <div role="slider" tabindex="0" aria-valuemin="-50" aria-valuenow="0" aria-valuemax="50" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="van-slider__button"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-slider van-slider--disabled">
-      <div class="van-slider__bar" style="width: 50%;">
-        <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="van-slider__button"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-slider">
-      <div class="van-slider__bar" style="width: 50%;">
-        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="van-slider__button"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-slider" style="height: 4px;">
-      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
-        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="van-slider__button"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-slider">
-      <div class="van-slider__bar" style="width: 50%; background: rgb(238, 10, 36);">
-        <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-          <div class="custom-button">50</div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div style="height: 120px; padding-left: 30px;">
-      <div class="van-slider van-slider--vertical">
-        <div class="van-slider__bar" style="height: 50%;">
-          <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
-            <div class="van-slider__button"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/slider/test/__snapshots__/index.spec.js.snap b/src-next/slider/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index e63f4f6d0..000000000
--- a/src-next/slider/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,81 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`bar-height prop 1`] = `
-<div class="van-slider" style="height: 10px;">
-  <div class="van-slider__bar" style="width: 50%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`button-size prop 1`] = `
-<div class="van-slider">
-  <div class="van-slider__bar" style="width: 50%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button" style="width: 10px; height: 10px;"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`click bar 1`] = `
-<div class="van-slider van-slider--disabled">
-  <div class="van-slider__bar" style="width: 50%;">
-    <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`click bar 2`] = `
-<div class="van-slider">
-  <div class="van-slider__bar" style="width: 100%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`click vertical 1`] = `
-<div class="van-slider van-slider--vertical">
-  <div class="van-slider__bar" style="height: 100%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`drag button 1`] = `
-<div class="van-slider van-slider--disabled">
-  <div class="van-slider__bar" style="width: 50%;">
-    <div role="slider" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`drag button 2`] = `
-<div class="van-slider">
-  <div class="van-slider__bar" style="width: 100%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="horizontal" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`drag button vertical 1`] = `
-<div class="van-slider van-slider--vertical">
-  <div class="van-slider__bar" style="height: 100%;">
-    <div role="slider" tabindex="0" aria-valuemin="0" aria-valuenow="100" aria-valuemax="100" aria-orientation="vertical" class="van-slider__button-wrapper">
-      <div class="van-slider__button"></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/slider/test/demo.spec.js b/src-next/slider/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/slider/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/slider/test/index.spec.js b/src-next/slider/test/index.spec.js
deleted file mode 100644
index 53333b201..000000000
--- a/src-next/slider/test/index.spec.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import Slider from '..';
-import {
-  mount,
-  trigger,
-  triggerDrag,
-  mockGetBoundingClientRect,
-} from '../../../test';
-
-function mockRect(vertical) {
-  return mockGetBoundingClientRect({
-    width: vertical ? 0 : 100,
-    height: vertical ? 100 : 0,
-    top: vertical ? 0 : 100,
-    left: vertical ? 100 : 0,
-  });
-}
-
-test('drag button', () => {
-  const restoreMock = mockRect();
-
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      disabled: true,
-    },
-  });
-
-  wrapper.vm.$on('input', (value) => {
-    wrapper.setProps({ value });
-  });
-
-  const button = wrapper.find('.van-slider__button');
-  triggerDrag(button, 50, 0);
-  expect(wrapper).toMatchSnapshot();
-  expect(wrapper.emitted('drag-start')).toBeFalsy();
-  expect(wrapper.emitted('drag-end')).toBeFalsy();
-
-  wrapper.setData({ disabled: false });
-  trigger(button, 'touchstart', 0, 0);
-  trigger(button, 'touchend', 0, 0);
-  triggerDrag(button, 50, 0);
-  expect(wrapper).toMatchSnapshot();
-  expect(wrapper.emitted('drag-start')).toBeTruthy();
-  expect(wrapper.emitted('drag-end')).toBeTruthy();
-
-  restoreMock();
-});
-
-test('click bar', () => {
-  const restoreMock = mockRect();
-
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      disabled: true,
-    },
-  });
-
-  wrapper.vm.$on('input', (value) => {
-    wrapper.setProps({ value });
-  });
-
-  trigger(wrapper, 'click', 100, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  wrapper.setData({ disabled: false });
-  trigger(wrapper, 'click', 100, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  restoreMock();
-});
-
-test('drag button vertical', () => {
-  const restoreMock = mockRect(true);
-
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      vertical: true,
-    },
-  });
-
-  wrapper.vm.$on('input', (value) => {
-    wrapper.setProps({ value });
-  });
-
-  const button = wrapper.find('.van-slider__button');
-  triggerDrag(button, 0, 50);
-  expect(wrapper).toMatchSnapshot();
-
-  restoreMock();
-});
-
-test('click vertical', () => {
-  const restoreMock = mockRect(true);
-
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      vertical: true,
-    },
-  });
-
-  wrapper.vm.$on('input', (value) => {
-    wrapper.setProps({ value });
-  });
-
-  trigger(wrapper, 'click', 0, 100);
-  expect(wrapper).toMatchSnapshot();
-
-  restoreMock();
-});
-
-test('bar-height prop', () => {
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      barHeight: 10,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('button-size prop', () => {
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-      buttonSize: 10,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('should not emit change event when value not changed', () => {
-  const wrapper = mount(Slider, {
-    propsData: {
-      value: 50,
-    },
-    listeners: {
-      input(value) {
-        wrapper.setProps({ value });
-      },
-    },
-  });
-
-  trigger(wrapper, 'click', 100, 0);
-  trigger(wrapper, 'click', 100, 0);
-
-  expect(wrapper.emitted('change').length).toEqual(1);
-});
-
-test('should format initial value', (done) => {
-  mount(Slider, {
-    propsData: {
-      value: null,
-    },
-    listeners: {
-      input(value) {
-        expect(value).toEqual(0);
-        done();
-      },
-    },
-  });
-});
diff --git a/src-next/step/index.js b/src-next/step/index.js
deleted file mode 100644
index 0e3390561..000000000
--- a/src-next/step/index.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import { createNamespace } from '../utils';
-import { BORDER } from '../utils/constant';
-import { ChildrenMixin } from '../mixins/relation';
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('step');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanSteps')],
-
-  computed: {
-    status() {
-      if (this.index < this.parent.active) {
-        return 'finish';
-      }
-      if (this.index === +this.parent.active) {
-        return 'process';
-      }
-    },
-
-    active() {
-      return this.status === 'process';
-    },
-
-    lineStyle() {
-      if (this.status === 'finish') {
-        return { background: this.parent.activeColor };
-      }
-      return { background: this.parent.inactiveColor };
-    },
-
-    titleStyle() {
-      if (this.active) {
-        return { color: this.parent.activeColor };
-      }
-      if (!this.status) {
-        return { color: this.parent.inactiveColor };
-      }
-    },
-  },
-
-  methods: {
-    genCircle() {
-      const { activeIcon, activeColor, inactiveIcon } = this.parent;
-
-      if (this.active) {
-        return this.$slots['active-icon'] ? (
-          this.$slots['active-icon']()
-        ) : (
-          <Icon
-            class={bem('icon', 'active')}
-            name={activeIcon}
-            color={activeColor}
-          />
-        );
-      }
-
-      if (inactiveIcon || this.$slots['inactive-icon']) {
-        return this.$slots['inactive-icon'] ? (
-          this.$slots['inactive-icon']()
-        ) : (
-          <Icon class={bem('icon')} name={inactiveIcon} />
-        );
-      }
-
-      return <i class={bem('circle')} style={this.lineStyle} />;
-    },
-
-    onClickStep() {
-      this.parent.$emit('click-step', this.index);
-    },
-  },
-
-  render() {
-    const { status, active } = this;
-    const { direction } = this.parent;
-
-    return (
-      <div class={[BORDER, bem([direction, { [status]: status }])]}>
-        <div
-          class={bem('title', { active })}
-          style={this.titleStyle}
-          onClick={this.onClickStep}
-        >
-          {this.$slots.default?.()}
-        </div>
-        <div class={bem('circle-container')} onClick={this.onClickStep}>
-          {this.genCircle()}
-        </div>
-        <div class={bem('line')} style={this.lineStyle} />
-      </div>
-    );
-  },
-});
diff --git a/src-next/step/index.less b/src-next/step/index.less
deleted file mode 100644
index 8ecc8ca13..000000000
--- a/src-next/step/index.less
+++ /dev/null
@@ -1,151 +0,0 @@
-@import '../style/var';
-
-.van-step {
-  position: relative;
-  flex: 1;
-  color: @step-text-color;
-  font-size: @step-font-size;
-
-  &__circle {
-    display: block;
-    width: @step-circle-size;
-    height: @step-circle-size;
-    background-color: @step-circle-color;
-    border-radius: 50%;
-  }
-
-  &__line {
-    position: absolute;
-    background-color: @step-line-color;
-    transition: background-color @animation-duration-base;
-  }
-
-  &--horizontal {
-    float: left;
-
-    &:first-child {
-      .van-step__title {
-        margin-left: 0;
-        transform: none;
-      }
-    }
-
-    &:last-child {
-      position: absolute;
-      right: 1px;
-      width: auto;
-
-      .van-step__title {
-        margin-left: 0;
-        transform: none;
-      }
-
-      .van-step__circle-container {
-        right: -9px;
-        left: auto;
-      }
-    }
-
-    .van-step__circle-container {
-      position: absolute;
-      top: 30px;
-      left: -@padding-xs;
-      z-index: 1;
-      padding: 0 @padding-xs;
-      background-color: @white;
-      transform: translateY(-50%);
-    }
-
-    .van-step__title {
-      display: inline-block;
-      margin-left: 3px;
-      font-size: @step-horizontal-title-font-size;
-      transform: translateX(-50%);
-
-      @media (max-width: 321px) {
-        font-size: @step-horizontal-title-font-size - 1px;
-      }
-    }
-
-    .van-step__line {
-      top: 30px;
-      left: 0;
-      width: 100%;
-      height: 1px;
-    }
-
-    .van-step__icon {
-      display: block;
-      font-size: @step-icon-size;
-    }
-
-    .van-step--process {
-      color: @step-process-text-color;
-    }
-  }
-
-  &--vertical {
-    display: block;
-    float: none;
-    padding: 10px 10px 10px 0;
-    line-height: 18px;
-
-    &:not(:last-child)::after {
-      border-bottom-width: 1px;
-    }
-
-    &:first-child {
-      &::before {
-        position: absolute;
-        top: 0;
-        left: -15px;
-        z-index: 1;
-        width: 1px;
-        height: 20px;
-        background-color: @white;
-        content: '';
-      }
-    }
-
-    .van-step__circle-container {
-      position: absolute;
-      top: 19px;
-      left: -15px;
-      z-index: 2;
-      font-size: @step-icon-size;
-      line-height: 1;
-      transform: translate(-50%, -50%);
-    }
-
-    .van-step__line {
-      top: 16px;
-      left: -15px;
-      width: 1px;
-      height: 100%;
-    }
-  }
-
-  &:last-child {
-    .van-step__line {
-      width: 0;
-    }
-  }
-
-  &--finish {
-    color: @step-finish-text-color;
-
-    .van-step__circle,
-    .van-step__line {
-      background-color: @step-finish-line-color;
-    }
-  }
-
-  &__icon,
-  &__title {
-    transition: color @animation-duration-base;
-
-    &--active {
-      color: @step-active-color;
-    }
-  }
-}
diff --git a/src-next/steps/README.md b/src-next/steps/README.md
deleted file mode 100644
index a82b38f2f..000000000
--- a/src-next/steps/README.md
+++ /dev/null
@@ -1,90 +0,0 @@
-# Steps
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Step, Steps } from 'vant';
-
-Vue.use(Step);
-Vue.use(Steps);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-steps :active="active">
-  <van-step>Step1</van-step>
-  <van-step>Step2</van-step>
-  <van-step>Step3</van-step>
-  <van-step>Step4</van-step>
-</van-steps>
-```
-
-```js
-export default {
-  data() {
-    return {
-      active: 1,
-    };
-  },
-};
-```
-
-### Custom Style
-
-```html
-<van-steps :active="active" active-icon="success" active-color="#38f">
-  <van-step>Step1</van-step>
-  <van-step>Step2</van-step>
-  <van-step>Step3</van-step>
-  <van-step>Step4</van-step>
-</van-steps>
-```
-
-### Vertical Steps
-
-```html
-<van-steps direction="vertical" :active="0">
-  <van-step>
-    <h3>【City】Status1</h3>
-    <p>2016-07-12 12:40</p>
-  </van-step>
-  <van-step>
-    <h3>【City】Status2</h3>
-    <p>2016-07-11 10:00</p>
-  </van-step>
-  <van-step>
-    <h3>【City】Status3</h3>
-    <p>2016-07-10 09:30</p>
-  </van-step>
-</van-steps>
-```
-
-## API
-
-### Steps Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| active | Active step | _number \| string_ | `0` |
-| direction | Can be set to `vertical` | _string_ | `horizontal` |
-| active-color | Active step color | _string_ | `#07c160` |
-| inactive-color `v2.9.1` | Inactive step color | _string_ | `#969799` |
-| active-icon | Active icon name | _string_ | `checked` |
-| inactive-icon | Inactive icon name | _string_ | - |
-
-### Step Slots
-
-| Name          | Description          |
-| ------------- | -------------------- |
-| active-icon   | Custom active icon   |
-| inactive-icon | Custom inactive icon |
-
-### Steps Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| click-step `v2.5.9` | Triggered when a step's title or icon is clicked | _index: number_ |
diff --git a/src-next/steps/README.zh-CN.md b/src-next/steps/README.zh-CN.md
deleted file mode 100644
index d4610bc29..000000000
--- a/src-next/steps/README.zh-CN.md
+++ /dev/null
@@ -1,96 +0,0 @@
-# Steps 步骤条
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Step, Steps } from 'vant';
-
-Vue.use(Step);
-Vue.use(Steps);
-```
-
-## 代码演示
-
-### 基础用法
-
-`active`属性表示当前步骤的索引，从 0 起计
-
-```html
-<van-steps :active="active">
-  <van-step>买家下单</van-step>
-  <van-step>商家接单</van-step>
-  <van-step>买家提货</van-step>
-  <van-step>交易完成</van-step>
-</van-steps>
-```
-
-```js
-export default {
-  data() {
-    return {
-      active: 1,
-    };
-  },
-};
-```
-
-### 自定义样式
-
-可以通过`active-icon`和`active-color`属性设置激活状态下的图标和颜色
-
-```html
-<van-steps :active="active" active-icon="success" active-color="#38f">
-  <van-step>买家下单</van-step>
-  <van-step>商家接单</van-step>
-  <van-step>买家提货</van-step>
-  <van-step>交易完成</van-step>
-</van-steps>
-```
-
-### 竖向步骤条
-
-可以通过设置`direction`属性来改变步骤条的显示方向
-
-```html
-<van-steps direction="vertical" :active="0">
-  <van-step>
-    <h3>【城市】物流状态1</h3>
-    <p>2016-07-12 12:40</p>
-  </van-step>
-  <van-step>
-    <h3>【城市】物流状态2</h3>
-    <p>2016-07-11 10:00</p>
-  </van-step>
-  <van-step>
-    <h3>快件已发货</h3>
-    <p>2016-07-10 09:30</p>
-  </van-step>
-</van-steps>
-```
-
-## API
-
-### Steps Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| active | 当前步骤 | _number \| string_ | `0` |
-| direction | 显示方向，可选值为 `vertical` | _string_ | `horizontal` |
-| active-color | 激活状态颜色 | _string_ | `#07c160` |
-| inactive-color `v2.9.1` | 未激活状态颜色 | _string_ | `#969799` |
-| active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | `checked` |
-| inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
-
-### Step Slots
-
-| 名称          | 说明                 |
-| ------------- | -------------------- |
-| active-icon   | 自定义激活状态图标   |
-| inactive-icon | 自定义未激活状态图标 |
-
-### Steps Events
-
-| 事件名              | 说明                       | 回调参数        |
-| ------------------- | -------------------------- | --------------- |
-| click-step `v2.5.9` | 点击步骤的标题或图标时触发 | _index: number_ |
diff --git a/src-next/steps/demo/index.vue b/src-next/steps/demo/index.vue
deleted file mode 100644
index 1d0a6236b..000000000
--- a/src-next/steps/demo/index.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-steps :active="active">
-        <van-step>{{ t('step1') }}</van-step>
-        <van-step>{{ t('step2') }}</van-step>
-        <van-step>{{ t('step3') }}</van-step>
-        <van-step>{{ t('step4') }}</van-step>
-      </van-steps>
-
-      <van-button @click="nextStep">{{ t('nextStep') }}</van-button>
-    </demo-block>
-
-    <demo-block :title="t('customStyle')">
-      <van-steps
-        :active="active"
-        active-icon="success"
-        inactive-icon="arrow"
-        active-color="#38f"
-      >
-        <van-step>{{ t('step1') }}</van-step>
-        <van-step>{{ t('step2') }}</van-step>
-        <van-step>{{ t('step3') }}</van-step>
-        <van-step>{{ t('step4') }}</van-step>
-      </van-steps>
-    </demo-block>
-
-    <demo-block :title="t('title3')">
-      <van-steps :active="0" direction="vertical">
-        <van-step>
-          <h3>{{ t('status1') }}</h3>
-          <p>2016-07-12 12:40</p>
-        </van-step>
-        <van-step>
-          <h3>{{ t('status2') }}</h3>
-          <p>2016-07-11 10:00</p>
-        </van-step>
-        <van-step>
-          <h3>{{ t('status3') }}</h3>
-          <p>2016-07-10 09:30</p>
-        </van-step>
-      </van-steps>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      nextStep: '下一步',
-      step1: '买家下单',
-      step2: '商家接单',
-      step3: '买家提货',
-      step4: '交易完成',
-      title2: '描述信息',
-      title3: '竖向步骤条',
-      status1: '【城市】物流状态1',
-      status2: '【城市】物流状态',
-      status3: '快件已发货',
-      customStyle: '自定义样式',
-    },
-    'en-US': {
-      nextStep: 'Next Step',
-      step1: 'Step1',
-      step2: 'Step2',
-      step3: 'Step3',
-      step4: 'Step4',
-      title2: 'Description',
-      title3: 'Vertical Steps',
-      status1: '【City】Status1',
-      status2: '【City】Status2',
-      status3: '【City】Status3',
-      customStyle: 'Custom Style',
-    },
-  },
-
-  data() {
-    return {
-      active: 1,
-    };
-  },
-
-  methods: {
-    nextStep() {
-      this.active = ++this.active % 4;
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-steps {
-  .steps-success,
-  .van-icon-location {
-    color: @green;
-  }
-
-  .van-button {
-    margin: @padding-md 0 0 @padding-md;
-  }
-
-  p,
-  h3 {
-    margin: 0;
-    font-weight: normal;
-    font-size: inherit;
-  }
-
-  .van-steps__message + p {
-    margin-bottom: 10px;
-  }
-}
-</style>
diff --git a/src-next/steps/index.js b/src-next/steps/index.js
deleted file mode 100644
index 3e17de6ce..000000000
--- a/src-next/steps/index.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('steps');
-
-export default createComponent({
-  mixins: [ParentMixin('vanSteps')],
-
-  props: {
-    activeColor: String,
-    inactiveIcon: String,
-    inactiveColor: String,
-    active: {
-      type: [Number, String],
-      default: 0,
-    },
-    direction: {
-      type: String,
-      default: 'horizontal',
-    },
-    activeIcon: {
-      type: String,
-      default: 'checked',
-    },
-  },
-
-  emits: ['click-step'],
-
-  render() {
-    return (
-      <div class={bem([this.direction])}>
-        <div class={bem('items')}>{this.$slots.default?.()}</div>
-      </div>
-    );
-  },
-});
diff --git a/src-next/steps/index.less b/src-next/steps/index.less
deleted file mode 100644
index 51d94d716..000000000
--- a/src-next/steps/index.less
+++ /dev/null
@@ -1,21 +0,0 @@
-@import '../style/var';
-
-.van-steps {
-  overflow: hidden;
-  background-color: @steps-background-color;
-
-  &--horizontal {
-    padding: 10px 10px 0;
-
-    .van-steps__items {
-      position: relative;
-      display: flex;
-      margin: 0 0 10px;
-      padding-bottom: 22px;
-    }
-  }
-
-  &--vertical {
-    padding: 0 0 0 @padding-xl;
-  }
-}
diff --git a/src-next/steps/test/__snapshots__/demo.spec.js.snap b/src-next/steps/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 98a80d91e..000000000
--- a/src-next/steps/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,96 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-steps van-steps--horizontal">
-      <div class="van-steps__items">
-        <div class="van-hairline van-step van-step--horizontal van-step--finish">
-          <div class="van-step__title">买家下单</div>
-          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal van-step--process">
-          <div class="van-step__title van-step__title--active">商家接单</div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-checked van-step__icon van-step__icon--active">
-              <!----></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal">
-          <div class="van-step__title">买家提货</div>
-          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal">
-          <div class="van-step__title">交易完成</div>
-          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
-          <div class="van-step__line"></div>
-        </div>
-      </div>
-    </div> <button class="van-button van-button--default van-button--normal">
-      <div class="van-button__content"><span class="van-button__text">下一步</span></div>
-    </button>
-  </div>
-  <div>
-    <div class="van-steps van-steps--horizontal">
-      <div class="van-steps__items">
-        <div class="van-hairline van-step van-step--horizontal van-step--finish">
-          <div class="van-step__title">买家下单</div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
-              <!----></i></div>
-          <div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal van-step--process">
-          <div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-success van-step__icon van-step__icon--active" style="color: rgb(51, 136, 255);">
-              <!----></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal">
-          <div class="van-step__title">买家提货</div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
-              <!----></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--horizontal">
-          <div class="van-step__title">交易完成</div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
-              <!----></i></div>
-          <div class="van-step__line"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-steps van-steps--vertical">
-      <div class="van-steps__items">
-        <div class="van-hairline van-step van-step--vertical van-step--process">
-          <div class="van-step__title van-step__title--active">
-            <h3>【城市】物流状态1</h3>
-            <p>2016-07-12 12:40</p>
-          </div>
-          <div class="van-step__circle-container"><i class="van-icon van-icon-checked van-step__icon van-step__icon--active">
-              <!----></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--vertical">
-          <div class="van-step__title">
-            <h3>【城市】物流状态</h3>
-            <p>2016-07-11 10:00</p>
-          </div>
-          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
-          <div class="van-step__line"></div>
-        </div>
-        <div class="van-hairline van-step van-step--vertical">
-          <div class="van-step__title">
-            <h3>快件已发货</h3>
-            <p>2016-07-10 09:30</p>
-          </div>
-          <div class="van-step__circle-container"><i class="van-step__circle"></i></div>
-          <div class="van-step__line"></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/steps/test/__snapshots__/index.spec.js.snap b/src-next/steps/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 232fc1a04..000000000
--- a/src-next/steps/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`icon slot 1`] = `
-<div class="van-steps van-steps--horizontal">
-  <div class="van-steps__items">
-    <div class="van-hairline van-step van-step--horizontal van-step--finish">
-      <div class="van-step__title">
-        A
-      </div>
-      <div class="van-step__circle-container">Custim Inactive Icon</div>
-      <div class="van-step__line"></div>
-    </div>
-    <div class="van-hairline van-step van-step--horizontal van-step--process">
-      <div class="van-step__title van-step__title--active">
-        B
-      </div>
-      <div class="van-step__circle-container">Custim Active Icon</div>
-      <div class="van-step__line"></div>
-    </div>
-    <div class="van-hairline van-step van-step--horizontal">
-      <div class="van-step__title">
-        C
-      </div>
-      <div class="van-step__circle-container">Custim Inactive Icon</div>
-      <div class="van-step__line"></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/steps/test/demo.spec.js b/src-next/steps/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/steps/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/steps/test/index.spec.js b/src-next/steps/test/index.spec.js
deleted file mode 100644
index 29d694e04..000000000
--- a/src-next/steps/test/index.spec.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import { mount } from '../../../test';
-
-test('icon slot', () => {
-  const wrapper = mount({
-    template: `
-    <van-steps :active="1">
-      <van-step>
-        <template v-slot:inactive-icon>Custim Inactive Icon</template>
-        A
-      </van-step>
-      <van-step>
-        <template v-slot:active-icon>Custim Active Icon</template>
-        B
-      </van-step>
-      <van-step>
-        <template v-slot:inactive-icon>Custim Inactive Icon</template>
-        C
-      </van-step>
-    </van-steps>
-    `,
-  });
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click-step event', () => {
-  const onClickStep = jest.fn();
-  const wrapper = mount({
-    template: `
-      <van-steps :active="1" @click-step="onClickStep">
-        <van-step>A</van-step>
-        <van-step>B</van-step>
-        <van-step>C</van-step>
-      </van-steps>
-    `,
-    methods: {
-      onClickStep,
-    },
-  });
-
-  wrapper.find('.van-step').trigger('click');
-  expect(onClickStep).toHaveBeenCalledTimes(0);
-
-  wrapper.find('.van-step__title').trigger('click');
-  expect(onClickStep).toHaveBeenCalledWith(0);
-
-  wrapper.findAll('.van-step__circle-container').at(2).trigger('click');
-  expect(onClickStep).toHaveBeenCalledTimes(2);
-  expect(onClickStep).toHaveBeenLastCalledWith(2);
-});
-
-test('inactive-color prop', () => {
-  const wrapper = mount({
-    template: `
-    <van-steps :active="0" inactive-color="red">
-      <van-step>A</van-step>
-      <van-step>B</van-step>
-    </van-steps>
-    `,
-  });
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src-next/style/README.md b/src-next/style/README.md
deleted file mode 100644
index 6bb0ca1b4..000000000
--- a/src-next/style/README.md
+++ /dev/null
@@ -1,79 +0,0 @@
-# Built-in Style
-
-### Intro
-
-Vant contains some common styles that can be used directly by the className.
-
-### Text ellipsis
-
-When the text content length exceeds the maximum container width, the excess text is automatically omitted.
-
-```html
-<div class="van-ellipsis">
-  This is a paragraph that displays up to one line of text, and the rest of the
-  text will be omitted.
-</div>
-
-<div class="van-multi-ellipsis--l2">
-  This is a paragraph that displays up to two lines of text, and the rest of the
-  text will be omitted.
-</div>
-
-<div class="van-multi-ellipsis--l3">
-  This is a paragraph that displays up to three lines of text, and the rest of
-  the text will be omitted.
-</div>
-```
-
-### Hairline
-
-Add 1px border under the Retina screen for the element, based on a pseudo element.
-
-```html
-<!-- border top -->
-<div class="van-hairline--top"></div>
-
-<!-- border bottom -->
-<div class="van-hairline--bottom"></div>
-
-<!-- border left -->
-<div class="van-hairline--left"></div>
-
-<!-- border right -->
-<div class="van-hairline--right"></div>
-
-<!-- border top & bottom -->
-<div class="van-hairline--top-bottom"></div>
-
-<!-- full border -->
-<div class="van-hairline--surround"></div>
-```
-
-### Animation
-
-```html
-<!-- fade in  -->
-<transition name="van-fade">
-  <div v-show="visible">Fade</div>
-</transition>
-
-<!-- slide up -->
-<transition name="van-slide-up">
-  <div v-show="visible">Slide Up</div>
-</transition>
-
-<!-- slide down -->
-<transition name="van-slide-down">
-  <div v-show="visible">Slide Down</div>
-</transition>
-
-<!-- slide left -->
-<transition name="van-slide-left">
-  <div v-show="visible">Slide Left</div>
-</transition>
-
-<!-- slide right -->
-<transition name="van-slide-right">
-  <div v-show="visible">Slide Right</div>
-</transition>
-```
diff --git a/src-next/style/README.zh-CN.md b/src-next/style/README.zh-CN.md
deleted file mode 100644
index cc42831cd..000000000
--- a/src-next/style/README.zh-CN.md
+++ /dev/null
@@ -1,79 +0,0 @@
-# 内置样式
-
-### 介绍
-
-Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。
-
-### 文字省略
-
-当文本内容长度超过容器最大宽度时，自动省略多余的文本。
-
-```html
-<!-- 最多显示一行 -->
-<div class="van-ellipsis">这是一段最多显示一行的文字，多余的内容会被省略</div>
-
-<!-- 最多显示两行 -->
-<div class="van-multi-ellipsis--l2">
-  这是一段最多显示两行的文字，多余的内容会被省略
-</div>
-
-<!-- 最多显示三行 -->
-<div class="van-multi-ellipsis--l3">
-  这是一段最多显示三行的文字，多余的内容会被省略
-</div>
-```
-
-### 1px 边框
-
-为元素添加 Retina 屏幕下的 1px 边框（即 hairline），基于伪类 transform 实现。
-
-```html
-<!-- 上边框 -->
-<div class="van-hairline--top"></div>
-
-<!-- 下边框 -->
-<div class="van-hairline--bottom"></div>
-
-<!-- 左边框 -->
-<div class="van-hairline--left"></div>
-
-<!-- 右边框 -->
-<div class="van-hairline--right"></div>
-
-<!-- 上下边框 -->
-<div class="van-hairline--top-bottom"></div>
-
-<!-- 全边框 -->
-<div class="van-hairline--surround"></div>
-```
-
-### 动画
-
-可以通过 `transition` 组件使用内置的动画
-
-```html
-<!-- 淡入 -->
-<transition name="van-fade">
-  <div v-show="visible">Fade</div>
-</transition>
-
-<!-- 上滑进入 -->
-<transition name="van-slide-up">
-  <div v-show="visible">Slide Up</div>
-</transition>
-
-<!-- 下滑进入 -->
-<transition name="van-slide-down">
-  <div v-show="visible">Slide Down</div>
-</transition>
-
-<!-- 左滑进入 -->
-<transition name="van-slide-left">
-  <div v-show="visible">Slide Left</div>
-</transition>
-
-<!-- 右滑进入 -->
-<transition name="van-slide-right">
-  <div v-show="visible">Slide Right</div>
-</transition>
-```
diff --git a/src-next/style/animation.less b/src-next/style/animation.less
deleted file mode 100644
index db2485f8c..000000000
--- a/src-next/style/animation.less
+++ /dev/null
@@ -1,139 +0,0 @@
-@import './var';
-
-@keyframes van-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes van-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes van-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.van-fade {
-  &-enter-active {
-    animation: @animation-duration-base van-fade-in both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: @animation-duration-base van-fade-out both
-      @animation-timing-function-leave;
-  }
-}
-
-.van-slide-up {
-  &-enter-active {
-    animation: van-slide-up-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: van-slide-up-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.van-slide-down {
-  &-enter-active {
-    animation: van-slide-down-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: van-slide-down-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.van-slide-left {
-  &-enter-active {
-    animation: van-slide-left-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: van-slide-left-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.van-slide-right {
-  &-enter-active {
-    animation: van-slide-right-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: van-slide-right-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
diff --git a/src-next/style/base.less b/src-next/style/base.less
deleted file mode 100644
index 086daec7f..000000000
--- a/src-next/style/base.less
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Entry of basic styles
- */
-
-@import './var';
-@import './normalize';
-@import './ellipsis';
-@import './clearfix';
-@import './hairline';
-@import './animation';
diff --git a/src-next/style/clearfix.less b/src-next/style/clearfix.less
deleted file mode 100644
index 3780b50d2..000000000
--- a/src-next/style/clearfix.less
+++ /dev/null
@@ -1,5 +0,0 @@
-@import './mixins/clearfix';
-
-.van-clearfix {
-  .clearfix();
-}
diff --git a/src-next/style/demo/index.vue b/src-next/style/demo/index.vue
deleted file mode 100644
index df01ad4a7..000000000
--- a/src-next/style/demo/index.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('ellipsis')">
-      <div class="van-ellipsis">{{ t('text1') }}</div>
-      <div class="van-multi-ellipsis--l2">{{ t('text2') }}</div>
-    </demo-block>
-
-    <demo-block card :title="t('hairline')">
-      <div class="van-hairline--top" />
-    </demo-block>
-
-    <demo-block card :title="t('animation')">
-      <van-cell is-link title="Fade" @click="animate('van-fade')" />
-      <van-cell is-link title="Slide Up" @click="animate('van-slide-up')" />
-      <van-cell is-link title="Slide Down" @click="animate('van-slide-down')" />
-      <van-cell is-link title="Slide Left" @click="animate('van-slide-left')" />
-      <van-cell
-        is-link
-        title="Slide Right"
-        @click="animate('van-slide-right')"
-      />
-    </demo-block>
-
-    <transition :name="transitionName">
-      <div v-show="show" class="demo-animate-block" />
-    </transition>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      hairline: '1px 边框',
-      ellipsis: '文字省略',
-      animation: '动画',
-      toggle: '切换动画',
-      text1: '这是一段最多显示一行的文字，后面的内容会省略',
-      text2:
-        '这是一段最多显示两行的文字，后面的内容会省略。这是一段最多显示两行的文字，后面的内容会省略',
-    },
-    'en-US': {
-      hairline: 'Hairline',
-      ellipsis: 'Text Ellipsis',
-      animation: 'Animation',
-      toggle: 'Switch animation',
-      text1:
-        'This is a paragraph that displays up to one line of text, and the rest of the text will be omitted.',
-      text2:
-        'This is a paragraph that displays up to two lines of text, and the rest of the text will be omitted.',
-    },
-  },
-
-  data() {
-    return {
-      show: false,
-      transitionName: '',
-    };
-  },
-
-  methods: {
-    animate(transitionName) {
-      this.show = true;
-      this.transitionName = transitionName;
-
-      setTimeout(() => {
-        this.show = false;
-      }, 500);
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-style {
-  .van-ellipsis,
-  .van-multi-ellipsis--l2 {
-    max-width: 300px;
-    margin-left: @padding-md;
-    font-size: 14px;
-    line-height: 18px;
-  }
-
-  .van-ellipsis {
-    margin-bottom: @padding-md;
-  }
-
-  .van-hairline--top {
-    height: 30px;
-    background-color: @white;
-
-    &::after {
-      top: 5px;
-    }
-  }
-
-  .demo-animate-block {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 100px;
-    height: 100px;
-    margin: -50px 0 0 -50px;
-    background-color: @blue;
-    border-radius: 3px;
-  }
-}
-</style>
diff --git a/src-next/style/ellipsis.less b/src-next/style/ellipsis.less
deleted file mode 100644
index 0f3f282ac..000000000
--- a/src-next/style/ellipsis.less
+++ /dev/null
@@ -1,13 +0,0 @@
-@import './mixins/ellipsis';
-
-.van-ellipsis {
-  .ellipsis();
-}
-
-.van-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.van-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}
diff --git a/src-next/style/hairline.less b/src-next/style/hairline.less
deleted file mode 100644
index 31d35d57f..000000000
--- a/src-next/style/hairline.less
+++ /dev/null
@@ -1,47 +0,0 @@
-@import './var';
-@import './mixins/hairline';
-
-[class*='van-hairline'] {
-  &::after {
-    .hairline();
-  }
-}
-
-.van-hairline {
-  &,
-  &--top,
-  &--left,
-  &--right,
-  &--bottom,
-  &--surround,
-  &--top-bottom {
-    position: relative;
-  }
-
-  &--top::after {
-    border-top-width: @border-width-base;
-  }
-
-  &--left::after {
-    border-left-width: @border-width-base;
-  }
-
-  &--right::after {
-    border-right-width: @border-width-base;
-  }
-
-  &--bottom::after {
-    border-bottom-width: @border-width-base;
-  }
-
-  &,
-  &-unset {
-    &--top-bottom::after {
-      border-width: @border-width-base 0;
-    }
-  }
-
-  &--surround::after {
-    border-width: @border-width-base;
-  }
-}
diff --git a/src-next/style/mixins/clearfix.less b/src-next/style/mixins/clearfix.less
deleted file mode 100644
index c9f0cb19c..000000000
--- a/src-next/style/mixins/clearfix.less
+++ /dev/null
@@ -1,7 +0,0 @@
-.clearfix() {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-}
diff --git a/src-next/style/mixins/ellipsis.less b/src-next/style/mixins/ellipsis.less
deleted file mode 100644
index 44b97b728..000000000
--- a/src-next/style/mixins/ellipsis.less
+++ /dev/null
@@ -1,15 +0,0 @@
-.multi-ellipsis(@lines) {
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: @lines;
-
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-}
-
-.ellipsis() {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src-next/style/mixins/hairline.less b/src-next/style/mixins/hairline.less
deleted file mode 100644
index ead093b03..000000000
--- a/src-next/style/mixins/hairline.less
+++ /dev/null
@@ -1,39 +0,0 @@
-@import '../var';
-
-.hairline-common() {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-}
-
-.hairline(@color: @border-color) {
-  .hairline-common();
-
-  top: -50%;
-  right: -50%;
-  bottom: -50%;
-  left: -50%;
-  border: 0 solid @color;
-  transform: scale(0.5);
-}
-
-.hairline-top(@color: @border-color, @left: 0, @right: 0) {
-  .hairline-common();
-
-  top: 0;
-  right: @right;
-  left: @left;
-  border-top: 1px solid @color;
-  transform: scaleY(0.5);
-}
-
-.hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
-  .hairline-common();
-
-  right: @right;
-  bottom: 0;
-  left: @left;
-  border-bottom: 1px solid @color;
-  transform: scaleY(0.5);
-}
diff --git a/src-next/style/normalize.less b/src-next/style/normalize.less
deleted file mode 100644
index baf31f706..000000000
--- a/src-next/style/normalize.less
+++ /dev/null
@@ -1,38 +0,0 @@
-@import './var';
-
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0;
-  font-family: @base-font-family;
-}
-
-a {
-  text-decoration: none;
-}
-
-input,
-button,
-textarea {
-  color: inherit;
-  font: inherit;
-}
-
-a,
-input,
-button,
-textarea,
-[class*='van-'] {
-  &:focus {
-    outline: none;
-  }
-}
-
-ol,
-ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
diff --git a/src-next/style/reset.less b/src-next/style/reset.less
deleted file mode 100644
index c8256b58c..000000000
--- a/src-next/style/reset.less
+++ /dev/null
@@ -1,171 +0,0 @@
-@import './var';
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  border: 0;
-}
-
-html {
-  line-height: 1;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-ol,
-ul {
-  list-style: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-caption,
-th,
-td {
-  font-weight: normal;
-  vertical-align: middle;
-}
-
-q,
-blockquote {
-  quotes: none;
-}
-
-q::before,
-q::after,
-blockquote::before,
-blockquote::after {
-  content: '';
-  content: none;
-}
-
-a img {
-  border: none;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-* {
-  box-sizing: content-box;
-}
-
-body {
-  color: @text-color;
-  background-color: @background-color;
-}
-
-a {
-  text-decoration: none;
-  background: transparent;
-}
-
-button,
-input[type='number'],
-input[type='text'],
-input[type='password'],
-input[type='email'],
-input[type='search'],
-select,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  -webkit-appearance: none;
-}
diff --git a/src-next/style/var.less b/src-next/style/var.less
deleted file mode 100644
index a0957a179..000000000
--- a/src-next/style/var.less
+++ /dev/null
@@ -1,839 +0,0 @@
-// Color Palette
-@black: #000;
-@white: #fff;
-@gray-1: #f7f8fa;
-@gray-2: #f2f3f5;
-@gray-3: #ebedf0;
-@gray-4: #dcdee0;
-@gray-5: #c8c9cc;
-@gray-6: #969799;
-@gray-7: #646566;
-@gray-8: #323233;
-@red: #ee0a24;
-@blue: #1989fa;
-@orange: #ff976a;
-@orange-dark: #ed6a0c;
-@orange-light: #fffbe8;
-@green: #07c160;
-
-// Gradient Colors
-@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
-@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
-
-// Component Colors
-@text-color: @gray-8;
-@active-color: @gray-2;
-@active-opacity: 0.7;
-@disabled-opacity: 0.5;
-@background-color: @gray-1;
-@background-color-light: #fafafa;
-@text-link-color: #576b95;
-
-// Padding
-@padding-base: 4px;
-@padding-xs: @padding-base * 2;
-@padding-sm: @padding-base * 3;
-@padding-md: @padding-base * 4;
-@padding-lg: @padding-base * 6;
-@padding-xl: @padding-base * 8;
-
-// Font
-@font-size-xs: 10px;
-@font-size-sm: 12px;
-@font-size-md: 14px;
-@font-size-lg: 16px;
-@font-weight-bold: 500;
-@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB',
-  'Microsoft Yahei', sans-serif;
-@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
-  sans-serif;
-
-// Animation
-@animation-duration-base: 0.3s;
-@animation-duration-fast: 0.2s;
-@animation-timing-function-enter: ease-out;
-@animation-timing-function-leave: ease-in;
-
-// Border
-@border-color: @gray-3;
-@border-width-base: 1px;
-@border-radius-sm: 2px;
-@border-radius-md: 4px;
-@border-radius-lg: 8px;
-@border-radius-max: 999px;
-
-// ActionSheet
-@action-sheet-max-height: 80%;
-@action-sheet-header-height: 44px;
-@action-sheet-header-font-size: @font-size-lg;
-@action-sheet-description-color: @gray-6;
-@action-sheet-description-font-size: @font-size-md;
-@action-sheet-description-line-height: 20px;
-@action-sheet-item-background: @white;
-@action-sheet-item-font-size: @font-size-lg;
-@action-sheet-item-line-height: 22px;
-@action-sheet-item-text-color: @text-color;
-@action-sheet-item-disabled-text-color: @gray-5;
-@action-sheet-subname-color: @gray-6;
-@action-sheet-subname-font-size: @font-size-sm;
-@action-sheet-subname-line-height: 20px;
-@action-sheet-close-icon-size: 22px;
-@action-sheet-close-icon-color: @gray-5;
-@action-sheet-close-icon-active-color: @gray-6;
-@action-sheet-close-icon-padding: 0 @padding-md;
-@action-sheet-cancel-padding-top: @padding-xs;
-@action-sheet-cancel-padding-color: @background-color;
-
-// AddressEdit
-@address-edit-padding: @padding-sm;
-@address-edit-buttons-padding: @padding-xl @padding-base;
-@address-edit-button-margin-bottom: @padding-sm;
-@address-edit-detail-finish-color: @blue;
-@address-edit-detail-finish-font-size: @font-size-sm;
-
-// AddressList
-@address-list-padding: 12px 12px 100px;
-@address-list-disabled-text-color: @gray-6;
-@address-list-disabled-text-padding: @padding-base * 5 0 @padding-md;
-@address-list-disabled-text-font-size: @font-size-md;
-@address-list-disabled-text-line-height: 20px;
-@address-list-add-button-z-index: 999;
-@address-list-item-padding: @padding-sm;
-@address-list-item-text-color: @text-color;
-@address-list-item-disabled-text-color: @gray-5;
-@address-list-item-font-size: 13px;
-@address-list-item-line-height: 18px;
-@address-list-item-radio-icon-color: @red;
-@address-list-edit-icon-size: 20px;
-
-// Button
-@button-mini-height: 24px;
-@button-mini-font-size: @font-size-xs;
-@button-small-height: 32px;
-@button-small-font-size: @font-size-sm;
-@button-normal-font-size: @font-size-md;
-@button-large-height: 50px;
-@button-default-height: 44px;
-@button-default-line-height: 1.2;
-@button-default-font-size: @font-size-lg;
-@button-default-color: @text-color;
-@button-default-background-color: @white;
-@button-default-border-color: @border-color;
-@button-primary-color: @white;
-@button-primary-background-color: @green;
-@button-primary-border-color: @green;
-@button-info-color: @white;
-@button-info-background-color: @blue;
-@button-info-border-color: @blue;
-@button-danger-color: @white;
-@button-danger-background-color: @red;
-@button-danger-border-color: @red;
-@button-warning-color: @white;
-@button-warning-background-color: @orange;
-@button-warning-border-color: @orange;
-@button-border-width: @border-width-base;
-@button-border-radius: @border-radius-sm;
-@button-round-border-radius: @border-radius-max;
-@button-plain-background-color: @white;
-@button-disabled-opacity: @disabled-opacity;
-
-// Calendar
-@calendar-background-color: @white;
-@calendar-popup-height: 80%;
-@calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
-@calendar-header-title-height: 44px;
-@calendar-header-title-font-size: @font-size-lg;
-@calendar-header-subtitle-font-size: @font-size-md;
-@calendar-weekdays-height: 30px;
-@calendar-weekdays-font-size: @font-size-sm;
-@calendar-month-title-font-size: @font-size-md;
-@calendar-month-mark-color: fade(@gray-2, 80%);
-@calendar-month-mark-font-size: 160px;
-@calendar-day-height: 64px;
-@calendar-day-font-size: @font-size-lg;
-@calendar-range-edge-color: @white;
-@calendar-range-edge-background-color: @red;
-@calendar-range-middle-color: @red;
-@calendar-range-middle-background-opacity: 0.1;
-@calendar-selected-day-size: 54px;
-@calendar-selected-day-color: @white;
-@calendar-info-font-size: @font-size-xs;
-@calendar-info-line-height: 14px;
-@calendar-selected-day-background-color: @red;
-@calendar-day-disabled-color: @gray-5;
-@calendar-confirm-button-height: 36px;
-@calendar-confirm-button-margin: 7px 0;
-
-// Card
-@card-padding: @padding-xs @padding-md;
-@card-font-size: @font-size-sm;
-@card-text-color: @text-color;
-@card-background-color: @background-color-light;
-@card-thumb-size: 88px;
-@card-thumb-border-radius: @border-radius-lg;
-@card-title-line-height: 16px;
-@card-desc-color: @gray-7;
-@card-desc-line-height: 20px;
-@card-price-color: @gray-8;
-@card-origin-price-color: @gray-6;
-@card-num-color: @gray-6;
-@card-origin-price-font-size: @font-size-xs;
-@card-price-font-size: @font-size-sm;
-@card-price-integer-font-size: @font-size-lg;
-@card-price-font-family: @price-integer-font-family;
-
-// Cell
-@cell-font-size: @font-size-md;
-@cell-line-height: 24px;
-@cell-vertical-padding: 10px;
-@cell-horizontal-padding: @padding-md;
-@cell-text-color: @text-color;
-@cell-background-color: @white;
-@cell-border-color: @border-color;
-@cell-active-color: @active-color;
-@cell-required-color: @red;
-@cell-label-color: @gray-6;
-@cell-label-font-size: @font-size-sm;
-@cell-label-line-height: 18px;
-@cell-label-margin-top: @padding-base;
-@cell-value-color: @gray-6;
-@cell-icon-size: 16px;
-@cell-right-icon-color: @gray-6;
-@cell-large-vertical-padding: @padding-sm;
-@cell-large-title-font-size: @font-size-lg;
-@cell-large-label-font-size: @font-size-md;
-
-// CellGroup
-@cell-group-background-color: @white;
-@cell-group-title-color: @gray-6;
-@cell-group-title-padding: @padding-md @padding-md @padding-xs;
-@cell-group-title-font-size: @font-size-md;
-@cell-group-title-line-height: 16px;
-
-// Checkbox
-@checkbox-size: 20px;
-@checkbox-border-color: @gray-5;
-@checkbox-transition-duration: @animation-duration-fast;
-@checkbox-label-margin: @padding-xs;
-@checkbox-label-color: @text-color;
-@checkbox-checked-icon-color: @blue;
-@checkbox-disabled-icon-color: @gray-5;
-@checkbox-disabled-label-color: @gray-5;
-@checkbox-disabled-background-color: @border-color;
-
-// Circle
-@circle-text-color: @text-color;
-@circle-text-font-weight: @font-weight-bold;
-@circle-text-font-size: @font-size-md;
-@circle-text-line-height: 18px;
-
-// Collapse
-@collapse-item-transition-duration: @animation-duration-base;
-@collapse-item-content-padding: @padding-sm @padding-md;
-@collapse-item-content-font-size: 14px;
-@collapse-item-content-line-height: 1.5;
-@collapse-item-content-text-color: @gray-6;
-@collapse-item-content-background-color: @white;
-@collapse-item-title-disabled-color: @gray-5;
-
-// ContactCard
-@contact-card-padding: @padding-md;
-@contact-card-add-icon-size: 40px;
-@contact-card-add-icon-color: @blue;
-@contact-card-value-line-height: 20px;
-
-// ContactEdit
-@contact-edit-padding: @padding-md;
-@contact-edit-fields-radius: @border-radius-md;
-@contact-edit-buttons-padding: @padding-xl 0;
-@contact-edit-button-margin-bottom: @padding-sm;
-@contact-edit-button-font-size: 16px;
-@contact-edit-field-label-width: 4em;
-
-// ContactList
-@contact-list-edit-icon-size: 16px;
-@contact-list-add-button-z-index: 999;
-@contact-list-item-padding: @padding-md;
-
-// CountDown
-@count-down-text-color: @text-color;
-@count-down-font-size: @font-size-md;
-@count-down-line-height: 20px;
-
-// Coupon
-@coupon-margin: 0 @padding-sm @padding-sm;
-@coupon-content-height: 84px;
-@coupon-content-padding: 14px 0;
-@coupon-background-color: @white;
-@coupon-active-background-color: @active-color;
-@coupon-border-radius: @border-radius-lg;
-@coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-@coupon-head-width: 96px;
-@coupon-amount-color: @red;
-@coupon-amount-font-size: 30px;
-@coupon-currency-font-size: 40%;
-@coupon-name-font-size: @font-size-md;
-@coupon-disabled-text-color: @gray-6;
-@coupon-description-padding: @padding-xs @padding-md;
-@coupon-description-border-color: @border-color;
-
-// CouponCell
-@coupon-cell-selected-text-color: @text-color;
-
-// CouponList
-@coupon-list-background-color: @background-color;
-@coupon-list-field-padding: 5px 0 5px @padding-md;
-@coupon-list-exchange-button-height: 32px;
-@coupon-list-close-button-height: 40px;
-@coupon-list-empty-image-size: 200px;
-@coupon-list-empty-tip-color: @gray-6;
-@coupon-list-empty-tip-font-size: @font-size-md;
-@coupon-list-empty-tip-line-height: 20px;
-
-// Dialog
-@dialog-width: 320px;
-@dialog-small-screen-width: 90%;
-@dialog-font-size: @font-size-lg;
-@dialog-transition: @animation-duration-base;
-@dialog-border-radius: 16px;
-@dialog-background-color: @white;
-@dialog-header-font-weight: @font-weight-bold;
-@dialog-header-line-height: 24px;
-@dialog-header-padding-top: @padding-lg;
-@dialog-header-isolated-padding: @padding-lg 0;
-@dialog-message-padding: @padding-lg;
-@dialog-message-font-size: @font-size-md;
-@dialog-message-line-height: 20px;
-@dialog-message-max-height: 60vh;
-@dialog-has-title-message-text-color: @gray-7;
-@dialog-has-title-message-padding-top: @padding-sm;
-@dialog-confirm-button-text-color: @blue;
-
-// Divider
-@divider-margin: @padding-md 0;
-@divider-text-color: @gray-6;
-@divider-font-size: @font-size-md;
-@divider-line-height: 24px;
-@divider-border-color: @border-color;
-@divider-content-padding: @padding-md;
-@divider-content-left-width: 10%;
-@divider-content-right-width: 10%;
-
-// DropdownMenu
-@dropdown-menu-height: 48px;
-@dropdown-menu-background-color: @white;
-@dropdown-menu-title-font-size: 15px;
-@dropdown-menu-title-text-color: @text-color;
-@dropdown-menu-title-active-text-color: @blue;
-@dropdown-menu-title-disabled-text-color: @gray-6;
-@dropdown-menu-title-padding: 0 @padding-xs;
-@dropdown-menu-title-line-height: 22px;
-@dropdown-menu-option-active-color: @blue;
-@dropdown-menu-content-max-height: 80%;
-@dropdown-item-z-index: 10;
-
-// Empty
-@empty-padding: @padding-xl 0;
-@empty-image-size: 160px;
-@empty-description-margin-top: @padding-md;
-@empty-description-padding: 0 60px;
-@empty-description-color: @gray-6;
-@empty-description-font-size: 14px;
-@empty-description-line-height: 20px;
-@empty-bottom-margin-top: 24px;
-
-// Field
-@field-label-width: 6.2em;
-@field-label-color: @gray-7;
-@field-label-margin-right: @padding-sm;
-@field-input-text-color: @text-color;
-@field-input-error-text-color: @red;
-@field-input-disabled-text-color: @gray-5;
-@field-placeholder-text-color: @gray-5;
-@field-icon-size: 16px;
-@field-clear-icon-size: 16px;
-@field-clear-icon-color: @gray-5;
-@field-right-icon-color: @gray-6;
-@field-error-message-color: @red;
-@field-error-message-text-color: 12px;
-@field-text-area-min-height: 60px;
-@field-word-limit-color: @gray-7;
-@field-word-limit-font-size: @font-size-sm;
-@field-word-limit-line-height: 16px;
-@field-disabled-text-color: @gray-5;
-
-// GridItem
-@grid-item-content-padding: @padding-md @padding-xs;
-@grid-item-content-background-color: @white;
-@grid-item-content-active-color: @active-color;
-@grid-item-icon-size: 28px;
-@grid-item-text-color: @gray-7;
-@grid-item-text-font-size: @font-size-sm;
-
-// GoodsAction
-@goods-action-background-color: @white;
-@goods-action-height: 50px;
-@goods-action-icon-width: 48px;
-@goods-action-icon-height: 100%;
-@goods-action-icon-color: @text-color;
-@goods-action-icon-size: 18px;
-@goods-action-icon-font-size: @font-size-xs;
-@goods-action-icon-active-color: @active-color;
-@goods-action-icon-text-color: @gray-7;
-@goods-action-button-height: 40px;
-@goods-action-button-warning-color: @gradient-orange;
-@goods-action-button-danger-color: @gradient-red;
-
-// IndexAnchor
-@index-anchor-z-index: 1;
-@index-anchor-padding: 0 @padding-md;
-@index-anchor-text-color: @text-color;
-@index-anchor-font-weight: @font-weight-bold;
-@index-anchor-font-size: @font-size-md;
-@index-anchor-line-height: 32px;
-@index-anchor-background-color: transparent;
-@index-anchor-sticky-text-color: @green;
-@index-anchor-sticky-background-color: @white;
-
-// IndexBar
-@index-bar-sidebar-z-index: 2;
-@index-bar-index-font-size: @font-size-xs;
-@index-bar-index-line-height: 14px;
-@index-bar-index-active-color: @green;
-
-// Info
-@info-size: 16px;
-@info-color: @white;
-@info-padding: 0 3px;
-@info-font-size: @font-size-sm;
-@info-font-weight: @font-weight-bold;
-@info-border-width: @border-width-base;
-@info-background-color: @red;
-@info-dot-color: @red;
-@info-dot-size: 8px;
-@info-font-family: @price-integer-font-family;
-
-// Image
-@image-placeholder-text-color: @gray-6;
-@image-placeholder-font-size: @font-size-md;
-@image-placeholder-background-color: @background-color;
-@image-loading-icon-size: 22px;
-@image-error-icon-size: 22px;
-
-// ImagePreview
-@image-preview-index-text-color: @white;
-@image-preview-index-font-size: @font-size-md;
-@image-preview-index-line-height: 22px;
-@image-preview-index-text-shadow: 0 1px 1px @gray-8;
-@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
-@image-preview-close-icon-size: 22px;
-@image-preview-close-icon-color: @gray-5;
-@image-preview-close-icon-active-color: @gray-6;
-@image-preview-close-icon-margin: @padding-md;
-@image-preview-close-icon-z-index: 1;
-
-// List
-@list-icon-margin-right: 5px;
-@list-text-color: @gray-6;
-@list-text-font-size: @font-size-md;
-@list-text-line-height: 50px;
-
-// Loading
-@loading-text-color: @gray-6;
-@loading-text-font-size: @font-size-md;
-@loading-spinner-color: @gray-5;
-@loading-spinner-size: 30px;
-@loading-spinner-animation-duration: 0.8s;
-
-// NavBar
-@nav-bar-height: 46px;
-@nav-bar-background-color: @white;
-@nav-bar-arrow-size: 16px;
-@nav-bar-icon-color: @blue;
-@nav-bar-text-color: @blue;
-@nav-bar-title-font-size: @font-size-lg;
-@nav-bar-title-text-color: @text-color;
-@nav-bar-z-index: 1;
-
-// NoticeBar
-@notice-bar-height: 40px;
-@notice-bar-padding: 0 @padding-md;
-@notice-bar-wrapable-padding: @padding-xs @padding-md;
-@notice-bar-text-color: @orange-dark;
-@notice-bar-font-size: @font-size-md;
-@notice-bar-line-height: 24px;
-@notice-bar-background-color: @orange-light;
-@notice-bar-icon-size: 16px;
-@notice-bar-icon-min-width: 24px;
-
-// Notify
-@notify-text-color: @white;
-@notify-padding: @padding-xs @padding-md;
-@notify-font-size: @font-size-md;
-@notify-line-height: 20px;
-@notify-primary-background-color: @blue;
-@notify-success-background-color: @green;
-@notify-danger-background-color: @red;
-@notify-warning-background-color: @orange;
-
-// NumberKeyboard
-@number-keyboard-background-color: @gray-2;
-@number-keyboard-key-height: 56px;
-@number-keyboard-key-font-size: 28px;
-@number-keyboard-key-active-color: @gray-3;
-@number-keyboard-delete-font-size: @font-size-lg;
-@number-keyboard-title-color: @gray-7;
-@number-keyboard-title-height: 30px;
-@number-keyboard-title-font-size: @font-size-md;
-@number-keyboard-close-padding: 0 @padding-md;
-@number-keyboard-close-color: @text-link-color;
-@number-keyboard-close-font-size: @font-size-md;
-@number-keyboard-button-text-color: @white;
-@number-keyboard-button-background-color: @blue;
-@number-keyboard-cursor-color: @text-color;
-@number-keyboard-cursor-width: 1px;
-@number-keyboard-cursor-height: 40%;
-@number-keyboard-cursor-animation-duration: 1s;
-@number-keyboard-z-index: 100;
-
-// Overlay
-@overlay-z-index: 1;
-@overlay-background-color: rgba(0, 0, 0, 0.7);
-
-// Pagination
-@pagination-height: 40px;
-@pagination-font-size: @font-size-md;
-@pagination-item-width: 36px;
-@pagination-item-default-color: @blue;
-@pagination-item-disabled-color: @gray-7;
-@pagination-item-disabled-background-color: @background-color;
-@pagination-background-color: @white;
-@pagination-desc-color: @gray-7;
-@pagination-disabled-opacity: @disabled-opacity;
-
-// Panel
-@panel-background-color: @white;
-@panel-header-value-color: @red;
-@panel-footer-padding: @padding-xs @padding-md;
-
-// PasswordInput
-@password-input-height: 50px;
-@password-input-margin: 0 @padding-md;
-@password-input-font-size: 20px;
-@password-input-border-radius: 6px;
-@password-input-background-color: @white;
-@password-input-info-color: @gray-6;
-@password-input-info-font-size: @font-size-md;
-@password-input-error-info-color: @red;
-@password-input-dot-size: 10px;
-@password-input-dot-color: @black;
-
-// Picker
-@picker-background-color: @white;
-@picker-toolbar-height: 44px;
-@picker-title-font-size: @font-size-lg;
-@picker-title-line-height: 20px;
-@picker-action-padding: 0 @padding-md;
-@picker-action-font-size: @font-size-md;
-@picker-confirm-action-color: @text-link-color;
-@picker-cancel-action-color: @gray-6;
-@picker-option-font-size: @font-size-lg;
-@picker-option-text-color: @black;
-@picker-option-disabled-opacity: 0.3;
-@picker-loading-icon-color: @blue;
-@picker-loading-mask-color: rgba(255, 255, 255, 0.9);
-
-// Popup
-@popup-background-color: @white;
-@popup-transition: transform @animation-duration-base;
-@popup-round-border-radius: 20px;
-@popup-close-icon-size: 22px;
-@popup-close-icon-color: @gray-5;
-@popup-close-icon-active-color: @gray-6;
-@popup-close-icon-margin: 16px;
-@popup-close-icon-z-index: 1;
-
-// Progress
-@progress-height: 4px;
-@progress-color: @blue;
-@progress-background-color: @gray-3;
-@progress-pivot-padding: 0 5px;
-@progress-pivot-text-color: @white;
-@progress-pivot-font-size: @font-size-xs;
-@progress-pivot-line-height: 1.6;
-@progress-pivot-background-color: @blue;
-
-// PullRefresh
-@pull-refresh-head-height: 50px;
-@pull-refresh-head-font-size: @font-size-md;
-@pull-refresh-head-text-color: @gray-6;
-
-// Radio
-@radio-size: 20px;
-@radio-border-color: @gray-5;
-@radio-transition-duration: @animation-duration-fast;
-@radio-label-margin: @padding-xs;
-@radio-label-color: @text-color;
-@radio-checked-icon-color: @blue;
-@radio-disabled-icon-color: @gray-5;
-@radio-disabled-label-color: @gray-5;
-@radio-disabled-background-color: @border-color;
-
-// Rate
-@rate-icon-size: 20px;
-@rate-icon-gutter: @padding-base;
-@rate-icon-void-color: @gray-5;
-@rate-icon-full-color: @red;
-@rate-icon-disabled-color: @gray-5;
-
-// ShareSheet
-@share-sheet-header-padding: @padding-sm @padding-md @padding-base;
-@share-sheet-title-color: @text-color;
-@share-sheet-title-font-size: @font-size-md;
-@share-sheet-title-line-height: 20px;
-@share-sheet-description-color: @gray-6;
-@share-sheet-description-font-size: @font-size-sm;
-@share-sheet-description-line-height: 16px;
-@share-sheet-icon-size: 48px;
-@share-sheet-option-name-color: @gray-7;
-@share-sheet-option-name-font-size: @font-size-sm;
-@share-sheet-option-description-color: @gray-5;
-@share-sheet-option-description-font-size: @font-size-sm;
-@share-sheet-cancel-button-font-size: @font-size-lg;
-@share-sheet-cancel-button-height: 48px;
-@share-sheet-cancel-button-background: @white;
-
-// Search
-@search-padding: 10px @padding-sm;
-@search-background-color: @white;
-@search-content-background-color: @gray-1;
-@search-input-height: 34px;
-@search-label-padding: 0 5px;
-@search-label-color: @text-color;
-@search-label-font-size: @font-size-md;
-@search-left-icon-color: @gray-6;
-@search-action-padding: 0 @padding-xs;
-@search-action-text-color: @text-color;
-@search-action-font-size: @font-size-md;
-
-// Sidebar
-@sidebar-width: 85px;
-
-// SidebarItem
-@sidebar-font-size: @font-size-md;
-@sidebar-line-height: 20px;
-@sidebar-text-color: @text-color;
-@sidebar-disabled-text-color: @gray-5;
-@sidebar-padding: 20px @padding-sm;
-@sidebar-active-color: @active-color;
-@sidebar-background-color: @background-color;
-@sidebar-selected-font-weight: @font-weight-bold;
-@sidebar-selected-text-color: @text-color;
-@sidebar-selected-border-width: 4px;
-@sidebar-selected-border-height: 16px;
-@sidebar-selected-border-color: @red;
-@sidebar-selected-background-color: @white;
-
-// Skeleton
-@skeleton-row-height: 16px;
-@skeleton-row-background-color: @active-color;
-@skeleton-row-margin-top: @padding-sm;
-@skeleton-avatar-background-color: @active-color;
-@skeleton-animation-duration: 1.2s;
-
-// Slider
-@slider-active-background-color: @blue;
-@slider-inactive-background-color: @gray-3;
-@slider-disabled-opacity: @disabled-opacity;
-@slider-bar-height: 2px;
-@slider-button-width: 24px;
-@slider-button-height: 24px;
-@slider-button-border-radius: 50%;
-@slider-button-background-color: @white;
-@slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-
-// Step
-@step-text-color: @gray-6;
-@step-active-color: @green;
-@step-process-text-color: @text-color;
-@step-font-size: @font-size-md;
-@step-line-color: @border-color;
-@step-finish-line-color: @green;
-@step-finish-text-color: @text-color;
-@step-icon-size: 12px;
-@step-circle-size: 5px;
-@step-circle-color: @gray-6;
-@step-horizontal-title-font-size: @font-size-sm;
-
-// Steps
-@steps-background-color: @white;
-
-// Sticky
-@sticky-z-index: 99;
-
-// Stepper
-@stepper-active-color: #e8e8e8;
-@stepper-background-color: @active-color;
-@stepper-button-icon-color: @text-color;
-@stepper-button-disabled-color: @background-color;
-@stepper-button-disabled-icon-color: @gray-5;
-@stepper-button-round-theme-color: @red;
-@stepper-input-width: 32px;
-@stepper-input-height: 28px;
-@stepper-input-font-size: @font-size-md;
-@stepper-input-line-height: normal;
-@stepper-input-text-color: @text-color;
-@stepper-input-disabled-text-color: @gray-5;
-@stepper-input-disabled-background-color: @active-color;
-@stepper-border-radius: @border-radius-md;
-
-// SubmitBar
-@submit-bar-height: 50px;
-@submit-bar-z-index: 100;
-@submit-bar-background-color: @white;
-@submit-bar-button-width: 110px;
-@submit-bar-price-color: @red;
-@submit-bar-price-font-size: @font-size-md;
-@submit-bar-currency-font-size: @font-size-md;
-@submit-bar-text-color: @text-color;
-@submit-bar-text-font-size: @font-size-md;
-@submit-bar-tip-padding: @padding-xs @padding-sm;
-@submit-bar-tip-font-size: @font-size-sm;
-@submit-bar-tip-line-height: 1.5;
-@submit-bar-tip-color: #f56723;
-@submit-bar-tip-background-color: #fff7cc;
-@submit-bar-tip-icon-size: 12px;
-@submit-bar-button-height: 40px;
-@submit-bar-padding: 0 @padding-md;
-@submit-bar-price-integer-font-size: 20px;
-@submit-bar-price-font-family: @price-integer-font-family;
-
-// Swipe
-@swipe-indicator-size: 6px;
-@swipe-indicator-margin: @padding-sm;
-@swipe-indicator-active-opacity: 1;
-@swipe-indicator-inactive-opacity: 0.3;
-@swipe-indicator-active-background-color: @blue;
-@swipe-indicator-inactive-background-color: @border-color;
-
-// Switch
-@switch-size: 30px;
-@switch-width: 2em;
-@switch-height: 1em;
-@switch-node-size: 1em;
-@switch-node-z-index: 1;
-@switch-node-background-color: @white;
-@switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
-  0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
-@switch-background-color: @white;
-@switch-on-background-color: @blue;
-@switch-transition-duration: @animation-duration-base;
-@switch-disabled-opacity: @disabled-opacity;
-@switch-border: @border-width-base solid rgba(0, 0, 0, 0.1);
-
-// SwitchCell
-@switch-cell-padding-top: @cell-vertical-padding - 1px;
-@switch-cell-padding-bottom: @cell-vertical-padding - 1px;
-@switch-cell-large-padding-top: @cell-large-vertical-padding - 1px;
-@switch-cell-large-padding-bottom: @cell-large-vertical-padding - 1px;
-
-// Tabbar
-@tabbar-height: 50px;
-@tabbar-z-index: 1;
-@tabbar-background-color: @white;
-
-// TabbarItem
-@tabbar-item-font-size: @font-size-sm;
-@tabbar-item-text-color: @gray-7;
-@tabbar-item-active-color: @blue;
-@tabbar-item-line-height: 1;
-@tabbar-item-icon-size: 18px;
-@tabbar-item-margin-bottom: 5px;
-
-// Tab
-@tab-text-color: @gray-7;
-@tab-active-text-color: @text-color;
-@tab-disabled-text-color: @gray-5;
-@tab-font-size: @font-size-md;
-
-// Tabs
-@tabs-default-color: @red;
-@tabs-line-height: 44px;
-@tabs-card-height: 30px;
-@tabs-nav-background-color: @white;
-@tabs-bottom-bar-height: 3px;
-@tabs-bottom-bar-color: @tabs-default-color;
-
-// Tag
-@tag-padding: 0.2em 0.5em;
-@tag-font-size: @font-size-xs;
-@tag-medium-font-size: @font-size-sm;
-@tag-large-font-size: @font-size-md;
-@tag-text-color: @white;
-@tag-border-radius: 0.2em;
-@tag-round-border-radius: @border-radius-max;
-@tag-danger-color: @red;
-@tag-primary-color: @blue;
-@tag-success-color: @green;
-@tag-warning-color: @orange;
-@tag-default-color: @gray-6;
-@tag-plain-background-color: @white;
-
-// Toast
-@toast-max-width: 70%;
-@toast-font-size: @font-size-md;
-@toast-text-color: @white;
-@toast-loading-icon-color: @white;
-@toast-line-height: 20px;
-@toast-border-radius: @border-radius-lg;
-@toast-background-color: fade(@text-color, 88%);
-@toast-icon-size: 40px;
-@toast-text-min-width: 96px;
-@toast-text-padding: @padding-xs @padding-sm;
-@toast-default-padding: @padding-md;
-@toast-default-width: 88px;
-@toast-default-min-height: 88px;
-@toast-position-top-distance: 50px;
-@toast-position-bottom-distance: 50px;
-
-// TreeSelect
-@tree-select-font-size: @font-size-md;
-@tree-select-nav-background-color: @background-color;
-@tree-select-content-background-color: @white;
-@tree-select-nav-item-padding: 14px @padding-sm;
-@tree-select-item-height: 48px;
-@tree-select-item-active-color: @red;
-@tree-select-item-disabled-color: @gray-5;
-@tree-select-item-selected-size: 16px;
-
-// Uploader
-@uploader-size: 80px;
-@uploader-icon-size: 24px;
-@uploader-icon-color: @gray-4;
-@uploader-text-color: @gray-6;
-@uploader-text-font-size: @font-size-sm;
-@uploader-upload-background-color: @gray-1;
-@uploader-upload-active-color: @active-color;
-@uploader-delete-color: @white;
-@uploader-delete-icon-size: 14px;
-@uploader-delete-background-color: rgba(0, 0, 0, 0.7);
-@uploader-file-background-color: @background-color;
-@uploader-file-icon-size: 20px;
-@uploader-file-icon-color: @gray-7;
-@uploader-file-name-padding: 0 @padding-base;
-@uploader-file-name-margin-top: @padding-xs;
-@uploader-file-name-font-size: @font-size-sm;
-@uploader-file-name-text-color: @gray-7;
-@uploader-mask-background-color: fade(@gray-8, 88%);
-@uploader-mask-icon-size: 22px;
-@uploader-mask-message-font-size: @font-size-sm;
-@uploader-mask-message-line-height: 14px;
-@uploader-loading-icon-size: 22px;
-@uploader-loading-icon-color: @white;
-@uploader-disabled-opacity: @disabled-opacity;
-
-// Sku
-@sku-item-background-color: @background-color;
-@sku-icon-gray-color: @gray-4;
-@sku-upload-mask-color: rgba(50, 50, 51, 0.8);
diff --git a/src-next/swipe-cell/README.md b/src-next/swipe-cell/README.md
deleted file mode 100644
index 25a979899..000000000
--- a/src-next/swipe-cell/README.md
+++ /dev/null
@@ -1,139 +0,0 @@
-# SwipeCell
-
-### Install
-
-```js
-import Vue from 'vue';
-import { SwipeCell } from 'vant';
-
-Vue.use(SwipeCell);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-swipe-cell>
-  <template #left>
-    <van-button square type="primary" text="Select" />
-  </template>
-  <van-cell :border="false" title="Cell" value="Cell Content" />
-  <template #right>
-    <van-button square type="danger" text="Delete" />
-    <van-button square type="primary" text="Collect" />
-  </template>
-</van-swipe-cell>
-```
-
-### Custom Content
-
-```html
-<van-swipe-cell>
-  <van-card
-    num="2"
-    price="2.00"
-    desc="Description"
-    title="Title"
-    class="goods-card"
-    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
-  />
-  <template #right>
-    <van-button square text="Delete" type="danger" class="delete-button" />
-  </template>
-</van-swipe-cell>
-
-<style>
-  .goods-card {
-    margin: 0;
-    background-color: @white;
-  }
-
-  .delete-button {
-    height: 100%;
-  }
-</style>
-```
-
-### Before Close
-
-```html
-<van-swipe-cell :before-close="beforeClose">
-  <template #left>
-    <van-button square type="primary" text="Select" />
-  </template>
-  <van-cell :border="false" title="Cell" value="Cell Content" />
-  <template #right>
-    <van-button square type="danger" text="Delete" />
-  </template>
-</van-swipe-cell>
-```
-
-```js
-export default {
-  methods: {
-    beforeClose({ position, instance }) {
-      switch (position) {
-        case 'left':
-        case 'cell':
-        case 'outside':
-          instance.close();
-          break;
-        case 'right':
-          Dialog.confirm({
-            message: 'Are you sure to delete?',
-          }).then(() => {
-            instance.close();
-          });
-          break;
-      }
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| name `v2.0.4` | Identifier of SwipeCell | _number \| string_ | - |
-| left-width | Width of the left swipe area | _number \| string_ | `auto` |
-| right-width | Width of the right swipe area | _number \| string_ | `auto` |
-| before-close `v2.3.0` | Callback function before close | _Function_ | - |
-| disabled | Whether to disabled swipe | _boolean_ | `false` |
-| stop-propagation `v2.1.0` | Whether to stop touchmove event propagation | _boolean_ | `false` |
-
-### Slots
-
-| Name    | Description                     |
-| ------- | ------------------------------- |
-| default | custom content                  |
-| left    | content of left scrollable area |
-| right   | content of right scrollabe area |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| click | Triggered when clicked | Click positon (`left` `right` `cell` `outside`) |
-| open | Triggered when opened | { position: 'left' \| 'right' , name: string } |
-| close | Triggered when closed | { position: string , name: string } |
-
-### beforeClose Params
-
-| Attribute | Description                                     | Type        |
-| --------- | ----------------------------------------------- | ----------- |
-| name      | Name                                            | _string_    |
-| position  | Click positon (`left` `right` `cell` `outside`) | _string_    |
-| instance  | SwipeCell instance                              | _SwipeCell_ |
-
-### Methods
-
-Use [ref](https://vuejs.org/v2/api/#ref) to get SwipeCell instance and call instance methods
-
-| Name  | Description     | Attribute                | Return value |
-| ----- | --------------- | ------------------------ | ------------ |
-| open  | open SwipeCell  | position: `left | right` | -            |
-| close | close SwipeCell | -                        | -            |
diff --git a/src-next/swipe-cell/README.zh-CN.md b/src-next/swipe-cell/README.zh-CN.md
deleted file mode 100644
index ccaf901ec..000000000
--- a/src-next/swipe-cell/README.zh-CN.md
+++ /dev/null
@@ -1,155 +0,0 @@
-# SwipeCell 滑动单元格
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { SwipeCell } from 'vant';
-
-Vue.use(SwipeCell);
-```
-
-## 代码演示
-
-### 基础用法
-
-`SwipeCell`组件提供了`left`和`right`两个插槽，用于定义两侧滑动区域的内容
-
-```html
-<van-swipe-cell>
-  <template #left>
-    <van-button square type="primary" text="选择" />
-  </template>
-  <van-cell :border="false" title="单元格" value="内容" />
-  <template #right>
-    <van-button square type="danger" text="删除" />
-    <van-button square type="primary" text="收藏" />
-  </template>
-</van-swipe-cell>
-```
-
-### 自定义内容
-
-`SwipeCell`内容可以嵌套任意内容，比如嵌套一个商品卡片
-
-```html
-<van-swipe-cell>
-  <van-card
-    num="2"
-    price="2.00"
-    desc="描述信息"
-    title="商品标题"
-    class="goods-card"
-    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
-  />
-  <template #right>
-    <van-button square text="删除" type="danger" class="delete-button" />
-  </template>
-</van-swipe-cell>
-
-<style>
-  .goods-card {
-    margin: 0;
-    background-color: @white;
-  }
-
-  .delete-button {
-    height: 100%;
-  }
-</style>
-```
-
-### 异步关闭
-
-通过传入`before-close`回调函数，可以自定义两侧滑动内容关闭时的行为
-
-```html
-<van-swipe-cell :before-close="beforeClose">
-  <template #left>
-    <van-button square type="primary" text="选择" />
-  </template>
-  <van-cell :border="false" title="单元格" value="内容" />
-  <template #right>
-    <van-button square type="danger" text="删除" />
-  </template>
-</van-swipe-cell>
-```
-
-```js
-export default {
-  methods: {
-    // position 为关闭时点击的位置
-    // instance 为对应的 SwipeCell 实例
-    beforeClose({ position, instance }) {
-      switch (position) {
-        case 'left':
-        case 'cell':
-        case 'outside':
-          instance.close();
-          break;
-        case 'right':
-          Dialog.confirm({
-            message: '确定删除吗？',
-          }).then(() => {
-            instance.close();
-          });
-          break;
-      }
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| name `v2.0.4` | 标识符，可以在事件参数中获取到 | _number \| string_ | - |
-| left-width | 指定左侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
-| right-width | 指定右侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
-| before-close `v2.3.0` | 关闭前的回调函数 | _Function_ | - |
-| disabled | 是否禁用滑动 | _boolean_ | `false` |
-| stop-propagation `v2.1.0` | 是否阻止滑动事件冒泡 | _boolean_ | `false` |
-
-### Slots
-
-| 名称    | 说明           |
-| ------- | -------------- |
-| default | 自定义显示内容 |
-| left    | 左侧滑动内容   |
-| right   | 右侧滑动内容   |
-
-### Events
-
-| 事件名 | 说明       | 回调参数                                           |
-| ------ | ---------- | -------------------------------------------------- |
-| click  | 点击时触发 | 关闭时的点击位置 (`left` `right` `cell` `outside`) |
-| open   | 打开时触发 | { position: 'left' \| 'right' , name: string }     |
-| close  | 关闭时触发 | { position: string , name: string }                |
-
-### beforeClose 参数
-
-beforeClose 的第一个参数为对象，对象中包含以下属性：
-
-| 参数名   | 说明                                               | 类型        |
-| -------- | -------------------------------------------------- | ----------- |
-| name     | 标识符                                             | _string_    |
-| position | 关闭时的点击位置 (`left` `right` `cell` `outside`) | _string_    |
-| instance | SwipeCell 实例，用于调用实例方法                   | _SwipeCell_ |
-
-### 方法
-
-通过 ref 可以获取到 SwipeCell 实例并调用实例方法，详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)
-
-| 方法名 | 说明             | 参数                     | 返回值 |
-| ------ | ---------------- | ------------------------ | ------ |
-| open   | 打开单元格侧边栏 | position: `left | right` | -      |
-| close  | 收起单元格侧边栏 | -                        | -      |
-
-## 常见问题
-
-### 在桌面端无法操作组件？
-
-参见[在桌面端使用](#/zh-CN/quickstart#zai-zhuo-mian-duan-shi-yong)。
diff --git a/src-next/swipe-cell/demo/index.vue b/src-next/swipe-cell/demo/index.vue
deleted file mode 100644
index d7ce0629f..000000000
--- a/src-next/swipe-cell/demo/index.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-  <div>
-    <demo-section>
-      <demo-block :title="t('basicUsage')">
-        <van-swipe-cell>
-          <template #left>
-            <van-button square type="primary" :text="t('select')" />
-          </template>
-          <van-cell :border="false" :title="t('title')" :value="t('content')" />
-          <template #right>
-            <van-button square type="danger" :text="t('delete')" />
-            <van-button square type="primary" :text="t('collect')" />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
-
-      <demo-block :title="t('customContent')">
-        <van-swipe-cell>
-          <van-card
-            num="2"
-            price="2.00"
-            :desc="t('desc')"
-            :title="t('cardTitle')"
-            :thumb="imageURL"
-          />
-          <template #right>
-            <van-button
-              square
-              type="danger"
-              class="delete-button"
-              :text="t('delete')"
-            />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
-
-      <demo-block :title="t('beforeClose')">
-        <van-swipe-cell :before-close="beforeClose">
-          <template #left>
-            <van-button square type="primary" :text="t('select')" />
-          </template>
-          <van-cell :border="false" :title="t('title')" :value="t('content')" />
-          <template #right>
-            <van-button square type="danger" :text="t('delete')" />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
-    </demo-section>
-  </div>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      select: '选择',
-      delete: '删除',
-      collect: '收藏',
-      title: '单元格',
-      confirm: '确定删除吗？',
-      cardTitle: '商品标题',
-      beforeClose: '异步关闭',
-      customContent: '自定义内容',
-    },
-    'en-US': {
-      select: 'Select',
-      delete: 'Delete',
-      collect: 'Collect',
-      title: 'Cell',
-      confirm: 'Are you sure to delete?',
-      cardTitle: 'Title',
-      beforeClose: 'Before Close',
-      customContent: 'Custom Content',
-    },
-  },
-
-  data() {
-    return {
-      imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg',
-    };
-  },
-
-  methods: {
-    beforeClose({ position, instance }) {
-      switch (position) {
-        case 'left':
-        case 'cell':
-        case 'outside':
-          instance.close();
-          break;
-        case 'right':
-          this.$dialog
-            .confirm({
-              message: this.t('confirm'),
-            })
-            .then(() => {
-              instance.close();
-            });
-          break;
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-swipe-cell {
-  user-select: none;
-
-  .van-card {
-    margin: 0;
-    background-color: @white;
-  }
-
-  .delete-button {
-    height: 100%;
-  }
-}
-</style>
diff --git a/src-next/swipe-cell/index.js b/src-next/swipe-cell/index.js
deleted file mode 100644
index b7a31aab3..000000000
--- a/src-next/swipe-cell/index.js
+++ /dev/null
@@ -1,246 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
-
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ClickOutsideMixin } from '../mixins/click-outside';
-
-const [createComponent, bem] = createNamespace('swipe-cell');
-const THRESHOLD = 0.15;
-
-export default createComponent({
-  mixins: [
-    TouchMixin,
-    ClickOutsideMixin({
-      event: 'touchstart',
-      method: 'onClick',
-    }),
-  ],
-
-  props: {
-    // @deprecated
-    // should be removed in next major version, use beforeClose instead
-    onClose: Function,
-    disabled: Boolean,
-    leftWidth: [Number, String],
-    rightWidth: [Number, String],
-    beforeClose: Function,
-    stopPropagation: Boolean,
-    name: {
-      type: [Number, String],
-      default: '',
-    },
-  },
-
-  data() {
-    return {
-      offset: 0,
-      dragging: false,
-    };
-  },
-
-  computed: {
-    computedLeftWidth() {
-      return +this.leftWidth || this.getWidthByRef('left');
-    },
-
-    computedRightWidth() {
-      return +this.rightWidth || this.getWidthByRef('right');
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-
-  methods: {
-    getWidthByRef(ref) {
-      if (this.$refs[ref]) {
-        const rect = this.$refs[ref].getBoundingClientRect();
-        return rect.width;
-      }
-
-      return 0;
-    },
-
-    // @exposed-api
-    open(position) {
-      const offset =
-        position === 'left' ? this.computedLeftWidth : -this.computedRightWidth;
-
-      this.opened = true;
-      this.offset = offset;
-
-      this.$emit('open', {
-        position,
-        name: this.name,
-        // @deprecated
-        // should be removed in next major version
-        detail: this.name,
-      });
-    },
-
-    // @exposed-api
-    close(position) {
-      this.offset = 0;
-
-      if (this.opened) {
-        this.opened = false;
-        this.$emit('close', {
-          position,
-          name: this.name,
-        });
-      }
-    },
-
-    onTouchStart(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.startOffset = this.offset;
-      this.touchStart(event);
-    },
-
-    onTouchMove(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        this.dragging = true;
-        this.lockClick = true;
-
-        const isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
-
-        if (isPrevent) {
-          preventDefault(event, this.stopPropagation);
-        }
-
-        this.offset = range(
-          this.deltaX + this.startOffset,
-          -this.computedRightWidth,
-          this.computedLeftWidth
-        );
-      }
-    },
-
-    onTouchEnd() {
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragging) {
-        this.toggle(this.offset > 0 ? 'left' : 'right');
-        this.dragging = false;
-
-        // compatible with desktop scenario
-        setTimeout(() => {
-          this.lockClick = false;
-        }, 0);
-      }
-    },
-
-    toggle(direction) {
-      const offset = Math.abs(this.offset);
-      const threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
-      const { computedLeftWidth, computedRightWidth } = this;
-
-      if (
-        computedRightWidth &&
-        direction === 'right' &&
-        offset > computedRightWidth * threshold
-      ) {
-        this.open('right');
-      } else if (
-        computedLeftWidth &&
-        direction === 'left' &&
-        offset > computedLeftWidth * threshold
-      ) {
-        this.open('left');
-      } else {
-        this.close();
-      }
-    },
-
-    onClick(position = 'outside') {
-      this.$emit('click', position);
-
-      if (this.opened && !this.lockClick) {
-        if (this.beforeClose) {
-          this.beforeClose({
-            position,
-            name: this.name,
-            instance: this,
-          });
-        } else if (this.onClose) {
-          this.onClose(position, this, { name: this.name });
-        } else {
-          this.close(position);
-        }
-      }
-    },
-
-    getClickHandler(position, stop) {
-      return (event) => {
-        if (stop) {
-          event.stopPropagation();
-        }
-        this.onClick(position);
-      };
-    },
-
-    genLeftPart() {
-      const content = this.$slots.left?.();
-
-      if (content) {
-        return (
-          <div
-            ref="left"
-            class={bem('left')}
-            onClick={this.getClickHandler('left', true)}
-          >
-            {content}
-          </div>
-        );
-      }
-    },
-
-    genRightPart() {
-      const content = this.$slots.right?.();
-
-      if (content) {
-        return (
-          <div
-            ref="right"
-            class={bem('right')}
-            onClick={this.getClickHandler('right', true)}
-          >
-            {content}
-          </div>
-        );
-      }
-    },
-  },
-
-  render() {
-    const wrapperStyle = {
-      transform: `translate3d(${this.offset}px, 0, 0)`,
-      transitionDuration: this.dragging ? '0s' : '.6s',
-    };
-
-    return (
-      <div class={bem()} onClick={this.getClickHandler('cell')}>
-        <div class={bem('wrapper')} style={wrapperStyle}>
-          {this.genLeftPart()}
-          {this.$slots.default?.()}
-          {this.genRightPart()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src-next/swipe-cell/index.less b/src-next/swipe-cell/index.less
deleted file mode 100644
index 64a62c058..000000000
--- a/src-next/swipe-cell/index.less
+++ /dev/null
@@ -1,29 +0,0 @@
-@import '../style/var';
-
-.van-swipe-cell {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-
-  &__wrapper {
-    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-    transition-property: transform;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}
diff --git a/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap b/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 2e1757d61..000000000
--- a/src-next/swipe-cell/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,72 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div>
-      <div class="van-swipe-cell">
-        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
-          <div class="van-swipe-cell__left"><button class="van-button van-button--primary van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">选择</span></div>
-            </button></div>
-          <div class="van-cell van-cell--borderless">
-            <div class="van-cell__title"><span>单元格</span></div>
-            <div class="van-cell__value"><span>内容</span></div>
-          </div>
-          <div class="van-swipe-cell__right"><button class="van-button van-button--danger van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">删除</span></div>
-            </button> <button class="van-button van-button--primary van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">收藏</span></div>
-            </button></div>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div class="van-swipe-cell">
-        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
-          <div class="van-card">
-            <div class="van-card__header"><a class="van-card__thumb">
-                <div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
-                  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
-                      <!----></i></div>
-                </div>
-              </a>
-              <div class="van-card__content">
-                <div>
-                  <div class="van-card__title van-multi-ellipsis--l2">商品标题</div>
-                  <div class="van-card__desc van-ellipsis">描述信息</div>
-                </div>
-                <div class="van-card__bottom">
-                  <div class="van-card__price">
-                    <div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
-                  </div>
-                  <div class="van-card__num">x2</div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="van-swipe-cell__right"><button class="delete-button van-button van-button--danger van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">删除</span></div>
-            </button></div>
-        </div>
-      </div>
-    </div>
-    <div>
-      <div class="van-swipe-cell">
-        <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
-          <div class="van-swipe-cell__left"><button class="van-button van-button--primary van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">选择</span></div>
-            </button></div>
-          <div class="van-cell van-cell--borderless">
-            <div class="van-cell__title"><span>单元格</span></div>
-            <div class="van-cell__value"><span>内容</span></div>
-          </div>
-          <div class="van-swipe-cell__right"><button class="van-button van-button--danger van-button--normal van-button--square">
-              <div class="van-button__content"><span class="van-button__text">删除</span></div>
-            </button></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap b/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index def90a113..000000000
--- a/src-next/swipe-cell/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`auto calc width 1`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(50px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`drag and show left part 1`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`drag and show left part 2`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`drag and show left part 3`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`drag and show left part 4`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`drag and show right part 1`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(-100px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-    <div class="van-swipe-cell__right">Right</div>
-  </div>
-</div>
-`;
-
-exports[`render one side 1`] = `
-<div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(50px, 0, 0); transition-duration: .6s;">
-    <div class="van-swipe-cell__left">Left</div>
-  </div>
-</div>
-`;
diff --git a/src-next/swipe-cell/test/demo.spec.js b/src-next/swipe-cell/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/swipe-cell/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/swipe-cell/test/index.spec.js b/src-next/swipe-cell/test/index.spec.js
deleted file mode 100644
index 0f1d11693..000000000
--- a/src-next/swipe-cell/test/index.spec.js
+++ /dev/null
@@ -1,229 +0,0 @@
-import SwipeCell from '..';
-import {
-  mount,
-  triggerDrag,
-  later,
-  mockGetBoundingClientRect,
-} from '../../../test';
-
-const THRESHOLD = 0.15;
-const defaultProps = {
-  propsData: {
-    leftWidth: 100,
-    rightWidth: 100,
-  },
-  scopedSlots: {
-    left: () => 'Left',
-    right: () => 'Right',
-  },
-};
-
-test('drag and show left part', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  triggerDrag(wrapper, 10, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  triggerDrag(wrapper, 50, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  triggerDrag(wrapper, 500, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  triggerDrag(wrapper, 0, 100);
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('drag and show right part', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  triggerDrag(wrapper, -50, 0);
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('on-close prop', () => {
-  let position;
-  let instance;
-
-  const wrapper = mount(SwipeCell, {
-    ...defaultProps,
-    propsData: {
-      ...defaultProps.propsData,
-      onClose(pos, ins) {
-        position = pos;
-        instance = ins;
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(position).toEqual(undefined);
-
-  wrapper.vm.open('left');
-  wrapper.trigger('click');
-  expect(position).toEqual('cell');
-
-  wrapper.find('.van-swipe-cell__left').trigger('click');
-  expect(position).toEqual('left');
-
-  wrapper.find('.van-swipe-cell__right').trigger('click');
-  expect(position).toEqual('right');
-
-  instance.close();
-  expect(instance.offset).toEqual(0);
-
-  instance.open('left');
-  wrapper.setData({ onClose: null });
-  wrapper.trigger('click');
-  expect(wrapper.vm.offset).toEqual(0);
-});
-
-test('before-close prop', () => {
-  let position;
-  let instance;
-
-  const wrapper = mount(SwipeCell, {
-    ...defaultProps,
-    propsData: {
-      ...defaultProps.propsData,
-      beforeClose(params) {
-        ({ position } = params);
-        ({ instance } = params);
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(position).toEqual(undefined);
-
-  wrapper.vm.open('left');
-  wrapper.trigger('click');
-  expect(position).toEqual('cell');
-
-  wrapper.find('.van-swipe-cell__left').trigger('click');
-  expect(position).toEqual('left');
-
-  wrapper.find('.van-swipe-cell__right').trigger('click');
-  expect(position).toEqual('right');
-
-  instance.close();
-  expect(wrapper.vm.offset).toEqual(0);
-
-  instance.open('left');
-  wrapper.setData({ beforeClose: null });
-  wrapper.trigger('click');
-  expect(wrapper.vm.offset).toEqual(0);
-});
-
-test('name prop', (done) => {
-  const wrapper = mount(SwipeCell, {
-    ...defaultProps,
-    propsData: {
-      ...defaultProps.propsData,
-      name: 'test',
-      onClose(position, instance, detail) {
-        expect(detail.name).toEqual('test');
-        done();
-      },
-    },
-  });
-
-  wrapper.vm.open('left');
-  wrapper.trigger('click');
-});
-
-test('should reset after drag', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  triggerDrag(wrapper, defaultProps.leftWidth * THRESHOLD - 1, 0);
-  expect(wrapper.vm.offset).toEqual(0);
-});
-
-test('disabled prop', () => {
-  const wrapper = mount(SwipeCell, {
-    propsData: {
-      ...defaultProps.propsData,
-      disabled: true,
-    },
-  });
-
-  triggerDrag(wrapper, 50, 0);
-  expect(wrapper.vm.offset).toEqual(0);
-});
-
-test('auto calc width', async () => {
-  const restoreMock = mockGetBoundingClientRect({
-    width: 50,
-  });
-
-  const wrapper = mount(SwipeCell, {
-    scopedSlots: defaultProps.scopedSlots,
-  });
-
-  await later();
-  triggerDrag(wrapper, 100, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  restoreMock();
-});
-
-test('render one side', async () => {
-  const restoreMock = mockGetBoundingClientRect({
-    width: 50,
-  });
-
-  const wrapper = mount(SwipeCell, {
-    scopedSlots: {
-      left: defaultProps.scopedSlots.left,
-    },
-  });
-
-  await later();
-  triggerDrag(wrapper, 100, 0);
-  expect(wrapper).toMatchSnapshot();
-
-  restoreMock();
-});
-
-test('trigger open event when open left side', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  triggerDrag(wrapper, 50, 0);
-  expect(wrapper.emitted('open')[0][0]).toEqual({
-    name: '',
-    detail: '',
-    position: 'left',
-  });
-});
-
-test('trigger open event when open right side', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  triggerDrag(wrapper, -50, 0);
-  expect(wrapper.emitted('open')[0][0]).toEqual({
-    name: '',
-    detail: '',
-    position: 'right',
-  });
-});
-
-test('trigger close event when closed', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  wrapper.vm.open('left');
-  wrapper.vm.close();
-
-  expect(wrapper.emitted('close')[0][0]).toEqual({
-    name: '',
-    position: undefined,
-  });
-});
-
-test('should not trigger close event again when already closed', () => {
-  const wrapper = mount(SwipeCell, defaultProps);
-
-  wrapper.vm.open('left');
-  wrapper.vm.close();
-  wrapper.vm.close();
-  expect(wrapper.emitted('close').length).toEqual(1);
-});
diff --git a/src-next/switch/README.md b/src-next/switch/README.md
deleted file mode 100644
index 8b75c4411..000000000
--- a/src-next/switch/README.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# Switch
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Switch } from 'vant';
-
-Vue.use(Switch);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-switch v-model="checked" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-```
-
-### Disabled
-
-```html
-<van-switch v-model="checked" disabled />
-```
-
-### Loading
-
-```html
-<van-switch v-model="checked" loading />
-```
-
-### Custom Size
-
-```html
-<van-switch v-model="checked" size="24px" />
-```
-
-### Custom Color
-
-```html
-<van-switch v-model="checked" active-color="#07c160" inactive-color="#ee0a24" />
-```
-
-### Async Control
-
-```html
-<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-  methods: {
-    onUpdateValue(checked) {
-      Dialog.confirm({
-        title: 'Confirm',
-        message: 'Are you sure to toggle switch?',
-      }).then(() => {
-        this.checked = checked;
-      });
-    },
-  },
-};
-```
-
-### Inside a Cell
-
-```html
-<van-cell center title="Title">
-  <template #right-icon>
-    <van-switch v-model="checked" size="24" />
-  </template>
-</van-cell>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model | Check status of Switch | _ActiveValue \| InactiveValue_ | `false` |
-| loading | Whether to show loading icon | _boolean_ | `false` |
-| disabled | Whether to disable switch | _boolean_ | `false` |
-| size `v2.2.11` | Size of switch | _number \| string_ | `30px` |
-| active-color | Background color when active | _string_ | `#1989fa` |
-| inactive-color | Background color when inactive | _string_ | `white` |
-| active-value | Value when active | _any_ | `true` |
-| inactive-value | Value when inactive | _any_ | `false` |
-
-### Events
-
-| Event           | Description                         | Parameters     |
-| --------------- | ----------------------------------- | -------------- |
-| change          | Triggered when check status changed | _value: any_   |
-| click `v2.2.11` | Triggered when clicked              | _event: Event_ |
diff --git a/src-next/switch/README.zh-CN.md b/src-next/switch/README.zh-CN.md
deleted file mode 100644
index 134658066..000000000
--- a/src-next/switch/README.zh-CN.md
+++ /dev/null
@@ -1,122 +0,0 @@
-# Switch 开关
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Switch } from 'vant';
-
-Vue.use(Switch);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过`v-model`绑定开关的选中状态，`true`表示开，`false`表示关
-
-```html
-<van-switch v-model="checked" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-```
-
-### 禁用状态
-
-通过`disabled`属性来禁用开关，禁用状态下开关不可点击
-
-```html
-<van-switch v-model="checked" disabled />
-```
-
-### 加载状态
-
-通过`loading`属性设置开关为加载状态，加载状态下开关不可点击
-
-```html
-<van-switch v-model="checked" loading />
-```
-
-### 自定义大小
-
-通过`size`属性自定义开关的大小
-
-```html
-<van-switch v-model="checked" size="24px" />
-```
-
-### 自定义颜色
-
-`active-color`属性表示打开时的背景色，`inactive-color`表示关闭时的背景色
-
-```html
-<van-switch v-model="checked" active-color="#07c160" inactive-color="#ee0a24" />
-```
-
-### 异步控制
-
-需要异步控制开关时，可以使用 `modelValue` 属性和 `update:model-value` 事件代替 `v-model`，并在事件回调函数中手动处理开关状态。
-
-```html
-<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-  methods: {
-    onUpdateValue(checked) {
-      Dialog.confirm({
-        title: '提醒',
-        message: '是否切换开关？',
-      }).then(() => {
-        this.checked = checked;
-      });
-    },
-  },
-};
-```
-
-### 搭配单元格使用
-
-```html
-<van-cell center title="标题">
-  <template #right-icon>
-    <van-switch v-model="checked" size="24" />
-  </template>
-</van-cell>
-```
-
-## API
-
-### Props
-
-| 参数           | 说明                     | 类型               | 默认值    |
-| -------------- | ------------------------ | ------------------ | --------- |
-| v-model        | 开关选中状态             | _any_              | `false`   |
-| loading        | 是否为加载状态           | _boolean_          | `false`   |
-| disabled       | 是否为禁用状态           | _boolean_          | `false`   |
-| size `v2.2.11` | 开关尺寸，默认单位为`px` | _number \| string_ | `30px`    |
-| active-color   | 打开时的背景色           | _string_           | `#1989fa` |
-| inactive-color | 关闭时的背景色           | _string_           | `white`   |
-| active-value   | 打开时对应的值           | _any_              | `true`    |
-| inactive-value | 关闭时对应的值           | _any_              | `false`   |
-
-### Events
-
-| 事件名          | 说明               | 回调参数       |
-| --------------- | ------------------ | -------------- |
-| change          | 开关状态切换时触发 | _value: any_   |
-| click `v2.2.11` | 点击时触发         | _event: Event_ |
diff --git a/src-next/switch/demo/index.vue b/src-next/switch/demo/index.vue
deleted file mode 100644
index 51d4ab39f..000000000
--- a/src-next/switch/demo/index.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-switch v-model="checked" />
-    </demo-block>
-
-    <demo-block :title="t('disabled')">
-      <van-switch v-model="checked" disabled />
-    </demo-block>
-
-    <demo-block :title="t('loadingStatus')">
-      <van-switch v-model="checked" loading />
-    </demo-block>
-
-    <demo-block :title="t('customSize')">
-      <van-switch v-model="checked2" size="24px" />
-    </demo-block>
-
-    <demo-block :title="t('customColor')">
-      <van-switch
-        v-model="checked3"
-        active-color="#07c160"
-        inactive-color="#ee0a24"
-      />
-    </demo-block>
-
-    <demo-block :title="t('asyncControl')">
-      <van-switch :model-value="checked4" @update:model-value="onInput" />
-    </demo-block>
-
-    <demo-block :title="t('withCell')">
-      <van-cell center :title="t('title')">
-        <template #right-icon>
-          <van-switch v-model="checked5" size="24" />
-        </template>
-      </van-cell>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      title: '标题',
-      confirm: '提醒',
-      message: '是否切换开关？',
-      withCell: '搭配单元格使用',
-      customSize: '自定义大小',
-      customColor: '自定义颜色',
-      asyncControl: '异步控制',
-    },
-    'en-US': {
-      title: 'Title',
-      confirm: 'Confirm',
-      message: 'Are you sure to toggle switch?',
-      withCell: 'Inside a Cell',
-      customSize: 'Custom Size',
-      customColor: 'Custom Color',
-      asyncControl: 'Async Control',
-    },
-  },
-
-  data() {
-    return {
-      checked: true,
-      checked2: true,
-      checked3: true,
-      checked4: true,
-      checked5: true,
-      checked6: false,
-    };
-  },
-
-  methods: {
-    onInput(checked) {
-      this.$dialog
-        .confirm({
-          title: this.t('title'),
-          message: this.t('message'),
-        })
-        .then(() => {
-          this.checked4 = checked;
-        });
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-switch {
-  .van-switch {
-    margin-left: @padding-md;
-  }
-}
-</style>
diff --git a/src-next/switch/index.js b/src-next/switch/index.js
deleted file mode 100644
index 334e42fe7..000000000
--- a/src-next/switch/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { switchProps } from './shared';
-
-// Mixins
-import { FieldMixin } from '../mixins/field';
-
-// Components
-import Loading from '../loading';
-
-const [createComponent, bem] = createNamespace('switch');
-
-export default createComponent({
-  mixins: [FieldMixin],
-
-  props: switchProps,
-
-  emits: ['click', 'change', 'update:modelValue'],
-
-  computed: {
-    checked() {
-      return this.modelValue === this.activeValue;
-    },
-
-    style() {
-      return {
-        fontSize: addUnit(this.size),
-        backgroundColor: this.checked ? this.activeColor : this.inactiveColor,
-      };
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-
-      if (!this.disabled && !this.loading) {
-        const newValue = this.checked ? this.inactiveValue : this.activeValue;
-        this.$emit('update:modelValue', newValue);
-        this.$emit('change', newValue);
-      }
-    },
-
-    genLoading() {
-      if (this.loading) {
-        const color = this.checked ? this.activeColor : this.inactiveColor;
-        return <Loading class={bem('loading')} color={color} />;
-      }
-    },
-  },
-
-  render() {
-    const { checked, loading, disabled } = this;
-
-    return (
-      <div
-        class={bem({
-          on: checked,
-          loading,
-          disabled,
-        })}
-        role="switch"
-        style={this.style}
-        aria-checked={String(checked)}
-        onClick={this.onClick}
-      >
-        <div class={bem('node')}>{this.genLoading()}</div>
-      </div>
-    );
-  },
-});
diff --git a/src-next/switch/index.less b/src-next/switch/index.less
deleted file mode 100644
index 8baa7a43a..000000000
--- a/src-next/switch/index.less
+++ /dev/null
@@ -1,58 +0,0 @@
-@import '../style/var';
-
-.van-switch {
-  position: relative;
-  display: inline-block;
-  box-sizing: content-box;
-  width: @switch-width;
-  height: @switch-height;
-  font-size: @switch-size;
-  background-color: @switch-background-color;
-  border: @switch-border;
-  border-radius: @switch-node-size;
-  cursor: pointer;
-  transition: background-color @switch-transition-duration;
-
-  &__node {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: @switch-node-z-index;
-    width: @switch-node-size;
-    height: @switch-node-size;
-    background-color: @switch-node-background-color;
-    border-radius: 100%;
-    box-shadow: @switch-node-box-shadow;
-    transition: transform @switch-transition-duration
-      cubic-bezier(0.3, 1.05, 0.4, 1.05);
-  }
-
-  &__loading {
-    top: 25%;
-    left: 25%;
-    width: 50%;
-    height: 50%;
-    line-height: 1;
-  }
-
-  &--on {
-    background-color: @switch-on-background-color;
-
-    .van-switch__node {
-      transform: translateX(@switch-width - @switch-node-size);
-    }
-
-    .van-switch__loading {
-      color: @switch-on-background-color;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: @switch-disabled-opacity;
-  }
-
-  &--loading {
-    cursor: default;
-  }
-}
diff --git a/src-next/switch/shared.ts b/src-next/switch/shared.ts
deleted file mode 100644
index fd77d663b..000000000
--- a/src-next/switch/shared.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Common Switch Props
- */
-
-export type SharedSwitchProps = {
-  size?: string | number;
-  loading?: boolean;
-  disabled?: boolean;
-  modelValue?: any;
-  activeValue: any;
-  inactiveValue: any;
-  activeColor?: string;
-  inactiveColor?: string;
-};
-
-export const switchProps = {
-  size: [Number, String],
-  loading: Boolean,
-  disabled: Boolean,
-  modelValue: null as any,
-  activeColor: String,
-  inactiveColor: String,
-  activeValue: {
-    type: null as any,
-    default: true,
-  },
-  inactiveValue: {
-    type: null as any,
-    default: false,
-  },
-};
diff --git a/src-next/switch/test/__snapshots__/demo.spec.js.snap b/src-next/switch/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index c05490ce5..000000000
--- a/src-next/switch/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,46 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--disabled">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--loading">
-      <div class="van-switch__node">
-        <div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="background-color: rgb(7, 193, 96);">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-  <div>
-    <div role="switch" aria-checked="true" class="van-switch van-switch--on">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell van-cell--center">
-      <div class="van-cell__title"><span>标题</span></div>
-      <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
-        <div class="van-switch__node"></div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/switch/test/__snapshots__/index.spec.js.snap b/src-next/switch/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 8a9a87679..000000000
--- a/src-next/switch/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`inactive-color prop 1`] = `
-<div role="switch" aria-checked="false" class="van-switch" style="background-color: black;">
-  <div class="van-switch__node"></div>
-</div>
-`;
-
-exports[`size prop 1`] = `
-<div role="switch" aria-checked="false" class="van-switch" style="font-size: 20px;">
-  <div class="van-switch__node"></div>
-</div>
-`;
diff --git a/src-next/switch/test/demo.spec.js b/src-next/switch/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/switch/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/switch/test/index.spec.js b/src-next/switch/test/index.spec.js
deleted file mode 100644
index 07a177272..000000000
--- a/src-next/switch/test/index.spec.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import Switch from '..';
-import { mount } from '../../../test';
-
-test('emit event', () => {
-  const input = jest.fn();
-  const change = jest.fn();
-  const wrapper = mount(Switch, {
-    listeners: {
-      input,
-      change,
-    },
-  });
-  wrapper.trigger('click');
-
-  expect(input).toHaveBeenCalledWith(true);
-  expect(change).toHaveBeenCalledWith(true);
-});
-
-test('disabled', () => {
-  const input = jest.fn();
-  const change = jest.fn();
-  const wrapper = mount(Switch, {
-    listeners: {
-      input,
-      change,
-    },
-    propsData: {
-      disabled: true,
-    },
-  });
-  wrapper.trigger('click');
-
-  expect(input).toHaveBeenCalledTimes(0);
-  expect(change).toHaveBeenCalledTimes(0);
-});
-
-test('active-value & inactive-value prop', () => {
-  const input = jest.fn();
-  const change = jest.fn();
-  const wrapper = mount(Switch, {
-    propsData: {
-      value: '1',
-      activeValue: '1',
-      inactiveValue: '2',
-    },
-    listeners: {
-      input,
-      change,
-    },
-  });
-
-  wrapper.trigger('click');
-
-  expect(input).toHaveBeenCalledWith('2');
-  expect(change).toHaveBeenCalledWith('2');
-});
-
-test('inactive-color prop', () => {
-  const wrapper = mount(Switch, {
-    propsData: {
-      value: '2',
-      inactiveValue: '2',
-      inactiveColor: 'black',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('size prop', () => {
-  const wrapper = mount(Switch, {
-    propsData: {
-      size: 20,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('click event', () => {
-  const click = jest.fn();
-  const wrapper = mount(Switch, {
-    listeners: {
-      click,
-    },
-  });
-
-  wrapper.trigger('click');
-
-  expect(click).toHaveBeenCalledTimes(1);
-});
diff --git a/src-next/tag/README.md b/src-next/tag/README.md
deleted file mode 100644
index eb36c57e8..000000000
--- a/src-next/tag/README.md
+++ /dev/null
@@ -1,139 +0,0 @@
-# Tag
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Tag } from 'vant';
-
-Vue.use(Tag);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-tag>Tag</van-tag>
-<van-tag type="primary">Tag</van-tag>
-<van-tag type="success">Tag</van-tag>
-<van-tag type="danger">Tag</van-tag>
-<van-tag type="warning">Tag</van-tag>
-```
-
-### Round style
-
-```html
-<van-tag round>Tag</van-tag>
-<van-tag round type="primary">Tag</van-tag>
-<van-tag round type="success">Tag</van-tag>
-<van-tag round type="danger">Tag</van-tag>
-<van-tag round type="warning">Tag</van-tag>
-```
-
-### Mark style
-
-```html
-<van-tag mark>Tag</van-tag>
-<van-tag mark type="primary">Tag</van-tag>
-<van-tag mark type="success">Tag</van-tag>
-<van-tag mark type="danger">Tag</van-tag>
-<van-tag mark type="warning">Tag</van-tag>
-```
-
-### Plain style
-
-```html
-<van-tag plain>Tag</van-tag>
-<van-tag plain type="primary">Tag</van-tag>
-<van-tag plain type="success">Tag</van-tag>
-<van-tag plain type="danger">Tag</van-tag>
-<van-tag plain type="warning">Tag</van-tag>
-```
-
-### Custom Color
-
-```html
-<van-tag color="#f2826a">Tag</van-tag>
-<van-tag color="#f2826a" plain>Tag</van-tag>
-<van-tag color="#7232dd">Tag</van-tag>
-<van-tag color="#7232dd" plain>Tag</van-tag>
-<van-tag color="#ffe1e1" text-color="#ad0000">Tag</van-tag>
-```
-
-### Custom Size
-
-```html
-<van-tag type="danger">Tag</van-tag>
-<van-tag type="danger" size="medium">Tag</van-tag>
-<van-tag type="danger" size="large">Tag</van-tag>
-```
-
-### Closeable
-
-```html
-<van-tag
-  v-if="show.primary"
-  closeable
-  size="medium"
-  type="primary"
-  @close="close('primary')"
->
-  Tag
-</van-tag>
-<van-tag
-  v-if="show.success"
-  closeable
-  size="medium"
-  type="success"
-  @close="close('success')"
->
-  Tag
-</van-tag>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: {
-        primary: true,
-        success: true,
-      },
-    };
-  },
-  methods: {
-    close(type) {
-      this.show[type] = false;
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| type | Type, can be set to `primary` `success` `danger` `warning` | _string_ | `default` |
-| size | Size, can be set to `large` `medium` | _string_ | - |
-| color | Custom color | _string_ | - |
-| plain | Whether to be plain style | _boolean_ | `false` |
-| round | Whether to be round style | _boolean_ | `false` |
-| mark | Whether to be mark style | _boolean_ | `false` |
-| text-color | Text color | _string_ | `white` |
-| closeable `v2.2.9` | Whether to be closeable | _boolean_ | `false` |
-
-### Slots
-
-| Name    | Description  |
-| ------- | ------------ |
-| default | Default slot |
-
-### Events
-
-| Event | Description                     | Arguments      |
-| ----- | ------------------------------- | -------------- |
-| click | Triggered when clicked          | _event: Event_ |
-| close | Triggered when click close icon | -              |
diff --git a/src-next/tag/README.zh-CN.md b/src-next/tag/README.zh-CN.md
deleted file mode 100644
index 34b682c6f..000000000
--- a/src-next/tag/README.zh-CN.md
+++ /dev/null
@@ -1,149 +0,0 @@
-# Tag 标记
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Tag } from 'vant';
-
-Vue.use(Tag);
-```
-
-## 代码演示
-
-### 基础用法
-
-通过`type`属性控制标签颜色，默认为灰色
-
-```html
-<van-tag>标签</van-tag>
-<van-tag type="primary">标签</van-tag>
-<van-tag type="success">标签</van-tag>
-<van-tag type="danger">标签</van-tag>
-<van-tag type="warning">标签</van-tag>
-```
-
-### 圆角样式
-
-通过`round`设置为圆角样式
-
-```html
-<van-tag round>标签</van-tag>
-<van-tag round type="primary">标签</van-tag>
-<van-tag round type="success">标签</van-tag>
-<van-tag round type="danger">标签</van-tag>
-<van-tag round type="warning">标签</van-tag>
-```
-
-### 标记样式
-
-通过`mark`设置为标记样式(半圆角)
-
-```html
-<van-tag mark>标签</van-tag>
-<van-tag mark type="primary">标签</van-tag>
-<van-tag mark type="success">标签</van-tag>
-<van-tag mark type="danger">标签</van-tag>
-<van-tag mark type="warning">标签</van-tag>
-```
-
-### 空心样式
-
-设置`plain`属性设置为空心样式
-
-```html
-<van-tag plain>标签</van-tag>
-<van-tag plain type="primary">标签</van-tag>
-<van-tag plain type="success">标签</van-tag>
-<van-tag plain type="danger">标签</van-tag>
-<van-tag plain type="warning">标签</van-tag>
-```
-
-### 自定义颜色
-
-```html
-<van-tag color="#f2826a">标签</van-tag>
-<van-tag color="#f2826a" plain>标签</van-tag>
-<van-tag color="#7232dd">标签</van-tag>
-<van-tag color="#7232dd" plain>标签</van-tag>
-<van-tag color="#ffe1e1" text-color="#ad0000">标签</van-tag>
-```
-
-### 标签大小
-
-```html
-<van-tag type="danger">标签</van-tag>
-<van-tag type="danger" size="medium">标签</van-tag>
-<van-tag type="danger" size="large">标签</van-tag>
-```
-
-### 可关闭标签
-
-添加`closeable`属性表示标签是可关闭的，关闭标签时会触发`close`事件，在`close`事件中可以执行隐藏标签的逻辑
-
-```html
-<van-tag
-  v-if="show.primary"
-  closeable
-  size="medium"
-  type="primary"
-  @close="close('primary')"
->
-  标签
-</van-tag>
-<van-tag
-  v-if="show.success"
-  closeable
-  size="medium"
-  type="success"
-  @close="close('success')"
->
-  标签
-</van-tag>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: {
-        primary: true,
-        success: true,
-      },
-    };
-  },
-  methods: {
-    close(type) {
-      this.show[type] = false;
-    },
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| type | 类型，可选值为`primary` `success` `danger` `warning` | _string_ | `default` |
-| size | 大小, 可选值为`large` `medium` | _string_ | - |
-| color | 标签颜色 | _string_ | - |
-| plain | 是否为空心样式 | _boolean_ | `false` |
-| round | 是否为圆角样式 | _boolean_ | `false` |
-| mark | 是否为标记样式 | _boolean_ | `false` |
-| text-color | 文本颜色，优先级高于`color`属性 | _string_ | `white` |
-| closeable `v2.2.9` | 是否为可关闭标签 | _boolean_ | `false` |
-
-### Slots
-
-| 名称    | 说明         |
-| ------- | ------------ |
-| default | 标签显示内容 |
-
-### Events
-
-| 事件名 | 说明           | 回调参数       |
-| ------ | -------------- | -------------- |
-| click  | 点击时触发     | _event: Event_ |
-| close  | 关闭标签时触发 | -              |
diff --git a/src-next/tag/demo/index.vue b/src-next/tag/demo/index.vue
deleted file mode 100644
index 0ea06aeba..000000000
--- a/src-next/tag/demo/index.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-tag>{{ t('tag') }}</van-tag>
-      <van-tag type="primary">{{ t('tag') }}</van-tag>
-      <van-tag type="success">{{ t('tag') }}</van-tag>
-      <van-tag type="danger">{{ t('tag') }}</van-tag>
-      <van-tag type="warning">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('round')">
-      <van-tag round>{{ t('tag') }}</van-tag>
-      <van-tag round type="primary">{{ t('tag') }}</van-tag>
-      <van-tag round type="success">{{ t('tag') }}</van-tag>
-      <van-tag round type="danger">{{ t('tag') }}</van-tag>
-      <van-tag round type="warning">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('mark')">
-      <van-tag mark>{{ t('tag') }}</van-tag>
-      <van-tag mark type="primary">{{ t('tag') }}</van-tag>
-      <van-tag mark type="success">{{ t('tag') }}</van-tag>
-      <van-tag mark type="danger">{{ t('tag') }}</van-tag>
-      <van-tag mark type="warning">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('plain')">
-      <van-tag plain>{{ t('tag') }}</van-tag>
-      <van-tag plain type="primary">{{ t('tag') }}</van-tag>
-      <van-tag plain type="success">{{ t('tag') }}</van-tag>
-      <van-tag plain type="danger">{{ t('tag') }}</van-tag>
-      <van-tag plain type="warning">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('customColor')">
-      <van-tag color="#f2826a">{{ t('tag') }}</van-tag>
-      <van-tag color="#f2826a" plain>{{ t('tag') }}</van-tag>
-      <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
-      <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
-      <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('customSize')">
-      <van-tag type="success">{{ t('tag') }}</van-tag>
-      <van-tag type="success" size="medium">{{ t('tag') }}</van-tag>
-      <van-tag type="success" size="large">{{ t('tag') }}</van-tag>
-    </demo-block>
-
-    <demo-block :title="t('closeable')">
-      <van-tag
-        v-if="show.primary"
-        size="medium"
-        closeable
-        type="primary"
-        @close="close('primary')"
-      >
-        {{ t('tag') }}
-      </van-tag>
-      <van-tag
-        v-if="show.success"
-        size="medium"
-        closeable
-        type="success"
-        @close="close('success')"
-      >
-        {{ t('tag') }}
-      </van-tag>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      plain: '空心样式',
-      round: '圆角样式',
-      mark: '标记样式',
-      closeable: '可关闭标签',
-      customColor: '自定义颜色',
-      customSize: '标签大小',
-    },
-    'en-US': {
-      plain: 'Plain style',
-      round: 'Round style',
-      mark: 'Mark style',
-      closeable: 'Closeable',
-      customColor: 'Custom Color',
-      customSize: 'Custom Size',
-    },
-  },
-
-  data() {
-    return {
-      show: {
-        primary: true,
-        success: true,
-      },
-    };
-  },
-
-  methods: {
-    close(tag) {
-      this.show[tag] = false;
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-tag {
-  background-color: @white;
-
-  .van-tag {
-    &:first-of-type {
-      margin-left: @padding-md;
-    }
-  }
-
-  .van-tag + .van-tag {
-    margin-left: @padding-xs;
-  }
-}
-</style>
diff --git a/src-next/tag/index.less b/src-next/tag/index.less
deleted file mode 100644
index b7ebdb053..000000000
--- a/src-next/tag/index.less
+++ /dev/null
@@ -1,90 +0,0 @@
-@import '../style/var';
-
-.van-tag {
-  display: inline-flex;
-  align-items: center;
-  padding: @tag-padding;
-  color: @tag-text-color;
-  font-size: @tag-font-size;
-  line-height: normal;
-  border-radius: @tag-border-radius;
-
-  &::after {
-    border-color: currentColor;
-    border-radius: @tag-border-radius * 2;
-  }
-
-  &--default {
-    background-color: @tag-default-color;
-
-    &.van-tag--plain {
-      color: @tag-default-color;
-    }
-  }
-
-  &--danger {
-    background-color: @tag-danger-color;
-
-    &.van-tag--plain {
-      color: @tag-danger-color;
-    }
-  }
-
-  &--primary {
-    background-color: @tag-primary-color;
-
-    &.van-tag--plain {
-      color: @tag-primary-color;
-    }
-  }
-
-  &--success {
-    background-color: @tag-success-color;
-
-    &.van-tag--plain {
-      color: @tag-success-color;
-    }
-  }
-
-  &--warning {
-    background-color: @tag-warning-color;
-
-    &.van-tag--plain {
-      color: @tag-warning-color;
-    }
-  }
-
-  &--plain {
-    background-color: @tag-plain-background-color;
-  }
-
-  &--mark {
-    padding-right: 0.7em;
-
-    &,
-    &::after {
-      border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
-    }
-  }
-
-  &--round {
-    &,
-    &::after {
-      border-radius: @tag-round-border-radius;
-    }
-  }
-
-  &--medium {
-    font-size: @tag-medium-font-size;
-  }
-
-  &--large {
-    font-size: @tag-large-font-size;
-  }
-
-  &__close {
-    min-width: 1em;
-    margin-left: 2px;
-    cursor: pointer;
-  }
-}
diff --git a/src-next/tag/test/__snapshots__/demo.spec.js.snap b/src-next/tag/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 622597aba..000000000
--- a/src-next/tag/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div><span class="van-tag van-tag--default">标签</span> <span class="van-tag van-tag--primary">标签</span> <span class="van-tag van-tag--success">标签</span> <span class="van-tag van-tag--danger">标签</span> <span class="van-tag van-tag--warning">标签</span></div>
-  <div><span class="van-tag van-tag--round van-tag--default">标签</span> <span class="van-tag van-tag--round van-tag--primary">标签</span> <span class="van-tag van-tag--round van-tag--success">标签</span> <span class="van-tag van-tag--round van-tag--danger">标签</span> <span class="van-tag van-tag--round van-tag--warning">标签</span></div>
-  <div><span class="van-tag van-tag--mark van-tag--default">标签</span> <span class="van-tag van-tag--mark van-tag--primary">标签</span> <span class="van-tag van-tag--mark van-tag--success">标签</span> <span class="van-tag van-tag--mark van-tag--danger">标签</span> <span class="van-tag van-tag--mark van-tag--warning">标签</span></div>
-  <div><span class="van-tag van-tag--plain van-tag--default van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--primary van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--success van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--danger van-hairline--surround">标签</span> <span class="van-tag van-tag--plain van-tag--warning van-hairline--surround">标签</span></div>
-  <div><span class="van-tag van-tag--default" style="background-color: rgb(242, 130, 106);">标签</span> <span class="van-tag van-tag--plain van-tag--default van-hairline--surround" style="color: rgb(242, 130, 106);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--plain van-tag--default van-hairline--surround" style="color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(255, 225, 225); color: rgb(173, 0, 0);">标签</span></div>
-  <div><span class="van-tag van-tag--success">标签</span> <span class="van-tag van-tag--medium van-tag--success">标签</span> <span class="van-tag van-tag--large van-tag--success">标签</span></div>
-  <div><span class="van-tag van-tag--medium van-tag--primary" name="van-fade">
-      标签
-    <i class="van-icon van-icon-cross van-tag__close"><!----></i></span> <span class="van-tag van-tag--medium van-tag--success" name="van-fade">
-      标签
-    <i class="van-icon van-icon-cross van-tag__close"><!----></i></span></div>
-</div>
-`;
diff --git a/src-next/tag/test/demo.spec.js b/src-next/tag/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/tag/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/tag/test/index.spec.js b/src-next/tag/test/index.spec.js
deleted file mode 100644
index 864947a4f..000000000
--- a/src-next/tag/test/index.spec.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import Tag from '..';
-import { mount } from '../../../test';
-
-test('click event', () => {
-  const click = jest.fn();
-  const wrapper = mount(Tag, {
-    context: {
-      on: {
-        click,
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(click).toHaveBeenCalledTimes(1);
-});
-
-test('close event', () => {
-  const close = jest.fn();
-  const wrapper = mount(Tag, {
-    propsData: {
-      closeable: true,
-    },
-    context: {
-      on: {
-        close,
-      },
-    },
-  });
-
-  wrapper.find('.van-tag__close').trigger('click');
-  expect(close).toHaveBeenCalledTimes(1);
-});
-
-test('should not trigger click event when close', () => {
-  const close = jest.fn();
-  const click = jest.fn();
-
-  const wrapper = mount(Tag, {
-    propsData: {
-      closeable: true,
-    },
-    context: {
-      on: {
-        close,
-        click,
-      },
-    },
-  });
-
-  wrapper.find('.van-tag__close').trigger('click');
-  expect(close).toHaveBeenCalledTimes(1);
-  expect(click).toHaveBeenCalledTimes(0);
-});
diff --git a/src-next/tree-select/README.md b/src-next/tree-select/README.md
deleted file mode 100644
index e49f49298..000000000
--- a/src-next/tree-select/README.md
+++ /dev/null
@@ -1,170 +0,0 @@
-# TreeSelect
-
-### Install
-
-```js
-import Vue from 'vue';
-import { TreeSelect } from 'vant';
-
-Vue.use(TreeSelect);
-```
-
-## Usage
-
-### Radio Mode
-
-```html
-<van-tree-select
-  v-model:active-id="activeId"
-  v-model:main-active-index="activeIndex"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      items,
-      activeId: 1,
-      activeIndex: 0,
-    };
-  },
-};
-```
-
-### Multiple Mode
-
-```html
-<van-tree-select
-  v-model:active-id="activeIds"
-  v-model:main-active-index="activeIndex"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      items,
-      activeIds: [1, 2],
-      activeIndex: 0,
-    };
-  },
-};
-```
-
-### Custom Content
-
-```html
-<van-tree-select v-model:main-active-index="active" height="55vw" :items="items">
-  <template #content>
-    <van-image
-      v-if="active === 0"
-      src="https://img.yzcdn.cn/vant/apple-1.jpg"
-    />
-    <van-image
-      v-if="active === 1"
-      src="https://img.yzcdn.cn/vant/apple-2.jpg"
-    />
-  </template>
-</van-tree-select>
-```
-
-```js
-export default {
-  data() {
-    return {
-      active: 0,
-      items: [{ text: 'Group 1' }, { text: 'Group 2' }],
-    };
-  },
-};
-```
-
-### Show Badge
-
-```html
-<van-tree-select
-  v-model:main-active-index="activeIndex"
-  height="55vw"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      activeIndex: 0,
-      items: [
-        { text: 'Group 1', children: [], dot: true },
-        { text: 'Group 2', children: [], badge: 5 },
-      ],
-    };
-  },
-};
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| items | Required datasets for the component | _Item[]_ | `[]` |
-| height | Height | _number \| string_ | `300` |
-| main-active-index | The index of selected parent node | _number \| string_ | `0` |
-| active-id | Id of selected item | _number \| string \|<br>(number \| string)[]_ | `0` |
-| max `v2.2.0` | Maximum number of selected items | _number \| string_ | `Infinity` |
-| selected-icon `v2.9.0` | Selected icon | _string_ | `success` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| click-nav | triggered when parent node is selected | index: index of selected parent |
-| click-item | triggered when item is selected | data: selected item |
-
-### Slots
-
-| Name    | Description          |
-| ------- | -------------------- |
-| content | Custom right content |
-
-### Data Structure of Item
-
-`items` should be an array contains specified tree objects.
-
-In every tree object, `text` property defines `id` stands for the unique key while the `children` contains sub-tree objects.
-
-```js
-[
-  {
-    // name of the parent node
-    text: 'Group 1',
-    // badge
-    badge: 3,
-    // Whether to show red dot
-    dot: true,
-    // ClassName of parent node
-    className: 'my-class',
-    // leaves of this parent node
-    children: [
-      {
-        // name of the leaf node
-        text: 'Washington',
-        // id of the leaf node, component highlights leaf node by comparing the activeId with this.
-        id: 1,
-        // disable options
-        disabled: true,
-      },
-      {
-        text: 'Baltimore',
-        id: 2,
-      },
-    ],
-  },
-];
-```
diff --git a/src-next/tree-select/README.zh-CN.md b/src-next/tree-select/README.zh-CN.md
deleted file mode 100644
index 5c1a51cda..000000000
--- a/src-next/tree-select/README.zh-CN.md
+++ /dev/null
@@ -1,180 +0,0 @@
-# TreeSelect 分类选择
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { TreeSelect } from 'vant';
-
-Vue.use(TreeSelect);
-```
-
-## 代码演示
-
-### 单选模式
-
-`item`为分类显示所需的数据，数据格式见下方示例。`main-active-index`表示左侧高亮选项的索引，`active-id`表示右侧高亮选项的 id
-
-```html
-<van-tree-select
-  v-model:active-id="activeId"
-  v-model:main-active-index="activeIndex"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      items,
-      activeId: 1,
-      activeIndex: 0,
-    };
-  },
-};
-```
-
-### 多选模式
-
-`active-id`为数组格式时，可以选中多个右侧选项
-
-```html
-<van-tree-select
-  v-model:active-id="activeIds"
-  v-model:main-active-index="activeIndex"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      items,
-      activeIds: [1, 2],
-      activeIndex: 0,
-    };
-  },
-};
-```
-
-### 自定义内容
-
-通过`content`插槽可以自定义右侧区域的内容
-
-```html
-<van-tree-select
-  v-model:main-active-index="active"
-  height="55vw"
-  :items="items"
->
-  <template #content>
-    <van-image
-      v-if="active === 0"
-      src="https://img.yzcdn.cn/vant/apple-1.jpg"
-    />
-    <van-image
-      v-if="active === 1"
-      src="https://img.yzcdn.cn/vant/apple-2.jpg"
-    />
-  </template>
-</van-tree-select>
-```
-
-```js
-export default {
-  data() {
-    return {
-      active: 0,
-      items: [{ text: '分组 1' }, { text: '分组 2' }],
-    };
-  },
-};
-```
-
-### 徽标提示
-
-设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
-
-```html
-<van-tree-select
-  v-model:main-active-index="activeIndex"
-  height="55vw"
-  :items="items"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      activeIndex: 0,
-      items: [
-        { text: '浙江', children: [], dot: true },
-        { text: '江苏', children: [], badge: 5 },
-      ],
-    };
-  },
-};
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| items | 分类显示所需的数据 | _Item[]_ | `[]` |
-| height | 高度，默认单位为`px` | _number \| string_ | `300` |
-| main-active-index | 左侧选中项的索引 | _number \| string_ | `0` |
-| active-id | 右侧选中项的 id，支持传入数组 | _number \| string \|<br>(number \| string)[]_ | `0` |
-| max `v2.2.0` | 右侧项最大选中个数 | _number \| string_ | `Infinity` |
-| selected-icon `v2.9.0` | 自定义右侧栏选中状态的图标 | _string_ | `success` |
-
-### Events
-
-| 事件名     | 说明                 | 回调参数                  |
-| ---------- | -------------------- | ------------------------- |
-| click-nav  | 点击左侧导航时触发   | index：被点击的导航的索引 |
-| click-item | 点击右侧选择项时触发 | data: 该点击项的数据      |
-
-### Slots
-
-| 名称    | 说明               |
-| ------- | ------------------ |
-| content | 自定义右侧区域内容 |
-
-### Item 数据结构
-
-`items` 整体为一个数组，数组内包含一系列描述分类的对象，每个分类里，`text`表示当前分类的名称，`children`表示分类里的可选项。
-
-```js
-[
-  {
-    // 导航名称
-    text: '所有城市',
-    // 导航名称右上角徽标，2.5.6 版本开始支持
-    badge: 3,
-    // 是否在导航名称右上角显示小红点
-    dot: true,
-    // 导航节点额外类名
-    className: 'my-class',
-    // 该导航下所有的可选项
-    children: [
-      {
-        // 名称
-        text: '温州',
-        // id，作为匹配选中状态的标识符
-        id: 1,
-        // 禁用选项
-        disabled: true,
-      },
-      {
-        text: '杭州',
-        id: 2,
-      },
-    ],
-  },
-];
-```
diff --git a/src-next/tree-select/demo/data-en.ts b/src-next/tree-select/demo/data-en.ts
deleted file mode 100644
index 57d93f4e0..000000000
--- a/src-next/tree-select/demo/data-en.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-const group1 = [
-  {
-    text: 'Delaware',
-    id: 1,
-  },
-  {
-    text: 'Florida',
-    id: 2,
-  },
-  {
-    text: 'Georqia',
-    id: 3,
-    disabled: true,
-  },
-  {
-    text: 'Indiana',
-    id: 4,
-  },
-];
-
-const group2 = [
-  {
-    text: 'Alabama',
-    id: 5,
-  },
-  {
-    text: 'Kansas',
-    id: 6,
-  },
-  {
-    text: 'Louisiana',
-    id: 7,
-  },
-  {
-    text: 'Texas',
-    id: 8,
-  },
-];
-
-const group3 = [
-  {
-    text: 'Alabama',
-    id: 9,
-  },
-  {
-    text: 'Kansas',
-    id: 10,
-  },
-];
-
-export const enUSData = [
-  {
-    text: 'Group 1',
-    children: group1,
-  },
-  {
-    text: 'Group 2',
-    children: group2,
-  },
-  {
-    text: 'Group 3',
-    disabled: true,
-    children: group3,
-  },
-];
diff --git a/src-next/tree-select/demo/data-zh.ts b/src-next/tree-select/demo/data-zh.ts
deleted file mode 100644
index 04096a180..000000000
--- a/src-next/tree-select/demo/data-zh.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-const zhejiang = [
-  {
-    text: '杭州',
-    id: 1,
-  },
-  {
-    text: '温州',
-    id: 2,
-  },
-  {
-    text: '宁波',
-    id: 3,
-    disabled: true,
-  },
-  {
-    text: '义乌',
-    id: 4,
-  },
-];
-
-const jiangsu = [
-  {
-    text: '南京',
-    id: 5,
-  },
-  {
-    text: '无锡',
-    id: 6,
-  },
-  {
-    text: '徐州',
-    id: 7,
-  },
-  {
-    text: '苏州',
-    id: 8,
-  },
-];
-
-const fujian = [
-  {
-    text: '泉州',
-    id: 9,
-  },
-  {
-    text: '厦门',
-    id: 10,
-  },
-];
-
-export const zhCNData = [
-  {
-    text: '浙江',
-    children: zhejiang,
-  },
-  {
-    text: '江苏',
-    children: jiangsu,
-  },
-  {
-    text: '福建',
-    disabled: true,
-    children: fujian,
-  },
-];
diff --git a/src-next/tree-select/demo/index.vue b/src-next/tree-select/demo/index.vue
deleted file mode 100644
index 5ba206521..000000000
--- a/src-next/tree-select/demo/index.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('radioMode')">
-      <van-tree-select
-        v-model:active-id="activeId"
-        v-model:main-active-index="activeIndex"
-        :items="items"
-      />
-    </demo-block>
-
-    <demo-block :title="t('multipleMode')">
-      <van-tree-select
-        v-model:active-id="activeIds"
-        v-model:main-active-index="activeIndex2"
-        :items="items"
-      />
-    </demo-block>
-
-    <demo-block :title="t('customContent')">
-      <van-tree-select
-        v-model:main-active-index="activeIndex3"
-        height="55vw"
-        :items="simpleItems"
-      >
-        <template slot="content">
-          <van-image
-            v-if="activeIndex3 === 0"
-            :show-loading="false"
-            src="https://img.yzcdn.cn/vant/apple-1.jpg"
-          />
-          <van-image
-            v-if="activeIndex3 === 1"
-            :show-loading="false"
-            src="https://img.yzcdn.cn/vant/apple-2.jpg"
-          />
-        </template>
-      </van-tree-select>
-    </demo-block>
-
-    <demo-block :title="t('showBadge')">
-      <van-tree-select
-        v-model:active-id="activeId2"
-        v-model:main-active-index="activeIndex4"
-        height="55vw"
-        :items="badgeItems"
-      />
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-import { zhCNData } from './data-zh';
-import { enUSData } from './data-en';
-import { deepClone } from '../../utils/deep-clone';
-
-export default {
-  i18n: {
-    'zh-CN': {
-      showBadge: '徽标提示',
-      radioMode: '单选模式',
-      multipleMode: '多选模式',
-      customContent: '自定义内容',
-      data: zhCNData,
-      dataSimple: [{ text: '分组 1' }, { text: '分组 2' }],
-    },
-    'en-US': {
-      showBadge: 'Show Badge',
-      radioMode: 'Radio Mode',
-      multipleMode: 'Multiple Mode',
-      customContent: 'Custom Content',
-      data: enUSData,
-      dataSimple: [{ text: 'Group 1' }, { text: 'Group 2' }],
-    },
-  },
-
-  data() {
-    return {
-      activeId: 1,
-      activeId2: 1,
-      activeIds: [1, 2],
-      activeIndex: 0,
-      activeIndex2: 0,
-      activeIndex3: 0,
-      activeIndex4: 0,
-    };
-  },
-
-  computed: {
-    items() {
-      return this.t('data');
-    },
-
-    simpleItems() {
-      return this.t('dataSimple');
-    },
-
-    badgeItems() {
-      const data = deepClone(this.t('data')).slice(0, 2);
-
-      data[0].dot = true;
-      data[1].badge = 5;
-
-      return data;
-    },
-  },
-};
-</script>
diff --git a/src-next/tree-select/index.less b/src-next/tree-select/index.less
deleted file mode 100644
index 047d95414..000000000
--- a/src-next/tree-select/index.less
+++ /dev/null
@@ -1,51 +0,0 @@
-@import '../style/var';
-
-.van-tree-select {
-  position: relative;
-  display: flex;
-  font-size: @tree-select-font-size;
-  user-select: none;
-
-  &__nav {
-    flex: 1;
-    overflow-y: auto;
-    background-color: @tree-select-nav-background-color;
-    -webkit-overflow-scrolling: touch;
-
-    &-item {
-      padding: @tree-select-nav-item-padding;
-    }
-  }
-
-  &__content {
-    flex: 2;
-    overflow-y: auto;
-    background-color: @tree-select-content-background-color;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item {
-    position: relative;
-    padding: 0 32px 0 @padding-md;
-    font-weight: @font-weight-bold;
-    line-height: @tree-select-item-height;
-    cursor: pointer;
-
-    &--active {
-      color: @tree-select-item-active-color;
-    }
-
-    &--disabled {
-      color: @tree-select-item-disabled-color;
-      cursor: not-allowed;
-    }
-  }
-
-  &__selected {
-    position: absolute;
-    top: 50%;
-    right: @padding-md;
-    margin-top: -@padding-xs;
-    font-size: @tree-select-item-selected-size;
-  }
-}
diff --git a/src-next/tree-select/test/__snapshots__/demo.spec.js.snap b/src-next/tree-select/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index ef3181896..000000000
--- a/src-next/tree-select/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,90 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-tree-select" style="height: 300px;">
-      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">浙江
-            <!---->
-          </div>
-        </a><a class="van-sidebar-item van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">江苏
-            <!---->
-          </div>
-        </a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">福建
-            <!---->
-          </div>
-        </a></div>
-      <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
-            <!----></i></div>
-        <div class="van-ellipsis van-tree-select__item">温州</div>
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
-        <div class="van-ellipsis van-tree-select__item">义乌</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tree-select" style="height: 300px;">
-      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">浙江
-            <!---->
-          </div>
-        </a><a class="van-sidebar-item van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">江苏
-            <!---->
-          </div>
-        </a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">福建
-            <!---->
-          </div>
-        </a></div>
-      <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
-            <!----></i></div>
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-success van-tree-select__selected">
-            <!----></i></div>
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
-        <div class="van-ellipsis van-tree-select__item">义乌</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tree-select" style="height: 55vw;">
-      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">分组 1
-            <!---->
-          </div>
-        </a><a class="van-sidebar-item van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">分组 2
-            <!---->
-          </div>
-        </a></div>
-      <div class="van-tree-select__content">
-        <div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img"></div>
-        <!---->
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-tree-select" style="height: 55vw;">
-      <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">浙江<div class="van-info van-info--dot van-sidebar-item__info"></div>
-          </div>
-        </a><a class="van-sidebar-item van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">江苏<div class="van-info van-sidebar-item__info">5</div>
-          </div>
-        </a></div>
-      <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-success van-tree-select__selected">
-            <!----></i></div>
-        <div class="van-ellipsis van-tree-select__item">温州</div>
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
-        <div class="van-ellipsis van-tree-select__item">义乌</div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src-next/tree-select/test/__snapshots__/index.spec.js.snap b/src-next/tree-select/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 245f661d1..000000000
--- a/src-next/tree-select/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`content slot 1`] = `
-<div class="van-tree-select" style="height: 300px;">
-  <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-      <div class="van-sidebar-item__text">group1
-        <!---->
-      </div>
-    </a></div>
-  <div class="van-tree-select__content">Custom Content</div>
-</div>
-`;
-
-exports[`empty list 1`] = `
-<div class="van-tree-select" style="height: 300px;">
-  <div class="van-sidebar van-tree-select__nav"></div>
-  <div class="van-tree-select__content"></div>
-</div>
-`;
-
-exports[`height prop 1`] = `
-<div class="van-tree-select" style="height: 100vh;">
-  <div class="van-sidebar van-tree-select__nav"></div>
-  <div class="van-tree-select__content"></div>
-</div>
-`;
-
-exports[`nav info 1`] = `
-<div class="van-tree-select" style="height: 300px;">
-  <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-      <div class="van-sidebar-item__text">group1<div class="van-info van-sidebar-item__info">3</div>
-      </div>
-    </a></div>
-  <div class="van-tree-select__content"></div>
-</div>
-`;
-
-exports[`selected-icon prop 1`] = `
-<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">city1<i class="van-icon van-icon-foo van-tree-select__selected">
-    <!----></i></div>
-`;
diff --git a/src-next/tree-select/test/demo.spec.js b/src-next/tree-select/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src-next/tree-select/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src-next/tree-select/test/index.spec.js b/src-next/tree-select/test/index.spec.js
deleted file mode 100644
index 3b45a3936..000000000
--- a/src-next/tree-select/test/index.spec.js
+++ /dev/null
@@ -1,345 +0,0 @@
-import TreeSelect from '..';
-import { mount } from '../../../test';
-
-test('empty list', () => {
-  expect(mount(TreeSelect)).toMatchSnapshot();
-});
-
-const mockItem = {
-  text: 'city1',
-  id: 1,
-};
-
-const mockItem2 = {
-  text: 'city2',
-  id: 2,
-};
-
-const mockItems = [
-  {
-    text: 'group1',
-    children: [mockItem],
-  },
-  {
-    text: 'group2',
-    children: [mockItem],
-  },
-];
-
-test('click-nav event', () => {
-  const onNavClick = jest.fn();
-  const onClickNav = jest.fn();
-
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: mockItems,
-    },
-    context: {
-      on: {
-        navclick: onNavClick,
-        'click-nav': onClickNav,
-      },
-    },
-  });
-
-  const navItems = wrapper.findAll('.van-tree-select__nav-item');
-  navItems.at(1).trigger('click');
-
-  expect(onNavClick).toHaveBeenCalledWith(1);
-  expect(onClickNav).toHaveBeenCalledWith(1);
-});
-
-test('click-item event', () => {
-  const onItemClick = jest.fn();
-  const onClickItem = jest.fn();
-
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: mockItems,
-    },
-    context: {
-      on: {
-        itemclick: onItemClick,
-        'click-item': onClickItem,
-      },
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(0).trigger('click');
-  expect(onItemClick).toHaveBeenCalledWith(mockItem);
-  expect(onClickItem).toHaveBeenCalledWith(mockItem);
-});
-
-test('click disabled nav', () => {
-  const onClickNav = jest.fn();
-
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: [
-        {
-          text: 'group1',
-          children: [mockItem],
-          disabled: true,
-        },
-      ],
-    },
-    context: {
-      on: {
-        'click-nav': onClickNav,
-      },
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__nav-item');
-  items.at(0).trigger('click');
-  expect(onClickNav).toHaveBeenCalledTimes(0);
-});
-
-test('click disabled item', () => {
-  const onClickItem = jest.fn();
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: [
-        {
-          text: 'group1',
-          children: [
-            {
-              ...mockItem,
-              disabled: true,
-            },
-          ],
-        },
-      ],
-    },
-    context: {
-      on: {
-        'click-item': onClickItem,
-      },
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(0).trigger('click');
-  expect(onClickItem).toHaveBeenCalledTimes(0);
-});
-
-test('content slot', () => {
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: [
-        {
-          text: 'group1',
-        },
-      ],
-    },
-    scopedSlots: {
-      content: () => 'Custom Content',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('height prop', () => {
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      height: '100vh',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('nav info', () => {
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: [
-        {
-          text: 'group1',
-          info: 3,
-        },
-      ],
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('use sync modifier in main-active-index', () => {
-  const wrapper = mount({
-    template: `
-      <van-tree-select
-        :items="items"
-        :main-active-index.sync="mainActiveIndex"
-      />
-    `,
-    data() {
-      return {
-        mainActiveIndex: -1,
-        items: mockItems,
-      };
-    },
-  });
-
-  const navItems = wrapper.findAll('.van-tree-select__nav-item');
-  navItems.at(0).trigger('click');
-
-  expect(wrapper.vm.mainActiveIndex).toEqual(0);
-});
-
-test('use sync modifier in active-id', () => {
-  const wrapper = mount({
-    template: `
-      <van-tree-select
-        :items="items"
-        :main-active-index="0"
-        :active-id.sync="activeId"
-      />
-    `,
-    data() {
-      return {
-        activeId: mockItem.id,
-        mainActiveIndex: 0,
-        items: [
-          {
-            text: 'group1',
-            children: [mockItem, mockItem2],
-          },
-        ],
-      };
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(1).trigger('click');
-
-  expect(wrapper.vm.activeId).toEqual(mockItem2.id);
-});
-
-test('multiple select', () => {
-  const wrapper = mount({
-    template: `
-      <van-tree-select
-        :items="items"
-        :main-active-index="0"
-        :active-id.sync="activeId"
-      />
-    `,
-    data() {
-      return {
-        activeId: [],
-        mainActiveIndex: 0,
-        items: [
-          {
-            text: 'group1',
-            children: [mockItem, mockItem2],
-          },
-        ],
-      };
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(0).trigger('click');
-  items.at(1).trigger('click');
-  expect(wrapper.vm.activeId).toEqual([mockItem.id, mockItem2.id]);
-
-  items.at(0).trigger('click');
-  items.at(1).trigger('click');
-  expect(wrapper.vm.activeId).toEqual([]);
-});
-
-test('max prop', () => {
-  const wrapper = mount({
-    template: `
-      <van-tree-select
-        :max="1"
-        :items="items"
-        :main-active-index="0"
-        :active-id.sync="activeId"
-      />
-    `,
-    data() {
-      return {
-        activeId: [],
-        items: [
-          {
-            text: 'group1',
-            children: [mockItem, mockItem2],
-          },
-        ],
-      };
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(0).trigger('click');
-  items.at(1).trigger('click');
-  expect(wrapper.vm.activeId).toEqual([mockItem.id]);
-});
-
-test('className of nav', () => {
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      mainActiveIndex: 0,
-      items: [
-        {
-          text: 'group1',
-          className: 'my-class',
-          children: [],
-        },
-      ],
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__nav-item');
-  expect(items.at(0).element.classList.contains('my-class')).toBeTruthy();
-});
-
-test('should sync value before trigger click-item event', (done) => {
-  const wrapper = mount({
-    template: `
-      <van-tree-select
-        :items="items"
-        :main-active-index="0"
-        :active-id.sync="activeId"
-        @click-item="onClickItem"
-      />
-    `,
-    data() {
-      return {
-        activeId: mockItem.id,
-        mainActiveIndex: 0,
-        items: [
-          {
-            text: 'group1',
-            children: [mockItem, mockItem2],
-          },
-        ],
-      };
-    },
-    methods: {
-      onClickItem() {
-        expect(wrapper.vm.activeId).toEqual(mockItem2.id);
-        done();
-      },
-    },
-  });
-
-  const items = wrapper.findAll('.van-tree-select__item');
-  items.at(1).trigger('click');
-});
-
-test('selected-icon prop', () => {
-  const wrapper = mount(TreeSelect, {
-    propsData: {
-      items: mockItems,
-      activeId: 1,
-      mainActiveIndex: 0,
-      selectedIcon: 'foo',
-    },
-  });
-
-  expect(wrapper.find('.van-tree-select__item')).toMatchSnapshot();
-});
diff --git a/src-next/utils/constant.ts b/src-next/utils/constant.ts
deleted file mode 100644
index eb6563daf..000000000
--- a/src-next/utils/constant.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// color
-export const RED = '#ee0a24';
-export const BLUE = '#1989fa';
-export const GREEN = '#07c160';
-export const WHITE = '#fff';
-
-// border
-export const BORDER = 'van-hairline';
-export const BORDER_TOP = `${BORDER}--top`;
-export const BORDER_LEFT = `${BORDER}--left`;
-export const BORDER_BOTTOM = `${BORDER}--bottom`;
-export const BORDER_SURROUND = `${BORDER}--surround`;
-export const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
-export const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
diff --git a/src-next/utils/create/bem.ts b/src-next/utils/create/bem.ts
deleted file mode 100644
index 7d599680c..000000000
--- a/src-next/utils/create/bem.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * bem helper
- * b() // 'button'
- * b('text') // 'button__text'
- * b({ disabled }) // 'button button--disabled'
- * b('text', { disabled }) // 'button__text button__text--disabled'
- * b(['disabled', 'primary']) // 'button button--disabled button--primary'
- */
-
-export type Mod = string | { [key: string]: any };
-export type Mods = Mod | Mod[];
-
-function gen(name: string, mods?: Mods): string {
-  if (!mods) {
-    return '';
-  }
-
-  if (typeof mods === 'string') {
-    return ` ${name}--${mods}`;
-  }
-
-  if (Array.isArray(mods)) {
-    return mods.reduce<string>((ret, item) => ret + gen(name, item), '');
-  }
-
-  return Object.keys(mods).reduce(
-    (ret, key) => ret + (mods[key] ? gen(name, key) : ''),
-    ''
-  );
-}
-
-export function createBEM(name: string) {
-  return function (el?: Mods, mods?: Mods): Mods {
-    if (el && typeof el !== 'string') {
-      mods = el;
-      el = '';
-    }
-
-    el = el ? `${name}__${el}` : name;
-
-    return `${el}${gen(el, mods)}`;
-  };
-}
-
-export type BEM = ReturnType<typeof createBEM>;
diff --git a/src-next/utils/create/component.ts b/src-next/utils/create/component.ts
deleted file mode 100644
index 90e316e3f..000000000
--- a/src-next/utils/create/component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Create a basic component with common options
- */
-
-// function install(this: any, Vue: VueConstructor) {
-//   const { name } = this;
-//   Vue.component(name as string, this);
-//   Vue.component(camelize(`-${name}`), this);
-// }
-
-export function createComponent(name: string) {
-  return function (sfc: any) {
-    sfc.name = name;
-    // sfc.install = install;
-
-    return sfc;
-  };
-}
diff --git a/src-next/utils/create/i18n.ts b/src-next/utils/create/i18n.ts
deleted file mode 100644
index 37da6501d..000000000
--- a/src-next/utils/create/i18n.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { get, isFunction } from '..';
-import { camelize } from '../format/string';
-import locale from '../../locale';
-
-export function createI18N(name: string) {
-  const prefix = camelize(name) + '.';
-
-  return function (path: string, ...args: any[]): string {
-    const messages = locale.messages();
-    const message = get(messages, prefix + path) || get(messages, path);
-
-    return isFunction(message) ? message(...args) : message;
-  };
-}
-
-export type Translate = ReturnType<typeof createI18N>;
diff --git a/src-next/utils/create/index.ts b/src-next/utils/create/index.ts
deleted file mode 100644
index 8a7b40bcf..000000000
--- a/src-next/utils/create/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createBEM, BEM } from './bem';
-import { createComponent } from './component';
-import { createI18N, Translate } from './i18n';
-
-type CreateNamespaceReturn = [
-  ReturnType<typeof createComponent>,
-  BEM,
-  Translate
-];
-
-export function createNamespace(name: string): CreateNamespaceReturn {
-  name = 'van-' + name;
-  return [
-    createComponent(name),
-    createBEM(name),
-    createI18N(name)
-  ];
-}
diff --git a/src-next/utils/deep-assign.ts b/src-next/utils/deep-assign.ts
deleted file mode 100644
index 6a175c57a..000000000
--- a/src-next/utils/deep-assign.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { isDef, isObject } from '.';
-import { ObjectIndex } from './types';
-
-const { hasOwnProperty } = Object.prototype;
-
-function assignKey(to: ObjectIndex, from: ObjectIndex, key: string) {
-  const val = from[key];
-
-  if (!isDef(val)) {
-    return;
-  }
-
-  if (!hasOwnProperty.call(to, key) || !isObject(val)) {
-    to[key] = val;
-  } else {
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-    to[key] = deepAssign(Object(to[key]), from[key]);
-  }
-}
-
-export function deepAssign(to: ObjectIndex, from: ObjectIndex): ObjectIndex {
-  Object.keys(from).forEach((key) => {
-    assignKey(to, from, key);
-  });
-
-  return to;
-}
diff --git a/src-next/utils/deep-clone.ts b/src-next/utils/deep-clone.ts
deleted file mode 100644
index 254b8e6b1..000000000
--- a/src-next/utils/deep-clone.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { deepAssign } from './deep-assign';
-
-export function deepClone(obj: object): object {
-  if (Array.isArray(obj)) {
-    return obj.map((item) => deepClone(item));
-  }
-
-  if (typeof obj === 'object') {
-    return deepAssign({}, obj);
-  }
-
-  return obj;
-}
diff --git a/src-next/utils/dom/event.ts b/src-next/utils/dom/event.ts
deleted file mode 100644
index 7bd55f859..000000000
--- a/src-next/utils/dom/event.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { inBrowser } from '..';
-import { EventHandler } from '../types';
-
-// eslint-disable-next-line import/no-mutable-exports
-export let supportsPassive = false;
-
-if (inBrowser) {
-  try {
-    const opts = {};
-    Object.defineProperty(opts, 'passive', {
-      // eslint-disable-next-line getter-return
-      get() {
-        /* istanbul ignore next */
-        supportsPassive = true;
-      },
-    });
-    window.addEventListener('test-passive', null as any, opts);
-    // eslint-disable-next-line no-empty
-  } catch (e) {}
-}
-
-export function on(
-  target: EventTarget,
-  event: string,
-  handler: EventHandler,
-  passive = false
-) {
-  if (inBrowser) {
-    target.addEventListener(
-      event,
-      handler,
-      supportsPassive ? { capture: false, passive } : false
-    );
-  }
-}
-
-export function off(target: EventTarget, event: string, handler: EventHandler) {
-  if (inBrowser) {
-    target.removeEventListener(event, handler);
-  }
-}
-
-export function stopPropagation(event: Event) {
-  event.stopPropagation();
-}
-
-export function preventDefault(event: Event, isStopPropagation?: boolean) {
-  /* istanbul ignore else */
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-    event.preventDefault();
-  }
-
-  if (isStopPropagation) {
-    stopPropagation(event);
-  }
-}
diff --git a/src-next/utils/dom/node.ts b/src-next/utils/dom/node.ts
deleted file mode 100644
index 07756867a..000000000
--- a/src-next/utils/dom/node.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export function removeNode(el: Node) {
-  const parent = el.parentNode;
-
-  if (parent) {
-    parent.removeChild(el);
-  }
-}
diff --git a/src-next/utils/dom/raf.ts b/src-next/utils/dom/raf.ts
deleted file mode 100644
index ca7bc1b42..000000000
--- a/src-next/utils/dom/raf.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * requestAnimationFrame polyfill
- */
-
-import { inBrowser } from '..';
-
-let prev = Date.now();
-
-/* istanbul ignore next */
-function fallback(fn: FrameRequestCallback): number {
-  const curr = Date.now();
-  const ms = Math.max(0, 16 - (curr - prev));
-  const id = setTimeout(fn, ms);
-  prev = curr + ms;
-  return id;
-}
-
-/* istanbul ignore next */
-const root = (inBrowser ? window : global) as Window;
-
-/* istanbul ignore next */
-const iRaf = root.requestAnimationFrame || fallback;
-
-/* istanbul ignore next */
-const iCancel = root.cancelAnimationFrame || root.clearTimeout;
-
-export function raf(fn: FrameRequestCallback): number {
-  return iRaf.call(root, fn);
-}
-
-// double raf for animation
-export function doubleRaf(fn: FrameRequestCallback): void {
-  raf(() => {
-    raf(fn);
-  });
-}
-
-export function cancelRaf(id: number) {
-  iCancel.call(root, id);
-}
diff --git a/src-next/utils/dom/reset-scroll.ts b/src-next/utils/dom/reset-scroll.ts
deleted file mode 100644
index 8cdf18a40..000000000
--- a/src-next/utils/dom/reset-scroll.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Hack for iOS12 page scroll
- * https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
- */
-
-import { isIOS as checkIsIOS } from '../validate/system';
-import { getRootScrollTop, setRootScrollTop } from './scroll';
-
-const isIOS = checkIsIOS();
-
-/* istanbul ignore next */
-export function resetScroll() {
-  if (isIOS) {
-    setRootScrollTop(getRootScrollTop());
-  }
-}
diff --git a/src-next/utils/dom/scroll.ts b/src-next/utils/dom/scroll.ts
deleted file mode 100644
index aa3f7f571..000000000
--- a/src-next/utils/dom/scroll.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-type ScrollElement = HTMLElement | Window;
-
-function isWindow(val: unknown): val is Window {
-  return val === window;
-}
-
-// get nearest scroll element
-// http://w3help.org/zh-cn/causes/SD9013
-// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
-const overflowScrollReg = /scroll|auto/i;
-export function getScroller(el: HTMLElement, root: ScrollElement = window) {
-  let node = el;
-
-  while (
-    node &&
-    node.tagName !== 'HTML' &&
-    node.nodeType === 1 &&
-    node !== root
-  ) {
-    const { overflowY } = window.getComputedStyle(node);
-
-    if (overflowScrollReg.test(overflowY)) {
-      if (node.tagName !== 'BODY') {
-        return node;
-      }
-
-      // see: https://github.com/youzan/vant/issues/3823
-      const { overflowY: htmlOverflowY } = window.getComputedStyle(
-        node.parentNode as Element
-      );
-
-      if (overflowScrollReg.test(htmlOverflowY)) {
-        return node;
-      }
-    }
-    node = node.parentNode as HTMLElement;
-  }
-
-  return root;
-}
-
-export function getScrollTop(el: ScrollElement): number {
-  return 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
-}
-
-export function setScrollTop(el: ScrollElement, value: number) {
-  if ('scrollTop' in el) {
-    el.scrollTop = value;
-  } else {
-    el.scrollTo(el.scrollX, value);
-  }
-}
-
-export function getRootScrollTop(): number {
-  return (
-    window.pageYOffset ||
-    document.documentElement.scrollTop ||
-    document.body.scrollTop ||
-    0
-  );
-}
-
-export function setRootScrollTop(value: number) {
-  setScrollTop(window, value);
-  setScrollTop(document.body, value);
-}
-
-// get distance from element top to page top or scroller top
-export function getElementTop(el: ScrollElement, scroller?: HTMLElement) {
-  if (isWindow(el)) {
-    return 0;
-  }
-
-  const scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
-  return el.getBoundingClientRect().top + scrollTop;
-}
-
-export function getVisibleHeight(el: ScrollElement) {
-  if (isWindow(el)) {
-    return el.innerHeight;
-  }
-  return el.getBoundingClientRect().height;
-}
-
-export function getVisibleTop(el: ScrollElement) {
-  if (isWindow(el)) {
-    return 0;
-  }
-  return el.getBoundingClientRect().top;
-}
diff --git a/src-next/utils/dom/style.ts b/src-next/utils/dom/style.ts
deleted file mode 100644
index e3fe897b1..000000000
--- a/src-next/utils/dom/style.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export function isHidden(el: HTMLElement) {
-  const style = window.getComputedStyle(el);
-  const hidden = style.display === 'none';
-
-  // offsetParent returns null in the following situations:
-  // 1. The element or its parent element has the display property set to none.
-  // 2. The element has the position property set to fixed
-  const parentHidden = el.offsetParent === null && style.position !== 'fixed';
-
-  return hidden || parentHidden;
-}
diff --git a/src-next/utils/format/number.ts b/src-next/utils/format/number.ts
deleted file mode 100644
index 85ca889b5..000000000
--- a/src-next/utils/format/number.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-export function range(num: number, min: number, max: number): number {
-  return Math.min(Math.max(num, min), max);
-}
-
-function trimExtraChar(value: string, char: string, regExp: RegExp) {
-  const index = value.indexOf(char);
-
-  if (index === -1) {
-    return value;
-  }
-
-  if (char === '-' && index !== 0) {
-    return value.slice(0, index);
-  }
-
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-}
-
-export function formatNumber(value: string, allowDot?: boolean) {
-  if (allowDot) {
-    value = trimExtraChar(value, '.', /\./g);
-  } else {
-    value = value.split('.')[0];
-  }
-
-  value = trimExtraChar(value, '-', /-/g);
-
-  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-
-  return value.replace(regExp, '');
-}
diff --git a/src-next/utils/format/string.ts b/src-next/utils/format/string.ts
deleted file mode 100644
index f801d910b..000000000
--- a/src-next/utils/format/string.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-const camelizeRE = /-(\w)/g;
-
-export function camelize(str: string): string {
-  return str.replace(camelizeRE, (_, c) => c.toUpperCase());
-}
-
-export function padZero(num: number | string, targetLength = 2): string {
-  let str = num + '';
-
-  while (str.length < targetLength) {
-    str = '0' + str;
-  }
-
-  return str;
-}
diff --git a/src-next/utils/format/unit.ts b/src-next/utils/format/unit.ts
deleted file mode 100644
index b50167e7c..000000000
--- a/src-next/utils/format/unit.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { isDef } from '..';
-import { isNumeric } from '../validate/number';
-
-export function addUnit(value?: string | number): string | undefined {
-  if (!isDef(value)) {
-    return undefined;
-  }
-
-  value = String(value);
-  return isNumeric(value) ? `${value}px` : value;
-}
-
-// cache
-let rootFontSize: number;
-
-function getRootFontSize() {
-  if (!rootFontSize) {
-    const doc = document.documentElement;
-    const fontSize =
-      doc.style.fontSize || window.getComputedStyle(doc).fontSize;
-
-    rootFontSize = parseFloat(fontSize);
-  }
-
-  return rootFontSize;
-}
-
-function convertRem(value: string) {
-  value = value.replace(/rem/g, '');
-  return +value * getRootFontSize();
-}
-
-export function unitToPx(value: string | number): number {
-  if (typeof value === 'number') {
-    return value;
-  }
-
-  if (value.indexOf('rem') !== -1) {
-    return convertRem(value);
-  }
-
-  return parseFloat(value);
-}
diff --git a/src-next/utils/index.ts b/src-next/utils/index.ts
deleted file mode 100644
index c88a00c4a..000000000
--- a/src-next/utils/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export { addUnit } from './format/unit';
-export { createNamespace } from './create';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export function noop() {}
-
-export const inBrowser = typeof window !== 'undefined'
-
-export function isDef(val: unknown): boolean {
-  return val !== undefined && val !== null;
-}
-
-export function isFunction(val: unknown): val is Function {
-  return typeof val === 'function';
-}
-
-export function isObject(val: unknown): val is Record<any, any> {
-  return val !== null && typeof val === 'object';
-}
-
-export function isPromise<T = any>(val: unknown): val is Promise<T> {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-}
-
-export function get(object: any, path: string): any {
-  const keys = path.split('.');
-  let result = object;
-
-  keys.forEach((key) => {
-    result = isDef(result[key]) ? result[key] : '';
-  });
-
-  return result;
-}
diff --git a/src-next/utils/router.ts b/src-next/utils/router.ts
deleted file mode 100644
index 7e822dc31..000000000
--- a/src-next/utils/router.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Vue Router support
- */
-
-import type { Router, RouteLocation } from 'vue-router';
-
-export type RouteConfig = {
-  url?: string;
-  to?: RouteLocation;
-  replace?: boolean;
-};
-
-function isRedundantNavigation(err: Error) {
-  return (
-    err.name === 'NavigationDuplicated' ||
-    // compatible with vue-router@3.3
-    (err.message && err.message.indexOf('redundant navigation') !== -1)
-  );
-}
-
-export function route(router: Router, config: RouteConfig) {
-  const { to, url, replace } = config;
-  if (to && router) {
-    const promise = router[replace ? 'replace' : 'push'](to);
-
-    /* istanbul ignore else */
-    if (promise && promise.catch) {
-      promise.catch((err) => {
-        if (err && !isRedundantNavigation(err)) {
-          throw err;
-        }
-      });
-    }
-  } else if (url) {
-    replace ? location.replace(url) : (location.href = url);
-  }
-}
-
-export type RouteProps = {
-  url?: string;
-  replace?: boolean;
-  to?: RouteLocation;
-};
-
-export const routeProps = {
-  url: String,
-  replace: Boolean,
-  to: [String, Object],
-};
diff --git a/src-next/utils/test/bem.spec.js b/src-next/utils/test/bem.spec.js
deleted file mode 100644
index d0e86466f..000000000
--- a/src-next/utils/test/bem.spec.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import { createBEM } from '../create/bem';
-
-test('bem', () => {
-  const bem = createBEM('button');
-
-  expect(bem()).toEqual('button');
-
-  expect(bem('text')).toEqual('button__text');
-
-  expect(bem({ disabled: false })).toEqual('button');
-
-  expect(bem({ disabled: true })).toEqual('button button--disabled');
-
-  expect(bem('text', { disabled: true })).toEqual(
-    'button__text button__text--disabled'
-  );
-
-  expect(bem(['disabled', 'primary'])).toEqual(
-    'button button--disabled button--primary'
-  );
-
-  expect(bem([])).toEqual('button');
-
-  expect(bem(null)).toEqual('button');
-
-  expect(bem([null])).toEqual('button');
-
-  expect(bem(['disabled', ''])).toEqual('button button--disabled');
-
-  expect(bem(['disabled', undefined])).toEqual('button button--disabled');
-
-  expect(bem('text', ['disabled', 'primary'])).toEqual(
-    'button__text button__text--disabled button__text--primary'
-  );
-
-  expect(bem('text', [{ disabled: true }, 'primary'])).toEqual(
-    'button__text button__text--disabled button__text--primary'
-  );
-});
diff --git a/src-next/utils/test/index.spec.js b/src-next/utils/test/index.spec.js
deleted file mode 100644
index a9d6bea10..000000000
--- a/src-next/utils/test/index.spec.js
+++ /dev/null
@@ -1,142 +0,0 @@
-import { deepClone } from '../deep-clone';
-import { deepAssign } from '../deep-assign';
-import { isDef, get, noop } from '..';
-import { raf, cancelRaf } from '../dom/raf';
-import { later } from '../../../test';
-import { isEmail } from '../validate/email';
-import { isMobile } from '../validate/mobile';
-import { isNumeric } from '../validate/number';
-import { isAndroid } from '../validate/system';
-import { camelize } from '../format/string';
-import { formatNumber } from '../format/number';
-import { addUnit, unitToPx } from '../format/unit';
-
-test('deepClone', () => {
-  const a = { foo: 0 };
-  const b = { foo: 0, bar: 1 };
-  const arr = [a, b];
-  expect(deepClone(a)).toEqual(a);
-  expect(deepClone(b)).toEqual(b);
-  expect(deepClone(noop)).toEqual(noop);
-  expect(deepClone(arr)).toEqual(arr);
-  expect(deepClone(undefined)).toEqual(undefined);
-  expect(deepClone(1)).toEqual(1);
-});
-
-test('deepAssign', () => {
-  expect(deepAssign({}, { foo: null })).toEqual({});
-  expect(deepAssign({}, { foo: undefined })).toEqual({});
-  expect(deepAssign({ noop: null }, { noop })).toEqual({ noop });
-  expect(deepAssign({ foo: 0 }, { bar: 1 })).toEqual({ foo: 0, bar: 1 });
-  expect(
-    deepAssign({ foo: { bar: false } }, { foo: { bar: true, foo: false } })
-  ).toEqual({
-    foo: {
-      bar: true,
-      foo: false,
-    },
-  });
-});
-
-test('isDef', () => {
-  expect(isDef(null)).toBeFalsy();
-  expect(isDef(undefined)).toBeFalsy();
-  expect(isDef(1)).toBeTruthy();
-  expect(isDef('1')).toBeTruthy();
-  expect(isDef({})).toBeTruthy();
-  expect(isDef(noop)).toBeTruthy();
-});
-
-test('camelize', () => {
-  expect(camelize('ab')).toEqual('ab');
-  expect(camelize('a-b')).toEqual('aB');
-  expect(camelize('a-b-c-d')).toEqual('aBCD');
-  expect(camelize('a-b-')).toEqual('aB-');
-  expect(camelize('-a-b')).toEqual('AB');
-  expect(camelize('-')).toEqual('-');
-});
-
-test('get', () => {
-  expect(get({ a: 1 }, 'a')).toEqual(1);
-  expect(get({ a: { b: 2 } }, 'a.b')).toEqual(2);
-  expect(get({ a: { b: 2 } }, 'a.b.c')).toEqual('');
-});
-
-test('isAndroid', () => {
-  expect(isAndroid()).toBeFalsy();
-});
-
-test('raf', async () => {
-  const spy = jest.fn();
-  raf(spy);
-
-  await later(50);
-  expect(spy).toHaveBeenCalledTimes(1);
-  cancelRaf(1);
-});
-
-test('isEmail', () => {
-  expect(isEmail('abc@gmail.com')).toBeTruthy();
-  expect(isEmail('abc@@gmail.com')).toBeFalsy();
-  expect(isEmail('@gmail.com')).toBeFalsy();
-  expect(isEmail('abc@')).toBeFalsy();
-});
-
-test('isMobile', () => {
-  expect(isMobile('13000000000')).toBeTruthy();
-  expect(isMobile('+8613000000000')).toBeTruthy();
-  expect(isMobile('8613000000000')).toBeTruthy();
-  expect(isMobile('1300000000')).toBeFalsy();
-  expect(isMobile('abc')).toBeFalsy();
-});
-
-test('isNumeric', () => {
-  expect(isNumeric('1')).toBeTruthy();
-  expect(isNumeric('1.2')).toBeTruthy();
-  expect(isNumeric('1..2')).toBeFalsy();
-  expect(isNumeric('abc')).toBeFalsy();
-  expect(isNumeric('1b2')).toBeFalsy();
-});
-
-test('formatNumber', () => {
-  expect(formatNumber('abc')).toEqual('');
-  expect(formatNumber('1.2')).toEqual('1');
-  expect(formatNumber('abc1.2')).toEqual('1');
-  expect(formatNumber('123.4.')).toEqual('123');
-
-  // with dot
-  expect(formatNumber('abc', true)).toEqual('');
-  expect(formatNumber('1.2', true)).toEqual('1.2');
-  expect(formatNumber('abc1.2', true)).toEqual('1.2');
-  expect(formatNumber('123.4.', true)).toEqual('123.4');
-
-  // minus
-  expect(formatNumber('-1.2')).toEqual('-1');
-  expect(formatNumber('-1.2', true)).toEqual('-1.2');
-  expect(formatNumber('-1.2-', true)).toEqual('-1.2');
-  expect(formatNumber('123-')).toEqual('123');
-});
-
-test('addUnit', () => {
-  expect(addUnit(0)).toEqual('0px');
-  expect(addUnit(10)).toEqual('10px');
-  expect(addUnit('1%')).toEqual('1%');
-  expect(addUnit('1px')).toEqual('1px');
-  expect(addUnit('1vw')).toEqual('1vw');
-  expect(addUnit('1vh')).toEqual('1vh');
-  expect(addUnit('1rem')).toEqual('1rem');
-});
-
-test('unitToPx', () => {
-  const originGetComputedStyle = window.getComputedStyle;
-
-  window.getComputedStyle = () => ({ fontSize: '16px' });
-
-  expect(unitToPx(0)).toEqual(0);
-  expect(unitToPx(10)).toEqual(10);
-  expect(unitToPx('10px')).toEqual(10);
-  expect(unitToPx('0rem')).toEqual(0);
-  expect(unitToPx('10rem')).toEqual(160);
-
-  window.getComputedStyle = originGetComputedStyle;
-});
diff --git a/src-next/utils/types.ts b/src-next/utils/types.ts
deleted file mode 100644
index 14821d4b6..000000000
--- a/src-next/utils/types.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { VNode, CreateElement, RenderContext } from 'vue';
-import { InjectOptions, PropsDefinition } from 'vue/types/options';
-
-export type EventHandler = (event: Event) => void;
-
-export type ObjectIndex = Record<string, any>;
-
-export type ScopedSlot<Props = any> = (
-  props?: Props
-) => VNode[] | VNode | undefined;
-
-export type DefaultSlots = {
-  default?: ScopedSlot;
-};
-
-export type ScopedSlots = DefaultSlots & {
-  [key: string]: ScopedSlot | undefined;
-};
-
-export type ModelOptions = {
-  prop?: string;
-  event?: string;
-};
-
-export type DefaultProps = ObjectIndex;
-
-export type FunctionComponent<
-  Props = DefaultProps,
-  PropDefs = PropsDefinition<Props>
-> = {
-  (
-    h: CreateElement,
-    props: Props,
-    slots: ScopedSlots,
-    context: RenderContext<Props>
-  ): VNode | undefined;
-  props?: PropDefs;
-  model?: ModelOptions;
-  inject?: InjectOptions;
-};
diff --git a/src-next/utils/validate/date.ts b/src-next/utils/validate/date.ts
deleted file mode 100644
index d06fd6696..000000000
--- a/src-next/utils/validate/date.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { isNaN } from './number';
-
-export function isDate(val: Date): val is Date {
-  return (
-    Object.prototype.toString.call(val) === '[object Date]' &&
-    !isNaN(val.getTime())
-  );
-}
diff --git a/src-next/utils/validate/email.ts b/src-next/utils/validate/email.ts
deleted file mode 100644
index d5e3c21b8..000000000
--- a/src-next/utils/validate/email.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/* eslint-disable */
-export function isEmail(value: string): boolean {
-  const reg = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i;
-  return reg.test(value);
-}
diff --git a/src-next/utils/validate/mobile.ts b/src-next/utils/validate/mobile.ts
deleted file mode 100644
index b32401981..000000000
--- a/src-next/utils/validate/mobile.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export function isMobile(value: string): boolean {
-  value = value.replace(/[^-|\d]/g, '');
-  return (
-    /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value)
-  );
-}
diff --git a/src-next/utils/validate/number.ts b/src-next/utils/validate/number.ts
deleted file mode 100644
index 8d77e0eee..000000000
--- a/src-next/utils/validate/number.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export function isNumeric(val: string): boolean {
-  return /^\d+(\.\d+)?$/.test(val);
-}
-
-export function isNaN(val: number): val is typeof NaN {
-  if (Number.isNaN) {
-    return Number.isNaN(val);
-  }
-
-  // eslint-disable-next-line no-self-compare
-  return val !== val;
-}
diff --git a/src-next/utils/validate/system.ts b/src-next/utils/validate/system.ts
deleted file mode 100644
index d91f2f131..000000000
--- a/src-next/utils/validate/system.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { isServer } from '..';
-
-export function isAndroid(): boolean {
-  /* istanbul ignore next */
-  return isServer ? false : /android/.test(navigator.userAgent.toLowerCase());
-}
-
-export function isIOS(): boolean {
-  /* istanbul ignore next */
-  return isServer
-    ? false
-    : /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
-}
diff --git a/src/action-sheet/demo/index.vue b/src/action-sheet/demo/index.vue
index 758420870..ed6f85807 100644
--- a/src/action-sheet/demo/index.vue
+++ b/src/action-sheet/demo/index.vue
@@ -23,13 +23,13 @@
     </demo-block>
 
     <van-action-sheet
-      v-model="show.basic"
+      v-model:show="show.basic"
       :actions="simpleActions"
       @select="onSelect"
     />
 
     <van-action-sheet
-      v-model="show.cancel"
+      v-model:show="show.cancel"
       :actions="simpleActions"
       close-on-click-action
       :cancel-text="t('cancel')"
@@ -37,7 +37,7 @@
     />
 
     <van-action-sheet
-      v-model="show.description"
+      v-model:show="show.description"
       :actions="actionsWithDescription"
       close-on-click-action
       :cancel-text="t('cancel')"
@@ -45,13 +45,13 @@
     />
 
     <van-action-sheet
-      v-model="show.status"
+      v-model:show="show.status"
       close-on-click-action
       :actions="statusActions"
       :cancel-text="t('cancel')"
     />
 
-    <van-action-sheet v-model="show.title" :title="t('title')">
+    <van-action-sheet v-model:show="show.title" :title="t('title')">
       <div class="demo-action-sheet-content">{{ t('content') }}</div>
     </van-action-sheet>
   </demo-section>
diff --git a/src-next/action-sheet/index.js b/src/action-sheet/index.js
similarity index 100%
rename from src-next/action-sheet/index.js
rename to src/action-sheet/index.js
diff --git a/src/action-sheet/index.tsx b/src/action-sheet/index.tsx
deleted file mode 100644
index 77808b419..000000000
--- a/src/action-sheet/index.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Mixins
-import { popupMixinProps } from '../mixins/popup';
-
-// Components
-import Icon from '../icon';
-import Popup from '../popup';
-import Loading from '../loading';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-import { PopupMixinProps } from '../mixins/popup/type';
-
-export type ActionSheetItem = {
-  name: string;
-  color?: string;
-  subname?: string;
-  loading?: boolean;
-  disabled?: boolean;
-  className?: string;
-  callback?: (item: ActionSheetItem) => void;
-};
-
-export type ActionSheetProps = PopupMixinProps & {
-  round: boolean;
-  title?: string;
-  actions?: ActionSheetItem[];
-  duration: number | string;
-  closeIcon: string;
-  cancelText?: string;
-  description?: string;
-  closeOnPopstate?: boolean;
-  closeOnClickAction?: boolean;
-  safeAreaInsetBottom?: boolean;
-};
-
-const [createComponent, bem] = createNamespace('action-sheet');
-
-function ActionSheet(
-  h: CreateElement,
-  props: ActionSheetProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<ActionSheetProps>
-) {
-  const { title, cancelText } = props;
-
-  function onCancel() {
-    emit(ctx, 'input', false);
-    emit(ctx, 'cancel');
-  }
-
-  function Header() {
-    if (title) {
-      return (
-        <div class={bem('header')}>
-          {title}
-          <Icon
-            name={props.closeIcon}
-            class={bem('close')}
-            onClick={onCancel}
-          />
-        </div>
-      );
-    }
-  }
-
-  function Content() {
-    if (slots.default) {
-      return <div class={bem('content')}>{slots.default()}</div>;
-    }
-  }
-
-  function Option(item: ActionSheetItem, index: number) {
-    const { disabled, loading, callback } = item;
-
-    function onClickOption(event: MouseEvent) {
-      event.stopPropagation();
-
-      if (disabled || loading) {
-        return;
-      }
-
-      if (callback) {
-        callback(item);
-      }
-
-      emit(ctx, 'select', item, index);
-
-      if (props.closeOnClickAction) {
-        emit(ctx, 'input', false);
-      }
-    }
-
-    function OptionContent() {
-      if (loading) {
-        return <Loading size="20px" />;
-      }
-
-      return [
-        <span class={bem('name')}>{item.name}</span>,
-        item.subname && <div class={bem('subname')}>{item.subname}</div>,
-      ];
-    }
-
-    return (
-      <button
-        type="button"
-        class={[bem('item', { disabled, loading }), item.className]}
-        style={{ color: item.color }}
-        onClick={onClickOption}
-      >
-        {OptionContent()}
-      </button>
-    );
-  }
-
-  function CancelText() {
-    if (cancelText) {
-      return [
-        <div class={bem('gap')} />,
-        <button type="button" class={bem('cancel')} onClick={onCancel}>
-          {cancelText}
-        </button>,
-      ];
-    }
-  }
-
-  const Description = props.description && (
-    <div class={bem('description')}>{props.description}</div>
-  );
-
-  return (
-    <Popup
-      class={bem()}
-      position="bottom"
-      round={props.round}
-      value={props.value}
-      overlay={props.overlay}
-      duration={props.duration}
-      lazyRender={props.lazyRender}
-      lockScroll={props.lockScroll}
-      getContainer={props.getContainer}
-      closeOnPopstate={props.closeOnPopstate}
-      closeOnClickOverlay={props.closeOnClickOverlay}
-      safeAreaInsetBottom={props.safeAreaInsetBottom}
-      {...inherit(ctx, true)}
-    >
-      {Header()}
-      {Description}
-      {props.actions && props.actions.map(Option)}
-      {Content()}
-      {CancelText()}
-    </Popup>
-  );
-}
-
-ActionSheet.props = {
-  ...popupMixinProps,
-  title: String,
-  actions: Array,
-  duration: [Number, String],
-  cancelText: String,
-  description: String,
-  getContainer: [String, Function],
-  closeOnPopstate: Boolean,
-  closeOnClickAction: Boolean,
-  round: {
-    type: Boolean,
-    default: true,
-  },
-  closeIcon: {
-    type: String,
-    default: 'cross',
-  },
-  safeAreaInsetBottom: {
-    type: Boolean,
-    default: true,
-  },
-  overlay: {
-    type: Boolean,
-    default: true,
-  },
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default createComponent<ActionSheetProps>(ActionSheet);
diff --git a/src-next/button/index.js b/src/button/index.js
similarity index 100%
rename from src-next/button/index.js
rename to src/button/index.js
diff --git a/src/button/index.tsx b/src/button/index.tsx
deleted file mode 100644
index 6b3c6e5c2..000000000
--- a/src/button/index.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { BORDER_SURROUND, WHITE } from '../utils/constant';
-import { routeProps, RouteProps, functionalRoute } from '../utils/router';
-
-// Components
-import Icon from '../icon';
-import Loading, { LoadingType } from '../loading';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type ButtonType = 'default' | 'primary' | 'info' | 'warning' | 'danger';
-
-export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
-
-export type ButtonProps = RouteProps & {
-  tag: keyof HTMLElementTagNameMap | string;
-  type: ButtonType;
-  size: ButtonSize;
-  text?: string;
-  icon?: string;
-  color?: string;
-  block?: boolean;
-  plain?: boolean;
-  round?: boolean;
-  square?: boolean;
-  loading?: boolean;
-  hairline?: boolean;
-  disabled?: boolean;
-  nativeType?: string;
-  iconPrefix?: string;
-  loadingSize: string;
-  loadingType?: LoadingType;
-  loadingText?: string;
-};
-
-export type ButtonEvents = {
-  onClick?(event: Event): void;
-};
-
-const [createComponent, bem] = createNamespace('button');
-
-function Button(
-  h: CreateElement,
-  props: ButtonProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<ButtonProps>
-) {
-  const {
-    tag,
-    icon,
-    type,
-    color,
-    plain,
-    disabled,
-    loading,
-    hairline,
-    loadingText,
-  } = props;
-
-  const style: Record<string, string | number> = {};
-
-  if (color) {
-    style.color = plain ? color : WHITE;
-
-    if (!plain) {
-      // Use background instead of backgroundColor to make linear-gradient work
-      style.background = color;
-    }
-
-    // hide border when color is linear-gradient
-    if (color.indexOf('gradient') !== -1) {
-      style.border = 0;
-    } else {
-      style.borderColor = color;
-    }
-  }
-
-  function onClick(event: Event) {
-    if (!loading && !disabled) {
-      emit(ctx, 'click', event);
-      functionalRoute(ctx);
-    }
-  }
-
-  function onTouchstart(event: TouchEvent) {
-    emit(ctx, 'touchstart', event);
-  }
-
-  const classes = [
-    bem([
-      type,
-      props.size,
-      {
-        plain,
-        loading,
-        disabled,
-        hairline,
-        block: props.block,
-        round: props.round,
-        square: props.square,
-      },
-    ]),
-    { [BORDER_SURROUND]: hairline },
-  ];
-
-  function Content() {
-    const content = [];
-
-    if (loading) {
-      content.push(
-        <Loading
-          class={bem('loading')}
-          size={props.loadingSize}
-          type={props.loadingType}
-          color="currentColor"
-        />
-      );
-    } else if (icon) {
-      content.push(
-        <Icon name={icon} class={bem('icon')} classPrefix={props.iconPrefix} />
-      );
-    }
-
-    let text;
-    if (loading) {
-      text = loadingText;
-    } else {
-      text = slots.default ? slots.default() : props.text;
-    }
-
-    if (text) {
-      content.push(<span class={bem('text')}>{text}</span>);
-    }
-
-    return content;
-  }
-
-  return (
-    <tag
-      style={style}
-      class={classes}
-      type={props.nativeType}
-      disabled={disabled}
-      onClick={onClick}
-      onTouchstart={onTouchstart}
-      {...inherit(ctx)}
-    >
-      <div class={bem('content')}>{Content()}</div>
-    </tag>
-  );
-}
-
-Button.props = {
-  ...routeProps,
-  text: String,
-  icon: String,
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: String,
-  loadingText: String,
-  loadingType: String,
-  tag: {
-    type: String,
-    default: 'button',
-  },
-  type: {
-    type: String,
-    default: 'default',
-  },
-  size: {
-    type: String,
-    default: 'normal',
-  },
-  loadingSize: {
-    type: String,
-    default: '20px',
-  },
-};
-
-export default createComponent<ButtonProps, ButtonEvents>(Button);
diff --git a/src-next/cell-group/index.js b/src/cell-group/index.js
similarity index 100%
rename from src-next/cell-group/index.js
rename to src/cell-group/index.js
diff --git a/src/cell-group/index.tsx b/src/cell-group/index.tsx
deleted file mode 100644
index d7e99b8c6..000000000
--- a/src/cell-group/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-export type CellGroupProps = {
-  title?: string;
-  border: boolean;
-};
-
-export type CellGroupSlots = DefaultSlots & {
-  title?: ScopedSlot;
-};
-
-const [createComponent, bem] = createNamespace('cell-group');
-
-function CellGroup(
-  h: CreateElement,
-  props: CellGroupProps,
-  slots: CellGroupSlots,
-  ctx: RenderContext<CellGroupProps>
-) {
-  const Group = (
-    <div
-      class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}
-      {...inherit(ctx, true)}
-    >
-      {slots.default?.()}
-    </div>
-  );
-
-  if (props.title || slots.title) {
-    return (
-      <div>
-        <div class={bem('title')}>
-          {slots.title ? slots.title() : props.title}
-        </div>
-        {Group}
-      </div>
-    );
-  }
-
-  return Group;
-}
-
-CellGroup.props = {
-  title: String,
-  border: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default createComponent<CellGroupProps>(CellGroup);
diff --git a/src-next/cell/index.js b/src/cell/index.js
similarity index 100%
rename from src-next/cell/index.js
rename to src/cell/index.js
diff --git a/src/cell/index.tsx b/src/cell/index.tsx
deleted file mode 100644
index c1a741ea2..000000000
--- a/src/cell/index.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-// Utils
-import { createNamespace, isDef } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { routeProps, RouteProps, functionalRoute } from '../utils/router';
-import { cellProps, SharedCellProps } from './shared';
-
-// Components
-import Icon from '../icon';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { ScopedSlot, DefaultSlots } from '../utils/types';
-import { Mods } from '../utils/create/bem';
-
-export type CellProps = RouteProps & SharedCellProps;
-
-export type CellSlots = DefaultSlots & {
-  icon?: ScopedSlot;
-  title?: ScopedSlot;
-  label?: ScopedSlot;
-  extra?: ScopedSlot;
-  'right-icon'?: ScopedSlot;
-};
-
-export type CellEvents = {
-  onClick?(event: Event): void;
-};
-
-const [createComponent, bem] = createNamespace('cell');
-
-function Cell(
-  h: CreateElement,
-  props: CellProps,
-  slots: CellSlots,
-  ctx: RenderContext<CellProps>
-) {
-  const { icon, size, title, label, value, isLink } = props;
-  const showTitle = slots.title || isDef(title);
-
-  function Label() {
-    const showLabel = slots.label || isDef(label);
-
-    if (showLabel) {
-      return (
-        <div class={[bem('label'), props.labelClass]}>
-          {slots.label ? slots.label() : label}
-        </div>
-      );
-    }
-  }
-
-  function Title() {
-    if (showTitle) {
-      return (
-        <div class={[bem('title'), props.titleClass]} style={props.titleStyle}>
-          {slots.title ? slots.title() : <span>{title}</span>}
-          {Label()}
-        </div>
-      );
-    }
-  }
-
-  function Value() {
-    const showValue = slots.default || isDef(value);
-
-    if (showValue) {
-      return (
-        <div class={[bem('value', { alone: !showTitle }), props.valueClass]}>
-          {slots.default ? slots.default() : <span>{value}</span>}
-        </div>
-      );
-    }
-  }
-
-  function LeftIcon() {
-    if (slots.icon) {
-      return slots.icon();
-    }
-
-    if (icon) {
-      return (
-        <Icon
-          class={bem('left-icon')}
-          name={icon}
-          classPrefix={props.iconPrefix}
-        />
-      );
-    }
-  }
-
-  function RightIcon() {
-    const rightIconSlot = slots['right-icon'];
-
-    if (rightIconSlot) {
-      return rightIconSlot();
-    }
-
-    if (isLink) {
-      const { arrowDirection } = props;
-
-      return (
-        <Icon
-          class={bem('right-icon')}
-          name={arrowDirection ? `arrow-${arrowDirection}` : 'arrow'}
-        />
-      );
-    }
-  }
-
-  function onClick(event: Event) {
-    emit(ctx, 'click', event);
-    functionalRoute(ctx);
-  }
-
-  const clickable = isLink || props.clickable;
-
-  const classes: Mods = {
-    clickable,
-    center: props.center,
-    required: props.required,
-    borderless: !props.border,
-  };
-
-  if (size) {
-    classes[size] = size;
-  }
-
-  return (
-    <div
-      class={bem(classes)}
-      role={clickable ? 'button' : null}
-      tabindex={clickable ? 0 : null}
-      onClick={onClick}
-      {...inherit(ctx)}
-    >
-      {LeftIcon()}
-      {Title()}
-      {Value()}
-      {RightIcon()}
-      {slots.extra?.()}
-    </div>
-  );
-}
-
-Cell.props = {
-  ...cellProps,
-  ...routeProps,
-};
-
-export default createComponent<CellProps, CellEvents, CellSlots>(Cell);
diff --git a/src/circle/README.md b/src/circle/README.md
index 4c8e6d67e..6b2ae7a1d 100644
--- a/src/circle/README.md
+++ b/src/circle/README.md
@@ -14,7 +14,7 @@ Vue.use(Circle);
 ### Basic Usage
 
 ```html
-<van-circle v-model="currentRate" :rate="30" :speed="100" :text="text" />
+<van-circle v-model:currentRate="currentRate" :rate="30" :speed="100" :text="text" />
 ```
 
 ```js
@@ -36,7 +36,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="Custom Width"
@@ -47,7 +47,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="Custom Color"
@@ -58,7 +58,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="Gradient"
@@ -83,7 +83,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="Counter Clockwise"
@@ -94,7 +94,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   size="120px"
   text="Custom Size"
@@ -107,7 +107,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Current rate | _number_ | - |
+| v-model:currentRate | Current rate | _number_ | - |
 | rate | Target rate | _number \| string_ | `100` |
 | size | Circle size | _number \| string_ | `100px` |
 | color `v2.1.4` | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
diff --git a/src/circle/README.zh-CN.md b/src/circle/README.zh-CN.md
index ac2380639..dc12f5aa5 100644
--- a/src/circle/README.zh-CN.md
+++ b/src/circle/README.zh-CN.md
@@ -13,10 +13,15 @@ Vue.use(Circle);
 
 ### 基础用法
 
-`rate`属性表示进度条的目标进度，`v-model`表示动画过程中的实时进度。当`rate`发生变化时，`v-model`会以`speed`的速度变化，直至达到`rate`设定的值。
+`rate`属性表示进度条的目标进度，`v-model:currentRate`表示动画过程中的实时进度。当`rate`发生变化时，`v-model:currentRate`会以`speed`的速度变化，直至达到`rate`设定的值。
 
 ```html
-<van-circle v-model="currentRate" :rate="30" :speed="100" :text="text" />
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="30"
+  :speed="100"
+  :text="text"
+/>
 ```
 
 ```js
@@ -40,7 +45,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="宽度定制"
@@ -53,7 +58,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="颜色定制"
@@ -66,7 +71,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="渐变色"
@@ -93,7 +98,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:currentRate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="逆时针方向"
@@ -105,7 +110,12 @@ export default {
 通过`size`属性设置圆环直径
 
 ```html
-<van-circle v-model="currentRate" :rate="rate" size="120px" text="大小定制" />
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="rate"
+  size="120px"
+  text="大小定制"
+/>
 ```
 
 ## API
@@ -114,7 +124,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 当前进度 | _number_ | - |
+| v-model:currentRate | 当前进度 | _number_ | - |
 | rate | 目标进度 | _number \| string_ | `100` |
 | size | 圆环直径，默认单位为 `px` | _number \| string_ | `100px` |
 | color `v2.1.4` | 进度条颜色，传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
diff --git a/src/circle/demo/index.vue b/src/circle/demo/index.vue
index 55899e03f..975e86e26 100644
--- a/src/circle/demo/index.vue
+++ b/src/circle/demo/index.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block :title="t('basicUsage')">
       <van-circle
-        v-model="currentRate1"
+        v-model:currentRate="currentRate1"
         :rate="rate"
         :speed="100"
         :text="currentRate1.toFixed(0) + '%'"
@@ -11,7 +11,7 @@
 
     <demo-block :title="t('customStyle')">
       <van-circle
-        v-model="currentRate3"
+        v-model:currentRate="currentRate3"
         :rate="rate"
         :speed="100"
         :stroke-width="60"
@@ -19,7 +19,7 @@
       />
 
       <van-circle
-        v-model="currentRate3"
+        v-model:currentRate="currentRate3"
         color="#ee0a24"
         :rate="rate"
         layer-color="#ebedf0"
@@ -28,7 +28,7 @@
       />
 
       <van-circle
-        v-model="currentRate2"
+        v-model:currentRate="currentRate2"
         :rate="rate"
         :speed="100"
         :color="gradientColor"
@@ -36,7 +36,7 @@
       />
 
       <van-circle
-        v-model="currentRate4"
+        v-model:currentRate="currentRate4"
         color="#07c160"
         :rate="rate"
         :speed="100"
@@ -46,7 +46,7 @@
       />
 
       <van-circle
-        v-model="currentRate4"
+        v-model:currentRate="currentRate4"
         color="#7232dd"
         :rate="rate"
         :speed="100"
diff --git a/src/circle/index.js b/src/circle/index.js
index 9e9ca50eb..0f11ef480 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -23,7 +23,7 @@ export default createComponent({
   props: {
     text: String,
     strokeLinecap: String,
-    value: {
+    currentRate: {
       type: Number,
       default: 0,
     },
@@ -61,6 +61,8 @@ export default createComponent({
     },
   },
 
+  emits: ['update:currentRate'],
+
   beforeCreate() {
     this.uid = `van-circle-gradient-${uid++}`;
   },
@@ -83,7 +85,7 @@ export default createComponent({
     },
 
     layerStyle() {
-      const offset = (PERIMETER * this.value) / 100;
+      const offset = (PERIMETER * this.currentRate) / 100;
 
       return {
         stroke: `${this.color}`,
@@ -130,7 +132,7 @@ export default createComponent({
     rate: {
       handler(rate) {
         this.startTime = Date.now();
-        this.startRate = this.value;
+        this.startRate = this.currentRate;
         this.endRate = format(rate);
         this.increase = this.endRate > this.startRate;
         this.duration = Math.abs(
@@ -141,7 +143,7 @@ export default createComponent({
           cancelRaf(this.rafId);
           this.rafId = raf(this.animate);
         } else {
-          this.$emit('input', this.endRate);
+          this.$emit('update:currentRate', this.endRate);
         }
       },
       immediate: true,
@@ -154,7 +156,7 @@ export default createComponent({
       const progress = Math.min((now - this.startTime) / this.duration, 1);
       const rate = progress * (this.endRate - this.startRate) + this.startRate;
 
-      this.$emit('input', format(parseFloat(rate.toFixed(1))));
+      this.$emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
 
       if (this.increase ? rate < this.endRate : rate > this.endRate) {
         this.rafId = raf(this.animate);
@@ -175,8 +177,9 @@ export default createComponent({
             stroke={this.gradient ? `url(#${this.uid})` : this.color}
           />
         </svg>
-        {this.slots() ||
-          (this.text && <div class={bem('text')}>{this.text}</div>)}
+        {this.$slots.default
+          ? this.$slots.default()
+          : this.text && <div class={bem('text')}>{this.text}</div>}
       </div>
     );
   },
diff --git a/src/col/index.js b/src/col/index.js
index 056d47c32..36db2b39c 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -15,6 +15,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click'],
+
   computed: {
     style() {
       const { index } = this;
@@ -44,7 +46,7 @@ export default createComponent({
         class={bem({ [span]: span, [`offset-${offset}`]: offset })}
         onClick={this.onClick}
       >
-        {this.slots()}
+        {this.$slots.default?.()}
       </this.tag>
     );
   },
diff --git a/src/count-down/index.js b/src/count-down/index.js
index c13d36779..b6eb9dd1d 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -21,6 +21,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'finish'],
+
   data() {
     return {
       remain: 0,
@@ -40,7 +42,9 @@ export default createComponent({
   watch: {
     time: {
       immediate: true,
-      handler: 'reset',
+      handler() {
+        this.reset();
+      },
     },
   },
 
@@ -153,7 +157,9 @@ export default createComponent({
   render() {
     return (
       <div class={bem()}>
-        {this.slots('default', this.timeData) || this.formattedTime}
+        {this.$slots.default
+          ? this.$slots.default(this.timeData)
+          : this.formattedTime}
       </div>
     );
   },
diff --git a/src/dialog/index.js b/src/dialog/index.js
index 474273ab8..48f4f9d5a 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,6 +1,6 @@
-import Vue from 'vue';
+// import Vue from 'vue';
 import VanDialog from './Dialog';
-import { isServer } from '../utils';
+import { inBrowser } from '../utils';
 
 let instance;
 
@@ -28,7 +28,7 @@ function initInstance() {
 
 function Dialog(options) {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return Promise.resolve();
   }
 
diff --git a/src-next/divider/index.js b/src/divider/index.js
similarity index 100%
rename from src-next/divider/index.js
rename to src/divider/index.js
diff --git a/src/divider/index.tsx b/src/divider/index.tsx
deleted file mode 100644
index ba400221e..000000000
--- a/src/divider/index.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type DividerProps = {
-  dashed?: boolean;
-  hairline: boolean;
-  borderColor?: string;
-  contentPosition: 'left' | 'center' | 'right';
-};
-
-const [createComponent, bem] = createNamespace('divider');
-
-function Divider(
-  h: CreateElement,
-  props: DividerProps,
-  slots: DefaultSlots,
-  ctx: RenderContext
-) {
-  return (
-    <div
-      role="separator"
-      style={{ borderColor: props.borderColor }}
-      class={bem({
-        dashed: props.dashed,
-        hairline: props.hairline,
-        [`content-${props.contentPosition}`]: slots.default,
-      })}
-      {...inherit(ctx, true)}
-    >
-      {slots.default && slots.default()}
-    </div>
-  );
-}
-
-Divider.props = {
-  dashed: Boolean,
-  hairline: {
-    type: Boolean,
-    default: true,
-  },
-  contentPosition: {
-    type: String,
-    default: 'center',
-  },
-};
-
-export default createComponent<DividerProps>(Divider);
diff --git a/src-next/empty/Network.js b/src/empty/Network.js
similarity index 100%
rename from src-next/empty/Network.js
rename to src/empty/Network.js
diff --git a/src/empty/Network.tsx b/src/empty/Network.tsx
deleted file mode 100644
index a6cedf812..000000000
--- a/src/empty/Network.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-export default {
-  render() {
-    const genStop = (color: string, offset: number, opacity?: number) => (
-      <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
-    );
-
-    return (
-      <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
-        <defs>
-          <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
-            {genStop('#FFF', 0, 0.5)}
-            {genStop('#F2F3F5', 100)}
-          </linearGradient>
-          <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
-            {genStop('#F2F3F5', 0, 0.3)}
-            {genStop('#F2F3F5', 100)}
-          </linearGradient>
-          <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
-            {genStop('#EBEDF0', 0)}
-            {genStop('#DCDEE0', 100, 0)}
-          </linearGradient>
-          <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient
-            id="n"
-            x1="94.535%"
-            y1="43.837%"
-            x2="5.465%"
-            y2="54.948%"
-          >
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <radialGradient
-            id="g"
-            cx="50%"
-            cy="0%"
-            fx="50%"
-            fy="0%"
-            r="100%"
-            gradientTransform="matrix(0 1 -.54835 0 .5 -.5)"
-          >
-            {genStop('#EBEDF0', 0)}
-            {genStop('#FFF', 100, 0)}
-          </radialGradient>
-        </defs>
-        <g fill="none" fill-rule="evenodd">
-          <g opacity=".8">
-            <path
-              d="M0 124V46h20v20h14v58H0z"
-              fill="url(#c)"
-              transform="matrix(-1 0 0 1 36 7)"
-            />
-            <path
-              d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
-              fill="url(#d)"
-              transform="translate(2 7)"
-            />
-            <path
-              d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
-              fill="url(#d)"
-              transform="translate(2 7)"
-            />
-            <path
-              d="M121 8h22.231v14H152v77.37h-31V8z"
-              fill="url(#c)"
-              transform="translate(2 7)"
-            />
-          </g>
-          <path fill="url(#g)" d="M0 139h160v21H0z" />
-          <path
-            d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
-            fill="url(#h)"
-            fill-rule="nonzero"
-            transform="translate(43 36)"
-          />
-          <g opacity=".6" stroke-linecap="round" stroke-width="7">
-            <path
-              d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
-              stroke="url(#i)"
-              transform="translate(43 36)"
-            />
-            <path
-              d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
-              stroke="url(#i)"
-              transform="translate(43 36)"
-            />
-            <path
-              d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
-              stroke="url(#k)"
-              transform="rotate(-180 76.483 42.257)"
-            />
-            <path
-              d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
-              stroke="url(#k)"
-              transform="rotate(-180 89.791 42.146)"
-            />
-          </g>
-          <g transform="translate(31 105)" fill-rule="nonzero">
-            <rect fill="url(#m)" width="98" height="34" rx="2" />
-            <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" />
-            <rect
-              fill="url(#n)"
-              x="15"
-              y="12"
-              width="18"
-              height="6"
-              rx="1.114"
-            />
-          </g>
-        </g>
-      </svg>
-    );
-  },
-};
diff --git a/src/empty/index.js b/src/empty/index.js
index ef3e307a0..a59d4de40 100644
--- a/src/empty/index.js
+++ b/src/empty/index.js
@@ -16,7 +16,7 @@ export default createComponent({
 
   methods: {
     genImageContent() {
-      const slots = this.slots('image');
+      const slots = this.$slots.image?.();
 
       if (slots) {
         return slots;
@@ -40,7 +40,9 @@ export default createComponent({
     },
 
     genDescription() {
-      const description = this.slots('description') || this.description;
+      const description = this.$slots.description
+        ? this.slot.description()
+        : this.description;
 
       if (description) {
         return <p class={bem('description')}>{description}</p>;
@@ -48,7 +50,7 @@ export default createComponent({
     },
 
     genBottom() {
-      const slot = this.slots();
+      const slot = this.$slots.default?.();
 
       if (slot) {
         return <div class={bem('bottom')}>{slot}</div>;
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index ca44c7da7..c003d9dbb 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -1,5 +1,5 @@
 // Utils
-import { createNamespace, addUnit, isDef } from '../utils';
+import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
 import { route, routeProps } from '../utils/router';
 
@@ -21,10 +21,11 @@ export default createComponent({
     text: String,
     icon: String,
     iconPrefix: String,
-    info: [Number, String],
     badge: [Number, String],
   },
 
+  emits: ['click'],
+
   computed: {
     style() {
       const { square, gutter, columnNum } = this.parent;
@@ -70,14 +71,11 @@ export default createComponent({
     },
 
     genIcon() {
-      const iconSlot = this.slots('icon');
-      const info = isDef(this.badge) ? this.badge : this.info;
-
-      if (iconSlot) {
+      if (this.$slots.icon) {
         return (
           <div class={bem('icon-wrapper')}>
-            {iconSlot}
-            <Info dot={this.dot} info={info} />
+            {this.$slots.icon()}
+            <Info dot={this.dot} info={this.badge} />
           </div>
         );
       }
@@ -87,7 +85,7 @@ export default createComponent({
           <Icon
             name={this.icon}
             dot={this.dot}
-            info={info}
+            info={this.badge}
             size={this.parent.iconSize}
             class={bem('icon')}
             classPrefix={this.iconPrefix}
@@ -97,10 +95,8 @@ export default createComponent({
     },
 
     getText() {
-      const textSlot = this.slots('text');
-
-      if (textSlot) {
-        return textSlot;
+      if (this.$slots.text) {
+        return this.$slots.text();
       }
 
       if (this.text) {
@@ -109,10 +105,8 @@ export default createComponent({
     },
 
     genContent() {
-      const slot = this.slots();
-
-      if (slot) {
-        return slot;
+      if (this.$slots.default) {
+        return this.$slots.default();
       }
 
       return [this.genIcon(), this.getText()];
diff --git a/src/grid/index.js b/src/grid/index.js
index aaf85788b..5c0d7f62c 100644
--- a/src/grid/index.js
+++ b/src/grid/index.js
@@ -45,7 +45,7 @@ export default createComponent({
         style={this.style}
         class={[bem(), { [BORDER_TOP]: this.border && !this.gutter }]}
       >
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/src-next/hooks/use-click-outside.ts b/src/hooks/use-click-outside.ts
similarity index 100%
rename from src-next/hooks/use-click-outside.ts
rename to src/hooks/use-click-outside.ts
diff --git a/src-next/hooks/use-global-event.ts b/src/hooks/use-global-event.ts
similarity index 100%
rename from src-next/hooks/use-global-event.ts
rename to src/hooks/use-global-event.ts
diff --git a/src-next/hooks/use-lock-scroll.ts b/src/hooks/use-lock-scroll.ts
similarity index 100%
rename from src-next/hooks/use-lock-scroll.ts
rename to src/hooks/use-lock-scroll.ts
diff --git a/src-next/hooks/use-touch.ts b/src/hooks/use-touch.ts
similarity index 100%
rename from src-next/hooks/use-touch.ts
rename to src/hooks/use-touch.ts
diff --git a/src-next/icon/index.js b/src/icon/index.js
similarity index 100%
rename from src-next/icon/index.js
rename to src/icon/index.js
diff --git a/src/icon/index.tsx b/src/icon/index.tsx
deleted file mode 100644
index ba8ccd29f..000000000
--- a/src/icon/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-// Utils
-import { createNamespace, addUnit, isDef } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Components
-import Info from '../info';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type IconProps = {
-  dot?: boolean;
-  tag: keyof HTMLElementTagNameMap | string;
-  name?: string;
-  size?: string | number;
-  info?: string | number;
-  badge?: string | number;
-  color?: string;
-  classPrefix: string;
-};
-
-export type IconEvents = {
-  onClick?(event: Event): void;
-};
-
-const [createComponent, bem] = createNamespace('icon');
-
-function isImage(name?: string): boolean {
-  return name ? name.indexOf('/') !== -1 : false;
-}
-
-// compatible with legacy usage, should be removed in next major version
-const LEGACY_MAP: Record<string, string> = {
-  medel: 'medal',
-  'medel-o': 'medal-o',
-};
-
-function correctName(name?: string) {
-  return (name && LEGACY_MAP[name]) || name;
-}
-
-function Icon(
-  h: CreateElement,
-  props: IconProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<IconProps>
-) {
-  const name = correctName(props.name);
-  const imageIcon = isImage(name);
-
-  return (
-    <props.tag
-      class={[
-        props.classPrefix,
-        imageIcon ? '' : `${props.classPrefix}-${name}`,
-      ]}
-      style={{
-        color: props.color,
-        fontSize: addUnit(props.size),
-      }}
-      {...inherit(ctx, true)}
-    >
-      {slots.default && slots.default()}
-      {imageIcon && <img class={bem('image')} src={name} />}
-      <Info
-        dot={props.dot}
-        info={isDef(props.badge) ? props.badge : props.info}
-      />
-    </props.tag>
-  );
-}
-
-Icon.props = {
-  dot: Boolean,
-  name: String,
-  size: [Number, String],
-  // @deprecated
-  // should be removed in next major version
-  info: [Number, String],
-  badge: [Number, String],
-  color: String,
-  tag: {
-    type: String,
-    default: 'i',
-  },
-  classPrefix: {
-    type: String,
-    default: bem(),
-  },
-};
-
-export default createComponent<IconProps, IconEvents>(Icon);
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index fed894b97..eae0c340b 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,6 +1,6 @@
-import Vue from 'vue';
+// import Vue from 'vue';
 import VueImagePreview from './ImagePreview';
-import { isServer } from '../utils';
+import { inBrowser } from '../utils';
 
 let instance;
 
@@ -46,7 +46,7 @@ const initInstance = () => {
 
 const ImagePreview = (images, startPosition = 0) => {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return;
   }
 
diff --git a/src/image/index.js b/src/image/index.js
index 0b16ebb83..8903c1ce6 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -31,6 +31,8 @@ export default createComponent({
     },
   },
 
+  emits: ['load', 'error', 'click'],
+
   data() {
     return {
       loading: true,
@@ -116,7 +118,9 @@ export default createComponent({
       if (this.loading && this.showLoading) {
         return (
           <div class={bem('loading')}>
-            {this.slots('loading') || (
+            {this.$slots.loading ? (
+              this.$slots.loading()
+            ) : (
               <Icon name={this.loadingIcon} class={bem('loading-icon')} />
             )}
           </div>
@@ -126,7 +130,9 @@ export default createComponent({
       if (this.error && this.showError) {
         return (
           <div class={bem('error')}>
-            {this.slots('error') || (
+            {this.$slots.error ? (
+              this.$slots.error()
+            ) : (
               <Icon name={this.errorIcon} class={bem('error-icon')} />
             )}
           </div>
@@ -153,14 +159,16 @@ export default createComponent({
         return <img ref="image" vLazy={this.src} {...imgData} />;
       }
 
-      return (
-        <img
-          src={this.src}
-          onLoad={this.onLoad}
-          onError={this.onError}
-          {...imgData}
-        />
-      );
+      if (this.src) {
+        return (
+          <img
+            src={this.src}
+            onLoad={this.onLoad}
+            onError={this.onError}
+            {...imgData}
+          />
+        );
+      }
     },
   },
 
@@ -173,7 +181,7 @@ export default createComponent({
       >
         {this.genImage()}
         {this.genPlaceholder()}
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/src-next/info/index.js b/src/info/index.js
similarity index 100%
rename from src-next/info/index.js
rename to src/info/index.js
diff --git a/src/info/index.tsx b/src/info/index.tsx
deleted file mode 100644
index 192c0b26d..000000000
--- a/src/info/index.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-// Utils
-import { createNamespace, isDef } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type InfoProps = {
-  dot?: boolean;
-  info?: string | number;
-  badge?: string | number;
-};
-
-const [createComponent, bem] = createNamespace('info');
-
-function Info(
-  h: CreateElement,
-  props: InfoProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<InfoProps>
-) {
-  const { dot, info } = props;
-  const showInfo = isDef(info) && info !== '';
-
-  if (!dot && !showInfo) {
-    return;
-  }
-
-  return (
-    <div class={bem({ dot })} {...inherit(ctx, true)}>
-      {dot ? '' : props.info}
-    </div>
-  );
-}
-
-Info.props = {
-  dot: Boolean,
-  info: [Number, String],
-};
-
-export default createComponent<InfoProps>(Info);
diff --git a/src-next/loading/index.js b/src/loading/index.js
similarity index 100%
rename from src-next/loading/index.js
rename to src/loading/index.js
diff --git a/src/loading/index.tsx b/src/loading/index.tsx
deleted file mode 100644
index a13371607..000000000
--- a/src/loading/index.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type LoadingType = 'circular' | 'spinner';
-
-export type LoadingProps = {
-  type: LoadingType;
-  size?: string | number;
-  color: string;
-  vertical?: boolean;
-  textSize?: string | number;
-};
-
-const [createComponent, bem] = createNamespace('loading');
-
-function LoadingIcon(h: CreateElement, props: LoadingProps) {
-  if (props.type === 'spinner') {
-    const Spin = [];
-    for (let i = 0; i < 12; i++) {
-      Spin.push(<i />);
-    }
-    return Spin;
-  }
-
-  return (
-    <svg class={bem('circular')} viewBox="25 25 50 50">
-      <circle cx="50" cy="50" r="20" fill="none" />
-    </svg>
-  );
-}
-
-function LoadingText(
-  h: CreateElement,
-  props: LoadingProps,
-  slots: DefaultSlots
-) {
-  if (slots.default) {
-    const style = props.textSize && {
-      fontSize: addUnit(props.textSize),
-    };
-
-    return (
-      <span class={bem('text')} style={style}>
-        {slots.default()}
-      </span>
-    );
-  }
-}
-
-function Loading(
-  h: CreateElement,
-  props: LoadingProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<LoadingProps>
-) {
-  const { color, size, type } = props;
-
-  const style: { [key: string]: string } = { color };
-  if (size) {
-    const iconSize = addUnit(size) as string;
-    style.width = iconSize;
-    style.height = iconSize;
-  }
-
-  return (
-    <div
-      class={bem([type, { vertical: props.vertical }])}
-      {...inherit(ctx, true)}
-    >
-      <span class={bem('spinner', type)} style={style}>
-        {LoadingIcon(h, props)}
-      </span>
-      {LoadingText(h, props, slots)}
-    </div>
-  );
-}
-
-Loading.props = {
-  color: String,
-  size: [Number, String],
-  vertical: Boolean,
-  textSize: [Number, String],
-  type: {
-    type: String,
-    default: 'circular',
-  },
-};
-
-export default createComponent<LoadingProps>(Loading);
diff --git a/src/locale/index.ts b/src/locale/index.ts
index 3c8bdc257..fa9391281 100644
--- a/src/locale/index.ts
+++ b/src/locale/index.ts
@@ -1,34 +1,25 @@
-import Vue from 'vue';
+import { ref } from 'vue';
 import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 
-declare module 'vue' {
-  interface VueConstructor {
-    util: {
-      defineReactive(obj: object, key: string, value: any): void;
-    };
-  }
-}
+type Messages = Record<string, Record<string, any>>;
 
-const proto = Vue.prototype;
-const { defineReactive } = Vue.util;
-
-defineReactive(proto, '$vantLang', 'zh-CN');
-defineReactive(proto, '$vantMessages', {
+const lang = ref('zh-CN');
+const messages = ref<Messages>({
   'zh-CN': defaultMessages,
 });
 
 export default {
   messages() {
-    return proto.$vantMessages[proto.$vantLang];
+    return messages.value[lang.value];
   },
 
-  use(lang: string, messages?: object) {
-    proto.$vantLang = lang;
-    this.add({ [lang]: messages });
+  use(newLang: string, newMessages?: object) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
   },
 
-  add(messages = {}) {
-    deepAssign(proto.$vantMessages, messages);
+  add(newMessages = {}) {
+    deepAssign(messages.value, newMessages);
   },
 };
diff --git a/src/mixins/bind-event.js b/src/mixins/bind-event.js
deleted file mode 100644
index a184f5afa..000000000
--- a/src/mixins/bind-event.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Bind event when mounted or activated
- */
-import { on, off } from '../utils/dom/event';
-
-let uid = 0;
-
-export function BindEventMixin(handler) {
-  const key = `binded_${uid++}`;
-
-  function bind() {
-    if (!this[key]) {
-      handler.call(this, on, true);
-      this[key] = true;
-    }
-  }
-
-  function unbind() {
-    if (this[key]) {
-      handler.call(this, off, false);
-      this[key] = false;
-    }
-  }
-
-  return {
-    mounted: bind,
-    activated: bind,
-    deactivated: unbind,
-    beforeDestroy: unbind,
-  };
-}
diff --git a/src-next/mixins/bind-event.ts b/src/mixins/bind-event.ts
similarity index 100%
rename from src-next/mixins/bind-event.ts
rename to src/mixins/bind-event.ts
diff --git a/src/mixins/popup/context.ts b/src/mixins/popup/context.ts
index 6ab98f914..25b501a28 100644
--- a/src/mixins/popup/context.ts
+++ b/src/mixins/popup/context.ts
@@ -1,9 +1,6 @@
-import { OverlayConfig } from './overlay';
-
 export type StackItem = {
   vm: any;
   overlay: any;
-  config: OverlayConfig;
 };
 
 export const context = {
diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
index c2c97d40b..0b0c7a43d 100644
--- a/src/mixins/popup/index.js
+++ b/src/mixins/popup/index.js
@@ -1,11 +1,5 @@
 // Context
 import { context } from './context';
-import {
-  openOverlay,
-  closeOverlay,
-  updateOverlay,
-  removeOverlay,
-} from './overlay';
 
 // Utils
 import { on, off, preventDefault } from '../../utils/dom/event';
@@ -14,18 +8,19 @@ import { getScroller } from '../../utils/dom/scroll';
 
 // Mixins
 import { TouchMixin } from '../touch';
-import { PortalMixin } from '../portal';
 import { CloseOnPopstateMixin } from '../close-on-popstate';
 
 export const popupMixinProps = {
   // whether to show popup
-  value: Boolean,
+  show: Boolean,
   // whether to show overlay
   overlay: Boolean,
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
   overlayClass: String,
+  // teleport
+  getContainer: [String, Function],
   // whether to close popup when click overlay
   closeOnClickOverlay: Boolean,
   // z-index
@@ -44,23 +39,13 @@ export const popupMixinProps = {
 
 export function PopupMixin(options = {}) {
   return {
-    mixins: [
-      TouchMixin,
-      CloseOnPopstateMixin,
-      PortalMixin({
-        afterPortal() {
-          if (this.overlay) {
-            updateOverlay();
-          }
-        },
-      }),
-    ],
+    mixins: [TouchMixin, CloseOnPopstateMixin],
 
     props: popupMixinProps,
 
     data() {
       return {
-        inited: this.value,
+        inited: this.show,
       };
     },
 
@@ -71,9 +56,9 @@ export function PopupMixin(options = {}) {
     },
 
     watch: {
-      value(val) {
+      show(val) {
         const type = val ? 'open' : 'close';
-        this.inited = this.inited || this.value;
+        this.inited = this.inited || this.show;
         this[type]();
 
         if (!options.skipToggleEvent) {
@@ -85,7 +70,7 @@ export function PopupMixin(options = {}) {
     },
 
     mounted() {
-      if (this.value) {
+      if (this.show) {
         this.open();
       }
     },
@@ -93,23 +78,22 @@ export function PopupMixin(options = {}) {
     /* istanbul ignore next */
     activated() {
       if (this.shouldReopen) {
-        this.$emit('input', true);
+        this.$emit('update:show', true);
         this.shouldReopen = false;
       }
     },
 
     beforeDestroy() {
       this.removeLock();
-      removeOverlay(this);
 
       if (this.getContainer) {
-        removeNode(this.$el);
+        removeNode(this.$refs.root);
       }
     },
 
     /* istanbul ignore next */
     deactivated() {
-      if (this.value) {
+      if (this.show) {
         this.close();
         this.shouldReopen = true;
       }
@@ -161,16 +145,15 @@ export function PopupMixin(options = {}) {
           return;
         }
 
-        closeOverlay(this);
         this.opened = false;
         this.removeLock();
-        this.$emit('input', false);
+        this.$emit('update:show', false);
       },
 
       onTouchMove(event) {
         this.touchMove(event);
         const direction = this.deltaY > 0 ? '10' : '01';
-        const el = getScroller(event.target, this.$el);
+        const el = getScroller(event.target, this.$refs.root);
         const { scrollHeight, offsetHeight, scrollTop } = el;
         let status = '11';
 
@@ -191,29 +174,32 @@ export function PopupMixin(options = {}) {
         }
       },
 
+      onClickOverlay() {
+        this.$emit('click-overlay');
+
+        if (this.closeOnClickOverlay) {
+          // TODO
+          // if (this.onClickOverlay) {
+          //   this.onClickOverlay();
+          // } else {
+          //   this.close();
+          // }
+          this.close();
+        }
+      },
+
       renderOverlay() {
-        if (this.$isServer || !this.value) {
+        if (this.$isServer || !this.show) {
           return;
         }
 
         this.$nextTick(() => {
           this.updateZIndex(this.overlay ? 1 : 0);
-
-          if (this.overlay) {
-            openOverlay(this, {
-              zIndex: context.zIndex++,
-              duration: this.duration,
-              className: this.overlayClass,
-              customStyle: this.overlayStyle,
-            });
-          } else {
-            closeOverlay(this);
-          }
         });
       },
 
       updateZIndex(value = 0) {
-        this.$el.style.zIndex = ++context.zIndex + value;
+        this.$refs.root.style.zIndex = ++context.zIndex + value;
       },
     },
   };
diff --git a/src/mixins/popup/overlay.ts b/src/mixins/popup/overlay.ts
deleted file mode 100644
index 1d5d86f6a..000000000
--- a/src/mixins/popup/overlay.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import Overlay from '../../overlay';
-import { context } from './context';
-import { mount } from '../../utils/functional';
-import { removeNode } from '../../utils/dom/node';
-
-export type OverlayConfig = {
-  zIndex?: number;
-  className?: string;
-  customStyle?: string | object[] | object;
-};
-
-const defaultConfig: OverlayConfig = {
-  className: '',
-  customStyle: {},
-};
-
-function mountOverlay(vm: any) {
-  return mount(Overlay, {
-    on: {
-      // close popup when overlay clicked & closeOnClickOverlay is true
-      click() {
-        vm.$emit('click-overlay');
-
-        if (vm.closeOnClickOverlay) {
-          if (vm.onClickOverlay) {
-            vm.onClickOverlay();
-          } else {
-            vm.close();
-          }
-        }
-      },
-    },
-  });
-}
-
-export function updateOverlay(vm: any): void {
-  const item = context.find(vm);
-
-  if (item) {
-    const el = vm.$el;
-    const { config, overlay } = item;
-
-    if (el && el.parentNode) {
-      el.parentNode.insertBefore(overlay.$el, el);
-    }
-
-    Object.assign(overlay, defaultConfig, config, {
-      show: true,
-    });
-  }
-}
-
-export function openOverlay(vm: any, config: OverlayConfig): void {
-  const item = context.find(vm);
-  if (item) {
-    item.config = config;
-  } else {
-    const overlay = mountOverlay(vm);
-    context.stack.push({ vm, config, overlay });
-  }
-
-  updateOverlay(vm);
-}
-
-export function closeOverlay(vm: any): void {
-  const item = context.find(vm);
-  if (item) {
-    item.overlay.show = false;
-  }
-}
-
-export function removeOverlay(vm: any) {
-  const item = context.find(vm);
-  if (item) {
-    removeNode(item.overlay.$el);
-  }
-}
diff --git a/src/mixins/portal.js b/src/mixins/portal.js
deleted file mode 100644
index 3ed88ef2d..000000000
--- a/src/mixins/portal.js
+++ /dev/null
@@ -1,47 +0,0 @@
-function getElement(selector) {
-  if (typeof selector === 'string') {
-    return document.querySelector(selector);
-  }
-
-  return selector();
-}
-
-export function PortalMixin({ ref, afterPortal }) {
-  return {
-    props: {
-      getContainer: [String, Function],
-    },
-
-    watch: {
-      getContainer: 'portal',
-    },
-
-    mounted() {
-      if (this.getContainer) {
-        this.portal();
-      }
-    },
-
-    methods: {
-      portal() {
-        const { getContainer } = this;
-        const el = ref ? this.$refs[ref] : this.$el;
-
-        let container;
-        if (getContainer) {
-          container = getElement(getContainer);
-        } else if (this.$parent) {
-          container = this.$parent.$el;
-        }
-
-        if (container && container !== el.parentNode) {
-          container.appendChild(el);
-        }
-
-        if (afterPortal) {
-          afterPortal.call(this);
-        }
-      },
-    },
-  };
-}
diff --git a/src/mixins/relation.js b/src/mixins/relation.js
index f6d503616..0e65df6b3 100644
--- a/src/mixins/relation.js
+++ b/src/mixins/relation.js
@@ -1,24 +1,16 @@
-import { sortChildren } from '../utils/vnodes';
-
 export function ChildrenMixin(parent, options = {}) {
   const indexKey = options.indexKey || 'index';
 
   return {
     inject: {
-      [parent]: {
+      // TODO: disableBindRelation
+      parent: {
+        from: parent,
         default: null,
       },
     },
 
     computed: {
-      parent() {
-        if (this.disableBindRelation) {
-          return null;
-        }
-
-        return this[parent];
-      },
-
       [indexKey]() {
         this.bindRelation();
 
@@ -30,14 +22,6 @@ export function ChildrenMixin(parent, options = {}) {
       },
     },
 
-    watch: {
-      disableBindRelation(val) {
-        if (!val) {
-          this.bindRelation();
-        }
-      },
-    },
-
     mounted() {
       this.bindRelation();
     },
@@ -58,8 +42,6 @@ export function ChildrenMixin(parent, options = {}) {
 
         const children = [...this.parent.children, this];
 
-        sortChildren(children, this.parent);
-
         this.parent.children = children;
       },
     },
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index ab3ec7045..76b73d12f 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -22,6 +22,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click-left', 'click-right'],
+
   data() {
     return {
       height: null,
@@ -36,7 +38,7 @@ export default createComponent({
 
   methods: {
     genLeft() {
-      const leftSlot = this.slots('left');
+      const leftSlot = this.$slots.left?.();
 
       if (leftSlot) {
         return leftSlot;
@@ -49,7 +51,7 @@ export default createComponent({
     },
 
     genRight() {
-      const rightSlot = this.slots('right');
+      const rightSlot = this.$slots.right?.();
 
       if (rightSlot) {
         return rightSlot;
@@ -71,7 +73,7 @@ export default createComponent({
             {this.genLeft()}
           </div>
           <div class={[bem('title'), 'van-ellipsis']}>
-            {this.slots('title') || this.title}
+            {this.$slots.title ? this.$slots.title() : this.title}
           </div>
           <div class={bem('right')} onClick={this.onClickRight}>
             {this.genRight()}
diff --git a/src-next/overlay/index.js b/src/overlay/index.js
similarity index 100%
rename from src-next/overlay/index.js
rename to src/overlay/index.js
diff --git a/src/overlay/index.tsx b/src/overlay/index.tsx
deleted file mode 100644
index 070d47942..000000000
--- a/src/overlay/index.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-// Utils
-import { createNamespace, isDef, noop } from '../utils';
-import { inherit } from '../utils/functional';
-import { preventDefault } from '../utils/dom/event';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type OverlayProps = {
-  show?: boolean;
-  zIndex?: number | string;
-  duration: number | string | null;
-  className?: any;
-  lockScroll?: boolean;
-  customStyle?: object;
-};
-
-export type OverlayEvents = {
-  click(event: Event): void;
-};
-
-const [createComponent, bem] = createNamespace('overlay');
-
-function preventTouchMove(event: TouchEvent) {
-  preventDefault(event, true);
-}
-
-function Overlay(
-  h: CreateElement,
-  props: OverlayProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<OverlayProps>
-) {
-  const style: { [key: string]: any } = {
-    zIndex: props.zIndex,
-    ...props.customStyle,
-  };
-
-  if (isDef(props.duration)) {
-    style.animationDuration = `${props.duration}s`;
-  }
-
-  return (
-    <transition name="van-fade">
-      <div
-        vShow={props.show}
-        style={style}
-        class={[bem(), props.className]}
-        onTouchmove={props.lockScroll ? preventTouchMove : noop}
-        {...inherit(ctx, true)}
-      >
-        {slots.default?.()}
-      </div>
-    </transition>
-  );
-}
-
-Overlay.props = {
-  show: Boolean,
-  zIndex: [Number, String],
-  duration: [Number, String],
-  className: null as any,
-  customStyle: Object,
-  lockScroll: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default createComponent<OverlayProps, OverlayEvents>(Overlay);
diff --git a/src/pagination/demo/index.vue b/src/pagination/demo/index.vue
index ddeecf243..d579d6819 100644
--- a/src/pagination/demo/index.vue
+++ b/src/pagination/demo/index.vue
@@ -23,8 +23,8 @@
 
     <demo-block :title="t('title3')">
       <van-pagination
-        force-ellipses
         v-model="currentPage3"
+        force-ellipses
         :total-items="125"
         :show-page-size="3"
         :prev-text="t('prevText')"
diff --git a/src/pagination/index.js b/src/pagination/index.js
index a0e07c29c..8eddb1dcf 100644
--- a/src/pagination/index.js
+++ b/src/pagination/index.js
@@ -16,7 +16,7 @@ export default createComponent({
       type: String,
       default: 'multi',
     },
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
@@ -38,6 +38,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   computed: {
     count() {
       const count =
@@ -62,7 +64,7 @@ export default createComponent({
       // recompute if showPageSize
       if (isMaxSized) {
         // Current page is displayed in the middle of the visible ones
-        startPage = Math.max(this.value - Math.floor(showPageSize / 2), 1);
+        startPage = Math.max(this.modelValue - Math.floor(showPageSize / 2), 1);
         endPage = startPage + showPageSize - 1;
 
         // Adjust if limit is exceeded
@@ -74,7 +76,7 @@ export default createComponent({
 
       // Add page number links
       for (let number = startPage; number <= endPage; number++) {
-        const page = makePage(number, number, number === this.value);
+        const page = makePage(number, number, number === this.modelValue);
         pages.push(page);
       }
 
@@ -96,9 +98,9 @@ export default createComponent({
   },
 
   watch: {
-    value: {
+    modelValue: {
       handler(page) {
-        this.select(page || this.value);
+        this.select(page);
       },
       immediate: true,
     },
@@ -107,8 +109,8 @@ export default createComponent({
   methods: {
     select(page, emitChange) {
       page = Math.min(this.count, Math.max(1, page));
-      if (this.value !== page) {
-        this.$emit('input', page);
+      if (this.modelValue !== page) {
+        this.$emit('update:modelValue', page);
 
         if (emitChange) {
           this.$emit('change', page);
@@ -118,7 +120,7 @@ export default createComponent({
   },
 
   render() {
-    const { value } = this;
+    const value = this.modelValue;
     const simple = this.mode !== 'multi';
 
     const onSelect = (value) => () => {
@@ -143,7 +145,9 @@ export default createComponent({
         ))}
         {simple && (
           <li class={bem('page-desc')}>
-            {this.slots('pageDesc') || `${value}/${this.count}`}
+            {this.$slots.pageDesc
+              ? this.$slots.pageDesc()
+              : `${value}/${this.count}`}
           </li>
         )}
         <li
diff --git a/src/popup/README.md b/src/popup/README.md
index f0e23ba4c..0b6e81530 100644
--- a/src/popup/README.md
+++ b/src/popup/README.md
@@ -15,7 +15,7 @@ Vue.use(Popup);
 
 ```html
 <van-cell is-link @click="showPopup">Show Popup</van-cell>
-<van-popup v-model="show">Content</van-popup>
+<van-popup v-model:show="show">Content</van-popup>
 ```
 
 ```js
@@ -39,21 +39,21 @@ export default {
 Use `position` prop to set popup display position
 
 ```html
-<van-popup v-model="show" position="top" :style="{ height: '30%' }" />
+<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
 ```
 
 ### Close Icon
 
 ```html
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   position="bottom"
   :style="{ height: '30%' }"
 />
 <!-- Custom Icon -->
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   close-icon="close"
   position="bottom"
@@ -61,7 +61,7 @@ Use `position` prop to set popup display position
 />
 <!-- Icon Position -->
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   close-icon-position="top-left"
   position="bottom"
@@ -72,7 +72,7 @@ Use `position` prop to set popup display position
 ### Round Corner
 
 ```html
-<van-popup v-model="show" round position="bottom" :style="{ height: '30%' }" />
+<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
 ```
 
 ### Get Container
@@ -81,13 +81,13 @@ Use `get-container` prop to specify mount location
 
 ```html
 <!-- mount to body -->
-<van-popup v-model="show" get-container="body" />
+<van-popup v-model:show="show" get-container="body" />
 
 <!-- mount to #app -->
-<van-popup v-model="show" get-container="#app" />
+<van-popup v-model:show="show" get-container="#app" />
 
 <!-- Specify the mount location by function -->
-<van-popup v-model="show" :get-container="getContainer" />
+<van-popup v-model:show="show" :get-container="getContainer" />
 ```
 
 ```js
@@ -108,7 +108,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model (value) | Whether to show popup | _boolean_ | `false` |
+| v-model:show | Whether to show popup | _boolean_ | `false` |
 | overlay | Whether to show overlay | _boolean_ | `true` |
 | position | Can be set to `top` `bottom` `right` `left` | _string_ | `center` |
 | overlay-class | Custom overlay class | _string_ | - |
diff --git a/src/popup/README.zh-CN.md b/src/popup/README.zh-CN.md
index 1ec9776c1..017d8628f 100644
--- a/src/popup/README.zh-CN.md
+++ b/src/popup/README.zh-CN.md
@@ -17,11 +17,11 @@ Vue.use(Popup);
 
 ### 基础用法
 
-通过`v-model`控制弹出层是否展示
+通过 `v-model:show` 控制弹出层是否展示
 
 ```html
 <van-cell is-link @click="showPopup">展示弹出层</van-cell>
-<van-popup v-model="show">内容</van-popup>
+<van-popup v-model:show="show">内容</van-popup>
 ```
 
 ```js
@@ -45,7 +45,7 @@ export default {
 通过`position`属性设置弹出位置，默认居中弹出，可以设置为`top`、`bottom`、`left`、`right`
 
 ```html
-<van-popup v-model="show" position="top" :style="{ height: '30%' }" />
+<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
 ```
 
 ### 关闭图标
@@ -54,14 +54,14 @@ export default {
 
 ```html
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   position="bottom"
   :style="{ height: '30%' }"
 />
 <!-- 自定义图标 -->
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   close-icon="close"
   position="bottom"
@@ -69,7 +69,7 @@ export default {
 />
 <!-- 图标位置 -->
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   close-icon-position="top-left"
   position="bottom"
@@ -82,7 +82,7 @@ export default {
 设置`round`属性后，弹窗会根据弹出位置添加不同的圆角样式
 
 ```html
-<van-popup v-model="show" round position="bottom" :style="{ height: '30%' }" />
+<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
 ```
 
 ### 指定挂载位置
@@ -91,13 +91,13 @@ export default {
 
 ```html
 <!-- 挂载到 body 节点下 -->
-<van-popup v-model="show" get-container="body" />
+<van-popup v-model:show="show" get-container="body" />
 
 <!-- 挂载到 #app 节点下 -->
-<van-popup v-model="show" get-container="#app" />
+<van-popup v-model:show="show" get-container="#app" />
 
 <!-- 通过函数指定挂载位置 -->
-<van-popup v-model="show" :get-container="getContainer" />
+<van-popup v-model:show="show" :get-container="getContainer" />
 ```
 
 ```js
@@ -119,7 +119,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model (value) | 是否显示弹出层 | _boolean_ | `false` |
+| v-model:show | 是否显示弹出层 | _boolean_ | `false` |
 | overlay | 是否显示遮罩层 | _boolean_ | `true` |
 | position | 弹出位置，可选值为 `top` `bottom` `right` `left` | _string_ | `center` |
 | overlay-class | 自定义遮罩层类名 | _string_ | - |
diff --git a/src/popup/demo/index.vue b/src/popup/demo/index.vue
index 3364f2301..c3260d820 100644
--- a/src/popup/demo/index.vue
+++ b/src/popup/demo/index.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block card :title="t('basicUsage')">
       <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
-      <van-popup v-model="showBasic" :style="{ padding: '30px 50px' }">
+      <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
         {{ t('content') }}
       </van-popup>
     </demo-block>
@@ -13,19 +13,23 @@
       <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
       <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
 
-      <van-popup v-model="showTop" position="top" :style="{ height: '30%' }" />
       <van-popup
-        v-model="showBottom"
+        v-model:show="showTop"
+        position="top"
+        :style="{ height: '30%' }"
+      />
+      <van-popup
+        v-model:show="showBottom"
         position="bottom"
         :style="{ height: '30%' }"
       />
       <van-popup
-        v-model="showLeft"
+        v-model:show="showLeft"
         position="left"
         :style="{ width: '30%', height: '100%' }"
       />
       <van-popup
-        v-model="showRight"
+        v-model:show="showRight"
         position="right"
         :style="{ width: '30%', height: '100%' }"
       />
@@ -45,20 +49,20 @@
       />
 
       <van-popup
-        v-model="showCloseIcon"
+        v-model:show="showCloseIcon"
         closeable
         position="bottom"
         :style="{ height: '30%' }"
       />
       <van-popup
-        v-model="showCustomCloseIcon"
+        v-model:show="showCustomCloseIcon"
         closeable
         close-icon="close"
         position="bottom"
         :style="{ height: '30%' }"
       />
       <van-popup
-        v-model="showCustomIconPosition"
+        v-model:show="showCustomIconPosition"
         closeable
         close-icon-position="top-left"
         position="bottom"
@@ -73,7 +77,7 @@
         @click="showRoundCorner = true"
       />
       <van-popup
-        v-model="showRoundCorner"
+        v-model:show="showRoundCorner"
         round
         position="bottom"
         :style="{ height: '30%' }"
@@ -87,7 +91,7 @@
         @click="showGetContainer = true"
       />
       <van-popup
-        v-model="showGetContainer"
+        v-model:show="showGetContainer"
         get-container="body"
         :style="{ padding: '30px 50px' }"
       />
diff --git a/src/popup/index.js b/src/popup/index.js
index 000db4b1f..c77cea282 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,12 +1,16 @@
-import { createNamespace, isDef } from '../utils';
+import { Teleport, Transition } from 'vue';
+import { createNamespace, isDef, isFunction } from '../utils';
 import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
+import Overlay from '../overlay';
 
 const [createComponent, bem] = createNamespace('popup');
 
 export default createComponent({
   mixins: [PopupMixin()],
 
+  inheritAttrs: false,
+
   props: {
     round: Boolean,
     duration: [Number, String],
@@ -35,6 +39,16 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'open',
+    'close',
+    'click',
+    'opened',
+    'closed',
+    'update:show',
+    'click-overlay',
+  ],
+
   beforeCreate() {
     const createEmitter = (eventName) => (event) =>
       this.$emit(eventName, event);
@@ -44,52 +58,80 @@ export default createComponent({
     this.onClosed = createEmitter('closed');
   },
 
+  methods: {
+    genOverlay() {
+      if (this.overlay) {
+        return <Overlay show={this.show} onClick={this.onClickOverlay} />;
+      }
+    },
+
+    genPopup() {
+      const { round, position, duration } = this;
+      const isCenter = position === 'center';
+
+      const transitionName =
+        this.transition ||
+        (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
+
+      const style = {};
+      if (isDef(duration)) {
+        const key = isCenter ? 'animationDuration' : 'transitionDuration';
+        style[key] = `${duration}s`;
+      }
+
+      return (
+        <Transition
+          name={transitionName}
+          onAfterEnter={this.onOpened}
+          onAfterLeave={this.onClosed}
+        >
+          {this.shouldRender ? (
+            <div
+              vShow={this.show}
+              ref="root"
+              style={style}
+              class={bem({
+                round,
+                [position]: position,
+                'safe-area-inset-bottom': this.safeAreaInsetBottom,
+              })}
+              onClick={this.onClick}
+              {...this.$attrs}
+            >
+              {this.$slots.default?.()}
+              {this.closeable && (
+                <Icon
+                  role="button"
+                  tabindex="0"
+                  name={this.closeIcon}
+                  class={bem('close-icon', this.closeIconPosition)}
+                  onClick={this.close}
+                />
+              )}
+            </div>
+          ) : null}
+        </Transition>
+      );
+    },
+  },
+
   render() {
-    if (!this.shouldRender) {
-      return;
-    }
-
-    const { round, position, duration } = this;
-    const isCenter = position === 'center';
-
-    const transitionName =
-      this.transition ||
-      (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
-
-    const style = {};
-    if (isDef(duration)) {
-      const key = isCenter ? 'animationDuration' : 'transitionDuration';
-      style[key] = `${duration}s`;
+    const { getContainer } = this;
+    if (getContainer) {
+      const to = isFunction(getContainer) ? getContainer() : getContainer;
+      return (
+        <Teleport to={to}>
+          {this.genOverlay()}
+          {this.genPopup()}
+        </Teleport>
+      );
     }
 
     return (
-      <transition
-        name={transitionName}
-        onAfterEnter={this.onOpened}
-        onAfterLeave={this.onClosed}
-      >
-        <div
-          vShow={this.value}
-          style={style}
-          class={bem({
-            round,
-            [position]: position,
-            'safe-area-inset-bottom': this.safeAreaInsetBottom,
-          })}
-          onClick={this.onClick}
-        >
-          {this.slots()}
-          {this.closeable && (
-            <Icon
-              role="button"
-              tabindex="0"
-              name={this.closeIcon}
-              class={bem('close-icon', this.closeIconPosition)}
-              onClick={this.close}
-            />
-          )}
-        </div>
-      </transition>
+      <>
+        {this.genOverlay()}
+        {this.genPopup()}
+      </>
     );
   },
 });
diff --git a/src/popup/index.less b/src/popup/index.less
index 9a9234ab7..88eec745b 100644
--- a/src/popup/index.less
+++ b/src/popup/index.less
@@ -82,22 +82,22 @@
       transition-timing-function: ease-in;
     }
 
-    &-slide-top-enter,
+    &-slide-top-enter-from,
     &-slide-top-leave-active {
       transform: translate3d(0, -100%, 0);
     }
 
-    &-slide-right-enter,
+    &-slide-right-enter-from,
     &-slide-right-leave-active {
       transform: translate3d(100%, -50%, 0);
     }
 
-    &-slide-bottom-enter,
+    &-slide-bottom-enter-from,
     &-slide-bottom-leave-active {
       transform: translate3d(0, 100%, 0);
     }
 
-    &-slide-left-enter,
+    &-slide-left-enter-from,
     &-slide-left-leave-active {
       transform: translate3d(-100%, -50%, 0);
     }
diff --git a/src/rate/index.js b/src/rate/index.js
index cdef5b880..8c366f581 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -36,7 +36,7 @@ export default createComponent({
     voidColor: String,
     iconPrefix: String,
     disabledColor: String,
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
@@ -58,11 +58,15 @@ export default createComponent({
     },
   },
 
+  created() {
+    this.itemRefs = [];
+  },
+
   computed: {
     list() {
       const list = [];
       for (let i = 1; i <= this.count; i++) {
-        list.push(getRateStatus(this.value, i, this.allowHalf));
+        list.push(getRateStatus(this.modelValue, i, this.allowHalf));
       }
 
       return list;
@@ -83,8 +87,8 @@ export default createComponent({
 
   methods: {
     select(index) {
-      if (!this.disabled && !this.readonly && index !== this.value) {
-        this.$emit('input', index);
+      if (!this.disabled && !this.readonly && index !== this.modelValue) {
+        this.$emit('update:modelValue', index);
         this.$emit('change', index);
       }
     },
@@ -96,9 +100,7 @@ export default createComponent({
 
       this.touchStart(event);
 
-      const rects = this.$refs.items.map((item) =>
-        item.getBoundingClientRect()
-      );
+      const rects = this.itemRefs.map((item) => item.getBoundingClientRect());
       const ranges = [];
 
       rects.forEach((rect, index) => {
@@ -161,9 +163,10 @@ export default createComponent({
 
       return (
         <div
-          ref="items"
-          refInFor
           key={index}
+          ref={(val) => {
+            this.itemRefs[index] = val;
+          }}
           role="radio"
           style={style}
           tabindex="0"
diff --git a/src/row/index.js b/src/row/index.js
index b875976e4..b111023df 100644
--- a/src/row/index.js
+++ b/src/row/index.js
@@ -20,6 +20,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click'],
+
   computed: {
     spaces() {
       const gutter = Number(this.gutter);
@@ -80,7 +82,7 @@ export default createComponent({
         })}
         onClick={this.onClick}
       >
-        {this.slots()}
+        {this.$slots.default?.()}
       </this.tag>
     );
   },
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 41a64767b..9b594b5a1 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,4 +1,4 @@
-import { createNamespace, isDef } from '../utils';
+import { createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
 import { route, routeProps } from '../utils/router';
 import Info from '../info';
@@ -8,10 +8,11 @@ const [createComponent, bem] = createNamespace('sidebar-item');
 export default createComponent({
   mixins: [ChildrenMixin('vanSidebar')],
 
+  emits: ['click'],
+
   props: {
     ...routeProps,
     dot: Boolean,
-    info: [Number, String],
     badge: [Number, String],
     title: String,
     disabled: Boolean,
@@ -19,7 +20,7 @@ export default createComponent({
 
   computed: {
     select() {
-      return this.index === +this.parent.activeKey;
+      return this.index === +this.parent.modelValue;
     },
   },
 
@@ -30,7 +31,7 @@ export default createComponent({
       }
 
       this.$emit('click', this.index);
-      this.parent.$emit('input', this.index);
+      this.parent.$emit('update:modelValue', this.index);
       this.parent.setIndex(this.index);
       route(this.$router, this);
     },
@@ -44,11 +45,7 @@ export default createComponent({
       >
         <div class={bem('text')}>
           {this.title}
-          <Info
-            dot={this.dot}
-            info={isDef(this.badge) ? this.badge : this.info}
-            class={bem('info')}
-          />
+          <Info dot={this.dot} info={this.badge} class={bem('info')} />
         </div>
       </a>
     );
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index 2485dac6e..8043cc33f 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -6,12 +6,10 @@ const [createComponent, bem] = createNamespace('sidebar');
 export default createComponent({
   mixins: [ParentMixin('vanSidebar')],
 
-  model: {
-    prop: 'activeKey',
-  },
+  emits: ['change', 'update:modelValue'],
 
   props: {
-    activeKey: {
+    modelValue: {
       type: [Number, String],
       default: 0,
     },
@@ -19,13 +17,13 @@ export default createComponent({
 
   data() {
     return {
-      index: +this.activeKey,
+      index: +this.modelValue,
     };
   },
 
   watch: {
-    activeKey() {
-      this.setIndex(+this.activeKey);
+    modelValue() {
+      this.setIndex(+this.modelValue);
     },
   },
 
@@ -39,6 +37,6 @@ export default createComponent({
   },
 
   render() {
-    return <div class={bem()}>{this.slots()}</div>;
+    return <div class={bem()}>{this.$slots.default?.()}</div>;
   },
 });
diff --git a/src-next/skeleton/index.js b/src/skeleton/index.js
similarity index 100%
rename from src-next/skeleton/index.js
rename to src/skeleton/index.js
diff --git a/src/skeleton/index.tsx b/src/skeleton/index.tsx
deleted file mode 100644
index fa68231d8..000000000
--- a/src/skeleton/index.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type SkeletonProps = {
-  row: number | string;
-  title?: boolean;
-  round?: boolean;
-  avatar?: boolean;
-  loading: boolean;
-  animate: boolean;
-  avatarSize: string;
-  avatarShape: 'square' | 'round';
-  titleWidth: number | string;
-  rowWidth: number | string | (number | string)[];
-};
-
-const [createComponent, bem] = createNamespace('skeleton');
-const DEFAULT_ROW_WIDTH = '100%';
-const DEFAULT_LAST_ROW_WIDTH = '60%';
-
-function Skeleton(
-  h: CreateElement,
-  props: SkeletonProps,
-  slots: DefaultSlots,
-  ctx: RenderContext
-) {
-  if (!props.loading) {
-    return slots.default && slots.default();
-  }
-
-  function Title() {
-    if (props.title) {
-      return (
-        <h3 class={bem('title')} style={{ width: addUnit(props.titleWidth) }} />
-      );
-    }
-  }
-
-  function Rows() {
-    const Rows = [];
-    const { rowWidth } = props;
-
-    function getRowWidth(index: number) {
-      if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
-        return DEFAULT_LAST_ROW_WIDTH;
-      }
-
-      if (Array.isArray(rowWidth)) {
-        return rowWidth[index];
-      }
-
-      return rowWidth;
-    }
-
-    for (let i = 0; i < props.row; i++) {
-      Rows.push(
-        <div class={bem('row')} style={{ width: addUnit(getRowWidth(i)) }} />
-      );
-    }
-
-    return Rows;
-  }
-
-  function Avatar() {
-    if (props.avatar) {
-      const size = addUnit(props.avatarSize);
-      return (
-        <div
-          class={bem('avatar', props.avatarShape)}
-          style={{ width: size, height: size }}
-        />
-      );
-    }
-  }
-
-  return (
-    <div
-      class={bem({ animate: props.animate, round: props.round })}
-      {...inherit(ctx)}
-    >
-      {Avatar()}
-      <div class={bem('content')}>
-        {Title()}
-        {Rows()}
-      </div>
-    </div>
-  );
-}
-
-Skeleton.props = {
-  title: Boolean,
-  round: Boolean,
-  avatar: Boolean,
-  row: {
-    type: [Number, String],
-    default: 0,
-  },
-  loading: {
-    type: Boolean,
-    default: true,
-  },
-  animate: {
-    type: Boolean,
-    default: true,
-  },
-  avatarSize: {
-    type: String,
-    default: '32px',
-  },
-  avatarShape: {
-    type: String,
-    default: 'round',
-  },
-  titleWidth: {
-    type: [Number, String],
-    default: '40%',
-  },
-  rowWidth: {
-    type: [Number, String, Array],
-    default: DEFAULT_ROW_WIDTH,
-  },
-};
-
-export default createComponent<SkeletonProps>(Skeleton);
diff --git a/src/slider/index.js b/src/slider/index.js
index d04f19605..eca993618 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -27,12 +27,14 @@ export default createComponent({
       type: [Number, String],
       default: 1,
     },
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
   },
 
+  emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
+
   data() {
     return {
       dragStatus: '',
@@ -57,7 +59,7 @@ export default createComponent({
 
   created() {
     // format initial value
-    this.updateValue(this.value);
+    this.updateValue(this.modelValue);
   },
 
   mounted() {
@@ -71,7 +73,7 @@ export default createComponent({
       }
 
       this.touchStart(event);
-      this.startValue = this.format(this.value);
+      this.startValue = this.format(this.modelValue);
       this.dragStatus = 'start';
     },
 
@@ -122,15 +124,15 @@ export default createComponent({
       const total = this.vertical ? rect.height : rect.width;
       const value = +this.min + (delta / total) * this.range;
 
-      this.startValue = this.value;
+      this.startValue = this.modelValue;
       this.updateValue(value, true);
     },
 
     updateValue(value, end) {
       value = this.format(value);
 
-      if (value !== this.value) {
-        this.$emit('input', value);
+      if (value !== this.modelValue) {
+        this.$emit('update:modelValue', value);
       }
 
       if (end && value !== this.startValue) {
@@ -157,7 +159,7 @@ export default createComponent({
     };
 
     const barStyle = {
-      [mainAxis]: `${((this.value - this.min) * 100) / this.range}%`,
+      [mainAxis]: `${((this.modelValue - this.min) * 100) / this.range}%`,
       background: this.activeColor,
     };
 
@@ -177,12 +179,14 @@ export default createComponent({
             role="slider"
             tabindex={this.disabled ? -1 : 0}
             aria-valuemin={this.min}
-            aria-valuenow={this.value}
+            aria-valuenow={this.modelValue}
             aria-valuemax={this.max}
             aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
             class={bem('button-wrapper')}
           >
-            {this.slots('button') || (
+            {this.$slots.button ? (
+              this.$slots.button()
+            ) : (
               <div class={bem('button')} style={this.buttonStyle} />
             )}
           </div>
diff --git a/src/step/index.js b/src/step/index.js
index 80a6d757a..0e3390561 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -44,22 +44,22 @@ export default createComponent({
       const { activeIcon, activeColor, inactiveIcon } = this.parent;
 
       if (this.active) {
-        return (
-          this.slots('active-icon') || (
-            <Icon
-              class={bem('icon', 'active')}
-              name={activeIcon}
-              color={activeColor}
-            />
-          )
+        return this.$slots['active-icon'] ? (
+          this.$slots['active-icon']()
+        ) : (
+          <Icon
+            class={bem('icon', 'active')}
+            name={activeIcon}
+            color={activeColor}
+          />
         );
       }
 
-      const inactiveIconSlot = this.slots('inactive-icon');
-
-      if (inactiveIcon || inactiveIconSlot) {
-        return (
-          inactiveIconSlot || <Icon class={bem('icon')} name={inactiveIcon} />
+      if (inactiveIcon || this.$slots['inactive-icon']) {
+        return this.$slots['inactive-icon'] ? (
+          this.$slots['inactive-icon']()
+        ) : (
+          <Icon class={bem('icon')} name={inactiveIcon} />
         );
       }
 
@@ -82,7 +82,7 @@ export default createComponent({
           style={this.titleStyle}
           onClick={this.onClickStep}
         >
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
         <div class={bem('circle-container')} onClick={this.onClickStep}>
           {this.genCircle()}
diff --git a/src/steps/index.js b/src/steps/index.js
index 730fa96eb..3e17de6ce 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -24,10 +24,12 @@ export default createComponent({
     },
   },
 
+  emits: ['click-step'],
+
   render() {
     return (
       <div class={bem([this.direction])}>
-        <div class={bem('items')}>{this.slots()}</div>
+        <div class={bem('items')}>{this.$slots.default?.()}</div>
       </div>
     );
   },
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index ede8c0169..b7a31aab3 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -195,7 +195,7 @@ export default createComponent({
     },
 
     genLeftPart() {
-      const content = this.slots('left');
+      const content = this.$slots.left?.();
 
       if (content) {
         return (
@@ -211,7 +211,7 @@ export default createComponent({
     },
 
     genRightPart() {
-      const content = this.slots('right');
+      const content = this.$slots.right?.();
 
       if (content) {
         return (
@@ -237,7 +237,7 @@ export default createComponent({
       <div class={bem()} onClick={this.getClickHandler('cell')}>
         <div class={bem('wrapper')} style={wrapperStyle}>
           {this.genLeftPart()}
-          {this.slots()}
+          {this.$slots.default?.()}
           {this.genRightPart()}
         </div>
       </div>
diff --git a/src/switch/README.md b/src/switch/README.md
index 7c88719c0..8b75c4411 100644
--- a/src/switch/README.md
+++ b/src/switch/README.md
@@ -54,7 +54,7 @@ export default {
 ### Async Control
 
 ```html
-<van-switch :value="checked" @input="onInput" />
+<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
 ```
 
 ```js
@@ -65,7 +65,7 @@ export default {
     };
   },
   methods: {
-    onInput(checked) {
+    onUpdateValue(checked) {
       Dialog.confirm({
         title: 'Confirm',
         message: 'Are you sure to toggle switch?',
diff --git a/src/switch/README.zh-CN.md b/src/switch/README.zh-CN.md
index 1173a06ec..134658066 100644
--- a/src/switch/README.zh-CN.md
+++ b/src/switch/README.zh-CN.md
@@ -63,10 +63,10 @@ export default {
 
 ### 异步控制
 
-需要异步控制开关时，可以使用`value`属性和`input`事件代替`v-model`，并在`input`事件回调函数中手动处理开关状态
+需要异步控制开关时，可以使用 `modelValue` 属性和 `update:model-value` 事件代替 `v-model`，并在事件回调函数中手动处理开关状态。
 
 ```html
-<van-switch :value="checked" @input="onInput" />
+<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
 ```
 
 ```js
@@ -77,7 +77,7 @@ export default {
     };
   },
   methods: {
-    onInput(checked) {
+    onUpdateValue(checked) {
       Dialog.confirm({
         title: '提醒',
         message: '是否切换开关？',
diff --git a/src/switch/demo/index.vue b/src/switch/demo/index.vue
index 686676ab9..51d4ab39f 100644
--- a/src/switch/demo/index.vue
+++ b/src/switch/demo/index.vue
@@ -25,12 +25,14 @@
     </demo-block>
 
     <demo-block :title="t('asyncControl')">
-      <van-switch :value="checked4" @input="onInput" />
+      <van-switch :model-value="checked4" @update:model-value="onInput" />
     </demo-block>
 
     <demo-block :title="t('withCell')">
       <van-cell center :title="t('title')">
-        <van-switch v-model="checked5" slot="right-icon" size="24" />
+        <template #right-icon>
+          <van-switch v-model="checked5" size="24" />
+        </template>
       </van-cell>
     </demo-block>
   </demo-section>
diff --git a/src/switch/index.js b/src/switch/index.js
index a705ef5dd..334e42fe7 100644
--- a/src/switch/index.js
+++ b/src/switch/index.js
@@ -15,9 +15,11 @@ export default createComponent({
 
   props: switchProps,
 
+  emits: ['click', 'change', 'update:modelValue'],
+
   computed: {
     checked() {
-      return this.value === this.activeValue;
+      return this.modelValue === this.activeValue;
     },
 
     style() {
@@ -34,7 +36,7 @@ export default createComponent({
 
       if (!this.disabled && !this.loading) {
         const newValue = this.checked ? this.inactiveValue : this.activeValue;
-        this.$emit('input', newValue);
+        this.$emit('update:modelValue', newValue);
         this.$emit('change', newValue);
       }
     },
diff --git a/src/switch/shared.ts b/src/switch/shared.ts
index 0b4c269d0..fd77d663b 100644
--- a/src/switch/shared.ts
+++ b/src/switch/shared.ts
@@ -4,9 +4,9 @@
 
 export type SharedSwitchProps = {
   size?: string | number;
-  value?: any;
   loading?: boolean;
   disabled?: boolean;
+  modelValue?: any;
   activeValue: any;
   inactiveValue: any;
   activeColor?: string;
@@ -15,9 +15,9 @@ export type SharedSwitchProps = {
 
 export const switchProps = {
   size: [Number, String],
-  value: null as any,
   loading: Boolean,
   disabled: Boolean,
+  modelValue: null as any,
   activeColor: String,
   inactiveColor: String,
   activeValue: {
diff --git a/src-next/tag/index.js b/src/tag/index.js
similarity index 100%
rename from src-next/tag/index.js
rename to src/tag/index.js
diff --git a/src/tag/index.tsx b/src/tag/index.tsx
deleted file mode 100644
index 7c0dcd604..000000000
--- a/src/tag/index.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional';
-import { BORDER_SURROUND } from '../utils/constant';
-
-// Components
-import Icon from '../icon';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type TagType = 'default' | 'primary' | 'success' | 'danger';
-
-export type TagSize = 'large' | 'medium';
-
-export type TagProps = {
-  type: TagType;
-  size?: TagSize;
-  mark?: boolean;
-  color?: string;
-  plain?: boolean;
-  round?: boolean;
-  textColor?: string;
-  closeable?: boolean;
-};
-
-const [createComponent, bem] = createNamespace('tag');
-
-function Tag(
-  h: CreateElement,
-  props: TagProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<TagProps>
-) {
-  const { type, mark, plain, color, round, size } = props;
-
-  const key = plain ? 'color' : 'backgroundColor';
-  const style = { [key]: color };
-
-  if (props.textColor) {
-    style.color = props.textColor;
-  }
-
-  const classes: { [key: string]: any } = { mark, plain, round };
-  if (size) {
-    classes[size] = size;
-  }
-
-  const CloseIcon = props.closeable && (
-    <Icon
-      name="cross"
-      class={bem('close')}
-      onClick={(event: PointerEvent) => {
-        event.stopPropagation();
-        emit(ctx, 'close');
-      }}
-    />
-  );
-
-  return (
-    <transition name={props.closeable ? 'van-fade' : null}>
-      <span
-        key="content"
-        style={style}
-        class={[bem([classes, type]), { [BORDER_SURROUND]: plain }]}
-        {...inherit(ctx, true)}
-      >
-        {slots.default?.()}
-        {CloseIcon}
-      </span>
-    </transition>
-  );
-}
-
-Tag.props = {
-  size: String,
-  mark: Boolean,
-  color: String,
-  plain: Boolean,
-  round: Boolean,
-  textColor: String,
-  closeable: Boolean,
-  type: {
-    type: String,
-    default: 'default',
-  },
-};
-
-export default createComponent<TagProps>(Tag);
diff --git a/src/tree-select/README.md b/src/tree-select/README.md
index b4d311a0c..e49f49298 100644
--- a/src/tree-select/README.md
+++ b/src/tree-select/README.md
@@ -15,9 +15,9 @@ Vue.use(TreeSelect);
 
 ```html
 <van-tree-select
+  v-model:active-id="activeId"
+  v-model:main-active-index="activeIndex"
   :items="items"
-  :active-id.sync="activeId"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
@@ -37,9 +37,9 @@ export default {
 
 ```html
 <van-tree-select
+  v-model:active-id="activeIds"
+  v-model:main-active-index="activeIndex"
   :items="items"
-  :active-id.sync="activeIds"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
@@ -58,7 +58,7 @@ export default {
 ### Custom Content
 
 ```html
-<van-tree-select height="55vw" :items="items" :main-active-index.sync="active">
+<van-tree-select v-model:main-active-index="active" height="55vw" :items="items">
   <template #content>
     <van-image
       v-if="active === 0"
@@ -87,9 +87,9 @@ export default {
 
 ```html
 <van-tree-select
+  v-model:main-active-index="activeIndex"
   height="55vw"
   :items="items"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
diff --git a/src/tree-select/README.zh-CN.md b/src/tree-select/README.zh-CN.md
index e7afbd870..5c1a51cda 100644
--- a/src/tree-select/README.zh-CN.md
+++ b/src/tree-select/README.zh-CN.md
@@ -17,9 +17,9 @@ Vue.use(TreeSelect);
 
 ```html
 <van-tree-select
+  v-model:active-id="activeId"
+  v-model:main-active-index="activeIndex"
   :items="items"
-  :active-id.sync="activeId"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
@@ -41,9 +41,9 @@ export default {
 
 ```html
 <van-tree-select
+  v-model:active-id="activeIds"
+  v-model:main-active-index="activeIndex"
   :items="items"
-  :active-id.sync="activeIds"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
@@ -64,7 +64,11 @@ export default {
 通过`content`插槽可以自定义右侧区域的内容
 
 ```html
-<van-tree-select height="55vw" :items="items" :main-active-index.sync="active">
+<van-tree-select
+  v-model:main-active-index="active"
+  height="55vw"
+  :items="items"
+>
   <template #content>
     <van-image
       v-if="active === 0"
@@ -95,9 +99,9 @@ export default {
 
 ```html
 <van-tree-select
+  v-model:main-active-index="activeIndex"
   height="55vw"
   :items="items"
-  :main-active-index.sync="activeIndex"
 />
 ```
 
diff --git a/src/tree-select/demo/index.vue b/src/tree-select/demo/index.vue
index 097946964..5ba206521 100644
--- a/src/tree-select/demo/index.vue
+++ b/src/tree-select/demo/index.vue
@@ -2,25 +2,25 @@
   <demo-section>
     <demo-block :title="t('radioMode')">
       <van-tree-select
+        v-model:active-id="activeId"
+        v-model:main-active-index="activeIndex"
         :items="items"
-        :active-id.sync="activeId"
-        :main-active-index.sync="activeIndex"
       />
     </demo-block>
 
     <demo-block :title="t('multipleMode')">
       <van-tree-select
+        v-model:active-id="activeIds"
+        v-model:main-active-index="activeIndex2"
         :items="items"
-        :active-id.sync="activeIds"
-        :main-active-index.sync="activeIndex2"
       />
     </demo-block>
 
     <demo-block :title="t('customContent')">
       <van-tree-select
+        v-model:main-active-index="activeIndex3"
         height="55vw"
         :items="simpleItems"
-        :main-active-index.sync="activeIndex3"
       >
         <template slot="content">
           <van-image
@@ -39,10 +39,10 @@
 
     <demo-block :title="t('showBadge')">
       <van-tree-select
+        v-model:active-id="activeId2"
+        v-model:main-active-index="activeIndex4"
         height="55vw"
         :items="badgeItems"
-        :active-id.sync="activeId2"
-        :main-active-index.sync="activeIndex4"
       />
     </demo-block>
   </demo-section>
diff --git a/src-next/tree-select/index.js b/src/tree-select/index.js
similarity index 100%
rename from src-next/tree-select/index.js
rename to src/tree-select/index.js
diff --git a/src/tree-select/index.tsx b/src/tree-select/index.tsx
deleted file mode 100644
index 0ca699f6d..000000000
--- a/src/tree-select/index.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-// Utils
-import { createNamespace, addUnit, isDef } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Icon from '../icon';
-import Sidebar from '../sidebar';
-import SidebarItem from '../sidebar-item';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-export type TreeSelectItem = {
-  text: string;
-  dot?: boolean;
-  info?: string | number;
-  badge?: string | number;
-  disabled?: boolean;
-  className?: any;
-  children: TreeSelectChildren[];
-};
-
-export type TreeSelectChildren = {
-  id: number;
-  text: string;
-  disabled?: boolean;
-};
-
-export type TreeSelectActiveId = number | string | (number | string)[];
-
-export type TreeSelectProps = {
-  max: number | string;
-  height: number | string;
-  items: TreeSelectItem[];
-  activeId: TreeSelectActiveId;
-  selectedIcon: string;
-  mainActiveIndex: number | string;
-};
-
-export type TreeSelectSlots = DefaultSlots & {
-  content?: ScopedSlot;
-};
-
-const [createComponent, bem] = createNamespace('tree-select');
-
-function TreeSelect(
-  h: CreateElement,
-  props: TreeSelectProps,
-  slots: TreeSelectSlots,
-  ctx: RenderContext<TreeSelectProps>
-) {
-  const { items, height, activeId, selectedIcon, mainActiveIndex } = props;
-
-  const selectedItem: Partial<TreeSelectItem> = items[+mainActiveIndex] || {};
-  const subItems = selectedItem.children || [];
-  const isMultiple = Array.isArray(activeId);
-
-  function isActiveItem(id: number | string) {
-    return isMultiple
-      ? (activeId as (number | string)[]).indexOf(id) !== -1
-      : activeId === id;
-  }
-
-  const Navs = items.map((item) => (
-    <SidebarItem
-      dot={item.dot}
-      info={isDef(item.badge) ? item.badge : item.info}
-      title={item.text}
-      disabled={item.disabled}
-      class={[bem('nav-item'), item.className]}
-    />
-  ));
-
-  function Content() {
-    if (slots.content) {
-      return slots.content();
-    }
-
-    return subItems.map((item) => (
-      <div
-        key={item.id}
-        class={[
-          'van-ellipsis',
-          bem('item', {
-            active: isActiveItem(item.id),
-            disabled: item.disabled,
-          }),
-        ]}
-        onClick={() => {
-          if (!item.disabled) {
-            let newActiveId: TreeSelectActiveId = item.id;
-            if (isMultiple) {
-              newActiveId = (activeId as (string | number)[]).slice();
-
-              const index = newActiveId.indexOf(item.id);
-
-              if (index !== -1) {
-                newActiveId.splice(index, 1);
-              } else if (newActiveId.length < props.max) {
-                newActiveId.push(item.id);
-              }
-            }
-
-            emit(ctx, 'update:active-id', newActiveId);
-            emit(ctx, 'click-item', item);
-            // compatible with legacy usage, should be removed in next major version
-            emit(ctx, 'itemclick', item);
-          }
-        }}
-      >
-        {item.text}
-        {isActiveItem(item.id) && (
-          <Icon name={selectedIcon} class={bem('selected')} />
-        )}
-      </div>
-    ));
-  }
-
-  return (
-    <div class={bem()} style={{ height: addUnit(height) }} {...inherit(ctx)}>
-      <Sidebar
-        class={bem('nav')}
-        activeKey={mainActiveIndex}
-        onChange={(index: number) => {
-          emit(ctx, 'update:main-active-index', index);
-          emit(ctx, 'click-nav', index);
-          // compatible with legacy usage, should be removed in next major version
-          emit(ctx, 'navclick', index);
-        }}
-      >
-        {Navs}
-      </Sidebar>
-      <div class={bem('content')}>{Content()}</div>
-    </div>
-  );
-}
-
-TreeSelect.props = {
-  max: {
-    type: [Number, String],
-    default: Infinity,
-  },
-  items: {
-    type: Array,
-    default: () => [],
-  },
-  height: {
-    type: [Number, String],
-    default: 300,
-  },
-  activeId: {
-    type: [Number, String, Array],
-    default: 0,
-  },
-  selectedIcon: {
-    type: String,
-    default: 'success',
-  },
-  mainActiveIndex: {
-    type: [Number, String],
-    default: 0,
-  },
-};
-
-export default createComponent<TreeSelectProps>(TreeSelect);
diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index eb46d5ebf..90e316e3f 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -1,86 +1,18 @@
 /**
  * Create a basic component with common options
  */
-import '../../locale';
-import { isFunction } from '..';
-import { camelize } from '../format/string';
-import { SlotsMixin } from '../../mixins/slots';
-import Vue, {
-  VNode,
-  VueConstructor,
-  ComponentOptions,
-  RenderContext,
-} from 'vue';
-import { DefaultProps, FunctionComponent } from '../types';
 
-export interface VantComponentOptions extends ComponentOptions<Vue> {
-  functional?: boolean;
-  install?: (Vue: VueConstructor) => void;
-}
-
-export type TsxBaseProps<Slots> = {
-  key: string | number;
-  // hack for jsx prop spread
-  props: any;
-  class: any;
-  style: string | object[] | object;
-  scopedSlots: Slots;
-};
-
-export type TsxComponent<Props, Events, Slots> = (
-  props: Partial<Props & Events & TsxBaseProps<Slots>>
-) => VNode;
-
-function install(this: ComponentOptions<Vue>, Vue: VueConstructor) {
-  const { name } = this;
-  Vue.component(name as string, this);
-  Vue.component(camelize(`-${name}`), this);
-}
-
-// unify slots & scopedSlots
-export function unifySlots(context: RenderContext) {
-  // use data.scopedSlots in lower Vue version
-  const scopedSlots = context.scopedSlots || context.data.scopedSlots || {};
-  const slots = context.slots();
-
-  Object.keys(slots).forEach((key) => {
-    if (!scopedSlots[key]) {
-      scopedSlots[key] = () => slots[key];
-    }
-  });
-
-  return scopedSlots;
-}
-
-// should be removed after Vue 3
-function transformFunctionComponent(
-  pure: FunctionComponent
-): VantComponentOptions {
-  return {
-    functional: true,
-    props: pure.props,
-    model: pure.model,
-    render: (h, context): any =>
-      pure(h, context.props, unifySlots(context), context),
-  };
-}
+// function install(this: any, Vue: VueConstructor) {
+//   const { name } = this;
+//   Vue.component(name as string, this);
+//   Vue.component(camelize(`-${name}`), this);
+// }
 
 export function createComponent(name: string) {
-  return function <Props = DefaultProps, Events = {}, Slots = {}>(
-    sfc: VantComponentOptions | FunctionComponent
-  ): TsxComponent<Props, Events, Slots> {
-    if (isFunction(sfc)) {
-      sfc = transformFunctionComponent(sfc);
-    }
-
-    if (!sfc.functional) {
-      sfc.mixins = sfc.mixins || [];
-      sfc.mixins.push(SlotsMixin);
-    }
-
+  return function (sfc: any) {
     sfc.name = name;
-    sfc.install = install;
+    // sfc.install = install;
 
-    return sfc as TsxComponent<Props, Events, Slots>;
+    return sfc;
   };
 }
diff --git a/src/utils/create/index.ts b/src/utils/create/index.ts
index 996fcc304..8a7b40bcf 100644
--- a/src/utils/create/index.ts
+++ b/src/utils/create/index.ts
@@ -10,5 +10,9 @@ type CreateNamespaceReturn = [
 
 export function createNamespace(name: string): CreateNamespaceReturn {
   name = 'van-' + name;
-  return [createComponent(name), createBEM(name), createI18N(name)];
+  return [
+    createComponent(name),
+    createBEM(name),
+    createI18N(name)
+  ];
 }
diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index 459e581f1..7bd55f859 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -1,10 +1,10 @@
-import { isServer } from '..';
+import { inBrowser } from '..';
 import { EventHandler } from '../types';
 
 // eslint-disable-next-line import/no-mutable-exports
 export let supportsPassive = false;
 
-if (!isServer) {
+if (inBrowser) {
   try {
     const opts = {};
     Object.defineProperty(opts, 'passive', {
@@ -25,7 +25,7 @@ export function on(
   handler: EventHandler,
   passive = false
 ) {
-  if (!isServer) {
+  if (inBrowser) {
     target.addEventListener(
       event,
       handler,
@@ -35,7 +35,7 @@ export function on(
 }
 
 export function off(target: EventTarget, event: string, handler: EventHandler) {
-  if (!isServer) {
+  if (inBrowser) {
     target.removeEventListener(event, handler);
   }
 }
diff --git a/src/utils/dom/raf.ts b/src/utils/dom/raf.ts
index fa32db10b..ca7bc1b42 100644
--- a/src/utils/dom/raf.ts
+++ b/src/utils/dom/raf.ts
@@ -2,7 +2,7 @@
  * requestAnimationFrame polyfill
  */
 
-import { isServer } from '..';
+import { inBrowser } from '..';
 
 let prev = Date.now();
 
@@ -16,7 +16,7 @@ function fallback(fn: FrameRequestCallback): number {
 }
 
 /* istanbul ignore next */
-const root = (isServer ? global : window) as Window;
+const root = (inBrowser ? window : global) as Window;
 
 /* istanbul ignore next */
 const iRaf = root.requestAnimationFrame || fallback;
diff --git a/src/utils/functional.ts b/src/utils/functional.ts
deleted file mode 100644
index b2ef48688..000000000
--- a/src/utils/functional.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import Vue, { RenderContext, VNodeData } from 'vue';
-import { ObjectIndex } from './types';
-
-type Context = RenderContext & { data: VNodeData & ObjectIndex };
-
-type InheritContext = Partial<VNodeData> & ObjectIndex;
-
-const inheritKey = [
-  'ref',
-  'style',
-  'class',
-  'attrs',
-  'nativeOn',
-  'directives',
-  'staticClass',
-  'staticStyle',
-];
-
-const mapInheritKey: ObjectIndex = { nativeOn: 'on' };
-
-// inherit partial context, map nativeOn to on
-export function inherit(
-  context: Context,
-  inheritListeners?: boolean
-): InheritContext {
-  const result = inheritKey.reduce((obj, key) => {
-    if (context.data[key]) {
-      obj[mapInheritKey[key] || key] = context.data[key];
-    }
-    return obj;
-  }, {} as InheritContext);
-
-  if (inheritListeners) {
-    result.on = result.on || {};
-    Object.assign(result.on, context.data.on);
-  }
-
-  return result;
-}
-
-// emit event
-export function emit(context: Context, eventName: string, ...args: any[]) {
-  const listeners = context.listeners[eventName];
-  if (listeners) {
-    if (Array.isArray(listeners)) {
-      listeners.forEach((listener) => {
-        listener(...args);
-      });
-    } else {
-      listeners(...args);
-    }
-  }
-}
-
-// mount functional component
-export function mount(Component: any, data?: VNodeData) {
-  const instance = new Vue({
-    el: document.createElement('div'),
-    props: Component.props,
-    render(h) {
-      return h(Component, {
-        props: this.$props,
-        ...data,
-      });
-    },
-  });
-
-  document.body.appendChild(instance.$el);
-
-  return instance;
-}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 83f5ff38b..c88a00c4a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,14 +1,11 @@
-import Vue from 'vue';
-
-export { createNamespace } from './create';
 export { addUnit } from './format/unit';
-
-export const inBrowser = typeof window !== 'undefined';
-export const isServer: boolean = Vue.prototype.$isServer;
+export { createNamespace } from './create';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}
 
+export const inBrowser = typeof window !== 'undefined'
+
 export function isDef(val: unknown): boolean {
   return val !== undefined && val !== null;
 }
diff --git a/src/utils/router.ts b/src/utils/router.ts
index 7a005e4e9..7e822dc31 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -2,12 +2,11 @@
  * Vue Router support
  */
 
-import { RenderContext } from 'vue/types';
-import VueRouter, { RawLocation } from 'vue-router/types';
+import type { Router, RouteLocation } from 'vue-router';
 
 export type RouteConfig = {
   url?: string;
-  to?: RawLocation;
+  to?: RouteLocation;
   replace?: boolean;
 };
 
@@ -19,7 +18,7 @@ function isRedundantNavigation(err: Error) {
   );
 }
 
-export function route(router: VueRouter, config: RouteConfig) {
+export function route(router: Router, config: RouteConfig) {
   const { to, url, replace } = config;
   if (to && router) {
     const promise = router[replace ? 'replace' : 'push'](to);
@@ -37,14 +36,10 @@ export function route(router: VueRouter, config: RouteConfig) {
   }
 }
 
-export function functionalRoute(context: RenderContext) {
-  route(context.parent && context.parent.$router, context.props);
-}
-
 export type RouteProps = {
   url?: string;
   replace?: boolean;
-  to?: RawLocation;
+  to?: RouteLocation;
 };
 
 export const routeProps = {
diff --git a/src/utils/validate/system.ts b/src/utils/validate/system.ts
index d91f2f131..bab22ad2d 100644
--- a/src/utils/validate/system.ts
+++ b/src/utils/validate/system.ts
@@ -1,13 +1,13 @@
-import { isServer } from '..';
+import { inBrowser } from '..';
 
 export function isAndroid(): boolean {
   /* istanbul ignore next */
-  return isServer ? false : /android/.test(navigator.userAgent.toLowerCase());
+  return inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;
 }
 
 export function isIOS(): boolean {
   /* istanbul ignore next */
-  return isServer
-    ? false
-    : /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase());
+  return inBrowser
+    ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase())
+    : false;
 }
diff --git a/src/utils/vnodes.ts b/src/utils/vnodes.ts
deleted file mode 100644
index 471d2ea38..000000000
--- a/src/utils/vnodes.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { VNode } from 'vue';
-
-function flattenVNodes(vnodes: VNode[]) {
-  const result: VNode[] = [];
-
-  function traverse(vnodes: VNode[]) {
-    vnodes.forEach((vnode) => {
-      result.push(vnode);
-
-      if (vnode.componentInstance) {
-        traverse(vnode.componentInstance.$children.map((item) => item.$vnode));
-      }
-
-      if (vnode.children) {
-        traverse(vnode.children);
-      }
-    });
-  }
-
-  traverse(vnodes);
-  return result;
-}
-
-// sort children instances by vnodes order
-export function sortChildren(children: Vue[], parent: Vue) {
-  const { componentOptions } = parent.$vnode;
-  if (!componentOptions || !componentOptions.children) {
-    return;
-  }
-
-  const vnodes = flattenVNodes(componentOptions.children);
-  children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
-}
diff --git a/tsconfig.json b/tsconfig.json
index 2e7200711..5d7e935f2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,8 +13,7 @@
   },
   "include": [
     "types/**/*",
-    "src/**/*",
-    "src-next/**/*"
+    "src/**/*"
   ],
   "exclude": [
     "**/*.spec.ts",
diff --git a/vant.config.js b/vant.config.js
index b5c0626cd..23801ec26 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -1,7 +1,7 @@
 module.exports = {
   name: 'vant',
   build: {
-    srcDir: 'src-next',
+    srcDir: 'src',
     skipInstall: ['lazyload'],
     site: {
       publicPath: 'https://b.yzcdn.cn/vant/',

From 5ad444839eacfbc027ede72b2ab5e42b5aaf7796 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 20:04:34 +0800
Subject: [PATCH 072/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |  6 +++---
 packages/vant-cli/yarn.lock    | 33 +++++++++++++--------------------
 2 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 034b66c3f..a686df4ca 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -39,7 +39,7 @@
     "@types/webpack-merge": "^4.1.5"
   },
   "dependencies": {
-    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-alpha.6",
+    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-beta.2",
     "@babel/core": "^7.10.1",
     "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
@@ -56,7 +56,7 @@
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "1.0.0-beta.29",
+    "@vue/test-utils": "2.0.0-alpha.8",
     "address": "^1.1.2",
     "autoprefixer": "^9.8.0",
     "babel-jest": "^26.0.1",
@@ -98,7 +98,7 @@
     "typescript": "^3.9.3",
     "vue-jest": "4.0.0-beta.2",
     "vue-loader": "^16.0.0-beta.4",
-    "vue-router": "^4.0.0-beta.1",
+    "vue-router": "^4.0.0-beta.2",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 37fd41b64..5df48b461 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -14,15 +14,16 @@
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-alpha.6":
-  version "1.0.0-alpha.6"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-alpha.6.tgz#bbb844b91c0032922f80e3d1f062177444077dae"
-  integrity sha512-f95WdmKQkDGfSHHbqQ3xD5B/PPdg/DhHYlZE3UbIAN08e0YcjM+V1QlFAJYDfcefvsmLA/fGu/bIosBPZDZFWg==
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.2":
+  version "1.0.0-beta.2"
+  resolved "https://registry.npm.taobao.org/@ant-design-vue/babel-plugin-jsx/download/@ant-design-vue/babel-plugin-jsx-1.0.0-beta.2.tgz?cache=0&sync_timestamp=1594789988862&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40ant-design-vue%2Fbabel-plugin-jsx%2Fdownload%2F%40ant-design-vue%2Fbabel-plugin-jsx-1.0.0-beta.2.tgz#b2d266c2add32361f73b438afc20a085e7ae7010"
+  integrity sha1-stJmwq3TI2H3O0OK/CCgheeucBA=
   dependencies:
     "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/types" "^7.0.0"
     camelcase "^6.0.0"
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
@@ -2063,13 +2064,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@1.0.0-beta.29":
-  version "1.0.0-beta.29"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.0.0-beta.29.tgz#c942cf25e891cf081b6a03332b4ae1ef430726f0"
-  integrity sha512-yX4sxEIHh4M9yAbLA/ikpEnGKMNBCnoX98xE1RwxfhQVcn0MaXNSj1Qmac+ZydTj6VBSEVukchBogXBTwc+9iA==
-  dependencies:
-    dom-event-types "^1.0.0"
-    lodash "^4.17.4"
+"@vue/test-utils@2.0.0-alpha.8":
+  version "2.0.0-alpha.8"
+  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-alpha.8.tgz#4e75f407585d6cf77bd39842365c560eb7108560"
+  integrity sha1-TnX0B1hdbPd705hCNlxWDrcQhWA=
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -4398,11 +4396,6 @@ dom-converter@^0.2:
   dependencies:
     utila "~0.4"
 
-dom-event-types@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dom-event-types/-/dom-event-types-1.0.0.tgz#5830a0a29e1bf837fe50a70cd80a597232813cae"
-  integrity sha512-2G2Vwi2zXTHBGqXHsJ4+ak/iP0N8Ar+G8a7LiD2oup5o4sQWytwqqrZu/O6hIMV0KMID2PL69OhpshLO0n7UJQ==
-
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -12017,10 +12010,10 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.1:
-  version "4.0.0-beta.1"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.1.tgz#8ccdc37c991efa30d1519f885dd772307715503a"
-  integrity sha512-byqdBiKISN9Qrse6A0fgR6tePQNwlAdx+wBgO2x08MEn6hy8ds19uKvosfruVjw5vhpFmjvGR15Z68an+7fRAQ==
+vue-router@^4.0.0-beta.2:
+  version "4.0.0-beta.2"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.2.tgz?cache=0&sync_timestamp=1594139127797&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.2.tgz#792dfafdb2b2eecfe84f53e2ce6855ccff079e92"
+  integrity sha1-eS36/bKy7s/oT1PizmhVzP8HnpI=
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From 8273e0a4a030187c73d726d528155c0edb681367 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 20:06:11 +0800
Subject: [PATCH 073/626] chore: release @vant/cli@3.0.0-alpha.3

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index a686df4ca..606fa4c0b 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 5879abbaf9d0e130a7a961a679871c0a3eaf602b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 15 Jul 2020 20:10:23 +0800
Subject: [PATCH 074/626] chore: bump @vant/cli@3.0.0-alpha.3

---
 package.json |   6 +-
 yarn.lock    | 183 +++++++++++++++++++++++++++------------------------
 2 files changed, 99 insertions(+), 90 deletions(-)

diff --git a/package.json b/package.json
index 3625229e0..57c6c9872 100644
--- a/package.json
+++ b/package.json
@@ -59,10 +59,10 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.2",
-    "@vue/compiler-sfc": "^3.0.0-beta.20",
+    "@vant/cli": "^3.0.0-alpha.3",
+    "@vue/compiler-sfc": "^3.0.0-beta.21",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-beta.20"
+    "vue": "^3.0.0-beta.21"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 6135df771..4da81328a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14,15 +14,16 @@
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-alpha.6":
-  version "1.0.0-alpha.6"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-alpha.6.tgz#bbb844b91c0032922f80e3d1f062177444077dae"
-  integrity sha512-f95WdmKQkDGfSHHbqQ3xD5B/PPdg/DhHYlZE3UbIAN08e0YcjM+V1QlFAJYDfcefvsmLA/fGu/bIosBPZDZFWg==
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.2":
+  version "1.0.0-beta.2"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-beta.2.tgz#b2d266c2add32361f73b438afc20a085e7ae7010"
+  integrity sha512-B3u109nJfRgOOe0Bwo6H4xJMcKfLJge1ir+siS55JBlFGzBwV2v1Fywn3dBhhRew/50nYr/8+FnhCaG7DNcLRQ==
   dependencies:
     "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/types" "^7.0.0"
     camelcase "^6.0.0"
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
@@ -1999,12 +2000,12 @@
     semver "^6.3.0"
     tsutils "^3.17.1"
 
-"@vant/cli@^3.0.0-alpha.2":
-  version "3.0.0-alpha.2"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.2.tgz#ab7b20d6c1dd4c9b3a31e6835394f1c66005bada"
-  integrity sha512-E3zrxIAq5MeVOu0sAGHEV43/d9+PLCKfcnT0EC4iGywp+LZnpamDTA5xdZ15EbnHuFZkVHtRej/PWmX3phOj+Q==
+"@vant/cli@^3.0.0-alpha.3":
+  version "3.0.0-alpha.3"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.3.tgz#224cb8c3e6bccdb57d78329376eac7b6ae18f6b1"
+  integrity sha512-cSM5JbWpBTwGtQJzZDPIKtnrnW1QoBhM3HZW28XYBxJBGsguuzpRnni7n/u26/6cWlbRVFc/66Gc+wan3ZbNyw==
   dependencies:
-    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-alpha.6"
+    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-beta.2"
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2021,7 +2022,7 @@
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "1.0.0-beta.29"
+    "@vue/test-utils" "2.0.0-alpha.8"
     address "^1.1.2"
     autoprefixer "^9.8.0"
     babel-jest "^26.0.1"
@@ -2063,7 +2064,7 @@
     typescript "^3.9.3"
     vue-jest "4.0.0-beta.2"
     vue-loader "^16.0.0-beta.4"
-    vue-router "^4.0.0-beta.1"
+    vue-router "^4.0.0-beta.2"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
@@ -2121,50 +2122,54 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.20.tgz#66c085e23d5420088074bec73291fbd8151caff3"
-  integrity sha512-ZMMMD4GMZXrwJFBzdn3v+VcrrGofqrP7gfJ5ie/3p2sIEVAfsI0qwIb/DCezWt/Cm3viMJiTpv4SINPGK4xM8Q==
+"@vue/compiler-core@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.21.tgz#818b1a27d640663de01fef3a12ba53cd90cbd946"
+  integrity sha512-+V3KymdckkMmcVFOY+JKUM4q/4WteJndjQgFtQztboKCeMc4ZGdiOmkwS1ZMtqfGhoE7wf7BPQRJ47bZGneS/g==
   dependencies:
-    "@babel/parser" "^7.8.6"
-    "@babel/types" "^7.8.6"
-    "@vue/shared" "3.0.0-beta.20"
-    estree-walker "^0.8.1"
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+    "@vue/shared" "3.0.0-beta.21"
+    estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.20.tgz#9d305d566da28222db4a0f7cd349e3e603a42872"
-  integrity sha512-vtkvL8OOcIMdZn8oLKTVRqKLcpRBivhR6xz2sS8mfRA+NNh+QDpBFip5Zjl//FD6mRvv2wiJoWWqe0MgXUChbg==
+"@vue/compiler-dom@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.21.tgz#16140b976a083481a7f58577dbb5d7f70f487798"
+  integrity sha512-NOw6uxAHXlSkVW8NkSplnOrNusVF9YRXuaS0DJW2++dtYw0kP6kYgOZmQ1liywl3Kf78BHXNLQqEdI7JDWkJ9g==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/compiler-core" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
 
-"@vue/compiler-sfc@^3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.20.tgz#8ffe1a31e709713708fb625cae62e7efdae90b14"
-  integrity sha512-n5bNvZCxvzGJqH2EXsurmzJDHnimOi93ezoeJTOguqNG2XYiiN+IOwzoOy+eYGem945FtKcgvawPhUMr5vPFug==
+"@vue/compiler-sfc@^3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.21.tgz#56c256c0d1067ca1ac58556fddb2c7adfcec9572"
+  integrity sha512-AvjEiGqonKKA58EkoeycRVvgGxSAMefcf7VMn11Sw6wiz8/dwfGCiVvae9ezN0NI30yQd5+9x2VyWXlbOgP/qw==
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.20"
-    "@vue/compiler-dom" "3.0.0-beta.20"
-    "@vue/compiler-ssr" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+    "@vue/compiler-core" "3.0.0-beta.21"
+    "@vue/compiler-dom" "3.0.0-beta.21"
+    "@vue/compiler-ssr" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
     consolidate "^0.15.1"
+    estree-walker "^2.0.1"
     hash-sum "^2.0.0"
     lru-cache "^5.1.1"
+    magic-string "^0.25.7"
     merge-source-map "^1.1.0"
     postcss "^7.0.27"
     postcss-modules "^3.1.0"
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.20.tgz#f605836a09b9bcd3ca66193e4984081aa1408825"
-  integrity sha512-j2XS2NX/skYxuMPG4T4sk3JUm4LYmonGNBXT5YWUX8G8+KlVTI7/9iPg+8FhZR2jIerhzHj/34MSKxytTItffA==
+"@vue/compiler-ssr@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.21.tgz#ea06f054a84832143a311688067000b970d427a7"
+  integrity sha512-bE29cgqsmXFlMrrhRab3Uvvwx6jIq8ZQrva7VedqBDIHL1tzWonbvuNtiYM8hNwNUalNiVqhEH9kcVB5YAeS8w==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/compiler-dom" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -2197,42 +2202,39 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.20.tgz#8a16f089394a29a8509e4c8e515f5ec84b26cc13"
-  integrity sha512-X59+ZENE1sFRW56vcyb3eTGwqGwRpBJIkau0/NMv86hBbtWUigG4+r4thoCNKQAX3iyMQBlk5dQvxUxopjn5pg==
+"@vue/reactivity@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.21.tgz#b974040b50799f36c5b75941e7b13dc074db1827"
+  integrity sha512-G43QUrs2TkIMeBnOfewot/k9C4K116BluoQTYGnukninESb+Th2psijDPsqAu9W8Ja+XAE7zQpawIkwwY0hYfQ==
   dependencies:
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/shared" "3.0.0-beta.21"
 
-"@vue/runtime-core@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.20.tgz#33d090a18ae86899ffdc571e19cfa8a5523b4a4f"
-  integrity sha512-X5mM44vKVi9YC963McJ2m3siKdAAXS0s+LaWnnVH4IjkrlJFcaqQBMhfkJt8mI2SCv5tICBDgmIIkIkJzZ2tTw==
+"@vue/runtime-core@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.21.tgz#7c8e351d8376bc8076d7685a7ac0a1caf8a9d3cb"
+  integrity sha512-xAlyIo8N1dBG+nA9JTQHPrMnG71RKm4oV6d19OAwxrPHsHJmyrpiqWbglrDvA8TaHSA/hniqscti6nxxMgEN8w==
   dependencies:
-    "@vue/reactivity" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/reactivity" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
 
-"@vue/runtime-dom@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.20.tgz#7588341e7304ae5a695ea1dd86bbe86c8df96e55"
-  integrity sha512-L8G9O34TuUUWMA06kZBSGfc44vHPpy+d3K8bM5qXiocdSCyjvikb9McXJsTZesLZZksRAyr1G05u/ikxCERCWQ==
+"@vue/runtime-dom@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.21.tgz#ec84f1f775494a28a4f2375224c7d9d2c54a5a68"
+  integrity sha512-GyRqkJ6XkGgDkFJZokR8VLlaiTisdVzNxwLtOYEyxWAKF2q8FOxrjNwBLAXCUyza8Zb6j/Nj9NlClthXp6RZbw==
   dependencies:
-    "@vue/runtime-core" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/runtime-core" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-beta.20":
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.20.tgz#022b7aac09669d6ca79ff2cd38418853b2ffc8be"
-  integrity sha512-Ttuh2Kib8aelCm0J0M31z7ajHYWI3DOj59sbAh8ZuwIn8l5sKUmDUkxry2n3gYJ5s3uV3xhFCLQs1THtsg1/qA==
+"@vue/shared@3.0.0-beta.21":
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.21.tgz#f4fd53501f40aaaead1448de20beb831283a6e08"
+  integrity sha512-mCktqmNuFNI1x5DtCmx/90Qx/gH60fxEo7TEq119Q4qr0PNyU+mHU875J8WjCvXiFENsEsIjkJvS2KUQqzn4BA==
 
-"@vue/test-utils@1.0.0-beta.29":
-  version "1.0.0-beta.29"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-1.0.0-beta.29.tgz#c942cf25e891cf081b6a03332b4ae1ef430726f0"
-  integrity sha512-yX4sxEIHh4M9yAbLA/ikpEnGKMNBCnoX98xE1RwxfhQVcn0MaXNSj1Qmac+ZydTj6VBSEVukchBogXBTwc+9iA==
-  dependencies:
-    dom-event-types "^1.0.0"
-    lodash "^4.17.4"
+"@vue/test-utils@2.0.0-alpha.8":
+  version "2.0.0-alpha.8"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-alpha.8.tgz#4e75f407585d6cf77bd39842365c560eb7108560"
+  integrity sha512-T2S1Op2mKdF0DmQNiGLZDZHI86Ny1hvl+ApxGUEPVydMqqz5mTFHlbW89+MsKik5cQ3ikSA1hZj0y817IqAPvw==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -4590,11 +4592,6 @@ dom-converter@^0.2:
   dependencies:
     utila "~0.4"
 
-dom-event-types@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dom-event-types/-/dom-event-types-1.0.0.tgz#5830a0a29e1bf837fe50a70cd80a597232813cae"
-  integrity sha512-2G2Vwi2zXTHBGqXHsJ4+ak/iP0N8Ar+G8a7LiD2oup5o4sQWytwqqrZu/O6hIMV0KMID2PL69OhpshLO0n7UJQ==
-
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -5038,10 +5035,10 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
-estree-walker@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.8.1.tgz#6230ce2ec9a5cb03888afcaf295f97d90aa52b79"
-  integrity sha512-H6cJORkqvrNziu0KX2hqOMAlA2CiuAxHeGJXSIoKA/KLv229Dw806J3II6mKTm5xiDX1At1EXCfsOQPB+tMB+g==
+estree-walker@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
+  integrity sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==
 
 esutils@^2.0.2:
   version "2.0.3"
@@ -8004,6 +8001,13 @@ macos-release@^2.2.0:
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
   integrity sha512-OHhSbtcviqMPt7yfw5ef5aghS2jzFVKEFyCJndQt2YpSQ9qRVSEv2axSJI1paVThEu+FFGs584h/1YhxjVqajA==
 
+magic-string@^0.25.7:
+  version "0.25.7"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
+  integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
+  dependencies:
+    sourcemap-codec "^1.4.4"
+
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -10856,6 +10860,11 @@ source-map@^0.7.3:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
+sourcemap-codec@^1.4.4:
+  version "1.4.8"
+  resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
 spdx-correct@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
@@ -12291,24 +12300,24 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.1:
-  version "4.0.0-beta.1"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.1.tgz#8ccdc37c991efa30d1519f885dd772307715503a"
-  integrity sha512-byqdBiKISN9Qrse6A0fgR6tePQNwlAdx+wBgO2x08MEn6hy8ds19uKvosfruVjw5vhpFmjvGR15Z68an+7fRAQ==
+vue-router@^4.0.0-beta.2:
+  version "4.0.0-beta.2"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.2.tgz#792dfafdb2b2eecfe84f53e2ce6855ccff079e92"
+  integrity sha512-+TvUCpxEhgSCssMTXdX4qei/YZN1kEt4nZoOySPLLUlAeEIlY3K1ps3hyCOeC1qYGCuSwaWuDmK/yi2d7W0sSg==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-beta.20:
-  version "3.0.0-beta.20"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.20.tgz#34a7907cfbdc65b6b8c61fb4d7656f4aa6bf1fff"
-  integrity sha512-JmfvMwZQ/bsEF5YBDdYqZzpp4M8dSninyGxG2bHUlpS4Y66X/pduw2GpGE61xxgfrp2KM5cI9ryRpsNHrsf9HA==
+vue@^3.0.0-beta.21:
+  version "3.0.0-beta.21"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.21.tgz#71b8ba89cf5e2321371344492caa854e8087848c"
+  integrity sha512-ABzY8deVybug0IXuC08rUaNwMysJaRTiiRUqidQZ9BjkIKrDLIAaN59OY37vGofmAu88+zMQ7kUfhTrbTtlcNQ==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.20"
-    "@vue/runtime-dom" "3.0.0-beta.20"
-    "@vue/shared" "3.0.0-beta.20"
+    "@vue/compiler-dom" "3.0.0-beta.21"
+    "@vue/runtime-dom" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-beta.21"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 7317a1379b2c4016037f9d10b7ae2363d9bb0ff2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:12:12 +0800
Subject: [PATCH 075/626] feat(Tag): add show prop and fix transition

---
 src/tag/README.md       |  5 +++--
 src/tag/README.zh-CN.md |  5 +++--
 src/tag/demo/index.vue  |  4 ++--
 src/tag/index.js        | 26 +++++++++++++-------------
 4 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/tag/README.md b/src/tag/README.md
index 4a8a32d45..7a6e00b21 100644
--- a/src/tag/README.md
+++ b/src/tag/README.md
@@ -68,19 +68,19 @@ Vue.use(Tag);
 
 ```html
 <van-tag
-  v-if="show.primary"
   closeable
   size="medium"
   type="primary"
+  :show="show.primary"
   @close="close('primary')"
 >
   Tag
 </van-tag>
 <van-tag
-  v-if="show.success"
   closeable
   size="medium"
   type="success"
+  :show="show.success"
   @close="close('success')"
 >
   Tag
@@ -114,6 +114,7 @@ export default {
 | type | Type, can be set to `primary` `success` `danger` `warning` | _string_ | `default` |
 | size | Size, can be set to `large` `medium` | _string_ | - |
 | color | Custom color | _string_ | - |
+| show | Whether to show tag | _boolean_ | `true` |
 | plain | Whether to be plain style | _boolean_ | `false` |
 | round | Whether to be round style | _boolean_ | `false` |
 | mark | Whether to be mark style | _boolean_ | `false` |
diff --git a/src/tag/README.zh-CN.md b/src/tag/README.zh-CN.md
index f9fc0e99b..b855db5e5 100644
--- a/src/tag/README.zh-CN.md
+++ b/src/tag/README.zh-CN.md
@@ -78,19 +78,19 @@ Vue.use(Tag);
 
 ```html
 <van-tag
-  v-if="show.primary"
   closeable
   size="medium"
   type="primary"
+  :show="show.primary"
   @close="close('primary')"
 >
   标签
 </van-tag>
 <van-tag
-  v-if="show.success"
   closeable
   size="medium"
   type="success"
+  :show="show.success"
   @close="close('success')"
 >
   标签
@@ -124,6 +124,7 @@ export default {
 | type | 类型，可选值为`primary` `success` `danger` `warning` | _string_ | `default` |
 | size | 大小, 可选值为`large` `medium` | _string_ | - |
 | color | 标签颜色 | _string_ | - |
+| show | 是否展示标签 | _boolean_ | `true` |
 | plain | 是否为空心样式 | _boolean_ | `false` |
 | round | 是否为圆角样式 | _boolean_ | `false` |
 | mark | 是否为标记样式 | _boolean_ | `false` |
diff --git a/src/tag/demo/index.vue b/src/tag/demo/index.vue
index 83db72ed0..c2d2e1a52 100644
--- a/src/tag/demo/index.vue
+++ b/src/tag/demo/index.vue
@@ -43,8 +43,8 @@
 
     <demo-block :title="t('closeable')">
       <van-tag
-        v-if="show.primary"
         size="medium"
+        :show="show.primary"
         closeable
         type="primary"
         @close="close('primary')"
@@ -52,8 +52,8 @@
         {{ t('tag') }}
       </van-tag>
       <van-tag
-        v-if="show.success"
         size="medium"
+        :show="show.success"
         closeable
         type="success"
         @close="close('success')"
diff --git a/src/tag/index.js b/src/tag/index.js
index a66c4b7c3..c3f438913 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -1,7 +1,5 @@
-// Utils
+import { Transition } from 'vue';
 import { createNamespace } from '../utils';
-
-// Components
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('tag');
@@ -19,6 +17,10 @@ export default createComponent({
       type: String,
       default: 'default',
     },
+    show: {
+      type: Boolean,
+      default: true,
+    },
   },
 
   emits: ['close'],
@@ -51,16 +53,14 @@ export default createComponent({
       );
 
       return (
-        <transition name={props.closeable ? 'van-fade' : null}>
-          <span
-            key="content"
-            style={style}
-            class={bem([classes, type])}
-          >
-            {slots.default?.()}
-            {CloseIcon}
-          </span>
-        </transition>
+        <Transition name={props.closeable ? 'van-fade' : null}>
+          {props.show ? (
+            <span key="content" style={style} class={bem([classes, type])}>
+              {slots.default?.()}
+              {CloseIcon}
+            </span>
+          ) : null}
+        </Transition>
       );
     };
   },

From 8d98ff14fab9b321f4e1c31b0cb82c6aa215b9bc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:18:05 +0800
Subject: [PATCH 076/626] chore: bump vue@3.0.0-rc.4

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index d3a664ced..d0f9a3ba7 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.3",
-    "@vue/compiler-sfc": "^3.0.0-beta.21",
+    "@vue/compiler-sfc": "^3.0.0-rc.4",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-beta.21"
+    "vue": "^3.0.0-rc.4"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 46927e534..a58990ada 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2122,36 +2122,36 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-beta.21.tgz#818b1a27d640663de01fef3a12ba53cd90cbd946"
-  integrity sha512-+V3KymdckkMmcVFOY+JKUM4q/4WteJndjQgFtQztboKCeMc4ZGdiOmkwS1ZMtqfGhoE7wf7BPQRJ47bZGneS/g==
+"@vue/compiler-core@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.4.tgz#2fe7c9e010d6c66f1f191c8a6fbd4e9c4d87d126"
+  integrity sha1-L+fJ4BDWxm8fGRyKb71OnE2H0SY=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-rc.4"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-beta.21.tgz#16140b976a083481a7f58577dbb5d7f70f487798"
-  integrity sha512-NOw6uxAHXlSkVW8NkSplnOrNusVF9YRXuaS0DJW2++dtYw0kP6kYgOZmQ1liywl3Kf78BHXNLQqEdI7JDWkJ9g==
+"@vue/compiler-dom@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.4.tgz#3c6b56f8c99797b46cf7935ffb1e538a1a1174c7"
+  integrity sha1-PGtW+MmXl7Rs95Nf+x5TihoRdMc=
   dependencies:
-    "@vue/compiler-core" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/compiler-core" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
 
-"@vue/compiler-sfc@^3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-beta.21.tgz#56c256c0d1067ca1ac58556fddb2c7adfcec9572"
-  integrity sha512-AvjEiGqonKKA58EkoeycRVvgGxSAMefcf7VMn11Sw6wiz8/dwfGCiVvae9ezN0NI30yQd5+9x2VyWXlbOgP/qw==
+"@vue/compiler-sfc@^3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.4.tgz#cdd8154c3a6a4dc34405fbdb75db4a55db2fae26"
+  integrity sha1-zdgVTDpqTcNEBfvbddtKVdsvriY=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-beta.21"
-    "@vue/compiler-dom" "3.0.0-beta.21"
-    "@vue/compiler-ssr" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/compiler-core" "3.0.0-rc.4"
+    "@vue/compiler-dom" "3.0.0-rc.4"
+    "@vue/compiler-ssr" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2163,13 +2163,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-beta.21.tgz#ea06f054a84832143a311688067000b970d427a7"
-  integrity sha512-bE29cgqsmXFlMrrhRab3Uvvwx6jIq8ZQrva7VedqBDIHL1tzWonbvuNtiYM8hNwNUalNiVqhEH9kcVB5YAeS8w==
+"@vue/compiler-ssr@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.4.tgz#58d3446eda2cbdc38d983c0a8bbab7d182921149"
+  integrity sha1-WNNEbtosvcONmDwKi7q30YKSEUk=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/compiler-dom" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -2202,34 +2202,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-beta.21.tgz#b974040b50799f36c5b75941e7b13dc074db1827"
-  integrity sha512-G43QUrs2TkIMeBnOfewot/k9C4K116BluoQTYGnukninESb+Th2psijDPsqAu9W8Ja+XAE7zQpawIkwwY0hYfQ==
+"@vue/reactivity@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.4.tgz#0a917d9809967c78c32436fb0113dac6d157b87a"
+  integrity sha1-CpF9mAmWfHjDJDb7ARPaxtFXuHo=
   dependencies:
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/shared" "3.0.0-rc.4"
 
-"@vue/runtime-core@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-beta.21.tgz#7c8e351d8376bc8076d7685a7ac0a1caf8a9d3cb"
-  integrity sha512-xAlyIo8N1dBG+nA9JTQHPrMnG71RKm4oV6d19OAwxrPHsHJmyrpiqWbglrDvA8TaHSA/hniqscti6nxxMgEN8w==
+"@vue/runtime-core@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.4.tgz#87b5a4022aa86eb717d38751b8b4be4cede0f323"
+  integrity sha1-h7WkAiqobrcX04dRuLS+TO3g8yM=
   dependencies:
-    "@vue/reactivity" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/reactivity" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
 
-"@vue/runtime-dom@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-beta.21.tgz#ec84f1f775494a28a4f2375224c7d9d2c54a5a68"
-  integrity sha512-GyRqkJ6XkGgDkFJZokR8VLlaiTisdVzNxwLtOYEyxWAKF2q8FOxrjNwBLAXCUyza8Zb6j/Nj9NlClthXp6RZbw==
+"@vue/runtime-dom@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.4.tgz#66453056c2761f112d9c04ab816477140bcaa664"
+  integrity sha1-ZkUwVsJ2HxEtnASrgWR3FAvKpmQ=
   dependencies:
-    "@vue/runtime-core" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/runtime-core" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-beta.21":
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-beta.21.tgz#f4fd53501f40aaaead1448de20beb831283a6e08"
-  integrity sha512-mCktqmNuFNI1x5DtCmx/90Qx/gH60fxEo7TEq119Q4qr0PNyU+mHU875J8WjCvXiFENsEsIjkJvS2KUQqzn4BA==
+"@vue/shared@3.0.0-rc.4":
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.4.tgz#fac45cd6fec76a1e284b41f1b49c2cb13c914598"
+  integrity sha1-+sRc1v7Hah4oS0HxtJwssTyRRZg=
 
 "@vue/test-utils@2.0.0-alpha.8":
   version "2.0.0-alpha.8"
@@ -12310,14 +12310,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-beta.21:
-  version "3.0.0-beta.21"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-beta.21.tgz#71b8ba89cf5e2321371344492caa854e8087848c"
-  integrity sha512-ABzY8deVybug0IXuC08rUaNwMysJaRTiiRUqidQZ9BjkIKrDLIAaN59OY37vGofmAu88+zMQ7kUfhTrbTtlcNQ==
+vue@^3.0.0-rc.4:
+  version "3.0.0-rc.4"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.4.tgz?cache=0&sync_timestamp=1595360618003&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.4.tgz#f17b32914c8add7f4792d618eb4f1358ff4222e8"
+  integrity sha1-8XsykUyK3X9HktYY608TWP9CIug=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-beta.21"
-    "@vue/runtime-dom" "3.0.0-beta.21"
-    "@vue/shared" "3.0.0-beta.21"
+    "@vue/compiler-dom" "3.0.0-rc.4"
+    "@vue/runtime-dom" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.4"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 34f34feeda2fecef37a861bda3a18c85d1cdde73 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:21:05 +0800
Subject: [PATCH 077/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |   4 +-
 packages/vant-cli/yarn.lock    | 110 ++++++++++++++++++++++++++++++---
 2 files changed, 103 insertions(+), 11 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 606fa4c0b..da3a2943c 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -39,7 +39,7 @@
     "@types/webpack-merge": "^4.1.5"
   },
   "dependencies": {
-    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-beta.2",
+    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-beta.4",
     "@babel/core": "^7.10.1",
     "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
@@ -98,7 +98,7 @@
     "typescript": "^3.9.3",
     "vue-jest": "4.0.0-beta.2",
     "vue-loader": "^16.0.0-beta.4",
-    "vue-router": "^4.0.0-beta.2",
+    "vue-router": "^4.0.0-beta.3",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 76d0fd363..e08559337 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -14,15 +14,16 @@
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.2":
-  version "1.0.0-beta.2"
-  resolved "https://registry.npm.taobao.org/@ant-design-vue/babel-plugin-jsx/download/@ant-design-vue/babel-plugin-jsx-1.0.0-beta.2.tgz?cache=0&sync_timestamp=1594789988862&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40ant-design-vue%2Fbabel-plugin-jsx%2Fdownload%2F%40ant-design-vue%2Fbabel-plugin-jsx-1.0.0-beta.2.tgz#b2d266c2add32361f73b438afc20a085e7ae7010"
-  integrity sha1-stJmwq3TI2H3O0OK/CCgheeucBA=
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.4":
+  version "1.0.0-beta.4"
+  resolved "https://registry.npm.taobao.org/@ant-design-vue/babel-plugin-jsx/download/@ant-design-vue/babel-plugin-jsx-1.0.0-beta.4.tgz#38e90befb34a062a63db919ae891d2f69dd907d7"
+  integrity sha1-OOkL77NKBipj25Ga6JHS9p3ZB9c=
   dependencies:
     "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
     "@babel/types" "^7.0.0"
     camelcase "^6.0.0"
     html-tags "^3.1.0"
@@ -42,6 +43,13 @@
   dependencies:
     "@babel/highlight" "^7.10.1"
 
+"@babel/code-frame@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
+  integrity sha1-Fo2ho26Q2miujUnA8bSMfGJJITo=
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
 "@babel/compat-data@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/compat-data/download/@babel/compat-data-7.10.1.tgz?cache=0&sync_timestamp=1590617980292&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcompat-data%2Fdownload%2F%40babel%2Fcompat-data-7.10.1.tgz#b1085ffe72cd17bf2c0ee790fc09f9626011b2db"
@@ -105,6 +113,15 @@
     lodash "^4.17.13"
     source-map "^0.5.0"
 
+"@babel/generator@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.10.5.tgz?cache=0&sync_timestamp=1594750826431&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.10.5.tgz#1b903554bc8c583ee8d25f1e8969732e6b829a69"
+  integrity sha1-G5A1VLyMWD7o0l8eiWlzLmuCmmk=
+  dependencies:
+    "@babel/types" "^7.10.5"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.9.6":
   version "7.9.6"
   resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.9.6.tgz?cache=0&sync_timestamp=1588185813233&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.9.6.tgz#5408c82ac5de98cda0d77d8124e99fa1f2170a43"
@@ -204,6 +221,15 @@
     "@babel/template" "^7.10.1"
     "@babel/types" "^7.10.1"
 
+"@babel/helper-function-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.10.4.tgz?cache=0&sync_timestamp=1593522836308&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-function-name%2Fdownload%2F%40babel%2Fhelper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
+  integrity sha1-0tOyDFmtjEcRL6fSqUvAnV74Lxo=
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-function-name@^7.9.5":
   version "7.9.5"
   resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.9.5.tgz#2b53820d35275120e1874a82e5aabe1376920a5c"
@@ -220,6 +246,13 @@
   dependencies:
     "@babel/types" "^7.10.1"
 
+"@babel/helper-get-function-arity@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-get-function-arity/download/@babel/helper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
+  integrity sha1-mMHL6g4jMvM/mkZhuM4VBbLBm6I=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-get-function-arity@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
@@ -385,6 +418,13 @@
   dependencies:
     "@babel/types" "^7.10.1"
 
+"@babel/helper-split-export-declaration@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-split-export-declaration/download/@babel/helper-split-export-declaration-7.10.4.tgz?cache=0&sync_timestamp=1593522826673&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-split-export-declaration%2Fdownload%2F%40babel%2Fhelper-split-export-declaration-7.10.4.tgz#2c70576eaa3b5609b24cb99db2888cc3fc4251d1"
+  integrity sha1-LHBXbqo7VgmyTLmdsoiMw/xCUdE=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-split-export-declaration@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
@@ -397,6 +437,11 @@
   resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.1.tgz#5770b0c1a826c4f53f5ede5e153163e0318e94b5"
   integrity sha1-V3CwwagmxPU/Xt5eFTFj4DGOlLU=
 
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  integrity sha1-p4x6clHgH2FlEtMbEK3PUq2l4NI=
+
 "@babel/helper-validator-identifier@^7.9.5":
   version "7.9.5"
   resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
@@ -439,6 +484,15 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.10.4.tgz?cache=0&sync_timestamp=1593521087106&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhighlight%2Fdownload%2F%40babel%2Fhighlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  integrity sha1-fRvf1ldTU4+r5sOFls23bZrGAUM=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/highlight@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
@@ -458,6 +512,11 @@
   resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.10.1.tgz?cache=0&sync_timestamp=1590618945392&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.10.1.tgz#2e142c27ca58aa2c7b119d09269b702c8bbad28c"
   integrity sha1-LhQsJ8pYqix7EZ0JJptwLIu60ow=
 
+"@babel/parser@^7.10.4", "@babel/parser@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.10.5.tgz?cache=0&sync_timestamp=1594750682592&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
+  integrity sha1-58a/Wn3v+VfOyfBLVR4nYpCdgms=
+
 "@babel/plugin-proposal-async-generator-functions@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-async-generator-functions/download/@babel/plugin-proposal-async-generator-functions-7.10.1.tgz#6911af5ba2e615c4ff3c497fe2f47b35bf6d7e55"
@@ -1075,6 +1134,15 @@
     "@babel/parser" "^7.10.1"
     "@babel/types" "^7.10.1"
 
+"@babel/template@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/template/download/@babel/template-7.10.4.tgz?cache=0&sync_timestamp=1593522831608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftemplate%2Fdownload%2F%40babel%2Ftemplate-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
+  integrity sha1-MlGZbEIA68cdGo/EBfupQPNrong=
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/template@^7.3.3", "@babel/template@^7.7.4", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
   version "7.8.6"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
@@ -1084,6 +1152,21 @@
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
 
+"@babel/traverse@^7.0.0":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.10.5.tgz?cache=0&sync_timestamp=1594750826800&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftraverse%2Fdownload%2F%40babel%2Ftraverse-7.10.5.tgz#77ce464f5b258be265af618d8fddf0536f20b564"
+  integrity sha1-d85GT1sli+Jlr2GNj93wU28gtWQ=
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.10.5"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+    "@babel/parser" "^7.10.5"
+    "@babel/types" "^7.10.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
+
 "@babel/traverse@^7.1.0", "@babel/traverse@^7.7.4", "@babel/traverse@^7.8.6", "@babel/traverse@^7.9.6":
   version "7.9.6"
   resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.9.6.tgz?cache=0&sync_timestamp=1588185695166&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftraverse%2Fdownload%2F%40babel%2Ftraverse-7.9.6.tgz#5540d7577697bf619cc57b92aa0f1c231a94f442"
@@ -1132,6 +1215,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.10.4", "@babel/types@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.10.5.tgz?cache=0&sync_timestamp=1594750825865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.10.5.tgz#d88ae7e2fde86bfbfe851d4d81afa70a997b5d15"
+  integrity sha1-2Irn4v3oa/v+hR1Nga+nCpl7XRU=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -7662,7 +7754,7 @@ lodash@4.17.15:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
-lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4:
+lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
   version "4.17.19"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
   integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
@@ -12015,10 +12107,10 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.2:
-  version "4.0.0-beta.2"
-  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.2.tgz?cache=0&sync_timestamp=1594139127797&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.2.tgz#792dfafdb2b2eecfe84f53e2ce6855ccff079e92"
-  integrity sha1-eS36/bKy7s/oT1PizmhVzP8HnpI=
+vue-router@^4.0.0-beta.3:
+  version "4.0.0-beta.3"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.3.tgz?cache=0&sync_timestamp=1595343990231&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.3.tgz#e46f45807023a4b8ce73a143a216b4c9ea3eb243"
+  integrity sha1-5G9FgHAjpLjOc6FDoha0yeo+skM=
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From 12aa2b0948422371ec4a135558b2c92aeea763ea Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:21:56 +0800
Subject: [PATCH 078/626] chore: release @vant/cli@3.0.0-alpha.4

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index da3a2943c..da1fdccb5 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From f74f1047fd84d731d88e46797f9857b580749537 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:24:20 +0800
Subject: [PATCH 079/626] chore: bump @vant/cli@3.0.0-alpha.4

---
 package.json |  2 +-
 yarn.lock    | 72 ++++++++++++++++++++++++++++++++++++++++++----------
 2 files changed, 59 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index d0f9a3ba7..e2df2301f 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.3",
+    "@vant/cli": "^3.0.0-alpha.4",
     "@vue/compiler-sfc": "^3.0.0-rc.4",
     "prettier": "^2.0.4",
     "vue": "^3.0.0-rc.4"
diff --git a/yarn.lock b/yarn.lock
index a58990ada..a82a00556 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14,15 +14,16 @@
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.2":
-  version "1.0.0-beta.2"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-beta.2.tgz#b2d266c2add32361f73b438afc20a085e7ae7010"
-  integrity sha512-B3u109nJfRgOOe0Bwo6H4xJMcKfLJge1ir+siS55JBlFGzBwV2v1Fywn3dBhhRew/50nYr/8+FnhCaG7DNcLRQ==
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.4":
+  version "1.0.0-beta.4"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-beta.4.tgz#38e90befb34a062a63db919ae891d2f69dd907d7"
+  integrity sha512-x0zJ0I8oy+LUMnnFQ8kByxHRH2v6kwO5xyRkwlbM/d0rGzcifmh+NgnpX35TMqi6jsjJu3He4WVsYbWVu1SWGg==
   dependencies:
     "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
     "@babel/types" "^7.0.0"
     camelcase "^6.0.0"
     html-tags "^3.1.0"
@@ -105,6 +106,15 @@
     lodash "^4.17.13"
     source-map "^0.5.0"
 
+"@babel/generator@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.10.5.tgz#1b903554bc8c583ee8d25f1e8969732e6b829a69"
+  integrity sha512-3vXxr3FEW7E7lJZiWQ3bM4+v/Vyr9C+hpolQ8BGFr9Y8Ri2tFLWTixmwKBafDujO1WVah4fhZBeU1bieKdghig==
+  dependencies:
+    "@babel/types" "^7.10.5"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.6.tgz#5408c82ac5de98cda0d77d8124e99fa1f2170a43"
@@ -453,6 +463,11 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.10.4.tgz#9eedf27e1998d87739fb5028a5120557c06a1a64"
   integrity sha512-8jHII4hf+YVDsskTF6WuMB3X4Eh+PsUkC2ljq22so5rHvH+T8BzyL94VOdyFLNR8tBSVXOTbNHOKpR4TfRxVtA==
 
+"@babel/parser@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
+  integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
+
 "@babel/plugin-proposal-async-generator-functions@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.4.tgz#4b65abb3d9bacc6c657aaa413e56696f9f170fc6"
@@ -1072,6 +1087,21 @@
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
 
+"@babel/traverse@^7.0.0":
+  version "7.10.5"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.10.5.tgz#77ce464f5b258be265af618d8fddf0536f20b564"
+  integrity sha512-yc/fyv2gUjPqzTz0WHeRJH2pv7jA9kA7mBX2tXl/x5iOE81uaVPuGPtaYk7wmkx4b67mQ7NqI8rmT2pF47KYKQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.10.5"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+    "@babel/parser" "^7.10.5"
+    "@babel/types" "^7.10.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
+
 "@babel/traverse@^7.1.0", "@babel/traverse@^7.7.4", "@babel/traverse@^7.8.6", "@babel/traverse@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.9.6.tgz#5540d7577697bf619cc57b92aa0f1c231a94f442"
@@ -1120,6 +1150,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.10.5.tgz#d88ae7e2fde86bfbfe851d4d81afa70a997b5d15"
+  integrity sha512-ixV66KWfCI6GKoA/2H9v6bQdbfXEwwpOdQ8cRvb4F+eyvhlaHxWFMQB4+3d9QFJXZsiiiqVrewNV0DFEQpyT4Q==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -2000,12 +2039,12 @@
     semver "^6.3.0"
     tsutils "^3.17.1"
 
-"@vant/cli@^3.0.0-alpha.3":
-  version "3.0.0-alpha.3"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.3.tgz#224cb8c3e6bccdb57d78329376eac7b6ae18f6b1"
-  integrity sha512-cSM5JbWpBTwGtQJzZDPIKtnrnW1QoBhM3HZW28XYBxJBGsguuzpRnni7n/u26/6cWlbRVFc/66Gc+wan3ZbNyw==
+"@vant/cli@^3.0.0-alpha.4":
+  version "3.0.0-alpha.4"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.4.tgz#7f7fe1ea63ed1c509b7d5fa265dd9247d800368c"
+  integrity sha512-sgQGNQzfGuhLS5KMab8A5F+ZmaJ3oXMYtHipGl4d4o8E2WpHQhk726aFvuLQit04X5u3DbEBVxLemOT54MwaeQ==
   dependencies:
-    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-beta.2"
+    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-beta.4"
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2064,7 +2103,7 @@
     typescript "^3.9.3"
     vue-jest "4.0.0-beta.2"
     vue-loader "^16.0.0-beta.4"
-    vue-router "^4.0.0-beta.2"
+    vue-router "^4.0.0-beta.3"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
@@ -7901,6 +7940,11 @@ lodash@4.17.15, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
+lodash@^4.17.19:
+  version "4.17.19"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+
 log-symbols@^2.0.0, log-symbols@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -12300,10 +12344,10 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.2:
-  version "4.0.0-beta.2"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.2.tgz#792dfafdb2b2eecfe84f53e2ce6855ccff079e92"
-  integrity sha512-+TvUCpxEhgSCssMTXdX4qei/YZN1kEt4nZoOySPLLUlAeEIlY3K1ps3hyCOeC1qYGCuSwaWuDmK/yi2d7W0sSg==
+vue-router@^4.0.0-beta.3:
+  version "4.0.0-beta.3"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.3.tgz#e46f45807023a4b8ce73a143a216b4c9ea3eb243"
+  integrity sha512-3/cg3n46D9MO9u2nvtGE38gMyUxg8sjt6jMeZ6zbi9sRGAL0PaDHuKS+xWlOOLit7abP5MepNlh84t41gxtP8Q==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From b3964e6afa7b1f9f34f2e15b65e4f8b039697f2f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 16:28:40 +0800
Subject: [PATCH 080/626] feat: migrate NoticeBar component

---
 components.js           |  1 +
 src/notice-bar/index.js | 25 +++++++++++++------------
 vant.config.js          | 16 ++++++++--------
 3 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/components.js b/components.js
index c0c25f949..e00d27f28 100644
--- a/components.js
+++ b/components.js
@@ -31,4 +31,5 @@ module.exports = [
   'pagination',
   'sidebar',
   'tree-select',
+  'notice-bar',
 ];
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 83db62c64..945f80586 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -37,9 +37,13 @@ export default createComponent({
   },
 
   watch: {
-    scrollable: 'start',
+    scrollable() {
+      this.start();
+    },
     text: {
-      handler: 'start',
+      handler() {
+        this.start();
+      },
       immediate: true,
     },
   },
@@ -105,7 +109,8 @@ export default createComponent({
   },
 
   render() {
-    const { slots, mode, leftIcon, onClickIcon } = this;
+    const slots = this.$slots;
+    const { mode, leftIcon, onClickIcon } = this;
 
     const barStyle = {
       color: this.color,
@@ -118,10 +123,8 @@ export default createComponent({
     };
 
     function LeftIcon() {
-      const slot = slots('left-icon');
-
-      if (slot) {
-        return slot;
+      if (slots['left-icon']) {
+        return slots['left-icon']();
       }
 
       if (leftIcon) {
@@ -130,10 +133,8 @@ export default createComponent({
     }
 
     function RightIcon() {
-      const slot = slots('right-icon');
-
-      if (slot) {
-        return slot;
+      if (slots['right-icon']) {
+        return slots['right-icon']();
       }
 
       let iconName;
@@ -175,7 +176,7 @@ export default createComponent({
             style={contentStyle}
             onTransitionend={this.onTransitionEnd}
           >
-            {this.slots() || this.text}
+            {slots.default?.() || this.text}
           </div>
         </div>
         {RightIcon()}
diff --git a/vant.config.js b/vant.config.js
index 23801ec26..b9f626054 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -253,10 +253,10 @@ module.exports = {
               //   path: 'list',
               //   title: 'List 列表',
               // },
-              // {
-              //   path: 'notice-bar',
-              //   title: 'NoticeBar 通知栏',
-              // },
+              {
+                path: 'notice-bar',
+                title: 'NoticeBar 通知栏',
+              },
               {
                 path: 'progress',
                 title: 'Progress 进度条',
@@ -587,10 +587,10 @@ module.exports = {
               //   path: 'list',
               //   title: 'List',
               // },
-              // {
-              //   path: 'notice-bar',
-              //   title: 'NoticeBar',
-              // },
+              {
+                path: 'notice-bar',
+                title: 'NoticeBar',
+              },
               {
                 path: 'progress',
                 title: 'Progress',

From 70f6146981d42aa5e4be8877df6083aba0229c45 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 21:56:45 +0800
Subject: [PATCH 081/626] fix(NoticeBar): add emits

---
 src/notice-bar/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 945f80586..9b9da8be9 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -26,6 +26,8 @@ export default createComponent({
     },
   },
 
+  emits: ['click', 'close', 'replay'],
+
   data() {
     return {
       show: true,

From bb445b74eff8a046196019029cd1ac37579f322e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 22:04:21 +0800
Subject: [PATCH 082/626] feat: migrate ShareSheet component

---
 breaking-changes.md             |  2 ++
 components.js                   |  1 +
 src/share-sheet/README.md       |  6 +++---
 src/share-sheet/README.zh-CN.md |  8 ++++----
 src/share-sheet/demo/index.vue  |  8 ++++----
 src/share-sheet/index.js        | 19 +++++++++++++------
 vant.config.js                  | 16 ++++++++--------
 7 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/breaking-changes.md b/breaking-changes.md
index ea43013c2..9c0db1385 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -6,6 +6,8 @@
 
 - Circle: `v-model` 重命名为 `v-model:currentRate`
 - Popup: `v-model` 重命名为 `v-model:show`
+- ShareSheet: `v-model` 重命名为 `v-model:show`
+- ActionSheet: `v-model` 重命名为 `v-model:show`
 - Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
diff --git a/components.js b/components.js
index e00d27f28..571baf58b 100644
--- a/components.js
+++ b/components.js
@@ -32,4 +32,5 @@ module.exports = [
   'sidebar',
   'tree-select',
   'notice-bar',
+  'share-sheet',
 ];
diff --git a/src/share-sheet/README.md b/src/share-sheet/README.md
index ec78dec72..8c2ebdd4d 100644
--- a/src/share-sheet/README.md
+++ b/src/share-sheet/README.md
@@ -16,7 +16,7 @@ Vue.use(ShareSheet);
 ```html
 <van-cell title="Show ShareSheet" @click="showShare = true" />
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   title="Share"
   :options="options"
   @select="onSelect"
@@ -51,7 +51,7 @@ export default {
 ### Multi Line
 
 ```html
-<van-share-sheet v-model="showShare" title="Share" :options="options" />
+<van-share-sheet v-model:show="showShare" title="Share" :options="options" />
 ```
 
 ```js
@@ -80,7 +80,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   :options="options"
   title="Share"
   description="Description"
diff --git a/src/share-sheet/README.zh-CN.md b/src/share-sheet/README.zh-CN.md
index 2b14c5b8f..b8987f893 100644
--- a/src/share-sheet/README.zh-CN.md
+++ b/src/share-sheet/README.zh-CN.md
@@ -22,7 +22,7 @@ Vue.use(ShareSheet);
 ```html
 <van-cell title="显示分享面板" @click="showShare = true" />
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   title="立即分享给好友"
   :options="options"
   @select="onSelect"
@@ -60,7 +60,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   title="立即分享给好友"
   :options="options"
 />
@@ -93,7 +93,7 @@ export default {
 除了使用内置的几种图标外，可以直接在 `icon` 中传入图片 URL 来使用自定义的图标。
 
 ```html
-<van-share-sheet v-model="showShare" :options="options" />
+<van-share-sheet v-model:show="showShare" :options="options" />
 ```
 
 ```js
@@ -126,7 +126,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   :options="options"
   title="立即分享给好友"
   description="描述信息"
diff --git a/src/share-sheet/demo/index.vue b/src/share-sheet/demo/index.vue
index 62f042a33..733827c1c 100644
--- a/src/share-sheet/demo/index.vue
+++ b/src/share-sheet/demo/index.vue
@@ -3,7 +3,7 @@
     <demo-block card :title="t('basicUsage')">
       <van-cell is-link :title="t('showSheet')" @click="show.basic = true" />
       <van-share-sheet
-        v-model="show.basic"
+        v-model:show="show.basic"
         :title="t('title')"
         :options="options"
         @select="onSelect"
@@ -17,7 +17,7 @@
         @click="show.multiLine = true"
       />
       <van-share-sheet
-        v-model="show.multiLine"
+        v-model:show="show.multiLine"
         :title="t('title')"
         :options="multiLineOptions"
         @select="onSelect"
@@ -31,7 +31,7 @@
         @click="show.customIcon = true"
       />
       <van-share-sheet
-        v-model="show.customIcon"
+        v-model:show="show.customIcon"
         :options="customIconOptions"
         @select="onSelect"
       />
@@ -40,7 +40,7 @@
     <demo-block card :title="t('withDesc')">
       <van-cell is-link :title="t('showSheet')" @click="show.withDesc = true" />
       <van-share-sheet
-        v-model="show.withDesc"
+        v-model:show="show.withDesc"
         :title="t('title')"
         :options="optionsWithDesc"
         :description="t('description')"
diff --git a/src/share-sheet/index.js b/src/share-sheet/index.js
index 9dde4c5c4..63686cd06 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -15,6 +15,7 @@ export default createComponent({
   props: {
     ...popupMixinProps,
     title: String,
+    duration: [Number, String],
     cancelText: String,
     description: String,
     getContainer: [String, Function],
@@ -40,6 +41,8 @@ export default createComponent({
     },
   },
 
+  emits: ['cancel', 'select', 'update:show', 'click-overlay'],
+
   methods: {
     onCancel() {
       this.toggle(false);
@@ -51,7 +54,7 @@ export default createComponent({
     },
 
     toggle(val) {
-      this.$emit('input', val);
+      this.$emit('update:show', val);
     },
 
     getIconURL(icon) {
@@ -63,8 +66,10 @@ export default createComponent({
     },
 
     genHeader() {
-      const title = this.slots('title') || this.title;
-      const description = this.slots('description') || this.description;
+      const title = this.$slots.title ? this.$slots.title() : this.title;
+      const description = this.$slots.description
+        ? this.$slots.description()
+        : this.description;
 
       if (!title && !description) {
         return;
@@ -132,8 +137,8 @@ export default createComponent({
     return (
       <Popup
         round
+        show={this.show}
         class={bem()}
-        value={this.value}
         position="bottom"
         overlay={this.overlay}
         duration={this.duration}
@@ -143,8 +148,10 @@ export default createComponent({
         closeOnPopstate={this.closeOnPopstate}
         closeOnClickOverlay={this.closeOnClickOverlay}
         safeAreaInsetBottom={this.safeAreaInsetBottom}
-        onInput={this.toggle}
-        onClick-overlay={this.onClickOverlay}
+        {...{
+          'onUpdate:show': this.toggle,
+          'onClick-overlay': this.onClickOverlay,
+        }}
       >
         {this.genHeader()}
         {this.genRows()}
diff --git a/vant.config.js b/vant.config.js
index b9f626054..3fe9e0859 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -208,10 +208,10 @@ module.exports = {
               //   path: 'pull-refresh',
               //   title: 'PullRefresh 下拉刷新',
               // },
-              // {
-              //   path: 'share-sheet',
-              //   title: 'ShareSheet 分享面板',
-              // },
+              {
+                path: 'share-sheet',
+                title: 'ShareSheet 分享面板',
+              },
               {
                 path: 'swipe-cell',
                 title: 'SwipeCell 滑动单元格',
@@ -542,10 +542,10 @@ module.exports = {
               //   path: 'pull-refresh',
               //   title: 'PullRefresh',
               // },
-              // {
-              //   path: 'share-sheet',
-              //   title: 'ShareSheet',
-              // },
+              {
+                path: 'share-sheet',
+                title: 'ShareSheet',
+              },
               {
                 path: 'swipe-cell',
                 title: 'SwipeCell',

From 1e441e86a5446c69830f4a13879d681103011e89 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 22:05:47 +0800
Subject: [PATCH 083/626] docs(ActionSheet): update v-model usage

---
 src/action-sheet/README.md       | 12 ++++++------
 src/action-sheet/README.zh-CN.md | 12 ++++++------
 src/share-sheet/README.md        |  1 +
 src/share-sheet/README.zh-CN.md  |  1 +
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md
index 819482acd..7538e9db0 100644
--- a/src/action-sheet/README.md
+++ b/src/action-sheet/README.md
@@ -17,7 +17,7 @@ Use `actions` prop to set options of action-sheet.
 
 ```html
 <van-cell is-link title="Basic Usage" @click="show = true" />
-<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
+<van-action-sheet v-model:show="show" :actions="actions" @select="onSelect" />
 ```
 
 ```js
@@ -47,7 +47,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="Cancel"
   close-on-click-action
@@ -81,7 +81,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="Cancel"
   description="Description"
@@ -108,7 +108,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="Cancel"
   close-on-click-action
@@ -133,7 +133,7 @@ export default {
 ### Custom Panel
 
 ```html
-<van-action-sheet v-model="show" title="Title">
+<van-action-sheet v-model:show="show" title="Title">
   <div class="content">Content</div>
 </van-action-sheet>
 
@@ -150,7 +150,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model (value) | Whether to show ActionSheet | _boolean_ | `false` |
+| v-model:show | Whether to show ActionSheet | _boolean_ | `false` |
 | actions | Options | _Action[]_ | `[]` |
 | title | Title | _string_ | - |
 | cancel-text | Text of cancel button | _string_ | - |
diff --git a/src/action-sheet/README.zh-CN.md b/src/action-sheet/README.zh-CN.md
index afd55d34b..313ce0257 100644
--- a/src/action-sheet/README.zh-CN.md
+++ b/src/action-sheet/README.zh-CN.md
@@ -21,7 +21,7 @@ Vue.use(ActionSheet);
 
 ```html
 <van-cell is-link title="基础用法" @click="show = true" />
-<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
+<van-action-sheet v-model:show="show" :actions="actions" @select="onSelect" />
 ```
 
 ```js
@@ -51,7 +51,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   close-on-click-action
@@ -83,7 +83,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   description="这是一段描述信息"
@@ -112,7 +112,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   close-on-click-action
@@ -139,7 +139,7 @@ export default {
 通过插槽可以自定义面板的展示内容，同时可以使用`title`属性展示标题栏
 
 ```html
-<van-action-sheet v-model="show" title="标题">
+<van-action-sheet v-model:show="show" title="标题">
   <div class="content">内容</div>
 </van-action-sheet>
 
@@ -156,7 +156,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model (value) | 是否显示动作面板 | _boolean_ | `false` |
+| v-model:show | 是否显示动作面板 | _boolean_ | `false` |
 | actions | 面板选项列表 | _Action[]_ | `[]` |
 | title | 顶部标题 | _string_ | - |
 | cancel-text | 取消按钮文字 | _string_ | - |
diff --git a/src/share-sheet/README.md b/src/share-sheet/README.md
index 8c2ebdd4d..a7b9c4724 100644
--- a/src/share-sheet/README.md
+++ b/src/share-sheet/README.md
@@ -110,6 +110,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
+| v-model:show | Whether to show ShareSheet | _boolean_ | `false` |
 | options | Share options | _Option[]_ | `[]` |
 | title | Title | _string_ | - |
 | cancel-text | Cancel button text | _string_ | `'Cancel'` |
diff --git a/src/share-sheet/README.zh-CN.md b/src/share-sheet/README.zh-CN.md
index b8987f893..ba1839c28 100644
--- a/src/share-sheet/README.zh-CN.md
+++ b/src/share-sheet/README.zh-CN.md
@@ -156,6 +156,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
+| v-model:show | 是否显示分享面板 | _boolean_ | `false` |
 | options | 分享选项 | _Option[]_ | `[]` |
 | title | 顶部标题 | _string_ | - |
 | cancel-text | 取消按钮文字 | _string_ | `'取消'` |

From c0c175f5ffbb014f81d2bdccff66b8cef8267758 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 22:08:59 +0800
Subject: [PATCH 084/626] chore: fix missing sidebar-item config

---
 components.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components.js b/components.js
index 571baf58b..bdfdccaeb 100644
--- a/components.js
+++ b/components.js
@@ -30,6 +30,7 @@ module.exports = [
   'nav-bar',
   'pagination',
   'sidebar',
+  'sidebar-item',
   'tree-select',
   'notice-bar',
   'share-sheet',

From bb8a3d60b7d095fcd4c6df31b7c3d5a89cb12354 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 25 Jul 2020 22:21:22 +0800
Subject: [PATCH 085/626] feat: migrate PullRefresh component

---
 components.js             |  1 +
 src/pull-refresh/index.js | 21 ++++++++++++---------
 vant.config.js            | 16 ++++++++--------
 3 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/components.js b/components.js
index bdfdccaeb..3a1c30441 100644
--- a/components.js
+++ b/components.js
@@ -34,4 +34,5 @@ module.exports = [
   'tree-select',
   'notice-bar',
   'share-sheet',
+  'pull-refresh',
 ];
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index 776017e71..f498925b4 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -23,7 +23,7 @@ export default createComponent({
     pullingText: String,
     loosingText: String,
     loadingText: String,
-    value: {
+    modelValue: {
       type: Boolean,
       required: true,
     },
@@ -41,6 +41,8 @@ export default createComponent({
     },
   },
 
+  emits: ['refresh', 'update:modelValue'],
+
   data() {
     return {
       status: 'normal',
@@ -66,12 +68,14 @@ export default createComponent({
   },
 
   watch: {
-    value(loading) {
+    modelValue(loading) {
       this.duration = this.animationDuration;
 
       if (loading) {
         this.setStatus(+this.headHeight, true);
-      } else if (this.slots('success') || this.successText) {
+      } else if (
+        this.$slots.success ? this.$slots.success() : this.successText
+      ) {
         this.showSuccessTip();
       } else {
         this.setStatus(0, false);
@@ -123,7 +127,7 @@ export default createComponent({
 
         if (this.status === 'loosing') {
           this.setStatus(+this.headHeight, true);
-          this.$emit('input', true);
+          this.$emit('update:modelValue', true);
 
           // ensure value change can be watched
           this.$nextTick(() => {
@@ -168,14 +172,13 @@ export default createComponent({
 
     genStatus() {
       const { status, distance } = this;
-      const slot = this.slots(status, { distance });
 
-      if (slot) {
-        return slot;
+      if (this.$slots[status]) {
+        return this.$slots[status]({ distance });
       }
 
       const nodes = [];
-      const text = this[`${status}Text`] || t(status);
+      const text = (status !== 'normal' && this[`${status}Text`]) || t(status);
 
       if (TEXT_STATUS.indexOf(status) !== -1) {
         nodes.push(<div class={bem('text')}>{text}</div>);
@@ -209,7 +212,7 @@ export default createComponent({
           <div class={bem('head')} style={this.headStyle}>
             {this.genStatus()}
           </div>
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
       </div>
     );
diff --git a/vant.config.js b/vant.config.js
index 3fe9e0859..e450f329e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -204,10 +204,10 @@ module.exports = {
                 path: 'overlay',
                 title: 'Overlay 遮罩层',
               },
-              // {
-              //   path: 'pull-refresh',
-              //   title: 'PullRefresh 下拉刷新',
-              // },
+              {
+                path: 'pull-refresh',
+                title: 'PullRefresh 下拉刷新',
+              },
               {
                 path: 'share-sheet',
                 title: 'ShareSheet 分享面板',
@@ -538,10 +538,10 @@ module.exports = {
                 path: 'overlay',
                 title: 'Overlay',
               },
-              // {
-              //   path: 'pull-refresh',
-              //   title: 'PullRefresh',
-              // },
+              {
+                path: 'pull-refresh',
+                title: 'PullRefresh',
+              },
               {
                 path: 'share-sheet',
                 title: 'ShareSheet',

From 75421a47271b59ecfd7d2554d84defeb1a0aba74 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 13:06:40 +0800
Subject: [PATCH 086/626] feat: migrate Field component

---
 breaking-changes.md         |   1 +
 components.js               |   2 +
 src/field/demo/Disabled.vue |   4 +-
 src/field/index.js          | 156 +++++++++++++++++-------------------
 vant.config.js              |  16 ++--
 5 files changed, 87 insertions(+), 92 deletions(-)

diff --git a/breaking-changes.md b/breaking-changes.md
index 9c0db1385..db65ca1f6 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -8,6 +8,7 @@
 - Popup: `v-model` 重命名为 `v-model:show`
 - ShareSheet: `v-model` 重命名为 `v-model:show`
 - ActionSheet: `v-model` 重命名为 `v-model:show`
+- Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
diff --git a/components.js b/components.js
index 3a1c30441..6c32a7231 100644
--- a/components.js
+++ b/components.js
@@ -2,6 +2,7 @@
 module.exports = [
   'button',
   'cell',
+  'cell-group',
   'icon',
   'info',
   'image',
@@ -35,4 +36,5 @@ module.exports = [
   'notice-bar',
   'share-sheet',
   'pull-refresh',
+  'field',
 ];
diff --git a/src/field/demo/Disabled.vue b/src/field/demo/Disabled.vue
index 3674b5ace..01a62c98f 100644
--- a/src/field/demo/Disabled.vue
+++ b/src/field/demo/Disabled.vue
@@ -1,7 +1,7 @@
 <template>
   <demo-block :title="t('disabled')">
-    <van-field :value="t('inputReadonly')" :label="t('text')" readonly />
-    <van-field :value="t('inputDisabled')" :label="t('text')" disabled />
+    <van-field :model-value="t('inputReadonly')" :label="t('text')" readonly />
+    <van-field :model-value="t('inputDisabled')" :label="t('text')" disabled />
   </demo-block>
 </template>
 
diff --git a/src/field/index.js b/src/field/index.js
index 8150656f3..8379fc39d 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -53,10 +53,6 @@ export default createComponent({
     errorMessage: String,
     errorMessageAlign: String,
     showWordLimit: Boolean,
-    value: {
-      type: [String, Number],
-      default: '',
-    },
     type: {
       type: String,
       default: 'text',
@@ -69,6 +65,10 @@ export default createComponent({
       type: Boolean,
       default: null,
     },
+    modelValue: {
+      type: [String, Number],
+      default: '',
+    },
     clearTrigger: {
       type: String,
       default: 'focus',
@@ -79,6 +79,18 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'blur',
+    'focus',
+    'clear',
+    'click',
+    'keypress',
+    'click-input',
+    'click-left-icon',
+    'click-right-icon',
+    'update:modelValue',
+  ],
+
   data() {
     return {
       focused: false,
@@ -88,8 +100,8 @@ export default createComponent({
   },
 
   watch: {
-    value() {
-      this.updateValue(this.value);
+    modelValue(val) {
+      this.updateValue(val);
       this.resetValidation();
       this.validateWithTrigger('onChange');
       this.$nextTick(this.adjustSize);
@@ -97,7 +109,7 @@ export default createComponent({
   },
 
   mounted() {
-    this.updateValue(this.value, this.formatTrigger);
+    this.updateValue(this.modelValue, this.formatTrigger);
     this.$nextTick(this.adjustSize);
 
     if (this.vanForm) {
@@ -114,7 +126,7 @@ export default createComponent({
   computed: {
     showClear() {
       if (this.clearable && !this.readonly) {
-        const hasValue = isDef(this.value) && this.value !== '';
+        const hasValue = isDef(this.modelValue) && this.modelValue !== '';
         const trigger =
           this.clearTrigger === 'always' ||
           (this.clearTrigger === 'focus' && this.focused);
@@ -132,30 +144,18 @@ export default createComponent({
       }
     },
 
-    listeners() {
-      return {
-        ...this.$listeners,
-        blur: this.onBlur,
-        focus: this.onFocus,
-        input: this.onInput,
-        click: this.onClickInput,
-        keypress: this.onKeypress,
-      };
-    },
-
     labelStyle() {
       const labelWidth = this.getProp('labelWidth');
-
       if (labelWidth) {
         return { width: addUnit(labelWidth) };
       }
     },
 
     formValue() {
-      if (this.children && (this.$scopedSlots.input || this.$slots.input)) {
-        return this.children.value;
+      if (this.children && this.$slots.input) {
+        return this.children.modelValue || this.children.value;
       }
-      return this.value;
+      return this.modelValue;
     },
   },
 
@@ -311,8 +311,8 @@ export default createComponent({
         input.value = value;
       }
 
-      if (value !== this.value) {
-        this.$emit('input', value);
+      if (value !== this.modelValue) {
+        this.$emit('update:modelValue', value);
       }
 
       this.currentValue = value;
@@ -340,7 +340,7 @@ export default createComponent({
 
     onBlur(event) {
       this.focused = false;
-      this.updateValue(this.value, 'onBlur');
+      this.updateValue(this.modelValue, 'onBlur');
       this.$emit('blur', event);
       this.validateWithTrigger('onBlur');
       resetScroll();
@@ -364,7 +364,7 @@ export default createComponent({
 
     onClear(event) {
       preventDefault(event);
-      this.$emit('input', '');
+      this.$emit('update:modelValue', '');
       this.$emit('clear', event);
     },
 
@@ -412,41 +412,41 @@ export default createComponent({
 
     genInput() {
       const { type } = this;
-      const inputSlot = this.slots('input');
       const inputAlign = this.getProp('inputAlign');
 
-      if (inputSlot) {
+      if (this.$slots.input) {
         return (
           <div
             class={bem('control', [inputAlign, 'custom'])}
             onClick={this.onClickInput}
           >
-            {inputSlot}
+            {this.$slots.input()}
           </div>
         );
       }
 
       const inputProps = {
+        ...this.$attrs,
         ref: 'input',
+        name: this.name,
         class: bem('control', inputAlign),
-        domProps: {
-          value: this.value,
-        },
-        attrs: {
-          ...this.$attrs,
-          name: this.name,
-          disabled: this.disabled,
-          readonly: this.readonly,
-          placeholder: this.placeholder,
-        },
-        on: this.listeners,
+        value: this.modelValue,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        placeholder: this.placeholder,
+        onBlur: this.onBlur,
+        onFocus: this.onFocus,
+        onInput: this.onInput,
+        onClick: this.onClickInput,
+        onKeypress: this.onKeypress,
+        // TODO
         // add model directive to skip IME composition
-        directives: [
-          {
-            name: 'model',
-            value: this.value,
-          },
-        ],
+        // directives: [
+        //   {
+        //     name: 'model',
+        //     value: this.modelValue,
+        //   },
+        // ],
       };
 
       if (type === 'textarea') {
@@ -472,12 +472,14 @@ export default createComponent({
     },
 
     genLeftIcon() {
-      const showLeftIcon = this.slots('left-icon') || this.leftIcon;
+      const leftIconSlot = this.$slots['left-icon'];
 
-      if (showLeftIcon) {
+      if (this.leftIcon || leftIconSlot) {
         return (
           <div class={bem('left-icon')} onClick={this.onClickLeftIcon}>
-            {this.slots('left-icon') || (
+            {leftIconSlot ? (
+              leftIconSlot()
+            ) : (
               <Icon name={this.leftIcon} classPrefix={this.iconPrefix} />
             )}
           </div>
@@ -486,13 +488,14 @@ export default createComponent({
     },
 
     genRightIcon() {
-      const { slots } = this;
-      const showRightIcon = slots('right-icon') || this.rightIcon;
+      const rightIconSlot = this.$slots['right-icon'];
 
-      if (showRightIcon) {
+      if (this.rightIcon || rightIconSlot) {
         return (
           <div class={bem('right-icon')} onClick={this.onClickRightIcon}>
-            {slots('right-icon') || (
+            {rightIconSlot ? (
+              rightIconSlot()
+            ) : (
               <Icon name={this.rightIcon} classPrefix={this.iconPrefix} />
             )}
           </div>
@@ -502,7 +505,7 @@ export default createComponent({
 
     genWordLimit() {
       if (this.showWordLimit && this.maxlength) {
-        const count = (this.value || '').length;
+        const count = (this.modelValue || '').length;
 
         return (
           <div class={bem('word-limit')}>
@@ -541,8 +544,8 @@ export default createComponent({
     genLabel() {
       const colon = this.getProp('colon') ? ':' : '';
 
-      if (this.slots('label')) {
-        return [this.slots('label'), colon];
+      if (this.$slots.label) {
+        return [this.$slots.label(), colon];
       }
 
       if (this.label) {
@@ -552,27 +555,25 @@ export default createComponent({
   },
 
   render() {
-    const { slots } = this;
+    const slots = this.$slots;
     const labelAlign = this.getProp('labelAlign');
 
-    const scopedSlots = {
-      icon: this.genLeftIcon,
-    };
-
-    const Label = this.genLabel();
-    if (Label) {
-      scopedSlots.title = () => Label;
-    }
-
-    const extra = this.slots('extra');
-    if (extra) {
-      scopedSlots.extra = () => extra;
-    }
-
     return (
       <Cell
         icon={this.leftIcon}
         size={this.size}
+        class={bem({
+          error: this.showError,
+          disabled: this.disabled,
+          [`label-${labelAlign}`]: labelAlign,
+          'min-height': this.type === 'textarea' && !this.autosize,
+        })}
+        // TODO
+        // vSlot={{
+        //   icon: this.genLeftIcon,
+        //   title: this.genLabel,
+        //   extra: slots.extra,
+        // }}
         center={this.center}
         border={this.border}
         isLink={this.isLink}
@@ -581,14 +582,7 @@ export default createComponent({
         titleStyle={this.labelStyle}
         valueClass={bem('value')}
         titleClass={[bem('label', labelAlign), this.labelClass]}
-        scopedSlots={scopedSlots}
         arrowDirection={this.arrowDirection}
-        class={bem({
-          error: this.showError,
-          disabled: this.disabled,
-          [`label-${labelAlign}`]: labelAlign,
-          'min-height': this.type === 'textarea' && !this.autosize,
-        })}
         onClick={this.onClick}
       >
         <div class={bem('body')}>
@@ -601,9 +595,7 @@ export default createComponent({
             />
           )}
           {this.genRightIcon()}
-          {slots('button') && (
-            <div class={bem('button')}>{slots('button')}</div>
-          )}
+          {slots.button && <div class={bem('button')}>{slots.button()}</div>}
         </div>
         {this.genWordLimit()}
         {this.genMessage()}
diff --git a/vant.config.js b/vant.config.js
index e450f329e..54f629706 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -127,10 +127,10 @@ module.exports = {
               //   path: 'datetime-picker',
               //   title: 'DatetimePicker 时间选择',
               // },
-              // {
-              //   path: 'field',
-              //   title: 'Field 输入框',
-              // },
+              {
+                path: 'field',
+                title: 'Field 输入框',
+              },
               // {
               //   path: 'form',
               //   title: 'Form 表单',
@@ -461,10 +461,10 @@ module.exports = {
               //   path: 'datetime-picker',
               //   title: 'DatetimePicker',
               // },
-              // {
-              //   path: 'field',
-              //   title: 'Field',
-              // },
+              {
+                path: 'field',
+                title: 'Field',
+              },
               // {
               //   path: 'form',
               //   title: 'Form',

From 7fda2659f5d30420f0f2fb6188f9aa5ee120f0be Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 13:12:21 +0800
Subject: [PATCH 087/626] feat: migrate Tabbar component

---
 components.js            |  2 ++
 src/tabbar-item/index.js | 12 +++++++-----
 src/tabbar/index.js      | 14 ++++++++------
 vant.config.js           | 16 ++++++++--------
 4 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/components.js b/components.js
index 6c32a7231..7117b4908 100644
--- a/components.js
+++ b/components.js
@@ -37,4 +37,6 @@ module.exports = [
   'share-sheet',
   'pull-refresh',
   'field',
+  'tabbar',
+  'tabbar-item',
 ];
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 80b273532..2698e2e74 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -24,6 +24,8 @@ export default createComponent({
     iconPrefix: String,
   },
 
+  emits: ['click'],
+
   data() {
     return {
       active: false,
@@ -51,10 +53,8 @@ export default createComponent({
     },
 
     genIcon(active) {
-      const slot = this.slots('icon', { active });
-
-      if (slot) {
-        return slot;
+      if (this.$slots.icon) {
+        return this.$slots.icon({ active });
       }
 
       if (this.icon) {
@@ -76,7 +76,9 @@ export default createComponent({
             info={isDef(this.badge) ? this.badge : this.info}
           />
         </div>
-        <div class={bem('text')}>{this.slots('default', { active })}</div>
+        <div class={bem('text')}>
+          {this.$slots.default ? this.$slots.default({ active }) : null}
+        </div>
       </div>
     );
   },
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index 27b5d445b..d0bbfefbf 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -13,7 +13,7 @@ export default createComponent({
     placeholder: Boolean,
     activeColor: String,
     inactiveColor: String,
-    value: {
+    modelValue: {
       type: [Number, String],
       default: 0,
     },
@@ -31,6 +31,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   data() {
     return {
       height: null,
@@ -48,8 +50,8 @@ export default createComponent({
   },
 
   watch: {
-    value: 'setActiveItem',
     children: 'setActiveItem',
+    modelValue: 'setActiveItem',
   },
 
   mounted() {
@@ -61,13 +63,13 @@ export default createComponent({
   methods: {
     setActiveItem() {
       this.children.forEach((item, index) => {
-        item.active = (item.name || index) === this.value;
+        item.active = (item.name || index) === this.modelValue;
       });
     },
 
     onChange(active) {
-      if (active !== this.value) {
-        this.$emit('input', active);
+      if (active !== this.modelValue) {
+        this.$emit('update:modelValue', active);
         this.$emit('change', active);
       }
     },
@@ -85,7 +87,7 @@ export default createComponent({
             }),
           ]}
         >
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
       );
     },
diff --git a/vant.config.js b/vant.config.js
index 54f629706..05fae893a 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -310,10 +310,10 @@ module.exports = {
               //   path: 'tab',
               //   title: 'Tab 标签页',
               // },
-              // {
-              //   path: 'tabbar',
-              //   title: 'Tabbar 标签栏',
-              // },
+              {
+                path: 'tabbar',
+                title: 'Tabbar 标签栏',
+              },
               {
                 path: 'tree-select',
                 title: 'TreeSelect 分类选择',
@@ -644,10 +644,10 @@ module.exports = {
               //   path: 'tab',
               //   title: 'Tab',
               // },
-              // {
-              //   path: 'tabbar',
-              //   title: 'Tabbar',
-              // },
+              {
+                path: 'tabbar',
+                title: 'Tabbar',
+              },
               {
                 path: 'tree-select',
                 title: 'TreeSelect',

From 01c7409e6e003be4d8aa950359a472c2ebacaf47 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 13:18:25 +0800
Subject: [PATCH 088/626] feat: migrate List component

---
 breaking-changes.md      |  1 +
 components.js            |  1 +
 src/list/README.md       | 12 ++++++------
 src/list/README.zh-CN.md | 12 ++++++------
 src/list/demo/index.vue  | 13 ++++++++-----
 src/list/index.js        | 23 +++++++++++++----------
 vant.config.js           | 16 ++++++++--------
 7 files changed, 43 insertions(+), 35 deletions(-)

diff --git a/breaking-changes.md b/breaking-changes.md
index db65ca1f6..e55b7c0d5 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -8,6 +8,7 @@
 - Popup: `v-model` 重命名为 `v-model:show`
 - ShareSheet: `v-model` 重命名为 `v-model:show`
 - ActionSheet: `v-model` 重命名为 `v-model:show`
+- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
 - Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
diff --git a/components.js b/components.js
index 7117b4908..87557aa4c 100644
--- a/components.js
+++ b/components.js
@@ -39,4 +39,5 @@ module.exports = [
   'field',
   'tabbar',
   'tabbar-item',
+  'list',
 ];
diff --git a/src/list/README.md b/src/list/README.md
index b2b0f31a5..49c307ca5 100644
--- a/src/list/README.md
+++ b/src/list/README.md
@@ -19,7 +19,7 @@ Vue.use(List);
 
 ```html
 <van-list
-  v-model="loading"
+  v-model:loading="loading"
   :finished="finished"
   finished-text="Finished"
   @load="onLoad"
@@ -58,8 +58,8 @@ export default {
 
 ```html
 <van-list
-  v-model="loading"
-  :error.sync="error"
+  v-model:loading="loading"
+  v-model:error="error"
   error-text="Request failed. Click to reload"
   @load="onLoad"
 >
@@ -89,9 +89,9 @@ export default {
 ### PullRefresh
 
 ```html
-<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+<van-pull-refresh v-model:loading="refreshing" @refresh="onRefresh">
   <van-list
-    v-model="loading"
+    v-model:loading="loading"
     :finished="finished"
     finished-text="Finished"
     @load="onLoad"
@@ -144,7 +144,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Whether to show loading info，the `load` event will not be triggered when loading | _boolean_ | `false` |
+| v-model:loading | Whether to show loading info，the `load` event will not be triggered when loading | _boolean_ | `false` |
 | finished | Whether loading is finished，the `load` event will not be triggered when finished | _boolean_ | `false` |
 | error | Whether loading is error，the `load` event will be triggered only when error text clicked, the `sync` modifier is needed | _boolean_ | `false` |
 | offset | The load event will be triggered when the distance between the scrollbar and the bottom is less than offset | _number \| string_ | `300` |
diff --git a/src/list/README.zh-CN.md b/src/list/README.zh-CN.md
index ba1a0fe77..aed00c715 100644
--- a/src/list/README.zh-CN.md
+++ b/src/list/README.zh-CN.md
@@ -21,7 +21,7 @@ List 组件通过`loading`和`finished`两个变量控制加载状态，当组
 
 ```html
 <van-list
-  v-model="loading"
+  v-model:loading="loading"
   :finished="finished"
   finished-text="没有更多了"
   @load="onLoad"
@@ -67,8 +67,8 @@ export default {
 
 ```html
 <van-list
-  v-model="loading"
-  :error.sync="error"
+  v-model:loading="loading"
+  v-model:error="error"
   error-text="请求失败，点击重新加载"
   @load="onLoad"
 >
@@ -100,9 +100,9 @@ export default {
 List 组件可以与 [PullRefresh](#/zh-CN/pull-refresh) 组件结合使用，实现下拉刷新的效果
 
 ```html
-<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+<van-pull-refresh v-model:loading="refreshing" @refresh="onRefresh">
   <van-list
-    v-model="loading"
+    v-model:loading="loading"
     :finished="finished"
     finished-text="没有更多了"
     @load="onLoad"
@@ -159,7 +159,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 是否处于加载状态，加载过程中不触发`load`事件 | _boolean_ | `false` |
+| v-model:loading | 是否处于加载状态，加载过程中不触发`load`事件 | _boolean_ | `false` |
 | finished | 是否已加载完成，加载完成后不再触发`load`事件 | _boolean_ | `false` |
 | error | 是否加载失败，加载失败后点击错误提示可以重新<br>触发`load`事件，必须使用`sync`修饰符 | _boolean_ | `false` |
 | offset | 滚动条与底部距离小于 offset 时触发`load`事件 | _number \| string_ | `300` |
diff --git a/src/list/demo/index.vue b/src/list/demo/index.vue
index 0d956b81f..ac9758e0e 100644
--- a/src/list/demo/index.vue
+++ b/src/list/demo/index.vue
@@ -3,7 +3,7 @@
     <van-tabs>
       <van-tab :title="t('basicUsage')">
         <van-list
-          v-model="list[0].loading"
+          v-model:loading="list[0].loading"
           :finished="list[0].finished"
           :finished-text="t('finishedText')"
           @load="onLoad(0)"
@@ -14,9 +14,9 @@
 
       <van-tab :title="t('errorInfo')">
         <van-list
-          v-model="list[1].loading"
+          v-model:loading="list[1].loading"
+          v-model:error="list[1].error"
           :finished="list[1].finished"
-          :error.sync="list[1].error"
           :error-text="t('errorText')"
           @load="onLoad(1)"
         >
@@ -25,9 +25,12 @@
       </van-tab>
 
       <van-tab :title="t('pullRefresh')">
-        <van-pull-refresh v-model="list[2].refreshing" @refresh="onRefresh(2)">
+        <van-pull-refresh
+          v-model:loading="list[2].refreshing"
+          @refresh="onRefresh(2)"
+        >
           <van-list
-            v-model="list[2].loading"
+            v-model:loading="list[2].loading"
             :finished="list[2].finished"
             :finished-text="t('finishedText')"
             @load="onLoad(2)"
diff --git a/src/list/index.js b/src/list/index.js
index 82f1148c1..d5fc44ede 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -22,10 +22,6 @@ export default createComponent({
     }),
   ],
 
-  model: {
-    prop: 'loading',
-  },
-
   props: {
     error: Boolean,
     loading: Boolean,
@@ -47,6 +43,8 @@ export default createComponent({
     },
   },
 
+  emits: ['load', 'update:error', 'update:loading'],
+
   data() {
     return {
       // use sync innerLoading state to avoid repeated loading in some edge cases
@@ -107,7 +105,7 @@ export default createComponent({
 
         if (isReachEdge) {
           this.innerLoading = true;
-          this.$emit('input', true);
+          this.$emit('update:loading', true);
           this.$emit('load');
         }
       });
@@ -122,7 +120,9 @@ export default createComponent({
       if (this.innerLoading && !this.finished) {
         return (
           <div class={bem('loading')} key="loading">
-            {this.slots('loading') || (
+            {this.$slots.loading ? (
+              this.$slots.loading()
+            ) : (
               <Loading size="16">{this.loadingText || t('loading')}</Loading>
             )}
           </div>
@@ -132,7 +132,9 @@ export default createComponent({
 
     genFinishedText() {
       if (this.finished) {
-        const text = this.slots('finished') || this.finishedText;
+        const text = this.$slots.finished
+          ? this.$slots.finished()
+          : this.finishedText;
 
         if (text) {
           return <div class={bem('finished-text')}>{text}</div>;
@@ -142,7 +144,7 @@ export default createComponent({
 
     genErrorText() {
       if (this.error) {
-        const text = this.slots('error') || this.errorText;
+        const text = this.$slots.error ? this.$slots.error() : this.errorText;
 
         if (text) {
           return (
@@ -157,14 +159,15 @@ export default createComponent({
 
   render() {
     const Placeholder = <div ref="placeholder" class={bem('placeholder')} />;
+    const Content = this.$slots.default?.();
 
     return (
       <div class={bem()} role="feed" aria-busy={this.innerLoading}>
-        {this.direction === 'down' ? this.slots() : Placeholder}
+        {this.direction === 'down' ? Content : Placeholder}
         {this.genLoading()}
         {this.genFinishedText()}
         {this.genErrorText()}
-        {this.direction === 'up' ? this.slots() : Placeholder}
+        {this.direction === 'up' ? Content : Placeholder}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index 05fae893a..6e159f079 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -249,10 +249,10 @@ module.exports = {
               //   path: 'lazyload',
               //   title: 'Lazyload 懒加载',
               // },
-              // {
-              //   path: 'list',
-              //   title: 'List 列表',
-              // },
+              {
+                path: 'list',
+                title: 'List 列表',
+              },
               {
                 path: 'notice-bar',
                 title: 'NoticeBar 通知栏',
@@ -583,10 +583,10 @@ module.exports = {
               //   path: 'lazyload',
               //   title: 'Lazyload',
               // },
-              // {
-              //   path: 'list',
-              //   title: 'List',
-              // },
+              {
+                path: 'list',
+                title: 'List',
+              },
               {
                 path: 'notice-bar',
                 title: 'NoticeBar',

From 4ad0c396efd6eb656bdd8c5d8e33ad4f29e1cd40 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 15:16:18 +0800
Subject: [PATCH 089/626] feat: migrate Sticky component

---
 src/sticky/index.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/sticky/index.js b/src/sticky/index.js
index 8dcba9e1e..558b39101 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -1,6 +1,6 @@
 import { isHidden } from '../utils/dom/style';
 import { unitToPx } from '../utils/format/unit';
-import { createNamespace, isDef, isServer } from '../utils';
+import { createNamespace, isDef, inBrowser } from '../utils';
 import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
 import { BindEventMixin } from '../mixins/bind-event';
 
@@ -32,6 +32,8 @@ export default createComponent({
     },
   },
 
+  emits: ['scroll'],
+
   data() {
     return {
       fixed: false,
@@ -70,7 +72,7 @@ export default createComponent({
 
   created() {
     // compatibility: https://caniuse.com/#feat=intersectionobserver
-    if (!isServer && window.IntersectionObserver) {
+    if (inBrowser && window.IntersectionObserver) {
       this.observer = new IntersectionObserver(
         (entries) => {
           // trigger scroll when visibility changed
@@ -141,7 +143,7 @@ export default createComponent({
     return (
       <div style={style}>
         <div class={bem({ fixed })} style={this.style}>
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
       </div>
     );

From d2291f37104f0ad8ce9bef3ccffac668342d096d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 15:29:52 +0800
Subject: [PATCH 090/626] feat: migrate Tab component

---
 breaking-changes.md     |  3 +-
 components.js           |  3 ++
 src/tab/README.md       | 18 +++++-----
 src/tab/README.zh-CN.md | 20 +++++------
 src/tab/demo/index.vue  |  4 +--
 src/tab/index.js        |  6 ++--
 src/tabs/Content.js     | 17 +++++----
 src/tabs/Title.js       |  3 +-
 src/tabs/index.js       | 79 +++++++++++++++++++++--------------------
 vant.config.js          | 32 ++++++++---------
 10 files changed, 97 insertions(+), 88 deletions(-)

diff --git a/breaking-changes.md b/breaking-changes.md
index e55b7c0d5..a5d59d872 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -4,8 +4,9 @@
 
 以下改动是为了适配 Vue 3 的 v-model API 用法变更：
 
-- Circle: `v-model` 重命名为 `v-model:currentRate`
+- Tabs: `v-model` 重命名为 `v-model:active`
 - Popup: `v-model` 重命名为 `v-model:show`
+- Circle: `v-model` 重命名为 `v-model:currentRate`
 - ShareSheet: `v-model` 重命名为 `v-model:show`
 - ActionSheet: `v-model` 重命名为 `v-model:show`
 - List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
diff --git a/components.js b/components.js
index 87557aa4c..5a02e8202 100644
--- a/components.js
+++ b/components.js
@@ -40,4 +40,7 @@ module.exports = [
   'tabbar',
   'tabbar-item',
   'list',
+  'tab',
+  'tabs',
+  'sticky',
 ];
diff --git a/src/tab/README.md b/src/tab/README.md
index 714912b34..6d6f2e65e 100644
--- a/src/tab/README.md
+++ b/src/tab/README.md
@@ -14,10 +14,10 @@ Vue.use(Tabs);
 
 ### Basic Usage
 
-The first tab is actived by default, you can set `v-model` to active specified tab.
+The first tab is actived by default, you can set `v-model:active` to active specified tab.
 
 ```html
-<van-tabs v-model="active">
+<van-tabs v-model:active="active">
   <van-tab v-for="index in 4" :title="'tab' + index">
     content of tab {{ index }}
   </van-tab>
@@ -37,7 +37,7 @@ export default {
 ### Match By Name
 
 ```html
-<van-tabs v-model="activeName">
+<van-tabs v-model:active="activeName">
   <van-tab title="tab 1" name="a">content of tab 1</van-tab>
   <van-tab title="tab 2" name="b">content of tab 2</van-tab>
   <van-tab title="tab 3" name="c">content of tab 3</van-tab>
@@ -129,7 +129,7 @@ export default {
 In sticky mode, the tab will be fixed to top when scroll to top.
 
 ```html
-<van-tabs v-model="active" sticky>
+<van-tabs v-model:active="active" sticky>
   <van-tab v-for="index in 4" :title="'tab ' + index">
     content {{ index }}
   </van-tab>
@@ -141,7 +141,7 @@ In sticky mode, the tab will be fixed to top when scroll to top.
 Use title slot to custom tab title.
 
 ```html
-<van-tabs v-model="active">
+<van-tabs v-model:active="active">
   <van-tab v-for="index in 2" :key="index">
     <template #title> <van-icon name="more-o" />tab </template>
     content {{ index }}
@@ -154,7 +154,7 @@ Use title slot to custom tab title.
 Use `animated` props to change tabs with animation.
 
 ```html
-<van-tabs v-model="active" animated>
+<van-tabs v-model:active="active" animated>
   <van-tab v-for="index in 4" :title="'tab ' + index">
     content {{ index }}
   </van-tab>
@@ -166,7 +166,7 @@ Use `animated` props to change tabs with animation.
 In swipeable mode, you can switch tabs with swipe gestrue in the content.
 
 ```html
-<van-tabs v-model="active" swipeable>
+<van-tabs v-model:active="active" swipeable>
   <van-tab v-for="index in 4" :title="'tab ' + index">
     content {{ index }}
   </van-tab>
@@ -178,7 +178,7 @@ In swipeable mode, you can switch tabs with swipe gestrue in the content.
 In scrollspy mode, the list of content will be tiled.
 
 ```html
-<van-tabs v-model="active" scrollspy sticky>
+<van-tabs v-model:active="active" scrollspy sticky>
   <van-tab v-for="index in 8" :title="'tab ' + index">
     content {{ index }}
   </van-tab>
@@ -219,7 +219,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Index of active tab | _number \| string_ | `0` |
+| v-model:active | Index of active tab | _number \| string_ | `0` |
 | type | Can be set to `line` `card` | _string_ | `line` |
 | color | Tab color | _string_ | `#ee0a24` |
 | background | Background color | _string_ | `white` |
diff --git a/src/tab/README.zh-CN.md b/src/tab/README.zh-CN.md
index a2ba20c5b..ead80003c 100644
--- a/src/tab/README.zh-CN.md
+++ b/src/tab/README.zh-CN.md
@@ -14,10 +14,10 @@ Vue.use(Tabs);
 
 ### 基础用法
 
-通过 `v-model` 绑定当前激活标签对应的索引值，默认情况下启用第一个标签。
+通过 `v-model:active` 绑定当前激活标签对应的索引值，默认情况下启用第一个标签。
 
 ```html
-<van-tabs v-model="active">
+<van-tabs v-model:active="active">
   <van-tab title="标签 1">内容 1</van-tab>
   <van-tab title="标签 2">内容 2</van-tab>
   <van-tab title="标签 3">内容 3</van-tab>
@@ -37,10 +37,10 @@ export default {
 
 ### 通过名称匹配
 
-在标签指定 `name` 属性的情况下，`v-model` 的值为当前标签的 `name`（此时无法通过索引值来匹配标签）。
+在标签指定 `name` 属性的情况下，`v-model:active` 的值为当前标签的 `name`（此时无法通过索引值来匹配标签）。
 
 ```html
-<van-tabs v-model="activeName">
+<van-tabs v-model:active="activeName">
   <van-tab title="标签 1" name="a">内容 1</van-tab>
   <van-tab title="标签 2" name="b">内容 2</van-tab>
   <van-tab title="标签 3" name="c">内容 3</van-tab>
@@ -133,7 +133,7 @@ export default {
 通过 `sticky` 属性可以开启粘性布局，粘性布局下，标签页滚动到顶部时会自动吸顶。
 
 ```html
-<van-tabs v-model="active" sticky>
+<van-tabs v-model:active="active" sticky>
   <van-tab v-for="index in 4" :title="'选项 ' + index">
     内容 {{ index }}
   </van-tab>
@@ -145,7 +145,7 @@ export default {
 通过 `title` 插槽可以自定义标签内容。
 
 ```html
-<van-tabs v-model="active">
+<van-tabs v-model:active="active">
   <van-tab v-for="index in 2" :key="index">
     <template #title> <van-icon name="more-o" />选项 </template>
     内容 {{ index }}
@@ -158,7 +158,7 @@ export default {
 通过 `animated` 属性可以开启切换标签内容时的转场动画。
 
 ```html
-<van-tabs v-model="active" animated>
+<van-tabs v-model:active="active" animated>
   <van-tab v-for="index in 4" :title="'选项 ' + index">
     内容 {{ index }}
   </van-tab>
@@ -170,7 +170,7 @@ export default {
 通过 `swipeable` 属性可以开启滑动切换标签页。
 
 ```html
-<van-tabs v-model="active" swipeable>
+<van-tabs v-model:active="active" swipeable>
   <van-tab v-for="index in 4" :title="'选项 ' + index">
     内容 {{ index }}
   </van-tab>
@@ -182,7 +182,7 @@ export default {
 通过 `scrollspy` 属性可以开启滚动导航模式，该模式下，内容将会平铺展示。
 
 ```html
-<van-tabs v-model="active" scrollspy sticky>
+<van-tabs v-model:active="active" scrollspy sticky>
   <van-tab v-for="index in 8" :title="'选项 ' + index">
     内容 {{ index }}
   </van-tab>
@@ -226,7 +226,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 绑定当前选中标签的标识符 | _number \| string_ | `0` |
+| v-model:active | 绑定当前选中标签的标识符 | _number \| string_ | `0` |
 | type | 样式风格类型，可选值为`card` | _string_ | `line` |
 | color | 标签主题色 | _string_ | `#ee0a24` |
 | background | 标签栏背景色 | _string_ | `white` |
diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue
index 9d24cac71..4a1bf2451 100644
--- a/src/tab/demo/index.vue
+++ b/src/tab/demo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <demo-section>
     <demo-block :title="t('basicUsage')">
-      <van-tabs v-model="active">
+      <van-tabs v-model:active="active">
         <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
           {{ t('content') }} {{ index }}
         </van-tab>
@@ -9,7 +9,7 @@
     </demo-block>
 
     <demo-block :title="t('matchByName')">
-      <van-tabs v-model="activeName">
+      <van-tabs v-model:active="activeName">
         <van-tab name="a" :title="t('tab') + 1"> {{ t('content') }} 1 </van-tab>
         <van-tab name="b" :title="t('tab') + 2"> {{ t('content') }} 2 </van-tab>
         <van-tab name="c" :title="t('tab') + 3"> {{ t('content') }} 3 </van-tab>
diff --git a/src/tab/index.js b/src/tab/index.js
index 75489232e..8ce34d4ca 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -53,11 +53,11 @@ export default createComponent({
     },
   },
 
-  render(h) {
-    const { slots, parent, isActive } = this;
+  render() {
+    const { parent, isActive } = this;
     const shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
     const show = parent.scrollspy || isActive;
-    const Content = shouldRender ? slots() : h();
+    const Content = shouldRender ? this.$slots.default?.() : null;
 
     if (parent.animated) {
       return (
diff --git a/src/tabs/Content.js b/src/tabs/Content.js
index a65bf0d47..a6b9eceb4 100644
--- a/src/tabs/Content.js
+++ b/src/tabs/Content.js
@@ -15,6 +15,8 @@ export default createComponent({
     currentIndex: Number,
   },
 
+  emits: ['change'],
+
   computed: {
     style() {
       if (this.animated) {
@@ -28,10 +30,10 @@ export default createComponent({
     listeners() {
       if (this.swipeable) {
         return {
-          touchstart: this.touchStart,
-          touchmove: this.touchMove,
-          touchend: this.onTouchEnd,
-          touchcancel: this.onTouchEnd,
+          onTouchstart: this.touchStart,
+          onTouchmove: this.touchMove,
+          onTouchend: this.onTouchEnd,
+          onTouchcancel: this.onTouchEnd,
         };
       }
     },
@@ -54,15 +56,16 @@ export default createComponent({
     },
 
     genChildren() {
+      const Content = this.$slots.default?.();
       if (this.animated) {
         return (
           <div class={bem('track')} style={this.style}>
-            {this.slots()}
+            {Content}
           </div>
         );
       }
 
-      return this.slots();
+      return Content;
     },
   },
 
@@ -70,7 +73,7 @@ export default createComponent({
     return (
       <div
         class={bem('content', { animated: this.animated })}
-        {...{ on: this.listeners }}
+        {...this.listeners}
       >
         {this.genChildren()}
       </div>
diff --git a/src/tabs/Title.js b/src/tabs/Title.js
index 0f3e481fc..3e0bfb683 100644
--- a/src/tabs/Title.js
+++ b/src/tabs/Title.js
@@ -15,6 +15,7 @@ export default createComponent({
     disabled: Boolean,
     scrollable: Boolean,
     activeColor: String,
+    renderTitle: Function,
     inactiveColor: String,
     swipeThreshold: [Number, String],
   },
@@ -59,7 +60,7 @@ export default createComponent({
     genText() {
       const Text = (
         <span class={bem('text', { ellipsis: this.ellipsis })}>
-          {this.slots() || this.title}
+          {this.renderTitle ? this.renderTitle() : this.title}
         </span>
       );
 
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 476024b43..9c2ff1cf3 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -40,10 +40,6 @@ export default createComponent({
     }),
   ],
 
-  model: {
-    prop: 'active',
-  },
-
   props: {
     color: String,
     sticky: Boolean,
@@ -90,7 +86,11 @@ export default createComponent({
     },
   },
 
+  emits: ['rendered', 'input', 'change', 'disabled', 'click', 'scroll'],
+
   data() {
+    this.titleRefs = [];
+
     return {
       position: '',
       currentIndex: null,
@@ -194,18 +194,18 @@ export default createComponent({
       const shouldAnimate = this.inited;
 
       this.$nextTick(() => {
-        const { titles } = this.$refs;
+        const { titleRefs } = this;
 
         if (
-          !titles ||
-          !titles[this.currentIndex] ||
+          !titleRefs ||
+          !titleRefs[this.currentIndex] ||
           this.type !== 'line' ||
           isHidden(this.$el)
         ) {
           return;
         }
 
-        const title = titles[this.currentIndex].$el;
+        const title = titleRefs[this.currentIndex].$el;
         const { lineWidth, lineHeight } = this;
         const width = isDef(lineWidth) ? lineWidth : title.offsetWidth / 2;
         const left = title.offsetLeft + title.offsetWidth / 2;
@@ -302,14 +302,14 @@ export default createComponent({
 
     // scroll active tab into view
     scrollIntoView(immediate) {
-      const { titles } = this.$refs;
+      const { titleRefs } = this;
 
-      if (!this.scrollable || !titles || !titles[this.currentIndex]) {
+      if (!this.scrollable || !titleRefs || !titleRefs[this.currentIndex]) {
         return;
       }
 
       const { nav } = this.$refs;
-      const title = titles[this.currentIndex].$el;
+      const title = titleRefs[this.currentIndex].$el;
       const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
 
       scrollLeftTo(nav, to, immediate ? 0 : +this.duration);
@@ -369,31 +369,32 @@ export default createComponent({
   render() {
     const { type, ellipsis, animated, scrollable } = this;
 
-    const Nav = this.children.map((item, index) => (
-      <Title
-        ref="titles"
-        refInFor
-        type={type}
-        dot={item.dot}
-        info={isDef(item.badge) ? item.badge : item.info}
-        title={item.title}
-        color={this.color}
-        style={item.titleStyle}
-        isActive={index === this.currentIndex}
-        ellipsis={ellipsis}
-        disabled={item.disabled}
-        scrollable={scrollable}
-        activeColor={this.titleActiveColor}
-        inactiveColor={this.titleInactiveColor}
-        swipeThreshold={this.swipeThreshold}
-        scopedSlots={{
-          default: () => item.slots('title'),
-        }}
-        onClick={() => {
-          this.onClick(item, index);
-        }}
-      />
-    ));
+    const Nav = this.children.map((item, index) => {
+      return (
+        <Title
+          ref={(val) => {
+            this.titleRefs[index] = val;
+          }}
+          dot={item.dot}
+          type={type}
+          info={isDef(item.badge) ? item.badge : item.info}
+          title={item.title}
+          color={this.color}
+          style={item.titleStyle}
+          isActive={index === this.currentIndex}
+          ellipsis={ellipsis}
+          disabled={item.disabled}
+          scrollable={scrollable}
+          renderTitle={item.$slots.title}
+          activeColor={this.titleActiveColor}
+          inactiveColor={this.titleInactiveColor}
+          swipeThreshold={this.swipeThreshold}
+          onClick={() => {
+            this.onClick(item, index);
+          }}
+        />
+      );
+    });
 
     const Wrap = (
       <div
@@ -409,12 +410,12 @@ export default createComponent({
           class={bem('nav', [type])}
           style={this.navStyle}
         >
-          {this.slots('nav-left')}
+          {this.$slots['nav-left']?.()}
           {Nav}
           {type === 'line' && (
             <div class={bem('line')} style={this.lineStyle} />
           )}
-          {this.slots('nav-right')}
+          {this.$slots['nav-right']?.()}
         </div>
       </div>
     );
@@ -440,7 +441,7 @@ export default createComponent({
           currentIndex={this.currentIndex}
           onChange={this.setCurrentIndex}
         >
-          {this.slots()}
+          {this.$slots.default?.()}
         </Content>
       </div>
     );
diff --git a/vant.config.js b/vant.config.js
index 6e159f079..5753c0f74 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -269,10 +269,10 @@ module.exports = {
                 path: 'steps',
                 title: 'Steps 步骤条',
               },
-              // {
-              //   path: 'sticky',
-              //   title: 'Sticky 粘性布局',
-              // },
+              {
+                path: 'sticky',
+                title: 'Sticky 粘性布局',
+              },
               // {
               //   path: 'swipe',
               //   title: 'Swipe 轮播',
@@ -306,10 +306,10 @@ module.exports = {
                 path: 'sidebar',
                 title: 'Sidebar 侧边导航',
               },
-              // {
-              //   path: 'tab',
-              //   title: 'Tab 标签页',
-              // },
+              {
+                path: 'tab',
+                title: 'Tab 标签页',
+              },
               {
                 path: 'tabbar',
                 title: 'Tabbar 标签栏',
@@ -603,10 +603,10 @@ module.exports = {
                 path: 'steps',
                 title: 'Steps',
               },
-              // {
-              //   path: 'sticky',
-              //   title: 'Sticky',
-              // },
+              {
+                path: 'sticky',
+                title: 'Sticky',
+              },
               // {
               //   path: 'swipe',
               //   title: 'Swipe',
@@ -640,10 +640,10 @@ module.exports = {
                 path: 'sidebar',
                 title: 'Sidebar',
               },
-              // {
-              //   path: 'tab',
-              //   title: 'Tab',
-              // },
+              {
+                path: 'tab',
+                title: 'Tab',
+              },
               {
                 path: 'tabbar',
                 title: 'Tabbar',

From 7e47a0721bd56d4c3a5237ae0daff6763ae84417 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 15:35:37 +0800
Subject: [PATCH 091/626] fix(Tabs): update:active event

---
 src/tabs/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/tabs/index.js b/src/tabs/index.js
index 9c2ff1cf3..119074626 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -86,7 +86,7 @@ export default createComponent({
     },
   },
 
-  emits: ['rendered', 'input', 'change', 'disabled', 'click', 'scroll'],
+  emits: ['click', 'change', 'scroll', 'disabled', 'rendered', 'update:active'],
 
   data() {
     this.titleRefs = [];
@@ -243,7 +243,7 @@ export default createComponent({
       if (isDef(currentIndex) && currentIndex !== this.currentIndex) {
         const shouldEmitChange = this.currentIndex !== null;
         this.currentIndex = currentIndex;
-        this.$emit('input', this.currentName);
+        this.$emit('update:active', this.currentName);
 
         if (shouldEmitChange) {
           this.$emit(

From 9fa7a258d752245dad9eb02656912bf0375529bf Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 15:41:09 +0800
Subject: [PATCH 092/626] feat: migrate Picker component

---
 components.js              |  1 +
 src/picker/PickerColumn.js | 18 +++++-------
 src/picker/demo/index.vue  |  4 +--
 src/picker/index.js        | 56 ++++++++++++++++++++++----------------
 vant.config.js             | 16 +++++------
 5 files changed, 50 insertions(+), 45 deletions(-)

diff --git a/components.js b/components.js
index 5a02e8202..5169725a9 100644
--- a/components.js
+++ b/components.js
@@ -43,4 +43,5 @@ module.exports = [
   'tab',
   'tabs',
   'sticky',
+  'picker',
 ];
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 758558389..195c0c3d1 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -43,6 +43,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change'],
+
   data() {
     return {
       offset: 0,
@@ -266,28 +268,22 @@ export default createComponent({
 
         const data = {
           style: optionStyle,
-          attrs: {
-            role: 'button',
-            tabindex: disabled ? -1 : 0,
-          },
+          role: 'button',
+          tabindex: disabled ? -1 : 0,
           class: [
             bem('item', {
               disabled,
               selected: index === this.currentIndex,
             }),
           ],
-          on: {
-            click: () => {
-              this.onClickItem(index);
-            },
+          onClick: () => {
+            this.onClickItem(index);
           },
         };
 
         const childData = {
           class: 'van-ellipsis',
-          domProps: {
-            [this.allowHtml ? 'innerHTML' : 'textContent']: text,
-          },
+          [this.allowHtml ? 'innerHTML' : 'textContent']: text,
         };
 
         return (
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index a275b02bf..d4734be36 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -62,14 +62,14 @@
 
     <demo-block card v-if="!isWeapp" :title="t('withPopup')">
       <van-field
+        v-model="fieldValue"
         readonly
         clickable
         :label="t('city')"
-        :value="fieldValue"
         :placeholder="t('chooseCity')"
         @click="onClickField"
       />
-      <van-popup v-model="showPicker" round position="bottom">
+      <van-popup v-model:show="showPicker" round position="bottom">
         <van-picker
           show-toolbar
           :title="t('title')"
diff --git a/src/picker/index.js b/src/picker/index.js
index bd9a379da..e79046d8e 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -32,6 +32,8 @@ export default createComponent({
     },
   },
 
+  emits: ['confirm', 'cancel', 'change'],
+
   data() {
     return {
       children: [],
@@ -62,7 +64,9 @@ export default createComponent({
 
   watch: {
     columns: {
-      handler: 'format',
+      handler() {
+        this.format();
+      },
       immediate: true,
     },
   },
@@ -261,10 +265,8 @@ export default createComponent({
     },
 
     genTitle() {
-      const titleSlot = this.slots('title');
-
-      if (titleSlot) {
-        return titleSlot;
+      if (this.$slots.title) {
+        return this.$slots.title();
       }
 
       if (this.title) {
@@ -276,19 +278,25 @@ export default createComponent({
       if (this.showToolbar) {
         return (
           <div class={bem('toolbar')}>
-            {this.slots() || [
-              <button type="button" class={bem('cancel')} onClick={this.cancel}>
-                {this.cancelButtonText || t('cancel')}
-              </button>,
-              this.genTitle(),
-              <button
-                type="button"
-                class={bem('confirm')}
-                onClick={this.confirm}
-              >
-                {this.confirmButtonText || t('confirm')}
-              </button>,
-            ]}
+            {this.$slots.default
+              ? this.$slots.default()
+              : [
+                  <button
+                    type="button"
+                    class={bem('cancel')}
+                    onClick={this.cancel}
+                  >
+                    {this.cancelButtonText || t('cancel')}
+                  </button>,
+                  this.genTitle(),
+                  <button
+                    type="button"
+                    class={bem('confirm')}
+                    onClick={this.confirm}
+                  >
+                    {this.confirmButtonText || t('confirm')}
+                  </button>,
+                ]}
           </div>
         );
       }
@@ -339,15 +347,15 @@ export default createComponent({
     },
   },
 
-  render(h) {
+  render() {
     return (
       <div class={bem()}>
-        {this.toolbarPosition === 'top' ? this.genToolbar() : h()}
-        {this.loading ? <Loading class={bem('loading')} /> : h()}
-        {this.slots('columns-top')}
+        {this.toolbarPosition === 'top' ? this.genToolbar() : null}
+        {this.loading ? <Loading class={bem('loading')} /> : null}
+        {this.$slots['columns-top']?.()}
         {this.genColumns()}
-        {this.slots('columns-bottom')}
-        {this.toolbarPosition === 'bottom' ? this.genToolbar() : h()}
+        {this.$slots['columns-bottom']?.()}
+        {this.toolbarPosition === 'bottom' ? this.genToolbar() : null}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index 5753c0f74..5553be02e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -143,10 +143,10 @@ module.exports = {
               //   path: 'password-input',
               //   title: 'PasswordInput 密码输入框',
               // },
-              // {
-              //   path: 'picker',
-              //   title: 'Picker 选择器',
-              // },
+              {
+                path: 'picker',
+                title: 'Picker 选择器',
+              },
               // {
               //   path: 'radio',
               //   title: 'Radio 单选框',
@@ -477,10 +477,10 @@ module.exports = {
               //   path: 'password-input',
               //   title: 'PasswordInput',
               // },
-              // {
-              //   path: 'picker',
-              //   title: 'Picker',
-              // },
+              {
+                path: 'picker',
+                title: 'Picker',
+              },
               // {
               //   path: 'radio',
               //   title: 'Radio',

From 5db6e380fe21bc162a186a62c5608df8790b0755 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 15:45:48 +0800
Subject: [PATCH 093/626] fix(Popup): overlay z-index

---
 src/mixins/popup/index.js |  3 ++-
 src/popup/index.js        | 14 +++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
index 0b0c7a43d..e29527da5 100644
--- a/src/mixins/popup/index.js
+++ b/src/mixins/popup/index.js
@@ -46,6 +46,7 @@ export function PopupMixin(options = {}) {
     data() {
       return {
         inited: this.show,
+        currentZIndex: null,
       };
     },
 
@@ -199,7 +200,7 @@ export function PopupMixin(options = {}) {
       },
 
       updateZIndex(value = 0) {
-        this.$refs.root.style.zIndex = ++context.zIndex + value;
+        this.currentZIndex = ++context.zIndex + value;
       },
     },
   };
diff --git a/src/popup/index.js b/src/popup/index.js
index c77cea282..99063760e 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -61,7 +61,13 @@ export default createComponent({
   methods: {
     genOverlay() {
       if (this.overlay) {
-        return <Overlay show={this.show} onClick={this.onClickOverlay} />;
+        return (
+          <Overlay
+            show={this.show}
+            zIndex={this.currentZIndex}
+            onClick={this.onClickOverlay}
+          />
+        );
       }
     },
 
@@ -73,7 +79,10 @@ export default createComponent({
         this.transition ||
         (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
 
-      const style = {};
+      const style = {
+        zIndex: this.currentZIndex,
+      };
+
       if (isDef(duration)) {
         const key = isCenter ? 'animationDuration' : 'transitionDuration';
         style[key] = `${duration}s`;
@@ -88,7 +97,6 @@ export default createComponent({
           {this.shouldRender ? (
             <div
               vShow={this.show}
-              ref="root"
               style={style}
               class={bem({
                 round,

From 47ad40794e2c992d6d23a2739a87003d64a4f509 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 16:32:46 +0800
Subject: [PATCH 094/626] fix: failed to install component

---
 src/utils/create/component.ts | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index 90e316e3f..6117f69f0 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -1,17 +1,16 @@
 /**
  * Create a basic component with common options
  */
-
-// function install(this: any, Vue: VueConstructor) {
-//   const { name } = this;
-//   Vue.component(name as string, this);
-//   Vue.component(camelize(`-${name}`), this);
-// }
+import { camelize } from '../format/string';
+import type { App, ComponentOptions } from 'vue';
 
 export function createComponent(name: string) {
-  return function (sfc: any) {
+  return function (sfc: ComponentOptions) {
     sfc.name = name;
-    // sfc.install = install;
+    sfc.install = (app: App) => {
+      app.component(name as string, sfc);
+      app.component(camelize(`-${name}`), sfc);
+    };
 
     return sfc;
   };

From f3ff931ebf5f007d604f8e46bfd83da60f7e80a4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 16:35:08 +0800
Subject: [PATCH 095/626] feat: migrate Dialog component

---
 breaking-changes.md        |   1 +
 components.js              |   1 +
 src/dialog/Dialog.js       |  61 +++++-----
 src/dialog/README.md       |   4 +-
 src/dialog/README.zh-CN.md | 220 -------------------------------------
 src/dialog/demo/index.vue  |   2 +-
 src/dialog/index.js        |  76 +++++++------
 src/dialog/index.less      |   4 +-
 vant.config.js             |  16 +--
 9 files changed, 86 insertions(+), 299 deletions(-)

diff --git a/breaking-changes.md b/breaking-changes.md
index a5d59d872..e2350b66d 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -7,6 +7,7 @@
 - Tabs: `v-model` 重命名为 `v-model:active`
 - Popup: `v-model` 重命名为 `v-model:show`
 - Circle: `v-model` 重命名为 `v-model:currentRate`
+- Dialog: `v-model` 重命名为 `v-model:show`
 - ShareSheet: `v-model` 重命名为 `v-model:show`
 - ActionSheet: `v-model` 重命名为 `v-model:show`
 - List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
diff --git a/components.js b/components.js
index 5169725a9..caa3f4ba0 100644
--- a/components.js
+++ b/components.js
@@ -44,4 +44,5 @@ module.exports = [
   'tabs',
   'sticky',
   'picker',
+  'dialog',
 ];
diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 815dad25c..85e84a27a 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,19 +1,19 @@
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
-import { PopupMixin } from '../mixins/popup';
+import Popup from '../popup';
 import Button from '../button';
 
 const [createComponent, bem, t] = createNamespace('dialog');
 
 export default createComponent({
-  mixins: [PopupMixin()],
-
   props: {
+    show: Boolean,
     title: String,
     width: [Number, String],
     message: String,
     className: null,
     callback: Function,
+    lazyRender: Boolean,
     beforeClose: Function,
     messageAlign: String,
     cancelButtonText: String,
@@ -65,7 +65,7 @@ export default createComponent({
       this.$emit(action);
 
       // show not trigger close event when hidden
-      if (!this.value) {
+      if (!this.show) {
         return;
       }
 
@@ -85,7 +85,7 @@ export default createComponent({
     },
 
     onClose(action) {
-      this.close();
+      this.$emit('update:show', false);
 
       if (this.callback) {
         this.callback(action);
@@ -133,9 +133,9 @@ export default createComponent({
       );
     },
 
-    genContent(hasTitle, messageSlot) {
-      if (messageSlot) {
-        return <div class={bem('content')}>{messageSlot}</div>;
+    genContent(hasTitle) {
+      if (this.$slots.default) {
+        return <div class={bem('content')}>{this.$slots.default()}</div>;
       }
 
       const { message, messageAlign } = this;
@@ -145,9 +145,7 @@ export default createComponent({
             'has-title': hasTitle,
             [messageAlign]: messageAlign,
           }),
-          domProps: {
-            [this.allowHtml ? 'innerHTML' : 'textContent']: message,
-          },
+          [this.allowHtml ? 'innerHTML' : 'textContent']: message,
         };
 
         return (
@@ -160,37 +158,32 @@ export default createComponent({
   },
 
   render() {
-    if (!this.shouldRender) {
-      return;
-    }
-
     const { message } = this;
-    const messageSlot = this.slots();
-    const title = this.slots('title') || this.title;
+    const title = this.$slots.title ? this.$slots.title() : this.title;
     const Title = title && (
-      <div class={bem('header', { isolated: !message && !messageSlot })}>
+      <div
+        class={bem('header', { isolated: !message && !this.$slots.default })}
+      >
         {title}
       </div>
     );
 
     return (
-      <transition
-        name={this.transition}
-        onAfterEnter={this.onOpened}
-        onAfterLeave={this.onClosed}
+      <Popup
+        show={this.show}
+        role="dialog"
+        class={[bem(), this.className]}
+        style={{ width: addUnit(this.width) }}
+        transition={this.transition}
+        lazyRender={this.lazyRender}
+        aria-labelledby={this.title || message}
+        onOpened={this.onOpened}
+        onClosed={this.onClosed}
       >
-        <div
-          vShow={this.value}
-          role="dialog"
-          aria-labelledby={this.title || message}
-          class={[bem(), this.className]}
-          style={{ width: addUnit(this.width) }}
-        >
-          {Title}
-          {this.genContent(title, messageSlot)}
-          {this.genButtons()}
-        </div>
-      </transition>
+        {Title}
+        {this.genContent(title)}
+        {this.genButtons()}
+      </Popup>
     );
   },
 });
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 4dbcace02..436f120de 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -84,7 +84,7 @@ export default {
 If you need to render vue components within a dialog, you can use dialog component.
 
 ```html
-<van-dialog v-model="show" title="Title" show-cancel-button>
+<van-dialog v-model:show="show" title="Title" show-cancel-button>
   <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
 </van-dialog>
 ```
@@ -142,7 +142,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Whether to show dialog | _boolean_ | - |
+| v-model:show | Whether to show dialog | _boolean_ | - |
 | title | Title | _string_ | - |
 | width `v2.2.7` | Width | _number \| string_ | `320px` |
 | message | Message | _string_ | - |
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index 7ead0b38c..e69de29bb 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -1,220 +0,0 @@
-# Dialog 弹出框
-
-### 介绍
-
-弹出模态框，常用于消息提示、消息确认，或在当前页面内完成特定的交互操作。
-
-弹出框组件支持函数调用和组件调用两种方式。
-
-### 函数调用
-
-Dialog 是一个函数，调用后会直接在页面中弹出相应的模态框。
-
-```js
-import { Dialog } from 'vant';
-
-Dialog({ message: '提示' });
-```
-
-### 组件调用
-
-通过组件调用 Dialog 时，可以通过下面的方式进行注册：
-
-```js
-import Vue from 'vue';
-import { Dialog } from 'vant';
-
-// 全局注册
-Vue.use(Dialog);
-
-// 局部注册
-export default {
-  components: {
-    [Dialog.Component.name]: Dialog.Component,
-  },
-};
-```
-
-## 代码演示
-
-### 消息提示
-
-用于提示一些消息，只包含一个确认按钮。
-
-```js
-Dialog.alert({
-  title: '标题',
-  message: '弹窗内容',
-}).then(() => {
-  // on close
-});
-
-Dialog.alert({
-  message: '弹窗内容',
-}).then(() => {
-  // on close
-});
-```
-
-### 消息确认
-
-用于确认消息，包含取消和确认按钮。
-
-```js
-Dialog.confirm({
-  title: '标题',
-  message: '弹窗内容',
-})
-  .then(() => {
-    // on confirm
-  })
-  .catch(() => {
-    // on cancel
-  });
-```
-
-### 异步关闭
-
-通过 `beforeClose` 属性可以传入一个回调函数，在弹窗关闭前进行特定操作。
-
-```js
-function beforeClose(action, done) {
-  if (action === 'confirm') {
-    setTimeout(done, 1000);
-  } else {
-    done();
-  }
-}
-
-Dialog.confirm({
-  title: '标题',
-  message: '弹窗内容',
-  beforeClose,
-});
-```
-
-### 全局方法
-
-引入 Dialog 组件后，会自动在 Vue 的 prototype 上挂载 `$dialog` 方法，在所有组件内部都可以直接调用此方法。
-
-```js
-export default {
-  mounted() {
-    this.$dialog.alert({
-      message: '弹窗内容',
-    });
-  },
-};
-```
-
-### 组件调用
-
-如果需要在弹窗内嵌入组件或其他自定义内容，可以使用组件调用的方式。
-
-```html
-<van-dialog v-model="show" title="标题" show-cancel-button>
-  <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
-</van-dialog>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-    };
-  },
-};
-```
-
-## API
-
-### 方法
-
-| 方法名 | 说明 | 参数 | 返回值 |
-| --- | --- | --- | --- |
-| Dialog | 展示弹窗 | `options` | `Promise` |
-| Dialog.alert | 展示消息提示弹窗 | `options` | `Promise` |
-| Dialog.confirm | 展示消息确认弹窗 | `options` | `Promise` |
-| Dialog.setDefaultOptions | 修改默认配置，对所有 Dialog 生效 | `options` | `void` |
-| Dialog.resetDefaultOptions | 重置默认配置，对所有 Dialog 生效 | - | `void` |
-| Dialog.close | 关闭弹窗 | - | `void` |
-
-### Options
-
-通过函数调用 `Dialog` 时，支持传入以下选项：
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 标题 | _string_ | - |
-| width `v2.2.7` | 弹窗宽度，默认单位为`px` | _number \| string_ | `320px` |
-| message | 文本内容，支持通过`\n`换行 | _string_ | - |
-| messageAlign | 内容对齐方式，可选值为`left` `right` | _string_ | `center` |
-| className | 自定义类名 | _any_ | - |
-| showConfirmButton | 是否展示确认按钮 | _boolean_ | `true` |
-| showCancelButton | 是否展示取消按钮 | _boolean_ | `false` |
-| confirmButtonText | 确认按钮文案 | _string_ | `确认` |
-| confirmButtonColor | 确认按钮颜色 | _string_ | `#1989fa` |
-| cancelButtonText | 取消按钮文案 | _string_ | `取消` |
-| cancelButtonColor | 取消按钮颜色 | _string_ | `black` |
-| overlay | 是否展示遮罩层 | _boolean_ | `true` |
-| overlayClass `v2.2.7` | 自定义遮罩层类名 | _string_ | - |
-| overlayStyle `v2.2.7` | 自定义遮罩层样式 | _object_ | - |
-| closeOnPopstate `v2.0.5` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
-| closeOnClickOverlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
-| lockScroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| allowHtml `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
-| beforeClose | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
-| transition `v2.2.6` | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| getContainer | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | `body` |
-
-### Props
-
-通过组件调用 `Dialog` 时，支持以下 Props：
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 是否显示弹窗 | _boolean_ | - |
-| title | 标题 | _string_ | - |
-| width `v2.2.7` | 弹窗宽度，默认单位为`px` | _number \| string_ | `320px` |
-| message | 文本内容，支持通过`\n`换行 | _string_ | - |
-| message-align | 内容对齐方式，可选值为`left` `right` | _string_ | `center` |
-| show-confirm-button | 是否展示确认按钮 | _boolean_ | `true` |
-| show-cancel-button | 是否展示取消按钮 | _boolean_ | `false` |
-| confirm-button-text | 确认按钮文案 | _string_ | `确认` |
-| confirm-button-color | 确认按钮颜色 | _string_ | `#1989fa` |
-| cancel-button-text | 取消按钮文案 | _string_ | `取消` |
-| cancel-button-color | 取消按钮颜色 | _string_ | `black` |
-| overlay | 是否展示遮罩层 | _boolean_ | `true` |
-| overlay-class `v2.2.7` | 自定义遮罩层类名 | _string_ | - |
-| overlay-style `v2.2.7` | 自定义遮罩层样式 | _object_ | - |
-| close-on-popstate `v2.0.5` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
-| close-on-click-overlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
-| lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
-| lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
-| before-close | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
-| transition `v2.2.6` | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
-
-### Events
-
-通过组件调用 `Dialog` 时，支持以下事件：
-
-| 事件    | 说明                     | 回调参数 |
-| ------- | ------------------------ | -------- |
-| confirm | 点击确认按钮时触发       | -        |
-| cancel  | 点击取消按钮时触发       | -        |
-| open    | 打开弹窗时触发           | -        |
-| close   | 关闭弹窗时触发           | -        |
-| opened  | 打开弹窗且动画结束后触发 | -        |
-| closed  | 关闭弹窗且动画结束后触发 | -        |
-
-### Slots
-
-通过组件调用 `Dialog` 时，支持以下插槽：
-
-| 名称    | 说明       |
-| ------- | ---------- |
-| default | 自定义内容 |
-| title   | 自定义标题 |
diff --git a/src/dialog/demo/index.vue b/src/dialog/demo/index.vue
index 5b1fa2165..106491702 100644
--- a/src/dialog/demo/index.vue
+++ b/src/dialog/demo/index.vue
@@ -26,7 +26,7 @@
         {{ t('componentCall') }}
       </van-button>
       <van-dialog
-        v-model="show"
+        v-model:show="show"
         :title="t('title')"
         show-cancel-button
         :lazy-render="false"
diff --git a/src/dialog/index.js b/src/dialog/index.js
index 2805cdaaf..4d0ded239 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,29 +1,38 @@
-// import Vue from 'vue';
+import { createApp, nextTick } from 'vue';
 import VanDialog from './Dialog';
 import { inBrowser } from '../utils';
 
 let instance;
 
-function isInDocument(element) {
-  return document.body.contains(element);
-}
-
 function initInstance() {
-  if (instance) {
-    instance.$destroy();
-  }
+  const root = document.createElement('div');
+  document.body.appendChild(root);
 
-  instance = new (Vue.extend(VanDialog))({
-    el: document.createElement('div'),
-    // avoid missing animation when first rendered
-    propsData: {
-      lazyRender: false,
+  instance = createApp({
+    data() {
+      return {
+        dialogProps: {
+          show: false,
+        },
+      };
     },
-  });
-
-  instance.$on('input', (value) => {
-    instance.value = value;
-  });
+    methods: {
+      onToggle(show) {
+        this.dialogProps.show = show;
+      },
+    },
+    render() {
+      return (
+        <VanDialog
+          lazyRender={false}
+          {...{
+            ...this.dialogProps,
+            'onUpdate:show': this.onToggle,
+          }}
+        />
+      );
+    },
+  }).mount(root);
 }
 
 function Dialog(options) {
@@ -33,23 +42,31 @@ function Dialog(options) {
   }
 
   return new Promise((resolve, reject) => {
-    if (!instance || !isInDocument(instance.$el)) {
+    if (!instance) {
       initInstance();
     }
 
-    Object.assign(instance, Dialog.currentOptions, options, {
-      resolve,
-      reject,
-    });
+    instance.dialogProps = {
+      ...Dialog.currentOptions,
+      ...options,
+      callback: (action) => {
+        (action === 'confirm' ? resolve : reject)(action);
+      },
+    };
+
+    nextTick(() => {
+      instance.dialogProps.show = true;
+    })
   });
 }
 
 Dialog.defaultOptions = {
-  value: true,
+  show: false,
   title: '',
   width: '',
   message: '',
   overlay: true,
+  callback: null,
   className: '',
   allowHtml: true,
   lockScroll: true,
@@ -67,9 +84,6 @@ Dialog.defaultOptions = {
   showCancelButton: false,
   closeOnPopstate: true,
   closeOnClickOverlay: false,
-  callback: (action) => {
-    instance[action === 'confirm' ? 'resolve' : 'reject'](action);
-  },
 };
 
 Dialog.alert = Dialog;
@@ -96,12 +110,12 @@ Dialog.resetDefaultOptions = () => {
 
 Dialog.resetDefaultOptions();
 
-Dialog.install = () => {
-  Vue.use(VanDialog);
+Dialog.install = (app) => {
+  console.log('use VanDialog', VanDialog);
+  app.use(VanDialog);
+  app.config.globalProperties.$dialog = Dialog;
 };
 
 Dialog.Component = VanDialog;
 
-Vue.prototype.$dialog = Dialog;
-
 export default Dialog;
diff --git a/src/dialog/index.less b/src/dialog/index.less
index 0448d3f55..d95cd7477 100644
--- a/src/dialog/index.less
+++ b/src/dialog/index.less
@@ -1,7 +1,6 @@
 @import '../style/var';
 
 .van-dialog {
-  position: fixed;
   top: 45%;
   left: 50%;
   width: @dialog-width;
@@ -9,7 +8,6 @@
   font-size: @dialog-font-size;
   background-color: @dialog-background-color;
   border-radius: @dialog-border-radius;
-  transform: translate3d(-50%, -50%, 0);
   backface-visibility: hidden; // avoid blurry text after scale animation
   transition: @dialog-transition;
   transition-property: transform, opacity;
@@ -80,7 +78,7 @@
     }
   }
 
-  &-bounce-enter {
+  &-bounce-enter-from {
     transform: translate3d(-50%, -50%, 0) scale(0.7);
     opacity: 0;
   }
diff --git a/vant.config.js b/vant.config.js
index 5553be02e..56b13d3e8 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -184,10 +184,10 @@ module.exports = {
                 path: 'action-sheet',
                 title: 'ActionSheet 动作面板',
               },
-              // {
-              //   path: 'dialog',
-              //   title: 'Dialog 弹出框',
-              // },
+              {
+                path: 'dialog',
+                title: 'Dialog 弹出框',
+              },
               // {
               //   path: 'dropdown-menu',
               //   title: 'DropdownMenu 下拉菜单',
@@ -518,10 +518,10 @@ module.exports = {
                 path: 'action-sheet',
                 title: 'ActionSheet',
               },
-              // {
-              //   path: 'dialog',
-              //   title: 'Dialog',
-              // },
+              {
+                path: 'dialog',
+                title: 'Dialog',
+              },
               // {
               //   path: 'dropdown-menu',
               //   title: 'DropdownMenu',

From 040418dcd90f383420bf8ef6b252c13bdf75c106 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 16:37:40 +0800
Subject: [PATCH 096/626] chore(Dialog): remove log

---
 src/dialog/index.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/dialog/index.js b/src/dialog/index.js
index 4d0ded239..0166c394b 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -56,7 +56,7 @@ function Dialog(options) {
 
     nextTick(() => {
       instance.dialogProps.show = true;
-    })
+    });
   });
 }
 
@@ -111,7 +111,6 @@ Dialog.resetDefaultOptions = () => {
 Dialog.resetDefaultOptions();
 
 Dialog.install = (app) => {
-  console.log('use VanDialog', VanDialog);
   app.use(VanDialog);
   app.config.globalProperties.$dialog = Dialog;
 };

From 49206598fc32d35637cb9a3f57f06a7eea3da3bc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 26 Jul 2020 16:54:15 +0800
Subject: [PATCH 097/626] fix(Dialog): missing emits config

---
 src/dialog/Dialog.js |  2 ++
 src/dialog/index.js  | 14 ++++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 85e84a27a..c1ade262a 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -47,6 +47,8 @@ export default createComponent({
     },
   },
 
+  emits: ['opened', 'closed', 'confirm', 'cancel', 'update:show'],
+
   data() {
     return {
       loading: {
diff --git a/src/dialog/index.js b/src/dialog/index.js
index 0166c394b..0a10a875d 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -17,9 +17,12 @@ function initInstance() {
       };
     },
     methods: {
-      onToggle(show) {
+      toggle(show) {
         this.dialogProps.show = show;
       },
+      setProps(props) {
+        this.dialogProps = props;
+      },
     },
     render() {
       return (
@@ -27,7 +30,7 @@ function initInstance() {
           lazyRender={false}
           {...{
             ...this.dialogProps,
-            'onUpdate:show': this.onToggle,
+            'onUpdate:show': this.toggle,
           }}
         />
       );
@@ -46,22 +49,21 @@ function Dialog(options) {
       initInstance();
     }
 
-    instance.dialogProps = {
+    instance.setProps({
       ...Dialog.currentOptions,
       ...options,
       callback: (action) => {
         (action === 'confirm' ? resolve : reject)(action);
       },
-    };
+    });
 
     nextTick(() => {
-      instance.dialogProps.show = true;
+      instance.toggle(true);
     });
   });
 }
 
 Dialog.defaultOptions = {
-  show: false,
   title: '',
   width: '',
   message: '',

From 5d2cd516ed931284c38c9396c9d921e2c9d04af2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 7 Aug 2020 07:16:33 +0800
Subject: [PATCH 098/626] feat: migrate Toast component

---
 components.js        |   1 +
 src/toast/Toast.js   |  43 ++++++++--------
 src/toast/index.js   | 119 ++++++++++++++++++++++++-------------------
 src/toast/index.less |   4 --
 vant.config.js       |  16 +++---
 5 files changed, 96 insertions(+), 87 deletions(-)

diff --git a/components.js b/components.js
index caa3f4ba0..e0ee8e4be 100644
--- a/components.js
+++ b/components.js
@@ -45,4 +45,5 @@ module.exports = [
   'sticky',
   'picker',
   'dialog',
+  'toast',
 ];
diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 8ab8ceb23..f0955ec68 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -2,20 +2,18 @@
 import { createNamespace, isDef } from '../utils';
 import { lockClick } from './lock-click';
 
-// Mixins
-import { PopupMixin } from '../mixins/popup';
-
 // Components
 import Icon from '../icon';
+import Popup from '../popup';
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('toast');
 
 export default createComponent({
-  mixins: [PopupMixin()],
-
   props: {
     icon: String,
+    show: Boolean,
+    clear: Function,
     className: null,
     iconPrefix: String,
     loadingType: String,
@@ -40,6 +38,8 @@ export default createComponent({
     },
   },
 
+  emits: ['opened', 'closed', 'update:show'],
+
   data() {
     return {
       clickable: false,
@@ -55,7 +55,7 @@ export default createComponent({
   },
 
   watch: {
-    value: 'toggleClickable',
+    show: 'toggleClickable',
     forbidClick: 'toggleClickable',
   },
 
@@ -67,7 +67,7 @@ export default createComponent({
     },
 
     toggleClickable() {
-      const clickable = this.value && this.forbidClick;
+      const clickable = this.show && this.forbidClick;
 
       if (this.clickable !== clickable) {
         this.clickable = clickable;
@@ -124,23 +124,20 @@ export default createComponent({
 
   render() {
     return (
-      <transition
-        name={this.transition}
-        onAfterEnter={this.onAfterEnter}
-        onAfterLeave={this.onAfterLeave}
+      <Popup
+        show={this.show}
+        class={[
+          bem([this.position, { [this.type]: !this.icon }]),
+          this.className,
+        ]}
+        transition={this.transition}
+        onOpened={this.onAfterEnter}
+        onClosed={this.onAfterLeave}
+        onClick={this.onClick}
       >
-        <div
-          vShow={this.value}
-          class={[
-            bem([this.position, { [this.type]: !this.icon }]),
-            this.className,
-          ]}
-          onClick={this.onClick}
-        >
-          {this.genIcon()}
-          {this.genMessage()}
-        </div>
-      </transition>
+        {this.genIcon()}
+        {this.genMessage()}
+      </Popup>
     );
   },
 });
diff --git a/src/toast/index.js b/src/toast/index.js
index c3ec0ec12..cc9c0b49a 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,14 +1,10 @@
-import Vue from 'vue';
-import VueToast from './Toast';
-import { isObject, isServer } from '../utils';
-import { removeNode } from '../utils/dom/node';
+import { createApp, nextTick } from 'vue';
+import VanToast from './Toast';
+import { isObject, inBrowser } from '../utils';
 
 const defaultOptions = {
   icon: '',
   type: 'text',
-  // @deprecated
-  mask: false,
-  value: true,
   message: '',
   className: '',
   overlay: false,
@@ -45,18 +41,69 @@ function parseOptions(message) {
 
 function createInstance() {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return {};
   }
 
   if (!queue.length || multiple) {
-    const toast = new (Vue.extend(VueToast))({
-      el: document.createElement('div'),
+    const root = document.createElement('div');
+    document.body.appendChild(root);
+
+    const app = createApp({
+      data() {
+        return {
+          timer: null,
+          toastProps: {
+            show: false,
+          },
+        };
+      },
+      methods: {
+        clear() {
+          this.toggle(false);
+        },
+        toggle(show, duration) {
+          this.toastProps.show = show;
+
+          if (show) {
+            clearTimeout(this.timer);
+
+            if (duration > 0) {
+              this.timer = setTimeout(() => {
+                this.clear();
+              }, duration);
+            }
+          }
+        },
+        setProps(props) {
+          this.toastProps = {
+            ...props,
+            duration: undefined,
+          };
+        },
+        onClosed() {
+          if (multiple && inBrowser) {
+            clearTimeout(this.timer);
+            queue = queue.filter((item) => item !== this);
+            app.unmount();
+            document.body.removeChild(root);
+          }
+        },
+      },
+      render() {
+        return (
+          <VanToast
+            {...{
+              ...this.toastProps,
+              onClosed: this.onClosed,
+              'onUpdate:show': this.toggle,
+            }}
+          />
+        );
+      },
     });
 
-    toast.$on('input', (value) => {
-      toast.value = value;
-    });
+    const toast = app.mount(root);
 
     queue.push(toast);
   }
@@ -64,16 +111,6 @@ function createInstance() {
   return queue[queue.length - 1];
 }
 
-// transform toast options to popup props
-function transformOptions(options) {
-  return {
-    ...options,
-    overlay: options.mask || options.overlay,
-    mask: undefined,
-    duration: undefined,
-  };
-}
-
 function Toast(options = {}) {
   const toast = createInstance();
 
@@ -89,32 +126,11 @@ function Toast(options = {}) {
     ...options,
   };
 
-  options.clear = () => {
-    toast.value = false;
+  toast.setProps(options);
 
-    if (options.onClose) {
-      options.onClose();
-    }
-
-    if (multiple && !isServer) {
-      toast.$on('closed', () => {
-        clearTimeout(toast.timer);
-        queue = queue.filter((item) => item !== toast);
-
-        removeNode(toast.$el);
-        toast.$destroy();
-      });
-    }
-  };
-
-  Object.assign(toast, transformOptions(options));
-  clearTimeout(toast.timer);
-
-  if (options.duration > 0) {
-    toast.timer = setTimeout(() => {
-      toast.clear();
-    }, options.duration);
-  }
+  nextTick(() => {
+    toast.toggle(true, options.duration);
+  });
 
   return toast;
 }
@@ -165,10 +181,9 @@ Toast.allowMultiple = (value = true) => {
   multiple = value;
 };
 
-Toast.install = () => {
-  Vue.use(VueToast);
+Toast.install = (app) => {
+  app.use(VanToast);
+  app.config.globalProperties.$toast = Toast;
 };
 
-Vue.prototype.$toast = Toast;
-
 export default Toast;
diff --git a/src/toast/index.less b/src/toast/index.less
index 0f55e7ef3..2664c8364 100644
--- a/src/toast/index.less
+++ b/src/toast/index.less
@@ -1,9 +1,6 @@
 @import '../style/var';
 
 .van-toast {
-  position: fixed;
-  top: 50%;
-  left: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -25,7 +22,6 @@
   word-wrap: break-word;
   background-color: @toast-background-color;
   border-radius: @toast-border-radius;
-  transform: translate3d(-50%, -50%, 0);
 
   &--unclickable {
     // lock scroll
diff --git a/vant.config.js b/vant.config.js
index 56b13d3e8..337bc7f36 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -106,10 +106,10 @@ module.exports = {
                 path: 'style',
                 title: 'Style 内置样式',
               },
-              // {
-              //   path: 'toast',
-              //   title: 'Toast 轻提示',
-              // },
+              {
+                path: 'toast',
+                title: 'Toast 轻提示',
+              },
             ],
           },
           {
@@ -440,10 +440,10 @@ module.exports = {
                 path: 'style',
                 title: 'Built-in style',
               },
-              // {
-              //   path: 'toast',
-              //   title: 'Toast',
-              // },
+              {
+                path: 'toast',
+                title: 'Toast',
+              },
             ],
           },
           {

From 34ff811102e7a153b0661f2f2f9b0c85af24f14b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 7 Aug 2020 07:17:19 +0800
Subject: [PATCH 099/626] fix(Popup): legacy removeNode

---
 src/mixins/popup/index.js | 7 -------
 src/utils/dom/node.ts     | 7 -------
 2 files changed, 14 deletions(-)
 delete mode 100644 src/utils/dom/node.ts

diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
index 781db4366..a84bb3641 100644
--- a/src/mixins/popup/index.js
+++ b/src/mixins/popup/index.js
@@ -3,7 +3,6 @@ import { context } from './context';
 
 // Utils
 import { on, off, preventDefault } from '../../utils/dom/event';
-import { removeNode } from '../../utils/dom/node';
 import { getScroller } from '../../utils/dom/scroll';
 
 // Mixins
@@ -85,15 +84,9 @@ export function PopupMixin(options = {}) {
     },
 
     beforeDestroy() {
-      this.removeLock();
-
       if (this.opened) {
         this.removeLock();
       }
-
-      if (this.getContainer) {
-        removeNode(this.$refs.root);
-      }
     },
 
     /* istanbul ignore next */
diff --git a/src/utils/dom/node.ts b/src/utils/dom/node.ts
deleted file mode 100644
index 07756867a..000000000
--- a/src/utils/dom/node.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export function removeNode(el: Node) {
-  const parent = el.parentNode;
-
-  if (parent) {
-    parent.removeChild(el);
-  }
-}

From de66903baeb5132ccd57f7ca47b8a2865e8f4fe6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 7 Aug 2020 07:20:57 +0800
Subject: [PATCH 100/626] fix(Popup): missing overlay class & style

---
 src/popup/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/popup/index.js b/src/popup/index.js
index 99063760e..b117e3cf5 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -64,6 +64,8 @@ export default createComponent({
         return (
           <Overlay
             show={this.show}
+            class={this.overlayClass}
+            style={this.overlayStyle}
             zIndex={this.currentZIndex}
             onClick={this.onClickOverlay}
           />

From 448584a146de7b13ef85ebf745e940eec1ba1cc0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 20:49:01 +0800
Subject: [PATCH 101/626] docs: add changelog-v3

---
 breaking-changes.md                 | 43 -------------------
 docs/markdown/changelog-v3.zh-CN.md | 64 +++++++++++++++++++++++++++++
 vant.config.js                      |  2 +-
 3 files changed, 65 insertions(+), 44 deletions(-)
 create mode 100644 docs/markdown/changelog-v3.zh-CN.md

diff --git a/breaking-changes.md b/breaking-changes.md
index e2350b66d..e69de29bb 100644
--- a/breaking-changes.md
+++ b/breaking-changes.md
@@ -1,43 +0,0 @@
-# 不兼容更新
-
-## v-model API 变更
-
-以下改动是为了适配 Vue 3 的 v-model API 用法变更：
-
-- Tabs: `v-model` 重命名为 `v-model:active`
-- Popup: `v-model` 重命名为 `v-model:show`
-- Circle: `v-model` 重命名为 `v-model:currentRate`
-- Dialog: `v-model` 重命名为 `v-model:show`
-- ShareSheet: `v-model` 重命名为 `v-model:show`
-- ActionSheet: `v-model` 重命名为 `v-model:show`
-- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
-- Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
-- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
-- Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
-- TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
-- TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
-
-## API 命名调整
-
-以下改动是为了规范 API 命名：
-
-- TreeSelect: `navclick` 事件重命名为 `click-nav`
-- TreeSelect: `itemclick` 事件重命名为 `click-item`
-
-### 重命名徽标属性
-
-在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了表达更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
-
-- Tab
-- Icon
-- GridItem
-- TreeSelect
-- TabbarItem
-- SidebarItem
-- GoodsActionIcon
-
-同时内部使用的 Info 组件也会重命名为 Badge。
-
-## 废弃个别组件
-
-- SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
new file mode 100644
index 000000000..f940e1491
--- /dev/null
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -0,0 +1,64 @@
+# 更新日志
+
+### 提示
+
+当前文档为 Vant 3.x 版本的更新日志，如需查询 Vant 2.0 的更新内容，请访问 [Vant 2.0 更新日志](https://youzan.github.io/vant/#/zh-CN/changelog)。
+
+### 介绍
+
+Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
+
+**发布节奏**
+
+- 修订号：每周发布，包含新特性和问题修复。
+- 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
+- 主版本号：发布时间不定，包含不兼容更新。
+
+### v3.0.0-alpha.0
+
+`TODO`
+
+#### 不兼容更新
+
+##### v-model API 变更
+
+以下改动是为了适配 Vue 3 的 v-model API 用法变更：
+
+- Tabs: `v-model` 重命名为 `v-model:active`
+- Popup: `v-model` 重命名为 `v-model:show`
+- Circle: `v-model` 重命名为 `v-model:currentRate`
+- Dialog: `v-model` 重命名为 `v-model:show`
+- ShareSheet: `v-model` 重命名为 `v-model:show`
+- ActionSheet: `v-model` 重命名为 `v-model:show`
+- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
+- Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
+- TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
+
+##### API 命名调整
+
+以下改动是为了规范 API 命名：
+
+- Toast: `mask` 属性重命名为 `overlay`
+- TreeSelect: `navclick` 事件重命名为 `click-nav`
+- TreeSelect: `itemclick` 事件重命名为 `click-item`
+
+##### 重命名徽标属性
+
+在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了表达更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
+
+- Tab
+- Icon
+- GridItem
+- TreeSelect
+- TabbarItem
+- SidebarItem
+- GoodsActionIcon
+
+同时内部使用的 Info 组件也会重命名为 Badge。
+
+##### 废弃组件
+
+- SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
diff --git a/vant.config.js b/vant.config.js
index 337bc7f36..b687d8194 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -50,7 +50,7 @@ module.exports = {
                 title: '快速上手',
               },
               {
-                path: 'changelog',
+                path: 'changelog-v3',
                 title: '更新日志',
               },
               {

From 8031c690dd889516d8025e0313f0f568a5b823ff Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 20:52:55 +0800
Subject: [PATCH 102/626] refactor(SwipeCell): remove deprecated on-close

---
 breaking-changes.md                 |  0
 docs/markdown/changelog-v3.zh-CN.md |  3 ++-
 src/swipe-cell/index.js             |  5 ----
 src/swipe-cell/test/index.spec.js   | 37 -----------------------------
 4 files changed, 2 insertions(+), 43 deletions(-)
 delete mode 100644 breaking-changes.md

diff --git a/breaking-changes.md b/breaking-changes.md
deleted file mode 100644
index e69de29bb..000000000
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index f940e1491..095abbe30 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -41,13 +41,14 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 以下改动是为了规范 API 命名：
 
+- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
 - Toast: `mask` 属性重命名为 `overlay`
 - TreeSelect: `navclick` 事件重命名为 `click-nav`
 - TreeSelect: `itemclick` 事件重命名为 `click-item`
 
 ##### 重命名徽标属性
 
-在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了表达更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
+在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
 
 - Tab
 - Icon
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index b7a31aab3..65e9647fd 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -20,9 +20,6 @@ export default createComponent({
   ],
 
   props: {
-    // @deprecated
-    // should be removed in next major version, use beforeClose instead
-    onClose: Function,
     disabled: Boolean,
     leftWidth: [Number, String],
     rightWidth: [Number, String],
@@ -177,8 +174,6 @@ export default createComponent({
             name: this.name,
             instance: this,
           });
-        } else if (this.onClose) {
-          this.onClose(position, this, { name: this.name });
         } else {
           this.close(position);
         }
diff --git a/src/swipe-cell/test/index.spec.js b/src/swipe-cell/test/index.spec.js
index 0f1d11693..ebc3f8c3f 100644
--- a/src/swipe-cell/test/index.spec.js
+++ b/src/swipe-cell/test/index.spec.js
@@ -41,43 +41,6 @@ test('drag and show right part', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
-test('on-close prop', () => {
-  let position;
-  let instance;
-
-  const wrapper = mount(SwipeCell, {
-    ...defaultProps,
-    propsData: {
-      ...defaultProps.propsData,
-      onClose(pos, ins) {
-        position = pos;
-        instance = ins;
-      },
-    },
-  });
-
-  wrapper.trigger('click');
-  expect(position).toEqual(undefined);
-
-  wrapper.vm.open('left');
-  wrapper.trigger('click');
-  expect(position).toEqual('cell');
-
-  wrapper.find('.van-swipe-cell__left').trigger('click');
-  expect(position).toEqual('left');
-
-  wrapper.find('.van-swipe-cell__right').trigger('click');
-  expect(position).toEqual('right');
-
-  instance.close();
-  expect(instance.offset).toEqual(0);
-
-  instance.open('left');
-  wrapper.setData({ onClose: null });
-  wrapper.trigger('click');
-  expect(wrapper.vm.offset).toEqual(0);
-});
-
 test('before-close prop', () => {
   let position;
   let instance;

From 13912c02a53ae00632da955230a1d1f1d9379e47 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 20:54:17 +0800
Subject: [PATCH 103/626] refactor(SwipeCell): rename open event params

---
 docs/markdown/changelog-v3.zh-CN.md | 1 +
 src/swipe-cell/index.js             | 3 ---
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 095abbe30..8e5705bcf 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -41,6 +41,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 以下改动是为了规范 API 命名：
 
+- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
 - SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
 - Toast: `mask` 属性重命名为 `overlay`
 - TreeSelect: `navclick` 事件重命名为 `click-nav`
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 65e9647fd..0fbc0e745 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -73,9 +73,6 @@ export default createComponent({
       this.$emit('open', {
         position,
         name: this.name,
-        // @deprecated
-        // should be removed in next major version
-        detail: this.name,
       });
     },
 

From 8d4c8a0827f4d2bfc527908af70efac9e361f899 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 21:08:31 +0800
Subject: [PATCH 104/626] chore: bump jsx plugin to 1.0.0-rc.1

---
 packages/vant-cli/package.json |  2 +-
 packages/vant-cli/yarn.lock    | 18 +++++-------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index da1fdccb5..a59d85acd 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -39,7 +39,7 @@
     "@types/webpack-merge": "^4.1.5"
   },
   "dependencies": {
-    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-beta.4",
+    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-rc.1",
     "@babel/core": "^7.10.1",
     "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 6e533bd4b..fd66f8dd5 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,24 +2,16 @@
 # yarn lockfile v1
 
 
-"@ant-design-vue/babel-helper-vue-compatible-props@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-compatible-props/-/babel-helper-vue-compatible-props-1.0.0.tgz#1cf8a267e04e7de4bd9207eb457bb40fbe96d69a"
-  integrity sha512-BHOaxm9EJOqoBYWUMVFKwjgDkdqbGnY1KhQBJwTdrQGRDVjVXkxzyoDGJV52YAGgHQrdaSMWakwZIiTfncsNJQ==
-  dependencies:
-    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.1"
-
-"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0", "@ant-design-vue/babel-helper-vue-transform-on@^1.0.1":
+"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0":
   version "1.0.1"
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.4":
-  version "1.0.0-beta.4"
-  resolved "https://registry.npm.taobao.org/@ant-design-vue/babel-plugin-jsx/download/@ant-design-vue/babel-plugin-jsx-1.0.0-beta.4.tgz#38e90befb34a062a63db919ae891d2f69dd907d7"
-  integrity sha1-OOkL77NKBipj25Ga6JHS9p3ZB9c=
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-rc.1":
+  version "1.0.0-rc.1"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.1.tgz#ae56cecbda9f08691bcf92dfe98e2416e77d758b"
+  integrity sha512-x7PfAHSs5/emIuey1Df7Bh/vJU27S9KBdufzoAA7kgwTpEpY85R7CXD9gl6sJFB7aG2pZpl4Tmm+FsHlzgp7fA==
   dependencies:
-    "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"

From a6888944ea0c2e8f3cf528ae037e2456021c50fb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 21:29:27 +0800
Subject: [PATCH 105/626] chore: bump vue@3.0.0-rc.5

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 80d14ff52..ba22d6444 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.4",
-    "@vue/compiler-sfc": "^3.0.0-rc.4",
+    "@vue/compiler-sfc": "^3.0.0-rc.5",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-rc.4"
+    "vue": "^3.0.0-rc.5"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 9f0f36907..d233e6a3e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2161,36 +2161,36 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.4.tgz#2fe7c9e010d6c66f1f191c8a6fbd4e9c4d87d126"
-  integrity sha1-L+fJ4BDWxm8fGRyKb71OnE2H0SY=
+"@vue/compiler-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
+  integrity sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.5"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.4.tgz#3c6b56f8c99797b46cf7935ffb1e538a1a1174c7"
-  integrity sha1-PGtW+MmXl7Rs95Nf+x5TihoRdMc=
+"@vue/compiler-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
+  integrity sha512-z8n+R1GhFnWuKURLYxfVSEfP7nSNM91qteobxwys55fhlZZuReouMnUwgrn+ois/IL6RdFlT9H+n4+N6yLrdJA==
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/compiler-sfc@^3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.4.tgz#cdd8154c3a6a4dc34405fbdb75db4a55db2fae26"
-  integrity sha1-zdgVTDpqTcNEBfvbddtKVdsvriY=
+"@vue/compiler-sfc@^3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
+  integrity sha512-huoIFEfFCJxHcpoByAUQti7CIwJdHPLJXKuy2HG7J1B+IEKugtBdF50CLH35ZD8dWM0nyOMFFqTbO7i6CCjL3Q==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.4"
-    "@vue/compiler-dom" "3.0.0-rc.4"
-    "@vue/compiler-ssr" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/compiler-ssr" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2202,13 +2202,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.4.tgz#58d3446eda2cbdc38d983c0a8bbab7d182921149"
-  integrity sha1-WNNEbtosvcONmDwKi7q30YKSEUk=
+"@vue/compiler-ssr@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
+  integrity sha512-OU5Vl2+bCDMImS9OeCVnl4lfxZ3/sopdwX2SrUWVKQvCxmmmlyWvoVkC6nNGCs/MrOmIMhKmL6etgzLTWyCkUg==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 "@vue/component-compiler-utils@^2.4.0":
   version "2.6.0"
@@ -2241,34 +2241,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.4.tgz#0a917d9809967c78c32436fb0113dac6d157b87a"
-  integrity sha1-CpF9mAmWfHjDJDb7ARPaxtFXuHo=
+"@vue/reactivity@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
+  integrity sha512-oe9C+1jtWUdYL/iNc0OPWbwgOk2rOW2uQ+exx3I6Jo6PKOmnAiPkMElalf9vRnO53rnUphVecMp8BlTJvcNgDw==
   dependencies:
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-core@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.4.tgz#87b5a4022aa86eb717d38751b8b4be4cede0f323"
-  integrity sha1-h7WkAiqobrcX04dRuLS+TO3g8yM=
+"@vue/runtime-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
+  integrity sha512-MRIWreFigxdRuI2moFociUL5rVBfgYPrT7rWfQ0XfOyW46b+AiuCJyZvgbsRXwkAERfW1Tb/mY5forYjX2thOg==
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/reactivity" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-dom@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.4.tgz#66453056c2761f112d9c04ab816477140bcaa664"
-  integrity sha1-ZkUwVsJ2HxEtnASrgWR3FAvKpmQ=
+"@vue/runtime-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
+  integrity sha512-0jwpO3MBqMToq7qC816Z8Y6G8aN4ZKbv7MupgRaepzxhiK0sXcjLQmOATP3g/NyX52UCBJS4wAwsxidqGnAabA==
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/runtime-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.4":
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.4.tgz#fac45cd6fec76a1e284b41f1b49c2cb13c914598"
-  integrity sha1-+sRc1v7Hah4oS0HxtJwssTyRRZg=
+"@vue/shared@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
+  integrity sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
 
 "@vue/test-utils@2.0.0-alpha.8":
   version "2.0.0-alpha.8"
@@ -12354,14 +12354,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-rc.4:
-  version "3.0.0-rc.4"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.4.tgz?cache=0&sync_timestamp=1595360618003&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.4.tgz#f17b32914c8add7f4792d618eb4f1358ff4222e8"
-  integrity sha1-8XsykUyK3X9HktYY608TWP9CIug=
+vue@^3.0.0-rc.5:
+  version "3.0.0-rc.5"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
+  integrity sha512-8t8Y4sHMBGD5iLZ7JfBGmKBJlzesPoL+/nW9EV8s+4LwnKC4rGlRp+Lj2rcign4iQaj0GFaL7DrQ8IoOfVX6+w==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.4"
-    "@vue/runtime-dom" "3.0.0-rc.4"
-    "@vue/shared" "3.0.0-rc.4"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/runtime-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 0dd713f361a85329adff9fbd5d297717795d9f27 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 9 Aug 2020 21:31:44 +0800
Subject: [PATCH 106/626] feat: migrate Calendar component

---
 components.js                       |  1 +
 docs/markdown/changelog-v3.zh-CN.md | 13 ++---
 src/calendar/README.md              | 20 ++++----
 src/calendar/README.zh-CN.md        | 20 ++++----
 src/calendar/components/Header.js   |  2 +-
 src/calendar/components/Month.js    | 20 ++++----
 src/calendar/demo/index.vue         |  2 +-
 src/calendar/index.js               | 75 +++++++++++++++++------------
 vant.config.js                      | 16 +++---
 9 files changed, 93 insertions(+), 76 deletions(-)

diff --git a/components.js b/components.js
index e0ee8e4be..d601c0a41 100644
--- a/components.js
+++ b/components.js
@@ -46,4 +46,5 @@ module.exports = [
   'picker',
   'dialog',
   'toast',
+  'calendar',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 8e5705bcf..168a06737 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -24,16 +24,17 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 以下改动是为了适配 Vue 3 的 v-model API 用法变更：
 
-- Tabs: `v-model` 重命名为 `v-model:active`
-- Popup: `v-model` 重命名为 `v-model:show`
+- ActionSheet: `v-model` 重命名为 `v-model:show`
+- Calendar: `v-model` 重命名为 `v-model:show`
 - Circle: `v-model` 重命名为 `v-model:currentRate`
 - Dialog: `v-model` 重命名为 `v-model:show`
-- ShareSheet: `v-model` 重命名为 `v-model:show`
-- ActionSheet: `v-model` 重命名为 `v-model:show`
-- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
 - Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
-- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
+- Popup: `v-model` 重命名为 `v-model:show`
 - Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- ShareSheet: `v-model` 重命名为 `v-model:show`
+- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
+- Tabs: `v-model` 重命名为 `v-model:active`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
 - TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
 
diff --git a/src/calendar/README.md b/src/calendar/README.md
index 69c0d53e7..8184de2f4 100644
--- a/src/calendar/README.md
+++ b/src/calendar/README.md
@@ -21,7 +21,7 @@ The `confirm` event will be triggered after the date selection is completed.
 
 ```html
 <van-cell title="Select Single Date" :value="date" @click="show = true" />
-<van-calendar v-model="show" @confirm="onConfirm" />
+<van-calendar v-model:show="show" @confirm="onConfirm" />
 ```
 
 ```js
@@ -48,7 +48,7 @@ export default {
 
 ```html
 <van-cell title="Select Multiple Date" :value="text" @click="show = true" />
-<van-calendar v-model="show" type="multiple" @confirm="onConfirm" />
+<van-calendar v-model:show="show" type="multiple" @confirm="onConfirm" />
 ```
 
 ```js
@@ -74,7 +74,7 @@ You can select a date range after setting `type` to`range`. In range mode, the d
 
 ```html
 <van-cell title="Select Date Range" :value="date" @click="show = true" />
-<van-calendar v-model="show" type="range" @confirm="onConfirm" />
+<van-calendar v-model:show="show" type="range" @confirm="onConfirm" />
 ```
 
 ```js
@@ -103,7 +103,7 @@ export default {
 Set `show-confirm` to `false` to hide the confirm button. In this case, the `confirm` event will be triggered immediately after the selection is completed.
 
 ```html
-<van-calendar v-model="show" :show-confirm="false" />
+<van-calendar v-model:show="show" :show-confirm="false" />
 ```
 
 ### Custom Color
@@ -111,7 +111,7 @@ Set `show-confirm` to `false` to hide the confirm button. In this case, the `con
 Use `color` prop to custom calendar color.
 
 ```html
-<van-calendar v-model="show" color="#07c160" />
+<van-calendar v-model:show="show" color="#07c160" />
 ```
 
 ### Custom Date Range
@@ -119,7 +119,7 @@ Use `color` prop to custom calendar color.
 Use `min-date` and `max-date` to custom date range.
 
 ```html
-<van-calendar v-model="show" :min-date="minDate" :max-date="maxDate" />
+<van-calendar v-model:show="show" :min-date="minDate" :max-date="maxDate" />
 ```
 
 ```js
@@ -140,7 +140,7 @@ Use `confirm-text` and `confirm-disabled-text` to custom confirm text.
 
 ```html
 <van-calendar
-  v-model="show"
+  v-model:show="show"
   type="range"
   confirm-text="OK"
   confirm-disabled-text="Select End Time"
@@ -152,7 +152,7 @@ Use `confirm-text` and `confirm-disabled-text` to custom confirm text.
 Use `formatter` to custom day text.
 
 ```html
-<van-calendar v-model="show" type="range" :formatter="formatter" />
+<van-calendar v-model:show="show" type="range" :formatter="formatter" />
 ```
 
 ```js
@@ -189,7 +189,7 @@ export default {
 Use `position` to custom popup position，can be set to `top`、`left`、`right`.
 
 ```html
-<van-calendar v-model="show" :round="false" position="right" />
+<van-calendar v-model:show="show" :round="false" position="right" />
 ```
 
 ### Max Range
@@ -251,7 +251,7 @@ Following props are supported when the poppable is true
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Whether to show calendar | _boolean_ | `false` |
+| v-model:show | Whether to show calendar | _boolean_ | `false` |
 | position | Popup position, can be set to `top` `right` `left` | _string_ | `bottom` |
 | round | Whether to show round corner | _boolean_ | `true` |
 | close-on-popstate `v2.4.4` | Whether to close when popstate | _boolean_ | `true` |
diff --git a/src/calendar/README.zh-CN.md b/src/calendar/README.zh-CN.md
index 075b38fa9..adfbca1fe 100644
--- a/src/calendar/README.zh-CN.md
+++ b/src/calendar/README.zh-CN.md
@@ -21,7 +21,7 @@ Vue.use(Calendar);
 
 ```html
 <van-cell title="选择单个日期" :value="date" @click="show = true" />
-<van-calendar v-model="show" @confirm="onConfirm" />
+<van-calendar v-model:show="show" @confirm="onConfirm" />
 ```
 
 ```js
@@ -50,7 +50,7 @@ export default {
 
 ```html
 <van-cell title="选择多个日期" :value="text" @click="show = true" />
-<van-calendar v-model="show" type="multiple" @confirm="onConfirm" />
+<van-calendar v-model:show="show" type="multiple" @confirm="onConfirm" />
 ```
 
 ```js
@@ -76,7 +76,7 @@ export default {
 
 ```html
 <van-cell title="选择日期区间" :value="date" @click="show = true" />
-<van-calendar v-model="show" type="range" @confirm="onConfirm" />
+<van-calendar v-model:show="show" type="range" @confirm="onConfirm" />
 ```
 
 ```js
@@ -105,7 +105,7 @@ export default {
 将 `show-confirm` 设置为 `false` 可以隐藏确认按钮，这种情况下选择完成后会立即触发 `confirm` 事件。
 
 ```html
-<van-calendar v-model="show" :show-confirm="false" />
+<van-calendar v-model:show="show" :show-confirm="false" />
 ```
 
 ### 自定义颜色
@@ -113,7 +113,7 @@ export default {
 通过 `color` 属性可以自定义日历的颜色，对选中日期和底部按钮生效。
 
 ```html
-<van-calendar v-model="show" color="#07c160" />
+<van-calendar v-model:show="show" color="#07c160" />
 ```
 
 ### 自定义日期范围
@@ -121,7 +121,7 @@ export default {
 通过 `min-date` 和 `max-date` 定义日历的范围。
 
 ```html
-<van-calendar v-model="show" :min-date="minDate" :max-date="maxDate" />
+<van-calendar v-model:show="show" :min-date="minDate" :max-date="maxDate" />
 ```
 
 ```js
@@ -142,7 +142,7 @@ export default {
 
 ```html
 <van-calendar
-  v-model="show"
+  v-model:show="show"
   type="range"
   confirm-text="完成"
   confirm-disabled-text="请选择结束时间"
@@ -154,7 +154,7 @@ export default {
 通过传入 `formatter` 函数来对日历上每一格的内容进行格式化。
 
 ```html
-<van-calendar v-model="show" type="range" :formatter="formatter" />
+<van-calendar v-model:show="show" type="range" :formatter="formatter" />
 ```
 
 ```js
@@ -191,7 +191,7 @@ export default {
 通过 `position` 属性自定义弹出层的弹出位置，可选值为 `top`、`left`、`right`。
 
 ```html
-<van-calendar v-model="show" :round="false" position="right" />
+<van-calendar v-model:show="show" :round="false" position="right" />
 ```
 
 ### 日期区间最大范围
@@ -253,7 +253,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 是否显示日历弹窗 | _boolean_ | `false` |
+| v-model:show | 是否显示日历弹窗 | _boolean_ | `false` |
 | position | 弹出位置，可选值为 `top` `right` `left` | _string_ | `bottom` |
 | round | 是否显示圆角弹窗 | _boolean_ | `true` |
 | close-on-popstate `v2.4.4` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
diff --git a/src/calendar/components/Header.js b/src/calendar/components/Header.js
index 814583b29..9166999b6 100644
--- a/src/calendar/components/Header.js
+++ b/src/calendar/components/Header.js
@@ -15,7 +15,7 @@ export default createComponent({
   methods: {
     genTitle() {
       if (this.showTitle) {
-        const title = this.slots('title') || this.title || t('title');
+        const title = this.$slots.title?.() || this.title || t('title');
         return <div class={bem('header-title')}>{title}</div>;
       }
     },
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index a04dfda3e..dd4fee992 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -31,6 +31,8 @@ export default createComponent({
     firstDayOfWeek: Number,
   },
 
+  emits: ['click'],
+
   data() {
     return {
       visible: false,
@@ -183,18 +185,16 @@ export default createComponent({
         return 'disabled';
       }
 
-      if (type === 'single') {
+      if (Array.isArray(currentDate)) {
+        if (type === 'multiple') {
+          return this.getMultipleDayType(day);
+        }
+        if (type === 'range') {
+          return this.getRangeDayType(day);
+        }
+      } else if (type === 'single') {
         return compareDay(day, currentDate) === 0 ? 'selected' : '';
       }
-
-      if (type === 'multiple') {
-        return this.getMultipleDayType(day);
-      }
-
-      /* istanbul ignore else */
-      if (type === 'range') {
-        return this.getRangeDayType(day);
-      }
     },
 
     getBottomInfo(type) {
diff --git a/src/calendar/demo/index.vue b/src/calendar/demo/index.vue
index 5b2c7a767..1dfb3476c 100644
--- a/src/calendar/demo/index.vue
+++ b/src/calendar/demo/index.vue
@@ -102,7 +102,7 @@
     </demo-block>
 
     <van-calendar
-      v-model="showCalendar"
+      v-model:show="showCalendar"
       :type="type"
       :color="color"
       :round="round"
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 7f88475c5..6f713a613 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -24,9 +24,9 @@ import Header from './components/Header';
 
 export default createComponent({
   props: {
+    show: Boolean,
     title: String,
     color: String,
-    value: Boolean,
     formatter: Function,
     confirmText: String,
     rangePrompt: String,
@@ -110,7 +110,20 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'open',
+    'close',
+    'opened',
+    'closed',
+    'select',
+    'confirm',
+    'unselect',
+    'month-show',
+    'update:show',
+  ],
+
   data() {
+    this.monthRefs = [];
     return {
       subtitle: '',
       currentDate: this.getInitialDate(),
@@ -152,8 +165,8 @@ export default createComponent({
   },
 
   watch: {
+    show: 'init',
     type: 'reset',
-    value: 'init',
 
     defaultDate(val) {
       this.currentDate = val;
@@ -178,7 +191,7 @@ export default createComponent({
     },
 
     init() {
-      if (this.poppable && !this.value) {
+      if (this.poppable && !this.show) {
         return;
       }
 
@@ -199,7 +212,7 @@ export default createComponent({
         const { currentDate } = this;
         const targetDate =
           this.type === 'single' ? currentDate : currentDate[0];
-        const displayed = this.value || !this.poppable;
+        const displayed = this.show || !this.poppable;
 
         /* istanbul ignore if */
         if (!targetDate || !displayed) {
@@ -208,8 +221,8 @@ export default createComponent({
 
         this.months.some((month, index) => {
           if (compareMonth(month, targetDate) === 0) {
-            const { body, months } = this.$refs;
-            months[index].scrollIntoView(body);
+            const { body } = this.$refs;
+            this.monthRefs[index].scrollIntoView(body);
             return true;
           }
 
@@ -244,9 +257,10 @@ export default createComponent({
     // calculate the position of the elements
     // and find the elements that needs to be rendered
     onScroll() {
-      const { body, months } = this.$refs;
+      const { body } = this.$refs;
+      const { months, monthRefs } = this;
       const top = getScrollTop(body);
-      const heights = months.map((item) => item.getHeight());
+      const heights = months.map((item, index) => monthRefs[index].getHeight());
       const heightSum = heights.reduce((a, b) => a + b, 0);
 
       // iOS scroll bounce may exceed the range
@@ -262,17 +276,17 @@ export default createComponent({
         const visible = height <= bottom && height + heights[i] >= top;
 
         if (visible && !currentMonth) {
-          currentMonth = months[i];
+          currentMonth = monthRefs[i];
         }
 
-        if (!months[i].visible && visible) {
+        if (!monthRefs[i].visible && visible) {
           this.$emit('month-show', {
-            date: months[i].date,
-            title: months[i].title,
+            date: monthRefs[i].date,
+            title: monthRefs[i].title,
           });
         }
 
-        months[i].visible = visible;
+        monthRefs[i].visible = visible;
         height += heights[i];
       }
 
@@ -327,7 +341,7 @@ export default createComponent({
     },
 
     togglePopup(val) {
-      this.$emit('input', val);
+      this.$emit('update:show', val);
     },
 
     select(date, complete) {
@@ -376,8 +390,9 @@ export default createComponent({
       const showMonthTitle = index !== 0 || !this.showSubtitle;
       return (
         <Month
-          ref="months"
-          refInFor
+          ref={(val) => {
+            this.monthRefs[index] = val;
+          }}
           date={date}
           type={this.type}
           color={this.color}
@@ -398,10 +413,8 @@ export default createComponent({
     },
 
     genFooterContent() {
-      const slot = this.slots('footer');
-
-      if (slot) {
-        return slot;
+      if (this.$slots.footer) {
+        return this.$slots.footer();
       }
 
       if (this.showConfirm) {
@@ -438,13 +451,13 @@ export default createComponent({
       return (
         <div class={bem()}>
           <Header
+            v-slots={{
+              title: this.$slots.title,
+            }}
             title={this.title}
             showTitle={this.showTitle}
             subtitle={this.subtitle}
             showSubtitle={this.showSubtitle}
-            scopedSlots={{
-              title: () => this.slots('title'),
-            }}
             firstDayOfWeek={this.dayOffset}
           />
           <div ref="body" class={bem('body')} onScroll={this.onScroll}>
@@ -459,23 +472,25 @@ export default createComponent({
   render() {
     if (this.poppable) {
       const createListener = (name) => () => this.$emit(name);
+      const listeners = {
+        'onUpdate:show': this.togglePopup,
+        onOpen: createListener('open'),
+        onClose: createListener('close'),
+        onOpened: createListener('opened'),
+        onClosed: createListener('closed'),
+      };
 
       return (
         <Popup
-          round
+          show={this.show}
           class={bem('popup')}
-          value={this.value}
           round={this.round}
           position={this.position}
           closeable={this.showTitle || this.showSubtitle}
           getContainer={this.getContainer}
           closeOnPopstate={this.closeOnPopstate}
           closeOnClickOverlay={this.closeOnClickOverlay}
-          onInput={this.togglePopup}
-          onOpen={createListener('open')}
-          onOpened={createListener('opened')}
-          onClose={createListener('close')}
-          onClosed={createListener('closed')}
+          {...listeners}
         >
           {this.genCalendar()}
         </Popup>
diff --git a/vant.config.js b/vant.config.js
index b687d8194..ac3fe0f12 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -115,10 +115,10 @@ module.exports = {
           {
             title: '表单组件',
             items: [
-              // {
-              //   path: 'calendar',
-              //   title: 'Calendar 日历',
-              // },
+              {
+                path: 'calendar',
+                title: 'Calendar 日历',
+              },
               // {
               //   path: 'checkbox',
               //   title: 'Checkbox 复选框',
@@ -449,10 +449,10 @@ module.exports = {
           {
             title: 'Form Components',
             items: [
-              // {
-              //   path: 'calendar',
-              //   title: 'Calendar',
-              // },
+              {
+                path: 'calendar',
+                title: 'Calendar',
+              },
               // {
               //   path: 'checkbox',
               //   title: 'Checkbox',

From cef8daf717ba42cbb8f1e1096e8f93fc405c3072 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 07:12:09 +0800
Subject: [PATCH 107/626] feat: migrate Checkbox/CheckboxGroup

---
 components.js               |  2 ++
 src/checkbox-group/index.js | 12 +++++++-----
 src/checkbox/index.js       | 16 +++++++++-------
 src/mixins/checkbox.js      | 12 ++++++------
 vant.config.js              | 16 ++++++++--------
 5 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/components.js b/components.js
index d601c0a41..82dcf8712 100644
--- a/components.js
+++ b/components.js
@@ -47,4 +47,6 @@ module.exports = [
   'dialog',
   'toast',
   'calendar',
+  'checkbox',
+  'checkbox-group',
 ];
diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js
index 2bd6cac3e..fd77c0ed9 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -13,14 +13,16 @@ export default createComponent({
     direction: String,
     iconSize: [Number, String],
     checkedColor: String,
-    value: {
+    modelValue: {
       type: Array,
       default: () => [],
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   watch: {
-    value(val) {
+    modelValue(val) {
       this.$emit('change', val);
     },
   },
@@ -29,7 +31,7 @@ export default createComponent({
     // @exposed-api
     toggleAll(checked) {
       if (checked === false) {
-        this.$emit('input', []);
+        this.$emit('update:modelValue', []);
         return;
       }
 
@@ -39,11 +41,11 @@ export default createComponent({
       }
 
       const names = children.map((item) => item.name);
-      this.$emit('input', names);
+      this.$emit('update:modelValue', names);
     },
   },
 
   render() {
-    return <div class={bem([this.direction])}>{this.slots()}</div>;
+    return <div class={bem([this.direction])}>{this.$slots.default?.()}</div>;
   },
 });
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 507f6f9c9..4ad225a3a 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -12,27 +12,29 @@ export default createComponent({
     }),
   ],
 
+  emits: ['click', 'change', 'update:modelValue'],
+
   computed: {
     checked: {
       get() {
         if (this.parent) {
-          return this.parent.value.indexOf(this.name) !== -1;
+          return this.parent.modelValue.indexOf(this.name) !== -1;
         }
-        return this.value;
+        return this.modelValue;
       },
 
       set(val) {
         if (this.parent) {
           this.setParentValue(val);
         } else {
-          this.$emit('input', val);
+          this.$emit('update:modelValue', val);
         }
       },
     },
   },
 
   watch: {
-    value(val) {
+    modelValue(val) {
       this.$emit('change', val);
     },
   },
@@ -51,7 +53,7 @@ export default createComponent({
 
     setParentValue(val) {
       const { parent } = this;
-      const value = parent.value.slice();
+      const value = parent.modelValue.slice();
 
       if (val) {
         if (parent.max && value.length >= parent.max) {
@@ -61,7 +63,7 @@ export default createComponent({
         /* istanbul ignore else */
         if (value.indexOf(this.name) === -1) {
           value.push(this.name);
-          parent.$emit('input', value);
+          parent.$emit('update:modelValue', value);
         }
       } else {
         const index = value.indexOf(this.name);
@@ -69,7 +71,7 @@ export default createComponent({
         /* istanbul ignore else */
         if (index !== -1) {
           value.splice(index, 1);
-          parent.$emit('input', value);
+          parent.$emit('update:modelValue', value);
         }
       }
     },
diff --git a/src/mixins/checkbox.js b/src/mixins/checkbox.js
index 5fc341d67..548a10e93 100644
--- a/src/mixins/checkbox.js
+++ b/src/mixins/checkbox.js
@@ -11,9 +11,9 @@ export const CheckboxMixin = ({ parent, bem, role }) => ({
 
   props: {
     name: null,
-    value: null,
     disabled: Boolean,
     iconSize: [Number, String],
+    modelValue: null,
     checkedColor: String,
     labelPosition: String,
     labelDisabled: Boolean,
@@ -93,7 +93,9 @@ export const CheckboxMixin = ({ parent, bem, role }) => ({
           ])}
           style={{ fontSize: addUnit(iconSize) }}
         >
-          {this.slots('icon', { checked }) || (
+          {this.$slots.icon ? (
+            this.$slots.icon({ checked })
+          ) : (
             <Icon name="success" style={this.iconStyle} />
           )}
         </div>
@@ -101,9 +103,7 @@ export const CheckboxMixin = ({ parent, bem, role }) => ({
     },
 
     genLabel() {
-      const slot = this.slots();
-
-      if (slot) {
+      if (this.$slots.default) {
         return (
           <span
             class={bem('label', [
@@ -111,7 +111,7 @@ export const CheckboxMixin = ({ parent, bem, role }) => ({
               { disabled: this.isDisabled },
             ])}
           >
-            {slot}
+            {this.$slots.default()}
           </span>
         );
       }
diff --git a/vant.config.js b/vant.config.js
index ac3fe0f12..d59c41e2d 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -119,10 +119,10 @@ module.exports = {
                 path: 'calendar',
                 title: 'Calendar 日历',
               },
-              // {
-              //   path: 'checkbox',
-              //   title: 'Checkbox 复选框',
-              // },
+              {
+                path: 'checkbox',
+                title: 'Checkbox 复选框',
+              },
               // {
               //   path: 'datetime-picker',
               //   title: 'DatetimePicker 时间选择',
@@ -453,10 +453,10 @@ module.exports = {
                 path: 'calendar',
                 title: 'Calendar',
               },
-              // {
-              //   path: 'checkbox',
-              //   title: 'Checkbox',
-              // },
+              {
+                path: 'checkbox',
+                title: 'Checkbox',
+              },
               // {
               //   path: 'datetime-picker',
               //   title: 'DatetimePicker',

From ab067ecb0ca48292f36fe0739f967e96aefa511a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 07:16:11 +0800
Subject: [PATCH 108/626] docs: update v-model change

---
 docs/markdown/changelog-v3.zh-CN.md | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 168a06737..f8a150a2b 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -22,18 +22,28 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 ##### v-model API 变更
 
-以下改动是为了适配 Vue 3 的 v-model API 用法变更：
+为了适配 Vue 3 的 v-model API 用法变更，所有提供 v-model 属性的组件在用法上有一定调整。
+
+以下组件的 `v-model` 被重命名为 `v-model:show`：
+
+- ActionSheet
+- Calendar
+- Dialog
+- Popup
+- ShareSheet
+
+以下组件 v-model 对应的 prop 重命名为 `modelValue`，event 重命名为 `update:modelValue`：
+
+- Checkbox
+- CheckboxGroup
+- Field
+- Switch
+- Sidebar
+
+其他改动：
 
-- ActionSheet: `v-model` 重命名为 `v-model:show`
-- Calendar: `v-model` 重命名为 `v-model:show`
 - Circle: `v-model` 重命名为 `v-model:currentRate`
-- Dialog: `v-model` 重命名为 `v-model:show`
-- Field: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
-- Popup: `v-model` 重命名为 `v-model:show`
-- Sidebar: v-model 对应的属性 `activeKey` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
-- ShareSheet: `v-model` 重命名为 `v-model:show`
-- Switch: v-model 对应的属性 `value` 重命名为 `modelValue`，事件由 `input` 重命名为 `update:modelValue`
 - Tabs: `v-model` 重命名为 `v-model:active`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
 - TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`

From 2172cce8b60c3480efb0085bfbb976ed820944b2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 07:20:25 +0800
Subject: [PATCH 109/626] feat: migrate Radio/RadioGroup

---
 components.js                       |  2 ++
 docs/markdown/changelog-v3.zh-CN.md |  2 ++
 src/radio-group/index.js            |  6 ++++--
 src/radio/index.js                  |  6 ++++--
 vant.config.js                      | 16 ++++++++--------
 5 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/components.js b/components.js
index 82dcf8712..ca5e12aef 100644
--- a/components.js
+++ b/components.js
@@ -49,4 +49,6 @@ module.exports = [
   'calendar',
   'checkbox',
   'checkbox-group',
+  'radio',
+  'radio-group',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index f8a150a2b..4a811ff48 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -37,6 +37,8 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Checkbox
 - CheckboxGroup
 - Field
+- Radio
+- RadioGroup
 - Switch
 - Sidebar
 
diff --git a/src/radio-group/index.js b/src/radio-group/index.js
index 88755a5c5..fccb4b698 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -8,13 +8,15 @@ export default createComponent({
   mixins: [ParentMixin('vanRadio'), FieldMixin],
 
   props: {
-    value: null,
     disabled: Boolean,
     direction: String,
+    modelValue: null,
     checkedColor: String,
     iconSize: [Number, String],
   },
 
+  emits: ['change', 'update:modelValue'],
+
   watch: {
     value(value) {
       this.$emit('change', value);
@@ -24,7 +26,7 @@ export default createComponent({
   render() {
     return (
       <div class={bem([this.direction])} role="radiogroup">
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/src/radio/index.js b/src/radio/index.js
index 3b9584a97..ae06f3565 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -12,14 +12,16 @@ export default createComponent({
     }),
   ],
 
+  emits: ['click', 'update:modelValue'],
+
   computed: {
     currentValue: {
       get() {
-        return this.parent ? this.parent.value : this.value;
+        return this.parent ? this.parent.modelValue : this.modelValue;
       },
 
       set(val) {
-        (this.parent || this).$emit('input', val);
+        (this.parent || this).$emit('update:modelValue', val);
       },
     },
 
diff --git a/vant.config.js b/vant.config.js
index d59c41e2d..fff4e2bad 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -147,10 +147,10 @@ module.exports = {
                 path: 'picker',
                 title: 'Picker 选择器',
               },
-              // {
-              //   path: 'radio',
-              //   title: 'Radio 单选框',
-              // },
+              {
+                path: 'radio',
+                title: 'Radio 单选框',
+              },
               {
                 path: 'rate',
                 title: 'Rate 评分',
@@ -481,10 +481,10 @@ module.exports = {
                 path: 'picker',
                 title: 'Picker',
               },
-              // {
-              //   path: 'radio',
-              //   title: 'Radio',
-              // },
+              {
+                path: 'radio',
+                title: 'Radio',
+              },
               {
                 path: 'rate',
                 title: 'Rate',

From bfe2e9843ba0cb2e8afba3725cbc5fd50500c681 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 07:37:41 +0800
Subject: [PATCH 110/626] feat: migrate DatetimePicker component

---
 components.js                       |  1 +
 docs/markdown/changelog-v3.zh-CN.md |  1 +
 src/datetime-picker/DatePicker.js   |  4 +++-
 src/datetime-picker/TimePicker.js   |  2 ++
 src/datetime-picker/index.js        | 12 +-----------
 src/datetime-picker/shared.js       |  8 ++++----
 vant.config.js                      | 16 ++++++++--------
 7 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/components.js b/components.js
index ca5e12aef..c61f4d63a 100644
--- a/components.js
+++ b/components.js
@@ -51,4 +51,5 @@ module.exports = [
   'checkbox-group',
   'radio',
   'radio-group',
+  'datetime-picker',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 4a811ff48..1e31580db 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -36,6 +36,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 - Checkbox
 - CheckboxGroup
+- DatetimePicker
 - Field
 - Radio
 - RadioGroup
diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 6ee4ac6cd..71ef963c5 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -28,12 +28,14 @@ export default createComponent({
     },
   },
 
+  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
+
   watch: {
     filter: 'updateInnerValue',
     minDate: 'updateInnerValue',
     maxDate: 'updateInnerValue',
 
-    value(val) {
+    modelValue(val) {
       val = this.formatValue(val);
 
       if (val.valueOf() !== this.innerValue.valueOf()) {
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index a283ac810..25db47844 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -28,6 +28,8 @@ export default createComponent({
     },
   },
 
+  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
+
   computed: {
     ranges() {
       return [
diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index 50a0c3080..7f0b7f561 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -19,16 +19,6 @@ export default createComponent({
 
   render() {
     const Component = this.type === 'time' ? TimePicker : DatePicker;
-
-    return (
-      <Component
-        ref="root"
-        class={bem()}
-        {...{
-          props: this.$props,
-          on: this.$listeners,
-        }}
-      />
-    );
+    return <Component ref="root" class={bem()} {...this.$props} />;
   },
 });
diff --git a/src/datetime-picker/shared.js b/src/datetime-picker/shared.js
index 45ad4a273..051db9d2d 100644
--- a/src/datetime-picker/shared.js
+++ b/src/datetime-picker/shared.js
@@ -5,8 +5,8 @@ import Picker from '../picker';
 
 export const sharedProps = {
   ...pickerProps,
-  value: null,
   filter: Function,
+  modelValue: null,
   showToolbar: {
     type: Boolean,
     default: true,
@@ -21,7 +21,7 @@ export const sharedProps = {
 export const TimePickerMixin = {
   data() {
     return {
-      innerValue: this.formatValue(this.value),
+      innerValue: this.formatValue(this.modelValue),
     };
   },
 
@@ -57,7 +57,7 @@ export const TimePickerMixin = {
     columns: 'updateColumnValue',
 
     innerValue(val) {
-      this.$emit('input', val);
+      this.$emit('update:modelValue', val);
     },
   },
 
@@ -97,7 +97,7 @@ export const TimePickerMixin = {
         onChange={this.onChange}
         onConfirm={this.onConfirm}
         onCancel={this.onCancel}
-        {...{ props }}
+        {...props}
       />
     );
   },
diff --git a/vant.config.js b/vant.config.js
index fff4e2bad..c82b4a057 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -123,10 +123,10 @@ module.exports = {
                 path: 'checkbox',
                 title: 'Checkbox 复选框',
               },
-              // {
-              //   path: 'datetime-picker',
-              //   title: 'DatetimePicker 时间选择',
-              // },
+              {
+                path: 'datetime-picker',
+                title: 'DatetimePicker 时间选择',
+              },
               {
                 path: 'field',
                 title: 'Field 输入框',
@@ -457,10 +457,10 @@ module.exports = {
                 path: 'checkbox',
                 title: 'Checkbox',
               },
-              // {
-              //   path: 'datetime-picker',
-              //   title: 'DatetimePicker',
-              // },
+              {
+                path: 'datetime-picker',
+                title: 'DatetimePicker',
+              },
               {
                 path: 'field',
                 title: 'Field',

From a70d1187fb0baabb31468bf115a90e743dbe0eaa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 07:59:04 +0800
Subject: [PATCH 111/626] feat: migrate NumberKeyboard component

---
 components.js                       |  1 +
 src/number-keyboard/Key.js          |  4 +-
 src/number-keyboard/README.md       | 15 +++----
 src/number-keyboard/README.zh-CN.md | 15 +++----
 src/number-keyboard/demo/index.vue  | 14 +++---
 src/number-keyboard/index.js        | 69 ++++++++++++++++++-----------
 vant.config.js                      | 16 +++----
 7 files changed, 71 insertions(+), 63 deletions(-)

diff --git a/components.js b/components.js
index c61f4d63a..de451cd78 100644
--- a/components.js
+++ b/components.js
@@ -52,4 +52,5 @@ module.exports = [
   'radio',
   'radio-group',
   'datetime-picker',
+  'number-keyboard',
 ];
diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 858af2257..657e4e42c 100644
--- a/src/number-keyboard/Key.js
+++ b/src/number-keyboard/Key.js
@@ -18,6 +18,8 @@ export default createComponent({
     loading: Boolean,
   },
 
+  emits: ['press'],
+
   data() {
     return {
       active: false,
@@ -57,7 +59,7 @@ export default createComponent({
     genContent() {
       const isExtra = this.type === 'extra';
       const isDelete = this.type === 'delete';
-      const text = this.slots('default') || this.text;
+      const text = this.$slots.default ? this.$slots.default() : this.text;
 
       if (this.loading) {
         return <Loading class={bem('loading-icon')} />;
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index ba612b0e8..57c7bef90 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -14,7 +14,7 @@ Vue.use(NumberKeyboard);
 ### Default Keyboard
 
 ```html
-<van-cell @touchstart.native.stop="show = true">
+<van-cell @touchstart.stop="show = true">
   Show Keyboard
 </van-cell>
 <van-number-keyboard
@@ -64,7 +64,7 @@ export default {
 Use `extra-key` prop to set the content of bottom left button
 
 ```html
-<van-cell plain type="primary" @touchstart.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   Show IdNumber Keyboard
 </van-cell>
 
@@ -83,7 +83,7 @@ Use `extra-key` prop to set the content of bottom left button
 Use `title` prop to set keyboard title
 
 ```html
-<van-cell plain type="info" @touchstart.native.stop="show = true">
+<van-cell plain type="info" @touchstart.stop="show = true">
   Show Keyboard With Title
 </van-cell>
 <van-number-keyboard
@@ -100,7 +100,7 @@ Use `title` prop to set keyboard title
 ### Multiple ExtraKey
 
 ```html
-<van-cell plain type="primary" @touchstart.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   Show Keyboard With Multiple ExtraKey
 </van-cell>
 <van-number-keyboard
@@ -116,12 +116,7 @@ Use `title` prop to set keyboard title
 ### Bind Value
 
 ```html
-<van-field
-  readonly
-  clickable
-  :value="value"
-  @touchstart.native.stop="show = true"
-/>
+<van-field readonly clickable :value="value" @touchstart.stop="show = true" />
 <van-number-keyboard
   v-model="value"
   :show="show"
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index 4228b1b9a..0659efc50 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -20,7 +20,7 @@ Vue.use(NumberKeyboard);
 数字键盘提供了 `input`、`delete`、`blur` 事件，分别对应输入内容、删除内容和失去焦点的动作
 
 ```html
-<van-cell @touchstart.native.stop="show = true">
+<van-cell @touchstart.stop="show = true">
   弹出默认键盘
 </van-cell>
 <van-number-keyboard
@@ -74,7 +74,7 @@ export default {
 通过 `extra-key` 属性可以设置左下角按键内容，比如需要输入身份证号时，可以将 `extra-key` 设置为 `X`
 
 ```html
-<van-cell plain type="primary" @touchstart.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   弹出身份证号键盘
 </van-cell>
 <van-number-keyboard
@@ -92,7 +92,7 @@ export default {
 通过 `title` 属性可以设置键盘标题
 
 ```html
-<van-cell plain type="info" @touchstart.native.stop="show = true">
+<van-cell plain type="info" @touchstart.stop="show = true">
   弹出带标题的键盘
 </van-cell>
 <van-number-keyboard
@@ -111,7 +111,7 @@ export default {
 当 theme 为 `custom` 时，支持以数组的形式配置两个 `extra-key`
 
 ```html
-<van-cell plain type="primary" @touchstart.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   弹出配置多个按键的键盘
 </van-cell>
 <van-number-keyboard
@@ -129,12 +129,7 @@ export default {
 可以通过 `v-model` 绑定键盘当前输入值
 
 ```html
-<van-field
-  readonly
-  clickable
-  :value="value"
-  @touchstart.native.stop="show = true"
-/>
+<van-field readonly clickable :value="value" @touchstart.stop="show = true" />
 <van-number-keyboard
   v-model="value"
   :show="show"
diff --git a/src/number-keyboard/demo/index.vue b/src/number-keyboard/demo/index.vue
index 9b33eae08..116f17688 100644
--- a/src/number-keyboard/demo/index.vue
+++ b/src/number-keyboard/demo/index.vue
@@ -1,27 +1,27 @@
 <template>
   <demo-section>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'default'">
+    <van-cell is-link @touchstart.stop="keyboard = 'default'">
       {{ t('button1') }}
     </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'custom'">
+    <van-cell is-link @touchstart.stop="keyboard = 'custom'">
       {{ t('button2') }}
     </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'extraKey'">
+    <van-cell is-link @touchstart.stop="keyboard = 'extraKey'">
       {{ t('button3') }}
     </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'title'">
+    <van-cell is-link @touchstart.stop="keyboard = 'title'">
       {{ t('button4') }}
     </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'multiExtraKey'">
+    <van-cell is-link @touchstart.stop="keyboard = 'multiExtraKey'">
       {{ t('button5') }}
     </van-cell>
     <van-field
       readonly
       clickable
-      :value="value"
       :label="t('bindValue')"
+      :model-value="value"
       :placeholder="t('clickToInput')"
-      @touchstart.native.stop="keyboard = 'bindValue'"
+      @touchstart.stop="keyboard = 'bindValue'"
     />
 
     <van-number-keyboard
diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 3ea42df30..59d73161a 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,3 +1,4 @@
+import { Transition } from 'vue';
 import { createNamespace } from '../utils';
 import { stopPropagation } from '../utils/dom/event';
 import { PortalMixin } from '../mixins/portal';
@@ -16,10 +17,6 @@ export default createComponent({
     }),
   ],
 
-  model: {
-    event: 'update:value',
-  },
-
   props: {
     show: Boolean,
     title: String,
@@ -31,7 +28,7 @@ export default createComponent({
       type: String,
       default: 'default',
     },
-    value: {
+    modelValue: {
       type: String,
       default: '',
     },
@@ -61,6 +58,16 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'show',
+    'hide',
+    'blur',
+    'input',
+    'close',
+    'delete',
+    'update:modelValue',
+  ],
+
   watch: {
     show(val) {
       if (!this.transition) {
@@ -141,22 +148,22 @@ export default createComponent({
         return;
       }
 
-      const { value } = this;
+      const value = this.modelValue;
 
       if (type === 'delete') {
         this.$emit('delete');
-        this.$emit('update:value', value.slice(0, value.length - 1));
+        this.$emit('update:modelValue', value.slice(0, value.length - 1));
       } else if (type === 'close') {
         this.onClose();
       } else if (value.length < this.maxlength) {
         this.$emit('input', text);
-        this.$emit('update:value', value + text);
+        this.$emit('update:modelValue', value + text);
       }
     },
 
     genTitle() {
       const { title, theme, closeButtonText } = this;
-      const titleLeft = this.slots('title-left');
+      const titleLeft = this.$slots['title-left'];
       const showClose = closeButtonText && theme === 'default';
       const showTitle = title || showClose || titleLeft;
 
@@ -178,19 +185,28 @@ export default createComponent({
     },
 
     genKeys() {
-      return this.keys.map((key) => (
-        <Key
-          key={key.text}
-          text={key.text}
-          type={key.type}
-          wider={key.wider}
-          color={key.color}
-          onPress={this.onPress}
-        >
-          {key.type === 'delete' && this.slots('delete')}
-          {key.type === 'extra' && this.slots('extra-key')}
-        </Key>
-      ));
+      return this.keys.map((key) => {
+        const slots = {};
+
+        if (key.type === 'delete') {
+          slots.default = this.$slots.delete;
+        }
+        if (key.type === 'extra') {
+          slots.default = this.$slots['extra-key'];
+        }
+
+        return (
+          <Key
+            v-slots={slots}
+            key={key.text}
+            text={key.text}
+            type={key.type}
+            wider={key.wider}
+            color={key.color}
+            onPress={this.onPress}
+          />
+        );
+      });
     },
 
     genSidebar() {
@@ -199,13 +215,12 @@ export default createComponent({
           <div class={bem('sidebar')}>
             {this.showDeleteKey && (
               <Key
+                v-slots={{ delete: this.$slots.delete }}
                 large
                 text={this.deleteButtonText}
                 type="delete"
                 onPress={this.onPress}
-              >
-                {this.slots('delete')}
-              </Key>
+              />
             )}
             <Key
               large
@@ -225,7 +240,7 @@ export default createComponent({
     const Title = this.genTitle();
 
     return (
-      <transition name={this.transition ? 'van-slide-up' : ''}>
+      <Transition name={this.transition ? 'van-slide-up' : ''}>
         <div
           vShow={this.show}
           style={{ zIndex: this.zIndex }}
@@ -240,7 +255,7 @@ export default createComponent({
             {this.genSidebar()}
           </div>
         </div>
-      </transition>
+      </Transition>
     );
   },
 });
diff --git a/vant.config.js b/vant.config.js
index c82b4a057..85ffc0cca 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -135,10 +135,10 @@ module.exports = {
               //   path: 'form',
               //   title: 'Form 表单',
               // },
-              // {
-              //   path: 'number-keyboard',
-              //   title: 'NumberKeyboard 数字键盘',
-              // },
+              {
+                path: 'number-keyboard',
+                title: 'NumberKeyboard 数字键盘',
+              },
               // {
               //   path: 'password-input',
               //   title: 'PasswordInput 密码输入框',
@@ -469,10 +469,10 @@ module.exports = {
               //   path: 'form',
               //   title: 'Form',
               // },
-              // {
-              //   path: 'number-keyboard',
-              //   title: 'NumberKeyboard',
-              // },
+              {
+                path: 'number-keyboard',
+                title: 'NumberKeyboard',
+              },
               // {
               //   path: 'password-input',
               //   title: 'PasswordInput',

From 6347a09df17a399e17c8212ca998ab91d68bff6c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 08:20:02 +0800
Subject: [PATCH 112/626] docs(changelog): add v-model demo

---
 docs/markdown/changelog-v3.zh-CN.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 1e31580db..a9a0169b5 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -32,6 +32,13 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Popup
 - ShareSheet
 
+```html
+<!-- before -->
+<van-popup v-model="show" />
+<!-- after -->
+<van-popup v-model:show="show" />
+```
+
 以下组件 v-model 对应的 prop 重命名为 `modelValue`，event 重命名为 `update:modelValue`：
 
 - Checkbox
@@ -43,6 +50,13 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Switch
 - Sidebar
 
+```html
+<!-- before -->
+<van-field :value="value" @input="onInput" />
+<!-- after -->
+<van-field :model-value="value" @update:model-value="onInput" />
+```
+
 其他改动：
 
 - Circle: `v-model` 重命名为 `v-model:currentRate`

From 6d3ce895023873e694bb6dcbb3fa5e602b6143dc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 08:24:37 +0800
Subject: [PATCH 113/626] feat: migrate PasswordInput component

---
 components.js                |  1 +
 src/password-input/index.js  | 83 ++++++++++++++++++++++++++++++++
 src/password-input/index.tsx | 93 ------------------------------------
 vant.config.js               | 16 +++----
 4 files changed, 92 insertions(+), 101 deletions(-)
 create mode 100644 src/password-input/index.js
 delete mode 100644 src/password-input/index.tsx

diff --git a/components.js b/components.js
index de451cd78..367d3a8bb 100644
--- a/components.js
+++ b/components.js
@@ -53,4 +53,5 @@ module.exports = [
   'radio-group',
   'datetime-picker',
   'number-keyboard',
+  'password-input',
 ];
diff --git a/src/password-input/index.js b/src/password-input/index.js
new file mode 100644
index 000000000..d8084d5a4
--- /dev/null
+++ b/src/password-input/index.js
@@ -0,0 +1,83 @@
+// Utils
+import { createNamespace, addUnit } from '../utils';
+import { BORDER_LEFT, BORDER_SURROUND } from '../utils/constant';
+
+const [createComponent, bem] = createNamespace('password-input');
+
+export default createComponent({
+  props: {
+    info: String,
+    gutter: [Number, String],
+    focused: Boolean,
+    errorInfo: String,
+    mask: {
+      type: Boolean,
+      default: true,
+    },
+    value: {
+      type: String,
+      default: '',
+    },
+    length: {
+      type: [Number, String],
+      default: 6,
+    },
+  },
+
+  emits: ['focus'],
+
+  setup(props, { emit }) {
+    function onTouchStart(event) {
+      event.stopPropagation();
+      emit('focus', event);
+    }
+
+    return () => {
+      const { mask, value, length, gutter, focused, errorInfo } = props;
+      const info = errorInfo || props.info;
+
+      const Points = [];
+      for (let i = 0; i < length; i++) {
+        const char = value[i];
+        const showBorder = i !== 0 && !gutter;
+        const showCursor = focused && i === value.length;
+
+        let style;
+        if (i !== 0 && gutter) {
+          style = { marginLeft: addUnit(gutter) };
+        }
+
+        Points.push(
+          <li
+            class={[
+              { [BORDER_LEFT]: showBorder },
+              bem('item', { focus: showCursor }),
+            ]}
+            style={style}
+          >
+            {mask ? (
+              <i style={{ visibility: char ? 'visible' : 'hidden' }} />
+            ) : (
+              char
+            )}
+            {showCursor && <div class={bem('cursor')} />}
+          </li>
+        );
+      }
+
+      return (
+        <div class={bem()}>
+          <ul
+            class={[bem('security'), { [BORDER_SURROUND]: !gutter }]}
+            onTouchstart={onTouchStart}
+          >
+            {Points}
+          </ul>
+          {info && (
+            <div class={bem(errorInfo ? 'error-info' : 'info')}>{info}</div>
+          )}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/password-input/index.tsx b/src/password-input/index.tsx
deleted file mode 100644
index 4b1258f06..000000000
--- a/src/password-input/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { BORDER_LEFT, BORDER_SURROUND } from '../utils/constant';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type PasswordInputProps = {
-  mask: boolean;
-  info?: string;
-  value: string;
-  length: number | string;
-  gutter: number;
-  focused?: boolean;
-  errorInfo?: string;
-};
-
-const [createComponent, bem] = createNamespace('password-input');
-
-function PasswordInput(
-  h: CreateElement,
-  props: PasswordInputProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<PasswordInputProps>
-) {
-  const { mask, value, length, gutter, focused, errorInfo } = props;
-  const info = errorInfo || props.info;
-
-  const Points = [];
-  for (let i = 0; i < length; i++) {
-    const char = value[i];
-    const showBorder = i !== 0 && !gutter;
-    const showCursor = focused && i === value.length;
-
-    let style;
-    if (i !== 0 && gutter) {
-      style = { marginLeft: addUnit(gutter) };
-    }
-
-    Points.push(
-      <li
-        class={[{ [BORDER_LEFT]: showBorder }, bem('item', { focus: showCursor })]}
-        style={style}
-      >
-        {mask ? (
-          <i style={{ visibility: char ? 'visible' : 'hidden' }} />
-        ) : (
-          char
-        )}
-        {showCursor && <div class={bem('cursor')} />}
-      </li>
-    );
-  }
-
-  return (
-    <div class={bem()}>
-      <ul
-        class={[bem('security'), { [BORDER_SURROUND]: !gutter }]}
-        onTouchstart={(event: TouchEvent) => {
-          event.stopPropagation();
-          emit(ctx, 'focus', event);
-        }}
-        {...inherit(ctx, true)}
-      >
-        {Points}
-      </ul>
-      {info && <div class={bem(errorInfo ? 'error-info' : 'info')}>{info}</div>}
-    </div>
-  );
-}
-
-PasswordInput.props = {
-  info: String,
-  gutter: [Number, String],
-  focused: Boolean,
-  errorInfo: String,
-  mask: {
-    type: Boolean,
-    default: true,
-  },
-  value: {
-    type: String,
-    default: '',
-  },
-  length: {
-    type: [Number, String],
-    default: 6,
-  },
-};
-
-export default createComponent<PasswordInputProps>(PasswordInput);
diff --git a/vant.config.js b/vant.config.js
index 85ffc0cca..3dfb2f8ef 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -139,10 +139,10 @@ module.exports = {
                 path: 'number-keyboard',
                 title: 'NumberKeyboard 数字键盘',
               },
-              // {
-              //   path: 'password-input',
-              //   title: 'PasswordInput 密码输入框',
-              // },
+              {
+                path: 'password-input',
+                title: 'PasswordInput 密码输入框',
+              },
               {
                 path: 'picker',
                 title: 'Picker 选择器',
@@ -473,10 +473,10 @@ module.exports = {
                 path: 'number-keyboard',
                 title: 'NumberKeyboard',
               },
-              // {
-              //   path: 'password-input',
-              //   title: 'PasswordInput',
-              // },
+              {
+                path: 'password-input',
+                title: 'PasswordInput',
+              },
               {
                 path: 'picker',
                 title: 'Picker',

From 322db54c77fa85824c16e6c096630e7a997e92e3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 15 Aug 2020 08:25:16 +0800
Subject: [PATCH 114/626] chore(Button): inherit touchstart event

---
 src/button/index.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/button/index.js b/src/button/index.js
index d6a1f6cc4..c3369da1c 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -44,7 +44,7 @@ export default createComponent({
     },
   },
 
-  emits: ['click', 'touchstart'],
+  emits: ['click'],
 
   methods: {
     onClick() {
@@ -54,10 +54,6 @@ export default createComponent({
       }
     },
 
-    onTouchstart(event) {
-      this.$emit('touchstart', event);
-    },
-
     genContent() {
       const Content = [];
 
@@ -144,7 +140,6 @@ export default createComponent({
         type={this.nativeType}
         disabled={disabled}
         onClick={this.onClick}
-        onTouchstart={this.onTouchstart}
       >
         <div class={bem('content')}>{this.genContent()}</div>
       </tag>

From 735acabcec0c9c78c3f67f7d31aa150d52bdbdb8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:08:28 +0800
Subject: [PATCH 115/626] feat: migrate Search component

---
 components.js        |   1 +
 src/search/index.js  | 115 +++++++++++++++++++++++++++++++++
 src/search/index.tsx | 149 -------------------------------------------
 vant.config.js       |  16 ++---
 4 files changed, 124 insertions(+), 157 deletions(-)
 create mode 100644 src/search/index.js
 delete mode 100644 src/search/index.tsx

diff --git a/components.js b/components.js
index 367d3a8bb..1e669fd16 100644
--- a/components.js
+++ b/components.js
@@ -54,4 +54,5 @@ module.exports = [
   'datetime-picker',
   'number-keyboard',
   'password-input',
+  'search',
 ];
diff --git a/src/search/index.js b/src/search/index.js
new file mode 100644
index 000000000..8fb1035c7
--- /dev/null
+++ b/src/search/index.js
@@ -0,0 +1,115 @@
+// Utils
+import { createNamespace } from '../utils';
+import { preventDefault } from '../utils/dom/event';
+
+// Components
+import Field from '../field';
+
+const [createComponent, bem, t] = createNamespace('search');
+
+export default createComponent({
+  inheritAttrs: false,
+
+  props: {
+    label: String,
+    rightIcon: String,
+    modelValue: String,
+    actionText: String,
+    background: String,
+    showAction: Boolean,
+    clearTrigger: String,
+    shape: {
+      type: String,
+      default: 'square',
+    },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    leftIcon: {
+      type: String,
+      default: 'search',
+    },
+  },
+
+  emits: ['search', 'cancel', 'keypress'],
+
+  setup(props, { emit, slots }) {
+    return function () {
+      function Label() {
+        if (slots.label || props.label) {
+          return (
+            <div class={bem('label')}>
+              {slots.label ? slots.label() : props.label}
+            </div>
+          );
+        }
+      }
+
+      function Action() {
+        if (!props.showAction) {
+          return;
+        }
+
+        function onCancel() {
+          if (slots.action) {
+            return;
+          }
+
+          emit('update:modelValue', '');
+          emit('cancel');
+        }
+
+        return (
+          <div
+            class={bem('action')}
+            role="button"
+            tabindex="0"
+            onClick={onCancel}
+          >
+            {slots.action ? slots.action() : props.actionText || t('cancel')}
+          </div>
+        );
+      }
+
+      const fieldData = {
+        ...this.$attrs,
+        onKeypress(event) {
+          // press enter
+          if (event.keyCode === 13) {
+            preventDefault(event);
+            emit('search', props.modelValue);
+          }
+          emit('keypress', event);
+        },
+      };
+
+      return (
+        <div
+          class={bem({ 'show-action': props.showAction })}
+          style={{ background: props.background }}
+        >
+          {slots.left?.()}
+          <div class={bem('content', props.shape)}>
+            {Label()}
+            <Field
+              type="search"
+              border={false}
+              leftIcon={props.leftIcon}
+              rightIcon={props.rightIcon}
+              clearable={props.clearable}
+              modelValue={props.modelValue}
+              clearTrigger={props.clearTrigger}
+              scopedSlots={{
+                'left-icon': slots['left-icon'],
+                'right-icon': slots['right-icon'],
+              }}
+              {...fieldData}
+            />
+          </div>
+          {Action()}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/search/index.tsx b/src/search/index.tsx
deleted file mode 100644
index 2068174cc..000000000
--- a/src/search/index.tsx
+++ /dev/null
@@ -1,149 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional';
-import { preventDefault } from '../utils/dom/event';
-
-// Components
-import Field from '../field';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-const [createComponent, bem, t] = createNamespace('search');
-
-export type SearchProps = {
-  shape: 'sqaure' | 'round';
-  value?: string;
-  label?: string;
-  leftIcon: string;
-  rightIcon?: string;
-  clearable: boolean;
-  background: string;
-  actionText?: string;
-  showAction?: boolean;
-  clearTrigger?: string;
-};
-
-export type SearchSlots = DefaultSlots & {
-  left?: ScopedSlot;
-  label?: ScopedSlot;
-  action?: ScopedSlot;
-  'left-icon'?: ScopedSlot;
-  'right-icon'?: ScopedSlot;
-};
-
-export type SearchEvents = {
-  onCancel?(): void;
-  onInput?(value: string): void;
-  onSearch?(value: string): void;
-  onKeypress?(event: KeyboardEvent): void;
-};
-
-function Search(
-  h: CreateElement,
-  props: SearchProps,
-  slots: SearchSlots,
-  ctx: RenderContext<SearchProps>
-) {
-  function Label() {
-    if (slots.label || props.label) {
-      return (
-        <div class={bem('label')}>
-          {slots.label ? slots.label() : props.label}
-        </div>
-      );
-    }
-  }
-
-  function Action() {
-    if (!props.showAction) {
-      return;
-    }
-
-    function onCancel() {
-      if (slots.action) {
-        return;
-      }
-
-      emit(ctx, 'input', '');
-      emit(ctx, 'cancel');
-    }
-
-    return (
-      <div class={bem('action')} role="button" tabindex="0" onClick={onCancel}>
-        {slots.action ? slots.action() : props.actionText || t('cancel')}
-      </div>
-    );
-  }
-
-  const fieldData = {
-    attrs: ctx.data.attrs,
-    on: {
-      ...ctx.listeners,
-      keypress(event: KeyboardEvent) {
-        // press enter
-        if (event.keyCode === 13) {
-          preventDefault(event);
-          emit(ctx, 'search', props.value);
-        }
-        emit(ctx, 'keypress', event);
-      },
-    },
-  };
-
-  const inheritData = inherit(ctx);
-  inheritData.attrs = undefined;
-
-  return (
-    <div
-      class={bem({ 'show-action': props.showAction })}
-      style={{ background: props.background }}
-      {...inheritData}
-    >
-      {slots.left?.()}
-      <div class={bem('content', props.shape)}>
-        {Label()}
-        <Field
-          type="search"
-          border={false}
-          value={props.value}
-          leftIcon={props.leftIcon}
-          rightIcon={props.rightIcon}
-          clearable={props.clearable}
-          clearTrigger={props.clearTrigger}
-          scopedSlots={{
-            'left-icon': slots['left-icon'],
-            'right-icon': slots['right-icon'],
-          }}
-          {...fieldData}
-        />
-      </div>
-      {Action()}
-    </div>
-  );
-}
-
-Search.props = {
-  value: String,
-  label: String,
-  rightIcon: String,
-  actionText: String,
-  background: String,
-  showAction: Boolean,
-  clearTrigger: String,
-  shape: {
-    type: String,
-    default: 'square',
-  },
-  clearable: {
-    type: Boolean,
-    default: true,
-  },
-  leftIcon: {
-    type: String,
-    default: 'search',
-  },
-};
-
-export default createComponent<SearchProps, SearchEvents, SearchSlots>(Search);
diff --git a/vant.config.js b/vant.config.js
index 3dfb2f8ef..4b55b09cd 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -155,10 +155,10 @@ module.exports = {
                 path: 'rate',
                 title: 'Rate 评分',
               },
-              // {
-              //   path: 'search',
-              //   title: 'Search 搜索',
-              // },
+              {
+                path: 'search',
+                title: 'Search 搜索',
+              },
               {
                 path: 'slider',
                 title: 'Slider 滑块',
@@ -489,10 +489,10 @@ module.exports = {
                 path: 'rate',
                 title: 'Rate',
               },
-              // {
-              //   path: 'search',
-              //   title: 'Search',
-              // },
+              {
+                path: 'search',
+                title: 'Search',
+              },
               {
                 path: 'slider',
                 title: 'Slider',

From 0ed0337de05ce35a540514f506b8a699af16e83e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:29:57 +0800
Subject: [PATCH 116/626] feat: migrate Stepper component

---
 components.js                       |  1 +
 docs/markdown/changelog-v3.zh-CN.md |  2 ++
 src/stepper/README.md               |  2 +-
 src/stepper/README.zh-CN.md         |  2 +-
 src/stepper/demo/index.vue          |  2 +-
 src/stepper/index.js                | 50 +++++++++++++++++------------
 vant.config.js                      | 16 ++++-----
 7 files changed, 44 insertions(+), 31 deletions(-)

diff --git a/components.js b/components.js
index 1e669fd16..3f9709669 100644
--- a/components.js
+++ b/components.js
@@ -55,4 +55,5 @@ module.exports = [
   'number-keyboard',
   'password-input',
   'search',
+  'stepper',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index a9a0169b5..d9d1433d4 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -47,6 +47,8 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Field
 - Radio
 - RadioGroup
+- Search
+- Stepper
 - Switch
 - Sidebar
 
diff --git a/src/stepper/README.md b/src/stepper/README.md
index 9d2f81b47..93be8cfb4 100644
--- a/src/stepper/README.md
+++ b/src/stepper/README.md
@@ -72,7 +72,7 @@ export default {
 ### Async Change
 
 ```html
-<van-stepper :value="value" async-change @change="onChange" />
+<van-stepper :model-value="value" async-change @change="onChange" />
 ```
 
 ```js
diff --git a/src/stepper/README.zh-CN.md b/src/stepper/README.zh-CN.md
index 9043c3394..e17b6a46b 100644
--- a/src/stepper/README.zh-CN.md
+++ b/src/stepper/README.zh-CN.md
@@ -94,7 +94,7 @@ export default {
 如果需要异步地修改输入框的值，可以设置`async-change`属性，并在`change`事件中手动修改`value`
 
 ```html
-<van-stepper :value="value" async-change @change="onChange" />
+<van-stepper :model-value="value" async-change @change="onChange" />
 ```
 
 ```js
diff --git a/src/stepper/demo/index.vue b/src/stepper/demo/index.vue
index 7119ee440..399cdb52f 100644
--- a/src/stepper/demo/index.vue
+++ b/src/stepper/demo/index.vue
@@ -33,7 +33,7 @@
     </van-cell>
 
     <van-cell center :title="t('asyncChange')">
-      <van-stepper :value="stepper6" async-change @change="onChange" />
+      <van-stepper :model-value="stepper6" async-change @change="onChange" />
     </van-cell>
 
     <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
diff --git a/src/stepper/index.js b/src/stepper/index.js
index ecf0b0942..4212756bd 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -24,10 +24,10 @@ export default createComponent({
   mixins: [FieldMixin],
 
   props: {
-    value: null,
     theme: String,
     integer: Boolean,
     disabled: Boolean,
+    modelValue: null,
     allowEmpty: Boolean,
     inputWidth: [Number, String],
     buttonSize: [Number, String],
@@ -71,12 +71,24 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'plus',
+    'blur',
+    'minus',
+    'focus',
+    'change',
+    'overlimit',
+    'update:modelValue',
+  ],
+
   data() {
-    const defaultValue = isDef(this.value) ? this.value : this.defaultValue;
+    const defaultValue = isDef(this.modelValue)
+      ? this.value
+      : this.defaultValue;
     const value = this.format(defaultValue);
 
-    if (!equal(value, this.value)) {
-      this.$emit('input', value);
+    if (!equal(value, this.modelValue)) {
+      this.$emit('update:modelValue', value);
     }
 
     return {
@@ -129,14 +141,14 @@ export default createComponent({
     integer: 'check',
     decimalLength: 'check',
 
-    value(val) {
+    modelValue(val) {
       if (!equal(val, this.currentValue)) {
         this.currentValue = this.format(val);
       }
     },
 
     currentValue(val) {
-      this.$emit('input', val);
+      this.$emit('update:modelValue', val);
       this.$emit('change', val, { name: this.name });
     },
   },
@@ -194,7 +206,7 @@ export default createComponent({
 
     emitChange(value) {
       if (this.asyncChange) {
-        this.$emit('input', value);
+        this.$emit('update:modelValue', value);
         this.$emit('change', value, { name: this.name });
       } else {
         this.currentValue = value;
@@ -272,20 +284,18 @@ export default createComponent({
 
   render() {
     const createListeners = (type) => ({
-      on: {
-        click: (e) => {
-          // disable double tap scrolling on mobile safari
-          e.preventDefault();
-          this.type = type;
-          this.onChange();
-        },
-        touchstart: () => {
-          this.type = type;
-          this.onTouchStart();
-        },
-        touchend: this.onTouchEnd,
-        touchcancel: this.onTouchEnd,
+      onClick: (e) => {
+        // disable double tap scrolling on mobile safari
+        e.preventDefault();
+        this.type = type;
+        this.onChange();
       },
+      onTouchstart: () => {
+        this.type = type;
+        this.onTouchStart();
+      },
+      onTouchend: this.onTouchEnd,
+      onTouchcancel: this.onTouchEnd,
     });
 
     return (
diff --git a/vant.config.js b/vant.config.js
index 4b55b09cd..74e1f7709 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -163,10 +163,10 @@ module.exports = {
                 path: 'slider',
                 title: 'Slider 滑块',
               },
-              // {
-              //   path: 'stepper',
-              //   title: 'Stepper 步进器',
-              // },
+              {
+                path: 'stepper',
+                title: 'Stepper 步进器',
+              },
               {
                 path: 'switch',
                 title: 'Switch 开关',
@@ -497,10 +497,10 @@ module.exports = {
                 path: 'slider',
                 title: 'Slider',
               },
-              // {
-              //   path: 'stepper',
-              //   title: 'Stepper',
-              // },
+              {
+                path: 'stepper',
+                title: 'Stepper',
+              },
               {
                 path: 'switch',
                 title: 'Switch',

From 7c2b4c9abc59eb65ae57c2697dda2bed21a6b60a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:40:56 +0800
Subject: [PATCH 117/626] feat: migrate Uploader component

---
 components.js                       |  1 +
 docs/markdown/changelog-v3.zh-CN.md |  1 +
 src/uploader/index.js               | 53 +++++++++++++++--------------
 vant.config.js                      | 16 ++++-----
 4 files changed, 37 insertions(+), 34 deletions(-)

diff --git a/components.js b/components.js
index 3f9709669..382e8e4d8 100644
--- a/components.js
+++ b/components.js
@@ -56,4 +56,5 @@ module.exports = [
   'password-input',
   'search',
   'stepper',
+  'uploader',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index d9d1433d4..ef1a0d57c 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -51,6 +51,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Stepper
 - Switch
 - Sidebar
+- Uploader
 
 ```html
 <!-- before -->
diff --git a/src/uploader/index.js b/src/uploader/index.js
index d56416cf9..1319d5a77 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -18,10 +18,6 @@ export default createComponent({
 
   mixins: [FieldMixin],
 
-  model: {
-    prop: 'fileList',
-  },
-
   props: {
     disabled: Boolean,
     lazyLoad: Boolean,
@@ -39,7 +35,7 @@ export default createComponent({
       type: String,
       default: 'image/*',
     },
-    fileList: {
+    modelValue: {
       type: Array,
       default: () => [],
     },
@@ -81,19 +77,22 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'delete',
+    'oversize',
+    'close-preview',
+    'click-preview',
+    'update:modelValue',
+  ],
+
   computed: {
     previewSizeWithUnit() {
       return addUnit(this.previewSize);
     },
-
-    // for form
-    value() {
-      return this.fileList;
-    },
   },
 
   methods: {
-    getDetail(index = this.fileList.length) {
+    getDetail(index = this.modelValue.length) {
       return {
         name: this.name,
         index,
@@ -139,7 +138,7 @@ export default createComponent({
       const oversize = isOversize(files, this.maxSize);
 
       if (Array.isArray(files)) {
-        const maxCount = this.maxCount - this.fileList.length;
+        const maxCount = this.maxCount - this.modelValue.length;
 
         if (files.length > maxCount) {
           files = files.slice(0, maxCount);
@@ -203,7 +202,10 @@ export default createComponent({
         : Boolean(validFiles);
 
       if (isValidFiles) {
-        this.$emit('input', [...this.fileList, ...toArray(validFiles)]);
+        this.$emit('update:modelValue', [
+          ...this.modelValue,
+          ...toArray(validFiles),
+        ]);
 
         if (this.afterRead) {
           this.afterRead(validFiles, this.getDetail());
@@ -233,10 +235,10 @@ export default createComponent({
     },
 
     deleteFile(file, index) {
-      const fileList = this.fileList.slice(0);
+      const fileList = this.modelValue.slice(0);
       fileList.splice(index, 1);
 
-      this.$emit('input', fileList);
+      this.$emit('update:modelValue', fileList);
       this.$emit('delete', file, this.getDetail(index));
     },
 
@@ -252,7 +254,7 @@ export default createComponent({
         return;
       }
 
-      const imageFiles = this.fileList.filter((item) => isImageFile(item));
+      const imageFiles = this.modelValue.filter((item) => isImageFile(item));
       const imageContents = imageFiles.map((item) => item.content || item.url);
 
       this.imagePreview = ImagePreview({
@@ -320,9 +322,10 @@ export default createComponent({
         </div>
       );
 
-      const PreviewCoverContent = this.slots('preview-cover', item);
-      const PreviewCover = PreviewCoverContent && (
-        <div class={bem('preview-cover')}>{PreviewCoverContent}</div>
+      const PreviewCover = this.$slots['preview-cover'] && (
+        <div class={bem('preview-cover')}>
+          {this.$slots['preview-cover'](item)}
+        </div>
       );
 
       const Preview = isImageFile(item) ? (
@@ -371,20 +374,18 @@ export default createComponent({
 
     genPreviewList() {
       if (this.previewImage) {
-        return this.fileList.map(this.genPreviewItem);
+        return this.modelValue.map(this.genPreviewItem);
       }
     },
 
     genUpload() {
-      if (this.fileList.length >= this.maxCount || !this.showUpload) {
+      if (this.modelValue.length >= this.maxCount || !this.showUpload) {
         return;
       }
 
-      const slot = this.slots();
-
       const Input = (
         <input
-          {...{ attrs: this.$attrs }}
+          {...this.$attrs}
           ref="input"
           type="file"
           accept={this.accept}
@@ -394,10 +395,10 @@ export default createComponent({
         />
       );
 
-      if (slot) {
+      if (this.$slots.default) {
         return (
           <div class={bem('input-wrapper')}>
-            {slot}
+            {this.$slots.default()}
             {Input}
           </div>
         );
diff --git a/vant.config.js b/vant.config.js
index 74e1f7709..4dacece85 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -171,10 +171,10 @@ module.exports = {
                 path: 'switch',
                 title: 'Switch 开关',
               },
-              // {
-              //   path: 'uploader',
-              //   title: 'Uploader 文件上传',
-              // },
+              {
+                path: 'uploader',
+                title: 'Uploader 文件上传',
+              },
             ],
           },
           {
@@ -505,10 +505,10 @@ module.exports = {
                 path: 'switch',
                 title: 'Switch',
               },
-              // {
-              //   path: 'uploader',
-              //   title: 'Uploader',
-              // },
+              {
+                path: 'uploader',
+                title: 'Uploader',
+              },
             ],
           },
           {

From 0a570b2382286d3cd469fc476fa82451c8f8b319 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:42:07 +0800
Subject: [PATCH 118/626] fix(Image): alt prop not work

---
 src/image/index.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/image/index.js b/src/image/index.js
index db7ef945c..2e4da9c89 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -142,10 +142,8 @@ export default createComponent({
 
     genImage() {
       const imgData = {
+        alt: this.alt,
         class: bem('img'),
-        attrs: {
-          alt: this.alt,
-        },
         style: {
           objectFit: this.fit,
         },

From 998c7d8da67e713be2073e3a113afb7070da5715 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:50:46 +0800
Subject: [PATCH 119/626] feat: migrate DropdownMenu

---
 components.js                       |  2 ++
 docs/markdown/changelog-v3.zh-CN.md |  1 +
 src/dropdown-item/index.js          | 21 ++++++++++++++-------
 src/dropdown-menu/index.js          |  4 ++--
 vant.config.js                      | 16 ++++++++--------
 5 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/components.js b/components.js
index 382e8e4d8..46e1d65dd 100644
--- a/components.js
+++ b/components.js
@@ -57,4 +57,6 @@ module.exports = [
   'search',
   'stepper',
   'uploader',
+  'dropdown-menu',
+  'dropdown-item',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index ef1a0d57c..354935c8d 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -44,6 +44,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Checkbox
 - CheckboxGroup
 - DatetimePicker
+- DropdownItem
 - Field
 - Radio
 - RadioGroup
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 9bf2d2171..1c5655c76 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -17,9 +17,9 @@ export default createComponent({
   mixins: [PortalMixin({ ref: 'wrapper' }), ChildrenMixin('vanDropdownMenu')],
 
   props: {
-    value: null,
     title: String,
     disabled: Boolean,
+    modelValue: null,
     titleClass: String,
     options: {
       type: Array,
@@ -31,6 +31,8 @@ export default createComponent({
     },
   },
 
+  emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
+
   data() {
     return {
       transition: true,
@@ -46,7 +48,7 @@ export default createComponent({
       }
 
       const match = this.options.filter(
-        (option) => option.value === this.value
+        (option) => option.value === this.modelValue
       );
       return match.length ? match[0].text : '';
     },
@@ -98,6 +100,10 @@ export default createComponent({
         event.stopPropagation();
       }
     },
+
+    onTogglePopup(show) {
+      this.showPopup = show;
+    },
   },
 
   render() {
@@ -112,7 +118,7 @@ export default createComponent({
     } = this.parent;
 
     const Options = this.options.map((option) => {
-      const active = option.value === this.value;
+      const active = option.value === this.modelValue;
       return (
         <Cell
           clickable
@@ -124,8 +130,8 @@ export default createComponent({
           onClick={() => {
             this.showPopup = false;
 
-            if (option.value !== this.value) {
-              this.$emit('input', option.value);
+            if (option.value !== this.modelValue) {
+              this.$emit('update:modelValue', option.value);
               this.$emit('change', option.value);
             }
           }}
@@ -154,7 +160,7 @@ export default createComponent({
           onClick={this.onClickWrapper}
         >
           <Popup
-            vModel={this.showPopup}
+            show={this.showPopup}
             overlay={overlay}
             class={bem('content')}
             position={direction === 'down' ? 'top' : 'bottom'}
@@ -169,9 +175,10 @@ export default createComponent({
               this.showWrapper = false;
               this.$emit('closed');
             }}
+            {...{ 'onUpdate:modelValue': this.onTogglePopup }}
           >
             {Options}
-            {this.slots('default')}
+            {this.$slots.default?.()}
           </Popup>
         </div>
       </div>
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 383591887..91d6ca75e 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -117,7 +117,7 @@ export default createComponent({
           style={{ color: item.showPopup ? this.activeColor : '' }}
         >
           <div class="van-ellipsis">
-            {item.slots('title') || item.displayTitle}
+            {item.$slots.title ? item.$slots.title() : item.displayTitle}
           </div>
         </span>
       </div>
@@ -132,7 +132,7 @@ export default createComponent({
         >
           {Titles}
         </div>
-        {this.slots('default')}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index 4dacece85..f96c2980f 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -188,10 +188,10 @@ module.exports = {
                 path: 'dialog',
                 title: 'Dialog 弹出框',
               },
-              // {
-              //   path: 'dropdown-menu',
-              //   title: 'DropdownMenu 下拉菜单',
-              // },
+              {
+                path: 'dropdown-menu',
+                title: 'DropdownMenu 下拉菜单',
+              },
               {
                 path: 'loading',
                 title: 'Loading 加载',
@@ -522,10 +522,10 @@ module.exports = {
                 path: 'dialog',
                 title: 'Dialog',
               },
-              // {
-              //   path: 'dropdown-menu',
-              //   title: 'DropdownMenu',
-              // },
+              {
+                path: 'dropdown-menu',
+                title: 'DropdownMenu',
+              },
               {
                 path: 'loading',
                 title: 'Loading',

From 0b90092d1caf66007670b2568284ba3071b7630f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 15:59:27 +0800
Subject: [PATCH 120/626] feat: migrate Notify component

---
 components.js                       |   1 +
 docs/markdown/changelog-v3.zh-CN.md |   1 +
 src/notify/Notify.js                |  44 +++++++++++
 src/notify/Notify.tsx               |  68 -----------------
 src/notify/README.md                |   2 +-
 src/notify/README.zh-CN.md          |   2 +-
 src/notify/demo/index.vue           |   2 +-
 src/notify/index.js                 | 110 ++++++++++++++++++++++++++++
 src/notify/index.ts                 |  96 ------------------------
 vant.config.js                      |  16 ++--
 10 files changed, 167 insertions(+), 175 deletions(-)
 create mode 100644 src/notify/Notify.js
 delete mode 100644 src/notify/Notify.tsx
 create mode 100644 src/notify/index.js
 delete mode 100644 src/notify/index.ts

diff --git a/components.js b/components.js
index 46e1d65dd..3cf7e5e4e 100644
--- a/components.js
+++ b/components.js
@@ -59,4 +59,5 @@ module.exports = [
   'uploader',
   'dropdown-menu',
   'dropdown-item',
+  'notify',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 354935c8d..7dae327d8 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -29,6 +29,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - ActionSheet
 - Calendar
 - Dialog
+- Notify
 - Popup
 - ShareSheet
 
diff --git a/src/notify/Notify.js b/src/notify/Notify.js
new file mode 100644
index 000000000..806878c30
--- /dev/null
+++ b/src/notify/Notify.js
@@ -0,0 +1,44 @@
+import { createNamespace } from '../utils';
+import { popupMixinProps } from '../mixins/popup';
+import Popup from '../popup';
+
+const [createComponent, bem] = createNamespace('notify');
+
+export default createComponent({
+  props: {
+    ...popupMixinProps,
+    color: String,
+    message: [Number, String],
+    duration: [Number, String],
+    className: null,
+    background: String,
+    getContainer: [String, Function],
+    type: {
+      type: String,
+      default: 'danger',
+    },
+  },
+
+  setup(props, { slots }) {
+    return () => {
+      const style = {
+        color: props.color,
+        background: props.background,
+      };
+
+      return (
+        <Popup
+          show={props.show}
+          style={style}
+          position="top"
+          overlay={false}
+          duration={0.2}
+          lockScroll={false}
+          class={[bem([props.type]), props.className]}
+        >
+          {slots.default?.() || props.message}
+        </Popup>
+      );
+    };
+  },
+});
diff --git a/src/notify/Notify.tsx b/src/notify/Notify.tsx
deleted file mode 100644
index 35c99adc1..000000000
--- a/src/notify/Notify.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Mixins
-import { popupMixinProps } from '../mixins/popup';
-
-// Components
-import Popup from '../popup';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-import { PopupMixinProps } from '../mixins/popup/type';
-
-export type NotifyProps = PopupMixinProps & {
-  type: 'primary' | 'success' | 'danger' | 'warning';
-  color: string;
-  message: number | string;
-  duration: number | string;
-  className?: any;
-  background: string;
-};
-
-const [createComponent, bem] = createNamespace('notify');
-
-function Notify(
-  h: CreateElement,
-  props: NotifyProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<NotifyProps>
-) {
-  const style = {
-    color: props.color,
-    background: props.background,
-  };
-
-  return (
-    <Popup
-      value={props.value}
-      style={style}
-      position="top"
-      overlay={false}
-      duration={0.2}
-      lockScroll={false}
-      class={[bem([props.type]), props.className]}
-      {...inherit(ctx, true)}
-    >
-      {slots.default?.() || props.message}
-    </Popup>
-  );
-}
-
-Notify.props = {
-  ...popupMixinProps,
-  color: String,
-  message: [Number, String],
-  duration: [Number, String],
-  className: null as any,
-  background: String,
-  getContainer: [String, Function],
-  type: {
-    type: String,
-    default: 'danger',
-  },
-};
-
-export default createComponent<NotifyProps>(Notify);
diff --git a/src/notify/README.md b/src/notify/README.md
index 96ad5b187..2a50e6ba3 100644
--- a/src/notify/README.md
+++ b/src/notify/README.md
@@ -57,7 +57,7 @@ export default {
 
 ```html
 <van-button type="primary" text="Component Call" @click="showNotify" />
-<van-notify v-model="show" type="success">
+<van-notify v-model:show="show" type="success">
   <van-icon name="bell" style="margin-right: 4px;" />
   <span>Content</span>
 </van-notify>
diff --git a/src/notify/README.zh-CN.md b/src/notify/README.zh-CN.md
index aed3d6aca..737eb5ec9 100644
--- a/src/notify/README.zh-CN.md
+++ b/src/notify/README.zh-CN.md
@@ -94,7 +94,7 @@ export default {
 
 ```html
 <van-button type="primary" text="组件调用" @click="showNotify" />
-<van-notify v-model="show" type="success">
+<van-notify v-model:show="show" type="success">
   <van-icon name="bell" style="margin-right: 4px;" />
   <span>通知内容</span>
 </van-notify>
diff --git a/src/notify/demo/index.vue b/src/notify/demo/index.vue
index 79dbd37f2..e5ace9303 100644
--- a/src/notify/demo/index.vue
+++ b/src/notify/demo/index.vue
@@ -27,7 +27,7 @@
         @click="showComponentCall"
       />
 
-      <van-notify v-model="show" type="success">
+      <van-notify v-model:show="show" type="success">
         <van-icon name="bell" style="margin-right: 4px;" />
         <span>{{ t('content') }}</span>
       </van-notify>
diff --git a/src/notify/index.js b/src/notify/index.js
new file mode 100644
index 000000000..7a3161b2f
--- /dev/null
+++ b/src/notify/index.js
@@ -0,0 +1,110 @@
+import { createApp, nextTick } from 'vue';
+import VanNotify from './Notify';
+import { isObject, inBrowser } from '../utils';
+
+let timer;
+let instance;
+
+function parseOptions(message) {
+  return isObject(message) ? message : { message };
+}
+
+function initInstance() {
+  const root = document.createElement('div');
+  document.body.appendChild(root);
+
+  instance = createApp({
+    data() {
+      return {
+        notifyProps: {
+          show: false,
+        },
+      };
+    },
+    methods: {
+      toggle(show) {
+        this.notifyProps.show = show;
+      },
+      setProps(props) {
+        this.notifyProps = props;
+      },
+    },
+    render() {
+      return (
+        <VanNotify
+          {...{
+            ...this.notifyProps,
+            'onUpdate:show': this.toggle,
+          }}
+        />
+      );
+    },
+  }).mount(root);
+}
+
+function Notify(options) {
+  if (!inBrowser) {
+    return;
+  }
+
+  if (!instance) {
+    initInstance();
+  }
+
+  options = {
+    ...Notify.currentOptions,
+    ...parseOptions(options),
+  };
+
+  instance.setProps(options);
+  clearTimeout(timer);
+
+  if (options.duration && options.duration > 0) {
+    timer = setTimeout(Notify.clear, options.duration);
+  }
+
+  nextTick(() => {
+    instance.toggle(true);
+  });
+
+  return instance;
+}
+
+function defaultOptions() {
+  return {
+    type: 'danger',
+    message: '',
+    color: undefined,
+    background: undefined,
+    duration: 3000,
+    className: '',
+    onClose: null,
+    onClick: null,
+    onOpened: null,
+  };
+}
+
+Notify.clear = () => {
+  if (instance) {
+    instance.toggle(false);
+  }
+};
+
+Notify.currentOptions = defaultOptions();
+
+Notify.setDefaultOptions = (options) => {
+  Object.assign(Notify.currentOptions, options);
+};
+
+Notify.resetDefaultOptions = () => {
+  Notify.currentOptions = defaultOptions();
+};
+
+Notify.install = (app) => {
+  app.use(VanNotify);
+  app.config.globalProperties.$notify = Notify;
+};
+
+Notify.Component = VanNotify;
+
+export default Notify;
diff --git a/src/notify/index.ts b/src/notify/index.ts
deleted file mode 100644
index 44044b023..000000000
--- a/src/notify/index.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import Vue from 'vue';
-import VanNotify from './Notify';
-import { isObject, isServer } from '../utils';
-import { mount } from '../utils/functional';
-import { NotifyOptions } from 'types/notify';
-
-let timer: number | NodeJS.Timeout;
-let instance: any;
-
-function parseOptions(message: NotifyOptions): NotifyOptions {
-  return isObject(message) ? message : { message };
-}
-
-function Notify(options: NotifyOptions) {
-  /* istanbul ignore if */
-  if (isServer) {
-    return;
-  }
-
-  if (!instance) {
-    instance = mount(VanNotify, {
-      on: {
-        click(event: Event) {
-          if (instance.onClick) {
-            instance.onClick(event);
-          }
-        },
-        close() {
-          if (instance.onClose) {
-            instance.onClose();
-          }
-        },
-        opened() {
-          if (instance.onOpened) {
-            instance.onOpened();
-          }
-        },
-      },
-    });
-  }
-
-  options = {
-    ...Notify.currentOptions,
-    ...parseOptions(options),
-  };
-
-  Object.assign(instance, options);
-  clearTimeout(timer as NodeJS.Timeout);
-
-  if (options.duration && options.duration > 0) {
-    timer = setTimeout(Notify.clear, options.duration);
-  }
-
-  return instance;
-}
-
-function defaultOptions(): NotifyOptions {
-  return {
-    type: 'danger',
-    value: true,
-    message: '',
-    color: undefined,
-    background: undefined,
-    duration: 3000,
-    className: '',
-    onClose: null,
-    onClick: null,
-    onOpened: null,
-  };
-}
-
-Notify.clear = () => {
-  if (instance) {
-    instance.value = false;
-  }
-};
-
-Notify.currentOptions = defaultOptions();
-
-Notify.setDefaultOptions = (options: NotifyOptions) => {
-  Object.assign(Notify.currentOptions, options);
-};
-
-Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = defaultOptions();
-};
-
-Notify.install = () => {
-  Vue.use(VanNotify as any);
-};
-
-Notify.Component = VanNotify;
-
-Vue.prototype.$notify = Notify;
-
-export default Notify;
diff --git a/vant.config.js b/vant.config.js
index f96c2980f..e06b824a2 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -196,10 +196,10 @@ module.exports = {
                 path: 'loading',
                 title: 'Loading 加载',
               },
-              // {
-              //   path: 'notify',
-              //   title: 'Notify 消息通知',
-              // },
+              {
+                path: 'notify',
+                title: 'Notify 消息通知',
+              },
               {
                 path: 'overlay',
                 title: 'Overlay 遮罩层',
@@ -530,10 +530,10 @@ module.exports = {
                 path: 'loading',
                 title: 'Loading',
               },
-              // {
-              //   path: 'notify',
-              //   title: 'Notify',
-              // },
+              {
+                path: 'notify',
+                title: 'Notify',
+              },
               {
                 path: 'overlay',
                 title: 'Overlay',

From 79511fe3311e17395c0d4e2bddd652b5a7b77427 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 16 Aug 2020 17:06:55 +0800
Subject: [PATCH 121/626] feat: migrate Collapse component

---
 components.js              |  2 ++
 src/collapse-item/index.js | 39 +++++++++++++++++---------------------
 src/collapse/index.js      | 12 +++++++-----
 vant.config.js             | 16 ++++++++--------
 4 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/components.js b/components.js
index 3cf7e5e4e..ef067b29d 100644
--- a/components.js
+++ b/components.js
@@ -60,4 +60,6 @@ module.exports = [
   'dropdown-menu',
   'dropdown-item',
   'notify',
+  'collapse',
+  'collapse-item',
 ];
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 25826cde8..d40a495b5 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -11,8 +11,6 @@ import { cellProps } from '../cell/shared';
 
 const [createComponent, bem] = createNamespace('collapse-item');
 
-const CELL_SLOTS = ['title', 'icon', 'right-icon'];
-
 export default createComponent({
   mixins: [ChildrenMixin('vanCollapse')],
 
@@ -43,20 +41,22 @@ export default createComponent({
         return null;
       }
 
-      const { value, accordion } = this.parent;
+      const { modelValue, accordion } = this.parent;
 
       if (
         process.env.NODE_ENV !== 'production' &&
         !accordion &&
-        !Array.isArray(value)
+        !Array.isArray(modelValue)
       ) {
-        console.error('[Vant] Collapse: type of prop "value" should be Array');
+        console.error(
+          '[Vant] Collapse: type of prop "modelValue" should be Array'
+        );
         return;
       }
 
       return accordion
-        ? value === this.currentName
-        : value.some((name) => name === this.currentName);
+        ? modelValue === this.currentName
+        : modelValue.some((name) => name === this.currentName);
     },
   },
 
@@ -110,7 +110,7 @@ export default createComponent({
       }
 
       const { parent, currentName } = this;
-      const close = parent.accordion && currentName === parent.value;
+      const close = parent.accordion && currentName === parent.modelValue;
       const name = close ? '' : currentName;
 
       parent.switch(name, !this.expanded);
@@ -127,27 +127,22 @@ export default createComponent({
     genTitle() {
       const { border, disabled, expanded } = this;
 
-      const titleSlots = CELL_SLOTS.reduce((slots, name) => {
-        if (this.slots(name)) {
-          slots[name] = () => this.slots(name);
-        }
-
-        return slots;
-      }, {});
-
-      if (this.slots('value')) {
-        titleSlots.default = () => this.slots('value');
-      }
+      const slots = {
+        icon: this.$slots.icon,
+        title: this.$slots.title,
+        default: this.$slots.value,
+        'right-icon': this.$slots['right-icon'],
+      };
 
       return (
         <Cell
+          v-slots={slots}
           role="button"
           class={bem('title', { disabled, expanded, borderless: !border })}
           onClick={this.onClick}
-          scopedSlots={titleSlots}
           tabindex={disabled ? -1 : 0}
           aria-expanded={String(expanded)}
-          {...{ props: this.$props }}
+          {...this.$props}
         />
       );
     },
@@ -162,7 +157,7 @@ export default createComponent({
             onTransitionend={this.onTransitionEnd}
           >
             <div ref="content" class={bem('content')}>
-              {this.slots()}
+              {this.$slots.default?.()}
             </div>
           </div>
         );
diff --git a/src/collapse/index.js b/src/collapse/index.js
index fe159a03d..e5fadb87d 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -9,29 +9,31 @@ export default createComponent({
 
   props: {
     accordion: Boolean,
-    value: [String, Number, Array],
+    modelValue: [String, Number, Array],
     border: {
       type: Boolean,
       default: true,
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   methods: {
     switch(name, expanded) {
       if (!this.accordion) {
         name = expanded
-          ? this.value.concat(name)
-          : this.value.filter((activeName) => activeName !== name);
+          ? this.modelValue.concat(name)
+          : this.modelValue.filter((activeName) => activeName !== name);
       }
       this.$emit('change', name);
-      this.$emit('input', name);
+      this.$emit('update:modelValue', name);
     },
   },
 
   render() {
     return (
       <div class={[bem(), { [BORDER_TOP_BOTTOM]: this.border }]}>
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index e06b824a2..007aad611 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -225,10 +225,10 @@ module.exports = {
                 path: 'circle',
                 title: 'Circle 环形进度条',
               },
-              // {
-              //   path: 'collapse',
-              //   title: 'Collapse 折叠面板',
-              // },
+              {
+                path: 'collapse',
+                title: 'Collapse 折叠面板',
+              },
               {
                 path: 'count-down',
                 title: 'CountDown 倒计时',
@@ -559,10 +559,10 @@ module.exports = {
                 path: 'circle',
                 title: 'Circle',
               },
-              // {
-              //   path: 'collapse',
-              //   title: 'Collapse',
-              // },
+              {
+                path: 'collapse',
+                title: 'Collapse',
+              },
               {
                 path: 'count-down',
                 title: 'CountDown',

From f978642277d858d7d833538c6ffa5c5d3fd9f074 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 10:12:56 +0800
Subject: [PATCH 122/626] feat: migrate Swipe component

---
 components.js            |  2 ++
 src/swipe-item/index.js  |  4 ++--
 src/swipe/demo/index.vue |  4 +++-
 src/swipe/index.js       |  9 +++++----
 vant.config.js           | 16 ++++++++--------
 5 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/components.js b/components.js
index ef067b29d..ae9960b70 100644
--- a/components.js
+++ b/components.js
@@ -62,4 +62,6 @@ module.exports = [
   'notify',
   'collapse',
   'collapse-item',
+  'swipe',
+  'swipe-item',
 ];
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 6e01fed0e..a1c1ca0a6 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -56,8 +56,8 @@ export default createComponent({
 
   render() {
     return (
-      <div class={bem()} style={this.style} {...{ on: this.$listeners }}>
-        {this.shouldRender && this.slots()}
+      <div class={bem()} style={this.style}>
+        {this.shouldRender ? this.$slots.default?.() : null}
       </div>
     );
   },
diff --git a/src/swipe/demo/index.vue b/src/swipe/demo/index.vue
index 5833b0de6..a39c21dbd 100644
--- a/src/swipe/demo/index.vue
+++ b/src/swipe/demo/index.vue
@@ -12,7 +12,9 @@
     <demo-block :title="t('title2')">
       <van-swipe :autoplay="3000">
         <van-swipe-item v-for="(image, index) in images" :key="index">
-          <img v-lazy="image" />
+          <img :src="image" />
+          <!-- TODO -->
+          <!-- <img v-lazy="image" /> -->
         </van-swipe-item>
       </van-swipe>
     </demo-block>
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 608289690..a12da6827 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -62,6 +62,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change'],
+
   data() {
     return {
       rect: null,
@@ -385,10 +387,9 @@ export default createComponent({
 
     genIndicator() {
       const { count, activeIndicator } = this;
-      const slot = this.slots('indicator');
 
-      if (slot) {
-        return slot;
+      if (this.$slots.indicator) {
+        return this.$slots.indicator();
       }
 
       if (this.showIndicators && count > 1) {
@@ -414,7 +415,7 @@ export default createComponent({
           style={this.trackStyle}
           class={bem('track', { vertical: this.vertical })}
         >
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
         {this.genIndicator()}
       </div>
diff --git a/vant.config.js b/vant.config.js
index 007aad611..5e7cc0fc1 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -273,10 +273,10 @@ module.exports = {
                 path: 'sticky',
                 title: 'Sticky 粘性布局',
               },
-              // {
-              //   path: 'swipe',
-              //   title: 'Swipe 轮播',
-              // },
+              {
+                path: 'swipe',
+                title: 'Swipe 轮播',
+              },
               {
                 path: 'tag',
                 title: 'Tag 标记',
@@ -607,10 +607,10 @@ module.exports = {
                 path: 'sticky',
                 title: 'Sticky',
               },
-              // {
-              //   path: 'swipe',
-              //   title: 'Swipe',
-              // },
+              {
+                path: 'swipe',
+                title: 'Swipe',
+              },
               {
                 path: 'tag',
                 title: 'Tag',

From b4e02668cf8e2ea929b16c31769fa3b08c7f164c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 10:22:18 +0800
Subject: [PATCH 123/626] fix(Search): icon slot not work

---
 src/search/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/search/index.js b/src/search/index.js
index 8fb1035c7..cc925a8bb 100644
--- a/src/search/index.js
+++ b/src/search/index.js
@@ -93,6 +93,10 @@ export default createComponent({
           <div class={bem('content', props.shape)}>
             {Label()}
             <Field
+              v-slots={{
+                'left-icon': slots['left-icon'],
+                'right-icon': slots['right-icon'],
+              }}
               type="search"
               border={false}
               leftIcon={props.leftIcon}
@@ -100,10 +104,6 @@ export default createComponent({
               clearable={props.clearable}
               modelValue={props.modelValue}
               clearTrigger={props.clearTrigger}
-              scopedSlots={{
-                'left-icon': slots['left-icon'],
-                'right-icon': slots['right-icon'],
-              }}
               {...fieldData}
             />
           </div>

From 3a290ce5649812570c4a2450acbbfd03eff9f782 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 10:38:11 +0800
Subject: [PATCH 124/626] feat: migrate ImagePreview component

---
 components.js                         |  1 +
 src/image-preview/ImagePreview.js     | 52 +++++++-------
 src/image-preview/ImagePreviewItem.js |  4 +-
 src/image-preview/index.js            | 98 ++++++++++++++++++---------
 src/image-preview/index.less          |  2 +
 src/mixins/relation.js                |  2 +-
 vant.config.js                        | 16 ++---
 7 files changed, 104 insertions(+), 71 deletions(-)

diff --git a/components.js b/components.js
index ae9960b70..f276ceefd 100644
--- a/components.js
+++ b/components.js
@@ -64,4 +64,5 @@ module.exports = [
   'collapse-item',
   'swipe',
   'swipe-item',
+  'image-preview',
 ];
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 3b56ee72e..7325560f0 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -3,21 +3,18 @@ import { inBrowser } from '../utils';
 import { bem, createComponent } from './shared';
 
 // Mixins
-import { PopupMixin } from '../mixins/popup';
 import { TouchMixin } from '../mixins/touch';
 import { BindEventMixin } from '../mixins/bind-event';
 
 // Components
 import Icon from '../icon';
 import Swipe from '../swipe';
+import Popup from '../popup';
 import ImagePreviewItem from './ImagePreviewItem';
 
 export default createComponent({
   mixins: [
     TouchMixin,
-    PopupMixin({
-      skipToggleEvent: true,
-    }),
     BindEventMixin(function (bind) {
       bind(window, 'resize', this.resize, true);
       bind(window, 'orientationchange', this.resize, true);
@@ -25,6 +22,7 @@ export default createComponent({
   ],
 
   props: {
+    show: Boolean,
     className: null,
     closeable: Boolean,
     asyncClose: Boolean,
@@ -61,10 +59,6 @@ export default createComponent({
       type: [Number, String],
       default: 0,
     },
-    overlayClass: {
-      type: String,
-      default: bem('overlay'),
-    },
     closeIcon: {
       type: String,
       default: 'clear',
@@ -79,6 +73,8 @@ export default createComponent({
     },
   },
 
+  emits: ['scale', 'close', 'closed', 'change', 'update:show'],
+
   data() {
     return {
       active: 0,
@@ -95,7 +91,7 @@ export default createComponent({
   watch: {
     startPosition: 'setActive',
 
-    value(val) {
+    show(val) {
       if (val) {
         this.setActive(+this.startPosition);
         this.$nextTick(() => {
@@ -120,7 +116,7 @@ export default createComponent({
 
     emitClose() {
       if (!this.asyncClose) {
-        this.$emit('input', false);
+        this.$emit('update:show', false);
       }
     },
 
@@ -139,18 +135,17 @@ export default createComponent({
       if (this.showIndex) {
         return (
           <div class={bem('index')}>
-            {this.slots('index') ||
-              `${this.active + 1} / ${this.images.length}`}
+            {this.$slots.index
+              ? this.$slots.index()
+              : `${this.active + 1} / ${this.images.length}`}
           </div>
         );
       }
     },
 
     genCover() {
-      const cover = this.slots('cover');
-
-      if (cover) {
-        return <div class={bem('cover')}>{cover}</div>;
+      if (this.$slots.cover) {
+        return <div class={bem('cover')}>{this.$slots.cover()}</div>;
       }
     },
 
@@ -170,7 +165,7 @@ export default createComponent({
           {this.images.map((image) => (
             <ImagePreviewItem
               src={image}
-              show={this.value}
+              show={this.show}
               active={this.active}
               maxZoom={this.maxZoom}
               minZoom={this.minZoom}
@@ -210,19 +205,18 @@ export default createComponent({
   },
 
   render() {
-    if (!this.shouldRender) {
-      return;
-    }
-
     return (
-      <transition name="van-fade" onAfterLeave={this.onClosed}>
-        <div vShow={this.value} class={[bem(), this.className]}>
-          {this.genClose()}
-          {this.genImages()}
-          {this.genIndex()}
-          {this.genCover()}
-        </div>
-      </transition>
+      <Popup
+        show={this.show}
+        class={[bem(), this.className]}
+        overlayClass={bem('overlay')}
+        onClosed={this.onClosed}
+      >
+        {this.genClose()}
+        {this.genImages()}
+        {this.genIndex()}
+        {this.genCover()}
+      </Popup>
     );
   },
 });
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index 0c4c2ec0d..7285f5a9a 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -31,6 +31,8 @@ export default {
     windowHeight: Number,
   },
 
+  emits: ['scale', 'close'],
+
   data() {
     return {
       scale: 1,
@@ -250,11 +252,11 @@ export default {
     return (
       <SwipeItem class={bem('swipe-item')}>
         <Image
+          v-slots={imageSlots}
           src={this.src}
           fit="contain"
           class={bem('image', { vertical: this.vertical })}
           style={this.imageStyle}
-          scopedSlots={imageSlots}
           onLoad={this.onLoad}
         />
       </SwipeItem>
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index 5bc02398f..a62ecf767 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,15 +1,15 @@
-// import Vue from 'vue';
-import VueImagePreview from './ImagePreview';
+import { createApp, nextTick } from 'vue';
+import VanImagePreview from './ImagePreview';
 import { inBrowser } from '../utils';
 
 let instance;
 
 const defaultConfig = {
   loop: true,
-  value: true,
   images: [],
   maxZoom: 3,
   minZoom: 1 / 3,
+  onScale: null,
   onClose: null,
   onChange: null,
   className: '',
@@ -25,24 +25,59 @@ const defaultConfig = {
   closeIconPosition: 'top-right',
 };
 
-const initInstance = () => {
-  instance = new (Vue.extend(VueImagePreview))({
-    el: document.createElement('div'),
-  });
-  document.body.appendChild(instance.$el);
+function initInstance() {
+  const root = document.createElement('div');
+  document.body.appendChild(root);
 
-  instance.$on('change', (index) => {
-    if (instance.onChange) {
-      instance.onChange(index);
-    }
-  });
+  instance = createApp({
+    data() {
+      return {
+        props: {
+          show: false,
+        },
+      };
+    },
+    methods: {
+      close() {
+        this.toggle(false);
+      },
+      toggle(show) {
+        this.props.show = show;
+      },
+      setProps(props) {
+        Object.assign(this.props, props);
+      },
+      onClosed() {
+        this.props.images = [];
+      },
+    },
+    render() {
+      return (
+        <VanImagePreview
+          {...{
+            ...this.props,
+            onClosed: this.onClosed,
+            'onUpdate:show': this.toggle,
+          }}
+        />
+      );
+    },
+  }).mount(root);
+}
 
-  instance.$on('scale', (data) => {
-    if (instance.onScale) {
-      instance.onScale(data);
-    }
-  });
-};
+// const initInstance = () => {
+//   instance.$on('change', (index) => {
+//     if (instance.onChange) {
+//       instance.onChange(index);
+//     }
+//   });
+
+//   instance.$on('scale', (data) => {
+//     if (instance.onScale) {
+//       instance.onScale(data);
+//     }
+//   });
+// };
 
 const ImagePreview = (images, startPosition = 0) => {
   /* istanbul ignore if */
@@ -56,28 +91,27 @@ const ImagePreview = (images, startPosition = 0) => {
 
   const options = Array.isArray(images) ? { images, startPosition } : images;
 
-  Object.assign(instance, defaultConfig, options);
-
-  instance.$once('input', (show) => {
-    instance.value = show;
+  instance.setProps({
+    ...defaultConfig,
+    ...options,
   });
 
-  instance.$once('closed', () => {
-    instance.images = [];
+  nextTick(() => {
+    instance.toggle(true);
   });
 
-  if (options.onClose) {
-    instance.$off('close');
-    instance.$once('close', options.onClose);
-  }
+  // if (options.onClose) {
+  //   instance.$off('close');
+  //   instance.$once('close', options.onClose);
+  // }
 
   return instance;
 };
 
-ImagePreview.Component = VueImagePreview;
+ImagePreview.Component = VanImagePreview;
 
-ImagePreview.install = () => {
-  Vue.use(VueImagePreview);
+ImagePreview.install = (app) => {
+  app.use(VanImagePreview);
 };
 
 export default ImagePreview;
diff --git a/src/image-preview/index.less b/src/image-preview/index.less
index adf1433d2..a8b748624 100644
--- a/src/image-preview/index.less
+++ b/src/image-preview/index.less
@@ -6,6 +6,8 @@
   left: 0;
   width: 100%;
   height: 100%;
+  background-color: transparent;
+  transform: none;
 
   &__swipe {
     height: 100%;
diff --git a/src/mixins/relation.js b/src/mixins/relation.js
index 0e65df6b3..a0bced13b 100644
--- a/src/mixins/relation.js
+++ b/src/mixins/relation.js
@@ -26,7 +26,7 @@ export function ChildrenMixin(parent, options = {}) {
       this.bindRelation();
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       if (this.parent) {
         this.parent.children = this.parent.children.filter(
           (item) => item !== this
diff --git a/vant.config.js b/vant.config.js
index 5e7cc0fc1..12faec808 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -241,10 +241,10 @@ module.exports = {
                 path: 'empty',
                 title: 'Empty 空状态',
               },
-              // {
-              //   path: 'image-preview',
-              //   title: 'ImagePreview 图片预览',
-              // },
+              {
+                path: 'image-preview',
+                title: 'ImagePreview 图片预览',
+              },
               // {
               //   path: 'lazyload',
               //   title: 'Lazyload 懒加载',
@@ -575,10 +575,10 @@ module.exports = {
                 path: 'empty',
                 title: 'Empty',
               },
-              // {
-              //   path: 'image-preview',
-              //   title: 'ImagePreview',
-              // },
+              {
+                path: 'image-preview',
+                title: 'ImagePreview',
+              },
               // {
               //   path: 'lazyload',
               //   title: 'Lazyload',

From 6c85294d35ca690d1953f779e08a8a63595e4c4c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 10:40:48 +0800
Subject: [PATCH 125/626] fix: rename unmount lifecycles

---
 src/count-down/index.js           | 2 +-
 src/count-down/test/index.spec.js | 2 +-
 src/field/index.js                | 2 +-
 src/image/index.js                | 2 +-
 src/mixins/bind-event.ts          | 2 +-
 src/mixins/click-outside.js       | 2 +-
 src/mixins/popup/index.js         | 2 +-
 src/picker/PickerColumn.js        | 2 +-
 src/toast/Toast.js                | 2 +-
 9 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/count-down/index.js b/src/count-down/index.js
index b6eb9dd1d..233ef554e 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -63,7 +63,7 @@ export default createComponent({
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.pause();
   },
 
diff --git a/src/count-down/test/index.spec.js b/src/count-down/test/index.spec.js
index 1f0376509..53abbf532 100644
--- a/src/count-down/test/index.spec.js
+++ b/src/count-down/test/index.spec.js
@@ -174,7 +174,7 @@ test('incomplate format prop', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
-test('pause when destroyed', () => {
+test('pause when unmounted', () => {
   const wrapper = mount(CountDown);
   expect(wrapper.vm.counting).toBeTruthy();
   wrapper.destroy();
diff --git a/src/field/index.js b/src/field/index.js
index 8379fc39d..7cfe9809b 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -117,7 +117,7 @@ export default createComponent({
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.vanForm) {
       this.vanForm.removeField(this);
     }
diff --git a/src/image/index.js b/src/image/index.js
index 2e4da9c89..822eabcda 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -77,7 +77,7 @@ export default createComponent({
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     const { $Lazyload } = this;
 
     if ($Lazyload) {
diff --git a/src/mixins/bind-event.ts b/src/mixins/bind-event.ts
index 5a54365c8..fae5de458 100644
--- a/src/mixins/bind-event.ts
+++ b/src/mixins/bind-event.ts
@@ -28,6 +28,6 @@ export function BindEventMixin(handler: BindEventHandler) {
     mounted: bind,
     activated: bind,
     deactivated: unbind,
-    beforeDestroy: unbind,
+    beforeUnmount: unbind,
   };
 }
diff --git a/src/mixins/click-outside.js b/src/mixins/click-outside.js
index 534d026f9..6b0a84ac7 100644
--- a/src/mixins/click-outside.js
+++ b/src/mixins/click-outside.js
@@ -25,7 +25,7 @@ export const ClickOutsideMixin = (config) => ({
     on(document, config.event, this.clickOutsideHandler);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     off(document, config.event, this.clickOutsideHandler);
   },
 });
diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
index a84bb3641..803161d37 100644
--- a/src/mixins/popup/index.js
+++ b/src/mixins/popup/index.js
@@ -83,7 +83,7 @@ export function PopupMixin(options = {}) {
       }
     },
 
-    beforeDestroy() {
+    beforeUnmount() {
       if (this.opened) {
         this.removeLock();
       }
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 195c0c3d1..31bdda38f 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -66,7 +66,7 @@ export default createComponent({
     this.bindTouchEvent(this.$el);
   },
 
-  destroyed() {
+  unmounted() {
     const { children } = this.$parent;
 
     if (children) {
diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index f0955ec68..84b9513d5 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -50,7 +50,7 @@ export default createComponent({
     this.toggleClickable();
   },
 
-  destroyed() {
+  unmounted() {
     this.toggleClickable();
   },
 

From f956d1ab3bdbbfd07d9d773936b221e8dd833712 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 10:49:27 +0800
Subject: [PATCH 126/626] feat: migrate IndexBar component

---
 components.js             |  2 ++
 src/index-anchor/index.js |  6 ++++--
 src/index-bar/index.js    |  4 +++-
 vant.config.js            | 16 ++++++++--------
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/components.js b/components.js
index f276ceefd..e66df7719 100644
--- a/components.js
+++ b/components.js
@@ -65,4 +65,6 @@ module.exports = [
   'swipe',
   'swipe-item',
   'image-preview',
+  'index-bar',
+  'index-anchor',
 ];
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index 2852203a8..65ed1c9a1 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -39,7 +39,9 @@ export default createComponent({
   },
 
   mounted() {
-    this.height = this.$el.offsetHeight;
+    this.$nextTick(() => {
+      this.height = this.$el.offsetHeight;
+    });
   },
 
   methods: {
@@ -57,7 +59,7 @@ export default createComponent({
           style={this.anchorStyle}
           class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
         >
-          {this.slots('default') || this.index}
+          {this.$slots.default ? this.$slots.default() : this.index}
         </div>
       </div>
     );
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index aac5f009d..2e5d8ffe8 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -58,6 +58,8 @@ export default createComponent({
     },
   },
 
+  emits: ['select'],
+
   data() {
     return {
       activeAnchorIndex: null,
@@ -245,7 +247,7 @@ export default createComponent({
         >
           {Indexes}
         </div>
-        {this.slots('default')}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index 12faec808..a42ec552e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -290,10 +290,10 @@ module.exports = {
                 path: 'grid',
                 title: 'Grid 宫格',
               },
-              // {
-              //   path: 'index-bar',
-              //   title: 'IndexBar 索引栏',
-              // },
+              {
+                path: 'index-bar',
+                title: 'IndexBar 索引栏',
+              },
               {
                 path: 'nav-bar',
                 title: 'NavBar 导航栏',
@@ -624,10 +624,10 @@ module.exports = {
                 path: 'grid',
                 title: 'Grid',
               },
-              // {
-              //   path: 'index-bar',
-              //   title: 'IndexBar',
-              // },
+              {
+                path: 'index-bar',
+                title: 'IndexBar',
+              },
               {
                 path: 'nav-bar',
                 title: 'NavBar',

From 789a2fda1efd08cbc0bcfaecb0740c0602c81f9b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 11:31:19 +0800
Subject: [PATCH 127/626] feat: migrate Area component

---
 components.js                       |  1 +
 docs/markdown/changelog-v3.zh-CN.md |  1 +
 src/area/index.js                   | 43 ++++++++++-------------------
 vant.config.js                      | 16 +++++------
 4 files changed, 25 insertions(+), 36 deletions(-)

diff --git a/components.js b/components.js
index e66df7719..5d91abde8 100644
--- a/components.js
+++ b/components.js
@@ -67,4 +67,5 @@ module.exports = [
   'image-preview',
   'index-bar',
   'index-anchor',
+  'area',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 7dae327d8..3ff963924 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -29,6 +29,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - ActionSheet
 - Calendar
 - Dialog
+- ImagePreview
 - Notify
 - Popup
 - ShareSheet
diff --git a/src/area/index.js b/src/area/index.js
index 293cf549c..214aec1d6 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -10,21 +10,6 @@ function isOverseaCode(code) {
   return code[0] === '9';
 }
 
-function pickSlots(instance, keys) {
-  const { $slots, $scopedSlots } = instance;
-  const scopedSlots = {};
-
-  keys.forEach((key) => {
-    if ($scopedSlots[key]) {
-      scopedSlots[key] = $scopedSlots[key];
-    } else if ($slots[key]) {
-      scopedSlots[key] = () => $slots[key];
-    }
-  });
-
-  return scopedSlots;
-}
-
 export default createComponent({
   props: {
     ...pickerProps,
@@ -47,6 +32,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'confirm'],
+
   data() {
     return {
       code: this.value,
@@ -78,6 +65,13 @@ export default createComponent({
         county: this.columnsPlaceholder[2] || '',
       };
     },
+
+    pickerSlots() {
+      return ['title', 'columns-top', 'columns-bottom'].reduce((slots, key) => {
+        slots[key] = this.$slots[key];
+        return slots;
+      }, {});
+    },
   },
 
   watch: {
@@ -88,7 +82,9 @@ export default createComponent({
 
     areaList: {
       deep: true,
-      handler: 'setValues',
+      handler() {
+        this.setValues();
+      },
     },
 
     columnsNum() {
@@ -297,14 +293,9 @@ export default createComponent({
   },
 
   render() {
-    const on = {
-      ...this.$listeners,
-      change: this.onChange,
-      confirm: this.onConfirm,
-    };
-
     return (
       <Picker
+        v-slots={this.pickerSlots}
         ref="picker"
         class={bem()}
         showToolbar
@@ -317,12 +308,8 @@ export default createComponent({
         visibleItemCount={this.visibleItemCount}
         cancelButtonText={this.cancelButtonText}
         confirmButtonText={this.confirmButtonText}
-        scopedSlots={pickSlots(this, [
-          'title',
-          'columns-top',
-          'columns-bottom',
-        ])}
-        {...{ on }}
+        onChange={this.onChange}
+        onConfirm={this.onConfirm}
       />
     );
   },
diff --git a/vant.config.js b/vant.config.js
index a42ec552e..ea4b609f8 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -331,10 +331,10 @@ module.exports = {
               //   path: 'address-list',
               //   title: 'AddressList 地址列表',
               // },
-              // {
-              //   path: 'area',
-              //   title: 'Area 省市区选择',
-              // },
+              {
+                path: 'area',
+                title: 'Area 省市区选择',
+              },
               // {
               //   path: 'card',
               //   title: 'Card 商品卡片',
@@ -665,10 +665,10 @@ module.exports = {
               //   path: 'address-list',
               //   title: 'AddressList',
               // },
-              // {
-              //   path: 'area',
-              //   title: 'Area',
-              // },
+              {
+                path: 'area',
+                title: 'Area',
+              },
               // {
               //   path: 'card',
               //   title: 'Card',

From abe8ae7cca28a9963ece3062b7c2b05f18192f69 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 11:39:40 +0800
Subject: [PATCH 128/626] feat: migrate AddressList component

---
 components.js              |   1 +
 src/address-list/Item.js   |  91 +++++++++++++++++++++++++++
 src/address-list/Item.tsx  | 126 -------------------------------------
 src/address-list/index.js  |  97 ++++++++++++++++++++++++++++
 src/address-list/index.tsx | 110 --------------------------------
 vant.config.js             |  16 ++---
 6 files changed, 197 insertions(+), 244 deletions(-)
 create mode 100644 src/address-list/Item.js
 delete mode 100644 src/address-list/Item.tsx
 create mode 100644 src/address-list/index.js
 delete mode 100644 src/address-list/index.tsx

diff --git a/components.js b/components.js
index 5d91abde8..2b50e7e54 100644
--- a/components.js
+++ b/components.js
@@ -67,5 +67,6 @@ module.exports = [
   'image-preview',
   'index-bar',
   'index-anchor',
+  'address-list',
   'area',
 ];
diff --git a/src/address-list/Item.js b/src/address-list/Item.js
new file mode 100644
index 000000000..8cf4833ab
--- /dev/null
+++ b/src/address-list/Item.js
@@ -0,0 +1,91 @@
+// Utils
+import { createNamespace } from '../utils';
+
+// Components
+import Tag from '../tag';
+import Icon from '../icon';
+import Cell from '../cell';
+import Radio from '../radio';
+
+const [createComponent, bem] = createNamespace('address-item');
+
+export default createComponent({
+  props: {
+    data: Object,
+    disabled: Boolean,
+    switchable: Boolean,
+    defaultTagText: String,
+  },
+
+  emits: ['edit', 'click', 'select'],
+
+  setup(props, { slots, emit }) {
+    function onClick() {
+      if (props.switchable) {
+        emit('select');
+      }
+      emit('click');
+    }
+
+    const genRightIcon = () => (
+      <Icon
+        name="edit"
+        class={bem('edit')}
+        onClick={(event) => {
+          event.stopPropagation();
+          emit('edit');
+          emit('click');
+        }}
+      />
+    );
+
+    function genTag() {
+      if (props.data.isDefault && props.defaultTagText) {
+        return (
+          <Tag type="danger" round class={bem('tag')}>
+            {props.defaultTagText}
+          </Tag>
+        );
+      }
+    }
+
+    function genContent() {
+      const { data } = props;
+      const Info = [
+        <div class={bem('name')}>
+          {`${data.name} ${data.tel}`}
+          {genTag()}
+        </div>,
+        <div class={bem('address')}>{data.address}</div>,
+      ];
+
+      if (props.switchable && !props.disabled) {
+        return (
+          <Radio name={data.id} iconSize={18}>
+            {Info}
+          </Radio>
+        );
+      }
+
+      return Info;
+    }
+
+    return () => {
+      const { disabled } = props;
+
+      return (
+        <div class={bem({ disabled })} onClick={onClick}>
+          <Cell
+            v-slots={{
+              default: genContent,
+              'right-icon': genRightIcon,
+            }}
+            border={false}
+            valueClass={bem('value')}
+          />
+          {slots.bottom?.({ ...props.data, disabled })}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/address-list/Item.tsx b/src/address-list/Item.tsx
deleted file mode 100644
index 8aa233297..000000000
--- a/src/address-list/Item.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Tag from '../tag';
-import Icon from '../icon';
-import Cell from '../cell';
-import Radio from '../radio';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-export type AddressItemData = {
-  id: string | number;
-  tel: string | number;
-  name: string;
-  address: string;
-  isDefault: boolean;
-};
-
-export type AddressItemProps = {
-  data: AddressItemData;
-  disabled?: boolean;
-  switchable?: boolean;
-  defaultTagText?: string;
-};
-
-export type AddressItemSlots = DefaultSlots & {
-  bottom?: ScopedSlot;
-};
-
-export type AddressItemEvents = {
-  onEdit(): void;
-  onClick(): void;
-  onSelect(): void;
-};
-
-const [createComponent, bem] = createNamespace('address-item');
-
-function AddressItem(
-  h: CreateElement,
-  props: AddressItemProps,
-  slots: AddressItemSlots,
-  ctx: RenderContext<AddressItemProps>
-) {
-  const { disabled, switchable } = props;
-
-  function onClick() {
-    if (switchable) {
-      emit(ctx, 'select');
-    }
-
-    emit(ctx, 'click');
-  }
-
-  const genRightIcon = () => (
-    <Icon
-      name="edit"
-      class={bem('edit')}
-      onClick={(event: Event) => {
-        event.stopPropagation();
-        emit(ctx, 'edit');
-        emit(ctx, 'click');
-      }}
-    />
-  );
-
-  function genTag() {
-    if (props.data.isDefault && props.defaultTagText) {
-      return (
-        <Tag type="danger" round class={bem('tag')}>
-          {props.defaultTagText}
-        </Tag>
-      );
-    }
-  }
-
-  function genContent() {
-    const { data } = props;
-    const Info = [
-      <div class={bem('name')}>
-        {`${data.name} ${data.tel}`}
-        {genTag()}
-      </div>,
-      <div class={bem('address')}>{data.address}</div>,
-    ];
-
-    if (switchable && !disabled) {
-      return (
-        <Radio name={data.id} iconSize={18}>
-          {Info}
-        </Radio>
-      );
-    }
-
-    return Info;
-  }
-
-  return (
-    <div class={bem({ disabled })} onClick={onClick}>
-      <Cell
-        border={false}
-        valueClass={bem('value')}
-        scopedSlots={{
-          default: genContent,
-          'right-icon': genRightIcon,
-        }}
-        {...inherit(ctx)}
-      />
-      {slots.bottom?.({ ...props.data, disabled })}
-    </div>
-  );
-}
-
-AddressItem.props = {
-  data: Object,
-  disabled: Boolean,
-  switchable: Boolean,
-  defaultTagText: String,
-};
-
-export default createComponent<AddressItemProps, AddressItemEvents>(
-  AddressItem
-);
diff --git a/src/address-list/index.js b/src/address-list/index.js
new file mode 100644
index 000000000..da15e1a37
--- /dev/null
+++ b/src/address-list/index.js
@@ -0,0 +1,97 @@
+// Utils
+import { createNamespace } from '../utils';
+
+// Components
+import Button from '../button';
+import RadioGroup from '../radio-group';
+import AddressItem from './Item';
+
+const [createComponent, bem, t] = createNamespace('address-list');
+
+export default createComponent({
+  props: {
+    list: Array,
+    modelValue: [Number, String],
+    disabledList: Array,
+    disabledText: String,
+    addButtonText: String,
+    defaultTagText: String,
+    switchable: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: [
+    'add',
+    'edit',
+    'select',
+    'click-item',
+    'edit-disabled',
+    'select-disabled',
+    'update:modelValue',
+  ],
+
+  setup(props, { slots, emit }) {
+    return () => {
+      function genList(list, disabled) {
+        if (!list) {
+          return;
+        }
+
+        return list.map((item, index) => (
+          <AddressItem
+            data={item}
+            key={item.id}
+            disabled={disabled}
+            switchable={props.switchable}
+            defaultTagText={props.defaultTagText}
+            scopedSlots={{
+              bottom: slots['item-bottom'],
+            }}
+            onSelect={() => {
+              emit(disabled ? 'select-disabled' : 'select', item, index);
+
+              if (!disabled) {
+                emit('update:modelValue', item.id);
+              }
+            }}
+            onEdit={() => {
+              emit(disabled ? 'edit-disabled' : 'edit', item, index);
+            }}
+            onClick={() => {
+              emit('click-item', item, index);
+            }}
+          />
+        ));
+      }
+
+      const List = genList(props.list);
+      const DisabledList = genList(props.disabledList, true);
+
+      return (
+        <div class={bem()}>
+          {slots.top?.()}
+          <RadioGroup modelValue={props.modelValue}>{List}</RadioGroup>
+          {props.disabledText && (
+            <div class={bem('disabled-text')}>{props.disabledText}</div>
+          )}
+          {DisabledList}
+          {slots.default?.()}
+          <div class={bem('bottom')}>
+            <Button
+              round
+              block
+              type="danger"
+              class={bem('add')}
+              text={props.addButtonText || t('add')}
+              onClick={() => {
+                emit('add');
+              }}
+            />
+          </div>
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/address-list/index.tsx b/src/address-list/index.tsx
deleted file mode 100644
index 1726e0508..000000000
--- a/src/address-list/index.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Button from '../button';
-import RadioGroup from '../radio-group';
-import AddressItem, { AddressItemData } from './Item';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { ScopedSlot, DefaultSlots } from '../utils/types';
-
-export type AddressListProps = {
-  value?: string | number;
-  switchable: boolean;
-  disabledText?: string;
-  addButtonText?: string;
-  list?: AddressItemData[];
-  disabledList?: AddressItemData[];
-  defaultTagText?: string;
-};
-
-export type AddressListSlots = DefaultSlots & {
-  top?: ScopedSlot;
-  'item-bottom'?: ScopedSlot;
-};
-
-const [createComponent, bem, t] = createNamespace('address-list');
-
-function AddressList(
-  h: CreateElement,
-  props: AddressListProps,
-  slots: AddressListSlots,
-  ctx: RenderContext<AddressListProps>
-) {
-  function genList(list?: AddressItemData[], disabled?: boolean) {
-    if (!list) {
-      return;
-    }
-
-    return list.map((item, index) => (
-      <AddressItem
-        data={item}
-        key={item.id}
-        disabled={disabled}
-        switchable={props.switchable}
-        defaultTagText={props.defaultTagText}
-        scopedSlots={{
-          bottom: slots['item-bottom'],
-        }}
-        onSelect={() => {
-          emit(ctx, disabled ? 'select-disabled' : 'select', item, index);
-
-          if (!disabled) {
-            emit(ctx, 'input', item.id);
-          }
-        }}
-        onEdit={() => {
-          emit(ctx, disabled ? 'edit-disabled' : 'edit', item, index);
-        }}
-        onClick={() => {
-          emit(ctx, 'click-item', item, index);
-        }}
-      />
-    ));
-  }
-
-  const List = genList(props.list);
-  const DisabledList = genList(props.disabledList, true);
-
-  return (
-    <div class={bem()} {...inherit(ctx)}>
-      {slots.top?.()}
-      <RadioGroup value={props.value}>{List}</RadioGroup>
-      {props.disabledText && (
-        <div class={bem('disabled-text')}>{props.disabledText}</div>
-      )}
-      {DisabledList}
-      {slots.default?.()}
-      <div class={bem('bottom')}>
-        <Button
-          round
-          block
-          type="danger"
-          class={bem('add')}
-          text={props.addButtonText || t('add')}
-          onClick={() => {
-            emit(ctx, 'add');
-          }}
-        />
-      </div>
-    </div>
-  );
-}
-
-AddressList.props = {
-  list: Array,
-  value: [Number, String],
-  disabledList: Array,
-  disabledText: String,
-  addButtonText: String,
-  defaultTagText: String,
-  switchable: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default createComponent<AddressListProps>(AddressList);
diff --git a/vant.config.js b/vant.config.js
index ea4b609f8..85cdfc04d 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -327,10 +327,10 @@ module.exports = {
               //   path: 'address-edit',
               //   title: 'AddressEdit 地址编辑',
               // },
-              // {
-              //   path: 'address-list',
-              //   title: 'AddressList 地址列表',
-              // },
+              {
+                path: 'address-list',
+                title: 'AddressList 地址列表',
+              },
               {
                 path: 'area',
                 title: 'Area 省市区选择',
@@ -661,10 +661,10 @@ module.exports = {
               //   path: 'address-edit',
               //   title: 'AddressEdit',
               // },
-              // {
-              //   path: 'address-list',
-              //   title: 'AddressList',
-              // },
+              {
+                path: 'address-list',
+                title: 'AddressList',
+              },
               {
                 path: 'area',
                 title: 'Area',

From 607410a64f9ac8ed483e872cac18d6e9405fbdbb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 11:53:37 +0800
Subject: [PATCH 129/626] feat: migrate Card component

---
 components.js      |   1 +
 src/card/index.js  | 183 ++++++++++++++++++++++++++++++++++++++
 src/card/index.tsx | 216 ---------------------------------------------
 vant.config.js     |  16 ++--
 4 files changed, 192 insertions(+), 224 deletions(-)
 create mode 100644 src/card/index.js
 delete mode 100644 src/card/index.tsx

diff --git a/components.js b/components.js
index 2b50e7e54..a836a1984 100644
--- a/components.js
+++ b/components.js
@@ -69,4 +69,5 @@ module.exports = [
   'index-anchor',
   'address-list',
   'area',
+  'card',
 ];
diff --git a/src/card/index.js b/src/card/index.js
new file mode 100644
index 000000000..1b673fee5
--- /dev/null
+++ b/src/card/index.js
@@ -0,0 +1,183 @@
+// Utils
+import { createNamespace, isDef } from '../utils';
+
+// Components
+import Tag from '../tag';
+import Image from '../image';
+
+const [createComponent, bem] = createNamespace('card');
+
+export default createComponent({
+  props: {
+    tag: String,
+    desc: String,
+    thumb: String,
+    title: String,
+    centered: Boolean,
+    lazyLoad: Boolean,
+    thumbLink: String,
+    num: [Number, String],
+    price: [Number, String],
+    originPrice: [Number, String],
+    currency: {
+      type: String,
+      default: '¥',
+    },
+  },
+
+  emits: ['click-thumb'],
+
+  setup(props, { slots, emit }) {
+    return () => {
+      const { thumb } = props;
+
+      const showNum = slots.num || isDef(props.num);
+      const showPrice = slots.price || isDef(props.price);
+      const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
+      const showBottom =
+        showNum || showPrice || showOriginPrice || slots.bottom;
+
+      function onThumbClick(event) {
+        emit('click-thumb', event);
+      }
+
+      function ThumbTag() {
+        if (slots.tag || props.tag) {
+          return (
+            <div class={bem('tag')}>
+              {slots.tag ? (
+                slots.tag()
+              ) : (
+                <Tag mark type="danger">
+                  {props.tag}
+                </Tag>
+              )}
+            </div>
+          );
+        }
+      }
+
+      function Thumb() {
+        if (slots.thumb || thumb) {
+          return (
+            <a
+              href={props.thumbLink}
+              class={bem('thumb')}
+              onClick={onThumbClick}
+            >
+              {slots.thumb ? (
+                slots.thumb()
+              ) : (
+                <Image
+                  src={thumb}
+                  width="100%"
+                  height="100%"
+                  fit="cover"
+                  lazy-load={props.lazyLoad}
+                />
+              )}
+              {ThumbTag()}
+            </a>
+          );
+        }
+      }
+
+      function Title() {
+        if (slots.title) {
+          return slots.title();
+        }
+
+        if (props.title) {
+          return (
+            <div class={[bem('title'), 'van-multi-ellipsis--l2']}>
+              {props.title}
+            </div>
+          );
+        }
+      }
+
+      function Desc() {
+        if (slots.desc) {
+          return slots.desc();
+        }
+
+        if (props.desc) {
+          return <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
+        }
+      }
+
+      function PriceContent() {
+        const priceArr = props.price.toString().split('.');
+        return (
+          <div>
+            <span class={bem('price-currency')}>{props.currency}</span>
+            <span class={bem('price-integer')}>{priceArr[0]}</span>.
+            <span class={bem('price-decimal')}>{priceArr[1]}</span>
+          </div>
+        );
+      }
+
+      function Price() {
+        if (showPrice) {
+          return (
+            <div class={bem('price')}>
+              {slots.price ? slots.price() : PriceContent()}
+            </div>
+          );
+        }
+      }
+
+      function OriginPrice() {
+        if (showOriginPrice) {
+          const slot = slots['origin-price'];
+          return (
+            <div class={bem('origin-price')}>
+              {slot ? slot() : `${props.currency} ${props.originPrice}`}
+            </div>
+          );
+        }
+      }
+
+      function Num() {
+        if (showNum) {
+          return (
+            <div class={bem('num')}>
+              {slots.num ? slots.num() : `x${props.num}`}
+            </div>
+          );
+        }
+      }
+
+      function Footer() {
+        if (slots.footer) {
+          return <div class={bem('footer')}>{slots.footer()}</div>;
+        }
+      }
+
+      return (
+        <div class={bem()}>
+          <div class={bem('header')}>
+            {Thumb()}
+            <div class={bem('content', { centered: props.centered })}>
+              <div>
+                {Title()}
+                {Desc()}
+                {slots.tags?.()}
+              </div>
+              {showBottom && (
+                <div class="van-card__bottom">
+                  {slots['price-top']?.()}
+                  {Price()}
+                  {OriginPrice()}
+                  {Num()}
+                  {slots.bottom?.()}
+                </div>
+              )}
+            </div>
+          </div>
+          {Footer()}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/card/index.tsx b/src/card/index.tsx
deleted file mode 100644
index bc024b103..000000000
--- a/src/card/index.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-// Utils
-import { createNamespace, isDef } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Tag from '../tag';
-import Image from '../image';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-export type CardProps = {
-  tag?: string;
-  num?: number | string;
-  desc?: string;
-  thumb?: string;
-  title?: string;
-  price?: number | string;
-  currency: string;
-  centered?: boolean;
-  lazyLoad?: boolean;
-  thumbLink?: string;
-  originPrice?: number | string;
-};
-
-export type CardSlots = DefaultSlots & {
-  num?: ScopedSlot;
-  tag?: ScopedSlot;
-  tags?: ScopedSlot;
-  desc?: ScopedSlot;
-  title?: ScopedSlot;
-  thumb?: ScopedSlot;
-  price?: ScopedSlot;
-  bottom?: ScopedSlot;
-  footer?: ScopedSlot;
-  'origin-price'?: ScopedSlot;
-  'price-top'?: ScopedSlot;
-};
-
-export type CardEvents = {
-  onClick?(event: Event): void;
-};
-
-const [createComponent, bem] = createNamespace('card');
-
-function Card(
-  h: CreateElement,
-  props: CardProps,
-  slots: CardSlots,
-  ctx: RenderContext<CardProps>
-) {
-  const { thumb } = props;
-
-  const showNum = slots.num || isDef(props.num);
-  const showPrice = slots.price || isDef(props.price);
-  const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
-  const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
-
-  function onThumbClick(event: MouseEvent) {
-    emit(ctx, 'click-thumb', event);
-  }
-
-  function ThumbTag() {
-    if (slots.tag || props.tag) {
-      return (
-        <div class={bem('tag')}>
-          {slots.tag ? (
-            slots.tag()
-          ) : (
-            <Tag mark type="danger">
-              {props.tag}
-            </Tag>
-          )}
-        </div>
-      );
-    }
-  }
-
-  function Thumb() {
-    if (slots.thumb || thumb) {
-      return (
-        <a href={props.thumbLink} class={bem('thumb')} onClick={onThumbClick}>
-          {slots.thumb ? (
-            slots.thumb()
-          ) : (
-            <Image
-              src={thumb}
-              width="100%"
-              height="100%"
-              fit="cover"
-              lazy-load={props.lazyLoad}
-            />
-          )}
-          {ThumbTag()}
-        </a>
-      );
-    }
-  }
-
-  function Title() {
-    if (slots.title) {
-      return slots.title();
-    }
-
-    if (props.title) {
-      return (
-        <div class={[bem('title'), 'van-multi-ellipsis--l2']}>
-          {props.title}
-        </div>
-      );
-    }
-  }
-
-  function Desc() {
-    if (slots.desc) {
-      return slots.desc();
-    }
-
-    if (props.desc) {
-      return <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
-    }
-  }
-
-  function PriceContent() {
-    const priceArr = props.price!.toString().split('.');
-    return (
-      <div>
-        <span class={bem('price-currency')}>{props.currency}</span>
-        <span class={bem('price-integer')}>{priceArr[0]}</span>.
-        <span class={bem('price-decimal')}>{priceArr[1]}</span>
-      </div>
-    );
-  }
-
-  function Price() {
-    if (showPrice) {
-      return (
-        <div class={bem('price')}>
-          {slots.price ? slots.price() : PriceContent()}
-        </div>
-      );
-    }
-  }
-
-  function OriginPrice() {
-    if (showOriginPrice) {
-      const slot = slots['origin-price'];
-      return (
-        <div class={bem('origin-price')}>
-          {slot ? slot() : `${props.currency} ${props.originPrice}`}
-        </div>
-      );
-    }
-  }
-
-  function Num() {
-    if (showNum) {
-      return (
-        <div class={bem('num')}>
-          {slots.num ? slots.num() : `x${props.num}`}
-        </div>
-      );
-    }
-  }
-
-  function Footer() {
-    if (slots.footer) {
-      return <div class={bem('footer')}>{slots.footer()}</div>;
-    }
-  }
-
-  return (
-    <div class={bem()} {...inherit(ctx, true)}>
-      <div class={bem('header')}>
-        {Thumb()}
-        <div class={bem('content', { centered: props.centered })}>
-          <div>
-            {Title()}
-            {Desc()}
-            {slots.tags?.()}
-          </div>
-          {showBottom && (
-            <div class="van-card__bottom">
-              {slots['price-top']?.()}
-              {Price()}
-              {OriginPrice()}
-              {Num()}
-              {slots.bottom?.()}
-            </div>
-          )}
-        </div>
-      </div>
-      {Footer()}
-    </div>
-  );
-}
-
-Card.props = {
-  tag: String,
-  desc: String,
-  thumb: String,
-  title: String,
-  centered: Boolean,
-  lazyLoad: Boolean,
-  thumbLink: String,
-  num: [Number, String],
-  price: [Number, String],
-  originPrice: [Number, String],
-  currency: {
-    type: String,
-    default: '¥',
-  },
-};
-
-export default createComponent<CardProps, CardEvents>(Card);
diff --git a/vant.config.js b/vant.config.js
index 85cdfc04d..569e74d63 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -335,10 +335,10 @@ module.exports = {
                 path: 'area',
                 title: 'Area 省市区选择',
               },
-              // {
-              //   path: 'card',
-              //   title: 'Card 商品卡片',
-              // },
+              {
+                path: 'card',
+                title: 'Card 商品卡片',
+              },
               // {
               //   path: 'contact-card',
               //   title: 'Contact 联系人',
@@ -669,10 +669,10 @@ module.exports = {
                 path: 'area',
                 title: 'Area',
               },
-              // {
-              //   path: 'card',
-              //   title: 'Card',
-              // },
+              {
+                path: 'card',
+                title: 'Card',
+              },
               // {
               //   path: 'contact-card',
               //   title: 'Contact',

From a7836a30e6429c508729ce30bdf32de2ff3b8605 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 11:54:33 +0800
Subject: [PATCH 130/626] fix(SwipeCell): missing emits config

---
 src/swipe-cell/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 0fbc0e745..7a2b607fc 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -31,6 +31,8 @@ export default createComponent({
     },
   },
 
+  emits: ['open', 'close', 'click'],
+
   data() {
     return {
       offset: 0,

From ec64d803bee07a306d71479ddd407c7879bf3ae5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 11:55:47 +0800
Subject: [PATCH 131/626] fix(Field): cell slots

---
 src/field/index.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index 7cfe9809b..b1144669e 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -560,6 +560,11 @@ export default createComponent({
 
     return (
       <Cell
+        v-slots={{
+          icon: this.genLeftIcon,
+          title: this.genLabel,
+          extra: slots.extra,
+        }}
         icon={this.leftIcon}
         size={this.size}
         class={bem({
@@ -568,12 +573,6 @@ export default createComponent({
           [`label-${labelAlign}`]: labelAlign,
           'min-height': this.type === 'textarea' && !this.autosize,
         })}
-        // TODO
-        // vSlot={{
-        //   icon: this.genLeftIcon,
-        //   title: this.genLabel,
-        //   extra: slots.extra,
-        // }}
         center={this.center}
         border={this.border}
         isLink={this.isLink}

From 6d13094a2078714dfc7ba43a201277507ccbe363 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 12:04:13 +0800
Subject: [PATCH 132/626] feat: migrate Contact component

---
 components.js                   |   3 +
 src/contact-card/demo/index.vue |   4 +-
 src/contact-card/index.tsx      |  77 -------------------
 src/contact-edit/index.js       |  24 +++---
 src/contact-list/index.tsx      | 131 --------------------------------
 vant.config.js                  |  16 ++--
 6 files changed, 27 insertions(+), 228 deletions(-)
 delete mode 100644 src/contact-card/index.tsx
 delete mode 100644 src/contact-list/index.tsx

diff --git a/components.js b/components.js
index a836a1984..f9ab4301a 100644
--- a/components.js
+++ b/components.js
@@ -70,4 +70,7 @@ module.exports = [
   'address-list',
   'area',
   'card',
+  'contact-card',
+  'contact-edit',
+  'contact-list',
 ];
diff --git a/src/contact-card/demo/index.vue b/src/contact-card/demo/index.vue
index c1968e315..e4c52e05f 100644
--- a/src/contact-card/demo/index.vue
+++ b/src/contact-card/demo/index.vue
@@ -8,7 +8,7 @@
         @click="showList = true"
       />
 
-      <van-popup v-model="showList" position="bottom" :lazy-render="false">
+      <van-popup v-model:show="showList" position="bottom" :lazy-render="false">
         <van-contact-list
           v-model="chosenContactId"
           :list="list"
@@ -19,7 +19,7 @@
         />
       </van-popup>
 
-      <van-popup v-model="showEdit" position="bottom" :lazy-render="false">
+      <van-popup v-model:show="showEdit" position="bottom" :lazy-render="false">
         <van-contact-edit
           show-set-default
           :set-default-label="t('defaultLabel')"
diff --git a/src/contact-card/index.tsx b/src/contact-card/index.tsx
deleted file mode 100644
index 4f5032406..000000000
--- a/src/contact-card/index.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Cell from '../cell';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-const [createComponent, bem, t] = createNamespace('contact-card');
-
-export type ContactCardProps = {
-  tel?: string;
-  name?: string;
-  type?: string;
-  addText: string;
-  editable: boolean;
-};
-
-function ContactCard(
-  h: CreateElement,
-  props: ContactCardProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<ContactCardProps>
-) {
-  const { type, editable } = props;
-
-  function onClick(event: Event) {
-    if (editable) {
-      emit(ctx, 'click', event);
-    }
-  }
-
-  function Content() {
-    if (type === 'add') {
-      return props.addText || t('addText');
-    }
-
-    return [
-      <div>{`${t('name')}：${props.name}`}</div>,
-      <div>{`${t('tel')}：${props.tel}`}</div>,
-    ];
-  }
-
-  return (
-    <Cell
-      center
-      border={false}
-      isLink={editable}
-      class={bem([type])}
-      valueClass={bem('value')}
-      icon={type === 'edit' ? 'contact' : 'add-square'}
-      onClick={onClick}
-      {...inherit(ctx)}
-    >
-      {Content()}
-    </Cell>
-  );
-}
-
-ContactCard.props = {
-  tel: String,
-  name: String,
-  addText: String,
-  editable: {
-    type: Boolean,
-    default: true,
-  },
-  type: {
-    type: String,
-    default: 'add',
-  },
-};
-
-export default createComponent<ContactCardProps>(ContactCard);
diff --git a/src/contact-edit/index.js b/src/contact-edit/index.js
index 6ca3a97bd..5189b24ad 100644
--- a/src/contact-edit/index.js
+++ b/src/contact-edit/index.js
@@ -33,6 +33,8 @@ export default createComponent({
     },
   },
 
+  emits: ['save', 'delete', 'change-default'],
+
   data() {
     return {
       data: {
@@ -121,19 +123,21 @@ export default createComponent({
         </div>
         {this.showSetDefault && (
           <Cell
+            v-slots={{
+              'right-icon': () => (
+                <Switch
+                  vModel={data.isDefault}
+                  size={24}
+                  onChange={(event) => {
+                    this.$emit('change-default', event);
+                  }}
+                />
+              ),
+            }}
             title={this.setDefaultLabel}
             class={bem('switch-cell')}
             border={false}
-          >
-            <Switch
-              vModel={data.isDefault}
-              size={24}
-              slot="right-icon"
-              onChange={(event) => {
-                this.$emit('change-default', event);
-              }}
-            />
-          </Cell>
+          ></Cell>
         )}
         <div class={bem('buttons')}>
           <Button
diff --git a/src/contact-list/index.tsx b/src/contact-list/index.tsx
deleted file mode 100644
index 26d240d38..000000000
--- a/src/contact-list/index.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { RED } from '../utils/constant';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Tag from '../tag';
-import Icon from '../icon';
-import Cell from '../cell';
-import Radio from '../radio';
-import Button from '../button';
-import RadioGroup from '../radio-group';
-
-// Types
-import { DefaultSlots } from '../utils/types';
-import { CreateElement, RenderContext, VNode } from 'vue/types';
-
-export type ContactListItem = {
-  id: string | number;
-  tel: string | number;
-  name: string;
-  isDefault: boolean;
-};
-
-export type ContactListProps = {
-  value?: any;
-  list?: ContactListItem[];
-  addText?: string;
-  defaultTagText?: string;
-};
-
-const [createComponent, bem, t] = createNamespace('contact-list');
-
-function ContactList(
-  h: CreateElement,
-  props: ContactListProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<ContactListProps>
-) {
-  const List =
-    props.list &&
-    props.list.map((item, index) => {
-      function onClick() {
-        emit(ctx, 'input', item.id);
-        emit(ctx, 'select', item, index);
-      }
-
-      function RightIcon() {
-        return (
-          <Radio
-            name={item.id}
-            iconSize={16}
-            checkedColor={RED}
-            onClick={onClick}
-          />
-        );
-      }
-
-      function LeftIcon() {
-        return (
-          <Icon
-            name="edit"
-            class={bem('edit')}
-            onClick={(event) => {
-              event.stopPropagation();
-              emit(ctx, 'edit', item, index);
-            }}
-          />
-        );
-      }
-
-      function Content() {
-        const nodes = ([`${item.name}，${item.tel}`] as unknown[]) as VNode[];
-
-        if (item.isDefault && props.defaultTagText) {
-          nodes.push(
-            <Tag type="danger" round class={bem('item-tag')}>
-              {props.defaultTagText}
-            </Tag>
-          );
-        }
-
-        return nodes;
-      }
-
-      return (
-        <Cell
-          key={item.id}
-          isLink
-          center
-          class={bem('item')}
-          valueClass={bem('item-value')}
-          scopedSlots={{
-            icon: LeftIcon,
-            default: Content,
-            'right-icon': RightIcon,
-          }}
-          onClick={onClick}
-        />
-      );
-    });
-
-  return (
-    <div class={bem()} {...inherit(ctx)}>
-      <RadioGroup value={props.value} class={bem('group')}>
-        {List}
-      </RadioGroup>
-      <div class={bem('bottom')}>
-        <Button
-          round
-          block
-          type="danger"
-          class={bem('add')}
-          text={props.addText || t('addText')}
-          onClick={() => {
-            emit(ctx, 'add');
-          }}
-        />
-      </div>
-    </div>
-  );
-}
-
-ContactList.props = {
-  value: null as any,
-  list: Array,
-  addText: String,
-  defaultTagText: String,
-};
-
-export default createComponent(ContactList);
diff --git a/vant.config.js b/vant.config.js
index 569e74d63..c55cf1b70 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -339,10 +339,10 @@ module.exports = {
                 path: 'card',
                 title: 'Card 商品卡片',
               },
-              // {
-              //   path: 'contact-card',
-              //   title: 'Contact 联系人',
-              // },
+              {
+                path: 'contact-card',
+                title: 'Contact 联系人',
+              },
               // {
               //   path: 'coupon-list',
               //   title: 'Coupon 优惠券',
@@ -673,10 +673,10 @@ module.exports = {
                 path: 'card',
                 title: 'Card',
               },
-              // {
-              //   path: 'contact-card',
-              //   title: 'Contact',
-              // },
+              {
+                path: 'contact-card',
+                title: 'Contact',
+              },
               // {
               //   path: 'coupon-list',
               //   title: 'Coupon',

From 41796b06165b40348c14daf1cda4ccb9065703da Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 15:31:00 +0800
Subject: [PATCH 133/626] feat: migrate ContactCard component

---
 src/contact-card/index.js |  55 +++++++++++++++++++
 src/contact-list/index.js | 111 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 166 insertions(+)
 create mode 100644 src/contact-card/index.js
 create mode 100644 src/contact-list/index.js

diff --git a/src/contact-card/index.js b/src/contact-card/index.js
new file mode 100644
index 000000000..73e77add5
--- /dev/null
+++ b/src/contact-card/index.js
@@ -0,0 +1,55 @@
+import { createNamespace } from '../utils';
+import Cell from '../cell';
+
+const [createComponent, bem, t] = createNamespace('contact-card');
+
+export default createComponent({
+  props: {
+    tel: String,
+    name: String,
+    addText: String,
+    editable: {
+      type: Boolean,
+      default: true,
+    },
+    type: {
+      type: String,
+      default: 'add',
+    },
+  },
+
+  emits: ['click'],
+
+  setup(props, { emit }) {
+    function onClick(event) {
+      if (props.editable) {
+        emit('click', event);
+      }
+    }
+
+    function Content() {
+      if (props.type === 'add') {
+        return props.addText || t('addText');
+      }
+
+      return [
+        <div>{`${t('name')}：${props.name}`}</div>,
+        <div>{`${t('tel')}：${props.tel}`}</div>,
+      ];
+    }
+
+    return () => (
+      <Cell
+        center
+        border={false}
+        isLink={props.editable}
+        class={bem([props.type])}
+        valueClass={bem('value')}
+        icon={props.type === 'edit' ? 'contact' : 'add-square'}
+        onClick={onClick}
+      >
+        {Content()}
+      </Cell>
+    );
+  },
+});
diff --git a/src/contact-list/index.js b/src/contact-list/index.js
new file mode 100644
index 000000000..7dcf1a929
--- /dev/null
+++ b/src/contact-list/index.js
@@ -0,0 +1,111 @@
+// Utils
+import { createNamespace } from '../utils';
+import { RED } from '../utils/constant';
+
+// Components
+import Tag from '../tag';
+import Icon from '../icon';
+import Cell from '../cell';
+import Radio from '../radio';
+import Button from '../button';
+import RadioGroup from '../radio-group';
+
+const [createComponent, bem, t] = createNamespace('contact-list');
+
+export default createComponent({
+  props: {
+    list: Array,
+    addText: String,
+    modelValue: null,
+    defaultTagText: String,
+  },
+
+  emits: ['add', 'edit', 'select', 'update:modelValue'],
+
+  setup(props, { emit }) {
+    return () => {
+      const List =
+        props.list &&
+        props.list.map((item, index) => {
+          function onClick() {
+            emit('update:modelValue', item.id);
+            emit('select', item, index);
+          }
+
+          function RightIcon() {
+            return (
+              <Radio
+                name={item.id}
+                iconSize={16}
+                checkedColor={RED}
+                onClick={onClick}
+              />
+            );
+          }
+
+          function LeftIcon() {
+            return (
+              <Icon
+                name="edit"
+                class={bem('edit')}
+                onClick={(event) => {
+                  event.stopPropagation();
+                  emit('edit', item, index);
+                }}
+              />
+            );
+          }
+
+          function Content() {
+            const nodes = [`${item.name}，${item.tel}`];
+
+            if (item.isDefault && props.defaultTagText) {
+              nodes.push(
+                <Tag type="danger" round class={bem('item-tag')}>
+                  {props.defaultTagText}
+                </Tag>
+              );
+            }
+
+            return nodes;
+          }
+
+          return (
+            <Cell
+              v-slots={{
+                icon: LeftIcon,
+                default: Content,
+                'right-icon': RightIcon,
+              }}
+              key={item.id}
+              isLink
+              center
+              class={bem('item')}
+              valueClass={bem('item-value')}
+              onClick={onClick}
+            />
+          );
+        });
+
+      return (
+        <div class={bem()}>
+          <RadioGroup modelValue={props.modelValue} class={bem('group')}>
+            {List}
+          </RadioGroup>
+          <div class={bem('bottom')}>
+            <Button
+              round
+              block
+              type="danger"
+              class={bem('add')}
+              text={props.addText || t('addText')}
+              onClick={() => {
+                emit('add');
+              }}
+            />
+          </div>
+        </div>
+      );
+    };
+  },
+});

From 579a9ebb78cd88033fb42b8ce8fa7c83ecb42a68 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 19:46:34 +0800
Subject: [PATCH 134/626] feat: migrate CouponList component

---
 components.js                       |  3 +
 docs/markdown/changelog-v3.zh-CN.md |  1 +
 src/coupon-cell/index.tsx           | 88 -----------------------------
 src/coupon-list/README.zh-CN.md     |  2 +-
 src/coupon-list/demo/index.vue      |  3 +-
 src/coupon-list/index.js            | 18 +++---
 src/coupon/index.js                 |  2 +-
 vant.config.js                      | 16 +++---
 8 files changed, 23 insertions(+), 110 deletions(-)
 delete mode 100644 src/coupon-cell/index.tsx

diff --git a/components.js b/components.js
index f9ab4301a..dd814eeee 100644
--- a/components.js
+++ b/components.js
@@ -73,4 +73,7 @@ module.exports = [
   'contact-card',
   'contact-edit',
   'contact-list',
+  'coupon',
+  'coupon-list',
+  'coupon-cell',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 3ff963924..d151dda9b 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -66,6 +66,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 其他改动：
 
 - Circle: `v-model` 重命名为 `v-model:currentRate`
+- CouponList: `v-model` 重命名为 `v-model:code`
 - List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
 - Tabs: `v-model` 重命名为 `v-model:active`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
diff --git a/src/coupon-cell/index.tsx b/src/coupon-cell/index.tsx
deleted file mode 100644
index f4d763ee7..000000000
--- a/src/coupon-cell/index.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Components
-import Cell from '../cell';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-import { Coupon } from '../coupon/shared';
-
-export type CouponCellProps = {
-  title?: string;
-  border: boolean;
-  coupons: Coupon[];
-  currency: string;
-  editable: boolean;
-  chosenCoupon: number | string;
-};
-
-const [createComponent, bem, t] = createNamespace('coupon-cell');
-
-function formatValue(props: CouponCellProps) {
-  const { coupons, chosenCoupon, currency } = props;
-  const coupon = coupons[+chosenCoupon];
-
-  if (coupon) {
-    const value = coupon.value || coupon.denominations || 0;
-    return `-${currency} ${(value / 100).toFixed(2)}`;
-  }
-
-  return coupons.length === 0 ? t('tips') : t('count', coupons.length);
-}
-
-function CouponCell(
-  h: CreateElement,
-  props: CouponCellProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<CouponCellProps>
-) {
-  const valueClass = props.coupons[+props.chosenCoupon]
-    ? 'van-coupon-cell--selected'
-    : '';
-  const value = formatValue(props);
-
-  return (
-    <Cell
-      class={bem()}
-      value={value}
-      title={props.title || t('title')}
-      border={props.border}
-      isLink={props.editable}
-      valueClass={valueClass}
-      {...inherit(ctx, true)}
-    />
-  );
-}
-
-CouponCell.model = {
-  prop: 'chosenCoupon',
-};
-
-CouponCell.props = {
-  title: String,
-  coupons: {
-    type: Array,
-    default: () => [],
-  },
-  currency: {
-    type: String,
-    default: '¥',
-  },
-  border: {
-    type: Boolean,
-    default: true,
-  },
-  editable: {
-    type: Boolean,
-    default: true,
-  },
-  chosenCoupon: {
-    type: [Number, String],
-    default: -1,
-  },
-};
-
-export default createComponent<CouponCellProps>(CouponCell);
diff --git a/src/coupon-list/README.zh-CN.md b/src/coupon-list/README.zh-CN.md
index 383eee5b1..fa00f6d24 100644
--- a/src/coupon-list/README.zh-CN.md
+++ b/src/coupon-list/README.zh-CN.md
@@ -88,7 +88,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 当前输入的兑换码 | _string_ | - |
+| v-model:code | 当前输入的兑换码 | _string_ | - |
 | chosen-coupon | 当前选中优惠券的索引 | _number_ | `-1` |
 | coupons | 可用优惠券列表 | _Coupon[]_ | `[]` |
 | disabled-coupons | 不可用优惠券列表 | _Coupon[]_ | `[]` |
diff --git a/src/coupon-list/demo/index.vue b/src/coupon-list/demo/index.vue
index 7758b4021..d4dfb55ae 100644
--- a/src/coupon-list/demo/index.vue
+++ b/src/coupon-list/demo/index.vue
@@ -6,9 +6,8 @@
         :chosen-coupon="chosenCoupon"
         @click="showList = true"
       />
-
       <van-popup
-        v-model="showList"
+        v-model:show="showList"
         round
         position="bottom"
         style="height: 90%; padding-top: 4px;"
diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js
index 8f991535b..c909246b8 100644
--- a/src/coupon-list/index.js
+++ b/src/coupon-list/index.js
@@ -12,16 +12,12 @@ const [createComponent, bem, t] = createNamespace('coupon-list');
 const EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
 
 export default createComponent({
-  model: {
-    prop: 'code',
-  },
-
   props: {
     code: String,
-    closeButtonText: String,
-    inputPlaceholder: String,
     enabledTitle: String,
     disabledTitle: String,
+    closeButtonText: String,
+    inputPlaceholder: String,
     exchangeButtonText: String,
     exchangeButtonLoading: Boolean,
     exchangeButtonDisabled: Boolean,
@@ -67,6 +63,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'exchange', 'update:code'],
+
   data() {
     return {
       tab: 0,
@@ -98,7 +96,7 @@ export default createComponent({
     },
 
     currentCode(code) {
-      this.$emit('input', code);
+      this.$emit('update:code', code);
     },
 
     displayedCouponIndex: 'scrollToShowCoupon',
@@ -194,9 +192,9 @@ export default createComponent({
               ref="card"
               key={coupon.id}
               coupon={coupon}
-              currency={this.currency}
               chosen={index === this.chosenCoupon}
-              nativeOnClick={onChange(index)}
+              currency={this.currency}
+              onClick={onChange(index)}
             />
           ))}
           {!coupons.length && this.genEmpty()}
@@ -234,8 +232,8 @@ export default createComponent({
           <Button
             vShow={this.showCloseButton}
             round
-            type="danger"
             block
+            type="danger"
             class={bem('close')}
             text={this.closeButtonText || t('close')}
             onClick={onChange(-1)}
diff --git a/src/coupon/index.js b/src/coupon/index.js
index a7740c145..4152f6b5c 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -83,8 +83,8 @@ export default createComponent({
             {!this.disabled && (
               <Checkbox
                 size={18}
-                value={this.chosen}
                 class={bem('corner')}
+                modelValue={this.chosen}
                 checkedColor={RED}
               />
             )}
diff --git a/vant.config.js b/vant.config.js
index c55cf1b70..bb58b6e79 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -343,10 +343,10 @@ module.exports = {
                 path: 'contact-card',
                 title: 'Contact 联系人',
               },
-              // {
-              //   path: 'coupon-list',
-              //   title: 'Coupon 优惠券',
-              // },
+              {
+                path: 'coupon-list',
+                title: 'Coupon 优惠券',
+              },
               // {
               //   path: 'goods-action',
               //   title: 'GoodsAction 商品导航',
@@ -677,10 +677,10 @@ module.exports = {
                 path: 'contact-card',
                 title: 'Contact',
               },
-              // {
-              //   path: 'coupon-list',
-              //   title: 'Coupon',
-              // },
+              {
+                path: 'coupon-list',
+                title: 'Coupon',
+              },
               // {
               //   path: 'goods-action',
               //   title: 'GoodsAction',

From 832ed6f80f1aebaf0a3e4e72e9a3bbe232d058e2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 19:47:51 +0800
Subject: [PATCH 135/626] feat: migrate CouponCell component

---
 src/coupon-cell/index.js | 62 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/coupon-cell/index.js

diff --git a/src/coupon-cell/index.js b/src/coupon-cell/index.js
new file mode 100644
index 000000000..346a8ef6a
--- /dev/null
+++ b/src/coupon-cell/index.js
@@ -0,0 +1,62 @@
+import { createNamespace } from '../utils';
+import Cell from '../cell';
+
+const [createComponent, bem, t] = createNamespace('coupon-cell');
+
+function formatValue(props) {
+  const { coupons, chosenCoupon, currency } = props;
+  const coupon = coupons[+chosenCoupon];
+
+  if (coupon) {
+    const value = coupon.value || coupon.denominations || 0;
+    return `-${currency} ${(value / 100).toFixed(2)}`;
+  }
+
+  return coupons.length === 0 ? t('tips') : t('count', coupons.length);
+}
+
+export default createComponent({
+  props: {
+    title: String,
+    coupons: {
+      type: Array,
+      default: () => [],
+    },
+    currency: {
+      type: String,
+      default: '¥',
+    },
+    border: {
+      type: Boolean,
+      default: true,
+    },
+    editable: {
+      type: Boolean,
+      default: true,
+    },
+    chosenCoupon: {
+      type: [Number, String],
+      default: -1,
+    },
+  },
+
+  setup(props) {
+    return () => {
+      const valueClass = props.coupons[+props.chosenCoupon]
+        ? bem('selected')
+        : '';
+      const value = formatValue(props);
+
+      return (
+        <Cell
+          class={bem()}
+          value={value}
+          title={props.title || t('title')}
+          border={props.border}
+          isLink={props.editable}
+          valueClass={valueClass}
+        />
+      );
+    };
+  },
+});

From 4d58dbe3a665fc82510d5d7cb34a83b152565824 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 19:57:35 +0800
Subject: [PATCH 136/626] fix(Field): should not render empty label

---
 src/cell/index.js  | 5 +++--
 src/field/index.js | 6 ++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/cell/index.js b/src/cell/index.js
index 8a7afee58..dba2ff074 100644
--- a/src/cell/index.js
+++ b/src/cell/index.js
@@ -19,7 +19,8 @@ export default createComponent({
   setup(props, { slots, emit }) {
     return function () {
       const { icon, size, title, label, value, isLink } = props;
-      const showTitle = slots.title || isDef(title);
+      const titleSlot = slots.title?.();
+      const showTitle = titleSlot || isDef(title);
 
       function Label() {
         const showLabel = slots.label || isDef(label);
@@ -40,7 +41,7 @@ export default createComponent({
               class={[bem('title'), props.titleClass]}
               style={props.titleStyle}
             >
-              {slots.title ? slots.title() : <span>{title}</span>}
+              {slots.title ? titleSlot : <span>{title}</span>}
               {Label()}
             </div>
           );
diff --git a/src/field/index.js b/src/field/index.js
index b1144669e..8d02b8fd0 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -557,12 +557,14 @@ export default createComponent({
   render() {
     const slots = this.$slots;
     const labelAlign = this.getProp('labelAlign');
+    const Label = this.genLabel();
+    const LeftIcon = this.genLeftIcon();
 
     return (
       <Cell
         v-slots={{
-          icon: this.genLeftIcon,
-          title: this.genLabel,
+          icon: LeftIcon ? () => LeftIcon : null,
+          title: Label ? () => Label : null,
           extra: slots.extra,
         }}
         icon={this.leftIcon}

From ad1301636d563a237336128ab3a57a9464322538 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:06:39 +0800
Subject: [PATCH 137/626] fix(Field): failed to inherit class/style

---
 src/field/index.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index 8d02b8fd0..dadc9c68a 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -429,6 +429,7 @@ export default createComponent({
         ...this.$attrs,
         ref: 'input',
         name: this.name,
+        style: null,
         class: bem('control', inputAlign),
         value: this.modelValue,
         disabled: this.disabled,
@@ -569,12 +570,16 @@ export default createComponent({
         }}
         icon={this.leftIcon}
         size={this.size}
-        class={bem({
-          error: this.showError,
-          disabled: this.disabled,
-          [`label-${labelAlign}`]: labelAlign,
-          'min-height': this.type === 'textarea' && !this.autosize,
-        })}
+        class={[
+          bem({
+            error: this.showError,
+            disabled: this.disabled,
+            [`label-${labelAlign}`]: labelAlign,
+            'min-height': this.type === 'textarea' && !this.autosize,
+          }),
+          this.$attrs.class,
+        ]}
+        style={this.$attrs.style}
         center={this.center}
         border={this.border}
         isLink={this.isLink}

From 2937c1537e61afcb76cadc77a7d6697bd02eca7e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:10:25 +0800
Subject: [PATCH 138/626] fix(Uploader): enable inheritAttrs

---
 src/uploader/index.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/uploader/index.js b/src/uploader/index.js
index 1319d5a77..e47cb1622 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -14,11 +14,11 @@ import ImagePreview from '../image-preview';
 const [createComponent, bem] = createNamespace('uploader');
 
 export default createComponent({
-  inheritAttrs: false,
-
   mixins: [FieldMixin],
 
   props: {
+    capture: String,
+    multiple: Boolean,
     disabled: Boolean,
     lazyLoad: Boolean,
     uploadText: String,
@@ -385,11 +385,12 @@ export default createComponent({
 
       const Input = (
         <input
-          {...this.$attrs}
           ref="input"
           type="file"
-          accept={this.accept}
           class={bem('input')}
+          accept={this.accept}
+          capture={this.capture}
+          multiple={this.multiple}
           disabled={this.disabled}
           onChange={this.onChange}
         />

From 3c3e72cf792c1479b4d5d3e8bd545f7917491dc4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:16:18 +0800
Subject: [PATCH 139/626] feat(Field): enable inheritAttrs

---
 src/field/index.js | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index dadc9c68a..205e8c71f 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -19,8 +19,6 @@ import { cellProps } from '../cell/shared';
 const [createComponent, bem] = createNamespace('field');
 
 export default createComponent({
-  inheritAttrs: false,
-
   provide() {
     return {
       vanField: this,
@@ -426,7 +424,6 @@ export default createComponent({
       }
 
       const inputProps = {
-        ...this.$attrs,
         ref: 'input',
         name: this.name,
         style: null,
@@ -570,16 +567,12 @@ export default createComponent({
         }}
         icon={this.leftIcon}
         size={this.size}
-        class={[
-          bem({
-            error: this.showError,
-            disabled: this.disabled,
-            [`label-${labelAlign}`]: labelAlign,
-            'min-height': this.type === 'textarea' && !this.autosize,
-          }),
-          this.$attrs.class,
-        ]}
-        style={this.$attrs.style}
+        class={bem({
+          error: this.showError,
+          disabled: this.disabled,
+          [`label-${labelAlign}`]: labelAlign,
+          'min-height': this.type === 'textarea' && !this.autosize,
+        })}
         center={this.center}
         border={this.border}
         isLink={this.isLink}

From 47cb5159797f78df675ffb2331ae97e942f66f74 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:16:31 +0800
Subject: [PATCH 140/626] docs(Field): remove event inheirt

---
 src/field/README.zh-CN.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/field/README.zh-CN.md b/src/field/README.zh-CN.md
index 2f5516bd8..c66f68910 100644
--- a/src/field/README.zh-CN.md
+++ b/src/field/README.zh-CN.md
@@ -280,8 +280,6 @@ export default {
 
 ### Events
 
-除下列事件外，Field 默认支持 Input 标签所有的原生事件
-
 | 事件                 | 说明                 | 回调参数                       |
 | -------------------- | -------------------- | ------------------------------ |
 | input                | 输入框内容变化时触发 | _value: string (当前输入的值)_ |

From 742872a4aa430669e938d8becb72773d76c57c62 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:17:50 +0800
Subject: [PATCH 141/626] fix(Search): inherit style/class

---
 src/search/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/search/index.js b/src/search/index.js
index cc925a8bb..05af496f8 100644
--- a/src/search/index.js
+++ b/src/search/index.js
@@ -74,6 +74,8 @@ export default createComponent({
 
       const fieldData = {
         ...this.$attrs,
+        style: null,
+        class: null,
         onKeypress(event) {
           // press enter
           if (event.keyCode === 13) {
@@ -86,8 +88,8 @@ export default createComponent({
 
       return (
         <div
-          class={bem({ 'show-action': props.showAction })}
-          style={{ background: props.background }}
+          class={[bem({ 'show-action': props.showAction }), this.$attrs.class]}
+          style={{ background: props.background, ...this.$attrs.style }}
         >
           {slots.left?.()}
           <div class={bem('content', props.shape)}>

From 4e7769ebeeae622c1347f926bd67db5ab3c6297b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:23:15 +0800
Subject: [PATCH 142/626] fix(Coupon): failed to render face amount

---
 src/coupon/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/coupon/index.js b/src/coupon/index.js
index 4152f6b5c..d57e5ecca 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -43,12 +43,12 @@ export default createComponent({
       const { coupon } = this;
 
       if (coupon.valueDesc) {
-        return `${coupon.valueDesc}<span>${coupon.unitDesc || ''}</span>`;
+        return [coupon.valueDesc, <span>{coupon.unitDesc || ''}</span>];
       }
 
       if (coupon.denominations) {
         const denominations = formatAmount(coupon.denominations);
-        return `<span>${this.currency}</span> ${denominations}`;
+        return [<span>{this.currency}</span>, ` ${denominations}`];
       }
 
       if (coupon.discount) {
@@ -72,7 +72,7 @@ export default createComponent({
       <div class={bem({ disabled })}>
         <div class={bem('content')}>
           <div class={bem('head')}>
-            <h2 class={bem('amount')} domPropsInnerHTML={this.faceAmount} />
+            <h2 class={bem('amount')}>{this.faceAmount}</h2>
             <p class={bem('condition')}>
               {this.coupon.condition || this.conditionMessage}
             </p>

From c0c4f764b53dde1d69d456b981e4cbc00a9af41b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:23:32 +0800
Subject: [PATCH 143/626] fix: rename domPropsInnerHTML to innerHTML

---
 src/address-edit/Detail.js | 2 +-
 src/toast/Toast.js         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/address-edit/Detail.js b/src/address-edit/Detail.js
index c1c05e811..e89c0ed3a 100644
--- a/src/address-edit/Detail.js
+++ b/src/address-edit/Detail.js
@@ -72,7 +72,7 @@ export default createComponent({
                     `<span class=${bem('keyword')}>${value}</span>`
                   );
 
-                  return <div domPropsInnerHTML={text} />;
+                  return <div innerHTML={text} />;
                 }
               },
             }}
diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 84b9513d5..950c88464 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -115,7 +115,7 @@ export default createComponent({
       }
 
       if (type === 'html') {
-        return <div class={bem('text')} domPropsInnerHTML={message} />;
+        return <div class={bem('text')} innerHTML={message} />;
       }
 
       return <div class={bem('text')}>{message}</div>;

From 854146418ce8d05cce246d84cf077814deb514f4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 17 Aug 2020 20:29:10 +0800
Subject: [PATCH 144/626] feat: migrate SubmitBar component

---
 components.js            |   1 +
 src/submit-bar/index.js  | 104 ++++++++++++++++++++++++++++++
 src/submit-bar/index.tsx | 133 ---------------------------------------
 vant.config.js           |  16 ++---
 4 files changed, 113 insertions(+), 141 deletions(-)
 create mode 100644 src/submit-bar/index.js
 delete mode 100644 src/submit-bar/index.tsx

diff --git a/components.js b/components.js
index dd814eeee..7eb55865c 100644
--- a/components.js
+++ b/components.js
@@ -76,4 +76,5 @@ module.exports = [
   'coupon',
   'coupon-list',
   'coupon-cell',
+  'submit-bar',
 ];
diff --git a/src/submit-bar/index.js b/src/submit-bar/index.js
new file mode 100644
index 000000000..daa158683
--- /dev/null
+++ b/src/submit-bar/index.js
@@ -0,0 +1,104 @@
+import { createNamespace } from '../utils';
+import Icon from '../icon';
+import Button from '../button';
+
+const [createComponent, bem, t] = createNamespace('submit-bar');
+
+export default createComponent({
+  props: {
+    tip: String,
+    label: String,
+    price: Number,
+    tipIcon: String,
+    loading: Boolean,
+    disabled: Boolean,
+    textAlign: String,
+    buttonText: String,
+    buttonColor: String,
+    suffixLabel: String,
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: true,
+    },
+    decimalLength: {
+      type: [Number, String],
+      default: 2,
+    },
+    currency: {
+      type: String,
+      default: '¥',
+    },
+    buttonType: {
+      type: String,
+      default: 'danger',
+    },
+  },
+
+  emits: ['submit'],
+
+  setup(props, { emit, slots }) {
+    return () => {
+      const { tip, price, tipIcon } = props;
+
+      function Text() {
+        if (typeof price === 'number') {
+          const priceArr = (price / 100)
+            .toFixed(props.decimalLength)
+            .split('.');
+          const decimalStr = props.decimalLength ? `.${priceArr[1]}` : '';
+          return (
+            <div
+              style={{ textAlign: props.textAlign ? props.textAlign : '' }}
+              class={bem('text')}
+            >
+              <span>{props.label || t('label')}</span>
+              <span class={bem('price')}>
+                {props.currency}
+                <span class={bem('price', 'integer')}>{priceArr[0]}</span>
+                {decimalStr}
+              </span>
+              {props.suffixLabel && (
+                <span class={bem('suffix-label')}>{props.suffixLabel}</span>
+              )}
+            </div>
+          );
+        }
+      }
+
+      function Tip() {
+        if (slots.tip || tip) {
+          return (
+            <div class={bem('tip')}>
+              {tipIcon && <Icon class={bem('tip-icon')} name={tipIcon} />}
+              {tip && <span class={bem('tip-text')}>{tip}</span>}
+              {slots.tip && slots.tip()}
+            </div>
+          );
+        }
+      }
+
+      return (
+        <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
+          {slots.top && slots.top()}
+          {Tip()}
+          <div class={bem('bar')}>
+            {slots.default && slots.default()}
+            {Text()}
+            <Button
+              round
+              class={bem('button', props.buttonType)}
+              type={props.buttonType}
+              color={props.buttonColor}
+              loading={props.loading}
+              disabled={props.disabled}
+              text={props.loading ? '' : props.buttonText}
+              onClick={() => {
+                emit('submit');
+              }}
+            />
+          </div>
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/submit-bar/index.tsx b/src/submit-bar/index.tsx
deleted file mode 100644
index 9e8092b4f..000000000
--- a/src/submit-bar/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional';
-
-// Components
-import Icon from '../icon';
-import Button, { ButtonType } from '../button';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { ScopedSlot, DefaultSlots } from '../utils/types';
-
-export type SubmitBarProps = {
-  tip?: string;
-  tipIcon?: string;
-  label?: string;
-  price?: number;
-  loading?: boolean;
-  currency: string;
-  disabled?: boolean;
-  buttonType: ButtonType;
-  buttonText?: string;
-  buttonColor?: string;
-  suffixLabel?: string;
-  decimalLength: number;
-  safeAreaInsetBottom?: boolean;
-  textAlign?: 'right' | 'left';
-};
-
-export type SubmitBarSlots = DefaultSlots & {
-  top?: ScopedSlot;
-  tip?: ScopedSlot;
-};
-
-const [createComponent, bem, t] = createNamespace('submit-bar');
-
-function SubmitBar(
-  h: CreateElement,
-  props: SubmitBarProps,
-  slots: SubmitBarSlots,
-  ctx: RenderContext<SubmitBarProps>
-) {
-  const { tip, price, tipIcon } = props;
-
-  function Text() {
-    if (typeof price === 'number') {
-      const priceArr = (price / 100).toFixed(props.decimalLength).split('.');
-      const decimalStr = props.decimalLength ? `.${priceArr[1]}` : '';
-      return (
-        <div
-          style={{ textAlign: props.textAlign ? props.textAlign : '' }}
-          class={bem('text')}
-        >
-          <span>{props.label || t('label')}</span>
-          <span class={bem('price')}>
-            {props.currency}
-            <span class={bem('price', 'integer')}>{priceArr[0]}</span>
-            {decimalStr}
-          </span>
-          {props.suffixLabel && (
-            <span class={bem('suffix-label')}>{props.suffixLabel}</span>
-          )}
-        </div>
-      );
-    }
-  }
-
-  function Tip() {
-    if (slots.tip || tip) {
-      return (
-        <div class={bem('tip')}>
-          {tipIcon && <Icon class={bem('tip-icon')} name={tipIcon} />}
-          {tip && <span class={bem('tip-text')}>{tip}</span>}
-          {slots.tip && slots.tip()}
-        </div>
-      );
-    }
-  }
-
-  return (
-    <div class={bem({ unfit: !props.safeAreaInsetBottom })} {...inherit(ctx)}>
-      {slots.top && slots.top()}
-      {Tip()}
-      <div class={bem('bar')}>
-        {slots.default && slots.default()}
-        {Text()}
-        <Button
-          round
-          class={bem('button', props.buttonType)}
-          type={props.buttonType}
-          color={props.buttonColor}
-          loading={props.loading}
-          disabled={props.disabled}
-          text={props.loading ? '' : props.buttonText}
-          onClick={() => {
-            emit(ctx, 'submit');
-          }}
-        />
-      </div>
-    </div>
-  );
-}
-
-SubmitBar.props = {
-  tip: String,
-  label: String,
-  price: Number,
-  tipIcon: String,
-  loading: Boolean,
-  disabled: Boolean,
-  textAlign: String,
-  buttonText: String,
-  buttonColor: String,
-  suffixLabel: String,
-  safeAreaInsetBottom: {
-    type: Boolean,
-    default: true,
-  },
-  decimalLength: {
-    type: [Number, String],
-    default: 2,
-  },
-  currency: {
-    type: String,
-    default: '¥',
-  },
-  buttonType: {
-    type: String,
-    default: 'danger',
-  },
-};
-
-export default createComponent<SubmitBarProps, {}, SubmitBarSlots>(SubmitBar);
diff --git a/vant.config.js b/vant.config.js
index bb58b6e79..735c200f6 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -351,10 +351,10 @@ module.exports = {
               //   path: 'goods-action',
               //   title: 'GoodsAction 商品导航',
               // },
-              // {
-              //   path: 'submit-bar',
-              //   title: 'SubmitBar 提交订单栏',
-              // },
+              {
+                path: 'submit-bar',
+                title: 'SubmitBar 提交订单栏',
+              },
               // {
               //   path: 'sku',
               //   title: 'Sku 商品规格',
@@ -685,10 +685,10 @@ module.exports = {
               //   path: 'goods-action',
               //   title: 'GoodsAction',
               // },
-              // {
-              //   path: 'submit-bar',
-              //   title: 'SubmitBar',
-              // },
+              {
+                path: 'submit-bar',
+                title: 'SubmitBar',
+              },
               // {
               //   path: 'sku',
               //   title: 'Sku',

From e2d9b12bd2a097ed45134f549ac0cd6994277fd9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:09:46 +0800
Subject: [PATCH 145/626] feat: migrate GoodsAction component

---
 components.js                    |  3 +++
 src/goods-action-button/index.js |  4 +++-
 src/goods-action-icon/index.js   |  9 +++++----
 src/goods-action/index.js        |  2 +-
 vant.config.js                   | 16 ++++++++--------
 5 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/components.js b/components.js
index 7eb55865c..e061b9047 100644
--- a/components.js
+++ b/components.js
@@ -77,4 +77,7 @@ module.exports = [
   'coupon-list',
   'coupon-cell',
   'submit-bar',
+  'goods-action',
+  'goods-action-icon',
+  'goods-action-button',
 ];
diff --git a/src/goods-action-button/index.js b/src/goods-action-button/index.js
index 39f8e974e..fbb3d63d6 100644
--- a/src/goods-action-button/index.js
+++ b/src/goods-action-button/index.js
@@ -18,6 +18,8 @@ export default createComponent({
     disabled: Boolean,
   },
 
+  emits: ['click'],
+
   computed: {
     isFirst() {
       const prev = this.parent && this.parent.children[this.index - 1];
@@ -55,7 +57,7 @@ export default createComponent({
         disabled={this.disabled}
         onClick={this.onClick}
       >
-        {this.slots() || this.text}
+        {this.$slots.default ? this.$slots.default() : this.text}
       </Button>
     );
   },
diff --git a/src/goods-action-icon/index.js b/src/goods-action-icon/index.js
index b9bb118dc..dff2835e0 100644
--- a/src/goods-action-icon/index.js
+++ b/src/goods-action-icon/index.js
@@ -20,6 +20,8 @@ export default createComponent({
     iconClass: null,
   },
 
+  emits: ['click'],
+
   methods: {
     onClick(event) {
       this.$emit('click', event);
@@ -27,13 +29,12 @@ export default createComponent({
     },
 
     genIcon() {
-      const slot = this.slots('icon');
       const info = isDef(this.badge) ? this.badge : this.info;
 
-      if (slot) {
+      if (this.$slots.icon) {
         return (
           <div class={bem('icon')}>
-            {slot}
+            {this.$slots.icon()}
             <Info dot={this.dot} info={info} />
           </div>
         );
@@ -56,7 +57,7 @@ export default createComponent({
     return (
       <div role="button" tabindex="0" class={bem()} onClick={this.onClick}>
         {this.genIcon()}
-        {this.slots() || this.text}
+        {this.$slots.default ? this.$slots.default() : this.text}
       </div>
     );
   },
diff --git a/src/goods-action/index.js b/src/goods-action/index.js
index a5ec63f97..aeca65893 100644
--- a/src/goods-action/index.js
+++ b/src/goods-action/index.js
@@ -16,7 +16,7 @@ export default createComponent({
   render() {
     return (
       <div class={bem({ unfit: !this.safeAreaInsetBottom })}>
-        {this.slots()}
+        {this.$slots.default?.()}
       </div>
     );
   },
diff --git a/vant.config.js b/vant.config.js
index 735c200f6..1ac16e342 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -347,10 +347,10 @@ module.exports = {
                 path: 'coupon-list',
                 title: 'Coupon 优惠券',
               },
-              // {
-              //   path: 'goods-action',
-              //   title: 'GoodsAction 商品导航',
-              // },
+              {
+                path: 'goods-action',
+                title: 'GoodsAction 商品导航',
+              },
               {
                 path: 'submit-bar',
                 title: 'SubmitBar 提交订单栏',
@@ -681,10 +681,10 @@ module.exports = {
                 path: 'coupon-list',
                 title: 'Coupon',
               },
-              // {
-              //   path: 'goods-action',
-              //   title: 'GoodsAction',
-              // },
+              {
+                path: 'goods-action',
+                title: 'GoodsAction',
+              },
               {
                 path: 'submit-bar',
                 title: 'SubmitBar',

From 092c5356e6d23c36a590c2164d76044b0da920ab Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:53:40 +0800
Subject: [PATCH 146/626] fix(Field): rows not work

---
 src/field/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/field/index.js b/src/field/index.js
index 205e8c71f..72bf54d42 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -33,6 +33,7 @@ export default createComponent({
 
   props: {
     ...cellProps,
+    rows: [Number, String],
     name: String,
     rules: Array,
     disabled: Boolean,
@@ -426,6 +427,7 @@ export default createComponent({
       const inputProps = {
         ref: 'input',
         name: this.name,
+        rows: this.rows,
         style: null,
         class: bem('control', inputAlign),
         value: this.modelValue,

From 1349301f01e59cd5273fabd901b67ce357641bd6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:53:57 +0800
Subject: [PATCH 147/626] feat: migrate AddressEdit component

---
 components.js              |  1 +
 src/address-edit/Detail.js | 46 +++++++++++++++++++++++++-------------
 src/address-edit/index.js  | 17 +++++++++-----
 vant.config.js             | 16 ++++++-------
 4 files changed, 51 insertions(+), 29 deletions(-)

diff --git a/components.js b/components.js
index e061b9047..b2ebf7b8d 100644
--- a/components.js
+++ b/components.js
@@ -80,4 +80,5 @@ module.exports = [
   'goods-action',
   'goods-action-icon',
   'goods-action-button',
+  'address-edit',
 ];
diff --git a/src/address-edit/Detail.js b/src/address-edit/Detail.js
index e89c0ed3a..364f5b4e4 100644
--- a/src/address-edit/Detail.js
+++ b/src/address-edit/Detail.js
@@ -20,6 +20,8 @@ export default createComponent({
     showSearchResult: Boolean,
   },
 
+  emits: ['blur', 'focus', 'input', 'select-search'],
+
   computed: {
     shouldShowSearchResult() {
       return this.focused && this.searchResult && this.showSearchResult;
@@ -39,6 +41,14 @@ export default createComponent({
       this.$refs.field.blur();
     },
 
+    onFocus(event) {
+      this.$emit('focus', event);
+    },
+
+    onBlur(event) {
+      this.$emit('blur', event);
+    },
+
     genFinish() {
       const show = this.value && this.focused && android;
       if (show) {
@@ -55,16 +65,7 @@ export default createComponent({
       if (shouldShowSearchResult) {
         return searchResult.map((express) => (
           <Cell
-            key={express.name + express.address}
-            clickable
-            border={false}
-            icon="location-o"
-            label={express.address}
-            class={bem('search-item')}
-            onClick={() => {
-              this.onSelect(express);
-            }}
-            scopedSlots={{
+            v-slots={{
               title: () => {
                 if (express.name) {
                   const text = express.name.replace(
@@ -76,6 +77,15 @@ export default createComponent({
                 }
               },
             }}
+            key={express.name + express.address}
+            clickable
+            border={false}
+            icon="location-o"
+            label={express.address}
+            class={bem('search-item')}
+            onClick={() => {
+              this.onSelect(express);
+            }}
           />
         ));
       }
@@ -86,19 +96,25 @@ export default createComponent({
     return (
       <Cell class={bem()}>
         <Field
+          v-slots={{ icon: this.genFinish }}
           autosize
           ref="field"
           rows={this.detailRows}
           clearable={!android}
           type="textarea"
-          value={this.value}
-          errorMessage={this.errorMessage}
-          border={!this.shouldShowSearchResult}
           label={t('label')}
+          border={!this.shouldShowSearchResult}
           maxlength={this.detailMaxlength}
+          modelValue={this.value}
           placeholder={t('placeholder')}
-          scopedSlots={{ icon: this.genFinish }}
-          {...{ on: this.$listeners }}
+          errorMessage={this.errorMessage}
+          onBlur={this.onBlur}
+          onFocus={this.onFocus}
+          {...{
+            'onUpdate:modelValue': (val) => {
+              this.$emit('input', val);
+            },
+          }}
         />
         {this.genSearchResult()}
       </Cell>
diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index e208cc87c..881d8302f 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -282,11 +282,11 @@ export default createComponent({
 
         return (
           <Cell
+            v-slots={slots}
             vShow={!this.hideBottomFields}
             center
             title={t('defaultAddress')}
             class={bem('default')}
-            scopedSlots={slots}
           />
         );
       }
@@ -328,7 +328,7 @@ export default createComponent({
             placeholder={this.areaPlaceholder || t('areaPlaceholder')}
             errorMessage={errorInfo.areaCode}
             rightIcon={!disableArea ? 'arrow' : null}
-            value={this.areaText}
+            modelValue={this.areaText}
             onFocus={onFocus('areaCode')}
             onClick={() => {
               this.$emit('click-area');
@@ -337,15 +337,15 @@ export default createComponent({
           />
           <Detail
             vShow={this.showDetail}
-            focused={this.detailFocused}
             value={data.addressDetail}
+            focused={this.detailFocused}
             errorMessage={errorInfo.addressDetail}
             detailRows={this.detailRows}
             detailMaxlength={this.detailMaxlength}
             searchResult={this.searchResult}
             showSearchResult={this.showSearchResult}
-            onFocus={onFocus('addressDetail')}
             onBlur={this.onDetailBlur}
+            onFocus={onFocus('addressDetail')}
             onInput={this.onChangeDetail}
             onSelect-search={(event) => {
               this.$emit('select-search', event);
@@ -363,7 +363,7 @@ export default createComponent({
               onFocus={onFocus('postalCode')}
             />
           )}
-          {this.slots()}
+          {this.$slots.default?.()}
         </div>
         {this.genSetDefaultCell(h)}
         <div vShow={!hideBottomFields} class={bem('buttons')}>
@@ -386,11 +386,16 @@ export default createComponent({
           )}
         </div>
         <Popup
-          vModel={this.showAreaPopup}
+          show={this.showAreaPopup}
           round
           position="bottom"
           lazyRender={false}
           getContainer="body"
+          {...{
+            'onUpdate:modelValue': (value) => {
+              this.showAreaPopup = value;
+            },
+          }}
         >
           <Area
             ref="area"
diff --git a/vant.config.js b/vant.config.js
index 1ac16e342..e6bbaaed5 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -323,10 +323,10 @@ module.exports = {
           {
             title: '业务组件',
             items: [
-              // {
-              //   path: 'address-edit',
-              //   title: 'AddressEdit 地址编辑',
-              // },
+              {
+                path: 'address-edit',
+                title: 'AddressEdit 地址编辑',
+              },
               {
                 path: 'address-list',
                 title: 'AddressList 地址列表',
@@ -657,10 +657,10 @@ module.exports = {
           {
             title: 'Business Components',
             items: [
-              // {
-              //   path: 'address-edit',
-              //   title: 'AddressEdit',
-              // },
+              {
+                path: 'address-edit',
+                title: 'AddressEdit',
+              },
               {
                 path: 'address-list',
                 title: 'AddressList',

From 966fb5f46a3795ffc3b64a10f79d825ebb44894f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:54:52 +0800
Subject: [PATCH 148/626] breaking change: remove SwitchCell component

---
 src/switch-cell/README.md                     | 78 -----------------
 src/switch-cell/README.zh-CN.md               | 86 -------------------
 src/switch-cell/demo/index.vue                | 31 -------
 src/switch-cell/index.less                    | 15 ----
 src/switch-cell/index.tsx                     | 61 -------------
 .../test/__snapshots__/demo.spec.js.snap      | 44 ----------
 .../test/__snapshots__/index.spec.js.snap     | 21 -----
 src/switch-cell/test/demo.spec.js             |  4 -
 src/switch-cell/test/index.spec.js            | 37 --------
 9 files changed, 377 deletions(-)
 delete mode 100644 src/switch-cell/README.md
 delete mode 100644 src/switch-cell/README.zh-CN.md
 delete mode 100644 src/switch-cell/demo/index.vue
 delete mode 100644 src/switch-cell/index.less
 delete mode 100644 src/switch-cell/index.tsx
 delete mode 100644 src/switch-cell/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src/switch-cell/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src/switch-cell/test/demo.spec.js
 delete mode 100644 src/switch-cell/test/index.spec.js

diff --git a/src/switch-cell/README.md b/src/switch-cell/README.md
deleted file mode 100644
index beb73c775..000000000
--- a/src/switch-cell/README.md
+++ /dev/null
@@ -1,78 +0,0 @@
-# SwitchCell
-
-### Deprecate Tip
-
-The SwitchCell component will be deprecated in version 3.0. Please use the Cell and Switch components instead.
-
-### Install
-
-```js
-import Vue from 'vue';
-import { SwitchCell } from 'vant';
-
-Vue.use(SwitchCell);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" title="Title" />
-</van-cell-group>
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-```
-
-### Disabled
-
-use `disabled` property to disable the component
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" disabled title="Title" />
-</van-cell-group>
-```
-
-### Loading
-
-use `loading` property to keep component in loading state
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" loading title="Title" />
-</van-cell-group>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model | on-off state of the switch | _any_ | `false` |
-| title | the left side title | _string_ | `''` |
-| border | whether to show cell border | _boolean_ | `true` |
-| cell-size | Cell size，can be set to `large` | _string_ | - |
-| loading | whether switch is loading | _boolean_ | `false` |
-| disabled | whether to disable switch | _boolean_ | `false` |
-| size | Size of switch | _number \| string_ | `24px` |
-| active-color | Background of switch color when active | _string_ | `#1989fa` |
-| inactive-color | Background of switch color when inactive | _string_ | `white` |
-| active-value | Value when active | _any_ | `true` |
-| inactive-value | Value when inactive | _any_ | `false` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| change | triggered when the on-off state is changed | checked: switch is on or not |
diff --git a/src/switch-cell/README.zh-CN.md b/src/switch-cell/README.zh-CN.md
deleted file mode 100644
index d91c3cd58..000000000
--- a/src/switch-cell/README.zh-CN.md
+++ /dev/null
@@ -1,86 +0,0 @@
-# SwitchCell 开关单元格
-
-### 废弃提示
-
-<b>SwitchCell 组件将在 3.0 版本中废弃</b>，请直接使用 Cell 和 Switch 组件代替，替换写法如下：
-
-```html
-<van-cell center title="标题">
-  <template #right-icon>
-    <van-switch v-model="checked" size="24" />
-  </template>
-</van-cell>
-```
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { SwitchCell } from 'vant';
-
-Vue.use(SwitchCell);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" title="标题" />
-</van-cell-group>
-```
-
-```js
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-```
-
-### 禁用状态
-
-通过`disabled`属性可以将组件设置为禁用状态
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" disabled title="标题" />
-</van-cell-group>
-```
-
-### 加载状态
-
-通过`loading`属性可以将组件设置为加载状态
-
-```html
-<van-cell-group>
-  <van-switch-cell v-model="checked" loading title="标题" />
-</van-cell-group>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 开关状态 | _any_ | `false` |
-| title | 左侧标题 | _string_ | `''` |
-| border | 是否展示单元格内边框 | _boolean_ | `true` |
-| cell-size | 单元格大小，可选值为 `large` | _string_ | - |
-| loading | 是否为加载状态 | _boolean_ | `false` |
-| disabled | 是否为禁用状态 | _boolean_ | `false` |
-| size | 开关尺寸 | _number \| string_ | `24px` |
-| active-color | 开关时的背景色 | _string_ | `#1989fa` |
-| inactive-color | 开关时的背景色 | _string_ | `white` |
-| active-value | 打开时的值 | _any_ | `true` |
-| inactive-value | 关闭时的值 | _any_ | `false` |
-
-### Events
-
-| 事件名 | 说明             | 回调参数              |
-| ------ | ---------------- | --------------------- |
-| change | 开关状态切换回调 | checked: 是否选中开关 |
diff --git a/src/switch-cell/demo/index.vue b/src/switch-cell/demo/index.vue
deleted file mode 100644
index f79632745..000000000
--- a/src/switch-cell/demo/index.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-cell-group>
-        <van-switch-cell v-model="checked" :title="t('title')" />
-      </van-cell-group>
-    </demo-block>
-
-    <demo-block :title="t('disabled')">
-      <van-cell-group>
-        <van-switch-cell v-model="checked" disabled :title="t('title')" />
-      </van-cell-group>
-    </demo-block>
-
-    <demo-block :title="t('loadingStatus')">
-      <van-cell-group>
-        <van-switch-cell v-model="checked" loading :title="t('title')" />
-      </van-cell-group>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-</script>
diff --git a/src/switch-cell/index.less b/src/switch-cell/index.less
deleted file mode 100644
index df899d16c..000000000
--- a/src/switch-cell/index.less
+++ /dev/null
@@ -1,15 +0,0 @@
-@import '../style/var';
-
-.van-switch-cell {
-  padding-top: @switch-cell-padding-top;
-  padding-bottom: @switch-cell-padding-bottom;
-
-  &--large {
-    padding-top: @switch-cell-large-padding-top;
-    padding-bottom: @switch-cell-large-padding-bottom;
-  }
-
-  .van-switch {
-    float: right;
-  }
-}
diff --git a/src/switch-cell/index.tsx b/src/switch-cell/index.tsx
deleted file mode 100644
index 21d3173b0..000000000
--- a/src/switch-cell/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Components
-import Cell from '../cell';
-import Switch from '../switch';
-import { switchProps, SharedSwitchProps } from '../switch/shared';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-
-export type SwitchCellProps = SharedSwitchProps & {
-  size: string;
-  title?: string;
-  border?: boolean;
-  cellSize?: string;
-};
-
-export type SwitchCellEvents = {
-  onChange?(checked: boolean): void;
-};
-
-const [createComponent, bem] = createNamespace('switch-cell');
-
-function SwitchCell(
-  h: CreateElement,
-  props: SwitchCellProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<SwitchCellProps>
-) {
-  return (
-    <Cell
-      center
-      size={props.cellSize}
-      title={props.title}
-      border={props.border}
-      class={bem([props.cellSize])}
-      {...inherit(ctx)}
-    >
-      <Switch {...{ props, on: ctx.listeners }} />
-    </Cell>
-  );
-}
-
-SwitchCell.props = {
-  ...switchProps,
-  title: String,
-  cellSize: String,
-  border: {
-    type: Boolean,
-    default: true,
-  },
-  size: {
-    type: String,
-    default: '24px',
-  },
-};
-
-export default createComponent<SwitchCellProps, SwitchCellEvents>(SwitchCell);
diff --git a/src/switch-cell/test/__snapshots__/demo.spec.js.snap b/src/switch-cell/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 70a597bc1..000000000
--- a/src/switch-cell/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom">
-      <div class="van-cell van-cell--center van-switch-cell">
-        <div class="van-cell__title"><span>标题</span></div>
-        <div class="van-cell__value">
-          <div role="switch" aria-checked="true" class="van-switch van-switch--on" style="font-size: 24px;">
-            <div class="van-switch__node"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom">
-      <div class="van-cell van-cell--center van-switch-cell">
-        <div class="van-cell__title"><span>标题</span></div>
-        <div class="van-cell__value">
-          <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--disabled" style="font-size: 24px;">
-            <div class="van-switch__node"></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom">
-      <div class="van-cell van-cell--center van-switch-cell">
-        <div class="van-cell__title"><span>标题</span></div>
-        <div class="van-cell__value">
-          <div role="switch" aria-checked="true" class="van-switch van-switch--on van-switch--loading" style="font-size: 24px;">
-            <div class="van-switch__node">
-              <div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/switch-cell/test/__snapshots__/index.spec.js.snap b/src/switch-cell/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index f3855ca9b..000000000
--- a/src/switch-cell/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`border prop 1`] = `
-<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
-  <div class="van-cell__value van-cell__value--alone">
-    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`cell-size prop 1`] = `
-<div class="van-cell van-cell--center van-cell--large van-switch-cell van-switch-cell--large">
-  <div class="van-cell__value van-cell__value--alone">
-    <div role="switch" aria-checked="false" class="van-switch" style="font-size: 24px;">
-      <div class="van-switch__node"></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/switch-cell/test/demo.spec.js b/src/switch-cell/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/switch-cell/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/switch-cell/test/index.spec.js b/src/switch-cell/test/index.spec.js
deleted file mode 100644
index 17479b9ac..000000000
--- a/src/switch-cell/test/index.spec.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import SwitchCell from '..';
-import { mount } from '../../../test';
-
-test('change event', () => {
-  const onChange = jest.fn();
-  const wrapper = mount(SwitchCell, {
-    context: {
-      on: {
-        change: onChange,
-      },
-    },
-  });
-
-  wrapper.find('.van-switch').trigger('click');
-
-  expect(onChange).toHaveBeenCalledWith(true);
-});
-
-test('border prop', () => {
-  const wrapper = mount(SwitchCell, {
-    propsData: {
-      border: false,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('cell-size prop', () => {
-  const wrapper = mount(SwitchCell, {
-    propsData: {
-      cellSize: 'large',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});

From d9e0e753f1a9d917a361115b1cfeb4aa2d2cb5a0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:56:26 +0800
Subject: [PATCH 149/626] fix(AddressList): bottom slot not work

---
 src/address-list/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/address-list/index.js b/src/address-list/index.js
index da15e1a37..a267cfc06 100644
--- a/src/address-list/index.js
+++ b/src/address-list/index.js
@@ -41,14 +41,14 @@ export default createComponent({
 
         return list.map((item, index) => (
           <AddressItem
+            v-slots={{
+              bottom: slots['item-bottom'],
+            }}
             data={item}
             key={item.id}
             disabled={disabled}
             switchable={props.switchable}
             defaultTagText={props.defaultTagText}
-            scopedSlots={{
-              bottom: slots['item-bottom'],
-            }}
             onSelect={() => {
               emit(disabled ? 'select-disabled' : 'select', item, index);
 

From c5d53f6fda83a006ea981d57ba98b91e11774e36 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 18 Aug 2020 17:59:25 +0800
Subject: [PATCH 150/626] chore(cli): bump vue deps

---
 packages/vant-cli/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index a59d85acd..851617fe4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -56,7 +56,7 @@
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "2.0.0-alpha.8",
+    "@vue/test-utils": "2.0.0-beta.2",
     "address": "^1.1.2",
     "autoprefixer": "^9.8.0",
     "babel-jest": "^26.0.1",
@@ -97,8 +97,8 @@
     "stylelint": "^13.5.0",
     "typescript": "^3.9.3",
     "vue-jest": "4.0.0-beta.2",
-    "vue-loader": "^16.0.0-beta.4",
-    "vue-router": "^4.0.0-beta.3",
+    "vue-loader": "^16.0.0-beta.5",
+    "vue-router": "^4.0.0-beta.6",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",

From b6b6e38c45b8181c217b26eaedc451dc26e6482f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 19 Aug 2020 17:50:34 +0800
Subject: [PATCH 151/626] feat: migrate Form component

---
 components.js                             |  1 +
 src/checkbox/index.js                     |  2 ++
 src/field/index.js                        |  3 ++-
 src/form/demo/FieldTypeArea.vue           |  4 ++--
 src/form/demo/FieldTypeCalendar.vue       |  4 ++--
 src/form/demo/FieldTypeDatetimePicker.vue |  4 ++--
 src/form/demo/FieldTypePicker.vue         |  4 ++--
 src/form/index.js                         |  9 ++++++---
 src/mixins/checkbox.js                    |  3 +--
 src/mixins/field.js                       |  1 +
 src/mixins/relation.js                    |  2 ++
 vant.config.js                            | 16 ++++++++--------
 12 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/components.js b/components.js
index b2ebf7b8d..55da3420b 100644
--- a/components.js
+++ b/components.js
@@ -81,4 +81,5 @@ module.exports = [
   'goods-action-icon',
   'goods-action-button',
   'address-edit',
+  'form',
 ];
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 4ad225a3a..880e1e286 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,10 +1,12 @@
 import { createNamespace } from '../utils';
+import { FieldMixin } from '../mixins/field';
 import { CheckboxMixin } from '../mixins/checkbox';
 
 const [createComponent, bem] = createNamespace('checkbox');
 
 export default createComponent({
   mixins: [
+    FieldMixin,
     CheckboxMixin({
       bem,
       role: 'checkbox',
diff --git a/src/field/index.js b/src/field/index.js
index 72bf54d42..bae9f3289 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -27,6 +27,7 @@ export default createComponent({
 
   inject: {
     vanForm: {
+      from: 'vanForm',
       default: null,
     },
   },
@@ -152,7 +153,7 @@ export default createComponent({
 
     formValue() {
       if (this.children && this.$slots.input) {
-        return this.children.modelValue || this.children.value;
+        return this.children.modelValue;
       }
       return this.modelValue;
     },
diff --git a/src/form/demo/FieldTypeArea.vue b/src/form/demo/FieldTypeArea.vue
index 73e96d06e..f0e0901ed 100644
--- a/src/form/demo/FieldTypeArea.vue
+++ b/src/form/demo/FieldTypeArea.vue
@@ -3,14 +3,14 @@
     readonly
     clickable
     name="area"
-    :value="value"
     :label="t('picker')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showArea = true"
   >
     <template #extra>
       <van-popup
-        v-model="showArea"
+        v-model:show="showArea"
         round
         position="bottom"
         get-container="body"
diff --git a/src/form/demo/FieldTypeCalendar.vue b/src/form/demo/FieldTypeCalendar.vue
index 01d4e5d72..9d7e15a3b 100644
--- a/src/form/demo/FieldTypeCalendar.vue
+++ b/src/form/demo/FieldTypeCalendar.vue
@@ -3,14 +3,14 @@
     readonly
     clickable
     name="calendar"
-    :value="value"
     :label="t('calendar')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showCalendar = true"
   >
     <template #extra>
       <van-calendar
-        v-model="showCalendar"
+        v-model:show="showCalendar"
         round
         get-container="body"
         @confirm="onConfirm"
diff --git a/src/form/demo/FieldTypeDatetimePicker.vue b/src/form/demo/FieldTypeDatetimePicker.vue
index 72629cf65..c2f311c48 100644
--- a/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/src/form/demo/FieldTypeDatetimePicker.vue
@@ -3,14 +3,14 @@
     readonly
     clickable
     name="datetimePicker"
-    :value="value"
     :label="t('label')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   >
     <template #extra>
       <van-popup
-        v-model="showPicker"
+        v-model:show="showPicker"
         round
         position="bottom"
         get-container="body"
diff --git a/src/form/demo/FieldTypePicker.vue b/src/form/demo/FieldTypePicker.vue
index 779a4e89b..a0b7ccb87 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -3,14 +3,14 @@
     readonly
     clickable
     name="picker"
-    :value="value"
     :label="t('picker')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   >
     <template #extra>
       <van-popup
-        v-model="showPicker"
+        v-model:show="showPicker"
         round
         position="bottom"
         get-container="body"
diff --git a/src/form/index.js b/src/form/index.js
index d36b5bd8e..247b5d577 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { sortChildren } from '../utils/vnodes';
+// import { sortChildren } from '../utils/vnodes';
 
 const [createComponent, bem] = createNamespace('form');
 
@@ -30,6 +30,8 @@ export default createComponent({
     },
   },
 
+  emits: ['submit', 'failed'],
+
   provide() {
     return {
       vanForm: this,
@@ -133,7 +135,8 @@ export default createComponent({
 
     addField(field) {
       this.fields.push(field);
-      sortChildren(this.fields, this);
+      // TODO
+      // sortChildren(this.fields, this);
     },
 
     removeField(field) {
@@ -176,7 +179,7 @@ export default createComponent({
   render() {
     return (
       <form class={bem()} onSubmit={this.onSubmit}>
-        {this.slots()}
+        {this.$slots.default?.()}
       </form>
     );
   },
diff --git a/src/mixins/checkbox.js b/src/mixins/checkbox.js
index 548a10e93..1729cbf91 100644
--- a/src/mixins/checkbox.js
+++ b/src/mixins/checkbox.js
@@ -2,12 +2,11 @@
  * Common part of Checkbox & Radio
  */
 import Icon from '../icon';
-import { FieldMixin } from './field';
 import { ChildrenMixin } from './relation';
 import { addUnit } from '../utils';
 
 export const CheckboxMixin = ({ parent, bem, role }) => ({
-  mixins: [ChildrenMixin(parent), FieldMixin],
+  mixins: [ChildrenMixin(parent)],
 
   props: {
     name: null,
diff --git a/src/mixins/field.js b/src/mixins/field.js
index 603cff7da..176e7b575 100644
--- a/src/mixins/field.js
+++ b/src/mixins/field.js
@@ -1,6 +1,7 @@
 export const FieldMixin = {
   inject: {
     vanField: {
+      from: 'vanField',
       default: null,
     },
   },
diff --git a/src/mixins/relation.js b/src/mixins/relation.js
index a0bced13b..c0bae840c 100644
--- a/src/mixins/relation.js
+++ b/src/mixins/relation.js
@@ -42,6 +42,8 @@ export function ChildrenMixin(parent, options = {}) {
 
         const children = [...this.parent.children, this];
 
+        // TODO sortChildren
+
         this.parent.children = children;
       },
     },
diff --git a/vant.config.js b/vant.config.js
index e6bbaaed5..d2e0ba17d 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -131,10 +131,10 @@ module.exports = {
                 path: 'field',
                 title: 'Field 输入框',
               },
-              // {
-              //   path: 'form',
-              //   title: 'Form 表单',
-              // },
+              {
+                path: 'form',
+                title: 'Form 表单',
+              },
               {
                 path: 'number-keyboard',
                 title: 'NumberKeyboard 数字键盘',
@@ -465,10 +465,10 @@ module.exports = {
                 path: 'field',
                 title: 'Field',
               },
-              // {
-              //   path: 'form',
-              //   title: 'Form',
-              // },
+              {
+                path: 'form',
+                title: 'Form',
+              },
               {
                 path: 'number-keyboard',
                 title: 'NumberKeyboard',

From 1ad76a8aa36f65d78e26553af2416f90f9e88eb9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 19 Aug 2020 18:05:52 +0800
Subject: [PATCH 152/626] refactor(Popup): remove popup mixin

---
 src/action-sheet/index.js   |   7 +-
 src/mixins/popup/context.ts |  13 ---
 src/mixins/popup/index.js   | 204 ------------------------------------
 src/mixins/popup/type.ts    |  13 ---
 src/notify/Notify.js        |   5 +-
 src/popup/index.js          | 203 ++++++++++++++++++++++++++++++++++-
 src/share-sheet/index.js    |   7 +-
 7 files changed, 207 insertions(+), 245 deletions(-)
 delete mode 100644 src/mixins/popup/context.ts
 delete mode 100644 src/mixins/popup/index.js
 delete mode 100644 src/mixins/popup/type.ts

diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index c6b70bcde..5b124e9dc 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -1,19 +1,16 @@
 // Utils
 import { createNamespace } from '../utils';
 
-// Mixins
-import { popupMixinProps } from '../mixins/popup';
-
 // Components
 import Icon from '../icon';
-import Popup from '../popup';
+import Popup, { popupSharedProps } from '../popup';
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('action-sheet');
 
 export default createComponent({
   props: {
-    ...popupMixinProps,
+    ...popupSharedProps,
     title: String,
     actions: Array,
     duration: [Number, String],
diff --git a/src/mixins/popup/context.ts b/src/mixins/popup/context.ts
deleted file mode 100644
index 25b501a28..000000000
--- a/src/mixins/popup/context.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export type StackItem = {
-  vm: any;
-  overlay: any;
-};
-
-export const context = {
-  zIndex: 2000,
-  lockCount: 0,
-  stack: [] as StackItem[],
-  find(vm: any): StackItem | undefined {
-    return this.stack.filter((item) => item.vm === vm)[0];
-  },
-};
diff --git a/src/mixins/popup/index.js b/src/mixins/popup/index.js
deleted file mode 100644
index 803161d37..000000000
--- a/src/mixins/popup/index.js
+++ /dev/null
@@ -1,204 +0,0 @@
-// Context
-import { context } from './context';
-
-// Utils
-import { on, off, preventDefault } from '../../utils/dom/event';
-import { getScroller } from '../../utils/dom/scroll';
-
-// Mixins
-import { TouchMixin } from '../touch';
-import { CloseOnPopstateMixin } from '../close-on-popstate';
-
-export const popupMixinProps = {
-  // whether to show popup
-  show: Boolean,
-  // whether to show overlay
-  overlay: Boolean,
-  // overlay custom style
-  overlayStyle: Object,
-  // overlay custom class name
-  overlayClass: String,
-  // teleport
-  getContainer: [String, Function],
-  // whether to close popup when click overlay
-  closeOnClickOverlay: Boolean,
-  // z-index
-  zIndex: [Number, String],
-  // prevent body scroll
-  lockScroll: {
-    type: Boolean,
-    default: true,
-  },
-  // whether to lazy render
-  lazyRender: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export function PopupMixin(options = {}) {
-  return {
-    mixins: [TouchMixin, CloseOnPopstateMixin],
-
-    props: popupMixinProps,
-
-    data() {
-      return {
-        inited: this.show,
-        currentZIndex: null,
-      };
-    },
-
-    computed: {
-      shouldRender() {
-        return this.inited || !this.lazyRender;
-      },
-    },
-
-    watch: {
-      show(val) {
-        const type = val ? 'open' : 'close';
-        this.inited = this.inited || this.show;
-        this[type]();
-
-        if (!options.skipToggleEvent) {
-          this.$emit(type);
-        }
-      },
-
-      overlay: 'renderOverlay',
-    },
-
-    mounted() {
-      if (this.show) {
-        this.open();
-      }
-    },
-
-    /* istanbul ignore next */
-    activated() {
-      if (this.shouldReopen) {
-        this.$emit('update:show', true);
-        this.shouldReopen = false;
-      }
-    },
-
-    beforeUnmount() {
-      if (this.opened) {
-        this.removeLock();
-      }
-    },
-
-    /* istanbul ignore next */
-    deactivated() {
-      if (this.show) {
-        this.close();
-        this.shouldReopen = true;
-      }
-    },
-
-    methods: {
-      open() {
-        /* istanbul ignore next */
-        if (this.$isServer || this.opened) {
-          return;
-        }
-
-        // cover default zIndex
-        if (this.zIndex !== undefined) {
-          context.zIndex = this.zIndex;
-        }
-
-        this.opened = true;
-        this.renderOverlay();
-        this.addLock();
-      },
-
-      addLock() {
-        if (this.lockScroll) {
-          on(document, 'touchstart', this.touchStart);
-          on(document, 'touchmove', this.onTouchMove);
-
-          if (!context.lockCount) {
-            document.body.classList.add('van-overflow-hidden');
-          }
-          context.lockCount++;
-        }
-      },
-
-      removeLock() {
-        if (this.lockScroll && context.lockCount) {
-          context.lockCount--;
-          off(document, 'touchstart', this.touchStart);
-          off(document, 'touchmove', this.onTouchMove);
-
-          if (!context.lockCount) {
-            document.body.classList.remove('van-overflow-hidden');
-          }
-        }
-      },
-
-      close() {
-        if (!this.opened) {
-          return;
-        }
-
-        this.opened = false;
-        this.removeLock();
-        this.$emit('update:show', false);
-      },
-
-      onTouchMove(event) {
-        this.touchMove(event);
-        const direction = this.deltaY > 0 ? '10' : '01';
-        const el = getScroller(event.target, this.$refs.root);
-        const { scrollHeight, offsetHeight, scrollTop } = el;
-        let status = '11';
-
-        /* istanbul ignore next */
-        if (scrollTop === 0) {
-          status = offsetHeight >= scrollHeight ? '00' : '01';
-        } else if (scrollTop + offsetHeight >= scrollHeight) {
-          status = '10';
-        }
-
-        /* istanbul ignore next */
-        if (
-          status !== '11' &&
-          this.direction === 'vertical' &&
-          !(parseInt(status, 2) & parseInt(direction, 2))
-        ) {
-          preventDefault(event, true);
-        }
-      },
-
-      onClickOverlay() {
-        this.$emit('click-overlay');
-
-        if (this.closeOnClickOverlay) {
-          // TODO
-          // if (this.onClickOverlay) {
-          //   this.onClickOverlay();
-          // } else {
-          //   this.close();
-          // }
-          this.close();
-        }
-      },
-
-      renderOverlay() {
-        if (this.$isServer || !this.show) {
-          return;
-        }
-
-        this.$nextTick(() => {
-          this.updateZIndex(this.overlay ? 1 : 0);
-        });
-      },
-
-      updateZIndex(value = 0) {
-        this.currentZIndex = ++context.zIndex + value;
-      },
-    },
-  };
-}
diff --git a/src/mixins/popup/type.ts b/src/mixins/popup/type.ts
deleted file mode 100644
index 5944f8932..000000000
--- a/src/mixins/popup/type.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export type GetContainer = () => Element;
-
-export type PopupMixinProps = {
-  value: boolean;
-  zIndex: string | number;
-  overlay?: boolean;
-  lockScroll: boolean;
-  lazyRender: boolean;
-  overlayClass?: any;
-  overlayStyle?: object | object[];
-  getContainer?: string | GetContainer;
-  closeOnClickOverlay?: boolean;
-};
diff --git a/src/notify/Notify.js b/src/notify/Notify.js
index 806878c30..13c63ecb1 100644
--- a/src/notify/Notify.js
+++ b/src/notify/Notify.js
@@ -1,12 +1,11 @@
 import { createNamespace } from '../utils';
-import { popupMixinProps } from '../mixins/popup';
-import Popup from '../popup';
+import Popup, { popupSharedProps } from '../popup';
 
 const [createComponent, bem] = createNamespace('notify');
 
 export default createComponent({
   props: {
-    ...popupMixinProps,
+    ...popupSharedProps,
     color: String,
     message: [Number, String],
     duration: [Number, String],
diff --git a/src/popup/index.js b/src/popup/index.js
index b117e3cf5..03b9b94a2 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,17 +1,62 @@
+// Utils
 import { Teleport, Transition } from 'vue';
 import { createNamespace, isDef, isFunction } from '../utils';
-import { PopupMixin } from '../mixins/popup';
+import { on, off, preventDefault } from '../utils/dom/event';
+import { getScroller } from '../utils/dom/scroll';
+
+// Mixins
+import { TouchMixin } from '../mixins/touch';
+import { CloseOnPopstateMixin } from '../mixins/close-on-popstate';
+
+// Components
 import Icon from '../icon';
 import Overlay from '../overlay';
 
 const [createComponent, bem] = createNamespace('popup');
 
+const context = {
+  zIndex: 2000,
+  lockCount: 0,
+  stack: [],
+  find(vm) {
+    return this.stack.filter((item) => item.vm === vm)[0];
+  },
+};
+
+export const popupSharedProps = {
+  // whether to show popup
+  show: Boolean,
+  // whether to show overlay
+  overlay: Boolean,
+  // overlay custom style
+  overlayStyle: Object,
+  // overlay custom class name
+  overlayClass: String,
+  // teleport
+  getContainer: [String, Function],
+  // whether to close popup when click overlay
+  closeOnClickOverlay: Boolean,
+  // z-index
+  zIndex: [Number, String],
+  // prevent body scroll
+  lockScroll: {
+    type: Boolean,
+    default: true,
+  },
+  // whether to lazy render
+  lazyRender: {
+    type: Boolean,
+    default: true,
+  },
+};
+
 export default createComponent({
-  mixins: [PopupMixin()],
+  mixins: [TouchMixin, CloseOnPopstateMixin],
 
   inheritAttrs: false,
 
   props: {
+    ...popupSharedProps,
     round: Boolean,
     duration: [Number, String],
     closeable: Boolean,
@@ -49,6 +94,30 @@ export default createComponent({
     'click-overlay',
   ],
 
+  data() {
+    return {
+      inited: this.show,
+      currentZIndex: null,
+    };
+  },
+
+  computed: {
+    shouldRender() {
+      return this.inited || !this.lazyRender;
+    },
+  },
+
+  watch: {
+    show(val) {
+      const type = val ? 'open' : 'close';
+      this.inited = this.inited || this.show;
+      this[type]();
+      this.$emit(type);
+    },
+
+    overlay: 'renderOverlay',
+  },
+
   beforeCreate() {
     const createEmitter = (eventName) => (event) =>
       this.$emit(eventName, event);
@@ -58,6 +127,34 @@ export default createComponent({
     this.onClosed = createEmitter('closed');
   },
 
+  mounted() {
+    if (this.show) {
+      this.open();
+    }
+  },
+
+  /* istanbul ignore next */
+  activated() {
+    if (this.shouldReopen) {
+      this.$emit('update:show', true);
+      this.shouldReopen = false;
+    }
+  },
+
+  beforeUnmount() {
+    if (this.opened) {
+      this.removeLock();
+    }
+  },
+
+  /* istanbul ignore next */
+  deactivated() {
+    if (this.show) {
+      this.close();
+      this.shouldReopen = true;
+    }
+  },
+
   methods: {
     genOverlay() {
       if (this.overlay) {
@@ -123,6 +220,108 @@ export default createComponent({
         </Transition>
       );
     },
+
+    open() {
+      /* istanbul ignore next */
+      if (this.$isServer || this.opened) {
+        return;
+      }
+
+      // cover default zIndex
+      if (this.zIndex !== undefined) {
+        context.zIndex = this.zIndex;
+      }
+
+      this.opened = true;
+      this.renderOverlay();
+      this.addLock();
+    },
+
+    addLock() {
+      if (this.lockScroll) {
+        on(document, 'touchstart', this.touchStart);
+        on(document, 'touchmove', this.onTouchMove);
+
+        if (!context.lockCount) {
+          document.body.classList.add('van-overflow-hidden');
+        }
+        context.lockCount++;
+      }
+    },
+
+    removeLock() {
+      if (this.lockScroll && context.lockCount) {
+        context.lockCount--;
+        off(document, 'touchstart', this.touchStart);
+        off(document, 'touchmove', this.onTouchMove);
+
+        if (!context.lockCount) {
+          document.body.classList.remove('van-overflow-hidden');
+        }
+      }
+    },
+
+    close() {
+      if (!this.opened) {
+        return;
+      }
+
+      this.opened = false;
+      this.removeLock();
+      this.$emit('update:show', false);
+    },
+
+    onTouchMove(event) {
+      this.touchMove(event);
+      const direction = this.deltaY > 0 ? '10' : '01';
+      const el = getScroller(event.target, this.$refs.root);
+      const { scrollHeight, offsetHeight, scrollTop } = el;
+      let status = '11';
+
+      /* istanbul ignore next */
+      if (scrollTop === 0) {
+        status = offsetHeight >= scrollHeight ? '00' : '01';
+      } else if (scrollTop + offsetHeight >= scrollHeight) {
+        status = '10';
+      }
+
+      /* istanbul ignore next */
+      if (
+        status !== '11' &&
+        this.direction === 'vertical' &&
+        !(parseInt(status, 2) & parseInt(direction, 2))
+      ) {
+        preventDefault(event, true);
+      }
+    },
+
+    onClickOverlay() {
+      this.$emit('click-overlay');
+
+      if (this.closeOnClickOverlay) {
+        // TODO
+        // if (this.onClickOverlay) {
+        //   this.onClickOverlay();
+        // } else {
+        //   this.close();
+        // }
+        this.close();
+      }
+    },
+
+    renderOverlay() {
+      if (this.$isServer || !this.show) {
+        return;
+      }
+
+      this.$nextTick(() => {
+        this.updateZIndex(this.overlay ? 1 : 0);
+      });
+    },
+
+    updateZIndex(value = 0) {
+      this.currentZIndex = ++context.zIndex + value;
+    },
   },
 
   render() {
diff --git a/src/share-sheet/index.js b/src/share-sheet/index.js
index 2e37cc4d7..ab5c723aa 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -1,11 +1,8 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
 
-// Mixins
-import { popupMixinProps } from '../mixins/popup';
-
 // Components
-import Popup from '../popup';
+import Popup, { popupSharedProps } from '../popup';
 
 const PRESET_ICONS = ['qq', 'weibo', 'wechat', 'link', 'qrcode', 'poster'];
 
@@ -13,7 +10,7 @@ const [createComponent, bem, t] = createNamespace('share-sheet');
 
 export default createComponent({
   props: {
-    ...popupMixinProps,
+    ...popupSharedProps,
     title: String,
     duration: [Number, String],
     cancelText: String,

From fc825d7a33219d95e0a7e43ad553a722c220ceef Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 11:54:04 +0800
Subject: [PATCH 153/626] breaking change: rename GoodsAction to ActionBar

---
 components.js                                 |  6 +-
 docs/markdown/changelog-v3.zh-CN.md           |  8 +-
 .../index.js                                  |  4 +-
 .../index.less                                |  8 +-
 .../index.js                                  |  4 +-
 src/action-bar-icon/index.less                | 27 ++++++
 src/{goods-action => action-bar}/README.md    | 72 +++++++--------
 .../README.zh-CN.md                           | 82 ++++++++---------
 .../demo/index.vue                            | 60 ++++++------
 src/{goods-action => action-bar}/index.js     |  4 +-
 src/{goods-action => action-bar}/index.less   |  6 +-
 .../test/__snapshots__/demo.spec.js.snap      | 91 +++++++++++++++++++
 .../test/__snapshots__/index.spec.js.snap     | 39 ++++++++
 .../test/demo.spec.js                         |  0
 .../test/index.spec.js                        |  8 +-
 src/dialog/Dialog.js                          | 12 +--
 src/goods-action-icon/index.less              | 27 ------
 .../test/__snapshots__/demo.spec.js.snap      | 91 -------------------
 .../test/__snapshots__/index.spec.js.snap     | 39 --------
 src/style/var.less                            | 26 +++---
 src/submit-bar/index.less                     |  2 +-
 vant.config.js                                | 16 ++--
 22 files changed, 315 insertions(+), 317 deletions(-)
 rename src/{goods-action-button => action-bar-button}/index.js (91%)
 rename src/{goods-action-button => action-bar-button}/index.less (75%)
 rename src/{goods-action-icon => action-bar-icon}/index.js (91%)
 create mode 100644 src/action-bar-icon/index.less
 rename src/{goods-action => action-bar}/README.md (56%)
 rename src/{goods-action => action-bar}/README.zh-CN.md (53%)
 rename src/{goods-action => action-bar}/demo/index.vue (60%)
 rename src/{goods-action => action-bar}/index.js (77%)
 rename src/{goods-action => action-bar}/index.less (73%)
 create mode 100644 src/action-bar/test/__snapshots__/demo.spec.js.snap
 create mode 100644 src/action-bar/test/__snapshots__/index.spec.js.snap
 rename src/{goods-action => action-bar}/test/demo.spec.js (100%)
 rename src/{goods-action => action-bar}/test/index.spec.js (91%)
 delete mode 100644 src/goods-action-icon/index.less
 delete mode 100644 src/goods-action/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src/goods-action/test/__snapshots__/index.spec.js.snap

diff --git a/components.js b/components.js
index 55da3420b..6b040c175 100644
--- a/components.js
+++ b/components.js
@@ -77,9 +77,9 @@ module.exports = [
   'coupon-list',
   'coupon-cell',
   'submit-bar',
-  'goods-action',
-  'goods-action-icon',
-  'goods-action-button',
+  'action-bar',
+  'action-bar-icon',
+  'action-bar-button',
   'address-edit',
   'form',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index d151dda9b..0015ee053 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -72,6 +72,12 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
 - TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
 
+##### 组件命名调整
+
+- GoodsAction：重命名为 `ActionBar`
+- GoodsActionIcon：重命名为 `ActionBarIcon`
+- GoodsActionButton：重命名为 `ActionBarButton`
+
 ##### API 命名调整
 
 以下改动是为了规范 API 命名：
@@ -82,7 +88,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - TreeSelect: `navclick` 事件重命名为 `click-nav`
 - TreeSelect: `itemclick` 事件重命名为 `click-item`
 
-##### 重命名徽标属性
+##### 徽标属性命名调整
 
 在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
 
diff --git a/src/goods-action-button/index.js b/src/action-bar-button/index.js
similarity index 91%
rename from src/goods-action-button/index.js
rename to src/action-bar-button/index.js
index fbb3d63d6..77d819131 100644
--- a/src/goods-action-button/index.js
+++ b/src/action-bar-button/index.js
@@ -3,10 +3,10 @@ import { route, routeProps } from '../utils/router';
 import { ChildrenMixin } from '../mixins/relation';
 import Button from '../button';
 
-const [createComponent, bem] = createNamespace('goods-action-button');
+const [createComponent, bem] = createNamespace('action-bar-button');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanGoodsAction')],
+  mixins: [ChildrenMixin('vanActionBar')],
 
   props: {
     ...routeProps,
diff --git a/src/goods-action-button/index.less b/src/action-bar-button/index.less
similarity index 75%
rename from src/goods-action-button/index.less
rename to src/action-bar-button/index.less
index 28a2dba31..32bb62f38 100644
--- a/src/goods-action-button/index.less
+++ b/src/action-bar-button/index.less
@@ -1,8 +1,8 @@
 @import '../style/var';
 
-.van-goods-action-button {
+.van-action-bar-button {
   flex: 1;
-  height: @goods-action-button-height;
+  height: @action-bar-button-height;
   font-weight: @font-weight-bold;
   font-size: @font-size-md;
   border: none;
@@ -21,11 +21,11 @@
   }
 
   &--warning {
-    background: @goods-action-button-warning-color;
+    background: @action-bar-button-warning-color;
   }
 
   &--danger {
-    background: @goods-action-button-danger-color;
+    background: @action-bar-button-danger-color;
   }
 
   @media (max-width: 321px) {
diff --git a/src/goods-action-icon/index.js b/src/action-bar-icon/index.js
similarity index 91%
rename from src/goods-action-icon/index.js
rename to src/action-bar-icon/index.js
index dff2835e0..7964f429d 100644
--- a/src/goods-action-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -4,10 +4,10 @@ import { ChildrenMixin } from '../mixins/relation';
 import Info from '../info';
 import Icon from '../icon';
 
-const [createComponent, bem] = createNamespace('goods-action-icon');
+const [createComponent, bem] = createNamespace('action-bar-icon');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanGoodsAction')],
+  mixins: [ChildrenMixin('vanActionBar')],
 
   props: {
     ...routeProps,
diff --git a/src/action-bar-icon/index.less b/src/action-bar-icon/index.less
new file mode 100644
index 000000000..0cb001cc6
--- /dev/null
+++ b/src/action-bar-icon/index.less
@@ -0,0 +1,27 @@
+@import '../style/var';
+
+.van-action-bar-icon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: @action-bar-icon-width;
+  height: @action-bar-icon-height;
+  color: @action-bar-icon-text-color;
+  font-size: @action-bar-icon-font-size;
+  line-height: 1;
+  text-align: center;
+  background-color: @white;
+  cursor: pointer;
+
+  &:active {
+    background-color: @action-bar-icon-active-color;
+  }
+
+  &__icon {
+    position: relative;
+    width: 1em;
+    margin: 0 auto 5px;
+    color: @action-bar-icon-color;
+    font-size: @action-bar-icon-size;
+  }
+}
diff --git a/src/goods-action/README.md b/src/action-bar/README.md
similarity index 56%
rename from src/goods-action/README.md
rename to src/action-bar/README.md
index fe3c623cf..38fd7db4b 100644
--- a/src/goods-action/README.md
+++ b/src/action-bar/README.md
@@ -1,14 +1,14 @@
-# GoodsAction
+# ActionBar
 
 ### Install
 
 ```js
 import Vue from 'vue';
-import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
+import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(GoodsAction);
-Vue.use(GoodsActionButton);
-Vue.use(GoodsActionIcon);
+Vue.use(ActionBar);
+Vue.use(ActionBarButton);
+Vue.use(ActionBarIcon);
 ```
 
 ## Usage
@@ -16,12 +16,12 @@ Vue.use(GoodsActionIcon);
 ### Basic Usage
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="Icon1" @click="onClickIcon" />
-  <van-goods-action-icon icon="cart-o" text="Icon2" @click="onClickIcon" />
-  <van-goods-action-icon icon="shop-o" text="Icon3" @click="onClickIcon" />
-  <van-goods-action-button type="danger" text="Button" @click="onClickButton" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="Icon1" @click="onClickIcon" />
+  <van-action-bar-icon icon="cart-o" text="Icon2" @click="onClickIcon" />
+  <van-action-bar-icon icon="shop-o" text="Icon3" @click="onClickIcon" />
+  <van-action-bar-button type="danger" text="Button" @click="onClickButton" />
+</van-action-bar>
 ```
 
 ```js
@@ -44,47 +44,47 @@ export default {
 Use `badge` prop to show badge in icon
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="Icon1" dot />
-  <van-goods-action-icon icon="cart-o" text="Icon2" badge="5" />
-  <van-goods-action-icon icon="shop-o" text="Icon3" badge="12" />
-  <van-goods-action-button type="warning" text="Button" />
-  <van-goods-action-button type="danger" text="Button" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="Icon1" dot />
+  <van-action-bar-icon icon="cart-o" text="Icon2" badge="5" />
+  <van-action-bar-icon icon="shop-o" text="Icon3" badge="12" />
+  <van-action-bar-button type="warning" text="Button" />
+  <van-action-bar-button type="danger" text="Button" />
+</van-action-bar>
 ```
 
 ### Custom Icon Color
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="Icon1" color="#07c160" />
-  <van-goods-action-icon icon="cart-o" text="Icon2" />
-  <van-goods-action-icon icon="star" text="Collected" color="#ff5000" />
-  <van-goods-action-button type="warning" text="Button" />
-  <van-goods-action-button type="danger" text="Button" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="Icon1" color="#07c160" />
+  <van-action-bar-icon icon="cart-o" text="Icon2" />
+  <van-action-bar-icon icon="star" text="Collected" color="#ff5000" />
+  <van-action-bar-button type="warning" text="Button" />
+  <van-action-bar-button type="danger" text="Button" />
+</van-action-bar>
 ```
 
 ### Custom Button Color
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="Icon1" />
-  <van-goods-action-icon icon="shop-o" text="Icon2" />
-  <van-goods-action-button color="#be99ff" type="warning" text="Button" />
-  <van-goods-action-button color="#7232dd" type="danger" text="Button" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="Icon1" />
+  <van-action-bar-icon icon="shop-o" text="Icon2" />
+  <van-action-bar-button color="#be99ff" type="warning" text="Button" />
+  <van-action-bar-button color="#7232dd" type="danger" text="Button" />
+</van-action-bar>
 ```
 
 ## API
 
-### GoodsAction Props
+### ActionBar Props
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
 
-### GoodsActionIcon Props
+### ActionBarIcon Props
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
@@ -98,7 +98,7 @@ Use `badge` prop to show badge in icon
 | to | Target route of the link, same as to of vue-router | _string \| object_ | - |
 | replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
 
-### GoodsActionButton Props
+### ActionBarButton Props
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
@@ -113,14 +113,14 @@ Use `badge` prop to show badge in icon
 | to | Target route of the link, same as to of vue-router | _string \| object_ | - |
 | replace | If true, the navigation will not leave a history record | _boolean_ | `false` |
 
-### GoodsActionIcon Slots
+### ActionBarIcon Slots
 
 | Name    | Description |
 | ------- | ----------- |
 | default | Text        |
 | icon    | Custom icon |
 
-### GoodsActionButton Slots
+### ActionBarButton Slots
 
 | Name    | Description    |
 | ------- | -------------- |
diff --git a/src/goods-action/README.zh-CN.md b/src/action-bar/README.zh-CN.md
similarity index 53%
rename from src/goods-action/README.zh-CN.md
rename to src/action-bar/README.zh-CN.md
index 5740dc931..6828f658f 100644
--- a/src/goods-action/README.zh-CN.md
+++ b/src/action-bar/README.zh-CN.md
@@ -1,14 +1,14 @@
-# GoodsAction 商品导航
+# ActionBar 动作栏
 
 ### 引入
 
 ```js
 import Vue from 'vue';
-import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
+import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(GoodsAction);
-Vue.use(GoodsActionButton);
-Vue.use(GoodsActionIcon);
+Vue.use(ActionBar);
+Vue.use(ActionBarButton);
+Vue.use(ActionBarIcon);
 ```
 
 ## 代码演示
@@ -16,16 +16,12 @@ Vue.use(GoodsActionIcon);
 ### 基础用法
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="客服" @click="onClickIcon" />
-  <van-goods-action-icon icon="cart-o" text="购物车" @click="onClickIcon" />
-  <van-goods-action-icon icon="shop-o" text="店铺" @click="onClickIcon" />
-  <van-goods-action-button
-    type="danger"
-    text="立即购买"
-    @click="onClickButton"
-  />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="客服" @click="onClickIcon" />
+  <van-action-bar-icon icon="cart-o" text="购物车" @click="onClickIcon" />
+  <van-action-bar-icon icon="shop-o" text="店铺" @click="onClickIcon" />
+  <van-action-bar-button type="danger" text="立即购买" @click="onClickButton" />
+</van-action-bar>
 ```
 
 ```js
@@ -45,54 +41,54 @@ export default {
 
 ### 徽标提示
 
-在 GoodsActionIcon 组件上设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
+在 ActionBarIcon 组件上设置`dot`属性后，会在图标右上角展示一个小红点。设置`badge`属性后，会在图标右上角展示相应的徽标
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="客服" dot />
-  <van-goods-action-icon icon="cart-o" text="购物车" badge="5" />
-  <van-goods-action-icon icon="shop-o" text="店铺" badge="12" />
-  <van-goods-action-button type="warning" text="加入购物车" />
-  <van-goods-action-button type="danger" text="立即购买" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="客服" dot />
+  <van-action-bar-icon icon="cart-o" text="购物车" badge="5" />
+  <van-action-bar-icon icon="shop-o" text="店铺" badge="12" />
+  <van-action-bar-button type="warning" text="加入购物车" />
+  <van-action-bar-button type="danger" text="立即购买" />
+</van-action-bar>
 ```
 
 ### 自定义图标颜色
 
-通过 GoodsActionIcon 的`color`属性可以自定义图标的颜色
+通过 ActionBarIcon 的`color`属性可以自定义图标的颜色
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="客服" color="#07c160" />
-  <van-goods-action-icon icon="cart-o" text="购物车" />
-  <van-goods-action-icon icon="star" text="已收藏" color="#ff5000" />
-  <van-goods-action-button type="warning" text="加入购物车" />
-  <van-goods-action-button type="danger" text="立即购买" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="客服" color="#07c160" />
+  <van-action-bar-icon icon="cart-o" text="购物车" />
+  <van-action-bar-icon icon="star" text="已收藏" color="#ff5000" />
+  <van-action-bar-button type="warning" text="加入购物车" />
+  <van-action-bar-button type="danger" text="立即购买" />
+</van-action-bar>
 ```
 
 ### 自定义按钮颜色
 
-通过 GoodsActionButton 的`color`属性可以自定义按钮的颜色，支持传入`linear-gradient`渐变色
+通过 ActionBarButton 的`color`属性可以自定义按钮的颜色，支持传入`linear-gradient`渐变色
 
 ```html
-<van-goods-action>
-  <van-goods-action-icon icon="chat-o" text="客服" />
-  <van-goods-action-icon icon="shop-o" text="店铺" />
-  <van-goods-action-button color="#be99ff" type="warning" text="加入购物车" />
-  <van-goods-action-button color="#7232dd" type="danger" text="立即购买" />
-</van-goods-action>
+<van-action-bar>
+  <van-action-bar-icon icon="chat-o" text="客服" />
+  <van-action-bar-icon icon="shop-o" text="店铺" />
+  <van-action-bar-button color="#be99ff" type="warning" text="加入购物车" />
+  <van-action-bar-button color="#7232dd" type="danger" text="立即购买" />
+</van-action-bar>
 ```
 
 ## API
 
-### GoodsAction Props
+### ActionBar Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
 
-### GoodsActionIcon Props
+### ActionBarIcon Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
@@ -107,7 +103,7 @@ export default {
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
 
-### GoodsActionButton Props
+### ActionBarButton Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
@@ -121,14 +117,14 @@ export default {
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
 
-### GoodsActionIcon Slots
+### ActionBarIcon Slots
 
 | 名称    | 说明       |
 | ------- | ---------- |
 | default | 文本内容   |
 | icon    | 自定义图标 |
 
-### GoodsActionButton Slots
+### ActionBarButton Slots
 
 | 名称    | 说明         |
 | ------- | ------------ |
diff --git a/src/goods-action/demo/index.vue b/src/action-bar/demo/index.vue
similarity index 60%
rename from src/goods-action/demo/index.vue
rename to src/action-bar/demo/index.vue
index 85ff7f0cc..96cd4ab28 100644
--- a/src/goods-action/demo/index.vue
+++ b/src/action-bar/demo/index.vue
@@ -1,73 +1,69 @@
 <template>
   <demo-section>
     <demo-block :title="t('basicUsage')">
-      <van-goods-action>
-        <van-goods-action-icon
+      <van-action-bar>
+        <van-action-bar-icon
           icon="chat-o"
           :text="t('icon1')"
           @click="onClickIcon"
         />
-        <van-goods-action-icon
+        <van-action-bar-icon
           icon="cart-o"
           :text="t('icon2')"
           @click="onClickIcon"
         />
-        <van-goods-action-icon
+        <van-action-bar-icon
           icon="shop-o"
           :text="t('icon3')"
           @click="onClickIcon"
         />
-        <van-goods-action-button
+        <van-action-bar-button
           type="danger"
           :text="t('button2')"
           @click="onClickButton"
         />
-      </van-goods-action>
+      </van-action-bar>
     </demo-block>
 
     <demo-block :title="t('iconBadge')">
-      <van-goods-action>
-        <van-goods-action-icon icon="chat-o" dot :text="t('icon1')" />
-        <van-goods-action-icon icon="cart-o" badge="5" :text="t('icon2')" />
-        <van-goods-action-icon icon="shop-o" badge="12" :text="t('icon3')" />
-        <van-goods-action-button type="warning" :text="t('button1')" />
-        <van-goods-action-button type="danger" :text="t('button2')" />
-      </van-goods-action>
+      <van-action-bar>
+        <van-action-bar-icon icon="chat-o" dot :text="t('icon1')" />
+        <van-action-bar-icon icon="cart-o" badge="5" :text="t('icon2')" />
+        <van-action-bar-icon icon="shop-o" badge="12" :text="t('icon3')" />
+        <van-action-bar-button type="warning" :text="t('button1')" />
+        <van-action-bar-button type="danger" :text="t('button2')" />
+      </van-action-bar>
     </demo-block>
 
     <demo-block v-if="!isWeapp" :title="t('customIconColor')">
-      <van-goods-action>
-        <van-goods-action-icon
-          icon="chat-o"
-          :text="t('icon1')"
-          color="#07c160"
-        />
-        <van-goods-action-icon icon="cart-o" :text="t('icon2')" />
-        <van-goods-action-icon
+      <van-action-bar>
+        <van-action-bar-icon icon="chat-o" :text="t('icon1')" color="#07c160" />
+        <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
+        <van-action-bar-icon
           icon="star"
           :text="t('collected')"
           color="#ff5000"
         />
-        <van-goods-action-button type="warning" :text="t('button1')" />
-        <van-goods-action-button type="danger" :text="t('button2')" />
-      </van-goods-action>
+        <van-action-bar-button type="warning" :text="t('button1')" />
+        <van-action-bar-button type="danger" :text="t('button2')" />
+      </van-action-bar>
     </demo-block>
 
     <demo-block :title="t('customButtonColor')">
-      <van-goods-action>
-        <van-goods-action-icon icon="chat-o" :text="t('icon1')" />
-        <van-goods-action-icon icon="cart-o" :text="t('icon2')" />
-        <van-goods-action-button
+      <van-action-bar>
+        <van-action-bar-icon icon="chat-o" :text="t('icon1')" />
+        <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
+        <van-action-bar-button
           color="#be99ff"
           type="warning"
           :text="t('button1')"
         />
-        <van-goods-action-button
+        <van-action-bar-button
           color="#7232dd"
           type="danger"
           :text="t('button2')"
         />
-      </van-goods-action>
+      </van-action-bar>
     </demo-block>
   </demo-section>
 </template>
@@ -114,8 +110,8 @@ export default {
 </script>
 
 <style lang="less">
-.demo-goods-action {
-  .van-goods-action {
+.demo-action-bar {
+  .van-action-bar {
     position: relative;
     padding-bottom: 0;
   }
diff --git a/src/goods-action/index.js b/src/action-bar/index.js
similarity index 77%
rename from src/goods-action/index.js
rename to src/action-bar/index.js
index aeca65893..172215075 100644
--- a/src/goods-action/index.js
+++ b/src/action-bar/index.js
@@ -1,10 +1,10 @@
 import { createNamespace } from '../utils';
 import { ParentMixin } from '../mixins/relation';
 
-const [createComponent, bem] = createNamespace('goods-action');
+const [createComponent, bem] = createNamespace('action-bar');
 
 export default createComponent({
-  mixins: [ParentMixin('vanGoodsAction')],
+  mixins: [ParentMixin('vanActionBar')],
 
   props: {
     safeAreaInsetBottom: {
diff --git a/src/goods-action/index.less b/src/action-bar/index.less
similarity index 73%
rename from src/goods-action/index.less
rename to src/action-bar/index.less
index 5f06c0846..48cd61d64 100644
--- a/src/goods-action/index.less
+++ b/src/action-bar/index.less
@@ -1,6 +1,6 @@
 @import '../style/var';
 
-.van-goods-action {
+.van-action-bar {
   position: fixed;
   right: 0;
   bottom: 0;
@@ -8,10 +8,10 @@
   display: flex;
   align-items: center;
   box-sizing: content-box;
-  height: @goods-action-height;
+  height: @action-bar-height;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
-  background-color: @goods-action-background-color;
+  background-color: @action-bar-background-color;
 
   &--unfit {
     padding-bottom: 0;
diff --git a/src/action-bar/test/__snapshots__/demo.spec.js.snap b/src/action-bar/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..3b49bfc00
--- /dev/null
+++ b/src/action-bar/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,91 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-action-bar">
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-chat-o van-action-bar-icon__icon">
+          <!---->
+        </div>客服
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-cart-o van-action-bar-icon__icon">
+          <!---->
+        </div>购物车
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-shop-o van-action-bar-icon__icon">
+          <!---->
+        </div>店铺
+      </div> <button class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--last van-action-bar-button--danger">
+        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
+      </button>
+    </div>
+  </div>
+  <div>
+    <div class="van-action-bar">
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-chat-o van-action-bar-icon__icon">
+          <div class="van-info van-info--dot"></div>
+        </div>客服
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-cart-o van-action-bar-icon__icon">
+          <div class="van-info">5</div>
+        </div>购物车
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-shop-o van-action-bar-icon__icon">
+          <div class="van-info">12</div>
+        </div>店铺
+      </div> <button class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--warning">
+        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
+      </button> <button class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--last van-action-bar-button--danger">
+        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
+      </button>
+    </div>
+  </div>
+  <div>
+    <div class="van-action-bar">
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-chat-o van-action-bar-icon__icon" style="color: rgb(7, 193, 96);">
+          <!---->
+        </div>客服
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-cart-o van-action-bar-icon__icon">
+          <!---->
+        </div>购物车
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-star van-action-bar-icon__icon" style="color: rgb(255, 80, 0);">
+          <!---->
+        </div>已收藏
+      </div> <button class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--warning">
+        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
+      </button> <button class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--last van-action-bar-button--danger">
+        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
+      </button>
+    </div>
+  </div>
+  <div>
+    <div class="van-action-bar">
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-chat-o van-action-bar-icon__icon">
+          <!---->
+        </div>客服
+      </div>
+      <div role="button" tabindex="0" class="van-action-bar-icon">
+        <div class="van-icon van-icon-cart-o van-action-bar-icon__icon">
+          <!---->
+        </div>购物车
+      </div> <button class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--warning" style="color: rgb(255, 255, 255); background: rgb(190, 153, 255); border-color: #be99ff;">
+        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
+      </button> <button class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--last van-action-bar-button--danger" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
+        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/action-bar/test/__snapshots__/index.spec.js.snap b/src/action-bar/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..f96684d67
--- /dev/null
+++ b/src/action-bar/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button render default slot 1`] = `
+<button class="van-button van-button--default van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--last">
+  <div class="van-button__content"><span class="van-button__text">Default Content</span></div>
+</button>
+`;
+
+exports[`Icon render default slot 1`] = `
+<div role="button" tabindex="0" class="van-action-bar-icon">
+  <div class="van-icon van-icon-undefined van-action-bar-icon__icon">
+    <!---->
+  </div>Default Content
+</div>
+`;
+
+exports[`Icon render icon slot 1`] = `
+<div role="button" tabindex="0" class="van-action-bar-icon">
+  <div class="van-action-bar-icon__icon">Custom Icon
+    <!---->
+  </div>Text
+</div>
+`;
+
+exports[`Icon render icon slot with dot 1`] = `
+<div role="button" tabindex="0" class="van-action-bar-icon">
+  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-info van-info--dot"></div>
+  </div>Text
+</div>
+`;
+
+exports[`Icon render icon slot with info 1`] = `
+<div role="button" tabindex="0" class="van-action-bar-icon">
+  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-info">1</div>
+  </div>Text
+</div>
+`;
+
+exports[`disable safe-area-inset-bottom prop 1`] = `<div class="van-action-bar van-action-bar--unfit"></div>`;
diff --git a/src/goods-action/test/demo.spec.js b/src/action-bar/test/demo.spec.js
similarity index 100%
rename from src/goods-action/test/demo.spec.js
rename to src/action-bar/test/demo.spec.js
diff --git a/src/goods-action/test/index.spec.js b/src/action-bar/test/index.spec.js
similarity index 91%
rename from src/goods-action/test/index.spec.js
rename to src/action-bar/test/index.spec.js
index c96de3d11..e49915da8 100644
--- a/src/goods-action/test/index.spec.js
+++ b/src/action-bar/test/index.spec.js
@@ -1,6 +1,6 @@
-import GoodsAction from '..';
-import Button from '../../goods-action-button';
-import Icon from '../../goods-action-icon';
+import ActionBar from '..';
+import Button from '../../action-bar-button';
+import Icon from '../../action-bar-icon';
 import { mount } from '../../../test';
 
 test('Button click event', () => {
@@ -87,7 +87,7 @@ test('Icon render icon slot with dot', () => {
 });
 
 test('disable safe-area-inset-bottom prop', () => {
-  const wrapper = mount(GoodsAction, {
+  const wrapper = mount(ActionBar, {
     propsData: {
       safeAreaInsetBottom: false,
     },
diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 4a04abd07..501136e20 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -2,8 +2,8 @@ import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import Popup from '../popup';
 import Button from '../button';
-import GoodsAction from '../goods-action';
-import GoodsActionButton from '../goods-action-button';
+import ActionBar from '../action-bar';
+import ActionBarButton from '../action-bar-button';
 
 const [createComponent, bem, t] = createNamespace('dialog');
 
@@ -107,9 +107,9 @@ export default createComponent({
 
     genRoundButtons() {
       return (
-        <GoodsAction class={bem('footer')}>
+        <ActionBar class={bem('footer')}>
           {this.showCancelButton && (
-            <GoodsActionButton
+            <ActionBarButton
               size="large"
               type="warning"
               text={this.cancelButtonText || t('cancel')}
@@ -122,7 +122,7 @@ export default createComponent({
             />
           )}
           {this.showConfirmButton && (
-            <GoodsActionButton
+            <ActionBarButton
               size="large"
               type="danger"
               text={this.confirmButtonText || t('confirm')}
@@ -134,7 +134,7 @@ export default createComponent({
               }}
             />
           )}
-        </GoodsAction>
+        </ActionBar>
       );
     },
 
diff --git a/src/goods-action-icon/index.less b/src/goods-action-icon/index.less
deleted file mode 100644
index d331e731a..000000000
--- a/src/goods-action-icon/index.less
+++ /dev/null
@@ -1,27 +0,0 @@
-@import '../style/var';
-
-.van-goods-action-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-width: @goods-action-icon-width;
-  height: @goods-action-icon-height;
-  color: @goods-action-icon-text-color;
-  font-size: @goods-action-icon-font-size;
-  line-height: 1;
-  text-align: center;
-  background-color: @white;
-  cursor: pointer;
-
-  &:active {
-    background-color: @goods-action-icon-active-color;
-  }
-
-  &__icon {
-    position: relative;
-    width: 1em;
-    margin: 0 auto 5px;
-    color: @goods-action-icon-color;
-    font-size: @goods-action-icon-size;
-  }
-}
diff --git a/src/goods-action/test/__snapshots__/demo.spec.js.snap b/src/goods-action/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index e8414e63f..000000000
--- a/src/goods-action/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
-          <!---->
-        </div>客服
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
-          <!---->
-        </div>购物车
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-shop-o van-goods-action-icon__icon">
-          <!---->
-        </div>店铺
-      </div> <button class="van-button van-button--danger van-button--large van-goods-action-button van-goods-action-button--first van-goods-action-button--last van-goods-action-button--danger">
-        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
-      </button>
-    </div>
-  </div>
-  <div>
-    <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
-          <div class="van-info van-info--dot"></div>
-        </div>客服
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
-          <div class="van-info">5</div>
-        </div>购物车
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-shop-o van-goods-action-icon__icon">
-          <div class="van-info">12</div>
-        </div>店铺
-      </div> <button class="van-button van-button--warning van-button--large van-goods-action-button van-goods-action-button--first van-goods-action-button--warning">
-        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
-      </button> <button class="van-button van-button--danger van-button--large van-goods-action-button van-goods-action-button--last van-goods-action-button--danger">
-        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
-      </button>
-    </div>
-  </div>
-  <div>
-    <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-chat-o van-goods-action-icon__icon" style="color: rgb(7, 193, 96);">
-          <!---->
-        </div>客服
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
-          <!---->
-        </div>购物车
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-star van-goods-action-icon__icon" style="color: rgb(255, 80, 0);">
-          <!---->
-        </div>已收藏
-      </div> <button class="van-button van-button--warning van-button--large van-goods-action-button van-goods-action-button--first van-goods-action-button--warning">
-        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
-      </button> <button class="van-button van-button--danger van-button--large van-goods-action-button van-goods-action-button--last van-goods-action-button--danger">
-        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
-      </button>
-    </div>
-  </div>
-  <div>
-    <div class="van-goods-action">
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
-          <!---->
-        </div>客服
-      </div>
-      <div role="button" tabindex="0" class="van-goods-action-icon">
-        <div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
-          <!---->
-        </div>购物车
-      </div> <button class="van-button van-button--warning van-button--large van-goods-action-button van-goods-action-button--first van-goods-action-button--warning" style="color: rgb(255, 255, 255); background: rgb(190, 153, 255); border-color: #be99ff;">
-        <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
-      </button> <button class="van-button van-button--danger van-button--large van-goods-action-button van-goods-action-button--last van-goods-action-button--danger" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
-        <div class="van-button__content"><span class="van-button__text">立即购买</span></div>
-      </button>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/goods-action/test/__snapshots__/index.spec.js.snap b/src/goods-action/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index ccf848e36..000000000
--- a/src/goods-action/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button render default slot 1`] = `
-<button class="van-button van-button--default van-button--large van-goods-action-button van-goods-action-button--first van-goods-action-button--last">
-  <div class="van-button__content"><span class="van-button__text">Default Content</span></div>
-</button>
-`;
-
-exports[`Icon render default slot 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon">
-  <div class="van-icon van-icon-undefined van-goods-action-icon__icon">
-    <!---->
-  </div>Default Content
-</div>
-`;
-
-exports[`Icon render icon slot 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon">
-  <div class="van-goods-action-icon__icon">Custom Icon
-    <!---->
-  </div>Text
-</div>
-`;
-
-exports[`Icon render icon slot with dot 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon">
-  <div class="van-goods-action-icon__icon">Custom Icon<div class="van-info van-info--dot"></div>
-  </div>Text
-</div>
-`;
-
-exports[`Icon render icon slot with info 1`] = `
-<div role="button" tabindex="0" class="van-goods-action-icon">
-  <div class="van-goods-action-icon__icon">Custom Icon<div class="van-info">1</div>
-  </div>Text
-</div>
-`;
-
-exports[`disable safe-area-inset-bottom prop 1`] = `<div class="van-goods-action van-goods-action--unfit"></div>`;
diff --git a/src/style/var.less b/src/style/var.less
index a40138923..b66033175 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -378,19 +378,19 @@
 @grid-item-text-color: @gray-7;
 @grid-item-text-font-size: @font-size-sm;
 
-// GoodsAction
-@goods-action-background-color: @white;
-@goods-action-height: 50px;
-@goods-action-icon-width: 48px;
-@goods-action-icon-height: 100%;
-@goods-action-icon-color: @text-color;
-@goods-action-icon-size: 18px;
-@goods-action-icon-font-size: @font-size-xs;
-@goods-action-icon-active-color: @active-color;
-@goods-action-icon-text-color: @gray-7;
-@goods-action-button-height: 40px;
-@goods-action-button-warning-color: @gradient-orange;
-@goods-action-button-danger-color: @gradient-red;
+// ActionBar
+@action-bar-background-color: @white;
+@action-bar-height: 50px;
+@action-bar-icon-width: 48px;
+@action-bar-icon-height: 100%;
+@action-bar-icon-color: @text-color;
+@action-bar-icon-size: 18px;
+@action-bar-icon-font-size: @font-size-xs;
+@action-bar-icon-active-color: @active-color;
+@action-bar-icon-text-color: @gray-7;
+@action-bar-button-height: 40px;
+@action-bar-button-warning-color: @gradient-orange;
+@action-bar-button-danger-color: @gradient-red;
 
 // IndexAnchor
 @index-anchor-z-index: 1;
diff --git a/src/submit-bar/index.less b/src/submit-bar/index.less
index 7d7f7cd28..9598f3e68 100644
--- a/src/submit-bar/index.less
+++ b/src/submit-bar/index.less
@@ -72,7 +72,7 @@
     border: none;
 
     &--danger {
-      background: @goods-action-button-danger-color;
+      background: @action-bar-button-danger-color;
     }
   }
 
diff --git a/vant.config.js b/vant.config.js
index d2e0ba17d..68ae3d46c 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -286,6 +286,10 @@ module.exports = {
           {
             title: '导航组件',
             items: [
+              {
+                path: 'action-bar',
+                title: 'ActionBar 动作栏',
+              },
               {
                 path: 'grid',
                 title: 'Grid 宫格',
@@ -347,10 +351,6 @@ module.exports = {
                 path: 'coupon-list',
                 title: 'Coupon 优惠券',
               },
-              {
-                path: 'goods-action',
-                title: 'GoodsAction 商品导航',
-              },
               {
                 path: 'submit-bar',
                 title: 'SubmitBar 提交订单栏',
@@ -620,6 +620,10 @@ module.exports = {
           {
             title: 'Navigation Components',
             items: [
+              {
+                path: 'action-bar',
+                title: 'ActionBar',
+              },
               {
                 path: 'grid',
                 title: 'Grid',
@@ -681,10 +685,6 @@ module.exports = {
                 path: 'coupon-list',
                 title: 'Coupon',
               },
-              {
-                path: 'goods-action',
-                title: 'GoodsAction',
-              },
               {
                 path: 'submit-bar',
                 title: 'SubmitBar',

From 4e5f509b2f8418af9944ee035872c76e770bc2b3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 11:56:09 +0800
Subject: [PATCH 154/626] docs(changelog): add SwitchCell migrate guide

---
 docs/markdown/changelog-v3.zh-CN.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 0015ee053..a8ad58788 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -105,3 +105,11 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 ##### 废弃组件
 
 - SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
+
+```html
+<van-cell center title="标题">
+  <template #right-icon>
+    <van-switch v-model="checked" size="24" />
+  </template>
+</van-cell>
+```

From 63bd4700abbbf10eb0dbfb2984fae08142a87e17 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 19:36:12 +0800
Subject: [PATCH 155/626] breaking change: rename Info to Badge

---
 components.js                                 |  2 +-
 src/action-bar-icon/index.js                  | 11 +++----
 src/action-bar/README.zh-CN.md                |  1 -
 .../test/__snapshots__/demo.spec.js.snap      |  6 ++--
 .../test/__snapshots__/index.spec.js.snap     |  6 ++--
 src/action-bar/test/index.spec.js             |  4 +--
 src/badge/index.js                            | 21 ++++++++++++
 src/badge/index.less                          | 29 +++++++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  7 ++++
 src/badge/test/index.spec.js                  | 32 +++++++++++++++++++
 src/grid-item/index.js                        |  8 ++---
 src/grid/README.zh-CN.md                      |  1 -
 src/grid/test/__snapshots__/demo.spec.js.snap |  4 +--
 .../test/__snapshots__/index.spec.js.snap     |  2 +-
 src/grid/test/index.spec.js                   |  2 +-
 src/icon/README.zh-CN.md                      |  1 -
 src/icon/index.js                             | 14 +++-----
 .../test/__snapshots__/index.spec.js.snap     |  2 +-
 src/info/index.js                             | 22 -------------
 src/info/index.less                           | 29 -----------------
 .../test/__snapshots__/index.spec.js.snap     |  7 ----
 src/info/test/index.spec.js                   | 32 -------------------
 src/sidebar-item/index.js                     |  4 +--
 src/sidebar/README.zh-CN.md                   |  1 -
 .../test/__snapshots__/demo.spec.js.snap      |  6 ++--
 src/style/var.less                            | 24 +++++++-------
 src/tab/README.zh-CN.md                       |  1 -
 src/tab/index.js                              |  1 -
 src/tab/test/__snapshots__/index.spec.js.snap |  6 ++--
 src/tab/test/index.spec.js                    |  4 +--
 src/tabbar-item/index.js                      |  8 ++---
 src/tabbar-item/index.less                    |  2 +-
 src/tabbar/README.zh-CN.md                    |  1 -
 .../test/__snapshots__/demo.spec.js.snap      |  8 ++---
 src/tabs/Title.js                             |  8 ++---
 src/tabs/index.js                             |  2 +-
 src/tree-select/index.js                      |  4 +--
 .../test/__snapshots__/demo.spec.js.snap      |  4 +--
 .../test/__snapshots__/index.spec.js.snap     |  4 +--
 src/tree-select/test/index.spec.js            |  4 +--
 40 files changed, 157 insertions(+), 178 deletions(-)
 create mode 100644 src/badge/index.js
 create mode 100644 src/badge/index.less
 create mode 100644 src/badge/test/__snapshots__/index.spec.js.snap
 create mode 100644 src/badge/test/index.spec.js
 delete mode 100644 src/info/index.js
 delete mode 100644 src/info/index.less
 delete mode 100644 src/info/test/__snapshots__/index.spec.js.snap
 delete mode 100644 src/info/test/index.spec.js

diff --git a/components.js b/components.js
index 6b040c175..d26384119 100644
--- a/components.js
+++ b/components.js
@@ -4,7 +4,7 @@ module.exports = [
   'cell',
   'cell-group',
   'icon',
-  'info',
+  'badge',
   'image',
   'col',
   'row',
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 7964f429d..c47dee5bf 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,8 +1,8 @@
-import { createNamespace, isDef } from '../utils';
+import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { ChildrenMixin } from '../mixins/relation';
-import Info from '../info';
 import Icon from '../icon';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('action-bar-icon');
 
@@ -15,7 +15,6 @@ export default createComponent({
     text: String,
     icon: String,
     color: String,
-    info: [Number, String],
     badge: [Number, String],
     iconClass: null,
   },
@@ -29,13 +28,11 @@ export default createComponent({
     },
 
     genIcon() {
-      const info = isDef(this.badge) ? this.badge : this.info;
-
       if (this.$slots.icon) {
         return (
           <div class={bem('icon')}>
             {this.$slots.icon()}
-            <Info dot={this.dot} info={info} />
+            <Badge dot={this.dot} badge={this.badge} />
           </div>
         );
       }
@@ -45,8 +42,8 @@ export default createComponent({
           class={[bem('icon'), this.iconClass]}
           tag="div"
           dot={this.dot}
-          info={info}
           name={this.icon}
+          badge={this.badge}
           color={this.color}
         />
       );
diff --git a/src/action-bar/README.zh-CN.md b/src/action-bar/README.zh-CN.md
index 6828f658f..f7cb4b26b 100644
--- a/src/action-bar/README.zh-CN.md
+++ b/src/action-bar/README.zh-CN.md
@@ -98,7 +98,6 @@ export default {
 | icon-class | 图标额外类名 | _any_ | - |
 | dot `2.5.5` | 是否显示图标右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
diff --git a/src/action-bar/test/__snapshots__/demo.spec.js.snap b/src/action-bar/test/__snapshots__/demo.spec.js.snap
index 3b49bfc00..eb1a3881d 100644
--- a/src/action-bar/test/__snapshots__/demo.spec.js.snap
+++ b/src/action-bar/test/__snapshots__/demo.spec.js.snap
@@ -27,17 +27,17 @@ exports[`renders demo correctly 1`] = `
     <div class="van-action-bar">
       <div role="button" tabindex="0" class="van-action-bar-icon">
         <div class="van-icon van-icon-chat-o van-action-bar-icon__icon">
-          <div class="van-info van-info--dot"></div>
+          <div class="van-badge van-badge--dot"></div>
         </div>客服
       </div>
       <div role="button" tabindex="0" class="van-action-bar-icon">
         <div class="van-icon van-icon-cart-o van-action-bar-icon__icon">
-          <div class="van-info">5</div>
+          <div class="van-badge">5</div>
         </div>购物车
       </div>
       <div role="button" tabindex="0" class="van-action-bar-icon">
         <div class="van-icon van-icon-shop-o van-action-bar-icon__icon">
-          <div class="van-info">12</div>
+          <div class="van-badge">12</div>
         </div>店铺
       </div> <button class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--warning">
         <div class="van-button__content"><span class="van-button__text">加入购物车</span></div>
diff --git a/src/action-bar/test/__snapshots__/index.spec.js.snap b/src/action-bar/test/__snapshots__/index.spec.js.snap
index f96684d67..d83e14ad9 100644
--- a/src/action-bar/test/__snapshots__/index.spec.js.snap
+++ b/src/action-bar/test/__snapshots__/index.spec.js.snap
@@ -24,14 +24,14 @@ exports[`Icon render icon slot 1`] = `
 
 exports[`Icon render icon slot with dot 1`] = `
 <div role="button" tabindex="0" class="van-action-bar-icon">
-  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-info van-info--dot"></div>
+  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--dot"></div>
   </div>Text
 </div>
 `;
 
-exports[`Icon render icon slot with info 1`] = `
+exports[`Icon render icon slot with badge 1`] = `
 <div role="button" tabindex="0" class="van-action-bar-icon">
-  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-info">1</div>
+  <div class="van-action-bar-icon__icon">Custom Icon<div class="van-badge">1</div>
   </div>Text
 </div>
 `;
diff --git a/src/action-bar/test/index.spec.js b/src/action-bar/test/index.spec.js
index e49915da8..1db44eaeb 100644
--- a/src/action-bar/test/index.spec.js
+++ b/src/action-bar/test/index.spec.js
@@ -50,12 +50,12 @@ test('Icon render icon slot', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
-test('Icon render icon slot with info', () => {
+test('Icon render icon slot with badge', () => {
   const wrapper = mount({
     render(h) {
       return h(Icon, {
         props: {
-          info: '1',
+          badge: '1',
         },
         scopedSlots: {
           default: () => 'Text',
diff --git a/src/badge/index.js b/src/badge/index.js
new file mode 100644
index 000000000..35620c38d
--- /dev/null
+++ b/src/badge/index.js
@@ -0,0 +1,21 @@
+import { isDef, createNamespace } from '../utils';
+
+const [createComponent, bem] = createNamespace('badge');
+
+export default createComponent({
+  props: {
+    dot: Boolean,
+    badge: [Number, String],
+  },
+
+  render() {
+    const { dot, badge } = this;
+    const showBadge = isDef(badge) && badge !== '';
+
+    if (!dot && !showBadge) {
+      return;
+    }
+
+    return <div class={bem({ dot })}>{dot ? '' : badge}</div>;
+  },
+});
diff --git a/src/badge/index.less b/src/badge/index.less
new file mode 100644
index 000000000..31fb14856
--- /dev/null
+++ b/src/badge/index.less
@@ -0,0 +1,29 @@
+@import '../style/var';
+
+.van-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: border-box;
+  min-width: @badge-size;
+  padding: @badge-padding;
+  color: @badge-color;
+  font-weight: @badge-font-weight;
+  font-size: @badge-font-size;
+  font-family: @badge-font-family;
+  line-height: 1.2;
+  text-align: center;
+  background-color: @badge-background-color;
+  border: @badge-border-width solid @white;
+  border-radius: @badge-size;
+  transform: translate(50%, -50%);
+  transform-origin: 100%;
+
+  &--dot {
+    width: @badge-dot-size;
+    min-width: 0;
+    height: @badge-dot-size;
+    background-color: @badge-dot-color;
+    border-radius: 100%;
+  }
+}
diff --git a/src/badge/test/__snapshots__/index.spec.js.snap b/src/badge/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..f1dda6f62
--- /dev/null
+++ b/src/badge/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should not render when badge is empty string 1`] = ``;
+
+exports[`should not render when badge is empty undefined 1`] = ``;
+
+exports[`should render when badge is zero 1`] = `<div class="van-badge">0</div>`;
diff --git a/src/badge/test/index.spec.js b/src/badge/test/index.spec.js
new file mode 100644
index 000000000..276a3c2ab
--- /dev/null
+++ b/src/badge/test/index.spec.js
@@ -0,0 +1,32 @@
+import Badge from '..';
+import { mount } from '../../../test';
+
+test('should not render when badge is empty string', () => {
+  const wrapper = mount(Badge, {
+    propsData: {
+      badge: '',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should not render when badge is empty undefined', () => {
+  const wrapper = mount(Badge, {
+    propsData: {
+      badge: undefined,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should render when badge is zero', () => {
+  const wrapper = mount(Badge, {
+    propsData: {
+      badge: 0,
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index c003d9dbb..dea4ddc70 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -7,8 +7,8 @@ import { route, routeProps } from '../utils/router';
 import { ChildrenMixin } from '../mixins/relation';
 
 // Components
-import Info from '../info';
 import Icon from '../icon';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('grid-item');
 
@@ -75,7 +75,7 @@ export default createComponent({
         return (
           <div class={bem('icon-wrapper')}>
             {this.$slots.icon()}
-            <Info dot={this.dot} info={this.badge} />
+            <Badge dot={this.dot} badge={this.badge} />
           </div>
         );
       }
@@ -83,10 +83,10 @@ export default createComponent({
       if (this.icon) {
         return (
           <Icon
-            name={this.icon}
             dot={this.dot}
-            info={this.badge}
+            name={this.icon}
             size={this.parent.iconSize}
+            badge={this.badge}
             class={bem('icon')}
             classPrefix={this.iconPrefix}
           />
diff --git a/src/grid/README.zh-CN.md b/src/grid/README.zh-CN.md
index 1dd484706..82225a88d 100644
--- a/src/grid/README.zh-CN.md
+++ b/src/grid/README.zh-CN.md
@@ -135,7 +135,6 @@ Vue.use(GridItem);
 | icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
 | dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info `2.2.1` | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.spec.js.snap
index b917973ee..95f2bd6e5 100644
--- a/src/grid/test/__snapshots__/demo.spec.js.snap
+++ b/src/grid/test/__snapshots__/demo.spec.js.snap
@@ -182,12 +182,12 @@ exports[`renders demo correctly 1`] = `
     <div class="van-grid van-hairline--top">
       <div class="van-grid-item" style="flex-basis: 50%;">
         <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-home-o van-grid-item__icon">
-            <div class="van-info van-info--dot"></div>
+            <div class="van-badge van-badge--dot"></div>
           </i><span class="van-grid-item__text">文字</span></div>
       </div>
       <div class="van-grid-item" style="flex-basis: 50%;">
         <div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-icon van-icon-search van-grid-item__icon">
-            <div class="van-info">99+</div>
+            <div class="van-badge">99+</div>
           </i><span class="van-grid-item__text">文字</span></div>
       </div>
     </div>
diff --git a/src/grid/test/__snapshots__/index.spec.js.snap b/src/grid/test/__snapshots__/index.spec.js.snap
index 92eb96f44..1387be1b9 100644
--- a/src/grid/test/__snapshots__/index.spec.js.snap
+++ b/src/grid/test/__snapshots__/index.spec.js.snap
@@ -15,7 +15,7 @@ exports[`render icon-slot 1`] = `
     <div class="van-grid-item__content van-grid-item__content--center van-hairline">
       <div class="van-grid-item__icon-wrapper">
         <div>Custom Icon</div>
-        <div class="van-info">1</div>
+        <div class="van-badge">1</div>
       </div>
     </div>
   </div>
diff --git a/src/grid/test/index.spec.js b/src/grid/test/index.spec.js
index 166640e38..78f15a3ed 100644
--- a/src/grid/test/index.spec.js
+++ b/src/grid/test/index.spec.js
@@ -49,7 +49,7 @@ test('render icon-slot', () => {
   const wrapper = mount({
     template: `
       <van-grid icon-size="10">
-        <van-grid-item info="1">
+        <van-grid-item badge="1">
           <template #icon>
             <div>Custom Icon</div>
           </template>
diff --git a/src/icon/README.zh-CN.md b/src/icon/README.zh-CN.md
index 794490b64..bcfd27e35 100644
--- a/src/icon/README.zh-CN.md
+++ b/src/icon/README.zh-CN.md
@@ -93,7 +93,6 @@ import 'vant/lib/icon/local.css';
 | name | 图标名称或图片链接 | _string_ | - |
 | dot `v2.2.1` | 是否显示图标右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | color | 图标颜色 | _string_ | `inherit` |
 | size | 图标大小，如 `20px` `2em`，默认单位为`px` | _number \| string_ | `inherit` |
 | class-prefix | 类名前缀，用于使用自定义图标 | _string_ | `van-icon` |
diff --git a/src/icon/index.js b/src/icon/index.js
index 31c785b2b..a7520a223 100644
--- a/src/icon/index.js
+++ b/src/icon/index.js
@@ -1,8 +1,5 @@
-// Utils
 import { addUnit, createNamespace } from '../utils';
-
-// Components
-import Info from '../info';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('icon');
 
@@ -30,7 +27,7 @@ export default createComponent({
   render() {
     const { name } = this;
     const imageIcon = isImage(name);
-  
+
     return (
       <this.tag
         class={[
@@ -44,11 +41,8 @@ export default createComponent({
       >
         {this.$slots.default?.()}
         {imageIcon && <img class={bem('image')} src={name} />}
-        <Info
-          dot={this.dot}
-          info={this.badge}
-        />
+        <Badge dot={this.dot} badge={this.badge} />
       </this.tag>
     );
-  }
+  },
 });
diff --git a/src/icon/test/__snapshots__/index.spec.js.snap b/src/icon/test/__snapshots__/index.spec.js.snap
index 54ddf2e50..c5fb94374 100644
--- a/src/icon/test/__snapshots__/index.spec.js.snap
+++ b/src/icon/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`dot prop 1`] = `
 <i class="van-icon van-icon-undefined">
-  <div class="van-info van-info--dot"></div>
+  <div class="van-badge van-badge--dot"></div>
 </i>
 `;
 
diff --git a/src/info/index.js b/src/info/index.js
deleted file mode 100644
index 74a02fddd..000000000
--- a/src/info/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-// Utils
-import { isDef, createNamespace } from '../utils';
-
-const [createComponent, bem] = createNamespace('info');
-
-export default createComponent({
-  props: {
-    dot: Boolean,
-    info: [Number, String],
-  },
-
-  render() {
-    const { dot, info } = this;
-    const showInfo = isDef(info) && info !== '';
-
-    if (!dot && !showInfo) {
-      return;
-    }
-
-    return <div class={bem({ dot })}>{dot ? '' : info}</div>;
-  },
-});
diff --git a/src/info/index.less b/src/info/index.less
deleted file mode 100644
index 10d9ce115..000000000
--- a/src/info/index.less
+++ /dev/null
@@ -1,29 +0,0 @@
-@import '../style/var';
-
-.van-info {
-  position: absolute;
-  top: 0;
-  right: 0;
-  box-sizing: border-box;
-  min-width: @info-size;
-  padding: @info-padding;
-  color: @info-color;
-  font-weight: @info-font-weight;
-  font-size: @info-font-size;
-  font-family: @info-font-family;
-  line-height: 1.2;
-  text-align: center;
-  background-color: @info-background-color;
-  border: @info-border-width solid @white;
-  border-radius: @info-size;
-  transform: translate(50%, -50%);
-  transform-origin: 100%;
-
-  &--dot {
-    width: @info-dot-size;
-    min-width: 0;
-    height: @info-dot-size;
-    background-color: @info-dot-color;
-    border-radius: 100%;
-  }
-}
diff --git a/src/info/test/__snapshots__/index.spec.js.snap b/src/info/test/__snapshots__/index.spec.js.snap
deleted file mode 100644
index 84b187992..000000000
--- a/src/info/test/__snapshots__/index.spec.js.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should not render when info is empty string 1`] = ``;
-
-exports[`should not render when info is empty undefined 1`] = ``;
-
-exports[`should render when info is zero 1`] = `<div class="van-info">0</div>`;
diff --git a/src/info/test/index.spec.js b/src/info/test/index.spec.js
deleted file mode 100644
index d0a2e1678..000000000
--- a/src/info/test/index.spec.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Info from '..';
-import { mount } from '../../../test';
-
-test('should not render when info is empty string', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: '',
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('should not render when info is empty undefined', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: undefined,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
-
-test('should render when info is zero', () => {
-  const wrapper = mount(Info, {
-    propsData: {
-      info: 0,
-    },
-  });
-
-  expect(wrapper).toMatchSnapshot();
-});
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 9b594b5a1..58bfb5c5a 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,7 +1,7 @@
 import { createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
 import { route, routeProps } from '../utils/router';
-import Info from '../info';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('sidebar-item');
 
@@ -45,7 +45,7 @@ export default createComponent({
       >
         <div class={bem('text')}>
           {this.title}
-          <Info dot={this.dot} info={this.badge} class={bem('info')} />
+          <Badge dot={this.dot} badge={this.badge} class={bem('badge')} />
         </div>
       </a>
     );
diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md
index 32a58d61d..b0afc0628 100644
--- a/src/sidebar/README.zh-CN.md
+++ b/src/sidebar/README.zh-CN.md
@@ -108,7 +108,6 @@ export default {
 | title | 内容 | _string_ | `''` |
 | dot `v2.2.1` | 是否显示右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | disabled `v2.2.0` | 是否禁用该项 | _boolean_ | `false` |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to `v2.0.4` | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
diff --git a/src/sidebar/test/__snapshots__/demo.spec.js.snap b/src/sidebar/test/__snapshots__/demo.spec.js.snap
index 1a7caf7b3..a5221621b 100644
--- a/src/sidebar/test/__snapshots__/demo.spec.js.snap
+++ b/src/sidebar/test/__snapshots__/demo.spec.js.snap
@@ -25,13 +25,13 @@ exports[`renders demo correctly 1`] = `
       <div class="van-grid-item__content van-grid-item__content--center">
         <h3 class="demo-sidebar-title">徽标提示</h3>
         <div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-info--dot van-sidebar-item__info"></div>
+            <div class="van-sidebar-item__text">标签名<div class="van-badge van-badge--dot van-sidebar-item__badge"></div>
             </div>
           </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">5</div>
+            <div class="van-sidebar-item__text">标签名<div class="van-badge van-sidebar-item__badge">5</div>
             </div>
           </a> <a class="van-sidebar-item">
-            <div class="van-sidebar-item__text">标签名<div class="van-info van-sidebar-item__info">99+</div>
+            <div class="van-sidebar-item__text">标签名<div class="van-badge van-sidebar-item__badge">99+</div>
             </div>
           </a></div>
       </div>
diff --git a/src/style/var.less b/src/style/var.less
index b66033175..5970fd170 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -113,6 +113,18 @@
 @address-list-item-radio-icon-color: @red;
 @address-list-edit-icon-size: 20px;
 
+// Badge
+@badge-size: 16px;
+@badge-color: @white;
+@badge-padding: 0 3px;
+@badge-font-size: @font-size-sm;
+@badge-font-weight: @font-weight-bold;
+@badge-border-width: @border-width-base;
+@badge-background-color: @red;
+@badge-dot-color: @red;
+@badge-dot-size: 8px;
+@badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
+
 // Button
 @button-mini-height: 24px;
 @button-mini-font-size: @font-size-xs;
@@ -409,18 +421,6 @@
 @index-bar-index-line-height: @line-height-xs;
 @index-bar-index-active-color: @green;
 
-// Info
-@info-size: 16px;
-@info-color: @white;
-@info-padding: 0 3px;
-@info-font-size: @font-size-sm;
-@info-font-weight: @font-weight-bold;
-@info-border-width: @border-width-base;
-@info-background-color: @red;
-@info-dot-color: @red;
-@info-dot-size: 8px;
-@info-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
-
 // Image
 @image-placeholder-text-color: @gray-6;
 @image-placeholder-font-size: @font-size-md;
diff --git a/src/tab/README.zh-CN.md b/src/tab/README.zh-CN.md
index c4c0dc751..dd2e8e04b 100644
--- a/src/tab/README.zh-CN.md
+++ b/src/tab/README.zh-CN.md
@@ -254,7 +254,6 @@ export default {
 | disabled | 是否禁用标签 | _boolean_ | `false` |
 | dot `v2.3.0` | 是否在标题右上角显示小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info `v2.3.0` | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | name `v2.0.6` | 标签名称，作为匹配的标识符 | _number \| string_ | 标签的索引值 |
 | url `v2.2.1` | 点击后跳转的链接地址 | _string_ | - |
 | to `v2.2.1` | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
diff --git a/src/tab/index.js b/src/tab/index.js
index 8ce34d4ca..c38407f03 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -11,7 +11,6 @@ export default createComponent({
     ...routeProps,
     dot: Boolean,
     name: [Number, String],
-    info: [Number, String],
     badge: [Number, String],
     title: String,
     titleStyle: null,
diff --git a/src/tab/test/__snapshots__/index.spec.js.snap b/src/tab/test/__snapshots__/index.spec.js.snap
index 93627890c..f7be7a42e 100644
--- a/src/tab/test/__snapshots__/index.spec.js.snap
+++ b/src/tab/test/__snapshots__/index.spec.js.snap
@@ -105,7 +105,7 @@ exports[`dot prop 1`] = `
   <div class="van-tabs__wrap">
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
-        <div class="van-info van-info--dot"></div>
+        <div class="van-badge van-badge--dot"></div>
         </span></div>
       <div class="van-tabs__line"></div>
     </div>
@@ -116,12 +116,12 @@ exports[`dot prop 1`] = `
 </div>
 `;
 
-exports[`info prop 1`] = `
+exports[`badge prop 1`] = `
 <div class="van-tabs van-tabs--line">
   <div class="van-tabs__wrap">
     <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
       <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
-        <div class="van-info">10</div>
+        <div class="van-badge">10</div>
         </span></div>
       <div class="van-tabs__line"></div>
     </div>
diff --git a/src/tab/test/index.spec.js b/src/tab/test/index.spec.js
index 9eb51fba5..29bc198ce 100644
--- a/src/tab/test/index.spec.js
+++ b/src/tab/test/index.spec.js
@@ -246,11 +246,11 @@ test('dot prop', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
-test('info prop', () => {
+test('badge prop', () => {
   const wrapper = mount({
     template: `
       <van-tabs>
-        <van-tab info="10">Text</van-tab>
+        <van-tab badge="10">Text</van-tab>
       </van-tabs>
     `,
   });
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 2698e2e74..8d3e412b9 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -7,7 +7,7 @@ import { ChildrenMixin } from '../mixins/relation';
 
 // Components
 import Icon from '../icon';
-import Info from '../info';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('tabbar-item');
 
@@ -19,7 +19,6 @@ export default createComponent({
     dot: Boolean,
     icon: String,
     name: [Number, String],
-    info: [Number, String],
     badge: [Number, String],
     iconPrefix: String,
   },
@@ -71,10 +70,7 @@ export default createComponent({
       <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
         <div class={bem('icon')}>
           {this.genIcon(active)}
-          <Info
-            dot={this.dot}
-            info={isDef(this.badge) ? this.badge : this.info}
-          />
+          <Badge dot={this.dot} badge={this.badge} />
         </div>
         <div class={bem('text')}>
           {this.$slots.default ? this.$slots.default({ active }) : null}
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index da63a2fc3..3a8f3a8c9 100644
--- a/src/tabbar-item/index.less
+++ b/src/tabbar-item/index.less
@@ -31,7 +31,7 @@
     color: @tabbar-item-active-color;
   }
 
-  .van-info {
+  .van-badge {
     margin-top: @padding-base;
   }
 }
diff --git a/src/tabbar/README.zh-CN.md b/src/tabbar/README.zh-CN.md
index 634a66137..4beb51019 100644
--- a/src/tabbar/README.zh-CN.md
+++ b/src/tabbar/README.zh-CN.md
@@ -184,7 +184,6 @@ export default {
 | icon-prefix `v2.5.3` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
 | dot | 是否显示图标右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
 | replace | 是否在跳转时替换当前页面历史 | _boolean_ | `false` |
diff --git a/src/tabbar/test/__snapshots__/demo.spec.js.snap b/src/tabbar/test/__snapshots__/demo.spec.js.snap
index 4edc5c2d9..c65307606 100644
--- a/src/tabbar/test/__snapshots__/demo.spec.js.snap
+++ b/src/tabbar/test/__snapshots__/demo.spec.js.snap
@@ -86,14 +86,14 @@ exports[`renders demo correctly 1`] = `
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-search">
             <!----></i>
-          <div class="van-info van-info--dot"></div>
+          <div class="van-badge van-badge--dot"></div>
         </div>
         <div class="van-tabbar-item__text">标签</div>
       </div>
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-friends-o">
             <!----></i>
-          <div class="van-info">5</div>
+          <div class="van-badge">5</div>
         </div>
         <div class="van-tabbar-item__text">
           标签
@@ -102,7 +102,7 @@ exports[`renders demo correctly 1`] = `
       <div class="van-tabbar-item">
         <div class="van-tabbar-item__icon"><i class="van-icon van-icon-setting-o">
             <!----></i>
-          <div class="van-info">20</div>
+          <div class="van-badge">20</div>
         </div>
         <div class="van-tabbar-item__text">
           标签
@@ -114,7 +114,7 @@ exports[`renders demo correctly 1`] = `
     <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed">
       <div class="van-tabbar-item van-tabbar-item--active">
         <div class="van-tabbar-item__icon"><img src="https://img.yzcdn.cn/vant/user-active.png">
-          <div class="van-info">3</div>
+          <div class="van-badge">3</div>
         </div>
         <div class="van-tabbar-item__text"><span>自定义</span></div>
       </div>
diff --git a/src/tabs/Title.js b/src/tabs/Title.js
index a02cba346..4755b8790 100644
--- a/src/tabs/Title.js
+++ b/src/tabs/Title.js
@@ -1,5 +1,5 @@
 import { createNamespace, isDef } from '../utils';
-import Info from '../info';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('tab');
 
@@ -7,9 +7,9 @@ export default createComponent({
   props: {
     dot: Boolean,
     type: String,
-    info: [Number, String],
     color: String,
     title: String,
+    badge: [Number, String],
     isActive: Boolean,
     disabled: Boolean,
     scrollable: Boolean,
@@ -59,11 +59,11 @@ export default createComponent({
         </span>
       );
 
-      if (this.dot || (isDef(this.info) && this.info !== '')) {
+      if (this.dot || (isDef(this.badge) && this.badge !== '')) {
         return (
           <span class={bem('text-wrapper')}>
             {Text}
-            {<Info dot={this.dot} info={this.info} />}
+            {<Badge dot={this.dot} badge={this.badge} />}
           </span>
         );
       }
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 1be2e8f4b..29a4ecf65 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -373,7 +373,7 @@ export default createComponent({
           }}
           dot={item.dot}
           type={type}
-          info={isDef(item.badge) ? item.badge : item.info}
+          badge={item.badge}
           title={item.title}
           color={this.color}
           style={item.titleStyle}
diff --git a/src/tree-select/index.js b/src/tree-select/index.js
index b123d891f..3ecb0a07d 100644
--- a/src/tree-select/index.js
+++ b/src/tree-select/index.js
@@ -1,5 +1,5 @@
 // Utils
-import { createNamespace, addUnit, isDef } from '../utils';
+import { createNamespace, addUnit } from '../utils';
 
 // Components
 import Icon from '../icon';
@@ -58,8 +58,8 @@ export default createComponent({
       const Navs = items.map((item) => (
         <SidebarItem
           dot={item.dot}
-          info={isDef(item.badge) ? item.badge : item.info}
           title={item.text}
+          badge={item.badge}
           disabled={item.disabled}
           class={[bem('nav-item'), item.className]}
         />
diff --git a/src/tree-select/test/__snapshots__/demo.spec.js.snap b/src/tree-select/test/__snapshots__/demo.spec.js.snap
index ef3181896..073f62275 100644
--- a/src/tree-select/test/__snapshots__/demo.spec.js.snap
+++ b/src/tree-select/test/__snapshots__/demo.spec.js.snap
@@ -71,10 +71,10 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-tree-select" style="height: 55vw;">
       <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">浙江<div class="van-info van-info--dot van-sidebar-item__info"></div>
+          <div class="van-sidebar-item__text">浙江<div class="van-badge van-badge--dot van-sidebar-item__badge"></div>
           </div>
         </a><a class="van-sidebar-item van-tree-select__nav-item">
-          <div class="van-sidebar-item__text">江苏<div class="van-info van-sidebar-item__info">5</div>
+          <div class="van-sidebar-item__text">江苏<div class="van-badge van-sidebar-item__badge">5</div>
           </div>
         </a></div>
       <div class="van-tree-select__content">
diff --git a/src/tree-select/test/__snapshots__/index.spec.js.snap b/src/tree-select/test/__snapshots__/index.spec.js.snap
index 245f661d1..d97ec6468 100644
--- a/src/tree-select/test/__snapshots__/index.spec.js.snap
+++ b/src/tree-select/test/__snapshots__/index.spec.js.snap
@@ -25,10 +25,10 @@ exports[`height prop 1`] = `
 </div>
 `;
 
-exports[`nav info 1`] = `
+exports[`nav badge 1`] = `
 <div class="van-tree-select" style="height: 300px;">
   <div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
-      <div class="van-sidebar-item__text">group1<div class="van-info van-sidebar-item__info">3</div>
+      <div class="van-sidebar-item__text">group1<div class="van-badge van-sidebar-item__badge">3</div>
       </div>
     </a></div>
   <div class="van-tree-select__content"></div>
diff --git a/src/tree-select/test/index.spec.js b/src/tree-select/test/index.spec.js
index 3b45a3936..86b746390 100644
--- a/src/tree-select/test/index.spec.js
+++ b/src/tree-select/test/index.spec.js
@@ -151,13 +151,13 @@ test('height prop', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
-test('nav info', () => {
+test('nav badge', () => {
   const wrapper = mount(TreeSelect, {
     propsData: {
       items: [
         {
           text: 'group1',
-          info: 3,
+          badge: 3,
         },
       ],
     },

From 1e2f55db5af542662e598a6101debcf3bd8cf76f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 22:31:50 +0800
Subject: [PATCH 156/626] chore: temporaily remove sku

---
 src/sku/README.md                            | 397 ---------
 src/sku/README.zh-CN.md                      | 401 ---------
 src/sku/Sku.js                               | 807 -------------------
 src/sku/components/SkuActions.tsx            |  58 --
 src/sku/components/SkuDateTimeField.js       | 107 ---
 src/sku/components/SkuHeader.tsx             | 110 ---
 src/sku/components/SkuHeaderItem.tsx         |  26 -
 src/sku/components/SkuImgUploader.js         |  73 --
 src/sku/components/SkuMessages.js            | 184 -----
 src/sku/components/SkuRow.js                 | 122 ---
 src/sku/components/SkuRowItem.js             | 109 ---
 src/sku/components/SkuRowPropItem.js         |  49 --
 src/sku/components/SkuStepper.js             | 178 ----
 src/sku/constants.js                         |  11 -
 src/sku/demo/data.ts                         | 193 -----
 src/sku/demo/index.vue                       | 277 -------
 src/sku/index.js                             |  31 -
 src/sku/index.less                           | 373 ---------
 src/sku/lang.ts                              |  77 --
 src/sku/test/__snapshots__/demo.spec.js.snap |  46 --
 src/sku/test/demo.spec.js                    |   4 -
 src/sku/test/index.spec.js                   |  87 --
 src/sku/utils/sku-helper.js                  | 158 ----
 src/sku/utils/time-helper.js                 |  28 -
 24 files changed, 3906 deletions(-)
 delete mode 100644 src/sku/README.md
 delete mode 100644 src/sku/README.zh-CN.md
 delete mode 100644 src/sku/Sku.js
 delete mode 100644 src/sku/components/SkuActions.tsx
 delete mode 100644 src/sku/components/SkuDateTimeField.js
 delete mode 100644 src/sku/components/SkuHeader.tsx
 delete mode 100644 src/sku/components/SkuHeaderItem.tsx
 delete mode 100644 src/sku/components/SkuImgUploader.js
 delete mode 100644 src/sku/components/SkuMessages.js
 delete mode 100644 src/sku/components/SkuRow.js
 delete mode 100644 src/sku/components/SkuRowItem.js
 delete mode 100644 src/sku/components/SkuRowPropItem.js
 delete mode 100644 src/sku/components/SkuStepper.js
 delete mode 100644 src/sku/constants.js
 delete mode 100644 src/sku/demo/data.ts
 delete mode 100644 src/sku/demo/index.vue
 delete mode 100644 src/sku/index.js
 delete mode 100644 src/sku/index.less
 delete mode 100644 src/sku/lang.ts
 delete mode 100644 src/sku/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src/sku/test/demo.spec.js
 delete mode 100644 src/sku/test/index.spec.js
 delete mode 100644 src/sku/utils/sku-helper.js
 delete mode 100644 src/sku/utils/time-helper.js

diff --git a/src/sku/README.md b/src/sku/README.md
deleted file mode 100644
index f03ac813e..000000000
--- a/src/sku/README.md
+++ /dev/null
@@ -1,397 +0,0 @@
-# Sku
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Sku } from 'vant';
-
-Vue.use(Sku);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-sku
-  v-model="show"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :hide-stock="sku.hide_stock"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  :reset-stepper-on-hide="resetStepperOnHide"
-  :reset-selected-sku-on-hide="resetSelectedSkuOnHide"
-  :disable-stepper-input="disableStepperInput"
-  :message-config="messageConfig"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      sku: {},
-      goods: {},
-      messageConfig: {},
-    };
-  },
-};
-```
-
-### Custom Stepper
-
-```html
-<van-sku
-  v-model="show"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :hide-stock="sku.hide_stock"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  :custom-stepper-config="customStepperConfig"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
-/>
-```
-
-### Custom By Slot
-
-```html
-<van-sku
-  v-model="show"
-  stepper-title="Stepper title"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :hide-stock="sku.hide_stock"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  show-add-cart-btn
-  reset-stepper-on-hide
-  :initial-sku="initialSku"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
->
-  <!-- custom sku-header-price -->
-  <template #sku-header-price="props">
-    <div class="van-sku__goods-price">
-      <span class="van-sku__price-symbol">￥</span
-      ><span class="van-sku__price-num">{{ props.price }}</span>
-    </div>
-  </template>
-
-  <!-- custom sku actions -->
-  <template #sku-actions="props">
-    <div class="van-sku-actions">
-      <van-button square size="large" type="warning" @click="onPointClicked">
-        Button
-      </van-button>
-      <!-- trigger sku inner event -->
-      <van-button
-        square
-        size="large"
-        type="danger"
-        @click="props.skuEventBus.$emit('sku:buy')"
-      >
-        Button
-      </van-button>
-    </div>
-  </template>
-</van-sku>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type | Default |
-| --- | --- | --- | --- |
-| v-model | Whether to show sku | _boolean_ | `false` |
-| sku | Sku data | _object_ | - |
-| goods | Goods info | _object_ | - |
-| goods-id | Goods id | `string | _number_ | - |
-| price-tag | Tag behind the price | _string_ | - |
-| hide-stock | Whether to hide stock | _boolean_ | `false` |
-| hide-quota-text | Whether to hide quota text | _boolean_ | `false` |
-| hide-selected-text | Whether to hide selected text | _boolean_ | `false` |
-| stock-threshold | stock threshold | _boolean_ | `50` |
-| show-add-cart-btn | Whether to show cart button | _boolean_ | `true` |
-| buy-text | Buy button text | _string_ | - | - |
-| add-cart-text | Add cart button text | _string_ | - | - |
-| quota | Quota (0 as no limit) | _number_ | `0` |
-| quota-used | Used quota | _number_ | `0` |
-| reset-stepper-on-hide | Whether to reset stepper when hide | _boolean_ | `false` |
-| reset-selected-sku-on-hide | Whether to reset selected sku when hide | _boolean_ | `false` |
-| disable-stepper-input | Whether to disable stepper input | _boolean_ | `false` |
-| close-on-click-overlay | Whether to close sku popup when click overlay | _boolean_ | `true` |
-| stepper-title | Quantity title | _string_ | `Quantity` |
-| custom-stepper-config | Custom stepper related config | _object_ | `{}` |
-| message-config | Message related config | _object_ | `{}` |
-| get-container | Return the mount node for sku | _string \| () => Element_ | - |
-| safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
-| start-sale-num `v2.3.0` | Minimum quantity | _number_ | `1` |
-| properties `v2.4.2` | Goods properties | _array_ | - |
-| preview-on-click-image `v2.5.2` | Whether to preview image when click goods image | _boolean_ | `true` |
-| show-header-image `v2.9.0` | Whether to display header image | _boolean_ | `true` |
-| lazy-load | Whether to enable lazy load，should register [Lazyload](#/en-US/lazyload) component | _boolean_ | `false` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| add-cart | Triggered when click cart button | data: object |
-| buy-clicked | Triggered when click buy button | data: object |
-| stepper-change | Triggered when stepper value changed | value: number |
-| sku-selected | Triggered when select sku | { skuValue, selectedSku, selectedSkuComb } |
-| sku-prop-selected | Triggered when select property | { propValue, selectedProp, selectedSkuComb } |
-| open-preview | Triggered when open image preview | data: object |
-| close-preview | Triggered when close image preview | data: object |
-| sku-reset `v2.8.1` | Triggered when reset sku and property | { selectedSku, selectedProp, selectedSkuComb } |
-
-### Methods
-
-Use [ref](https://vuejs.org/v2/api/#ref) to get Sku instance and call instance methods
-
-| Name | Description | Attribute | Return value |
-| --- | --- | --- | --- |
-| getSkuData | Get current skuData | - | skuData |
-| resetSelectedSku `v2.3.0` | Reset selected sku to initial sku | - | - |
-
-### Slots
-
-| Name                            | Description                       |
-| ------------------------------- | --------------------------------- |
-| sku-header                      | Custom header                     |
-| sku-header-price                | Custom header price area          |
-| sku-header-origin-price         | Custom header origin price area   |
-| sku-header-extra                | Extra header area                 |
-| sku-header-image-extra `v2.5.2` | Custom header image extra area    |
-| sku-body-top                    | Custom content before sku-group   |
-| sku-group                       | Custom sku                        |
-| extra-sku-group                 | Extra custom content              |
-| sku-stepper                     | Custom stepper                    |
-| sku-messages                    | Custom messages                   |
-| sku-actions-top `v2.4.7`        | Custom content before sku-actions |
-| sku-actions                     | Custom button actions             |
-
-### Sku Data Structure
-
-```js
-sku: {
-  tree: [
-    {
-      k: 'Color',
-      k_s: 's1',
-      v: [
-        {
-          id: '1',
-          name: 'Red',
-          imgUrl: 'https://img.yzcdn.cn/1.jpg',
-          previewImgUrl: 'https://img.yzcdn.cn/1p.jpg',
-        },
-        {
-          id: '1',
-          name: 'Blue',
-          imgUrl: 'https://img.yzcdn.cn/2.jpg',
-          previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
-        }
-      ],
-      largeImageMode: true, //  whether to enable large image mode
-    }
-  ],
-  list: [
-    {
-      id: 2259,
-      s1: '1',
-      s2: '1',
-      price: 100,
-      stock_num: 110
-    }
-  ],
-  price: '1.00',
-  stock_num: 227,
-  collection_id: 2261,
-  none_sku: false,
-  messages: [
-    {
-      datetime: '0',
-      multiple: '0',
-      name: 'Message',
-      type: 'text',
-      required: '1'，
-      placeholder: ''
-    }
-  ],
-  hide_stock: false,
-  properties: [
-    {
-      k_id: 123,
-      k: 'More',
-      is_multiple: true,
-      v: [
-        {
-          id: 1222,
-          name: 'Tea',
-          price: 1,
-        },
-        {
-          id: 1223,
-          name: 'Water',
-          price: 1,
-        }
-      ],
-    }
-  ]
-}
-```
-
-### properties Data Structure
-
-```js
-[
-  {
-    k_id: 123,
-    k: 'More',
-    is_multiple: true,
-    v: [
-      {
-        id: 1222,
-        name: 'Tea',
-        price: 1,
-      },
-      {
-        id: 1223,
-        name: 'Water',
-        price: 1,
-      },
-    ],
-  },
-];
-```
-
-### initialSku Data Structure
-
-```js
-{
-  // Key：skuKeyStr
-  // Value：skuValueId
-  s1: '30349',
-  s2: '1193',
-  selectedNum: 3,
-  selectedProp: {
-    123: [1222]
-  }
-}
-```
-
-### Goods Data Structure
-
-```js
-goods: {
-  picture: 'https://img.yzcdn.cn/1.jpg';
-}
-```
-
-### customStepperConfig Data Structure
-
-```js
-customStepperConfig: {
-  // custom quota text
-  quotaText: 'only 5 can buy',
-  // custom callback when over limit
-  handleOverLimit: (data) => {
-    const { action, limitType, quota, quotaUsed, startSaleNum } = data;
-
-    if (action === 'minus') {
-      Toast(`at least select ${startSaleNum > 1 ? startSaleNum : 'one'}`);
-    } else if (action === 'plus') {
-      // const { LIMIT_TYPE } = Sku.skuConstants;
-      if (limitType === LIMIT_TYPE.QUOTA_LIMIT) {
-        let msg = `Buy up to ${quota}`;
-        if (quotaUsed > 0) msg += `，you already buy ${quotaUsed}`;
-        Toast(msg);
-      } else {
-        Toast('not enough stock');
-      }
-    }
-  },
-  // custom callback when stepper value change
-  handleStepperChange: currentValue => {},
-  // stock
-  stockNum: 1999,
-  // stock fomatter
-  stockFormatter: stockNum => {},
-}
-```
-
-### messageConfig Data Structure
-
-```js
-messageConfig: {
-  // the upload image callback
-  uploadImg: () => {
-    return new Promise((resolve) => {
-      setTimeout(() => resolve('https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'), 1000);
-    });
-  },
-  // max file size (MB)
-  uploadMaxSize: 3,
-  // placeholder config
-  placeholderMap: {
-    text: 'xxx',
-    tel: 'xxx',
-    ...
-  },
-  // Key：message name
-  // Value：message value
-  initialMessages: {
-    message: 'message value'
-  }
-}
-```
-
-### Events Params Data Structure
-
-```js
-skuData: {
-  goodsId: '946755',
-  messages: {
-    message_0: '12',
-    message_1: ''
-  },
-  cartMessages: {
-    'Message 1': 'xxxx'
-  },
-  selectedNum: 1,
-  selectedSkuComb: {
-    id: 2257,
-    price: 100,
-    s1: '30349',
-    s2: '1193',
-    s3: '0',
-    stock_num: 111,
-    properties: [
-      {
-        k_id: 123,
-        k: 'More',
-        is_multiple: true,
-        v: [
-          {
-            id: 1223,
-            name: 'Water',
-            price: 1
-          }
-        ]
-      }
-    ],
-    property_price: 1
-  }
-}
-```
diff --git a/src/sku/README.zh-CN.md b/src/sku/README.zh-CN.md
deleted file mode 100644
index 6ec0aa866..000000000
--- a/src/sku/README.zh-CN.md
+++ /dev/null
@@ -1,401 +0,0 @@
-# Sku 商品规格
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Sku } from 'vant';
-
-Vue.use(Sku);
-```
-
-## 代码演示
-
-### 基础用法
-
-```html
-<van-sku
-  v-model="show"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  :hide-stock="sku.hide_stock"
-  :message-config="messageConfig"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
-/>
-```
-
-```js
-export default {
-  data() {
-    return {
-      show: false,
-      sku: {
-        // 数据结构见下方文档
-      },
-      goods: {
-        // 数据结构见下方文档
-      },
-      messageConfig: {
-        // 数据结构见下方文档
-      },
-    };
-  },
-};
-```
-
-### 自定义步进器
-
-```html
-<van-sku
-  v-model="show"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  :hide-stock="sku.hide_stock"
-  :custom-stepper-config="customStepperConfig"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
-/>
-```
-
-### 通过插槽定制
-
-```html
-<van-sku
-  v-model="show"
-  stepper-title="我要买"
-  :sku="sku"
-  :goods="goods"
-  :goods-id="goodsId"
-  :quota="quota"
-  :quota-used="quotaUsed"
-  :hide-stock="sku.hide_stock"
-  show-add-cart-btn
-  reset-stepper-on-hide
-  :initial-sku="initialSku"
-  @buy-clicked="onBuyClicked"
-  @add-cart="onAddCartClicked"
->
-  <!-- 自定义 sku-header-price -->
-  <template #sku-header-price="props">
-    <div class="van-sku__goods-price">
-      <span class="van-sku__price-symbol">￥</span
-      ><span class="van-sku__price-num">{{ props.price }}</span>
-    </div>
-  </template>
-
-  <!-- 自定义 sku actions -->
-  <template #sku-actions="props">
-    <div class="van-sku-actions">
-      <van-button square size="large" type="warning" @click="onPointClicked">
-        积分兑换
-      </van-button>
-      <!-- 直接触发 sku 内部事件，通过内部事件执行 onBuyClicked 回调 -->
-      <van-button
-        square
-        size="large"
-        type="danger"
-        @click="props.skuEventBus.$emit('sku:buy')"
-      >
-        买买买
-      </van-button>
-    </div>
-  </template>
-</van-sku>
-```
-
-## API
-
-### Props
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| v-model | 是否显示商品规格弹窗 | _boolean_ | `false` |
-| sku | 商品 sku 数据 | _object_ | - |
-| goods | 商品信息 | _object_ | - |
-| goods-id | 商品 id | _number \| string_ | - |
-| price-tag | 显示在价格后面的标签 | _string_ | - |
-| hide-stock | 是否显示商品剩余库存 | _boolean_ | `false` |
-| hide-quota-text | 是否显示限购提示 | _boolean_ | `false` |
-| hide-selected-text | 是否隐藏已选提示 | _boolean_ | `false` |
-| stock-threshold | 库存阈值。低于这个值会把库存数高亮显示 | _boolean_ | `50` |
-| show-add-cart-btn | 是否显示加入购物车按钮 | _boolean_ | `true` |
-| buy-text | 购买按钮文字 | _string_ | `立即购买` |
-| add-cart-text | 加入购物车按钮文字 | _string_ | `加入购物车` |
-| quota | 限购数，0 表示不限购 | _number_ | `0` |
-| quota-used | 已经购买过的数量 | _number_ | `0` |
-| reset-stepper-on-hide | 隐藏时重置选择的商品数量 | _boolean_ | `false` |
-| reset-selected-sku-on-hide | 隐藏时重置已选择的 sku | _boolean_ | `false` |
-| disable-stepper-input | 是否禁用步进器输入 | _boolean_ | `false` |
-| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
-| stepper-title | 数量选择组件左侧文案 | _string_ | `购买数量` |
-| custom-stepper-config | 步进器相关自定义配置 | _object_ | `{}` |
-| message-config | 留言相关配置 | _object_ | `{}` |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
-| initial-sku | 默认选中的 sku，具体参考高级用法 | _object_ | `{}` |
-| show-soldout-sku | 是否展示售罄的 sku，默认展示并置灰 | _boolean_ | `true` |
-| safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
-| start-sale-num `v2.3.0` | 起售数量 | _number_ | `1` |
-| properties `v2.4.2` | 商品属性 | _array_ | - |
-| preview-on-click-image `v2.5.2` | 是否在点击商品图片时自动预览 | _boolean_ | `true` |
-| show-header-image `v2.9.0` | 是否展示头部图片 | _boolean_ | `true` |
-| lazy-load `v2.9.0` | 是否开启图片懒加载，须配合 [Lazyload](#/zh-CN/lazyload) 组件使用 | _boolean_ | `false` |
-
-### Events
-
-| 事件名 | 说明 | 回调参数 |
-| --- | --- | --- |
-| add-cart | 点击添加购物车回调 | skuData: object |
-| buy-clicked | 点击购买回调 | skuData: object |
-| stepper-change | 购买数量变化时触发 | value: number |
-| sku-selected | 切换规格类目时触发 | { skuValue, selectedSku, selectedSkuComb } |
-| sku-prop-selected | 切换商品属性时触发 | { propValue, selectedProp, selectedSkuComb } |
-| open-preview | 打开商品图片预览时触发 | data: object |
-| close-preview | 关闭商品图片预览时触发 | data: object |
-| sku-reset `v2.8.1` | 规格和属性被重置时触发 | { selectedSku, selectedProp, selectedSkuComb } |
-
-### 方法
-
-通过 ref 可以获取到 Sku 实例并调用实例方法，详见[组件实例方法](#/zh-CN/quickstart#zu-jian-shi-li-fang-fa)
-
-| 方法名                    | 说明                   | 参数 | 返回值  |
-| ------------------------- | ---------------------- | ---- | ------- |
-| getSkuData                | 获取当前 skuData       | -    | skuData |
-| resetSelectedSku `v2.3.0` | 重置选中规格到初始状态 | -    | -       |
-
-### Slots
-
-Sku 组件默认划分好了若干区块，这些区块都定义成了插槽，可以按需进行替换。区块顺序见下表：
-
-| 名称 | 说明 |
-| --- | --- |
-| sku-header | 商品信息展示区，包含商品图片、名称、价格等信息 |
-| sku-header-price | 自定义 sku 头部价格展示 |
-| sku-header-origin-price | 自定义 sku 头部原价展示 |
-| sku-header-extra | 额外 sku 头部区域 |
-| sku-header-image-extra `v2.5.2` | 自定义 sku 头部图片额外的展示 |
-| sku-body-top | sku 展示区上方的内容，无默认展示内容，按需使用 |
-| sku-group | 商品 sku 展示区 |
-| extra-sku-group | 额外商品 sku 展示区，一般用不到 |
-| sku-stepper | 商品数量选择区 |
-| sku-messages | 商品留言区 |
-| sku-actions-top `v2.4.7` | 操作按钮区顶部内容，无默认展示内容，按需使用 |
-| sku-actions | 操作按钮区 |
-
-### sku 对象结构
-
-```js
-sku: {
-  // 所有sku规格类目与其值的从属关系，比如商品有颜色和尺码两大类规格，颜色下面又有红色和蓝色两个规格值。
-  // 可以理解为一个商品可以有多个规格类目，一个规格类目下可以有多个规格值。
-  tree: [
-    {
-      k: '颜色', // skuKeyName：规格类目名称
-      k_s: 's1', // skuKeyStr：sku 组合列表（下方 list）中当前类目对应的 key 值，value 值会是从属于当前类目的一个规格值 id
-      v: [
-        {
-          id: '1', // skuValueId：规格值 id
-          name: '红色', // skuValueName：规格值名称
-          imgUrl: 'https://img.yzcdn.cn/1.jpg', // 规格类目图片，只有第一个规格类目可以定义图片
-          previewImgUrl: 'https://img.yzcdn.cn/1p.jpg', // 用于预览显示的规格类目图片
-        },
-        {
-          id: '1',
-          name: '蓝色',
-          imgUrl: 'https://img.yzcdn.cn/2.jpg',
-          previewImgUrl: 'https://img.yzcdn.cn/2p.jpg',
-        }
-      ],
-      largeImageMode: true, //  是否展示大图模式
-    }
-  ],
-  // 所有 sku 的组合列表，比如红色、M 码为一个 sku 组合，红色、S 码为另一个组合
-  list: [
-    {
-      id: 2259, // skuId
-      s1: '1', // 规格类目 k_s 为 s1 的对应规格值 id
-      s2: '1', // 规格类目 k_s 为 s2 的对应规格值 id
-      price: 100, // 价格（单位分）
-      stock_num: 110 // 当前 sku 组合对应的库存
-    }
-  ],
-  price: '1.00', // 默认价格（单位元）
-  stock_num: 227, // 商品总库存
-  collection_id: 2261, // 无规格商品 skuId 取 collection_id，否则取所选 sku 组合对应的 id
-  none_sku: false, // 是否无规格商品
-  messages: [
-    {
-      // 商品留言
-      datetime: '0', // 留言类型为 time 时，是否含日期。'1' 表示包含
-      multiple: '0', // 留言类型为 text 时，是否多行文本。'1' 表示多行
-      name: '留言', // 留言名称
-      type: 'text', // 留言类型，可选: id_no（身份证）, text, tel, date, time, email
-      required: '1', // 是否必填 '1' 表示必填
-      placeholder: '' // 可选值，占位文本
-    }
-  ],
-  hide_stock: false // 是否隐藏剩余库存
-}
-```
-
-### properties 对象结构
-
-```js
-[
-  // 商品属性
-  {
-    k_id: 123, // 属性id
-    k: '加料', // 属性名
-    is_multiple: true, // 是否可多选
-    v: [
-      {
-        id: 1222, // 属性值id
-        name: '珍珠', // 属性值名
-        price: 1, // 属性值加价
-      },
-      {
-        id: 1223,
-        name: '椰果',
-        price: 1,
-      },
-    ],
-  },
-];
-```
-
-### initialSku 对象结构
-
-```js
-{
-  // 键：skuKeyStr（sku 组合列表中当前类目对应的 key 值）
-  // 值：skuValueId（规格值 id）
-  s1: '1',
-  s2: '1',
-  // 初始选中数量
-  selectedNum: 3,
-  // 初始选中的商品属性
-  // 键：属性id
-  // 值：属性值id列表
-  selectedProp: {
-    123: [1222]
-  }
-}
-```
-
-### goods 对象结构
-
-```js
-goods: {
-  // 默认商品 sku 缩略图
-  picture: 'https://img.yzcdn.cn/1.jpg';
-}
-```
-
-### customStepperConfig 对象结构
-
-```js
-customStepperConfig: {
-  // 自定义限购文案
-  quotaText: '每次限购xxx件',
-  // 自定义步进器超过限制时的回调
-  handleOverLimit: (data) => {
-    const { action, limitType, quota, quotaUsed, startSaleNum } = data;
-
-    if (action === 'minus') {
-      Toast(startSaleNum > 1  ? `${startSaleNum}件起售` : '至少选择一件商品');
-    } else if (action === 'plus') {
-      // const { LIMIT_TYPE } = Sku.skuConstants;
-      if (limitType === LIMIT_TYPE.QUOTA_LIMIT) {
-        let msg = `单次限购${quota}件`;
-        if (quotaUsed > 0) msg += `，你已购买${quotaUsed}`;
-        Toast(msg);
-      } else {
-        Toast('库存不够了');
-      }
-    }
-  },
-  // 步进器变化的回调
-  handleStepperChange: currentValue => {},
-  // 库存
-  stockNum: 1999,
-  // 格式化库存
-  stockFormatter: stockNum => {},
-}
-```
-
-### messageConfig 对象结构
-
-```js
-messageConfig: {
-  // 图片上传回调，需要返回一个promise，promise正确执行的结果需要是一个图片url
-  uploadImg: () => {
-    return new Promise((resolve) => {
-      setTimeout(() => resolve('https://img.yzcdn.cn/upload_files/2017/02/21/FjKTOxjVgnUuPmHJRdunvYky9OHP.jpg!100x100.jpg'), 1000);
-    });
-  },
-  // 最大上传体积 (MB)
-  uploadMaxSize: 3,
-  // placeholder 配置
-  placeholderMap: {
-    text: 'xxx',
-    tel: 'xxx',
-    ...
-  },
-  // 初始留言信息
-  // 键：留言 name
-  // 值：留言内容
-  initialMessages: {
-    留言: '留言信息'
-  }
-}
-```
-
-### 添加购物车和点击购买回调函数接收的 skuData 对象结构
-
-```js
-skuData: {
-  // 商品 id
-  goodsId: '946755',
-  // 留言信息
-  messages: {
-    message_0: '12',
-    message_1: ''
-  },
-  // 另一种格式的留言，key 不同
-  cartMessages: {
-    '留言1': 'xxxx'
-  },
-  // 选择的商品数量
-  selectedNum: 1,
-  // 选择的 sku 组合
-  selectedSkuComb: {
-    id: 2257,
-    price: 100,
-    s1: '30349',
-    s2: '1193',
-    s3: '0',
-    stock_num: 111,
-    properties: [
-      {
-        k_id: 123,
-        k: '加料',
-        is_multiple: true,
-        v: [
-          {
-            id: 1223,
-            name: '椰果',
-            price: 1
-          }
-        ]
-      }
-    ],
-    property_price: 1
-  },
-}
-```
diff --git a/src/sku/Sku.js b/src/sku/Sku.js
deleted file mode 100644
index 230c26191..000000000
--- a/src/sku/Sku.js
+++ /dev/null
@@ -1,807 +0,0 @@
-import Vue from 'vue';
-import Popup from '../popup';
-import Toast from '../toast';
-import ImagePreview from '../image-preview';
-import SkuHeader from './components/SkuHeader';
-import SkuHeaderItem from './components/SkuHeaderItem';
-import SkuRow from './components/SkuRow';
-import SkuRowItem from './components/SkuRowItem';
-import SkuRowPropItem from './components/SkuRowPropItem';
-import SkuStepper from './components/SkuStepper';
-import SkuMessages from './components/SkuMessages';
-import SkuActions from './components/SkuActions';
-import { createNamespace, isDef } from '../utils';
-import {
-  isAllSelected,
-  isSkuChoosable,
-  getSkuComb,
-  getSelectedSkuValues,
-  getSelectedPropValues,
-  getSelectedProperties,
-} from './utils/sku-helper';
-import { LIMIT_TYPE, UNSELECTED_SKU_VALUE_ID } from './constants';
-
-const namespace = createNamespace('sku');
-const [createComponent, bem, t] = namespace;
-const { QUOTA_LIMIT } = LIMIT_TYPE;
-
-export default createComponent({
-  props: {
-    sku: Object,
-    goods: Object,
-    value: Boolean,
-    buyText: String,
-    goodsId: [Number, String],
-    priceTag: String,
-    lazyLoad: Boolean,
-    hideStock: Boolean,
-    properties: Array,
-    addCartText: String,
-    stepperTitle: String,
-    getContainer: [String, Function],
-    hideQuotaText: Boolean,
-    hideSelectedText: Boolean,
-    resetStepperOnHide: Boolean,
-    customSkuValidator: Function,
-    disableStepperInput: Boolean,
-    resetSelectedSkuOnHide: Boolean,
-    quota: {
-      type: Number,
-      default: 0,
-    },
-    quotaUsed: {
-      type: Number,
-      default: 0,
-    },
-    startSaleNum: {
-      type: Number,
-      default: 1,
-    },
-    initialSku: {
-      type: Object,
-      default: () => ({}),
-    },
-    stockThreshold: {
-      type: Number,
-      default: 50,
-    },
-    showSoldoutSku: {
-      type: Boolean,
-      default: true,
-    },
-    showAddCartBtn: {
-      type: Boolean,
-      default: true,
-    },
-    customStepperConfig: {
-      type: Object,
-      default: () => ({}),
-    },
-    showHeaderImage: {
-      type: Boolean,
-      default: true,
-    },
-    previewOnClickImage: {
-      type: Boolean,
-      default: true,
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: true,
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
-    bodyOffsetTop: {
-      type: Number,
-      default: 200,
-    },
-    messageConfig: {
-      type: Object,
-      default: () => ({
-        initialMessages: {},
-        placeholderMap: {},
-        uploadImg: () => Promise.resolve(),
-        uploadMaxSize: 5,
-      }),
-    },
-  },
-
-  data() {
-    return {
-      selectedSku: {},
-      selectedProp: {},
-      selectedNum: 1,
-      show: this.value,
-    };
-  },
-
-  watch: {
-    show(val) {
-      this.$emit('input', val);
-
-      if (!val) {
-        this.$emit('sku-close', {
-          selectedSkuValues: this.selectedSkuValues,
-          selectedNum: this.selectedNum,
-          selectedSkuComb: this.selectedSkuComb,
-        });
-
-        if (this.resetStepperOnHide) {
-          this.resetStepper();
-        }
-
-        if (this.resetSelectedSkuOnHide) {
-          this.resetSelectedSku();
-        }
-      }
-    },
-
-    value(val) {
-      this.show = val;
-    },
-
-    skuTree: 'resetSelectedSku',
-
-    initialSku() {
-      this.resetStepper();
-      this.resetSelectedSku();
-    },
-  },
-
-  computed: {
-    skuGroupClass() {
-      return [
-        'van-sku-group-container',
-        {
-          'van-sku-group-container--hide-soldout': !this.showSoldoutSku,
-        },
-      ];
-    },
-
-    bodyStyle() {
-      if (this.$isServer) {
-        return;
-      }
-
-      const maxHeight = window.innerHeight - this.bodyOffsetTop;
-
-      return {
-        maxHeight: maxHeight + 'px',
-      };
-    },
-
-    isSkuCombSelected() {
-      // SKU 未选完
-      if (this.hasSku && !isAllSelected(this.skuTree, this.selectedSku)) {
-        return false;
-      }
-
-      // 属性未全选
-      return !this.propList.some(
-        (it) => (this.selectedProp[it.k_id] || []).length < 1
-      );
-    },
-
-    isSkuEmpty() {
-      return Object.keys(this.sku).length === 0;
-    },
-
-    hasSku() {
-      return !this.sku.none_sku;
-    },
-
-    hasSkuOrAttr() {
-      return this.hasSku || this.propList.length > 0;
-    },
-
-    selectedSkuComb() {
-      let skuComb = null;
-      if (this.isSkuCombSelected) {
-        if (this.hasSku) {
-          skuComb = getSkuComb(this.skuList, this.selectedSku);
-        } else {
-          skuComb = {
-            id: this.sku.collection_id,
-            price: Math.round(this.sku.price * 100),
-            stock_num: this.sku.stock_num,
-          };
-        }
-
-        if (skuComb) {
-          skuComb.properties = getSelectedProperties(
-            this.propList,
-            this.selectedProp
-          );
-          skuComb.property_price = this.selectedPropValues.reduce(
-            (acc, cur) => acc + (cur.price || 0),
-            0
-          );
-        }
-      }
-      return skuComb;
-    },
-
-    selectedSkuValues() {
-      return getSelectedSkuValues(this.skuTree, this.selectedSku);
-    },
-
-    selectedPropValues() {
-      return getSelectedPropValues(this.propList, this.selectedProp);
-    },
-
-    price() {
-      if (this.selectedSkuComb) {
-        return (
-          (this.selectedSkuComb.price + this.selectedSkuComb.property_price) /
-          100
-        ).toFixed(2);
-      }
-      // sku.price是一个格式化好的价格区间
-      return this.sku.price;
-    },
-
-    originPrice() {
-      if (this.selectedSkuComb && this.selectedSkuComb.origin_price) {
-        return (
-          (this.selectedSkuComb.origin_price +
-            this.selectedSkuComb.property_price) /
-          100
-        ).toFixed(2);
-      }
-      return this.sku.origin_price;
-    },
-
-    skuTree() {
-      return this.sku.tree || [];
-    },
-
-    skuList() {
-      return this.sku.list || [];
-    },
-
-    propList() {
-      return this.properties || [];
-    },
-
-    imageList() {
-      const imageList = [this.goods.picture];
-
-      if (this.skuTree.length > 0) {
-        this.skuTree.forEach((treeItem) => {
-          if (!treeItem.v) {
-            return;
-          }
-
-          treeItem.v.forEach((vItem) => {
-            const imgUrl = vItem.previewImgUrl || vItem.imgUrl || vItem.img_url;
-
-            if (imgUrl && imageList.indexOf(imgUrl) === -1) {
-              imageList.push(imgUrl);
-            }
-          });
-        });
-      }
-
-      return imageList;
-    },
-
-    stock() {
-      const { stockNum } = this.customStepperConfig;
-      if (stockNum !== undefined) {
-        return stockNum;
-      }
-      if (this.selectedSkuComb) {
-        return this.selectedSkuComb.stock_num;
-      }
-      return this.sku.stock_num;
-    },
-
-    stockText() {
-      const { stockFormatter } = this.customStepperConfig;
-      if (stockFormatter) {
-        return stockFormatter(this.stock);
-      }
-
-      return [
-        `${t('stock')} `,
-        <span
-          class={bem('stock-num', {
-            highlight: this.stock < this.stockThreshold,
-          })}
-        >
-          {this.stock}
-        </span>,
-        ` ${t('stockUnit')}`,
-      ];
-    },
-
-    selectedText() {
-      if (this.selectedSkuComb) {
-        const values = this.selectedSkuValues.concat(this.selectedPropValues);
-        return `${t('selected')} ${values.map((item) => item.name).join(' ')}`;
-      }
-
-      const unselectedSku = this.skuTree
-        .filter(
-          (item) => this.selectedSku[item.k_s] === UNSELECTED_SKU_VALUE_ID
-        )
-        .map((item) => item.k);
-
-      const unselectedProp = this.propList
-        .filter((item) => (this.selectedProp[item.k_id] || []).length < 1)
-        .map((item) => item.k);
-
-      return `${t('select')} ${unselectedSku.concat(unselectedProp).join(' ')}`;
-    },
-  },
-
-  created() {
-    const skuEventBus = new Vue();
-    this.skuEventBus = skuEventBus;
-
-    skuEventBus.$on('sku:select', this.onSelect);
-    skuEventBus.$on('sku:propSelect', this.onPropSelect);
-    skuEventBus.$on('sku:numChange', this.onNumChange);
-    skuEventBus.$on('sku:previewImage', this.onPreviewImage);
-    skuEventBus.$on('sku:overLimit', this.onOverLimit);
-    skuEventBus.$on('sku:stepperState', this.onStepperState);
-    skuEventBus.$on('sku:addCart', this.onAddCart);
-    skuEventBus.$on('sku:buy', this.onBuy);
-
-    this.resetStepper();
-    this.resetSelectedSku();
-
-    // 组件初始化后的钩子，抛出skuEventBus
-    this.$emit('after-sku-create', skuEventBus);
-  },
-
-  methods: {
-    resetStepper() {
-      const { skuStepper } = this.$refs;
-      const { selectedNum } = this.initialSku;
-      const num = isDef(selectedNum) ? selectedNum : this.startSaleNum;
-      // 用来缓存不合法的情况
-      this.stepperError = null;
-
-      if (skuStepper) {
-        skuStepper.setCurrentNum(num);
-      } else {
-        // 当首次加载（skuStepper 为空）时，传入数量如果不合法，可能会存在问题
-        this.selectedNum = num;
-      }
-    },
-
-    // @exposed-api
-    resetSelectedSku() {
-      this.selectedSku = {};
-
-      // 重置 selectedSku
-      this.skuTree.forEach((item) => {
-        this.selectedSku[item.k_s] = UNSELECTED_SKU_VALUE_ID;
-      });
-      this.skuTree.forEach((item) => {
-        const key = item.k_s;
-        // 规格值只有1个时，优先判断
-        const valueId =
-          item.v.length === 1 ? item.v[0].id : this.initialSku[key];
-        if (
-          valueId &&
-          isSkuChoosable(this.skuList, this.selectedSku, { key, valueId })
-        ) {
-          this.selectedSku[key] = valueId;
-        }
-      });
-
-      const skuValues = this.selectedSkuValues;
-
-      if (skuValues.length > 0) {
-        this.$nextTick(() => {
-          this.$emit('sku-selected', {
-            skuValue: skuValues[skuValues.length - 1],
-            selectedSku: this.selectedSku,
-            selectedSkuComb: this.selectedSkuComb,
-          });
-        });
-      }
-
-      // 重置商品属性
-      this.selectedProp = {};
-      const { selectedProp = {} } = this.initialSku;
-      // 只有一个属性值时，默认选中，且选中外部传入信息
-      this.propList.forEach((item) => {
-        if (item.v && item.v.length === 1) {
-          this.selectedProp[item.k_id] = [item.v[0].id];
-        } else if (selectedProp[item.k_id]) {
-          this.selectedProp[item.k_id] = selectedProp[item.k_id];
-        }
-      });
-
-      const propValues = this.selectedPropValues;
-      if (propValues.length > 0) {
-        this.$emit('sku-prop-selected', {
-          propValue: propValues[propValues.length - 1],
-          selectedProp: this.selectedProp,
-          selectedSkuComb: this.selectedSkuComb,
-        });
-      }
-
-      // 抛出重置事件
-      this.$emit('sku-reset', {
-        selectedSku: this.selectedSku,
-        selectedProp: this.selectedProp,
-        selectedSkuComb: this.selectedSkuComb,
-      });
-
-      this.centerInitialSku();
-    },
-
-    getSkuMessages() {
-      return this.$refs.skuMessages ? this.$refs.skuMessages.getMessages() : {};
-    },
-
-    getSkuCartMessages() {
-      return this.$refs.skuMessages
-        ? this.$refs.skuMessages.getCartMessages()
-        : {};
-    },
-
-    validateSkuMessages() {
-      return this.$refs.skuMessages
-        ? this.$refs.skuMessages.validateMessages()
-        : '';
-    },
-
-    validateSku() {
-      if (this.selectedNum === 0) {
-        return t('unavailable');
-      }
-
-      if (this.isSkuCombSelected) {
-        return this.validateSkuMessages();
-      }
-
-      // 自定义sku校验
-      if (this.customSkuValidator) {
-        const err = this.customSkuValidator(this);
-        if (err) return err;
-      }
-
-      return t('selectSku');
-    },
-
-    onSelect(skuValue) {
-      // 点击已选中的sku时则取消选中
-      this.selectedSku =
-        this.selectedSku[skuValue.skuKeyStr] === skuValue.id
-          ? {
-              ...this.selectedSku,
-              [skuValue.skuKeyStr]: UNSELECTED_SKU_VALUE_ID,
-            }
-          : { ...this.selectedSku, [skuValue.skuKeyStr]: skuValue.id };
-
-      this.$emit('sku-selected', {
-        skuValue,
-        selectedSku: this.selectedSku,
-        selectedSkuComb: this.selectedSkuComb,
-      });
-    },
-
-    onPropSelect(propValue) {
-      const arr = this.selectedProp[propValue.skuKeyStr] || [];
-      const pos = arr.indexOf(propValue.id);
-
-      if (pos > -1) {
-        arr.splice(pos, 1);
-      } else if (propValue.multiple) {
-        arr.push(propValue.id);
-      } else {
-        arr.splice(0, 1, propValue.id);
-      }
-
-      this.selectedProp = {
-        ...this.selectedProp,
-        [propValue.skuKeyStr]: arr,
-      };
-
-      this.$emit('sku-prop-selected', {
-        propValue,
-        selectedProp: this.selectedProp,
-        selectedSkuComb: this.selectedSkuComb,
-      });
-    },
-
-    onNumChange(num) {
-      this.selectedNum = num;
-    },
-
-    onPreviewImage(selectedValue) {
-      const { imageList } = this;
-      let index = 0;
-      let indexImage = imageList[0];
-      if (selectedValue && selectedValue.imgUrl) {
-        this.imageList.some((image, pos) => {
-          if (image === selectedValue.imgUrl) {
-            index = pos;
-            return true;
-          }
-          return false;
-        });
-        indexImage = selectedValue.imgUrl;
-      }
-      const params = {
-        ...selectedValue,
-        index,
-        imageList: this.imageList,
-        indexImage,
-      };
-
-      this.$emit('open-preview', params);
-
-      if (!this.previewOnClickImage) {
-        return;
-      }
-
-      ImagePreview({
-        images: this.imageList,
-        startPosition: index,
-        onClose: () => {
-          this.$emit('close-preview', params);
-        },
-      });
-    },
-
-    onOverLimit(data) {
-      const { action, limitType, quota, quotaUsed } = data;
-      const { handleOverLimit } = this.customStepperConfig;
-
-      if (handleOverLimit) {
-        handleOverLimit(data);
-        return;
-      }
-
-      if (action === 'minus') {
-        if (this.startSaleNum > 1) {
-          Toast(t('minusStartTip', this.startSaleNum));
-        } else {
-          Toast(t('minusTip'));
-        }
-      } else if (action === 'plus') {
-        if (limitType === QUOTA_LIMIT) {
-          if (quotaUsed > 0) {
-            Toast(t('quotaUsedTip', quota, quotaUsed));
-          } else {
-            Toast(t('quotaTip', quota));
-          }
-        } else {
-          Toast(t('soldout'));
-        }
-      }
-    },
-
-    onStepperState(data) {
-      this.stepperError = data.valid
-        ? null
-        : {
-            ...data,
-            action: 'plus',
-          };
-    },
-
-    onAddCart() {
-      this.onBuyOrAddCart('add-cart');
-    },
-
-    onBuy() {
-      this.onBuyOrAddCart('buy-clicked');
-    },
-
-    onBuyOrAddCart(type) {
-      // sku 不符合购买条件
-      if (this.stepperError) {
-        return this.onOverLimit(this.stepperError);
-      }
-
-      const error = this.validateSku();
-
-      if (error) {
-        Toast(error);
-      } else {
-        this.$emit(type, this.getSkuData());
-      }
-    },
-
-    // @exposed-api
-    getSkuData() {
-      return {
-        goodsId: this.goodsId,
-        messages: this.getSkuMessages(),
-        selectedNum: this.selectedNum,
-        cartMessages: this.getSkuCartMessages(),
-        selectedSkuComb: this.selectedSkuComb,
-      };
-    },
-
-    // 当 popup 完全打开后执行
-    onOpened() {
-      this.centerInitialSku();
-    },
-
-    centerInitialSku() {
-      (this.$refs.skuRows || []).forEach((it) => {
-        const { k_s } = it.skuRow || {};
-        it.centerItem(this.initialSku[k_s]);
-      });
-    },
-  },
-
-  render() {
-    if (this.isSkuEmpty) {
-      return;
-    }
-
-    const {
-      sku,
-      skuList,
-      goods,
-      price,
-      lazyLoad,
-      originPrice,
-      skuEventBus,
-      selectedSku,
-      selectedProp,
-      selectedNum,
-      stepperTitle,
-      selectedSkuComb,
-      showHeaderImage,
-    } = this;
-
-    const slotsProps = {
-      price,
-      originPrice,
-      selectedNum,
-      skuEventBus,
-      selectedSku,
-      selectedSkuComb,
-    };
-
-    const slots = (name) => this.slots(name, slotsProps);
-
-    const Header = slots('sku-header') || (
-      <SkuHeader
-        sku={sku}
-        goods={goods}
-        skuEventBus={skuEventBus}
-        selectedSku={selectedSku}
-        showHeaderImage={showHeaderImage}
-      >
-        <template slot="sku-header-image-extra">
-          {slots('sku-header-image-extra')}
-        </template>
-        {slots('sku-header-price') || (
-          <div class="van-sku__goods-price">
-            <span class="van-sku__price-symbol">￥</span>
-            <span class="van-sku__price-num">{price}</span>
-            {this.priceTag && (
-              <span class="van-sku__price-tag">{this.priceTag}</span>
-            )}
-          </div>
-        )}
-        {slots('sku-header-origin-price') ||
-          (originPrice && (
-            <SkuHeaderItem>
-              {t('originPrice')} ￥{originPrice}
-            </SkuHeaderItem>
-          ))}
-        {!this.hideStock && (
-          <SkuHeaderItem>
-            <span class="van-sku__stock">{this.stockText}</span>
-          </SkuHeaderItem>
-        )}
-        {this.hasSkuOrAttr && !this.hideSelectedText && (
-          <SkuHeaderItem>{this.selectedText}</SkuHeaderItem>
-        )}
-        {slots('sku-header-extra')}
-      </SkuHeader>
-    );
-
-    const Group =
-      slots('sku-group') ||
-      (this.hasSkuOrAttr && (
-        <div class={this.skuGroupClass}>
-          {this.skuTree.map((skuTreeItem) => (
-            <SkuRow skuRow={skuTreeItem} ref="skuRows" refInFor>
-              {skuTreeItem.v.map((skuValue) => (
-                <SkuRowItem
-                  skuList={skuList}
-                  lazyLoad={lazyLoad}
-                  skuValue={skuValue}
-                  skuKeyStr={skuTreeItem.k_s}
-                  selectedSku={selectedSku}
-                  skuEventBus={skuEventBus}
-                  largeImageMode={skuTreeItem.largeImageMode}
-                />
-              ))}
-            </SkuRow>
-          ))}
-          {this.propList.map((skuTreeItem) => (
-            <SkuRow skuRow={skuTreeItem}>
-              {skuTreeItem.v.map((skuValue) => (
-                <SkuRowPropItem
-                  skuValue={skuValue}
-                  skuKeyStr={skuTreeItem.k_id + ''}
-                  selectedProp={selectedProp}
-                  skuEventBus={skuEventBus}
-                  multiple={skuTreeItem.is_multiple}
-                />
-              ))}
-            </SkuRow>
-          ))}
-        </div>
-      ));
-
-    const Stepper = slots('sku-stepper') || (
-      <SkuStepper
-        ref="skuStepper"
-        stock={this.stock}
-        quota={this.quota}
-        quotaUsed={this.quotaUsed}
-        startSaleNum={this.startSaleNum}
-        skuEventBus={skuEventBus}
-        selectedNum={selectedNum}
-        stepperTitle={stepperTitle}
-        skuStockNum={sku.stock_num}
-        disableStepperInput={this.disableStepperInput}
-        customStepperConfig={this.customStepperConfig}
-        hideQuotaText={this.hideQuotaText}
-        onChange={(event) => {
-          this.$emit('stepper-change', event);
-        }}
-      />
-    );
-
-    const Messages = slots('sku-messages') || (
-      <SkuMessages
-        ref="skuMessages"
-        goodsId={this.goodsId}
-        messageConfig={this.messageConfig}
-        messages={sku.messages}
-      />
-    );
-
-    const Actions = slots('sku-actions') || (
-      <SkuActions
-        buyText={this.buyText}
-        skuEventBus={skuEventBus}
-        addCartText={this.addCartText}
-        showAddCartBtn={this.showAddCartBtn}
-      />
-    );
-
-    return (
-      <Popup
-        vModel={this.show}
-        round
-        closeable
-        position="bottom"
-        class="van-sku-container"
-        getContainer={this.getContainer}
-        closeOnClickOverlay={this.closeOnClickOverlay}
-        safeAreaInsetBottom={this.safeAreaInsetBottom}
-        onOpened={this.onOpened}
-      >
-        {Header}
-        <div class="van-sku-body" style={this.bodyStyle}>
-          {slots('sku-body-top')}
-          {Group}
-          {slots('extra-sku-group')}
-          {Stepper}
-          {Messages}
-        </div>
-        {slots('sku-actions-top')}
-        {Actions}
-      </Popup>
-    );
-  },
-});
diff --git a/src/sku/components/SkuActions.tsx b/src/sku/components/SkuActions.tsx
deleted file mode 100644
index 0fdd7769c..000000000
--- a/src/sku/components/SkuActions.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { inherit } from '../../utils/functional';
-
-// Components
-import Button from '../../button';
-
-// Types
-import { DefaultSlots } from '../../utils/types';
-import Vue, { CreateElement, RenderContext } from 'vue/types';
-
-export type SkuActionsProps = {
-  buyText?: string;
-  skuEventBus: Vue;
-  addCartText?: string;
-  showAddCartBtn?: boolean;
-};
-
-const [createComponent, bem, t] = createNamespace('sku-actions');
-
-function SkuActions(
-  h: CreateElement,
-  props: SkuActionsProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<SkuActionsProps>
-) {
-  const createEmitter = (name: string) => () => {
-    props.skuEventBus.$emit(name);
-  };
-
-  return (
-    <div class={bem()} {...inherit(ctx)}>
-      {props.showAddCartBtn && (
-        <Button
-          size="large"
-          type="warning"
-          text={props.addCartText || t('addCart')}
-          onClick={createEmitter('sku:addCart')}
-        />
-      )}
-      <Button
-        size="large"
-        type="danger"
-        text={props.buyText || t('buy')}
-        onClick={createEmitter('sku:buy')}
-      />
-    </div>
-  );
-}
-
-SkuActions.props = {
-  buyText: String,
-  addCartText: String,
-  skuEventBus: Object,
-  showAddCartBtn: Boolean,
-};
-
-export default createComponent<SkuActionsProps>(SkuActions);
diff --git a/src/sku/components/SkuDateTimeField.js b/src/sku/components/SkuDateTimeField.js
deleted file mode 100644
index 879b45b26..000000000
--- a/src/sku/components/SkuDateTimeField.js
+++ /dev/null
@@ -1,107 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { stringToDate, dateToString } from '../utils/time-helper';
-
-// Components
-import Popup from '../../popup';
-import DateTimePicker from '../../datetime-picker';
-import Field from '../../field';
-
-const namespace = createNamespace('sku-datetime-field');
-const createComponent = namespace[0];
-const t = namespace[2];
-
-export default createComponent({
-  props: {
-    value: String,
-    label: String,
-    required: Boolean,
-    placeholder: String,
-    type: {
-      type: String,
-      default: 'date',
-    },
-  },
-
-  data() {
-    return {
-      showDatePicker: false,
-      currentDate: this.type === 'time' ? '' : new Date(),
-      minDate: new Date(new Date().getFullYear() - 60, 0, 1),
-    };
-  },
-
-  watch: {
-    value(val) {
-      switch (this.type) {
-        case 'time':
-          this.currentDate = val;
-          break;
-        case 'date':
-        case 'datetime':
-          this.currentDate = stringToDate(val) || new Date();
-          break;
-      }
-    },
-  },
-
-  computed: {
-    title() {
-      return t(`title.${this.type}`);
-    },
-  },
-
-  methods: {
-    onClick() {
-      this.showDatePicker = true;
-    },
-    onConfirm(val) {
-      let data = val;
-      if (this.type !== 'time') {
-        data = dateToString(val, this.type);
-      }
-      this.$emit('input', data);
-      this.showDatePicker = false;
-    },
-    onCancel() {
-      this.showDatePicker = false;
-    },
-    formatter(type, val) {
-      const word = t(`format.${type}`);
-      return `${val}${word}`;
-    },
-  },
-
-  render() {
-    return (
-      <Field
-        readonly
-        is-link
-        center
-        value={this.value}
-        label={this.label}
-        required={this.required}
-        placeholder={this.placeholder}
-        onClick={this.onClick}
-      >
-        <Popup
-          vModel={this.showDatePicker}
-          round
-          slot="extra"
-          position="bottom"
-          getContainer="body"
-        >
-          <DateTimePicker
-            type={this.type}
-            title={this.title}
-            value={this.currentDate}
-            minDate={this.minDate}
-            formatter={this.formatter}
-            onCancel={this.onCancel}
-            onConfirm={this.onConfirm}
-          />
-        </Popup>
-      </Field>
-    );
-  },
-});
diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx
deleted file mode 100644
index 79dc9e162..000000000
--- a/src/sku/components/SkuHeader.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { inherit } from '../../utils/functional';
-import { BORDER_BOTTOM } from '../../utils/constant';
-
-// Components
-import Image from '../../image';
-
-// Types
-import Vue, { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../../utils/types';
-import { SkuData, SkuGoodsData, SelectedSkuData } from '../../../types/sku';
-
-export type SkuHeaderProps = {
-  sku: SkuData;
-  goods: SkuGoodsData;
-  skuEventBus: Vue;
-  selectedSku: SelectedSkuData;
-  showHeaderImage: boolean;
-};
-
-export type SkuHeaderSlots = DefaultSlots & {
-  'sku-header-image-extra'?: ScopedSlot;
-};
-
-type SelectedValueType = {
-  ks: string;
-  imgUrl: string;
-};
-
-const [createComponent, bem] = createNamespace('sku-header');
-
-function getSkuImgValue(
-  sku: SkuData,
-  selectedSku: SelectedSkuData
-): SelectedValueType | undefined {
-  let imgValue;
-
-  sku.tree.some((item) => {
-    const id = selectedSku[item.k_s];
-
-    if (id && item.v) {
-      const matchedSku =
-        item.v.filter((skuValue) => skuValue.id === id)[0] || {};
-
-      const img =
-        matchedSku.previewImgUrl || matchedSku.imgUrl || matchedSku.img_url;
-      if (img) {
-        imgValue = {
-          ...matchedSku,
-          ks: item.k_s,
-          imgUrl: img,
-        };
-        return true;
-      }
-    }
-
-    return false;
-  });
-
-  return imgValue;
-}
-
-function SkuHeader(
-  h: CreateElement,
-  props: SkuHeaderProps,
-  slots: SkuHeaderSlots,
-  ctx: RenderContext<SkuHeaderProps>
-) {
-  const {
-    sku,
-    goods,
-    skuEventBus,
-    selectedSku,
-    showHeaderImage = true,
-  } = props;
-
-  const selectedValue = getSkuImgValue(sku, selectedSku);
-  const imgUrl = selectedValue ? selectedValue.imgUrl : goods.picture;
-
-  const previewImage = () => {
-    skuEventBus.$emit('sku:previewImage', selectedValue);
-  };
-
-  return (
-    <div class={[bem(), BORDER_BOTTOM]} {...inherit(ctx)}>
-      {showHeaderImage && (
-        <Image
-          fit="cover"
-          src={imgUrl}
-          class={bem('img-wrap')}
-          onClick={previewImage}
-        >
-          {slots['sku-header-image-extra']?.()}
-        </Image>
-      )}
-      <div class={bem('goods-info')}>{slots.default?.()}</div>
-    </div>
-  );
-}
-
-SkuHeader.props = {
-  sku: Object,
-  goods: Object,
-  skuEventBus: Object,
-  selectedSku: Object,
-  showHeaderImage: Boolean,
-};
-
-export default createComponent<SkuHeaderProps>(SkuHeader);
diff --git a/src/sku/components/SkuHeaderItem.tsx b/src/sku/components/SkuHeaderItem.tsx
deleted file mode 100644
index 5f16c29dd..000000000
--- a/src/sku/components/SkuHeaderItem.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { inherit } from '../../utils/functional';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../../utils/types';
-
-export type SkuHeaderItemProps = {};
-
-const [createComponent, bem] = createNamespace('sku-header-item');
-
-function SkuHeader(
-  h: CreateElement,
-  props: SkuHeaderItemProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<SkuHeaderItemProps>
-) {
-  return (
-    <div class={bem()} {...inherit(ctx)}>
-      {slots.default && slots.default()}
-    </div>
-  );
-}
-
-export default createComponent<SkuHeaderItemProps>(SkuHeader);
diff --git a/src/sku/components/SkuImgUploader.js b/src/sku/components/SkuImgUploader.js
deleted file mode 100644
index b017c1eba..000000000
--- a/src/sku/components/SkuImgUploader.js
+++ /dev/null
@@ -1,73 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-
-// Components
-import Uploader from '../../uploader';
-
-const namespace = createNamespace('sku-img-uploader');
-const createComponent = namespace[0];
-const t = namespace[2];
-
-export default createComponent({
-  props: {
-    value: String,
-    uploadImg: Function,
-    maxSize: {
-      type: Number,
-      default: 6,
-    },
-  },
-
-  data() {
-    return {
-      fileList: [],
-    };
-  },
-
-  watch: {
-    value(val) {
-      if (val) {
-        this.fileList = [{ url: val, isImage: true }];
-      } else {
-        this.fileList = [];
-      }
-    },
-  },
-
-  methods: {
-    afterReadFile(file) {
-      file.status = 'uploading';
-      file.message = t('uploading');
-      this.uploadImg(file.file, file.content)
-        .then((img) => {
-          file.status = 'done';
-          this.$emit('input', img);
-        })
-        .catch(() => {
-          file.status = 'failed';
-          file.message = t('fail');
-        });
-    },
-
-    onOversize() {
-      this.$toast(t('oversize', this.maxSize));
-    },
-
-    onDelete() {
-      this.$emit('input', '');
-    },
-  },
-
-  render() {
-    return (
-      <Uploader
-        vModel={this.fileList}
-        maxCount={1}
-        afterRead={this.afterReadFile}
-        maxSize={this.maxSize * 1024 * 1024}
-        onOversize={this.onOversize}
-        onDelete={this.onDelete}
-      />
-    );
-  },
-});
diff --git a/src/sku/components/SkuMessages.js b/src/sku/components/SkuMessages.js
deleted file mode 100644
index de63f77fd..000000000
--- a/src/sku/components/SkuMessages.js
+++ /dev/null
@@ -1,184 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { isEmail } from '../../utils/validate/email';
-import { isNumeric } from '../../utils/validate/number';
-
-// Components
-import Cell from '../../cell';
-import Field from '../../field';
-import SkuImgUploader from './SkuImgUploader';
-import SkuDateTimeField from './SkuDateTimeField';
-
-const [createComponent, bem, t] = createNamespace('sku-messages');
-
-export default createComponent({
-  props: {
-    messageConfig: Object,
-    goodsId: [Number, String],
-    messages: {
-      type: Array,
-      default: () => [],
-    },
-  },
-
-  data() {
-    return {
-      messageValues: this.resetMessageValues(this.messages),
-    };
-  },
-
-  watch: {
-    messages(val) {
-      this.messageValues = this.resetMessageValues(val);
-    },
-  },
-
-  methods: {
-    resetMessageValues(messages) {
-      const { messageConfig } = this;
-      const { initialMessages = {} } = messageConfig;
-      return (messages || []).map((message) => ({
-        value: initialMessages[message.name] || '',
-      }));
-    },
-
-    getType(message) {
-      if (+message.multiple === 1) {
-        return 'textarea';
-      }
-      if (message.type === 'id_no') {
-        return 'text';
-      }
-      return message.datetime > 0 ? 'datetime' : message.type;
-    },
-
-    getMessages() {
-      const messages = {};
-
-      this.messageValues.forEach((item, index) => {
-        messages[`message_${index}`] = item.value;
-      });
-
-      return messages;
-    },
-
-    getCartMessages() {
-      const messages = {};
-
-      this.messageValues.forEach((item, index) => {
-        const message = this.messages[index];
-        messages[message.name] = item.value;
-      });
-
-      return messages;
-    },
-
-    getPlaceholder(message) {
-      const type = +message.multiple === 1 ? 'textarea' : message.type;
-      const map = this.messageConfig.placeholderMap || {};
-      return message.placeholder || map[type] || t(`placeholder.${type}`);
-    },
-
-    validateMessages() {
-      const values = this.messageValues;
-
-      for (let i = 0; i < values.length; i++) {
-        const { value } = values[i];
-        const message = this.messages[i];
-
-        if (value === '') {
-          // 必填字段的校验
-          if (String(message.required) === '1') {
-            const textType = t(message.type === 'image' ? 'upload' : 'fill');
-            return textType + message.name;
-          }
-        } else {
-          if (message.type === 'tel' && !isNumeric(value)) {
-            return t('invalid.tel');
-          }
-          if (message.type === 'mobile' && !/^\d{6,20}$/.test(value)) {
-            return t('invalid.mobile');
-          }
-          if (message.type === 'email' && !isEmail(value)) {
-            return t('invalid.email');
-          }
-          if (
-            message.type === 'id_no' &&
-            (value.length < 15 || value.length > 18)
-          ) {
-            return t('invalid.id_no');
-          }
-        }
-      }
-    },
-    /**
-     * The phone number copied from IOS mobile phone address book
-     * will add spaces and invisible Unicode characters
-     * which cannot pass the /^\d+$/ verification
-     * so keep numbers and dots
-     */
-    getFormatter(message) {
-      return function formatter(value) {
-        if (message.type === 'mobile' || message.type === 'tel') {
-          return value.replace(/[^\d.]/g, '');
-        }
-
-        return value;
-      };
-    },
-
-    genMessage(message, index) {
-      if (message.type === 'image') {
-        return (
-          <Cell
-            key={`${this.goodsId}-${index}`}
-            title={message.name}
-            class={bem('image-cell')}
-            required={String(message.required) === '1'}
-            valueClass={bem('image-cell-value')}
-          >
-            <SkuImgUploader
-              vModel={this.messageValues[index].value}
-              maxSize={this.messageConfig.uploadMaxSize}
-              uploadImg={this.messageConfig.uploadImg}
-            />
-            <div class={bem('image-cell-label')}>{t('imageLabel')}</div>
-          </Cell>
-        );
-      }
-
-      // 时间和日期使用的vant选择器
-      const isDateOrTime = ['date', 'time'].indexOf(message.type) > -1;
-      if (isDateOrTime) {
-        return (
-          <SkuDateTimeField
-            vModel={this.messageValues[index].value}
-            label={message.name}
-            key={`${this.goodsId}-${index}`}
-            required={String(message.required) === '1'}
-            placeholder={this.getPlaceholder(message)}
-            type={this.getType(message)}
-          />
-        );
-      }
-
-      return (
-        <Field
-          vModel={this.messageValues[index].value}
-          maxlength="200"
-          center={!message.multiple}
-          label={message.name}
-          key={`${this.goodsId}-${index}`}
-          required={String(message.required) === '1'}
-          placeholder={this.getPlaceholder(message)}
-          type={this.getType(message)}
-          formatter={this.getFormatter(message)}
-        />
-      );
-    },
-  },
-
-  render() {
-    return <div class={bem()}>{this.messages.map(this.genMessage)}</div>;
-  },
-});
diff --git a/src/sku/components/SkuRow.js b/src/sku/components/SkuRow.js
deleted file mode 100644
index ab8c5056c..000000000
--- a/src/sku/components/SkuRow.js
+++ /dev/null
@@ -1,122 +0,0 @@
-// Utils
-import { createNamespace } from '../../utils';
-import { BORDER_BOTTOM } from '../../utils/constant';
-// Mixins
-import { ParentMixin } from '../../mixins/relation';
-import { BindEventMixin } from '../../mixins/bind-event';
-
-const [createComponent, bem, t] = createNamespace('sku-row');
-
-export { bem };
-
-export default createComponent({
-  mixins: [
-    ParentMixin('vanSkuRows'),
-    BindEventMixin(function (bind) {
-      if (this.scrollable && this.$refs.scroller) {
-        bind(this.$refs.scroller, 'scroll', this.onScroll);
-      }
-    }),
-  ],
-
-  props: {
-    skuRow: Object,
-  },
-
-  data() {
-    return {
-      progress: 0,
-    };
-  },
-
-  computed: {
-    scrollable() {
-      return this.skuRow.largeImageMode && this.skuRow.v.length > 6;
-    },
-  },
-
-  methods: {
-    onScroll() {
-      const { scroller, row } = this.$refs;
-      const distance = row.offsetWidth - scroller.offsetWidth;
-      this.progress = scroller.scrollLeft / distance;
-    },
-
-    genTitle() {
-      return (
-        <div class={bem('title')}>
-          {this.skuRow.k}
-          {this.skuRow.is_multiple && (
-            <span class={bem('title-multiple')}>（{t('multiple')}）</span>
-          )}
-        </div>
-      );
-    },
-
-    genIndicator() {
-      if (this.scrollable) {
-        const style = {
-          transform: `translate3d(${this.progress * 20}px, 0, 0)`,
-        };
-
-        return (
-          <div class={bem('indicator-wrapper')}>
-            <div class={bem('indicator')}>
-              <div class={bem('indicator-slider')} style={style} />
-            </div>
-          </div>
-        );
-      }
-    },
-
-    genContent() {
-      const nodes = this.slots();
-
-      if (this.skuRow.largeImageMode) {
-        const top = [];
-        const bottom = [];
-
-        nodes.forEach((node, index) => {
-          const group = Math.floor(index / 3) % 2 === 0 ? top : bottom;
-          group.push(node);
-        });
-
-        return (
-          <div class={bem('scroller')} ref="scroller">
-            <div class={bem('row')} ref="row">
-              {top}
-            </div>
-            {bottom.length ? <div class={bem('row')}>{bottom}</div> : null}
-          </div>
-        );
-      }
-
-      return nodes;
-    },
-
-    centerItem(selectSkuId) {
-      if (!this.skuRow.largeImageMode || !selectSkuId) {
-        return;
-      }
-      const { children = [] } = this;
-      const { scroller, row } = this.$refs;
-      const child = children.find((it) => +it.skuValue.id === +selectSkuId);
-      if (scroller && row && child && child.$el) {
-        const target = child.$el;
-        const to =
-          target.offsetLeft - (scroller.offsetWidth - target.offsetWidth) / 2;
-        scroller.scrollLeft = to;
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div class={[bem(), BORDER_BOTTOM]}>
-        {this.genTitle()}
-        {this.genContent()}
-        {this.genIndicator()}
-      </div>
-    );
-  },
-});
diff --git a/src/sku/components/SkuRowItem.js b/src/sku/components/SkuRowItem.js
deleted file mode 100644
index 4e79a0075..000000000
--- a/src/sku/components/SkuRowItem.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import { bem } from './SkuRow';
-import { createNamespace } from '../../utils';
-import { isSkuChoosable } from '../utils/sku-helper';
-import { ChildrenMixin } from '../../mixins/relation';
-import Image from '../../image';
-
-const [createComponent] = createNamespace('sku-row-item');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanSkuRows')],
-
-  props: {
-    lazyLoad: Boolean,
-    skuValue: Object,
-    skuKeyStr: String,
-    skuEventBus: Object,
-    selectedSku: Object,
-    largeImageMode: Boolean,
-    skuList: {
-      type: Array,
-      default: () => [],
-    },
-  },
-
-  computed: {
-    imgUrl() {
-      const url = this.skuValue.imgUrl || this.skuValue.img_url;
-      return this.largeImageMode
-        ? url ||
-            'https://img.yzcdn.cn/upload_files/2020/06/24/FmKWDg0bN9rMcTp9ne8MXiQWGtLn.png'
-        : url;
-    },
-
-    choosable() {
-      return isSkuChoosable(this.skuList, this.selectedSku, {
-        key: this.skuKeyStr,
-        valueId: this.skuValue.id,
-      });
-    },
-  },
-
-  methods: {
-    onSelect() {
-      if (this.choosable) {
-        this.skuEventBus.$emit('sku:select', {
-          ...this.skuValue,
-          skuKeyStr: this.skuKeyStr,
-        });
-      }
-    },
-
-    onPreviewImg(event) {
-      event.stopPropagation();
-      const { skuValue, skuKeyStr } = this;
-      this.skuEventBus.$emit('sku:previewImage', {
-        ...skuValue,
-        ks: skuKeyStr,
-        imgUrl: skuValue.imgUrl || skuValue.img_url,
-      });
-    },
-
-    genImage(classPrefix) {
-      if (this.imgUrl) {
-        return (
-          <Image
-            fit="cover"
-            src={this.imgUrl}
-            class={`${classPrefix}-img`}
-            lazyLoad={this.lazyLoad}
-          />
-        );
-      }
-    },
-  },
-
-  render() {
-    const choosed = this.skuValue.id === this.selectedSku[this.skuKeyStr];
-    const classPrefix = this.largeImageMode ? bem('image-item') : bem('item');
-
-    return (
-      <span
-        class={[
-          classPrefix,
-          choosed ? `${classPrefix}--active` : '',
-          !this.choosable ? `${classPrefix}--disabled` : '',
-        ]}
-        onClick={this.onSelect}
-      >
-        {this.genImage(classPrefix)}
-        <div class={`${classPrefix}-name`}>
-          {this.largeImageMode ? (
-            <span class={{ 'van-multi-ellipsis--l2': this.largeImageMode }}>
-              {this.skuValue.name}
-            </span>
-          ) : (
-            this.skuValue.name
-          )}
-        </div>
-        {this.largeImageMode && (
-          <img
-            class={`${classPrefix}-img-icon`}
-            src="https://img.yzcdn.cn/upload_files/2020/07/02/Fu4_ya0l0aAt4Mv4PL9jzPzfZnDX.png"
-            onClick={this.onPreviewImg}
-          />
-        )}
-      </span>
-    );
-  },
-});
diff --git a/src/sku/components/SkuRowPropItem.js b/src/sku/components/SkuRowPropItem.js
deleted file mode 100644
index 4336f2640..000000000
--- a/src/sku/components/SkuRowPropItem.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { createNamespace } from '../../utils';
-
-const [createComponent] = createNamespace('sku-row-prop-item');
-
-export default createComponent({
-  props: {
-    skuValue: Object,
-    skuKeyStr: String,
-    skuEventBus: Object,
-    selectedProp: Object,
-    multiple: Boolean,
-  },
-
-  computed: {
-    choosed() {
-      const { selectedProp, skuKeyStr, skuValue } = this;
-
-      if (selectedProp && selectedProp[skuKeyStr]) {
-        return selectedProp[skuKeyStr].indexOf(skuValue.id) > -1;
-      }
-
-      return false;
-    },
-  },
-
-  methods: {
-    onSelect() {
-      this.skuEventBus.$emit('sku:propSelect', {
-        ...this.skuValue,
-        skuKeyStr: this.skuKeyStr,
-        multiple: this.multiple,
-      });
-    },
-  },
-
-  render() {
-    return (
-      <span
-        class={[
-          'van-sku-row__item',
-          { 'van-sku-row__item--active': this.choosed },
-        ]}
-        onClick={this.onSelect}
-      >
-        <span class="van-sku-row__item-name">{this.skuValue.name}</span>
-      </span>
-    );
-  },
-});
diff --git a/src/sku/components/SkuStepper.js b/src/sku/components/SkuStepper.js
deleted file mode 100644
index 61a32352e..000000000
--- a/src/sku/components/SkuStepper.js
+++ /dev/null
@@ -1,178 +0,0 @@
-import { createNamespace } from '../../utils';
-import { LIMIT_TYPE } from '../constants';
-import Stepper from '../../stepper';
-
-const namespace = createNamespace('sku-stepper');
-const createComponent = namespace[0];
-const t = namespace[2];
-const { QUOTA_LIMIT, STOCK_LIMIT } = LIMIT_TYPE;
-
-export default createComponent({
-  props: {
-    stock: Number,
-    skuEventBus: Object,
-    skuStockNum: Number,
-    selectedNum: Number,
-    stepperTitle: String,
-    disableStepperInput: Boolean,
-    customStepperConfig: Object,
-    hideQuotaText: Boolean,
-    quota: {
-      type: Number,
-      default: 0,
-    },
-    quotaUsed: {
-      type: Number,
-      default: 0,
-    },
-    startSaleNum: {
-      type: Number,
-      default: 1,
-    },
-  },
-
-  data() {
-    return {
-      currentNum: this.selectedNum,
-      // 购买限制类型: 限购/库存
-      limitType: STOCK_LIMIT,
-    };
-  },
-
-  watch: {
-    currentNum(num) {
-      const intValue = parseInt(num, 10);
-      if (intValue >= this.stepperMinLimit && intValue <= this.stepperLimit) {
-        this.skuEventBus.$emit('sku:numChange', intValue);
-      }
-    },
-
-    stepperLimit(limit) {
-      if (limit < this.currentNum && this.stepperMinLimit <= limit) {
-        this.currentNum = limit;
-      }
-      this.checkState(this.stepperMinLimit, limit);
-    },
-
-    stepperMinLimit(start) {
-      if (start > this.currentNum || start > this.stepperLimit) {
-        this.currentNum = start;
-      }
-      this.checkState(start, this.stepperLimit);
-    },
-  },
-
-  computed: {
-    stepperLimit() {
-      const quotaLimit = this.quota - this.quotaUsed;
-      let limit;
-
-      // 无限购时直接取库存，有限购时取限购数和库存数中小的那个
-      if (this.quota > 0 && quotaLimit <= this.stock) {
-        // 修正负的limit
-        limit = quotaLimit < 0 ? 0 : quotaLimit;
-        this.limitType = QUOTA_LIMIT;
-      } else {
-        limit = this.stock;
-        this.limitType = STOCK_LIMIT;
-      }
-
-      return limit;
-    },
-    stepperMinLimit() {
-      return this.startSaleNum < 1 ? 1 : this.startSaleNum;
-    },
-    quotaText() {
-      const { quotaText, hideQuotaText } = this.customStepperConfig;
-      if (hideQuotaText) return '';
-
-      let text = '';
-
-      if (quotaText) {
-        text = quotaText;
-      } else {
-        const textArr = [];
-        if (this.startSaleNum > 1) {
-          textArr.push(t('quotaStart', this.startSaleNum));
-        }
-        if (this.quota > 0) {
-          textArr.push(t('quotaLimit', this.quota));
-        }
-        text = textArr.join(t('comma'));
-      }
-
-      return text;
-    },
-  },
-
-  created() {
-    this.checkState(this.stepperMinLimit, this.stepperLimit);
-  },
-
-  methods: {
-    setCurrentNum(num) {
-      this.currentNum = num;
-      this.checkState(this.stepperMinLimit, this.stepperLimit);
-    },
-
-    onOverLimit(action) {
-      this.skuEventBus.$emit('sku:overLimit', {
-        action,
-        limitType: this.limitType,
-        quota: this.quota,
-        quotaUsed: this.quotaUsed,
-        startSaleNum: this.startSaleNum,
-      });
-    },
-
-    onChange(currentValue) {
-      const intValue = parseInt(currentValue, 10);
-      const { handleStepperChange } = this.customStepperConfig;
-      handleStepperChange && handleStepperChange(intValue);
-      this.$emit('change', intValue);
-    },
-
-    checkState(min, max) {
-      // 如果选择小于起售，则强制变为起售
-      if (this.currentNum < min || min > max) {
-        this.currentNum = min;
-      } else if (this.currentNum > max) {
-        // 当前选择数量大于最大可选时，需要重置已选数量
-        this.currentNum = max;
-      }
-
-      this.skuEventBus.$emit('sku:stepperState', {
-        valid: min <= max,
-        min,
-        max,
-        limitType: this.limitType,
-        quota: this.quota,
-        quotaUsed: this.quotaUsed,
-        startSaleNum: this.startSaleNum,
-      });
-    },
-  },
-
-  render() {
-    return (
-      <div class="van-sku-stepper-stock">
-        <div class="van-sku__stepper-title">
-          {this.stepperTitle || t('num')}
-        </div>
-        <Stepper
-          vModel={this.currentNum}
-          integer
-          class="van-sku__stepper"
-          min={this.stepperMinLimit}
-          max={this.stepperLimit}
-          disableInput={this.disableStepperInput}
-          onOverlimit={this.onOverLimit}
-          onChange={this.onChange}
-        />
-        {!this.hideQuotaText && this.quotaText && (
-          <span class="van-sku__stepper-quota">({this.quotaText})</span>
-        )}
-      </div>
-    );
-  },
-});
diff --git a/src/sku/constants.js b/src/sku/constants.js
deleted file mode 100644
index 85eb653a3..000000000
--- a/src/sku/constants.js
+++ /dev/null
@@ -1,11 +0,0 @@
-export const LIMIT_TYPE = {
-  QUOTA_LIMIT: 0,
-  STOCK_LIMIT: 1,
-};
-
-export const UNSELECTED_SKU_VALUE_ID = '';
-
-export default {
-  LIMIT_TYPE,
-  UNSELECTED_SKU_VALUE_ID,
-};
diff --git a/src/sku/demo/data.ts b/src/sku/demo/data.ts
deleted file mode 100644
index 0f000045c..000000000
--- a/src/sku/demo/data.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-export function getSkuData(largeImageMode = false) {
-  return {
-    goods_id: '1',
-    quota: 5,
-    quota_used: 0,
-    start_sale_num: 2,
-    goods_info: {
-      price: 1,
-      title: '测试商品',
-      picture: 'https://b.yzcdn.cn/vant/sku/shoes-1.png',
-    },
-    sku: {
-      price: '1.00',
-      stock_num: 227,
-      none_sku: false,
-      hide_stock: false,
-      collection_id: 2261,
-      tree: [
-        {
-          k: '颜色',
-          k_s: 's1',
-          k_id: '1',
-          v: [
-            {
-              id: '1',
-              name: '粉色',
-              imgUrl: 'https://b.yzcdn.cn/vant/sku/shoes-1.png',
-            },
-            {
-              id: '2',
-              name: '黄色',
-              imgUrl: 'https://b.yzcdn.cn/vant/sku/shoes-2.png',
-            },
-            {
-              id: '3',
-              name: '蓝色',
-              imgUrl: 'https://b.yzcdn.cn/vant/sku/shoes-3.png',
-            },
-          ],
-          largeImageMode,
-        },
-        {
-          k: '尺寸',
-          k_s: 's2',
-          k_id: '2',
-          v: [
-            {
-              id: '1',
-              name: '大',
-            },
-            {
-              id: '2',
-              name: '小',
-            },
-          ],
-        },
-      ],
-      list: [
-        {
-          id: 2259,
-          s1: '2',
-          s2: '1',
-          price: 100,
-          discount: 100,
-          stock_num: 110,
-        },
-        {
-          id: 2260,
-          s1: '3',
-          s2: '1',
-          price: 100,
-          discount: 100,
-          stock_num: 99,
-        },
-        {
-          id: 2257,
-          s1: '1',
-          s2: '1',
-          price: 100,
-          discount: 100,
-          stock_num: 111,
-        },
-        {
-          id: 2258,
-          s1: '1',
-          s2: '2',
-          price: 100,
-          discount: 100,
-          stock_num: 6,
-        },
-      ],
-      messages: [
-        {
-          datetime: '0',
-          disable: false,
-          multiple: '0',
-          name: '留言1',
-          type: 'text',
-          required: '1',
-        },
-        {
-          datetime: '0',
-          disable: false,
-          multiple: 0,
-          name: '留言2',
-          type: 'id_no',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          multiple: 0,
-          name: '留言3',
-          type: 'image',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          multiple: 1,
-          name: '留言4',
-          type: 'text',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          name: '数字',
-          multiple: 0,
-          type: 'tel',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          name: '邮件',
-          multiple: 0,
-          type: 'email',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          name: '日期',
-          multiple: 0,
-          type: 'date',
-          required: 0,
-        },
-        {
-          datetime: '0',
-          disable: false,
-          name: '时间',
-          multiple: 0,
-          type: 'time',
-          required: 0,
-        },
-      ],
-    },
-    properties: [
-      {
-        k: '加料',
-        k_id: 124,
-        is_multiple: true,
-        v: [
-          {
-            id: 1224,
-            name: '布丁',
-            price: 3,
-          },
-          {
-            id: 1225,
-            name: '波霸',
-            price: 4,
-          },
-          {
-            id: 1226,
-            name: '珍珠',
-            price: 5,
-          },
-        ],
-      },
-    ],
-  };
-}
-
-export const initialSku = {
-  s1: '1',
-  s2: '1',
-  selectedNum: 3,
-  selectedProp: {
-    124: [1225, 1226],
-  },
-};
diff --git a/src/sku/demo/index.vue b/src/sku/demo/index.vue
deleted file mode 100644
index f5ed75ffa..000000000
--- a/src/sku/demo/index.vue
+++ /dev/null
@@ -1,277 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <div class="sku-container">
-        <van-sku
-          v-model="showBase"
-          :sku="skuData.sku"
-          :quota="skuData.quota"
-          :goods="skuData.goods_info"
-          :goods-id="skuData.goods_id"
-          :quota-used="skuData.quota_used"
-          :properties="skuData.properties"
-          :hide-stock="skuData.sku.hide_stock"
-          :message-config="messageConfig"
-          :start-sale-num="skuData.start_sale_num"
-          :custom-sku-validator="customSkuValidator"
-          disable-stepper-input
-          reset-stepper-on-hide
-          safe-area-inset-bottom
-          reset-selected-sku-on-hide
-          @buy-clicked="onBuyClicked"
-          @add-cart="onAddCartClicked"
-        />
-        <van-button block type="primary" @click="showBase = true">
-          {{ t('basicUsage') }}
-        </van-button>
-      </div>
-    </demo-block>
-
-    <demo-block :title="t('customStepper')">
-      <div class="sku-container">
-        <van-sku
-          v-model="showStepper"
-          :sku="skuData.sku"
-          :quota="skuData.quota"
-          :goods="skuData.goods_info"
-          :goods-id="skuData.goods_id"
-          :quota-used="skuData.quota_used"
-          :properties="skuData.properties"
-          :hide-stock="skuData.sku.hide_stock"
-          :start-sale-num="skuData.start_sale_num"
-          :message-config="messageConfig"
-          :custom-stepper-config="customStepperConfig"
-          hide-quota-text
-          safe-area-inset-bottom
-          @buy-clicked="onBuyClicked"
-          @add-cart="onAddCartClicked"
-        />
-        <van-button block type="primary" @click="showStepper = true">
-          {{ t('customStepper') }}
-        </van-button>
-      </div>
-    </demo-block>
-
-    <demo-block :title="t('hideSoldoutSku')">
-      <div class="sku-container">
-        <van-sku
-          v-model="showSoldout"
-          :sku="skuData.sku"
-          :quota="skuData.quota"
-          :goods="skuData.goods_info"
-          :goods-id="skuData.goods_id"
-          :quota-used="skuData.quota_used"
-          :properties="skuData.properties"
-          :hide-stock="skuData.sku.hide_stock"
-          :message-config="messageConfig"
-          :start-sale-num="skuData.start_sale_num"
-          :show-soldout-sku="false"
-          :custom-stepper-config="customStepperConfig"
-          hide-quota-text
-          safe-area-inset-bottom
-          @buy-clicked="onBuyClicked"
-          @add-cart="onAddCartClicked"
-        />
-        <van-button block type="primary" @click="showSoldout = true">
-          {{ t('hideSoldoutSku') }}
-        </van-button>
-      </div>
-    </demo-block>
-
-    <demo-block :title="t('largeImageMode')">
-      <div class="sku-container">
-        <van-sku
-          v-model="showLargePicturePreview"
-          :sku="skuData2.sku"
-          :quota="skuData2.quota"
-          :goods="skuData2.goods_info"
-          :goods-id="skuData2.goods_id"
-          :hide-stock="skuData2.sku.hide_stock"
-          :properties="skuData2.properties"
-          :quota-used="skuData2.quota_used"
-          :message-config="messageConfig"
-          :start-sale-num="skuData2.start_sale_num"
-          :show-header-image="false"
-          :custom-sku-validator="customSkuValidator"
-          disable-stepper-input
-          reset-stepper-on-hide
-          safe-area-inset-bottom
-          reset-selected-sku-on-hide
-          @buy-clicked="onBuyClicked"
-          @add-cart="onAddCartClicked"
-        >
-        </van-sku>
-        <van-button
-          block
-          type="primary"
-          @click="showLargePicturePreview = true"
-        >
-          {{ t('largeImageMode') }}
-        </van-button>
-      </div>
-    </demo-block>
-
-    <demo-block :title="t('customBySlot')">
-      <div class="sku-container">
-        <van-sku
-          v-model="showCustom"
-          :stepper-title="t('stepperTitle')"
-          :sku="skuData.sku"
-          :goods="skuData.goods_info"
-          :goods-id="skuData.goods_id"
-          :hide-stock="skuData.sku.hide_stock"
-          :quota="skuData.quota"
-          :quota-used="skuData.quota_used"
-          :start-sale-num="skuData.start_sale_num"
-          :properties="skuData.properties"
-          show-add-cart-btn
-          reset-stepper-on-hide
-          safe-area-inset-bottom
-          :initial-sku="initialSku"
-          :message-config="messageConfig"
-          @buy-clicked="onBuyClicked"
-          @add-cart="onAddCartClicked"
-        >
-          <template #sku-header-price="{ price }">
-            <div class="van-sku__goods-price">
-              <span class="van-sku__price-symbol">￥</span>
-              <span class="van-sku__price-num">{{ price }}</span>
-            </div>
-          </template>
-          <template #sku-actions-top>
-            <div class="van-sku-header-item text-center">
-              {{ t('actionsTop') }}
-            </div>
-          </template>
-          <template #sku-actions="{ skuEventBus }">
-            <div class="van-sku-actions">
-              <van-button
-                square
-                size="large"
-                type="warning"
-                @click="onPointClicked"
-              >
-                {{ t('button1') }}
-              </van-button>
-              <van-button
-                square
-                size="large"
-                type="danger"
-                @click="skuEventBus.$emit('sku:buy')"
-              >
-                {{ t('button2') }}
-              </van-button>
-            </div>
-          </template>
-        </van-sku>
-        <van-button block type="primary" @click="showCustom = true">
-          {{ t('customBySlot') }}
-        </van-button>
-      </div>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-import { initialSku, getSkuData } from './data';
-import { LIMIT_TYPE } from '../constants';
-
-export default {
-  i18n: {
-    'zh-CN': {
-      button1: '积分兑换',
-      button2: '买买买',
-      actionsTop: '商品不多，赶快购买吧',
-      stepperTitle: '我要买',
-      customBySlot: '通过插槽定制',
-      customStepper: '自定义步进器',
-      hideSoldoutSku: '隐藏售罄规格',
-      largeImageMode: '大图预览模式',
-    },
-    'en-US': {
-      button1: 'Button',
-      button2: 'Button',
-      actionsTop: 'Action top info',
-      customBySlot: 'Custom By Slot',
-      stepperTitle: 'Stepper title',
-      customStepper: 'Custom Stepper',
-      hideSoldoutSku: 'Hide Soldout Sku',
-      largeImageMode: 'Large Image Mode',
-    },
-  },
-
-  data() {
-    this.skuData = getSkuData();
-    this.skuData2 = getSkuData(true);
-    this.initialSku = initialSku;
-
-    return {
-      showBase: false,
-      showCustom: false,
-      showStepper: false,
-      showSoldout: false,
-      showLargePicturePreview: false,
-      customSkuValidator: () => '请选择xxx',
-      customStepperConfig: {
-        quotaText: '单次限购100件',
-        stockFormatter: (stock) => `剩余${stock}`,
-        handleOverLimit: (data) => {
-          const { action, limitType, quota, startSaleNum = 1 } = data;
-
-          if (action === 'minus') {
-            this.$toast(
-              startSaleNum > 1 ? `${startSaleNum}件起售` : '至少选择一件商品'
-            );
-          } else if (action === 'plus') {
-            if (limitType === LIMIT_TYPE.QUOTA_LIMIT) {
-              this.$toast(`限购${quota}件`);
-            } else {
-              this.$toast('库存不够了');
-            }
-          }
-        },
-      },
-      messageConfig: {
-        initialMessages: {
-          留言1: '商品留言',
-        },
-        uploadImg: (file, img) =>
-          new Promise((resolve) => {
-            setTimeout(() => resolve(img), 1000);
-          }),
-        uploadMaxSize: 3,
-      },
-    };
-  },
-
-  methods: {
-    onBuyClicked(data) {
-      this.$toast('buy:' + JSON.stringify(data));
-    },
-
-    onAddCartClicked(data) {
-      this.$toast('add cart:' + JSON.stringify(data));
-    },
-
-    onPointClicked() {
-      this.$toast('积分兑换');
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import '../../style/var';
-
-.demo-sku {
-  background-color: @white;
-
-  .sku-container {
-    padding: 0 @padding-md;
-  }
-
-  .text-center {
-    text-align: center;
-  }
-}
-</style>
diff --git a/src/sku/index.js b/src/sku/index.js
deleted file mode 100644
index 107514f3f..000000000
--- a/src/sku/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// Utils
-import lang from './lang';
-import constants from './constants';
-import skuHelper from './utils/sku-helper';
-
-// Components
-import Sku from './Sku';
-import Locale from '../locale';
-import SkuActions from './components/SkuActions';
-import SkuHeader from './components/SkuHeader';
-import SkuHeaderItem from './components/SkuHeaderItem';
-import SkuMessages from './components/SkuMessages';
-import SkuStepper from './components/SkuStepper';
-import SkuRow from './components/SkuRow';
-import SkuRowItem from './components/SkuRowItem';
-import SkuRowPropItem from './components/SkuRowPropItem';
-
-Locale.add(lang);
-
-Sku.SkuActions = SkuActions;
-Sku.SkuHeader = SkuHeader;
-Sku.SkuHeaderItem = SkuHeaderItem;
-Sku.SkuMessages = SkuMessages;
-Sku.SkuStepper = SkuStepper;
-Sku.SkuRow = SkuRow;
-Sku.SkuRowItem = SkuRowItem;
-Sku.SkuRowPropItem = SkuRowPropItem;
-Sku.skuHelper = skuHelper;
-Sku.skuConstants = constants;
-
-export default Sku;
diff --git a/src/sku/index.less b/src/sku/index.less
deleted file mode 100644
index 301bd431f..000000000
--- a/src/sku/index.less
+++ /dev/null
@@ -1,373 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/clearfix';
-
-.van-sku {
-  &-container {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    min-height: 50%;
-    max-height: 80%;
-    overflow-y: visible;
-    font-size: @font-size-md;
-    background: @white;
-  }
-
-  &-body {
-    flex: 1 1 auto;
-    min-height: 44px;
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  &-header {
-    display: flex;
-    flex-shrink: 0;
-    margin: 0 @padding-md;
-
-    &__img-wrap {
-      flex-shrink: 0;
-      width: 96px;
-      height: 96px;
-      margin: @padding-sm @padding-sm @padding-sm 0;
-      overflow: hidden;
-      border-radius: @border-radius-md;
-    }
-
-    &__goods-info {
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-end;
-      padding: @padding-sm 20px @padding-sm 0;
-    }
-  }
-
-  &-header-item {
-    margin-top: @padding-xs;
-    color: @gray-6;
-    font-size: @font-size-sm;
-    line-height: 16px;
-  }
-
-  &__price-symbol {
-    font-size: @font-size-lg;
-    vertical-align: bottom;
-  }
-
-  &__price-num {
-    font-weight: @font-weight-bold;
-    font-size: 22px;
-    vertical-align: bottom;
-    word-wrap: break-word;
-  }
-
-  &__goods-price {
-    // for price align
-    margin-left: -2px;
-    color: @red;
-  }
-
-  &__price-tag {
-    position: relative;
-    display: inline-block;
-    margin-left: @padding-xs;
-    padding: 0 5px;
-    overflow: hidden;
-    color: @red;
-    font-size: @font-size-sm;
-    line-height: 16px;
-    border-radius: 8px;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: currentColor;
-      opacity: 0.1;
-      content: '';
-    }
-  }
-
-  &-group-container {
-    padding-top: @padding-sm;
-
-    &--hide-soldout {
-      .van-sku-row__item--disabled {
-        display: none;
-      }
-    }
-  }
-
-  /* sku row */
-  &-row {
-    margin: 0 @padding-md @padding-sm;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    &__item,
-    &__image-item {
-      position: relative;
-      overflow: hidden;
-      color: @text-color;
-      border-radius: @border-radius-md;
-      cursor: pointer;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: @sku-item-background-color;
-        content: '';
-      }
-
-      &--active {
-        color: @red;
-
-        &::before {
-          background: currentColor;
-          opacity: 0.1;
-        }
-      }
-    }
-
-    &__item {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      min-width: 40px;
-      margin: 0 @padding-sm @padding-sm 0;
-      font-size: 13px;
-      line-height: 16px;
-      vertical-align: middle;
-
-      &-img {
-        z-index: 1;
-        width: 24px;
-        height: 24px;
-        margin: 4px 0 4px 4px;
-        object-fit: cover;
-        border-radius: @border-radius-sm;
-      }
-
-      &-name {
-        z-index: 1;
-        padding: @padding-xs;
-      }
-
-      &--disabled {
-        color: @gray-5;
-        background: @active-color;
-        cursor: not-allowed;
-
-        .van-sku-row__item-img {
-          opacity: 0.3;
-        }
-      }
-    }
-
-    &__image {
-      margin-right: 0;
-
-      &-item {
-        display: flex;
-        flex-direction: column;
-        width: 110px;
-        margin: 0 4px 4px 0;
-        border: 1px solid transparent;
-
-        &:last-child {
-          margin-right: 0;
-        }
-
-        &-img {
-          width: 100%;
-          height: 110px;
-
-          &-icon {
-            position: absolute;
-            top: 0;
-            right: 0;
-            z-index: 3;
-            width: 18px;
-            height: 18px;
-          }
-        }
-
-        &-name {
-          position: relative;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          box-sizing: border-box;
-          height: 40px;
-          padding: @padding-base;
-          font-size: 12px;
-          line-height: 16px;
-
-          span {
-            word-wrap: break-word;
-          }
-        }
-
-        &--active {
-          border-color: currentColor;
-        }
-
-        &--disabled {
-          color: @gray-5;
-          cursor: not-allowed;
-
-          &::before {
-            z-index: 2;
-            background: @active-color;
-            opacity: 0.4;
-          }
-        }
-      }
-    }
-
-    &__title {
-      padding-bottom: @padding-sm;
-    }
-
-    &__title-multiple {
-      color: @gray-6;
-    }
-
-    &__scroller {
-      margin: 0 -@padding-md;
-      overflow-x: scroll;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__row {
-      display: inline-flex;
-      margin-bottom: 4px;
-      padding: 0 @padding-md;
-    }
-
-    &__indicator {
-      width: 40px;
-      height: 4px;
-      background: @gray-3;
-      border-radius: 2px;
-
-      &-wrapper {
-        display: flex;
-        justify-content: center;
-        padding-bottom: 16px;
-      }
-
-      &-slider {
-        width: 50%;
-        height: 100%;
-        background-color: @red;
-        border-radius: 2px;
-      }
-    }
-  }
-
-  &-stepper-stock {
-    padding: @padding-sm @padding-md;
-    overflow: hidden;
-    line-height: 30px;
-  }
-
-  &__stepper {
-    float: right;
-    padding-left: @padding-base;
-
-    &-title {
-      float: left;
-    }
-
-    &-quota {
-      float: right;
-      color: @red;
-      font-size: @font-size-sm;
-    }
-  }
-
-  &__stock {
-    display: inline-block;
-    margin-right: @padding-xs;
-    color: @gray-6;
-    font-size: @font-size-sm;
-
-    &-num--highlight {
-      color: @red;
-    }
-  }
-
-  &-messages {
-    padding-bottom: @padding-xl;
-
-    &__image-cell {
-      .van-cell__title {
-        max-width: @field-label-width;
-        margin-right: @field-label-margin-right;
-        color: @field-label-color;
-        text-align: left;
-        word-wrap: break-word;
-      }
-
-      .van-cell__value {
-        overflow: visible;
-        text-align: left;
-      }
-
-      &-label {
-        color: @cell-label-color;
-        font-size: @cell-label-font-size;
-        line-height: @cell-label-line-height;
-      }
-    }
-  }
-
-  &-actions {
-    display: flex;
-    flex-shrink: 0;
-    padding: @padding-xs @padding-md;
-
-    .van-button {
-      height: 40px;
-      font-weight: @font-weight-bold;
-      font-size: @font-size-md;
-      border: none;
-      border-radius: 0;
-
-      &:first-of-type {
-        border-top-left-radius: 20px;
-        border-bottom-left-radius: 20px;
-      }
-
-      &:last-of-type {
-        border-top-right-radius: 20px;
-        border-bottom-right-radius: 20px;
-      }
-
-      &--warning {
-        background: @gradient-orange;
-      }
-
-      &--danger {
-        background: @gradient-red;
-      }
-    }
-  }
-}
diff --git a/src/sku/lang.ts b/src/sku/lang.ts
deleted file mode 100644
index 22497164c..000000000
--- a/src/sku/lang.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/**
- * Sku only provide zh-CN lang by default
- */
-
-export default {
-  'zh-CN': {
-    vanSku: {
-      select: '请选择',
-      selected: '已选',
-      selectSku: '请先选择商品规格',
-      soldout: '库存不足',
-      originPrice: '原价',
-      minusTip: '至少选择一件',
-      minusStartTip: (start: number) => `${start}件起售`,
-      unavailable: '商品已经无法购买啦',
-      stock: '剩余',
-      stockUnit: '件',
-      quotaTip: (quota: number) => `每人限购${quota}件`,
-      quotaUsedTip: (quota: number, count: number) =>
-        `每人限购${quota}件，你已购买${count}件`,
-    },
-    vanSkuActions: {
-      buy: '立即购买',
-      addCart: '加入购物车',
-    },
-    vanSkuImgUploader: {
-      oversize: (maxSize: number) =>
-        `最大可上传图片为${maxSize}MB，请尝试压缩图片尺寸`,
-      fail: '上传失败',
-      uploading: '上传中...',
-    },
-    vanSkuStepper: {
-      quotaLimit: (quota: number) => `限购${quota}件`,
-      quotaStart: (start: number) => `${start}件起售`,
-      comma: '，',
-      num: '购买数量',
-    },
-    vanSkuMessages: {
-      fill: '请填写',
-      upload: '请上传',
-      imageLabel: '仅限一张',
-      invalid: {
-        tel: '请填写正确的数字格式留言',
-        mobile: '手机号长度为6-20位数字',
-        email: '请填写正确的邮箱',
-        id_no: '请填写正确的身份证号码',
-      },
-      placeholder: {
-        id_no: '请填写身份证号',
-        text: '请填写留言',
-        tel: '请填写数字',
-        email: '请填写邮箱',
-        date: '请选择日期',
-        time: '请选择时间',
-        textarea: '请填写留言',
-        mobile: '请填写手机号',
-      },
-    },
-    vanSkuRow: {
-      multiple: '可多选',
-    },
-    vanSkuDatetimeField: {
-      title: {
-        date: '选择年月日',
-        time: '选择时间',
-        datetime: '选择日期时间',
-      },
-      format: {
-        year: '年',
-        month: '月',
-        day: '日',
-        hour: '时',
-        minute: '分',
-      },
-    },
-  },
-};
diff --git a/src/sku/test/__snapshots__/demo.spec.js.snap b/src/sku/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index c95a77a1a..000000000
--- a/src/sku/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,46 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="sku-container">
-      <!----> <button class="van-button van-button--primary van-button--normal van-button--block">
-        <div class="van-button__content"><span class="van-button__text">
-        基础用法
-      </span></div>
-      </button></div>
-  </div>
-  <div>
-    <div class="sku-container">
-      <!----> <button class="van-button van-button--primary van-button--normal van-button--block">
-        <div class="van-button__content"><span class="van-button__text">
-        自定义步进器
-      </span></div>
-      </button></div>
-  </div>
-  <div>
-    <div class="sku-container">
-      <!----> <button class="van-button van-button--primary van-button--normal van-button--block">
-        <div class="van-button__content"><span class="van-button__text">
-        隐藏售罄规格
-      </span></div>
-      </button></div>
-  </div>
-  <div>
-    <div class="sku-container">
-      <!----> <button class="van-button van-button--primary van-button--normal van-button--block">
-        <div class="van-button__content"><span class="van-button__text">
-        大图预览模式
-      </span></div>
-      </button></div>
-  </div>
-  <div>
-    <div class="sku-container">
-      <!----> <button class="van-button van-button--primary van-button--normal van-button--block">
-        <div class="van-button__content"><span class="van-button__text">
-        通过插槽定制
-      </span></div>
-      </button></div>
-  </div>
-</div>
-`;
diff --git a/src/sku/test/demo.spec.js b/src/sku/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/sku/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/src/sku/test/index.spec.js b/src/sku/test/index.spec.js
deleted file mode 100644
index 9822dde0b..000000000
--- a/src/sku/test/index.spec.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import { mount } from '../../../test';
-import Sku from '..';
-import { getSkuData, initialSku } from '../demo/data';
-import { stringToDate, dateToString } from '../utils/time-helper';
-
-const skuData = getSkuData();
-
-test('resetSelectedSku method', () => {
-  skuData.sku.messages = [];
-
-  const wrapper = mount(Sku, {
-    propsData: {
-      value: true,
-      initialSku,
-      sku: skuData.sku,
-      quota: skuData.quota,
-      goods: skuData.goods_info,
-      goodsId: skuData.goods_id,
-      quotaUsed: skuData.quota_used,
-      hideStock: skuData.sku.hide_stock,
-      startSaleNum: skuData.start_sale_num,
-    },
-  });
-
-  wrapper.find('.van-button--danger').trigger('click');
-  expect(wrapper.emitted('buy-clicked').length).toEqual(1);
-
-  wrapper.setProps({ initialSku: {} });
-  wrapper.vm.resetSelectedSku();
-
-  wrapper.find('.van-button--danger').trigger('click');
-  expect(wrapper.emitted('buy-clicked').length).toEqual(1);
-});
-
-test('message formatter', () => {
-  const skuData = getSkuData();
-
-  skuData.sku.messages = skuData.sku.messages.filter(
-    message => message.type === 'tel'
-  );
-
-  const wrapper = mount(Sku, {
-    propsData: {
-      value: true,
-      initialSku,
-      sku: skuData.sku,
-      quota: skuData.quota,
-      goods: skuData.goods_info,
-      goodsId: skuData.goods_id,
-      quotaUsed: skuData.quota_used,
-      hideStock: skuData.sku.hide_stock,
-      startSaleNum: skuData.start_sale_num,
-    },
-  });
-
-  const input = wrapper.find('input');
-  const correctValue = '15000000000';
-
-  // \u202c
-  input.element.value = '15000000000‬';
-  input.trigger('input');
-
-  expect(input.element.value).toEqual(correctValue);
-
-  // \u0020
-  input.element.value = '150 0000 0000';
-  input.trigger('input');
-
-  expect(input.element.value).toEqual(correctValue);
-
-  // /[a-zA-z]/
-  input.element.value = 'a-zA-z';
-  input.trigger('input');
-
-  expect(input.element.value).toEqual('');
-});
-
-test('stringToDate', () => {
-  expect(dateToString(stringToDate(''))).toEqual('');
-  expect(dateToString(stringToDate('2020-07-01'))).toEqual('2020-07-01');
-  expect(dateToString(stringToDate('2020-07-01 22:44'), 'datetime')).toEqual(
-    '2020-07-01 22:44'
-  );
-  expect(dateToString(stringToDate('2020-12-31 23:59'), 'datetime')).toEqual(
-    '2020-12-31 23:59'
-  );
-});
diff --git a/src/sku/utils/sku-helper.js b/src/sku/utils/sku-helper.js
deleted file mode 100644
index f73465b54..000000000
--- a/src/sku/utils/sku-helper.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import { UNSELECTED_SKU_VALUE_ID } from '../constants';
-
-/*
-  normalize sku tree
-
-  [
-    {
-      count: 2,
-      k: "品种", // 规格名称 skuKeyName
-      k_id: "1200", // skuKeyId
-      k_s: "s1" // skuKeyStr
-      v: [ // skuValues
-        { // skuValue
-          id: "1201", // skuValueId
-          name: "萌" // 具体的规格值 skuValueName
-        }, {
-          id: "973",
-          name: "帅"
-        }
-      ]
-    },
-    ...
-  ]
-                |
-                v
-  {
-    s1: [{
-      id: "1201",
-      name: "萌"
-    }, {
-      id: "973",
-      name: "帅"
-    }],
-    ...
-  }
- */
-export const normalizeSkuTree = (skuTree) => {
-  const normalizedTree = {};
-  skuTree.forEach((treeItem) => {
-    normalizedTree[treeItem.k_s] = treeItem.v;
-  });
-  return normalizedTree;
-};
-
-export const normalizePropList = (propList) => {
-  const normalizedProp = {};
-  propList.forEach((item) => {
-    const itemObj = {};
-    item.v.forEach((it) => {
-      itemObj[it.id] = it;
-    });
-    normalizedProp[item.k_id] = itemObj;
-  });
-  return normalizedProp;
-};
-
-// 判断是否所有的sku都已经选中
-export const isAllSelected = (skuTree, selectedSku) => {
-  // 筛选selectedSku对象中key值不为空的值
-  const selected = Object.keys(selectedSku).filter(
-    (skuKeyStr) => selectedSku[skuKeyStr] !== UNSELECTED_SKU_VALUE_ID
-  );
-  return skuTree.length === selected.length;
-};
-
-// 根据已选择的 sku 获取 skuComb
-export const getSkuComb = (skuList, selectedSku) => {
-  const skuComb = skuList.filter((item) =>
-    Object.keys(selectedSku).every(
-      (skuKeyStr) => String(item[skuKeyStr]) === String(selectedSku[skuKeyStr])
-    )
-  );
-  return skuComb[0];
-};
-
-// 获取已选择的sku名称
-export const getSelectedSkuValues = (skuTree, selectedSku) => {
-  const normalizedTree = normalizeSkuTree(skuTree);
-  return Object.keys(selectedSku).reduce((selectedValues, skuKeyStr) => {
-    const skuValues = normalizedTree[skuKeyStr];
-    const skuValueId = selectedSku[skuKeyStr];
-
-    if (skuValueId !== UNSELECTED_SKU_VALUE_ID) {
-      const skuValue = skuValues.filter((value) => value.id === skuValueId)[0];
-      skuValue && selectedValues.push(skuValue);
-    }
-    return selectedValues;
-  }, []);
-};
-
-// 判断sku是否可选
-export const isSkuChoosable = (skuList, selectedSku, skuToChoose) => {
-  const { key, valueId } = skuToChoose;
-
-  // 先假设sku已选中，拼入已选中sku对象中
-  const matchedSku = {
-    ...selectedSku,
-    [key]: valueId,
-  };
-
-  // 再判断剩余sku是否全部不可选，若不可选则当前sku不可选中
-  const skusToCheck = Object.keys(matchedSku).filter(
-    (skuKey) => matchedSku[skuKey] !== UNSELECTED_SKU_VALUE_ID
-  );
-
-  const filteredSku = skuList.filter((sku) =>
-    skusToCheck.every(
-      (skuKey) => String(matchedSku[skuKey]) === String(sku[skuKey])
-    )
-  );
-
-  const stock = filteredSku.reduce((total, sku) => {
-    total += sku.stock_num;
-    return total;
-  }, 0);
-  return stock > 0;
-};
-
-export const getSelectedPropValues = (propList, selectedProp) => {
-  const normalizeProp = normalizePropList(propList);
-  return Object.keys(selectedProp).reduce((acc, cur) => {
-    selectedProp[cur].forEach((it) => {
-      acc.push({
-        ...normalizeProp[cur][it],
-      });
-    });
-    return acc;
-  }, []);
-};
-
-export const getSelectedProperties = (propList, selectedProp) => {
-  const list = [];
-  (propList || []).forEach((prop) => {
-    if (selectedProp[prop.k_id] && selectedProp[prop.k_id].length > 0) {
-      const v = [];
-      prop.v.forEach((it) => {
-        if (selectedProp[prop.k_id].indexOf(it.id) > -1) {
-          v.push({ ...it });
-        }
-      });
-      list.push({
-        ...prop,
-        v,
-      });
-    }
-  });
-  return list;
-};
-
-export default {
-  normalizeSkuTree,
-  getSkuComb,
-  getSelectedSkuValues,
-  isAllSelected,
-  isSkuChoosable,
-  getSelectedPropValues,
-  getSelectedProperties,
-};
diff --git a/src/sku/utils/time-helper.js b/src/sku/utils/time-helper.js
deleted file mode 100644
index 2010e10b8..000000000
--- a/src/sku/utils/time-helper.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { padZero } from '../../utils/format/string';
-
-// 字符串转 Date
-// 只处理 YYYY-MM-DD 或者 YYYY-MM-DD HH:MM 格式
-export function stringToDate(timeString) {
-  if (!timeString) {
-    return null;
-  }
-  return new Date(timeString.replace(/-/g, '/'));
-}
-
-// Date 转字符串
-// type: date or datetime
-export function dateToString(date, type = 'date') {
-  if (!date) {
-    return '';
-  }
-  const year = date.getFullYear();
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-  let timeString = `${year}-${padZero(month)}-${padZero(day)}`;
-  if (type === 'datetime') {
-    const hours = date.getHours();
-    const minute = date.getMinutes();
-    timeString += ` ${padZero(hours)}:${padZero(minute)}`;
-  }
-  return timeString;
-}

From 853417d470e8c12c5d4b0b54c76d8dc33eb2a7fb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 22:32:34 +0800
Subject: [PATCH 157/626] chore: remove Panel component

---
 src/panel/README.md                           | 55 ---------------
 src/panel/README.zh-CN.md                     | 59 ----------------
 src/panel/demo/index.vue                      | 41 -----------
 src/panel/index.less                          | 13 ----
 src/panel/index.tsx                           | 69 -------------------
 .../test/__snapshots__/demo.spec.js.snap      | 39 -----------
 src/panel/test/demo.spec.js                   |  4 --
 vant.config.js                                |  8 ---
 8 files changed, 288 deletions(-)
 delete mode 100644 src/panel/README.md
 delete mode 100644 src/panel/README.zh-CN.md
 delete mode 100644 src/panel/demo/index.vue
 delete mode 100644 src/panel/index.less
 delete mode 100644 src/panel/index.tsx
 delete mode 100644 src/panel/test/__snapshots__/demo.spec.js.snap
 delete mode 100644 src/panel/test/demo.spec.js

diff --git a/src/panel/README.md b/src/panel/README.md
deleted file mode 100644
index 72cf7fad7..000000000
--- a/src/panel/README.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# Panel
-
-### Deprecate Tip
-
-The Panel component will be deprecated in version 3.0. Please use the Cell and Button components instead.
-
-### Install
-
-```js
-import Vue from 'vue';
-import { Panel } from 'vant';
-
-Vue.use(Panel);
-```
-
-## Usage
-
-### Basic Usage
-
-```html
-<van-panel title="Title" desc="Description" status="Status">
-  <div>Content</div>
-</van-panel>
-```
-
-### Advanced Usage
-
-```html
-<van-panel title="Title" desc="Description" status="Status">
-  <div>Content</div>
-  <template #footer>
-    <van-button size="small">Button</van-button>
-    <van-button size="small" type="danger">Button</van-button>
-  </template>
-</van-panel>
-```
-
-## API
-
-### Props
-
-| Attribute | Description | Type     | Default |
-| --------- | ----------- | -------- | ------- |
-| icon      | Left Icon   | _string_ | -       |
-| title     | Title       | _string_ | -       |
-| desc      | Description | _string_ | -       |
-| status    | Status      | _string_ | -       |
-
-### Slots
-
-| Name    | Description   |
-| ------- | ------------- |
-| default | Default slot  |
-| header  | Custom header |
-| footer  | Custom footer |
diff --git a/src/panel/README.zh-CN.md b/src/panel/README.zh-CN.md
deleted file mode 100644
index 77d6d9ba8..000000000
--- a/src/panel/README.zh-CN.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# Panel 面板
-
-### 废弃提示
-
-<b>由于使用场景有限，Panel 组件将在 3.0 版本中废弃</b>，请直接使用 Cell 和 Button 组件代替
-
-### 引入
-
-```js
-import Vue from 'vue';
-import { Panel } from 'vant';
-
-Vue.use(Panel);
-```
-
-## 代码演示
-
-### 基础用法
-
-面板只是一个容器，里面可以放入自定义的内容
-
-```html
-<van-panel title="标题" desc="描述信息" status="状态">
-  <div>内容</div>
-</van-panel>
-```
-
-### 高级用法
-
-使用`slot`自定义内容
-
-```html
-<van-panel title="标题" desc="描述信息" status="状态">
-  <div>内容</div>
-  <template #footer>
-    <van-button size="small">按钮</van-button>
-    <van-button size="small" type="danger">按钮</van-button>
-  </template>
-</van-panel>
-```
-
-## API
-
-### Props
-
-| 参数   | 说明                                       | 类型     | 默认值 |
-| ------ | ------------------------------------------ | -------- | ------ |
-| title  | 标题                                       | _string_ | -      |
-| desc   | 描述                                       | _string_ | -      |
-| status | 状态                                       | _string_ | -      |
-| icon   | 标题左侧[图标名称](#/zh-CN/icon)或图片链接 | _string_ | -      |
-
-### Slots
-
-| 名称    | 说明          |
-| ------- | ------------- |
-| default | 自定义内容    |
-| header  | 自定义 header |
-| footer  | 自定义 footer |
diff --git a/src/panel/demo/index.vue b/src/panel/demo/index.vue
deleted file mode 100644
index afbb25f35..000000000
--- a/src/panel/demo/index.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-panel :title="t('title')" :desc="t('desc')" :status="t('status')">
-        <div>{{ t('content') }}</div>
-      </van-panel>
-    </demo-block>
-
-    <demo-block :title="t('advancedUsage')">
-      <van-panel :title="t('title')" :desc="t('desc')" :status="t('status')">
-        <div>{{ t('content') }}</div>
-        <template #footer>
-          <van-button size="small">{{ t('button') }}</van-button>
-          <van-button size="small" type="danger">
-            {{ t('button') }}
-          </van-button>
-        </template>
-      </van-panel>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="less">
-.demo-panel {
-  .van-panel__footer {
-    text-align: right;
-
-    .van-button {
-      margin-left: 5px;
-    }
-  }
-
-  .van-panel__content {
-    padding: 20px;
-  }
-}
-</style>
diff --git a/src/panel/index.less b/src/panel/index.less
deleted file mode 100644
index 13e17f638..000000000
--- a/src/panel/index.less
+++ /dev/null
@@ -1,13 +0,0 @@
-@import '../style/var';
-
-.van-panel {
-  background: @panel-background-color;
-
-  &__header-value {
-    color: @panel-header-value-color;
-  }
-
-  &__footer {
-    padding: @panel-footer-padding;
-  }
-}
diff --git a/src/panel/index.tsx b/src/panel/index.tsx
deleted file mode 100644
index b6b173437..000000000
--- a/src/panel/index.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-import { BORDER_TOP } from '../utils/constant';
-
-// Components
-import Cell from '../cell';
-import CellGroup from '../cell-group';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { ScopedSlot, DefaultSlots } from '../utils/types';
-
-export type PanelProps = {
-  icon?: string;
-  desc?: string;
-  title?: string;
-  status?: string;
-};
-
-export type PanelSlots = DefaultSlots & {
-  header?: ScopedSlot;
-  footer?: ScopedSlot;
-};
-
-const [createComponent, bem] = createNamespace('panel');
-
-function Panel(
-  h: CreateElement,
-  props: PanelProps,
-  slots: PanelSlots,
-  ctx: RenderContext<PanelProps>
-) {
-  const Content = () => [
-    slots.header ? (
-      slots.header()
-    ) : (
-      <Cell
-        icon={props.icon}
-        label={props.desc}
-        title={props.title}
-        value={props.status}
-        class={bem('header')}
-        valueClass={bem('header-value')}
-      />
-    ),
-    <div class={bem('content')}>{slots.default && slots.default()}</div>,
-    slots.footer && (
-      <div class={[bem('footer'), BORDER_TOP]}>{slots.footer()}</div>
-    ),
-  ];
-
-  return (
-    <CellGroup
-      class={bem()}
-      scopedSlots={{ default: Content }}
-      {...inherit(ctx, true)}
-    />
-  );
-}
-
-Panel.props = {
-  icon: String,
-  desc: String,
-  title: String,
-  status: String,
-};
-
-export default createComponent<PanelProps>(Panel);
diff --git a/src/panel/test/__snapshots__/demo.spec.js.snap b/src/panel/test/__snapshots__/demo.spec.js.snap
deleted file mode 100644
index 97129d470..000000000
--- a/src/panel/test/__snapshots__/demo.spec.js.snap
+++ /dev/null
@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders demo correctly 1`] = `
-<div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom van-panel">
-      <div class="van-cell van-panel__header">
-        <div class="van-cell__title"><span>标题</span>
-          <div class="van-cell__label">描述信息</div>
-        </div>
-        <div class="van-cell__value van-panel__header-value"><span>状态</span></div>
-      </div>
-      <div class="van-panel__content">
-        <div>内容</div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom van-panel">
-      <div class="van-cell van-panel__header">
-        <div class="van-cell__title"><span>标题</span>
-          <div class="van-cell__label">描述信息</div>
-        </div>
-        <div class="van-cell__value van-panel__header-value"><span>状态</span></div>
-      </div>
-      <div class="van-panel__content">
-        <div>内容</div>
-      </div>
-      <div class="van-panel__footer van-hairline--top"><button class="van-button van-button--default van-button--small">
-          <div class="van-button__content"><span class="van-button__text">按钮</span></div>
-        </button> <button class="van-button van-button--danger van-button--small">
-          <div class="van-button__content"><span class="van-button__text">
-          按钮
-        </span></div>
-        </button></div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/panel/test/demo.spec.js b/src/panel/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/panel/test/demo.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Demo from '../demo';
-import { snapshotDemo } from '../../../test/demo';
-
-snapshotDemo(Demo);
diff --git a/vant.config.js b/vant.config.js
index 68ae3d46c..8b99d25b9 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -355,10 +355,6 @@ module.exports = {
                 path: 'submit-bar',
                 title: 'SubmitBar 提交订单栏',
               },
-              // {
-              //   path: 'sku',
-              //   title: 'Sku 商品规格',
-              // },
             ],
           },
         ],
@@ -689,10 +685,6 @@ module.exports = {
                 path: 'submit-bar',
                 title: 'SubmitBar',
               },
-              // {
-              //   path: 'sku',
-              //   title: 'Sku',
-              // },
             ],
           },
         ],

From 33fa4433422059ff52a3023a63ee10f7afdb847a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 22:37:29 +0800
Subject: [PATCH 158/626] types: remove unused type

---
 src/utils/deep-assign.ts |  3 ++-
 src/utils/dom/event.ts   |  3 ++-
 src/utils/types.ts       | 40 ----------------------------------------
 3 files changed, 4 insertions(+), 42 deletions(-)
 delete mode 100644 src/utils/types.ts

diff --git a/src/utils/deep-assign.ts b/src/utils/deep-assign.ts
index 6a175c57a..4c5b7b877 100644
--- a/src/utils/deep-assign.ts
+++ b/src/utils/deep-assign.ts
@@ -1,5 +1,6 @@
 import { isDef, isObject } from '.';
-import { ObjectIndex } from './types';
+
+type ObjectIndex = Record<string, any>;
 
 const { hasOwnProperty } = Object.prototype;
 
diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index 7bd55f859..073df3899 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -1,5 +1,6 @@
 import { inBrowser } from '..';
-import { EventHandler } from '../types';
+
+type EventHandler = (event: Event) => void;
 
 // eslint-disable-next-line import/no-mutable-exports
 export let supportsPassive = false;
diff --git a/src/utils/types.ts b/src/utils/types.ts
deleted file mode 100644
index 14821d4b6..000000000
--- a/src/utils/types.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { VNode, CreateElement, RenderContext } from 'vue';
-import { InjectOptions, PropsDefinition } from 'vue/types/options';
-
-export type EventHandler = (event: Event) => void;
-
-export type ObjectIndex = Record<string, any>;
-
-export type ScopedSlot<Props = any> = (
-  props?: Props
-) => VNode[] | VNode | undefined;
-
-export type DefaultSlots = {
-  default?: ScopedSlot;
-};
-
-export type ScopedSlots = DefaultSlots & {
-  [key: string]: ScopedSlot | undefined;
-};
-
-export type ModelOptions = {
-  prop?: string;
-  event?: string;
-};
-
-export type DefaultProps = ObjectIndex;
-
-export type FunctionComponent<
-  Props = DefaultProps,
-  PropDefs = PropsDefinition<Props>
-> = {
-  (
-    h: CreateElement,
-    props: Props,
-    slots: ScopedSlots,
-    context: RenderContext<Props>
-  ): VNode | undefined;
-  props?: PropDefs;
-  model?: ModelOptions;
-  inject?: InjectOptions;
-};

From 206757c8bd2239e2f9fd604b64b50cfb34e67d01 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 22:39:18 +0800
Subject: [PATCH 159/626] chore: remove unused comment

---
 src/image-preview/index.js | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index a62ecf767..1e268e031 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -65,20 +65,6 @@ function initInstance() {
   }).mount(root);
 }
 
-// const initInstance = () => {
-//   instance.$on('change', (index) => {
-//     if (instance.onChange) {
-//       instance.onChange(index);
-//     }
-//   });
-
-//   instance.$on('scale', (data) => {
-//     if (instance.onScale) {
-//       instance.onScale(data);
-//     }
-//   });
-// };
-
 const ImagePreview = (images, startPosition = 0) => {
   /* istanbul ignore if */
   if (!inBrowser) {
@@ -100,11 +86,6 @@ const ImagePreview = (images, startPosition = 0) => {
     instance.toggle(true);
   });
 
-  // if (options.onClose) {
-  //   instance.$off('close');
-  //   instance.$once('close', options.onClose);
-  // }
-
   return instance;
 };
 

From 7cadc5e60f16c9cb7bb73ac3494800fb3279cdd5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 22:49:55 +0800
Subject: [PATCH 160/626] docs: add migrate guide

---
 docs/markdown/changelog-v3.zh-CN.md    |  96 ---------------------
 docs/markdown/migrate-from-v2.zh-CN.md | 115 +++++++++++++++++++++++++
 vant.config.js                         |   4 +
 3 files changed, 119 insertions(+), 96 deletions(-)
 create mode 100644 docs/markdown/migrate-from-v2.zh-CN.md

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index a8ad58788..fd67f5cad 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -17,99 +17,3 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 ### v3.0.0-alpha.0
 
 `TODO`
-
-#### 不兼容更新
-
-##### v-model API 变更
-
-为了适配 Vue 3 的 v-model API 用法变更，所有提供 v-model 属性的组件在用法上有一定调整。
-
-以下组件的 `v-model` 被重命名为 `v-model:show`：
-
-- ActionSheet
-- Calendar
-- Dialog
-- ImagePreview
-- Notify
-- Popup
-- ShareSheet
-
-```html
-<!-- before -->
-<van-popup v-model="show" />
-<!-- after -->
-<van-popup v-model:show="show" />
-```
-
-以下组件 v-model 对应的 prop 重命名为 `modelValue`，event 重命名为 `update:modelValue`：
-
-- Checkbox
-- CheckboxGroup
-- DatetimePicker
-- DropdownItem
-- Field
-- Radio
-- RadioGroup
-- Search
-- Stepper
-- Switch
-- Sidebar
-- Uploader
-
-```html
-<!-- before -->
-<van-field :value="value" @input="onInput" />
-<!-- after -->
-<van-field :model-value="value" @update:model-value="onInput" />
-```
-
-其他改动：
-
-- Circle: `v-model` 重命名为 `v-model:currentRate`
-- CouponList: `v-model` 重命名为 `v-model:code`
-- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
-- Tabs: `v-model` 重命名为 `v-model:active`
-- TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
-- TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
-
-##### 组件命名调整
-
-- GoodsAction：重命名为 `ActionBar`
-- GoodsActionIcon：重命名为 `ActionBarIcon`
-- GoodsActionButton：重命名为 `ActionBarButton`
-
-##### API 命名调整
-
-以下改动是为了规范 API 命名：
-
-- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
-- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
-- Toast: `mask` 属性重命名为 `overlay`
-- TreeSelect: `navclick` 事件重命名为 `click-nav`
-- TreeSelect: `itemclick` 事件重命名为 `click-item`
-
-##### 徽标属性命名调整
-
-在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
-
-- Tab
-- Icon
-- GridItem
-- TreeSelect
-- TabbarItem
-- SidebarItem
-- GoodsActionIcon
-
-同时内部使用的 Info 组件也会重命名为 Badge。
-
-##### 废弃组件
-
-- SwitchCell: 移除此组件，可以直接使用 Cell 和 Switch 组件代替
-
-```html
-<van-cell center title="标题">
-  <template #right-icon>
-    <van-switch v-model="checked" size="24" />
-  </template>
-</van-cell>
-```
diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
new file mode 100644
index 000000000..0ab8380d2
--- /dev/null
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -0,0 +1,115 @@
+# 从 2.x 版本迁移
+
+## 不兼容更新
+
+### 组件命名调整
+
+GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
+
+```html
+<!-- Before -->
+<van-goods-action>
+  <van-goods-action-icon text="图标" />
+  <van-goods-action-button text="按钮" />
+</van-goods-action>
+
+<!-- After -->
+<van-action-bar>
+  <van-action-bar-icon text="图标" />
+  <van-action-bar-button text="按钮" />
+</van-action-bar>
+```
+
+### 废弃组件
+
+移除 SwitchCell 组件，可以直接使用 Cell 和 Switch 组件代替。
+
+```html
+<!-- Before -->
+<van-switch-cell title="标题" v-model="checked" />
+
+<!-- After -->
+<van-cell center title="标题">
+  <template #right-icon>
+    <van-switch v-model="checked" size="24" />
+  </template>
+</van-cell>
+```
+
+### 弹窗型组件 v-model 变更
+
+为了适配 Vue 3 的 v-model API 用法变更，所有提供 v-model 属性的组件在用法上有一定调整。
+
+以下弹窗类组件的 `v-model` 被重命名为 `v-model:show`：
+
+- ActionSheet
+- Calendar
+- Dialog
+- ImagePreview
+- Notify
+- Popup
+- ShareSheet
+
+```html
+<!-- before -->
+<van-popup v-model="show" />
+<!-- after -->
+<van-popup v-model:show="show" />
+```
+
+### 表单型组件 v-model 内部值变更
+
+以下表单型组件 v-model 对应的 prop 重命名为 `modelValue`，event 重命名为 `update:modelValue`：
+
+- Checkbox
+- CheckboxGroup
+- DatetimePicker
+- DropdownItem
+- Field
+- Radio
+- RadioGroup
+- Search
+- Stepper
+- Switch
+- Sidebar
+- Uploader
+
+```html
+<!-- before -->
+<van-field :value="value" @input="onInput" />
+<!-- after -->
+<van-field :model-value="value" @update:model-value="onInput" />
+```
+
+### 其他组件 v-model 调整
+
+- Circle: `v-model` 重命名为 `v-model:currentRate`
+- CouponList: `v-model` 重命名为 `v-model:code`
+- List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
+- Tabs: `v-model` 重命名为 `v-model:active`
+- TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
+- TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
+
+### API 命名调整
+
+以下改动是为了规范 API 命名：
+
+- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
+- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
+- Toast: `mask` 属性重命名为 `overlay`
+- TreeSelect: `navclick` 事件重命名为 `click-nav`
+- TreeSelect: `itemclick` 事件重命名为 `click-item`
+
+### 徽标属性命名调整
+
+在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
+
+- Tab
+- Icon
+- GridItem
+- TreeSelect
+- TabbarItem
+- SidebarItem
+- GoodsActionIcon
+
+同时内部使用的 Info 组件也会重命名为 Badge。
diff --git a/vant.config.js b/vant.config.js
index 8b99d25b9..41c2db234 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -53,6 +53,10 @@ module.exports = {
                 path: 'changelog-v3',
                 title: '更新日志',
               },
+              {
+                path: 'migrate-from-v2',
+                title: '从 2.x 版本迁移',
+              },
               {
                 path: 'theme',
                 title: '定制主题',

From 9a86e9e6cace55b27e7516fe8eca6db19201e0ee Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 23:26:34 +0800
Subject: [PATCH 161/626] docs: update global method guide

---
 docs/markdown/migrate-from-v2.zh-CN.md | 22 +++++++++++++++++++++-
 src/dialog/README.md                   |  2 +-
 src/dialog/README.zh-CN.md             |  2 +-
 src/notify/README.md                   |  2 +-
 src/notify/README.zh-CN.md             |  2 +-
 src/toast/README.md                    |  2 +-
 src/toast/README.zh-CN.md              |  2 +-
 7 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 0ab8380d2..a774165a6 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -81,7 +81,7 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 <van-field :model-value="value" @update:model-value="onInput" />
 ```
 
-### 其他组件 v-model 调整
+### 其他 v-model 调整
 
 - Circle: `v-model` 重命名为 `v-model:currentRate`
 - CouponList: `v-model` 重命名为 `v-model:code`
@@ -113,3 +113,23 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 - GoodsActionIcon
 
 同时内部使用的 Info 组件也会重命名为 Badge。
+
+### 注册全局方法
+
+Vant 2.x 中默认提供了 `$toast`、`$dialog` 等全局方法，但 Vue 3.0 不再支持直接在 Vue 的原型链上挂载方法，因此从 Vant 3.0 开始，使用全局方法前必须先通过 `app.use` 将组件注册到对应的 app 上。
+
+```js
+import { Toast, Dialog, Notify } from 'vant';
+
+// 将 Toast 等组件注册到 app 上
+app.use(Toast);
+app.use(Dialog);
+app.use(Notify);
+
+// app 内的子组件可以直接调用 $toast 等方法
+export default {
+  mounted() {
+    this.$toast('提示文案');
+  },
+};
+```
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 4e580bc20..b503b04bf 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -88,7 +88,7 @@ Dialog.confirm({
 
 ### Global Method
 
-After import the Dialog component, the `$dialog` method is automatically mounted on Vue.prototype, making it easy to call within a vue component.
+After registering the Dialog component through `app.use`, the `$dialog` method will be automatically mounted on all subcomponents of the app.
 
 ```js
 export default {
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index 07272b14a..c5beed50f 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -116,7 +116,7 @@ Dialog.confirm({
 
 ### 全局方法
 
-引入 Dialog 组件后，会自动在 Vue 的 prototype 上挂载 `$dialog` 方法，在所有组件内部都可以直接调用此方法。
+通过 `app.use` 注册 Dialog 组件后，会自动在 app 的所有子组件上挂载 `$dialog` 方法，在所有组件内部都可以直接调用此方法。
 
 ```js
 export default {
diff --git a/src/notify/README.md b/src/notify/README.md
index 2a50e6ba3..a8c5e6ece 100644
--- a/src/notify/README.md
+++ b/src/notify/README.md
@@ -43,7 +43,7 @@ Notify({
 
 ### Global Method
 
-After import the Notify component, the `$notify` method is automatically mounted on Vue.prototype, making it easy to call within a vue component.
+After registering the Notify component through `app.use`, the `$notify` method will be automatically mounted on all subcomponents of the app.
 
 ```js
 export default {
diff --git a/src/notify/README.zh-CN.md b/src/notify/README.zh-CN.md
index 737eb5ec9..01475ca7b 100644
--- a/src/notify/README.zh-CN.md
+++ b/src/notify/README.zh-CN.md
@@ -78,7 +78,7 @@ Notify({
 
 ### 全局方法
 
-引入 Notify 组件后，会自动在 Vue 的 prototype 上挂载 `$notify` 方法，便于在组件内调用。
+通过 `app.use` 注册 Notify 组件后，会自动在 app 的所有子组件上挂载 `$notify` 方法，便于在组件内调用。
 
 ```js
 export default {
diff --git a/src/toast/README.md b/src/toast/README.md
index 92b18dc77..7f5eb4a56 100644
--- a/src/toast/README.md
+++ b/src/toast/README.md
@@ -77,7 +77,7 @@ const timer = setInterval(() => {
 
 ### Global Method
 
-After import the Toast component, the `$toast` method is automatically mounted on Vue.prototype, making it easy to call within a vue component.
+After registering the Toast component through `app.use`, the `$toast` method will be automatically mounted on all subcomponents of the app.
 
 ```js
 export default {
diff --git a/src/toast/README.zh-CN.md b/src/toast/README.zh-CN.md
index 602f5397a..5a814ea21 100644
--- a/src/toast/README.zh-CN.md
+++ b/src/toast/README.zh-CN.md
@@ -90,7 +90,7 @@ const timer = setInterval(() => {
 
 ### 全局方法
 
-引入 Toast 组件后，会自动在 Vue 的 prototype 上挂载 `$toast` 方法，便于在组件内调用。
+通过 `app.use` 注册 Toast 组件后，会自动在 app 的所有子组件上挂载 `$toast` 方法，便于在组件内调用。
 
 ```js
 export default {

From d42b1b43c34bd07a18c6ef702394f98b0603d9e0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 20 Aug 2020 23:32:07 +0800
Subject: [PATCH 162/626] docs: update component registration guide

---
 src/action-bar/README.md            |  9 +++++----
 src/action-bar/README.zh-CN.md      |  9 +++++----
 src/action-sheet/README.md          |  5 +++--
 src/action-sheet/README.zh-CN.md    |  5 +++--
 src/address-edit/README.md          |  5 +++--
 src/address-edit/README.zh-CN.md    |  5 +++--
 src/address-list/README.md          |  5 +++--
 src/address-list/README.zh-CN.md    |  5 +++--
 src/area/README.md                  |  5 +++--
 src/area/README.zh-CN.md            |  5 +++--
 src/button/README.md                |  5 +++--
 src/button/README.zh-CN.md          |  5 +++--
 src/calendar/README.md              |  5 +++--
 src/calendar/README.zh-CN.md        |  5 +++--
 src/card/README.md                  |  5 +++--
 src/card/README.zh-CN.md            |  5 +++--
 src/cell/README.md                  |  7 ++++---
 src/cell/README.zh-CN.md            |  7 ++++---
 src/checkbox/README.md              |  7 ++++---
 src/checkbox/README.zh-CN.md        |  7 ++++---
 src/circle/README.md                | 12 +++++++++---
 src/circle/README.zh-CN.md          |  5 +++--
 src/col/README.md                   |  7 ++++---
 src/col/README.zh-CN.md             |  7 ++++---
 src/collapse/README.md              |  7 ++++---
 src/collapse/README.zh-CN.md        |  7 ++++---
 src/contact-card/README.md          |  9 +++++----
 src/contact-card/README.zh-CN.md    |  9 +++++----
 src/count-down/README.md            |  5 +++--
 src/count-down/README.zh-CN.md      |  5 +++--
 src/coupon-list/README.md           |  7 ++++---
 src/coupon-list/README.zh-CN.md     |  7 ++++---
 src/datetime-picker/README.md       |  5 +++--
 src/datetime-picker/README.zh-CN.md |  5 +++--
 src/dialog/README.md                |  5 +++--
 src/dialog/README.zh-CN.md          |  5 +++--
 src/divider/README.md               |  5 +++--
 src/divider/README.zh-CN.md         |  5 +++--
 src/dropdown-menu/README.md         |  7 ++++---
 src/dropdown-menu/README.zh-CN.md   |  7 ++++---
 src/empty/README.md                 |  5 +++--
 src/empty/README.zh-CN.md           |  5 +++--
 src/field/README.md                 |  5 +++--
 src/field/README.zh-CN.md           |  5 +++--
 src/form/README.md                  |  5 +++--
 src/form/README.zh-CN.md            |  5 +++--
 src/grid/README.md                  |  7 ++++---
 src/grid/README.zh-CN.md            |  7 ++++---
 src/icon/README.md                  |  5 +++--
 src/icon/README.zh-CN.md            |  5 +++--
 src/image-preview/README.md         |  5 +++--
 src/image-preview/README.zh-CN.md   |  7 ++++---
 src/image/README.md                 | 10 ++++++----
 src/image/README.zh-CN.md           | 10 ++++++----
 src/index-bar/README.md             |  7 ++++---
 src/index-bar/README.zh-CN.md       |  7 ++++---
 src/lazyload/README.md              |  9 +++++----
 src/lazyload/README.zh-CN.md        |  9 +++++----
 src/list/README.md                  |  5 +++--
 src/list/README.zh-CN.md            |  5 +++--
 src/loading/README.md               |  5 +++--
 src/loading/README.zh-CN.md         |  5 +++--
 src/nav-bar/README.md               |  5 +++--
 src/nav-bar/README.zh-CN.md         |  5 +++--
 src/notice-bar/README.md            |  5 +++--
 src/notice-bar/README.zh-CN.md      |  5 +++--
 src/notify/README.md                |  5 +++--
 src/notify/README.zh-CN.md          |  5 +++--
 src/number-keyboard/README.md       |  5 +++--
 src/number-keyboard/README.zh-CN.md |  5 +++--
 src/overlay/README.md               |  5 +++--
 src/overlay/README.zh-CN.md         |  5 +++--
 src/pagination/README.md            |  5 +++--
 src/pagination/README.zh-CN.md      |  5 +++--
 src/password-input/README.md        |  7 ++++---
 src/password-input/README.zh-CN.md  |  7 ++++---
 src/picker/README.md                |  5 +++--
 src/picker/README.zh-CN.md          |  5 +++--
 src/popup/README.md                 | 12 +++++++++---
 src/popup/README.zh-CN.md           | 12 +++++++++---
 src/progress/README.md              |  5 +++--
 src/progress/README.zh-CN.md        |  5 +++--
 src/pull-refresh/README.md          |  5 +++--
 src/pull-refresh/README.zh-CN.md    |  5 +++--
 src/radio/README.md                 |  7 ++++---
 src/radio/README.zh-CN.md           |  7 ++++---
 src/rate/README.md                  |  5 +++--
 src/rate/README.zh-CN.md            |  5 +++--
 src/search/README.md                |  5 +++--
 src/search/README.zh-CN.md          |  5 +++--
 src/share-sheet/README.md           |  5 +++--
 src/share-sheet/README.zh-CN.md     |  5 +++--
 src/sidebar/README.md               |  7 ++++---
 src/sidebar/README.zh-CN.md         |  7 ++++---
 src/skeleton/README.md              |  5 +++--
 src/skeleton/README.zh-CN.md        |  5 +++--
 src/slider/README.md                |  5 +++--
 src/slider/README.zh-CN.md          |  5 +++--
 src/stepper/README.md               |  5 +++--
 src/stepper/README.zh-CN.md         |  5 +++--
 src/steps/README.md                 |  7 ++++---
 src/steps/README.zh-CN.md           |  7 ++++---
 src/sticky/README.md                |  5 +++--
 src/sticky/README.zh-CN.md          |  5 +++--
 src/submit-bar/README.md            |  5 +++--
 src/submit-bar/README.zh-CN.md      |  5 +++--
 src/swipe-cell/README.md            |  5 +++--
 src/swipe-cell/README.zh-CN.md      |  5 +++--
 src/swipe/README.md                 | 12 +++++++-----
 src/swipe/README.zh-CN.md           | 12 +++++++-----
 src/switch/README.md                |  5 +++--
 src/switch/README.zh-CN.md          |  5 +++--
 src/tab/README.md                   |  7 ++++---
 src/tab/README.zh-CN.md             |  7 ++++---
 src/tabbar/README.md                |  7 ++++---
 src/tabbar/README.zh-CN.md          |  7 ++++---
 src/tag/README.md                   |  5 +++--
 src/tag/README.zh-CN.md             |  5 +++--
 src/toast/README.md                 |  5 +++--
 src/toast/README.zh-CN.md           |  5 +++--
 src/tree-select/README.md           | 11 ++++++++---
 src/tree-select/README.zh-CN.md     |  5 +++--
 src/uploader/README.md              |  5 +++--
 src/uploader/README.zh-CN.md        |  5 +++--
 124 files changed, 450 insertions(+), 303 deletions(-)

diff --git a/src/action-bar/README.md b/src/action-bar/README.md
index 38fd7db4b..b5c78257f 100644
--- a/src/action-bar/README.md
+++ b/src/action-bar/README.md
@@ -3,12 +3,13 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(ActionBar);
-Vue.use(ActionBarButton);
-Vue.use(ActionBarIcon);
+const app = createApp();
+app.use(ActionBar);
+app.use(ActionBarIcon);
+app.use(ActionBarButton);
 ```
 
 ## Usage
diff --git a/src/action-bar/README.zh-CN.md b/src/action-bar/README.zh-CN.md
index f7cb4b26b..2296cce0d 100644
--- a/src/action-bar/README.zh-CN.md
+++ b/src/action-bar/README.zh-CN.md
@@ -3,12 +3,13 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(ActionBar);
-Vue.use(ActionBarButton);
-Vue.use(ActionBarIcon);
+const app = createApp();
+app.use(ActionBar);
+app.use(ActionBarIcon);
+app.use(ActionBarButton);
 ```
 
 ## 代码演示
diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md
index 7538e9db0..ee5ffe589 100644
--- a/src/action-sheet/README.md
+++ b/src/action-sheet/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ActionSheet } from 'vant';
 
-Vue.use(ActionSheet);
+const app = createApp();
+app.use(ActionSheet);
 ```
 
 ## Usage
diff --git a/src/action-sheet/README.zh-CN.md b/src/action-sheet/README.zh-CN.md
index 313ce0257..3cd9c5ffc 100644
--- a/src/action-sheet/README.zh-CN.md
+++ b/src/action-sheet/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ActionSheet } from 'vant';
 
-Vue.use(ActionSheet);
+const app = createApp();
+app.use(ActionSheet);
 ```
 
 ## 代码演示
diff --git a/src/address-edit/README.md b/src/address-edit/README.md
index f92f8122a..c05a31cb9 100644
--- a/src/address-edit/README.md
+++ b/src/address-edit/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { AddressEdit } from 'vant';
 
-Vue.use(AddressEdit);
+const app = createApp();
+app.use(AddressEdit);
 ```
 
 ## Usage
diff --git a/src/address-edit/README.zh-CN.md b/src/address-edit/README.zh-CN.md
index a0d7fe29b..3b9a78ab3 100644
--- a/src/address-edit/README.zh-CN.md
+++ b/src/address-edit/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { AddressEdit } from 'vant';
 
-Vue.use(AddressEdit);
+const app = createApp();
+app.use(AddressEdit);
 ```
 
 ## 代码演示
diff --git a/src/address-list/README.md b/src/address-list/README.md
index 298a50f94..a60b71177 100644
--- a/src/address-list/README.md
+++ b/src/address-list/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { AddressList } from 'vant';
 
-Vue.use(AddressList);
+const app = createApp();
+app.use(AddressList);
 ```
 
 ## Usage
diff --git a/src/address-list/README.zh-CN.md b/src/address-list/README.zh-CN.md
index c4e148461..0a60f2a81 100644
--- a/src/address-list/README.zh-CN.md
+++ b/src/address-list/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { AddressList } from 'vant';
 
-Vue.use(AddressList);
+const app = createApp();
+app.use(AddressList);
 ```
 
 ## 代码演示
diff --git a/src/area/README.md b/src/area/README.md
index f8494fa0b..7a5749251 100644
--- a/src/area/README.md
+++ b/src/area/README.md
@@ -7,10 +7,11 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Area } from 'vant';
 
-Vue.use(Area);
+const app = createApp();
+app.use(Area);
 ```
 
 ## Usage
diff --git a/src/area/README.zh-CN.md b/src/area/README.zh-CN.md
index 5e2691ffe..0af6d36c9 100644
--- a/src/area/README.zh-CN.md
+++ b/src/area/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Area } from 'vant';
 
-Vue.use(Area);
+const app = createApp();
+app.use(Area);
 ```
 
 ## 代码演示
diff --git a/src/button/README.md b/src/button/README.md
index b79d44c9b..a3333db12 100644
--- a/src/button/README.md
+++ b/src/button/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 
-Vue.use(Button);
+const app = createApp();
+app.use(Button);
 ```
 
 ## Usage
diff --git a/src/button/README.zh-CN.md b/src/button/README.zh-CN.md
index 6d741ac99..d8958cd07 100644
--- a/src/button/README.zh-CN.md
+++ b/src/button/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 
-Vue.use(Button);
+const app = createApp();
+app.use(Button);
 ```
 
 ## 代码演示
diff --git a/src/calendar/README.md b/src/calendar/README.md
index 8184de2f4..d83201e57 100644
--- a/src/calendar/README.md
+++ b/src/calendar/README.md
@@ -7,10 +7,11 @@ Calendar component for selecting dates or date ranges.
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Calendar } from 'vant';
 
-Vue.use(Calendar);
+const app = createApp();
+app.use(Calendar);
 ```
 
 ## Usage
diff --git a/src/calendar/README.zh-CN.md b/src/calendar/README.zh-CN.md
index adfbca1fe..ee99ff138 100644
--- a/src/calendar/README.zh-CN.md
+++ b/src/calendar/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Calendar } from 'vant';
 
-Vue.use(Calendar);
+const app = createApp();
+app.use(Calendar);
 ```
 
 ## 代码演示
diff --git a/src/card/README.md b/src/card/README.md
index 952af913a..6e0868c94 100644
--- a/src/card/README.md
+++ b/src/card/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Card } from 'vant';
 
-Vue.use(Card);
+const app = createApp();
+app.use(Card);
 ```
 
 ## Usage
diff --git a/src/card/README.zh-CN.md b/src/card/README.zh-CN.md
index 91d51d029..f142f61a2 100644
--- a/src/card/README.zh-CN.md
+++ b/src/card/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Card } from 'vant';
 
-Vue.use(Card);
+const app = createApp();
+app.use(Card);
 ```
 
 ## 代码演示
diff --git a/src/cell/README.md b/src/cell/README.md
index feca7df32..ff55eb26c 100644
--- a/src/cell/README.md
+++ b/src/cell/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Cell, CellGroup } from 'vant';
 
-Vue.use(Cell);
-Vue.use(CellGroup);
+const app = createApp();
+app.use(Cell);
+app.use(CellGroup);
 ```
 
 ## Usage
diff --git a/src/cell/README.zh-CN.md b/src/cell/README.zh-CN.md
index 86394eec0..0b7a2a8f2 100644
--- a/src/cell/README.zh-CN.md
+++ b/src/cell/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Cell, CellGroup } from 'vant';
 
-Vue.use(Cell);
-Vue.use(CellGroup);
+const app = createApp();
+app.use(Cell);
+app.use(CellGroup);
 ```
 
 ## 代码演示
diff --git a/src/checkbox/README.md b/src/checkbox/README.md
index a5219aec7..01196a838 100644
--- a/src/checkbox/README.md
+++ b/src/checkbox/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 
-Vue.use(Checkbox);
-Vue.use(CheckboxGroup);
+const app = createApp();
+app.use(Checkbox);
+app.use(CheckboxGroup);
 ```
 
 ## Usage
diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md
index b1ee0c89d..4a0501c50 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Checkbox, CheckboxGroup } from 'vant';
 
-Vue.use(Checkbox);
-Vue.use(CheckboxGroup);
+const app = createApp();
+app.use(Checkbox);
+app.use(CheckboxGroup);
 ```
 
 ## 代码演示
diff --git a/src/circle/README.md b/src/circle/README.md
index 6b2ae7a1d..e849d88f6 100644
--- a/src/circle/README.md
+++ b/src/circle/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Circle } from 'vant';
 
-Vue.use(Circle);
+const app = createApp();
+app.use(Circle);
 ```
 
 ## Usage
@@ -14,7 +15,12 @@ Vue.use(Circle);
 ### Basic Usage
 
 ```html
-<van-circle v-model:currentRate="currentRate" :rate="30" :speed="100" :text="text" />
+<van-circle
+  v-model:currentRate="currentRate"
+  :rate="30"
+  :speed="100"
+  :text="text"
+/>
 ```
 
 ```js
diff --git a/src/circle/README.zh-CN.md b/src/circle/README.zh-CN.md
index dc12f5aa5..552f84133 100644
--- a/src/circle/README.zh-CN.md
+++ b/src/circle/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Circle } from 'vant';
 
-Vue.use(Circle);
+const app = createApp();
+app.use(Circle);
 ```
 
 ## 代码演示
diff --git a/src/col/README.md b/src/col/README.md
index d6be11217..e1256450c 100644
--- a/src/col/README.md
+++ b/src/col/README.md
@@ -7,11 +7,12 @@ Quickly and easily create layouts with `van-row` and `van-col`
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Col, Row } from 'vant';
 
-Vue.use(Col);
-Vue.use(Row);
+const app = createApp();
+app.use(Col);
+app.use(Row);
 ```
 
 ## Usage
diff --git a/src/col/README.zh-CN.md b/src/col/README.zh-CN.md
index 7eb405993..17972322a 100644
--- a/src/col/README.zh-CN.md
+++ b/src/col/README.zh-CN.md
@@ -7,11 +7,12 @@ Layout 提供了`van-row`和`van-col`两个组件来进行行列布局
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Col, Row } from 'vant';
 
-Vue.use(Col);
-Vue.use(Row);
+const app = createApp();
+app.use(Col);
+app.use(Row);
 ```
 
 ## 代码演示
diff --git a/src/collapse/README.md b/src/collapse/README.md
index 88d681e39..c8c4373b1 100644
--- a/src/collapse/README.md
+++ b/src/collapse/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
-Vue.use(Collapse);
-Vue.use(CollapseItem);
+const app = createApp();
+app.use(Collapse);
+app.use(CollapseItem);
 ```
 
 ## Usage
diff --git a/src/collapse/README.zh-CN.md b/src/collapse/README.zh-CN.md
index 7931c22c8..51e524a8a 100644
--- a/src/collapse/README.zh-CN.md
+++ b/src/collapse/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Collapse, CollapseItem } from 'vant';
 
-Vue.use(Collapse);
-Vue.use(CollapseItem);
+const app = createApp();
+app.use(Collapse);
+app.use(CollapseItem);
 ```
 
 ## 代码演示
diff --git a/src/contact-card/README.md b/src/contact-card/README.md
index 1b2b91dff..88f4a095b 100644
--- a/src/contact-card/README.md
+++ b/src/contact-card/README.md
@@ -3,12 +3,13 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
-Vue.use(ContactCard);
-Vue.use(ContactList);
-Vue.use(ContactEdit);
+const app = createApp();
+app.use(ContactCard);
+app.use(ContactList);
+app.use(ContactEdit);
 ```
 
 ## Usage
diff --git a/src/contact-card/README.zh-CN.md b/src/contact-card/README.zh-CN.md
index ed9e441af..e3ff498ab 100644
--- a/src/contact-card/README.zh-CN.md
+++ b/src/contact-card/README.zh-CN.md
@@ -7,12 +7,13 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ContactCard, ContactList, ContactEdit } from 'vant';
 
-Vue.use(ContactCard);
-Vue.use(ContactList);
-Vue.use(ContactEdit);
+const app = createApp();
+app.use(ContactCard);
+app.use(ContactList);
+app.use(ContactEdit);
 ```
 
 ## 代码演示
diff --git a/src/count-down/README.md b/src/count-down/README.md
index d6240004e..badd24865 100644
--- a/src/count-down/README.md
+++ b/src/count-down/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { CountDown } from 'vant';
 
-Vue.use(CountDown);
+const app = createApp();
+app.use(CountDown);
 ```
 
 ## Usage
diff --git a/src/count-down/README.zh-CN.md b/src/count-down/README.zh-CN.md
index b37b30448..b285903d9 100644
--- a/src/count-down/README.zh-CN.md
+++ b/src/count-down/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { CountDown } from 'vant';
 
-Vue.use(CountDown);
+const app = createApp();
+app.use(CountDown);
 ```
 
 ## 代码演示
diff --git a/src/coupon-list/README.md b/src/coupon-list/README.md
index b26f2efac..2fa585aec 100644
--- a/src/coupon-list/README.md
+++ b/src/coupon-list/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { CouponCell, CouponList } from 'vant';
 
-Vue.use(CouponCell);
-Vue.use(CouponList);
+const app = createApp();
+app.use(CouponCell);
+app.use(CouponList);
 ```
 
 ## Usage
diff --git a/src/coupon-list/README.zh-CN.md b/src/coupon-list/README.zh-CN.md
index fa00f6d24..071cc1d13 100644
--- a/src/coupon-list/README.zh-CN.md
+++ b/src/coupon-list/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { CouponCell, CouponList } from 'vant';
 
-Vue.use(CouponCell);
-Vue.use(CouponList);
+const app = createApp();
+app.use(CouponCell);
+app.use(CouponList);
 ```
 
 ## 代码演示
diff --git a/src/datetime-picker/README.md b/src/datetime-picker/README.md
index 44b5d09f2..adf989787 100644
--- a/src/datetime-picker/README.md
+++ b/src/datetime-picker/README.md
@@ -7,10 +7,11 @@ Used to select time, support date and time dimensions, usually used with the [Po
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { DatetimePicker } from 'vant';
 
-Vue.use(DatetimePicker);
+const app = createApp();
+app.use(DatetimePicker);
 ```
 
 ## Usage
diff --git a/src/datetime-picker/README.zh-CN.md b/src/datetime-picker/README.zh-CN.md
index 17fb28660..9ca70ff0b 100644
--- a/src/datetime-picker/README.zh-CN.md
+++ b/src/datetime-picker/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { DatetimePicker } from 'vant';
 
-Vue.use(DatetimePicker);
+const app = createApp();
+app.use(DatetimePicker);
 ```
 
 ## 代码演示
diff --git a/src/dialog/README.md b/src/dialog/README.md
index b503b04bf..2e5fcba0b 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Dialog } from 'vant';
 
-Vue.use(Dialog);
+const app = createApp();
+app.use(Dialog);
 ```
 
 ## Usage
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index c5beed50f..cea9787cb 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -21,11 +21,12 @@ Dialog({ message: '提示' });
 通过组件调用 Dialog 时，可以通过下面的方式进行注册：
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Dialog } from 'vant';
 
 // 全局注册
-Vue.use(Dialog);
+const app = createApp();
+app.use(Dialog);
 
 // 局部注册
 export default {
diff --git a/src/divider/README.md b/src/divider/README.md
index 78274ffcb..7e66aefe2 100644
--- a/src/divider/README.md
+++ b/src/divider/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Divider } from 'vant';
 
-Vue.use(Divider);
+const app = createApp();
+app.use(Divider);
 ```
 
 ## Usage
diff --git a/src/divider/README.zh-CN.md b/src/divider/README.zh-CN.md
index 0a6b265b1..ff38113c6 100644
--- a/src/divider/README.zh-CN.md
+++ b/src/divider/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Divider } from 'vant';
 
-Vue.use(Divider);
+const app = createApp();
+app.use(Divider);
 ```
 
 ## 代码演示
diff --git a/src/dropdown-menu/README.md b/src/dropdown-menu/README.md
index 867fa403e..4d71ce998 100644
--- a/src/dropdown-menu/README.md
+++ b/src/dropdown-menu/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 
-Vue.use(DropdownMenu);
-Vue.use(DropdownItem);
+const app = createApp();
+app.use(DropdownMenu);
+app.use(DropdownItem);
 ```
 
 ## Usage
diff --git a/src/dropdown-menu/README.zh-CN.md b/src/dropdown-menu/README.zh-CN.md
index 5cc9870b0..ce9669d55 100644
--- a/src/dropdown-menu/README.zh-CN.md
+++ b/src/dropdown-menu/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { DropdownMenu, DropdownItem } from 'vant';
 
-Vue.use(DropdownMenu);
-Vue.use(DropdownItem);
+const app = createApp();
+app.use(DropdownMenu);
+app.use(DropdownItem);
 ```
 
 ## 代码演示
diff --git a/src/empty/README.md b/src/empty/README.md
index 8b13ced49..60a87c205 100644
--- a/src/empty/README.md
+++ b/src/empty/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Empty } from 'vant';
 
-Vue.use(Empty);
+const app = createApp();
+app.use(Empty);
 ```
 
 ## Usage
diff --git a/src/empty/README.zh-CN.md b/src/empty/README.zh-CN.md
index 1b8af0093..18e4ff7b1 100644
--- a/src/empty/README.zh-CN.md
+++ b/src/empty/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Empty } from 'vant';
 
-Vue.use(Empty);
+const app = createApp();
+app.use(Empty);
 ```
 
 ## 代码演示
diff --git a/src/field/README.md b/src/field/README.md
index 5986afd9f..e0c9c64ef 100644
--- a/src/field/README.md
+++ b/src/field/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Field } from 'vant';
 
-Vue.use(Field);
+const app = createApp();
+app.use(Field);
 ```
 
 ## Usage
diff --git a/src/field/README.zh-CN.md b/src/field/README.zh-CN.md
index c66f68910..eb3af9edf 100644
--- a/src/field/README.zh-CN.md
+++ b/src/field/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Field } from 'vant';
 
-Vue.use(Field);
+const app = createApp();
+app.use(Field);
 ```
 
 ## 代码演示
diff --git a/src/form/README.md b/src/form/README.md
index 84727dae7..c81452cd1 100644
--- a/src/form/README.md
+++ b/src/form/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Form } from 'vant';
 
-Vue.use(Form);
+const app = createApp();
+app.use(Form);
 ```
 
 ## Usage
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index f9fd463b9..ffe746f57 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Form } from 'vant';
 
-Vue.use(Form);
+const app = createApp();
+app.use(Form);
 ```
 
 ## 代码演示
diff --git a/src/grid/README.md b/src/grid/README.md
index 0ab19d44b..7dca346d3 100644
--- a/src/grid/README.md
+++ b/src/grid/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Grid, GridItem } from 'vant';
 
-Vue.use(Grid);
-Vue.use(GridItem);
+const app = createApp();
+app.use(Grid);
+app.use(GridItem);
 ```
 
 ## Usage
diff --git a/src/grid/README.zh-CN.md b/src/grid/README.zh-CN.md
index 82225a88d..8d1afd9f0 100644
--- a/src/grid/README.zh-CN.md
+++ b/src/grid/README.zh-CN.md
@@ -7,11 +7,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Grid, GridItem } from 'vant';
 
-Vue.use(Grid);
-Vue.use(GridItem);
+const app = createApp();
+app.use(Grid);
+app.use(GridItem);
 ```
 
 ## 代码演示
diff --git a/src/icon/README.md b/src/icon/README.md
index fac716683..68032b51d 100644
--- a/src/icon/README.md
+++ b/src/icon/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Icon } from 'vant';
 
-Vue.use(Icon);
+const app = createApp();
+app.use(Icon);
 ```
 
 ## Usage
diff --git a/src/icon/README.zh-CN.md b/src/icon/README.zh-CN.md
index bcfd27e35..d9d6b1704 100644
--- a/src/icon/README.zh-CN.md
+++ b/src/icon/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Icon } from 'vant';
 
-Vue.use(Icon);
+const app = createApp();
+app.use(Icon);
 ```
 
 ## 代码演示
diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index 111ff5679..62bf380a4 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ImagePreview } from 'vant';
 
-Vue.use(ImagePreview);
+const app = createApp();
+app.use(ImagePreview);
 ```
 
 ## Usage
diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md
index 59f177887..972e9128d 100644
--- a/src/image-preview/README.zh-CN.md
+++ b/src/image-preview/README.zh-CN.md
@@ -19,11 +19,12 @@ ImagePreview(['https://img.yzcdn.cn/vant/apple-1.jpg']);
 通过组件调用 ImagePreview 时，可以通过下面的方式进行注册。
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ImagePreview } from 'vant';
 
 // 全局注册
-Vue.use(ImagePreview);
+const app = createApp();
+app.use(ImagePreview);
 
 // 局部注册
 export default {
@@ -112,7 +113,7 @@ setTimeout(() => {
 
 ### 组件调用
 
-如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `Vue.use` 注册组件。
+如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `app.use` 注册组件。
 
 ```html
 <van-image-preview v-model="show" :images="images" @change="onChange">
diff --git a/src/image/README.md b/src/image/README.md
index ea56dd794..170cd8eb8 100644
--- a/src/image/README.md
+++ b/src/image/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Image as VanImage } from 'vant';
 
-Vue.use(VanImage);
+const app = createApp();
+app.use(VanImage);
 ```
 
 ## Usage
@@ -53,10 +54,11 @@ Show round image, it may not works at `fit=contain` and `fit=scale-down`
 ```
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 ```
 
 ## API
diff --git a/src/image/README.zh-CN.md b/src/image/README.zh-CN.md
index da02c90ca..26bb247dc 100644
--- a/src/image/README.zh-CN.md
+++ b/src/image/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Image as VanImage } from 'vant';
 
-Vue.use(VanImage);
+const app = createApp();
+app.use(VanImage);
 ```
 
 ## 代码演示
@@ -63,10 +64,11 @@ Vue.use(VanImage);
 ```
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 ```
 
 ### 加载中提示
diff --git a/src/index-bar/README.md b/src/index-bar/README.md
index 371e89bf8..913cc63dd 100644
--- a/src/index-bar/README.md
+++ b/src/index-bar/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { IndexBar } from 'vant';
 
-Vue.use(IndexBar);
-Vue.use(IndexAnchor);
+const app = createApp();
+app.use(IndexBar);
+app.use(IndexAnchor);
 ```
 
 ## Usage
diff --git a/src/index-bar/README.zh-CN.md b/src/index-bar/README.zh-CN.md
index 5b0b4ba10..62568dd0c 100644
--- a/src/index-bar/README.zh-CN.md
+++ b/src/index-bar/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { IndexBar, IndexAnchor } from 'vant';
 
-Vue.use(IndexBar);
-Vue.use(IndexAnchor);
+const app = createApp();
+app.use(IndexBar);
+app.use(IndexAnchor);
 ```
 
 ## 代码演示
diff --git a/src/lazyload/README.md b/src/lazyload/README.md
index 3c912c2d5..b875e0125 100644
--- a/src/lazyload/README.md
+++ b/src/lazyload/README.md
@@ -3,13 +3,14 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 
 // with options
-Vue.use(Lazyload, {
+app.use(Lazyload, {
   lazyComponent: true,
 });
 ```
@@ -47,7 +48,7 @@ Use `v-lazy:background-image` to set background url, and declare the height of t
 
 ```js
 // set `lazyComponent` option
-Vue.use(Lazyload, {
+app.use(Lazyload, {
   lazyComponent: true,
 });
 ```
diff --git a/src/lazyload/README.zh-CN.md b/src/lazyload/README.zh-CN.md
index 4699684fb..a07f0c977 100644
--- a/src/lazyload/README.zh-CN.md
+++ b/src/lazyload/README.zh-CN.md
@@ -5,13 +5,14 @@
 `Lazyload` 是 `Vue` 指令，使用前需要对指令进行注册
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 
 // 注册时可以配置额外的选项
-Vue.use(Lazyload, {
+app.use(Lazyload, {
   lazyComponent: true,
 });
 ```
@@ -53,7 +54,7 @@ export default {
 
 ```js
 // 注册时设置`lazyComponent`选项
-Vue.use(Lazyload, {
+app.use(Lazyload, {
   lazyComponent: true,
 });
 ```
diff --git a/src/list/README.md b/src/list/README.md
index 49c307ca5..96a1301b2 100644
--- a/src/list/README.md
+++ b/src/list/README.md
@@ -7,10 +7,11 @@ A list component to show items and control loading status.
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { List } from 'vant';
 
-Vue.use(List);
+const app = createApp();
+app.use(List);
 ```
 
 ## Usage
diff --git a/src/list/README.zh-CN.md b/src/list/README.zh-CN.md
index aed00c715..4a2f6af37 100644
--- a/src/list/README.zh-CN.md
+++ b/src/list/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { List } from 'vant';
 
-Vue.use(List);
+const app = createApp();
+app.use(List);
 ```
 
 ## 代码演示
diff --git a/src/loading/README.md b/src/loading/README.md
index 0f040966f..ad7b0636b 100644
--- a/src/loading/README.md
+++ b/src/loading/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Loading } from 'vant';
 
-Vue.use(Loading);
+const app = createApp();
+app.use(Loading);
 ```
 
 ## Usage
diff --git a/src/loading/README.zh-CN.md b/src/loading/README.zh-CN.md
index 9531f5ddf..98ad87167 100644
--- a/src/loading/README.zh-CN.md
+++ b/src/loading/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Loading } from 'vant';
 
-Vue.use(Loading);
+const app = createApp();
+app.use(Loading);
 ```
 
 ## 代码演示
diff --git a/src/nav-bar/README.md b/src/nav-bar/README.md
index 0a6e7fe44..f4fb5d3e8 100644
--- a/src/nav-bar/README.md
+++ b/src/nav-bar/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NavBar } from 'vant';
 
-Vue.use(NavBar);
+const app = createApp();
+app.use(NavBar);
 ```
 
 ## Usage
diff --git a/src/nav-bar/README.zh-CN.md b/src/nav-bar/README.zh-CN.md
index 100999759..70e0f8f81 100644
--- a/src/nav-bar/README.zh-CN.md
+++ b/src/nav-bar/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NavBar } from 'vant';
 
-Vue.use(NavBar);
+const app = createApp();
+app.use(NavBar);
 ```
 
 ## 代码演示
diff --git a/src/notice-bar/README.md b/src/notice-bar/README.md
index d7dc29137..071a60226 100644
--- a/src/notice-bar/README.md
+++ b/src/notice-bar/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NoticeBar } from 'vant';
 
-Vue.use(NoticeBar);
+const app = createApp();
+app.use(NoticeBar);
 ```
 
 ## Usage
diff --git a/src/notice-bar/README.zh-CN.md b/src/notice-bar/README.zh-CN.md
index eb5fc8cb7..2241926df 100644
--- a/src/notice-bar/README.zh-CN.md
+++ b/src/notice-bar/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NoticeBar } from 'vant';
 
-Vue.use(NoticeBar);
+const app = createApp();
+app.use(NoticeBar);
 ```
 
 ## 代码演示
diff --git a/src/notify/README.md b/src/notify/README.md
index a8c5e6ece..054324c86 100644
--- a/src/notify/README.md
+++ b/src/notify/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Notify } from 'vant';
 
-Vue.use(Notify);
+const app = createApp();
+app.use(Notify);
 ```
 
 ## Usage
diff --git a/src/notify/README.zh-CN.md b/src/notify/README.zh-CN.md
index 01475ca7b..56c1c8be0 100644
--- a/src/notify/README.zh-CN.md
+++ b/src/notify/README.zh-CN.md
@@ -19,11 +19,12 @@ Notify('通知内容');
 通过组件调用 Notify 时，可以通过下面的方式进行注册（从 2.8.5 版本开始支持）：
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Notify } from 'vant';
 
 // 全局注册
-Vue.use(Notify);
+const app = createApp();
+app.use(Notify);
 
 // 局部注册
 export default {
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index 57c7bef90..d42198be5 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NumberKeyboard } from 'vant';
 
-Vue.use(NumberKeyboard);
+const app = createApp();
+app.use(NumberKeyboard);
 ```
 
 ## Usage
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index 0659efc50..b8d97b891 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { NumberKeyboard } from 'vant';
 
-Vue.use(NumberKeyboard);
+const app = createApp();
+app.use(NumberKeyboard);
 ```
 
 ## 代码演示
diff --git a/src/overlay/README.md b/src/overlay/README.md
index 31fba67b1..3092a6c42 100644
--- a/src/overlay/README.md
+++ b/src/overlay/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Overlay } from 'vant';
 
-Vue.use(Overlay);
+const app = createApp();
+app.use(Overlay);
 ```
 
 ## Usage
diff --git a/src/overlay/README.zh-CN.md b/src/overlay/README.zh-CN.md
index 9d70faa1b..b0f498df7 100644
--- a/src/overlay/README.zh-CN.md
+++ b/src/overlay/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Overlay } from 'vant';
 
-Vue.use(Overlay);
+const app = createApp();
+app.use(Overlay);
 ```
 
 ## 代码演示
diff --git a/src/pagination/README.md b/src/pagination/README.md
index 42ca945df..60ed3c1a5 100644
--- a/src/pagination/README.md
+++ b/src/pagination/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Pagination } from 'vant';
 
-Vue.use(Pagination);
+const app = createApp();
+app.use(Pagination);
 ```
 
 ## Usage
diff --git a/src/pagination/README.zh-CN.md b/src/pagination/README.zh-CN.md
index 89a5dcb44..509856f13 100644
--- a/src/pagination/README.zh-CN.md
+++ b/src/pagination/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Pagination } from 'vant';
 
-Vue.use(Pagination);
+const app = createApp();
+app.use(Pagination);
 ```
 
 ## 代码演示
diff --git a/src/password-input/README.md b/src/password-input/README.md
index fddeeb3c1..f27cbd874 100644
--- a/src/password-input/README.md
+++ b/src/password-input/README.md
@@ -7,11 +7,12 @@ The PasswordInput component is usually used with [NumberKeyboard](#/en-US/number
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { PasswordInput, NumberKeyboard } from 'vant';
 
-Vue.use(PasswordInput);
-Vue.use(NumberKeyboard);
+const app = createApp();
+app.use(PasswordInput);
+app.use(NumberKeyboard);
 ```
 
 ## Usage
diff --git a/src/password-input/README.zh-CN.md b/src/password-input/README.zh-CN.md
index e81b3aea2..be479f60f 100644
--- a/src/password-input/README.zh-CN.md
+++ b/src/password-input/README.zh-CN.md
@@ -7,11 +7,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { PasswordInput, NumberKeyboard } from 'vant';
 
-Vue.use(PasswordInput);
-Vue.use(NumberKeyboard);
+const app = createApp();
+app.use(PasswordInput);
+app.use(NumberKeyboard);
 ```
 
 ## 代码演示
diff --git a/src/picker/README.md b/src/picker/README.md
index 619598f14..473aecfc4 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -7,10 +7,11 @@ The Picker component is usually used with [Popup](#/en-US/popup) Component.
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Picker } from 'vant';
 
-Vue.use(Picker);
+const app = createApp();
+app.use(Picker);
 ```
 
 ## Usage
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index b04dc9180..f0fdb309a 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Picker } from 'vant';
 
-Vue.use(Picker);
+const app = createApp();
+app.use(Picker);
 ```
 
 ## 代码演示
diff --git a/src/popup/README.md b/src/popup/README.md
index 0b6e81530..f882c2d07 100644
--- a/src/popup/README.md
+++ b/src/popup/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Popup } from 'vant';
 
-Vue.use(Popup);
+const app = createApp();
+app.use(Popup);
 ```
 
 ## Usage
@@ -72,7 +73,12 @@ Use `position` prop to set popup display position
 ### Round Corner
 
 ```html
-<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
+<van-popup
+  v-model:show="show"
+  round
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
 ```
 
 ### Get Container
diff --git a/src/popup/README.zh-CN.md b/src/popup/README.zh-CN.md
index 017d8628f..2eea09eb1 100644
--- a/src/popup/README.zh-CN.md
+++ b/src/popup/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Popup } from 'vant';
 
-Vue.use(Popup);
+const app = createApp();
+app.use(Popup);
 ```
 
 ## 代码演示
@@ -82,7 +83,12 @@ export default {
 设置`round`属性后，弹窗会根据弹出位置添加不同的圆角样式
 
 ```html
-<van-popup v-model:show="show" round position="bottom" :style="{ height: '30%' }" />
+<van-popup
+  v-model:show="show"
+  round
+  position="bottom"
+  :style="{ height: '30%' }"
+/>
 ```
 
 ### 指定挂载位置
diff --git a/src/progress/README.md b/src/progress/README.md
index a03e5b158..c5bbeab27 100644
--- a/src/progress/README.md
+++ b/src/progress/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Progress } from 'vant';
 
-Vue.use(Progress);
+const app = createApp();
+app.use(Progress);
 ```
 
 ## Usage
diff --git a/src/progress/README.zh-CN.md b/src/progress/README.zh-CN.md
index 856b9e8a1..9b9493db3 100644
--- a/src/progress/README.zh-CN.md
+++ b/src/progress/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Progress } from 'vant';
 
-Vue.use(Progress);
+const app = createApp();
+app.use(Progress);
 ```
 
 ## 代码演示
diff --git a/src/pull-refresh/README.md b/src/pull-refresh/README.md
index 2226c1591..5cc03f5d0 100644
--- a/src/pull-refresh/README.md
+++ b/src/pull-refresh/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { PullRefresh } from 'vant';
 
-Vue.use(PullRefresh);
+const app = createApp();
+app.use(PullRefresh);
 ```
 
 ## Usage
diff --git a/src/pull-refresh/README.zh-CN.md b/src/pull-refresh/README.zh-CN.md
index 9fd7875e9..b4dbc3e6d 100644
--- a/src/pull-refresh/README.zh-CN.md
+++ b/src/pull-refresh/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { PullRefresh } from 'vant';
 
-Vue.use(PullRefresh);
+const app = createApp();
+app.use(PullRefresh);
 ```
 
 ## 代码演示
diff --git a/src/radio/README.md b/src/radio/README.md
index 1031c5c29..9b8f9de0e 100644
--- a/src/radio/README.md
+++ b/src/radio/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { RadioGroup, Radio } from 'vant';
 
-Vue.use(Radio);
-Vue.use(RadioGroup);
+const app = createApp();
+app.use(Radio);
+app.use(RadioGroup);
 ```
 
 ## Usage
diff --git a/src/radio/README.zh-CN.md b/src/radio/README.zh-CN.md
index 0396c282d..ef9326ff0 100644
--- a/src/radio/README.zh-CN.md
+++ b/src/radio/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { RadioGroup, Radio } from 'vant';
 
-Vue.use(Radio);
-Vue.use(RadioGroup);
+const app = createApp();
+app.use(Radio);
+app.use(RadioGroup);
 ```
 
 ## 代码演示
diff --git a/src/rate/README.md b/src/rate/README.md
index 46396f819..7cb960543 100644
--- a/src/rate/README.md
+++ b/src/rate/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Rate } from 'vant';
 
-Vue.use(Rate);
+const app = createApp();
+app.use(Rate);
 ```
 
 ## Usage
diff --git a/src/rate/README.zh-CN.md b/src/rate/README.zh-CN.md
index 869edec83..21c3bbfe2 100644
--- a/src/rate/README.zh-CN.md
+++ b/src/rate/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Rate } from 'vant';
 
-Vue.use(Rate);
+const app = createApp();
+app.use(Rate);
 ```
 
 ## 代码演示
diff --git a/src/search/README.md b/src/search/README.md
index 94e93c653..592c488ef 100644
--- a/src/search/README.md
+++ b/src/search/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Search } from 'vant';
 
-Vue.use(Search);
+const app = createApp();
+app.use(Search);
 ```
 
 ## Usage
diff --git a/src/search/README.zh-CN.md b/src/search/README.zh-CN.md
index 2e09018be..de1720278 100644
--- a/src/search/README.zh-CN.md
+++ b/src/search/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Search } from 'vant';
 
-Vue.use(Search);
+const app = createApp();
+app.use(Search);
 ```
 
 ## 代码演示
diff --git a/src/share-sheet/README.md b/src/share-sheet/README.md
index 49ee13ee0..c54f46c16 100644
--- a/src/share-sheet/README.md
+++ b/src/share-sheet/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ShareSheet } from 'vant';
 
-Vue.use(ShareSheet);
+const app = createApp();
+app.use(ShareSheet);
 ```
 
 ## Usage
diff --git a/src/share-sheet/README.zh-CN.md b/src/share-sheet/README.zh-CN.md
index 9e92a08fb..1c25ca9dd 100644
--- a/src/share-sheet/README.zh-CN.md
+++ b/src/share-sheet/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { ShareSheet } from 'vant';
 
-Vue.use(ShareSheet);
+const app = createApp();
+app.use(ShareSheet);
 ```
 
 ## 代码演示
diff --git a/src/sidebar/README.md b/src/sidebar/README.md
index 296140dc7..f1a1dbafa 100644
--- a/src/sidebar/README.md
+++ b/src/sidebar/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
-Vue.use(Sidebar);
-Vue.use(SidebarItem);
+const app = createApp();
+app.use(Sidebar);
+app.use(SidebarItem);
 ```
 
 ## Usage
diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md
index b0afc0628..449c622ec 100644
--- a/src/sidebar/README.zh-CN.md
+++ b/src/sidebar/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Sidebar, SidebarItem } from 'vant';
 
-Vue.use(Sidebar);
-Vue.use(SidebarItem);
+const app = createApp();
+app.use(Sidebar);
+app.use(SidebarItem);
 ```
 
 ## 代码演示
diff --git a/src/skeleton/README.md b/src/skeleton/README.md
index 3cf31e308..171fbb119 100644
--- a/src/skeleton/README.md
+++ b/src/skeleton/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Skeleton } from 'vant';
 
-Vue.use(Skeleton);
+const app = createApp();
+app.use(Skeleton);
 ```
 
 ## Usage
diff --git a/src/skeleton/README.zh-CN.md b/src/skeleton/README.zh-CN.md
index fc69a07ee..c46a7f7df 100644
--- a/src/skeleton/README.zh-CN.md
+++ b/src/skeleton/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Skeleton } from 'vant';
 
-Vue.use(Skeleton);
+const app = createApp();
+app.use(Skeleton);
 ```
 
 ## 代码演示
diff --git a/src/slider/README.md b/src/slider/README.md
index 0a342c50d..5ad958b29 100644
--- a/src/slider/README.md
+++ b/src/slider/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Slider } from 'vant';
 
-Vue.use(Slider);
+const app = createApp();
+app.use(Slider);
 ```
 
 ## Usage
diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md
index 99c43e4eb..421c226eb 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Slider } from 'vant';
 
-Vue.use(Slider);
+const app = createApp();
+app.use(Slider);
 ```
 
 ## 代码演示
diff --git a/src/stepper/README.md b/src/stepper/README.md
index 93be8cfb4..ac020c615 100644
--- a/src/stepper/README.md
+++ b/src/stepper/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Stepper } from 'vant';
 
-Vue.use(Stepper);
+const app = createApp();
+app.use(Stepper);
 ```
 
 ## Usage
diff --git a/src/stepper/README.zh-CN.md b/src/stepper/README.zh-CN.md
index e17b6a46b..bd8fc1719 100644
--- a/src/stepper/README.zh-CN.md
+++ b/src/stepper/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Stepper } from 'vant';
 
-Vue.use(Stepper);
+const app = createApp();
+app.use(Stepper);
 ```
 
 ## 代码演示
diff --git a/src/steps/README.md b/src/steps/README.md
index a82b38f2f..be7a20f18 100644
--- a/src/steps/README.md
+++ b/src/steps/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Step, Steps } from 'vant';
 
-Vue.use(Step);
-Vue.use(Steps);
+const app = createApp();
+app.use(Step);
+app.use(Steps);
 ```
 
 ## Usage
diff --git a/src/steps/README.zh-CN.md b/src/steps/README.zh-CN.md
index d4610bc29..934cc70e6 100644
--- a/src/steps/README.zh-CN.md
+++ b/src/steps/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Step, Steps } from 'vant';
 
-Vue.use(Step);
-Vue.use(Steps);
+const app = createApp();
+app.use(Step);
+app.use(Steps);
 ```
 
 ## 代码演示
diff --git a/src/sticky/README.md b/src/sticky/README.md
index 17ce81ccd..358c6fe75 100644
--- a/src/sticky/README.md
+++ b/src/sticky/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Sticky } from 'vant';
 
-Vue.use(Sticky);
+const app = createApp();
+app.use(Sticky);
 ```
 
 ## Usage
diff --git a/src/sticky/README.zh-CN.md b/src/sticky/README.zh-CN.md
index 696d07055..153992369 100644
--- a/src/sticky/README.zh-CN.md
+++ b/src/sticky/README.zh-CN.md
@@ -7,10 +7,11 @@ Sticky 组件与 CSS 中`position: sticky`属性实现的效果一致，当组
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Sticky } from 'vant';
 
-Vue.use(Sticky);
+const app = createApp();
+app.use(Sticky);
 ```
 
 ## 代码演示
diff --git a/src/submit-bar/README.md b/src/submit-bar/README.md
index 4da09efd4..f97629e32 100644
--- a/src/submit-bar/README.md
+++ b/src/submit-bar/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { SubmitBar } from 'vant';
 
-Vue.use(SubmitBar);
+const app = createApp();
+app.use(SubmitBar);
 ```
 
 ## Usage
diff --git a/src/submit-bar/README.zh-CN.md b/src/submit-bar/README.zh-CN.md
index dbc0c7adb..04f624f8b 100644
--- a/src/submit-bar/README.zh-CN.md
+++ b/src/submit-bar/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { SubmitBar } from 'vant';
 
-Vue.use(SubmitBar);
+const app = createApp();
+app.use(SubmitBar);
 ```
 
 ## 代码演示
diff --git a/src/swipe-cell/README.md b/src/swipe-cell/README.md
index 25a979899..dedc26891 100644
--- a/src/swipe-cell/README.md
+++ b/src/swipe-cell/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { SwipeCell } from 'vant';
 
-Vue.use(SwipeCell);
+const app = createApp();
+app.use(SwipeCell);
 ```
 
 ## Usage
diff --git a/src/swipe-cell/README.zh-CN.md b/src/swipe-cell/README.zh-CN.md
index ccaf901ec..d66f9fc98 100644
--- a/src/swipe-cell/README.zh-CN.md
+++ b/src/swipe-cell/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { SwipeCell } from 'vant';
 
-Vue.use(SwipeCell);
+const app = createApp();
+app.use(SwipeCell);
 ```
 
 ## 代码演示
diff --git a/src/swipe/README.md b/src/swipe/README.md
index 45a34ccaa..0418d72c7 100644
--- a/src/swipe/README.md
+++ b/src/swipe/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Swipe, SwipeItem } from 'vant';
 
-Vue.use(Swipe);
-Vue.use(SwipeItem);
+const app = createApp();
+app.use(Swipe);
+app.use(SwipeItem);
 ```
 
 ## Usage
@@ -48,10 +49,11 @@ Use [Lazyload](#/en-US/lazyload) component to lazyload image.
 ```
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 
 export default {
   data() {
diff --git a/src/swipe/README.zh-CN.md b/src/swipe/README.zh-CN.md
index ccba5d96f..96b10b47c 100644
--- a/src/swipe/README.zh-CN.md
+++ b/src/swipe/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Swipe, SwipeItem } from 'vant';
 
-Vue.use(Swipe);
-Vue.use(SwipeItem);
+const app = createApp();
+app.use(Swipe);
+app.use(SwipeItem);
 ```
 
 ## 代码演示
@@ -48,10 +49,11 @@ Vue.use(SwipeItem);
 ```
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Lazyload } from 'vant';
 
-Vue.use(Lazyload);
+const app = createApp();
+app.use(Lazyload);
 
 export default {
   data() {
diff --git a/src/switch/README.md b/src/switch/README.md
index 8b75c4411..c1a759082 100644
--- a/src/switch/README.md
+++ b/src/switch/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Switch } from 'vant';
 
-Vue.use(Switch);
+const app = createApp();
+app.use(Switch);
 ```
 
 ## Usage
diff --git a/src/switch/README.zh-CN.md b/src/switch/README.zh-CN.md
index 134658066..d5f627c9a 100644
--- a/src/switch/README.zh-CN.md
+++ b/src/switch/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Switch } from 'vant';
 
-Vue.use(Switch);
+const app = createApp();
+app.use(Switch);
 ```
 
 ## 代码演示
diff --git a/src/tab/README.md b/src/tab/README.md
index 6d25fd4f1..ef14a1ed4 100644
--- a/src/tab/README.md
+++ b/src/tab/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tab, Tabs } from 'vant';
 
-Vue.use(Tab);
-Vue.use(Tabs);
+const app = createApp();
+app.use(Tab);
+app.use(Tabs);
 ```
 
 ## Usage
diff --git a/src/tab/README.zh-CN.md b/src/tab/README.zh-CN.md
index dd2e8e04b..dcccfdb90 100644
--- a/src/tab/README.zh-CN.md
+++ b/src/tab/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tab, Tabs } from 'vant';
 
-Vue.use(Tab);
-Vue.use(Tabs);
+const app = createApp();
+app.use(Tab);
+app.use(Tabs);
 ```
 
 ## 代码演示
diff --git a/src/tabbar/README.md b/src/tabbar/README.md
index 7fca5e380..2130f9069 100644
--- a/src/tabbar/README.md
+++ b/src/tabbar/README.md
@@ -3,11 +3,12 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tabbar, TabbarItem } from 'vant';
 
-Vue.use(Tabbar);
-Vue.use(TabbarItem);
+const app = createApp();
+app.use(Tabbar);
+app.use(TabbarItem);
 ```
 
 ## Usage
diff --git a/src/tabbar/README.zh-CN.md b/src/tabbar/README.zh-CN.md
index 4beb51019..b93ef2d25 100644
--- a/src/tabbar/README.zh-CN.md
+++ b/src/tabbar/README.zh-CN.md
@@ -3,11 +3,12 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tabbar, TabbarItem } from 'vant';
 
-Vue.use(Tabbar);
-Vue.use(TabbarItem);
+const app = createApp();
+app.use(Tabbar);
+app.use(TabbarItem);
 ```
 
 ## 代码演示
diff --git a/src/tag/README.md b/src/tag/README.md
index 2fc980e45..2472a4e09 100644
--- a/src/tag/README.md
+++ b/src/tag/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tag } from 'vant';
 
-Vue.use(Tag);
+const app = createApp();
+app.use(Tag);
 ```
 
 ## Usage
diff --git a/src/tag/README.zh-CN.md b/src/tag/README.zh-CN.md
index 5319f12ed..1560a7d30 100644
--- a/src/tag/README.zh-CN.md
+++ b/src/tag/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Tag } from 'vant';
 
-Vue.use(Tag);
+const app = createApp();
+app.use(Tag);
 ```
 
 ## 代码演示
diff --git a/src/toast/README.md b/src/toast/README.md
index 7f5eb4a56..d974164d2 100644
--- a/src/toast/README.md
+++ b/src/toast/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Toast } from 'vant';
 
-Vue.use(Toast);
+const app = createApp();
+app.use(Toast);
 ```
 
 ## Usage
diff --git a/src/toast/README.zh-CN.md b/src/toast/README.zh-CN.md
index 5a814ea21..6eb067bad 100644
--- a/src/toast/README.zh-CN.md
+++ b/src/toast/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Toast } from 'vant';
 
-Vue.use(Toast);
+const app = createApp();
+app.use(Toast);
 ```
 
 ## 代码演示
diff --git a/src/tree-select/README.md b/src/tree-select/README.md
index e49f49298..2db89e28e 100644
--- a/src/tree-select/README.md
+++ b/src/tree-select/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { TreeSelect } from 'vant';
 
-Vue.use(TreeSelect);
+const app = createApp();
+app.use(TreeSelect);
 ```
 
 ## Usage
@@ -58,7 +59,11 @@ export default {
 ### Custom Content
 
 ```html
-<van-tree-select v-model:main-active-index="active" height="55vw" :items="items">
+<van-tree-select
+  v-model:main-active-index="active"
+  height="55vw"
+  :items="items"
+>
   <template #content>
     <van-image
       v-if="active === 0"
diff --git a/src/tree-select/README.zh-CN.md b/src/tree-select/README.zh-CN.md
index 5c1a51cda..e6976c2a3 100644
--- a/src/tree-select/README.zh-CN.md
+++ b/src/tree-select/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { TreeSelect } from 'vant';
 
-Vue.use(TreeSelect);
+const app = createApp();
+app.use(TreeSelect);
 ```
 
 ## 代码演示
diff --git a/src/uploader/README.md b/src/uploader/README.md
index 6681badd0..38bfa976b 100644
--- a/src/uploader/README.md
+++ b/src/uploader/README.md
@@ -3,10 +3,11 @@
 ### Install
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Uploader } from 'vant';
 
-Vue.use(Uploader);
+const app = createApp();
+app.use(Uploader);
 ```
 
 ## Usage
diff --git a/src/uploader/README.zh-CN.md b/src/uploader/README.zh-CN.md
index 45d33af9e..5fc0650f1 100644
--- a/src/uploader/README.zh-CN.md
+++ b/src/uploader/README.zh-CN.md
@@ -3,10 +3,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Uploader } from 'vant';
 
-Vue.use(Uploader);
+const app = createApp();
+app.use(Uploader);
 ```
 
 ## 代码演示

From af7e7fe9dfe13e20de228c6062e8ff9e86ede345 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:07:15 +0800
Subject: [PATCH 163/626] breaking change(Picker): update values param

---
 docs/markdown/migrate-from-v2.zh-CN.md |  4 ++++
 src/picker/demo/index.vue              |  2 --
 src/picker/index.js                    | 22 ++--------------------
 3 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index a774165a6..0b3df3f62 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -133,3 +133,7 @@ export default {
   },
 };
 ```
+
+### Picker 参数调整
+
+在 Picker 的级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index d4734be36..2f4fb4889 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -34,8 +34,6 @@
         show-toolbar
         :title="t('title')"
         :columns="t('cascadeColumns')"
-        @cancel="onCancel"
-        @confirm="onConfirm"
       />
     </demo-block>
 
diff --git a/src/picker/index.js b/src/picker/index.js
index 5234906fa..f70aac9f8 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -110,16 +110,7 @@ export default createComponent({
       if (this.dataType === 'text') {
         this.$emit(event, this.getColumnValue(0), this.getColumnIndex(0));
       } else {
-        let values = this.getValues();
-
-        // compatible with old version of wrong parameters
-        // should be removed in next major version
-        // see: https://github.com/youzan/vant/issues/5905
-        if (this.dataType === 'cascade') {
-          values = values.map((item) => item[this.valueKey]);
-        }
-
-        this.$emit(event, values, this.getIndexes());
+        this.$emit(event, this.getValues(), this.getIndexes());
       }
     },
 
@@ -151,16 +142,7 @@ export default createComponent({
           this.getColumnIndex(0)
         );
       } else {
-        let values = this.getValues();
-
-        // compatible with old version of wrong parameters
-        // should be removed in next major version
-        // see: https://github.com/youzan/vant/issues/5905
-        if (this.dataType === 'cascade') {
-          values = values.map((item) => item[this.valueKey]);
-        }
-
-        this.$emit('change', this, values, columnIndex);
+        this.$emit('change', this, this.getValues(), columnIndex);
       }
     },
 

From 036eb8543cf09eb24fcea69564e96e29b0645f45 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:12:48 +0800
Subject: [PATCH 164/626] breaking change(Picker): adjust change event param

---
 docs/markdown/migrate-from-v2.zh-CN.md |  5 +++--
 src/picker/README.md                   | 14 ++++++++++----
 src/picker/README.zh-CN.md             | 10 +++++-----
 src/picker/demo/index.vue              |  5 +++--
 src/picker/index.js                    |  3 +--
 5 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 0b3df3f62..1c483df41 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -134,6 +134,7 @@ export default {
 };
 ```
 
-### Picker 参数调整
+### Picker
 
-在 Picker 的级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
+- 移除 change 事件的第一个参数（picker 实例）
+- 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
diff --git a/src/picker/README.md b/src/picker/README.md
index 473aecfc4..a39ca5551 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -42,7 +42,7 @@ export default {
     onConfirm(value, index) {
       Toast(`Value: ${value}, Index: ${index}`);
     },
-    onChange(picker, value, index) {
+    onChange(value, index) {
       Toast(`Value: ${value}, Index: ${index}`);
     },
     onCancel() {
@@ -149,7 +149,13 @@ export default {
 ### Set Column Values
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" @change="onChange" />
+<van-picker
+  ref="picker"
+  show-toolbar
+  title="Title"
+  :columns="columns"
+  @change="onChange"
+/>
 ```
 
 ```js
@@ -165,8 +171,8 @@ export default {
     };
   },
   methods: {
-    onChange(picker, values) {
-      picker.setColumnValues(1, states[values[0]]);
+    onChange(values) {
+      this.$refs.picker.setColumnValues(1, states[values[0]]);
     },
   },
 };
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index f0fdb309a..013388c0b 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -50,7 +50,7 @@ export default {
     onConfirm(value, index) {
       Toast(`当前值：${value}, 当前索引：${index}`);
     },
-    onChange(picker, value, index) {
+    onChange(value, index) {
       Toast(`当前值：${value}, 当前索引：${index}`);
     },
     onCancel() {
@@ -171,7 +171,7 @@ export default {
 通过 Picker 上的实例方法可以更灵活地控制选择器，比如使用`setColumnValues`方法实现多列联动
 
 ```html
-<van-picker show-toolbar :columns="columns" @change="onChange" />
+<van-picker ref="picker" show-toolbar :columns="columns" @change="onChange" />
 ```
 
 ```js
@@ -187,8 +187,8 @@ export default {
     };
   },
   methods: {
-    onChange(picker, values) {
-      picker.setColumnValues(1, cities[values[0]]);
+    onChange(values) {
+      this.$refs.picker.setColumnValues(1, cities[values[0]]);
     },
   },
 };
@@ -288,7 +288,7 @@ export default {
 | --- | --- | --- |
 | confirm | 点击完成按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 |
 | cancel | 点击取消按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 |
-| change | 选项改变时触发 | 单列：Picker 实例，选中值，选中值对应的索引<br>多列：Picker 实例，所有列选中值，当前列对应的索引 |
+| change | 选项改变时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，当前列对应的索引 |
 
 ### Slots
 
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 2f4fb4889..9d2f1243a 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -47,6 +47,7 @@
 
     <demo-block card :title="t('setColumnValues')">
       <van-picker
+        ref="picker"
         show-toolbar
         :title="t('title')"
         :columns="columns"
@@ -173,8 +174,8 @@ export default {
       this.$toast(this.t('toastContent', value, index));
     },
 
-    onChange2(picker, values) {
-      picker.setColumnValues(1, this.t('column3')[values[0]]);
+    onChange2(values) {
+      this.$refs.picker.setColumnValues(1, this.t('column3')[values[0]]);
     },
 
     onConfirm(value, index) {
diff --git a/src/picker/index.js b/src/picker/index.js
index f70aac9f8..0e4153dc8 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -137,12 +137,11 @@ export default createComponent({
       if (this.dataType === 'text') {
         this.$emit(
           'change',
-          this,
           this.getColumnValue(0),
           this.getColumnIndex(0)
         );
       } else {
-        this.$emit('change', this, this.getValues(), columnIndex);
+        this.$emit('change', this.getValues(), columnIndex);
       }
     },
 

From 832dab10cf319388cc7a946e7eb0500cd8e43244 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:13:27 +0800
Subject: [PATCH 165/626] breaking change(Area): adjust change event param

---
 docs/markdown/migrate-from-v2.zh-CN.md |  4 ++++
 src/area/README.md                     |  2 +-
 src/area/README.zh-CN.md               | 10 +++++-----
 src/area/index.js                      |  5 +++--
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 1c483df41..fd5d6de75 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -138,3 +138,7 @@ export default {
 
 - 移除 change 事件的第一个参数（picker 实例）
 - 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
+
+### Area
+
+- 移除 change 事件的第一个参数（picker 实例）
diff --git a/src/area/README.md b/src/area/README.md
index 7a5749251..ddc4672fa 100644
--- a/src/area/README.md
+++ b/src/area/README.md
@@ -77,7 +77,7 @@ To have a selected value，simply pass the `code` of target area to `value` prop
 | --- | --- | --- |
 | confirm | triggers when clicking the confirm button | an array |
 | cancel | triggers when clicking the cancel button | - |
-| change | Triggered when current option changed | Picker instance, current values，column index |
+| change | Triggered when current option changed | current values，column index |
 
 ### Slots
 
diff --git a/src/area/README.zh-CN.md b/src/area/README.zh-CN.md
index 0af6d36c9..3b366e991 100644
--- a/src/area/README.zh-CN.md
+++ b/src/area/README.zh-CN.md
@@ -73,11 +73,11 @@ app.use(Area);
 
 ### Events
 
-| 事件    | 说明               | 回调参数                                    |
-| ------- | ------------------ | ------------------------------------------- |
-| confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节    |
-| cancel  | 点击取消按钮时     | -                                           |
-| change  | 选项改变时触发     | Picker 实例，所有列选中值，当前列对应的索引 |
+| 事件    | 说明               | 回调参数                                 |
+| ------- | ------------------ | ---------------------------------------- |
+| confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节 |
+| cancel  | 点击取消按钮时     | -                                        |
+| change  | 选项改变时触发     | 所有列选中值，当前列对应的索引           |
 
 ### Slots
 
diff --git a/src/area/index.js b/src/area/index.js
index 214aec1d6..79cb7c926 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -177,12 +177,13 @@ export default createComponent({
       });
     },
 
-    onChange(picker, values, index) {
+    onChange(values, index) {
+      const { picker } = this.$refs;
       this.code = values[index].code;
       this.setValues();
 
       const parsedValues = this.parseOutputValues(picker.getValues());
-      this.$emit('change', picker, parsedValues, index);
+      this.$emit('change', parsedValues, index);
     },
 
     onConfirm(values, index) {

From 8843b7875adf31c5d243b2bbc199a173aca0d83b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:17:04 +0800
Subject: [PATCH 166/626] breaking change(Picker): enable show-toolbar by
 default

---
 docs/markdown/migrate-from-v2.zh-CN.md |  1 +
 src/area/index.js                      |  1 -
 src/datetime-picker/shared.js          |  6 +-----
 src/form/README.md                     |  1 -
 src/form/README.zh-CN.md               |  1 -
 src/form/demo/FieldTypePicker.vue      |  1 -
 src/picker/README.md                   | 22 +++++++---------------
 src/picker/README.zh-CN.md             | 18 ++++++++----------
 src/picker/demo/index.vue              |  9 +--------
 src/picker/shared.ts                   |  5 ++++-
 src/picker/test/index.spec.js          |  2 +-
 11 files changed, 23 insertions(+), 44 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index fd5d6de75..679901d0f 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -136,6 +136,7 @@ export default {
 
 ### Picker
 
+- 默认开启 show-toolbar 属性
 - 移除 change 事件的第一个参数（picker 实例）
 - 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
 
diff --git a/src/area/index.js b/src/area/index.js
index 79cb7c926..bcd28468d 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -299,7 +299,6 @@ export default createComponent({
         v-slots={this.pickerSlots}
         ref="picker"
         class={bem()}
-        showToolbar
         valueKey="name"
         title={this.title}
         loading={this.loading}
diff --git a/src/datetime-picker/shared.js b/src/datetime-picker/shared.js
index 051db9d2d..400209798 100644
--- a/src/datetime-picker/shared.js
+++ b/src/datetime-picker/shared.js
@@ -7,15 +7,11 @@ export const sharedProps = {
   ...pickerProps,
   filter: Function,
   modelValue: null,
-  showToolbar: {
-    type: Boolean,
-    default: true,
-  },
+  columnsOrder: Array,
   formatter: {
     type: Function,
     default: (type, value) => value,
   },
-  columnsOrder: Array,
 };
 
 export const TimePickerMixin = {
diff --git a/src/form/README.md b/src/form/README.md
index c81452cd1..67fe58b95 100644
--- a/src/form/README.md
+++ b/src/form/README.md
@@ -284,7 +284,6 @@ export default {
 />
 <van-popup v-model="showPicker" position="bottom">
   <van-picker
-    show-toolbar
     :columns="columns"
     @confirm="onConfirm"
     @cancel="showPicker = false"
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index ffe746f57..4aae60114 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -313,7 +313,6 @@ export default {
 />
 <van-popup v-model="showPicker" position="bottom">
   <van-picker
-    show-toolbar
     :columns="columns"
     @confirm="onConfirm"
     @cancel="showPicker = false"
diff --git a/src/form/demo/FieldTypePicker.vue b/src/form/demo/FieldTypePicker.vue
index a0b7ccb87..b19b525b0 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -16,7 +16,6 @@
         get-container="body"
       >
         <van-picker
-          show-toolbar
           :columns="t('textColumns')"
           @confirm="onConfirm"
           @cancel="onCancel"
diff --git a/src/picker/README.md b/src/picker/README.md
index a39ca5551..761207b25 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -20,7 +20,6 @@ app.use(Picker);
 
 ```html
 <van-picker
-  show-toolbar
   title="Title"
   :columns="columns"
   @confirm="onConfirm"
@@ -55,13 +54,13 @@ export default {
 ### Default Index
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" :default-index="2" />
+<van-picker title="Title" :columns="columns" :default-index="2" />
 ```
 
 ### Multiple Columns
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" />
+<van-picker title="Title" :columns="columns" />
 ```
 
 ```js
@@ -86,7 +85,7 @@ export default {
 ### Cascade
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" />
+<van-picker title="Title" :columns="columns" />
 ```
 
 ```js
@@ -129,7 +128,7 @@ export default {
 ### Disable option
 
 ```html
-<van-picker show-toolbar :columns="columns" />
+<van-picker :columns="columns" />
 ```
 
 ```js
@@ -149,13 +148,7 @@ export default {
 ### Set Column Values
 
 ```html
-<van-picker
-  ref="picker"
-  show-toolbar
-  title="Title"
-  :columns="columns"
-  @change="onChange"
-/>
+<van-picker ref="picker" title="Title" :columns="columns" @change="onChange" />
 ```
 
 ```js
@@ -183,7 +176,7 @@ export default {
 When Picker columns data is acquired asynchronously, use `loading` prop to show loading prompt
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" :loading="loading" />
+<van-picker title="Title" :columns="columns" :loading="loading" />
 ```
 
 ```js
@@ -217,7 +210,6 @@ export default {
 <van-popup v-model="showPicker" round position="bottom">
   <van-picker
     title="Title"
-    show-toolbar
     :columns="columns"
     @cancel="showPicker = false"
     @confirm="onConfirm"
@@ -256,7 +248,7 @@ export default {
 | value-key | Key of option text | _string_ | `text` |
 | toolbar-position | Toolbar position, cat be set to `bottom` | _string_ | `top` |
 | loading | Whether to show loading prompt | _boolean_ | `false` |
-| show-toolbar | Whether to show toolbar | _boolean_ | `false` |
+| show-toolbar | Whether to show toolbar | _boolean_ | `true` |
 | allow-html `v2.1.8` | Whether to allow HTML in option text | _boolean_ | `true` |
 | default-index | Default value index of single column picker | _number \| string_ | `0` |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index 013388c0b..e8ac7161a 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -24,12 +24,11 @@ Picker 组件通过`columns`属性配置选项数据，`columns`是一个包含
 
 #### 顶部栏
 
-设置`show-toolbar`属性后会展示顶部操作栏，顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发`confirm`事件，点击取消按钮触发`cancel`事件
+顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发`confirm`事件，点击取消按钮触发`cancel`事件
 
 ```html
 <van-picker
   title="标题"
-  show-toolbar
   :columns="columns"
   @confirm="onConfirm"
   @cancel="onCancel"
@@ -65,7 +64,7 @@ export default {
 单列选择时，可以通过`default-index`属性设置初始选中项的索引
 
 ```html
-<van-picker show-toolbar title="标题" :columns="columns" :default-index="2" />
+<van-picker title="标题" :columns="columns" :default-index="2" />
 ```
 
 ### 多列选择
@@ -73,7 +72,7 @@ export default {
 `columns`属性可以通过对象数组的形式配置多列选择，对象中可以配置选项数据、初始选中项等，详细格式见[下方表格](#/zh-CN/picker#column-shu-ju-jie-gou)。
 
 ```html
-<van-picker show-toolbar title="标题" :columns="columns" />
+<van-picker title="标题" :columns="columns" />
 ```
 
 ```js
@@ -102,7 +101,7 @@ export default {
 使用`columns`的`children`字段可以实现选项级联的效果（从 2.4.5 版本开始支持）
 
 ```html
-<van-picker show-toolbar title="标题" :columns="columns" />
+<van-picker title="标题" :columns="columns" />
 ```
 
 ```js
@@ -149,7 +148,7 @@ export default {
 选项可以为对象结构，通过设置 disabled 来禁用该选项
 
 ```html
-<van-picker show-toolbar :columns="columns" />
+<van-picker :columns="columns" />
 ```
 
 ```js
@@ -171,7 +170,7 @@ export default {
 通过 Picker 上的实例方法可以更灵活地控制选择器，比如使用`setColumnValues`方法实现多列联动
 
 ```html
-<van-picker ref="picker" show-toolbar :columns="columns" @change="onChange" />
+<van-picker ref="picker" :columns="columns" @change="onChange" />
 ```
 
 ```js
@@ -199,7 +198,7 @@ export default {
 若选择器数据是异步获取的，可以通过 `loading` 属性显示加载提示
 
 ```html
-<van-picker show-toolbar :columns="columns" :loading="loading" />
+<van-picker :columns="columns" :loading="loading" />
 ```
 
 ```js
@@ -234,7 +233,6 @@ export default {
 />
 <van-popup v-model="showPicker" round position="bottom">
   <van-picker
-    show-toolbar
     :columns="columns"
     @cancel="showPicker = false"
     @confirm="onConfirm"
@@ -273,7 +271,7 @@ export default {
 | value-key | 选项对象中，选项文字对应的键名 | _string_ | `text` |
 | toolbar-position | 顶部栏位置，可选值为`bottom` | _string_ | `top` |
 | loading | 是否显示加载状态 | _boolean_ | `false` |
-| show-toolbar | 是否显示顶部栏 | _boolean_ | `false` |
+| show-toolbar | 是否显示顶部栏 | _boolean_ | `true` |
 | allow-html `v2.1.8` | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
 | default-index | 单列选择时，默认选中项的索引 | _number \| string_ | `0` |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 9d2f1243a..484c3fa75 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -2,7 +2,6 @@
   <demo-section>
     <demo-block card :title="t('basicUsage')">
       <van-picker
-        show-toolbar
         :title="t('title')"
         :columns="t('textColumns')"
         @change="onChange1"
@@ -11,7 +10,6 @@
 
     <demo-block card :title="t('defaultIndex')">
       <van-picker
-        show-toolbar
         :title="t('title')"
         :columns="t('textColumns')"
         :default-index="2"
@@ -21,7 +19,6 @@
 
     <demo-block card :title="t('multipleColumns')">
       <van-picker
-        show-toolbar
         :title="t('title')"
         :columns="t('dateColumns')"
         @cancel="onCancel"
@@ -31,7 +28,6 @@
 
     <demo-block card v-if="!isWeapp" :title="t('cascade')">
       <van-picker
-        show-toolbar
         :title="t('title')"
         :columns="t('cascadeColumns')"
       />
@@ -39,7 +35,6 @@
 
     <demo-block card :title="t('disableOption')">
       <van-picker
-        show-toolbar
         :title="t('title')"
         :columns="t('disabledColumns')"
       />
@@ -48,7 +43,6 @@
     <demo-block card :title="t('setColumnValues')">
       <van-picker
         ref="picker"
-        show-toolbar
         :title="t('title')"
         :columns="columns"
         @change="onChange2"
@@ -56,7 +50,7 @@
     </demo-block>
 
     <demo-block card :title="t('loadingStatus')">
-      <van-picker loading show-toolbar :title="t('title')" :columns="columns" />
+      <van-picker loading :title="t('title')" :columns="columns" />
     </demo-block>
 
     <demo-block card v-if="!isWeapp" :title="t('withPopup')">
@@ -70,7 +64,6 @@
       />
       <van-popup v-model:show="showPicker" round position="bottom">
         <van-picker
-          show-toolbar
           :title="t('title')"
           :columns="t('textColumns')"
           @cancel="onCancel2"
diff --git a/src/picker/shared.ts b/src/picker/shared.ts
index 7736234a5..10a8cf127 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -14,9 +14,12 @@ export const pickerProps = {
   title: String,
   loading: Boolean,
   itemHeight: [Number, String],
-  showToolbar: Boolean,
   cancelButtonText: String,
   confirmButtonText: String,
+  showToolbar: {
+    type: Boolean,
+    default: true,
+  },
   allowHtml: {
     type: Boolean,
     default: true,
diff --git a/src/picker/test/index.spec.js b/src/picker/test/index.spec.js
index f528f8017..b501cb00c 100644
--- a/src/picker/test/index.spec.js
+++ b/src/picker/test/index.spec.js
@@ -138,7 +138,7 @@ test('column watch default index', async () => {
 test('render title slot', () => {
   const wrapper = mount({
     template: `
-      <picker show-toolbar>
+      <picker>
         <template v-slot:title>Custom title</template>
       </picker>
     `,

From a0725b942da5f1ffc56248a59fb54d8baa54362e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:18:08 +0800
Subject: [PATCH 167/626] docs: update migrate guide

---
 docs/markdown/migrate-from-v2.zh-CN.md | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 679901d0f..4c94eca9e 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -90,10 +90,12 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
 - TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
 
-### API 命名调整
-
-以下改动是为了规范 API 命名：
+### API 调整
 
+- Area: 移除 change 事件的第一个参数（picker 实例）
+- Picker: 移除 change 事件的第一个参数（picker 实例）
+- Picker: 默认开启 show-toolbar 属性
+- Picker: 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
 - SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
 - SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
 - Toast: `mask` 属性重命名为 `overlay`
@@ -133,13 +135,3 @@ export default {
   },
 };
 ```
-
-### Picker
-
-- 默认开启 show-toolbar 属性
-- 移除 change 事件的第一个参数（picker 实例）
-- 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
-
-### Area
-
-- 移除 change 事件的第一个参数（picker 实例）

From 96c7aa15b8b914b35865debb7dda1ba4723dc432 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:19:15 +0800
Subject: [PATCH 168/626] chore: remove slots mixin

---
 src/mixins/slots.js | 18 ------------------
 1 file changed, 18 deletions(-)
 delete mode 100644 src/mixins/slots.js

diff --git a/src/mixins/slots.js b/src/mixins/slots.js
deleted file mode 100644
index 70449074c..000000000
--- a/src/mixins/slots.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Use scopedSlots in Vue 2.6+
- * downgrade to slots in lower version
- */
-export const SlotsMixin = {
-  methods: {
-    slots(name = 'default', props) {
-      const { $slots, $scopedSlots } = this;
-      const scopedSlot = $scopedSlots[name];
-
-      if (scopedSlot) {
-        return scopedSlot(props);
-      }
-
-      return $slots[name];
-    },
-  },
-};

From 82b585fc2b342cc220a83b975f14b2f45d753cd0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 00:21:57 +0800
Subject: [PATCH 169/626] chore(Popup): reomve todo

---
 src/popup/index.js | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/popup/index.js b/src/popup/index.js
index 03b9b94a2..f97650511 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -299,12 +299,6 @@ export default createComponent({
       this.$emit('click-overlay');
 
       if (this.closeOnClickOverlay) {
-        // TODO
-        // if (this.onClickOverlay) {
-        //   this.onClickOverlay();
-        // } else {
-        //   this.close();
-        // }
         this.close();
       }
     },

From 07d1a2590ff8e2b14547c21c79b1f623089475f7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 10:09:21 +0800
Subject: [PATCH 170/626] breaking change(Button): add success type, remove
 info type

---
 docs/markdown/migrate-from-v2.zh-CN.md |  2 ++
 src/button/README.md                   | 16 ++++++++--------
 src/button/README.zh-CN.md             | 18 +++++++++---------
 src/button/demo/index.vue              | 18 +++++++++---------
 src/button/index.less                  | 12 ++++++------
 src/checkbox/README.md                 |  2 +-
 src/checkbox/README.zh-CN.md           |  2 +-
 src/checkbox/demo/index.vue            |  2 +-
 src/form/README.md                     |  4 ++--
 src/form/README.zh-CN.md               |  4 ++--
 src/form/demo/BasicUsage.vue           |  2 +-
 src/form/demo/FieldType.vue            |  2 +-
 src/form/demo/ValidateRules.vue        |  2 +-
 src/number-keyboard/README.md          |  2 +-
 src/number-keyboard/README.zh-CN.md    |  2 +-
 src/sticky/README.md                   |  2 +-
 src/sticky/README.zh-CN.md             |  2 +-
 src/sticky/demo/index.vue              |  2 +-
 src/style/var.less                     | 10 +++++-----
 19 files changed, 54 insertions(+), 52 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 4c94eca9e..c8daa6b62 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -93,6 +93,8 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 ### API 调整
 
 - Area: 移除 change 事件的第一个参数（picker 实例）
+- Button: 蓝色按钮对应的类型由 `info` 调整为 `primary`
+- Button: 绿色按钮对应的类型由 `primary` 调整为 `success`
 - Picker: 移除 change 事件的第一个参数（picker 实例）
 - Picker: 默认开启 show-toolbar 属性
 - Picker: 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
diff --git a/src/button/README.md b/src/button/README.md
index a3333db12..cab9a35fd 100644
--- a/src/button/README.md
+++ b/src/button/README.md
@@ -16,7 +16,7 @@ app.use(Button);
 
 ```html
 <van-button type="primary">Primary</van-button>
-<van-button type="info">Info</van-button>
+<van-button type="success">Success</van-button>
 <van-button type="default">Default</van-button>
 <van-button type="danger">Danger</van-button>
 <van-button type="warning">Warning</van-button>
@@ -26,21 +26,21 @@ app.use(Button);
 
 ```html
 <van-button plain type="primary">Primary</van-button>
-<van-button plain type="info">Danger</van-button>
+<van-button plain type="primary">Danger</van-button>
 ```
 
 ### Hairline
 
 ```html
 <van-button plain hairline type="primary">Hairline</van-button>
-<van-button plain hairline type="info">Hairline</van-button>
+<van-button plain hairline type="primary">Hairline</van-button>
 ```
 
 ### Disabled
 
 ```html
 <van-button disabled type="primary">Diabled</van-button>
-<van-button disabled type="info">Diabled</van-button>
+<van-button disabled type="primary">Diabled</van-button>
 ```
 
 ### Loading
@@ -48,14 +48,14 @@ app.use(Button);
 ```html
 <van-button loading type="primary" />
 <van-button loading type="primary" loading-type="spinner" />
-<van-button loading type="info" loading-text="Loading..." />
+<van-button loading type="primary" loading-text="Loading..." />
 ```
 
 ### Shape
 
 ```html
 <van-button square type="primary">Square</van-button>
-<van-button round type="info">Round</van-button>
+<van-button round type="primary">Round</van-button>
 ```
 
 ### Icon
@@ -63,7 +63,7 @@ app.use(Button);
 ```html
 <van-button icon="plus" type="primary" />
 <van-button icon="plus" type="primary">Button</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="info">
+<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="primary">
   Button
 </van-button>
 ```
@@ -106,7 +106,7 @@ app.use(Button);
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| type | Can be set to `primary` `info` `warning` `danger` | _string_ | `default` |
+| type | Can be set to `primary` `success` `warning` `danger` | _string_ | `default` |
 | size | Can be set to `large` `small` `mini` | _string_ | `normal` |
 | text | Text | _string_ | - |
 | color `v2.1.8` | Color, support linear-gradient | _string_ | - |
diff --git a/src/button/README.zh-CN.md b/src/button/README.zh-CN.md
index d8958cd07..cc3f0aaa5 100644
--- a/src/button/README.zh-CN.md
+++ b/src/button/README.zh-CN.md
@@ -14,11 +14,11 @@ app.use(Button);
 
 ### 按钮类型
 
-按钮支持 `default`、`primary`、`info`、`warning`、`danger` 五种类型，默认为 `default`。
+按钮支持 `default`、`primary`、`success`、`warning`、`danger` 五种类型，默认为 `default`。
 
 ```html
 <van-button type="primary">主要按钮</van-button>
-<van-button type="info">信息按钮</van-button>
+<van-button type="success">成功按钮</van-button>
 <van-button type="default">默认按钮</van-button>
 <van-button type="warning">警告按钮</van-button>
 <van-button type="danger">危险按钮</van-button>
@@ -30,7 +30,7 @@ app.use(Button);
 
 ```html
 <van-button plain type="primary">朴素按钮</van-button>
-<van-button plain type="info">朴素按钮</van-button>
+<van-button plain type="primary">朴素按钮</van-button>
 ```
 
 ### 细边框
@@ -39,7 +39,7 @@ app.use(Button);
 
 ```html
 <van-button plain hairline type="primary">细边框按钮</van-button>
-<van-button plain hairline type="info">细边框按钮</van-button>
+<van-button plain hairline type="primary">细边框按钮</van-button>
 ```
 
 ### 禁用状态
@@ -48,7 +48,7 @@ app.use(Button);
 
 ```html
 <van-button disabled type="primary">禁用状态</van-button>
-<van-button disabled type="info">禁用状态</van-button>
+<van-button disabled type="primary">禁用状态</van-button>
 ```
 
 ### 加载状态
@@ -58,7 +58,7 @@ app.use(Button);
 ```html
 <van-button loading type="primary" />
 <van-button loading type="primary" loading-type="spinner" />
-<van-button loading type="info" loading-text="加载中..." />
+<van-button loading type="primary" loading-text="加载中..." />
 ```
 
 ### 按钮形状
@@ -67,7 +67,7 @@ app.use(Button);
 
 ```html
 <van-button square type="primary">方形按钮</van-button>
-<van-button round type="info">圆形按钮</van-button>
+<van-button round type="primary">圆形按钮</van-button>
 ```
 
 ### 图标按钮
@@ -77,7 +77,7 @@ app.use(Button);
 ```html
 <van-button icon="plus" type="primary" />
 <van-button icon="plus" type="primary">按钮</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="info">
+<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="primary">
   按钮
 </van-button>
 ```
@@ -128,7 +128,7 @@ app.use(Button);
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| type | 类型，可选值为 `primary` `info` `warning` `danger` | _string_ | `default` |
+| type | 类型，可选值为 `primary` `success` `warning` `danger` | _string_ | `default` |
 | size | 尺寸，可选值为 `large` `small` `mini` | _string_ | `normal` |
 | text | 按钮文字 | _string_ | - |
 | color `v2.1.8` | 按钮颜色，支持传入`linear-gradient`渐变色 | _string_ | - |
diff --git a/src/button/demo/index.vue b/src/button/demo/index.vue
index befe6c9b4..7e44aab2c 100644
--- a/src/button/demo/index.vue
+++ b/src/button/demo/index.vue
@@ -3,7 +3,7 @@
     <demo-block :title="t('type')">
       <div class="demo-button-row">
         <van-button type="primary">{{ t('primary') }}</van-button>
-        <van-button type="info">{{ t('info') }}</van-button>
+        <van-button type="success">{{ t('success') }}</van-button>
         <van-button type="default">{{ t('default') }}</van-button>
       </div>
       <van-button type="danger">{{ t('danger') }}</van-button>
@@ -12,28 +12,28 @@
 
     <demo-block :title="t('plain')">
       <van-button plain type="primary" :text="t('plain')" />
-      <van-button plain type="info" :text="t('plain')" />
+      <van-button plain type="success" :text="t('plain')" />
     </demo-block>
 
     <demo-block :title="t('hairline')">
       <van-button plain hairline type="primary" :text="t('hairlineButton')" />
-      <van-button plain hairline type="info" :text="t('hairlineButton')" />
+      <van-button plain hairline type="success" :text="t('hairlineButton')" />
     </demo-block>
 
     <demo-block :title="t('disabled')">
       <van-button disabled type="primary" :text="t('disabled')" />
-      <van-button disabled type="info" :text="t('disabled')" />
+      <van-button disabled type="success" :text="t('disabled')" />
     </demo-block>
 
     <demo-block :title="t('loadingStatus')">
       <van-button loading type="primary" />
       <van-button loading type="primary" loading-type="spinner" />
-      <van-button loading :loading-text="t('loadingText')" type="info" />
+      <van-button loading :loading-text="t('loadingText')" type="success" />
     </demo-block>
 
     <demo-block :title="t('shape')">
       <van-button type="primary" square :text="t('square')" />
-      <van-button type="info" round :text="t('round')" />
+      <van-button type="success" round :text="t('round')" />
     </demo-block>
 
     <demo-block :title="t('icon')">
@@ -41,7 +41,7 @@
       <van-button type="primary" icon="plus" :text="t('button')" />
       <van-button
         plain
-        type="info"
+        type="primary"
         icon="https://img.yzcdn.cn/vant/user-active.png"
         :text="t('button')"
       />
@@ -89,7 +89,7 @@ export default {
       shape: '按钮形状',
       default: '默认按钮',
       primary: '主要按钮',
-      info: '信息按钮',
+      success: '成功按钮',
       danger: '危险按钮',
       warning: '警告按钮',
       large: '大号按钮',
@@ -118,7 +118,7 @@ export default {
       shape: 'Shape',
       default: 'Default',
       primary: 'Primary',
-      info: 'Info',
+      success: 'Success',
       danger: 'Danger',
       warning: 'Warning',
       large: 'Large',
diff --git a/src/button/index.less b/src/button/index.less
index 5f2ad00ae..ef1de2b14 100644
--- a/src/button/index.less
+++ b/src/button/index.less
@@ -53,10 +53,10 @@
     border: @button-border-width solid @button-primary-border-color;
   }
 
-  &--info {
-    color: @button-info-color;
-    background-color: @button-info-background-color;
-    border: @button-border-width solid @button-info-border-color;
+  &--success {
+    color: @button-success-color;
+    background-color: @button-success-background-color;
+    border: @button-border-width solid @button-success-border-color;
   }
 
   &--danger {
@@ -78,8 +78,8 @@
       color: @button-primary-background-color;
     }
 
-    &.van-button--info {
-      color: @button-info-background-color;
+    &.van-button--success {
+      color: @button-success-background-color;
     }
 
     &.van-button--danger {
diff --git a/src/checkbox/README.md b/src/checkbox/README.md
index 01196a838..289f20d3d 100644
--- a/src/checkbox/README.md
+++ b/src/checkbox/README.md
@@ -150,7 +150,7 @@ export default {
 </van-checkbox-group>
 
 <van-button type="primary" @click="checkAll">Check All</van-button>
-<van-button type="info" @click="toggleAll">Toggle All</van-button>
+<van-button type="primary" @click="toggleAll">Toggle All</van-button>
 ```
 
 ```js
diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md
index 4a0501c50..25b1919ab 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -168,7 +168,7 @@ export default {
 </van-checkbox-group>
 
 <van-button type="primary" @click="checkAll">全选</van-button>
-<van-button type="info" @click="toggleAll">反选</van-button>
+<van-button type="primary" @click="toggleAll">反选</van-button>
 ```
 
 ```js
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index aee4d571b..4afdc48e8 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -79,7 +79,7 @@
         <van-button type="primary" @click="checkAll">
           {{ t('checkAll') }}
         </van-button>
-        <van-button type="info" @click="toggleAll">
+        <van-button type="primary" @click="toggleAll">
           {{ t('inverse') }}
         </van-button>
       </div>
diff --git a/src/form/README.md b/src/form/README.md
index 67fe58b95..f833d4bc1 100644
--- a/src/form/README.md
+++ b/src/form/README.md
@@ -32,7 +32,7 @@ app.use(Form);
     :rules="[{ required: true, message: 'Password is required' }]"
   />
   <div style="margin: 16px;">
-    <van-button round block type="info" native-type="submit">
+    <van-button round block type="primary" native-type="submit">
       Submit
     </van-button>
   </div>
@@ -78,7 +78,7 @@ export default {
     :rules="[{ validator: asyncValidator, message: 'Error message' }]"
   />
   <div style="margin: 16px;">
-    <van-button round block type="info" native-type="submit">
+    <van-button round block type="primary" native-type="submit">
       Submit
     </van-button>
   </div>
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index 4aae60114..2027b5b3b 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -38,7 +38,7 @@ app.use(Form);
     :rules="[{ required: true, message: '请填写密码' }]"
   />
   <div style="margin: 16px;">
-    <van-button round block type="info" native-type="submit">
+    <van-button round block type="primary" native-type="submit">
       提交
     </van-button>
   </div>
@@ -89,7 +89,7 @@ export default {
     :rules="[{ validator: asyncValidator, message: '请输入正确内容' }]"
   />
   <div style="margin: 16px;">
-    <van-button round block type="info" native-type="submit">
+    <van-button round block type="primary" native-type="submit">
       提交
     </van-button>
   </div>
diff --git a/src/form/demo/BasicUsage.vue b/src/form/demo/BasicUsage.vue
index a951291d4..1e1588774 100644
--- a/src/form/demo/BasicUsage.vue
+++ b/src/form/demo/BasicUsage.vue
@@ -17,7 +17,7 @@
         :placeholder="t('password')"
       />
       <div style="margin: 16px 16px 0;">
-        <van-button round block type="info" native-type="submit">
+        <van-button round block type="primary" native-type="submit">
           {{ t('submit') }}
         </van-button>
       </div>
diff --git a/src/form/demo/FieldType.vue b/src/form/demo/FieldType.vue
index 4cb694a87..01454a82c 100644
--- a/src/form/demo/FieldType.vue
+++ b/src/form/demo/FieldType.vue
@@ -65,7 +65,7 @@
       <field-type-calendar />
 
       <div style="margin: 16px 16px 0;">
-        <van-button round block type="info" native-type="submit">
+        <van-button round block type="primary" native-type="submit">
           {{ t('submit') }}
         </van-button>
       </div>
diff --git a/src/form/demo/ValidateRules.vue b/src/form/demo/ValidateRules.vue
index ceddd65b4..a17a3a91f 100644
--- a/src/form/demo/ValidateRules.vue
+++ b/src/form/demo/ValidateRules.vue
@@ -23,7 +23,7 @@
         :placeholder="t('asyncValidator')"
       />
       <div style="margin: 16px 16px 0;">
-        <van-button round block type="info" native-type="submit">
+        <van-button round block type="primary" native-type="submit">
           {{ t('submit') }}
         </van-button>
       </div>
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index d42198be5..7da413df3 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -84,7 +84,7 @@ Use `extra-key` prop to set the content of bottom left button
 Use `title` prop to set keyboard title
 
 ```html
-<van-cell plain type="info" @touchstart.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   Show Keyboard With Title
 </van-cell>
 <van-number-keyboard
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index b8d97b891..c1cf4bef0 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -93,7 +93,7 @@ export default {
 通过 `title` 属性可以设置键盘标题
 
 ```html
-<van-cell plain type="info" @touchstart.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   弹出带标题的键盘
 </van-cell>
 <van-number-keyboard
diff --git a/src/sticky/README.md b/src/sticky/README.md
index 358c6fe75..7f45ae6ed 100644
--- a/src/sticky/README.md
+++ b/src/sticky/README.md
@@ -24,7 +24,7 @@ app.use(Sticky);
 
 ```html
 <van-sticky :offset-top="50">
-  <van-button type="info">Offset Top</van-button>
+  <van-button type="primary">Offset Top</van-button>
 </van-sticky>
 ```
 
diff --git a/src/sticky/README.zh-CN.md b/src/sticky/README.zh-CN.md
index 153992369..85e7afcb3 100644
--- a/src/sticky/README.zh-CN.md
+++ b/src/sticky/README.zh-CN.md
@@ -32,7 +32,7 @@ app.use(Sticky);
 
 ```html
 <van-sticky :offset-top="50">
-  <van-button type="info">吸顶距离</van-button>
+  <van-button type="primary">吸顶距离</van-button>
 </van-sticky>
 ```
 
diff --git a/src/sticky/demo/index.vue b/src/sticky/demo/index.vue
index e7f1234a6..0aacd6bab 100644
--- a/src/sticky/demo/index.vue
+++ b/src/sticky/demo/index.vue
@@ -10,7 +10,7 @@
 
     <demo-block :title="t('offsetTop')">
       <van-sticky :offset-top="50">
-        <van-button type="info" style="margin-left: 115px;">
+        <van-button type="primary" style="margin-left: 115px;">
           {{ t('offsetTop') }}
         </van-button>
       </van-sticky>
diff --git a/src/style/var.less b/src/style/var.less
index 5970fd170..4b410141c 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -139,11 +139,11 @@
 @button-default-background-color: @white;
 @button-default-border-color: @border-color;
 @button-primary-color: @white;
-@button-primary-background-color: @green;
-@button-primary-border-color: @green;
-@button-info-color: @white;
-@button-info-background-color: @blue;
-@button-info-border-color: @blue;
+@button-primary-background-color: @blue;
+@button-primary-border-color: @blue;
+@button-success-color: @white;
+@button-success-background-color: @green;
+@button-success-border-color: @green;
 @button-danger-color: @white;
 @button-danger-background-color: @red;
 @button-danger-border-color: @red;

From 52b187692bb61ba27332274d7ff6000def8f710d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 10:58:02 +0800
Subject: [PATCH 171/626] breaking change: rename get-container to teleport

---
 docs/markdown/migrate-from-v2.zh-CN.md    | 82 ++++++++++++++++-------
 src/action-sheet/README.md                |  2 +-
 src/action-sheet/README.zh-CN.md          |  2 +-
 src/action-sheet/index.js                 |  4 +-
 src/action-sheet/test/index.spec.js       |  6 +-
 src/address-edit/index.js                 |  2 +-
 src/calendar/README.md                    |  2 +-
 src/calendar/README.zh-CN.md              |  2 +-
 src/calendar/index.js                     |  4 +-
 src/dialog/README.md                      |  4 +-
 src/dialog/README.zh-CN.md                |  4 +-
 src/dialog/index.js                       |  2 +-
 src/dropdown-item/index.js                |  4 +-
 src/dropdown-menu/README.md               |  2 +-
 src/dropdown-menu/README.zh-CN.md         |  2 +-
 src/form/demo/FieldTypeArea.vue           |  2 +-
 src/form/demo/FieldTypeCalendar.vue       |  2 +-
 src/form/demo/FieldTypeDatetimePicker.vue |  2 +-
 src/form/demo/FieldTypePicker.vue         |  2 +-
 src/image-preview/README.md               |  4 +-
 src/image-preview/README.zh-CN.md         |  4 +-
 src/image-preview/index.js                |  2 +-
 src/image-preview/test/index.spec.js      | 10 +--
 src/mixins/portal.js                      | 20 +++---
 src/notify/Notify.js                      |  2 +-
 src/number-keyboard/README.md             |  2 +-
 src/number-keyboard/README.zh-CN.md       |  2 +-
 src/popup/README.md                       | 20 +++---
 src/popup/README.zh-CN.md                 | 21 +++---
 src/popup/demo/index.vue                  | 10 +--
 src/popup/index.js                        |  8 +--
 src/popup/test/index.spec.js              | 28 ++++----
 src/share-sheet/README.md                 |  2 +-
 src/share-sheet/README.zh-CN.md           |  2 +-
 src/share-sheet/index.js                  |  4 +-
 src/share-sheet/test/index.spec.js        |  2 +-
 src/toast/README.md                       |  2 +-
 src/toast/README.zh-CN.md                 |  2 +-
 src/toast/index.js                        |  2 +-
 39 files changed, 154 insertions(+), 127 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index c8daa6b62..4c2b1fa21 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -7,13 +7,13 @@
 GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 
 ```html
-<!-- Before -->
+<!-- Vant 2 -->
 <van-goods-action>
   <van-goods-action-icon text="图标" />
   <van-goods-action-button text="按钮" />
 </van-goods-action>
 
-<!-- After -->
+<!-- Vant 3 -->
 <van-action-bar>
   <van-action-bar-icon text="图标" />
   <van-action-bar-button text="按钮" />
@@ -25,10 +25,10 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 移除 SwitchCell 组件，可以直接使用 Cell 和 Switch 组件代替。
 
 ```html
-<!-- Before -->
+<!-- Vant 2 -->
 <van-switch-cell title="标题" v-model="checked" />
 
-<!-- After -->
+<!-- Vant 3 -->
 <van-cell center title="标题">
   <template #right-icon>
     <van-switch v-model="checked" size="24" />
@@ -38,9 +38,7 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 
 ### 弹窗型组件 v-model 变更
 
-为了适配 Vue 3 的 v-model API 用法变更，所有提供 v-model 属性的组件在用法上有一定调整。
-
-以下弹窗类组件的 `v-model` 被重命名为 `v-model:show`：
+为了适配 Vue 3 的 v-model API 用法变更，所有提供 v-model 属性的组件在用法上有一定调整。以下弹窗类组件的 `v-model` 被重命名为 `v-model:show`：
 
 - ActionSheet
 - Calendar
@@ -51,9 +49,9 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 - ShareSheet
 
 ```html
-<!-- before -->
+<!-- Vant 2 -->
 <van-popup v-model="show" />
-<!-- after -->
+<!-- Vant 3 -->
 <van-popup v-model:show="show" />
 ```
 
@@ -75,9 +73,9 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 - Uploader
 
 ```html
-<!-- before -->
+<!-- Vant 2 -->
 <van-field :value="value" @input="onInput" />
-<!-- after -->
+<!-- Vant 3 -->
 <van-field :model-value="value" @update:model-value="onInput" />
 ```
 
@@ -90,20 +88,6 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
 - TreeSelect: `main-active-index.sync` 重命名为 `v-model:main-active-index`
 
-### API 调整
-
-- Area: 移除 change 事件的第一个参数（picker 实例）
-- Button: 蓝色按钮对应的类型由 `info` 调整为 `primary`
-- Button: 绿色按钮对应的类型由 `primary` 调整为 `success`
-- Picker: 移除 change 事件的第一个参数（picker 实例）
-- Picker: 默认开启 show-toolbar 属性
-- Picker: 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
-- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
-- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
-- Toast: `mask` 属性重命名为 `overlay`
-- TreeSelect: `navclick` 事件重命名为 `click-nav`
-- TreeSelect: `itemclick` 事件重命名为 `click-item`
-
 ### 徽标属性命名调整
 
 在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
@@ -118,6 +102,54 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 
 同时内部使用的 Info 组件也会重命名为 Badge。
 
+### 重命名 get-container 属性
+
+Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位置的能力，Vant 2.x 也通过 `get-container` 属性提供了类似的能力。为了与官方的 API 保持一致，Vant 中的 `get-container` 属性将重命名为 `teleport`。
+
+```html
+<!-- Vant 2 -->
+<template>
+  <van-popup get-container="body" />
+  <van-popup :get-container="getContainer" />
+</template>
+<script>
+  export default {
+    methods: {
+      getContainer() {
+        return document.querySelector('#container');
+      },
+    },
+  };
+</script>
+
+<!-- Vant 3 -->
+<template>
+  <van-popup teleport="body" />
+  <van-popup :teleport="container" />
+</template>
+<script>
+  export default {
+    beforeCreate() {
+      this.container = document.querySelector('#container');
+    },
+  };
+</script>
+```
+
+### API 调整
+
+- Area: 移除 change 事件的第一个参数（picker 实例）
+- Button: 蓝色按钮对应的类型由 `info` 调整为 `primary`
+- Button: 绿色按钮对应的类型由 `primary` 调整为 `success`
+- Picker: 移除 change 事件的第一个参数（picker 实例）
+- Picker: 默认开启 show-toolbar 属性
+- Picker: 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
+- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
+- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
+- Toast: `mask` 属性重命名为 `overlay`
+- TreeSelect: `navclick` 事件重命名为 `click-nav`
+- TreeSelect: `itemclick` 事件重命名为 `click-item`
+
 ### 注册全局方法
 
 Vant 2.x 中默认提供了 `$toast`、`$dialog` 等全局方法，但 Vue 3.0 不再支持直接在 Vue 的原型链上挂载方法，因此从 Vant 3.0 开始，使用全局方法前必须先通过 `app.use` 将组件注册到对应的 app 上。
diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md
index ee5ffe589..51530f2c5 100644
--- a/src/action-sheet/README.md
+++ b/src/action-sheet/README.md
@@ -166,7 +166,7 @@ export default {
 | close-on-click-action | Whether to close when click action | _boolean_ | `false` |
 | close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
-| get-container | Return the mount node for ActionSheet | _string \| () => Element_ | - |
+| teleport | Return the mount node for ActionSheet | _string \| Element_ | - |
 
 ### Data Structure of Action
 
diff --git a/src/action-sheet/README.zh-CN.md b/src/action-sheet/README.zh-CN.md
index 3cd9c5ffc..c18f9672b 100644
--- a/src/action-sheet/README.zh-CN.md
+++ b/src/action-sheet/README.zh-CN.md
@@ -172,7 +172,7 @@ export default {
 | close-on-click-action | 是否在点击选项后关闭 | _boolean_ | `false` |
 | close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Action 数据结构
 
diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index 5b124e9dc..214971c35 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -14,9 +14,9 @@ export default createComponent({
     title: String,
     actions: Array,
     duration: [Number, String],
+    teleport: [String, Object],
     cancelText: String,
     description: String,
-    getContainer: [String, Function],
     closeOnPopstate: Boolean,
     closeOnClickAction: Boolean,
     round: {
@@ -163,7 +163,7 @@ export default createComponent({
           duration={props.duration}
           lazyRender={props.lazyRender}
           lockScroll={props.lockScroll}
-          getContainer={props.getContainer}
+          teleport={props.teleport}
           closeOnPopstate={props.closeOnPopstate}
           closeOnClickOverlay={props.closeOnClickOverlay}
           safeAreaInsetBottom={props.safeAreaInsetBottom}
diff --git a/src/action-sheet/test/index.spec.js b/src/action-sheet/test/index.spec.js
index e07eeca18..ff487b539 100644
--- a/src/action-sheet/test/index.spec.js
+++ b/src/action-sheet/test/index.spec.js
@@ -51,7 +51,7 @@ test('click overlay and close', async () => {
       <div>
         <action-sheet
           :value="true"
-          :get-container="getContainer"
+          :teleport="teleport"
           @input="onInput"
           @click-overlay="onClickOverlay"
         />
@@ -62,7 +62,7 @@ test('click overlay and close', async () => {
     },
     data() {
       return {
-        getContainer: () => div,
+        teleport: () => div,
       };
     },
     methods: {
@@ -110,7 +110,7 @@ test('get container', () => {
   const wrapper = mount(ActionSheet, {
     propsData: {
       value: true,
-      getContainer: 'body',
+      teleport: 'body',
     },
   });
 
diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index 881d8302f..16e3b8386 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -388,9 +388,9 @@ export default createComponent({
         <Popup
           show={this.showAreaPopup}
           round
+          teleport="body"
           position="bottom"
           lazyRender={false}
-          getContainer="body"
           {...{
             'onUpdate:modelValue': (value) => {
               this.showAreaPopup = value;
diff --git a/src/calendar/README.md b/src/calendar/README.md
index d83201e57..a9a3adb09 100644
--- a/src/calendar/README.md
+++ b/src/calendar/README.md
@@ -258,7 +258,7 @@ Following props are supported when the poppable is true
 | close-on-popstate `v2.4.4` | Whether to close when popstate | _boolean_ | `true` |
 | close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
-| get-container `v2.4.4` | Return the mount node for Calendar | _string \| () => Element_ | - |
+| teleport `v2.4.4` | Return the mount node for Calendar | _string \| Element_ | - |
 
 ### Range Props
 
diff --git a/src/calendar/README.zh-CN.md b/src/calendar/README.zh-CN.md
index ee99ff138..cf5152224 100644
--- a/src/calendar/README.zh-CN.md
+++ b/src/calendar/README.zh-CN.md
@@ -260,7 +260,7 @@ export default {
 | close-on-popstate `v2.4.4` | 是否在页面回退时自动关闭 | _boolean_ | `true` |
 | close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
-| get-container `v2.4.4` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport `v2.4.4` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Range Props
 
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 6f713a613..21468c965 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -27,11 +27,11 @@ export default createComponent({
     show: Boolean,
     title: String,
     color: String,
+    teleport: [String, Object],
     formatter: Function,
     confirmText: String,
     rangePrompt: String,
     defaultDate: [Date, Array],
-    getContainer: [String, Function],
     allowSameDay: Boolean,
     confirmDisabledText: String,
     type: {
@@ -487,7 +487,7 @@ export default createComponent({
           round={this.round}
           position={this.position}
           closeable={this.showTitle || this.showSubtitle}
-          getContainer={this.getContainer}
+          teleport={this.teleport}
           closeOnPopstate={this.closeOnPopstate}
           closeOnClickOverlay={this.closeOnClickOverlay}
           {...listeners}
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 2e5fcba0b..c5cd39338 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -159,7 +159,7 @@ export default {
 | allowHtml `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
 | beforeClose | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
 | transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
-| getContainer | Return the mount node for Dialog | _string \| () => Element_ | `body` |
+| teleport | Return the mount node for Dialog | _string \| Element_ | `body` |
 
 ### Props
 
@@ -187,7 +187,7 @@ export default {
 | allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
 | before-close | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
 | transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
-| get-container | Return the mount node for Dialog | _string \| () => Element_ | - |
+| teleport | Return the mount node for Dialog | _string \| Element_ | - |
 
 ### Events
 
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index cea9787cb..ed9cfdbcf 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -189,7 +189,7 @@ export default {
 | allowHtml `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
 | beforeClose | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
 | transition `v2.2.6` | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| getContainer | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | `body` |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | `body` |
 
 ### Props
 
@@ -219,7 +219,7 @@ export default {
 | allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
 | before-close | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
 | transition `v2.2.6` | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Events
 
diff --git a/src/dialog/index.js b/src/dialog/index.js
index 9cb4694f9..6758ae102 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -70,6 +70,7 @@ Dialog.defaultOptions = {
   message: '',
   overlay: true,
   callback: null,
+  teleport: 'body',
   className: '',
   allowHtml: true,
   lockScroll: true,
@@ -78,7 +79,6 @@ Dialog.defaultOptions = {
   overlayClass: '',
   overlayStyle: null,
   messageAlign: '',
-  getContainer: 'body',
   cancelButtonText: '',
   cancelButtonColor: null,
   confirmButtonText: '',
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 1c5655c76..e773666d0 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -95,8 +95,8 @@ export default createComponent({
     },
 
     onClickWrapper(event) {
-      // prevent being identified as clicking outside and closed when use get-contaienr
-      if (this.getContainer) {
+      // prevent being identified as clicking outside and closed when using teleport
+      if (this.teleport) {
         event.stopPropagation();
       }
     },
diff --git a/src/dropdown-menu/README.md b/src/dropdown-menu/README.md
index 4d71ce998..2d1d2010a 100644
--- a/src/dropdown-menu/README.md
+++ b/src/dropdown-menu/README.md
@@ -143,7 +143,7 @@ Use `active-color` prop to custom active color of the title and options
 | disabled | Whether to disable dropdown item | _boolean_ | `false` |
 | lazy-render `v2.8.5` | Whether to lazy render util opened | _boolean_ | `true` |
 | title-class | Title class | _string_ | - |
-| get-container `v2.2.4` | Return the mount node for menu | _string \| () => Element_ | - |
+| teleport `v2.2.4` | Return the mount node for menu | _string \| Element_ | - |
 
 ### DropdownItem Events
 
diff --git a/src/dropdown-menu/README.zh-CN.md b/src/dropdown-menu/README.zh-CN.md
index ce9669d55..8c3eb92fb 100644
--- a/src/dropdown-menu/README.zh-CN.md
+++ b/src/dropdown-menu/README.zh-CN.md
@@ -147,7 +147,7 @@ export default {
 | disabled | 是否禁用菜单 | _boolean_ | `false` |
 | lazy-render `v2.8.5` | 是否在首次展开时才渲染菜单内容 | _boolean_ | `true` |
 | title-class | 标题额外类名 | _string_ | - |
-| get-container `v2.2.4` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport `v2.2.4` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### DropdownItem Events
 
diff --git a/src/form/demo/FieldTypeArea.vue b/src/form/demo/FieldTypeArea.vue
index f0e0901ed..cbc7f3d65 100644
--- a/src/form/demo/FieldTypeArea.vue
+++ b/src/form/demo/FieldTypeArea.vue
@@ -13,7 +13,7 @@
         v-model:show="showArea"
         round
         position="bottom"
-        get-container="body"
+        teleport="body"
       >
         <van-area
           :area-list="t('areaList')"
diff --git a/src/form/demo/FieldTypeCalendar.vue b/src/form/demo/FieldTypeCalendar.vue
index 9d7e15a3b..49b785899 100644
--- a/src/form/demo/FieldTypeCalendar.vue
+++ b/src/form/demo/FieldTypeCalendar.vue
@@ -12,7 +12,7 @@
       <van-calendar
         v-model:show="showCalendar"
         round
-        get-container="body"
+        teleport="body"
         @confirm="onConfirm"
       />
     </template>
diff --git a/src/form/demo/FieldTypeDatetimePicker.vue b/src/form/demo/FieldTypeDatetimePicker.vue
index c2f311c48..7d0d0cbcc 100644
--- a/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/src/form/demo/FieldTypeDatetimePicker.vue
@@ -13,7 +13,7 @@
         v-model:show="showPicker"
         round
         position="bottom"
-        get-container="body"
+        teleport="body"
       >
         <van-datetime-picker
           type="time"
diff --git a/src/form/demo/FieldTypePicker.vue b/src/form/demo/FieldTypePicker.vue
index b19b525b0..81db922d7 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -13,7 +13,7 @@
         v-model:show="showPicker"
         round
         position="bottom"
-        get-container="body"
+        teleport="body"
       >
         <van-picker
           :columns="t('textColumns')"
diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index 62bf380a4..c47cb85d4 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -130,7 +130,7 @@ export default {
 | closeable `v2.5.0` | Whether to show close icon | _boolean_ | `false` |
 | closeIcon `v2.5.0` | Close icon name | _string_ | `clear` |
 | closeIconPosition `v2.5.0` | Close icon position，can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
-| getContainer | Return the mount node for ImagePreview | _string \| () => Element_ | - |
+| teleport | Return the mount node for ImagePreview | _string \| Element_ | - |
 
 ### Props
 
@@ -150,7 +150,7 @@ export default {
 | closeable `v2.5.0` | Whether to show close icon | _boolean_ | `false` |
 | close-icon `v2.5.0` | Close icon name | _string_ | `clear` |
 | close-icon-position `v2.5.0` | Close icon position，can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
-| get-container | Return the mount node for ImagePreview | _string \| () => Element_ | - |
+| teleport | Return the mount node for ImagePreview | _string \| Element_ | - |
 
 ### Events
 
diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md
index 972e9128d..0aedb9e6c 100644
--- a/src/image-preview/README.zh-CN.md
+++ b/src/image-preview/README.zh-CN.md
@@ -166,7 +166,7 @@ export default {
 | closeable `v2.5.0` | 是否显示关闭图标 | _boolean_ | `false` |
 | closeIcon `v2.5.0` | 关闭图标名称或图片链接 | _string_ | `clear` |
 | closeIconPosition `v2.5.0` | 关闭图标位置，可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
-| getContainer | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Props
 
@@ -188,7 +188,7 @@ export default {
 | closeable `v2.5.0` | 是否显示关闭图标 | _boolean_ | `false` |
 | close-icon `v2.5.0` | 关闭图标名称或图片链接 | _string_ | `clear` |
 | close-icon-position `v2.5.0` | 关闭图标位置，可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Events
 
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index 1e268e031..1b8f9b3ce 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -12,12 +12,12 @@ const defaultConfig = {
   onScale: null,
   onClose: null,
   onChange: null,
+  teleport: 'body',
   className: '',
   showIndex: true,
   closeable: false,
   closeIcon: 'clear',
   asyncClose: false,
-  getContainer: 'body',
   startPosition: 0,
   swipeDuration: 500,
   showIndicators: false,
diff --git a/src/image-preview/test/index.spec.js b/src/image-preview/test/index.spec.js
index 198afab04..7b68455c0 100644
--- a/src/image-preview/test/index.spec.js
+++ b/src/image-preview/test/index.spec.js
@@ -336,7 +336,7 @@ test('ImagePreview.Component', () => {
 test('get container with function call ', async (done) => {
   const element = document.createElement('div');
   document.body.appendChild(element);
-  ImagePreview({ images, getContainer: () => element });
+  ImagePreview({ images, teleport: element });
 
   await Vue.nextTick();
   const wrapperDiv = document.querySelector('.van-image-preview');
@@ -358,22 +358,22 @@ test('get container with component call', () => {
   const wrapper = mount({
     template: `
     <div>
-      <van-image-preview :value="true" :get-container="getContainer">
+      <van-image-preview :value="true" :teleport="teleport">
       </van-image-preview>
     </div>
     `,
     data() {
       return {
-        getContainer: () => div1,
+        teleport: () => div1,
       };
     },
   });
   const imageView = wrapper.find('.van-image-preview').element;
 
   expect(imageView.parentNode).toEqual(div1);
-  wrapper.vm.getContainer = () => div2;
+  wrapper.vm.teleport = () => div2;
   expect(imageView.parentNode).toEqual(div2);
-  wrapper.vm.getContainer = null;
+  wrapper.vm.teleport = null;
   expect(wrapper.element).toEqual(wrapper.element);
 });
 
diff --git a/src/mixins/portal.js b/src/mixins/portal.js
index ec3e65f26..4d05b786f 100644
--- a/src/mixins/portal.js
+++ b/src/mixins/portal.js
@@ -1,35 +1,35 @@
-function getElement(selector) {
-  if (typeof selector === 'string') {
-    return document.querySelector(selector);
+function getElement(teleport) {
+  if (typeof teleport === 'string') {
+    return document.querySelector(teleport);
   }
 
-  return selector();
+  return teleport;
 }
 
 export function PortalMixin({ ref, afterPortal } = {}) {
   return {
     props: {
-      getContainer: [String, Function],
+      teleport: [String, Object],
     },
 
     watch: {
-      getContainer: 'portal',
+      teleport: 'portal',
     },
 
     mounted() {
-      if (this.getContainer) {
+      if (this.teleport) {
         this.portal();
       }
     },
 
     methods: {
       portal() {
-        const { getContainer } = this;
+        const { teleport } = this;
         const el = ref ? this.$refs[ref] : this.$el;
 
         let container;
-        if (getContainer) {
-          container = getElement(getContainer);
+        if (teleport) {
+          container = getElement(teleport);
         } else if (this.$parent) {
           container = this.$parent.$el;
         }
diff --git a/src/notify/Notify.js b/src/notify/Notify.js
index 13c63ecb1..01d3dc32a 100644
--- a/src/notify/Notify.js
+++ b/src/notify/Notify.js
@@ -9,9 +9,9 @@ export default createComponent({
     color: String,
     message: [Number, String],
     duration: [Number, String],
+    teleport: [String, Object],
     className: null,
     background: String,
-    getContainer: [String, Function],
     type: {
       type: String,
       default: 'danger',
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index 7da413df3..3af614174 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -156,7 +156,7 @@ export default {
 | close-button-loading `v2.7.0` | Whether to show loading close button in custom theme | _boolean_ | `false` |
 | show-delete-key `v2.5.9` | Whether to show delete button | _boolean_ | `true` |
 | hide-on-click-outside | Whether to hide keyboard when click outside | _boolean_ | `true` |
-| get-container `v2.10.0` | Return the mount node for NumberKeyboard | _string \| () => Element_ | - |
+| teleport `v2.10.0` | Return the mount node for NumberKeyboard | _string \| Element_ | - |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
 
 ### Events
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index c1cf4bef0..0bccdd353 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -169,7 +169,7 @@ export default {
 | close-button-loading `v2.7.0` | 是否将关闭按钮设置为加载中状态，仅在 `theme="custom"` 时有效 | _boolean_ | `false` |
 | show-delete-key `v2.5.9` | 是否展示删除图标 | _boolean_ | `true` |
 | hide-on-click-outside | 点击外部时是否收起键盘 | _boolean_ | `true` |
-| get-container `v2.10.0` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport `v2.10.0` | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
 
 ### Events
diff --git a/src/popup/README.md b/src/popup/README.md
index f882c2d07..f244f14e5 100644
--- a/src/popup/README.md
+++ b/src/popup/README.md
@@ -83,30 +83,28 @@ Use `position` prop to set popup display position
 
 ### Get Container
 
-Use `get-container` prop to specify mount location
+Use `teleport` prop to specify mount location
 
 ```html
 <!-- mount to body -->
-<van-popup v-model:show="show" get-container="body" />
+<van-popup v-model:show="show" teleport="body" />
 
 <!-- mount to #app -->
-<van-popup v-model:show="show" get-container="#app" />
+<van-popup v-model:show="show" teleport="#app" />
 
-<!-- Specify the mount location by function -->
-<van-popup v-model:show="show" :get-container="getContainer" />
+<!-- mount to Element -->
+<van-popup v-model:show="show" :teleport="myContainer" />
 ```
 
 ```js
 export default {
-  methods: {
-    getContainer() {
-      return document.querySelector('.my-container');
-    },
+  beforeCreate() {
+    this.myContainer = document.querySelector('.my-container');
   },
 };
 ```
 
-> Tips: The get-container prop cannot be used on the root node
+> Tips: The teleport prop cannot be used on the root node
 
 ## API
 
@@ -129,7 +127,7 @@ export default {
 | close-icon `v2.2.0` | Close icon name | _string_ | `cross` |
 | close-icon-position `v2.2.2` | Close Icon Position，can be set to `top-left` `bottom-left` `bottom-right` | _string_ | `top-right` |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
-| get-container | Return the mount node for Popup | _string \| () => Element_ | - |
+| teleport | Return the mount node for Popup | _string \| Element_ | - |
 | safe-area-inset-bottom `v2.2.1` | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
 
 ### Events
diff --git a/src/popup/README.zh-CN.md b/src/popup/README.zh-CN.md
index 2eea09eb1..d87252f10 100644
--- a/src/popup/README.zh-CN.md
+++ b/src/popup/README.zh-CN.md
@@ -93,31 +93,28 @@ export default {
 
 ### 指定挂载位置
 
-弹出层默认挂载到组件所在位置，可以通过`get-container`属性指定挂载位置
+弹出层默认挂载到组件所在位置，可以通过`teleport`属性指定挂载位置
 
 ```html
 <!-- 挂载到 body 节点下 -->
-<van-popup v-model:show="show" get-container="body" />
+<van-popup v-model:show="show" teleport="body" />
 
 <!-- 挂载到 #app 节点下 -->
-<van-popup v-model:show="show" get-container="#app" />
+<van-popup v-model:show="show" teleport="#app" />
 
-<!-- 通过函数指定挂载位置 -->
-<van-popup v-model:show="show" :get-container="getContainer" />
+<!-- 挂载到指定的元素下 -->
+<van-popup v-model:show="show" :teleport="myContainer" />
 ```
 
 ```js
 export default {
-  methods: {
-    // 返回一个特定的 DOM 节点，作为挂载的父节点
-    getContainer() {
-      return document.querySelector('.my-container');
-    },
+  beforeCreate() {
+    this.myContainer = document.querySelector('.my-container');
   },
 };
 ```
 
-> 注意：使用 get-container 属性的组件不能为根节点
+> 注意：使用 teleport 属性的组件不能为根节点
 
 ## API
 
@@ -140,7 +137,7 @@ export default {
 | close-icon `v2.2.0` | 关闭图标名称或图片链接 | _string_ | `cross` |
 | close-icon-position `v2.2.2` | 关闭图标位置，可选值为`top-left`<br>`bottom-left` `bottom-right` | _string_ | `top-right` |
 | transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
-| get-container | 指定挂载的节点 | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点 | _string \| Element_ | - |
 | safe-area-inset-bottom `v2.2.1` | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `false` |
 
 ### Events
diff --git a/src/popup/demo/index.vue b/src/popup/demo/index.vue
index c3260d820..3eb7a8c25 100644
--- a/src/popup/demo/index.vue
+++ b/src/popup/demo/index.vue
@@ -84,15 +84,15 @@
       />
     </demo-block>
 
-    <demo-block card v-if="!isWeapp" :title="t('getContainer')">
+    <demo-block card v-if="!isWeapp" :title="t('teleport')">
       <van-cell
-        :title="t('getContainer')"
+        :title="t('teleport')"
         is-link
         @click="showGetContainer = true"
       />
       <van-popup
         v-model:show="showGetContainer"
-        get-container="body"
+        teleport="body"
         :style="{ padding: '30px 50px' }"
       />
     </demo-block>
@@ -109,7 +109,7 @@ export default {
       buttonBottom: '底部弹出',
       buttonLeft: '左侧弹出',
       buttonRight: '右侧弹出',
-      getContainer: '指定挂载节点',
+      teleport: '指定挂载节点',
       roundCorner: '圆角弹窗',
       closeIcon: '关闭图标',
       customCloseIcon: '自定义图标',
@@ -122,7 +122,7 @@ export default {
       buttonBottom: 'From Bottom',
       buttonLeft: 'From Left',
       buttonRight: 'From Right',
-      getContainer: 'Get Container',
+      teleport: 'Get Container',
       roundCorner: 'Round Corner',
       closeIcon: 'Close Icon',
       customCloseIcon: 'Custom Icon',
diff --git a/src/popup/index.js b/src/popup/index.js
index f97650511..6ae410e67 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -33,7 +33,7 @@ export const popupSharedProps = {
   // overlay custom class name
   overlayClass: String,
   // teleport
-  getContainer: [String, Function],
+  teleport: [String, Object],
   // whether to close popup when click overlay
   closeOnClickOverlay: Boolean,
   // z-index
@@ -319,9 +319,9 @@ export default createComponent({
   },
 
   render() {
-    const { getContainer } = this;
-    if (getContainer) {
-      const to = isFunction(getContainer) ? getContainer() : getContainer;
+    const { teleport } = this;
+    if (teleport) {
+      const to = isFunction(teleport) ? teleport() : teleport;
       return (
         <Teleport to={to}>
           {this.genOverlay()}
diff --git a/src/popup/test/index.spec.js b/src/popup/test/index.spec.js
index f570087a7..2aa3d27e5 100644
--- a/src/popup/test/index.spec.js
+++ b/src/popup/test/index.spec.js
@@ -53,7 +53,7 @@ test('get container with parent', () => {
   wrapper = mount({
     template: `
       <div>
-        <popup :value="true" :get-container="getContainer" />
+        <popup :value="true" :teleport="teleport" />
       </div>
     `,
     components: {
@@ -61,16 +61,16 @@ test('get container with parent', () => {
     },
     data() {
       return {
-        getContainer: () => div1,
+        teleport: div1,
       };
     },
   });
   const popup = wrapper.find('.van-popup').element;
 
   expect(popup.parentNode).toEqual(div1);
-  wrapper.vm.getContainer = () => div2;
+  wrapper.vm.teleport = () => div2;
   expect(popup.parentNode).toEqual(div2);
-  wrapper.vm.getContainer = null;
+  wrapper.vm.teleport = null;
   expect(popup.parentNode).toEqual(wrapper.element);
 });
 
@@ -78,8 +78,8 @@ test('get container with selector', () => {
   wrapper = mount({
     template: `
       <div>
-        <popup class="get-container-selector-1" :value="true" get-container="body"></popup>
-        <popup class="get-container-selector-2" :value="true" get-container="unknown"></popup>
+        <popup class="teleport-selector-1" :value="true" teleport="body"></popup>
+        <popup class="teleport-selector-2" :value="true" teleport="unknown"></popup>
       </div>
     `,
     components: {
@@ -87,8 +87,8 @@ test('get container with selector', () => {
     },
   });
 
-  const dom1 = document.querySelector('.get-container-selector-1');
-  const dom2 = wrapper.vm.$el.querySelector('.get-container-selector-2');
+  const dom1 = document.querySelector('.teleport-selector-1');
+  const dom2 = wrapper.vm.$el.querySelector('.teleport-selector-2');
 
   expect(dom1.parentNode).toEqual(document.body);
   expect(dom2.parentNode).toEqual(wrapper.vm.$el);
@@ -99,7 +99,7 @@ test('render overlay', async () => {
   wrapper = mount({
     template: `
       <div>
-        <popup :value="true" :get-container="getContainer" />
+        <popup :value="true" :teleport="teleport" />
       </div>
     `,
     components: {
@@ -107,7 +107,7 @@ test('render overlay', async () => {
     },
     data() {
       return {
-        getContainer: () => div,
+        teleport: () => div,
       };
     },
   });
@@ -122,7 +122,7 @@ test('watch overlay prop', async () => {
   wrapper = mount({
     template: `
       <div>
-        <popup :value="show" :overlay="overlay" :get-container="getContainer" />
+        <popup :value="show" :overlay="overlay" :teleport="teleport" />
       </div>
     `,
     components: {
@@ -132,7 +132,7 @@ test('watch overlay prop', async () => {
       return {
         show: false,
         overlay: false,
-        getContainer: () => div,
+        teleport: () => div,
       };
     },
   });
@@ -158,7 +158,7 @@ test('close on click overlay', async () => {
       <div>
         <popup
           v-model="value"
-          :get-container="getContainer"
+          :teleport="teleport"
           @click-overlay="onClickOverlay"
         />
       </div>
@@ -169,7 +169,7 @@ test('close on click overlay', async () => {
     data() {
       return {
         value: true,
-        getContainer: () => div,
+        teleport: () => div,
       };
     },
     methods: {
diff --git a/src/share-sheet/README.md b/src/share-sheet/README.md
index c54f46c16..d6e0e7ba8 100644
--- a/src/share-sheet/README.md
+++ b/src/share-sheet/README.md
@@ -123,7 +123,7 @@ export default {
 | close-on-popstate | Whether to close when popstate | _boolean_ | `true` |
 | close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
-| get-container | Return the mount node for ShareSheet | _string \| () => Element_ | - |
+| teleport | Return the mount node for ShareSheet | _string \| Element_ | - |
 
 ### Data Structure of Option
 
diff --git a/src/share-sheet/README.zh-CN.md b/src/share-sheet/README.zh-CN.md
index 1c25ca9dd..d88edc317 100644
--- a/src/share-sheet/README.zh-CN.md
+++ b/src/share-sheet/README.zh-CN.md
@@ -169,7 +169,7 @@ export default {
 | close-on-popstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
 | close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
-| get-container | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
 ### Option 数据结构
 
diff --git a/src/share-sheet/index.js b/src/share-sheet/index.js
index ab5c723aa..429539f5e 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -13,9 +13,9 @@ export default createComponent({
     ...popupSharedProps,
     title: String,
     duration: [Number, String],
+    teleport: [String, Object],
     cancelText: String,
     description: String,
-    getContainer: [String, Function],
     options: {
       type: Array,
       default: () => [],
@@ -141,7 +141,7 @@ export default createComponent({
         duration={this.duration}
         lazyRender={this.lazyRender}
         lockScroll={this.lockScroll}
-        getContainer={this.getContainer}
+        teleport={this.teleport}
         closeOnPopstate={this.closeOnPopstate}
         closeOnClickOverlay={this.closeOnClickOverlay}
         safeAreaInsetBottom={this.safeAreaInsetBottom}
diff --git a/src/share-sheet/test/index.spec.js b/src/share-sheet/test/index.spec.js
index d4a3a87bd..f8a1e437a 100644
--- a/src/share-sheet/test/index.spec.js
+++ b/src/share-sheet/test/index.spec.js
@@ -89,7 +89,7 @@ test('click-overlay event', async () => {
   const wrapper = mount(ShareSheet, {
     propsData: {
       value: true,
-      getContainer: () => root,
+      teleport: root,
     },
   });
 
diff --git a/src/toast/README.md b/src/toast/README.md
index d974164d2..d9c056df3 100644
--- a/src/toast/README.md
+++ b/src/toast/README.md
@@ -154,4 +154,4 @@ Toast.resetDefaultOptions('loading');
 | onOpened | Callback function after opened | _Function_ | - |
 | onClose | Callback function after close | _Function_ | - |
 | transition `v2.2.6` | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | `van-fade` |
-| getContainer | Return the mount node for Toast | _string \| () => Element_ | `body` |
+| teleport | Return the mount node for Toast | _string \| Element_ | `body` |
diff --git a/src/toast/README.zh-CN.md b/src/toast/README.zh-CN.md
index 6eb067bad..633a264d2 100644
--- a/src/toast/README.zh-CN.md
+++ b/src/toast/README.zh-CN.md
@@ -167,4 +167,4 @@ Toast.resetDefaultOptions('loading');
 | onOpened | 完全展示后的回调函数 | _Function_ | - |
 | onClose | 关闭时的回调函数 | _Function_ | - |
 | transition `v2.2.6` | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | `van-fade` |
-| getContainer | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | `body` |
+| teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | `body` |
diff --git a/src/toast/index.js b/src/toast/index.js
index cc9c0b49a..cbb64932c 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -11,12 +11,12 @@ const defaultOptions = {
   onClose: null,
   onOpened: null,
   duration: 2000,
+  teleport: 'body',
   iconPrefix: undefined,
   position: 'middle',
   transition: 'van-fade',
   forbidClick: false,
   loadingType: undefined,
-  getContainer: 'body',
   overlayStyle: null,
   closeOnClick: false,
   closeOnClickOverlay: false,

From 54a8608078ebb51347af9361e1936d119c7b5fb2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:03:21 +0800
Subject: [PATCH 172/626] fix(Popup): adjust teleport handler

---
 src/popup/index.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/popup/index.js b/src/popup/index.js
index 6ae410e67..48c120761 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,6 +1,6 @@
 // Utils
 import { Teleport, Transition } from 'vue';
-import { createNamespace, isDef, isFunction } from '../utils';
+import { createNamespace, isDef } from '../utils';
 import { on, off, preventDefault } from '../utils/dom/event';
 import { getScroller } from '../utils/dom/scroll';
 
@@ -319,11 +319,9 @@ export default createComponent({
   },
 
   render() {
-    const { teleport } = this;
-    if (teleport) {
-      const to = isFunction(teleport) ? teleport() : teleport;
+    if (this.teleport) {
       return (
-        <Teleport to={to}>
+        <Teleport to={this.teleport}>
           {this.genOverlay()}
           {this.genPopup()}
         </Teleport>

From a4b481c5cc25facb2514fd3956f7cdee531dcf0a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:05:40 +0800
Subject: [PATCH 173/626] refactor(NumberKeyboard): remove portal mixin

---
 src/number-keyboard/index.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 59d73161a..d6ed998fe 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,7 +1,6 @@
-import { Transition } from 'vue';
+import { Teleport, Transition } from 'vue';
 import { createNamespace } from '../utils';
 import { stopPropagation } from '../utils/dom/event';
-import { PortalMixin } from '../mixins/portal';
 import { BindEventMixin } from '../mixins/bind-event';
 import Key from './Key';
 
@@ -9,7 +8,6 @@ const [createComponent, bem] = createNamespace('number-keyboard');
 
 export default createComponent({
   mixins: [
-    PortalMixin(),
     BindEventMixin(function (bind) {
       if (this.hideOnClickOutside) {
         bind(document.body, 'touchstart', this.onBlur);
@@ -21,6 +19,7 @@ export default createComponent({
     show: Boolean,
     title: String,
     zIndex: [Number, String],
+    teleport: [String, Object],
     closeButtonText: String,
     deleteButtonText: String,
     closeButtonLoading: Boolean,
@@ -238,8 +237,7 @@ export default createComponent({
 
   render() {
     const Title = this.genTitle();
-
-    return (
+    const Content = (
       <Transition name={this.transition ? 'van-slide-up' : ''}>
         <div
           vShow={this.show}
@@ -257,5 +255,11 @@ export default createComponent({
         </div>
       </Transition>
     );
+
+    if (this.teleport) {
+      return <Teleport to={this.teleport}>{Content}</Teleport>;
+    }
+
+    return Content;
   },
 });

From 5e5025d1cc7356054a576899f38053de051a470a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:09:37 +0800
Subject: [PATCH 174/626] fix(Popup): duration not work for overlay

---
 src/popup/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/popup/index.js b/src/popup/index.js
index 48c120761..cf2dfa00d 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -164,6 +164,7 @@ export default createComponent({
             class={this.overlayClass}
             style={this.overlayStyle}
             zIndex={this.currentZIndex}
+            duration={this.duration}
             onClick={this.onClickOverlay}
           />
         );

From 0b208dc04bc0c802903ec52f12d8890017ac299a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:10:58 +0800
Subject: [PATCH 175/626] refactor(DropdownItem): remove portal mixin

---
 src/dropdown-item/index.js | 70 +++++++++++++++++++++-----------------
 src/mixins/portal.js       | 47 -------------------------
 2 files changed, 38 insertions(+), 79 deletions(-)
 delete mode 100644 src/mixins/portal.js

diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index e773666d0..f2f5d4afe 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -1,9 +1,10 @@
+import { Teleport } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { on, off } from '../utils/dom/event';
 
 // Mixins
-import { PortalMixin } from '../mixins/portal';
 import { ChildrenMixin } from '../mixins/relation';
 
 // Components
@@ -14,11 +15,12 @@ import Popup from '../popup';
 const [createComponent, bem] = createNamespace('dropdown-item');
 
 export default createComponent({
-  mixins: [PortalMixin({ ref: 'wrapper' }), ChildrenMixin('vanDropdownMenu')],
+  mixins: [ChildrenMixin('vanDropdownMenu')],
 
   props: {
     title: String,
     disabled: Boolean,
+    teleport: [String, Object],
     modelValue: null,
     titleClass: String,
     options: {
@@ -150,38 +152,42 @@ export default createComponent({
       style.bottom = `${offset}px`;
     }
 
-    return (
-      <div>
-        <div
-          vShow={this.showWrapper}
-          ref="wrapper"
-          style={style}
-          class={bem([direction])}
-          onClick={this.onClickWrapper}
+    const Content = (
+      <div
+        vShow={this.showWrapper}
+        ref="wrapper"
+        style={style}
+        class={bem([direction])}
+        onClick={this.onClickWrapper}
+      >
+        <Popup
+          show={this.showPopup}
+          overlay={overlay}
+          class={bem('content')}
+          position={direction === 'down' ? 'top' : 'bottom'}
+          duration={this.transition ? duration : 0}
+          lazyRender={this.lazyRender}
+          overlayStyle={{ position: 'absolute' }}
+          closeOnClickOverlay={closeOnClickOverlay}
+          onOpen={this.onOpen}
+          onClose={this.onClose}
+          onOpened={this.onOpened}
+          onClosed={() => {
+            this.showWrapper = false;
+            this.$emit('closed');
+          }}
+          {...{ 'onUpdate:modelValue': this.onTogglePopup }}
         >
-          <Popup
-            show={this.showPopup}
-            overlay={overlay}
-            class={bem('content')}
-            position={direction === 'down' ? 'top' : 'bottom'}
-            duration={this.transition ? duration : 0}
-            lazyRender={this.lazyRender}
-            overlayStyle={{ position: 'absolute' }}
-            closeOnClickOverlay={closeOnClickOverlay}
-            onOpen={this.onOpen}
-            onClose={this.onClose}
-            onOpened={this.onOpened}
-            onClosed={() => {
-              this.showWrapper = false;
-              this.$emit('closed');
-            }}
-            {...{ 'onUpdate:modelValue': this.onTogglePopup }}
-          >
-            {Options}
-            {this.$slots.default?.()}
-          </Popup>
-        </div>
+          {Options}
+          {this.$slots.default?.()}
+        </Popup>
       </div>
     );
+
+    if (this.teleport) {
+      return <Teleport to={this.teleport}>{Content}</Teleport>;
+    }
+
+    return Content;
   },
 });
diff --git a/src/mixins/portal.js b/src/mixins/portal.js
deleted file mode 100644
index 4d05b786f..000000000
--- a/src/mixins/portal.js
+++ /dev/null
@@ -1,47 +0,0 @@
-function getElement(teleport) {
-  if (typeof teleport === 'string') {
-    return document.querySelector(teleport);
-  }
-
-  return teleport;
-}
-
-export function PortalMixin({ ref, afterPortal } = {}) {
-  return {
-    props: {
-      teleport: [String, Object],
-    },
-
-    watch: {
-      teleport: 'portal',
-    },
-
-    mounted() {
-      if (this.teleport) {
-        this.portal();
-      }
-    },
-
-    methods: {
-      portal() {
-        const { teleport } = this;
-        const el = ref ? this.$refs[ref] : this.$el;
-
-        let container;
-        if (teleport) {
-          container = getElement(teleport);
-        } else if (this.$parent) {
-          container = this.$parent.$el;
-        }
-
-        if (container && container !== el.parentNode) {
-          container.appendChild(el);
-        }
-
-        if (afterPortal) {
-          afterPortal.call(this);
-        }
-      },
-    },
-  };
-}

From d4f26db341324a375c426f686048b0b136b8ae8b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:13:15 +0800
Subject: [PATCH 176/626] chore(DropdownItem): improve v-model

---
 src/dropdown-item/index.js | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index f2f5d4afe..e66c530e9 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -96,16 +96,17 @@ export default createComponent({
       this.parent.updateOffset();
     },
 
+    onClosed() {
+      this.showWrapper = false;
+      this.$emit('closed');
+    },
+
     onClickWrapper(event) {
       // prevent being identified as clicking outside and closed when using teleport
       if (this.teleport) {
         event.stopPropagation();
       }
     },
-
-    onTogglePopup(show) {
-      this.showPopup = show;
-    },
   },
 
   render() {
@@ -161,7 +162,7 @@ export default createComponent({
         onClick={this.onClickWrapper}
       >
         <Popup
-          show={this.showPopup}
+          vModel={[this.showPopup, 'show']}
           overlay={overlay}
           class={bem('content')}
           position={direction === 'down' ? 'top' : 'bottom'}
@@ -172,11 +173,7 @@ export default createComponent({
           onOpen={this.onOpen}
           onClose={this.onClose}
           onOpened={this.onOpened}
-          onClosed={() => {
-            this.showWrapper = false;
-            this.$emit('closed');
-          }}
-          {...{ 'onUpdate:modelValue': this.onTogglePopup }}
+          onClosed={this.onClosed}
         >
           {Options}
           {this.$slots.default?.()}

From 5cacc0df0cab66fd0cb28ce09a172d564d094f0c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:26:38 +0800
Subject: [PATCH 177/626] chore(cli): remove component whitelist

---
 components.js                         | 85 ---------------------------
 packages/vant-cli/src/common/index.ts |  8 +--
 2 files changed, 1 insertion(+), 92 deletions(-)
 delete mode 100644 components.js

diff --git a/components.js b/components.js
deleted file mode 100644
index d26384119..000000000
--- a/components.js
+++ /dev/null
@@ -1,85 +0,0 @@
-// List of components that have been adapted to Vue 3.0
-module.exports = [
-  'button',
-  'cell',
-  'cell-group',
-  'icon',
-  'badge',
-  'image',
-  'col',
-  'row',
-  'popup',
-  'rate',
-  'slider',
-  'slider-item',
-  'switch',
-  'action-sheet',
-  'loading',
-  'overlay',
-  'swipe-cell',
-  'circle',
-  'count-down',
-  'divider',
-  'empty',
-  'progress',
-  'skeleton',
-  'step',
-  'steps',
-  'tag',
-  'grid',
-  'grid-item',
-  'nav-bar',
-  'pagination',
-  'sidebar',
-  'sidebar-item',
-  'tree-select',
-  'notice-bar',
-  'share-sheet',
-  'pull-refresh',
-  'field',
-  'tabbar',
-  'tabbar-item',
-  'list',
-  'tab',
-  'tabs',
-  'sticky',
-  'picker',
-  'dialog',
-  'toast',
-  'calendar',
-  'checkbox',
-  'checkbox-group',
-  'radio',
-  'radio-group',
-  'datetime-picker',
-  'number-keyboard',
-  'password-input',
-  'search',
-  'stepper',
-  'uploader',
-  'dropdown-menu',
-  'dropdown-item',
-  'notify',
-  'collapse',
-  'collapse-item',
-  'swipe',
-  'swipe-item',
-  'image-preview',
-  'index-bar',
-  'index-anchor',
-  'address-list',
-  'area',
-  'card',
-  'contact-card',
-  'contact-edit',
-  'contact-list',
-  'coupon',
-  'coupon-list',
-  'coupon-cell',
-  'submit-bar',
-  'action-bar',
-  'action-bar-icon',
-  'action-bar-button',
-  'address-edit',
-  'form',
-];
diff --git a/packages/vant-cli/src/common/index.ts b/packages/vant-cli/src/common/index.ts
index 6260b18f5..29220cb13 100644
--- a/packages/vant-cli/src/common/index.ts
+++ b/packages/vant-cli/src/common/index.ts
@@ -7,7 +7,6 @@ import {
   outputFileSync,
 } from 'fs-extra';
 import {
-  ROOT,
   SRC_DIR,
   getVantConfig,
   ROOT_WEBPACK_CONFIG_FILE,
@@ -38,10 +37,6 @@ export function getComponents() {
   const EXCLUDES = ['.DS_Store'];
   const dirs = readdirSync(SRC_DIR);
 
-  // TODO
-  // whitelist for 3.0 development
-  const whiteList = require(join(ROOT, 'components.js'));
-
   return dirs
     .filter((dir) => !EXCLUDES.includes(dir))
     .filter((dir) =>
@@ -53,8 +48,7 @@ export function getComponents() {
 
         return false;
       })
-    )
-    .filter((dir) => whiteList.includes(dir));
+    );
 }
 
 export function isDir(dir: string) {

From 17379286c80fae8986e6ca626a693ac062b06abc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:39:42 +0800
Subject: [PATCH 178/626] feat(cli): package entry fit Vue 3

---
 .../vant-cli/src/compiler/gen-package-entry.ts   | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/vant-cli/src/compiler/gen-package-entry.ts b/packages/vant-cli/src/compiler/gen-package-entry.ts
index 989533f4e..84e605f97 100644
--- a/packages/vant-cli/src/compiler/gen-package-entry.ts
+++ b/packages/vant-cli/src/compiler/gen-package-entry.ts
@@ -15,7 +15,7 @@ type Options = {
 
 function genImports(components: string[], options: Options): string {
   return components
-    .map(name => {
+    .map((name) => {
       let path = join(SRC_DIR, name);
       if (options.pathResolver) {
         path = options.pathResolver(path);
@@ -27,7 +27,7 @@ function genImports(components: string[], options: Options): string {
 }
 
 function genExports(names: string[]): string {
-  return names.map(name => `${name}`).join(',\n  ');
+  return names.map((name) => `${name}`).join(',\n  ');
 }
 
 export function genPackageEntry(options: Options) {
@@ -41,24 +41,20 @@ export function genPackageEntry(options: Options) {
 
 const version = '${version}';
 
-function install(Vue) {
+function install(app) {
   const components = [
-    ${components.filter(item => !skipInstall.includes(item)).join(',\n    ')}
+    ${components.filter((item) => !skipInstall.includes(item)).join(',\n    ')}
   ];
 
   components.forEach(item => {
     if (item.install) {
-      Vue.use(item);
+      app.use(item);
     } else if (item.name) {
-      Vue.component(item.name, item);
+      app.component(item.name, item);
     }
   });
 }
 
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-
 export {
   install,
   version,

From 435c6ee794b1ccfa69710d9cafbda3d8d975d257 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:42:40 +0800
Subject: [PATCH 179/626] docs: update install guide

---
 README.md                         | 3 ++-
 README.zh-CN.md                   | 3 ++-
 docs/markdown/quickstart.en-US.md | 5 +++--
 docs/markdown/quickstart.zh-CN.md | 5 +++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index bb73583e3..b2b2b0b40 100644
--- a/README.md
+++ b/README.md
@@ -54,10 +54,11 @@ yarn add vant
 ## Quickstart
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 import 'vant/lib/index.css';
 
+const app = createApp();
 Vue.use(Button);
 ```
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index f39e36e19..84ba1a259 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -51,10 +51,11 @@ yarn add vant
 ## 快速上手
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 import 'vant/lib/index.css';
 
+const app = createApp();
 Vue.use(Button);
 ```
 
diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index f86b090df..c7ca764cf 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -82,11 +82,12 @@ import 'vant/lib/button/style';
 ### 3. Import all components
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import Vant from 'vant';
 import 'vant/lib/index.css';
 
-Vue.use(Vant);
+const app = createApp();
+app.use(Vant);
 ```
 
 > If you configured babel-plugin-import, you won't be allowed to import all components.
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 3c30beef9..781247d23 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -99,11 +99,12 @@ import 'vant/lib/button/style';
 Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import Vant from 'vant';
 import 'vant/lib/index.css';
 
-Vue.use(Vant);
+const app = createApp();
+app.use(Vant);
 ```
 
 > 配置按需引入后，将不允许直接导入所有组件

From 569c6daeb00215a9b171afc7e1a8bfa79f375f22 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:43:21 +0800
Subject: [PATCH 180/626] docs: shoud install vant@next

---
 README.md                         | 4 ++--
 README.zh-CN.md                   | 4 ++--
 docs/markdown/quickstart.en-US.md | 4 ++--
 docs/markdown/quickstart.zh-CN.md | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index b2b2b0b40..01b775fb9 100644
--- a/README.md
+++ b/README.md
@@ -45,10 +45,10 @@
 
 ```bash
 # Using npm
-npm i vant -S
+npm i vant@next -S
 
 # Using yarn
-yarn add vant
+yarn add vant@next
 ```
 
 ## Quickstart
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 84ba1a259..4da5c59d7 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -42,10 +42,10 @@
 
 ```bash
 # 通过 npm 安装
-npm i vant -S
+npm i vant@next -S
 
 # 通过 yarn 安装
-yarn add vant
+yarn add vant@next
 ```
 
 ## 快速上手
diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index c7ca764cf..92c6e1a3b 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -23,10 +23,10 @@ In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to
 
 ```bash
 # Using npm
-npm i vant -S
+npm i vant@next -S
 
 # Using yarn
-yarn add vant
+yarn add vant@next
 ```
 
 ## Usage
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 781247d23..98ea45d18 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -25,10 +25,10 @@ vue ui
 
 ```bash
 # 通过 npm 安装
-npm i vant -S
+npm i vant@next -S
 
 # 通过 yarn 安装
-yarn add vant
+yarn add vant@next
 ```
 
 ### 示例工程

From 7413c93c7de045633d07d297b6e814f2c237267b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:46:32 +0800
Subject: [PATCH 181/626] chore(eslint-config): bump
 eslint-plugin-vue@7.0.0-beta.2

---
 packages/vant-eslint-config/package.json | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/vant-eslint-config/package.json b/packages/vant-eslint-config/package.json
index 9ddb46287..c6c0f3e3c 100644
--- a/packages/vant-eslint-config/package.json
+++ b/packages/vant-eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/eslint-config",
-  "version": "2.2.3",
+  "version": "3.0.0-alpha.0",
   "description": "eslint config of vant",
   "main": "index.js",
   "publishConfig": {
@@ -9,17 +9,17 @@
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-eslint-config",
   "peerDependencies": {
-    "eslint": "^6.0.0"
+    "eslint": "^7.7.0"
   },
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^2.28.0",
-    "@typescript-eslint/parser": "^2.28.0",
-    "eslint-config-airbnb-base": "^14.1.0",
-    "eslint-config-prettier": "^6.10.1",
-    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-vue": "^6.2.2"
+    "@typescript-eslint/eslint-plugin": "^3.9.1",
+    "@typescript-eslint/parser": "^3.9.1",
+    "eslint-config-airbnb-base": "^14.2.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-vue": "7.0.0-beta.2"
   },
   "devDependencies": {
-    "eslint": "^6.8.0"
+    "eslint": "^7.7.0"
   }
 }

From 1fb5ce7a340afe524aee69564541b8fa13d6cbe0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:48:58 +0800
Subject: [PATCH 182/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |   8 +-
 packages/vant-cli/yarn.lock    | 512 ++++++++++++++++++++-------------
 2 files changed, 324 insertions(+), 196 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 851617fe4..980b5e1c1 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -50,7 +50,7 @@
     "@types/jest": "^25.2.3",
     "@types/webpack": "^4.41.13",
     "@types/webpack-dev-server": "^3.11.0",
-    "@vant/eslint-config": "^2.2.2",
+    "@vant/eslint-config": "^3.0.0-alpha.0",
     "@vant/markdown-loader": "^3.0.0-alpha.0",
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
@@ -71,7 +71,7 @@
     "conventional-changelog": "^3.1.21",
     "cross-env": "^7.0.2",
     "css-loader": "^3.5.3",
-    "eslint": "^6.8.0",
+    "eslint": "^7.0.0",
     "fast-glob": "^3.2.2",
     "fork-ts-checker-webpack-plugin": "^4.1.6",
     "gh-pages": "^2.2.0",
@@ -96,9 +96,9 @@
     "style-loader": "^1.2.1",
     "stylelint": "^13.5.0",
     "typescript": "^3.9.3",
-    "vue-jest": "4.0.0-beta.2",
+    "vue-jest": "^5.0.0-alpha.2",
     "vue-loader": "^16.0.0-beta.5",
-    "vue-router": "^4.0.0-beta.6",
+    "vue-router": "^4.0.0-beta.7",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index fd66f8dd5..1dbab4085 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1839,6 +1839,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
   integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
 
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
 "@types/keyv@*":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.1.tgz#e45a45324fca9dab716ab1230ee249c9fb52cfa7"
@@ -2027,60 +2032,77 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^2.28.0":
-  version "2.30.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-2.30.0.tgz?cache=0&sync_timestamp=1588353161195&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Feslint-plugin%2Fdownload%2F%40typescript-eslint%2Feslint-plugin-2.30.0.tgz#312a37e80542a764d96e8ad88a105316cdcd7b05"
-  integrity sha1-MSo36AVCp2TZborYihBTFs3NewU=
+"@typescript-eslint/eslint-plugin@^3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.9.1.tgz#8cf27b6227d12d66dd8dc1f1a4b04d1daad51c2e"
+  integrity sha512-XIr+Mfv7i4paEdBf0JFdIl9/tVxyj+rlilWIfZ97Be0lZ7hPvUbS5iHt9Glc8kRI53dsr0PcAEudbf8rO2wGgg==
   dependencies:
-    "@typescript-eslint/experimental-utils" "2.30.0"
+    "@typescript-eslint/experimental-utils" "3.9.1"
+    debug "^4.1.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.0.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/experimental-utils@2.30.0":
-  version "2.30.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-2.30.0.tgz#9845e868c01f3aed66472c561d4b6bac44809dd0"
-  integrity sha1-mEXoaMAfOu1mRyxWHUtrrESAndA=
+"@typescript-eslint/experimental-utils@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.9.1.tgz#b140b2dc7a7554a44f8a86fb6fe7cbfe57ca059e"
+  integrity sha512-lkiZ8iBBaYoyEKhCkkw4SAeatXyBq9Ece5bZXdLe1LWBUwTszGbmbiqmQbwWA8cSYDnjWXp9eDbXpf9Sn0hLAg==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.30.0"
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/typescript-estree" "3.9.1"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
-"@typescript-eslint/parser@^2.28.0":
-  version "2.30.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-2.30.0.tgz?cache=0&sync_timestamp=1588353159713&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fparser%2Fdownload%2F%40typescript-eslint%2Fparser-2.30.0.tgz#7681c305a6f4341ae2579f5e3a75846c29eee9ce"
-  integrity sha1-doHDBab0NBriV59eOnWEbCnu6c4=
+"@typescript-eslint/parser@^3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.9.1.tgz#ab7983abaea0ae138ff5671c7c7739d8a191b181"
+  integrity sha512-y5QvPFUn4Vl4qM40lI+pNWhTcOWtpZAJ8pOEQ21fTTW4xTJkRplMjMRje7LYTXqVKKX9GJhcyweMz2+W1J5bMg==
   dependencies:
     "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "2.30.0"
-    "@typescript-eslint/typescript-estree" "2.30.0"
+    "@typescript-eslint/experimental-utils" "3.9.1"
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/typescript-estree" "3.9.1"
     eslint-visitor-keys "^1.1.0"
 
-"@typescript-eslint/typescript-estree@2.30.0":
-  version "2.30.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-2.30.0.tgz?cache=0&sync_timestamp=1588353163031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-2.30.0.tgz#1b8e848b55144270255ffbfe4c63291f8f766615"
-  integrity sha1-G46Ei1UUQnAlX/v+TGMpH492ZhU=
+"@typescript-eslint/types@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.9.1.tgz#b2a6eaac843cf2f2777b3f2464fb1fbce5111416"
+  integrity sha512-15JcTlNQE1BsYy5NBhctnEhEoctjXOjOK+Q+rk8ugC+WXU9rAcS2BYhoh6X4rOaXJEpIYDl+p7ix+A5U0BqPTw==
+
+"@typescript-eslint/typescript-estree@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.9.1.tgz#fd81cada74bc8a7f3a2345b00897acb087935779"
+  integrity sha512-IqM0gfGxOmIKPhiHW/iyAEXwSVqMmR2wJ9uXHNdFpqVvPaQ3dWg302vW127sBpAiqM9SfHhyS40NKLsoMpN2KA==
   dependencies:
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/visitor-keys" "3.9.1"
     debug "^4.1.1"
-    eslint-visitor-keys "^1.1.0"
     glob "^7.1.6"
     is-glob "^4.0.1"
     lodash "^4.17.15"
-    semver "^6.3.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@vant/eslint-config@^2.2.2":
-  version "2.2.2"
-  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-2.2.2.tgz#bd3bfb03da9806f0bf63d69e4f566577e8525b7e"
-  integrity sha1-vTv7A9qYBvC/Y9aeT1Zld+hSW34=
+"@typescript-eslint/visitor-keys@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.9.1.tgz#92af3747cdb71509199a8f7a4f00b41d636551d1"
+  integrity sha512-zxdtUjeoSh+prCpogswMwVUJfEFmCOjdzK9rpNjNBfm6EyPt99x3RrJoBOGZO23FCt0WPKUCOL5mb/9D5LjdwQ==
   dependencies:
-    "@typescript-eslint/eslint-plugin" "^2.28.0"
-    "@typescript-eslint/parser" "^2.28.0"
-    eslint-config-airbnb-base "^14.1.0"
-    eslint-config-prettier "^6.10.1"
-    eslint-plugin-import "^2.20.2"
-    eslint-plugin-vue "^6.2.2"
+    eslint-visitor-keys "^1.1.0"
+
+"@vant/eslint-config@^3.0.0-alpha.0":
+  version "3.0.0-alpha.0"
+  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.0.tgz#e831eb528da0c2682e2cc42bb5f9eeff3cd9e1bb"
+  integrity sha512-DUfm3ZQ+0N/fIk1AgMUrXyC7ITvwCGvFKWbrOr3/uXAE6l9adCFFWIeCNFAu+mvT87JjGmOKDCaY/MhbWgKRGg==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "^3.9.1"
+    "@typescript-eslint/parser" "^3.9.1"
+    eslint-config-airbnb-base "^14.2.0"
+    eslint-config-prettier "^6.11.0"
+    eslint-plugin-import "^2.22.0"
+    eslint-plugin-vue "7.0.0-beta.2"
 
 "@vant/markdown-loader@^3.0.0-alpha.0":
   version "3.0.0-alpha.0"
@@ -2117,21 +2139,6 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/component-compiler-utils@^2.4.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
-  integrity sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==
-  dependencies:
-    consolidate "^0.15.1"
-    hash-sum "^1.0.2"
-    lru-cache "^4.1.2"
-    merge-source-map "^1.1.0"
-    postcss "^7.0.14"
-    postcss-selector-parser "^5.0.0"
-    prettier "1.16.3"
-    source-map "~0.6.1"
-    vue-template-es2015-compiler "^1.9.0"
-
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.npm.taobao.org/@vue/component-compiler-utils/download/@vue/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
@@ -2148,10 +2155,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@2.0.0-alpha.8":
-  version "2.0.0-alpha.8"
-  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-alpha.8.tgz#4e75f407585d6cf77bd39842365c560eb7108560"
-  integrity sha1-TnX0B1hdbPd705hCNlxWDrcQhWA=
+"@vue/test-utils@2.0.0-beta.2":
+  version "2.0.0-beta.2"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.2.tgz#1b57245c0dab325cc1d9133d74738f063a24589c"
+  integrity sha512-RgbV/79clAYtRqmHHz3aISpveiUz2RwZJHWzo972AEYO336SrPqp0u4VeTHNl8yc+wn5GwSGoEusjf9d4jjLDw==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -2362,6 +2369,11 @@ acorn@^7.1.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
   integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
 
+acorn@^7.1.1, acorn@^7.3.1:
+  version "7.4.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
+  integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2549,9 +2561,9 @@ array-ify@^1.0.0:
   resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
   integrity sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=
 
-array-includes@^3.0.3:
+array-includes@^3.1.1:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
+  resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
   integrity sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ==
   dependencies:
     define-properties "^1.1.3"
@@ -2580,9 +2592,9 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
-array.prototype.flat@^1.2.1:
+array.prototype.flat@^1.2.3:
   version "1.2.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
+  resolved "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
   integrity sha512-gBlRZV0VSmfPIeWfuuy56XZMvbVfbEUnOXUvt3F/eUUUSyzlgLxhEX4YAEpxNAogRGehPSnfXyPtYyKAhkzQhQ==
   dependencies:
     define-properties "^1.1.3"
@@ -4044,7 +4056,7 @@ cross-env@^7.0.2:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+cross-spawn@^6.0.0:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
   integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
@@ -4064,6 +4076,15 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 crypto-browserify@^3.11.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
@@ -4130,11 +4151,6 @@ css@^2.1.0:
     source-map-resolve "^0.5.2"
     urix "^0.1.0"
 
-cssesc@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703"
-  integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -4277,9 +4293,9 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@~0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.3"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
 deepmerge@^4.2.2:
@@ -4717,6 +4733,23 @@ es-abstract@^1.17.0, es-abstract@^1.17.0-next.1:
     string.prototype.trimleft "^2.1.1"
     string.prototype.trimright "^2.1.1"
 
+es-abstract@^1.17.5:
+  version "1.17.6"
+  resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a"
+  integrity sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==
+  dependencies:
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.0"
+    is-regex "^1.1.0"
+    object-inspect "^1.7.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.0"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
+
 es-to-primitive@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
@@ -4753,64 +4786,66 @@ escodegen@^1.11.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-airbnb-base@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.npm.taobao.org/eslint-config-airbnb-base/download/eslint-config-airbnb-base-14.1.0.tgz#2ba4592dd6843258221d9bff2b6831bd77c874e4"
-  integrity sha1-K6RZLdaEMlgiHZv/K2gxvXfIdOQ=
+eslint-config-airbnb-base@^14.2.0:
+  version "14.2.0"
+  resolved "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.0.tgz#fe89c24b3f9dc8008c9c0d0d88c28f95ed65e9c4"
+  integrity sha512-Snswd5oC6nJaevs3nZoLSTvGJBvzTfnBqOIArkf3cbyTyq9UD79wOk8s+RiL6bhca0p/eRO6veczhf6A/7Jy8Q==
   dependencies:
     confusing-browser-globals "^1.0.9"
     object.assign "^4.1.0"
-    object.entries "^1.1.1"
+    object.entries "^1.1.2"
 
-eslint-config-prettier@^6.10.1:
+eslint-config-prettier@^6.11.0:
   version "6.11.0"
-  resolved "https://registry.npm.taobao.org/eslint-config-prettier/download/eslint-config-prettier-6.11.0.tgz?cache=0&sync_timestamp=1587497107068&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-prettier%2Fdownload%2Feslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
-  integrity sha1-9tIjjBKQ0ByFmotcH301KgsNqLE=
+  resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
+  integrity sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==
   dependencies:
     get-stdin "^6.0.0"
 
-eslint-import-resolver-node@^0.3.2:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.3.tgz#dbaa52b6b2816b50bc6711af75422de808e98404"
-  integrity sha512-b8crLDo0M5RSe5YG8Pu2DYBj71tSB6OvXkfzwbJU2w7y8P4/yo0MyF8jU26IEuEuHF2K5/gcAJE3LhQGqBBbVg==
+eslint-import-resolver-node@^0.3.3:
+  version "0.3.4"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
+  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
   dependencies:
     debug "^2.6.9"
     resolve "^1.13.1"
 
-eslint-module-utils@^2.4.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.5.2.tgz#7878f7504824e1b857dd2505b59a8e5eda26a708"
-  integrity sha512-LGScZ/JSlqGKiT8OC+cYRxseMjyqt6QO54nl281CK93unD89ijSeRV6An8Ci/2nvWVKe8K/Tqdm75RQoIOCr+Q==
+eslint-module-utils@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
+  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
   dependencies:
     debug "^2.6.9"
     pkg-dir "^2.0.0"
 
-eslint-plugin-import@^2.20.2:
-  version "2.20.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-import/download/eslint-plugin-import-2.20.2.tgz#91fc3807ce08be4837141272c8b99073906e588d"
-  integrity sha1-kfw4B84Ivkg3FBJyyLmQc5BuWI0=
+eslint-plugin-import@^2.22.0:
+  version "2.22.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.22.0.tgz#92f7736fe1fde3e2de77623c838dd992ff5ffb7e"
+  integrity sha512-66Fpf1Ln6aIS5Gr/55ts19eUuoDhAbZgnr6UxK5hbDx6l/QgQgx61AePq+BV4PP2uXQFClgMVzep5zZ94qqsxg==
   dependencies:
-    array-includes "^3.0.3"
-    array.prototype.flat "^1.2.1"
+    array-includes "^3.1.1"
+    array.prototype.flat "^1.2.3"
     contains-path "^0.1.0"
     debug "^2.6.9"
     doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.2"
-    eslint-module-utils "^2.4.1"
+    eslint-import-resolver-node "^0.3.3"
+    eslint-module-utils "^2.6.0"
     has "^1.0.3"
     minimatch "^3.0.4"
-    object.values "^1.1.0"
+    object.values "^1.1.1"
     read-pkg-up "^2.0.0"
-    resolve "^1.12.0"
+    resolve "^1.17.0"
+    tsconfig-paths "^3.9.0"
 
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha1-J/7NmjokeJsPER7N1UCp5WGY4P4=
+eslint-plugin-vue@7.0.0-beta.2:
+  version "7.0.0-beta.2"
+  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0-beta.2.tgz#4828923ec24193060f80567bf8c15b18e13968b3"
+  integrity sha512-EpAVWT62JTM7Yo6IUJIaIvNMSuayDaMVMXv1SC96d1/7nyx18U0FrLRKpN2GdTY8Efi4UepgR75XW7ucSRiI7A==
   dependencies:
+    eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.0"
 
 eslint-scope@^4.0.3:
   version "4.0.3"
@@ -4828,12 +4863,13 @@ eslint-scope@^5.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
+eslint-scope@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
+  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
   dependencies:
-    eslint-visitor-keys "^1.1.0"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
 
 eslint-utils@^2.0.0:
   version "2.0.0"
@@ -4842,27 +4878,40 @@ eslint-utils@^2.0.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
   integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
 
-eslint@^6.8.0:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
+eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint@^7.0.0:
+  version "7.7.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-7.7.0.tgz#18beba51411927c4b64da0a8ceadefe4030d6073"
+  integrity sha512-1KUxLzos0ZVsyL81PnRN335nDtQ8/vZUD6uMtWbF+5zDtjKcsklIi78XoE0MVL93QvWTu+E5y44VyyCsOMBrIg==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
     debug "^4.0.1"
     doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
+    enquirer "^2.3.5"
+    eslint-scope "^5.1.0"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^7.2.0"
+    esquery "^1.2.0"
     esutils "^2.0.2"
     file-entry-cache "^5.0.1"
     functional-red-black-tree "^1.0.1"
@@ -4871,34 +4920,41 @@ eslint@^6.8.0:
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
     is-glob "^4.0.0"
     js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
+    levn "^0.4.1"
+    lodash "^4.17.19"
     minimatch "^3.0.4"
-    mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    optionator "^0.8.3"
+    optionator "^0.9.1"
     progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
     table "^5.2.3"
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^6.1.2:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.0.tgz#349fef01a202bbab047748300deb37fa44da79d7"
-  integrity sha512-Xs8airJ7RQolnDIbLtRutmfvSsAe0xqMMAantCN/GMoqf81TFbeI1T7Jpd56qYu1uuh32dOG5W/X9uO+ghPXzA==
+espree@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
   dependencies:
-    acorn "^7.1.0"
+    acorn "^7.1.1"
     acorn-jsx "^5.2.0"
     eslint-visitor-keys "^1.1.0"
 
+espree@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
+  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
+  dependencies:
+    acorn "^7.3.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -4911,6 +4967,13 @@ esquery@^1.0.1:
   dependencies:
     estraverse "^4.0.0"
 
+esquery@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
+  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.1.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
@@ -4923,6 +4986,11 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estraverse@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
+  integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -5196,9 +5264,9 @@ fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
 fastq@^1.6.0:
@@ -6357,7 +6425,7 @@ ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@7.1.0, inquirer@^7.0.0:
+inquirer@7.1.0:
   version "7.1.0"
   resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.1.0.tgz?cache=0&sync_timestamp=1583819732252&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.1.0.tgz#1298a01859883e17c7264b82870ae1034f92dd29"
   integrity sha1-EpigGFmIPhfHJkuChwrhA0+S3Sk=
@@ -6487,6 +6555,11 @@ is-callable@^1.1.4, is-callable@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
   integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
 
+is-callable@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz#83336560b54a38e35e3a2df7afd0454d691468bb"
+  integrity sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==
+
 is-ci@2.0.0, is-ci@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -6697,6 +6770,13 @@ is-regex@^1.0.4, is-regex@^1.0.5:
   dependencies:
     has "^1.0.3"
 
+is-regex@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
+  integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
+  dependencies:
+    has-symbols "^1.0.1"
+
 is-regexp@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
@@ -7569,7 +7649,15 @@ levenary@^1.1.1:
   dependencies:
     leven "^3.1.0"
 
-levn@^0.3.0, levn@~0.3.0:
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
   integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
@@ -7721,6 +7809,11 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
+lodash.memoize@4.x:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -8548,14 +8641,13 @@ object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
-object.entries@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npm.taobao.org/object.entries/download/object.entries-1.1.1.tgz#ee1cf04153de02bb093fec33683900f57ce5399b"
-  integrity sha1-7hzwQVPeArsJP+wzaDkA9XzlOZs=
+object.entries@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
+  integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==
   dependencies:
     define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
+    es-abstract "^1.17.5"
     has "^1.0.3"
 
 object.getownpropertydescriptors@^2.0.3:
@@ -8573,9 +8665,9 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0:
+object.values@^1.1.1:
   version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  resolved "https://registry.npmjs.org/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
   integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
   dependencies:
     define-properties "^1.1.3"
@@ -8626,7 +8718,7 @@ opn@^5.5.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optionator@^0.8.1, optionator@^0.8.3:
+optionator@^0.8.1:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
   integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
@@ -8638,6 +8730,18 @@ optionator@^0.8.1, optionator@^0.8.3:
     type-check "~0.3.2"
     word-wrap "~1.2.3"
 
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
 ora@4.0.4, ora@^4.0.4:
   version "4.0.4"
   resolved "https://registry.npm.taobao.org/ora/download/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
@@ -9272,15 +9376,6 @@ postcss-selector-parser@^3.1.0:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
-postcss-selector-parser@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz#249044356697b33b64f1a8f7c80922dddee7195c"
-  integrity sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==
-  dependencies:
-    cssesc "^2.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
 postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
@@ -9344,6 +9439,11 @@ postcss@^7.0.30, postcss@^7.0.31:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -9359,11 +9459,6 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
-prettier@1.16.3:
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
-  integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
-
 prettier@^1.18.2:
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
@@ -9821,16 +9916,16 @@ regexp.prototype.flags@^1.2.0:
     define-properties "^1.1.3"
     es-abstract "^1.17.0-next.1"
 
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
 regexpp@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
   integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
 
+regexpp@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+
 regexpu-core@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
@@ -10151,7 +10246,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
+resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha1-sllBtUloIxzC0bt2p5y38sC/hEQ=
@@ -10380,12 +10475,12 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.2:
+semver@7.3.2, semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
-  resolved "https://registry.npm.taobao.org/semver/download/semver-7.3.2.tgz?cache=0&sync_timestamp=1587903571112&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-  integrity sha1-YElisFK4HtB4aq6EOJ/7pw/9OTg=
+  resolved "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
 
-semver@^6.0.0, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
+semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
@@ -10899,6 +10994,14 @@ string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.0"
 
+string.prototype.trimend@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
+  integrity sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
 string.prototype.trimleft@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
@@ -10915,6 +11018,14 @@ string.prototype.trimright@^2.1.1:
     define-properties "^1.1.3"
     function-bind "^1.1.1"
 
+string.prototype.trimstart@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
+  integrity sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -11033,10 +11144,10 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
-  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
+strip-json-comments@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
 strip-json-comments@~2.0.1:
   version "2.0.1"
@@ -11525,21 +11636,32 @@ trough@^1.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
   integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
 
-ts-jest@^23.10.5:
-  version "23.10.5"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-23.10.5.tgz#cdb550df4466a30489bf70ba867615799f388dd5"
-  integrity sha512-MRCs9qnGoyKgFc8adDEntAOP64fWK1vZKnOYU1o2HxaqjdJvGqmkLCPCnVq1/If4zkUmEjKPnCiUisTrlX2p2A==
+ts-jest@^24.0.0:
+  version "24.3.0"
+  resolved "https://registry.npmjs.org/ts-jest/-/ts-jest-24.3.0.tgz#b97814e3eab359ea840a1ac112deae68aa440869"
+  integrity sha512-Hb94C/+QRIgjVZlJyiWwouYUF+siNJHJHknyspaOcZ+OQAIdFG/UrdQVXw/0B8Z3No34xkUXZJpOTy9alOWdVQ==
   dependencies:
     bs-logger "0.x"
     buffer-from "1.x"
     fast-json-stable-stringify "2.x"
     json5 "2.x"
+    lodash.memoize "4.x"
     make-error "1.x"
     mkdirp "0.x"
     resolve "1.x"
     semver "^5.5"
     yargs-parser "10.x"
 
+tsconfig-paths@^3.9.0:
+  version "3.9.0"
+  resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
+  integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
+
 tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.11.1.tgz#eb15d128827fbee2841549e171f45ed338ac7e35"
@@ -11569,6 +11691,13 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
@@ -12063,34 +12192,33 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
-vue-eslint-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
-  integrity sha512-yR0dLxsTT7JfD2YQo9BhnQ6bUTLsZouuzt9SKRP7XNaZJV459gvlsJo4vT2nhZ/2dH9j3c53bIx9dnqU2prM9g==
+vue-eslint-parser@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
+  integrity sha512-Kr21uPfthDc63nDl27AGQEhtt9VrZ9nkYk/NTftJ2ws9XiJwzJJCnCr3AITQ2jpRMA0XPGDECxYH8E027qMK9Q==
   dependencies:
     debug "^4.1.1"
     eslint-scope "^5.0.0"
     eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
+    espree "^6.2.1"
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@4.0.0-beta.2:
-  version "4.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-4.0.0-beta.2.tgz#f2120ea9d24224aad3a100c2010b0760d47ee6fe"
-  integrity sha512-SywBIciuIfqsCb8Eb9UQ02s06+NV8Ry8KnbyhAfnvnyFFulIuh7ujtga9eJYq720nCS4Hz4TpVtS4pD1ZbUILQ==
+vue-jest@^5.0.0-alpha.2:
+  version "5.0.0-alpha.3"
+  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
+  integrity sha512-PiuFiFoskML67v1+mUNhooSq8T6gC0cvsA4OhpN841yX3+M377m0eKaa7Awk8mrGP1vDM+id9NU6NbHYxYI9BA==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
-    "@vue/component-compiler-utils" "^2.4.0"
     chalk "^2.1.0"
+    convert-source-map "^1.6.0"
     extract-from-css "^0.4.4"
-    source-map "^0.5.6"
-    ts-jest "^23.10.5"
+    ts-jest "^24.0.0"
 
-vue-loader@^16.0.0-beta.4:
-  version "16.0.0-beta.4"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.4.tgz#1d9d7894f430992096727c4414bcf3b1ae8c1be9"
-  integrity sha512-uh/+SIwoN+hny0+GqxdkTuEmt1NV4wb8etF5cKkB1YVMv29ck0byrmkt8IIYadQ3r/fiYsr2brGJqP+hytQwuw==
+vue-loader@^16.0.0-beta.5:
+  version "16.0.0-beta.5"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz#04edc889492b03a445e7ac66e9226a70175ca8a0"
+  integrity sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"
@@ -12099,10 +12227,10 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.3:
-  version "4.0.0-beta.3"
-  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.3.tgz?cache=0&sync_timestamp=1595343990231&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.3.tgz#e46f45807023a4b8ce73a143a216b4c9ea3eb243"
-  integrity sha1-5G9FgHAjpLjOc6FDoha0yeo+skM=
+vue-router@^4.0.0-beta.7:
+  version "4.0.0-beta.7"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.7.tgz#afd8469c8f2aa86a2c785c08dfb954223f86581f"
+  integrity sha512-98CSf1ssIu0cZgdoBTqGWn9e17pueKOy4fzVyFyUhuJkjEwWNOsMMfKru6e0GTwZEtYOd6vhizvh7mkFGvdjVg==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12364,9 +12492,9 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-word-wrap@~1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
 wordwrap@^1.0.0:

From fbea243111b8fa22fb0240c33f7ddbdb3303bbfc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 11:50:10 +0800
Subject: [PATCH 183/626] chore: release @vant/cli@3.0.0-alpha.5

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 980b5e1c1..bb6735164 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.5",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 9754a80597ac2e43f1c264feb3ca5e77480e9190 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 14:16:18 +0800
Subject: [PATCH 184/626] fix(eslint-config): update extends rule

---
 packages/vant-eslint-config/index.js     | 4 ++--
 packages/vant-eslint-config/package.json | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vant-eslint-config/index.js b/packages/vant-eslint-config/index.js
index f93f76530..7aae183f4 100644
--- a/packages/vant-eslint-config/index.js
+++ b/packages/vant-eslint-config/index.js
@@ -1,9 +1,8 @@
 module.exports = {
   extends: [
     'airbnb-base',
-    'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:vue/recommended',
+    'plugin:vue/vue3-recommended',
     'prettier',
     'prettier/vue',
   ],
@@ -64,5 +63,6 @@ module.exports = {
     '@typescript-eslint/no-empty-function': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off',
     '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
   },
 };
diff --git a/packages/vant-eslint-config/package.json b/packages/vant-eslint-config/package.json
index c6c0f3e3c..b4a2081ba 100644
--- a/packages/vant-eslint-config/package.json
+++ b/packages/vant-eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/eslint-config",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "eslint config of vant",
   "main": "index.js",
   "publishConfig": {

From 58650aeb9bbccd9789f27cb776de11ab581033f9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 17:45:51 +0800
Subject: [PATCH 185/626] chore: fix lint issues

---
 package.json              |   2 +-
 src/locale/index.ts       |   9 +-
 src/mixins/bind-event.ts  |   2 +-
 src/picker/demo/index.vue |  10 +-
 src/tabs/utils.ts         |   2 +-
 src/utils/deep-assign.ts  |   2 +-
 src/utils/deep-clone.ts   |   2 +-
 src/utils/index.ts        |   3 +-
 yarn.lock                 | 561 ++++++++++++++++++++++----------------
 9 files changed, 345 insertions(+), 248 deletions(-)

diff --git a/package.json b/package.json
index 0b6c08a5b..3e953767a 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.4",
+    "@vant/cli": "^3.0.0-alpha.5",
     "@vue/compiler-sfc": "^3.0.0-rc.5",
     "prettier": "^2.0.4",
     "vue": "^3.0.0-rc.5"
diff --git a/src/locale/index.ts b/src/locale/index.ts
index fa9391281..0b2fb4e83 100644
--- a/src/locale/index.ts
+++ b/src/locale/index.ts
@@ -2,7 +2,8 @@ import { ref } from 'vue';
 import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 
-type Messages = Record<string, Record<string, any>>;
+type Message = Record<string, any>;
+type Messages = Record<string, Message>;
 
 const lang = ref('zh-CN');
 const messages = ref<Messages>({
@@ -10,16 +11,16 @@ const messages = ref<Messages>({
 });
 
 export default {
-  messages() {
+  messages(): Message {
     return messages.value[lang.value];
   },
 
-  use(newLang: string, newMessages?: object) {
+  use(newLang: string, newMessages?: Message) {
     lang.value = newLang;
     this.add({ [newLang]: newMessages });
   },
 
-  add(newMessages = {}) {
+  add(newMessages: Message = {}) {
     deepAssign(messages.value, newMessages);
   },
 };
diff --git a/src/mixins/bind-event.ts b/src/mixins/bind-event.ts
index fae5de458..d727ac160 100644
--- a/src/mixins/bind-event.ts
+++ b/src/mixins/bind-event.ts
@@ -7,7 +7,7 @@ type BindEventMixinThis = {
   binded: boolean;
 };
 
-type BindEventHandler = (bind: Function, isBind: boolean) => void;
+type BindEventHandler = (bind: typeof on | typeof off, isBind: boolean) => void;
 
 export function BindEventMixin(handler: BindEventHandler) {
   function bind(this: BindEventMixinThis) {
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 484c3fa75..270b1a10a 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -27,17 +27,11 @@
     </demo-block>
 
     <demo-block card v-if="!isWeapp" :title="t('cascade')">
-      <van-picker
-        :title="t('title')"
-        :columns="t('cascadeColumns')"
-      />
+      <van-picker :title="t('title')" :columns="t('cascadeColumns')" />
     </demo-block>
 
     <demo-block card :title="t('disableOption')">
-      <van-picker
-        :title="t('title')"
-        :columns="t('disabledColumns')"
-      />
+      <van-picker :title="t('title')" :columns="t('disabledColumns')" />
     </demo-block>
 
     <demo-block card :title="t('setColumnValues')">
diff --git a/src/tabs/utils.ts b/src/tabs/utils.ts
index 26c8ef2d3..6cb21aa9d 100644
--- a/src/tabs/utils.ts
+++ b/src/tabs/utils.ts
@@ -29,7 +29,7 @@ export function scrollTopTo(
   scroller: HTMLElement,
   to: number,
   duration: number,
-  callback: Function
+  callback: () => void
 ) {
   let current = getScrollTop(scroller);
 
diff --git a/src/utils/deep-assign.ts b/src/utils/deep-assign.ts
index 4c5b7b877..d55f403cb 100644
--- a/src/utils/deep-assign.ts
+++ b/src/utils/deep-assign.ts
@@ -14,7 +14,7 @@ function assignKey(to: ObjectIndex, from: ObjectIndex, key: string) {
   if (!hasOwnProperty.call(to, key) || !isObject(val)) {
     to[key] = val;
   } else {
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    // eslint-disable-next-line no-use-before-define
     to[key] = deepAssign(Object(to[key]), from[key]);
   }
 }
diff --git a/src/utils/deep-clone.ts b/src/utils/deep-clone.ts
index 254b8e6b1..0ab7a7c29 100644
--- a/src/utils/deep-clone.ts
+++ b/src/utils/deep-clone.ts
@@ -1,6 +1,6 @@
 import { deepAssign } from './deep-assign';
 
-export function deepClone(obj: object): object {
+export function deepClone(obj: Record<string, any>): Record<string, any> {
   if (Array.isArray(obj)) {
     return obj.map((item) => deepClone(item));
   }
diff --git a/src/utils/index.ts b/src/utils/index.ts
index c88a00c4a..cac1c5ce2 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -4,12 +4,13 @@ export { createNamespace } from './create';
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}
 
-export const inBrowser = typeof window !== 'undefined'
+export const inBrowser = typeof window !== 'undefined';
 
 export function isDef(val: unknown): boolean {
   return val !== undefined && val !== null;
 }
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 export function isFunction(val: unknown): val is Function {
   return typeof val === 'function';
 }
diff --git a/yarn.lock b/yarn.lock
index d233e6a3e..5b61fed1a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,24 +2,16 @@
 # yarn lockfile v1
 
 
-"@ant-design-vue/babel-helper-vue-compatible-props@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-compatible-props/-/babel-helper-vue-compatible-props-1.0.0.tgz#1cf8a267e04e7de4bd9207eb457bb40fbe96d69a"
-  integrity sha512-BHOaxm9EJOqoBYWUMVFKwjgDkdqbGnY1KhQBJwTdrQGRDVjVXkxzyoDGJV52YAGgHQrdaSMWakwZIiTfncsNJQ==
-  dependencies:
-    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.1"
-
-"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0", "@ant-design-vue/babel-helper-vue-transform-on@^1.0.1":
+"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0":
   version "1.0.1"
   resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
   integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
 
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-beta.4":
-  version "1.0.0-beta.4"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-beta.4.tgz#38e90befb34a062a63db919ae891d2f69dd907d7"
-  integrity sha512-x0zJ0I8oy+LUMnnFQ8kByxHRH2v6kwO5xyRkwlbM/d0rGzcifmh+NgnpX35TMqi6jsjJu3He4WVsYbWVu1SWGg==
+"@ant-design-vue/babel-plugin-jsx@^1.0.0-rc.1":
+  version "1.0.0-rc.1"
+  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.1.tgz#ae56cecbda9f08691bcf92dfe98e2416e77d758b"
+  integrity sha512-x7PfAHSs5/emIuey1Df7Bh/vJU27S9KBdufzoAA7kgwTpEpY85R7CXD9gl6sJFB7aG2pZpl4Tmm+FsHlzgp7fA==
   dependencies:
-    "@ant-design-vue/babel-helper-vue-compatible-props" "^1.0.0"
     "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
@@ -1823,6 +1815,11 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
   integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
 
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
 "@types/keyv@*":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.1.tgz#e45a45324fca9dab716ab1230ee249c9fb52cfa7"
@@ -1996,55 +1993,72 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.28.0.tgz#4431bc6d3af41903e5255770703d4e55a0ccbdec"
-  integrity sha512-w0Ugcq2iatloEabQP56BRWJowliXUP5Wv6f9fKzjJmDW81hOTBxRoJ4LoEOxRpz9gcY51Libytd2ba3yLmSOfg==
+"@typescript-eslint/eslint-plugin@^3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.9.1.tgz#8cf27b6227d12d66dd8dc1f1a4b04d1daad51c2e"
+  integrity sha512-XIr+Mfv7i4paEdBf0JFdIl9/tVxyj+rlilWIfZ97Be0lZ7hPvUbS5iHt9Glc8kRI53dsr0PcAEudbf8rO2wGgg==
   dependencies:
-    "@typescript-eslint/experimental-utils" "2.28.0"
+    "@typescript-eslint/experimental-utils" "3.9.1"
+    debug "^4.1.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.0.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/experimental-utils@2.28.0":
-  version "2.28.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-2.28.0.tgz#1fd0961cd8ef6522687b4c562647da6e71f8833d"
-  integrity sha1-H9CWHNjvZSJoe0xWJkfabnH4gz0=
+"@typescript-eslint/experimental-utils@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.9.1.tgz#b140b2dc7a7554a44f8a86fb6fe7cbfe57ca059e"
+  integrity sha512-lkiZ8iBBaYoyEKhCkkw4SAeatXyBq9Ece5bZXdLe1LWBUwTszGbmbiqmQbwWA8cSYDnjWXp9eDbXpf9Sn0hLAg==
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.28.0"
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/typescript-estree" "3.9.1"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
-"@typescript-eslint/parser@^2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.28.0.tgz#bb761286efd2b0714761cab9d0ee5847cf080385"
-  integrity sha512-RqPybRDquui9d+K86lL7iPqH6Dfp9461oyqvlXMNtap+PyqYbkY5dB7LawQjDzot99fqzvS0ZLZdfe+1Bt3Jgw==
+"@typescript-eslint/parser@^3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.9.1.tgz#ab7983abaea0ae138ff5671c7c7739d8a191b181"
+  integrity sha512-y5QvPFUn4Vl4qM40lI+pNWhTcOWtpZAJ8pOEQ21fTTW4xTJkRplMjMRje7LYTXqVKKX9GJhcyweMz2+W1J5bMg==
   dependencies:
     "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "2.28.0"
-    "@typescript-eslint/typescript-estree" "2.28.0"
+    "@typescript-eslint/experimental-utils" "3.9.1"
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/typescript-estree" "3.9.1"
     eslint-visitor-keys "^1.1.0"
 
-"@typescript-eslint/typescript-estree@2.28.0":
-  version "2.28.0"
-  resolved "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-2.28.0.tgz#d34949099ff81092c36dc275b6a1ea580729ba00"
-  integrity sha1-00lJCZ/4EJLDbcJ1tqHqWAcpugA=
+"@typescript-eslint/types@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.9.1.tgz#b2a6eaac843cf2f2777b3f2464fb1fbce5111416"
+  integrity sha512-15JcTlNQE1BsYy5NBhctnEhEoctjXOjOK+Q+rk8ugC+WXU9rAcS2BYhoh6X4rOaXJEpIYDl+p7ix+A5U0BqPTw==
+
+"@typescript-eslint/typescript-estree@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.9.1.tgz#fd81cada74bc8a7f3a2345b00897acb087935779"
+  integrity sha512-IqM0gfGxOmIKPhiHW/iyAEXwSVqMmR2wJ9uXHNdFpqVvPaQ3dWg302vW127sBpAiqM9SfHhyS40NKLsoMpN2KA==
   dependencies:
+    "@typescript-eslint/types" "3.9.1"
+    "@typescript-eslint/visitor-keys" "3.9.1"
     debug "^4.1.1"
-    eslint-visitor-keys "^1.1.0"
     glob "^7.1.6"
     is-glob "^4.0.1"
     lodash "^4.17.15"
-    semver "^6.3.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@vant/cli@^3.0.0-alpha.4":
-  version "3.0.0-alpha.4"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.4.tgz#7f7fe1ea63ed1c509b7d5fa265dd9247d800368c"
-  integrity sha512-sgQGNQzfGuhLS5KMab8A5F+ZmaJ3oXMYtHipGl4d4o8E2WpHQhk726aFvuLQit04X5u3DbEBVxLemOT54MwaeQ==
+"@typescript-eslint/visitor-keys@3.9.1":
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.9.1.tgz#92af3747cdb71509199a8f7a4f00b41d636551d1"
+  integrity sha512-zxdtUjeoSh+prCpogswMwVUJfEFmCOjdzK9rpNjNBfm6EyPt99x3RrJoBOGZO23FCt0WPKUCOL5mb/9D5LjdwQ==
   dependencies:
-    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-beta.4"
+    eslint-visitor-keys "^1.1.0"
+
+"@vant/cli@^3.0.0-alpha.5":
+  version "3.0.0-alpha.5"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.5.tgz#7da42baec9721e901c5e0a7ade6fb6c10ca15af4"
+  integrity sha512-M2TRbORy4ee80jZ36zAQpeD662/OxmSb69PYNqcou55th+dvnfUqumOLWwnWOovKB792o056DdFplDsFNNStYg==
+  dependencies:
+    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-rc.1"
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2055,13 +2069,13 @@
     "@types/jest" "^25.2.3"
     "@types/webpack" "^4.41.13"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vant/eslint-config" "^2.2.2"
+    "@vant/eslint-config" "^3.0.0-alpha.0"
     "@vant/markdown-loader" "^3.0.0-alpha.0"
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "2.0.0-alpha.8"
+    "@vue/test-utils" "2.0.0-beta.2"
     address "^1.1.2"
     autoprefixer "^9.8.0"
     babel-jest "^26.0.1"
@@ -2076,7 +2090,7 @@
     conventional-changelog "^3.1.21"
     cross-env "^7.0.2"
     css-loader "^3.5.3"
-    eslint "^6.8.0"
+    eslint "^7.0.0"
     fast-glob "^3.2.2"
     fork-ts-checker-webpack-plugin "^4.1.6"
     gh-pages "^2.2.0"
@@ -2101,25 +2115,25 @@
     style-loader "^1.2.1"
     stylelint "^13.5.0"
     typescript "^3.9.3"
-    vue-jest "4.0.0-beta.2"
-    vue-loader "^16.0.0-beta.4"
-    vue-router "^4.0.0-beta.3"
+    vue-jest "^5.0.0-alpha.2"
+    vue-loader "^16.0.0-beta.5"
+    vue-router "^4.0.0-beta.7"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
     webpackbar "^4.0.0"
 
-"@vant/eslint-config@^2.2.2":
-  version "2.2.3"
-  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-2.2.3.tgz#e4e4fae51ff1eba3f06108b9f0625d8d7bc668df"
-  integrity sha512-63E1ooZ4z6W4C4/sbNlnQHaLpYSNYzahfVCvZYITP2Dzm119dUkMmk9+JEtqGOfyFx/Qoc5LBmmonbuwoBit2w==
+"@vant/eslint-config@^3.0.0-alpha.0":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.1.tgz#4fd59e5a214bc1cb0dbff7053116bc97d572d8da"
+  integrity sha512-1K0fxrFrqxyFBzMiflU9YUpccJywwbt1Mz5RRrTG5Pq4vPJrvIIjP9+J7YpKqPJKyq6pewKFDnol9/VylkmvJQ==
   dependencies:
-    "@typescript-eslint/eslint-plugin" "^2.28.0"
-    "@typescript-eslint/parser" "^2.28.0"
-    eslint-config-airbnb-base "^14.1.0"
-    eslint-config-prettier "^6.10.1"
-    eslint-plugin-import "^2.20.2"
-    eslint-plugin-vue "^6.2.2"
+    "@typescript-eslint/eslint-plugin" "^3.9.1"
+    "@typescript-eslint/parser" "^3.9.1"
+    eslint-config-airbnb-base "^14.2.0"
+    eslint-config-prettier "^6.11.0"
+    eslint-plugin-import "^2.22.0"
+    eslint-plugin-vue "7.0.0-beta.2"
 
 "@vant/icons@1.2.5":
   version "1.2.5"
@@ -2210,21 +2224,6 @@
     "@vue/compiler-dom" "3.0.0-rc.5"
     "@vue/shared" "3.0.0-rc.5"
 
-"@vue/component-compiler-utils@^2.4.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
-  integrity sha512-IHjxt7LsOFYc0DkTncB7OXJL7UzwOLPPQCfEUNyxL2qt+tF12THV+EO33O1G2Uk4feMSWua3iD39Itszx0f0bw==
-  dependencies:
-    consolidate "^0.15.1"
-    hash-sum "^1.0.2"
-    lru-cache "^4.1.2"
-    merge-source-map "^1.1.0"
-    postcss "^7.0.14"
-    postcss-selector-parser "^5.0.0"
-    prettier "1.16.3"
-    source-map "~0.6.1"
-    vue-template-es2015-compiler "^1.9.0"
-
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"
@@ -2270,10 +2269,10 @@
   resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
   integrity sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
 
-"@vue/test-utils@2.0.0-alpha.8":
-  version "2.0.0-alpha.8"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-alpha.8.tgz#4e75f407585d6cf77bd39842365c560eb7108560"
-  integrity sha512-T2S1Op2mKdF0DmQNiGLZDZHI86Ny1hvl+ApxGUEPVydMqqz5mTFHlbW89+MsKik5cQ3ikSA1hZj0y817IqAPvw==
+"@vue/test-utils@2.0.0-beta.2":
+  version "2.0.0-beta.2"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.2.tgz#1b57245c0dab325cc1d9133d74738f063a24589c"
+  integrity sha512-RgbV/79clAYtRqmHHz3aISpveiUz2RwZJHWzo972AEYO336SrPqp0u4VeTHNl8yc+wn5GwSGoEusjf9d4jjLDw==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -2484,6 +2483,11 @@ acorn@^7.1.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
   integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
 
+acorn@^7.1.1, acorn@^7.3.1:
+  version "7.4.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
+  integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2681,9 +2685,9 @@ array-ify@^1.0.0:
   resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
   integrity sha1-nlKHYrSpBmrRY6aWKjZEGOlibs4=
 
-array-includes@^3.0.3:
+array-includes@^3.1.1:
   version "3.1.1"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
+  resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
   integrity sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ==
   dependencies:
     define-properties "^1.1.3"
@@ -2712,9 +2716,9 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
-array.prototype.flat@^1.2.1:
+array.prototype.flat@^1.2.3:
   version "1.2.3"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
+  resolved "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
   integrity sha512-gBlRZV0VSmfPIeWfuuy56XZMvbVfbEUnOXUvt3F/eUUUSyzlgLxhEX4YAEpxNAogRGehPSnfXyPtYyKAhkzQhQ==
   dependencies:
     define-properties "^1.1.3"
@@ -4190,7 +4194,7 @@ cross-env@^7.0.2:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+cross-spawn@^6.0.0:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
   integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
@@ -4210,6 +4214,15 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 crypto-browserify@^3.11.0:
   version "3.12.0"
   resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
@@ -4276,11 +4289,6 @@ css@^2.1.0:
     source-map-resolve "^0.5.2"
     urix "^0.1.0"
 
-cssesc@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703"
-  integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -4428,7 +4436,7 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@~0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
@@ -4863,6 +4871,23 @@ es-abstract@^1.17.0, es-abstract@^1.17.0-next.1:
     string.prototype.trimleft "^2.1.1"
     string.prototype.trimright "^2.1.1"
 
+es-abstract@^1.17.5:
+  version "1.17.6"
+  resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a"
+  integrity sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==
+  dependencies:
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.0"
+    is-regex "^1.1.0"
+    object-inspect "^1.7.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.0"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
+
 es-to-primitive@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
@@ -4904,64 +4929,66 @@ escodegen@^1.11.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-airbnb-base@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.npm.taobao.org/eslint-config-airbnb-base/download/eslint-config-airbnb-base-14.1.0.tgz#2ba4592dd6843258221d9bff2b6831bd77c874e4"
-  integrity sha1-K6RZLdaEMlgiHZv/K2gxvXfIdOQ=
+eslint-config-airbnb-base@^14.2.0:
+  version "14.2.0"
+  resolved "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.0.tgz#fe89c24b3f9dc8008c9c0d0d88c28f95ed65e9c4"
+  integrity sha512-Snswd5oC6nJaevs3nZoLSTvGJBvzTfnBqOIArkf3cbyTyq9UD79wOk8s+RiL6bhca0p/eRO6veczhf6A/7Jy8Q==
   dependencies:
     confusing-browser-globals "^1.0.9"
     object.assign "^4.1.0"
-    object.entries "^1.1.1"
+    object.entries "^1.1.2"
 
-eslint-config-prettier@^6.10.1:
-  version "6.10.1"
-  resolved "https://registry.npm.taobao.org/eslint-config-prettier/download/eslint-config-prettier-6.10.1.tgz?cache=0&sync_timestamp=1584871515582&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-prettier%2Fdownload%2Feslint-config-prettier-6.10.1.tgz#129ef9ec575d5ddc0e269667bf09defcd898642a"
-  integrity sha1-Ep757FddXdwOJpZnvwne/NiYZCo=
+eslint-config-prettier@^6.11.0:
+  version "6.11.0"
+  resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
+  integrity sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==
   dependencies:
     get-stdin "^6.0.0"
 
-eslint-import-resolver-node@^0.3.2:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.3.tgz#dbaa52b6b2816b50bc6711af75422de808e98404"
-  integrity sha512-b8crLDo0M5RSe5YG8Pu2DYBj71tSB6OvXkfzwbJU2w7y8P4/yo0MyF8jU26IEuEuHF2K5/gcAJE3LhQGqBBbVg==
+eslint-import-resolver-node@^0.3.3:
+  version "0.3.4"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
+  integrity sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==
   dependencies:
     debug "^2.6.9"
     resolve "^1.13.1"
 
-eslint-module-utils@^2.4.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.5.2.tgz#7878f7504824e1b857dd2505b59a8e5eda26a708"
-  integrity sha512-LGScZ/JSlqGKiT8OC+cYRxseMjyqt6QO54nl281CK93unD89ijSeRV6An8Ci/2nvWVKe8K/Tqdm75RQoIOCr+Q==
+eslint-module-utils@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
+  integrity sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==
   dependencies:
     debug "^2.6.9"
     pkg-dir "^2.0.0"
 
-eslint-plugin-import@^2.20.2:
-  version "2.20.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-import/download/eslint-plugin-import-2.20.2.tgz#91fc3807ce08be4837141272c8b99073906e588d"
-  integrity sha1-kfw4B84Ivkg3FBJyyLmQc5BuWI0=
+eslint-plugin-import@^2.22.0:
+  version "2.22.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.22.0.tgz#92f7736fe1fde3e2de77623c838dd992ff5ffb7e"
+  integrity sha512-66Fpf1Ln6aIS5Gr/55ts19eUuoDhAbZgnr6UxK5hbDx6l/QgQgx61AePq+BV4PP2uXQFClgMVzep5zZ94qqsxg==
   dependencies:
-    array-includes "^3.0.3"
-    array.prototype.flat "^1.2.1"
+    array-includes "^3.1.1"
+    array.prototype.flat "^1.2.3"
     contains-path "^0.1.0"
     debug "^2.6.9"
     doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.2"
-    eslint-module-utils "^2.4.1"
+    eslint-import-resolver-node "^0.3.3"
+    eslint-module-utils "^2.6.0"
     has "^1.0.3"
     minimatch "^3.0.4"
-    object.values "^1.1.0"
+    object.values "^1.1.1"
     read-pkg-up "^2.0.0"
-    resolve "^1.12.0"
+    resolve "^1.17.0"
+    tsconfig-paths "^3.9.0"
 
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-6.2.2.tgz?cache=0&sync_timestamp=1584178049037&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-vue%2Fdownload%2Feslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha1-J/7NmjokeJsPER7N1UCp5WGY4P4=
+eslint-plugin-vue@7.0.0-beta.2:
+  version "7.0.0-beta.2"
+  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0-beta.2.tgz#4828923ec24193060f80567bf8c15b18e13968b3"
+  integrity sha512-EpAVWT62JTM7Yo6IUJIaIvNMSuayDaMVMXv1SC96d1/7nyx18U0FrLRKpN2GdTY8Efi4UepgR75XW7ucSRiI7A==
   dependencies:
+    eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.0"
 
 eslint-scope@^4.0.3:
   version "4.0.3"
@@ -4979,12 +5006,13 @@ eslint-scope@^5.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
+eslint-scope@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
+  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
   dependencies:
-    eslint-visitor-keys "^1.1.0"
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
 
 eslint-utils@^2.0.0:
   version "2.0.0"
@@ -4993,27 +5021,40 @@ eslint-utils@^2.0.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
   integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
 
-eslint@^6.8.0:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
+eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint@^7.0.0:
+  version "7.7.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-7.7.0.tgz#18beba51411927c4b64da0a8ceadefe4030d6073"
+  integrity sha512-1KUxLzos0ZVsyL81PnRN335nDtQ8/vZUD6uMtWbF+5zDtjKcsklIi78XoE0MVL93QvWTu+E5y44VyyCsOMBrIg==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
     debug "^4.0.1"
     doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
+    enquirer "^2.3.5"
+    eslint-scope "^5.1.0"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^7.2.0"
+    esquery "^1.2.0"
     esutils "^2.0.2"
     file-entry-cache "^5.0.1"
     functional-red-black-tree "^1.0.1"
@@ -5022,34 +5063,41 @@ eslint@^6.8.0:
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
     is-glob "^4.0.0"
     js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
+    levn "^0.4.1"
+    lodash "^4.17.19"
     minimatch "^3.0.4"
-    mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    optionator "^0.8.3"
+    optionator "^0.9.1"
     progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
     table "^5.2.3"
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^6.1.2:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.0.tgz#349fef01a202bbab047748300deb37fa44da79d7"
-  integrity sha512-Xs8airJ7RQolnDIbLtRutmfvSsAe0xqMMAantCN/GMoqf81TFbeI1T7Jpd56qYu1uuh32dOG5W/X9uO+ghPXzA==
+espree@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
   dependencies:
-    acorn "^7.1.0"
+    acorn "^7.1.1"
     acorn-jsx "^5.2.0"
     eslint-visitor-keys "^1.1.0"
 
+espree@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
+  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
+  dependencies:
+    acorn "^7.3.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -5062,6 +5110,13 @@ esquery@^1.0.1:
   dependencies:
     estraverse "^4.0.0"
 
+esquery@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
+  integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.1.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
@@ -5074,6 +5129,11 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estraverse@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
+  integrity sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==
+
 estree-walker@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
@@ -5337,7 +5397,7 @@ fast-json-stable-stringify@2.x, fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
@@ -6534,25 +6594,6 @@ inquirer@7.2.0:
     strip-ansi "^6.0.0"
     through "^2.3.6"
 
-inquirer@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.1.0.tgz?cache=0&sync_timestamp=1583821033098&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.1.0.tgz#1298a01859883e17c7264b82870ae1034f92dd29"
-  integrity sha1-EpigGFmIPhfHJkuChwrhA0+S3Sk=
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
-    cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.15"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.5.3"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-
 internal-ip@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
@@ -6664,6 +6705,11 @@ is-callable@^1.1.4, is-callable@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
   integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
 
+is-callable@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz#83336560b54a38e35e3a2df7afd0454d691468bb"
+  integrity sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==
+
 is-ci@2.0.0, is-ci@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -6874,6 +6920,13 @@ is-regex@^1.0.4, is-regex@^1.0.5:
   dependencies:
     has "^1.0.3"
 
+is-regex@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
+  integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
+  dependencies:
+    has-symbols "^1.0.1"
+
 is-regexp@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
@@ -7763,7 +7816,15 @@ levenary@^1.1.1:
   dependencies:
     leven "^3.1.0"
 
-levn@^0.3.0, levn@~0.3.0:
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
   integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
@@ -7915,6 +7976,11 @@ lodash.ismatch@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
   integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
 
+lodash.memoize@4.x:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -8754,14 +8820,13 @@ object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
-object.entries@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npm.taobao.org/object.entries/download/object.entries-1.1.1.tgz#ee1cf04153de02bb093fec33683900f57ce5399b"
-  integrity sha1-7hzwQVPeArsJP+wzaDkA9XzlOZs=
+object.entries@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/object.entries/-/object.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
+  integrity sha512-BQdB9qKmb/HyNdMNWVr7O3+z5MUIx3aiegEIJqjMBbBf0YT9RRxTJSim4mzFqtyr7PDAHigq0N9dO0m0tRakQA==
   dependencies:
     define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    function-bind "^1.1.1"
+    es-abstract "^1.17.5"
     has "^1.0.3"
 
 object.getownpropertydescriptors@^2.0.3:
@@ -8779,9 +8844,9 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0:
+object.values@^1.1.1:
   version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  resolved "https://registry.npmjs.org/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
   integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
   dependencies:
     define-properties "^1.1.3"
@@ -8832,7 +8897,7 @@ opn@^5.5.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optionator@^0.8.1, optionator@^0.8.3:
+optionator@^0.8.1:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
   integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
@@ -8844,6 +8909,18 @@ optionator@^0.8.1, optionator@^0.8.3:
     type-check "~0.3.2"
     word-wrap "~1.2.3"
 
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
 ora@4.0.4, ora@^4.0.4:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/ora/-/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
@@ -9493,15 +9570,6 @@ postcss-selector-parser@^3.1.0:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
-postcss-selector-parser@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz#249044356697b33b64f1a8f7c80922dddee7195c"
-  integrity sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==
-  dependencies:
-    cssesc "^2.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
 postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
@@ -9565,6 +9633,11 @@ postcss@^7.0.31, postcss@^7.0.32:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -9580,11 +9653,6 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
-prettier@1.16.3:
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
-  integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
-
 prettier@^1.18.2:
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
@@ -10042,16 +10110,16 @@ regexp.prototype.flags@^1.2.0:
     define-properties "^1.1.3"
     es-abstract "^1.17.0-next.1"
 
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
 regexpp@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
   integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
 
+regexpp@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
+
 regexpu-core@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexpu-core%2Fdownload%2Fregexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
@@ -10372,7 +10440,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
+resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
@@ -10610,12 +10678,12 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.2:
+semver@7.3.2, semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
 
-semver@^6.0.0, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
+semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
@@ -11139,6 +11207,14 @@ string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.0"
 
+string.prototype.trimend@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
+  integrity sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
 string.prototype.trimleft@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
@@ -11155,6 +11231,14 @@ string.prototype.trimright@^2.1.1:
     define-properties "^1.1.3"
     function-bind "^1.1.1"
 
+string.prototype.trimstart@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
+  integrity sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
 string_decoder@^1.0.0, string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -11273,10 +11357,10 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
-  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
+strip-json-comments@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
 strip-json-comments@~2.0.1:
   version "2.0.1"
@@ -11765,21 +11849,32 @@ trough@^1.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
   integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
 
-ts-jest@^23.10.5:
-  version "23.10.5"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-23.10.5.tgz#cdb550df4466a30489bf70ba867615799f388dd5"
-  integrity sha512-MRCs9qnGoyKgFc8adDEntAOP64fWK1vZKnOYU1o2HxaqjdJvGqmkLCPCnVq1/If4zkUmEjKPnCiUisTrlX2p2A==
+ts-jest@^24.0.0:
+  version "24.3.0"
+  resolved "https://registry.npmjs.org/ts-jest/-/ts-jest-24.3.0.tgz#b97814e3eab359ea840a1ac112deae68aa440869"
+  integrity sha512-Hb94C/+QRIgjVZlJyiWwouYUF+siNJHJHknyspaOcZ+OQAIdFG/UrdQVXw/0B8Z3No34xkUXZJpOTy9alOWdVQ==
   dependencies:
     bs-logger "0.x"
     buffer-from "1.x"
     fast-json-stable-stringify "2.x"
     json5 "2.x"
+    lodash.memoize "4.x"
     make-error "1.x"
     mkdirp "0.x"
     resolve "1.x"
     semver "^5.5"
     yargs-parser "10.x"
 
+tsconfig-paths@^3.9.0:
+  version "3.9.0"
+  resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
+  integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
+
 tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.11.1.tgz#eb15d128827fbee2841549e171f45ed338ac7e35"
@@ -11809,6 +11904,13 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
@@ -12303,39 +12405,38 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
-vue-eslint-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
-  integrity sha512-yR0dLxsTT7JfD2YQo9BhnQ6bUTLsZouuzt9SKRP7XNaZJV459gvlsJo4vT2nhZ/2dH9j3c53bIx9dnqU2prM9g==
+vue-eslint-parser@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
+  integrity sha512-Kr21uPfthDc63nDl27AGQEhtt9VrZ9nkYk/NTftJ2ws9XiJwzJJCnCr3AITQ2jpRMA0XPGDECxYH8E027qMK9Q==
   dependencies:
     debug "^4.1.1"
     eslint-scope "^5.0.0"
     eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
+    espree "^6.2.1"
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@4.0.0-beta.2:
-  version "4.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/vue-jest/-/vue-jest-4.0.0-beta.2.tgz#f2120ea9d24224aad3a100c2010b0760d47ee6fe"
-  integrity sha512-SywBIciuIfqsCb8Eb9UQ02s06+NV8Ry8KnbyhAfnvnyFFulIuh7ujtga9eJYq720nCS4Hz4TpVtS4pD1ZbUILQ==
+vue-jest@^5.0.0-alpha.2:
+  version "5.0.0-alpha.3"
+  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
+  integrity sha512-PiuFiFoskML67v1+mUNhooSq8T6gC0cvsA4OhpN841yX3+M377m0eKaa7Awk8mrGP1vDM+id9NU6NbHYxYI9BA==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
-    "@vue/component-compiler-utils" "^2.4.0"
     chalk "^2.1.0"
+    convert-source-map "^1.6.0"
     extract-from-css "^0.4.4"
-    source-map "^0.5.6"
-    ts-jest "^23.10.5"
+    ts-jest "^24.0.0"
 
 vue-lazyload@1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
   integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==
 
-vue-loader@^16.0.0-beta.4:
-  version "16.0.0-beta.4"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.4.tgz#1d9d7894f430992096727c4414bcf3b1ae8c1be9"
-  integrity sha512-uh/+SIwoN+hny0+GqxdkTuEmt1NV4wb8etF5cKkB1YVMv29ck0byrmkt8IIYadQ3r/fiYsr2brGJqP+hytQwuw==
+vue-loader@^16.0.0-beta.5:
+  version "16.0.0-beta.5"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz#04edc889492b03a445e7ac66e9226a70175ca8a0"
+  integrity sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"
@@ -12344,10 +12445,10 @@ vue-loader@^16.0.0-beta.4:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.3:
-  version "4.0.0-beta.3"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.3.tgz#e46f45807023a4b8ce73a143a216b4c9ea3eb243"
-  integrity sha512-3/cg3n46D9MO9u2nvtGE38gMyUxg8sjt6jMeZ6zbi9sRGAL0PaDHuKS+xWlOOLit7abP5MepNlh84t41gxtP8Q==
+vue-router@^4.0.0-beta.7:
+  version "4.0.0-beta.7"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.7.tgz#afd8469c8f2aa86a2c785c08dfb954223f86581f"
+  integrity sha512-98CSf1ssIu0cZgdoBTqGWn9e17pueKOy4fzVyFyUhuJkjEwWNOsMMfKru6e0GTwZEtYOd6vhizvh7mkFGvdjVg==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12618,7 +12719,7 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-word-wrap@~1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==

From d112fc43754fb26ef04636e53e246ae0960030a2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 21 Aug 2020 17:49:51 +0800
Subject: [PATCH 186/626] chore(cli): update jest setup config

---
 packages/vant-cli/src/config/jest.setup.ts | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/vant-cli/src/config/jest.setup.ts b/packages/vant-cli/src/config/jest.setup.ts
index fe45ee917..5d72226ba 100644
--- a/packages/vant-cli/src/config/jest.setup.ts
+++ b/packages/vant-cli/src/config/jest.setup.ts
@@ -1,6 +1 @@
-// import Vue from 'vue';
 import 'jest-canvas-mock';
-// @ts-ignore
-// import Package from '../../dist/package-entry';
-
-// Vue.use(Package);

From 2de812f688489e45c57c0f313b9c06854ff88fea Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 10:53:42 +0800
Subject: [PATCH 187/626] chore: bump vue@3.0.0-rc.7

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 3e953767a..f1604f831 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.5",
-    "@vue/compiler-sfc": "^3.0.0-rc.5",
+    "@vue/compiler-sfc": "^3.0.0-rc.7",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-rc.5"
+    "vue": "^3.0.0-rc.7"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 5b61fed1a..5bba0f097 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,36 +2175,36 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
-  integrity sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
+"@vue/compiler-core@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.7.tgz#119f669ee59c96124c280a6e94187f3bad09ea8a"
+  integrity sha1-EZ9mnuWclhJMKApulBh/O60J6oo=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.7"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
-  integrity sha512-z8n+R1GhFnWuKURLYxfVSEfP7nSNM91qteobxwys55fhlZZuReouMnUwgrn+ois/IL6RdFlT9H+n4+N6yLrdJA==
+"@vue/compiler-dom@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.7.tgz#0e193767243485db314495e17d8fd56370b628e1"
+  integrity sha1-Dhk3ZyQ0hdsxRJXhfY/VY3C2KOE=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
 
-"@vue/compiler-sfc@^3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
-  integrity sha512-huoIFEfFCJxHcpoByAUQti7CIwJdHPLJXKuy2HG7J1B+IEKugtBdF50CLH35ZD8dWM0nyOMFFqTbO7i6CCjL3Q==
+"@vue/compiler-sfc@^3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.7.tgz#9fb8dd5b1715a7ffba9c82e74596655832cf2ebd"
+  integrity sha1-n7jdWxcVp/+6nILnRZZlWDLPLr0=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/compiler-ssr" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.7"
+    "@vue/compiler-dom" "3.0.0-rc.7"
+    "@vue/compiler-ssr" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2216,13 +2216,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
-  integrity sha512-OU5Vl2+bCDMImS9OeCVnl4lfxZ3/sopdwX2SrUWVKQvCxmmmlyWvoVkC6nNGCs/MrOmIMhKmL6etgzLTWyCkUg==
+"@vue/compiler-ssr@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.7.tgz#87ec38d88395dbc2a58532968607d03386778fc2"
+  integrity sha1-h+w42IOV28KlhTKWhgfQM4Z3j8I=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2240,34 +2240,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
-  integrity sha512-oe9C+1jtWUdYL/iNc0OPWbwgOk2rOW2uQ+exx3I6Jo6PKOmnAiPkMElalf9vRnO53rnUphVecMp8BlTJvcNgDw==
+"@vue/reactivity@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.7.tgz#fd5fda961c57a8065c6408170e06808a39f801a2"
+  integrity sha1-/V/alhxXqAZcZAgXDgaAijn4AaI=
   dependencies:
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.7"
 
-"@vue/runtime-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
-  integrity sha512-MRIWreFigxdRuI2moFociUL5rVBfgYPrT7rWfQ0XfOyW46b+AiuCJyZvgbsRXwkAERfW1Tb/mY5forYjX2thOg==
+"@vue/runtime-core@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.7.tgz#739f2c21dfdc509b0b05fefe2d84eafd7b990075"
+  integrity sha1-c58sId/cUJsLBf7+LYTq/XuZAHU=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/reactivity" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
 
-"@vue/runtime-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
-  integrity sha512-0jwpO3MBqMToq7qC816Z8Y6G8aN4ZKbv7MupgRaepzxhiK0sXcjLQmOATP3g/NyX52UCBJS4wAwsxidqGnAabA==
+"@vue/runtime-dom@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.7.tgz#9a89560b30a7f27422e2934281a9e5947f7938f9"
+  integrity sha1-molWCzCn8nQi4pNCganllH95OPk=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/runtime-core" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
-  integrity sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
+"@vue/shared@3.0.0-rc.7":
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.7.tgz#62054a314105019efab590f767db528c8c603954"
+  integrity sha1-YgVKMUEFAZ76tZD3Z9tSjIxgOVQ=
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12455,14 +12455,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-rc.5:
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
-  integrity sha512-8t8Y4sHMBGD5iLZ7JfBGmKBJlzesPoL+/nW9EV8s+4LwnKC4rGlRp+Lj2rcign4iQaj0GFaL7DrQ8IoOfVX6+w==
+vue@^3.0.0-rc.7:
+  version "3.0.0-rc.7"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.7.tgz?cache=0&sync_timestamp=1598033824725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.7.tgz#4b98438cc908708d87d4a0a11bd4497e5385ff66"
+  integrity sha1-S5hDjMkIcI2H1KChG9RJflOF/2Y=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/runtime-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.7"
+    "@vue/runtime-dom" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.7"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From 5f7aad02a4d3f8177a9c68735e57efe936b72a3b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 10:58:49 +0800
Subject: [PATCH 188/626] chore: commnet Lazyload

---
 src/lazyload/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lazyload/index.js b/src/lazyload/index.js
index 3ce88f05a..dff433ac3 100644
--- a/src/lazyload/index.js
+++ b/src/lazyload/index.js
@@ -1,3 +1,3 @@
-import Lazyload from 'vue-lazyload';
-
-export default Lazyload;
+// import Lazyload from 'vue-lazyload';
+// TODO
+export default {};

From f0482c7eecbbb7fd00610dd2507cd6e6223eba5b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 10:59:10 +0800
Subject: [PATCH 189/626] feat(cli): update jest setup config

---
 packages/vant-cli/src/config/jest.setup.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/vant-cli/src/config/jest.setup.ts b/packages/vant-cli/src/config/jest.setup.ts
index 5d72226ba..b3b0e5798 100644
--- a/packages/vant-cli/src/config/jest.setup.ts
+++ b/packages/vant-cli/src/config/jest.setup.ts
@@ -1 +1,12 @@
+/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
+// @ts-ignore
+import vant from '../../dist/package-entry';
 import 'jest-canvas-mock';
+
+declare global {
+  interface Window {
+    vant: any;
+  }
+}
+
+window.vant = vant;

From 6016a4acf109f0d89b88b39bceb5eb6c3edd711c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 10:59:22 +0800
Subject: [PATCH 190/626] test: fix demo snapshot

---
 docs/site/demo-locale.js | 120 +++++++++++++++++++++++++++++++++++++
 docs/site/mobile.js      | 126 ++-------------------------------------
 test/demo.ts             |  26 ++++----
 test/index.ts            |  13 +---
 4 files changed, 143 insertions(+), 142 deletions(-)
 create mode 100644 docs/site/demo-locale.js

diff --git a/docs/site/demo-locale.js b/docs/site/demo-locale.js
new file mode 100644
index 000000000..e83d8ec51
--- /dev/null
+++ b/docs/site/demo-locale.js
@@ -0,0 +1,120 @@
+import Locale from '../../src/locale';
+import enUS from '../../src/locale/lang/en-US';
+import { get } from '../../src/utils';
+import { camelize } from '../../src/utils/format/string';
+
+Locale.add({
+  'en-US': enUS,
+});
+
+let demoUid = 0;
+
+export const DemoLocaleMixin = {
+  computed: {
+    t() {
+      const { name } = this.$options;
+      const prefix = name ? camelize(name) + '.' : '';
+      const messages = Locale.messages();
+
+      return (path, ...args) => {
+        const message = get(messages, prefix + path) || get(messages, path);
+        return typeof message === 'function' ? message(...args) : message;
+      };
+    },
+
+    // flag for vant-weapp demos
+    isWeapp() {
+      return location.search.indexOf('weapp=1') !== -1;
+    },
+  },
+
+  beforeCreate() {
+    if (!this.$options.name) {
+      this.$options.name = `demo-${demoUid++}`;
+    }
+
+    const { i18n, name } = this.$options;
+
+    if (i18n && name) {
+      const locales = {};
+      const camelizedName = camelize(name);
+
+      Object.keys(i18n).forEach((key) => {
+        locales[key] = { [camelizedName]: i18n[key] };
+      });
+
+      Locale.add(locales);
+    }
+  },
+};
+
+// switch lang after routing
+if (window.vueRouter) {
+  window.vueRouter.afterEach((to) => {
+    const { lang } = to.meta || {};
+
+    if (lang) {
+      Locale.use(lang);
+    }
+  });
+}
+
+// add some basic locale messages
+Locale.add({
+  'zh-CN': {
+    add: '增加',
+    decrease: '减少',
+    red: '红色',
+    orange: '橙色',
+    yellow: '黄色',
+    purple: '紫色',
+    tab: '标签',
+    tag: '标签',
+    desc: '描述信息',
+    back: '返回',
+    title: '标题',
+    status: '状态',
+    button: '按钮',
+    option: '选项',
+    search: '搜索',
+    content: '内容',
+    custom: '自定义',
+    username: '用户名',
+    password: '密码',
+    disabled: '禁用状态',
+    uneditable: '不可编辑',
+    basicUsage: '基础用法',
+    advancedUsage: '高级用法',
+    loadingStatus: '加载状态',
+    usernamePlaceholder: '请输入用户名',
+    passwordPlaceholder: '请输入密码',
+  },
+  'en-US': {
+    add: 'Add',
+    decrease: 'Decrease',
+    red: 'Red',
+    orange: 'Orange',
+    yellow: 'Yellow',
+    purple: 'Purple',
+    tab: 'Tab',
+    tag: 'Tag',
+    desc: 'Description',
+    back: 'Back',
+    title: 'Title',
+    status: 'Status',
+    button: 'Button',
+    option: 'Option',
+    search: 'Search',
+    content: 'Content',
+    custom: 'Custom',
+    username: 'Username',
+    password: 'Password',
+    loadingStatus: 'Loading',
+    disabled: 'Disabled',
+    uneditable: 'Uneditable',
+    basicUsage: 'Basic Usage',
+    advancedUsage: 'Advanced Usage',
+    usernamePlaceholder: 'Username',
+    passwordPlaceholder: 'Password',
+  },
+});
diff --git a/docs/site/mobile.js b/docs/site/mobile.js
index fe83fab5e..880e84fc3 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,129 +1,13 @@
-import Locale from '../../src/locale';
-import enUS from '../../src/locale/lang/en-US';
-import { get } from '../../src/utils';
-import { camelize } from '../../src/utils/format/string';
+import { DemoLocaleMixin } from './demo-locale';
 // import Lazyload from '../../src/lazyload';
 
-const { app } = window;
-
 // TODO
 // Vue.use(Lazyload, {
 //   lazyComponent: true,
 // });
 
-Locale.add({
-  'en-US': enUS,
-});
-
-let demoUid = 0;
-
-// helper for demo locales
-app.mixin({
-  computed: {
-    t() {
-      const { name } = this.$options;
-      const prefix = name ? camelize(name) + '.' : '';
-      const messages = Locale.messages();
-
-      return (path, ...args) => {
-        const message = get(messages, prefix + path) || get(messages, path);
-        return typeof message === 'function' ? message(...args) : message;
-      };
-    },
-
-    // flag for vant-weapp demos
-    isWeapp() {
-      return location.search.indexOf('weapp=1') !== -1;
-    },
-  },
-
-  beforeCreate() {
-    if (!this.$options.name) {
-      this.$options.name = `demo-${demoUid++}`;
-    }
-
-    const { i18n, name } = this.$options;
-
-    if (i18n && name) {
-      const locales = {};
-      const camelizedName = camelize(name);
-
-      Object.keys(i18n).forEach((key) => {
-        locales[key] = { [camelizedName]: i18n[key] };
-      });
-
-      Locale.add(locales);
-    }
-  },
-});
-
-// switch lang after routing
-if (window.vueRouter) {
-  window.vueRouter.afterEach((to) => {
-    const { lang } = to.meta || {};
-
-    if (lang) {
-      Locale.use(lang);
-    }
-  });
+const { app } = window;
+if (app) {
+  // helper for demo locales
+  app.mixin(DemoLocaleMixin);
 }
-
-// add some basic locale messages
-Locale.add({
-  'zh-CN': {
-    add: '增加',
-    decrease: '减少',
-    red: '红色',
-    orange: '橙色',
-    yellow: '黄色',
-    purple: '紫色',
-    tab: '标签',
-    tag: '标签',
-    desc: '描述信息',
-    back: '返回',
-    title: '标题',
-    status: '状态',
-    button: '按钮',
-    option: '选项',
-    search: '搜索',
-    content: '内容',
-    custom: '自定义',
-    username: '用户名',
-    password: '密码',
-    disabled: '禁用状态',
-    uneditable: '不可编辑',
-    basicUsage: '基础用法',
-    advancedUsage: '高级用法',
-    loadingStatus: '加载状态',
-    usernamePlaceholder: '请输入用户名',
-    passwordPlaceholder: '请输入密码',
-  },
-  'en-US': {
-    add: 'Add',
-    decrease: 'Decrease',
-    red: 'Red',
-    orange: 'Orange',
-    yellow: 'Yellow',
-    purple: 'Purple',
-    tab: 'Tab',
-    tag: 'Tag',
-    desc: 'Description',
-    back: 'Back',
-    title: 'Title',
-    status: 'Status',
-    button: 'Button',
-    option: 'Option',
-    search: 'Search',
-    content: 'Content',
-    custom: 'Custom',
-    username: 'Username',
-    password: 'Password',
-    loadingStatus: 'Loading',
-    disabled: 'Disabled',
-    uneditable: 'Uneditable',
-    basicUsage: 'Basic Usage',
-    advancedUsage: 'Advanced Usage',
-    usernamePlaceholder: 'Username',
-    passwordPlaceholder: 'Password',
-  },
-});
diff --git a/test/demo.ts b/test/demo.ts
index d231c6a7b..d60c1687a 100644
--- a/test/demo.ts
+++ b/test/demo.ts
@@ -1,18 +1,15 @@
-import Vue, { CreateElement } from 'vue';
-import '../docs/site/mobile';
+import { h } from 'Vue';
 import Locale from '../src/locale';
 import { mount, later } from '.';
+import { DemoLocaleMixin } from '../docs/site/demo-locale';
 
-const Empty = {
-  render(h: CreateElement): ReturnType<CreateElement> {
-    return h('div', [(this as any).$slots.default]);
+const EmptyComponent = {
+  render() {
+    return h('div', [(this as any).$slots.default()]);
   },
   inheritAttrs: false,
 };
 
-Vue.component('demo-block', Empty);
-Vue.component('demo-section', Empty);
-
 export function snapshotDemo(Demo: any, option: any = {}) {
   test('renders demo correctly', async () => {
     if (option.beforeTest) {
@@ -23,11 +20,20 @@ export function snapshotDemo(Demo: any, option: any = {}) {
       Locale.add(Demo.i18n);
     }
 
-    const wrapper = mount(Demo);
+    const wrapper = mount(Demo, {
+      global: {
+        mixins: [DemoLocaleMixin],
+        components: {
+          'demo-block': EmptyComponent,
+          'demo-section': EmptyComponent,
+        },
+        plugins: [(window as any).vant],
+      },
+    });
 
     await later();
 
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.html()).toMatchSnapshot();
 
     if (option.afterTest) {
       option.afterTest();
diff --git a/test/index.ts b/test/index.ts
index fc3f459ab..3db455b45 100644
--- a/test/index.ts
+++ b/test/index.ts
@@ -1,14 +1,5 @@
-import Vue from 'vue';
-import { mount, TransitionStub } from '@vue/test-utils';
-
-// prevent vue warning log
-Vue.config.silent = true;
-
-// stub transition
-Vue.component('transition', TransitionStub as any);
-
 // promisify setTimeout
-export function later(delay: number = 0): Promise<void> {
+export function later(delay = 0): Promise<void> {
   return new Promise((resolve) => {
     setTimeout(resolve, delay);
   });
@@ -16,4 +7,4 @@ export function later(delay: number = 0): Promise<void> {
 
 export * from './dom';
 export * from './event';
-export { mount };
+export { mount } from '@vue/test-utils';

From ae24b9a4484fff5d0c23c7a2e0dcfe908ccbfafe Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 11:11:31 +0800
Subject: [PATCH 191/626] chore(cli): remove line break

---
 packages/vant-cli/src/commands/build.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/src/commands/build.ts b/packages/vant-cli/src/commands/build.ts
index 4c554bb6d..57ce191d0 100644
--- a/packages/vant-cli/src/commands/build.ts
+++ b/packages/vant-cli/src/commands/build.ts
@@ -46,7 +46,7 @@ async function compileDir(dir: string) {
   const files = readdirSync(dir);
 
   await Promise.all(
-    files.map(filename => {
+    files.map((filename) => {
       const filePath = join(dir, filename);
 
       if (isDemoDir(filePath) || isTestDir(filePath)) {
@@ -153,9 +153,9 @@ async function runBuildTasks() {
 }
 
 function watchFileChange() {
-  consola.info('\nWatching file changes...');
+  consola.info('Watching file changes...');
 
-  chokidar.watch(SRC_DIR).on('change', async path => {
+  chokidar.watch(SRC_DIR).on('change', async (path) => {
     if (isDemoDir(path) || isTestDir(path)) {
       return;
     }

From 0db9030f11b53f2922fc974d7b36b007cb546ec3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 11:18:56 +0800
Subject: [PATCH 192/626] fix(cli): template v-for warning

---
 packages/vant-cli/site/mobile/components/DemoHome.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/vant-cli/site/mobile/components/DemoHome.vue b/packages/vant-cli/site/mobile/components/DemoHome.vue
index fbe9c5e52..fea60e281 100644
--- a/packages/vant-cli/site/mobile/components/DemoHome.vue
+++ b/packages/vant-cli/site/mobile/components/DemoHome.vue
@@ -10,9 +10,12 @@
     <h2 v-if="config.description" class="demo-home__desc">
       {{ config.description }}
     </h2>
-    <template v-for="(group, index) in config.nav">
-      <demo-home-nav :group="group" :lang="lang" :key="index" />
-    </template>
+    <demo-home-nav
+      v-for="(group, index) in config.nav"
+      :key="index"
+      :lang="lang"
+      :group="group"
+    />
   </div>
 </template>
 

From a28dec42c9fc78288137e69768a1b2aac2c360e1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 11:38:49 +0800
Subject: [PATCH 193/626] chore: release 3.0.0-alpha.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f1604f831..4e40437b7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "2.10.2",
+  "version": "3.0.0-alpha.0",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From e6bb9b9023089bfd675955ddd5d62c5a521e30fb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 11:40:41 +0800
Subject: [PATCH 194/626] build: adjust site dest dir

---
 docs/site/release.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/site/release.sh b/docs/site/release.sh
index 072acb9d0..932b80d2c 100644
--- a/docs/site/release.sh
+++ b/docs/site/release.sh
@@ -5,4 +5,4 @@ superman-cdn /vant ./site/*.js
 
 rm -rf site/*.js
 
-gh-pages -d site --add
+gh-pages -d site --add --dest next

From c7d324cb7fa2d37503228684cba90aa62d64fa44 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:26:29 +0800
Subject: [PATCH 195/626] docs: update migrate guide

---
 docs/markdown/migrate-from-v2.zh-CN.md | 65 +++++++++++++++++++++-----
 vant.config.js                         |  2 +-
 2 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 4c2b1fa21..0194738a6 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -1,4 +1,18 @@
-# 从 2.x 版本迁移
+# 从 v2 升级
+
+### 介绍
+
+本文档提供了从 Vant 2 到 Vant 3 的升级指南。
+
+### 升级步骤
+
+#### 1. 升级 Vue 3
+
+Vant 3 是基于 Vue 3 开发的，在使用 Vant 3 前，请将项目中的 Vue 升级到 3.0 以上版本。
+
+#### 2. 处理不兼容更新
+
+Vant 2 到 Vant 3 存在一些不兼容更新，请仔细阅读下方的不兼容更新内容，并依次处理。
 
 ## 不兼容更新
 
@@ -51,6 +65,7 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 ```html
 <!-- Vant 2 -->
 <van-popup v-model="show" />
+
 <!-- Vant 3 -->
 <van-popup v-model:show="show" />
 ```
@@ -75,6 +90,7 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 ```html
 <!-- Vant 2 -->
 <van-field :value="value" @input="onInput" />
+
 <!-- Vant 3 -->
 <van-field :model-value="value" @update:model-value="onInput" />
 ```
@@ -102,6 +118,14 @@ GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
 
 同时内部使用的 Info 组件也会重命名为 Badge。
 
+```html
+<!-- Vant 2 -->
+<van-icon info="5" />
+
+<!-- Vant 3 -->
+<van-icon badge="5" />
+```
+
 ### 重命名 get-container 属性
 
 Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位置的能力，Vant 2.x 也通过 `get-container` 属性提供了类似的能力。为了与官方的 API 保持一致，Vant 中的 `get-container` 属性将重命名为 `teleport`。
@@ -138,17 +162,34 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 ### API 调整
 
-- Area: 移除 change 事件的第一个参数（picker 实例）
-- Button: 蓝色按钮对应的类型由 `info` 调整为 `primary`
-- Button: 绿色按钮对应的类型由 `primary` 调整为 `success`
-- Picker: 移除 change 事件的第一个参数（picker 实例）
-- Picker: 默认开启 show-toolbar 属性
-- Picker: 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
-- SwipeCell: `open` 事件的 `detail` 参数重命名为 `name`
-- SwipeCell: `on-close` 属性重命名为 `before-close`，并调整参数结构
-- Toast: `mask` 属性重命名为 `overlay`
-- TreeSelect: `navclick` 事件重命名为 `click-nav`
-- TreeSelect: `itemclick` 事件重命名为 `click-item`
+#### Area
+
+- 移除 change 事件的第一个参数（picker 实例）
+
+#### Button
+
+- 蓝色按钮对应的类型由 `info` 调整为 `primary`
+- 绿色按钮对应的类型由 `primary` 调整为 `success`
+
+#### Picker
+
+- 移除 change 事件的第一个参数（picker 实例）
+- 默认开启 show-toolbar 属性
+- 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
+
+#### SwipeCell
+
+- `open` 事件的 `detail` 参数重命名为 `name`
+- `on-close` 属性重命名为 `before-close`，并调整参数结构
+
+#### Toast
+
+- `mask` 属性重命名为 `overlay`
+
+#### TreeSelect
+
+- `navclick` 事件重命名为 `click-nav`
+- `itemclick` 事件重命名为 `click-item`
 
 ### 注册全局方法
 
diff --git a/vant.config.js b/vant.config.js
index 9710bdba0..ab4cdd03e 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -55,7 +55,7 @@ module.exports = {
               },
               {
                 path: 'migrate-from-v2',
-                title: '从 2.x 版本迁移',
+                title: '从 v2 升级',
               },
               {
                 path: 'theme',

From 6c8e1cc17f0778ca7da70b186028aff2acacaad7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:38:44 +0800
Subject: [PATCH 196/626] docs(changelog): 3.0.0-alpha.0

---
 docs/markdown/changelog-v3.zh-CN.md | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index fd67f5cad..6f9351cfe 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -16,4 +16,18 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 ### v3.0.0-alpha.0
 
-`TODO`
+`2020-08-22`
+
+**主要改动**
+
+- 完成 Vue 3 适配
+- 调整 v-model 和 prop.sync API 以适配 v-model 语法变更
+- 废弃个别组件和属性
+- 调整部分组件的 prop 和 event 用法
+- 重命名所有组件的 info 和 get-container 属性
+
+**已知问题**
+
+- Lazyload、Panel 和 Sku 组件暂未完成 Vue 3 适配
+
+> 详见 [从 v2 升级](https://youzan.github.io/vant/next/#/zh-CN/migrate-from-v2)。

From 68b570c3361b4502362fa0b2a62b1cb45df718a4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:44:48 +0800
Subject: [PATCH 197/626] docs(cli): adjust changelog style

---
 docs/markdown/changelog-v3.zh-CN.md                   | 10 ++++++----
 packages/vant-cli/site/desktop/components/Content.vue |  3 ++-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 6f9351cfe..48e5550a5 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -21,13 +21,15 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 **主要改动**
 
 - 完成 Vue 3 适配
-- 调整 v-model 和 prop.sync API 以适配 v-model 语法变更
-- 废弃个别组件和属性
+- 调整部分组件的 v-model 和 prop.sync 用法，以适配 v-model 语法变更
 - 调整部分组件的 prop 和 event 用法
-- 重命名所有组件的 info 和 get-container 属性
+- 重命名所有组件的 info 属性为 badge
+- 重命名所有组件的 get-container 属性为 teleport
+- 废弃 SwitchCell 组件
+- 废弃个别 API
 
 **已知问题**
 
 - Lazyload、Panel 和 Sku 组件暂未完成 Vue 3 适配
 
-> 详见 [从 v2 升级](https://youzan.github.io/vant/next/#/zh-CN/migrate-from-v2)。
+> 详细改动请参考 [从 v2 升级](https://youzan.github.io/vant/next/#/zh-CN/migrate-from-v2)。
diff --git a/packages/vant-cli/site/desktop/components/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue
index bc5248400..4b8ef484f 100644
--- a/packages/vant-cli/site/desktop/components/Content.vue
+++ b/packages/vant-cli/site/desktop/components/Content.vue
@@ -223,7 +223,8 @@ export default {
     border-radius: @van-doc-border-radius;
   }
 
-  &--changelog {
+  &--changelog,
+  &--changelog-v3 {
     strong {
       display: block;
       margin: 24px 0 12px;

From fc19aaccf2841719407bb70ca91edf46b981086f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:46:58 +0800
Subject: [PATCH 198/626] chore(cli): adjust peer deps

---
 packages/vant-cli/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index bb6735164..7877500c8 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -29,8 +29,8 @@
   "author": "chenjiahan",
   "license": "MIT",
   "peerDependencies": {
-    "@vue/compiler-sfc": "3.x",
-    "vue": "3.x"
+    "@vue/compiler-sfc": "3.0.0-0",
+    "vue": "3.0.0-0"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.1",

From 6ac1bcfbfede534bbf908551b96c355d600b222a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:47:55 +0800
Subject: [PATCH 199/626] chore: release @vant/cli@3.0.0-alpha.6

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 7877500c8..ccf1ef3c4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.6",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 19b531b9eeb016c76a69dd76cd76375e1d2d780e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 14:51:38 +0800
Subject: [PATCH 200/626] chore: bump @vant/cli@3.0.0-alpha.6

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4e40437b7..026fbf315 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.5",
+    "@vant/cli": "^3.0.0-alpha.6",
     "@vue/compiler-sfc": "^3.0.0-rc.7",
     "prettier": "^2.0.4",
     "vue": "^3.0.0-rc.7"
diff --git a/yarn.lock b/yarn.lock
index 5bba0f097..dc8971e51 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2053,10 +2053,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.5":
-  version "3.0.0-alpha.5"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.5.tgz#7da42baec9721e901c5e0a7ade6fb6c10ca15af4"
-  integrity sha512-M2TRbORy4ee80jZ36zAQpeD662/OxmSb69PYNqcou55th+dvnfUqumOLWwnWOovKB792o056DdFplDsFNNStYg==
+"@vant/cli@^3.0.0-alpha.6":
+  version "3.0.0-alpha.6"
+  resolved "https://registry.npm.taobao.org/@vant/cli/download/@vant/cli-3.0.0-alpha.6.tgz?cache=0&sync_timestamp=1598078940987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fcli%2Fdownload%2F%40vant%2Fcli-3.0.0-alpha.6.tgz#117c36b40879be7b8e96a4d86ec2c4368313c8a8"
+  integrity sha1-EXw2tAh5vnuOlqTYbsLENoMTyKg=
   dependencies:
     "@ant-design-vue/babel-plugin-jsx" "^1.0.0-rc.1"
     "@babel/core" "^7.10.1"

From 0761e368136a257282ab71b7112b6e9936e2629e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 17:07:38 +0800
Subject: [PATCH 201/626] fix(cli): failed to watch route change

---
 packages/vant-cli/package.json                      | 2 +-
 packages/vant-cli/site/desktop/components/index.vue | 3 +--
 packages/vant-cli/yarn.lock                         | 8 ++++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index ccf1ef3c4..769ffb8bb 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -50,7 +50,7 @@
     "@types/jest": "^25.2.3",
     "@types/webpack": "^4.41.13",
     "@types/webpack-dev-server": "^3.11.0",
-    "@vant/eslint-config": "^3.0.0-alpha.0",
+    "@vant/eslint-config": "^3.0.0-alpha.1",
     "@vant/markdown-loader": "^3.0.0-alpha.0",
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
diff --git a/packages/vant-cli/site/desktop/components/index.vue b/packages/vant-cli/site/desktop/components/index.vue
index c087db09c..79f82a076 100644
--- a/packages/vant-cli/site/desktop/components/index.vue
+++ b/packages/vant-cli/site/desktop/components/index.vue
@@ -51,8 +51,7 @@ export default {
   },
 
   watch: {
-    // eslint-disable-next-line object-shorthand
-    '$route.path'() {
+    $route() {
       this.setNav();
     },
   },
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 1dbab4085..e246e74cd 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2092,10 +2092,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/eslint-config@^3.0.0-alpha.0":
-  version "3.0.0-alpha.0"
-  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.0.tgz#e831eb528da0c2682e2cc42bb5f9eeff3cd9e1bb"
-  integrity sha512-DUfm3ZQ+0N/fIk1AgMUrXyC7ITvwCGvFKWbrOr3/uXAE6l9adCFFWIeCNFAu+mvT87JjGmOKDCaY/MhbWgKRGg==
+"@vant/eslint-config@^3.0.0-alpha.1":
+  version "3.0.0-alpha.1"
+  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-alpha.1.tgz#4fd59e5a214bc1cb0dbff7053116bc97d572d8da"
+  integrity sha1-T9WeWiFLwcsNv/cFMRa8l9Vy2No=
   dependencies:
     "@typescript-eslint/eslint-plugin" "^3.9.1"
     "@typescript-eslint/parser" "^3.9.1"

From af4451908ba2d99f513296604aad65ea138c0f28 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 17:16:01 +0800
Subject: [PATCH 202/626] chore(Toast): add modify message todo

---
 src/toast/demo/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/toast/demo/index.vue b/src/toast/demo/index.vue
index e56dbe69c..4c3856d92 100644
--- a/src/toast/demo/index.vue
+++ b/src/toast/demo/index.vue
@@ -100,6 +100,7 @@ export default {
         message: this.t('text4', 3),
       });
 
+      // TODO failed to modify message
       let second = 3;
       const timer = setInterval(() => {
         second--;

From c32fba0f1e7afa657c69c233d644c1994963a638 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 22 Aug 2020 17:26:26 +0800
Subject: [PATCH 203/626] fix(Rate): emit warning

---
 src/checkbox/demo/index.vue | 1 +
 src/picker/demo/index.vue   | 2 +-
 src/rate/index.js           | 2 ++
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index 4afdc48e8..b00a0cd72 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -161,6 +161,7 @@ export default {
 
   methods: {
     toggle(index) {
+      // TODO ref in for
       this.$refs.checkboxes[index].toggle();
     },
 
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 270b1a10a..983f09015 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -157,7 +157,7 @@ export default {
   },
 
   methods: {
-    onChange1(picker, value, index) {
+    onChange1(value, index) {
       this.$toast(this.t('toastContent', value, index));
     },
 
diff --git a/src/rate/index.js b/src/rate/index.js
index 8c366f581..d191d20b0 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -58,6 +58,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'update:modelValue'],
+
   created() {
     this.itemRefs = [];
   },

From d86238f0716933f38138d67a02afae8654971b7d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 11:42:12 +0800
Subject: [PATCH 204/626] refactor(Badge): use setup

---
 src/badge/index.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/badge/index.js b/src/badge/index.js
index 35620c38d..bea6bbeaf 100644
--- a/src/badge/index.js
+++ b/src/badge/index.js
@@ -8,14 +8,14 @@ export default createComponent({
     badge: [Number, String],
   },
 
-  render() {
-    const { dot, badge } = this;
-    const showBadge = isDef(badge) && badge !== '';
+  setup(props) {
+    return () => {
+      const { dot, badge } = props;
+      const hasBadge = isDef(badge) && badge !== '';
 
-    if (!dot && !showBadge) {
-      return;
-    }
-
-    return <div class={bem({ dot })}>{dot ? '' : badge}</div>;
+      if (dot || hasBadge) {
+        return <div class={bem({ dot })}>{dot ? '' : badge}</div>;
+      }
+    };
   },
 });

From 1b96a45d0bcec2b91f1cccfbb9cfeaace18d294a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 12:07:37 +0800
Subject: [PATCH 205/626] types(Badge): improve typing

---
 src/badge/{index.js => index.tsx} | 7 ++++++-
 src/utils/create/component.ts     | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)
 rename src/badge/{index.js => index.tsx} (80%)

diff --git a/src/badge/index.js b/src/badge/index.tsx
similarity index 80%
rename from src/badge/index.js
rename to src/badge/index.tsx
index bea6bbeaf..3f428a08e 100644
--- a/src/badge/index.js
+++ b/src/badge/index.tsx
@@ -2,13 +2,18 @@ import { isDef, createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('badge');
 
+export type BadgeProps = {
+  dot?: boolean;
+  badge?: number | string;
+};
+
 export default createComponent({
   props: {
     dot: Boolean,
     badge: [Number, String],
   },
 
-  setup(props) {
+  setup(props: BadgeProps) {
     return () => {
       const { dot, badge } = props;
       const hasBadge = isDef(badge) && badge !== '';
diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index 6117f69f0..6cbbf825c 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -2,16 +2,16 @@
  * Create a basic component with common options
  */
 import { camelize } from '../format/string';
-import type { App, ComponentOptions } from 'vue';
+import { App, defineComponent, ComponentOptionsWithObjectProps } from 'vue';
 
 export function createComponent(name: string) {
-  return function (sfc: ComponentOptions) {
+  return function (sfc: ComponentOptionsWithObjectProps) {
     sfc.name = name;
     sfc.install = (app: App) => {
       app.component(name as string, sfc);
       app.component(camelize(`-${name}`), sfc);
     };
 
-    return sfc;
+    return defineComponent(sfc);
   };
 }

From 785047754b647c8e9b9524305382527994ac2134 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 13:09:52 +0800
Subject: [PATCH 206/626] refactor(Icon): use setup

---
 src/icon/index.js | 37 ++++++++++++++++++-------------------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/icon/index.js b/src/icon/index.js
index a7520a223..84b2141e0 100644
--- a/src/icon/index.js
+++ b/src/icon/index.js
@@ -24,25 +24,24 @@ export default createComponent({
     },
   },
 
-  render() {
-    const { name } = this;
-    const imageIcon = isImage(name);
+  setup(props, { slots }) {
+    return () => {
+      const { tag, dot, name, size, badge, color, classPrefix } = props;
+      const isImageIcon = isImage(name);
 
-    return (
-      <this.tag
-        class={[
-          this.classPrefix,
-          imageIcon ? '' : `${this.classPrefix}-${name}`,
-        ]}
-        style={{
-          color: this.color,
-          fontSize: addUnit(this.size),
-        }}
-      >
-        {this.$slots.default?.()}
-        {imageIcon && <img class={bem('image')} src={name} />}
-        <Badge dot={this.dot} badge={this.badge} />
-      </this.tag>
-    );
+      return (
+        <tag
+          class={[classPrefix, isImageIcon ? '' : `${classPrefix}-${name}`]}
+          style={{
+            color,
+            fontSize: addUnit(size),
+          }}
+        >
+          {slots.default?.()}
+          {isImageIcon && <img class={bem('image')} src={name} />}
+          <Badge dot={dot} badge={badge} />
+        </tag>
+      );
+    };
   },
 });

From 9644047dc7e551c98628a59218c51b3a9511d401 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 14:31:03 +0800
Subject: [PATCH 207/626] refactor(ActionBar): use setup

---
 src/action-bar-button/index.js | 66 ++++++++++++++--------------------
 src/action-bar-icon/index.js   | 46 ++++++++++++------------
 src/action-bar/index.js        |  8 ++---
 3 files changed, 54 insertions(+), 66 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 77d819131..f145032ad 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -18,47 +18,35 @@ export default createComponent({
     disabled: Boolean,
   },
 
-  emits: ['click'],
+  setup(props, { slots }) {
+    return (vm) => {
+      const { type, icon, text, color, loading, disabled } = props;
 
-  computed: {
-    isFirst() {
-      const prev = this.parent && this.parent.children[this.index - 1];
-      return !prev || prev.$options.name !== this.$options.name;
-    },
+      const { parent } = vm;
+      const { name } = vm.$options;
+      const prev = parent && parent.children[vm.index - 1];
+      const next = parent && parent.children[vm.index + 1];
+      const last = !next || name !== next.$options.name;
+      const first = !prev || name !== prev.$options.name;
 
-    isLast() {
-      const next = this.parent && this.parent.children[this.index + 1];
-      return !next || next.$options.name !== this.$options.name;
-    },
-  },
+      const onClick = () => {
+        route(vm.$router, vm);
+      };
 
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-  },
-
-  render() {
-    return (
-      <Button
-        class={bem([
-          {
-            first: this.isFirst,
-            last: this.isLast,
-          },
-          this.type,
-        ])}
-        size="large"
-        type={this.type}
-        icon={this.icon}
-        color={this.color}
-        loading={this.loading}
-        disabled={this.disabled}
-        onClick={this.onClick}
-      >
-        {this.$slots.default ? this.$slots.default() : this.text}
-      </Button>
-    );
+      return (
+        <Button
+          class={bem([type, { last, first }])}
+          size="large"
+          type={type}
+          icon={icon}
+          color={color}
+          loading={loading}
+          disabled={disabled}
+          onClick={onClick}
+        >
+          {slots.default ? slots.default() : text}
+        </Button>
+      );
+    };
   },
 });
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index c47dee5bf..170bebac0 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -19,42 +19,42 @@ export default createComponent({
     iconClass: null,
   },
 
-  emits: ['click'],
+  setup(props, { slots }) {
+    function genIcon() {
+      const { dot, badge, icon, color, iconClass } = props;
 
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-
-    genIcon() {
-      if (this.$slots.icon) {
+      if (slots.icon) {
         return (
           <div class={bem('icon')}>
-            {this.$slots.icon()}
-            <Badge dot={this.dot} badge={this.badge} />
+            {slots.icon()}
+            <Badge dot={dot} badge={badge} />
           </div>
         );
       }
 
       return (
         <Icon
-          class={[bem('icon'), this.iconClass]}
           tag="div"
-          dot={this.dot}
-          name={this.icon}
-          badge={this.badge}
-          color={this.color}
+          dot={dot}
+          name={icon}
+          badge={badge}
+          color={color}
+          class={[bem('icon'), iconClass]}
         />
       );
-    },
-  },
+    }
 
-  render() {
-    return (
-      <div role="button" tabindex="0" class={bem()} onClick={this.onClick}>
-        {this.genIcon()}
-        {this.$slots.default ? this.$slots.default() : this.text}
+    return (vm) => (
+      <div
+        role="button"
+        class={bem()}
+        tabindex="0"
+        onClick={() => {
+          route(vm.$router, vm);
+        }}
+      >
+        {genIcon()}
+        {slots.default ? slots.default() : props.text}
       </div>
     );
   },
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index 172215075..23c4843e0 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -13,10 +13,10 @@ export default createComponent({
     },
   },
 
-  render() {
-    return (
-      <div class={bem({ unfit: !this.safeAreaInsetBottom })}>
-        {this.$slots.default?.()}
+  setup(props, { slots }) {
+    return () => (
+      <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
+        {slots.default?.()}
       </div>
     );
   },

From 1f82bcf5f0a5fd1943b950b4630d41c29505f394 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 15:06:56 +0800
Subject: [PATCH 208/626] feat: add useParent/useChildren

---
 src/{hooks => api}/use-click-outside.ts |  0
 src/{hooks => api}/use-global-event.ts  |  2 +-
 src/{hooks => api}/use-lock-scroll.ts   |  0
 src/api/use-relation.ts                 | 29 +++++++++++++++++++++++++
 src/{hooks => api}/use-touch.ts         |  2 +-
 5 files changed, 31 insertions(+), 2 deletions(-)
 rename src/{hooks => api}/use-click-outside.ts (100%)
 rename src/{hooks => api}/use-global-event.ts (97%)
 rename src/{hooks => api}/use-lock-scroll.ts (100%)
 create mode 100644 src/api/use-relation.ts
 rename src/{hooks => api}/use-touch.ts (98%)

diff --git a/src/hooks/use-click-outside.ts b/src/api/use-click-outside.ts
similarity index 100%
rename from src/hooks/use-click-outside.ts
rename to src/api/use-click-outside.ts
diff --git a/src/hooks/use-global-event.ts b/src/api/use-global-event.ts
similarity index 97%
rename from src/hooks/use-global-event.ts
rename to src/api/use-global-event.ts
index 319c043bf..8dfb0fff9 100644
--- a/src/hooks/use-global-event.ts
+++ b/src/api/use-global-event.ts
@@ -5,7 +5,7 @@ import {
   onMounted,
   onActivated,
   onUnmounted,
-  onDeactivated
+  onDeactivated,
 } from 'vue';
 
 export function useGlobalEvent(
diff --git a/src/hooks/use-lock-scroll.ts b/src/api/use-lock-scroll.ts
similarity index 100%
rename from src/hooks/use-lock-scroll.ts
rename to src/api/use-lock-scroll.ts
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
new file mode 100644
index 000000000..106819b44
--- /dev/null
+++ b/src/api/use-relation.ts
@@ -0,0 +1,29 @@
+import { ref, Ref, provide, inject, computed } from 'vue';
+
+export type Parent = null | {
+  children: Ref<unknown[]>;
+};
+
+export function useParent(key: string) {
+  const children = ref<unknown>([]);
+
+  provide(key, { children });
+
+  return {
+    children,
+  };
+}
+
+export function useChildren(key: string, child: unknown) {
+  const parent = inject<Parent>(key, null);
+  const index = computed(() => parent?.children.value.indexOf(child));
+
+  if (parent) {
+    parent.children.value.push(child);
+  }
+
+  return {
+    index,
+    parent,
+  };
+}
diff --git a/src/hooks/use-touch.ts b/src/api/use-touch.ts
similarity index 98%
rename from src/hooks/use-touch.ts
rename to src/api/use-touch.ts
index 44466fe01..e79d98986 100644
--- a/src/hooks/use-touch.ts
+++ b/src/api/use-touch.ts
@@ -58,6 +58,6 @@ export function useTouch() {
     deltaY,
     offsetX,
     offsetY,
-    direction
+    direction,
   };
 }

From ff3a5d66ab1833ecbd262c39d035be8e7cba53b6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 15:11:13 +0800
Subject: [PATCH 209/626] feat(ActionBar): use relation

---
 src/action-bar-button/index.js | 37 ++++++++++++++++++++++++----------
 src/action-bar-icon/index.js   |  8 +++++---
 src/action-bar/index.js        |  8 +++++---
 src/api/use-relation.ts        |  5 +++--
 4 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index f145032ad..0c7cba926 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -1,13 +1,13 @@
+import { ref, computed } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
-import { ChildrenMixin } from '../mixins/relation';
+import { useChildren } from '../api/use-relation';
+import { ACTION_BAR_KEY } from '../action-bar';
 import Button from '../button';
 
 const [createComponent, bem] = createNamespace('action-bar-button');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanActionBar')],
-
   props: {
     ...routeProps,
     type: String,
@@ -19,23 +19,38 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const { children, index } = useChildren(ACTION_BAR_KEY, ref(true));
+
+    const isFirst = computed(() => {
+      if (children) {
+        const prev = children.value[index.value - 1];
+        return !(prev && prev.value);
+      }
+    });
+
+    const isLast = computed(() => {
+      if (children) {
+        const next = children.value[index.value + 1];
+        return !(next && next.value);
+      }
+    });
+
     return (vm) => {
       const { type, icon, text, color, loading, disabled } = props;
 
-      const { parent } = vm;
-      const { name } = vm.$options;
-      const prev = parent && parent.children[vm.index - 1];
-      const next = parent && parent.children[vm.index + 1];
-      const last = !next || name !== next.$options.name;
-      const first = !prev || name !== prev.$options.name;
-
       const onClick = () => {
         route(vm.$router, vm);
       };
 
       return (
         <Button
-          class={bem([type, { last, first }])}
+          class={bem([
+            type,
+            {
+              last: isLast.value,
+              first: isFirst.value,
+            },
+          ])}
           size="large"
           type={type}
           icon={icon}
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 170bebac0..82b7c1b8d 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,14 +1,14 @@
+import { ref } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
-import { ChildrenMixin } from '../mixins/relation';
+import { useChildren } from '../api/use-relation';
+import { ACTION_BAR_KEY } from '../action-bar';
 import Icon from '../icon';
 import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('action-bar-icon');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanActionBar')],
-
   props: {
     ...routeProps,
     dot: Boolean,
@@ -20,6 +20,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    useChildren(ACTION_BAR_KEY, ref());
+
     function genIcon() {
       const { dot, badge, icon, color, iconClass } = props;
 
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index 23c4843e0..1839dda5e 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,11 +1,11 @@
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
+import { useParent } from '../api/use-relation';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
-export default createComponent({
-  mixins: [ParentMixin('vanActionBar')],
+export const ACTION_BAR_KEY = 'vanActionBar';
 
+export default createComponent({
   props: {
     safeAreaInsetBottom: {
       type: Boolean,
@@ -14,6 +14,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    useParent(ACTION_BAR_KEY);
+
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
         {slots.default?.()}
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index 106819b44..d078d7b81 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -16,7 +16,8 @@ export function useParent(key: string) {
 
 export function useChildren(key: string, child: unknown) {
   const parent = inject<Parent>(key, null);
-  const index = computed(() => parent?.children.value.indexOf(child));
+  const children = parent?.children;
+  const index = computed(() => children?.value.indexOf(child));
 
   if (parent) {
     parent.children.value.push(child);
@@ -24,6 +25,6 @@ export function useChildren(key: string, child: unknown) {
 
   return {
     index,
-    parent,
+    children,
   };
 }

From 50fc123b3edab1573091ea65172fad315b0ea031 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 15:36:16 +0800
Subject: [PATCH 210/626] refactor: improve relation api

---
 src/action-bar-button/index.js | 14 ++++++++------
 src/action-bar-icon/index.js   |  4 ++--
 src/action-bar/index.js        |  4 ++--
 src/api/use-relation.ts        | 33 ++++++++++++++++++---------------
 4 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 0c7cba926..4699e16ef 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -1,7 +1,7 @@
 import { ref, computed } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
-import { useChildren } from '../api/use-relation';
+import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
 import Button from '../button';
 
@@ -19,18 +19,20 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const { children, index } = useChildren(ACTION_BAR_KEY, ref(true));
+    const { parent, index } = useParent(ACTION_BAR_KEY, ref(true));
 
     const isFirst = computed(() => {
-      if (children) {
-        const prev = children.value[index.value - 1];
+      if (parent) {
+        const children = parent.children.value;
+        const prev = children[index.value - 1];
         return !(prev && prev.value);
       }
     });
 
     const isLast = computed(() => {
-      if (children) {
-        const next = children.value[index.value + 1];
+      if (parent) {
+        const children = parent.children.value;
+        const next = children[index.value + 1];
         return !(next && next.value);
       }
     });
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 82b7c1b8d..009b3c325 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,7 +1,7 @@
 import { ref } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
-import { useChildren } from '../api/use-relation';
+import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
 import Icon from '../icon';
 import Badge from '../badge';
@@ -20,7 +20,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    useChildren(ACTION_BAR_KEY, ref());
+    useParent(ACTION_BAR_KEY, ref());
 
     function genIcon() {
       const { dot, badge, icon, color, iconClass } = props;
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index 1839dda5e..ee2623114 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { useParent } from '../api/use-relation';
+import { useChildren } from '../api/use-relation';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
@@ -14,7 +14,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    useParent(ACTION_BAR_KEY);
+    useChildren(ACTION_BAR_KEY);
 
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index d078d7b81..5ab204708 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,30 +1,33 @@
-import { ref, Ref, provide, inject, computed } from 'vue';
+import { ref, Ref, provide, inject, computed, onUnmounted } from 'vue';
 
 export type Parent = null | {
   children: Ref<unknown[]>;
 };
 
-export function useParent(key: string) {
+export function useChildren(key: string) {
   const children = ref<unknown>([]);
-
   provide(key, { children });
-
-  return {
-    children,
-  };
+  return children;
 }
 
-export function useChildren(key: string, child: unknown) {
+export function useParent(key: string, child: unknown) {
   const parent = inject<Parent>(key, null);
-  const children = parent?.children;
-  const index = computed(() => children?.value.indexOf(child));
 
   if (parent) {
-    parent.children.value.push(child);
+    const children = parent.children.value;
+    const index = computed(() => children.indexOf(child));
+
+    children.push(child);
+
+    onUnmounted(() => {
+      children.splice(index.value, 1);
+    });
+
+    return {
+      index,
+      parent,
+    };
   }
 
-  return {
-    index,
-    children,
-  };
+  return {};
 }

From c2513c5934ef0b586bd09f9d57fc482dd0fec73f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 15:40:34 +0800
Subject: [PATCH 211/626] types: improve use relation typing

---
 src/api/use-relation.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index 5ab204708..d7ab9a027 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,7 +1,7 @@
 import { ref, Ref, provide, inject, computed, onUnmounted } from 'vue';
 
-export type Parent = null | {
-  children: Ref<unknown[]>;
+export type Parent<T = unknown> = null | {
+  children: Ref<Ref<T>[]>;
 };
 
 export function useChildren(key: string) {
@@ -10,8 +10,8 @@ export function useChildren(key: string) {
   return children;
 }
 
-export function useParent(key: string, child: unknown) {
-  const parent = inject<Parent>(key, null);
+export function useParent<T = unknown>(key: string, child: Ref<T>) {
+  const parent = inject<Parent<T>>(key, null);
 
   if (parent) {
     const children = parent.children.value;

From ddce2afb4dabe8d9dc08d7015a19666b2c59083a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 23 Aug 2020 16:11:20 +0800
Subject: [PATCH 212/626] refactor(ActionSheet): inherit props/events

---
 src/action-sheet/index.js | 206 ++++++++++++++++----------------------
 1 file changed, 89 insertions(+), 117 deletions(-)

diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index 214971c35..dd707ad1d 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -8,6 +8,51 @@ import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('action-sheet');
 
+function Header({ title, closeIcon, onCancel }) {
+  if (title) {
+    return (
+      <div class={bem('header')}>
+        {title}
+        <Icon name={closeIcon} class={bem('close')} onClick={onCancel} />
+      </div>
+    );
+  }
+}
+
+function Option({ item }) {
+  const { name, color, subname, loading, disabled, className } = item;
+
+  const Content = loading ? (
+    <Loading class={bem('loading-icon')} />
+  ) : (
+    [
+      <span class={bem('name')}>{name}</span>,
+      subname && <div class={bem('subname')}>{subname}</div>,
+    ]
+  );
+
+  return (
+    <button
+      type="button"
+      style={{ color }}
+      class={[bem('item', { loading, disabled }), className]}
+    >
+      {Content}
+    </button>
+  );
+}
+
+function CancelText({ cancelText, onCancel }) {
+  if (cancelText) {
+    return [
+      <div class={bem('gap')} />,
+      <button type="button" class={bem('cancel')} onClick={onCancel}>
+        {cancelText}
+      </button>,
+    ];
+  }
+}
+
 export default createComponent({
   props: {
     ...popupSharedProps,
@@ -41,139 +86,66 @@ export default createComponent({
     },
   },
 
-  emits: [
-    'open',
-    'close',
-    'opened',
-    'closed',
-    'cancel',
-    'select',
-    'update:show',
-    'click-overlay',
-  ],
+  emits: ['select', 'cancel', 'update:show'],
 
   setup(props, { slots, emit }) {
+    function onUpdateShow(show) {
+      emit('update:show', show);
+    }
+
     function onCancel() {
-      emit('update:show', false);
+      onUpdateShow(false);
       emit('cancel');
     }
 
-    const createEmitter = (name) => () => emit(name);
-    const listeners = {
-      onOpen: createEmitter('open'),
-      onClose: createEmitter('close'),
-      onOpened: createEmitter('opened'),
-      onClosed: createEmitter('closed'),
-      'onClick-overlay': createEmitter('click-overlay'),
-      'onUpdate:show': (show) => {
-        emit('update:show', show);
-      },
-    };
-
     return function () {
-      const { title, cancelText } = props;
+      const {
+        title,
+        actions,
+        closeIcon,
+        cancelText,
+        description,
+        closeOnClickAction,
+        ...restProps
+      } = props;
 
-      function Header() {
-        if (title) {
-          return (
-            <div class={bem('header')}>
-              {title}
-              <Icon
-                name={props.closeIcon}
-                class={bem('close')}
-                onClick={onCancel}
-              />
-            </div>
-          );
-        }
-      }
-
-      function Content() {
-        if (slots.default) {
-          return <div class={bem('content')}>{slots.default()}</div>;
-        }
-      }
-
-      function Option(item, index) {
-        const { disabled, loading, callback } = item;
-
-        function onClickOption(event) {
-          event.stopPropagation();
-
-          if (disabled || loading) {
-            return;
-          }
-
-          if (callback) {
-            callback(item);
-          }
-
-          emit('select', item, index);
-
-          if (props.closeOnClickAction) {
-            emit('update:show', false);
-          }
-        }
-
-        function OptionContent() {
-          if (loading) {
-            return <Loading class={bem('loading-icon')} />;
-          }
-
-          return [
-            <span class={bem('name')}>{item.name}</span>,
-            item.subname && <div class={bem('subname')}>{item.subname}</div>,
-          ];
-        }
-
-        return (
-          <button
-            type="button"
-            class={[bem('item', { disabled, loading }), item.className]}
-            style={{ color: item.color }}
-            onClick={onClickOption}
-          >
-            {OptionContent()}
-          </button>
-        );
-      }
-
-      function CancelText() {
-        if (cancelText) {
-          return [
-            <div class={bem('gap')} />,
-            <button type="button" class={bem('cancel')} onClick={onCancel}>
-              {cancelText}
-            </button>,
-          ];
-        }
-      }
-
-      const Description = props.description && (
-        <div class={bem('description')}>{props.description}</div>
+      const Content = slots.default && (
+        <div class={bem('content')}>{slots.default()}</div>
       );
 
+      const Description = description && (
+        <div class={bem('description')}>{description}</div>
+      );
+
+      const Options =
+        actions &&
+        actions.map((item, index) => (
+          <Option
+            item={item}
+            onClick={() => {
+              emit('select', item, index);
+
+              if (closeOnClickAction) {
+                emit('update:show', false);
+              }
+            }}
+          />
+        ));
+
       return (
         <Popup
           class={bem()}
           position="bottom"
-          show={props.show}
-          round={props.round}
-          overlay={props.overlay}
-          duration={props.duration}
-          lazyRender={props.lazyRender}
-          lockScroll={props.lockScroll}
-          teleport={props.teleport}
-          closeOnPopstate={props.closeOnPopstate}
-          closeOnClickOverlay={props.closeOnClickOverlay}
-          safeAreaInsetBottom={props.safeAreaInsetBottom}
-          {...listeners}
+          {...{
+            ...restProps,
+            'onUpdate:show': onUpdateShow,
+          }}
         >
-          {Header()}
+          <Header title={title} closeIcon={closeIcon} onCancel={onCancel} />
           {Description}
-          {props.actions && props.actions.map(Option)}
-          {Content()}
-          {CancelText()}
+          {Options}
+          {Content}
+          <CancelText cancelText={cancelText} onCancel={onCancel} />
         </Popup>
       );
     };

From 28f2fe340c2622735fb9fca7193235b52aa69231 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 10:19:43 +0800
Subject: [PATCH 213/626] chore: add pick utils

---
 src/utils/index.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/utils/index.ts b/src/utils/index.ts
index cac1c5ce2..03976bbd3 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -33,3 +33,10 @@ export function get(object: any, path: string): any {
 
   return result;
 }
+
+export function pick(obj: Record<string, any>, keys: string[]) {
+  return keys.reduce((ret, key) => {
+    ret[key] = obj[key];
+    return ret;
+  }, {} as Record<string, any>);
+}

From 00395f014615a1ef8acf9b4568fa4547915fcb11 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 10:27:55 +0800
Subject: [PATCH 214/626] chore: adjust popupSharedProps

---
 src/action-bar-icon/index.js |  6 +++---
 src/notify/Notify.js         |  6 ++----
 src/popup/index.js           | 33 ++++++++++++++++-----------------
 src/share-sheet/index.js     | 10 ----------
 4 files changed, 21 insertions(+), 34 deletions(-)

diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 009b3c325..39a0ad1ce 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -22,7 +22,7 @@ export default createComponent({
   setup(props, { slots }) {
     useParent(ACTION_BAR_KEY, ref());
 
-    function genIcon() {
+    const renderIcon = () => {
       const { dot, badge, icon, color, iconClass } = props;
 
       if (slots.icon) {
@@ -44,7 +44,7 @@ export default createComponent({
           class={[bem('icon'), iconClass]}
         />
       );
-    }
+    };
 
     return (vm) => (
       <div
@@ -55,7 +55,7 @@ export default createComponent({
           route(vm.$router, vm);
         }}
       >
-        {genIcon()}
+        {renderIcon()}
         {slots.default ? slots.default() : props.text}
       </div>
     );
diff --git a/src/notify/Notify.js b/src/notify/Notify.js
index 01d3dc32a..977b7fee2 100644
--- a/src/notify/Notify.js
+++ b/src/notify/Notify.js
@@ -8,8 +8,6 @@ export default createComponent({
     ...popupSharedProps,
     color: String,
     message: [Number, String],
-    duration: [Number, String],
-    teleport: [String, Object],
     className: null,
     background: String,
     type: {
@@ -28,12 +26,12 @@ export default createComponent({
       return (
         <Popup
           show={props.show}
+          class={[bem([props.type]), props.className]}
           style={style}
-          position="top"
           overlay={false}
+          position="top"
           duration={0.2}
           lockScroll={false}
-          class={[bem([props.type]), props.className]}
         >
           {slots.default?.() || props.message}
         </Popup>
diff --git a/src/popup/index.js b/src/popup/index.js
index cf2dfa00d..c93d7fb3c 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -26,18 +26,21 @@ const context = {
 export const popupSharedProps = {
   // whether to show popup
   show: Boolean,
-  // whether to show overlay
-  overlay: Boolean,
+  // z-index
+  zIndex: [Number, String],
+  // transition duration
+  duration: [Number, String],
+  // teleport
+  teleport: [String, Object],
   // overlay custom style
   overlayStyle: Object,
   // overlay custom class name
   overlayClass: String,
-  // teleport
-  teleport: [String, Object],
-  // whether to close popup when click overlay
-  closeOnClickOverlay: Boolean,
-  // z-index
-  zIndex: [Number, String],
+  // whether to show overlay
+  overlay: {
+    type: Boolean,
+    default: true,
+  },
   // prevent body scroll
   lockScroll: {
     type: Boolean,
@@ -48,6 +51,11 @@ export const popupSharedProps = {
     type: Boolean,
     default: true,
   },
+  // whether to close popup when click overlay
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true,
+  },
 };
 
 export default createComponent({
@@ -58,7 +66,6 @@ export default createComponent({
   props: {
     ...popupSharedProps,
     round: Boolean,
-    duration: [Number, String],
     closeable: Boolean,
     transition: String,
     safeAreaInsetBottom: Boolean,
@@ -74,14 +81,6 @@ export default createComponent({
       type: String,
       default: 'center',
     },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
   },
 
   emits: [
diff --git a/src/share-sheet/index.js b/src/share-sheet/index.js
index 429539f5e..59f63e105 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -12,18 +12,12 @@ export default createComponent({
   props: {
     ...popupSharedProps,
     title: String,
-    duration: [Number, String],
-    teleport: [String, Object],
     cancelText: String,
     description: String,
     options: {
       type: Array,
       default: () => [],
     },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
     closeOnPopstate: {
       type: Boolean,
       default: true,
@@ -32,10 +26,6 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
   },
 
   emits: ['cancel', 'select', 'update:show', 'click-overlay'],

From de7c83240d62c3ce4c9d8bda79ab8ca174bc902b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 10:28:12 +0800
Subject: [PATCH 215/626] chore(ActionSheet): improve code

---
 src/action-sheet/index.js | 168 ++++++++++++++++++--------------------
 1 file changed, 78 insertions(+), 90 deletions(-)

diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index dd707ad1d..2e15c72f1 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -1,5 +1,5 @@
 // Utils
-import { createNamespace } from '../utils';
+import { createNamespace, pick } from '../utils';
 
 // Components
 import Icon from '../icon';
@@ -8,58 +8,11 @@ import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('action-sheet');
 
-function Header({ title, closeIcon, onCancel }) {
-  if (title) {
-    return (
-      <div class={bem('header')}>
-        {title}
-        <Icon name={closeIcon} class={bem('close')} onClick={onCancel} />
-      </div>
-    );
-  }
-}
-
-function Option({ item }) {
-  const { name, color, subname, loading, disabled, className } = item;
-
-  const Content = loading ? (
-    <Loading class={bem('loading-icon')} />
-  ) : (
-    [
-      <span class={bem('name')}>{name}</span>,
-      subname && <div class={bem('subname')}>{subname}</div>,
-    ]
-  );
-
-  return (
-    <button
-      type="button"
-      style={{ color }}
-      class={[bem('item', { loading, disabled }), className]}
-    >
-      {Content}
-    </button>
-  );
-}
-
-function CancelText({ cancelText, onCancel }) {
-  if (cancelText) {
-    return [
-      <div class={bem('gap')} />,
-      <button type="button" class={bem('cancel')} onClick={onCancel}>
-        {cancelText}
-      </button>,
-    ];
-  }
-}
-
 export default createComponent({
   props: {
     ...popupSharedProps,
     title: String,
     actions: Array,
-    duration: [Number, String],
-    teleport: [String, Object],
     cancelText: String,
     description: String,
     closeOnPopstate: Boolean,
@@ -76,38 +29,87 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
   },
 
   emits: ['select', 'cancel', 'update:show'],
 
   setup(props, { slots, emit }) {
-    function onUpdateShow(show) {
-      emit('update:show', show);
-    }
+    const popupPropKeys = Object.keys(popupSharedProps);
 
-    function onCancel() {
+    const onUpdateShow = (show) => {
+      emit('update:show', show);
+    };
+
+    const onCancel = () => {
       onUpdateShow(false);
       emit('cancel');
-    }
+    };
 
-    return function () {
-      const {
-        title,
-        actions,
-        closeIcon,
-        cancelText,
-        description,
-        closeOnClickAction,
-        ...restProps
-      } = props;
+    const renderHeader = () => {
+      if (props.title) {
+        return (
+          <div class={bem('header')}>
+            {props.title}
+            <Icon
+              name={props.closeIcon}
+              class={bem('close')}
+              onClick={onCancel}
+            />
+          </div>
+        );
+      }
+    };
+
+    const renderCancel = () => {
+      if (props.cancelText) {
+        return [
+          <div class={bem('gap')} />,
+          <button type="button" class={bem('cancel')} onClick={onCancel}>
+            {props.cancelText}
+          </button>,
+        ];
+      }
+    };
+
+    const renderOption = (item, index) => {
+      const { name, color, subname, loading, disabled, className } = item;
+
+      const Content = loading ? (
+        <Loading class={bem('loading-icon')} />
+      ) : (
+        [
+          <span class={bem('name')}>{name}</span>,
+          subname && <div class={bem('subname')}>{subname}</div>,
+        ]
+      );
+
+      const onClick = () => {
+        emit('select', item, index);
+        if (props.closeOnClickAction) {
+          emit('update:show', false);
+        }
+      };
+
+      return (
+        <button
+          type="button"
+          style={{ color }}
+          class={[bem('item', { loading, disabled }), className]}
+          onClick={onClick}
+        >
+          {Content}
+        </button>
+      );
+    };
+
+    const renderOptions = () => {
+      if (props.actions) {
+        return props.actions.map(renderOption);
+      }
+    };
+
+    return () => {
+      const { round, description } = props;
 
       const Content = slots.default && (
         <div class={bem('content')}>{slots.default()}</div>
@@ -117,35 +119,21 @@ export default createComponent({
         <div class={bem('description')}>{description}</div>
       );
 
-      const Options =
-        actions &&
-        actions.map((item, index) => (
-          <Option
-            item={item}
-            onClick={() => {
-              emit('select', item, index);
-
-              if (closeOnClickAction) {
-                emit('update:show', false);
-              }
-            }}
-          />
-        ));
-
       return (
         <Popup
           class={bem()}
+          round={round}
           position="bottom"
           {...{
-            ...restProps,
+            ...pick(props, popupPropKeys),
             'onUpdate:show': onUpdateShow,
           }}
         >
-          <Header title={title} closeIcon={closeIcon} onCancel={onCancel} />
+          {renderHeader()}
           {Description}
-          {Options}
+          {renderOptions()}
           {Content}
-          <CancelText cancelText={cancelText} onCancel={onCancel} />
+          {renderCancel()}
         </Popup>
       );
     };

From 2080071a82f8cc7cc5fc676dcccf178b538372c9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 10:37:52 +0800
Subject: [PATCH 216/626] refactor(AddressList): improve code

---
 src/address-list/Item.js  |  25 ++++-----
 src/address-list/index.js | 109 ++++++++++++++++++++++----------------
 2 files changed, 77 insertions(+), 57 deletions(-)

diff --git a/src/address-list/Item.js b/src/address-list/Item.js
index 8cf4833ab..5e8331b20 100644
--- a/src/address-list/Item.js
+++ b/src/address-list/Item.js
@@ -20,14 +20,14 @@ export default createComponent({
   emits: ['edit', 'click', 'select'],
 
   setup(props, { slots, emit }) {
-    function onClick() {
+    const onClick = () => {
       if (props.switchable) {
         emit('select');
       }
       emit('click');
-    }
+    };
 
-    const genRightIcon = () => (
+    const renderRightIcon = () => (
       <Icon
         name="edit"
         class={bem('edit')}
@@ -39,7 +39,7 @@ export default createComponent({
       />
     );
 
-    function genTag() {
+    const renderTag = () => {
       if (props.data.isDefault && props.defaultTagText) {
         return (
           <Tag type="danger" round class={bem('tag')}>
@@ -47,19 +47,20 @@ export default createComponent({
           </Tag>
         );
       }
-    }
+    };
+
+    const renderContent = () => {
+      const { data, disabled, switchable } = props;
 
-    function genContent() {
-      const { data } = props;
       const Info = [
         <div class={bem('name')}>
           {`${data.name} ${data.tel}`}
-          {genTag()}
+          {renderTag()}
         </div>,
         <div class={bem('address')}>{data.address}</div>,
       ];
 
-      if (props.switchable && !props.disabled) {
+      if (switchable && !disabled) {
         return (
           <Radio name={data.id} iconSize={18}>
             {Info}
@@ -68,7 +69,7 @@ export default createComponent({
       }
 
       return Info;
-    }
+    };
 
     return () => {
       const { disabled } = props;
@@ -77,8 +78,8 @@ export default createComponent({
         <div class={bem({ disabled })} onClick={onClick}>
           <Cell
             v-slots={{
-              default: genContent,
-              'right-icon': genRightIcon,
+              default: renderContent,
+              'right-icon': renderRightIcon,
             }}
             border={false}
             valueClass={bem('value')}
diff --git a/src/address-list/index.js b/src/address-list/index.js
index a267cfc06..2cd7b86dd 100644
--- a/src/address-list/index.js
+++ b/src/address-list/index.js
@@ -33,63 +33,82 @@ export default createComponent({
   ],
 
   setup(props, { slots, emit }) {
-    return () => {
-      function genList(list, disabled) {
-        if (!list) {
-          return;
+    const renderItem = (item, index, disabled) => {
+      const onEdit = () => {
+        const name = disabled ? 'edit-disabled' : 'edit';
+        emit(name, item, index);
+      };
+
+      const onClick = () => {
+        emit('click-item', item, index);
+      };
+
+      const onSelect = () => {
+        const name = disabled ? 'select-disabled' : 'select';
+        emit(name, item, index);
+
+        if (!disabled) {
+          emit('update:modelValue', item.id);
         }
+      };
 
-        return list.map((item, index) => (
-          <AddressItem
-            v-slots={{
-              bottom: slots['item-bottom'],
-            }}
-            data={item}
-            key={item.id}
-            disabled={disabled}
-            switchable={props.switchable}
-            defaultTagText={props.defaultTagText}
-            onSelect={() => {
-              emit(disabled ? 'select-disabled' : 'select', item, index);
+      return (
+        <AddressItem
+          v-slots={{
+            bottom: slots['item-bottom'],
+          }}
+          key={item.id}
+          data={item}
+          disabled={disabled}
+          switchable={props.switchable}
+          defaultTagText={props.defaultTagText}
+          onEdit={onEdit}
+          onClick={onClick}
+          onSelect={onSelect}
+        />
+      );
+    };
 
-              if (!disabled) {
-                emit('update:modelValue', item.id);
-              }
-            }}
-            onEdit={() => {
-              emit(disabled ? 'edit-disabled' : 'edit', item, index);
-            }}
-            onClick={() => {
-              emit('click-item', item, index);
-            }}
-          />
-        ));
+    const renderList = (list, disabled) => {
+      if (list) {
+        return list.map((item, index) => renderItem(item, index, disabled));
       }
+    };
 
-      const List = genList(props.list);
-      const DisabledList = genList(props.disabledList, true);
+    const renderBottom = () => {
+      const onClick = () => {
+        emit('add');
+      };
+
+      return (
+        <div class={bem('bottom')}>
+          <Button
+            round
+            block
+            type="danger"
+            text={props.addButtonText || t('add')}
+            class={bem('add')}
+            onClick={onClick}
+          />
+        </div>
+      );
+    };
+
+    return () => {
+      const List = renderList(props.list);
+      const DisabledList = renderList(props.disabledList, true);
+      const DisabledText = props.disabledText && (
+        <div class={bem('disabled-text')}>{props.disabledText}</div>
+      );
 
       return (
         <div class={bem()}>
           {slots.top?.()}
           <RadioGroup modelValue={props.modelValue}>{List}</RadioGroup>
-          {props.disabledText && (
-            <div class={bem('disabled-text')}>{props.disabledText}</div>
-          )}
+          {DisabledText}
           {DisabledList}
           {slots.default?.()}
-          <div class={bem('bottom')}>
-            <Button
-              round
-              block
-              type="danger"
-              class={bem('add')}
-              text={props.addButtonText || t('add')}
-              onClick={() => {
-                emit('add');
-              }}
-            />
-          </div>
+          {renderBottom()}
         </div>
       );
     };

From 4d9b4b3e234a93c873276ffb1304840bed8b911b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 10:52:53 +0800
Subject: [PATCH 217/626] refactor(Button): use setup

---
 src/button/index.js | 172 +++++++++++++++++++++++++-------------------
 src/picker/index.js |  14 ++--
 2 files changed, 103 insertions(+), 83 deletions(-)

diff --git a/src/button/index.js b/src/button/index.js
index c3369da1c..5628fa91b 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -46,103 +46,127 @@ export default createComponent({
 
   emits: ['click'],
 
-  methods: {
-    onClick() {
-      if (!this.loading && !this.disabled) {
-        this.$emit('click', event);
-        route(this.$router, this);
+  setup(props, { emit, slots }) {
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
       }
-    },
 
-    genContent() {
-      const Content = [];
+      return (
+        <Loading
+          class={bem('loading')}
+          size={props.loadingSize}
+          type={props.loadingType}
+          color="currentColor"
+        />
+      );
+    };
 
-      if (this.loading) {
-        Content.push(
-          this.$slots.loading ? (
-            this.$slots.loading()
-          ) : (
-            <Loading
-              class={bem('loading')}
-              size={this.loadingSize}
-              type={this.loadingType}
-              color="currentColor"
-            />
-          )
-        );
-      } else if (this.icon) {
-        Content.push(
+    const renderIcon = () => {
+      if (props.loading) {
+        return renderLoadingIcon();
+      }
+
+      if (props.icon) {
+        return (
           <Icon
-            name={this.icon}
+            name={props.icon}
             class={bem('icon')}
-            classPrefix={this.iconPrefix}
+            classPrefix={props.iconPrefix}
           />
         );
       }
+    };
 
+    const renderText = () => {
       let text;
-      if (this.loading) {
-        text = this.loadingText;
+      if (props.loading) {
+        text = props.loadingText;
       } else {
-        text = this.$slots.default ? this.$slots.default() : this.text;
+        text = slots.default ? slots.default() : props.text;
       }
 
       if (text) {
-        Content.push(<span class={bem('text')}>{text}</span>);
+        return <span class={bem('text')}>{text}</span>;
       }
+    };
 
-      return Content;
-    },
-  },
+    const getStyle = () => {
+      const { color, plain } = props;
+      if (color) {
+        const style = {};
 
-  render() {
-    const { tag, type, color, plain, disabled, loading, hairline } = this;
+        style.color = plain ? color : WHITE;
 
-    const style = {};
+        if (!plain) {
+          // Use background instead of backgroundColor to make linear-gradient work
+          style.background = color;
+        }
 
-    if (color) {
-      style.color = plain ? color : WHITE;
+        // hide border when color is linear-gradient
+        if (color.indexOf('gradient') !== -1) {
+          style.border = 0;
+        } else {
+          style.borderColor = color;
+        }
 
-      if (!plain) {
-        // Use background instead of backgroundColor to make linear-gradient work
-        style.background = color;
+        return style;
       }
+    };
 
-      // hide border when color is linear-gradient
-      if (color.indexOf('gradient') !== -1) {
-        style.border = 0;
-      } else {
-        style.borderColor = color;
-      }
-    }
-
-    const classes = [
-      bem([
+    return (vm) => {
+      const {
+        tag,
         type,
-        this.size,
-        {
-          plain,
-          loading,
-          disabled,
-          hairline,
-          block: this.block,
-          round: this.round,
-          square: this.square,
-        },
-      ]),
-      { [BORDER_SURROUND]: hairline },
-    ];
+        size,
+        block,
+        round,
+        plain,
+        square,
+        loading,
+        disabled,
+        hairline,
+        nativeType,
+      } = props;
 
-    return (
-      <tag
-        style={style}
-        class={classes}
-        type={this.nativeType}
-        disabled={disabled}
-        onClick={this.onClick}
-      >
-        <div class={bem('content')}>{this.genContent()}</div>
-      </tag>
-    );
+      const onClick = () => {
+        if (!loading && !disabled) {
+          emit('click', event);
+          route(vm.$router, vm);
+        }
+      };
+
+      const classes = [
+        bem([
+          type,
+          size,
+          {
+            plain,
+            block,
+            round,
+            square,
+            loading,
+            disabled,
+            hairline,
+          },
+        ]),
+        { [BORDER_SURROUND]: hairline },
+      ];
+
+      return (
+        <tag
+          type={nativeType}
+          class={classes}
+          style={getStyle()}
+          disabled={disabled}
+          onClick={onClick}
+        >
+          <div class={bem('content')}>
+            {renderIcon()}
+            {renderText()}
+          </div>
+        </tag>
+      );
+    };
   },
 });
diff --git a/src/picker/index.js b/src/picker/index.js
index 0e4153dc8..76b229493 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -14,14 +14,14 @@ const [createComponent, bem, t] = createNamespace('picker');
 export default createComponent({
   props: {
     ...pickerProps,
-    defaultIndex: {
-      type: [Number, String],
-      default: 0,
-    },
     columns: {
       type: Array,
       default: () => [],
     },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0,
+    },
     toolbarPosition: {
       type: String,
       default: 'top',
@@ -135,11 +135,7 @@ export default createComponent({
       }
 
       if (this.dataType === 'text') {
-        this.$emit(
-          'change',
-          this.getColumnValue(0),
-          this.getColumnIndex(0)
-        );
+        this.$emit('change', this.getColumnValue(0), this.getColumnIndex(0));
       } else {
         this.$emit('change', this.getValues(), columnIndex);
       }

From 804a4e0193e2678d7f7ac3048c1795673929e16f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 15:48:43 +0800
Subject: [PATCH 218/626] refactor(Col): use setup

---
 src/col/index.js | 54 +++++++++++++++++++++---------------------------
 1 file changed, 23 insertions(+), 31 deletions(-)

diff --git a/src/col/index.js b/src/col/index.js
index 36db2b39c..c0897d4ee 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -15,39 +15,31 @@ export default createComponent({
     },
   },
 
-  emits: ['click'],
+  setup(props, { slots }) {
+    return (vm) => {
+      const { tag, span, offset } = props;
 
-  computed: {
-    style() {
-      const { index } = this;
-      const { spaces } = this.parent || {};
+      const getStyle = () => {
+        const { index } = vm;
+        const { spaces } = vm.parent || {};
 
-      if (spaces && spaces[index]) {
-        const { left, right } = spaces[index];
-        return {
-          paddingLeft: left ? `${left}px` : null,
-          paddingRight: right ? `${right}px` : null,
-        };
-      }
-    },
-  },
+        if (spaces && spaces[index]) {
+          const { left, right } = spaces[index];
+          return {
+            paddingLeft: left ? `${left}px` : null,
+            paddingRight: right ? `${right}px` : null,
+          };
+        }
+      };
 
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-    },
-  },
-
-  render() {
-    const { span, offset } = this;
-    return (
-      <this.tag
-        style={this.style}
-        class={bem({ [span]: span, [`offset-${offset}`]: offset })}
-        onClick={this.onClick}
-      >
-        {this.$slots.default?.()}
-      </this.tag>
-    );
+      return (
+        <tag
+          style={getStyle()}
+          class={bem({ [span]: span, [`offset-${offset}`]: offset })}
+        >
+          {slots.default?.()}
+        </tag>
+      );
+    };
   },
 });

From 6375fe516919e4d5ff7137be6b4ff48a760b2187 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 15:53:26 +0800
Subject: [PATCH 219/626] refactor(Row): use setup

---
 src/col/index.js | 28 +++++++++++-----------
 src/row/index.js | 62 +++++++++++++++++++++++-------------------------
 2 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/src/col/index.js b/src/col/index.js
index c0897d4ee..a1ba02aab 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -16,25 +16,25 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const getStyle = (vm) => {
+      const { index } = vm;
+      const { spaces } = vm.parent || {};
+
+      if (spaces && spaces[index]) {
+        const { left, right } = spaces[index];
+        return {
+          paddingLeft: left ? `${left}px` : null,
+          paddingRight: right ? `${right}px` : null,
+        };
+      }
+    };
+
     return (vm) => {
       const { tag, span, offset } = props;
 
-      const getStyle = () => {
-        const { index } = vm;
-        const { spaces } = vm.parent || {};
-
-        if (spaces && spaces[index]) {
-          const { left, right } = spaces[index];
-          return {
-            paddingLeft: left ? `${left}px` : null,
-            paddingRight: right ? `${right}px` : null,
-          };
-        }
-      };
-
       return (
         <tag
-          style={getStyle()}
+          style={getStyle(vm)}
           class={bem({ [span]: span, [`offset-${offset}`]: offset })}
         >
           {slots.default?.()}
diff --git a/src/row/index.js b/src/row/index.js
index b111023df..a6065e103 100644
--- a/src/row/index.js
+++ b/src/row/index.js
@@ -20,17 +20,8 @@ export default createComponent({
     },
   },
 
-  emits: ['click'],
-
   computed: {
-    spaces() {
-      const gutter = Number(this.gutter);
-
-      if (!gutter) {
-        return;
-      }
-
-      const spaces = [];
+    groups() {
       const groups = [[]];
 
       let totalSpan = 0;
@@ -45,7 +36,19 @@ export default createComponent({
         }
       });
 
-      groups.forEach((group) => {
+      return groups;
+    },
+
+    spaces() {
+      const gutter = Number(this.gutter);
+
+      if (!gutter) {
+        return;
+      }
+
+      const spaces = [];
+
+      this.groups.forEach((group) => {
         const averagePadding = (gutter * (group.length - 1)) / group.length;
 
         group.forEach((item, index) => {
@@ -63,27 +66,22 @@ export default createComponent({
     },
   },
 
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-    },
-  },
+  setup(props, { slots }) {
+    return () => {
+      const { tag, type, align, justify } = props;
+      const flex = type === 'flex';
 
-  render() {
-    const { align, justify } = this;
-    const flex = this.type === 'flex';
-
-    return (
-      <this.tag
-        class={bem({
-          flex,
-          [`align-${align}`]: flex && align,
-          [`justify-${justify}`]: flex && justify,
-        })}
-        onClick={this.onClick}
-      >
-        {this.$slots.default?.()}
-      </this.tag>
-    );
+      return (
+        <tag
+          class={bem({
+            flex,
+            [`align-${align}`]: flex && align,
+            [`justify-${justify}`]: flex && justify,
+          })}
+        >
+          {slots.default?.()}
+        </tag>
+      );
+    };
   },
 });

From 704f4734df4b942bc9d7edd68efdaca507c15af2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 16:53:22 +0800
Subject: [PATCH 220/626] fix: down grade vue to 3.0.0-rc.5

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 026fbf315..9d727099b 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.6",
-    "@vue/compiler-sfc": "^3.0.0-rc.7",
+    "@vue/compiler-sfc": "3.0.0-rc.5",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0-rc.7"
+    "vue": "3.0.0-rc.5"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index dc8971e51..6f9491ab4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,36 +2175,36 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vue/compiler-core@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.7.tgz#119f669ee59c96124c280a6e94187f3bad09ea8a"
-  integrity sha1-EZ9mnuWclhJMKApulBh/O60J6oo=
+"@vue/compiler-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
+  integrity sha1-3U8YFvyuNKgbxg5YT5eZPK0oTVQ=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.5"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.7.tgz#0e193767243485db314495e17d8fd56370b628e1"
-  integrity sha1-Dhk3ZyQ0hdsxRJXhfY/VY3C2KOE=
+"@vue/compiler-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
+  integrity sha1-g5BehgESOjZUuQ+9gHCKFlMM4ho=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/compiler-sfc@^3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.7.tgz#9fb8dd5b1715a7ffba9c82e74596655832cf2ebd"
-  integrity sha1-n7jdWxcVp/+6nILnRZZlWDLPLr0=
+"@vue/compiler-sfc@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
+  integrity sha1-N05Spvv4+5ruEhMCYFCg8cSW/s8=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.7"
-    "@vue/compiler-dom" "3.0.0-rc.7"
-    "@vue/compiler-ssr" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/compiler-ssr" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2216,13 +2216,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.7.tgz#87ec38d88395dbc2a58532968607d03386778fc2"
-  integrity sha1-h+w42IOV28KlhTKWhgfQM4Z3j8I=
+"@vue/compiler-ssr@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
+  integrity sha1-h4QGxZ2v82Ls3LGZ+5Rnp2nKjeU=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2240,34 +2240,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.7.tgz#fd5fda961c57a8065c6408170e06808a39f801a2"
-  integrity sha1-/V/alhxXqAZcZAgXDgaAijn4AaI=
+"@vue/reactivity@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
+  integrity sha1-Rc/42DnXrRMLHkmSOQkAUP3s/xM=
   dependencies:
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-core@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.7.tgz#739f2c21dfdc509b0b05fefe2d84eafd7b990075"
-  integrity sha1-c58sId/cUJsLBf7+LYTq/XuZAHU=
+"@vue/runtime-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
+  integrity sha1-3VmvOl/AidHNwFplcyDA3Bflw2I=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/reactivity" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-dom@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.7.tgz#9a89560b30a7f27422e2934281a9e5947f7938f9"
-  integrity sha1-molWCzCn8nQi4pNCganllH95OPk=
+"@vue/runtime-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
+  integrity sha1-L9daHymyOr8P/lzN7avaEXIcW1s=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/runtime-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.7":
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.7.tgz#62054a314105019efab590f767db528c8c603954"
-  integrity sha1-YgVKMUEFAZ76tZD3Z9tSjIxgOVQ=
+"@vue/shared@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
+  integrity sha1-zqI3jj43Nj3cH13RWO3JybWz//A=
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12455,14 +12455,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0-rc.7:
-  version "3.0.0-rc.7"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.7.tgz?cache=0&sync_timestamp=1598033824725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.7.tgz#4b98438cc908708d87d4a0a11bd4497e5385ff66"
-  integrity sha1-S5hDjMkIcI2H1KChG9RJflOF/2Y=
+vue@3.0.0-rc.5:
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1598033824725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
+  integrity sha1-lzF11FqJKzvSPvXef6pK3ZxmJ18=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.7"
-    "@vue/runtime-dom" "3.0.0-rc.7"
-    "@vue/shared" "3.0.0-rc.7"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/runtime-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From b463fa5f69731154548cf50e4a4aba0280558588 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:00:40 +0800
Subject: [PATCH 221/626] refactor(Layout): use relation

---
 src/col/index.js | 26 +++++++++++++++-----------
 src/row/index.js | 33 +++++++++++++++++++--------------
 2 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/src/col/index.js b/src/col/index.js
index a1ba02aab..32c80716e 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -1,11 +1,11 @@
+import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
+import { useParent } from '../api/use-relation';
+import { ROW_KEY } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanRow')],
-
   props: {
     span: [Number, String],
     offset: [Number, String],
@@ -16,25 +16,29 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const getStyle = (vm) => {
-      const { index } = vm;
-      const { spaces } = vm.parent || {};
+    const { parent, index } = useParent(
+      ROW_KEY,
+      computed(() => props.span)
+    );
 
-      if (spaces && spaces[index]) {
-        const { left, right } = spaces[index];
+    const style = computed(() => {
+      const { spaces } = parent || {};
+
+      if (spaces && spaces.value && spaces.value[index.value]) {
+        const { left, right } = spaces.value[index.value];
         return {
           paddingLeft: left ? `${left}px` : null,
           paddingRight: right ? `${right}px` : null,
         };
       }
-    };
+    });
 
-    return (vm) => {
+    return () => {
       const { tag, span, offset } = props;
 
       return (
         <tag
-          style={getStyle(vm)}
+          style={style.value}
           class={bem({ [span]: span, [`offset-${offset}`]: offset })}
         >
           {slots.default?.()}
diff --git a/src/row/index.js b/src/row/index.js
index a6065e103..5f071dee2 100644
--- a/src/row/index.js
+++ b/src/row/index.js
@@ -1,11 +1,11 @@
+import { ref, computed, provide } from 'vue';
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
 
 const [createComponent, bem] = createNamespace('row');
 
-export default createComponent({
-  mixins: [ParentMixin('vanRow')],
+export const ROW_KEY = 'van-row';
 
+export default createComponent({
   props: {
     type: String,
     align: String,
@@ -20,13 +20,15 @@ export default createComponent({
     },
   },
 
-  computed: {
-    groups() {
+  setup(props, { slots }) {
+    const children = ref([]);
+
+    const groups = computed(() => {
       const groups = [[]];
 
       let totalSpan = 0;
-      this.children.forEach((item, index) => {
-        totalSpan += Number(item.span);
+      children.value.forEach((item, index) => {
+        totalSpan += Number(item.value);
 
         if (totalSpan > 24) {
           groups.push([index]);
@@ -37,10 +39,10 @@ export default createComponent({
       });
 
       return groups;
-    },
+    });
 
-    spaces() {
-      const gutter = Number(this.gutter);
+    const spaces = computed(() => {
+      const gutter = Number(props.gutter);
 
       if (!gutter) {
         return;
@@ -48,7 +50,7 @@ export default createComponent({
 
       const spaces = [];
 
-      this.groups.forEach((group) => {
+      groups.value.forEach((group) => {
         const averagePadding = (gutter * (group.length - 1)) / group.length;
 
         group.forEach((item, index) => {
@@ -63,10 +65,13 @@ export default createComponent({
       });
 
       return spaces;
-    },
-  },
+    });
+
+    provide(ROW_KEY, {
+      spaces,
+      children,
+    });
 
-  setup(props, { slots }) {
     return () => {
       const { tag, type, align, justify } = props;
       const flex = type === 'flex';

From e893efd60d0301b6c36a890eb453168f0a640b03 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:02:13 +0800
Subject: [PATCH 222/626] refactor: remove useChildren

---
 src/action-bar/index.js | 5 +++--
 src/api/use-relation.ts | 8 +-------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index ee2623114..bcbb1830b 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,5 +1,5 @@
+import { ref, provide } from 'vue';
 import { createNamespace } from '../utils';
-import { useChildren } from '../api/use-relation';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
@@ -14,7 +14,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    useChildren(ACTION_BAR_KEY);
+    const children = ref([]);
+    provide(ACTION_BAR_KEY, children);
 
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index d7ab9a027..857ebf04d 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,15 +1,9 @@
-import { ref, Ref, provide, inject, computed, onUnmounted } from 'vue';
+import { Ref, inject, computed, onUnmounted } from 'vue';
 
 export type Parent<T = unknown> = null | {
   children: Ref<Ref<T>[]>;
 };
 
-export function useChildren(key: string) {
-  const children = ref<unknown>([]);
-  provide(key, { children });
-  return children;
-}
-
 export function useParent<T = unknown>(key: string, child: Ref<T>) {
   const parent = inject<Parent<T>>(key, null);
 

From 6efaee71083a9ab721e013c8e43624530e8be0c7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:03:56 +0800
Subject: [PATCH 223/626] fix(ActionBar): incorrect provide value

---
 src/action-bar/index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index bcbb1830b..fc45a966a 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -14,8 +14,9 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = ref([]);
-    provide(ACTION_BAR_KEY, children);
+    provide(ACTION_BAR_KEY, {
+      children: ref([]),
+    });
 
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>

From be5f161799d423c66f708fb7aed48874056f1709 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:32:22 +0800
Subject: [PATCH 224/626] refactor(Card): extract render function

---
 src/card/index.js | 245 ++++++++++++++++++++++------------------------
 1 file changed, 118 insertions(+), 127 deletions(-)

diff --git a/src/card/index.js b/src/card/index.js
index 1b673fee5..3d1d6fb7f 100644
--- a/src/card/index.js
+++ b/src/card/index.js
@@ -28,154 +28,145 @@ export default createComponent({
   emits: ['click-thumb'],
 
   setup(props, { slots, emit }) {
-    return () => {
-      const { thumb } = props;
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
 
+      if (props.title) {
+        return (
+          <div class={[bem('title'), 'van-multi-ellipsis--l2']}>
+            {props.title}
+          </div>
+        );
+      }
+    };
+
+    const renderThumbTag = () => {
+      if (slots.tag || props.tag) {
+        return (
+          <div class={bem('tag')}>
+            {slots.tag ? (
+              slots.tag()
+            ) : (
+              <Tag mark type="danger">
+                {props.tag}
+              </Tag>
+            )}
+          </div>
+        );
+      }
+    };
+
+    const renderThumbImage = () => {
+      if (slots.thumb) {
+        return slots.thumb();
+      }
+
+      return (
+        <Image
+          src={props.thumb}
+          width="100%"
+          height="100%"
+          fit="cover"
+          lazyLoad={props.lazyLoad}
+        />
+      );
+    };
+
+    const renderThumb = () => {
+      if (slots.thumb || props.thumb) {
+        return (
+          <a
+            href={props.thumbLink}
+            class={bem('thumb')}
+            onClick={(event) => {
+              emit('click-thumb', event);
+            }}
+          >
+            {renderThumbImage()}
+            {renderThumbTag()}
+          </a>
+        );
+      }
+    };
+
+    const renderDesc = () => {
+      if (slots.desc) {
+        return slots.desc();
+      }
+
+      if (props.desc) {
+        return <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
+      }
+    };
+
+    const renderPriceText = () => {
+      const priceArr = props.price.toString().split('.');
+      return (
+        <div>
+          <span class={bem('price-currency')}>{props.currency}</span>
+          <span class={bem('price-integer')}>{priceArr[0]}</span>.
+          <span class={bem('price-decimal')}>{priceArr[1]}</span>
+        </div>
+      );
+    };
+
+    return () => {
       const showNum = slots.num || isDef(props.num);
       const showPrice = slots.price || isDef(props.price);
       const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
       const showBottom =
         showNum || showPrice || showOriginPrice || slots.bottom;
 
-      function onThumbClick(event) {
-        emit('click-thumb', event);
-      }
+      const Price = showPrice && (
+        <div class={bem('price')}>
+          {slots.price ? slots.price() : renderPriceText()}
+        </div>
+      );
 
-      function ThumbTag() {
-        if (slots.tag || props.tag) {
-          return (
-            <div class={bem('tag')}>
-              {slots.tag ? (
-                slots.tag()
-              ) : (
-                <Tag mark type="danger">
-                  {props.tag}
-                </Tag>
-              )}
-            </div>
-          );
-        }
-      }
+      const OriginPrice = showOriginPrice && (
+        <div class={bem('origin-price')}>
+          {slots['origin-price']
+            ? slots['origin-price']()
+            : `${props.currency} ${props.originPrice}`}
+        </div>
+      );
 
-      function Thumb() {
-        if (slots.thumb || thumb) {
-          return (
-            <a
-              href={props.thumbLink}
-              class={bem('thumb')}
-              onClick={onThumbClick}
-            >
-              {slots.thumb ? (
-                slots.thumb()
-              ) : (
-                <Image
-                  src={thumb}
-                  width="100%"
-                  height="100%"
-                  fit="cover"
-                  lazy-load={props.lazyLoad}
-                />
-              )}
-              {ThumbTag()}
-            </a>
-          );
-        }
-      }
+      const Num = showNum && (
+        <div class={bem('num')}>
+          {slots.num ? slots.num() : `x${props.num}`}
+        </div>
+      );
 
-      function Title() {
-        if (slots.title) {
-          return slots.title();
-        }
+      const Footer = slots.footer && (
+        <div class={bem('footer')}>{slots.footer()}</div>
+      );
 
-        if (props.title) {
-          return (
-            <div class={[bem('title'), 'van-multi-ellipsis--l2']}>
-              {props.title}
-            </div>
-          );
-        }
-      }
-
-      function Desc() {
-        if (slots.desc) {
-          return slots.desc();
-        }
-
-        if (props.desc) {
-          return <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
-        }
-      }
-
-      function PriceContent() {
-        const priceArr = props.price.toString().split('.');
-        return (
-          <div>
-            <span class={bem('price-currency')}>{props.currency}</span>
-            <span class={bem('price-integer')}>{priceArr[0]}</span>.
-            <span class={bem('price-decimal')}>{priceArr[1]}</span>
-          </div>
-        );
-      }
-
-      function Price() {
-        if (showPrice) {
-          return (
-            <div class={bem('price')}>
-              {slots.price ? slots.price() : PriceContent()}
-            </div>
-          );
-        }
-      }
-
-      function OriginPrice() {
-        if (showOriginPrice) {
-          const slot = slots['origin-price'];
-          return (
-            <div class={bem('origin-price')}>
-              {slot ? slot() : `${props.currency} ${props.originPrice}`}
-            </div>
-          );
-        }
-      }
-
-      function Num() {
-        if (showNum) {
-          return (
-            <div class={bem('num')}>
-              {slots.num ? slots.num() : `x${props.num}`}
-            </div>
-          );
-        }
-      }
-
-      function Footer() {
-        if (slots.footer) {
-          return <div class={bem('footer')}>{slots.footer()}</div>;
-        }
-      }
+      const Bottom = showBottom && (
+        <div class={bem('bottom')}>
+          {slots['price-top']?.()}
+          {Price}
+          {OriginPrice}
+          {Num}
+          {slots.bottom?.()}
+        </div>
+      );
 
       return (
         <div class={bem()}>
           <div class={bem('header')}>
-            {Thumb()}
+            {renderThumb()}
             <div class={bem('content', { centered: props.centered })}>
               <div>
-                {Title()}
-                {Desc()}
+                {renderTitle()}
+                {renderDesc()}
                 {slots.tags?.()}
               </div>
-              {showBottom && (
-                <div class="van-card__bottom">
-                  {slots['price-top']?.()}
-                  {Price()}
-                  {OriginPrice()}
-                  {Num()}
-                  {slots.bottom?.()}
-                </div>
-              )}
+              {Bottom}
             </div>
           </div>
-          {Footer()}
+          {Footer}
         </div>
       );
     };

From 53109895a97f8368fb408a27a700e8cd19ece85b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:41:18 +0800
Subject: [PATCH 225/626] refactor(Cell): extract render function

---
 src/cell/index.js | 160 +++++++++++++++++++++-------------------------
 1 file changed, 73 insertions(+), 87 deletions(-)

diff --git a/src/cell/index.js b/src/cell/index.js
index dba2ff074..e7b7db6bd 100644
--- a/src/cell/index.js
+++ b/src/cell/index.js
@@ -14,107 +14,93 @@ export default createComponent({
     ...routeProps,
   },
 
-  emits: ['click'],
+  setup(props, { slots }) {
+    const renderLabel = () => {
+      const showLabel = slots.label || isDef(props.label);
 
-  setup(props, { slots, emit }) {
-    return function () {
-      const { icon, size, title, label, value, isLink } = props;
-      const titleSlot = slots.title?.();
-      const showTitle = titleSlot || isDef(title);
+      if (showLabel) {
+        return (
+          <div class={[bem('label'), props.labelClass]}>
+            {slots.label ? slots.label() : props.label}
+          </div>
+        );
+      }
+    };
 
-      function Label() {
-        const showLabel = slots.label || isDef(label);
+    const renderTitle = () => {
+      if (slots.title || isDef(props.title)) {
+        return (
+          <div
+            class={[bem('title'), props.titleClass]}
+            style={props.titleStyle}
+          >
+            {slots.title ? slots.title() : <span>{props.title}</span>}
+            {renderLabel()}
+          </div>
+        );
+      }
+    };
 
-        if (showLabel) {
-          return (
-            <div class={[bem('label'), props.labelClass]}>
-              {slots.label ? slots.label() : label}
-            </div>
-          );
-        }
+    const renderValue = () => {
+      const hasTitle = slots.title || isDef(props.title);
+      const hasValue = slots.default || isDef(props.value);
+
+      if (hasValue) {
+        return (
+          <div class={[bem('value', { alone: !hasTitle }), props.valueClass]}>
+            {slots.default ? slots.default() : <span>{props.value}</span>}
+          </div>
+        );
+      }
+    };
+
+    const renderLeftIcon = () => {
+      if (slots.icon) {
+        return slots.icon();
       }
 
-      function Title() {
-        if (showTitle) {
-          return (
-            <div
-              class={[bem('title'), props.titleClass]}
-              style={props.titleStyle}
-            >
-              {slots.title ? titleSlot : <span>{title}</span>}
-              {Label()}
-            </div>
-          );
-        }
+      if (props.icon) {
+        return (
+          <Icon
+            name={props.icon}
+            class={bem('left-icon')}
+            classPrefix={props.iconPrefix}
+          />
+        );
+      }
+    };
+
+    const renderRightIcon = () => {
+      if (slots['right-icon']) {
+        return slots['right-icon']();
       }
 
-      function Value() {
-        const showValue = slots.default || isDef(value);
-
-        if (showValue) {
-          return (
-            <div
-              class={[bem('value', { alone: !showTitle }), props.valueClass]}
-            >
-              {slots.default ? slots.default() : <span>{value}</span>}
-            </div>
-          );
-        }
+      if (props.isLink) {
+        const name = props.arrowDirection
+          ? `arrow-${props.arrowDirection}`
+          : 'arrow';
+        return <Icon name={name} class={bem('right-icon')} />;
       }
+    };
 
-      function LeftIcon() {
-        if (slots.icon) {
-          return slots.icon();
-        }
-
-        if (icon) {
-          return (
-            <Icon
-              class={bem('left-icon')}
-              name={icon}
-              classPrefix={props.iconPrefix}
-            />
-          );
-        }
-      }
-
-      function RightIcon() {
-        const rightIconSlot = slots['right-icon'];
-
-        if (rightIconSlot) {
-          return rightIconSlot();
-        }
-
-        if (isLink) {
-          const { arrowDirection } = props;
-
-          return (
-            <Icon
-              class={bem('right-icon')}
-              name={arrowDirection ? `arrow-${arrowDirection}` : 'arrow'}
-            />
-          );
-        }
-      }
-
-      const onClick = (event) => {
-        emit('click', event);
-        route(this.$router, this);
-      };
-
+    return (vm) => {
+      const { size, center, border, isLink, required } = props;
       const clickable = isLink || props.clickable;
 
       const classes = {
+        center,
+        required,
         clickable,
-        center: props.center,
-        required: props.required,
-        borderless: !props.border,
+        borderless: !border,
       };
-
       if (size) {
         classes[size] = size;
       }
 
+      const onClick = () => {
+        route(vm.$router, vm);
+      };
+
       return (
         <div
           class={bem(classes)}
@@ -122,10 +108,10 @@ export default createComponent({
           tabindex={clickable ? 0 : null}
           onClick={onClick}
         >
-          {LeftIcon()}
-          {Title()}
-          {Value()}
-          {RightIcon()}
+          {renderLeftIcon()}
+          {renderTitle()}
+          {renderValue()}
+          {renderRightIcon()}
           {slots.extra?.()}
         </div>
       );

From 8f978addd49b7d2a5e6fcce0c952fcb05145ad1d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 19:47:52 +0800
Subject: [PATCH 226/626] fix(CellGroup): incorrect attrs

---
 src/cell-group/index.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/cell-group/index.js b/src/cell-group/index.js
index bdf702908..72800f262 100644
--- a/src/cell-group/index.js
+++ b/src/cell-group/index.js
@@ -1,10 +1,11 @@
-// Utils
 import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 
 const [createComponent, bem] = createNamespace('cell-group');
 
 export default createComponent({
+  inheritAttrs: false,
+
   props: {
     title: String,
     border: {
@@ -13,19 +14,21 @@ export default createComponent({
     },
   },
 
-  setup(props, { slots }) {
-    return function () {
+  setup(props, { slots, attrs }) {
+    return () => {
+      const { title, border } = props;
+
       const Group = (
-        <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>
+        <div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
           {slots.default?.()}
         </div>
       );
 
-      if (props.title || slots.title) {
+      if (title || slots.title) {
         return (
           <>
-            <div class={bem('title')} {...this.$attrs}>
-              {slots.title ? slots.title() : props.title}
+            <div class={bem('title')}>
+              {slots.title ? slots.title() : title}
             </div>
             {Group}
           </>

From ded5aa431e904ddcf5e26523eaaef68a80c43bef Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 20:18:56 +0800
Subject: [PATCH 227/626] refactor(Circle): use composition api

---
 src/circle/index.js | 174 ++++++++++++++++++++++----------------------
 1 file changed, 86 insertions(+), 88 deletions(-)

diff --git a/src/circle/index.js b/src/circle/index.js
index 0f11ef480..c0970386a 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -1,11 +1,10 @@
+import { watch, computed } from 'vue';
 import { createNamespace, isObject, addUnit } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
 import { BLUE, WHITE } from '../utils/constant';
 
 const [createComponent, bem] = createNamespace('circle');
 
-const PERIMETER = 3140;
-
 let uid = 0;
 
 function format(rate) {
@@ -63,123 +62,122 @@ export default createComponent({
 
   emits: ['update:currentRate'],
 
-  beforeCreate() {
-    this.uid = `van-circle-gradient-${uid++}`;
-  },
+  setup(props, { emit, slots }) {
+    const id = `van-circle-${uid++}`;
 
-  computed: {
-    style() {
-      const size = addUnit(this.size);
+    const viewBoxSize = computed(() => +props.strokeWidth + 1000);
+
+    const path = computed(() => getPath(props.clockwise, viewBoxSize.value));
+
+    const rootStyle = computed(() => {
+      const size = addUnit(props.size);
       return {
         width: size,
         height: size,
       };
-    },
+    });
 
-    path() {
-      return getPath(this.clockwise, this.viewBoxSize);
-    },
+    watch(
+      computed(() => props.rate),
+      (rate) => {
+        let rafId;
+        const startTime = Date.now();
+        const startRate = props.currentRate;
+        const endRate = format(rate);
+        const duration = Math.abs(((startRate - endRate) * 1000) / props.speed);
 
-    viewBoxSize() {
-      return +this.strokeWidth + 1000;
-    },
+        const animate = () => {
+          const now = Date.now();
+          const progress = Math.min((now - startTime) / duration, 1);
+          const rate = progress * (endRate - startRate) + startRate;
 
-    layerStyle() {
-      const offset = (PERIMETER * this.currentRate) / 100;
+          emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
 
-      return {
-        stroke: `${this.color}`,
-        strokeWidth: `${+this.strokeWidth + 1}px`,
-        strokeLinecap: this.strokeLinecap,
+          if (endRate > startRate ? rate < endRate : rate > endRate) {
+            rafId = raf(animate);
+          }
+        };
+
+        if (props.speed) {
+          cancelRaf(rafId);
+          rafId = raf(animate);
+        } else {
+          emit('update:currentRate', endRate);
+        }
+      }
+    );
+
+    const renderHover = () => {
+      const style = {
+        fill: props.fill,
+        stroke: props.layerColor,
+        strokeWidth: `${props.strokeWidth}px`,
+      };
+
+      return <path class={bem('hover')} style={style} d={path.value} />;
+    };
+
+    const renderLayer = () => {
+      const PERIMETER = 3140;
+      const { color, strokeWidth, currentRate, strokeLinecap } = props;
+      const offset = (PERIMETER * currentRate) / 100;
+      const style = {
+        stroke: `${color}`,
+        strokeWidth: `${+strokeWidth + 1}px`,
+        strokeLinecap,
         strokeDasharray: `${offset}px ${PERIMETER}px`,
       };
-    },
 
-    hoverStyle() {
-      return {
-        fill: `${this.fill}`,
-        stroke: `${this.layerColor}`,
-        strokeWidth: `${this.strokeWidth}px`,
-      };
-    },
+      return (
+        <path
+          d={path.value}
+          style={style}
+          class={bem('layer')}
+          stroke={isObject(color) ? `url(#${id})` : color}
+        />
+      );
+    };
 
-    gradient() {
-      return isObject(this.color);
-    },
+    const renderGradient = () => {
+      const { color } = props;
 
-    LinearGradient() {
-      if (!this.gradient) {
+      if (!isObject(color)) {
         return;
       }
 
-      const Stops = Object.keys(this.color)
+      const Stops = Object.keys(color)
         .sort((a, b) => parseFloat(a) - parseFloat(b))
         .map((key, index) => (
-          <stop key={index} offset={key} stop-color={this.color[key]} />
+          <stop key={index} offset={key} stop-color={color[key]} />
         ));
 
       return (
         <defs>
-          <linearGradient id={this.uid} x1="100%" y1="0%" x2="0%" y2="0%">
+          <linearGradient id={id} x1="100%" y1="0%" x2="0%" y2="0%">
             {Stops}
           </linearGradient>
         </defs>
       );
-    },
-  },
+    };
 
-  watch: {
-    rate: {
-      handler(rate) {
-        this.startTime = Date.now();
-        this.startRate = this.currentRate;
-        this.endRate = format(rate);
-        this.increase = this.endRate > this.startRate;
-        this.duration = Math.abs(
-          ((this.startRate - this.endRate) * 1000) / this.speed
-        );
-
-        if (this.speed) {
-          cancelRaf(this.rafId);
-          this.rafId = raf(this.animate);
-        } else {
-          this.$emit('update:currentRate', this.endRate);
-        }
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    animate() {
-      const now = Date.now();
-      const progress = Math.min((now - this.startTime) / this.duration, 1);
-      const rate = progress * (this.endRate - this.startRate) + this.startRate;
-
-      this.$emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
-
-      if (this.increase ? rate < this.endRate : rate > this.endRate) {
-        this.rafId = raf(this.animate);
+    const renderText = () => {
+      if (slots.default) {
+        return slots.default();
       }
-    },
-  },
 
-  render() {
-    return (
-      <div class={bem()} style={this.style}>
-        <svg viewBox={`0 0 ${this.viewBoxSize} ${this.viewBoxSize}`}>
-          {this.LinearGradient}
-          <path class={bem('hover')} style={this.hoverStyle} d={this.path} />
-          <path
-            d={this.path}
-            class={bem('layer')}
-            style={this.layerStyle}
-            stroke={this.gradient ? `url(#${this.uid})` : this.color}
-          />
+      if (props.text) {
+        return <div class={bem('text')}>{props.text}</div>;
+      }
+    };
+
+    return () => (
+      <div class={bem()} style={rootStyle.value}>
+        <svg viewBox={`0 0 ${viewBoxSize.value} ${viewBoxSize.value}`}>
+          {renderGradient()}
+          {renderHover()}
+          {renderLayer()}
         </svg>
-        {this.$slots.default
-          ? this.$slots.default()
-          : this.text && <div class={bem('text')}>{this.text}</div>}
+        {renderText()}
       </div>
     );
   },

From f82834886b83d4aebc99e1b1484c26a55cafd302 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 20:35:37 +0800
Subject: [PATCH 228/626] fix(Circle): should excute watcher immediately

---
 src/circle/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/circle/index.js b/src/circle/index.js
index c0970386a..dfa818678 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -104,7 +104,8 @@ export default createComponent({
         } else {
           emit('update:currentRate', endRate);
         }
-      }
+      },
+      { immediate: true }
     );
 
     const renderHover = () => {

From 84fe7db57d783f63a4d8014f4ba295dd2980fbf4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 24 Aug 2020 21:06:40 +0800
Subject: [PATCH 229/626] refactor(Collapse): use composition api

---
 src/collapse-item/index.js | 184 +++++++++++++++----------------------
 src/collapse/index.js      |  66 +++++++++----
 2 files changed, 124 insertions(+), 126 deletions(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index d40a495b5..025a27429 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -1,19 +1,20 @@
+import { ref, watch, computed, nextTick } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '../api/use-relation';
 
 // Components
 import Cell from '../cell';
+import { COLLAPSE_KEY } from '../collapse';
 import { cellProps } from '../cell/shared';
 
 const [createComponent, bem] = createNamespace('collapse-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanCollapse')],
-
   props: {
     ...cellProps,
     name: [Number, String],
@@ -24,152 +25,119 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      show: null,
-      inited: null,
+  setup(props, { slots }) {
+    const wrapper = ref(null);
+    const content = ref(null);
+    const { parent, index } = useParent(COLLAPSE_KEY, ref());
+
+    const currentName = computed(() =>
+      isDef(props.name) ? props.name : index.value
+    );
+
+    const expanded = computed(() => {
+      if (parent) {
+        return parent.isExpanded(currentName.value);
+      }
+      return null;
+    });
+
+    const show = ref(expanded.value);
+    const inited = ref(expanded.value);
+
+    const onTransitionEnd = () => {
+      if (!expanded.value) {
+        show.value = false;
+      } else {
+        wrapper.value.style.height = '';
+      }
     };
-  },
 
-  computed: {
-    currentName() {
-      return isDef(this.name) ? this.name : this.index;
-    },
-
-    expanded() {
-      if (!this.parent) {
-        return null;
-      }
-
-      const { modelValue, accordion } = this.parent;
-
-      if (
-        process.env.NODE_ENV !== 'production' &&
-        !accordion &&
-        !Array.isArray(modelValue)
-      ) {
-        console.error(
-          '[Vant] Collapse: type of prop "modelValue" should be Array'
-        );
+    watch(expanded, (value, oldValue) => {
+      if (oldValue === null) {
         return;
       }
 
-      return accordion
-        ? modelValue === this.currentName
-        : modelValue.some((name) => name === this.currentName);
-    },
-  },
-
-  created() {
-    this.show = this.expanded;
-    this.inited = this.expanded;
-  },
-
-  watch: {
-    expanded(expanded, prev) {
-      if (prev === null) {
-        return;
-      }
-
-      if (expanded) {
-        this.show = true;
-        this.inited = true;
+      if (value) {
+        show.value = true;
+        inited.value = true;
       }
 
       // Use raf: flick when opened in safari
       // Use nextTick: closing animation failed when set `user-select: none`
-      const nextTick = expanded ? this.$nextTick : raf;
+      const tick = value ? nextTick : raf;
 
-      nextTick(() => {
-        const { content, wrapper } = this.$refs;
-
-        if (!content || !wrapper) {
+      tick(() => {
+        if (!content.value || !wrapper.value) {
           return;
         }
 
-        const { offsetHeight } = content;
+        const { offsetHeight } = content.value;
         if (offsetHeight) {
           const contentHeight = `${offsetHeight}px`;
-          wrapper.style.height = expanded ? 0 : contentHeight;
+          wrapper.value.style.height = value ? 0 : contentHeight;
 
           // use double raf to ensure animation can start
           doubleRaf(() => {
-            wrapper.style.height = expanded ? contentHeight : 0;
+            wrapper.value.style.height = value ? contentHeight : 0;
           });
         } else {
-          this.onTransitionEnd();
+          onTransitionEnd();
         }
       });
-    },
-  },
+    });
 
-  methods: {
-    onClick() {
-      if (this.disabled) {
-        return;
+    const onClickTitle = () => {
+      if (!props.disabled) {
+        parent.toggle(currentName.value, !expanded.value);
       }
+    };
 
-      const { parent, currentName } = this;
-      const close = parent.accordion && currentName === parent.modelValue;
-      const name = close ? '' : currentName;
-
-      parent.switch(name, !this.expanded);
-    },
-
-    onTransitionEnd() {
-      if (!this.expanded) {
-        this.show = false;
-      } else {
-        this.$refs.wrapper.style.height = '';
-      }
-    },
-
-    genTitle() {
-      const { border, disabled, expanded } = this;
-
-      const slots = {
-        icon: this.$slots.icon,
-        title: this.$slots.title,
-        default: this.$slots.value,
-        'right-icon': this.$slots['right-icon'],
-      };
+    const renderTitle = () => {
+      const { border, disabled } = props;
 
       return (
         <Cell
-          v-slots={slots}
+          v-slots={{
+            icon: slots.icon,
+            title: slots.title,
+            default: slots.value,
+            'right-icon': slots['right-icon'],
+          }}
           role="button"
-          class={bem('title', { disabled, expanded, borderless: !border })}
-          onClick={this.onClick}
+          class={bem('title', {
+            disabled,
+            expanded: expanded.value,
+            borderless: !border,
+          })}
           tabindex={disabled ? -1 : 0}
-          aria-expanded={String(expanded)}
-          {...this.$props}
+          aria-expanded={String(expanded.value)}
+          onClick={onClickTitle}
+          {...props}
         />
       );
-    },
+    };
 
-    genContent() {
-      if (this.inited) {
+    const renderContent = () => {
+      if (inited.value) {
         return (
           <div
-            vShow={this.show}
-            ref="wrapper"
+            ref={wrapper}
+            vShow={show.value}
             class={bem('wrapper')}
-            onTransitionend={this.onTransitionEnd}
+            onTransitionend={onTransitionEnd}
           >
-            <div ref="content" class={bem('content')}>
-              {this.$slots.default?.()}
+            <div ref={content} class={bem('content')}>
+              {slots.default?.()}
             </div>
           </div>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    return (
-      <div class={[bem({ border: this.index && this.border })]}>
-        {this.genTitle()}
-        {this.genContent()}
+    return () => (
+      <div class={[bem({ border: index.value && props.border })]}>
+        {renderTitle()}
+        {renderContent()}
       </div>
     );
   },
diff --git a/src/collapse/index.js b/src/collapse/index.js
index e5fadb87d..b2cfe9acc 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,12 +1,12 @@
+import { ref, provide } from 'vue';
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 
 const [createComponent, bem] = createNamespace('collapse');
 
-export default createComponent({
-  mixins: [ParentMixin('vanCollapse')],
+export const COLLAPSE_KEY = 'vanCollapse';
 
+export default createComponent({
   props: {
     accordion: Boolean,
     modelValue: [String, Number, Array],
@@ -18,22 +18,52 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  methods: {
-    switch(name, expanded) {
-      if (!this.accordion) {
-        name = expanded
-          ? this.modelValue.concat(name)
-          : this.modelValue.filter((activeName) => activeName !== name);
-      }
-      this.$emit('change', name);
-      this.$emit('update:modelValue', name);
-    },
-  },
+  setup(props, { emit, slots }) {
+    const children = ref([]);
 
-  render() {
-    return (
-      <div class={[bem(), { [BORDER_TOP_BOTTOM]: this.border }]}>
-        {this.$slots.default?.()}
+    const toggle = (name, expanded) => {
+      const { accordion, modelValue } = props;
+
+      if (accordion) {
+        if (name === modelValue) {
+          name = '';
+        }
+      } else if (expanded) {
+        name = modelValue.concat(name);
+      } else {
+        name = modelValue.filter((activeName) => activeName !== name);
+      }
+
+      emit('change', name);
+      emit('update:modelValue', name);
+    };
+
+    const isExpanded = (name) => {
+      const { accordion, modelValue } = props;
+
+      if (
+        !accordion &&
+        !Array.isArray(modelValue) &&
+        process.env.NODE_ENV !== 'production'
+      ) {
+        console.error(
+          '[Vant] Collapse: type of prop "modelValue" should be Array'
+        );
+        return;
+      }
+
+      return accordion ? modelValue === name : modelValue.indexOf(name) !== -1;
+    };
+
+    provide(COLLAPSE_KEY, {
+      toggle,
+      children,
+      isExpanded,
+    });
+
+    return () => (
+      <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>
+        {slots.default?.()}
       </div>
     );
   },

From bd41102cf30c85513bb51046a26647f7b2a83e9b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 08:25:44 +0800
Subject: [PATCH 230/626] docs(List): fix PullRefresh

---
 src/list/README.md       | 2 +-
 src/list/README.zh-CN.md | 2 +-
 src/list/demo/index.vue  | 5 +----
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/list/README.md b/src/list/README.md
index 96a1301b2..aca84f948 100644
--- a/src/list/README.md
+++ b/src/list/README.md
@@ -90,7 +90,7 @@ export default {
 ### PullRefresh
 
 ```html
-<van-pull-refresh v-model:loading="refreshing" @refresh="onRefresh">
+<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
   <van-list
     v-model:loading="loading"
     :finished="finished"
diff --git a/src/list/README.zh-CN.md b/src/list/README.zh-CN.md
index 4a2f6af37..6a5099e1d 100644
--- a/src/list/README.zh-CN.md
+++ b/src/list/README.zh-CN.md
@@ -101,7 +101,7 @@ export default {
 List 组件可以与 [PullRefresh](#/zh-CN/pull-refresh) 组件结合使用，实现下拉刷新的效果
 
 ```html
-<van-pull-refresh v-model:loading="refreshing" @refresh="onRefresh">
+<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
   <van-list
     v-model:loading="loading"
     :finished="finished"
diff --git a/src/list/demo/index.vue b/src/list/demo/index.vue
index ac9758e0e..09c0daf71 100644
--- a/src/list/demo/index.vue
+++ b/src/list/demo/index.vue
@@ -25,10 +25,7 @@
       </van-tab>
 
       <van-tab :title="t('pullRefresh')">
-        <van-pull-refresh
-          v-model:loading="list[2].refreshing"
-          @refresh="onRefresh(2)"
-        >
+        <van-pull-refresh v-model="list[2].refreshing" @refresh="onRefresh(2)">
           <van-list
             v-model:loading="list[2].loading"
             :finished="list[2].finished"

From d9e9879465aae128acbd7c00ba34f053ab0207ac Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 08:26:18 +0800
Subject: [PATCH 231/626] feat: add use-lazy-render

---
 src/api/use-lazy-render.ts | 13 +++++++++++++
 src/collapse-item/index.js |  6 +++---
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 src/api/use-lazy-render.ts

diff --git a/src/api/use-lazy-render.ts b/src/api/use-lazy-render.ts
new file mode 100644
index 000000000..054d25fbb
--- /dev/null
+++ b/src/api/use-lazy-render.ts
@@ -0,0 +1,13 @@
+import { ref, Ref, watch } from 'vue';
+
+export function useLazyRender(show: Ref<boolean>) {
+  const inited = ref(show.value);
+
+  watch(show, (value) => {
+    if (value) {
+      inited.value = value;
+    }
+  });
+
+  return inited;
+}
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 025a27429..201609be4 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -6,6 +6,7 @@ import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
 import { useParent } from '../api/use-relation';
+import { useLazyRender } from '../api/use-lazy-render';
 
 // Components
 import Cell from '../cell';
@@ -42,7 +43,7 @@ export default createComponent({
     });
 
     const show = ref(expanded.value);
-    const inited = ref(expanded.value);
+    const shouldRender = useLazyRender(show);
 
     const onTransitionEnd = () => {
       if (!expanded.value) {
@@ -59,7 +60,6 @@ export default createComponent({
 
       if (value) {
         show.value = true;
-        inited.value = true;
       }
 
       // Use raf: flick when opened in safari
@@ -118,7 +118,7 @@ export default createComponent({
     };
 
     const renderContent = () => {
-      if (inited.value) {
+      if (shouldRender.value) {
         return (
           <div
             ref={wrapper}

From 30269be5b516e6cbba5ab84ca8c5b9d3a363589e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 11:09:28 +0800
Subject: [PATCH 232/626] refactor(CountDown): use composition api

---
 src/count-down/index.js | 265 +++++++++++++++++++---------------------
 1 file changed, 127 insertions(+), 138 deletions(-)

diff --git a/src/count-down/index.js b/src/count-down/index.js
index 233ef554e..26fc846cd 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -1,3 +1,11 @@
+import {
+  ref,
+  watch,
+  computed,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
 import { createNamespace } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
 import { isSameSecond, parseTimeData, parseFormat } from './utils';
@@ -23,144 +31,125 @@ export default createComponent({
 
   emits: ['change', 'finish'],
 
-  data() {
-    return {
-      remain: 0,
+  setup(props, { emit, slots }) {
+    let rafId;
+    let endTime;
+    let counting;
+    let keepAlived;
+
+    const remain = ref(0);
+    const timeData = computed(() => parseTimeData(remain.value));
+    const timeText = computed(() => parseFormat(props.format, timeData.value));
+
+    const pause = () => {
+      counting = false;
+      cancelRaf(rafId);
+    };
+
+    const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
+
+    const setRemain = (value) => {
+      remain.value = value;
+      emit('change', timeData.value);
+
+      if (value === 0) {
+        pause();
+        emit('finish');
+      }
+    };
+
+    const microTick = () => {
+      rafId = raf(() => {
+        // in case of call reset immediately after finish
+        if (counting) {
+          setRemain(getCurrentRemain());
+
+          if (remain.value > 0) {
+            microTick();
+          }
+        }
+      });
+    };
+
+    const macroTick = () => {
+      rafId = raf(() => {
+        // in case of call reset immediately after finish
+        if (counting) {
+          const currentRemain = getCurrentRemain();
+
+          if (
+            !isSameSecond(currentRemain, remain.value) ||
+            currentRemain === 0
+          ) {
+            setRemain(currentRemain);
+          }
+
+          if (remain.value > 0) {
+            macroTick();
+          }
+        }
+      });
+    };
+
+    const tick = () => {
+      if (props.millisecond) {
+        microTick();
+      } else {
+        macroTick();
+      }
+    };
+
+    const start = () => {
+      if (!counting) {
+        endTime = Date.now() + remain.value;
+        counting = true;
+        tick();
+      }
+    };
+
+    const reset = () => {
+      pause();
+      remain.value = +props.time;
+
+      if (props.autoStart) {
+        start();
+      }
+    };
+
+    watch(
+      computed(() => props.time),
+      reset,
+      { immediate: true }
+    );
+
+    onActivated(() => {
+      if (keepAlived) {
+        counting = true;
+        keepAlived = false;
+        tick();
+      }
+    });
+
+    onDeactivated(() => {
+      if (counting) {
+        pause();
+        keepAlived = true;
+      }
+    });
+
+    onBeforeUnmount(pause);
+
+    return (vm) => {
+      // @exposed-api
+      vm.start = start;
+      vm.reset = reset;
+      vm.pause = pause;
+
+      return (
+        <div class={bem()}>
+          {slots.default ? slots.default(timeData.value) : timeText.value}
+        </div>
+      );
     };
   },
-
-  computed: {
-    timeData() {
-      return parseTimeData(this.remain);
-    },
-
-    formattedTime() {
-      return parseFormat(this.format, this.timeData);
-    },
-  },
-
-  watch: {
-    time: {
-      immediate: true,
-      handler() {
-        this.reset();
-      },
-    },
-  },
-
-  activated() {
-    if (this.keepAlivePaused) {
-      this.counting = true;
-      this.keepAlivePaused = false;
-      this.tick();
-    }
-  },
-
-  deactivated() {
-    if (this.counting) {
-      this.pause();
-      this.keepAlivePaused = true;
-    }
-  },
-
-  beforeUnmount() {
-    this.pause();
-  },
-
-  methods: {
-    // @exposed-api
-    start() {
-      if (this.counting) {
-        return;
-      }
-
-      this.counting = true;
-      this.endTime = Date.now() + this.remain;
-      this.tick();
-    },
-
-    // @exposed-api
-    pause() {
-      this.counting = false;
-      cancelRaf(this.rafId);
-    },
-
-    // @exposed-api
-    reset() {
-      this.pause();
-      this.remain = +this.time;
-
-      if (this.autoStart) {
-        this.start();
-      }
-    },
-
-    tick() {
-      if (this.millisecond) {
-        this.microTick();
-      } else {
-        this.macroTick();
-      }
-    },
-
-    microTick() {
-      this.rafId = raf(() => {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!this.counting) {
-          return;
-        }
-
-        this.setRemain(this.getRemain());
-
-        if (this.remain > 0) {
-          this.microTick();
-        }
-      });
-    },
-
-    macroTick() {
-      this.rafId = raf(() => {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!this.counting) {
-          return;
-        }
-
-        const remain = this.getRemain();
-
-        if (!isSameSecond(remain, this.remain) || remain === 0) {
-          this.setRemain(remain);
-        }
-
-        if (this.remain > 0) {
-          this.macroTick();
-        }
-      });
-    },
-
-    getRemain() {
-      return Math.max(this.endTime - Date.now(), 0);
-    },
-
-    setRemain(remain) {
-      this.remain = remain;
-      this.$emit('change', this.timeData);
-
-      if (remain === 0) {
-        this.pause();
-        this.$emit('finish');
-      }
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem()}>
-        {this.$slots.default
-          ? this.$slots.default(this.timeData)
-          : this.formattedTime}
-      </div>
-    );
-  },
 });

From 9627da3f8cbfe1490dfa501e2cc5cee2bde8f5d0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 11:19:24 +0800
Subject: [PATCH 233/626] refactor(Empty): use setup

---
 src/empty/index.js | 56 +++++++++++++++++++---------------------------
 1 file changed, 23 insertions(+), 33 deletions(-)

diff --git a/src/empty/index.js b/src/empty/index.js
index a59d4de40..e99e1bd78 100644
--- a/src/empty/index.js
+++ b/src/empty/index.js
@@ -3,7 +3,7 @@ import Network from './Network';
 
 const [createComponent, bem] = createNamespace('empty');
 
-const PRESETS = ['error', 'search', 'default'];
+const PRESET_IMAGES = ['error', 'search', 'default'];
 
 export default createComponent({
   props: {
@@ -14,56 +14,46 @@ export default createComponent({
     },
   },
 
-  methods: {
-    genImageContent() {
-      const slots = this.$slots.image?.();
-
-      if (slots) {
-        return slots;
+  setup(props, { slots }) {
+    const renderImage = () => {
+      if (slots.image) {
+        return slots.image();
       }
 
-      if (this.image === 'network') {
+      let { image } = props;
+
+      if (image === 'network') {
         return <Network />;
       }
 
-      let { image } = this;
-
-      if (PRESETS.indexOf(image) !== -1) {
+      if (PRESET_IMAGES.indexOf(image) !== -1) {
         image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
       }
 
       return <img src={image} />;
-    },
+    };
 
-    genImage() {
-      return <div class={bem('image')}>{this.genImageContent()}</div>;
-    },
-
-    genDescription() {
-      const description = this.$slots.description
-        ? this.slot.description()
-        : this.description;
+    const renderDescription = () => {
+      const description = slots.description
+        ? slots.description()
+        : props.description;
 
       if (description) {
         return <p class={bem('description')}>{description}</p>;
       }
-    },
+    };
 
-    genBottom() {
-      const slot = this.$slots.default?.();
-
-      if (slot) {
-        return <div class={bem('bottom')}>{slot}</div>;
+    const renderBottom = () => {
+      if (slots.default) {
+        return <div class={bem('bottom')}>{slots.default()}</div>;
       }
-    },
-  },
+    };
 
-  render() {
-    return (
+    return () => (
       <div class={bem()}>
-        {this.genImage()}
-        {this.genDescription()}
-        {this.genBottom()}
+        <div class={bem('image')}>{renderImage()}</div>
+        {renderDescription()}
+        {renderBottom()}
       </div>
     );
   },

From ce27bcdf9bf33383838e2bca10bca1316ad3dffb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 14:12:41 +0800
Subject: [PATCH 234/626] refactor(Loading): refactor with composition api

---
 src/loading/index.js | 86 ++++++++++++++++++++++++--------------------
 1 file changed, 47 insertions(+), 39 deletions(-)

diff --git a/src/loading/index.js b/src/loading/index.js
index 445cfb383..bbfa0cf9a 100644
--- a/src/loading/index.js
+++ b/src/loading/index.js
@@ -1,23 +1,12 @@
-// Utils
+import { computed } from 'vue';
 import { createNamespace, addUnit } from '../utils';
 
 const [createComponent, bem] = createNamespace('loading');
 
-const SpinIcon = [];
-for (let i = 0; i < 12; i++) {
-  SpinIcon.push(<i />);
-}
-
-const CircularIcon = (
-  <svg class={bem('circular')} viewBox="25 25 50 50">
-    <circle cx="50" cy="50" r="20" fill="none" />
-  </svg>
-);
-
 export default createComponent({
   props: {
-    color: String,
     size: [Number, String],
+    color: String,
     vertical: Boolean,
     textSize: [Number, String],
     type: {
@@ -26,39 +15,58 @@ export default createComponent({
     },
   },
 
-  methods: {
-    genLoadingText() {
-      if (this.$slots.default) {
-        const style = this.textSize && {
-          fontSize: addUnit(this.textSize),
-        };
+  setup(props, { slots }) {
+    const SpinIcon = [];
+    for (let i = 0; i < 12; i++) {
+      SpinIcon.push(<i />);
+    }
 
+    const CircularIcon = (
+      <svg class={bem('circular')} viewBox="25 25 50 50">
+        <circle cx="50" cy="50" r="20" fill="none" />
+      </svg>
+    );
+
+    const renderText = () => {
+      if (slots.default) {
         return (
-          <span class={bem('text')} style={style}>
-            {this.$slots.default()}
+          <span
+            class={bem('text')}
+            style={{
+              fontSize: addUnit(props.textSize),
+            }}
+          >
+            {slots.default()}
           </span>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    const { color, size, type, vertical } = this;
+    const spinnerStyle = computed(() => {
+      const style = {
+        color: props.color,
+      };
 
-    const style = { color };
-    if (size) {
-      const iconSize = addUnit(size);
-      style.width = iconSize;
-      style.height = iconSize;
-    }
+      if (props.size) {
+        const size = addUnit(props.size);
+        style.width = size;
+        style.height = size;
+      }
 
-    return (
-      <div class={bem([type, { vertical }])}>
-        <span class={bem('spinner', type)} style={style}>
-          {type === 'spinner' ? SpinIcon : CircularIcon}
-        </span>
-        {this.genLoadingText()}
-      </div>
-    );
+      return style;
+    });
+
+    return () => {
+      const { type, vertical } = props;
+
+      return (
+        <div class={bem([type, { vertical }])}>
+          <span class={bem('spinner', type)} style={spinnerStyle.value}>
+            {type === 'spinner' ? SpinIcon : CircularIcon}
+          </span>
+          {renderText()}
+        </div>
+      );
+    };
   },
 });

From 796ddca896f84f36eb4abd00ae5b097d835cae40 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 14:29:19 +0800
Subject: [PATCH 235/626] refactor(NavBar): refactor with composition api

---
 src/nav-bar/index.js | 107 +++++++++++++++++++++----------------------
 1 file changed, 53 insertions(+), 54 deletions(-)

diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 76b73d12f..4ce995fb1 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -1,3 +1,5 @@
+import { ref, onMounted } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
@@ -24,82 +26,79 @@ export default createComponent({
 
   emits: ['click-left', 'click-right'],
 
-  data() {
-    return {
-      height: null,
+  setup(props, { emit, slots }) {
+    const navBar = ref(null);
+    const height = ref(null);
+
+    onMounted(() => {
+      if (props.placeholder && props.fixed) {
+        height.value = navBar.value.getBoundingClientRect().height;
+      }
+    });
+
+    const onClickLeft = (event) => {
+      emit('click-left', event);
     };
-  },
 
-  mounted() {
-    if (this.placeholder && this.fixed) {
-      this.height = this.$refs.navBar.getBoundingClientRect().height;
-    }
-  },
+    const onClickRight = (event) => {
+      emit('click-right', event);
+    };
 
-  methods: {
-    genLeft() {
-      const leftSlot = this.$slots.left?.();
-
-      if (leftSlot) {
-        return leftSlot;
+    const renderLeft = () => {
+      if (slots.left) {
+        return slots.left();
       }
 
       return [
-        this.leftArrow && <Icon class={bem('arrow')} name="arrow-left" />,
-        this.leftText && <span class={bem('text')}>{this.leftText}</span>,
+        props.leftArrow && <Icon class={bem('arrow')} name="arrow-left" />,
+        props.leftText && <span class={bem('text')}>{props.leftText}</span>,
       ];
-    },
+    };
 
-    genRight() {
-      const rightSlot = this.$slots.right?.();
-
-      if (rightSlot) {
-        return rightSlot;
+    const renderRight = () => {
+      if (slots.right) {
+        return slots.right();
       }
 
-      if (this.rightText) {
-        return <span class={bem('text')}>{this.rightText}</span>;
+      if (props.rightText) {
+        return <span class={bem('text')}>{props.rightText}</span>;
       }
-    },
+    };
 
-    genNavBar() {
+    const renderNavBar = () => {
+      const { title, fixed, border, zIndex } = props;
       return (
         <div
-          ref="navBar"
-          style={{ zIndex: this.zIndex }}
-          class={[bem({ fixed: this.fixed }), { [BORDER_BOTTOM]: this.border }]}
+          ref={navBar}
+          style={{ zIndex }}
+          class={[bem({ fixed }), { [BORDER_BOTTOM]: border }]}
         >
-          <div class={bem('left')} onClick={this.onClickLeft}>
-            {this.genLeft()}
+          <div class={bem('left')} onClick={onClickLeft}>
+            {renderLeft()}
           </div>
           <div class={[bem('title'), 'van-ellipsis']}>
-            {this.$slots.title ? this.$slots.title() : this.title}
+            {slots.title ? slots.title() : title}
           </div>
-          <div class={bem('right')} onClick={this.onClickRight}>
-            {this.genRight()}
+          <div class={bem('right')} onClick={onClickRight}>
+            {renderRight()}
           </div>
         </div>
       );
-    },
+    };
 
-    onClickLeft(event) {
-      this.$emit('click-left', event);
-    },
+    return () => {
+      if (props.placeholder && props.fixed) {
+        return (
+          <div
+            class={bem('placeholder')}
+            style={{ height: `${height.value}px` }}
+          >
+            {renderNavBar()}
+          </div>
+        );
+      }
 
-    onClickRight(event) {
-      this.$emit('click-right', event);
-    },
-  },
-
-  render() {
-    if (this.placeholder && this.fixed) {
-      return (
-        <div class={bem('placeholder')} style={{ height: `${this.height}px` }}>
-          {this.genNavBar()}
-        </div>
-      );
-    }
-
-    return this.genNavBar();
+      return renderNavBar();
+    };
   },
 });

From 982a9d16da3e1c345e5b02ff971641a443f51c0f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 14:44:02 +0800
Subject: [PATCH 236/626] refactor(Image): refactor with composition api

---
 src/image/index.js | 227 +++++++++++++++++++++------------------------
 1 file changed, 105 insertions(+), 122 deletions(-)

diff --git a/src/image/index.js b/src/image/index.js
index 822eabcda..46e129166 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -1,4 +1,5 @@
-import { createNamespace, isDef, addUnit, inBrowser } from '../utils';
+import { ref, watch, computed } from 'vue';
+import { createNamespace, isDef, addUnit } from '../utils';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('image');
@@ -31,156 +32,138 @@ export default createComponent({
     },
   },
 
-  emits: ['load', 'error', 'click'],
+  emits: ['load', 'error'],
 
-  data() {
-    return {
-      loading: true,
-      error: false,
-    };
-  },
+  setup(props, { emit, slots }) {
+    const error = ref(false);
+    const loading = ref(true);
+    const imageRef = ref(null);
 
-  watch: {
-    src() {
-      this.loading = true;
-      this.error = false;
-    },
-  },
-
-  computed: {
-    style() {
+    const style = computed(() => {
       const style = {};
 
-      if (isDef(this.width)) {
-        style.width = addUnit(this.width);
+      if (isDef(props.width)) {
+        style.width = addUnit(props.width);
       }
 
-      if (isDef(this.height)) {
-        style.height = addUnit(this.height);
+      if (isDef(props.height)) {
+        style.height = addUnit(props.height);
       }
 
-      if (isDef(this.radius)) {
+      if (isDef(props.radius)) {
         style.overflow = 'hidden';
-        style.borderRadius = addUnit(this.radius);
+        style.borderRadius = addUnit(props.radius);
       }
 
       return style;
-    },
-  },
+    });
 
-  created() {
-    const { $Lazyload } = this;
-
-    if ($Lazyload && inBrowser) {
-      $Lazyload.$on('loaded', this.onLazyLoaded);
-      $Lazyload.$on('error', this.onLazyLoadError);
-    }
-  },
-
-  beforeUnmount() {
-    const { $Lazyload } = this;
-
-    if ($Lazyload) {
-      $Lazyload.$off('loaded', this.onLazyLoaded);
-      $Lazyload.$off('error', this.onLazyLoadError);
-    }
-  },
-
-  methods: {
-    onLoad(event) {
-      this.loading = false;
-      this.$emit('load', event);
-    },
-
-    onLazyLoaded({ el }) {
-      if (el === this.$refs.image && this.loading) {
-        this.onLoad();
+    watch(
+      computed(() => props.src),
+      () => {
+        error.value = false;
+        loading.value = true;
       }
-    },
+    );
 
-    onLazyLoadError({ el }) {
-      if (el === this.$refs.image && !this.error) {
-        this.onError();
-      }
-    },
+    const onLoad = (event) => {
+      loading.value = false;
+      emit('load', event);
+    };
 
-    onError(event) {
-      this.error = true;
-      this.loading = false;
-      this.$emit('error', event);
-    },
+    const onError = (event) => {
+      error.value = true;
+      loading.value = false;
+      emit('error', event);
+    };
 
-    onClick(event) {
-      this.$emit('click', event);
-    },
-
-    genPlaceholder() {
-      if (this.loading && this.showLoading) {
-        return (
-          <div class={bem('loading')}>
-            {this.$slots.loading ? (
-              this.$slots.loading()
-            ) : (
-              <Icon name={this.loadingIcon} class={bem('loading-icon')} />
-            )}
-          </div>
-        );
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
       }
 
-      if (this.error && this.showError) {
-        return (
-          <div class={bem('error')}>
-            {this.$slots.error ? (
-              this.$slots.error()
-            ) : (
-              <Icon name={this.errorIcon} class={bem('error-icon')} />
-            )}
-          </div>
-        );
+      return <Icon name={props.loadingIcon} class={bem('loading-icon')} />;
+    };
+
+    const renderErrorIcon = () => {
+      if (slots.error) {
+        return slots.error();
       }
-    },
 
-    genImage() {
-      const imgData = {
-        alt: this.alt,
-        class: bem('img'),
-        style: {
-          objectFit: this.fit,
-        },
-      };
+      return <Icon name={props.errorIcon} class={bem('error-icon')} />;
+    };
 
-      if (this.error) {
+    const renderPlaceholder = () => {
+      if (props.loading && props.showLoading) {
+        return <div class={bem('loading')}>{renderLoadingIcon()}</div>;
+      }
+
+      if (props.error && props.showError) {
+        return <div class={bem('error')}>{renderErrorIcon()}</div>;
+      }
+    };
+
+    const renderImage = () => {
+      if (props.error || !props.src) {
         return;
       }
 
-      if (this.lazyLoad) {
-        return <img ref="image" vLazy={this.src} {...imgData} />;
+      const attrs = {
+        alt: props.alt,
+        class: bem('img'),
+        style: {
+          objectFit: props.fit,
+        },
+      };
+
+      if (props.lazyLoad) {
+        return <img ref={imageRef} vLazy={props.src} {...attrs} />;
       }
 
-      if (this.src) {
-        return (
-          <img
-            src={this.src}
-            onLoad={this.onLoad}
-            onError={this.onError}
-            {...imgData}
-          />
-        );
-      }
-    },
-  },
+      return (
+        <img src={props.src} onLoad={onLoad} onError={onError} {...attrs} />
+      );
+    };
 
-  render() {
-    return (
-      <div
-        class={bem({ round: this.round })}
-        style={this.style}
-        onClick={this.onClick}
-      >
-        {this.genImage()}
-        {this.genPlaceholder()}
-        {this.$slots.default?.()}
+    return () => (
+      <div class={bem({ round: props.round })} style={style.value}>
+        {renderImage()}
+        {renderPlaceholder()}
+        {slots.default?.()}
       </div>
     );
   },
+
+  // TODO: lazyLoad
+  // created() {
+  //   const { $Lazyload } = this;
+
+  //   if ($Lazyload && inBrowser) {
+  //     $Lazyload.$on('loaded', this.onLazyLoaded);
+  //     $Lazyload.$on('error', this.onLazyLoadError);
+  //   }
+  // },
+
+  // beforeUnmount() {
+  //   const { $Lazyload } = this;
+
+  //   if ($Lazyload) {
+  //     $Lazyload.$off('loaded', this.onLazyLoaded);
+  //     $Lazyload.$off('error', this.onLazyLoadError);
+  //   }
+  // },
+
+  // methods: {
+  // onLazyLoaded({ el }) {
+  //   if (el === this.$refs.image && this.loading) {
+  //     this.onLoad();
+  //   }
+  // },
+
+  // onLazyLoadError({ el }) {
+  //   if (el === this.$refs.image && !this.error) {
+  //     this.onError();
+  //   }
+  // },
+  // },
 });

From a847313477fcab7b427083802777120422435a93 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 14:50:10 +0800
Subject: [PATCH 237/626] chore(Skeleton): extract render fn

---
 src/skeleton/index.js | 110 +++++++++++++++++++++---------------------
 1 file changed, 54 insertions(+), 56 deletions(-)

diff --git a/src/skeleton/index.js b/src/skeleton/index.js
index c7b767726..83aedd3bf 100644
--- a/src/skeleton/index.js
+++ b/src/skeleton/index.js
@@ -40,68 +40,66 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    return function () {
+    const renderAvatar = () => {
+      if (props.avatar) {
+        const size = addUnit(props.avatarSize);
+        return (
+          <div
+            class={bem('avatar', props.avatarShape)}
+            style={{ width: size, height: size }}
+          />
+        );
+      }
+    };
+
+    const renderTitle = () => {
+      if (props.title) {
+        return (
+          <h3
+            class={bem('title')}
+            style={{ width: addUnit(props.titleWidth) }}
+          />
+        );
+      }
+    };
+
+    const getRowWidth = (index) => {
+      const { rowWidth } = props;
+
+      if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+        return DEFAULT_LAST_ROW_WIDTH;
+      }
+
+      if (Array.isArray(rowWidth)) {
+        return rowWidth[index];
+      }
+
+      return rowWidth;
+    };
+
+    const renderRows = () => {
+      const Rows = [];
+
+      for (let i = 0; i < props.row; i++) {
+        Rows.push(
+          <div class={bem('row')} style={{ width: addUnit(getRowWidth(i)) }} />
+        );
+      }
+
+      return Rows;
+    };
+
+    return () => {
       if (!props.loading) {
-        return slots.default && slots.default();
-      }
-
-      function Title() {
-        if (props.title) {
-          return (
-            <h3
-              class={bem('title')}
-              style={{ width: addUnit(props.titleWidth) }}
-            />
-          );
-        }
-      }
-
-      function Rows() {
-        const Rows = [];
-        const { rowWidth } = props;
-
-        function getRowWidth(index) {
-          if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
-            return DEFAULT_LAST_ROW_WIDTH;
-          }
-
-          if (Array.isArray(rowWidth)) {
-            return rowWidth[index];
-          }
-
-          return rowWidth;
-        }
-
-        for (let i = 0; i < props.row; i++) {
-          Rows.push(
-            <div
-              class={bem('row')}
-              style={{ width: addUnit(getRowWidth(i)) }}
-            />
-          );
-        }
-
-        return Rows;
-      }
-
-      function Avatar() {
-        if (props.avatar) {
-          const size = addUnit(props.avatarSize);
-          return (
-            <div
-              class={bem('avatar', props.avatarShape)}
-              style={{ width: size, height: size }}
-            />
-          );
-        }
+        return slots.default?.();
       }
 
       return (
         <div class={bem({ animate: props.animate, round: props.round })}>
-          {Avatar()}
+          {renderAvatar()}
           <div class={bem('content')}>
-            {Title()}
-            {Rows()}
+            {renderTitle()}
+            {renderRows()}
           </div>
         </div>
       );

From c371301648fe82f6a426837c9d7ca1f3056068ea Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:04:04 +0800
Subject: [PATCH 238/626] refactor(Sidebar): refactor with composition api

---
 src/sidebar-item/index.js | 65 +++++++++++++++++++--------------------
 src/sidebar/index.js      | 49 ++++++++++++++---------------
 2 files changed, 56 insertions(+), 58 deletions(-)

diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 58bfb5c5a..43d89f4b4 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,53 +1,50 @@
+import { ref, computed } from 'vue';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
 import { route, routeProps } from '../utils/router';
+import { useParent } from '../api/use-relation';
+import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('sidebar-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanSidebar')],
-
-  emits: ['click'],
-
   props: {
     ...routeProps,
     dot: Boolean,
-    badge: [Number, String],
     title: String,
+    badge: [Number, String],
     disabled: Boolean,
   },
 
-  computed: {
-    select() {
-      return this.index === +this.parent.modelValue;
-    },
-  },
+  emits: ['click'],
 
-  methods: {
-    onClick() {
-      if (this.disabled) {
-        return;
-      }
+  setup(props, { emit }) {
+    const { parent, index } = useParent(SIDEBAR_KEY, ref());
 
-      this.$emit('click', this.index);
-      this.parent.$emit('update:modelValue', this.index);
-      this.parent.setIndex(this.index);
-      route(this.$router, this);
-    },
-  },
+    const selected = computed(() => index.value === +parent.active.value);
 
-  render() {
-    return (
-      <a
-        class={bem({ select: this.select, disabled: this.disabled })}
-        onClick={this.onClick}
-      >
-        <div class={bem('text')}>
-          {this.title}
-          <Badge dot={this.dot} badge={this.badge} class={bem('badge')} />
-        </div>
-      </a>
-    );
+    return (vm) => {
+      const { dot, badge, title, disabled } = props;
+
+      const onClick = () => {
+        if (disabled) {
+          return;
+        }
+
+        emit('click', index.value);
+        parent.emit('update:modelValue', index.value);
+        parent.setIndex(index.value);
+        route(vm.$router, vm);
+      };
+
+      return (
+        <a class={bem({ select: selected.value, disabled })} onClick={onClick}>
+          <div class={bem('text')}>
+            {title}
+            <Badge dot={dot} badge={badge} class={bem('badge')} />
+          </div>
+        </a>
+      );
+    };
   },
 });
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index 8043cc33f..7a240d844 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,13 +1,11 @@
+import { ref, watch, provide, computed } from 'vue';
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
 
 const [createComponent, bem] = createNamespace('sidebar');
 
+export const SIDEBAR_KEY = 'vanSidebar';
+
 export default createComponent({
-  mixins: [ParentMixin('vanSidebar')],
-
-  emits: ['change', 'update:modelValue'],
-
   props: {
     modelValue: {
       type: [Number, String],
@@ -15,28 +13,31 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      index: +this.modelValue,
-    };
-  },
+  emits: ['change', 'update:modelValue'],
 
-  watch: {
-    modelValue() {
-      this.setIndex(+this.modelValue);
-    },
-  },
+  setup(props, { emit, slots }) {
+    const children = ref([]);
+    const index = ref(+props.modelValue);
+    const active = computed(() => props.modelValue);
 
-  methods: {
-    setIndex(index) {
-      if (index !== this.index) {
-        this.index = index;
-        this.$emit('change', index);
+    const setIndex = (value) => {
+      if (value !== index.value) {
+        index.value = value;
+        emit('change', value);
       }
-    },
-  },
+    };
 
-  render() {
-    return <div class={bem()}>{this.$slots.default?.()}</div>;
+    watch(active, (val) => {
+      setIndex(+val);
+    });
+
+    provide(SIDEBAR_KEY, {
+      emit,
+      active,
+      children,
+      setIndex,
+    });
+
+    return () => <div class={bem()}>{slots.default?.()}</div>;
   },
 });

From e686738fd57586d15400ede6bc029e0fead17ead Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:12:53 +0800
Subject: [PATCH 239/626] perf: simplify watch param

---
 src/circle/index.js       | 2 +-
 src/count-down/index.js   | 6 +-----
 src/image/index.js        | 2 +-
 src/sidebar-item/index.js | 2 +-
 src/sidebar/index.js      | 8 ++++----
 5 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/circle/index.js b/src/circle/index.js
index dfa818678..f26f2adc0 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -78,7 +78,7 @@ export default createComponent({
     });
 
     watch(
-      computed(() => props.rate),
+      () => props.rate,
       (rate) => {
         let rafId;
         const startTime = Date.now();
diff --git a/src/count-down/index.js b/src/count-down/index.js
index 26fc846cd..fcd06a18e 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -116,11 +116,7 @@ export default createComponent({
       }
     };
 
-    watch(
-      computed(() => props.time),
-      reset,
-      { immediate: true }
-    );
+    watch(() => props.time, reset, { immediate: true });
 
     onActivated(() => {
       if (keepAlived) {
diff --git a/src/image/index.js b/src/image/index.js
index 46e129166..5b85a1152 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -59,7 +59,7 @@ export default createComponent({
     });
 
     watch(
-      computed(() => props.src),
+      () => props.src,
       () => {
         error.value = false;
         loading.value = true;
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 43d89f4b4..4e36a9b49 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -21,7 +21,7 @@ export default createComponent({
   setup(props, { emit }) {
     const { parent, index } = useParent(SIDEBAR_KEY, ref());
 
-    const selected = computed(() => index.value === +parent.active.value);
+    const selected = computed(() => index.value === +parent.active());
 
     return (vm) => {
       const { dot, badge, title, disabled } = props;
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index 7a240d844..b72bef65d 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,4 +1,4 @@
-import { ref, watch, provide, computed } from 'vue';
+import { ref, watch, provide } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('sidebar');
@@ -18,7 +18,7 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const children = ref([]);
     const index = ref(+props.modelValue);
-    const active = computed(() => props.modelValue);
+    const active = () => props.modelValue;
 
     const setIndex = (value) => {
       if (value !== index.value) {
@@ -27,8 +27,8 @@ export default createComponent({
       }
     };
 
-    watch(active, (val) => {
-      setIndex(+val);
+    watch(active, (value) => {
+      setIndex(+value);
     });
 
     provide(SIDEBAR_KEY, {

From d0a3726bbb9ef6c5857956c7d92e4021444983b1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:20:05 +0800
Subject: [PATCH 240/626] chore(Sidebar): improve code

---
 src/sidebar-item/index.js |  7 +++----
 src/sidebar/index.js      | 14 +++++---------
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 4e36a9b49..e201b3b03 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue';
+import { ref } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
@@ -21,10 +21,9 @@ export default createComponent({
   setup(props, { emit }) {
     const { parent, index } = useParent(SIDEBAR_KEY, ref());
 
-    const selected = computed(() => index.value === +parent.active());
-
     return (vm) => {
       const { dot, badge, title, disabled } = props;
+      const selected = index.value === parent.active();
 
       const onClick = () => {
         if (disabled) {
@@ -33,7 +32,7 @@ export default createComponent({
 
         emit('click', index.value);
         parent.emit('update:modelValue', index.value);
-        parent.setIndex(index.value);
+        parent.setActive(index.value);
         route(vm.$router, vm);
       };
 
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index b72bef65d..61181e177 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -17,25 +17,21 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const children = ref([]);
-    const index = ref(+props.modelValue);
-    const active = () => props.modelValue;
+    const active = () => +props.modelValue;
 
-    const setIndex = (value) => {
-      if (value !== index.value) {
-        index.value = value;
+    const setActive = (value) => {
+      if (value !== active()) {
         emit('change', value);
       }
     };
 
-    watch(active, (value) => {
-      setIndex(+value);
-    });
+    watch(active, setActive);
 
     provide(SIDEBAR_KEY, {
       emit,
       active,
       children,
-      setIndex,
+      setActive,
     });
 
     return () => <div class={bem()}>{slots.default?.()}</div>;

From 25cbdecf250d4203a882ef4587ef8345ea039893 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:24:30 +0800
Subject: [PATCH 241/626] chore: add useParent default value

---
 src/action-bar-icon/index.js | 3 +--
 src/api/use-relation.ts      | 7 +++++--
 src/collapse-item/index.js   | 2 +-
 src/sidebar-item/index.js    | 5 ++---
 src/sidebar/index.js         | 1 -
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 39a0ad1ce..9799c8c0e 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,4 +1,3 @@
-import { ref } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
@@ -20,7 +19,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    useParent(ACTION_BAR_KEY, ref());
+    useParent(ACTION_BAR_KEY);
 
     const renderIcon = () => {
       const { dot, badge, icon, color, iconClass } = props;
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index 857ebf04d..96fffc4c3 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,10 +1,13 @@
-import { Ref, inject, computed, onUnmounted } from 'vue';
+import { ref, Ref, inject, computed, onUnmounted } from 'vue';
 
 export type Parent<T = unknown> = null | {
   children: Ref<Ref<T>[]>;
 };
 
-export function useParent<T = unknown>(key: string, child: Ref<T>) {
+export function useParent<T = unknown>(
+  key: string,
+  child: Ref<T> = ref() as Ref<T>
+) {
   const parent = inject<Parent<T>>(key, null);
 
   if (parent) {
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 201609be4..8e5d36350 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -29,7 +29,7 @@ export default createComponent({
   setup(props, { slots }) {
     const wrapper = ref(null);
     const content = ref(null);
-    const { parent, index } = useParent(COLLAPSE_KEY, ref());
+    const { parent, index } = useParent(COLLAPSE_KEY);
 
     const currentName = computed(() =>
       isDef(props.name) ? props.name : index.value
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index e201b3b03..3b84e3570 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,4 +1,3 @@
-import { ref } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
@@ -19,7 +18,7 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit }) {
-    const { parent, index } = useParent(SIDEBAR_KEY, ref());
+    const { parent, index } = useParent(SIDEBAR_KEY);
 
     return (vm) => {
       const { dot, badge, title, disabled } = props;
@@ -37,7 +36,7 @@ export default createComponent({
       };
 
       return (
-        <a class={bem({ select: selected.value, disabled })} onClick={onClick}>
+        <a class={bem({ select: selected, disabled })} onClick={onClick}>
           <div class={bem('text')}>
             {title}
             <Badge dot={dot} badge={badge} class={bem('badge')} />
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index 61181e177..e29ae8a1b 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -18,7 +18,6 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const children = ref([]);
     const active = () => +props.modelValue;
-
     const setActive = (value) => {
       if (value !== active()) {
         emit('change', value);

From a00e6f34742f0310327a7769d8f502ac40fc9d1b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:29:19 +0800
Subject: [PATCH 242/626] chore(Layout): improve span

---
 src/col/index.js | 5 +----
 src/row/index.js | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/col/index.js b/src/col/index.js
index 32c80716e..81e3cdad9 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -16,10 +16,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const { parent, index } = useParent(
-      ROW_KEY,
-      computed(() => props.span)
-    );
+    const { parent, index } = useParent(ROW_KEY, () => +props.span);
 
     const style = computed(() => {
       const { spaces } = parent || {};
diff --git a/src/row/index.js b/src/row/index.js
index 5f071dee2..99f841aac 100644
--- a/src/row/index.js
+++ b/src/row/index.js
@@ -27,8 +27,8 @@ export default createComponent({
       const groups = [[]];
 
       let totalSpan = 0;
-      children.value.forEach((item, index) => {
-        totalSpan += Number(item.value);
+      children.value.forEach((getSpan, index) => {
+        totalSpan += getSpan();
 
         if (totalSpan > 24) {
           groups.push([index]);

From 04290db467c0e5d45033cc2ed6bcdddaf3ef88bf Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 15:33:59 +0800
Subject: [PATCH 243/626] perf: reduce ref call

---
 src/action-bar-button/index.js | 8 ++++----
 src/api/use-relation.ts        | 9 +++------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 4699e16ef..d18c2ff8b 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue';
+import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
@@ -19,13 +19,13 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const { parent, index } = useParent(ACTION_BAR_KEY, ref(true));
+    const { parent, index } = useParent(ACTION_BAR_KEY, { isButton: true });
 
     const isFirst = computed(() => {
       if (parent) {
         const children = parent.children.value;
         const prev = children[index.value - 1];
-        return !(prev && prev.value);
+        return !(prev && prev.isButton);
       }
     });
 
@@ -33,7 +33,7 @@ export default createComponent({
       if (parent) {
         const children = parent.children.value;
         const next = children[index.value + 1];
-        return !(next && next.value);
+        return !(next && next.isButton);
       }
     });
 
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index 96fffc4c3..a91a3efe3 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,13 +1,10 @@
-import { ref, Ref, inject, computed, onUnmounted } from 'vue';
+import { Ref, inject, computed, onUnmounted } from 'vue';
 
 export type Parent<T = unknown> = null | {
-  children: Ref<Ref<T>[]>;
+  children: Ref<T[]>;
 };
 
-export function useParent<T = unknown>(
-  key: string,
-  child: Ref<T> = ref() as Ref<T>
-) {
+export function useParent<T = unknown>(key: string, child: T = {} as T) {
   const parent = inject<Parent<T>>(key, null);
 
   if (parent) {

From 7b4286b9d53180a4e37d7d735073d5874ed5c86e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 16:04:39 +0800
Subject: [PATCH 244/626] refactor(Switch): use setup

---
 src/switch/index.js | 80 ++++++++++++++++++++-------------------------
 1 file changed, 36 insertions(+), 44 deletions(-)

diff --git a/src/switch/index.js b/src/switch/index.js
index 334e42fe7..b83faf256 100644
--- a/src/switch/index.js
+++ b/src/switch/index.js
@@ -15,57 +15,49 @@ export default createComponent({
 
   props: switchProps,
 
-  emits: ['click', 'change', 'update:modelValue'],
+  emits: ['change', 'update:modelValue'],
 
-  computed: {
-    checked() {
-      return this.modelValue === this.activeValue;
-    },
+  setup(props, { emit }) {
+    const isChecked = () => props.modelValue === props.activeValue;
 
-    style() {
-      return {
-        fontSize: addUnit(this.size),
-        backgroundColor: this.checked ? this.activeColor : this.inactiveColor,
-      };
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-
-      if (!this.disabled && !this.loading) {
-        const newValue = this.checked ? this.inactiveValue : this.activeValue;
-        this.$emit('update:modelValue', newValue);
-        this.$emit('change', newValue);
+    const onClick = () => {
+      if (!props.disabled && !props.loading) {
+        const newValue = isChecked() ? props.inactiveValue : props.activeValue;
+        emit('update:modelValue', newValue);
+        emit('change', newValue);
       }
-    },
+    };
 
-    genLoading() {
-      if (this.loading) {
-        const color = this.checked ? this.activeColor : this.inactiveColor;
+    const renderLoading = () => {
+      if (props.loading) {
+        const color = isChecked() ? props.activeColor : props.inactiveColor;
         return <Loading class={bem('loading')} color={color} />;
       }
-    },
-  },
+    };
 
-  render() {
-    const { checked, loading, disabled } = this;
+    return () => {
+      const { size, loading, disabled, activeColor, inactiveColor } = props;
+      const checked = isChecked();
+      const style = {
+        fontSize: addUnit(size),
+        backgroundColor: checked ? activeColor : inactiveColor,
+      };
 
-    return (
-      <div
-        class={bem({
-          on: checked,
-          loading,
-          disabled,
-        })}
-        role="switch"
-        style={this.style}
-        aria-checked={String(checked)}
-        onClick={this.onClick}
-      >
-        <div class={bem('node')}>{this.genLoading()}</div>
-      </div>
-    );
+      return (
+        <div
+          role="switch"
+          class={bem({
+            on: checked,
+            loading,
+            disabled,
+          })}
+          style={style}
+          aria-checked={String(checked)}
+          onClick={onClick}
+        >
+          <div class={bem('node')}>{renderLoading()}</div>
+        </div>
+      );
+    };
   },
 });

From 32ae8a5fa3492877875ec9e3634819bb0aacef3f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 16:46:02 +0800
Subject: [PATCH 245/626] refactor(Search): extract render fns

---
 src/search/index.js | 121 +++++++++++++++++++++++---------------------
 1 file changed, 62 insertions(+), 59 deletions(-)

diff --git a/src/search/index.js b/src/search/index.js
index 05af496f8..9e4eefebc 100644
--- a/src/search/index.js
+++ b/src/search/index.js
@@ -1,5 +1,5 @@
 // Utils
-import { createNamespace } from '../utils';
+import { createNamespace, pick } from '../utils';
 import { preventDefault } from '../utils/dom/event';
 
 // Components
@@ -32,34 +32,37 @@ export default createComponent({
     },
   },
 
-  emits: ['search', 'cancel', 'keypress'],
+  emits: ['search', 'cancel'],
 
-  setup(props, { emit, slots }) {
-    return function () {
-      function Label() {
-        if (slots.label || props.label) {
-          return (
-            <div class={bem('label')}>
-              {slots.label ? slots.label() : props.label}
-            </div>
-          );
-        }
+  setup(props, { emit, slots, attrs }) {
+    const onCancel = () => {
+      if (!slots.action) {
+        emit('update:modelValue', '');
+        emit('cancel');
       }
+    };
 
-      function Action() {
-        if (!props.showAction) {
-          return;
-        }
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        preventDefault(event);
+        emit('search', props.modelValue);
+      }
+    };
 
-        function onCancel() {
-          if (slots.action) {
-            return;
-          }
-
-          emit('update:modelValue', '');
-          emit('cancel');
-        }
+    const renderLabel = () => {
+      if (slots.label || props.label) {
+        return (
+          <div class={bem('label')}>
+            {slots.label ? slots.label() : props.label}
+          </div>
+        );
+      }
+    };
 
+    const renderAction = () => {
+      if (props.showAction) {
+        const text = props.actionText || t('cancel');
         return (
           <div
             class={bem('action')}
@@ -67,51 +70,51 @@ export default createComponent({
             tabindex="0"
             onClick={onCancel}
           >
-            {slots.action ? slots.action() : props.actionText || t('cancel')}
+            {slots.action ? slots.action() : text}
           </div>
         );
       }
+    };
 
-      const fieldData = {
-        ...this.$attrs,
+    const fieldPropNames = [
+      'leftIcon',
+      'rightIcon',
+      'clearable',
+      'modelValue',
+      'clearTrigger',
+    ];
+
+    const renderField = () => {
+      const fieldAttrs = {
+        ...attrs,
+        ...pick(props, fieldPropNames),
         style: null,
         class: null,
-        onKeypress(event) {
-          // press enter
-          if (event.keyCode === 13) {
-            preventDefault(event);
-            emit('search', props.modelValue);
-          }
-          emit('keypress', event);
-        },
       };
 
       return (
-        <div
-          class={[bem({ 'show-action': props.showAction }), this.$attrs.class]}
-          style={{ background: props.background, ...this.$attrs.style }}
-        >
-          {slots.left?.()}
-          <div class={bem('content', props.shape)}>
-            {Label()}
-            <Field
-              v-slots={{
-                'left-icon': slots['left-icon'],
-                'right-icon': slots['right-icon'],
-              }}
-              type="search"
-              border={false}
-              leftIcon={props.leftIcon}
-              rightIcon={props.rightIcon}
-              clearable={props.clearable}
-              modelValue={props.modelValue}
-              clearTrigger={props.clearTrigger}
-              {...fieldData}
-            />
-          </div>
-          {Action()}
-        </div>
+        <Field
+          v-slots={pick(slots, ['left-icon', 'right-icon'])}
+          type="search"
+          border={false}
+          onKeypress={onKeypress}
+          {...fieldAttrs}
+        />
       );
     };
+
+    return () => (
+      <div
+        class={[bem({ 'show-action': props.showAction }), attrs.class]}
+        style={{ background: props.background, ...attrs.style }}
+      >
+        {slots.left?.()}
+        <div class={bem('content', props.shape)}>
+          {renderLabel()}
+          {renderField()}
+        </div>
+        {renderAction()}
+      </div>
+    );
   },
 });

From 9301092f201c55189990ffc5b4d9eae90ea842b7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 19:13:36 +0800
Subject: [PATCH 246/626] chore(Divider): use setup

---
 src/divider/index.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/divider/index.js b/src/divider/index.js
index f304818f3..9960fe35f 100644
--- a/src/divider/index.js
+++ b/src/divider/index.js
@@ -15,18 +15,17 @@ export default createComponent({
     },
   },
 
-  render() {
-    const Content = this.$slots.default?.();
-    return (
+  setup(props, { slots }) {
+    return () => (
       <div
         role="separator"
         class={bem({
-          dashed: this.dashed,
-          hairline: this.hairline,
-          [`content-${this.contentPosition}`]: !!Content,
+          dashed: props.dashed,
+          hairline: props.hairline,
+          [`content-${props.contentPosition}`]: !!slots.default,
         })}
       >
-        {Content}
+        {slots.default?.()}
       </div>
     );
   },

From c54025ce839be2daf2eaecfff56492b45958d0c2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 19:50:59 +0800
Subject: [PATCH 247/626] refactor(Area): refactor with composition api

---
 src/area/index.js | 329 ++++++++++++++++++++++------------------------
 1 file changed, 159 insertions(+), 170 deletions(-)

diff --git a/src/area/index.js b/src/area/index.js
index bcd28468d..a6bb4c978 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,15 +1,20 @@
-import { createNamespace } from '../utils';
+import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
+import { createNamespace, pick } from '../utils';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
 
 const [createComponent, bem] = createNamespace('area');
 
-const PLACEHOLDER_CODE = '000000';
+const EMPTY_CODE = '000000';
 
 function isOverseaCode(code) {
   return code[0] === '9';
 }
 
+function clone(obj) {
+  return JSON.parse(JSON.stringify(obj));
+}
+
 export default createComponent({
   props: {
     ...pickerProps,
@@ -34,79 +39,60 @@ export default createComponent({
 
   emits: ['change', 'confirm'],
 
-  data() {
-    return {
-      code: this.value,
-      columns: [{ values: [] }, { values: [] }, { values: [] }],
-    };
-  },
+  setup(props, { emit, slots }) {
+    const pickerRef = ref(null);
 
-  computed: {
-    province() {
-      return this.areaList.province_list || {};
-    },
+    const state = reactive({
+      code: ref(props.value),
+      columns: reactive([{ values: [] }, { values: [] }, { values: [] }]),
+    });
 
-    city() {
-      return this.areaList.city_list || {};
-    },
-
-    county() {
-      return this.areaList.county_list || {};
-    },
-
-    displayColumns() {
-      return this.columns.slice(0, +this.columnsNum);
-    },
-
-    placeholderMap() {
+    const areaList = computed(() => {
+      const { areaList } = props;
       return {
-        province: this.columnsPlaceholder[0] || '',
-        city: this.columnsPlaceholder[1] || '',
-        county: this.columnsPlaceholder[2] || '',
+        province: areaList.province_list || {},
+        city: areaList.city_list || {},
+        county: areaList.county_list || {},
       };
-    },
+    });
 
-    pickerSlots() {
-      return ['title', 'columns-top', 'columns-bottom'].reduce((slots, key) => {
-        slots[key] = this.$slots[key];
-        return slots;
-      }, {});
-    },
-  },
+    const placeholderMap = computed(() => {
+      const { columnsPlaceholder } = props;
+      return {
+        province: columnsPlaceholder[0] || '',
+        city: columnsPlaceholder[1] || '',
+        county: columnsPlaceholder[2] || '',
+      };
+    });
 
-  watch: {
-    value(val) {
-      this.code = val;
-      this.setValues();
-    },
+    const getDefaultCode = () => {
+      if (props.columnsPlaceholder.length) {
+        return EMPTY_CODE;
+      }
 
-    areaList: {
-      deep: true,
-      handler() {
-        this.setValues();
-      },
-    },
+      const { county, city } = areaList.value;
 
-    columnsNum() {
-      this.$nextTick(() => {
-        this.setValues();
-      });
-    },
-  },
+      const countyCodes = Object.keys(county);
+      if (countyCodes[0]) {
+        return countyCodes[0];
+      }
 
-  mounted() {
-    this.setValues();
-  },
+      const cityCodes = Object.keys(city);
+      if (cityCodes[0]) {
+        return cityCodes[0];
+      }
+
+      return '';
+    };
 
-  methods: {
     // get list by code
-    getList(type, code) {
+    const getList = (type, code) => {
       let result = [];
       if (type !== 'province' && !code) {
         return result;
       }
 
-      const list = this[type];
+      const list = areaList.value[type];
       result = Object.keys(list).map((listCode) => ({
         code: listCode,
         name: list[listCode],
@@ -114,38 +100,37 @@ export default createComponent({
 
       if (code) {
         // oversea code
-        if (this.isOverseaCode(code) && type === 'city') {
+        if (type === 'city' && props.isOverseaCode(code)) {
           code = '9';
         }
-
         result = result.filter((item) => item.code.indexOf(code) === 0);
       }
 
-      if (this.placeholderMap[type] && result.length) {
+      if (placeholderMap.value[type] && result.length) {
         // set columns placeholder
         let codeFill = '';
         if (type === 'city') {
-          codeFill = PLACEHOLDER_CODE.slice(2, 4);
+          codeFill = EMPTY_CODE.slice(2, 4);
         } else if (type === 'county') {
-          codeFill = PLACEHOLDER_CODE.slice(4, 6);
+          codeFill = EMPTY_CODE.slice(4, 6);
         }
 
         result.unshift({
-          code: `${code}${codeFill}`,
-          name: this.placeholderMap[type],
+          code: code + codeFill,
+          name: placeholderMap.value[type],
         });
       }
 
       return result;
-    },
+    };
 
     // get index by code
-    getIndex(type, code) {
+    const getIndex = (type, code) => {
       let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
-      const list = this.getList(type, code.slice(0, compareNum - 2));
+      const list = getList(type, code.slice(0, compareNum - 2));
 
       // oversea code
-      if (this.isOverseaCode(code) && type === 'province') {
+      if (props.isOverseaCode(code) && type === 'province') {
         compareNum = 1;
       }
 
@@ -158,68 +143,17 @@ export default createComponent({
       }
 
       return 0;
-    },
-
-    // parse output columns data
-    parseOutputValues(values) {
-      return values.map((value, index) => {
-        // save undefined value
-        if (!value) return value;
-
-        value = JSON.parse(JSON.stringify(value));
-
-        if (!value.code || value.name === this.columnsPlaceholder[index]) {
-          value.code = '';
-          value.name = '';
-        }
-
-        return value;
-      });
-    },
-
-    onChange(values, index) {
-      const { picker } = this.$refs;
-      this.code = values[index].code;
-      this.setValues();
-
-      const parsedValues = this.parseOutputValues(picker.getValues());
-      this.$emit('change', parsedValues, index);
-    },
-
-    onConfirm(values, index) {
-      values = this.parseOutputValues(values);
-      this.setValues();
-      this.$emit('confirm', values, index);
-    },
-
-    getDefaultCode() {
-      if (this.columnsPlaceholder.length) {
-        return PLACEHOLDER_CODE;
-      }
-
-      const countyCodes = Object.keys(this.county);
-      if (countyCodes[0]) {
-        return countyCodes[0];
-      }
-
-      const cityCodes = Object.keys(this.city);
-      if (cityCodes[0]) {
-        return cityCodes[0];
-      }
-
-      return '';
-    },
-
-    setValues() {
-      let { code } = this;
+    };
 
+    const setValues = () => {
+      let { code } = state;
       if (!code) {
-        code = this.getDefaultCode();
+        code = getDefaultCode();
       }
 
-      const { picker } = this.$refs;
-      const province = this.getList('province');
-      const city = this.getList('city', code.slice(0, 2));
+      const picker = pickerRef.value;
+      const province = getList('province');
+      const city = getList('city', code.slice(0, 2));
 
       if (!picker) {
         return;
@@ -231,30 +165,45 @@ export default createComponent({
       if (
         city.length &&
         code.slice(2, 4) === '00' &&
-        !this.isOverseaCode(code)
+        !props.isOverseaCode(code)
       ) {
         [{ code }] = city;
       }
 
-      picker.setColumnValues(2, this.getList('county', code.slice(0, 4)));
+      picker.setColumnValues(2, getList('county', code.slice(0, 4)));
       picker.setIndexes([
-        this.getIndex('province', code),
-        this.getIndex('city', code),
-        this.getIndex('county', code),
+        getIndex('province', code),
+        getIndex('city', code),
+        getIndex('county', code),
       ]);
-    },
+    };
 
-    getValues() {
-      const { picker } = this.$refs;
-      let getValues = picker
-        ? picker.getValues().filter((value) => !!value)
-        : [];
-      getValues = this.parseOutputValues(getValues);
-      return getValues;
-    },
+    // parse output columns data
+    const parseValues = (values) => {
+      return values.map((value, index) => {
+        if (value) {
+          value = clone(value);
 
-    getArea() {
-      const values = this.getValues();
+          if (!value.code || value.name === props.columnsPlaceholder[index]) {
+            value.code = '';
+            value.name = '';
+          }
+        }
+
+        return value;
+      });
+    };
+
+    const getValues = () => {
+      if (pickerRef.value) {
+        const values = pickerRef.value.getValues().filter((value) => !!value);
+        return parseValues(values);
+      }
+      return [];
+    };
+
+    const getArea = () => {
+      const values = getValues();
       const area = {
         code: '',
         country: '',
@@ -274,7 +223,7 @@ export default createComponent({
         ? validValues[validValues.length - 1].code
         : '';
 
-      if (this.isOverseaCode(area.code)) {
+      if (props.isOverseaCode(area.code)) {
         area.country = names[1] || '';
         area.province = names[2] || '';
       } else {
@@ -284,33 +233,73 @@ export default createComponent({
       }
 
       return area;
-    },
+    };
 
-    // @exposed-api
-    reset(code) {
-      this.code = code || '';
-      this.setValues();
-    },
-  },
+    const reset = (newCode = '') => {
+      state.code = newCode;
+      setValues();
+    };
 
-  render() {
-    return (
-      <Picker
-        v-slots={this.pickerSlots}
-        ref="picker"
-        class={bem()}
-        valueKey="name"
-        title={this.title}
-        loading={this.loading}
-        columns={this.displayColumns}
-        itemHeight={this.itemHeight}
-        swipeDuration={this.swipeDuration}
-        visibleItemCount={this.visibleItemCount}
-        cancelButtonText={this.cancelButtonText}
-        confirmButtonText={this.confirmButtonText}
-        onChange={this.onChange}
-        onConfirm={this.onConfirm}
-      />
+    const onChange = (values, index) => {
+      state.code = values[index].code;
+      setValues();
+
+      const parsedValues = parseValues(pickerRef.value.getValues());
+      emit('change', parsedValues, index);
+    };
+
+    const onConfirm = (values, index) => {
+      values = parseValues(values);
+      setValues();
+      emit('confirm', values, index);
+    };
+
+    onMounted(setValues);
+
+    watch(
+      () => props.value,
+      (value) => {
+        state.code = value;
+        setValues();
+      }
     );
+
+    watch(() => props.areaList, setValues, { deep: true });
+
+    watch(
+      () => props.columnsNum,
+      () => {
+        nextTick(setValues);
+      }
+    );
+
+    return (vm) => {
+      // @exposed-api
+      vm.reset = reset;
+      vm.getArea = getArea;
+
+      const columns = state.columns.slice(0, +props.columnsNum);
+
+      return (
+        <Picker
+          v-slots={pick(slots, ['title', 'columns-top', 'columns-bottom'])}
+          ref={pickerRef}
+          class={bem()}
+          columns={columns}
+          valueKey="name"
+          onChange={onChange}
+          onConfirm={onConfirm}
+          {...pick(props, [
+            'title',
+            'loading',
+            'itemHeight',
+            'swipeDuration',
+            'visibleItemCount',
+            'cancelButtonText',
+            'confirmButtonText',
+          ])}
+        />
+      );
+    };
   },
 });

From c71f5ff857295f2ce9878a049a3718ed7d02a182 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 25 Aug 2020 20:56:05 +0800
Subject: [PATCH 248/626] refactor(Calendar): refactor Month/Header component

---
 src/calendar/components/Header.js |  41 +++--
 src/calendar/components/Month.js  | 269 +++++++++++++++---------------
 src/calendar/index.js             |   8 +-
 3 files changed, 159 insertions(+), 159 deletions(-)

diff --git a/src/calendar/components/Header.js b/src/calendar/components/Header.js
index 9166999b6..e4fdf2fc5 100644
--- a/src/calendar/components/Header.js
+++ b/src/calendar/components/Header.js
@@ -12,25 +12,24 @@ export default createComponent({
     firstDayOfWeek: Number,
   },
 
-  methods: {
-    genTitle() {
-      if (this.showTitle) {
-        const title = this.$slots.title?.() || this.title || t('title');
+  setup(props, { slots }) {
+    const renderTitle = () => {
+      if (props.showTitle) {
+        const text = props.title || t('title');
+        const title = slots.title ? slots.title : text;
         return <div class={bem('header-title')}>{title}</div>;
       }
-    },
+    };
 
-    genSubtitle() {
-      if (this.showSubtitle) {
-        return <div class={bem('header-subtitle')}>{this.subtitle}</div>;
+    const renderSubtitle = () => {
+      if (props.showSubtitle) {
+        return <div class={bem('header-subtitle')}>{props.subtitle}</div>;
       }
-    },
+    };
 
-    genWeekDays() {
+    const renderWeekDays = () => {
+      const { firstDayOfWeek } = props;
       const weekdays = t('weekdays');
-
-      const { firstDayOfWeek } = this;
-
       const renderWeekDays = [
         ...weekdays.slice(firstDayOfWeek, 7),
         ...weekdays.slice(0, firstDayOfWeek),
@@ -38,20 +37,18 @@ export default createComponent({
 
       return (
         <div class={bem('weekdays')}>
-          {renderWeekDays.map((item) => (
-            <span class={bem('weekday')}>{item}</span>
+          {renderWeekDays.map((text) => (
+            <span class={bem('weekday')}>{text}</span>
           ))}
         </div>
       );
-    },
-  },
+    };
 
-  render() {
-    return (
+    return () => (
       <div class={bem('header')}>
-        {this.genTitle()}
-        {this.genSubtitle()}
-        {this.genWeekDays()}
+        {renderTitle()}
+        {renderSubtitle()}
+        {renderWeekDays()}
       </div>
     );
   },
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 67ee4ec74..eff781bbc 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,4 +1,6 @@
+import { ref, computed } from 'vue';
 import { createNamespace, addUnit } from '../../utils';
+import { unitToPx } from '../../utils/format/unit';
 import { setScrollTop } from '../../utils/dom/scroll';
 import {
   t,
@@ -33,92 +35,62 @@ export default createComponent({
 
   emits: ['click'],
 
-  data() {
-    return {
-      visible: false,
-    };
-  },
+  setup(props, { emit }) {
+    const visible = ref(false);
+    const daysRef = ref(null);
+    const monthRef = ref(null);
 
-  computed: {
-    title() {
-      return formatMonthTitle(this.date);
-    },
+    const title = computed(() => formatMonthTitle(props.date));
 
-    rowHeightWithUnit() {
-      if (this.rowHeight !== ROW_HEIGHT) {
-        return addUnit(this.rowHeight);
+    const rowHeight = computed(() => {
+      if (props.rowHeight !== ROW_HEIGHT) {
+        return addUnit(props.rowHeight);
       }
-    },
+    });
 
-    offset() {
-      const { firstDayOfWeek } = this;
+    const offset = computed(() => {
+      const realDay = props.date.getDay();
 
-      const realDay = this.date.getDay();
-
-      if (!firstDayOfWeek) {
-        return realDay;
+      if (props.firstDayOfWeek) {
+        return (realDay + 7 - props.firstDayOfWeek) % 7;
       }
+      return realDay;
+    });
 
-      return (realDay + 7 - this.firstDayOfWeek) % 7;
-    },
+    const totalDay = computed(() =>
+      getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1)
+    );
 
-    totalDay() {
-      return getMonthEndDay(this.date.getFullYear(), this.date.getMonth() + 1);
-    },
-
-    shouldRender() {
-      return this.visible || !this.lazyRender;
-    },
-
-    monthStyle() {
-      if (!this.shouldRender) {
-        const padding =
-          Math.ceil((this.totalDay + this.offset) / 7) * this.rowHeight;
+    const shouldRender = computed(() => visible.value || !props.lazyRender);
 
+    const monthStyle = computed(() => {
+      if (!shouldRender.value) {
+        const rowCount = Math.ceil((totalDay.value + offset.value) / 7);
+        const padding = rowCount * unitToPx(props.rowHeight);
         return {
           paddingBottom: `${padding}px`,
         };
       }
-    },
+    });
 
-    days() {
-      const days = [];
-      const year = this.date.getFullYear();
-      const month = this.date.getMonth();
-
-      for (let day = 1; day <= this.totalDay; day++) {
-        const date = new Date(year, month, day);
-        const type = this.getDayType(date);
-
-        let config = {
-          date,
-          type,
-          text: day,
-          bottomInfo: this.getBottomInfo(type),
-        };
-
-        if (this.formatter) {
-          config = this.formatter(config);
-        }
-
-        days.push(config);
+    let height;
+    const getHeight = () => {
+      if (!height) {
+        ({ height } = monthRef.value.getBoundingClientRect());
       }
+      return height;
+    };
 
-      return days;
-    },
-  },
+    const setVisible = (value) => {
+      visible.value = value;
+    };
 
-  methods: {
-    getHeight() {
-      if (!this.height) {
-        this.height = this.$el.getBoundingClientRect().height;
-      }
-      return this.height;
-    },
+    const getDate = () => props.data;
 
-    scrollIntoView(body) {
-      const { days, month } = this.$refs;
-      const el = this.showSubtitle ? days : month;
+    const getTitle = () => title.value;
+
+    const scrollIntoView = (body) => {
+      const el = props.showSubtitle ? daysRef.value : monthRef.value;
 
       const scrollTop =
         el.getBoundingClientRect().top -
@@ -126,11 +98,11 @@ export default createComponent({
         body.scrollTop;
 
       setScrollTop(body, scrollTop);
-    },
+    };
 
-    getMultipleDayType(day) {
+    const getMultipleDayType = (day) => {
       const isSelected = (date) =>
-        this.currentDate.some((item) => compareDay(item, date) === 0);
+        props.currentDate.some((item) => compareDay(item, date) === 0);
 
       if (isSelected(day)) {
         const prevDay = getPrevDay(day);
@@ -141,19 +113,20 @@ export default createComponent({
         if (prevSelected && nextSelected) {
           return 'multiple-middle';
         }
-
         if (prevSelected) {
           return 'end';
         }
-
-        return nextSelected ? 'start' : 'multiple-selected';
+        if (nextSelected) {
+          return 'start';
+        }
+        return 'multiple-selected';
       }
 
       return '';
-    },
+    };
 
-    getRangeDayType(day) {
-      const [startDay, endDay] = this.currentDate;
+    const getRangeDayType = (day) => {
+      const [startDay, endDay] = props.currentDate;
 
       if (!startDay) {
         return '';
@@ -167,25 +140,22 @@ export default createComponent({
 
       const compareToEnd = compareDay(day, endDay);
 
-      if (compareToStart === 0 && compareToEnd === 0 && this.allowSameDay) {
+      if (compareToStart === 0 && compareToEnd === 0 && props.allowSameDay) {
         return 'start-end';
       }
-
       if (compareToStart === 0) {
         return 'start';
       }
-
       if (compareToEnd === 0) {
         return 'end';
       }
-
       if (compareToStart > 0 && compareToEnd < 0) {
         return 'middle';
       }
-    },
+    };
 
-    getDayType(day) {
-      const { type, minDate, maxDate, currentDate } = this;
+    const getDayType = (day) => {
+      const { type, minDate, maxDate, currentDate } = props;
 
       if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
         return 'disabled';
@@ -193,18 +163,18 @@ export default createComponent({
 
       if (Array.isArray(currentDate)) {
         if (type === 'multiple') {
-          return this.getMultipleDayType(day);
+          return getMultipleDayType(day);
         }
         if (type === 'range') {
-          return this.getRangeDayType(day);
+          return getRangeDayType(day);
         }
       } else if (type === 'single') {
         return compareDay(day, currentDate) === 0 ? 'selected' : '';
       }
-    },
+    };
 
-    getBottomInfo(type) {
-      if (this.type === 'range') {
+    const getBottomInfo = (type) => {
+      if (props.type === 'range') {
         if (type === 'start' || type === 'end') {
           return t(type);
         }
@@ -212,18 +182,19 @@ export default createComponent({
           return t('startEnd');
         }
       }
-    },
+    };
 
-    getDayStyle(type, index) {
+    const getDayStyle = (type, index) => {
+      const { color } = props;
       const style = {
-        height: this.rowHeightWithUnit,
+        height: rowHeight.value,
       };
 
       if (index === 0) {
-        style.marginLeft = `${(100 * this.offset) / 7}%`;
+        style.marginLeft = `${(100 * offset.value) / 7}%`;
       }
 
-      if (this.color) {
+      if (color) {
         if (
           type === 'start' ||
           type === 'end' ||
@@ -231,48 +202,35 @@ export default createComponent({
           type === 'multiple-selected' ||
           type === 'multiple-middle'
         ) {
-          style.background = this.color;
+          style.background = color;
         } else if (type === 'middle') {
-          style.color = this.color;
+          style.color = color;
         }
       }
 
       return style;
-    },
+    };
 
-    genTitle() {
-      if (this.showMonthTitle) {
-        return <div class={bem('month-title')}>{this.title}</div>;
+    const renderTitle = () => {
+      if (props.showMonthTitle) {
+        return <div class={bem('month-title')}>{title.value}</div>;
       }
-    },
+    };
 
-    genMark() {
-      if (this.showMark) {
-        return <div class={bem('month-mark')}>{this.date.getMonth() + 1}</div>;
+    const renderMark = () => {
+      if (props.showMark) {
+        return <div class={bem('month-mark')}>{props.date.getMonth() + 1}</div>;
       }
-    },
+    };
 
-    genDays() {
-      if (this.shouldRender) {
-        return (
-          <div ref="days" role="grid" class={bem('days')}>
-            {this.genMark()}
-            {this.days.map(this.genDay)}
-          </div>
-        );
-      }
-
-      return <div ref="days" />;
-    },
-
-    genDay(item, index) {
+    const renderDay = (item, index) => {
       const { type, topInfo, bottomInfo } = item;
-      const style = this.getDayStyle(type, index);
+      const style = getDayStyle(type, index);
       const disabled = type === 'disabled';
 
       const onClick = () => {
         if (!disabled) {
-          this.$emit('click', item);
+          emit('click', item);
         }
       };
 
@@ -294,9 +252,9 @@ export default createComponent({
             <div
               class={bem('selected-day')}
               style={{
-                width: this.rowHeightWithUnit,
-                height: this.rowHeightWithUnit,
-                background: this.color,
+                width: rowHeight.value,
+                height: rowHeight.value,
+                background: props.color,
               }}
             >
               {TopInfo}
@@ -320,15 +278,60 @@ export default createComponent({
           {BottomInfo}
         </div>
       );
-    },
-  },
+    };
 
-  render() {
-    return (
-      <div class={bem('month')} ref="month" style={this.monthStyle}>
-        {this.genTitle()}
-        {this.genDays()}
-      </div>
-    );
+    const days = computed(() => {
+      const days = [];
+      const year = props.date.getFullYear();
+      const month = props.date.getMonth();
+
+      for (let day = 1; day <= totalDay.value; day++) {
+        const date = new Date(year, month, day);
+        const type = getDayType(date);
+
+        let config = {
+          date,
+          type,
+          text: day,
+          bottomInfo: getBottomInfo(type),
+        };
+
+        if (props.formatter) {
+          config = props.formatter(config);
+        }
+
+        days.push(config);
+      }
+
+      return days;
+    });
+
+    const renderDays = () => {
+      if (shouldRender.value) {
+        return (
+          <div ref={daysRef} role="grid" class={bem('days')}>
+            {renderMark()}
+            {days.value.map(renderDay)}
+          </div>
+        );
+      }
+
+      return <div ref={daysRef} />;
+    };
+
+    return (vm) => {
+      vm.getDate = getDate;
+      vm.getTitle = getTitle;
+      vm.getHeight = getHeight;
+      vm.setVisible = setVisible;
+      vm.scrollIntoView = scrollIntoView;
+
+      return (
+        <div class={bem('month')} ref={monthRef} style={monthStyle.value}>
+          {renderTitle()}
+          {renderDays()}
+        </div>
+      );
+    };
   },
 });
diff --git a/src/calendar/index.js b/src/calendar/index.js
index d869fde53..d2f97caaa 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -288,18 +288,18 @@ export default createComponent({
 
         if (!monthRefs[i].visible && visible) {
           this.$emit('month-show', {
-            date: monthRefs[i].date,
-            title: monthRefs[i].title,
+            date: monthRefs[i].getDate(),
+            title: monthRefs[i].getTitle(),
           });
         }
 
-        monthRefs[i].visible = visible;
+        monthRefs[i].setVisible(visible);
         height += heights[i];
       }
 
       /* istanbul ignore else */
       if (currentMonth) {
-        this.subtitle = currentMonth.title;
+        this.subtitle = currentMonth.getTitle();
       }
     },
 

From 1aa61f71426e5ed11b0f232f122a6d209e9deac5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 10:02:44 +0800
Subject: [PATCH 249/626] refactor(Calendar): extract Day component

---
 src/calendar/components/Day.js   | 103 ++++++++++++++++++++++++++++++
 src/calendar/components/Month.js | 106 ++++++-------------------------
 2 files changed, 121 insertions(+), 88 deletions(-)
 create mode 100644 src/calendar/components/Day.js

diff --git a/src/calendar/components/Day.js b/src/calendar/components/Day.js
new file mode 100644
index 000000000..e7e6fa14c
--- /dev/null
+++ b/src/calendar/components/Day.js
@@ -0,0 +1,103 @@
+import { createNamespace } from '../../utils';
+import { bem } from '../utils';
+import { computed } from 'vue';
+
+const [createComponent] = createNamespace('calendar-day');
+
+export default createComponent({
+  props: {
+    item: Object,
+    color: String,
+    index: Number,
+    offset: Number,
+    rowHeight: String,
+  },
+
+  emits: ['click'],
+
+  setup(props, { emit }) {
+    const style = computed(() => {
+      const { type, index, color, offset, rowHeight } = props;
+      const style = {
+        height: rowHeight,
+      };
+
+      if (index === 0) {
+        style.marginLeft = `${(100 * offset) / 7}%`;
+      }
+
+      if (color) {
+        switch (type) {
+          case 'end':
+          case 'start':
+          case 'start-end':
+          case 'multiple-middle':
+          case 'multiple-selected':
+            style.background = color;
+            break;
+          case 'middle':
+            style.color = color;
+            break;
+        }
+      }
+
+      return style;
+    });
+
+    const onClick = () => {
+      if (props.type !== 'disabled') {
+        emit('click', props.item);
+      }
+    };
+
+    return () => {
+      const { item, color, rowHeight } = props;
+      const { type, topInfo, bottomInfo } = item;
+
+      const TopInfo = topInfo && <div class={bem('top-info')}>{topInfo}</div>;
+
+      const BottomInfo = bottomInfo && (
+        <div class={bem('bottom-info')}>{bottomInfo}</div>
+      );
+
+      if (type === 'selected') {
+        return (
+          <div
+            role="gridcell"
+            style={style.value}
+            class={[bem('day'), item.className]}
+            tabindex={-1}
+            onClick={onClick}
+          >
+            <div
+              class={bem('selected-day')}
+              style={{
+                width: rowHeight,
+                height: rowHeight,
+                background: color,
+              }}
+            >
+              {TopInfo}
+              {item.text}
+              {BottomInfo}
+            </div>
+          </div>
+        );
+      }
+
+      return (
+        <div
+          role="gridcell"
+          style={style.value}
+          class={[bem('day', type), item.className]}
+          tabindex={type === 'disabled' ? null : -1}
+          onClick={onClick}
+        >
+          {TopInfo}
+          {item.text}
+          {BottomInfo}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index eff781bbc..06c7f4197 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -12,6 +12,7 @@ import {
   formatMonthTitle,
 } from '../utils';
 import { getMonthEndDay } from '../../datetime-picker/utils';
+import Day from './Day';
 
 const [createComponent] = createNamespace('calendar-month');
 
@@ -173,44 +174,17 @@ export default createComponent({
       }
     };
 
-    const getBottomInfo = (type) => {
+    const getBottomInfo = (dayType) => {
       if (props.type === 'range') {
-        if (type === 'start' || type === 'end') {
-          return t(type);
+        if (dayType === 'start' || dayType === 'end') {
+          return t(dayType);
         }
-        if (type === 'start-end') {
+        if (dayType === 'start-end') {
           return t('startEnd');
         }
       }
     };
 
-    const getDayStyle = (type, index) => {
-      const { color } = props;
-      const style = {
-        height: rowHeight.value,
-      };
-
-      if (index === 0) {
-        style.marginLeft = `${(100 * offset.value) / 7}%`;
-      }
-
-      if (color) {
-        if (
-          type === 'start' ||
-          type === 'end' ||
-          type === 'start-end' ||
-          type === 'multiple-selected' ||
-          type === 'multiple-middle'
-        ) {
-          style.background = color;
-        } else if (type === 'middle') {
-          style.color = color;
-        }
-      }
-
-      return style;
-    };
-
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return <div class={bem('month-title')}>{title.value}</div>;
@@ -223,63 +197,6 @@ export default createComponent({
       }
     };
 
-    const renderDay = (item, index) => {
-      const { type, topInfo, bottomInfo } = item;
-      const style = getDayStyle(type, index);
-      const disabled = type === 'disabled';
-
-      const onClick = () => {
-        if (!disabled) {
-          emit('click', item);
-        }
-      };
-
-      const TopInfo = topInfo && <div class={bem('top-info')}>{topInfo}</div>;
-
-      const BottomInfo = bottomInfo && (
-        <div class={bem('bottom-info')}>{bottomInfo}</div>
-      );
-
-      if (type === 'selected') {
-        return (
-          <div
-            role="gridcell"
-            style={style}
-            class={[bem('day'), item.className]}
-            tabindex={-1}
-            onClick={onClick}
-          >
-            <div
-              class={bem('selected-day')}
-              style={{
-                width: rowHeight.value,
-                height: rowHeight.value,
-                background: props.color,
-              }}
-            >
-              {TopInfo}
-              {item.text}
-              {BottomInfo}
-            </div>
-          </div>
-        );
-      }
-
-      return (
-        <div
-          role="gridcell"
-          style={style}
-          class={[bem('day', type), item.className]}
-          tabindex={disabled ? null : -1}
-          onClick={onClick}
-        >
-          {TopInfo}
-          {item.text}
-          {BottomInfo}
-        </div>
-      );
-    };
-
     const days = computed(() => {
       const days = [];
       const year = props.date.getFullYear();
@@ -306,6 +223,19 @@ export default createComponent({
       return days;
     });
 
+    const renderDay = (item, index) => (
+      <Day
+        item={item}
+        index={index}
+        color={props.color}
+        offset={offset.value}
+        rowHeight={rowHeight.value}
+        onClick={(item) => {
+          emit('click', item);
+        }}
+      />
+    );
+
     const renderDays = () => {
       if (shouldRender.value) {
         return (

From 9f372af1ec663b4a69e27d3a62600d3b5606a272 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 10:36:07 +0800
Subject: [PATCH 250/626] feat: add useToggle

---
 src/api/use-toggle.ts            | 10 ++++++++++
 src/calendar/components/Month.js |  9 +++------
 2 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 src/api/use-toggle.ts

diff --git a/src/api/use-toggle.ts b/src/api/use-toggle.ts
new file mode 100644
index 000000000..bd6a281be
--- /dev/null
+++ b/src/api/use-toggle.ts
@@ -0,0 +1,10 @@
+import { ref } from 'vue';
+
+export function useToggle(defaultValue = false) {
+  const state = ref(defaultValue);
+  const setState = (value: boolean) => {
+    state.value = value;
+  };
+
+  return [state, setState];
+}
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 06c7f4197..5bd6591d0 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -11,6 +11,7 @@ import {
   getNextDay,
   formatMonthTitle,
 } from '../utils';
+import { useToggle } from '../../api/use-toggle';
 import { getMonthEndDay } from '../../datetime-picker/utils';
 import Day from './Day';
 
@@ -37,7 +38,7 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit }) {
-    const visible = ref(false);
+    const [visible, setVisible] = useToggle();
     const daysRef = ref(null);
     const monthRef = ref(null);
 
@@ -82,10 +83,6 @@ export default createComponent({
       return height;
     };
 
-    const setVisible = (value) => {
-      visible.value = value;
-    };
-
     const getDate = () => props.data;
 
     const getTitle = () => title.value;
@@ -141,7 +138,7 @@ export default createComponent({
 
       const compareToEnd = compareDay(day, endDay);
 
-      if (compareToStart === 0 && compareToEnd === 0 && props.allowSameDay) {
+      if (props.allowSameDay && compareToStart === 0 && compareToEnd === 0) {
         return 'start-end';
       }
       if (compareToStart === 0) {

From 762aed3e5d2921dd360b6e9b7f4ed8c0a8e77556 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:06:32 +0800
Subject: [PATCH 251/626] feat: add useRoute

---
 src/action-bar-button/index.js | 11 ++++-------
 src/action-bar-icon/index.js   | 14 ++++----------
 src/button/index.js            |  8 +++++---
 src/cell/index.js              | 12 +++++-------
 src/sidebar-item/index.js      |  7 ++++---
 src/utils/router.ts            | 13 ++++++++++---
 6 files changed, 32 insertions(+), 33 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index d18c2ff8b..084da9fd4 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
 import Button from '../button';
@@ -19,6 +19,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const route = useRoute();
     const { parent, index } = useParent(ACTION_BAR_KEY, { isButton: true });
 
     const isFirst = computed(() => {
@@ -37,13 +38,9 @@ export default createComponent({
       }
     });
 
-    return (vm) => {
+    return () => {
       const { type, icon, text, color, loading, disabled } = props;
 
-      const onClick = () => {
-        route(vm.$router, vm);
-      };
-
       return (
         <Button
           class={bem([
@@ -59,7 +56,7 @@ export default createComponent({
           color={color}
           loading={loading}
           disabled={disabled}
-          onClick={onClick}
+          onClick={route}
         >
           {slots.default ? slots.default() : text}
         </Button>
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index 9799c8c0e..b5f73a075 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
 import Icon from '../icon';
@@ -19,6 +19,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const route = useRoute();
     useParent(ACTION_BAR_KEY);
 
     const renderIcon = () => {
@@ -45,15 +46,8 @@ export default createComponent({
       );
     };
 
-    return (vm) => (
-      <div
-        role="button"
-        class={bem()}
-        tabindex="0"
-        onClick={() => {
-          route(vm.$router, vm);
-        }}
-      >
+    return () => (
+      <div role="button" class={bem()} tabindex="0" onClick={route}>
         {renderIcon()}
         {slots.default ? slots.default() : props.text}
       </div>
diff --git a/src/button/index.js b/src/button/index.js
index 5628fa91b..862a5030f 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_SURROUND, WHITE } from '../utils/constant';
-import { routeProps, route } from '../utils/router';
+import { useRoute, routeProps } from '../utils/router';
 
 // Components
 import Icon from '../icon';
@@ -47,6 +47,8 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit, slots }) {
+    const route = useRoute();
+
     const renderLoadingIcon = () => {
       if (slots.loading) {
         return slots.loading();
@@ -114,7 +116,7 @@ export default createComponent({
       }
     };
 
-    return (vm) => {
+    return () => {
       const {
         tag,
         type,
@@ -132,7 +134,7 @@ export default createComponent({
       const onClick = () => {
         if (!loading && !disabled) {
           emit('click', event);
-          route(vm.$router, vm);
+          route();
         }
       };
 
diff --git a/src/cell/index.js b/src/cell/index.js
index e7b7db6bd..aa1dccaf9 100644
--- a/src/cell/index.js
+++ b/src/cell/index.js
@@ -1,6 +1,6 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../utils/router';
 import { cellProps } from './shared';
 
 // Components
@@ -15,6 +15,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const route = useRoute();
+
     const renderLabel = () => {
       const showLabel = slots.label || isDef(props.label);
 
@@ -83,7 +85,7 @@ export default createComponent({
       }
     };
 
-    return (vm) => {
+    return () => {
       const { size, center, border, isLink, required } = props;
       const clickable = isLink || props.clickable;
 
@@ -97,16 +99,12 @@ export default createComponent({
         classes[size] = size;
       }
 
-      const onClick = () => {
-        route(vm.$router, vm);
-      };
-
       return (
         <div
           class={bem(classes)}
           role={clickable ? 'button' : null}
           tabindex={clickable ? 0 : null}
-          onClick={onClick}
+          onClick={route}
         >
           {renderLeftIcon()}
           {renderTitle()}
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 3b84e3570..e5632f2d3 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../utils/router';
 import { useParent } from '../api/use-relation';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
@@ -18,9 +18,10 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit }) {
+    const route = useRoute();
     const { parent, index } = useParent(SIDEBAR_KEY);
 
-    return (vm) => {
+    return () => {
       const { dot, badge, title, disabled } = props;
       const selected = index.value === parent.active();
 
@@ -32,7 +33,7 @@ export default createComponent({
         emit('click', index.value);
         parent.emit('update:modelValue', index.value);
         parent.setActive(index.value);
-        route(vm.$router, vm);
+        route();
       };
 
       return (
diff --git a/src/utils/router.ts b/src/utils/router.ts
index 7e822dc31..ca34e9b51 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -1,7 +1,7 @@
 /**
  * Vue Router support
  */
-
+import { getCurrentInstance } from 'vue';
 import type { Router, RouteLocation } from 'vue-router';
 
 export type RouteConfig = {
@@ -18,8 +18,8 @@ function isRedundantNavigation(err: Error) {
   );
 }
 
-export function route(router: Router, config: RouteConfig) {
-  const { to, url, replace } = config;
+export function route(router: Router, props: RouteProps) {
+  const { to, url, replace } = props;
   if (to && router) {
     const promise = router[replace ? 'replace' : 'push'](to);
 
@@ -36,6 +36,13 @@ export function route(router: Router, config: RouteConfig) {
   }
 }
 
+export function useRoute() {
+  const vm = getCurrentInstance()!.proxy!;
+  return () => {
+    route(vm.$router, vm as RouteProps);
+  };
+}
+
 export type RouteProps = {
   url?: string;
   replace?: boolean;

From d0848544d4ad38981ee0fafdbbd3c16c11d30f50 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:14:36 +0800
Subject: [PATCH 252/626] chore: improve exposed api

---
 src/area/index.js                | 19 ++++++++++++++-----
 src/calendar/components/Month.js | 28 ++++++++++++++--------------
 src/count-down/index.js          | 22 +++++++++++-----------
 3 files changed, 39 insertions(+), 30 deletions(-)

diff --git a/src/area/index.js b/src/area/index.js
index a6bb4c978..60ec8ec2c 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,4 +1,12 @@
-import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
+import {
+  ref,
+  watch,
+  computed,
+  reactive,
+  nextTick,
+  onMounted,
+  getCurrentInstance,
+} from 'vue';
 import { createNamespace, pick } from '../utils';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
@@ -273,11 +281,12 @@ export default createComponent({
       }
     );
 
-    return (vm) => {
-      // @exposed-api
-      vm.reset = reset;
-      vm.getArea = getArea;
+    // @exposed-api
+    const vm = getCurrentInstance().proxy;
+    vm.reset = reset;
+    vm.getArea = getArea;
 
+    return () => {
       const columns = state.columns.slice(0, +props.columnsNum);
 
       return (
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 5bd6591d0..24d47f979 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue';
+import { ref, computed, getCurrentInstance } from 'vue';
 import { createNamespace, addUnit } from '../../utils';
 import { unitToPx } from '../../utils/format/unit';
 import { setScrollTop } from '../../utils/dom/scroll';
@@ -246,19 +246,19 @@ export default createComponent({
       return <div ref={daysRef} />;
     };
 
-    return (vm) => {
-      vm.getDate = getDate;
-      vm.getTitle = getTitle;
-      vm.getHeight = getHeight;
-      vm.setVisible = setVisible;
-      vm.scrollIntoView = scrollIntoView;
+    // @exposed-api
+    const vm = getCurrentInstance().proxy;
+    vm.getDate = getDate;
+    vm.getTitle = getTitle;
+    vm.getHeight = getHeight;
+    vm.setVisible = setVisible;
+    vm.scrollIntoView = scrollIntoView;
 
-      return (
-        <div class={bem('month')} ref={monthRef} style={monthStyle.value}>
-          {renderTitle()}
-          {renderDays()}
-        </div>
-      );
-    };
+    return () => (
+      <div class={bem('month')} ref={monthRef} style={monthStyle.value}>
+        {renderTitle()}
+        {renderDays()}
+      </div>
+    );
   },
 });
diff --git a/src/count-down/index.js b/src/count-down/index.js
index fcd06a18e..2e79f4971 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -5,6 +5,7 @@ import {
   onActivated,
   onDeactivated,
   onBeforeUnmount,
+  getCurrentInstance,
 } from 'vue';
 import { createNamespace } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
@@ -135,17 +136,16 @@ export default createComponent({
 
     onBeforeUnmount(pause);
 
-    return (vm) => {
-      // @exposed-api
-      vm.start = start;
-      vm.reset = reset;
-      vm.pause = pause;
+    // @exposed-api
+    const vm = getCurrentInstance().proxy;
+    vm.start = start;
+    vm.reset = reset;
+    vm.pause = pause;
 
-      return (
-        <div class={bem()}>
-          {slots.default ? slots.default(timeData.value) : timeText.value}
-        </div>
-      );
-    };
+    return () => (
+      <div class={bem()}>
+        {slots.default ? slots.default(timeData.value) : timeText.value}
+      </div>
+    );
   },
 });

From cea2724321daf693a1dd36dd6923c4d28585895a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:17:19 +0800
Subject: [PATCH 253/626] fix(Button): missing click event param

---
 src/button/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/button/index.js b/src/button/index.js
index 862a5030f..622205d09 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -131,7 +131,7 @@ export default createComponent({
         nativeType,
       } = props;
 
-      const onClick = () => {
+      const onClick = (event) => {
         if (!loading && !disabled) {
           emit('click', event);
           route();

From 326c345c91a75fdea7e90291b90ebbf7e5624bc0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:23:42 +0800
Subject: [PATCH 254/626] chore(Area): remove unnecessary ref

---
 src/area/index.js    | 4 ++--
 src/nav-bar/index.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/area/index.js b/src/area/index.js
index 60ec8ec2c..15a6b2a58 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -51,8 +51,8 @@ export default createComponent({
     const pickerRef = ref(null);
 
     const state = reactive({
-      code: ref(props.value),
-      columns: reactive([{ values: [] }, { values: [] }, { values: [] }]),
+      code: props.value,
+      columns: [{ values: [] }, { values: [] }, { values: [] }],
     });
 
     const areaList = computed(() => {
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 4ce995fb1..2467f1567 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -91,7 +91,7 @@ export default createComponent({
         return (
           <div
             class={bem('placeholder')}
-            style={{ height: `${height.value}px` }}
+            style={{ height: height.value && `${height.value}px` }}
           >
             {renderNavBar()}
           </div>

From b0ea4bc1f63932be646cfefb3dd8c2070a170352 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:34:16 +0800
Subject: [PATCH 255/626] chore: children use reactive

---
 src/action-bar-button/index.js | 6 ++----
 src/action-bar/index.js        | 8 ++++----
 src/api/use-relation.ts        | 6 +++---
 src/collapse/index.js          | 4 ++--
 src/row/index.js               | 6 +++---
 src/sidebar/index.js           | 4 ++--
 6 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 084da9fd4..2281f5af2 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -24,16 +24,14 @@ export default createComponent({
 
     const isFirst = computed(() => {
       if (parent) {
-        const children = parent.children.value;
-        const prev = children[index.value - 1];
+        const prev = parent.children[index.value - 1];
         return !(prev && prev.isButton);
       }
     });
 
     const isLast = computed(() => {
       if (parent) {
-        const children = parent.children.value;
-        const next = children[index.value + 1];
+        const next = parent.children[index.value + 1];
         return !(next && next.isButton);
       }
     });
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index fc45a966a..ee4126af7 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,4 +1,4 @@
-import { ref, provide } from 'vue';
+import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('action-bar');
@@ -14,9 +14,9 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    provide(ACTION_BAR_KEY, {
-      children: ref([]),
-    });
+    const children = reactive([]);
+
+    provide(ACTION_BAR_KEY, { children });
 
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
diff --git a/src/api/use-relation.ts b/src/api/use-relation.ts
index a91a3efe3..658deab55 100644
--- a/src/api/use-relation.ts
+++ b/src/api/use-relation.ts
@@ -1,14 +1,14 @@
-import { Ref, inject, computed, onUnmounted } from 'vue';
+import { inject, computed, onUnmounted } from 'vue';
 
 export type Parent<T = unknown> = null | {
-  children: Ref<T[]>;
+  children: T[];
 };
 
 export function useParent<T = unknown>(key: string, child: T = {} as T) {
   const parent = inject<Parent<T>>(key, null);
 
   if (parent) {
-    const children = parent.children.value;
+    const { children } = parent;
     const index = computed(() => children.indexOf(child));
 
     children.push(child);
diff --git a/src/collapse/index.js b/src/collapse/index.js
index b2cfe9acc..f26af775e 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,4 +1,4 @@
-import { ref, provide } from 'vue';
+import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 
@@ -19,7 +19,7 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const children = ref([]);
+    const children = reactive([]);
 
     const toggle = (name, expanded) => {
       const { accordion, modelValue } = props;
diff --git a/src/row/index.js b/src/row/index.js
index 99f841aac..7aed35600 100644
--- a/src/row/index.js
+++ b/src/row/index.js
@@ -1,4 +1,4 @@
-import { ref, computed, provide } from 'vue';
+import { provide, computed, reactive } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('row');
@@ -21,13 +21,13 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = ref([]);
+    const children = reactive([]);
 
     const groups = computed(() => {
       const groups = [[]];
 
       let totalSpan = 0;
-      children.value.forEach((getSpan, index) => {
+      children.forEach((getSpan, index) => {
         totalSpan += getSpan();
 
         if (totalSpan > 24) {
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index e29ae8a1b..6f378b39a 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,4 +1,4 @@
-import { ref, watch, provide } from 'vue';
+import { watch, provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('sidebar');
@@ -16,7 +16,7 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const children = ref([]);
+    const children = reactive([]);
     const active = () => +props.modelValue;
     const setActive = (value) => {
       if (value !== active()) {

From e3a59afb079de19087abb0e99abda46155bdcf5b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 11:49:35 +0800
Subject: [PATCH 256/626] chore: format ref name

---
 src/collapse-item/index.js | 18 +++++++++---------
 src/locale/index.ts        |  8 ++++----
 src/nav-bar/index.js       |  6 +++---
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 8e5d36350..c2dc3a32c 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -27,8 +27,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const wrapper = ref(null);
-    const content = ref(null);
+    const wrapperRef = ref(null);
+    const contentRef = ref(null);
     const { parent, index } = useParent(COLLAPSE_KEY);
 
     const currentName = computed(() =>
@@ -49,7 +49,7 @@ export default createComponent({
       if (!expanded.value) {
         show.value = false;
       } else {
-        wrapper.value.style.height = '';
+        wrapperRef.value.style.height = '';
       }
     };
 
@@ -67,18 +67,18 @@ export default createComponent({
       const tick = value ? nextTick : raf;
 
       tick(() => {
-        if (!content.value || !wrapper.value) {
+        if (!contentRef.value || !wrapperRef.value) {
           return;
         }
 
-        const { offsetHeight } = content.value;
+        const { offsetHeight } = contentRef.value;
         if (offsetHeight) {
           const contentHeight = `${offsetHeight}px`;
-          wrapper.value.style.height = value ? 0 : contentHeight;
+          wrapperRef.value.style.height = value ? 0 : contentHeight;
 
           // use double raf to ensure animation can start
           doubleRaf(() => {
-            wrapper.value.style.height = value ? contentHeight : 0;
+            wrapperRef.value.style.height = value ? contentHeight : 0;
           });
         } else {
           onTransitionEnd();
@@ -121,12 +121,12 @@ export default createComponent({
       if (shouldRender.value) {
         return (
           <div
-            ref={wrapper}
+            ref={wrapperRef}
             vShow={show.value}
             class={bem('wrapper')}
             onTransitionend={onTransitionEnd}
           >
-            <div ref={content} class={bem('content')}>
+            <div ref={contentRef} class={bem('content')}>
               {slots.default?.()}
             </div>
           </div>
diff --git a/src/locale/index.ts b/src/locale/index.ts
index 0b2fb4e83..28487acf1 100644
--- a/src/locale/index.ts
+++ b/src/locale/index.ts
@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { ref, reactive } from 'vue';
 import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 
@@ -6,13 +6,13 @@ type Message = Record<string, any>;
 type Messages = Record<string, Message>;
 
 const lang = ref('zh-CN');
-const messages = ref<Messages>({
+const messages = reactive<Messages>({
   'zh-CN': defaultMessages,
 });
 
 export default {
   messages(): Message {
-    return messages.value[lang.value];
+    return messages[lang.value];
   },
 
   use(newLang: string, newMessages?: Message) {
@@ -21,6 +21,6 @@ export default {
   },
 
   add(newMessages: Message = {}) {
-    deepAssign(messages.value, newMessages);
+    deepAssign(messages, newMessages);
   },
 };
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 2467f1567..ffe18e6e4 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -27,12 +27,12 @@ export default createComponent({
   emits: ['click-left', 'click-right'],
 
   setup(props, { emit, slots }) {
-    const navBar = ref(null);
     const height = ref(null);
+    const navBarRef = ref(null);
 
     onMounted(() => {
       if (props.placeholder && props.fixed) {
-        height.value = navBar.value.getBoundingClientRect().height;
+        height.value = navBarRef.value.getBoundingClientRect().height;
       }
     });
 
@@ -69,7 +69,7 @@ export default createComponent({
       const { title, fixed, border, zIndex } = props;
       return (
         <div
-          ref={navBar}
+          ref={navBarRef}
           style={{ zIndex }}
           class={[bem({ fixed }), { [BORDER_BOTTOM]: border }]}
         >

From e2e34fd26ed6e6ab29e3a400e1ea6073184c32de Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 12:01:12 +0800
Subject: [PATCH 257/626] chore(Calendar): inherit open/close events

---
 src/calendar/index.js | 48 +++++++++++++++----------------------------
 1 file changed, 16 insertions(+), 32 deletions(-)

diff --git a/src/calendar/index.js b/src/calendar/index.js
index d2f97caaa..7140a9fd3 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -1,4 +1,5 @@
 // Utils
+import { pick } from '../utils';
 import { isDate } from '../utils/validate/date';
 import { getScrollTop } from '../utils/dom/scroll';
 import {
@@ -110,17 +111,7 @@ export default createComponent({
     },
   },
 
-  emits: [
-    'open',
-    'close',
-    'opened',
-    'closed',
-    'select',
-    'confirm',
-    'unselect',
-    'month-show',
-    'update:show',
-  ],
+  emits: ['select', 'confirm', 'unselect', 'month-show', 'update:show'],
 
   data() {
     this.monthRefs = [];
@@ -401,19 +392,21 @@ export default createComponent({
             this.monthRefs[index] = val;
           }}
           date={date}
-          type={this.type}
-          color={this.color}
-          minDate={this.minDate}
-          maxDate={this.maxDate}
-          showMark={this.showMark}
-          formatter={this.formatter}
-          rowHeight={this.rowHeight}
-          lazyRender={this.lazyRender}
-          currentDate={this.currentDate}
-          showSubtitle={this.showSubtitle}
-          allowSameDay={this.allowSameDay}
           showMonthTitle={showMonthTitle}
           firstDayOfWeek={this.dayOffset}
+          {...pick(this, [
+            'type',
+            'color',
+            'minDate',
+            'maxDate',
+            'showMark',
+            'formatter',
+            'rowHeight',
+            'lazyRender',
+            'currentDate',
+            'showSubtitle',
+            'allowSameDay',
+          ])}
           onClick={this.onClickDay}
         />
       );
@@ -478,15 +471,6 @@ export default createComponent({
 
   render() {
     if (this.poppable) {
-      const createListener = (name) => () => this.$emit(name);
-      const listeners = {
-        'onUpdate:show': this.togglePopup,
-        onOpen: createListener('open'),
-        onClose: createListener('close'),
-        onOpened: createListener('opened'),
-        onClosed: createListener('closed'),
-      };
-
       return (
         <Popup
           show={this.show}
@@ -497,7 +481,7 @@ export default createComponent({
           teleport={this.teleport}
           closeOnPopstate={this.closeOnPopstate}
           closeOnClickOverlay={this.closeOnClickOverlay}
-          {...listeners}
+          {...{ 'onUpdate:show': this.togglePopup }}
         >
           {this.genCalendar()}
         </Popup>

From f9226cdfacd18787ecb835b540056b801be1e4c3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 13:21:41 +0800
Subject: [PATCH 258/626] perf(Button): move onClick fn

---
 src/button/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/button/index.js b/src/button/index.js
index 622205d09..77f044258 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -116,6 +116,13 @@ export default createComponent({
       }
     };
 
+    const onClick = (event) => {
+      if (!props.loading && !props.disabled) {
+        emit('click', event);
+        route();
+      }
+    };
+
     return () => {
       const {
         tag,
@@ -131,13 +138,6 @@ export default createComponent({
         nativeType,
       } = props;
 
-      const onClick = (event) => {
-        if (!loading && !disabled) {
-          emit('click', event);
-          route();
-        }
-      };
-
       const classes = [
         bem([
           type,

From e045fb159667e4472adbde88f9064fda9af044ec Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 13:22:35 +0800
Subject: [PATCH 259/626] perf(SidebarItem): move onClick fn

---
 src/sidebar-item/index.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index e5632f2d3..9e1790f59 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -21,21 +21,21 @@ export default createComponent({
     const route = useRoute();
     const { parent, index } = useParent(SIDEBAR_KEY);
 
+    const onClick = () => {
+      if (props.disabled) {
+        return;
+      }
+
+      emit('click', index.value);
+      parent.emit('update:modelValue', index.value);
+      parent.setActive(index.value);
+      route();
+    };
+
     return () => {
       const { dot, badge, title, disabled } = props;
       const selected = index.value === parent.active();
 
-      const onClick = () => {
-        if (disabled) {
-          return;
-        }
-
-        emit('click', index.value);
-        parent.emit('update:modelValue', index.value);
-        parent.setActive(index.value);
-        route();
-      };
-
       return (
         <a class={bem({ select: selected, disabled })} onClick={onClick}>
           <div class={bem('text')}>

From 627e376cfb3243d562acee945e31284427a05065 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 14:00:34 +0800
Subject: [PATCH 260/626] perf(Dialog): inherit opened event

---
 src/dialog/Dialog.js | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 501136e20..51a9150ae 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -50,7 +50,7 @@ export default createComponent({
     },
   },
 
-  emits: ['opened', 'closed', 'confirm', 'cancel', 'update:show'],
+  emits: ['confirm', 'cancel', 'update:show'],
 
   data() {
     return {
@@ -97,14 +97,6 @@ export default createComponent({
       }
     },
 
-    onOpened() {
-      this.$emit('opened');
-    },
-
-    onClosed() {
-      this.$emit('closed');
-    },
-
     genRoundButtons() {
       return (
         <ActionBar class={bem('footer')}>
@@ -215,8 +207,6 @@ export default createComponent({
         transition={this.transition}
         lazyRender={this.lazyRender}
         aria-labelledby={this.title || message}
-        onOpened={this.onOpened}
-        onClosed={this.onClosed}
       >
         {Title}
         {this.genContent(title)}

From af94c92614b78e999e5377208e2c3c3672480210 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 14:09:21 +0800
Subject: [PATCH 261/626] fix(Dialog): some popup props not work

---
 src/dialog/Dialog.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 51a9150ae..469f835e2 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,4 +1,4 @@
-import { createNamespace, addUnit } from '../utils';
+import { createNamespace, addUnit, pick } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import Popup from '../popup';
 import Button from '../button';
@@ -90,13 +90,17 @@ export default createComponent({
     },
 
     onClose(action) {
-      this.$emit('update:show', false);
+      this.onUpdateShow(false);
 
       if (this.callback) {
         this.callback(action);
       }
     },
 
+    onUpdateShow(value) {
+      this.$emit('update:show', value);
+    },
+
     genRoundButtons() {
       return (
         <ActionBar class={bem('footer')}>
@@ -204,9 +208,17 @@ export default createComponent({
         role="dialog"
         class={[bem([this.theme]), this.className]}
         style={{ width: addUnit(this.width) }}
-        transition={this.transition}
-        lazyRender={this.lazyRender}
         aria-labelledby={this.title || message}
+        {...{
+          ...pick(this, [
+            'overlay',
+            'transition',
+            'lazyRender',
+            'closeOnPopstate',
+            'closeOnClickOverlay',
+          ]),
+          'onUpdate:show': this.onUpdateShow,
+        }}
       >
         {Title}
         {this.genContent(title)}

From 48ff0f85fb3441f00be62e7ee51c5d41efe6f611 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 14:14:55 +0800
Subject: [PATCH 262/626] chore: inherit click event

---
 src/field/index.js      | 6 ------
 src/notice-bar/index.js | 5 +----
 src/tabs/Title.js       | 7 +------
 3 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index bae9f3289..4ee83a9a2 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -83,7 +83,6 @@ export default createComponent({
     'blur',
     'focus',
     'clear',
-    'click',
     'keypress',
     'click-input',
     'click-left-icon',
@@ -346,10 +345,6 @@ export default createComponent({
       resetScroll();
     },
 
-    onClick(event) {
-      this.$emit('click', event);
-    },
-
     onClickInput(event) {
       this.$emit('click-input', event);
     },
@@ -585,7 +580,6 @@ export default createComponent({
         valueClass={bem('value')}
         titleClass={[bem('label', labelAlign), this.labelClass]}
         arrowDirection={this.arrowDirection}
-        onClick={this.onClick}
       >
         <div class={bem('body')}>
           {this.genInput()}
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 9b9da8be9..b088bc36d 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -26,7 +26,7 @@ export default createComponent({
     },
   },
 
-  emits: ['click', 'close', 'replay'],
+  emits: ['close', 'replay'],
 
   data() {
     return {
@@ -163,9 +163,6 @@ export default createComponent({
         vShow={this.show}
         class={bem({ wrapable: this.wrapable })}
         style={barStyle}
-        onClick={(event) => {
-          this.$emit('click', event);
-        }}
       >
         {LeftIcon()}
         <div ref="wrap" class={bem('wrap')} role="marquee">
diff --git a/src/tabs/Title.js b/src/tabs/Title.js
index 4755b8790..e79cdd0ca 100644
--- a/src/tabs/Title.js
+++ b/src/tabs/Title.js
@@ -48,10 +48,6 @@ export default createComponent({
   },
 
   methods: {
-    onClick() {
-      this.$emit('click');
-    },
-
     genText() {
       const Text = (
         <span class={bem('text', { ellipsis: !this.scrollable })}>
@@ -76,7 +72,6 @@ export default createComponent({
     return (
       <div
         role="tab"
-        aria-selected={this.isActive}
         class={[
           bem({
             active: this.isActive,
@@ -84,7 +79,7 @@ export default createComponent({
           }),
         ]}
         style={this.style}
-        onClick={this.onClick}
+        aria-selected={this.isActive}
       >
         {this.genText()}
       </div>

From 8f208f3d4fad293573253328888901d2efb2b348 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 14:46:37 +0800
Subject: [PATCH 263/626] refactor(ShareSheet): use setup

---
 src/share-sheet/index.js | 190 +++++++++++++++++++--------------------
 1 file changed, 91 insertions(+), 99 deletions(-)

diff --git a/src/share-sheet/index.js b/src/share-sheet/index.js
index 59f63e105..843a95928 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -1,11 +1,18 @@
 // Utils
-import { createNamespace, isDef } from '../utils';
+import { createNamespace, isDef, pick } from '../utils';
 
 // Components
 import Popup, { popupSharedProps } from '../popup';
 
 const PRESET_ICONS = ['qq', 'weibo', 'wechat', 'link', 'qrcode', 'poster'];
 
+function getIconURL(icon) {
+  if (PRESET_ICONS.indexOf(icon) !== -1) {
+    return `https://img.yzcdn.cn/vant/share-icon-${icon}.png`;
+  }
+  return icon;
+}
+
 const [createComponent, bem, t] = createNamespace('share-sheet');
 
 export default createComponent({
@@ -28,121 +35,106 @@ export default createComponent({
     },
   },
 
-  emits: ['cancel', 'select', 'update:show', 'click-overlay'],
+  emits: ['cancel', 'select', 'update:show'],
 
-  methods: {
-    onCancel() {
-      this.toggle(false);
-      this.$emit('cancel');
-    },
+  setup(props, { emit, slots }) {
+    const toggle = (value) => {
+      emit('update:show', value);
+    };
 
-    onSelect(option, index) {
-      this.$emit('select', option, index);
-    },
+    const onCancel = () => {
+      toggle(false);
+      emit('cancel');
+    };
 
-    toggle(val) {
-      this.$emit('update:show', val);
-    },
+    const onSelect = (option, index) => {
+      emit('select', option, index);
+    };
 
-    getIconURL(icon) {
-      if (PRESET_ICONS.indexOf(icon) !== -1) {
-        return `https://img.yzcdn.cn/vant/share-icon-${icon}.png`;
-      }
+    const renderHeader = () => {
+      const title = slots.title ? slots.title() : props.title;
+      const description = slots.description
+        ? slots.description()
+        : props.description;
 
-      return icon;
-    },
-
-    genHeader() {
-      const title = this.$slots.title ? this.$slots.title() : this.title;
-      const description = this.$slots.description
-        ? this.$slots.description()
-        : this.description;
-
-      if (!title && !description) {
-        return;
-      }
-
-      return (
-        <div class={bem('header')}>
-          {title && <h2 class={bem('title')}>{title}</h2>}
-          {description && <span class={bem('description')}>{description}</span>}
-        </div>
-      );
-    },
-
-    genOptions(options, showBorder) {
-      return (
-        <div class={bem('options', { border: showBorder })}>
-          {options.map((option, index) => (
-            <div
-              role="button"
-              tabindex="0"
-              class={[bem('option'), option.className]}
-              onClick={() => {
-                this.onSelect(option, index);
-              }}
-            >
-              <img src={this.getIconURL(option.icon)} class={bem('icon')} />
-              {option.name && <span class={bem('name')}>{option.name}</span>}
-              {option.description && (
-                <span class={bem('option-description')}>
-                  {option.description}
-                </span>
-              )}
-            </div>
-          ))}
-        </div>
-      );
-    },
-
-    genRows() {
-      const { options } = this;
-      if (Array.isArray(options[0])) {
-        return options.map((item, index) => this.genOptions(item, index !== 0));
-      }
-      return this.genOptions(options);
-    },
-
-    genCancelText() {
-      const cancelText = isDef(this.cancelText) ? this.cancelText : t('cancel');
-
-      if (cancelText) {
+      if (title || description) {
         return (
-          <button type="button" class={bem('cancel')} onClick={this.onCancel}>
-            {cancelText}
+          <div class={bem('header')}>
+            {title && <h2 class={bem('title')}>{title}</h2>}
+            {description && (
+              <span class={bem('description')}>{description}</span>
+            )}
+          </div>
+        );
+      }
+    };
+
+    const renderOption = (option, index) => {
+      const { name, icon, className, description } = option;
+      return (
+        <div
+          role="button"
+          tabindex="0"
+          class={[bem('option'), className]}
+          onClick={() => {
+            onSelect(option, index);
+          }}
+        >
+          <img src={getIconURL(icon)} class={bem('icon')} />
+          {name && <span class={bem('name')}>{name}</span>}
+          {description && (
+            <span class={bem('option-description')}>{description}</span>
+          )}
+        </div>
+      );
+    };
+
+    const renderOptions = (options, border) => (
+      <div class={bem('options', { border })}>{options.map(renderOption)}</div>
+    );
+
+    const renderRows = () => {
+      const { options } = props;
+      if (Array.isArray(options[0])) {
+        return options.map((item, index) => renderOptions(item, index !== 0));
+      }
+      return renderOptions(options);
+    };
+
+    const renderCancelText = () => {
+      const text = isDef(props.cancelText) ? props.cancelText : t('cancel');
+      if (text) {
+        return (
+          <button type="button" class={bem('cancel')} onClick={onCancel}>
+            {text}
           </button>
         );
       }
-    },
+    };
 
-    onClickOverlay() {
-      this.$emit('click-overlay');
-    },
-  },
-
-  render() {
-    return (
+    return () => (
       <Popup
         round
-        show={this.show}
         class={bem()}
         position="bottom"
-        overlay={this.overlay}
-        duration={this.duration}
-        lazyRender={this.lazyRender}
-        lockScroll={this.lockScroll}
-        teleport={this.teleport}
-        closeOnPopstate={this.closeOnPopstate}
-        closeOnClickOverlay={this.closeOnClickOverlay}
-        safeAreaInsetBottom={this.safeAreaInsetBottom}
         {...{
-          'onUpdate:show': this.toggle,
-          'onClick-overlay': this.onClickOverlay,
+          ...pick(props, [
+            'show',
+            'overlay',
+            'duration',
+            'teleport',
+            'lazyRender',
+            'lockScroll',
+            'closeOnPopstate',
+            'closeOnClickOverlay',
+            'safeAreaInsetBottom',
+          ]),
+          'onUpdate:show': toggle,
         }}
       >
-        {this.genHeader()}
-        {this.genRows()}
-        {this.genCancelText()}
+        {renderHeader()}
+        {renderRows()}
+        {renderCancelText()}
       </Popup>
     );
   },

From 463174e7359de82801e82d268160856b9ac08862 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 14:52:06 +0800
Subject: [PATCH 264/626] chore(Tag): use composition api

---
 src/tag/index.js | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/tag/index.js b/src/tag/index.js
index c3f438913..b941ca5c0 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -1,4 +1,4 @@
-import { Transition } from 'vue';
+import { computed, Transition } from 'vue';
 import { createNamespace } from '../utils';
 import Icon from '../icon';
 
@@ -26,36 +26,40 @@ export default createComponent({
   emits: ['close'],
 
   setup(props, { slots, emit }) {
-    return function () {
-      const { type, mark, plain, color, round, size } = props;
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit('close');
+    };
 
-      const key = plain ? 'color' : 'backgroundColor';
-      const style = { [key]: color };
+    const style = computed(() => {
+      const key = props.plain ? 'color' : 'backgroundColor';
+      const style = { [key]: props.color };
 
       if (props.textColor) {
         style.color = props.textColor;
       }
+    });
+
+    return () => {
+      const { show, type, mark, plain, round, size, closeable } = props;
 
       const classes = { mark, plain, round };
       if (size) {
         classes[size] = size;
       }
 
-      const CloseIcon = props.closeable && (
-        <Icon
-          name="cross"
-          class={bem('close')}
-          onClick={(event) => {
-            event.stopPropagation();
-            emit('close');
-          }}
-        />
+      const CloseIcon = closeable && (
+        <Icon name="cross" class={bem('close')} onClick={onClose} />
       );
 
       return (
-        <Transition name={props.closeable ? 'van-fade' : null}>
-          {props.show ? (
-            <span key="content" style={style} class={bem([classes, type])}>
+        <Transition name={closeable ? 'van-fade' : null}>
+          {show ? (
+            <span
+              key="content"
+              style={style.value}
+              class={bem([classes, type])}
+            >
               {slots.default?.()}
               {CloseIcon}
             </span>

From b12fdad91642f2fbdf80639b777a860f0483bdeb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 15:07:55 +0800
Subject: [PATCH 265/626] refactor(Progress): refactor with composition api

---
 src/progress/index.js | 118 ++++++++++++++++++++++--------------------
 1 file changed, 63 insertions(+), 55 deletions(-)

diff --git a/src/progress/index.js b/src/progress/index.js
index f12ca19a9..2c5799310 100644
--- a/src/progress/index.js
+++ b/src/progress/index.js
@@ -1,3 +1,4 @@
+import { ref, watch, computed, nextTick, reactive, onMounted } from 'vue';
 import { createNamespace, isDef, addUnit } from '../utils';
 
 const [createComponent, bem] = createNamespace('progress');
@@ -22,63 +23,70 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  setup(props) {
+    const rootRef = ref(null);
+    const pivotRef = ref(null);
+
+    const state = reactive({
       pivotWidth: 0,
-      progressWidth: 0,
-    };
-  },
+      rootWidth: 0,
+    });
 
-  mounted() {
-    this.setWidth();
-  },
-
-  watch: {
-    showPivot: 'setWidth',
-    pivotText: 'setWidth',
-  },
-
-  methods: {
-    setWidth() {
-      this.$nextTick(() => {
-        this.progressWidth = this.$el.offsetWidth;
-        this.pivotWidth = this.$refs.pivot ? this.$refs.pivot.offsetWidth : 0;
-      });
-    },
-  },
-
-  render() {
-    const { pivotText, percentage } = this;
-    const text = isDef(pivotText) ? pivotText : percentage + '%';
-    const showPivot = this.showPivot && text;
-    const background = this.inactive ? '#cacaca' : this.color;
-
-    const pivotStyle = {
-      color: this.textColor,
-      left: `${((this.progressWidth - this.pivotWidth) * percentage) / 100}px`,
-      background: this.pivotColor || background,
-    };
-
-    const portionStyle = {
-      background,
-      width: (this.progressWidth * percentage) / 100 + 'px',
-    };
-
-    const wrapperStyle = {
-      background: this.trackColor,
-      height: addUnit(this.strokeWidth),
-    };
-
-    return (
-      <div class={bem()} style={wrapperStyle}>
-        <span class={bem('portion')} style={portionStyle}>
-          {showPivot && (
-            <span ref="pivot" style={pivotStyle} class={bem('pivot')}>
-              {text}
-            </span>
-          )}
-        </span>
-      </div>
+    const background = computed(() =>
+      props.inactive ? '#cacaca' : props.color
     );
+
+    const setWidth = () => {
+      nextTick(() => {
+        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
+        state.rootWidth = rootRef.value.offsetWidth;
+      });
+    };
+
+    const renderPivot = () => {
+      const { rootWidth, pivotWidth } = state;
+      const { textColor, pivotText, pivotColor, percentage } = props;
+      const text = isDef(pivotText) ? pivotText : percentage + '%';
+      const show = props.showPivot && text;
+
+      if (show) {
+        const left = ((rootWidth - pivotWidth) * percentage) / 100;
+        const style = {
+          color: textColor,
+          left: `${left}px`,
+          background: pivotColor || background.value,
+        };
+
+        return (
+          <span ref={pivotRef} style={style} class={bem('pivot')}>
+            {text}
+          </span>
+        );
+      }
+    };
+
+    watch([() => props.showPivot, () => props.pivotText], setWidth);
+
+    onMounted(setWidth);
+
+    return () => {
+      const { trackColor, percentage, strokeWidth } = props;
+      const rootStyle = {
+        background: trackColor,
+        height: addUnit(strokeWidth),
+      };
+      const portionStyle = {
+        background: background.value,
+        width: (state.rootWidth * percentage) / 100 + 'px',
+      };
+
+      return (
+        <div ref={rootRef} class={bem()} style={rootStyle}>
+          <span class={bem('portion')} style={portionStyle}>
+            {renderPivot()}
+          </span>
+        </div>
+      );
+    };
   },
 });

From 216d326158c11a763eff0ada2243b3ea3d93c1ba Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 15:24:50 +0800
Subject: [PATCH 266/626] feat: add useRect

---
 src/api/use-rect.ts              |  7 +++++++
 src/calendar/components/Month.js | 11 +++++++++--
 src/nav-bar/index.js             |  5 ++++-
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/api/use-rect.ts

diff --git a/src/api/use-rect.ts b/src/api/use-rect.ts
new file mode 100644
index 000000000..f4e4d75cd
--- /dev/null
+++ b/src/api/use-rect.ts
@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+
+export const useRect = (el: Ref<Element>) => el.value.getBoundingClientRect();
+
+export const useWidth = (el: Ref<Element>) => useRect(el).width;
+
+export const useHeight = (el: Ref<Element>) => useRect(el).height;
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 24d47f979..2ce0e88fa 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,7 +1,10 @@
 import { ref, computed, getCurrentInstance } from 'vue';
+
+// Utils
 import { createNamespace, addUnit } from '../../utils';
 import { unitToPx } from '../../utils/format/unit';
 import { setScrollTop } from '../../utils/dom/scroll';
+import { getMonthEndDay } from '../../datetime-picker/utils';
 import {
   t,
   bem,
@@ -11,8 +14,12 @@ import {
   getNextDay,
   formatMonthTitle,
 } from '../utils';
+
+// Compositions
+import { useHeight } from '../../api/use-rect';
 import { useToggle } from '../../api/use-toggle';
-import { getMonthEndDay } from '../../datetime-picker/utils';
+
+// Components
 import Day from './Day';
 
 const [createComponent] = createNamespace('calendar-month');
@@ -78,7 +85,7 @@ export default createComponent({
     let height;
     const getHeight = () => {
       if (!height) {
-        ({ height } = monthRef.value.getBoundingClientRect());
+        height = useHeight(monthRef);
       }
       return height;
     };
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index ffe18e6e4..348413003 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -4,6 +4,9 @@ import { ref, onMounted } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
+// Compositions
+import { useHeight } from '../api/use-rect';
+
 // Components
 import Icon from '../icon';
 
@@ -32,7 +35,7 @@ export default createComponent({
 
     onMounted(() => {
       if (props.placeholder && props.fixed) {
-        height.value = navBarRef.value.getBoundingClientRect().height;
+        height.value = useHeight(navBarRef);
       }
     });
 

From 2ec101f07b9e0ff827274ec16cb5c67cf8806f38 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 15:32:30 +0800
Subject: [PATCH 267/626] chore: rename api folder to composition

---
 src/action-bar-button/index.js                    | 8 ++++++--
 src/action-bar-icon/index.js                      | 8 ++++++--
 src/button/index.js                               | 2 +-
 src/calendar/components/Month.js                  | 6 +++---
 src/cell/index.js                                 | 4 +++-
 src/col/index.js                                  | 2 +-
 src/collapse-item/index.js                        | 4 ++--
 src/{api => composition}/use-click-outside.ts     | 0
 src/{api => composition}/use-global-event.ts      | 0
 src/{api => composition}/use-lazy-render.ts       | 0
 src/{api => composition}/use-lock-scroll.ts       | 0
 src/{api => composition}/use-rect.ts              | 0
 src/{api => composition}/use-relation.ts          | 0
 src/{utils/router.ts => composition/use-route.ts} | 0
 src/{api => composition}/use-toggle.ts            | 0
 src/{api => composition}/use-touch.ts             | 0
 src/grid-item/index.js                            | 2 +-
 src/nav-bar/index.js                              | 4 ++--
 src/sidebar-item/index.js                         | 4 ++--
 src/tab/index.js                                  | 2 +-
 src/tabbar-item/index.js                          | 2 +-
 src/tabs/index.js                                 | 2 +-
 22 files changed, 30 insertions(+), 20 deletions(-)
 rename src/{api => composition}/use-click-outside.ts (100%)
 rename src/{api => composition}/use-global-event.ts (100%)
 rename src/{api => composition}/use-lazy-render.ts (100%)
 rename src/{api => composition}/use-lock-scroll.ts (100%)
 rename src/{api => composition}/use-rect.ts (100%)
 rename src/{api => composition}/use-relation.ts (100%)
 rename src/{utils/router.ts => composition/use-route.ts} (100%)
 rename src/{api => composition}/use-toggle.ts (100%)
 rename src/{api => composition}/use-touch.ts (100%)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 2281f5af2..e345ec38e 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -1,8 +1,12 @@
 import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '../composition/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
 import Button from '../button';
 
 const [createComponent, bem] = createNamespace('action-bar-button');
diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.js
index b5f73a075..c3bd0e83f 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.js
@@ -1,7 +1,11 @@
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '../composition/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
 import Icon from '../icon';
 import Badge from '../badge';
 
diff --git a/src/button/index.js b/src/button/index.js
index 77f044258..bbca69adf 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_SURROUND, WHITE } from '../utils/constant';
-import { useRoute, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 2ce0e88fa..bd20b89f5 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -15,9 +15,9 @@ import {
   formatMonthTitle,
 } from '../utils';
 
-// Compositions
-import { useHeight } from '../../api/use-rect';
-import { useToggle } from '../../api/use-toggle';
+// Composition
+import { useHeight } from '../../composition/use-rect';
+import { useToggle } from '../../composition/use-toggle';
 
 // Components
 import Day from './Day';
diff --git a/src/cell/index.js b/src/cell/index.js
index aa1dccaf9..523a29a09 100644
--- a/src/cell/index.js
+++ b/src/cell/index.js
@@ -1,8 +1,10 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
 import { cellProps } from './shared';
 
+// Composition
+import { useRoute, routeProps } from '../composition/use-route';
+
 // Components
 import Icon from '../icon';
 
diff --git a/src/col/index.js b/src/col/index.js
index 81e3cdad9..c83d95856 100644
--- a/src/col/index.js
+++ b/src/col/index.js
@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../api/use-relation';
+import { useParent } from '../composition/use-relation';
 import { ROW_KEY } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index c2dc3a32c..baae9d414 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,8 +5,8 @@ import { createNamespace, isDef } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../api/use-relation';
-import { useLazyRender } from '../api/use-lazy-render';
+import { useParent } from '../composition/use-relation';
+import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
 import Cell from '../cell';
diff --git a/src/api/use-click-outside.ts b/src/composition/use-click-outside.ts
similarity index 100%
rename from src/api/use-click-outside.ts
rename to src/composition/use-click-outside.ts
diff --git a/src/api/use-global-event.ts b/src/composition/use-global-event.ts
similarity index 100%
rename from src/api/use-global-event.ts
rename to src/composition/use-global-event.ts
diff --git a/src/api/use-lazy-render.ts b/src/composition/use-lazy-render.ts
similarity index 100%
rename from src/api/use-lazy-render.ts
rename to src/composition/use-lazy-render.ts
diff --git a/src/api/use-lock-scroll.ts b/src/composition/use-lock-scroll.ts
similarity index 100%
rename from src/api/use-lock-scroll.ts
rename to src/composition/use-lock-scroll.ts
diff --git a/src/api/use-rect.ts b/src/composition/use-rect.ts
similarity index 100%
rename from src/api/use-rect.ts
rename to src/composition/use-rect.ts
diff --git a/src/api/use-relation.ts b/src/composition/use-relation.ts
similarity index 100%
rename from src/api/use-relation.ts
rename to src/composition/use-relation.ts
diff --git a/src/utils/router.ts b/src/composition/use-route.ts
similarity index 100%
rename from src/utils/router.ts
rename to src/composition/use-route.ts
diff --git a/src/api/use-toggle.ts b/src/composition/use-toggle.ts
similarity index 100%
rename from src/api/use-toggle.ts
rename to src/composition/use-toggle.ts
diff --git a/src/api/use-touch.ts b/src/composition/use-touch.ts
similarity index 100%
rename from src/api/use-touch.ts
rename to src/composition/use-touch.ts
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index dea4ddc70..e209337ce 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router';
+import { route, routeProps } from '../composition/use-route';
 
 // Mixins
 import { ChildrenMixin } from '../mixins/relation';
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 348413003..775fdabb9 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -4,8 +4,8 @@ import { ref, onMounted } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
-// Compositions
-import { useHeight } from '../api/use-rect';
+// Composition
+import { useHeight } from '../composition/use-rect';
 
 // Components
 import Icon from '../icon';
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 9e1790f59..6109de0b0 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+import { useParent } from '../composition/use-relation';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
diff --git a/src/tab/index.js b/src/tab/index.js
index c38407f03..b5b2e08e2 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -1,6 +1,6 @@
 import { isDef, createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
+import { routeProps } from '../composition/use-route';
 
 const [createComponent, bem] = createNamespace('tab');
 
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 8d3e412b9..211da719b 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -1,6 +1,6 @@
 // Utils
 import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { route, routeProps } from '../composition/use-route';
 
 // Mixins
 import { ChildrenMixin } from '../mixins/relation';
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 29a4ecf65..50ca7bae8 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace, isDef, addUnit, isPromise } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils';
-import { route } from '../utils/router';
+import { route } from '../composition/use-route';
 import { isHidden } from '../utils/dom/style';
 import { on, off } from '../utils/dom/event';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';

From eb0cc05b126145aca84e2f023522601033f7a73c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 16:17:05 +0800
Subject: [PATCH 268/626] refactor(NoticeBar): refactor with composition api

---
 src/notice-bar/index.js | 251 +++++++++++++++++++---------------------
 1 file changed, 122 insertions(+), 129 deletions(-)

diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index b088bc36d..8b3f9c080 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,5 +1,7 @@
+import { ref, reactive, nextTick, onActivated, watch } from 'vue';
 import { createNamespace, isDef } from '../utils';
 import { doubleRaf } from '../utils/dom/raf';
+import { useWidth } from '../composition/use-rect';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('notice-bar');
@@ -28,158 +30,149 @@ export default createComponent({
 
   emits: ['close', 'replay'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    let wrapWidth = 0;
+    let contentWidth = 0;
+
+    const wrapRef = ref();
+    const contentRef = ref();
+
+    const state = reactive({
       show: true,
       offset: 0,
       duration: 0,
-      wrapWidth: 0,
-      contentWidth: 0,
-    };
-  },
+    });
 
-  watch: {
-    scrollable() {
-      this.start();
-    },
-    text: {
-      handler() {
-        this.start();
-      },
-      immediate: true,
-    },
-  },
-
-  activated() {
-    this.start();
-  },
-
-  methods: {
-    onClickIcon(event) {
-      if (this.mode === 'closeable') {
-        this.show = false;
-        this.$emit('close', event);
-      }
-    },
-
-    onTransitionEnd() {
-      this.offset = this.wrapWidth;
-      this.duration = 0;
-
-      // wait for Vue to render offset
-      this.$nextTick(() => {
-        // use double raf to ensure animation can start
-        doubleRaf(() => {
-          this.offset = -this.contentWidth;
-          this.duration = (this.contentWidth + this.wrapWidth) / this.speed;
-          this.$emit('replay');
-        });
-      });
-    },
-
-    reset() {
-      this.offset = 0;
-      this.duration = 0;
-      this.wrapWidth = 0;
-      this.contentWidth = 0;
-    },
-
-    start() {
-      const delay = isDef(this.delay) ? this.delay * 1000 : 0;
-
-      this.reset();
-
-      setTimeout(() => {
-        const { wrap, content } = this.$refs;
-        if (!wrap || !content || this.scrollable === false) {
-          return;
-        }
-
-        const wrapWidth = wrap.getBoundingClientRect().width;
-        const contentWidth = content.getBoundingClientRect().width;
-
-        if (this.scrollable || contentWidth > wrapWidth) {
-          doubleRaf(() => {
-            this.offset = -contentWidth;
-            this.duration = contentWidth / this.speed;
-            this.wrapWidth = wrapWidth;
-            this.contentWidth = contentWidth;
-          });
-        }
-      }, delay);
-    },
-  },
-
-  render() {
-    const slots = this.$slots;
-    const { mode, leftIcon, onClickIcon } = this;
-
-    const barStyle = {
-      color: this.color,
-      background: this.background,
-    };
-
-    const contentStyle = {
-      transform: this.offset ? `translateX(${this.offset}px)` : '',
-      transitionDuration: this.duration + 's',
-    };
-
-    function LeftIcon() {
+    const renderLeftIcon = () => {
       if (slots['left-icon']) {
         return slots['left-icon']();
       }
-
-      if (leftIcon) {
-        return <Icon class={bem('left-icon')} name={leftIcon} />;
+      if (props.leftIcon) {
+        return <Icon class={bem('left-icon')} name={props.leftIcon} />;
       }
-    }
+    };
 
-    function RightIcon() {
+    const getRightIconName = () => {
+      if (props.mode === 'closeable') {
+        return 'cross';
+      }
+      if (props.mode === 'link') {
+        return 'arrow';
+      }
+    };
+
+    const onClickRightIcon = (event) => {
+      if (props.mode === 'closeable') {
+        state.show = false;
+        emit('close', event);
+      }
+    };
+
+    const renderRightIcon = () => {
       if (slots['right-icon']) {
         return slots['right-icon']();
       }
 
-      let iconName;
-      if (mode === 'closeable') {
-        iconName = 'cross';
-      } else if (mode === 'link') {
-        iconName = 'arrow';
-      }
-
-      if (iconName) {
+      const name = getRightIconName();
+      if (name) {
         return (
           <Icon
+            name={name}
             class={bem('right-icon')}
-            name={iconName}
-            onClick={onClickIcon}
+            onClick={onClickRightIcon}
           />
         );
       }
-    }
+    };
 
-    return (
-      <div
-        role="alert"
-        vShow={this.show}
-        class={bem({ wrapable: this.wrapable })}
-        style={barStyle}
-      >
-        {LeftIcon()}
-        <div ref="wrap" class={bem('wrap')} role="marquee">
+    const onTransitionEnd = () => {
+      state.offset = wrapWidth;
+      state.duration = 0;
+
+      // wait for Vue to render offset
+      nextTick(() => {
+        // use double raf to ensure animation can start
+        doubleRaf(() => {
+          state.offset = -contentWidth;
+          state.duration = (contentWidth + wrapWidth) / props.speed;
+          emit('replay');
+        });
+      });
+    };
+
+    const renderMarquee = () => {
+      const ellipsis = props.scrollable === false && !props.wrapable;
+      const style = {
+        transform: state.offset ? `translateX(${state.offset}px)` : '',
+        transitionDuration: `${state.duration}s`,
+      };
+
+      return (
+        <div ref={wrapRef} role="marquee" class={bem('wrap')}>
           <div
-            ref="content"
-            class={[
-              bem('content'),
-              { 'van-ellipsis': this.scrollable === false && !this.wrapable },
-            ]}
-            style={contentStyle}
-            onTransitionend={this.onTransitionEnd}
+            ref={contentRef}
+            style={style}
+            class={[bem('content'), { 'van-ellipsis': ellipsis }]}
+            onTransitionend={onTransitionEnd}
           >
-            {slots.default?.() || this.text}
+            {slots.default ? slots.default() : props.text}
           </div>
         </div>
-        {RightIcon()}
-      </div>
-    );
+      );
+    };
+
+    const reset = () => {
+      wrapWidth = 0;
+      contentWidth = 0;
+      state.offset = 0;
+      state.duration = 0;
+    };
+
+    const start = () => {
+      const { delay, speed, scrollable } = props;
+      const ms = isDef(delay) ? delay * 1000 : 0;
+
+      reset();
+
+      setTimeout(() => {
+        if (!wrapRef.value || !contentRef.value || scrollable === false) {
+          return;
+        }
+
+        const wrapRefWidth = useWidth(wrapRef);
+        const contentRefWidth = useWidth(contentRef);
+
+        if (scrollable || contentRefWidth > wrapRefWidth) {
+          doubleRaf(() => {
+            wrapWidth = wrapRefWidth;
+            contentWidth = contentRefWidth;
+            state.offset = -contentWidth;
+            state.duration = contentWidth / speed;
+          });
+        }
+      }, ms);
+    };
+
+    onActivated(start);
+
+    watch([() => props.text, () => props.scrollable], start, {
+      immediate: true,
+    });
+
+    return () => {
+      const { color, wrapable, background } = props;
+      return (
+        <div
+          role="alert"
+          vShow={state.show}
+          class={bem({ wrapable })}
+          style={{ color, background }}
+        >
+          {renderLeftIcon()}
+          {renderMarquee()}
+          {renderRightIcon()}
+        </div>
+      );
+    };
   },
 });

From c720eea83170b36e1b2f4eb8bdaff400e88bf714 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 16:24:02 +0800
Subject: [PATCH 269/626] fix(Image): loading placeholder not work

---
 src/area/index.js                | 2 +-
 src/calendar/components/Month.js | 4 ++--
 src/collapse-item/index.js       | 4 ++--
 src/image/index.js               | 7 +++----
 src/nav-bar/index.js             | 4 ++--
 src/progress/index.js            | 8 ++++----
 6 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/area/index.js b/src/area/index.js
index 15a6b2a58..5558f2bff 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -48,7 +48,7 @@ export default createComponent({
   emits: ['change', 'confirm'],
 
   setup(props, { emit, slots }) {
-    const pickerRef = ref(null);
+    const pickerRef = ref();
 
     const state = reactive({
       code: props.value,
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index bd20b89f5..184075556 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -46,8 +46,8 @@ export default createComponent({
 
   setup(props, { emit }) {
     const [visible, setVisible] = useToggle();
-    const daysRef = ref(null);
-    const monthRef = ref(null);
+    const daysRef = ref();
+    const monthRef = ref();
 
     const title = computed(() => formatMonthTitle(props.date));
 
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index baae9d414..dd482c7a5 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -27,8 +27,8 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const wrapperRef = ref(null);
-    const contentRef = ref(null);
+    const wrapperRef = ref();
+    const contentRef = ref();
     const { parent, index } = useParent(COLLAPSE_KEY);
 
     const currentName = computed(() =>
diff --git a/src/image/index.js b/src/image/index.js
index 5b85a1152..aade22759 100644
--- a/src/image/index.js
+++ b/src/image/index.js
@@ -37,7 +37,7 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const error = ref(false);
     const loading = ref(true);
-    const imageRef = ref(null);
+    const imageRef = ref();
 
     const style = computed(() => {
       const style = {};
@@ -94,11 +94,10 @@ export default createComponent({
     };
 
     const renderPlaceholder = () => {
-      if (props.loading && props.showLoading) {
+      if (loading.value && props.showLoading) {
         return <div class={bem('loading')}>{renderLoadingIcon()}</div>;
       }
-
-      if (props.error && props.showError) {
+      if (error.value && props.showError) {
         return <div class={bem('error')}>{renderErrorIcon()}</div>;
       }
     };
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 775fdabb9..097079306 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -30,8 +30,8 @@ export default createComponent({
   emits: ['click-left', 'click-right'],
 
   setup(props, { emit, slots }) {
-    const height = ref(null);
-    const navBarRef = ref(null);
+    const height = ref();
+    const navBarRef = ref();
 
     onMounted(() => {
       if (props.placeholder && props.fixed) {
diff --git a/src/progress/index.js b/src/progress/index.js
index 2c5799310..acbdcc1f9 100644
--- a/src/progress/index.js
+++ b/src/progress/index.js
@@ -24,12 +24,12 @@ export default createComponent({
   },
 
   setup(props) {
-    const rootRef = ref(null);
-    const pivotRef = ref(null);
+    const rootRef = ref();
+    const pivotRef = ref();
 
     const state = reactive({
-      pivotWidth: 0,
       rootWidth: 0,
+      pivotWidth: 0,
     });
 
     const background = computed(() =>
@@ -38,8 +38,8 @@ export default createComponent({
 
     const setWidth = () => {
       nextTick(() => {
-        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
         state.rootWidth = rootRef.value.offsetWidth;
+        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
       });
     };
 

From 47a7ccef855b405bcef91d1963097c829fc20ed0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 17:49:21 +0800
Subject: [PATCH 270/626] refactor(Slider): refactor with composition api

---
 src/slider/index.js | 257 +++++++++++++++++++++++---------------------
 1 file changed, 132 insertions(+), 125 deletions(-)

diff --git a/src/slider/index.js b/src/slider/index.js
index eca993618..c788fb0af 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -1,12 +1,18 @@
+import { ref, computed } from 'vue';
 import { createNamespace, addUnit } from '../utils';
 import { preventDefault } from '../utils/dom/event';
-import { TouchMixin } from '../mixins/touch';
+
+// Mixins
 import { FieldMixin } from '../mixins/field';
 
+// Composition
+import { useRect } from '../composition/use-rect';
+import { useTouch } from '../composition/use-touch';
+
 const [createComponent, bem] = createNamespace('slider');
 
 export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
+  mixins: [FieldMixin],
 
   props: {
     disabled: Boolean,
@@ -35,161 +41,162 @@ export default createComponent({
 
   emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
 
-  data() {
-    return {
-      dragStatus: '',
-    };
-  },
+  setup(props, { emit, slots }) {
+    let startValue;
+    let currentValue;
 
-  computed: {
-    range() {
-      return this.max - this.min;
-    },
+    const rootRef = ref();
+    const dragStatus = ref();
+    const touch = useTouch();
 
-    buttonStyle() {
-      if (this.buttonSize) {
-        const size = addUnit(this.buttonSize);
+    const range = computed(() => props.max - props.min);
+
+    const buttonStyle = computed(() => {
+      if (props.buttonSize) {
+        const size = addUnit(props.buttonSize);
         return {
           width: size,
           height: size,
         };
       }
-    },
-  },
+    });
 
-  created() {
-    // format initial value
-    this.updateValue(this.modelValue);
-  },
+    const wrapperStyle = computed(() => {
+      const crossAxis = props.vertical ? 'width' : 'height';
+      return {
+        background: props.inactiveColor,
+        [crossAxis]: addUnit(props.barHeight),
+      };
+    });
 
-  mounted() {
-    this.bindTouchEvent(this.$refs.wrapper);
-  },
+    const barStyle = computed(() => {
+      const mainAxis = props.vertical ? 'height' : 'width';
+      return {
+        [mainAxis]: `${((props.modelValue - props.min) * 100) / range.value}%`,
+        background: props.activeColor,
+        transition: dragStatus.value ? 'none' : null,
+      };
+    });
 
-  methods: {
-    onTouchStart(event) {
-      if (this.disabled) {
+    const format = (value) => {
+      const { min, max, step } = props;
+      value = Math.max(min, Math.min(value, max));
+      return Math.round(value / step) * step;
+    };
+
+    const updateValue = (value, end) => {
+      value = format(value);
+
+      if (value !== props.modelValue) {
+        emit('update:modelValue', value);
+      }
+
+      if (end && value !== startValue) {
+        emit('change', value);
+      }
+    };
+
+    const onClick = (event) => {
+      event.stopPropagation();
+
+      if (props.disabled) {
         return;
       }
 
-      this.touchStart(event);
-      this.startValue = this.format(this.modelValue);
-      this.dragStatus = 'start';
-    },
+      const { min, vertical, modelValue } = props;
+      const rect = useRect(rootRef);
+      const delta = vertical
+        ? event.clientY - rect.top
+        : event.clientX - rect.left;
+      const total = vertical ? rect.height : rect.width;
+      const value = +min + (delta / total) * range.value;
 
-    onTouchMove(event) {
-      if (this.disabled) {
+      startValue = modelValue;
+      updateValue(value, true);
+    };
+
+    const onTouchStart = (event) => {
+      if (props.disabled) {
         return;
       }
 
-      if (this.dragStatus === 'start') {
-        this.$emit('drag-start');
+      touch.start(event);
+      startValue = format(props.modelValue);
+      dragStatus.value = 'start';
+    };
+
+    const onTouchMove = (event) => {
+      if (props.disabled) {
+        return;
+      }
+
+      if (dragStatus.value === 'start') {
+        emit('drag-start');
       }
 
       preventDefault(event, true);
-      this.touchMove(event);
-      this.dragStatus = 'draging';
+      touch.move(event);
+      dragStatus.value = 'draging';
 
-      const rect = this.$el.getBoundingClientRect();
-      const delta = this.vertical ? this.deltaY : this.deltaX;
-      const total = this.vertical ? rect.height : rect.width;
-      const diff = (delta / total) * this.range;
+      const rect = useRect(rootRef);
+      const delta = props.vertical ? touch.deltaY.value : touch.deltaX.value;
+      const total = props.vertical ? rect.height : rect.width;
+      const diff = (delta / total) * range.value;
 
-      this.newValue = this.startValue + diff;
-      this.updateValue(this.newValue);
-    },
+      currentValue = startValue + diff;
+      updateValue(currentValue);
+    };
 
-    onTouchEnd() {
-      if (this.disabled) {
+    const onTouchEnd = () => {
+      if (props.disabled) {
         return;
       }
 
-      if (this.dragStatus === 'draging') {
-        this.updateValue(this.newValue, true);
-        this.$emit('drag-end');
+      if (dragStatus.value === 'draging') {
+        updateValue(currentValue, true);
+        emit('drag-end');
       }
 
-      this.dragStatus = '';
-    },
-
-    onClick(event) {
-      event.stopPropagation();
-
-      if (this.disabled) return;
-
-      const rect = this.$el.getBoundingClientRect();
-      const delta = this.vertical
-        ? event.clientY - rect.top
-        : event.clientX - rect.left;
-      const total = this.vertical ? rect.height : rect.width;
-      const value = +this.min + (delta / total) * this.range;
-
-      this.startValue = this.modelValue;
-      this.updateValue(value, true);
-    },
-
-    updateValue(value, end) {
-      value = this.format(value);
-
-      if (value !== this.modelValue) {
-        this.$emit('update:modelValue', value);
-      }
-
-      if (end && value !== this.startValue) {
-        this.$emit('change', value);
-      }
-    },
-
-    format(value) {
-      return (
-        Math.round(Math.max(this.min, Math.min(value, this.max)) / this.step) *
-        this.step
-      );
-    },
-  },
-
-  render() {
-    const { vertical } = this;
-    const mainAxis = vertical ? 'height' : 'width';
-    const crossAxis = vertical ? 'width' : 'height';
-
-    const wrapperStyle = {
-      background: this.inactiveColor,
-      [crossAxis]: addUnit(this.barHeight),
+      dragStatus.value = '';
     };
 
-    const barStyle = {
-      [mainAxis]: `${((this.modelValue - this.min) * 100) / this.range}%`,
-      background: this.activeColor,
-    };
-
-    if (this.dragStatus) {
-      barStyle.transition = 'none';
-    }
-
-    return (
+    const renderButton = () => (
       <div
-        style={wrapperStyle}
-        class={bem({ disabled: this.disabled, vertical })}
-        onClick={this.onClick}
+        role="slider"
+        tabindex={props.disabled ? -1 : 0}
+        aria-valuemin={props.min}
+        aria-valuenow={props.modelValue}
+        aria-valuemax={props.max}
+        aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
+        class={bem('button-wrapper')}
+        onTouchstart={onTouchStart}
+        onTouchmove={onTouchMove}
+        onTouchend={onTouchEnd}
+        onTouchcancel={onTouchEnd}
       >
-        <div class={bem('bar')} style={barStyle}>
-          <div
-            ref="wrapper"
-            role="slider"
-            tabindex={this.disabled ? -1 : 0}
-            aria-valuemin={this.min}
-            aria-valuenow={this.modelValue}
-            aria-valuemax={this.max}
-            aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
-            class={bem('button-wrapper')}
-          >
-            {this.$slots.button ? (
-              this.$slots.button()
-            ) : (
-              <div class={bem('button')} style={this.buttonStyle} />
-            )}
-          </div>
+        {slots.button ? (
+          slots.button()
+        ) : (
+          <div class={bem('button')} style={buttonStyle.value} />
+        )}
+      </div>
+    );
+
+    // format initial value
+    updateValue(props.modelValue);
+
+    return () => (
+      <div
+        ref={rootRef}
+        style={wrapperStyle.value}
+        class={bem({
+          vertical: props.vertical,
+          disabled: props.disabled,
+        })}
+        onClick={onClick}
+      >
+        <div class={bem('bar')} style={barStyle.value}>
+          {renderButton()}
         </div>
       </div>
     );

From 216417eae6e6779973a0a9e35d0731fb86380b7a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 26 Aug 2020 18:09:32 +0800
Subject: [PATCH 271/626] chore: extract getSizeStyle

---
 src/circle/index.js      | 12 ++----------
 src/skeleton/index.js    |  5 ++---
 src/slider/index.js      | 14 ++------------
 src/stepper/index.js     | 11 ++---------
 src/uploader/index.js    | 28 ++++++++++------------------
 src/utils/format/unit.ts | 10 ++++++++++
 src/utils/index.ts       |  2 +-
 7 files changed, 29 insertions(+), 53 deletions(-)

diff --git a/src/circle/index.js b/src/circle/index.js
index f26f2adc0..b2ce174c6 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -1,5 +1,5 @@
 import { watch, computed } from 'vue';
-import { createNamespace, isObject, addUnit } from '../utils';
+import { createNamespace, isObject, getSizeStyle } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
 import { BLUE, WHITE } from '../utils/constant';
 
@@ -69,14 +69,6 @@ export default createComponent({
 
     const path = computed(() => getPath(props.clockwise, viewBoxSize.value));
 
-    const rootStyle = computed(() => {
-      const size = addUnit(props.size);
-      return {
-        width: size,
-        height: size,
-      };
-    });
-
     watch(
       () => props.rate,
       (rate) => {
@@ -172,7 +164,7 @@ export default createComponent({
     };
 
     return () => (
-      <div class={bem()} style={rootStyle.value}>
+      <div class={bem()} style={getSizeStyle(props.buttonSize)}>
         <svg viewBox={`0 0 ${viewBoxSize.value} ${viewBoxSize.value}`}>
           {renderGradient()}
           {renderHover()}
diff --git a/src/skeleton/index.js b/src/skeleton/index.js
index 83aedd3bf..49f72e4a6 100644
--- a/src/skeleton/index.js
+++ b/src/skeleton/index.js
@@ -1,4 +1,4 @@
-import { createNamespace, addUnit } from '../utils';
+import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 const [createComponent, bem] = createNamespace('skeleton');
 const DEFAULT_ROW_WIDTH = '100%';
@@ -42,11 +42,10 @@ export default createComponent({
   setup(props, { slots }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        const size = addUnit(props.avatarSize);
         return (
           <div
             class={bem('avatar', props.avatarShape)}
-            style={{ width: size, height: size }}
+            style={getSizeStyle(props.avatarSize)}
           />
         );
       }
diff --git a/src/slider/index.js b/src/slider/index.js
index c788fb0af..2ccd632fd 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -1,5 +1,5 @@
 import { ref, computed } from 'vue';
-import { createNamespace, addUnit } from '../utils';
+import { createNamespace, addUnit, getSizeStyle } from '../utils';
 import { preventDefault } from '../utils/dom/event';
 
 // Mixins
@@ -51,16 +51,6 @@ export default createComponent({
 
     const range = computed(() => props.max - props.min);
 
-    const buttonStyle = computed(() => {
-      if (props.buttonSize) {
-        const size = addUnit(props.buttonSize);
-        return {
-          width: size,
-          height: size,
-        };
-      }
-    });
-
     const wrapperStyle = computed(() => {
       const crossAxis = props.vertical ? 'width' : 'height';
       return {
@@ -177,7 +167,7 @@ export default createComponent({
         {slots.button ? (
           slots.button()
         ) : (
-          <div class={bem('button')} style={buttonStyle.value} />
+          <div class={bem('button')} style={getSizeStyle(props.buttonSize)} />
         )}
       </div>
     );
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 4212756bd..8f3a4b8ed 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -1,4 +1,4 @@
-import { createNamespace, isDef, addUnit } from '../utils';
+import { createNamespace, isDef, addUnit, getSizeStyle } from '../utils';
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { preventDefault } from '../utils/dom/event';
 import { formatNumber } from '../utils/format/number';
@@ -124,14 +124,7 @@ export default createComponent({
     },
 
     buttonStyle() {
-      if (this.buttonSize) {
-        const size = addUnit(this.buttonSize);
-
-        return {
-          width: size,
-          height: size,
-        };
-      }
+      return getSizeStyle(this.buttonSize);
     },
   },
 
diff --git a/src/uploader/index.js b/src/uploader/index.js
index cd3a7dc0d..2fe2067c9 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -1,5 +1,12 @@
 // Utils
-import { createNamespace, addUnit, noop, isPromise, isDef } from '../utils';
+import {
+  noop,
+  isDef,
+  addUnit,
+  isPromise,
+  getSizeStyle,
+  createNamespace,
+} from '../utils';
 import { toArray, readFile, isOversize, isImageFile } from './utils';
 
 // Mixins
@@ -346,13 +353,7 @@ export default createComponent({
           {PreviewCover}
         </Image>
       ) : (
-        <div
-          class={bem('file')}
-          style={{
-            width: this.previewSizeWithUnit,
-            height: this.previewSizeWithUnit,
-          }}
-        >
+        <div class={bem('file')} style={getSizeStyle(this.previewSize)}>
           <Icon class={bem('file-icon')} name="description" />
           <div class={[bem('file-name'), 'van-ellipsis']}>
             {item.file ? item.file.name : item.url}
@@ -408,17 +409,8 @@ export default createComponent({
         );
       }
 
-      let style;
-      if (this.previewSize) {
-        const size = this.previewSizeWithUnit;
-        style = {
-          width: size,
-          height: size,
-        };
-      }
-
       return (
-        <div class={bem('upload')} style={style}>
+        <div class={bem('upload')} style={getSizeStyle(this.previewSize)}>
           <Icon name={this.uploadIcon} class={bem('upload-icon')} />
           {this.uploadText && (
             <span class={bem('upload-text')}>{this.uploadText}</span>
diff --git a/src/utils/format/unit.ts b/src/utils/format/unit.ts
index 9b2de011d..941a3261c 100644
--- a/src/utils/format/unit.ts
+++ b/src/utils/format/unit.ts
@@ -10,6 +10,16 @@ export function addUnit(value?: string | number): string | undefined {
   return isNumeric(value) ? `${value}px` : value;
 }
 
+export function getSizeStyle(originSize?: string | number) {
+  if (isDef(originSize)) {
+    const size = addUnit(originSize);
+    return {
+      width: size,
+      height: size,
+    };
+  }
+}
+
 // cache
 let rootFontSize: number;
 
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 03976bbd3..e461e855a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,4 +1,4 @@
-export { addUnit } from './format/unit';
+export { addUnit, getSizeStyle } from './format/unit';
 export { createNamespace } from './create';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function

From 0b147c5872dc09f54e41d842b041c13ca027ab3d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 27 Aug 2020 10:10:49 +0800
Subject: [PATCH 272/626] feat: add useParentField

---
 src/composition/use-parent-field.ts | 17 +++++++++++++++++
 src/field/index.js                  |  2 ++
 src/mixins/field.js                 |  4 +++-
 src/slider/index.js                 |  9 ++++-----
 4 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 src/composition/use-parent-field.ts

diff --git a/src/composition/use-parent-field.ts b/src/composition/use-parent-field.ts
new file mode 100644
index 000000000..f378adcd8
--- /dev/null
+++ b/src/composition/use-parent-field.ts
@@ -0,0 +1,17 @@
+import { watch, inject, WatchSource, getCurrentInstance } from 'vue';
+import { FIELD_KEY } from '../field';
+
+export function useParentField(watchSource: WatchSource) {
+  const field = inject(FIELD_KEY) as any;
+
+  if (field && !field.children) {
+    field.children = getCurrentInstance()!.proxy;
+
+    watch(watchSource, () => {
+      if (field) {
+        field.resetValidation();
+        field.validateWithTrigger('onChange');
+      }
+    });
+  }
+}
diff --git a/src/field/index.js b/src/field/index.js
index 4ee83a9a2..80b901f16 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -18,6 +18,8 @@ import { cellProps } from '../cell/shared';
 
 const [createComponent, bem] = createNamespace('field');
 
+export const FIELD_KEY = 'vanField';
+
 export default createComponent({
   provide() {
     return {
diff --git a/src/mixins/field.js b/src/mixins/field.js
index 176e7b575..6860e10d1 100644
--- a/src/mixins/field.js
+++ b/src/mixins/field.js
@@ -1,7 +1,9 @@
+import { FIELD_KEY } from '../field';
+
 export const FieldMixin = {
   inject: {
     vanField: {
-      from: 'vanField',
+      from: FIELD_KEY,
       default: null,
     },
   },
diff --git a/src/slider/index.js b/src/slider/index.js
index 2ccd632fd..3aa93f0be 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -1,19 +1,17 @@
 import { ref, computed } from 'vue';
+
+// Utils
 import { createNamespace, addUnit, getSizeStyle } from '../utils';
 import { preventDefault } from '../utils/dom/event';
 
-// Mixins
-import { FieldMixin } from '../mixins/field';
-
 // Composition
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
+import { useParentField } from '../composition/use-parent-field';
 
 const [createComponent, bem] = createNamespace('slider');
 
 export default createComponent({
-  mixins: [FieldMixin],
-
   props: {
     disabled: Boolean,
     vertical: Boolean,
@@ -174,6 +172,7 @@ export default createComponent({
 
     // format initial value
     updateValue(props.modelValue);
+    useParentField(() => props.modelValue);
 
     return () => (
       <div

From 5aa092519a13464f09c7e7921c32d9e60eda59de Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 27 Aug 2020 14:18:50 +0800
Subject: [PATCH 273/626] feat: add useRefs

---
 src/composition/use-refs.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/composition/use-refs.ts

diff --git a/src/composition/use-refs.ts b/src/composition/use-refs.ts
new file mode 100644
index 000000000..d3d8f3dc8
--- /dev/null
+++ b/src/composition/use-refs.ts
@@ -0,0 +1,15 @@
+import { ref, onBeforeUpdate } from 'vue';
+
+export function useRefs() {
+  const refs = ref([] as Element[]);
+
+  onBeforeUpdate(() => {
+    refs.value = [];
+  });
+
+  const setRefs = (index: number) => (el: Element) => {
+    refs.value[index] = el;
+  };
+
+  return [refs, setRefs];
+}

From 67f418ab076f69089eef8bbb7248af774e3cdfe4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 27 Aug 2020 14:20:37 +0800
Subject: [PATCH 274/626] refactor(Rate): refactor with composition api

---
 src/composition/use-parent-field.ts |   2 +-
 src/rate/index.js                   | 160 +++++++++++++---------------
 2 files changed, 76 insertions(+), 86 deletions(-)

diff --git a/src/composition/use-parent-field.ts b/src/composition/use-parent-field.ts
index f378adcd8..561c9fef2 100644
--- a/src/composition/use-parent-field.ts
+++ b/src/composition/use-parent-field.ts
@@ -2,7 +2,7 @@ import { watch, inject, WatchSource, getCurrentInstance } from 'vue';
 import { FIELD_KEY } from '../field';
 
 export function useParentField(watchSource: WatchSource) {
-  const field = inject(FIELD_KEY) as any;
+  const field = inject(FIELD_KEY, null) as any;
 
   if (field && !field.children) {
     field.children = getCurrentInstance()!.proxy;
diff --git a/src/rate/index.js b/src/rate/index.js
index d191d20b0..d092126f3 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -1,10 +1,13 @@
+import { computed } from 'vue';
+
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { preventDefault } from '../utils/dom/event';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field';
+// Composition
+import { useRefs } from '../composition/use-refs';
+import { useTouch } from '../composition/use-touch';
+import { useParentField } from '../composition/use-parent-field';
 
 // Components
 import Icon from '../icon';
@@ -15,17 +18,13 @@ function getRateStatus(value, index, allowHalf) {
   if (value >= index) {
     return 'full';
   }
-
   if (value + 0.5 >= index && allowHalf) {
     return 'half';
   }
-
   return 'void';
 }
 
 export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
-
   props: {
     size: [Number, String],
     color: String,
@@ -60,53 +59,51 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  created() {
-    this.itemRefs = [];
-  },
+  setup(props, { emit }) {
+    let ranges;
 
-  computed: {
-    list() {
+    const touch = useTouch();
+    const [itemRefs, setItemRefs] = useRefs();
+
+    const untouchable = () =>
+      props.readonly || props.disabled || !props.touchable;
+
+    const list = computed(() => {
       const list = [];
-      for (let i = 1; i <= this.count; i++) {
-        list.push(getRateStatus(this.modelValue, i, this.allowHalf));
+      for (let i = 1; i <= props.count; i++) {
+        list.push(getRateStatus(props.modelValue, i, props.allowHalf));
       }
-
       return list;
-    },
+    });
 
-    sizeWithUnit() {
-      return addUnit(this.size);
-    },
-
-    gutterWithUnit() {
-      return addUnit(this.gutter);
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-
-  methods: {
-    select(index) {
-      if (!this.disabled && !this.readonly && index !== this.modelValue) {
-        this.$emit('update:modelValue', index);
-        this.$emit('change', index);
+    const select = (index) => {
+      if (!props.disabled && !props.readonly && index !== props.modelValue) {
+        emit('update:modelValue', index);
+        emit('change', index);
       }
-    },
+    };
 
-    onTouchStart(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
+    const getScoreByPosition = (x) => {
+      for (let i = ranges.length - 1; i > 0; i--) {
+        if (x > ranges[i].left) {
+          return ranges[i].score;
+        }
+      }
+      return props.allowHalf ? 0.5 : 1;
+    };
+
+    const onTouchStart = (event) => {
+      if (untouchable()) {
         return;
       }
 
-      this.touchStart(event);
+      touch.start(event);
 
-      const rects = this.itemRefs.map((item) => item.getBoundingClientRect());
-      const ranges = [];
+      const rects = itemRefs.value.map((item) => item.getBoundingClientRect());
 
+      ranges = [];
       rects.forEach((rect, index) => {
-        if (this.allowHalf) {
+        if (props.allowHalf) {
           ranges.push(
             { score: index + 0.5, left: rect.left },
             { score: index + 1, left: rect.left + rect.width / 2 }
@@ -115,108 +112,101 @@ export default createComponent({
           ranges.push({ score: index + 1, left: rect.left });
         }
       });
+    };
 
-      this.ranges = ranges;
-    },
-
-    onTouchMove(event) {
-      if (this.readonly || this.disabled || !this.touchable) {
+    const onTouchMove = (event) => {
+      if (untouchable()) {
         return;
       }
 
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        preventDefault(event);
+      touch.move(event);
 
+      if (touch.direction.value === 'horizontal') {
         const { clientX } = event.touches[0];
-        this.select(this.getScoreByPosition(clientX));
+        preventDefault(event);
+        select(getScoreByPosition(clientX));
       }
-    },
+    };
 
-    getScoreByPosition(x) {
-      for (let i = this.ranges.length - 1; i > 0; i--) {
-        if (x > this.ranges[i].left) {
-          return this.ranges[i].score;
-        }
-      }
-
-      return this.allowHalf ? 0.5 : 1;
-    },
-
-    genStar(status, index) {
+    const renderStar = (status, index) => {
       const {
         icon,
+        size,
         color,
         count,
+        gutter,
         voidIcon,
         disabled,
         voidColor,
+        allowHalf,
+        iconPrefix,
         disabledColor,
-      } = this;
+      } = props;
       const score = index + 1;
       const isFull = status === 'full';
       const isVoid = status === 'void';
 
       let style;
-      if (this.gutterWithUnit && score !== +count) {
-        style = { paddingRight: this.gutterWithUnit };
+      if (gutter && score !== +count) {
+        style = {
+          paddingRight: addUnit(gutter),
+        };
       }
 
       return (
         <div
           key={index}
-          ref={(val) => {
-            this.itemRefs[index] = val;
-          }}
+          ref={setItemRefs(index)}
           role="radio"
           style={style}
+          class={bem('item')}
           tabindex="0"
           aria-setsize={count}
           aria-posinset={score}
           aria-checked={String(!isVoid)}
-          class={bem('item')}
         >
           <Icon
-            size={this.sizeWithUnit}
+            size={size}
             name={isFull ? icon : voidIcon}
             class={bem('icon', { disabled, full: isFull })}
             color={disabled ? disabledColor : isFull ? color : voidColor}
-            classPrefix={this.iconPrefix}
+            classPrefix={iconPrefix}
             data-score={score}
             onClick={() => {
-              this.select(score);
+              select(score);
             }}
           />
-          {this.allowHalf && (
+          {allowHalf && (
             <Icon
-              size={this.sizeWithUnit}
+              size={size}
               name={isVoid ? voidIcon : icon}
               class={bem('icon', ['half', { disabled, full: !isVoid }])}
               color={disabled ? disabledColor : isVoid ? voidColor : color}
-              classPrefix={this.iconPrefix}
+              classPrefix={iconPrefix}
               data-score={score - 0.5}
               onClick={() => {
-                this.select(score - 0.5);
+                select(score - 0.5);
               }}
             />
           )}
         </div>
       );
-    },
-  },
+    };
 
-  render() {
-    return (
+    useParentField(() => props.modelValue);
+
+    return () => (
       <div
+        role="radiogroup"
         class={bem({
-          readonly: this.readonly,
-          disabled: this.disabled,
+          readonly: props.readonly,
+          disabled: props.disabled,
         })}
         tabindex="0"
-        role="radiogroup"
+        onTouchstart={onTouchStart}
+        onTouchmove={onTouchMove}
       >
-        {this.list.map((status, index) => this.genStar(status, index))}
+        {list.value.map(renderStar)}
       </div>
     );
   },

From ecb319625b684ddc93a4b6aa1a5e09a4033719fa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 09:53:16 +0800
Subject: [PATCH 275/626] refactor(List): refactor with composition api

---
 src/composition/use-global-event.ts |  12 +-
 src/list/index.js                   | 180 ++++++++++++++--------------
 2 files changed, 97 insertions(+), 95 deletions(-)

diff --git a/src/composition/use-global-event.ts b/src/composition/use-global-event.ts
index 8dfb0fff9..c387ba1f2 100644
--- a/src/composition/use-global-event.ts
+++ b/src/composition/use-global-event.ts
@@ -9,7 +9,7 @@ import {
 } from 'vue';
 
 export function useGlobalEvent(
-  target: EventTarget,
+  target: Ref<EventTarget>,
   event: string,
   handler: EventListener,
   passive = false,
@@ -18,23 +18,23 @@ export function useGlobalEvent(
   let binded: boolean;
 
   function add() {
-    if (binded || (flag && !flag.value)) {
+    if (binded || (flag && !flag.value) || !target.value) {
       return;
     }
 
-    on(target, event, handler, passive);
+    on(target.value, event, handler, passive);
     binded = true;
   }
 
   function remove() {
-    if (binded) {
-      off(target, event, handler);
+    if (binded && target.value) {
+      off(target.value, event, handler);
       binded = false;
     }
   }
 
   if (flag) {
-    watch(() => {
+    watch(flag, () => {
       flag.value ? add() : remove();
     });
   }
diff --git a/src/list/index.js b/src/list/index.js
index d5fc44ede..d4b2c7707 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -1,10 +1,20 @@
+import {
+  ref,
+  watch,
+  nextTick,
+  onUpdated,
+  onMounted,
+  getCurrentInstance,
+} from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
 import { getScroller } from '../utils/dom/scroll';
 
-// Mixins
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useRect } from '../composition/use-rect';
+import { useGlobalEvent } from '../composition/use-global-event';
 
 // Components
 import Loading from '../loading';
@@ -12,16 +22,6 @@ import Loading from '../loading';
 const [createComponent, bem, t] = createNamespace('list');
 
 export default createComponent({
-  mixins: [
-    BindEventMixin(function (bind) {
-      if (!this.scroller) {
-        this.scroller = getScroller(this.$el);
-      }
-
-      bind(this.scroller, 'scroll', this.check);
-    }),
-  ],
-
   props: {
     error: Boolean,
     loading: Boolean,
@@ -45,37 +45,21 @@ export default createComponent({
 
   emits: ['load', 'update:error', 'update:loading'],
 
-  data() {
-    return {
-      // use sync innerLoading state to avoid repeated loading in some edge cases
-      innerLoading: this.loading,
-    };
-  },
+  setup(props, { emit, slots }) {
+    // use sync innerLoading state to avoid repeated loading in some edge cases
+    const loading = ref(false);
+    const rootRef = ref();
+    const scrollerRef = ref();
+    const placeholderRef = ref();
 
-  updated() {
-    this.innerLoading = this.loading;
-  },
-
-  mounted() {
-    if (this.immediateCheck) {
-      this.check();
-    }
-  },
-
-  watch: {
-    loading: 'check',
-    finished: 'check',
-  },
-
-  methods: {
-    // @exposed-api
-    check() {
-      this.$nextTick(() => {
-        if (this.innerLoading || this.finished || this.error) {
+    const check = () => {
+      nextTick(() => {
+        if (loading.value || props.finished || props.error) {
           return;
         }
 
-        const { $el: el, scroller, offset, direction } = this;
+        const scroller = scrollerRef.value;
+        const { offset, direction } = props;
         let scrollerRect;
 
         if (scroller.getBoundingClientRect) {
@@ -90,12 +74,12 @@ export default createComponent({
         const scrollerHeight = scrollerRect.bottom - scrollerRect.top;
 
         /* istanbul ignore next */
-        if (!scrollerHeight || isHidden(el)) {
+        if (!scrollerHeight || isHidden(rootRef.value)) {
           return false;
         }
 
         let isReachEdge = false;
-        const placeholderRect = this.$refs.placeholder.getBoundingClientRect();
+        const placeholderRect = useRect(placeholderRef);
 
         if (direction === 'up') {
           isReachEdge = scrollerRect.top - placeholderRect.top <= offset;
@@ -104,71 +88,89 @@ export default createComponent({
         }
 
         if (isReachEdge) {
-          this.innerLoading = true;
-          this.$emit('update:loading', true);
-          this.$emit('load');
+          loading.value = true;
+          emit('update:loading', true);
+          emit('load');
         }
       });
-    },
-
-    clickErrorText() {
-      this.$emit('update:error', false);
-      this.check();
-    },
-
-    genLoading() {
-      if (this.innerLoading && !this.finished) {
-        return (
-          <div class={bem('loading')} key="loading">
-            {this.$slots.loading ? (
-              this.$slots.loading()
-            ) : (
-              <Loading size="16">{this.loadingText || t('loading')}</Loading>
-            )}
-          </div>
-        );
-      }
-    },
-
-    genFinishedText() {
-      if (this.finished) {
-        const text = this.$slots.finished
-          ? this.$slots.finished()
-          : this.finishedText;
+    };
 
+    const renderFinishedText = () => {
+      if (props.finished) {
+        const text = slots.finished ? slots.finished() : props.finishedText;
         if (text) {
           return <div class={bem('finished-text')}>{text}</div>;
         }
       }
-    },
+    };
 
-    genErrorText() {
-      if (this.error) {
-        const text = this.$slots.error ? this.$slots.error() : this.errorText;
+    const clickErrorText = () => {
+      emit('update:error', false);
+      check();
+    };
 
+    const renderErrorText = () => {
+      if (props.error) {
+        const text = slots.error ? slots.error() : props.errorText;
         if (text) {
           return (
-            <div onClick={this.clickErrorText} class={bem('error-text')}>
+            <div onClick={clickErrorText} class={bem('error-text')}>
               {text}
             </div>
           );
         }
       }
-    },
-  },
+    };
 
-  render() {
-    const Placeholder = <div ref="placeholder" class={bem('placeholder')} />;
-    const Content = this.$slots.default?.();
+    const renderLoading = () => {
+      if (loading.value && !props.finished) {
+        return (
+          <div class={bem('loading')} key="loading">
+            {slots.loading ? (
+              slots.loading()
+            ) : (
+              <Loading size="16">{props.loadingText || t('loading')}</Loading>
+            )}
+          </div>
+        );
+      }
+    };
 
-    return (
-      <div class={bem()} role="feed" aria-busy={this.innerLoading}>
-        {this.direction === 'down' ? Content : Placeholder}
-        {this.genLoading()}
-        {this.genFinishedText()}
-        {this.genErrorText()}
-        {this.direction === 'up' ? Content : Placeholder}
-      </div>
-    );
+    watch([() => props.loading, () => props.finished], check);
+
+    onUpdated(() => {
+      loading.value = props.loading;
+    });
+
+    onMounted(() => {
+      scrollerRef.value = getScroller(rootRef.value);
+
+      if (props.immediateCheck) {
+        check();
+      }
+    });
+
+    useGlobalEvent(scrollerRef, 'scroll', check);
+
+    // @exposed-api
+    const vm = getCurrentInstance().proxy;
+    vm.check = check;
+
+    return () => {
+      const Content = slots.default?.();
+      const Placeholder = (
+        <div ref={placeholderRef} class={bem('placeholder')} />
+      );
+
+      return (
+        <div ref={rootRef} role="feed" class={bem()} aria-busy={loading.value}>
+          {props.direction === 'down' ? Content : Placeholder}
+          {renderLoading()}
+          {renderFinishedText()}
+          {renderErrorText()}
+          {props.direction === 'up' ? Content : Placeholder}
+        </div>
+      );
+    };
   },
 });

From c9d47204db4d034b0a35be688516aa0eb9afcb05 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 11:46:13 +0800
Subject: [PATCH 276/626] feat: add useVisibilityChange

---
 src/composition/use-visibility-change.ts | 35 ++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/composition/use-visibility-change.ts

diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
new file mode 100644
index 000000000..0c5cd57dd
--- /dev/null
+++ b/src/composition/use-visibility-change.ts
@@ -0,0 +1,35 @@
+import { inBrowser } from '../utils';
+import { Ref, onMounted, onUnmounted, onActivated, onDeactivated } from 'vue';
+
+export function useVisibilityChange(
+  target: Ref<Element>,
+  onChange: () => void
+) {
+  // compatibility: https://caniuse.com/#feat=intersectionobserver
+  if (!inBrowser || !window.IntersectionObserver) {
+    return;
+  }
+
+  const observer = new IntersectionObserver(
+    (entries) => {
+      // visibility changed
+      if (entries[0].intersectionRatio > 0) {
+        onChange();
+      }
+    },
+    { root: document.body }
+  );
+
+  const observe = () => {
+    observer.observe(target.value);
+  };
+
+  const unobserve = () => {
+    observer.observe(target.value);
+  };
+
+  onMounted(observe);
+  onActivated(observe);
+  onUnmounted(unobserve);
+  onDeactivated(unobserve);
+}

From 7fd4e3eabb8e318c8c899e7d5cc2efb94100a289 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 11:47:05 +0800
Subject: [PATCH 277/626] refactor(Sticky): refactor with composition api

---
 src/sticky/index.js | 178 +++++++++++++++++++-------------------------
 1 file changed, 76 insertions(+), 102 deletions(-)

diff --git a/src/sticky/index.js b/src/sticky/index.js
index 558b39101..2f7f3377d 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -1,28 +1,18 @@
+import { ref, reactive, computed, onMounted } from 'vue';
+
+// Utils
 import { isHidden } from '../utils/dom/style';
 import { unitToPx } from '../utils/format/unit';
-import { createNamespace, isDef, inBrowser } from '../utils';
+import { createNamespace } from '../utils';
 import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
-import { BindEventMixin } from '../mixins/bind-event';
+
+// Composition
+import { useGlobalEvent } from '../composition/use-global-event';
+import { useVisibilityChange } from '../composition/use-visibility-change';
 
 const [createComponent, bem] = createNamespace('sticky');
 
 export default createComponent({
-  mixins: [
-    BindEventMixin(function (bind, isBind) {
-      if (!this.scroller) {
-        this.scroller = getScroller(this.$el);
-      }
-
-      if (this.observer) {
-        const method = isBind ? 'observe' : 'unobserve';
-        this.observer[method](this.$el);
-      }
-
-      bind(this.scroller, 'scroll', this.onScroll, true);
-      this.onScroll();
-    }),
-  ],
-
   props: {
     zIndex: [Number, String],
     container: null,
@@ -34,118 +24,102 @@ export default createComponent({
 
   emits: ['scroll'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    const rootRef = ref();
+    const scrollerRef = ref();
+
+    const state = reactive({
       fixed: false,
       height: 0,
       transform: 0,
-    };
-  },
+    });
 
-  computed: {
-    offsetTopPx() {
-      return unitToPx(this.offsetTop);
-    },
+    const offsetTop = computed(() => unitToPx(props.offsetTop));
 
-    style() {
-      if (!this.fixed) {
+    const style = computed(() => {
+      if (!state.fixed) {
         return;
       }
 
-      const style = {};
+      const top = offsetTop.value ? `${offsetTop.value}px` : null;
+      const transform = state.transform
+        ? `translate3d(0, ${state.transform}px, 0)`
+        : null;
 
-      if (isDef(this.zIndex)) {
-        style.zIndex = this.zIndex;
-      }
-
-      if (this.offsetTopPx && this.fixed) {
-        style.top = `${this.offsetTopPx}px`;
-      }
-
-      if (this.transform) {
-        style.transform = `translate3d(0, ${this.transform}px, 0)`;
-      }
-
-      return style;
-    },
-  },
-
-  created() {
-    // compatibility: https://caniuse.com/#feat=intersectionobserver
-    if (inBrowser && window.IntersectionObserver) {
-      this.observer = new IntersectionObserver(
-        (entries) => {
-          // trigger scroll when visibility changed
-          if (entries[0].intersectionRatio > 0) {
-            this.onScroll();
-          }
-        },
-        { root: document.body }
-      );
-    }
-  },
-
-  methods: {
-    onScroll() {
-      if (isHidden(this.$el)) {
-        return;
-      }
-
-      this.height = this.$el.offsetHeight;
-
-      const { container, offsetTopPx } = this;
-      const scrollTop = getScrollTop(window);
-      const topToPageTop = getElementTop(this.$el);
-
-      const emitScrollEvent = () => {
-        this.$emit('scroll', {
-          scrollTop,
-          isFixed: this.fixed,
-        });
+      return {
+        top,
+        zIndex: props.zIndex,
+        transform,
       };
+    });
+
+    const emitScrollEvent = (scrollTop) => {
+      emit('scroll', {
+        scrollTop,
+        isFixed: state.fixed,
+      });
+    };
+
+    const onScroll = () => {
+      if (isHidden(rootRef.value)) {
+        return;
+      }
+
+      state.height = rootRef.value.offsetHeight;
+
+      const { container } = props;
+      const scrollTop = getScrollTop(window);
+      const topToPageTop = getElementTop(rootRef.value);
 
       // The sticky component should be kept inside the container element
       if (container) {
         const bottomToPageTop = topToPageTop + container.offsetHeight;
 
-        if (scrollTop + offsetTopPx + this.height > bottomToPageTop) {
-          const distanceToBottom = this.height + scrollTop - bottomToPageTop;
+        if (scrollTop + offsetTop.value + state.height > bottomToPageTop) {
+          const distanceToBottom = state.height + scrollTop - bottomToPageTop;
 
-          if (distanceToBottom < this.height) {
-            this.fixed = true;
-            this.transform = -(distanceToBottom + offsetTopPx);
+          if (distanceToBottom < state.height) {
+            state.fixed = true;
+            state.transform = -(distanceToBottom + offsetTop.value);
           } else {
-            this.fixed = false;
+            state.fixed = false;
           }
 
-          emitScrollEvent();
+          emitScrollEvent(scrollTop);
           return;
         }
       }
 
-      if (scrollTop + offsetTopPx > topToPageTop) {
-        this.fixed = true;
-        this.transform = 0;
+      if (scrollTop + offsetTop.value > topToPageTop) {
+        state.fixed = true;
+        state.transform = 0;
       } else {
-        this.fixed = false;
+        state.fixed = false;
       }
 
-      emitScrollEvent();
-    },
-  },
-
-  render() {
-    const { fixed } = this;
-    const style = {
-      height: fixed ? `${this.height}px` : null,
+      emitScrollEvent(scrollTop);
     };
 
-    return (
-      <div style={style}>
-        <div class={bem({ fixed })} style={this.style}>
-          {this.$slots.default?.()}
+    onMounted(() => {
+      scrollerRef.value = getScroller(rootRef.value);
+    });
+
+    useGlobalEvent(scrollerRef, 'scroll', onScroll);
+    useVisibilityChange(rootRef, onScroll);
+
+    return () => {
+      const { fixed, height } = state;
+      const rootStyle = {
+        height: fixed ? `${height}px` : null,
+      };
+
+      return (
+        <div ref={rootRef} style={rootStyle}>
+          <div class={bem({ fixed })} style={style.value}>
+            {slots.default?.()}
+          </div>
         </div>
-      </div>
-    );
+      );
+    };
   },
 });

From 0a701e549c5e30c33251aa2df1f576c571635c0b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 11:52:16 +0800
Subject: [PATCH 278/626] feat: add useScroller

---
 src/composition/use-scroller.ts | 14 ++++++++++++++
 src/list/index.js               | 15 ++++++---------
 src/sticky/index.js             | 13 +++++--------
 3 files changed, 25 insertions(+), 17 deletions(-)
 create mode 100644 src/composition/use-scroller.ts

diff --git a/src/composition/use-scroller.ts b/src/composition/use-scroller.ts
new file mode 100644
index 000000000..efbafe358
--- /dev/null
+++ b/src/composition/use-scroller.ts
@@ -0,0 +1,14 @@
+import { Ref, ref, onMounted } from 'vue';
+import { getScroller } from '../utils/dom/scroll';
+
+export function useScroller(el: Ref<HTMLElement>) {
+  const scrollerRef = ref();
+
+  onMounted(() => {
+    if (el.value) {
+      scrollerRef.value = getScroller(el.value);
+    }
+  });
+
+  return scrollerRef;
+}
diff --git a/src/list/index.js b/src/list/index.js
index d4b2c7707..dac06963b 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -10,10 +10,10 @@ import {
 // Utils
 import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
-import { getScroller } from '../utils/dom/scroll';
 
 // Composition
 import { useRect } from '../composition/use-rect';
+import { useScroller } from '../composition/use-scroller';
 import { useGlobalEvent } from '../composition/use-global-event';
 
 // Components
@@ -49,8 +49,8 @@ export default createComponent({
     // use sync innerLoading state to avoid repeated loading in some edge cases
     const loading = ref(false);
     const rootRef = ref();
-    const scrollerRef = ref();
     const placeholderRef = ref();
+    const scroller = useScroller(rootRef);
 
     const check = () => {
       nextTick(() => {
@@ -58,16 +58,15 @@ export default createComponent({
           return;
         }
 
-        const scroller = scrollerRef.value;
         const { offset, direction } = props;
         let scrollerRect;
 
-        if (scroller.getBoundingClientRect) {
-          scrollerRect = scroller.getBoundingClientRect();
+        if (scroller.value.getBoundingClientRect) {
+          scrollerRect = scroller.value.getBoundingClientRect();
         } else {
           scrollerRect = {
             top: 0,
-            bottom: scroller.innerHeight,
+            bottom: scroller.value.innerHeight,
           };
         }
 
@@ -143,14 +142,12 @@ export default createComponent({
     });
 
     onMounted(() => {
-      scrollerRef.value = getScroller(rootRef.value);
-
       if (props.immediateCheck) {
         check();
       }
     });
 
-    useGlobalEvent(scrollerRef, 'scroll', check);
+    useGlobalEvent(scroller, 'scroll', check);
 
     // @exposed-api
     const vm = getCurrentInstance().proxy;
diff --git a/src/sticky/index.js b/src/sticky/index.js
index 2f7f3377d..04e516576 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -1,12 +1,13 @@
-import { ref, reactive, computed, onMounted } from 'vue';
+import { ref, reactive, computed } from 'vue';
 
 // Utils
 import { isHidden } from '../utils/dom/style';
 import { unitToPx } from '../utils/format/unit';
 import { createNamespace } from '../utils';
-import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
+import { getScrollTop, getElementTop } from '../utils/dom/scroll';
 
 // Composition
+import { useScroller } from '../composition/use-scroller';
 import { useGlobalEvent } from '../composition/use-global-event';
 import { useVisibilityChange } from '../composition/use-visibility-change';
 
@@ -26,7 +27,7 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const rootRef = ref();
-    const scrollerRef = ref();
+    const scroller = useScroller(rootRef);
 
     const state = reactive({
       fixed: false,
@@ -100,11 +101,7 @@ export default createComponent({
       emitScrollEvent(scrollTop);
     };
 
-    onMounted(() => {
-      scrollerRef.value = getScroller(rootRef.value);
-    });
-
-    useGlobalEvent(scrollerRef, 'scroll', onScroll);
+    useGlobalEvent(scroller, 'scroll', onScroll);
     useVisibilityChange(rootRef, onScroll);
 
     return () => {

From 1237ee6c2c1f44aa6dfd0c81fad7e622cb773c5c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 14:05:20 +0800
Subject: [PATCH 279/626] types: fix event listener typing

---
 src/composition/use-lock-scroll.ts |  8 ++++----
 src/composition/use-touch.ts       | 14 +++++++-------
 src/utils/dom/event.ts             | 10 ++++++----
 3 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/composition/use-lock-scroll.ts b/src/composition/use-lock-scroll.ts
index 9783b2090..41d2da242 100644
--- a/src/composition/use-lock-scroll.ts
+++ b/src/composition/use-lock-scroll.ts
@@ -8,7 +8,7 @@ const CLASSNAME = 'van-overflow-hidden';
 export function useLockScroll(element: HTMLElement) {
   const { start, move, deltaY, direction } = useTouch();
 
-  function onTouchMove(event: TouchEvent) {
+  const onTouchMove = ((event: TouchEvent) => {
     move(event);
 
     if (direction.value !== 'vertical') {
@@ -29,9 +29,9 @@ export function useLockScroll(element: HTMLElement) {
     if (prevent) {
       preventDefault(event, true);
     }
-  }
+  }) as EventListener;
 
-  function lock() {
+  const lock = () => {
     if (!count) {
       document.body.classList.add(CLASSNAME);
     }
@@ -39,7 +39,7 @@ export function useLockScroll(element: HTMLElement) {
     count++;
     on(document, 'touchstart', start);
     on(document, 'touchmove', onTouchMove);
-  }
+  };
 
   lock();
 
diff --git a/src/composition/use-touch.ts b/src/composition/use-touch.ts
index e79d98986..7d37889d0 100644
--- a/src/composition/use-touch.ts
+++ b/src/composition/use-touch.ts
@@ -23,21 +23,21 @@ export function useTouch() {
   const offsetY = ref(0);
   const direction = ref('');
 
-  function reset() {
-    direction.value = '';
+  const reset = () => {
     deltaX.value = 0;
     deltaY.value = 0;
     offsetX.value = 0;
     offsetY.value = 0;
-  }
+    direction.value = '';
+  };
 
-  function start(event: TouchEvent) {
+  const start = ((event: TouchEvent) => {
     reset();
     startX.value = event.touches[0].clientX;
     startY.value = event.touches[0].clientY;
-  }
+  }) as EventListener;
 
-  function move(event: TouchEvent) {
+  const move = ((event: TouchEvent) => {
     const touch = event.touches[0];
     deltaX.value = touch.clientX - startX.value;
     deltaY.value = touch.clientY - startY.value;
@@ -47,7 +47,7 @@ export function useTouch() {
     if (!direction.value) {
       direction.value = getDirection(offsetX.value, offsetY.value);
     }
-  }
+  }) as EventListener;
 
   return {
     move,
diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index 073df3899..baaf9de3e 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -1,7 +1,5 @@
 import { inBrowser } from '..';
 
-type EventHandler = (event: Event) => void;
-
 // eslint-disable-next-line import/no-mutable-exports
 export let supportsPassive = false;
 
@@ -23,7 +21,7 @@ if (inBrowser) {
 export function on(
   target: EventTarget,
   event: string,
-  handler: EventHandler,
+  handler: EventListenerOrEventListenerObject,
   passive = false
 ) {
   if (inBrowser) {
@@ -35,7 +33,11 @@ export function on(
   }
 }
 
-export function off(target: EventTarget, event: string, handler: EventHandler) {
+export function off(
+  target: EventTarget,
+  event: string,
+  handler: EventListenerOrEventListenerObject
+) {
   if (inBrowser) {
     target.removeEventListener(event, handler);
   }

From e3cf46076222945a201fd33ddf5a1c30a35bcaf5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 14:30:12 +0800
Subject: [PATCH 280/626] refactor(Steps): refactor with composition api

---
 src/step/index.js  | 123 ++++++++++++++++++++++++---------------------
 src/steps/index.js |  22 +++++---
 2 files changed, 80 insertions(+), 65 deletions(-)

diff --git a/src/step/index.js b/src/step/index.js
index 0e3390561..346bcd8ea 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -1,52 +1,63 @@
+import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
-import { ChildrenMixin } from '../mixins/relation';
+import { STEPS_KEY } from '../steps';
+import { useParent } from '../composition/use-relation';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanSteps')],
+  setup(props, { slots }) {
+    const { parent, index } = useParent(STEPS_KEY);
 
-  computed: {
-    status() {
-      if (this.index < this.parent.active) {
+    const getStatus = () => {
+      const active = +parent.props.active;
+      if (index.value < active) {
         return 'finish';
       }
-      if (this.index === +this.parent.active) {
+      if (index.value === active) {
         return 'process';
       }
-    },
+    };
 
-    active() {
-      return this.status === 'process';
-    },
+    const isActive = () => getStatus() === 'process';
 
-    lineStyle() {
-      if (this.status === 'finish') {
-        return { background: this.parent.activeColor };
+    const lineStyle = computed(() => {
+      const { activeColor, inactiveColor } = parent.props;
+
+      if (getStatus() === 'finish') {
+        return { background: activeColor };
       }
-      return { background: this.parent.inactiveColor };
-    },
 
-    titleStyle() {
-      if (this.active) {
-        return { color: this.parent.activeColor };
+      return { background: inactiveColor };
+    });
+
+    const titleStyle = computed(() => {
+      const { activeColor, inactiveColor } = parent.props;
+
+      if (isActive()) {
+        return { color: activeColor };
       }
-      if (!this.status) {
-        return { color: this.parent.inactiveColor };
+
+      if (!getStatus()) {
+        return { color: inactiveColor };
       }
-    },
-  },
+    });
 
-  methods: {
-    genCircle() {
-      const { activeIcon, activeColor, inactiveIcon } = this.parent;
+    const onClickStep = () => {
+      parent.emit('click-step', index.value);
+    };
 
-      if (this.active) {
-        return this.$slots['active-icon'] ? (
-          this.$slots['active-icon']()
-        ) : (
+    const renderCircle = () => {
+      const { activeIcon, activeColor, inactiveIcon } = parent.props;
+
+      if (isActive()) {
+        if (slots['active-icon']) {
+          return slots['active-icon']();
+        }
+
+        return (
           <Icon
             class={bem('icon', 'active')}
             name={activeIcon}
@@ -55,40 +66,36 @@ export default createComponent({
         );
       }
 
-      if (inactiveIcon || this.$slots['inactive-icon']) {
-        return this.$slots['inactive-icon'] ? (
-          this.$slots['inactive-icon']()
-        ) : (
-          <Icon class={bem('icon')} name={inactiveIcon} />
-        );
+      if (slots['inactive-icon']) {
+        return slots['inactive-icon']();
       }
 
-      return <i class={bem('circle')} style={this.lineStyle} />;
-    },
+      if (inactiveIcon) {
+        return <Icon class={bem('icon')} name={inactiveIcon} />;
+      }
 
-    onClickStep() {
-      this.parent.$emit('click-step', this.index);
-    },
-  },
+      return <i class={bem('circle')} style={lineStyle.value} />;
+    };
 
-  render() {
-    const { status, active } = this;
-    const { direction } = this.parent;
+    return () => {
+      const { direction } = parent.props;
+      const status = getStatus();
 
-    return (
-      <div class={[BORDER, bem([direction, { [status]: status }])]}>
-        <div
-          class={bem('title', { active })}
-          style={this.titleStyle}
-          onClick={this.onClickStep}
-        >
-          {this.$slots.default?.()}
+      return (
+        <div class={[BORDER, bem([direction, { [status]: status }])]}>
+          <div
+            class={bem('title', { active: isActive() })}
+            style={titleStyle.value}
+            onClick={onClickStep}
+          >
+            {slots.default?.()}
+          </div>
+          <div class={bem('circle-container')} onClick={onClickStep}>
+            {renderCircle()}
+          </div>
+          <div class={bem('line')} style={lineStyle.value} />
         </div>
-        <div class={bem('circle-container')} onClick={this.onClickStep}>
-          {this.genCircle()}
-        </div>
-        <div class={bem('line')} style={this.lineStyle} />
-      </div>
-    );
+      );
+    };
   },
 });
diff --git a/src/steps/index.js b/src/steps/index.js
index 3e17de6ce..d5633d035 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -1,11 +1,11 @@
+import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
 
 const [createComponent, bem] = createNamespace('steps');
 
-export default createComponent({
-  mixins: [ParentMixin('vanSteps')],
+export const STEPS_KEY = 'vanSteps';
 
+export default createComponent({
   props: {
     activeColor: String,
     inactiveIcon: String,
@@ -26,10 +26,18 @@ export default createComponent({
 
   emits: ['click-step'],
 
-  render() {
-    return (
-      <div class={bem([this.direction])}>
-        <div class={bem('items')}>{this.$slots.default?.()}</div>
+  setup(props, { emit, slots }) {
+    const children = reactive([]);
+
+    provide(STEPS_KEY, {
+      emit,
+      props,
+      children,
+    });
+
+    return () => (
+      <div class={bem([props.direction])}>
+        <div class={bem('items')}>{slots.default?.()}</div>
       </div>
     );
   },

From f843e6def92f7c7845e2fa6b1b9f841164f791ef Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:19:16 +0800
Subject: [PATCH 281/626] refactor(Tabbar): refactor with composition api

---
 src/calendar/components/Month.js |  11 +--
 src/calendar/index.js            |   4 +-
 src/composition/use-rect.ts      |  12 +++-
 src/nav-bar/index.js             |  13 +---
 src/notice-bar/index.js          |   6 +-
 src/tabbar-item/index.js         |  92 +++++++++++++------------
 src/tabbar/index.js              | 111 +++++++++++++------------------
 7 files changed, 117 insertions(+), 132 deletions(-)

diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 184075556..509121634 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -48,6 +48,7 @@ export default createComponent({
     const [visible, setVisible] = useToggle();
     const daysRef = ref();
     const monthRef = ref();
+    const height = useHeight(monthRef);
 
     const title = computed(() => formatMonthTitle(props.date));
 
@@ -82,14 +83,6 @@ export default createComponent({
       }
     });
 
-    let height;
-    const getHeight = () => {
-      if (!height) {
-        height = useHeight(monthRef);
-      }
-      return height;
-    };
-
     const getDate = () => props.data;
 
     const getTitle = () => title.value;
@@ -255,9 +248,9 @@ export default createComponent({
 
     // @exposed-api
     const vm = getCurrentInstance().proxy;
+    vm.height = height;
     vm.getDate = getDate;
     vm.getTitle = getTitle;
-    vm.getHeight = getHeight;
     vm.setVisible = setVisible;
     vm.scrollIntoView = scrollIntoView;
 
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 7140a9fd3..fb9cba4f7 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -251,7 +251,9 @@ export default createComponent({
       const { body } = this.$refs;
       const { months, monthRefs } = this;
       const top = getScrollTop(body);
-      const heights = months.map((item, index) => monthRefs[index].getHeight());
+      const heights = months.map(
+        (item, index) => monthRefs[index].height.value
+      );
       const heightSum = heights.reduce((a, b) => a + b, 0);
 
       // iOS scroll bounce may exceed the range
diff --git a/src/composition/use-rect.ts b/src/composition/use-rect.ts
index f4e4d75cd..1dedbe4d1 100644
--- a/src/composition/use-rect.ts
+++ b/src/composition/use-rect.ts
@@ -1,7 +1,13 @@
-import type { Ref } from 'vue';
+import { Ref, ref, onMounted } from 'vue';
 
 export const useRect = (el: Ref<Element>) => el.value.getBoundingClientRect();
 
-export const useWidth = (el: Ref<Element>) => useRect(el).width;
+export const useHeight = (el: Ref<Element>) => {
+  const height = ref();
 
-export const useHeight = (el: Ref<Element>) => useRect(el).height;
+  onMounted(() => {
+    height.value = useRect(el).height;
+  });
+
+  return height;
+};
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 097079306..4ee9034fe 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -1,4 +1,4 @@
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 
 // Utils
 import { createNamespace } from '../utils';
@@ -30,14 +30,8 @@ export default createComponent({
   emits: ['click-left', 'click-right'],
 
   setup(props, { emit, slots }) {
-    const height = ref();
     const navBarRef = ref();
-
-    onMounted(() => {
-      if (props.placeholder && props.fixed) {
-        height.value = useHeight(navBarRef);
-      }
-    });
+    const height = useHeight(navBarRef);
 
     const onClickLeft = (event) => {
       emit('click-left', event);
@@ -90,7 +84,7 @@ export default createComponent({
     };
 
     return () => {
-      if (props.placeholder && props.fixed) {
+      if (props.fixed && props.placeholder) {
         return (
           <div
             class={bem('placeholder')}
@@ -100,7 +94,6 @@ export default createComponent({
           </div>
         );
       }
-
       return renderNavBar();
     };
   },
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 8b3f9c080..841b6e473 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,7 +1,7 @@
 import { ref, reactive, nextTick, onActivated, watch } from 'vue';
 import { createNamespace, isDef } from '../utils';
 import { doubleRaf } from '../utils/dom/raf';
-import { useWidth } from '../composition/use-rect';
+import { useRect } from '../composition/use-rect';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('notice-bar');
@@ -139,8 +139,8 @@ export default createComponent({
           return;
         }
 
-        const wrapRefWidth = useWidth(wrapRef);
-        const contentRefWidth = useWidth(contentRef);
+        const wrapRefWidth = useRect(wrapRef).width;
+        const contentRefWidth = useRect(contentRef).width;
 
         if (scrollable || contentRefWidth > wrapRefWidth) {
           doubleRaf(() => {
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 211da719b..9a88a9b49 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -1,9 +1,12 @@
+import { computed, getCurrentInstance } from 'vue';
+import { TABBAR_KEY } from '../tabbar';
+
 // Utils
 import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../composition/use-route';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '../composition/use-relation';
+import { routeProps, useRoute } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
@@ -12,8 +15,6 @@ import Badge from '../badge';
 const [createComponent, bem] = createNamespace('tabbar-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanTabbar')],
-
   props: {
     ...routeProps,
     dot: Boolean,
@@ -25,57 +26,62 @@ export default createComponent({
 
   emits: ['click'],
 
-  data() {
-    return {
-      active: false,
-    };
-  },
+  setup(props, { emit, slots }) {
+    const route = useRoute();
+    const vm = getCurrentInstance().proxy;
+    const { parent, index } = useParent(TABBAR_KEY);
 
-  computed: {
-    routeActive() {
-      const { to, $route } = this;
-      if (to && $route) {
+    const active = computed(() => {
+      const { $route } = vm;
+      const { route, modelValue } = parent.props;
+
+      if (route && $route) {
+        const { to } = props;
         const config = isObject(to) ? to : { path: to };
         const pathMatched = config.path === $route.path;
         const nameMatched = isDef(config.name) && config.name === $route.name;
 
         return pathMatched || nameMatched;
       }
-    },
-  },
 
-  methods: {
-    onClick(event) {
-      this.parent.onChange(this.name || this.index);
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
+      return (props.name || index.value) === modelValue;
+    });
 
-    genIcon(active) {
-      if (this.$slots.icon) {
-        return this.$slots.icon({ active });
+    const onClick = (event) => {
+      parent.setActive(props.name || index.value);
+      emit('click', event);
+      route();
+    };
+
+    const renderIcon = () => {
+      if (slots.icon) {
+        return slots.icon({ active: active.value });
       }
-
-      if (this.icon) {
-        return <Icon name={this.icon} classPrefix={this.iconPrefix} />;
+      if (props.icon) {
+        return <Icon name={props.icon} classPrefix={props.iconPrefix} />;
       }
-    },
-  },
+    };
 
-  render() {
-    const active = this.parent.route ? this.routeActive : this.active;
-    const color = this.parent[active ? 'activeColor' : 'inactiveColor'];
+    return () => {
+      const { dot, badge } = props;
+      const { activeColor, inactiveColor } = parent.props;
+      const color = active.value ? activeColor : inactiveColor;
 
-    return (
-      <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
-        <div class={bem('icon')}>
-          {this.genIcon(active)}
-          <Badge dot={this.dot} badge={this.badge} />
+      return (
+        <div
+          class={bem({ active: active.value })}
+          style={{ color }}
+          onClick={onClick}
+        >
+          <div class={bem('icon')}>
+            {renderIcon()}
+            <Badge dot={dot} badge={badge} />
+          </div>
+          <div class={bem('text')}>
+            {slots.default?.({ active: active.value })}
+          </div>
         </div>
-        <div class={bem('text')}>
-          {this.$slots.default ? this.$slots.default({ active }) : null}
-        </div>
-      </div>
-    );
+      );
+    };
   },
 });
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index d0bbfefbf..537a5fbf0 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -1,12 +1,13 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
+import { ref, reactive, provide } from 'vue';
+import { createNamespace, isDef } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
+import { useHeight } from '../composition/use-rect';
 
 const [createComponent, bem] = createNamespace('tabbar');
 
-export default createComponent({
-  mixins: [ParentMixin('vanTabbar')],
+export const TABBAR_KEY = 'vanTabbar';
 
+export default createComponent({
   props: {
     route: Boolean,
     zIndex: [Number, String],
@@ -33,75 +34,59 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  data() {
-    return {
-      height: null,
-    };
-  },
+  setup(props, { emit, slots }) {
+    const tabbarRef = ref();
+    const height = useHeight(tabbarRef);
+    const children = reactive([]);
 
-  computed: {
-    fit() {
-      if (this.safeAreaInsetBottom !== null) {
-        return this.safeAreaInsetBottom;
+    const isUnfit = () => {
+      if (isDef(props.safeAreaInsetBottom)) {
+        return !props.safeAreaInsetBottom;
       }
       // enable safe-area-inset-bottom by default when fixed
-      return this.fixed;
-    },
-  },
+      return !props.fixed;
+    };
 
-  watch: {
-    children: 'setActiveItem',
-    modelValue: 'setActiveItem',
-  },
-
-  mounted() {
-    if (this.placeholder && this.fixed) {
-      this.height = this.$refs.tabbar.getBoundingClientRect().height;
-    }
-  },
-
-  methods: {
-    setActiveItem() {
-      this.children.forEach((item, index) => {
-        item.active = (item.name || index) === this.modelValue;
-      });
-    },
-
-    onChange(active) {
-      if (active !== this.modelValue) {
-        this.$emit('update:modelValue', active);
-        this.$emit('change', active);
-      }
-    },
-
-    genTabbar() {
+    const renderTabbar = () => {
+      const { fixed, zIndex, border } = props;
+      const unfit = isUnfit();
       return (
         <div
-          ref="tabbar"
-          style={{ zIndex: this.zIndex }}
-          class={[
-            { [BORDER_TOP_BOTTOM]: this.border },
-            bem({
-              unfit: !this.fit,
-              fixed: this.fixed,
-            }),
-          ]}
+          ref={tabbarRef}
+          style={{ zIndex }}
+          class={[bem({ unfit, fixed }), { [BORDER_TOP_BOTTOM]: border }]}
         >
-          {this.$slots.default?.()}
+          {slots.default?.()}
         </div>
       );
-    },
-  },
+    };
 
-  render() {
-    if (this.placeholder && this.fixed) {
-      return (
-        <div class={bem('placeholder')} style={{ height: `${this.height}px` }}>
-          {this.genTabbar()}
-        </div>
-      );
-    }
+    const setActive = (active) => {
+      if (active !== props.modelValue) {
+        emit('update:modelValue', active);
+        emit('change', active);
+      }
+    };
 
-    return this.genTabbar();
+    provide(TABBAR_KEY, {
+      props,
+      children,
+      setActive,
+    });
+
+    return () => {
+      if (props.fixed && props.placeholder) {
+        return (
+          <div
+            class={bem('placeholder')}
+            style={{ height: height.value ? `${height.value}px` : null }}
+          >
+            {renderTabbar()}
+          </div>
+        );
+      }
+
+      return renderTabbar();
+    };
   },
 });

From 61c44383c26bf08f0dd50763b36b142a8623b0fa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:24:35 +0800
Subject: [PATCH 282/626] chore: update @vue/babel-plugin-jsx

---
 packages/vant-cli/package.json               |  2 +-
 packages/vant-cli/src/config/babel.config.ts |  4 +--
 packages/vant-cli/yarn.lock                  | 38 ++++++++++----------
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 769ffb8bb..92155ea59 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -39,7 +39,6 @@
     "@types/webpack-merge": "^4.1.5"
   },
   "dependencies": {
-    "@ant-design-vue/babel-plugin-jsx": "^1.0.0-rc.1",
     "@babel/core": "^7.10.1",
     "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
@@ -55,6 +54,7 @@
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
+    "@vue/babel-plugin-jsx": "^1.0.0-rc.2",
     "@vue/component-compiler-utils": "^3.1.2",
     "@vue/test-utils": "2.0.0-beta.2",
     "address": "^1.1.2",
diff --git a/packages/vant-cli/src/config/babel.config.ts b/packages/vant-cli/src/config/babel.config.ts
index d8750115f..7e5578fc2 100644
--- a/packages/vant-cli/src/config/babel.config.ts
+++ b/packages/vant-cli/src/config/babel.config.ts
@@ -1,6 +1,6 @@
 import { ConfigAPI } from '@babel/core';
 
-module.exports = function(api?: ConfigAPI) {
+module.exports = function (api?: ConfigAPI) {
   if (api) {
     api.cache.never();
   }
@@ -37,7 +37,7 @@ module.exports = function(api?: ConfigAPI) {
         },
         'vant',
       ],
-      '@ant-design-vue/babel-plugin-jsx',
+      '@vue/babel-plugin-jsx',
       '@babel/plugin-transform-object-assign',
     ],
   };
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index e246e74cd..6e4dee67f 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,25 +2,6 @@
 # yarn lockfile v1
 
 
-"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
-  integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
-
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-rc.1":
-  version "1.0.0-rc.1"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.1.tgz#ae56cecbda9f08691bcf92dfe98e2416e77d758b"
-  integrity sha512-x7PfAHSs5/emIuey1Df7Bh/vJU27S9KBdufzoAA7kgwTpEpY85R7CXD9gl6sJFB7aG2pZpl4Tmm+FsHlzgp7fA==
-  dependencies:
-    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    camelcase "^6.0.0"
-    html-tags "^3.1.0"
-    svg-tags "^1.0.0"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
@@ -2139,6 +2120,25 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
+"@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-transform-on/download/@vue/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"
+  integrity sha1-ckY0H2ZufG5lsT2kIOLOhXFPu8o=
+
+"@vue/babel-plugin-jsx@^1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-plugin-jsx/download/@vue/babel-plugin-jsx-1.0.0-rc.2.tgz#2c72a6bf6d10f57bb6bf1a2799214a541933345b"
+  integrity sha1-LHKmv20Q9Xu2vxonmSFKVBkzNFs=
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    "@vue/babel-helper-vue-transform-on" "^1.0.0-rc.2"
+    camelcase "^6.0.0"
+    html-tags "^3.1.0"
+    svg-tags "^1.0.0"
+
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
   resolved "https://registry.npm.taobao.org/@vue/component-compiler-utils/download/@vue/component-compiler-utils-3.1.2.tgz#8213a5ff3202f9f2137fe55370f9e8b9656081c3"

From 07d2e0de4fcae2e16230dc16b24ebf55af28bbb5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:25:08 +0800
Subject: [PATCH 283/626] chore: release @vant/cli@3.0.0-alpha.7

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 92155ea59..07ea72280 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.7",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 8fea1e5d934b9d8316d163006dd762a4be5e5de5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:29:07 +0800
Subject: [PATCH 284/626] chore: bump @vant/cli@3.0.0-alpha.7

---
 package.json |  2 +-
 yarn.lock    | 52 ++++++++++++++++++++++++++--------------------------
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 9d727099b..2f767edac 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.6",
+    "@vant/cli": "^3.0.0-alpha.7",
     "@vue/compiler-sfc": "3.0.0-rc.5",
     "prettier": "^2.0.4",
     "vue": "3.0.0-rc.5"
diff --git a/yarn.lock b/yarn.lock
index 6f9491ab4..fd4343d67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,25 +2,6 @@
 # yarn lockfile v1
 
 
-"@ant-design-vue/babel-helper-vue-transform-on@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.1.tgz#d219d92f4e1fc5e7add211c347c7fa000518b623"
-  integrity sha512-dOAPf/tCM2lCG8FhvOMFBaOdMElMEGhOoocMXEWvHW2l1KIex+UibDcq4bdBEJpDMLrnbNOqci9E7P2dARP6lg==
-
-"@ant-design-vue/babel-plugin-jsx@^1.0.0-rc.1":
-  version "1.0.0-rc.1"
-  resolved "https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.1.tgz#ae56cecbda9f08691bcf92dfe98e2416e77d758b"
-  integrity sha512-x7PfAHSs5/emIuey1Df7Bh/vJU27S9KBdufzoAA7kgwTpEpY85R7CXD9gl6sJFB7aG2pZpl4Tmm+FsHlzgp7fA==
-  dependencies:
-    "@ant-design-vue/babel-helper-vue-transform-on" "^1.0.0"
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    camelcase "^6.0.0"
-    html-tags "^3.1.0"
-    svg-tags "^1.0.0"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
@@ -2053,12 +2034,11 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.6":
-  version "3.0.0-alpha.6"
-  resolved "https://registry.npm.taobao.org/@vant/cli/download/@vant/cli-3.0.0-alpha.6.tgz?cache=0&sync_timestamp=1598078940987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fcli%2Fdownload%2F%40vant%2Fcli-3.0.0-alpha.6.tgz#117c36b40879be7b8e96a4d86ec2c4368313c8a8"
-  integrity sha1-EXw2tAh5vnuOlqTYbsLENoMTyKg=
+"@vant/cli@^3.0.0-alpha.7":
+  version "3.0.0-alpha.7"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.7.tgz#f1a612b5e4e5993564ea47aaf85f6fdc30ab58a9"
+  integrity sha512-VKmd+1ixYFbutO2ZwR3uDbpE7a7J21Z9LWoPUKjSuRhsrsScNYURjxCc16IyYPtQokwcMl3hHYBwrcy8GrF8PQ==
   dependencies:
-    "@ant-design-vue/babel-plugin-jsx" "^1.0.0-rc.1"
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2069,11 +2049,12 @@
     "@types/jest" "^25.2.3"
     "@types/webpack" "^4.41.13"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vant/eslint-config" "^3.0.0-alpha.0"
+    "@vant/eslint-config" "^3.0.0-alpha.1"
     "@vant/markdown-loader" "^3.0.0-alpha.0"
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
+    "@vue/babel-plugin-jsx" "^1.0.0-rc.2"
     "@vue/component-compiler-utils" "^3.1.2"
     "@vue/test-utils" "2.0.0-beta.2"
     address "^1.1.2"
@@ -2123,7 +2104,7 @@
     webpack-merge "^4.2.2"
     webpackbar "^4.0.0"
 
-"@vant/eslint-config@^3.0.0-alpha.0":
+"@vant/eslint-config@^3.0.0-alpha.1":
   version "3.0.0-alpha.1"
   resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.1.tgz#4fd59e5a214bc1cb0dbff7053116bc97d572d8da"
   integrity sha512-1K0fxrFrqxyFBzMiflU9YUpccJywwbt1Mz5RRrTG5Pq4vPJrvIIjP9+J7YpKqPJKyq6pewKFDnol9/VylkmvJQ==
@@ -2175,6 +2156,25 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
+"@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"
+  integrity sha512-1+7CwjQ0Kasml6rHoNQUmbISwqLNNfFVBUcZl6QBremUl296ZmLrVQPqJP5pyAAWjZke5bpI1hlj+LVVuT7Jcg==
+
+"@vue/babel-plugin-jsx@^1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.2.tgz#2c72a6bf6d10f57bb6bf1a2799214a541933345b"
+  integrity sha512-NVTDsaYShZx8ZqZo1Z0ndNrdoLfwRTwz0e6S+7SEn3j21WwlbVHMhD6t/tDBhvscwAQ5N/AFuCCrf90iyC5sHA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    "@vue/babel-helper-vue-transform-on" "^1.0.0-rc.2"
+    camelcase "^6.0.0"
+    html-tags "^3.1.0"
+    svg-tags "^1.0.0"
+
 "@vue/compiler-core@3.0.0-rc.5":
   version "3.0.0-rc.5"
   resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"

From 34c1bde0ce162aa50d4cab46155fa36282aaa806 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:35:54 +0800
Subject: [PATCH 285/626] chore: fix vue version in peer deps

---
 package.json |  2 +-
 yarn.lock    | 36 ++++++++++++++++++------------------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 2f767edac..5821b4850 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
-    "vue": ">= 2.5.22"
+    "vue": "3.0.0-0"
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
diff --git a/yarn.lock b/yarn.lock
index fd4343d67..3b3f0bbf9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2177,8 +2177,8 @@
 
 "@vue/compiler-core@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
-  integrity sha1-3U8YFvyuNKgbxg5YT5eZPK0oTVQ=
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
+  integrity sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
@@ -2188,16 +2188,16 @@
 
 "@vue/compiler-dom@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
-  integrity sha1-g5BehgESOjZUuQ+9gHCKFlMM4ho=
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
+  integrity sha512-z8n+R1GhFnWuKURLYxfVSEfP7nSNM91qteobxwys55fhlZZuReouMnUwgrn+ois/IL6RdFlT9H+n4+N6yLrdJA==
   dependencies:
     "@vue/compiler-core" "3.0.0-rc.5"
     "@vue/shared" "3.0.0-rc.5"
 
 "@vue/compiler-sfc@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
-  integrity sha1-N05Spvv4+5ruEhMCYFCg8cSW/s8=
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
+  integrity sha512-huoIFEfFCJxHcpoByAUQti7CIwJdHPLJXKuy2HG7J1B+IEKugtBdF50CLH35ZD8dWM0nyOMFFqTbO7i6CCjL3Q==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
@@ -2218,8 +2218,8 @@
 
 "@vue/compiler-ssr@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
-  integrity sha1-h4QGxZ2v82Ls3LGZ+5Rnp2nKjeU=
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
+  integrity sha512-OU5Vl2+bCDMImS9OeCVnl4lfxZ3/sopdwX2SrUWVKQvCxmmmlyWvoVkC6nNGCs/MrOmIMhKmL6etgzLTWyCkUg==
   dependencies:
     "@vue/compiler-dom" "3.0.0-rc.5"
     "@vue/shared" "3.0.0-rc.5"
@@ -2242,23 +2242,23 @@
 
 "@vue/reactivity@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
-  integrity sha1-Rc/42DnXrRMLHkmSOQkAUP3s/xM=
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
+  integrity sha512-oe9C+1jtWUdYL/iNc0OPWbwgOk2rOW2uQ+exx3I6Jo6PKOmnAiPkMElalf9vRnO53rnUphVecMp8BlTJvcNgDw==
   dependencies:
     "@vue/shared" "3.0.0-rc.5"
 
 "@vue/runtime-core@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
-  integrity sha1-3VmvOl/AidHNwFplcyDA3Bflw2I=
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
+  integrity sha512-MRIWreFigxdRuI2moFociUL5rVBfgYPrT7rWfQ0XfOyW46b+AiuCJyZvgbsRXwkAERfW1Tb/mY5forYjX2thOg==
   dependencies:
     "@vue/reactivity" "3.0.0-rc.5"
     "@vue/shared" "3.0.0-rc.5"
 
 "@vue/runtime-dom@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
-  integrity sha1-L9daHymyOr8P/lzN7avaEXIcW1s=
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
+  integrity sha512-0jwpO3MBqMToq7qC816Z8Y6G8aN4ZKbv7MupgRaepzxhiK0sXcjLQmOATP3g/NyX52UCBJS4wAwsxidqGnAabA==
   dependencies:
     "@vue/runtime-core" "3.0.0-rc.5"
     "@vue/shared" "3.0.0-rc.5"
@@ -2266,8 +2266,8 @@
 
 "@vue/shared@3.0.0-rc.5":
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
-  integrity sha1-zqI3jj43Nj3cH13RWO3JybWz//A=
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
+  integrity sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12457,8 +12457,8 @@ vue-template-es2015-compiler@^1.9.0:
 
 vue@3.0.0-rc.5:
   version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1598033824725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
-  integrity sha1-lzF11FqJKzvSPvXef6pK3ZxmJ18=
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
+  integrity sha512-8t8Y4sHMBGD5iLZ7JfBGmKBJlzesPoL+/nW9EV8s+4LwnKC4rGlRp+Lj2rcign4iQaj0GFaL7DrQ8IoOfVX6+w==
   dependencies:
     "@vue/compiler-dom" "3.0.0-rc.5"
     "@vue/runtime-dom" "3.0.0-rc.5"

From 13a63d6fdc90bc523ab24c4c637f7027be04659b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 15:39:53 +0800
Subject: [PATCH 286/626] fix(Circle): incorrect size

---
 src/circle/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/circle/index.js b/src/circle/index.js
index b2ce174c6..eda32ae15 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -164,7 +164,7 @@ export default createComponent({
     };
 
     return () => (
-      <div class={bem()} style={getSizeStyle(props.buttonSize)}>
+      <div class={bem()} style={getSizeStyle(props.size)}>
         <svg viewBox={`0 0 ${viewBoxSize.value} ${viewBoxSize.value}`}>
           {renderGradient()}
           {renderHover()}

From f6168d3978781d6271a8ea49d8d20243006d2bdb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 16:28:26 +0800
Subject: [PATCH 287/626] chore: bump vue@3.0.0-rc.9

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 5821b4850..0d371c95b 100644
--- a/package.json
+++ b/package.json
@@ -60,9 +60,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.7",
-    "@vue/compiler-sfc": "3.0.0-rc.5",
+    "@vue/compiler-sfc": "3.0.0-rc.9",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.5"
+    "vue": "3.0.0-rc.9"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 3b3f0bbf9..982631e57 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,36 +2175,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
-  integrity sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
+"@vue/compiler-core@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.9.tgz#f2baef360dec3630a230a056dde1e76c9c7bb5f5"
+  integrity sha512-/Ns7KGT5P0wh4JTM91drBmNIiBlKrCFUqIE2vk8dmaVvqEJf1mqympz1CDZpikghCQC6hKu3tYKxA7qtcMRazw==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.9"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
-  integrity sha512-z8n+R1GhFnWuKURLYxfVSEfP7nSNM91qteobxwys55fhlZZuReouMnUwgrn+ois/IL6RdFlT9H+n4+N6yLrdJA==
+"@vue/compiler-dom@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.9.tgz#2a122181db498c0605213fe541af24ecb03ef27e"
+  integrity sha512-0hCnrIxwp0TKVXKnGYFztM4LMUvFpfXW7YoEglvHqIfZsGkyKcnCYDx4FPk1frDM21xnrr5HgcHt42rlz8lDBA==
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
 
-"@vue/compiler-sfc@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
-  integrity sha512-huoIFEfFCJxHcpoByAUQti7CIwJdHPLJXKuy2HG7J1B+IEKugtBdF50CLH35ZD8dWM0nyOMFFqTbO7i6CCjL3Q==
+"@vue/compiler-sfc@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.9.tgz#8b1af6bf1cb2561b5f92ce11053e5d21b558ca8b"
+  integrity sha512-kmjGzcyp93Q+ZKfvxC3GtI9bEXCa9TxsuO+Q9WtiyvOWBLxZkklQc1n5DFn6vtAUIjjlIE5GZoKawvn9LfKejA==
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/compiler-ssr" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.9"
+    "@vue/compiler-dom" "3.0.0-rc.9"
+    "@vue/compiler-ssr" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2216,13 +2216,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
-  integrity sha512-OU5Vl2+bCDMImS9OeCVnl4lfxZ3/sopdwX2SrUWVKQvCxmmmlyWvoVkC6nNGCs/MrOmIMhKmL6etgzLTWyCkUg==
+"@vue/compiler-ssr@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.9.tgz#52e4523b54d993ca0ad137813c5b1212988e62af"
+  integrity sha512-lpbnkJrhkI5QgprLPXcB1Uq402QiibPFKRUQZ5vu3zeAvUeMYuQUtZS/Dslurcvqd1dbBC/HM0gCpLtjEQ+2qA==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2240,34 +2240,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
-  integrity sha512-oe9C+1jtWUdYL/iNc0OPWbwgOk2rOW2uQ+exx3I6Jo6PKOmnAiPkMElalf9vRnO53rnUphVecMp8BlTJvcNgDw==
+"@vue/reactivity@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.9.tgz#d6a3f40bb9c2e3b0f6f20b4693efc2f91d0c220b"
+  integrity sha512-1fJSt4zZ/icZUNsN3Te5BeVChmQ7Ner2xUYy9ALtShLSj2RwxRVhtysjXxLE16TbwLkHjsOHjA8tQWrdBfQG0A==
   dependencies:
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.9"
 
-"@vue/runtime-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
-  integrity sha512-MRIWreFigxdRuI2moFociUL5rVBfgYPrT7rWfQ0XfOyW46b+AiuCJyZvgbsRXwkAERfW1Tb/mY5forYjX2thOg==
+"@vue/runtime-core@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.9.tgz#5b4872363c69df6db4e937678ebdc68a141960bb"
+  integrity sha512-5tViEzPl8K1moMjCQJXqvTa/RjR/h8cZ9dUDgKfKWvZhxAmXHtmYlBWrvEeFTGWiEuZj0XlZkNxMNjuHLVF0Vg==
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/reactivity" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
 
-"@vue/runtime-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
-  integrity sha512-0jwpO3MBqMToq7qC816Z8Y6G8aN4ZKbv7MupgRaepzxhiK0sXcjLQmOATP3g/NyX52UCBJS4wAwsxidqGnAabA==
+"@vue/runtime-dom@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.9.tgz#6673901830c78cbe0b7c7c3f656db6ba49783dd1"
+  integrity sha512-OUKFLOaoshmQPaW7iaYuxl9ip3v08g8cXYr0bu68/0r94PF2/xO/b0GhoUoyeqp/pu1VzZ1TxulJ94JOXsuYjg==
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/runtime-core" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
-  integrity sha512-ZhcgGzBpp+pUzisZgQpM4ctIGgLpYjBj7/rZfbhEPxFHF/BuTV2jmhXvAl8aF9xDAejIcw85xCy92gDSwKtPag==
+"@vue/shared@3.0.0-rc.9":
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.9.tgz#81e71c2c40dbbfc4f05b3b4a3f92cb2842864aa3"
+  integrity sha512-SHD7qwziiG6208nKrs0qqbWbYckvBiCBCLwlRjUb6NEDUMN0TOVyzyaTvdnHND9ion/ZMdwEKMtWWtgJJkHDdw==
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12455,14 +12455,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.5:
-  version "3.0.0-rc.5"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
-  integrity sha512-8t8Y4sHMBGD5iLZ7JfBGmKBJlzesPoL+/nW9EV8s+4LwnKC4rGlRp+Lj2rcign4iQaj0GFaL7DrQ8IoOfVX6+w==
+vue@3.0.0-rc.9:
+  version "3.0.0-rc.9"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.9.tgz#8c54e6168625e3533f1f764ad3fa89235b01afb3"
+  integrity sha512-bimvpl5q/sKy1dAOE+KNX9T3p6Qq8kuNRmOYwaxtacI91ksjS7nVGse1FANhTL+XTQgl8+ySrd3f67xWi26nxw==
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/runtime-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.9"
+    "@vue/runtime-dom" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.9"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From bf423a62dc1d60606f15321e5040721e6193f023 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 16:53:04 +0800
Subject: [PATCH 288/626] chore: config npm tag

---
 package.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/package.json b/package.json
index 0d371c95b..43b1fe736 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,9 @@
     "release:site": "sh docs/site/release.sh",
     "test:coverage": "open test/coverage/index.html"
   },
+  "npm": {
+    "tag": "next"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged && ls-lint",

From 6e97165500b6794429740d52d1486efbb548f080 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 16:54:24 +0800
Subject: [PATCH 289/626] chore: release 3.0.0-alpha.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 43b1fe736..89d517bb5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From d3909000eb0c22934e78a78da50e9308b0621592 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:00:31 +0800
Subject: [PATCH 290/626] docs(changelog): 3.0.0-alpha.1

---
 docs/markdown/changelog-v3.zh-CN.md | 205 ++++++++++++++++++++++++++++
 1 file changed, 205 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 48e5550a5..fd2fbbc7f 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,211 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-alpha.1](https://github.com/youzan/vant/compare/v2.10.3...v3.0.0-alpha.1)
+
+`2020-08-28`
+
+**refactor**
+
+使用 Composition API 重构以下组件：
+
+- ActionBar
+- AddressList
+- Area
+- Badge
+- Button
+- Circle
+- Col
+- Collapse
+- CountDown
+- Image
+- Row
+- List
+- Loading
+- NavBar
+- NoticeBar
+- Progress
+- Rate
+- Sidebar
+- Slider
+- Steps
+- Sticky
+- Tabbar
+
+**Bug Fixes**
+
+- Rate: 修复控制台报 emit warning 提示的问题 [c32fba](https://github.com/youzan/vant/commit/c32fba0f1e7afa657c69c233d644c1994963a638)
+- Button: 修复 click 事件参数丢失的问题 [cea272](https://github.com/youzan/vant/commit/cea2724321daf693a1dd36dd6923c4d28585895a)
+- CellGroup: 修复 attrs 继承错误的问题 [8f978a](https://github.com/youzan/vant/commit/8f978addd49b7d2a5e6fcce0c952fcb05145ad1d)
+- Dialog: 修复部分弹窗相关属性不生效的问题 [af94c9](https://github.com/youzan/vant/commit/af94c92614b78e999e5377208e2c3c3672480210)
+- Image: 修复 loading 图标和 error 图标不展示的问题 [c720ee](https://github.com/youzan/vant/commit/c720eea83170b36e1b2f4eb8bdaff400e88bf714)
+
+### [v3.0.0-alpha.0](https://github.com/youzan/vant/compare/v2.10.2...v3.0.0-alpha.0)
+
+`2020-08-22`
+
+**Bug Fixes**
+
+- ActionSheet: some events missed [4d8d02](https://github.com/youzan/vant/commit/4d8d02151d6422db8c1243645167f9ffb691f1c1)
+- AddressList: bottom slot not work [d9e0e7](https://github.com/youzan/vant/commit/d9e0e753f1a9d917a361115b1cfeb4aa2d2cb5a0)
+- Cell: route props [7ed174](https://github.com/youzan/vant/commit/7ed1747de863a4f9d756591edee01c0cc48d8a12)
+- cli: register packageEntry failed [4e7931](https://github.com/youzan/vant/commit/4e793189b6593721a203767511e6ec39b1d3eca8)
+- cli: template v-for warning [0db903](https://github.com/youzan/vant/commit/0db9030f11b53f2922fc974d7b36b007cb546ec3)
+- Coupon: failed to render face amount [4e7769](https://github.com/youzan/vant/commit/4e7769ebeeae622c1347f926bd67db5ab3c6297b)
+- Dialog: missing emits config [492065](https://github.com/youzan/vant/commit/49206598fc32d35637cb9a3f57f06a7eea3da3bc)
+- eslint-config: update extends rule [9754a8](https://github.com/youzan/vant/commit/9754a80597ac2e43f1c264feb3ca5e77480e9190)
+- Field: cell slots [ec64d8](https://github.com/youzan/vant/commit/ec64d803bee07a306d71479ddd407c7879bf3ae5)
+- Field: failed to inherit class/style [ad1301](https://github.com/youzan/vant/commit/ad1301636d563a237336128ab3a57a9464322538)
+- Field: rows not work [092c53](https://github.com/youzan/vant/commit/092c5356e6d23c36a590c2164d76044b0da920ab)
+- Icon: default slot [3a2e20](https://github.com/youzan/vant/commit/3a2e20eb5271e5391c5902b48e0f7154ca284a34)
+- Image: alt prop not work [0a570b](https://github.com/youzan/vant/commit/0a570b2382286d3cd469fc476fa82451c8f8b319)
+- Image: loading status [0010bf](https://github.com/youzan/vant/commit/0010bfd461bbccca825ada58a48d50f1a892cced)
+- Popup: adjust teleport handler [54a860](https://github.com/youzan/vant/commit/54a8608078ebb51347af9361e1936d119c7b5fb2)
+- Popup: duration not work for overlay [5e5025](https://github.com/youzan/vant/commit/5e5025d1cc7356054a576899f38053de051a470a)
+- rename domPropsInnerHTML to innerHTML [c0c4f7](https://github.com/youzan/vant/commit/c0c4f764b53dde1d69d456b981e4cbc00a9af41b)
+- Field: should not render empty label [4d58db](https://github.com/youzan/vant/commit/4d58dbe3a665fc82510d5d7cb34a83b152565824)
+- Image: memory leak during SSR [#6721](https://github.com/youzan/vant/issues/6721)
+- NoticeBar: add emits [70f614](https://github.com/youzan/vant/commit/70f6146981d42aa5e4be8877df6083aba0229c45)
+- Pagination: missing emits [e8d190](https://github.com/youzan/vant/commit/e8d190d51d50618f27d499640955e99044c1be67)
+- Popup: animation [708792](https://github.com/youzan/vant/commit/7087922d18b2ac54629a6d886ce33630015d6097)
+- Popup: legacy removeNode [34ff81](https://github.com/youzan/vant/commit/34ff811102e7a153b0661f2f2f9b0c85af24f14b)
+- Popup: missing overlay class & style [de6690](https://github.com/youzan/vant/commit/de66903baeb5132ccd57f7ca47b8a2865e8f4fe6)
+- Popup: overlay z-index [5db6e3](https://github.com/youzan/vant/commit/5db6e380fe21bc162a186a62c5608df8790b0755)
+- Popup: teleport [6995bc](https://github.com/youzan/vant/commit/6995bcc8a385bd0d10739901c25e9d2c27f59a23)
+- Search: icon slot not work [b4e026](https://github.com/youzan/vant/commit/b4e02668cf8e2ea929b16c31769fa3b08c7f164c)
+- Search: inherit style/class [742872](https://github.com/youzan/vant/commit/742872a4aa430669e938d8becb72773d76c57c62)
+- SwipeCell: missing emits config [a7836a](https://github.com/youzan/vant/commit/a7836a30e6429c508729ce30bdf32de2ff3b8605)
+- Uploader: enable inheritAttrs [2937c1](https://github.com/youzan/vant/commit/2937c1537e61afcb76cadc77a7d6697bd02eca7e)
+- currentRoute [7346f2](https://github.com/youzan/vant/commit/7346f20e96defbcf5a4a14717e1044cd1075279a)
+- failed to install component [47ad40](https://github.com/youzan/vant/commit/47ad40794e2c992d6d23a2739a87003d64a4f509)
+- missing emits [d04c8c](https://github.com/youzan/vant/commit/d04c8c1e2455a7f2715d2d704a55425266db2de2)
+- rename unmount lifecycles [6c8529](https://github.com/youzan/vant/commit/6c85294d35ca690d1953f779e08a8a63595e4c4c)
+- Slider: missing transition in vertical mode [616723](https://github.com/youzan/vant/commit/6167239b80f29eafa6fd7f0db02fe2b10774a339)
+- Tabs: update:active event [7e47a0](https://github.com/youzan/vant/commit/7e47a0721bd56d4c3a5237ae0daff6763ae84417)
+- non-empty path must start with "/" [075bc0](https://github.com/youzan/vant/commit/075bc05a75f01a66772c4281ff8893f40a9835a8)
+- router catchAll [59f9b8](https://github.com/youzan/vant/commit/59f9b851d62028f6df5415c68459d29e7445b441)
+- router-view with keep-alive [88f5fe](https://github.com/youzan/vant/commit/88f5fed9cf0a82fe25a08e5163377ae8d59c789f)
+- sync iframe router [2d63b9](https://github.com/youzan/vant/commit/2d63b9c8b58c5fbebae16c0dcbcda27763450b6a)
+- utils [4c87fe](https://github.com/youzan/vant/commit/4c87fe247918313d85e24eeb1696e6c66b789de6)
+
+**build**
+
+- cli: update jsx plugin [f6280d](https://github.com/youzan/vant/commit/f6280dc41d325f6188a8d05bd908cce15e1a5473)
+
+**Document**
+
+- add changelog-v3 [448584](https://github.com/youzan/vant/commit/448584a146de7b13ef85ebf745e940eec1ba1cc0)
+- add migrate guide [7cadc5](https://github.com/youzan/vant/commit/7cadc5e60f16c9cb7bb73ac3494800fb3279cdd5)
+- shoud install vant@next [569c6d](https://github.com/youzan/vant/commit/569c6daeb00215a9b171afc7e1a8bfa79f375f22)
+- update component registration guide [d42b1b](https://github.com/youzan/vant/commit/d42b1b43c34bd07a18c6ef702394f98b0603d9e0)
+- update global method guide [9a86e9](https://github.com/youzan/vant/commit/9a86e9e6cace55b27e7516fe8eca6db19201e0ee)
+- update install guide [435c6e](https://github.com/youzan/vant/commit/435c6ee794b1ccfa69710d9cafbda3d8d975d257)
+- update migrate guide [a0725b](https://github.com/youzan/vant/commit/a0725b942da5f1ffc56248a59fb54d8baa54362e)
+- ActionSheet: update v-model usage [1e441e](https://github.com/youzan/vant/commit/1e441e86a5446c69830f4a13879d681103011e89)
+- changelog: add SwitchCell migrate guide [4e5f50](https://github.com/youzan/vant/commit/4e5f509b2f8418af9944ee035872c76e770bc2b3)
+- changelog: add v-model demo [6347a0](https://github.com/youzan/vant/commit/6347a09df17a399e17c8212ca998ab91d68bff6c)
+- Field: remove event inheirt [47cb51](https://github.com/youzan/vant/commit/47cb5159797f78df675ffb2331ae97e942f66f74)
+- update v-model change [ab067e](https://github.com/youzan/vant/commit/ab067ecb0ca48292f36fe0739f967e96aefa511a)
+
+**Feature**
+
+- cli: package entry fit Vue 3 [173792](https://github.com/youzan/vant/commit/17379286c80fae8986e6ca626a693ac062b06abc)
+- cli: update jest setup config [f0482c](https://github.com/youzan/vant/commit/f0482c7eecbbb7fd00610dd2507cd6e6223eba5b)
+- ActionSheet component [aa09ba](https://github.com/youzan/vant/commit/aa09ba0fd9c65c5b5dc2ef723b2891590332c71e)
+- add emits option [0e4b5a](https://github.com/youzan/vant/commit/0e4b5a0f2f00edf143079beac18c038088987a9f)
+- Button component [12c167](https://github.com/youzan/vant/commit/12c167fbbccd9a2f11d4f4af4cb964e9b6fc65de)
+- Cell component [2f1f54](https://github.com/youzan/vant/commit/2f1f540d6ae510d468d945e434a46e9d4106dffb)
+- CellGroup component [bd5651](https://github.com/youzan/vant/commit/bd5651402a01a39e8553da2ca2e5155caed19651)
+- Divider component [aa9fc7](https://github.com/youzan/vant/commit/aa9fc7fe7c66b0a55f2732f308178220a359745c)
+- Empty component [aab12a](https://github.com/youzan/vant/commit/aab12a4906e5ff32da47ab575d1c9e37d6055b6f)
+- Grid component [660e53](https://github.com/youzan/vant/commit/660e535811993322aaf51606904895e6b4545e36)
+- i18n next [0a4c66](https://github.com/youzan/vant/commit/0a4c6676ba7fa54fe6224f6e7dde02dc21b924e4)
+- image component [b79e59](https://github.com/youzan/vant/commit/b79e59bc18d34e25a9daa22e89bafbbabcdd01fe)
+- layout component [e671e2](https://github.com/youzan/vant/commit/e671e22ea5d1dfb5e3bfbfa23528bd7666f53f5b)
+- loading component [e0f938](https://github.com/youzan/vant/commit/e0f9382123ebc7282c22bc1f950cab99395d83ec)
+- migrate AddressEdit component [134930](https://github.com/youzan/vant/commit/1349301f01e59cd5273fabd901b67ce357641bd6)
+- migrate AddressList component [abe8ae](https://github.com/youzan/vant/commit/abe8ae7cca28a9963ece3062b7c2b05f18192f69)
+- migrate Area component [789a2f](https://github.com/youzan/vant/commit/789a2fda1efd08cbc0bcfaecb0740c0602c81f9b)
+- migrate Calendar component [0dd713](https://github.com/youzan/vant/commit/0dd713f361a85329adff9fbd5d297717795d9f27)
+- migrate Card component [607410](https://github.com/youzan/vant/commit/607410a64f9ac8ed483e872cac18d6e9405fbdbb)
+- migrate Checkbox/CheckboxGroup [cef8da](https://github.com/youzan/vant/commit/cef8daf717ba42cbb8f1e1096e8f93fc405c3072)
+- migrate Field component [75421a](https://github.com/youzan/vant/commit/75421a47271b59ecfd7d2554d84defeb1a0aba74)
+- migrate NoticeBar component [b3964e](https://github.com/youzan/vant/commit/b3964e6afa7b1f9f34f2e15b65e4f8b039697f2f)
+- migrate PullRefresh component [bb8a3d](https://github.com/youzan/vant/commit/bb8a3d60b7d095fcd4c6df31b7c3d5a89cb12354)
+- migrate ShareSheet component [bb445b](https://github.com/youzan/vant/commit/bb445b74eff8a046196019029cd1ac37579f322e)
+- Tag: add show prop and fix transition [7317a1](https://github.com/youzan/vant/commit/7317a1379b2c4016037f9d10b7ae2363d9bb0ff2)
+- migrate Circle component [94ae79](https://github.com/youzan/vant/commit/94ae79d9534e5e50739ab7b6c2c60bb77e1a90ad)
+- migrate Collapse component [79511f](https://github.com/youzan/vant/commit/79511fe3311e17395c0d4e2bddd652b5a7b77427)
+- migrate Contact component [6d1309](https://github.com/youzan/vant/commit/6d13094a2078714dfc7ba43a201277507ccbe363)
+- migrate ContactCard component [41796b](https://github.com/youzan/vant/commit/41796b06165b40348c14daf1cda4ccb9065703da)
+- migrate CountDown component [e111fd](https://github.com/youzan/vant/commit/e111fd4208c3f68531486374e2e7db7dc3f2c7a8)
+- migrate CouponCell component [832ed6](https://github.com/youzan/vant/commit/832ed6f80f1aebaf0a3e4e72e9a3bbe232d058e2)
+- migrate CouponList component [579a9e](https://github.com/youzan/vant/commit/579a9ebb78cd88033fb42b8ce8fa7c83ecb42a68)
+- migrate DatetimePicker component [bfe2e9](https://github.com/youzan/vant/commit/bfe2e9843ba0cb2e8afba3725cbc5fd50500c681)
+- migrate Dialog component [f3ff93](https://github.com/youzan/vant/commit/f3ff931ebf5f007d604f8e46bfd83da60f7e80a4)
+- migrate Form component [b6b6e3](https://github.com/youzan/vant/commit/b6b6e38c45b8181c217b26eaedc451dc26e6482f)
+- migrate GoodsAction component [e2d9b1](https://github.com/youzan/vant/commit/e2d9b12bd2a097ed45134f549ac0cd6994277fd9)
+- migrate List component [01c740](https://github.com/youzan/vant/commit/01c7409e6e003be4d8aa950359a472c2ebacaf47)
+- migrate SubmitBar component [854146](https://github.com/youzan/vant/commit/854146418ce8d05cce246d84cf077814deb514f4)
+- Field: enable inheritAttrs [3c3e72](https://github.com/youzan/vant/commit/3c3e72cf792c1479b4d5d3e8bd545f7917491dc4)
+- migrate DropdownMenu [998c7d](https://github.com/youzan/vant/commit/998c7d8da67e713be2073e3a113afb7070da5715)
+- migrate ImagePreview component [3a290c](https://github.com/youzan/vant/commit/3a290ce5649812570c4a2450acbbfd03eff9f782)
+- migrate IndexBar component [f956d1](https://github.com/youzan/vant/commit/f956d1ab3bdbbfd07d9d773936b221e8dd833712)
+- migrate Notify component [0b9009](https://github.com/youzan/vant/commit/0b90092d1caf66007670b2568284ba3071b7630f)
+- migrate NumberKeyboard component [a70d11](https://github.com/youzan/vant/commit/a70d1187fb0baabb31468bf115a90e743dbe0eaa)
+- migrate PasswordInput component [6d3ce8](https://github.com/youzan/vant/commit/6d3ce895023873e694bb6dcbb3fa5e602b6143dc)
+- migrate Picker component [9fa7a2](https://github.com/youzan/vant/commit/9fa7a258d752245dad9eb02656912bf0375529bf)
+- migrate Radio/RadioGroup [2172cc](https://github.com/youzan/vant/commit/2172cce8b60c3480efb0085bfbb976ed820944b2)
+- migrate Search component [735aca](https://github.com/youzan/vant/commit/735acabcec0c9c78c3f67f7d31aa150d52bdbdb8)
+- migrate Sidebar component [08e03e](https://github.com/youzan/vant/commit/08e03e988fe57e73a9fdde33df829242742036d4)
+- migrate Slider component [75d76d](https://github.com/youzan/vant/commit/75d76d2cecde2ae4503538cf8b6bdae9e400ca63)
+- migrate Stepper component [0ed033](https://github.com/youzan/vant/commit/0ed0337de05ce35a540514f506b8a699af16e83e)
+- migrate Sticky component [4ad0c3](https://github.com/youzan/vant/commit/4ad0c396efd6eb656bdd8c5d8e33ad4f29e1cd40)
+- migrate Swipe component [f97864](https://github.com/youzan/vant/commit/f978642277d858d7d833538c6ffa5c5d3fd9f074)
+- migrate SwipeCell component [8c4c51](https://github.com/youzan/vant/commit/8c4c51fea10f4b5c1126026b78a84f2dfd726301)
+- migrate Tab component [d2291f](https://github.com/youzan/vant/commit/d2291f37104f0ad8ce9bef3ccffac668342d096d)
+- migrate Tabbar component [7fda26](https://github.com/youzan/vant/commit/7fda2659f5d30420f0f2fb6188f9aa5ee120f0be)
+- migrate Toast component [5d2cd5](https://github.com/youzan/vant/commit/5d2cd516ed931284c38c9396c9d921e2c9d04af2)
+- migrate TreeSelect component [7a197f](https://github.com/youzan/vant/commit/7a197fc90f5320bd8e439678a42c26bad40ca80c)
+- migrate Uploader component [7c2b4c](https://github.com/youzan/vant/commit/7c2b4c9abc59eb65ae57c2697dda2bed21a6b60a)
+- Steps: add inactive-color prop [296315](https://github.com/youzan/vant/commit/296315c48fee3d502b5de01842d2ff4d5c2bb815)
+- NavBar component [6567b0](https://github.com/youzan/vant/commit/6567b041b962b3eaafd81ef0a553996d6106e116)
+- Overlay component [2a41dc](https://github.com/youzan/vant/commit/2a41dcf58e0924736bd0a5f5d547ed946de9dbae)
+- Pagination component [97a6bf](https://github.com/youzan/vant/commit/97a6bf9d48558912df5aeba3c8d69e1254337e32)
+- Popup component [57e035](https://github.com/youzan/vant/commit/57e035bb269ff9395bb74e49850671a040c6ddcc)
+- Progress component [2539a5](https://github.com/youzan/vant/commit/2539a548b601fe98a432334551ea700d4d9c825d)
+- Rate component [3bf647](https://github.com/youzan/vant/commit/3bf64717b565cd356716a3245c3e430564bafcca)
+- Skeleton component [ca0b7f](https://github.com/youzan/vant/commit/ca0b7ff0281e22c6f2de4d62bba9472e2dfc0a7d)
+- Steps component [4500e7](https://github.com/youzan/vant/commit/4500e71f1a1ab3daeaba3dca551b8c3bda48d02e)
+- Switch component [1874b7](https://github.com/youzan/vant/commit/1874b7af606a5bdcc1e27d0f9123464ea37bda1f)
+- Tag component [919161](https://github.com/youzan/vant/commit/919161568afe178c1b8e2a20dad12c9341762b4e)
+- markdown-loader: compatible with vue 3 [d69702](https://github.com/youzan/vant/commit/d697026b2ca5754367d5f79ac8178e8763692ef4)
+
+**refactor**
+
+- DropdownItem: remove portal mixin [0b208d](https://github.com/youzan/vant/commit/0b208dc04bc0c802903ec52f12d8890017ac299a)
+- NumberKeyboard: remove portal mixin [a4b481](https://github.com/youzan/vant/commit/a4b481c5cc25facb2514fd3956f7cdee531dcf0a)
+- Popup: remove popup mixin [1ad76a](https://github.com/youzan/vant/commit/1ad76a8aa36f65d78e26553af2416f90f9e88eb9)
+- SwipeCell: remove deprecated on-close [8031c6](https://github.com/youzan/vant/commit/8031c690dd889516d8025e0313f0f568a5b823ff)
+- SwipeCell: rename open event params [13912c](https://github.com/youzan/vant/commit/13912c02a53ae00632da955230a1d1f1d9379e47)
+- icon component [3bc649](https://github.com/youzan/vant/commit/3bc6495b04dd80ae8ffedea89486acbf80da147f)
+- info component [425ffb](https://github.com/youzan/vant/commit/425ffb87eb0d84bb1ad00726066f114cb1559a42)
+
+- breaking change: rename get-container to teleport [52b187](https://github.com/youzan/vant/commit/52b187692bb61ba27332274d7ff6000def8f710d)
+- breaking change(Button): add success type, remove info type [07d1a2](https://github.com/youzan/vant/commit/07d1a2590ff8e2b14547c21c79b1f623089475f7)
+- breaking change(Picker): enable show-toolbar by default [8843b7](https://github.com/youzan/vant/commit/8843b7875adf31c5d243b2bbc199a173aca0d83b)
+- breaking change(Area): adjust change event param [832dab](https://github.com/youzan/vant/commit/832dab10cf319388cc7a946e7eb0500cd8e43244)
+- breaking change(Picker): adjust change event param [036eb8](https://github.com/youzan/vant/commit/036eb8543cf09eb24fcea69564e96e29b0645f45)
+- breaking change(Picker): update values param [af7e7f](https://github.com/youzan/vant/commit/af7e7fe9dfe13e20de228c6062e8ff9e86ede345)
+- breaking change: rename Info to Badge [63bd47](https://github.com/youzan/vant/commit/63bd4700abbbf10eb0dbfb2984fae08142a87e17)
+- breaking change: rename GoodsAction to ActionBar [fc825d](https://github.com/youzan/vant/commit/fc825d7a33219d95e0a7e43ad553a722c220ceef)
+- breaking change: remove SwitchCell component [966fb5](https://github.com/youzan/vant/commit/966fb5f46a3795ffc3b64a10f79d825ebb44894f)
+- Revert "chore: remove hooks ooops!" [2e6dbc](https://github.com/youzan/vant/commit/2e6dbca06dc38576308297d0ba6331ec4274e8fe)
+
+**style**
+
+- ActionSheet: subname align [6672b3](https://github.com/youzan/vant/commit/6672b346180190859932a48785c8ea01045c3f5e)
+
 ### v3.0.0-alpha.0
 
 `2020-08-22`

From af64a6bedc8941d7130b99bb3ff8da46506b6dc6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:17:58 +0800
Subject: [PATCH 291/626] fix(eslint-config): update ban-ts-comment

---
 packages/vant-eslint-config/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-eslint-config/index.js b/packages/vant-eslint-config/index.js
index 7aae183f4..dbee9daba 100644
--- a/packages/vant-eslint-config/index.js
+++ b/packages/vant-eslint-config/index.js
@@ -56,7 +56,7 @@ module.exports = {
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
     // typescript-eslint
     '@typescript-eslint/camelcase': 'off',
-    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/no-unused-vars': 'error',
     '@typescript-eslint/no-var-requires': 'off',
     '@typescript-eslint/no-explicit-any': 'off',

From daff756a03ad7ed6395e0f822f165d6252533770 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:19:27 +0800
Subject: [PATCH 292/626] chore: release @vant/eslint-config@3.0.0-alpha.2

---
 packages/vant-eslint-config/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-eslint-config/package.json b/packages/vant-eslint-config/package.json
index b4a2081ba..ae27ab42d 100644
--- a/packages/vant-eslint-config/package.json
+++ b/packages/vant-eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/eslint-config",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.2",
   "description": "eslint config of vant",
   "main": "index.js",
   "publishConfig": {

From ba63cd18fa20dbd85f4a473a0c6cb282afa0bbc2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:24:51 +0800
Subject: [PATCH 293/626] feat(cli): support config npm tag

---
 package.json                              |  2 +-
 packages/vant-cli/src/commands/release.ts |  5 ++++-
 packages/vant-cli/src/index.ts            | 21 ++++++---------------
 3 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 89d517bb5..d49aee93c 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "lint": "vant-cli lint && ls-lint",
     "test": "vant-cli test",
     "build": "vant-cli build",
-    "release": "vant-cli release",
+    "release": "vant-cli release --tag next",
     "test:watch": "vant-cli test --watch",
     "release:site": "sh docs/site/release.sh",
     "test:coverage": "open test/coverage/index.html"
diff --git a/packages/vant-cli/src/commands/release.ts b/packages/vant-cli/src/commands/release.ts
index 32c3babd9..c66521da8 100644
--- a/packages/vant-cli/src/commands/release.ts
+++ b/packages/vant-cli/src/commands/release.ts
@@ -4,11 +4,14 @@ import { join } from 'path';
 
 const PLUGIN_PATH = join(__dirname, '../compiler/vant-cli-release-plugin.js');
 
-export async function release() {
+export async function release(command: { tag?: string }) {
   await releaseIt({
     plugins: {
       [PLUGIN_PATH]: {},
     },
+    npm: {
+      tag: command.tag,
+    },
     git: {
       tagName: 'v${version}',
       commitMessage: 'chore: release ${version}',
diff --git a/packages/vant-cli/src/index.ts b/packages/vant-cli/src/index.ts
index 90c069af3..12c4d0537 100755
--- a/packages/vant-cli/src/index.ts
+++ b/packages/vant-cli/src/index.ts
@@ -19,13 +19,9 @@ version(`@vant/cli ${packageJson.version}`);
 
 process.env.VANT_CLI_VERSION = packageJson.version;
 
-command('dev')
-  .description('Run webpack dev server')
-  .action(dev);
+command('dev').description('Run webpack dev server').action(dev);
 
-command('lint')
-  .description('Run eslint and stylelint')
-  .action(lint);
+command('lint').description('Run eslint and stylelint').action(lint);
 
 command('test')
   .description('Run unit tests through jest')
@@ -39,9 +35,7 @@ command('test')
   )
   .action(test);
 
-command('clean')
-  .description('Clean all dist files')
-  .action(clean);
+command('clean').description('Clean all dist files').action(clean);
 
 command('build')
   .description('Compile components in production mode')
@@ -50,18 +44,15 @@ command('build')
 
 command('release')
   .description('Compile components and release it')
+  .option('--tag <tag>', 'Release tag')
   .action(release);
 
 command('build-site')
   .description('Compile site in production mode')
   .action(buildSite);
 
-command('changelog')
-  .description('Generate changelog')
-  .action(changelog);
+command('changelog').description('Generate changelog').action(changelog);
 
-command('commit-lint')
-  .description('Lint commit message')
-  .action(commitLint);
+command('commit-lint').description('Lint commit message').action(commitLint);
 
 parse();

From 8943f1f9f29c3c1cfae0820ab3d9b9458d1029c0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:25:45 +0800
Subject: [PATCH 294/626] chore: release @vant/cli@3.0.0-alpha.8

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 07ea72280..e8d8da39f 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.7",
+  "version": "3.0.0-alpha.8",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From fe8854468d070c88df41396aaae0e62f2275ed91 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:26:48 +0800
Subject: [PATCH 295/626] chore: bump @vant/cli@3.0.0-alpha.8

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index d49aee93c..f90f236a9 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.7",
+    "@vant/cli": "^3.0.0-alpha.8",
     "@vue/compiler-sfc": "3.0.0-rc.9",
     "prettier": "^2.0.4",
     "vue": "3.0.0-rc.9"
diff --git a/yarn.lock b/yarn.lock
index 982631e57..3e7c39e50 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2034,10 +2034,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.7":
-  version "3.0.0-alpha.7"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.7.tgz#f1a612b5e4e5993564ea47aaf85f6fdc30ab58a9"
-  integrity sha512-VKmd+1ixYFbutO2ZwR3uDbpE7a7J21Z9LWoPUKjSuRhsrsScNYURjxCc16IyYPtQokwcMl3hHYBwrcy8GrF8PQ==
+"@vant/cli@^3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.8.tgz#f6fa1d9b5f703f5ef9ebfa1ca1a4a7519a6c167f"
+  integrity sha512-Ho6ptvFCp+XxyDIK1C9GaCACVx+h0XxqlI/FCBLeXPf8z0ZZmUOLULFi46Pffgq9zv7l4FMkkmI+KGKMfrjgog==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"

From 0082a94babc8a14b514837bc865ab23dc6119ba9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:27:34 +0800
Subject: [PATCH 296/626] chore: release 3.0.0-alpha.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f90f236a9..17c1861d1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.2",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 8f8e9675ee18c21b872edc21595e2ac048b1692b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:29:57 +0800
Subject: [PATCH 297/626] docs(changelog): 3.0.0-alpha.2

---
 docs/markdown/changelog-v3.zh-CN.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index fd2fbbc7f..2d0230115 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,14 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-alpha.2](https://github.com/youzan/vant/compare/v3.0.0-alpha.1...v3.0.0-alpha.2)
+
+`2020-08-28`
+
+**Bug Fixes**
+
+- 修复使用 `yarn add vant@next` 安装失败的问题
+
 ### [v3.0.0-alpha.1](https://github.com/youzan/vant/compare/v2.10.3...v3.0.0-alpha.1)
 
 `2020-08-28`

From d1df1272493fbaacc489a09d519b37a8171a87dc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 28 Aug 2020 17:31:48 +0800
Subject: [PATCH 298/626] fix: useVisibilityChange unobserve

---
 src/composition/use-visibility-change.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
index 0c5cd57dd..afce59ee9 100644
--- a/src/composition/use-visibility-change.ts
+++ b/src/composition/use-visibility-change.ts
@@ -25,7 +25,7 @@ export function useVisibilityChange(
   };
 
   const unobserve = () => {
-    observer.observe(target.value);
+    observer.unobserve(target.value);
   };
 
   onMounted(observe);

From 8d3d9445944dc8463bc975484dcc3462fcba838b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 29 Aug 2020 19:28:54 +0800
Subject: [PATCH 299/626] docs: update site version link

---
 vant.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vant.config.js b/vant.config.js
index fc56b6c94..bcfb06ccd 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -14,7 +14,7 @@ module.exports = {
     defaultLang: 'en-US',
     versions: [
       { label: '1.x', link: '/vant/1.x/' },
-      { label: '3.x', link: '/vant/next/' },
+      { label: '2.x', link: '/vant/' },
     ],
     baiduAnalytics: {
       seed: 'ad6b5732c36321f2dafed737ac2da92f',

From 2c55fed8b70490d21e419b9f330427bb4dd7376a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 29 Aug 2020 19:37:43 +0800
Subject: [PATCH 300/626] docs(checkbox): fix cell demo #7039

---
 src/checkbox/demo/index.vue | 45 ++++++++++++++++++++++++-------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index b00a0cd72..a4204b090 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -96,7 +96,7 @@
             @click="toggle(index)"
           >
             <template #right-icon>
-              <van-checkbox ref="checkboxes" :name="item" />
+              <van-checkbox :ref="setRefs(index)" :name="item" />
             </template>
           </van-cell>
         </van-cell-group>
@@ -106,6 +106,9 @@
 </template>
 
 <script>
+import { ref } from 'vue';
+import { useRefs } from '../../composition/use-refs';
+
 export default {
   i18n: {
     'zh-CN': {
@@ -140,6 +143,31 @@ export default {
     },
   },
 
+  setup() {
+    const group = ref();
+    const [refs, setRefs] = useRefs();
+
+    const toggle = (index) => {
+      refs.value[index].toggle();
+    };
+
+    const checkAll = () => {
+      group.value.toggleAll(true);
+    };
+
+    const toggleAll = () => {
+      group.value.toggleAll();
+    };
+
+    return {
+      group,
+      toggle,
+      setRefs,
+      checkAll,
+      toggleAll,
+    };
+  },
+
   data() {
     return {
       checkbox1: true,
@@ -158,21 +186,6 @@ export default {
       inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
     };
   },
-
-  methods: {
-    toggle(index) {
-      // TODO ref in for
-      this.$refs.checkboxes[index].toggle();
-    },
-
-    checkAll() {
-      this.$refs.group.toggleAll(true);
-    },
-
-    toggleAll() {
-      this.$refs.group.toggleAll();
-    },
-  },
 };
 </script>
 

From dac7feb919cfc4c3c1b8dc544431eb5547414604 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 29 Aug 2020 19:41:13 +0800
Subject: [PATCH 301/626] fix(Toast): failed to modify message

---
 src/toast/index.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/toast/index.js b/src/toast/index.js
index 35f502dc2..0984dd3a2 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -59,11 +59,17 @@ function createInstance() {
       data() {
         return {
           timer: null,
+          message: null,
           toastProps: {
             show: false,
           },
         };
       },
+      watch: {
+        message(val) {
+          this.toastProps.message = val;
+        },
+      },
       methods: {
         clear() {
           this.toggle(false);

From 44aaa471879ac79b7baee0e07c92d7a71ff7f530 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 11:41:48 +0800
Subject: [PATCH 302/626] refactor(Toast): refactor with composition api

---
 src/toast/Toast.js | 113 ++++++++++++++++-----------------------------
 1 file changed, 39 insertions(+), 74 deletions(-)

diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 950c88464..672529a14 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -6,6 +6,7 @@ import { lockClick } from './lock-click';
 import Icon from '../icon';
 import Popup from '../popup';
 import Loading from '../loading';
+import { watch, onMounted, onUnmounted } from 'vue';
 
 const [createComponent, bem] = createNamespace('toast');
 
@@ -13,13 +14,13 @@ export default createComponent({
   props: {
     icon: String,
     show: Boolean,
-    clear: Function,
+    message: [Number, String],
     className: null,
     iconPrefix: String,
+    lockScroll: Boolean,
     loadingType: String,
     forbidClick: Boolean,
     closeOnClick: Boolean,
-    message: [Number, String],
     type: {
       type: String,
       default: 'text',
@@ -32,72 +33,37 @@ export default createComponent({
       type: String,
       default: 'van-fade',
     },
-    lockScroll: {
-      type: Boolean,
-      default: false,
-    },
   },
 
-  emits: ['opened', 'closed', 'update:show'],
+  emits: ['update:show'],
 
-  data() {
-    return {
-      clickable: false,
-    };
-  },
+  setup(props, { emit }) {
+    let clickable;
 
-  mounted() {
-    this.toggleClickable();
-  },
-
-  unmounted() {
-    this.toggleClickable();
-  },
-
-  watch: {
-    show: 'toggleClickable',
-    forbidClick: 'toggleClickable',
-  },
-
-  methods: {
-    onClick() {
-      if (this.closeOnClick) {
-        this.close();
-      }
-    },
-
-    toggleClickable() {
-      const clickable = this.show && this.forbidClick;
-
-      if (this.clickable !== clickable) {
-        this.clickable = clickable;
+    const toggleClickable = () => {
+      const newValue = props.show && props.forbidClick;
+      if (clickable !== newValue) {
+        clickable = newValue;
         lockClick(clickable);
       }
-    },
+    };
 
-    /* istanbul ignore next */
-    onAfterEnter() {
-      this.$emit('opened');
-
-      if (this.onOpened) {
-        this.onOpened();
+    const onClick = () => {
+      if (props.closeOnClick) {
+        emit('update:show', false);
       }
-    },
+    };
 
-    onAfterLeave() {
-      this.$emit('closed');
-    },
-
-    genIcon() {
-      const { icon, type, iconPrefix, loadingType } = this;
+    const renderIcon = () => {
+      const { icon, type, iconPrefix, loadingType } = props;
       const hasIcon = icon || type === 'success' || type === 'fail';
 
       if (hasIcon) {
         return (
           <Icon
+            name={icon || type}
             class={bem('icon')}
             classPrefix={iconPrefix}
-            name={icon || type}
           />
         );
       }
@@ -105,38 +71,37 @@ export default createComponent({
       if (type === 'loading') {
         return <Loading class={bem('loading')} type={loadingType} />;
       }
-    },
+    };
 
-    genMessage() {
-      const { type, message } = this;
+    const renderMessage = () => {
+      const { type, message } = props;
 
-      if (!isDef(message) || message === '') {
-        return;
+      if (isDef(message) && message !== '') {
+        return type === 'html' ? (
+          <div class={bem('text')} innerHTML={message} />
+        ) : (
+          <div class={bem('text')}>{message}</div>
+        );
       }
+    };
 
-      if (type === 'html') {
-        return <div class={bem('text')} innerHTML={message} />;
-      }
+    watch([() => props.show, () => props.forbidClick], toggleClickable);
 
-      return <div class={bem('text')}>{message}</div>;
-    },
-  },
+    onMounted(toggleClickable);
+    onUnmounted(toggleClickable);
 
-  render() {
-    return (
+    return () => (
       <Popup
-        show={this.show}
+        show={props.show}
         class={[
-          bem([this.position, { [this.type]: !this.icon }]),
-          this.className,
+          bem([props.position, { [props.type]: !props.icon }]),
+          props.className,
         ]}
-        transition={this.transition}
-        onOpened={this.onAfterEnter}
-        onClosed={this.onAfterLeave}
-        onClick={this.onClick}
+        transition={props.transition}
+        onClick={onClick}
       >
-        {this.genIcon()}
-        {this.genMessage()}
+        {renderIcon()}
+        {renderMessage()}
       </Popup>
     );
   },

From e1ac3f9a5809dcbb58616975714eed87fe659b75 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 11:53:40 +0800
Subject: [PATCH 303/626] chore(Dialog): improve code

---
 src/dialog/Dialog.js | 12 ++++++------
 src/toast/Toast.js   |  3 ++-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 469f835e2..75777458f 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,5 +1,8 @@
+// Utils
 import { createNamespace, addUnit, pick } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
+
+// Components
 import Popup from '../popup';
 import Button from '../button';
 import ActionBar from '../action-bar';
@@ -19,11 +22,12 @@ export default createComponent({
     lazyRender: Boolean,
     beforeClose: Function,
     messageAlign: String,
+    showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
     confirmButtonText: String,
     confirmButtonColor: String,
-    showCancelButton: Boolean,
+    closeOnClickOverlay: Boolean,
     overlay: {
       type: Boolean,
       default: true,
@@ -44,10 +48,6 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: false,
-    },
   },
 
   emits: ['confirm', 'cancel', 'update:show'],
@@ -204,13 +204,13 @@ export default createComponent({
 
     return (
       <Popup
-        show={this.show}
         role="dialog"
         class={[bem([this.theme]), this.className]}
         style={{ width: addUnit(this.width) }}
         aria-labelledby={this.title || message}
         {...{
           ...pick(this, [
+            'show',
             'overlay',
             'transition',
             'lazyRender',
diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 672529a14..72f18edeb 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -1,3 +1,5 @@
+import { watch, onMounted, onUnmounted } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
 import { lockClick } from './lock-click';
@@ -6,7 +8,6 @@ import { lockClick } from './lock-click';
 import Icon from '../icon';
 import Popup from '../popup';
 import Loading from '../loading';
-import { watch, onMounted, onUnmounted } from 'vue';
 
 const [createComponent, bem] = createNamespace('toast');
 

From 0d64cf1b63d7f89a7f172a5d6ea31cebcdf77291 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 16:57:49 +0800
Subject: [PATCH 304/626] feat: add usePublicApi

---
 src/area/index.js                 | 16 +++-------------
 src/calendar/components/Month.js  | 17 +++++++++--------
 src/composition/use-public-api.ts |  7 +++++++
 src/count-down/index.js           | 16 ++++++++++------
 src/list/index.js                 | 15 +++------------
 5 files changed, 32 insertions(+), 39 deletions(-)
 create mode 100644 src/composition/use-public-api.ts

diff --git a/src/area/index.js b/src/area/index.js
index 5558f2bff..7a6414c53 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,13 +1,6 @@
-import {
-  ref,
-  watch,
-  computed,
-  reactive,
-  nextTick,
-  onMounted,
-  getCurrentInstance,
-} from 'vue';
+import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
 import { createNamespace, pick } from '../utils';
+import { usePublicApi } from '../composition/use-public-api';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
 
@@ -281,10 +274,7 @@ export default createComponent({
       }
     );
 
-    // @exposed-api
-    const vm = getCurrentInstance().proxy;
-    vm.reset = reset;
-    vm.getArea = getArea;
+    usePublicApi({ reset, getArea });
 
     return () => {
       const columns = state.columns.slice(0, +props.columnsNum);
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 509121634..b2ecd2eaf 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,4 +1,4 @@
-import { ref, computed, getCurrentInstance } from 'vue';
+import { ref, computed } from 'vue';
 
 // Utils
 import { createNamespace, addUnit } from '../../utils';
@@ -18,6 +18,7 @@ import {
 // Composition
 import { useHeight } from '../../composition/use-rect';
 import { useToggle } from '../../composition/use-toggle';
+import { usePublicApi } from '../composition/use-public-api';
 
 // Components
 import Day from './Day';
@@ -246,13 +247,13 @@ export default createComponent({
       return <div ref={daysRef} />;
     };
 
-    // @exposed-api
-    const vm = getCurrentInstance().proxy;
-    vm.height = height;
-    vm.getDate = getDate;
-    vm.getTitle = getTitle;
-    vm.setVisible = setVisible;
-    vm.scrollIntoView = scrollIntoView;
+    usePublicApi({
+      height,
+      getDate,
+      getTitle,
+      setVisible,
+      scrollIntoView,
+    });
 
     return () => (
       <div class={bem('month')} ref={monthRef} style={monthStyle.value}>
diff --git a/src/composition/use-public-api.ts b/src/composition/use-public-api.ts
new file mode 100644
index 000000000..241c25209
--- /dev/null
+++ b/src/composition/use-public-api.ts
@@ -0,0 +1,7 @@
+import { getCurrentInstance } from 'vue';
+
+// expose public api
+export function usePublicApi(apis: Record<string, any>) {
+  const vm = (getCurrentInstance() as any).ctx;
+  Object.assign(vm, apis);
+}
diff --git a/src/count-down/index.js b/src/count-down/index.js
index 2e79f4971..5567ba867 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -5,12 +5,16 @@ import {
   onActivated,
   onDeactivated,
   onBeforeUnmount,
-  getCurrentInstance,
 } from 'vue';
+
+// Utils
 import { createNamespace } from '../utils';
 import { raf, cancelRaf } from '../utils/dom/raf';
 import { isSameSecond, parseTimeData, parseFormat } from './utils';
 
+// Composition
+import { usePublicApi } from '../composition/use-public-api';
+
 const [createComponent, bem] = createNamespace('count-down');
 
 export default createComponent({
@@ -136,11 +140,11 @@ export default createComponent({
 
     onBeforeUnmount(pause);
 
-    // @exposed-api
-    const vm = getCurrentInstance().proxy;
-    vm.start = start;
-    vm.reset = reset;
-    vm.pause = pause;
+    usePublicApi({
+      start,
+      reset,
+      pause,
+    });
 
     return () => (
       <div class={bem()}>
diff --git a/src/list/index.js b/src/list/index.js
index dac06963b..ccfdc896f 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -1,11 +1,4 @@
-import {
-  ref,
-  watch,
-  nextTick,
-  onUpdated,
-  onMounted,
-  getCurrentInstance,
-} from 'vue';
+import { ref, watch, nextTick, onUpdated, onMounted } from 'vue';
 
 // Utils
 import { createNamespace } from '../utils';
@@ -14,6 +7,7 @@ import { isHidden } from '../utils/dom/style';
 // Composition
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
+import { usePublicApi } from '../composition/use-public-api';
 import { useGlobalEvent } from '../composition/use-global-event';
 
 // Components
@@ -147,12 +141,9 @@ export default createComponent({
       }
     });
 
+    usePublicApi({ check });
     useGlobalEvent(scroller, 'scroll', check);
 
-    // @exposed-api
-    const vm = getCurrentInstance().proxy;
-    vm.check = check;
-
     return () => {
       const Content = slots.default?.();
       const Placeholder = (

From 77613e3ee538fa328415e9021c6b73a29ef28f56 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 17:48:07 +0800
Subject: [PATCH 305/626] fix(Calendar): incorrect module path

---
 src/calendar/components/Month.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index b2ecd2eaf..fa19df083 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -18,7 +18,7 @@ import {
 // Composition
 import { useHeight } from '../../composition/use-rect';
 import { useToggle } from '../../composition/use-toggle';
-import { usePublicApi } from '../composition/use-public-api';
+import { usePublicApi } from '../../composition/use-public-api';
 
 // Components
 import Day from './Day';

From f02afd882cc3d3132ecee2d33c84ab887ba2a95a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 17:49:19 +0800
Subject: [PATCH 306/626] feat: add mountComponent utils

---
 src/dialog/index.js        | 11 ++++-------
 src/image-preview/index.js | 11 ++++-------
 src/notify/index.js        | 11 ++++-------
 src/toast/index.js         | 16 +++++-----------
 src/utils/index.ts         | 17 +++++++++++++++++
 5 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/dialog/index.js b/src/dialog/index.js
index 6758ae102..f89c602ca 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,14 +1,11 @@
-import { createApp, nextTick } from 'vue';
+import { nextTick } from 'vue';
+import { inBrowser, mountComponent } from '../utils';
 import VanDialog from './Dialog';
-import { inBrowser } from '../utils';
 
 let instance;
 
 function initInstance() {
-  const root = document.createElement('div');
-  document.body.appendChild(root);
-
-  instance = createApp({
+  ({ instance } = mountComponent({
     data() {
       return {
         dialogProps: {
@@ -35,7 +32,7 @@ function initInstance() {
         />
       );
     },
-  }).mount(root);
+  }));
 }
 
 function Dialog(options) {
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index 1b8f9b3ce..db17898e6 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,6 +1,6 @@
-import { createApp, nextTick } from 'vue';
+import { nextTick } from 'vue';
+import { inBrowser, mountComponent } from '../utils';
 import VanImagePreview from './ImagePreview';
-import { inBrowser } from '../utils';
 
 let instance;
 
@@ -26,10 +26,7 @@ const defaultConfig = {
 };
 
 function initInstance() {
-  const root = document.createElement('div');
-  document.body.appendChild(root);
-
-  instance = createApp({
+  ({ instance } = mountComponent({
     data() {
       return {
         props: {
@@ -62,7 +59,7 @@ function initInstance() {
         />
       );
     },
-  }).mount(root);
+  }));
 }
 
 const ImagePreview = (images, startPosition = 0) => {
diff --git a/src/notify/index.js b/src/notify/index.js
index 7a3161b2f..8a33a00ca 100644
--- a/src/notify/index.js
+++ b/src/notify/index.js
@@ -1,6 +1,6 @@
-import { createApp, nextTick } from 'vue';
+import { nextTick } from 'vue';
+import { isObject, inBrowser, mountComponent } from '../utils';
 import VanNotify from './Notify';
-import { isObject, inBrowser } from '../utils';
 
 let timer;
 let instance;
@@ -10,10 +10,7 @@ function parseOptions(message) {
 }
 
 function initInstance() {
-  const root = document.createElement('div');
-  document.body.appendChild(root);
-
-  instance = createApp({
+  ({ instance } = mountComponent({
     data() {
       return {
         notifyProps: {
@@ -39,7 +36,7 @@ function initInstance() {
         />
       );
     },
-  }).mount(root);
+  }));
 }
 
 function Notify(options) {
diff --git a/src/toast/index.js b/src/toast/index.js
index 0984dd3a2..6511a5b50 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,6 +1,6 @@
-import { createApp, nextTick } from 'vue';
+import { nextTick } from 'vue';
+import { isObject, inBrowser, mountComponent } from '../utils';
 import VanToast from './Toast';
-import { isObject, inBrowser } from '../utils';
 
 const defaultOptions = {
   icon: '',
@@ -52,10 +52,7 @@ function createInstance() {
   queue = queue.filter((item) => isInDocument(item.$el));
 
   if (!queue.length || multiple) {
-    const root = document.createElement('div');
-    document.body.appendChild(root);
-
-    const app = createApp({
+    const { instance, unmount } = mountComponent({
       data() {
         return {
           timer: null,
@@ -97,8 +94,7 @@ function createInstance() {
           if (multiple && inBrowser) {
             clearTimeout(this.timer);
             queue = queue.filter((item) => item !== this);
-            app.unmount();
-            document.body.removeChild(root);
+            unmount();
           }
         },
       },
@@ -115,9 +111,7 @@ function createInstance() {
       },
     });
 
-    const toast = app.mount(root);
-
-    queue.push(toast);
+    queue.push(instance);
   }
 
   return queue[queue.length - 1];
diff --git a/src/utils/index.ts b/src/utils/index.ts
index e461e855a..06ec441d9 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,3 +1,5 @@
+import { createApp, Component } from 'vue';
+
 export { addUnit, getSizeStyle } from './format/unit';
 export { createNamespace } from './create';
 
@@ -40,3 +42,18 @@ export function pick(obj: Record<string, any>, keys: string[]) {
     return ret;
   }, {} as Record<string, any>);
 }
+
+export function mountComponent(RootComponent: Component) {
+  const app = createApp(RootComponent);
+  const root = document.createElement('div');
+
+  document.body.appendChild(root);
+
+  return {
+    instance: app.mount(root),
+    unmount() {
+      app.unmount(root);
+      document.body.removeChild(root);
+    },
+  };
+}

From 476e16ff2d22a5da3ab8b57a6c7789610b008e22 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 17:59:26 +0800
Subject: [PATCH 307/626] fix(Dialog): Dialog.close not work

---
 src/dialog/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dialog/index.js b/src/dialog/index.js
index f89c602ca..9f977797c 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -96,7 +96,7 @@ Dialog.confirm = (options) =>
 
 Dialog.close = () => {
   if (instance) {
-    instance.value = false;
+    instance.toggle(false);
   }
 };
 

From f0675d043a47f32848aa9cf7a68636dc78436c60 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 19:25:51 +0800
Subject: [PATCH 308/626] docs(ImagePreview): fix component call demo

---
 src/image-preview/README.md       | 2 +-
 src/image-preview/README.zh-CN.md | 2 +-
 src/image-preview/demo/index.vue  | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index c47cb85d4..b56b1da8b 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -82,7 +82,7 @@ setTimeout(() => {
 ### Component Call
 
 ```html
-<van-image-preview v-model="show" :images="images" @change="onChange">
+<van-image-preview v-model:show="show" :images="images" @change="onChange">
   <template v-slot:index>Page: {{ index }}</template>
 </van-image-preview>
 ```
diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md
index 0aedb9e6c..46f314f78 100644
--- a/src/image-preview/README.zh-CN.md
+++ b/src/image-preview/README.zh-CN.md
@@ -116,7 +116,7 @@ setTimeout(() => {
 如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `app.use` 注册组件。
 
 ```html
-<van-image-preview v-model="show" :images="images" @change="onChange">
+<van-image-preview v-model:show="show" :images="images" @change="onChange">
   <template v-slot:index>第{{ index }}页</template>
 </van-image-preview>
 ```
diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index 531fb8b65..82a8fd514 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -28,7 +28,11 @@
       <van-cell is-link @click="componentCall">
         {{ t('componentCall') }}
       </van-cell>
-      <van-image-preview v-model="show" :images="images" @change="onChange">
+      <van-image-preview
+        v-model:show="show"
+        :images="images"
+        @change="onChange"
+      >
         <template #index>{{ t('index', index) }}</template>
       </van-image-preview>
     </demo-block>

From 10355ed849f0e80382382793250938fbf8fb923a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 19:59:19 +0800
Subject: [PATCH 309/626] feat: add usePopupState

---
 src/dialog/index.js          | 35 +++++++++++-------------------
 src/image-preview/index.js   | 40 +++++++++++-----------------------
 src/notify/index.js          | 29 +++++++------------------
 src/toast/index.js           | 17 ++++++++-------
 src/utils/index.ts           | 17 ---------------
 src/utils/mount-component.ts | 42 ++++++++++++++++++++++++++++++++++++
 6 files changed, 84 insertions(+), 96 deletions(-)
 create mode 100644 src/utils/mount-component.ts

diff --git a/src/dialog/index.js b/src/dialog/index.js
index 9f977797c..59cb3dca8 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,38 +1,27 @@
 import { nextTick } from 'vue';
-import { inBrowser, mountComponent } from '../utils';
+import { inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanDialog from './Dialog';
 
 let instance;
 
 function initInstance() {
-  ({ instance } = mountComponent({
-    data() {
-      return {
-        dialogProps: {
-          show: false,
-        },
-      };
-    },
-    methods: {
-      toggle(show) {
-        this.dialogProps.show = show;
-      },
-      setProps(props) {
-        this.dialogProps = props;
-      },
-    },
-    render() {
-      return (
+  const Wrapper = {
+    setup() {
+      const { state, toggle } = usePopupState();
+      return () => (
         <VanDialog
           lazyRender={false}
           {...{
-            ...this.dialogProps,
-            'onUpdate:show': this.toggle,
+            ...state,
+            'onUpdate:show': toggle,
           }}
         />
       );
     },
-  }));
+  };
+
+  ({ instance } = mountComponent(Wrapper));
 }
 
 function Dialog(options) {
@@ -46,7 +35,7 @@ function Dialog(options) {
       initInstance();
     }
 
-    instance.setProps({
+    instance.setState({
       ...Dialog.currentOptions,
       ...options,
       callback: (action) => {
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index db17898e6..61e6a88ef 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,5 +1,6 @@
 import { nextTick } from 'vue';
-import { inBrowser, mountComponent } from '../utils';
+import { inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanImagePreview from './ImagePreview';
 
 let instance;
@@ -27,34 +28,19 @@ const defaultConfig = {
 
 function initInstance() {
   ({ instance } = mountComponent({
-    data() {
-      return {
-        props: {
-          show: false,
-        },
+    setup() {
+      const { state, toggle } = usePopupState();
+
+      const onClosed = () => {
+        state.images = [];
       };
-    },
-    methods: {
-      close() {
-        this.toggle(false);
-      },
-      toggle(show) {
-        this.props.show = show;
-      },
-      setProps(props) {
-        Object.assign(this.props, props);
-      },
-      onClosed() {
-        this.props.images = [];
-      },
-    },
-    render() {
-      return (
+
+      return () => (
         <VanImagePreview
           {...{
-            ...this.props,
-            onClosed: this.onClosed,
-            'onUpdate:show': this.toggle,
+            ...state,
+            onClosed,
+            'onUpdate:show': toggle,
           }}
         />
       );
@@ -74,7 +60,7 @@ const ImagePreview = (images, startPosition = 0) => {
 
   const options = Array.isArray(images) ? { images, startPosition } : images;
 
-  instance.setProps({
+  instance.setState({
     ...defaultConfig,
     ...options,
   });
diff --git a/src/notify/index.js b/src/notify/index.js
index 8a33a00ca..3cb333547 100644
--- a/src/notify/index.js
+++ b/src/notify/index.js
@@ -1,5 +1,6 @@
 import { nextTick } from 'vue';
-import { isObject, inBrowser, mountComponent } from '../utils';
+import { isObject, inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanNotify from './Notify';
 
 let timer;
@@ -11,27 +12,13 @@ function parseOptions(message) {
 
 function initInstance() {
   ({ instance } = mountComponent({
-    data() {
-      return {
-        notifyProps: {
-          show: false,
-        },
-      };
-    },
-    methods: {
-      toggle(show) {
-        this.notifyProps.show = show;
-      },
-      setProps(props) {
-        this.notifyProps = props;
-      },
-    },
-    render() {
-      return (
+    setup() {
+      const { state, toggle } = usePopupState();
+      return () => (
         <VanNotify
           {...{
-            ...this.notifyProps,
-            'onUpdate:show': this.toggle,
+            ...state,
+            'onUpdate:show': toggle,
           }}
         />
       );
@@ -53,7 +40,7 @@ function Notify(options) {
     ...parseOptions(options),
   };
 
-  instance.setProps(options);
+  instance.setState(options);
   clearTimeout(timer);
 
   if (options.duration && options.duration > 0) {
diff --git a/src/toast/index.js b/src/toast/index.js
index 6511a5b50..947285b69 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,5 +1,6 @@
 import { nextTick } from 'vue';
-import { isObject, inBrowser, mountComponent } from '../utils';
+import { isObject, inBrowser } from '../utils';
+import { mountComponent } from '../utils/mount-component';
 import VanToast from './Toast';
 
 const defaultOptions = {
@@ -57,14 +58,14 @@ function createInstance() {
         return {
           timer: null,
           message: null,
-          toastProps: {
+          state: {
             show: false,
           },
         };
       },
       watch: {
         message(val) {
-          this.toastProps.message = val;
+          this.state.message = val;
         },
       },
       methods: {
@@ -72,7 +73,7 @@ function createInstance() {
           this.toggle(false);
         },
         toggle(show, duration) {
-          this.toastProps.show = show;
+          this.state.show = show;
 
           if (show) {
             clearTimeout(this.timer);
@@ -84,8 +85,8 @@ function createInstance() {
             }
           }
         },
-        setProps(props) {
-          this.toastProps = {
+        setState(props) {
+          this.state = {
             ...props,
             duration: undefined,
           };
@@ -102,7 +103,7 @@ function createInstance() {
         return (
           <VanToast
             {...{
-              ...this.toastProps,
+              ...this.state,
               onClosed: this.onClosed,
               'onUpdate:show': this.toggle,
             }}
@@ -132,7 +133,7 @@ function Toast(options = {}) {
     ...options,
   };
 
-  toast.setProps(options);
+  toast.setState(options);
 
   nextTick(() => {
     toast.toggle(true, options.duration);
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 06ec441d9..e461e855a 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,3 @@
-import { createApp, Component } from 'vue';
-
 export { addUnit, getSizeStyle } from './format/unit';
 export { createNamespace } from './create';
 
@@ -42,18 +40,3 @@ export function pick(obj: Record<string, any>, keys: string[]) {
     return ret;
   }, {} as Record<string, any>);
 }
-
-export function mountComponent(RootComponent: Component) {
-  const app = createApp(RootComponent);
-  const root = document.createElement('div');
-
-  document.body.appendChild(root);
-
-  return {
-    instance: app.mount(root),
-    unmount() {
-      app.unmount(root);
-      document.body.removeChild(root);
-    },
-  };
-}
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
new file mode 100644
index 000000000..5c20326ab
--- /dev/null
+++ b/src/utils/mount-component.ts
@@ -0,0 +1,42 @@
+import { createApp, reactive, Component } from 'vue';
+import { usePublicApi } from '../composition/use-public-api';
+
+export function usePopupState() {
+  const state = reactive({
+    show: false,
+  });
+
+  const toggle = (show: boolean) => {
+    state.show = show;
+  };
+
+  const close = () => {
+    toggle(false);
+  };
+
+  const setState = (props: Record<string, any>) => {
+    Object.assign(state, props);
+  };
+
+  usePublicApi({ close, toggle, setState });
+
+  return {
+    state,
+    toggle,
+  };
+}
+
+export function mountComponent(RootComponent: Component) {
+  const app = createApp(RootComponent);
+  const root = document.createElement('div');
+
+  document.body.appendChild(root);
+
+  return {
+    instance: app.mount(root),
+    unmount() {
+      app.unmount(root);
+      document.body.removeChild(root);
+    },
+  };
+}

From c4921da290de1c35afa4ffe1ed259d738e2ba0c7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 31 Aug 2020 20:19:08 +0800
Subject: [PATCH 310/626] refactor(Toast): usePopupState

---
 src/toast/index.js | 142 ++++++++++++++++++++++-----------------------
 1 file changed, 68 insertions(+), 74 deletions(-)

diff --git a/src/toast/index.js b/src/toast/index.js
index 947285b69..6515b04ba 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,6 +1,6 @@
-import { nextTick } from 'vue';
+import { ref, watch, nextTick } from 'vue';
 import { isObject, inBrowser } from '../utils';
-import { mountComponent } from '../utils/mount-component';
+import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';
 
 const defaultOptions = {
@@ -27,7 +27,7 @@ const defaultOptions = {
 let defaultOptionsMap = {};
 
 let queue = [];
-let multiple = false;
+let allowMultiple = false;
 let currentOptions = {
   ...defaultOptions,
 };
@@ -36,82 +36,73 @@ function parseOptions(message) {
   if (isObject(message)) {
     return message;
   }
-
   return { message };
 }
 
-function isInDocument(element) {
-  return document.body.contains(element);
+function createInstance() {
+  const { instance, unmount } = mountComponent({
+    setup() {
+      const message = ref();
+      const { state, toggle } = usePopupState();
+
+      const clear = () => {
+        toggle(false);
+      };
+
+      let timer;
+      const show = (duration) => {
+        toggle(true);
+        clearTimeout(timer);
+        if (duration > 0) {
+          timer = setTimeout(clear, duration);
+        }
+      };
+
+      const onClosed = () => {
+        if (allowMultiple) {
+          clearTimeout(timer);
+          queue = queue.filter((item) => item !== instance);
+          unmount();
+        }
+      };
+
+      watch(message, (value) => {
+        state.message = value;
+      });
+
+      return {
+        show,
+        clear,
+        state,
+        toggle,
+        message,
+        onClosed,
+      };
+    },
+    render() {
+      return (
+        <VanToast
+          {...{
+            ...this.state,
+            onClosed: this.onClosed,
+            'onUpdate:show': this.toggle,
+          }}
+        />
+      );
+    },
+  });
+
+  return instance;
 }
 
-function createInstance() {
+function getInstance() {
   /* istanbul ignore if */
   if (!inBrowser) {
     return {};
   }
 
-  queue = queue.filter((item) => isInDocument(item.$el));
-
-  if (!queue.length || multiple) {
-    const { instance, unmount } = mountComponent({
-      data() {
-        return {
-          timer: null,
-          message: null,
-          state: {
-            show: false,
-          },
-        };
-      },
-      watch: {
-        message(val) {
-          this.state.message = val;
-        },
-      },
-      methods: {
-        clear() {
-          this.toggle(false);
-        },
-        toggle(show, duration) {
-          this.state.show = show;
-
-          if (show) {
-            clearTimeout(this.timer);
-
-            if (duration > 0) {
-              this.timer = setTimeout(() => {
-                this.clear();
-              }, duration);
-            }
-          }
-        },
-        setState(props) {
-          this.state = {
-            ...props,
-            duration: undefined,
-          };
-        },
-        onClosed() {
-          if (multiple && inBrowser) {
-            clearTimeout(this.timer);
-            queue = queue.filter((item) => item !== this);
-            unmount();
-          }
-        },
-      },
-      render() {
-        return (
-          <VanToast
-            {...{
-              ...this.state,
-              onClosed: this.onClosed,
-              'onUpdate:show': this.toggle,
-            }}
-          />
-        );
-      },
-    });
-
+  if (!queue.length || allowMultiple) {
+    const instance = createInstance();
     queue.push(instance);
   }
 
@@ -119,7 +110,7 @@ function createInstance() {
 }
 
 function Toast(options = {}) {
-  const toast = createInstance();
+  const toast = getInstance();
 
   // should add z-index if previous toast has not disappeared
   if (toast.value) {
@@ -133,10 +124,13 @@ function Toast(options = {}) {
     ...options,
   };
 
-  toast.setState(options);
+  toast.setState({
+    ...options,
+    duration: undefined,
+  });
 
   nextTick(() => {
-    toast.toggle(true, options.duration);
+    toast.show(options.duration);
   });
 
   return toast;
@@ -159,7 +153,7 @@ Toast.clear = (all) => {
         toast.clear();
       });
       queue = [];
-    } else if (!multiple) {
+    } else if (!allowMultiple) {
       queue[0].clear();
     } else {
       queue.shift().clear();
@@ -185,7 +179,7 @@ Toast.resetDefaultOptions = (type) => {
 };
 
 Toast.allowMultiple = (value = true) => {
-  multiple = value;
+  allowMultiple = value;
 };
 
 Toast.install = (app) => {

From 6e6cfe5c6577f87e107bf2beefc58a6328392bfa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 09:47:59 +0800
Subject: [PATCH 311/626] refactor: update usePopupState

---
 src/dialog/index.js          |  7 +------
 src/image-preview/index.js   |  7 +------
 src/notify/index.js          |  7 +------
 src/toast/Toast.js           | 19 +++++++++++++++++++
 src/toast/index.js           | 31 ++++---------------------------
 src/utils/mount-component.ts | 17 +++++++++++------
 6 files changed, 37 insertions(+), 51 deletions(-)

diff --git a/src/dialog/index.js b/src/dialog/index.js
index 59cb3dca8..b51d4f90e 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { inBrowser } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanDialog from './Dialog';
@@ -35,17 +34,13 @@ function Dialog(options) {
       initInstance();
     }
 
-    instance.setState({
+    instance.open({
       ...Dialog.currentOptions,
       ...options,
       callback: (action) => {
         (action === 'confirm' ? resolve : reject)(action);
       },
     });
-
-    nextTick(() => {
-      instance.toggle(true);
-    });
   });
 }
 
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index 61e6a88ef..b4e3fb9d8 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { inBrowser } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanImagePreview from './ImagePreview';
@@ -60,15 +59,11 @@ const ImagePreview = (images, startPosition = 0) => {
 
   const options = Array.isArray(images) ? { images, startPosition } : images;
 
-  instance.setState({
+  instance.open({
     ...defaultConfig,
     ...options,
   });
 
-  nextTick(() => {
-    instance.toggle(true);
-  });
-
   return instance;
 };
 
diff --git a/src/notify/index.js b/src/notify/index.js
index 3cb333547..2c5a80065 100644
--- a/src/notify/index.js
+++ b/src/notify/index.js
@@ -1,4 +1,3 @@
-import { nextTick } from 'vue';
 import { isObject, inBrowser } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanNotify from './Notify';
@@ -40,17 +39,13 @@ function Notify(options) {
     ...parseOptions(options),
   };
 
-  instance.setState(options);
+  instance.open(options);
   clearTimeout(timer);
 
   if (options.duration && options.duration > 0) {
     timer = setTimeout(Notify.clear, options.duration);
   }
 
-  nextTick(() => {
-    instance.toggle(true);
-  });
-
   return instance;
 }
 
diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 72f18edeb..5304d6bcf 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -16,6 +16,7 @@ export default createComponent({
     icon: String,
     show: Boolean,
     message: [Number, String],
+    duration: Number,
     className: null,
     iconPrefix: String,
     lockScroll: Boolean,
@@ -39,6 +40,7 @@ export default createComponent({
   emits: ['update:show'],
 
   setup(props, { emit }) {
+    let timer;
     let clickable;
 
     const toggleClickable = () => {
@@ -55,6 +57,10 @@ export default createComponent({
       }
     };
 
+    const clearTimer = () => {
+      clearTimeout(timer);
+    };
+
     const renderIcon = () => {
       const { icon, type, iconPrefix, loadingType } = props;
       const hasIcon = icon || type === 'success' || type === 'fail';
@@ -88,6 +94,18 @@ export default createComponent({
 
     watch([() => props.show, () => props.forbidClick], toggleClickable);
 
+    watch(
+      () => props.show,
+      (value) => {
+        clearTimer();
+        if (value && props.duration > 0) {
+          timer = setTimeout(() => {
+            emit('update:show', false);
+          }, props.duration);
+        }
+      }
+    );
+
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
 
@@ -100,6 +118,7 @@ export default createComponent({
         ]}
         transition={props.transition}
         onClick={onClick}
+        onClosed={clearTimer}
       >
         {renderIcon()}
         {renderMessage()}
diff --git a/src/toast/index.js b/src/toast/index.js
index 6515b04ba..7f4f4a9c3 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,4 +1,4 @@
-import { ref, watch, nextTick } from 'vue';
+import { ref, watch } from 'vue';
 import { isObject, inBrowser } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';
@@ -25,7 +25,6 @@ const defaultOptions = {
 
 // default options of specific type
 let defaultOptionsMap = {};
-
 let queue = [];
 let allowMultiple = false;
 let currentOptions = {
@@ -43,24 +42,14 @@ function createInstance() {
   const { instance, unmount } = mountComponent({
     setup() {
       const message = ref();
-      const { state, toggle } = usePopupState();
+      const { open, state, toggle } = usePopupState();
 
       const clear = () => {
         toggle(false);
       };
 
-      let timer;
-      const show = (duration) => {
-        toggle(true);
-        clearTimeout(timer);
-        if (duration > 0) {
-          timer = setTimeout(clear, duration);
-        }
-      };
-
       const onClosed = () => {
         if (allowMultiple) {
-          clearTimeout(timer);
           queue = queue.filter((item) => item !== instance);
           unmount();
         }
@@ -71,7 +60,7 @@ function createInstance() {
       });
 
       return {
-        show,
+        open,
         clear,
         state,
         toggle,
@@ -112,11 +101,6 @@ function getInstance() {
 function Toast(options = {}) {
   const toast = getInstance();
 
-  // should add z-index if previous toast has not disappeared
-  if (toast.value) {
-    toast.updateZIndex();
-  }
-
   options = parseOptions(options);
   options = {
     ...currentOptions,
@@ -124,14 +108,7 @@ function Toast(options = {}) {
     ...options,
   };
 
-  toast.setState({
-    ...options,
-    duration: undefined,
-  });
-
-  nextTick(() => {
-    toast.show(options.duration);
-  });
+  toast.open(options);
 
   return toast;
 }
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
index 5c20326ab..bdbf7c9be 100644
--- a/src/utils/mount-component.ts
+++ b/src/utils/mount-component.ts
@@ -1,4 +1,4 @@
-import { createApp, reactive, Component } from 'vue';
+import { createApp, reactive, Component, nextTick } from 'vue';
 import { usePublicApi } from '../composition/use-public-api';
 
 export function usePopupState() {
@@ -10,17 +10,22 @@ export function usePopupState() {
     state.show = show;
   };
 
+  const open = (props: Record<string, any>) => {
+    Object.assign(state, props);
+
+    nextTick(() => {
+      toggle(true);
+    });
+  };
+
   const close = () => {
     toggle(false);
   };
 
-  const setState = (props: Record<string, any>) => {
-    Object.assign(state, props);
-  };
-
-  usePublicApi({ close, toggle, setState });
+  usePublicApi({ open, close, toggle });
 
   return {
+    open,
     state,
     toggle,
   };

From 4ddf4e701803ad1ae517baada5289680e7350338 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 09:52:42 +0800
Subject: [PATCH 312/626] chore(Toast): improve clear method

---
 src/toast/index.js           | 8 ++------
 src/utils/mount-component.ts | 1 +
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/toast/index.js b/src/toast/index.js
index 7f4f4a9c3..8652e2082 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -42,11 +42,7 @@ function createInstance() {
   const { instance, unmount } = mountComponent({
     setup() {
       const message = ref();
-      const { open, state, toggle } = usePopupState();
-
-      const clear = () => {
-        toggle(false);
-      };
+      const { open, state, close, toggle } = usePopupState();
 
       const onClosed = () => {
         if (allowMultiple) {
@@ -61,8 +57,8 @@ function createInstance() {
 
       return {
         open,
-        clear,
         state,
+        clear: close,
         toggle,
         message,
         onClosed,
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
index bdbf7c9be..3ffb47ce6 100644
--- a/src/utils/mount-component.ts
+++ b/src/utils/mount-component.ts
@@ -26,6 +26,7 @@ export function usePopupState() {
 
   return {
     open,
+    close,
     state,
     toggle,
   };

From e2c082b204dccdb5124ac4450027abb55c2ebfbb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 15:54:09 +0800
Subject: [PATCH 313/626] types: fix plugin install #7056

---
 types/component.d.ts | 6 +++---
 types/index.d.ts     | 2 --
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/types/component.d.ts b/types/component.d.ts
index bec9d7e59..5800b7743 100644
--- a/types/component.d.ts
+++ b/types/component.d.ts
@@ -1,7 +1,7 @@
-import Vue from 'vue';
+import { App } from 'vue';
 
-export class VanComponent extends Vue {
+export class VanComponent {
   static name: string;
 
-  static install(vue: typeof Vue): void;
+  static install: (app: App) => any;
 }
diff --git a/types/index.d.ts b/types/index.d.ts
index d3b02188b..10d2e91bb 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -1,5 +1,4 @@
 /* eslint-disable max-classes-per-file */
-import Vue from 'vue';
 import { VanComponent } from './component';
 import { AddressEdit } from './address-edit';
 import { Area } from './area';
@@ -26,7 +25,6 @@ import { Toast } from './toast';
 import { Uploader } from './uploader';
 
 export const version: string;
-export function install(vue: typeof Vue): void;
 
 export class ActionSheet extends VanComponent {}
 export class AddressList extends VanComponent {}

From 0acbc6ec21588686b41f6387d2fdf642ae2c024e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 15:58:15 +0800
Subject: [PATCH 314/626] types: fix ComponentCustomProperties

---
 types/dialog.d.ts | 6 +++---
 types/notify.d.ts | 4 ++--
 types/toast.d.ts  | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/types/dialog.d.ts b/types/dialog.d.ts
index 7793f5102..9073da892 100644
--- a/types/dialog.d.ts
+++ b/types/dialog.d.ts
@@ -15,7 +15,7 @@ export type DialogOptions = {
   transition?: string;
   messageAlign?: string;
   overlayClass?: string;
-  overlayStyle?: object;
+  overlayStyle?: Record<string, any>;
   closeOnPopstate?: boolean;
   cancelButtonText?: string;
   cancelButtonColor?: string;
@@ -39,8 +39,8 @@ export interface Dialog {
   Component: typeof VanComponent;
 }
 
-declare module 'vue/types/vue' {
-  interface Vue {
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
     $dialog: Dialog;
   }
 }
diff --git a/types/notify.d.ts b/types/notify.d.ts
index 0bef54afb..6bd30b9ee 100644
--- a/types/notify.d.ts
+++ b/types/notify.d.ts
@@ -34,8 +34,8 @@ export interface Notify {
   Component: typeof VanComponent;
 }
 
-declare module 'vue/types/vue' {
-  interface Vue {
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
     $notify: Notify;
   }
 }
diff --git a/types/toast.d.ts b/types/toast.d.ts
index 6697cb7a4..013525234 100644
--- a/types/toast.d.ts
+++ b/types/toast.d.ts
@@ -50,8 +50,8 @@ export interface Toast {
   allowMultiple(allow: boolean): void;
 }
 
-declare module 'vue/types/vue' {
-  interface Vue {
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
     $toast: Toast;
   }
 }

From c3ad8bf5c43cd4236bc1e38881ca3088671f4f3e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 15:59:50 +0800
Subject: [PATCH 315/626] types: remove extends Vue

---
 types/jsx.d.ts    | 11 -----------
 types/notify.d.ts |  3 +--
 types/toast.d.ts  |  3 +--
 3 files changed, 2 insertions(+), 15 deletions(-)
 delete mode 100644 types/jsx.d.ts

diff --git a/types/jsx.d.ts b/types/jsx.d.ts
deleted file mode 100644
index 56efc1949..000000000
--- a/types/jsx.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import Vue, { VNode } from 'vue';
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any;
-    }
-  }
-}
diff --git a/types/notify.d.ts b/types/notify.d.ts
index 6bd30b9ee..4ed23ce3b 100644
--- a/types/notify.d.ts
+++ b/types/notify.d.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue';
 import { VanComponent } from './component';
 
 export type NotifyMessage = string | number;
@@ -16,7 +15,7 @@ export type NotifyOptions = {
   onClick?: ((event: Event) => void) | null;
 };
 
-export interface VanNotify extends Vue {
+export interface VanNotify {
   message: NotifyMessage;
   color: string;
   background: string;
diff --git a/types/toast.d.ts b/types/toast.d.ts
index 013525234..0034c7dd4 100644
--- a/types/toast.d.ts
+++ b/types/toast.d.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue';
 import { VanPopupMixin } from './mixins/popup';
 
 type ToastMessage = string | number;
@@ -26,7 +25,7 @@ export type ToastOptions = {
   getContainer?: string | (() => Element);
 };
 
-export interface VanToast extends Vue, VanPopupMixin {
+export interface VanToast extends VanPopupMixin {
   type: ToastType;
   position: ToastPosition;
   loadingType: ToastLoadingType;

From 54c4a0c3c8b651aa50b53414edab8f4e7fc5fe8b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 16:33:26 +0800
Subject: [PATCH 316/626] docs(Checkbox): fix toggle demo

---
 src/checkbox/README.md       | 29 +++++++++++++++++++----------
 src/checkbox/README.zh-CN.md | 25 +++++++++++++++++--------
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/src/checkbox/README.md b/src/checkbox/README.md
index 289f20d3d..28693a217 100644
--- a/src/checkbox/README.md
+++ b/src/checkbox/README.md
@@ -184,7 +184,7 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" ref="checkboxes" />
+        <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
       </template>
     </van-cell>
   </van-cell-group>
@@ -192,19 +192,28 @@ export default {
 ```
 
 ```js
+import { ref, onBeforeUpdate } from 'vue';
+
 export default {
-  data() {
+  setup() {
+    const result = ref([]);
+    const checkboxes = ref([]);
+    const toggle = (index) => {
+      checkboxes.value[index].toggle();
+    };
+
+    onBeforeUpdate(() => {
+      checkboxes.value = [];
+    });
+
     return {
-      list: ['a', 'b']
-      result: []
+      list: ['a', 'b'],
+      result,
+      toggle,
+      checkboxes,
     };
   },
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    }
-  }
-}
+};
 ```
 
 ## API
diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md
index 25b1919ab..856877f6d 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -204,7 +204,7 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" ref="checkboxes" />
+        <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
       </template>
     </van-cell>
   </van-cell-group>
@@ -212,18 +212,27 @@ export default {
 ```
 
 ```js
+import { ref, onBeforeUpdate } from 'vue';
+
 export default {
-  data() {
+  setup() {
+    const result = ref([]);
+    const checkboxes = ref([]);
+    const toggle = (index) => {
+      checkboxes.value[index].toggle();
+    };
+
+    onBeforeUpdate(() => {
+      checkboxes.value = [];
+    });
+
     return {
       list: ['a', 'b'],
-      result: [],
+      result,
+      toggle,
+      checkboxes,
     };
   },
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-  },
 };
 ```
 

From de125d78807569513d74499f49eb658ed207b6af Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 16:34:57 +0800
Subject: [PATCH 317/626] chore: release 3.0.0-alpha.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 17c1861d1..f84051e49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.3",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From dccacaaf1fb2de7935d39487a3fd8421d0437b0d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 16:44:09 +0800
Subject: [PATCH 318/626] docs(changelog): 3.0.0-alpha.3

---
 docs/markdown/changelog-v3.zh-CN.md | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 2d0230115..8d2a4d27f 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,25 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-alpha.3](https://github.com/youzan/vant/compare/v3.0.0-alpha.2...v3.0.0-alpha.3)
+
+`2020-09-01`
+
+**Feature**
+
+- ActionSheet: 新增 description 插槽 [#7068](https://github.com/youzan/vant/issues/7068)
+- Toast: 使用 composition api 重构 [44aaa4](https://github.com/youzan/vant/commit/44aaa471879ac79b7baee0e07c92d7a71ff7f530)
+
+**Types**
+
+- 修复使用 app.use 注册组件时提示类型错误的问题 [#7056](https://github.com/youzan/vant/issues/7056)
+- 修复 $toast、$dialog 类型不存在的问题 [0acbc6](https://github.com/youzan/vant/commit/0acbc6ec21588686b41f6387d2fdf642ae2c024e)
+
+**Bug Fixes**
+
+- Dialog: 修复 Dialog.close 不生效的问题 [476e16](https://github.com/youzan/vant/commit/476e16ff2d22a5da3ab8b57a6c7789610b008e22)
+- Toast: 修复设置 toast.message 不生效的问题 [dac7fe](https://github.com/youzan/vant/commit/dac7feb919cfc4c3c1b8dc544431eb5547414604)
+
 ### [v3.0.0-alpha.2](https://github.com/youzan/vant/compare/v3.0.0-alpha.1...v3.0.0-alpha.2)
 
 `2020-08-28`

From 64c650d0ba9d92ae35d7beb383b5494106e10d86 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 1 Sep 2020 16:58:57 +0800
Subject: [PATCH 319/626] docs: update cdn guide

---
 docs/markdown/quickstart.en-US.md | 11 ++++++-----
 docs/markdown/quickstart.zh-CN.md | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index 4b79e1298..69088da1e 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -102,19 +102,20 @@ The easiest way to use Vant is to include a CDN link in the html file, after whi
 <!-- import style -->
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css"
+  href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"
 />
 
 <!-- import script -->
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/vant@2.9/lib/vant.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/vant@next/lib/vant.min.js"></script>
 
 <script>
   // Render the Button component
-  new Vue({
-    el: '#app',
+  const app = Vue.createApp({
     template: `<van-button>Button</van-button>`,
   });
+  app.use(vant);
+  app.mount('#app');
 
   // Call function component
   vant.Toast('Message');
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 443522f10..80eed4887 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -119,19 +119,20 @@ app.use(Vant);
 <!-- 引入样式文件 -->
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/vant@2.9/lib/index.css"
+  href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"
 />
 
 <!-- 引入 Vue 和 Vant 的 JS 文件 -->
-<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/vant@2.9/lib/vant.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/vant@next/lib/vant.min.js"></script>
 
 <script>
   // 在 #app 标签下渲染一个按钮组件
-  new Vue({
-    el: '#app',
+  const app = Vue.createApp({
     template: `<van-button>按钮</van-button>`,
   });
+  app.use(vant);
+  app.mount('#app');
 
   // 调用函数组件，弹出一个 Toast
   vant.Toast('提示');

From 4b6da2aab6acae95977579094bc5707345f3d3e9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 15:28:51 +0800
Subject: [PATCH 320/626] fix(Tag): color not work

---
 src/tag/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/tag/index.js b/src/tag/index.js
index b941ca5c0..b3965909b 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -38,6 +38,8 @@ export default createComponent({
       if (props.textColor) {
         style.color = props.textColor;
       }
+
+      return style;
     });
 
     return () => {

From 8e073fc55cc991cc7f39ca702980a63f9c72a317 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 15:39:58 +0800
Subject: [PATCH 321/626] perf(Empty): avoid network icon re-render

---
 src/empty/Network.js | 231 ++++++++++++++++++++-----------------------
 src/empty/index.js   |   4 +-
 2 files changed, 109 insertions(+), 126 deletions(-)

diff --git a/src/empty/Network.js b/src/empty/Network.js
index 5fd851910..a4a3bc0db 100644
--- a/src/empty/Network.js
+++ b/src/empty/Network.js
@@ -1,125 +1,108 @@
-export default {
-  render() {
-    const genStop = (color, offset, opacity) => (
-      <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
-    );
+const renderStop = (color, offset, opacity) => (
+  <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
+);
 
-    return (
-      <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
-        <defs>
-          <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
-            {genStop('#FFF', 0, 0.5)}
-            {genStop('#F2F3F5', 100)}
-          </linearGradient>
-          <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
-            {genStop('#F2F3F5', 0, 0.3)}
-            {genStop('#F2F3F5', 100)}
-          </linearGradient>
-          <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
-            {genStop('#EBEDF0', 0)}
-            {genStop('#DCDEE0', 100, 0)}
-          </linearGradient>
-          <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <linearGradient
-            id="n"
-            x1="94.535%"
-            y1="43.837%"
-            x2="5.465%"
-            y2="54.948%"
-          >
-            {genStop('#EAEDF0', 0)}
-            {genStop('#DCDEE0', 100)}
-          </linearGradient>
-          <radialGradient
-            id="g"
-            cx="50%"
-            cy="0%"
-            fx="50%"
-            fy="0%"
-            r="100%"
-            gradientTransform="matrix(0 1 -.54835 0 .5 -.5)"
-          >
-            {genStop('#EBEDF0', 0)}
-            {genStop('#FFF', 100, 0)}
-          </radialGradient>
-        </defs>
-        <g fill="none" fill-rule="evenodd">
-          <g opacity=".8">
-            <path
-              d="M0 124V46h20v20h14v58H0z"
-              fill="url(#c)"
-              transform="matrix(-1 0 0 1 36 7)"
-            />
-            <path
-              d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
-              fill="url(#d)"
-              transform="translate(2 7)"
-            />
-            <path
-              d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
-              fill="url(#d)"
-              transform="translate(2 7)"
-            />
-            <path
-              d="M121 8h22.231v14H152v77.37h-31V8z"
-              fill="url(#c)"
-              transform="translate(2 7)"
-            />
-          </g>
-          <path fill="url(#g)" d="M0 139h160v21H0z" />
-          <path
-            d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
-            fill="url(#h)"
-            fill-rule="nonzero"
-            transform="translate(43 36)"
-          />
-          <g opacity=".6" stroke-linecap="round" stroke-width="7">
-            <path
-              d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
-              stroke="url(#i)"
-              transform="translate(43 36)"
-            />
-            <path
-              d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
-              stroke="url(#i)"
-              transform="translate(43 36)"
-            />
-            <path
-              d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
-              stroke="url(#k)"
-              transform="rotate(-180 76.483 42.257)"
-            />
-            <path
-              d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
-              stroke="url(#k)"
-              transform="rotate(-180 89.791 42.146)"
-            />
-          </g>
-          <g transform="translate(31 105)" fill-rule="nonzero">
-            <rect fill="url(#m)" width="98" height="34" rx="2" />
-            <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" />
-            <rect
-              fill="url(#n)"
-              x="15"
-              y="12"
-              width="18"
-              height="6"
-              rx="1.114"
-            />
-          </g>
-        </g>
-      </svg>
-    );
-  },
-};
+export const Network = (
+  <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
+        {renderStop('#FFF', 0, 0.5)}
+        {renderStop('#F2F3F5', 100)}
+      </linearGradient>
+      <linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
+        {renderStop('#F2F3F5', 0, 0.3)}
+        {renderStop('#F2F3F5', 100)}
+      </linearGradient>
+      <linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
+        {renderStop('#EBEDF0', 0)}
+        {renderStop('#DCDEE0', 100, 0)}
+      </linearGradient>
+      <linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
+        {renderStop('#EAEDF0', 0)}
+        {renderStop('#DCDEE0', 100)}
+      </linearGradient>
+      <linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
+        {renderStop('#EAEDF0', 0)}
+        {renderStop('#DCDEE0', 100)}
+      </linearGradient>
+      <linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
+        {renderStop('#EAEDF0', 0)}
+        {renderStop('#DCDEE0', 100)}
+      </linearGradient>
+      <linearGradient id="n" x1="94.535%" y1="43.837%" x2="5.465%" y2="54.948%">
+        {renderStop('#EAEDF0', 0)}
+        {renderStop('#DCDEE0', 100)}
+      </linearGradient>
+      <radialGradient
+        id="g"
+        cx="50%"
+        cy="0%"
+        fx="50%"
+        fy="0%"
+        r="100%"
+        gradientTransform="matrix(0 1 -.54835 0 .5 -.5)"
+      >
+        {renderStop('#EBEDF0', 0)}
+        {renderStop('#FFF', 100, 0)}
+      </radialGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+      <g opacity=".8">
+        <path
+          d="M0 124V46h20v20h14v58H0z"
+          fill="url(#c)"
+          transform="matrix(-1 0 0 1 36 7)"
+        />
+        <path
+          d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
+          fill="url(#d)"
+          transform="translate(2 7)"
+        />
+        <path
+          d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
+          fill="url(#d)"
+          transform="translate(2 7)"
+        />
+        <path
+          d="M121 8h22.231v14H152v77.37h-31V8z"
+          fill="url(#c)"
+          transform="translate(2 7)"
+        />
+      </g>
+      <path fill="url(#g)" d="M0 139h160v21H0z" />
+      <path
+        d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
+        fill="url(#h)"
+        fill-rule="nonzero"
+        transform="translate(43 36)"
+      />
+      <g opacity=".6" stroke-linecap="round" stroke-width="7">
+        <path
+          d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
+          stroke="url(#i)"
+          transform="translate(43 36)"
+        />
+        <path
+          d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
+          stroke="url(#i)"
+          transform="translate(43 36)"
+        />
+        <path
+          d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
+          stroke="url(#k)"
+          transform="rotate(-180 76.483 42.257)"
+        />
+        <path
+          d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
+          stroke="url(#k)"
+          transform="rotate(-180 89.791 42.146)"
+        />
+      </g>
+      <g transform="translate(31 105)" fill-rule="nonzero">
+        <rect fill="url(#m)" width="98" height="34" rx="2" />
+        <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" />
+        <rect fill="url(#n)" x="15" y="12" width="18" height="6" rx="1.114" />
+      </g>
+    </g>
+  </svg>
+);
diff --git a/src/empty/index.js b/src/empty/index.js
index e99e1bd78..1e186a789 100644
--- a/src/empty/index.js
+++ b/src/empty/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import Network from './Network';
+import { Network } from './Network';
 
 const [createComponent, bem] = createNamespace('empty');
 
@@ -23,7 +23,7 @@ export default createComponent({
       let { image } = props;
 
       if (image === 'network') {
-        return <Network />;
+        return Network;
       }
 
       if (PRESET_IMAGES.indexOf(image) !== -1) {

From 1d7138cde7fbca836e1637fba28499d09bf0f42d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 15:43:16 +0800
Subject: [PATCH 322/626] perf(NumberKeyboard): improve icon re-render

---
 src/number-keyboard/CollapseIcon.tsx | 12 ------------
 src/number-keyboard/DeleteIcon.tsx   | 12 ------------
 src/number-keyboard/Icon.js          | 17 +++++++++++++++++
 src/number-keyboard/Key.js           |  3 +--
 4 files changed, 18 insertions(+), 26 deletions(-)
 delete mode 100644 src/number-keyboard/CollapseIcon.tsx
 delete mode 100644 src/number-keyboard/DeleteIcon.tsx
 create mode 100644 src/number-keyboard/Icon.js

diff --git a/src/number-keyboard/CollapseIcon.tsx b/src/number-keyboard/CollapseIcon.tsx
deleted file mode 100644
index aad833d9c..000000000
--- a/src/number-keyboard/CollapseIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
-  render() {
-    return (
-      <svg viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
-          fill="currentColor"
-        />
-      </svg>
-    );
-  },
-};
diff --git a/src/number-keyboard/DeleteIcon.tsx b/src/number-keyboard/DeleteIcon.tsx
deleted file mode 100644
index 16427f490..000000000
--- a/src/number-keyboard/DeleteIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-export default {
-  render() {
-    return (
-      <svg viewBox="0 0 32 22" xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
-          fill="currentColor"
-        />
-      </svg>
-    );
-  },
-};
diff --git a/src/number-keyboard/Icon.js b/src/number-keyboard/Icon.js
new file mode 100644
index 000000000..5b47616f3
--- /dev/null
+++ b/src/number-keyboard/Icon.js
@@ -0,0 +1,17 @@
+export const CollapseIcon = (
+  <svg viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export const DeleteIcon = (
+  <svg viewBox="0 0 32 22" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
+      fill="currentColor"
+    />
+  </svg>
+);
diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 657e4e42c..34c424254 100644
--- a/src/number-keyboard/Key.js
+++ b/src/number-keyboard/Key.js
@@ -1,8 +1,7 @@
 import { createNamespace } from '../utils';
 import { TouchMixin } from '../mixins/touch';
+import { DeleteIcon, CollapseIcon } from './Icon';
 import Loading from '../loading';
-import DeleteIcon from './DeleteIcon';
-import CollapseIcon from './CollapseIcon';
 
 const [createComponent, bem] = createNamespace('key');
 

From 1cd918395805f57a60f2cce1f5174b480cfd70f2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 16:17:06 +0800
Subject: [PATCH 323/626] refactor(Pagination): refactor with composition api

---
 src/pagination/index.js | 156 +++++++++++++++++++++-------------------
 1 file changed, 82 insertions(+), 74 deletions(-)

diff --git a/src/pagination/index.js b/src/pagination/index.js
index 8eddb1dcf..b8f13ce39 100644
--- a/src/pagination/index.js
+++ b/src/pagination/index.js
@@ -1,5 +1,6 @@
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
+import { computed, watch } from 'vue';
 
 const [createComponent, bem, t] = createNamespace('pagination');
 
@@ -40,19 +41,20 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  computed: {
-    count() {
-      const count =
-        this.pageCount || Math.ceil(this.totalItems / this.itemsPerPage);
+  setup(props, { emit, slots }) {
+    const count = computed(() => {
+      const { pageCount, totalItems, itemsPerPage } = props;
+      const count = pageCount || Math.ceil(totalItems / itemsPerPage);
       return Math.max(1, count);
-    },
+    });
 
-    pages() {
+    const pages = computed(() => {
       const pages = [];
-      const pageCount = this.count;
-      const showPageSize = +this.showPageSize;
+      const pageCount = count.value;
+      const showPageSize = +props.showPageSize;
+      const { modelValue, forceEllipses } = props;
 
-      if (this.mode !== 'multi') {
+      if (props.mode !== 'multi') {
         return pages;
       }
 
@@ -64,7 +66,7 @@ export default createComponent({
       // recompute if showPageSize
       if (isMaxSized) {
         // Current page is displayed in the middle of the visible ones
-        startPage = Math.max(this.modelValue - Math.floor(showPageSize / 2), 1);
+        startPage = Math.max(modelValue - Math.floor(showPageSize / 2), 1);
         endPage = startPage + showPageSize - 1;
 
         // Adjust if limit is exceeded
@@ -76,91 +78,97 @@ export default createComponent({
 
       // Add page number links
       for (let number = startPage; number <= endPage; number++) {
-        const page = makePage(number, number, number === this.modelValue);
+        const page = makePage(number, number, number === modelValue);
         pages.push(page);
       }
 
       // Add links to move between page sets
-      if (isMaxSized && showPageSize > 0 && this.forceEllipses) {
+      if (isMaxSized && showPageSize > 0 && forceEllipses) {
         if (startPage > 1) {
-          const previousPageSet = makePage(startPage - 1, '...', false);
-          pages.unshift(previousPageSet);
+          const prevPages = makePage(startPage - 1, '...');
+          pages.unshift(prevPages);
         }
 
         if (endPage < pageCount) {
-          const nextPageSet = makePage(endPage + 1, '...', false);
-          pages.push(nextPageSet);
+          const nextPages = makePage(endPage + 1, '...');
+          pages.push(nextPages);
         }
       }
 
       return pages;
-    },
-  },
+    });
 
-  watch: {
-    modelValue: {
-      handler(page) {
-        this.select(page);
-      },
-      immediate: true,
-    },
-  },
+    const select = (page, emitChange) => {
+      page = Math.min(count.value, Math.max(1, page));
 
-  methods: {
-    select(page, emitChange) {
-      page = Math.min(this.count, Math.max(1, page));
-      if (this.modelValue !== page) {
-        this.$emit('update:modelValue', page);
+      if (props.modelValue !== page) {
+        emit('update:modelValue', page);
 
         if (emitChange) {
-          this.$emit('change', page);
+          emit('change', page);
         }
       }
-    },
-  },
-
-  render() {
-    const value = this.modelValue;
-    const simple = this.mode !== 'multi';
-
-    const onSelect = (value) => () => {
-      this.select(value, true);
     };
 
-    return (
-      <ul class={bem({ simple })}>
-        <li
-          class={[bem('item', { disabled: value === 1 }), bem('prev'), BORDER]}
-          onClick={onSelect(value - 1)}
-        >
-          {this.prevText || t('prev')}
-        </li>
-        {this.pages.map((page) => (
-          <li
-            class={[bem('item', { active: page.active }), bem('page'), BORDER]}
-            onClick={onSelect(page.number)}
-          >
-            {page.text}
-          </li>
-        ))}
-        {simple && (
+    watch(() => props.modelValue, select, { immediate: true });
+
+    const renderDesc = () => {
+      if (props.mode !== 'multi') {
+        return (
           <li class={bem('page-desc')}>
-            {this.$slots.pageDesc
-              ? this.$slots.pageDesc()
-              : `${value}/${this.count}`}
+            {slots.pageDesc
+              ? slots.pageDesc()
+              : `${props.modelValue}/${count.value}`}
           </li>
-        )}
-        <li
-          class={[
-            bem('item', { disabled: value === this.count }),
-            bem('next'),
-            BORDER,
-          ]}
-          onClick={onSelect(value + 1)}
-        >
-          {this.nextText || t('next')}
-        </li>
-      </ul>
-    );
+        );
+      }
+    };
+
+    return () => {
+      const value = props.modelValue;
+      const simple = props.mode !== 'multi';
+
+      const onSelect = (value) => () => {
+        select(value, true);
+      };
+
+      return (
+        <ul class={bem({ simple })}>
+          <li
+            class={[
+              bem('item', { disabled: value === 1 }),
+              bem('prev'),
+              BORDER,
+            ]}
+            onClick={onSelect(value - 1)}
+          >
+            {props.prevText || t('prev')}
+          </li>
+          {pages.value.map((page) => (
+            <li
+              class={[
+                bem('item', { active: page.active }),
+                bem('page'),
+                BORDER,
+              ]}
+              onClick={onSelect(page.number)}
+            >
+              {page.text}
+            </li>
+          ))}
+          {renderDesc()}
+          <li
+            class={[
+              bem('item', { disabled: value === count.value }),
+              bem('next'),
+              BORDER,
+            ]}
+            onClick={onSelect(value + 1)}
+          >
+            {props.nextText || t('next')}
+          </li>
+        </ul>
+      );
+    };
   },
 });

From a4b175d2c6684ea198ec40cb126b1994af1e5433 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 21:09:57 +0800
Subject: [PATCH 324/626] docs: update site style

---
 packages/vant-cli/site/common/style/var.less          |  6 +++---
 packages/vant-cli/site/desktop/components/Content.vue |  2 +-
 packages/vant-cli/site/desktop/components/Nav.vue     | 11 ++++++-----
 .../vant-cli/site/desktop/components/SearchInput.vue  |  4 ++--
 .../vant-cli/site/desktop/components/Simulator.vue    |  2 +-
 5 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/packages/vant-cli/site/common/style/var.less b/packages/vant-cli/site/common/style/var.less
index ac642ce4c..666ad324f 100644
--- a/packages/vant-cli/site/common/style/var.less
+++ b/packages/vant-cli/site/common/style/var.less
@@ -13,13 +13,13 @@
 @van-doc-code-color: #58727e;
 @van-doc-code-background-color: #f1f4f8;
 @van-doc-code-font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
-@van-doc-padding: 30px;
+@van-doc-padding: 24px;
 @van-doc-row-max-width: 1680px;
 @van-doc-nav-width: 220px;
-@van-doc-border-radius: 12px;
+@van-doc-border-radius: 20px;
 
 // header
-@van-doc-header-top-height: 60px;
+@van-doc-header-top-height: 64px;
 @van-doc-header-bottom-height: 50px;
 
 // simulator
diff --git a/packages/vant-cli/site/desktop/components/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue
index 4b8ef484f..e962f81e6 100644
--- a/packages/vant-cli/site/desktop/components/Content.vue
+++ b/packages/vant-cli/site/desktop/components/Content.vue
@@ -203,7 +203,7 @@ export default {
   }
 
   section {
-    padding: 30px;
+    padding: 24px;
     overflow: hidden;
   }
 
diff --git a/packages/vant-cli/site/desktop/components/Nav.vue b/packages/vant-cli/site/desktop/components/Nav.vue
index 1e3039e6d..f54bd4809 100644
--- a/packages/vant-cli/site/desktop/components/Nav.vue
+++ b/packages/vant-cli/site/desktop/components/Nav.vue
@@ -38,7 +38,7 @@ export default {
 
   data() {
     return {
-      top: 60,
+      top: 64,
       bottom: 0,
     };
   },
@@ -64,7 +64,7 @@ export default {
   methods: {
     onScroll() {
       const { pageYOffset: offset } = window;
-      this.top = Math.max(0, 60 - offset);
+      this.top = Math.max(0, 64 - offset);
     },
   },
 };
@@ -75,13 +75,11 @@ export default {
 
 .van-doc-nav {
   position: fixed;
-  top: 60px;
-  bottom: 0;
   left: 0;
   z-index: 1;
   min-width: @van-doc-nav-width;
   max-width: @van-doc-nav-width;
-  padding: 24px 0 72px;
+  padding: @van-doc-padding 0;
   overflow-y: scroll;
   background-color: #fff;
   box-shadow: 0 8px 12px #ebedf0;
@@ -108,6 +106,7 @@ export default {
 
   &__group {
     margin-bottom: 16px;
+    padding-left: 6px;
   }
 
   &__title {
@@ -134,6 +133,8 @@ export default {
       }
 
       &.active {
+        background-color: fade(@van-doc-green, 8);
+        border-radius: 8px;
         -webkit-font-smoothing: auto;
       }
 
diff --git a/packages/vant-cli/site/desktop/components/SearchInput.vue b/packages/vant-cli/site/desktop/components/SearchInput.vue
index 103f74adc..a0107e90e 100644
--- a/packages/vant-cli/site/desktop/components/SearchInput.vue
+++ b/packages/vant-cli/site/desktop/components/SearchInput.vue
@@ -43,8 +43,8 @@ export default {
 @import '../../common/style/var';
 
 .van-doc-search {
-  width: 200px;
-  height: 60px;
+  width: 400px;
+  height: @van-doc-header-top-height;
   margin-left: 140px;
   color: #fff;
   font-size: 14px;
diff --git a/packages/vant-cli/site/desktop/components/Simulator.vue b/packages/vant-cli/site/desktop/components/Simulator.vue
index 5c0f0b9fc..8eac8bb06 100644
--- a/packages/vant-cli/site/desktop/components/Simulator.vue
+++ b/packages/vant-cli/site/desktop/components/Simulator.vue
@@ -57,7 +57,7 @@ export default {
   overflow: hidden;
   background: #fafafa;
   border-radius: @van-doc-border-radius;
-  box-shadow: #ebedf0 0 4px 12px;
+  box-shadow: 0 8px 12px #ebedf0;
 
   @media (max-width: 1100px) {
     right: auto;

From e340af1dca495512acf0071cb728d345114814e9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 2 Sep 2020 21:11:12 +0800
Subject: [PATCH 325/626] docs: update nav active style

---
 packages/vant-cli/site/desktop/components/Nav.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/vant-cli/site/desktop/components/Nav.vue b/packages/vant-cli/site/desktop/components/Nav.vue
index f54bd4809..69bb56b33 100644
--- a/packages/vant-cli/site/desktop/components/Nav.vue
+++ b/packages/vant-cli/site/desktop/components/Nav.vue
@@ -135,7 +135,6 @@ export default {
       &.active {
         background-color: fade(@van-doc-green, 8);
         border-radius: 8px;
-        -webkit-font-smoothing: auto;
       }
 
       span {

From ec5a759f684531e7c5ab751d1d746d0e65d26279 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 3 Sep 2020 20:47:19 +0800
Subject: [PATCH 326/626] refactor(Coupon): refactor with composition api

---
 src/coupon/index.js | 77 +++++++++++++++++++++++----------------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/src/coupon/index.js b/src/coupon/index.js
index d57e5ecca..b2dcd50c9 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -1,3 +1,4 @@
+import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { RED } from '../utils/constant';
 import { padZero } from '../utils/format/string';
@@ -33,14 +34,14 @@ export default createComponent({
     },
   },
 
-  computed: {
-    validPeriod() {
-      const { startAt, endAt } = this.coupon;
+  setup(props) {
+    const validPeriod = computed(() => {
+      const { startAt, endAt } = props.coupon;
       return `${getDate(startAt)} - ${getDate(endAt)}`;
-    },
+    });
 
-    faceAmount() {
-      const { coupon } = this;
+    const faceAmount = computed(() => {
+      const { coupon, currency } = props;
 
       if (coupon.valueDesc) {
         return [coupon.valueDesc, <span>{coupon.unitDesc || ''}</span>];
@@ -48,7 +49,7 @@ export default createComponent({
 
       if (coupon.denominations) {
         const denominations = formatAmount(coupon.denominations);
-        return [<span>{this.currency}</span>, ` ${denominations}`];
+        return [<span>{currency}</span>, ` ${denominations}`];
       }
 
       if (coupon.discount) {
@@ -56,42 +57,42 @@ export default createComponent({
       }
 
       return '';
-    },
+    });
 
-    conditionMessage() {
-      const condition = formatAmount(this.coupon.originCondition);
+    const conditionMessage = computed(() => {
+      const condition = formatAmount(props.coupon.originCondition);
       return condition === '0' ? t('unlimited') : t('condition', condition);
-    },
-  },
+    });
 
-  render() {
-    const { coupon, disabled } = this;
-    const description = (disabled && coupon.reason) || coupon.description;
+    return () => {
+      const { chosen, coupon, disabled } = props;
+      const description = (disabled && coupon.reason) || coupon.description;
 
-    return (
-      <div class={bem({ disabled })}>
-        <div class={bem('content')}>
-          <div class={bem('head')}>
-            <h2 class={bem('amount')}>{this.faceAmount}</h2>
-            <p class={bem('condition')}>
-              {this.coupon.condition || this.conditionMessage}
-            </p>
-          </div>
-          <div class={bem('body')}>
-            <p class={bem('name')}>{coupon.name}</p>
-            <p class={bem('valid')}>{this.validPeriod}</p>
-            {!this.disabled && (
-              <Checkbox
-                size={18}
-                class={bem('corner')}
-                modelValue={this.chosen}
-                checkedColor={RED}
-              />
-            )}
+      return (
+        <div class={bem({ disabled })}>
+          <div class={bem('content')}>
+            <div class={bem('head')}>
+              <h2 class={bem('amount')}>{faceAmount.value}</h2>
+              <p class={bem('condition')}>
+                {coupon.condition || conditionMessage.value}
+              </p>
+            </div>
+            <div class={bem('body')}>
+              <p class={bem('name')}>{coupon.name}</p>
+              <p class={bem('valid')}>{validPeriod.value}</p>
+              {!disabled && (
+                <Checkbox
+                  size={18}
+                  class={bem('corner')}
+                  modelValue={chosen}
+                  checkedColor={RED}
+                />
+              )}
+            </div>
           </div>
+          {description && <p class={bem('description')}>{description}</p>}
         </div>
-        {description && <p class={bem('description')}>{description}</p>}
-      </div>
-    );
+      );
+    };
   },
 });

From f735b24a4b71176ce5c214af69b7afc99deab85f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 3 Sep 2020 20:56:56 +0800
Subject: [PATCH 327/626] refactor(NumberKeyboard): refactor Key with
 composition api

---
 src/number-keyboard/Key.js | 101 +++++++++++++++++--------------------
 1 file changed, 45 insertions(+), 56 deletions(-)

diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 34c424254..9f2b7b709 100644
--- a/src/number-keyboard/Key.js
+++ b/src/number-keyboard/Key.js
@@ -1,13 +1,12 @@
+import { ref } from 'vue';
 import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-import { DeleteIcon, CollapseIcon } from './Icon';
+import { useTouch } from '../composition/use-touch';
 import Loading from '../loading';
+import { DeleteIcon, CollapseIcon } from './Icon';
 
 const [createComponent, bem] = createNamespace('key');
 
 export default createComponent({
-  mixins: [TouchMixin],
-
   props: {
     type: String,
     text: [Number, String],
@@ -19,79 +18,69 @@ export default createComponent({
 
   emits: ['press'],
 
-  data() {
-    return {
-      active: false,
+  setup(props, { emit, slots }) {
+    const active = ref(false);
+    const touch = useTouch();
+
+    const onTouchStart = (event) => {
+      touch.start(event);
+      active.value = true;
     };
-  },
 
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-
-  methods: {
-    onTouchStart(event) {
-      // compatible with Vue 2.6 event bubble bug
-      event.stopPropagation();
-
-      this.touchStart(event);
-      this.active = true;
-    },
-
-    onTouchMove(event) {
-      this.touchMove(event);
-
-      if (this.direction) {
-        this.active = false;
+    const onTouchMove = (event) => {
+      touch.move(event);
+      if (touch.direction) {
+        active.value = false;
       }
-    },
+    };
 
-    onTouchEnd(event) {
-      if (this.active) {
+    const onTouchEnd = (event) => {
+      if (active.value) {
         // eliminate tap delay on safari
         event.preventDefault();
-        this.active = false;
-        this.$emit('press', this.text, this.type);
+        active.value = false;
+        emit('press', props.text, props.type);
       }
-    },
+    };
 
-    genContent() {
-      const isExtra = this.type === 'extra';
-      const isDelete = this.type === 'delete';
-      const text = this.$slots.default ? this.$slots.default() : this.text;
-
-      if (this.loading) {
+    const renderContent = () => {
+      if (props.loading) {
         return <Loading class={bem('loading-icon')} />;
       }
 
-      if (isDelete) {
-        return text || <DeleteIcon class={bem('delete-icon')} />;
+      const text = slots.default ? slots.default() : props.text;
+
+      switch (props.type) {
+        case 'delete':
+          return text || <DeleteIcon class={bem('delete-icon')} />;
+        case 'extra':
+          return text || <CollapseIcon class={bem('collapse-icon')} />;
+        default:
+          return text;
       }
+    };
 
-      if (isExtra) {
-        return text || <CollapseIcon class={bem('collapse-icon')} />;
-      }
-
-      return text;
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem('wrapper', { wider: this.wider })}>
+    return () => (
+      <div
+        class={bem('wrapper', { wider: props.wider })}
+        onTouchstart={onTouchStart}
+        onTouchmove={onTouchMove}
+        onTouchend={onTouchEnd}
+        onTouchcancel={onTouchEnd}
+      >
         <div
           role="button"
           tabindex="0"
           class={bem([
-            this.color,
+            props.color,
             {
-              large: this.large,
-              active: this.active,
-              delete: this.type === 'delete',
+              large: props.large,
+              active: active.value,
+              delete: props.type === 'delete',
             },
           ])}
         >
-          {this.genContent()}
+          {renderContent()}
         </div>
       </div>
     );

From 96fe977d1b19968720e3f4aff989c0021e6ff691 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 3 Sep 2020 21:10:28 +0800
Subject: [PATCH 328/626] perf(Loading): reduce vnode cost

---
 src/loading/index.js | 42 ++++++++++++++++--------------------------
 1 file changed, 16 insertions(+), 26 deletions(-)

diff --git a/src/loading/index.js b/src/loading/index.js
index bbfa0cf9a..31d2bf4b3 100644
--- a/src/loading/index.js
+++ b/src/loading/index.js
@@ -1,8 +1,19 @@
 import { computed } from 'vue';
-import { createNamespace, addUnit } from '../utils';
+import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 const [createComponent, bem] = createNamespace('loading');
 
+const SpinIcon = [];
+for (let i = 0; i < 12; i++) {
+  SpinIcon.push(<i />);
+}
+
+const CircularIcon = (
+  <svg class={bem('circular')} viewBox="25 25 50 50">
+    <circle cx="50" cy="50" r="20" fill="none" />
+  </svg>
+);
+
 export default createComponent({
   props: {
     size: [Number, String],
@@ -16,17 +27,6 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const SpinIcon = [];
-    for (let i = 0; i < 12; i++) {
-      SpinIcon.push(<i />);
-    }
-
-    const CircularIcon = (
-      <svg class={bem('circular')} viewBox="25 25 50 50">
-        <circle cx="50" cy="50" r="20" fill="none" />
-      </svg>
-    );
-
     const renderText = () => {
       if (slots.default) {
         return (
@@ -42,23 +42,13 @@ export default createComponent({
       }
     };
 
-    const spinnerStyle = computed(() => {
-      const style = {
-        color: props.color,
-      };
-
-      if (props.size) {
-        const size = addUnit(props.size);
-        style.width = size;
-        style.height = size;
-      }
-
-      return style;
-    });
+    const spinnerStyle = computed(() => ({
+      color: props.color,
+      ...getSizeStyle(props.size),
+    }));
 
     return () => {
       const { type, vertical } = props;
-
       return (
         <div class={bem([type, { vertical }])}>
           <span class={bem('spinner', type)} style={spinnerStyle.value}>

From 82ac453910ed2dd91a11c28417e90cc74a271c15 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 3 Sep 2020 21:11:22 +0800
Subject: [PATCH 329/626] chore(Uploader): remove unused computed

---
 src/uploader/index.js | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/uploader/index.js b/src/uploader/index.js
index 2fe2067c9..5fd479d37 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -2,7 +2,6 @@
 import {
   noop,
   isDef,
-  addUnit,
   isPromise,
   getSizeStyle,
   createNamespace,
@@ -92,12 +91,6 @@ export default createComponent({
     'update:modelValue',
   ],
 
-  computed: {
-    previewSizeWithUnit() {
-      return addUnit(this.previewSize);
-    },
-  },
-
   methods: {
     getDetail(index = this.modelValue.length) {
       return {

From 3c415c42d0cc67fa119cd55aa913f923cd0f0f13 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 4 Sep 2020 15:33:35 +0800
Subject: [PATCH 330/626] chore: adjust code

---
 src/action-sheet/index.js |  2 +-
 src/contact-card/index.js | 14 +++++++-------
 src/list/index.js         |  2 +-
 src/loading/index.js      | 10 +++++-----
 src/slider/index.js       |  2 +-
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index b859dfb3f..6073f467e 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -86,7 +86,7 @@ export default createComponent({
       const onClick = () => {
         emit('select', item, index);
         if (props.closeOnClickAction) {
-          emit('update:show', false);
+          onUpdateShow(false);
         }
       };
 
diff --git a/src/contact-card/index.js b/src/contact-card/index.js
index 73e77add5..43765181a 100644
--- a/src/contact-card/index.js
+++ b/src/contact-card/index.js
@@ -21,13 +21,13 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit }) {
-    function onClick(event) {
+    const onClick = (event) => {
       if (props.editable) {
         emit('click', event);
       }
-    }
+    };
 
-    function Content() {
+    const renderContent = () => {
       if (props.type === 'add') {
         return props.addText || t('addText');
       }
@@ -36,19 +36,19 @@ export default createComponent({
         <div>{`${t('name')}：${props.name}`}</div>,
         <div>{`${t('tel')}：${props.tel}`}</div>,
       ];
-    }
+    };
 
     return () => (
       <Cell
         center
+        icon={props.type === 'edit' ? 'contact' : 'add-square'}
+        class={bem([props.type])}
         border={false}
         isLink={props.editable}
-        class={bem([props.type])}
         valueClass={bem('value')}
-        icon={props.type === 'edit' ? 'contact' : 'add-square'}
         onClick={onClick}
       >
-        {Content()}
+        {renderContent()}
       </Cell>
     );
   },
diff --git a/src/list/index.js b/src/list/index.js
index ccfdc896f..bad897dab 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -107,7 +107,7 @@ export default createComponent({
         const text = slots.error ? slots.error() : props.errorText;
         if (text) {
           return (
-            <div onClick={clickErrorText} class={bem('error-text')}>
+            <div class={bem('error-text')} onClick={clickErrorText}>
               {text}
             </div>
           );
diff --git a/src/loading/index.js b/src/loading/index.js
index 31d2bf4b3..1ec170bf9 100644
--- a/src/loading/index.js
+++ b/src/loading/index.js
@@ -27,6 +27,11 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const spinnerStyle = computed(() => ({
+      color: props.color,
+      ...getSizeStyle(props.size),
+    }));
+
     const renderText = () => {
       if (slots.default) {
         return (
@@ -42,11 +47,6 @@ export default createComponent({
       }
     };
 
-    const spinnerStyle = computed(() => ({
-      color: props.color,
-      ...getSizeStyle(props.size),
-    }));
-
     return () => {
       const { type, vertical } = props;
       return (
diff --git a/src/slider/index.js b/src/slider/index.js
index 3aa93f0be..0c9a27888 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -151,12 +151,12 @@ export default createComponent({
     const renderButton = () => (
       <div
         role="slider"
+        class={bem('button-wrapper')}
         tabindex={props.disabled ? -1 : 0}
         aria-valuemin={props.min}
         aria-valuenow={props.modelValue}
         aria-valuemax={props.max}
         aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
-        class={bem('button-wrapper')}
         onTouchstart={onTouchStart}
         onTouchmove={onTouchMove}
         onTouchend={onTouchEnd}

From c1e9323f95634a6b7a964f72b15046323b309862 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 4 Sep 2020 15:46:32 +0800
Subject: [PATCH 331/626] feat: add usePlaceholder

---
 src/composition/use-placeholder.js | 14 ++++++++++++++
 src/nav-bar/index.js               | 13 +++----------
 src/tabbar/index.js                | 14 +++-----------
 3 files changed, 20 insertions(+), 21 deletions(-)
 create mode 100644 src/composition/use-placeholder.js

diff --git a/src/composition/use-placeholder.js b/src/composition/use-placeholder.js
new file mode 100644
index 000000000..fdff8caa5
--- /dev/null
+++ b/src/composition/use-placeholder.js
@@ -0,0 +1,14 @@
+import { useHeight } from './use-rect';
+
+export function usePlaceholder(contentRef, bem) {
+  const height = useHeight(contentRef);
+
+  return (renderContent) => (
+    <div
+      class={bem('placeholder')}
+      style={{ height: height.value ? `${height.value}px` : null }}
+    >
+      {renderContent()}
+    </div>
+  );
+}
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.js
index 4ee9034fe..43ccee331 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
 // Composition
-import { useHeight } from '../composition/use-rect';
+import { usePlaceholder } from '../composition/use-placeholder';
 
 // Components
 import Icon from '../icon';
@@ -31,7 +31,7 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const navBarRef = ref();
-    const height = useHeight(navBarRef);
+    const renderPlaceholder = usePlaceholder(navBarRef, bem);
 
     const onClickLeft = (event) => {
       emit('click-left', event);
@@ -85,14 +85,7 @@ export default createComponent({
 
     return () => {
       if (props.fixed && props.placeholder) {
-        return (
-          <div
-            class={bem('placeholder')}
-            style={{ height: height.value && `${height.value}px` }}
-          >
-            {renderNavBar()}
-          </div>
-        );
+        return renderPlaceholder(renderNavBar);
       }
       return renderNavBar();
     };
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index f4fceab69..d9afae016 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -2,7 +2,7 @@ import { ref, reactive, provide } from 'vue';
 import { createNamespace, isDef } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
-import { useHeight } from '../composition/use-rect';
+import { usePlaceholder } from '../composition/use-placeholder';
 
 const [createComponent, bem] = createNamespace('tabbar');
 
@@ -38,8 +38,8 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const tabbarRef = ref();
-    const height = useHeight(tabbarRef);
     const children = reactive([]);
+    const renderPlaceholder = usePlaceholder(tabbarRef, bem);
 
     const isUnfit = () => {
       if (isDef(props.safeAreaInsetBottom)) {
@@ -84,16 +84,8 @@ export default createComponent({
 
     return () => {
       if (props.fixed && props.placeholder) {
-        return (
-          <div
-            class={bem('placeholder')}
-            style={{ height: height.value ? `${height.value}px` : null }}
-          >
-            {renderTabbar()}
-          </div>
-        );
+        return renderPlaceholder(renderTabbar);
       }
-
       return renderTabbar();
     };
   },

From 902a1b7c63bd9bffb17320f2b21a52ec3229aecc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 4 Sep 2020 16:00:14 +0800
Subject: [PATCH 332/626] chore(Switch): useParentField

---
 src/notify/Notify.js | 2 +-
 src/switch/index.js  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/notify/Notify.js b/src/notify/Notify.js
index 977b7fee2..7e8655800 100644
--- a/src/notify/Notify.js
+++ b/src/notify/Notify.js
@@ -33,7 +33,7 @@ export default createComponent({
           duration={0.2}
           lockScroll={false}
         >
-          {slots.default?.() || props.message}
+          {slots.default ? slots.default() : props.message}
         </Popup>
       );
     };
diff --git a/src/switch/index.js b/src/switch/index.js
index b83faf256..98fd53322 100644
--- a/src/switch/index.js
+++ b/src/switch/index.js
@@ -2,8 +2,8 @@
 import { createNamespace, addUnit } from '../utils';
 import { switchProps } from './shared';
 
-// Mixins
-import { FieldMixin } from '../mixins/field';
+// Composition
+import { useParentField } from '../composition/use-parent-field';
 
 // Components
 import Loading from '../loading';
@@ -11,8 +11,6 @@ import Loading from '../loading';
 const [createComponent, bem] = createNamespace('switch');
 
 export default createComponent({
-  mixins: [FieldMixin],
-
   props: switchProps,
 
   emits: ['change', 'update:modelValue'],
@@ -35,6 +33,8 @@ export default createComponent({
       }
     };
 
+    useParentField(() => props.modelValue);
+
     return () => {
       const { size, loading, disabled, activeColor, inactiveColor } = props;
       const checked = isChecked();

From 2b8284a227b6d483685cfa3a70e01774491a2ff9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 4 Sep 2020 16:53:22 +0800
Subject: [PATCH 333/626] refactor(Dialog): refactor with composition api

---
 src/dialog/Dialog.js | 309 ++++++++++++++++++++-----------------------
 src/dialog/index.js  |  10 +-
 2 files changed, 147 insertions(+), 172 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 75777458f..379795117 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,25 +1,32 @@
+import { reactive } from 'vue';
+
 // Utils
 import { createNamespace, addUnit, pick } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 
 // Components
-import Popup from '../popup';
+import Popup, { popupSharedProps } from '../popup';
 import Button from '../button';
 import ActionBar from '../action-bar';
 import ActionBarButton from '../action-bar-button';
 
 const [createComponent, bem, t] = createNamespace('dialog');
 
+const popupKeys = [
+  ...Object.keys(popupSharedProps),
+  'transition',
+  'closeOnPopstate',
+];
+
 export default createComponent({
   props: {
-    show: Boolean,
+    ...popupSharedProps,
     title: String,
     theme: String,
     width: [Number, String],
     message: String,
-    className: null,
     callback: Function,
-    lazyRender: Boolean,
+    className: null,
     beforeClose: Function,
     messageAlign: String,
     showCancelButton: Boolean,
@@ -28,10 +35,6 @@ export default createComponent({
     confirmButtonText: String,
     confirmButtonColor: String,
     closeOnClickOverlay: Boolean,
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
     allowHtml: {
       type: Boolean,
       default: true,
@@ -52,180 +55,160 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'update:show'],
 
-  data() {
-    return {
-      loading: {
-        confirm: false,
-        cancel: false,
-      },
+  setup(props, { emit, slots }) {
+    const loading = reactive({
+      confirm: false,
+      cancel: false,
+    });
+
+    const onUpdateShow = (value) => {
+      emit('update:show', value);
     };
-  },
 
-  methods: {
-    onClickOverlay() {
-      this.handleAction('overlay');
-    },
+    const close = (action) => {
+      onUpdateShow(false);
+      if (props.callback) {
+        props.callback(action);
+      }
+    };
 
-    handleAction(action) {
-      this.$emit(action);
-
-      // show not trigger close event when hidden
-      if (!this.show) {
+    const handleAction = (action) => {
+      // should not trigger close event when hidden
+      if (!props.show) {
         return;
       }
 
-      if (this.beforeClose) {
-        this.loading[action] = true;
-        this.beforeClose(action, (state) => {
-          if (state !== false && this.loading[action]) {
-            this.onClose(action);
-          }
+      emit(action);
 
-          this.loading.confirm = false;
-          this.loading.cancel = false;
+      if (props.beforeClose) {
+        loading[action] = true;
+        props.beforeClose(action, (result) => {
+          if (result !== false && loading[action]) {
+            close(action);
+          }
+          loading[action] = false;
         });
       } else {
-        this.onClose(action);
+        close(action);
       }
-    },
-
-    onClose(action) {
-      this.onUpdateShow(false);
-
-      if (this.callback) {
-        this.callback(action);
-      }
-    },
-
-    onUpdateShow(value) {
-      this.$emit('update:show', value);
-    },
-
-    genRoundButtons() {
-      return (
-        <ActionBar class={bem('footer')}>
-          {this.showCancelButton && (
-            <ActionBarButton
-              size="large"
-              type="warning"
-              text={this.cancelButtonText || t('cancel')}
-              class={bem('cancel')}
-              color={this.cancelButtonColor}
-              loading={this.loading.cancel}
-              onClick={() => {
-                this.handleAction('cancel');
-              }}
-            />
-          )}
-          {this.showConfirmButton && (
-            <ActionBarButton
-              size="large"
-              type="danger"
-              text={this.confirmButtonText || t('confirm')}
-              class={bem('confirm')}
-              color={this.confirmButtonColor}
-              loading={this.loading.confirm}
-              onClick={() => {
-                this.handleAction('confirm');
-              }}
-            />
-          )}
-        </ActionBar>
-      );
-    },
-
-    genButtons() {
-      const multiple = this.showCancelButton && this.showConfirmButton;
-
-      return (
-        <div class={[BORDER_TOP, bem('footer')]}>
-          {this.showCancelButton && (
-            <Button
-              size="large"
-              class={bem('cancel')}
-              loading={this.loading.cancel}
-              text={this.cancelButtonText || t('cancel')}
-              style={{ color: this.cancelButtonColor }}
-              onClick={() => {
-                this.handleAction('cancel');
-              }}
-            />
-          )}
-          {this.showConfirmButton && (
-            <Button
-              size="large"
-              class={[bem('confirm'), { [BORDER_LEFT]: multiple }]}
-              loading={this.loading.confirm}
-              text={this.confirmButtonText || t('confirm')}
-              style={{ color: this.confirmButtonColor }}
-              onClick={() => {
-                this.handleAction('confirm');
-              }}
-            />
-          )}
-        </div>
-      );
-    },
-
-    genContent(hasTitle) {
-      if (this.$slots.default) {
-        return <div class={bem('content')}>{this.$slots.default()}</div>;
-      }
-
-      const { message, messageAlign } = this;
-      if (message) {
-        const data = {
-          class: bem('message', {
-            'has-title': hasTitle,
-            [messageAlign]: messageAlign,
-          }),
-          [this.allowHtml ? 'innerHTML' : 'textContent']: message,
-        };
+    };
 
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
+      if (title) {
         return (
-          <div class={bem('content')}>
-            <div {...data} />
+          <div
+            class={bem('header', {
+              isolated: !props.message && !slots.default,
+            })}
+          >
+            {title}
           </div>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    const { message } = this;
-    const title = this.$slots.title ? this.$slots.title() : this.title;
-    const Title = title && (
-      <div
-        class={bem('header', { isolated: !message && !this.$slots.default })}
-      >
-        {title}
+    const renderContent = () => {
+      if (slots.default) {
+        return <div class={bem('content')}>{slots.default()}</div>;
+      }
+
+      const { title, message, allowHtml, messageAlign } = props;
+      if (message) {
+        return (
+          <div class={bem('content')}>
+            <div
+              class={bem('message', {
+                'has-title': slots.title || title,
+                [messageAlign]: messageAlign,
+              })}
+              {...{
+                [allowHtml ? 'innerHTML' : 'textContent']: message,
+              }}
+            />
+          </div>
+        );
+      }
+    };
+
+    const renderButtons = () => (
+      <div class={[BORDER_TOP, bem('footer')]}>
+        {props.showCancelButton && (
+          <Button
+            size="large"
+            text={props.cancelButtonText || t('cancel')}
+            class={bem('cancel')}
+            style={{ color: props.cancelButtonColor }}
+            loading={loading.cancel}
+            onClick={() => {
+              handleAction('cancel');
+            }}
+          />
+        )}
+        {props.showConfirmButton && (
+          <Button
+            size="large"
+            text={props.confirmButtonText || t('confirm')}
+            class={[bem('confirm'), { [BORDER_LEFT]: props.showCancelButton }]}
+            style={{ color: props.confirmButtonColor }}
+            loading={loading.confirm}
+            onClick={() => {
+              handleAction('confirm');
+            }}
+          />
+        )}
       </div>
     );
 
-    return (
-      <Popup
-        role="dialog"
-        class={[bem([this.theme]), this.className]}
-        style={{ width: addUnit(this.width) }}
-        aria-labelledby={this.title || message}
-        {...{
-          ...pick(this, [
-            'show',
-            'overlay',
-            'transition',
-            'lazyRender',
-            'closeOnPopstate',
-            'closeOnClickOverlay',
-          ]),
-          'onUpdate:show': this.onUpdateShow,
-        }}
-      >
-        {Title}
-        {this.genContent(title)}
-        {this.theme === 'round-button'
-          ? this.genRoundButtons()
-          : this.genButtons()}
-      </Popup>
+    const renderRoundButtons = () => (
+      <ActionBar class={bem('footer')}>
+        {props.showCancelButton && (
+          <ActionBarButton
+            size="large"
+            type="warning"
+            text={props.cancelButtonText || t('cancel')}
+            class={bem('cancel')}
+            color={props.cancelButtonColor}
+            loading={loading.cancel}
+            onClick={() => {
+              handleAction('cancel');
+            }}
+          />
+        )}
+        {props.showConfirmButton && (
+          <ActionBarButton
+            size="large"
+            type="danger"
+            text={props.confirmButtonText || t('confirm')}
+            class={bem('confirm')}
+            color={props.confirmButtonColor}
+            loading={loading.confirm}
+            onClick={() => {
+              handleAction('confirm');
+            }}
+          />
+        )}
+      </ActionBar>
     );
+
+    return () => {
+      const { width, title, theme, message, className } = props;
+      return (
+        <Popup
+          role="dialog"
+          class={[bem([theme]), className]}
+          style={{ width: addUnit(width) }}
+          aria-labelledby={title || message}
+          {...{
+            ...pick(props, popupKeys),
+            'onUpdate:show': onUpdateShow,
+          }}
+        >
+          {renderTitle()}
+          {renderContent()}
+          {theme === 'round-button' ? renderRoundButtons() : renderButtons()}
+        </Popup>
+      );
+    };
   },
 });
diff --git a/src/dialog/index.js b/src/dialog/index.js
index b51d4f90e..9631bdf5d 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -8,15 +8,7 @@ function initInstance() {
   const Wrapper = {
     setup() {
       const { state, toggle } = usePopupState();
-      return () => (
-        <VanDialog
-          lazyRender={false}
-          {...{
-            ...state,
-            'onUpdate:show': toggle,
-          }}
-        />
-      );
+      return () => <VanDialog {...{ ...state, 'onUpdate:show': toggle }} />;
     },
   };
 

From 68d91a68fc77c33af285bcfd23747eac2be50631 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 5 Sep 2020 05:46:19 +0800
Subject: [PATCH 334/626] docs(Switch): fix typo #7098

---
 src/switch/README.md       | 2 +-
 src/switch/README.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/switch/README.md b/src/switch/README.md
index c1a759082..29c2d8bf4 100644
--- a/src/switch/README.md
+++ b/src/switch/README.md
@@ -55,7 +55,7 @@ export default {
 ### Async Control
 
 ```html
-<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
+<van-switch :model-value="checked" @update:model-value="onUpdateValue" />
 ```
 
 ```js
diff --git a/src/switch/README.zh-CN.md b/src/switch/README.zh-CN.md
index d5f627c9a..cdb1b9388 100644
--- a/src/switch/README.zh-CN.md
+++ b/src/switch/README.zh-CN.md
@@ -67,7 +67,7 @@ export default {
 需要异步控制开关时，可以使用 `modelValue` 属性和 `update:model-value` 事件代替 `v-model`，并在事件回调函数中手动处理开关状态。
 
 ```html
-<van-switch :model-value="checked" @update:model:value="onUpdateValue" />
+<van-switch :model-value="checked" @update:model-value="onUpdateValue" />
 ```
 
 ```js

From 4d6c842219d77483f821da58a6653780648dd6a1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 09:25:14 +0800
Subject: [PATCH 335/626] types: fix full registration #7056

---
 types/index.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/types/index.d.ts b/types/index.d.ts
index 10d2e91bb..bbcf7c120 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -1,4 +1,5 @@
 /* eslint-disable max-classes-per-file */
+import { App } from 'vue';
 import { VanComponent } from './component';
 import { AddressEdit } from './address-edit';
 import { Area } from './area';
@@ -26,6 +27,8 @@ import { Uploader } from './uploader';
 
 export const version: string;
 
+export const install: (app: App) => any;
+
 export class ActionSheet extends VanComponent {}
 export class AddressList extends VanComponent {}
 export class Button extends VanComponent {}

From 0465ac16f22962298f9c8031562176f1d5dff25c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 09:26:14 +0800
Subject: [PATCH 336/626] types: remove VanPopupMixin

---
 types/image-preview.d.ts | 3 +--
 types/mixins/popup.d.ts  | 4 ----
 types/toast.d.ts         | 4 +---
 3 files changed, 2 insertions(+), 9 deletions(-)
 delete mode 100644 types/mixins/popup.d.ts

diff --git a/types/image-preview.d.ts b/types/image-preview.d.ts
index 01a209c91..44e00288b 100644
--- a/types/image-preview.d.ts
+++ b/types/image-preview.d.ts
@@ -1,5 +1,4 @@
 import { VanComponent } from './component';
-import { VanPopupMixin } from './mixins/popup';
 import { SwipeToOptions } from './swipe';
 
 export type ImagePreviewOptions =
@@ -25,7 +24,7 @@ export type ImagePreviewOptions =
       swipeTo?(index: number, options?: SwipeToOptions): void;
     };
 
-export class VanImagePreview extends VanPopupMixin {
+export class VanImagePreview {
   images: string[];
 
   showIndex: boolean;
diff --git a/types/mixins/popup.d.ts b/types/mixins/popup.d.ts
deleted file mode 100644
index 5d225340a..000000000
--- a/types/mixins/popup.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export class VanPopupMixin {
-  open(): void;
-  close(): void;
-}
diff --git a/types/toast.d.ts b/types/toast.d.ts
index 0034c7dd4..45ff7d200 100644
--- a/types/toast.d.ts
+++ b/types/toast.d.ts
@@ -1,5 +1,3 @@
-import { VanPopupMixin } from './mixins/popup';
-
 type ToastMessage = string | number;
 type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 type ToastPosition = 'top' | 'middle' | 'bottom';
@@ -25,7 +23,7 @@ export type ToastOptions = {
   getContainer?: string | (() => Element);
 };
 
-export interface VanToast extends VanPopupMixin {
+export interface VanToast {
   type: ToastType;
   position: ToastPosition;
   loadingType: ToastLoadingType;

From c43180d6e96ab81deee609fbb3458c2f51bf43f7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 09:27:17 +0800
Subject: [PATCH 337/626] types: compatible with TSX #7076

---
 types/component.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/component.d.ts b/types/component.d.ts
index 5800b7743..73b0b2240 100644
--- a/types/component.d.ts
+++ b/types/component.d.ts
@@ -4,4 +4,6 @@ export class VanComponent {
   static name: string;
 
   static install: (app: App) => any;
+
+  $props: Record<string, any>;
 }

From c9f0f110280a9fae63d9e56ab3353acf10fb4381 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:02:38 +0800
Subject: [PATCH 338/626] docs(changelog): remove unused part

---
 docs/markdown/changelog-v3.zh-CN.md | 166 ----------------------------
 1 file changed, 166 deletions(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 8d2a4d27f..b103b0329 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -80,172 +80,6 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Dialog: 修复部分弹窗相关属性不生效的问题 [af94c9](https://github.com/youzan/vant/commit/af94c92614b78e999e5377208e2c3c3672480210)
 - Image: 修复 loading 图标和 error 图标不展示的问题 [c720ee](https://github.com/youzan/vant/commit/c720eea83170b36e1b2f4eb8bdaff400e88bf714)
 
-### [v3.0.0-alpha.0](https://github.com/youzan/vant/compare/v2.10.2...v3.0.0-alpha.0)
-
-`2020-08-22`
-
-**Bug Fixes**
-
-- ActionSheet: some events missed [4d8d02](https://github.com/youzan/vant/commit/4d8d02151d6422db8c1243645167f9ffb691f1c1)
-- AddressList: bottom slot not work [d9e0e7](https://github.com/youzan/vant/commit/d9e0e753f1a9d917a361115b1cfeb4aa2d2cb5a0)
-- Cell: route props [7ed174](https://github.com/youzan/vant/commit/7ed1747de863a4f9d756591edee01c0cc48d8a12)
-- cli: register packageEntry failed [4e7931](https://github.com/youzan/vant/commit/4e793189b6593721a203767511e6ec39b1d3eca8)
-- cli: template v-for warning [0db903](https://github.com/youzan/vant/commit/0db9030f11b53f2922fc974d7b36b007cb546ec3)
-- Coupon: failed to render face amount [4e7769](https://github.com/youzan/vant/commit/4e7769ebeeae622c1347f926bd67db5ab3c6297b)
-- Dialog: missing emits config [492065](https://github.com/youzan/vant/commit/49206598fc32d35637cb9a3f57f06a7eea3da3bc)
-- eslint-config: update extends rule [9754a8](https://github.com/youzan/vant/commit/9754a80597ac2e43f1c264feb3ca5e77480e9190)
-- Field: cell slots [ec64d8](https://github.com/youzan/vant/commit/ec64d803bee07a306d71479ddd407c7879bf3ae5)
-- Field: failed to inherit class/style [ad1301](https://github.com/youzan/vant/commit/ad1301636d563a237336128ab3a57a9464322538)
-- Field: rows not work [092c53](https://github.com/youzan/vant/commit/092c5356e6d23c36a590c2164d76044b0da920ab)
-- Icon: default slot [3a2e20](https://github.com/youzan/vant/commit/3a2e20eb5271e5391c5902b48e0f7154ca284a34)
-- Image: alt prop not work [0a570b](https://github.com/youzan/vant/commit/0a570b2382286d3cd469fc476fa82451c8f8b319)
-- Image: loading status [0010bf](https://github.com/youzan/vant/commit/0010bfd461bbccca825ada58a48d50f1a892cced)
-- Popup: adjust teleport handler [54a860](https://github.com/youzan/vant/commit/54a8608078ebb51347af9361e1936d119c7b5fb2)
-- Popup: duration not work for overlay [5e5025](https://github.com/youzan/vant/commit/5e5025d1cc7356054a576899f38053de051a470a)
-- rename domPropsInnerHTML to innerHTML [c0c4f7](https://github.com/youzan/vant/commit/c0c4f764b53dde1d69d456b981e4cbc00a9af41b)
-- Field: should not render empty label [4d58db](https://github.com/youzan/vant/commit/4d58dbe3a665fc82510d5d7cb34a83b152565824)
-- Image: memory leak during SSR [#6721](https://github.com/youzan/vant/issues/6721)
-- NoticeBar: add emits [70f614](https://github.com/youzan/vant/commit/70f6146981d42aa5e4be8877df6083aba0229c45)
-- Pagination: missing emits [e8d190](https://github.com/youzan/vant/commit/e8d190d51d50618f27d499640955e99044c1be67)
-- Popup: animation [708792](https://github.com/youzan/vant/commit/7087922d18b2ac54629a6d886ce33630015d6097)
-- Popup: legacy removeNode [34ff81](https://github.com/youzan/vant/commit/34ff811102e7a153b0661f2f2f9b0c85af24f14b)
-- Popup: missing overlay class & style [de6690](https://github.com/youzan/vant/commit/de66903baeb5132ccd57f7ca47b8a2865e8f4fe6)
-- Popup: overlay z-index [5db6e3](https://github.com/youzan/vant/commit/5db6e380fe21bc162a186a62c5608df8790b0755)
-- Popup: teleport [6995bc](https://github.com/youzan/vant/commit/6995bcc8a385bd0d10739901c25e9d2c27f59a23)
-- Search: icon slot not work [b4e026](https://github.com/youzan/vant/commit/b4e02668cf8e2ea929b16c31769fa3b08c7f164c)
-- Search: inherit style/class [742872](https://github.com/youzan/vant/commit/742872a4aa430669e938d8becb72773d76c57c62)
-- SwipeCell: missing emits config [a7836a](https://github.com/youzan/vant/commit/a7836a30e6429c508729ce30bdf32de2ff3b8605)
-- Uploader: enable inheritAttrs [2937c1](https://github.com/youzan/vant/commit/2937c1537e61afcb76cadc77a7d6697bd02eca7e)
-- currentRoute [7346f2](https://github.com/youzan/vant/commit/7346f20e96defbcf5a4a14717e1044cd1075279a)
-- failed to install component [47ad40](https://github.com/youzan/vant/commit/47ad40794e2c992d6d23a2739a87003d64a4f509)
-- missing emits [d04c8c](https://github.com/youzan/vant/commit/d04c8c1e2455a7f2715d2d704a55425266db2de2)
-- rename unmount lifecycles [6c8529](https://github.com/youzan/vant/commit/6c85294d35ca690d1953f779e08a8a63595e4c4c)
-- Slider: missing transition in vertical mode [616723](https://github.com/youzan/vant/commit/6167239b80f29eafa6fd7f0db02fe2b10774a339)
-- Tabs: update:active event [7e47a0](https://github.com/youzan/vant/commit/7e47a0721bd56d4c3a5237ae0daff6763ae84417)
-- non-empty path must start with "/" [075bc0](https://github.com/youzan/vant/commit/075bc05a75f01a66772c4281ff8893f40a9835a8)
-- router catchAll [59f9b8](https://github.com/youzan/vant/commit/59f9b851d62028f6df5415c68459d29e7445b441)
-- router-view with keep-alive [88f5fe](https://github.com/youzan/vant/commit/88f5fed9cf0a82fe25a08e5163377ae8d59c789f)
-- sync iframe router [2d63b9](https://github.com/youzan/vant/commit/2d63b9c8b58c5fbebae16c0dcbcda27763450b6a)
-- utils [4c87fe](https://github.com/youzan/vant/commit/4c87fe247918313d85e24eeb1696e6c66b789de6)
-
-**build**
-
-- cli: update jsx plugin [f6280d](https://github.com/youzan/vant/commit/f6280dc41d325f6188a8d05bd908cce15e1a5473)
-
-**Document**
-
-- add changelog-v3 [448584](https://github.com/youzan/vant/commit/448584a146de7b13ef85ebf745e940eec1ba1cc0)
-- add migrate guide [7cadc5](https://github.com/youzan/vant/commit/7cadc5e60f16c9cb7bb73ac3494800fb3279cdd5)
-- shoud install vant@next [569c6d](https://github.com/youzan/vant/commit/569c6daeb00215a9b171afc7e1a8bfa79f375f22)
-- update component registration guide [d42b1b](https://github.com/youzan/vant/commit/d42b1b43c34bd07a18c6ef702394f98b0603d9e0)
-- update global method guide [9a86e9](https://github.com/youzan/vant/commit/9a86e9e6cace55b27e7516fe8eca6db19201e0ee)
-- update install guide [435c6e](https://github.com/youzan/vant/commit/435c6ee794b1ccfa69710d9cafbda3d8d975d257)
-- update migrate guide [a0725b](https://github.com/youzan/vant/commit/a0725b942da5f1ffc56248a59fb54d8baa54362e)
-- ActionSheet: update v-model usage [1e441e](https://github.com/youzan/vant/commit/1e441e86a5446c69830f4a13879d681103011e89)
-- changelog: add SwitchCell migrate guide [4e5f50](https://github.com/youzan/vant/commit/4e5f509b2f8418af9944ee035872c76e770bc2b3)
-- changelog: add v-model demo [6347a0](https://github.com/youzan/vant/commit/6347a09df17a399e17c8212ca998ab91d68bff6c)
-- Field: remove event inheirt [47cb51](https://github.com/youzan/vant/commit/47cb5159797f78df675ffb2331ae97e942f66f74)
-- update v-model change [ab067e](https://github.com/youzan/vant/commit/ab067ecb0ca48292f36fe0739f967e96aefa511a)
-
-**Feature**
-
-- cli: package entry fit Vue 3 [173792](https://github.com/youzan/vant/commit/17379286c80fae8986e6ca626a693ac062b06abc)
-- cli: update jest setup config [f0482c](https://github.com/youzan/vant/commit/f0482c7eecbbb7fd00610dd2507cd6e6223eba5b)
-- ActionSheet component [aa09ba](https://github.com/youzan/vant/commit/aa09ba0fd9c65c5b5dc2ef723b2891590332c71e)
-- add emits option [0e4b5a](https://github.com/youzan/vant/commit/0e4b5a0f2f00edf143079beac18c038088987a9f)
-- Button component [12c167](https://github.com/youzan/vant/commit/12c167fbbccd9a2f11d4f4af4cb964e9b6fc65de)
-- Cell component [2f1f54](https://github.com/youzan/vant/commit/2f1f540d6ae510d468d945e434a46e9d4106dffb)
-- CellGroup component [bd5651](https://github.com/youzan/vant/commit/bd5651402a01a39e8553da2ca2e5155caed19651)
-- Divider component [aa9fc7](https://github.com/youzan/vant/commit/aa9fc7fe7c66b0a55f2732f308178220a359745c)
-- Empty component [aab12a](https://github.com/youzan/vant/commit/aab12a4906e5ff32da47ab575d1c9e37d6055b6f)
-- Grid component [660e53](https://github.com/youzan/vant/commit/660e535811993322aaf51606904895e6b4545e36)
-- i18n next [0a4c66](https://github.com/youzan/vant/commit/0a4c6676ba7fa54fe6224f6e7dde02dc21b924e4)
-- image component [b79e59](https://github.com/youzan/vant/commit/b79e59bc18d34e25a9daa22e89bafbbabcdd01fe)
-- layout component [e671e2](https://github.com/youzan/vant/commit/e671e22ea5d1dfb5e3bfbfa23528bd7666f53f5b)
-- loading component [e0f938](https://github.com/youzan/vant/commit/e0f9382123ebc7282c22bc1f950cab99395d83ec)
-- migrate AddressEdit component [134930](https://github.com/youzan/vant/commit/1349301f01e59cd5273fabd901b67ce357641bd6)
-- migrate AddressList component [abe8ae](https://github.com/youzan/vant/commit/abe8ae7cca28a9963ece3062b7c2b05f18192f69)
-- migrate Area component [789a2f](https://github.com/youzan/vant/commit/789a2fda1efd08cbc0bcfaecb0740c0602c81f9b)
-- migrate Calendar component [0dd713](https://github.com/youzan/vant/commit/0dd713f361a85329adff9fbd5d297717795d9f27)
-- migrate Card component [607410](https://github.com/youzan/vant/commit/607410a64f9ac8ed483e872cac18d6e9405fbdbb)
-- migrate Checkbox/CheckboxGroup [cef8da](https://github.com/youzan/vant/commit/cef8daf717ba42cbb8f1e1096e8f93fc405c3072)
-- migrate Field component [75421a](https://github.com/youzan/vant/commit/75421a47271b59ecfd7d2554d84defeb1a0aba74)
-- migrate NoticeBar component [b3964e](https://github.com/youzan/vant/commit/b3964e6afa7b1f9f34f2e15b65e4f8b039697f2f)
-- migrate PullRefresh component [bb8a3d](https://github.com/youzan/vant/commit/bb8a3d60b7d095fcd4c6df31b7c3d5a89cb12354)
-- migrate ShareSheet component [bb445b](https://github.com/youzan/vant/commit/bb445b74eff8a046196019029cd1ac37579f322e)
-- Tag: add show prop and fix transition [7317a1](https://github.com/youzan/vant/commit/7317a1379b2c4016037f9d10b7ae2363d9bb0ff2)
-- migrate Circle component [94ae79](https://github.com/youzan/vant/commit/94ae79d9534e5e50739ab7b6c2c60bb77e1a90ad)
-- migrate Collapse component [79511f](https://github.com/youzan/vant/commit/79511fe3311e17395c0d4e2bddd652b5a7b77427)
-- migrate Contact component [6d1309](https://github.com/youzan/vant/commit/6d13094a2078714dfc7ba43a201277507ccbe363)
-- migrate ContactCard component [41796b](https://github.com/youzan/vant/commit/41796b06165b40348c14daf1cda4ccb9065703da)
-- migrate CountDown component [e111fd](https://github.com/youzan/vant/commit/e111fd4208c3f68531486374e2e7db7dc3f2c7a8)
-- migrate CouponCell component [832ed6](https://github.com/youzan/vant/commit/832ed6f80f1aebaf0a3e4e72e9a3bbe232d058e2)
-- migrate CouponList component [579a9e](https://github.com/youzan/vant/commit/579a9ebb78cd88033fb42b8ce8fa7c83ecb42a68)
-- migrate DatetimePicker component [bfe2e9](https://github.com/youzan/vant/commit/bfe2e9843ba0cb2e8afba3725cbc5fd50500c681)
-- migrate Dialog component [f3ff93](https://github.com/youzan/vant/commit/f3ff931ebf5f007d604f8e46bfd83da60f7e80a4)
-- migrate Form component [b6b6e3](https://github.com/youzan/vant/commit/b6b6e38c45b8181c217b26eaedc451dc26e6482f)
-- migrate GoodsAction component [e2d9b1](https://github.com/youzan/vant/commit/e2d9b12bd2a097ed45134f549ac0cd6994277fd9)
-- migrate List component [01c740](https://github.com/youzan/vant/commit/01c7409e6e003be4d8aa950359a472c2ebacaf47)
-- migrate SubmitBar component [854146](https://github.com/youzan/vant/commit/854146418ce8d05cce246d84cf077814deb514f4)
-- Field: enable inheritAttrs [3c3e72](https://github.com/youzan/vant/commit/3c3e72cf792c1479b4d5d3e8bd545f7917491dc4)
-- migrate DropdownMenu [998c7d](https://github.com/youzan/vant/commit/998c7d8da67e713be2073e3a113afb7070da5715)
-- migrate ImagePreview component [3a290c](https://github.com/youzan/vant/commit/3a290ce5649812570c4a2450acbbfd03eff9f782)
-- migrate IndexBar component [f956d1](https://github.com/youzan/vant/commit/f956d1ab3bdbbfd07d9d773936b221e8dd833712)
-- migrate Notify component [0b9009](https://github.com/youzan/vant/commit/0b90092d1caf66007670b2568284ba3071b7630f)
-- migrate NumberKeyboard component [a70d11](https://github.com/youzan/vant/commit/a70d1187fb0baabb31468bf115a90e743dbe0eaa)
-- migrate PasswordInput component [6d3ce8](https://github.com/youzan/vant/commit/6d3ce895023873e694bb6dcbb3fa5e602b6143dc)
-- migrate Picker component [9fa7a2](https://github.com/youzan/vant/commit/9fa7a258d752245dad9eb02656912bf0375529bf)
-- migrate Radio/RadioGroup [2172cc](https://github.com/youzan/vant/commit/2172cce8b60c3480efb0085bfbb976ed820944b2)
-- migrate Search component [735aca](https://github.com/youzan/vant/commit/735acabcec0c9c78c3f67f7d31aa150d52bdbdb8)
-- migrate Sidebar component [08e03e](https://github.com/youzan/vant/commit/08e03e988fe57e73a9fdde33df829242742036d4)
-- migrate Slider component [75d76d](https://github.com/youzan/vant/commit/75d76d2cecde2ae4503538cf8b6bdae9e400ca63)
-- migrate Stepper component [0ed033](https://github.com/youzan/vant/commit/0ed0337de05ce35a540514f506b8a699af16e83e)
-- migrate Sticky component [4ad0c3](https://github.com/youzan/vant/commit/4ad0c396efd6eb656bdd8c5d8e33ad4f29e1cd40)
-- migrate Swipe component [f97864](https://github.com/youzan/vant/commit/f978642277d858d7d833538c6ffa5c5d3fd9f074)
-- migrate SwipeCell component [8c4c51](https://github.com/youzan/vant/commit/8c4c51fea10f4b5c1126026b78a84f2dfd726301)
-- migrate Tab component [d2291f](https://github.com/youzan/vant/commit/d2291f37104f0ad8ce9bef3ccffac668342d096d)
-- migrate Tabbar component [7fda26](https://github.com/youzan/vant/commit/7fda2659f5d30420f0f2fb6188f9aa5ee120f0be)
-- migrate Toast component [5d2cd5](https://github.com/youzan/vant/commit/5d2cd516ed931284c38c9396c9d921e2c9d04af2)
-- migrate TreeSelect component [7a197f](https://github.com/youzan/vant/commit/7a197fc90f5320bd8e439678a42c26bad40ca80c)
-- migrate Uploader component [7c2b4c](https://github.com/youzan/vant/commit/7c2b4c9abc59eb65ae57c2697dda2bed21a6b60a)
-- Steps: add inactive-color prop [296315](https://github.com/youzan/vant/commit/296315c48fee3d502b5de01842d2ff4d5c2bb815)
-- NavBar component [6567b0](https://github.com/youzan/vant/commit/6567b041b962b3eaafd81ef0a553996d6106e116)
-- Overlay component [2a41dc](https://github.com/youzan/vant/commit/2a41dcf58e0924736bd0a5f5d547ed946de9dbae)
-- Pagination component [97a6bf](https://github.com/youzan/vant/commit/97a6bf9d48558912df5aeba3c8d69e1254337e32)
-- Popup component [57e035](https://github.com/youzan/vant/commit/57e035bb269ff9395bb74e49850671a040c6ddcc)
-- Progress component [2539a5](https://github.com/youzan/vant/commit/2539a548b601fe98a432334551ea700d4d9c825d)
-- Rate component [3bf647](https://github.com/youzan/vant/commit/3bf64717b565cd356716a3245c3e430564bafcca)
-- Skeleton component [ca0b7f](https://github.com/youzan/vant/commit/ca0b7ff0281e22c6f2de4d62bba9472e2dfc0a7d)
-- Steps component [4500e7](https://github.com/youzan/vant/commit/4500e71f1a1ab3daeaba3dca551b8c3bda48d02e)
-- Switch component [1874b7](https://github.com/youzan/vant/commit/1874b7af606a5bdcc1e27d0f9123464ea37bda1f)
-- Tag component [919161](https://github.com/youzan/vant/commit/919161568afe178c1b8e2a20dad12c9341762b4e)
-- markdown-loader: compatible with vue 3 [d69702](https://github.com/youzan/vant/commit/d697026b2ca5754367d5f79ac8178e8763692ef4)
-
-**refactor**
-
-- DropdownItem: remove portal mixin [0b208d](https://github.com/youzan/vant/commit/0b208dc04bc0c802903ec52f12d8890017ac299a)
-- NumberKeyboard: remove portal mixin [a4b481](https://github.com/youzan/vant/commit/a4b481c5cc25facb2514fd3956f7cdee531dcf0a)
-- Popup: remove popup mixin [1ad76a](https://github.com/youzan/vant/commit/1ad76a8aa36f65d78e26553af2416f90f9e88eb9)
-- SwipeCell: remove deprecated on-close [8031c6](https://github.com/youzan/vant/commit/8031c690dd889516d8025e0313f0f568a5b823ff)
-- SwipeCell: rename open event params [13912c](https://github.com/youzan/vant/commit/13912c02a53ae00632da955230a1d1f1d9379e47)
-- icon component [3bc649](https://github.com/youzan/vant/commit/3bc6495b04dd80ae8ffedea89486acbf80da147f)
-- info component [425ffb](https://github.com/youzan/vant/commit/425ffb87eb0d84bb1ad00726066f114cb1559a42)
-
-- breaking change: rename get-container to teleport [52b187](https://github.com/youzan/vant/commit/52b187692bb61ba27332274d7ff6000def8f710d)
-- breaking change(Button): add success type, remove info type [07d1a2](https://github.com/youzan/vant/commit/07d1a2590ff8e2b14547c21c79b1f623089475f7)
-- breaking change(Picker): enable show-toolbar by default [8843b7](https://github.com/youzan/vant/commit/8843b7875adf31c5d243b2bbc199a173aca0d83b)
-- breaking change(Area): adjust change event param [832dab](https://github.com/youzan/vant/commit/832dab10cf319388cc7a946e7eb0500cd8e43244)
-- breaking change(Picker): adjust change event param [036eb8](https://github.com/youzan/vant/commit/036eb8543cf09eb24fcea69564e96e29b0645f45)
-- breaking change(Picker): update values param [af7e7f](https://github.com/youzan/vant/commit/af7e7fe9dfe13e20de228c6062e8ff9e86ede345)
-- breaking change: rename Info to Badge [63bd47](https://github.com/youzan/vant/commit/63bd4700abbbf10eb0dbfb2984fae08142a87e17)
-- breaking change: rename GoodsAction to ActionBar [fc825d](https://github.com/youzan/vant/commit/fc825d7a33219d95e0a7e43ad553a722c220ceef)
-- breaking change: remove SwitchCell component [966fb5](https://github.com/youzan/vant/commit/966fb5f46a3795ffc3b64a10f79d825ebb44894f)
-- Revert "chore: remove hooks ooops!" [2e6dbc](https://github.com/youzan/vant/commit/2e6dbca06dc38576308297d0ba6331ec4274e8fe)
-
-**style**
-
-- ActionSheet: subname align [6672b3](https://github.com/youzan/vant/commit/6672b346180190859932a48785c8ea01045c3f5e)
-
 ### v3.0.0-alpha.0
 
 `2020-08-22`

From 21c30cbbf8e4237b03ad3c5e53e83a36992b5a1b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:16:54 +0800
Subject: [PATCH 339/626] breaking change(Dialog): adjust before-close usage

---
 docs/markdown/migrate-from-v2.zh-CN.md |  4 ++++
 src/dialog/Dialog.js                   | 14 ++++++++++----
 src/dialog/README.md                   | 15 +++++++--------
 src/dialog/README.zh-CN.md             | 20 ++++++++++++--------
 src/dialog/demo/index.vue              | 21 +++++++++------------
 src/utils/interceptor.ts               |  9 +++++++--
 6 files changed, 49 insertions(+), 34 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 0194738a6..59fa52f91 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -171,6 +171,10 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 - 蓝色按钮对应的类型由 `info` 调整为 `primary`
 - 绿色按钮对应的类型由 `primary` 调整为 `success`
 
+#### Dialog
+
+- `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
+
 #### Picker
 
 - 移除 change 事件的第一个参数（picker 实例）
diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 379795117..d54f9f817 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,6 +1,7 @@
 import { reactive } from 'vue';
 
 // Utils
+import { callInterceptor } from '../utils/interceptor';
 import { createNamespace, addUnit, pick } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 
@@ -82,11 +83,16 @@ export default createComponent({
 
       if (props.beforeClose) {
         loading[action] = true;
-        props.beforeClose(action, (result) => {
-          if (result !== false && loading[action]) {
+        callInterceptor({
+          interceptor: props.beforeClose,
+          args: [action],
+          done() {
             close(action);
-          }
-          loading[action] = false;
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
+          },
         });
       } else {
         close(action);
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 77f0d2016..5e6cfe6e4 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -72,13 +72,12 @@ Dialog.alert({
 ### Asnyc Close
 
 ```js
-function beforeClose(action, done) {
-  if (action === 'confirm') {
-    setTimeout(done, 1000);
-  } else {
-    done();
-  }
-}
+const beforeClose = (action, done) =>
+  new Promsie((resolve) => {
+    setTimeout(() => {
+      resolve(action === 'confirm');
+    }, 1000);
+  });
 
 Dialog.confirm({
   title: 'Title',
@@ -185,7 +184,7 @@ export default {
 | lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
 | lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
 | allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
-| before-close | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
+| before-close | Callback before close | _(action) => boolean \| Promise_ | - |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
 | teleport | Return the mount node for Dialog | _string \| Element_ | - |
 
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index ac64ce6d2..c2e7a10a4 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -100,13 +100,17 @@ Dialog.alert({
 通过 `beforeClose` 属性可以传入一个回调函数，在弹窗关闭前进行特定操作。
 
 ```js
-function beforeClose(action, done) {
-  if (action === 'confirm') {
-    setTimeout(done, 1000);
-  } else {
-    done();
-  }
-}
+const beforeClose = (action, done) =>
+  new Promsie((resolve) => {
+    setTimeout(() => {
+      if (action === 'confirm') {
+        resolve(true);
+      } else {
+        // 拦截取消操作
+        resolve(false);
+      }
+    }, 1000);
+  });
 
 Dialog.confirm({
   title: '标题',
@@ -217,7 +221,7 @@ export default {
 | lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
 | lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
 | allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
-| before-close | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
+| before-close | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(action) => boolean \| Promise_ | - |
 | transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
 | teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
 
diff --git a/src/dialog/demo/index.vue b/src/dialog/demo/index.vue
index d25ab4308..ff0e2efa2 100644
--- a/src/dialog/demo/index.vue
+++ b/src/dialog/demo/index.vue
@@ -11,8 +11,8 @@
       <van-cell is-link :title="t('alert2')" @click="onClickRound2" />
     </demo-block>
 
-    <demo-block card :title="t('asyncClose')">
-      <van-cell is-link :title="t('asyncClose')" @click="onClickAsyncClose" />
+    <demo-block card :title="t('beforeClose')">
+      <van-cell is-link :title="t('beforeClose')" @click="onClickBeforeClose" />
     </demo-block>
 
     <demo-block card :title="t('componentCall')">
@@ -36,7 +36,7 @@ export default {
       alert1: '提示弹窗',
       alert2: '提示弹窗（无标题）',
       confirm: '确认弹窗',
-      asyncClose: '异步关闭',
+      beforeClose: '异步关闭',
       roundButton: '圆角按钮样式',
       componentCall: '组件调用',
       content: '代码是写出来给人看的，附带能在机器上运行',
@@ -45,7 +45,7 @@ export default {
       alert1: 'Alert',
       alert2: 'Alert without title',
       confirm: 'Confirm dialog',
-      asyncClose: 'Async Close',
+      beforeClose: 'Async Close',
       roundButton: 'Round Button Style',
       componentCall: 'Component Call',
     },
@@ -95,14 +95,11 @@ export default {
       });
     },
 
-    onClickAsyncClose() {
-      function beforeClose(action, done) {
-        if (action === 'confirm') {
-          setTimeout(done, 1000);
-        } else {
-          done();
-        }
-      }
+    onClickBeforeClose() {
+      const beforeClose = (action) =>
+        new Promise((resolve) => {
+          setTimeout(() => resolve(action === 'confirm'), 1000);
+        });
 
       this.$dialog.confirm({
         title: this.t('title'),
diff --git a/src/utils/interceptor.ts b/src/utils/interceptor.ts
index 96cb63481..fa0af4f9b 100644
--- a/src/utils/interceptor.ts
+++ b/src/utils/interceptor.ts
@@ -2,10 +2,11 @@ import { isPromise, noop } from '.';
 
 export function callInterceptor(options: {
   interceptor?: (...args: any[]) => Promise<boolean> | boolean;
-  done: () => void;
   args: any[];
+  done: () => void;
+  canceled?: () => void;
 }) {
-  const { interceptor, args, done } = options;
+  const { interceptor, args, done, canceled } = options;
 
   if (interceptor) {
     const returnVal = interceptor(...args);
@@ -15,11 +16,15 @@ export function callInterceptor(options: {
         .then((value) => {
           if (value) {
             done();
+          } else if (canceled) {
+            canceled();
           }
         })
         .catch(noop);
     } else if (returnVal) {
       done();
+    } else if (canceled) {
+      canceled();
     }
   } else {
     done();

From 89a39f05bcf2097993b9df164665830a206180e8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:31:14 +0800
Subject: [PATCH 340/626] breaking change(ImagePreview): remove asyncClose and
 add beforeClose

---
 docs/markdown/migrate-from-v2.zh-CN.md |  4 ++++
 src/dialog/demo/index.vue              |  2 +-
 src/image-preview/ImagePreview.js      | 13 +++++++++----
 src/image-preview/README.md            |  8 ++++----
 src/image-preview/README.zh-CN.md      |  9 +++++----
 src/image-preview/demo/index.vue       | 20 ++++++++++++++------
 src/image-preview/index.js             |  2 +-
 types/image-preview.d.ts               |  2 +-
 8 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 59fa52f91..7fb2810f6 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -175,6 +175,10 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 - `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
 
+#### ImagePreview
+
+- 移除 `async-close` 属性，可以使用新增的 `before-close` 属性代替
+
 #### Picker
 
 - 移除 change 事件的第一个参数（picker 实例）
diff --git a/src/dialog/demo/index.vue b/src/dialog/demo/index.vue
index ff0e2efa2..c78970a45 100644
--- a/src/dialog/demo/index.vue
+++ b/src/dialog/demo/index.vue
@@ -45,7 +45,7 @@ export default {
       alert1: 'Alert',
       alert2: 'Alert without title',
       confirm: 'Confirm dialog',
-      beforeClose: 'Async Close',
+      beforeClose: 'Before Close',
       roundButton: 'Round Button Style',
       componentCall: 'Component Call',
     },
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 7325560f0..03650896d 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -1,6 +1,7 @@
 // Utils
 import { inBrowser } from '../utils';
 import { bem, createComponent } from './shared';
+import { callInterceptor } from '../utils/interceptor';
 
 // Mixins
 import { TouchMixin } from '../mixins/touch';
@@ -25,7 +26,7 @@ export default createComponent({
     show: Boolean,
     className: null,
     closeable: Boolean,
-    asyncClose: Boolean,
+    beforeClose: Function,
     showIndicators: Boolean,
     images: {
       type: Array,
@@ -115,9 +116,13 @@ export default createComponent({
     },
 
     emitClose() {
-      if (!this.asyncClose) {
-        this.$emit('update:show', false);
-      }
+      callInterceptor({
+        interceptor: this.beforeClose,
+        args: [this.active],
+        done: () => {
+          this.$emit('update:show', false);
+        },
+      });
     },
 
     emitScale(args) {
diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index 66e2bdc0a..7821bd48c 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -63,7 +63,7 @@ ImagePreview({
 });
 ```
 
-### Async Close
+### Before Close
 
 ```js
 const instance = ImagePreview({
@@ -71,7 +71,7 @@ const instance = ImagePreview({
     'https://img.yzcdn.cn/vant/apple-1.jpg',
     'https://img.yzcdn.cn/vant/apple-2.jpg',
   ],
-  asyncClose: true,
+  beforeClose: () => false,
 });
 
 setTimeout(() => {
@@ -123,7 +123,7 @@ export default {
 | onChange | Triggered when current image change | _Function_ | - |
 | onScale | Triggered when current image scale | _Function_ | - |
 | closeOnPopstate | Whether to close when popstate | _boolean_ | `true` |
-| asyncClose | Whether to enable async close | _boolean_ | `false` |
+| beforeClose | Callback before close | _(action) => boolean \| Promise_ | - |
 | className | Custom className | _any_ | - |
 | maxZoom | Max zoom | _number \| string_ | `3` |
 | minZoom | Min zoom | _number \| string_ | `1/3` |
@@ -142,7 +142,7 @@ export default {
 | show-index | Whether to show index | _boolean_ | `true` |
 | show-indicators | Whether to show indicators | _boolean_ | `false` |
 | loop | Whether to enable loop | _boolean_ | `true` |
-| async-close | Whether to enable async close | _boolean_ | `false` |
+| before-close | Callback before close | _(action) => boolean \| Promise_ | - |
 | close-on-popstate | Whether to close when popstate | _boolean_ | `true` |
 | class-name | Custom className | _any_ | - |
 | max-zoom | Max zoom | _number \| string_ | `3` |
diff --git a/src/image-preview/README.zh-CN.md b/src/image-preview/README.zh-CN.md
index 72e1e7909..8a5e78809 100644
--- a/src/image-preview/README.zh-CN.md
+++ b/src/image-preview/README.zh-CN.md
@@ -95,7 +95,7 @@ ImagePreview({
 
 ### 异步关闭
 
-通过`asyncClose`属性可以开启异步关闭，开启后异步关闭后，只能通过实例上的 close 方法关闭图片预览。
+通过 `beforeClose` 属性可以拦截关闭行为。
 
 ```js
 const instance = ImagePreview({
@@ -103,10 +103,11 @@ const instance = ImagePreview({
     'https://img.yzcdn.cn/vant/apple-1.jpg',
     'https://img.yzcdn.cn/vant/apple-2.jpg',
   ],
-  asyncClose: true,
+  beforeClose: () => false,
 });
 
 setTimeout(() => {
+  // 调用实例上的 close 方法手动关闭图片预览
   instance.close();
 }, 2000);
 ```
@@ -158,7 +159,7 @@ export default {
 | onClose | 关闭时的回调函数 | _Function_ | - |
 | onChange | 切换图片时的回调函数，回调参数为当前索引 | _Function_ | - |
 | onScale | 缩放图片时的回调函数，回调参数为当前索引和当前缩放值组成的对象 | _Function_ | - |
-| asyncClose | 是否开启异步关闭 | _boolean_ | `false` |
+| beforeClose | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(active) => boolean \| Promise_ | - |
 | closeOnPopstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
 | className | 自定义类名 | _any_ | - |
 | maxZoom | 手势缩放时，最大缩放比例 | _number \| string_ | `3` |
@@ -180,7 +181,7 @@ export default {
 | show-index | 是否显示页码 | _boolean_ | `true` |
 | show-indicators | 是否显示轮播指示器 | _boolean_ | `false` |
 | loop | 是否开启循环播放 | _boolean_ | `true` |
-| async-close | 是否开启异步关闭 | _boolean_ | `false` |
+| before-close | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(active) => boolean \| Promise_ | - |
 | close-on-popstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
 | class-name | 自定义类名 | _any_ | - |
 | max-zoom | 手势缩放时，最大缩放比例 | _number \| string_ | `3` |
diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index 82a8fd514..bf8da5739 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -18,9 +18,9 @@
       </van-cell>
     </demo-block>
 
-    <demo-block card :title="t('asyncClose')">
-      <van-cell is-link @click="showImagePreview({ asyncClose: true })">
-        {{ t('asyncClose') }}
+    <demo-block card :title="t('beforeClose')">
+      <van-cell is-link @click="showImagePreview({ beforeClose })">
+        {{ t('beforeClose') }}
       </van-cell>
     </demo-block>
 
@@ -55,7 +55,7 @@ export default {
       closed: '关闭',
       showClose: '展示关闭按钮',
       showImages: '预览图片',
-      asyncClose: '异步关闭',
+      beforeClose: '异步关闭',
       closeEvent: '监听关闭事件',
       customConfig: '传入配置项',
       startPosition: '指定初始位置',
@@ -66,7 +66,7 @@ export default {
       closed: 'closed',
       showClose: 'Show Close Icon',
       showImages: 'Show Images',
-      asyncClose: 'Async Close',
+      beforeClose: 'Before Close',
       closeEvent: 'Close Event',
       customConfig: 'Custom Config',
       startPosition: 'Set Start Position',
@@ -88,6 +88,14 @@ export default {
       this.$toast(this.t('closed'));
     },
 
+    beforeClose() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(true);
+        }, 1000);
+      });
+    },
+
     componentCall() {
       this.show = true;
     },
@@ -102,7 +110,7 @@ export default {
         ...options,
       });
 
-      if (options.asyncClose) {
+      if (options.beforeClose) {
         setTimeout(() => {
           instance.close();
         }, 2000);
diff --git a/src/image-preview/index.js b/src/image-preview/index.js
index b4e3fb9d8..4cd178fd8 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -17,7 +17,7 @@ const defaultConfig = {
   showIndex: true,
   closeable: false,
   closeIcon: 'clear',
-  asyncClose: false,
+  beforeClose: null,
   startPosition: 0,
   swipeDuration: 500,
   showIndicators: false,
diff --git a/types/image-preview.d.ts b/types/image-preview.d.ts
index 44e00288b..45515bbcd 100644
--- a/types/image-preview.d.ts
+++ b/types/image-preview.d.ts
@@ -12,7 +12,7 @@ export type ImagePreviewOptions =
       showIndex?: boolean;
       closeable?: boolean;
       closeIcon?: string;
-      asyncClose?: boolean;
+      beforeClose?: (active: number) => boolean | Promise<boolean>;
       swipeDuration?: number;
       startPosition?: number;
       showIndicators?: boolean;

From d61df0649f49d3654861bce00e38b6bfecdb8c49 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:40:00 +0800
Subject: [PATCH 341/626] breaking change(SwipeCell): adjust before-close usage

---
 docs/markdown/migrate-from-v2.zh-CN.md |  1 +
 src/dialog/README.md                   |  4 ++--
 src/image-preview/README.md            |  4 ++--
 src/swipe-cell/README.md               | 16 +++++++--------
 src/swipe-cell/README.zh-CN.md         | 28 ++++++++++++--------------
 src/swipe-cell/demo/index.vue          | 20 +++++++++---------
 src/swipe-cell/index.js                | 22 +++++++++++---------
 7 files changed, 48 insertions(+), 47 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 7fb2810f6..054f0e242 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -189,6 +189,7 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 - `open` 事件的 `detail` 参数重命名为 `name`
 - `on-close` 属性重命名为 `before-close`，并调整参数结构
+- `before-close` 属性不再传入组件实例
 
 #### Toast
 
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 5e6cfe6e4..26aa5b11e 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -156,7 +156,7 @@ export default {
 | closeOnClickOverlay | Whether to close when click overlay | _boolean_ | `false` |
 | lockScroll | Whether to lock body scroll | _boolean_ | `true` |
 | allowHtml `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
-| beforeClose | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
+| beforeClose | Callback function before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
 | teleport | Return the mount node for Dialog | _string \| Element_ | `body` |
 
@@ -184,7 +184,7 @@ export default {
 | lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
 | lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
 | allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
-| before-close | Callback before close | _(action) => boolean \| Promise_ | - |
+| before-close | Callback function before close | _(action) => boolean \| Promise_ | - |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
 | teleport | Return the mount node for Dialog | _string \| Element_ | - |
 
diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index 7821bd48c..df70fda0a 100644
--- a/src/image-preview/README.md
+++ b/src/image-preview/README.md
@@ -123,7 +123,7 @@ export default {
 | onChange | Triggered when current image change | _Function_ | - |
 | onScale | Triggered when current image scale | _Function_ | - |
 | closeOnPopstate | Whether to close when popstate | _boolean_ | `true` |
-| beforeClose | Callback before close | _(action) => boolean \| Promise_ | - |
+| beforeClose | Callback function before close | _(action) => boolean \| Promise_ | - |
 | className | Custom className | _any_ | - |
 | maxZoom | Max zoom | _number \| string_ | `3` |
 | minZoom | Min zoom | _number \| string_ | `1/3` |
@@ -142,7 +142,7 @@ export default {
 | show-index | Whether to show index | _boolean_ | `true` |
 | show-indicators | Whether to show indicators | _boolean_ | `false` |
 | loop | Whether to enable loop | _boolean_ | `true` |
-| before-close | Callback before close | _(action) => boolean \| Promise_ | - |
+| before-close | Callback function before close | _(action) => boolean \| Promise_ | - |
 | close-on-popstate | Whether to close when popstate | _boolean_ | `true` |
 | class-name | Custom className | _any_ | - |
 | max-zoom | Max zoom | _number \| string_ | `3` |
diff --git a/src/swipe-cell/README.md b/src/swipe-cell/README.md
index 770b81b5d..6fea1690f 100644
--- a/src/swipe-cell/README.md
+++ b/src/swipe-cell/README.md
@@ -78,15 +78,15 @@ export default {
         case 'left':
         case 'cell':
         case 'outside':
-          instance.close();
-          break;
+          return true;
         case 'right':
-          Dialog.confirm({
-            message: 'Are you sure to delete?',
-          }).then(() => {
-            instance.close();
+          return new Promise((resolve) => {
+            this.$dialog
+              .confirm({
+                message: 'Are you sure to delete?',
+              })
+              .then(resolve);
           });
-          break;
       }
     },
   },
@@ -102,7 +102,7 @@ export default {
 | name | Identifier of SwipeCell | _number \| string_ | - |
 | left-width | Width of the left swipe area | _number \| string_ | `auto` |
 | right-width | Width of the right swipe area | _number \| string_ | `auto` |
-| before-close `v2.3.0` | Callback function before close | _Function_ | - |
+| before-close `v2.3.0` | Callback function before close | _(args) => boolean \| Promise_ | - |
 | disabled | Whether to disabled swipe | _boolean_ | `false` |
 | stop-propagation | Whether to stop touchmove event propagation | _boolean_ | `false` |
 
diff --git a/src/swipe-cell/README.zh-CN.md b/src/swipe-cell/README.zh-CN.md
index 1c13f25f5..b7190001f 100644
--- a/src/swipe-cell/README.zh-CN.md
+++ b/src/swipe-cell/README.zh-CN.md
@@ -80,21 +80,20 @@ app.use(SwipeCell);
 export default {
   methods: {
     // position 为关闭时点击的位置
-    // instance 为对应的 SwipeCell 实例
-    beforeClose({ position, instance }) {
+    beforeClose({ position }) {
       switch (position) {
         case 'left':
         case 'cell':
         case 'outside':
-          instance.close();
-          break;
+          return true;
         case 'right':
-          Dialog.confirm({
-            message: '确定删除吗？',
-          }).then(() => {
-            instance.close();
+          return new Promise((resolve) => {
+            this.$dialog
+              .confirm({
+                message: '确定删除吗？',
+              })
+              .then(resolve);
           });
-          break;
       }
     },
   },
@@ -110,7 +109,7 @@ export default {
 | name | 标识符，可以在事件参数中获取到 | _number \| string_ | - |
 | left-width | 指定左侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
 | right-width | 指定右侧滑动区域宽度，单位为`px` | _number \| string_ | `auto` |
-| before-close `v2.3.0` | 关闭前的回调函数 | _Function_ | - |
+| before-close | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(args) => boolean \| Promise_ | - |
 | disabled | 是否禁用滑动 | _boolean_ | `false` |
 | stop-propagation | 是否阻止滑动事件冒泡 | _boolean_ | `false` |
 
@@ -134,11 +133,10 @@ export default {
 
 beforeClose 的第一个参数为对象，对象中包含以下属性：
 
-| 参数名   | 说明                                               | 类型        |
-| -------- | -------------------------------------------------- | ----------- |
-| name     | 标识符                                             | _string_    |
-| position | 关闭时的点击位置 (`left` `right` `cell` `outside`) | _string_    |
-| instance | SwipeCell 实例，用于调用实例方法                   | _SwipeCell_ |
+| 参数名   | 说明                                               | 类型     |
+| -------- | -------------------------------------------------- | -------- |
+| name     | 标识符                                             | _string_ |
+| position | 关闭时的点击位置 (`left` `right` `cell` `outside`) | _string_ |
 
 ### 方法
 
diff --git a/src/swipe-cell/demo/index.vue b/src/swipe-cell/demo/index.vue
index d7ce0629f..d574d10fb 100644
--- a/src/swipe-cell/demo/index.vue
+++ b/src/swipe-cell/demo/index.vue
@@ -81,22 +81,20 @@ export default {
   },
 
   methods: {
-    beforeClose({ position, instance }) {
+    beforeClose({ position }) {
       switch (position) {
         case 'left':
         case 'cell':
         case 'outside':
-          instance.close();
-          break;
+          return true;
         case 'right':
-          this.$dialog
-            .confirm({
-              message: this.t('confirm'),
-            })
-            .then(() => {
-              instance.close();
-            });
-          break;
+          return new Promise((resolve) => {
+            this.$dialog
+              .confirm({
+                message: this.t('confirm'),
+              })
+              .then(resolve);
+          });
       }
     },
   },
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 7a2b607fc..2c6aaf61c 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -2,6 +2,7 @@
 import { createNamespace } from '../utils';
 import { range } from '../utils/format/number';
 import { preventDefault } from '../utils/dom/event';
+import { callInterceptor } from '../utils/interceptor';
 
 // Mixins
 import { TouchMixin } from '../mixins/touch';
@@ -167,15 +168,18 @@ export default createComponent({
       this.$emit('click', position);
 
       if (this.opened && !this.lockClick) {
-        if (this.beforeClose) {
-          this.beforeClose({
-            position,
-            name: this.name,
-            instance: this,
-          });
-        } else {
-          this.close(position);
-        }
+        callInterceptor({
+          interceptor: this.beforeClose,
+          args: [
+            {
+              position,
+              name: this.name,
+            },
+          ],
+          done: () => {
+            this.close(position);
+          },
+        });
       }
     },
 

From ab07aa1064b7372f5b91648bff82c11baae575ad Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:41:10 +0800
Subject: [PATCH 342/626] docs: update migrate guide

---
 docs/markdown/migrate-from-v2.zh-CN.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 054f0e242..440047fc1 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -164,7 +164,7 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 #### Area
 
-- 移除 change 事件的第一个参数（picker 实例）
+- `change` 事件参数不再传入组件实例
 
 #### Button
 
@@ -181,9 +181,9 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 #### Picker
 
-- 移除 change 事件的第一个参数（picker 实例）
-- 默认开启 show-toolbar 属性
-- 级联选择下，confirm/change 事件返回的回调参数将包含为完整的选项对象。
+- `change` 事件参数不再传入组件实例
+- 默认开启 `show-toolbar` 属性
+- 级联选择下，`confirm`、`change` 事件返回的回调参数将包含为完整的选项对象。
 
 #### SwipeCell
 

From 8f7ac6955b4e2e9f1b46cc4cba2e25beefc51cdd Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:42:32 +0800
Subject: [PATCH 343/626] chore: release 3.0.0-alpha.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 48dcaf674..eb143cb5e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 46f58c3cab474a88288a277804adcb0931a68513 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:46:29 +0800
Subject: [PATCH 344/626] docs(changelog): 3.0.0-alpha.4

---
 docs/markdown/changelog-v3.zh-CN.md | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index b103b0329..4f907ac1c 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,31 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-alpha.4](https://github.com/youzan/vant/compare/v2.10.5...v3.0.0-alpha.4)
+
+`2020-09-06`
+
+**breaking changes**
+
+- Dialog: `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
+- SwipeCell: `before-close` 属性不再传入组件实例
+- ImagePreview: 移除 `async-close` 属性，新增 `before-close` 属性
+
+**refactor**
+
+使用 Composition API 重构以下组件：
+
+- Coupon [ec5a75](https://github.com/youzan/vant/commit/ec5a759f684531e7c5ab751d1d746d0e65d26279)
+- Dialog [2b8284](https://github.com/youzan/vant/commit/2b8284a227b6d483685cfa3a70e01774491a2ff9)
+- NumberKeyboard [f735b2](https://github.com/youzan/vant/commit/f735b24a4b71176ce5c214af69b7afc99deab85f)
+- Pagination [1cd918](https://github.com/youzan/vant/commit/1cd918395805f57a60f2cce1f5174b480cfd70f2)
+
+**Bug Fixes**
+
+- Tag: 修复 color 属性不生效的问题 [4b6da2](https://github.com/youzan/vant/commit/4b6da2aab6acae95977579094bc5707345f3d3e9)
+- 修复在 TSX 中使用组件时提示类型错误的问题 [#7076](https://github.com/youzan/vant/issues/7076)
+- 修复全量引入组件时提示类型错误的问题 [#7056](https://github.com/youzan/vant/issues/7056)
+
 ### [v3.0.0-alpha.3](https://github.com/youzan/vant/compare/v3.0.0-alpha.2...v3.0.0-alpha.3)
 
 `2020-09-01`

From 4993ea135db23dcab6c8534a68e0dea78603eb55 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:51:06 +0800
Subject: [PATCH 345/626] chore(cli): bump typescript 4.0

---
 packages/vant-cli/package.json |  6 +++---
 packages/vant-cli/yarn.lock    | 24 ++++++++++++------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index e8d8da39f..01cc0a3b6 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -49,7 +49,7 @@
     "@types/jest": "^25.2.3",
     "@types/webpack": "^4.41.13",
     "@types/webpack-dev-server": "^3.11.0",
-    "@vant/eslint-config": "^3.0.0-alpha.1",
+    "@vant/eslint-config": "^3.0.0-alpha.2",
     "@vant/markdown-loader": "^3.0.0-alpha.0",
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
@@ -95,10 +95,10 @@
     "sass-loader": "^8.0.2",
     "style-loader": "^1.2.1",
     "stylelint": "^13.5.0",
-    "typescript": "^3.9.3",
+    "typescript": "^4.0.0",
     "vue-jest": "^5.0.0-alpha.2",
     "vue-loader": "^16.0.0-beta.5",
-    "vue-router": "^4.0.0-beta.7",
+    "vue-router": "^4.0.0-beta.9",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 6e4dee67f..ece20a1e8 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2073,10 +2073,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/eslint-config@^3.0.0-alpha.1":
-  version "3.0.0-alpha.1"
-  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-alpha.1.tgz#4fd59e5a214bc1cb0dbff7053116bc97d572d8da"
-  integrity sha1-T9WeWiFLwcsNv/cFMRa8l9Vy2No=
+"@vant/eslint-config@^3.0.0-alpha.2":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-alpha.2.tgz#a5145ba05f67a6d91c1d5565ab542322bec79250"
+  integrity sha1-pRRboF9nptkcHVVlq1QjIr7HklA=
   dependencies:
     "@typescript-eslint/eslint-plugin" "^3.9.1"
     "@typescript-eslint/parser" "^3.9.1"
@@ -11750,10 +11750,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.9.3:
-  version "3.9.3"
-  resolved "https://registry.npm.taobao.org/typescript/download/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
-  integrity sha1-06yIg6l8JhOeQt9ek+7s4z1hC4o=
+typescript@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/typescript/download/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
+  integrity sha1-fqfIh3fHI8aB4zv3mIvl0AjQWsI=
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -12227,10 +12227,10 @@ vue-loader@^16.0.0-beta.5:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.7:
-  version "4.0.0-beta.7"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.7.tgz#afd8469c8f2aa86a2c785c08dfb954223f86581f"
-  integrity sha512-98CSf1ssIu0cZgdoBTqGWn9e17pueKOy4fzVyFyUhuJkjEwWNOsMMfKru6e0GTwZEtYOd6vhizvh7mkFGvdjVg==
+vue-router@^4.0.0-beta.9:
+  version "4.0.0-beta.9"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.9.tgz#8552c38c9b015527e74c9c6cb4c54868219d601e"
+  integrity sha1-hVLDjJsBVSfnTJxstMVIaCGdYB4=
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"

From 8bd9fc91d3f73d37d9548f35f08780847f98801e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:51:56 +0800
Subject: [PATCH 346/626] chore: release @vant/cli@3.0.0-alpha.9

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 01cc0a3b6..b15b7e4a4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-alpha.9",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From a5ac887477dee5ad49b79d4d6b5a1afb0e90b006 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 10:57:19 +0800
Subject: [PATCH 347/626] chore: bump deps

---
 package.json |   6 +--
 yarn.lock    | 144 +++++++++++++++++++++++++--------------------------
 2 files changed, 75 insertions(+), 75 deletions(-)

diff --git a/package.json b/package.json
index eb143cb5e..618475cfe 100644
--- a/package.json
+++ b/package.json
@@ -62,10 +62,10 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.8",
-    "@vue/compiler-sfc": "3.0.0-rc.9",
+    "@vant/cli": "^3.0.0-alpha.9",
+    "@vue/compiler-sfc": "3.0.0-rc.10",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.9"
+    "vue": "3.0.0-rc.10"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 312c8dd4c..2cbcefbf9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2034,10 +2034,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.8":
-  version "3.0.0-alpha.8"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.8.tgz#f6fa1d9b5f703f5ef9ebfa1ca1a4a7519a6c167f"
-  integrity sha512-Ho6ptvFCp+XxyDIK1C9GaCACVx+h0XxqlI/FCBLeXPf8z0ZZmUOLULFi46Pffgq9zv7l4FMkkmI+KGKMfrjgog==
+"@vant/cli@^3.0.0-alpha.9":
+  version "3.0.0-alpha.9"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.9.tgz#811fb7b159a17101c47b3556b53c770697375ece"
+  integrity sha512-qfTbDSwDKeZdcLR9GSjyZmxmup8Zo4f+g1NdSm/fKT4NsAkdMs33IfcYdScLz+0lwDrQWEhtFVRd0srxs93Fag==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
@@ -2049,7 +2049,7 @@
     "@types/jest" "^25.2.3"
     "@types/webpack" "^4.41.13"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vant/eslint-config" "^3.0.0-alpha.1"
+    "@vant/eslint-config" "^3.0.0-alpha.2"
     "@vant/markdown-loader" "^3.0.0-alpha.0"
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
@@ -2095,19 +2095,19 @@
     sass-loader "^8.0.2"
     style-loader "^1.2.1"
     stylelint "^13.5.0"
-    typescript "^3.9.3"
+    typescript "^4.0.0"
     vue-jest "^5.0.0-alpha.2"
     vue-loader "^16.0.0-beta.5"
-    vue-router "^4.0.0-beta.7"
+    vue-router "^4.0.0-beta.9"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
     webpackbar "^4.0.0"
 
-"@vant/eslint-config@^3.0.0-alpha.1":
-  version "3.0.0-alpha.1"
-  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.1.tgz#4fd59e5a214bc1cb0dbff7053116bc97d572d8da"
-  integrity sha512-1K0fxrFrqxyFBzMiflU9YUpccJywwbt1Mz5RRrTG5Pq4vPJrvIIjP9+J7YpKqPJKyq6pewKFDnol9/VylkmvJQ==
+"@vant/eslint-config@^3.0.0-alpha.2":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.2.tgz#a5145ba05f67a6d91c1d5565ab542322bec79250"
+  integrity sha512-RR0sR73Yjg4aylApRKkVo14wARmeeZTlSE+hgAKDN8LBRvIijNTZcw6gWDO41go9Ohopvq01O/Iu6gHSrafcDw==
   dependencies:
     "@typescript-eslint/eslint-plugin" "^3.9.1"
     "@typescript-eslint/parser" "^3.9.1"
@@ -2175,36 +2175,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.0-rc.9.tgz#f2baef360dec3630a230a056dde1e76c9c7bb5f5"
-  integrity sha512-/Ns7KGT5P0wh4JTM91drBmNIiBlKrCFUqIE2vk8dmaVvqEJf1mqympz1CDZpikghCQC6hKu3tYKxA7qtcMRazw==
+"@vue/compiler-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
+  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.10"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.0-rc.9.tgz#2a122181db498c0605213fe541af24ecb03ef27e"
-  integrity sha512-0hCnrIxwp0TKVXKnGYFztM4LMUvFpfXW7YoEglvHqIfZsGkyKcnCYDx4FPk1frDM21xnrr5HgcHt42rlz8lDBA==
+"@vue/compiler-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
+  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/compiler-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/compiler-sfc@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.0-rc.9.tgz#8b1af6bf1cb2561b5f92ce11053e5d21b558ca8b"
-  integrity sha512-kmjGzcyp93Q+ZKfvxC3GtI9bEXCa9TxsuO+Q9WtiyvOWBLxZkklQc1n5DFn6vtAUIjjlIE5GZoKawvn9LfKejA==
+"@vue/compiler-sfc@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.10.tgz#4351ece66cdf4d758877482f69421c43d994dbaf"
+  integrity sha1-Q1Hs5mzfTXWId0gvaUIcQ9mU268=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.9"
-    "@vue/compiler-dom" "3.0.0-rc.9"
-    "@vue/compiler-ssr" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/compiler-core" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/compiler-ssr" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2216,13 +2216,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.0-rc.9.tgz#52e4523b54d993ca0ad137813c5b1212988e62af"
-  integrity sha512-lpbnkJrhkI5QgprLPXcB1Uq402QiibPFKRUQZ5vu3zeAvUeMYuQUtZS/Dslurcvqd1dbBC/HM0gCpLtjEQ+2qA==
+"@vue/compiler-ssr@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.10.tgz#95a5f6b65b19a514c94f056994ec144b3b1b03ae"
+  integrity sha1-laX2tlsZpRTJTwVplOwUSzsbA64=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2240,34 +2240,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.0-rc.9.tgz#d6a3f40bb9c2e3b0f6f20b4693efc2f91d0c220b"
-  integrity sha512-1fJSt4zZ/icZUNsN3Te5BeVChmQ7Ner2xUYy9ALtShLSj2RwxRVhtysjXxLE16TbwLkHjsOHjA8tQWrdBfQG0A==
+"@vue/reactivity@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
+  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
   dependencies:
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/runtime-core@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.0-rc.9.tgz#5b4872363c69df6db4e937678ebdc68a141960bb"
-  integrity sha512-5tViEzPl8K1moMjCQJXqvTa/RjR/h8cZ9dUDgKfKWvZhxAmXHtmYlBWrvEeFTGWiEuZj0XlZkNxMNjuHLVF0Vg==
+"@vue/runtime-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
+  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/reactivity" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/runtime-dom@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.0-rc.9.tgz#6673901830c78cbe0b7c7c3f656db6ba49783dd1"
-  integrity sha512-OUKFLOaoshmQPaW7iaYuxl9ip3v08g8cXYr0bu68/0r94PF2/xO/b0GhoUoyeqp/pu1VzZ1TxulJ94JOXsuYjg==
+"@vue/runtime-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
+  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/runtime-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.9":
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.0-rc.9.tgz#81e71c2c40dbbfc4f05b3b4a3f92cb2842864aa3"
-  integrity sha512-SHD7qwziiG6208nKrs0qqbWbYckvBiCBCLwlRjUb6NEDUMN0TOVyzyaTvdnHND9ion/ZMdwEKMtWWtgJJkHDdw==
+"@vue/shared@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
+  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -11963,10 +11963,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.9.3:
-  version "3.9.6"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-3.9.6.tgz#8f3e0198a34c3ae17091b35571d3afd31999365a"
-  integrity sha512-Pspx3oKAPJtjNwE92YS05HQoY7z2SFyOpHo9MqJor3BXAGNaPUs83CuVp9VISFkSjyRfiTpmKuAYGJB7S7hOxw==
+typescript@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/typescript/-/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
+  integrity sha512-e4ERvRV2wb+rRZ/IQeb3jm2VxBsirQLpQhdxplZ2MEzGvDkkMmPglecnNDfSUBivMjP93vRbngYYDQqQ/78bcQ==
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
@@ -12445,24 +12445,24 @@ vue-loader@^16.0.0-beta.5:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.7:
-  version "4.0.0-beta.7"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.7.tgz#afd8469c8f2aa86a2c785c08dfb954223f86581f"
-  integrity sha512-98CSf1ssIu0cZgdoBTqGWn9e17pueKOy4fzVyFyUhuJkjEwWNOsMMfKru6e0GTwZEtYOd6vhizvh7mkFGvdjVg==
+vue-router@^4.0.0-beta.9:
+  version "4.0.0-beta.9"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.9.tgz#8552c38c9b015527e74c9c6cb4c54868219d601e"
+  integrity sha512-k8AGMm3LCTqnsEuF37AD4kcZVMwtnFEzdjACgmIII/xbLnTj3+o5XyH/zREBZutgv5q2hzlLltMVglqDQYMd/A==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.9:
-  version "3.0.0-rc.9"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.0-rc.9.tgz#8c54e6168625e3533f1f764ad3fa89235b01afb3"
-  integrity sha512-bimvpl5q/sKy1dAOE+KNX9T3p6Qq8kuNRmOYwaxtacI91ksjS7nVGse1FANhTL+XTQgl8+ySrd3f67xWi26nxw==
+vue@3.0.0-rc.10:
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
+  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.9"
-    "@vue/runtime-dom" "3.0.0-rc.9"
-    "@vue/shared" "3.0.0-rc.9"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/runtime-dom" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From c655c960262563ff181b33b39d7399129f5cda46 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 6 Sep 2020 23:06:20 +0800
Subject: [PATCH 348/626] chore(SubmitBar): extract render function

---
 packages/vant-cli/site/common/index.js |   4 +-
 src/notify/index.js                    |   2 +-
 src/submit-bar/index.js                | 126 +++++++++++++------------
 src/submit-bar/index.less              |   4 +-
 4 files changed, 71 insertions(+), 65 deletions(-)

diff --git a/packages/vant-cli/site/common/index.js b/packages/vant-cli/site/common/index.js
index 38d345ea8..6cf96dab9 100644
--- a/packages/vant-cli/site/common/index.js
+++ b/packages/vant-cli/site/common/index.js
@@ -4,9 +4,7 @@ function iframeReady(iframe, callback) {
     if (iframe.contentWindow.replacePath) {
       callback();
     } else {
-      setTimeout(() => {
-        interval();
-      }, 50);
+      setTimeout(interval, 50);
     }
   };
 
diff --git a/src/notify/index.js b/src/notify/index.js
index 2c5a80065..5e72f66df 100644
--- a/src/notify/index.js
+++ b/src/notify/index.js
@@ -42,7 +42,7 @@ function Notify(options) {
   instance.open(options);
   clearTimeout(timer);
 
-  if (options.duration && options.duration > 0) {
+  if (options.duration > 0) {
     timer = setTimeout(Notify.clear, options.duration);
   }
 
diff --git a/src/submit-bar/index.js b/src/submit-bar/index.js
index daa158683..64b6b7baa 100644
--- a/src/submit-bar/index.js
+++ b/src/submit-bar/index.js
@@ -37,68 +37,76 @@ export default createComponent({
   emits: ['submit'],
 
   setup(props, { emit, slots }) {
-    return () => {
-      const { tip, price, tipIcon } = props;
+    const renderText = () => {
+      const {
+        price,
+        label,
+        currency,
+        textAlign,
+        suffixLabel,
+        decimalLength,
+      } = props;
 
-      function Text() {
-        if (typeof price === 'number') {
-          const priceArr = (price / 100)
-            .toFixed(props.decimalLength)
-            .split('.');
-          const decimalStr = props.decimalLength ? `.${priceArr[1]}` : '';
-          return (
-            <div
-              style={{ textAlign: props.textAlign ? props.textAlign : '' }}
-              class={bem('text')}
-            >
-              <span>{props.label || t('label')}</span>
-              <span class={bem('price')}>
-                {props.currency}
-                <span class={bem('price', 'integer')}>{priceArr[0]}</span>
-                {decimalStr}
-              </span>
-              {props.suffixLabel && (
-                <span class={bem('suffix-label')}>{props.suffixLabel}</span>
-              )}
-            </div>
-          );
-        }
-      }
+      if (typeof price === 'number') {
+        const pricePair = (price / 100).toFixed(decimalLength).split('.');
+        const decimal = decimalLength ? `.${pricePair[1]}` : '';
 
-      function Tip() {
-        if (slots.tip || tip) {
-          return (
-            <div class={bem('tip')}>
-              {tipIcon && <Icon class={bem('tip-icon')} name={tipIcon} />}
-              {tip && <span class={bem('tip-text')}>{tip}</span>}
-              {slots.tip && slots.tip()}
-            </div>
-          );
-        }
-      }
-
-      return (
-        <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
-          {slots.top && slots.top()}
-          {Tip()}
-          <div class={bem('bar')}>
-            {slots.default && slots.default()}
-            {Text()}
-            <Button
-              round
-              class={bem('button', props.buttonType)}
-              type={props.buttonType}
-              color={props.buttonColor}
-              loading={props.loading}
-              disabled={props.disabled}
-              text={props.loading ? '' : props.buttonText}
-              onClick={() => {
-                emit('submit');
-              }}
-            />
+        return (
+          <div class={bem('text')} style={{ textAlign }}>
+            <span>{label || t('label')}</span>
+            <span class={bem('price')}>
+              {currency}
+              <span class={bem('price-integer')}>{pricePair[0]}</span>
+              {decimal}
+            </span>
+            {suffixLabel && (
+              <span class={bem('suffix-label')}>{suffixLabel}</span>
+            )}
           </div>
-        </div>
-      );
+        );
+      }
     };
+
+    const renderTip = () => {
+      const { tip, tipIcon } = props;
+      if (slots.tip || tip) {
+        return (
+          <div class={bem('tip')}>
+            {tipIcon && <Icon class={bem('tip-icon')} name={tipIcon} />}
+            {tip && <span class={bem('tip-text')}>{tip}</span>}
+            {slots.tip?.()}
+          </div>
+        );
+      }
+    };
+
+    const onClickButton = () => {
+      emit('submit');
+    };
+
+    const renderButton = () => (
+      <Button
+        round
+        type={props.buttonType}
+        text={props.buttonText}
+        class={bem('button', props.buttonType)}
+        color={props.buttonColor}
+        loading={props.loading}
+        disabled={props.disabled}
+        onClick={onClickButton}
+      />
+    );
+
+    return () => (
+      <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
+        {slots.top?.()}
+        {renderTip()}
+        <div class={bem('bar')}>
+          {slots.default?.()}
+          {renderText()}
+          {renderButton()}
+        </div>
+      </div>
+    );
   },
 });
diff --git a/src/submit-bar/index.less b/src/submit-bar/index.less
index 9598f3e68..75f622a42 100644
--- a/src/submit-bar/index.less
+++ b/src/submit-bar/index.less
@@ -50,7 +50,7 @@
   }
 
   &__suffix-label {
-    margin-left: 5px;
+    margin-left: @padding-base;
     font-weight: @font-weight-bold;
   }
 
@@ -59,7 +59,7 @@
     font-weight: @font-weight-bold;
     font-size: @font-size-sm;
 
-    &--integer {
+    &-integer {
       font-size: @submit-bar-price-integer-font-size;
       font-family: @submit-bar-price-font-family;
     }

From b9dbb1bc8a7cb14038f03e658624d804abdb1bf1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 7 Sep 2020 09:54:45 +0800
Subject: [PATCH 349/626] fix(Calendar): color prop not work

---
 src/calendar/components/Day.js | 47 +++++++++++++++-------------------
 1 file changed, 21 insertions(+), 26 deletions(-)

diff --git a/src/calendar/components/Day.js b/src/calendar/components/Day.js
index e7e6fa14c..73a8d4b3c 100644
--- a/src/calendar/components/Day.js
+++ b/src/calendar/components/Day.js
@@ -17,7 +17,7 @@ export default createComponent({
 
   setup(props, { emit }) {
     const style = computed(() => {
-      const { type, index, color, offset, rowHeight } = props;
+      const { item, index, color, offset, rowHeight } = props;
       const style = {
         height: rowHeight,
       };
@@ -27,7 +27,7 @@ export default createComponent({
       }
 
       if (color) {
-        switch (type) {
+        switch (item.type) {
           case 'end':
           case 'start':
           case 'start-end':
@@ -45,14 +45,14 @@ export default createComponent({
     });
 
     const onClick = () => {
-      if (props.type !== 'disabled') {
+      if (props.item.type !== 'disabled') {
         emit('click', props.item);
       }
     };
 
-    return () => {
+    const renderContent = () => {
       const { item, color, rowHeight } = props;
-      const { type, topInfo, bottomInfo } = item;
+      const { type, text, topInfo, bottomInfo } = item;
 
       const TopInfo = topInfo && <div class={bem('top-info')}>{topInfo}</div>;
 
@@ -60,42 +60,37 @@ export default createComponent({
         <div class={bem('bottom-info')}>{bottomInfo}</div>
       );
 
+      const Nodes = [TopInfo, text, BottomInfo];
+
       if (type === 'selected') {
         return (
           <div
-            role="gridcell"
-            style={style.value}
-            class={[bem('day'), item.className]}
-            tabindex={-1}
-            onClick={onClick}
+            class={bem('selected-day')}
+            style={{
+              width: rowHeight,
+              height: rowHeight,
+              background: color,
+            }}
           >
-            <div
-              class={bem('selected-day')}
-              style={{
-                width: rowHeight,
-                height: rowHeight,
-                background: color,
-              }}
-            >
-              {TopInfo}
-              {item.text}
-              {BottomInfo}
-            </div>
+            {Nodes}
           </div>
         );
       }
 
+      return Nodes;
+    };
+
+    return () => {
+      const { type, className } = props.item;
       return (
         <div
           role="gridcell"
           style={style.value}
-          class={[bem('day', type), item.className]}
+          class={[bem('day', type), className]}
           tabindex={type === 'disabled' ? null : -1}
           onClick={onClick}
         >
-          {TopInfo}
-          {item.text}
-          {BottomInfo}
+          {renderContent()}
         </div>
       );
     };

From 5849af1ff09c50c4221bab4ffd861572b3fb90a6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 7 Sep 2020 21:02:09 +0800
Subject: [PATCH 350/626] chore(Tag): remove useless key

---
 src/tag/index.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/tag/index.js b/src/tag/index.js
index b3965909b..0e279b7b8 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -56,16 +56,12 @@ export default createComponent({
 
       return (
         <Transition name={closeable ? 'van-fade' : null}>
-          {show ? (
-            <span
-              key="content"
-              style={style.value}
-              class={bem([classes, type])}
-            >
+          {show && (
+            <span style={style.value} class={bem([classes, type])}>
               {slots.default?.()}
               {CloseIcon}
             </span>
-          ) : null}
+          )}
         </Transition>
       );
     };

From b17c67ab53652a361185934cb4119eca23622d9a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 17:30:18 +0800
Subject: [PATCH 351/626] refactor(SwipeCell): refactor with composition api

---
 src/composition/use-global-event.ts |   6 +
 src/swipe-cell/index.js             | 317 +++++++++++++---------------
 2 files changed, 151 insertions(+), 172 deletions(-)

diff --git a/src/composition/use-global-event.ts b/src/composition/use-global-event.ts
index c387ba1f2..e1b0bae21 100644
--- a/src/composition/use-global-event.ts
+++ b/src/composition/use-global-event.ts
@@ -1,6 +1,8 @@
 import { on, off } from '../utils/dom/event';
 import {
   Ref,
+  ref,
+  isRef,
   watch,
   onMounted,
   onActivated,
@@ -17,6 +19,10 @@ export function useGlobalEvent(
 ) {
   let binded: boolean;
 
+  if (!isRef(target)) {
+    target = ref(target);
+  }
+
   function add() {
     if (binded || (flag && !flag.value) || !target.value) {
       return;
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 2c6aaf61c..1ff677e15 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -1,25 +1,20 @@
+import { ref, reactive, computed } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { range } from '../utils/format/number';
 import { preventDefault } from '../utils/dom/event';
 import { callInterceptor } from '../utils/interceptor';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ClickOutsideMixin } from '../mixins/click-outside';
+// Composition
+import { useRect } from '../composition/use-rect';
+import { useTouch } from '../composition/use-touch';
+import { usePublicApi } from '../composition/use-public-api';
+import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('swipe-cell');
-const THRESHOLD = 0.15;
 
 export default createComponent({
-  mixins: [
-    TouchMixin,
-    ClickOutsideMixin({
-      event: 'touchstart',
-      method: 'onClick',
-    }),
-  ],
-
   props: {
     disabled: Boolean,
     leftWidth: [Number, String],
@@ -34,211 +29,189 @@ export default createComponent({
 
   emits: ['open', 'close', 'click'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    let opened;
+    let lockClick;
+    let startOffset;
+
+    const rootRef = ref();
+    const leftRef = ref();
+    const rightRef = ref();
+
+    const state = reactive({
       offset: 0,
       dragging: false,
-    };
-  },
+    });
 
-  computed: {
-    computedLeftWidth() {
-      return +this.leftWidth || this.getWidthByRef('left');
-    },
+    const touch = useTouch();
+    const { deltaX, direction } = touch;
 
-    computedRightWidth() {
-      return +this.rightWidth || this.getWidthByRef('right');
-    },
-  },
+    const getWidthByRef = (ref) => (ref.value ? useRect(ref).width : 0);
 
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
+    const leftWidth = computed(
+      () => +props.leftWidth || getWidthByRef(leftRef)
+    );
 
-  methods: {
-    getWidthByRef(ref) {
-      if (this.$refs[ref]) {
-        const rect = this.$refs[ref].getBoundingClientRect();
-        return rect.width;
-      }
+    const rightWidth = computed(
+      () => +props.rightWidth || getWidthByRef(rightRef)
+    );
 
-      return 0;
-    },
+    const open = (position) => {
+      opened = true;
+      state.offset = position === 'left' ? leftWidth.value : -rightWidth.value;
 
-    // @exposed-api
-    open(position) {
-      const offset =
-        position === 'left' ? this.computedLeftWidth : -this.computedRightWidth;
-
-      this.opened = true;
-      this.offset = offset;
-
-      this.$emit('open', {
+      emit('open', {
+        name: props.name,
         position,
-        name: this.name,
       });
-    },
+    };
 
-    // @exposed-api
-    close(position) {
-      this.offset = 0;
+    const close = (position) => {
+      state.offset = 0;
 
-      if (this.opened) {
-        this.opened = false;
-        this.$emit('close', {
+      if (opened) {
+        opened = false;
+        emit('close', {
+          name: props.name,
           position,
-          name: this.name,
         });
       }
-    },
+    };
 
-    onTouchStart(event) {
-      if (this.disabled) {
+    const toggle = (position) => {
+      const offset = Math.abs(state.offset);
+      const THRESHOLD = 0.15;
+      const threshold = opened ? 1 - THRESHOLD : THRESHOLD;
+
+      if (position === 'left' || position === 'right') {
+        const width = position === 'left' ? leftWidth.value : rightWidth.value;
+
+        if (width && offset > width * threshold) {
+          open(position);
+          return;
+        }
+      }
+
+      close();
+    };
+
+    const onTouchStart = (event) => {
+      if (!props.disabled) {
+        startOffset = state.offset;
+        touch.start(event);
+      }
+    };
+
+    const onTouchMove = (event) => {
+      if (props.disabled) {
         return;
       }
 
-      this.startOffset = this.offset;
-      this.touchStart(event);
-    },
+      touch.move(event);
 
-    onTouchMove(event) {
-      if (this.disabled) {
-        return;
-      }
+      if (direction.value === 'horizontal') {
+        lockClick = true;
+        state.dragging = true;
 
-      this.touchMove(event);
-
-      if (this.direction === 'horizontal') {
-        this.dragging = true;
-        this.lockClick = true;
-
-        const isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
-
-        if (isPrevent) {
-          preventDefault(event, this.stopPropagation);
+        const isEdge = !opened || deltaX.value * startOffset < 0;
+        if (isEdge) {
+          preventDefault(event, props.stopPropagation);
         }
 
-        this.offset = range(
-          this.deltaX + this.startOffset,
-          -this.computedRightWidth,
-          this.computedLeftWidth
+        state.offset = range(
+          deltaX.value + startOffset,
+          -rightWidth.value,
+          leftWidth.value
         );
       }
-    },
+    };
 
-    onTouchEnd() {
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragging) {
-        this.toggle(this.offset > 0 ? 'left' : 'right');
-        this.dragging = false;
+    const onTouchEnd = () => {
+      if (state.dragging) {
+        state.dragging = false;
+        toggle(state.offset > 0 ? 'left' : 'right');
 
         // compatible with desktop scenario
         setTimeout(() => {
-          this.lockClick = false;
+          lockClick = false;
         }, 0);
       }
-    },
+    };
 
-    toggle(direction) {
-      const offset = Math.abs(this.offset);
-      const threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
-      const { computedLeftWidth, computedRightWidth } = this;
+    const onClick = (position = 'outside') => {
+      emit('click', position);
 
-      if (
-        computedRightWidth &&
-        direction === 'right' &&
-        offset > computedRightWidth * threshold
-      ) {
-        this.open('right');
-      } else if (
-        computedLeftWidth &&
-        direction === 'left' &&
-        offset > computedLeftWidth * threshold
-      ) {
-        this.open('left');
-      } else {
-        this.close();
-      }
-    },
-
-    onClick(position = 'outside') {
-      this.$emit('click', position);
-
-      if (this.opened && !this.lockClick) {
+      if (opened && !lockClick) {
         callInterceptor({
-          interceptor: this.beforeClose,
+          interceptor: props.beforeClose,
           args: [
             {
+              name: props.name,
               position,
-              name: this.name,
             },
           ],
           done: () => {
-            this.close(position);
+            close(position);
           },
         });
       }
-    },
-
-    getClickHandler(position, stop) {
-      return (event) => {
-        if (stop) {
-          event.stopPropagation();
-        }
-        this.onClick(position);
-      };
-    },
-
-    genLeftPart() {
-      const content = this.$slots.left?.();
-
-      if (content) {
-        return (
-          <div
-            ref="left"
-            class={bem('left')}
-            onClick={this.getClickHandler('left', true)}
-          >
-            {content}
-          </div>
-        );
-      }
-    },
-
-    genRightPart() {
-      const content = this.$slots.right?.();
-
-      if (content) {
-        return (
-          <div
-            ref="right"
-            class={bem('right')}
-            onClick={this.getClickHandler('right', true)}
-          >
-            {content}
-          </div>
-        );
-      }
-    },
-  },
-
-  render() {
-    const wrapperStyle = {
-      transform: `translate3d(${this.offset}px, 0, 0)`,
-      transitionDuration: this.dragging ? '0s' : '.6s',
     };
 
-    return (
-      <div class={bem()} onClick={this.getClickHandler('cell')}>
-        <div class={bem('wrapper')} style={wrapperStyle}>
-          {this.genLeftPart()}
-          {this.$slots.default?.()}
-          {this.genRightPart()}
+    const getClickHandler = (position, stop) => (event) => {
+      if (stop) {
+        event.stopPropagation();
+      }
+      onClick(position);
+    };
+
+    const renderSideContent = (position, ref) => {
+      if (slots[position]) {
+        return (
+          <div
+            ref={ref}
+            class={bem(position)}
+            onClick={getClickHandler(position, true)}
+          >
+            {slots[position]()}
+          </div>
+        );
+      }
+    };
+
+    usePublicApi({
+      open,
+      close,
+    });
+
+    useClickOutside({
+      element: rootRef,
+      event: 'touchstart',
+      callback: onClick,
+    });
+
+    return () => {
+      const wrapperStyle = {
+        transform: `translate3d(${state.offset}px, 0, 0)`,
+        transitionDuration: state.dragging ? '0s' : '.6s',
+      };
+
+      return (
+        <div
+          ref={rootRef}
+          class={bem()}
+          onClick={getClickHandler('cell')}
+          onTouchstart={onTouchStart}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
+        >
+          <div class={bem('wrapper')} style={wrapperStyle}>
+            {renderSideContent('left', leftRef)}
+            {slots.default?.()}
+            {renderSideContent('right', rightRef)}
+          </div>
         </div>
-      </div>
-    );
+      );
+    };
   },
 });

From 60e08767b313e90b13c6a4a3246a113367ed09a5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 17:38:38 +0800
Subject: [PATCH 352/626] refactor(DatetimePicker): refactor with composition
 api

---
 src/datetime-picker/index.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index 7f0b7f561..a0de94b10 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -1,4 +1,6 @@
+import { ref } from 'vue';
 import { createNamespace } from '../utils';
+import { usePublicApi } from '../composition/use-public-api';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 
@@ -10,15 +12,16 @@ export default createComponent({
     ...DatePicker.props,
   },
 
-  methods: {
-    // @exposed-api
-    getPicker() {
-      return this.$refs.root.getPicker();
-    },
-  },
+  setup(props) {
+    const rootRef = ref();
 
-  render() {
-    const Component = this.type === 'time' ? TimePicker : DatePicker;
-    return <Component ref="root" class={bem()} {...this.$props} />;
+    usePublicApi({
+      getPicker: () => rootRef.value && rootRef.value.getPicker(),
+    });
+
+    return () => {
+      const Component = props.type === 'time' ? TimePicker : DatePicker;
+      return <Component ref={rootRef} class={bem()} {...props} />;
+    };
   },
 });

From 38740b6c1c783d49a2201b24ba51121576e4c643 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 17:58:27 +0800
Subject: [PATCH 353/626] refactor(Grid): refactor with composition api

---
 src/grid-item/index.js | 153 ++++++++++++++++++++---------------------
 src/grid/index.js      |  29 +++-----
 2 files changed, 83 insertions(+), 99 deletions(-)

diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index e209337ce..d98585982 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -1,10 +1,13 @@
+import { computed } from 'vue';
+
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../composition/use-route';
+import { GRID_KEY } from '../grid';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '../composition/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
@@ -13,24 +16,22 @@ import Badge from '../badge';
 const [createComponent, bem] = createNamespace('grid-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanGrid')],
-
   props: {
     ...routeProps,
     dot: Boolean,
     text: String,
     icon: String,
-    iconPrefix: String,
     badge: [Number, String],
+    iconPrefix: String,
   },
 
-  emits: ['click'],
+  setup(props, { slots }) {
+    const { parent, index } = useParent(GRID_KEY);
+    const route = useRoute();
 
-  computed: {
-    style() {
-      const { square, gutter, columnNum } = this.parent;
+    const rootStyle = computed(() => {
+      const { square, gutter, columnNum } = parent.props;
       const percent = `${100 / columnNum}%`;
-
       const style = {
         flexBasis: percent,
       };
@@ -41,111 +42,103 @@ export default createComponent({
         const gutterValue = addUnit(gutter);
         style.paddingRight = gutterValue;
 
-        if (this.index >= columnNum) {
+        if (index.value >= columnNum) {
           style.marginTop = gutterValue;
         }
       }
 
       return style;
-    },
+    });
 
-    contentStyle() {
-      const { square, gutter } = this.parent;
+    const contentStyle = computed(() => {
+      const { square, gutter } = parent.props;
 
       if (square && gutter) {
         const gutterValue = addUnit(gutter);
-
         return {
           right: gutterValue,
           bottom: gutterValue,
           height: 'auto',
         };
       }
-    },
-  },
+    });
 
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-
-    genIcon() {
-      if (this.$slots.icon) {
+    const renderIcon = () => {
+      if (slots.icon) {
         return (
           <div class={bem('icon-wrapper')}>
-            {this.$slots.icon()}
-            <Badge dot={this.dot} badge={this.badge} />
+            {slots.icon()}
+            <Badge dot={props.dot} badge={props.badge} />
           </div>
         );
       }
 
-      if (this.icon) {
+      if (props.icon) {
         return (
           <Icon
-            dot={this.dot}
-            name={this.icon}
-            size={this.parent.iconSize}
-            badge={this.badge}
+            dot={props.dot}
+            name={props.icon}
+            size={parent.props.iconSize}
+            badge={props.badge}
             class={bem('icon')}
-            classPrefix={this.iconPrefix}
+            classPrefix={props.iconPrefix}
           />
         );
       }
-    },
+    };
 
-    getText() {
-      if (this.$slots.text) {
-        return this.$slots.text();
+    const renderText = () => {
+      if (slots.text) {
+        return slots.text();
       }
-
-      if (this.text) {
-        return <span class={bem('text')}>{this.text}</span>;
+      if (props.text) {
+        return <span class={bem('text')}>{props.text}</span>;
       }
-    },
+    };
 
-    genContent() {
-      if (this.$slots.default) {
-        return this.$slots.default();
+    const renderContent = () => {
+      if (slots.default) {
+        return slots.default();
       }
+      return [renderIcon(), renderText()];
+    };
 
-      return [this.genIcon(), this.getText()];
-    },
-  },
+    return () => {
+      const {
+        center,
+        border,
+        square,
+        gutter,
+        direction,
+        clickable,
+      } = parent.props;
 
-  render() {
-    const {
-      center,
-      border,
-      square,
-      gutter,
-      direction,
-      clickable,
-    } = this.parent;
+      const classes = [
+        bem('content', [
+          direction,
+          {
+            center,
+            square,
+            clickable,
+            surround: border && gutter,
+          },
+        ]),
+        { [BORDER]: border },
+      ];
 
-    return (
-      <div class={[bem({ square })]} style={this.style}>
-        <div
-          style={this.contentStyle}
-          role={clickable ? 'button' : null}
-          tabindex={clickable ? 0 : null}
-          class={[
-            bem('content', [
-              direction,
-              {
-                center,
-                square,
-                clickable,
-                surround: border && gutter,
-              },
-            ]),
-            { [BORDER]: border },
-          ]}
-          onClick={this.onClick}
-        >
-          {this.genContent()}
+      return (
+        <div class={[bem({ square })]} style={rootStyle.value}>
+          <div
+            role={clickable ? 'button' : null}
+            class={classes}
+            style={contentStyle.value}
+            tabindex={clickable ? 0 : null}
+            onClick={route}
+          >
+            {renderContent()}
+          </div>
         </div>
-      </div>
-    );
+      );
+    };
   },
 });
diff --git a/src/grid/index.js b/src/grid/index.js
index 5c0d7f62c..1854f7933 100644
--- a/src/grid/index.js
+++ b/src/grid/index.js
@@ -1,12 +1,12 @@
+import { provide, reactive } from 'vue';
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
-import { ParentMixin } from '../mixins/relation';
 
 const [createComponent, bem] = createNamespace('grid');
 
-export default createComponent({
-  mixins: [ParentMixin('vanGrid')],
+export const GRID_KEY = 'vanGrid';
 
+export default createComponent({
   props: {
     square: Boolean,
     gutter: [Number, String],
@@ -27,25 +27,16 @@ export default createComponent({
     },
   },
 
-  computed: {
-    style() {
-      const { gutter } = this;
+  setup(props, { slots }) {
+    const children = reactive([]);
+    provide(GRID_KEY, { props, children });
 
-      if (gutter) {
-        return {
-          paddingLeft: addUnit(gutter),
-        };
-      }
-    },
-  },
-
-  render() {
-    return (
+    return () => (
       <div
-        style={this.style}
-        class={[bem(), { [BORDER_TOP]: this.border && !this.gutter }]}
+        style={{ paddingLeft: addUnit(props.gutter) }}
+        class={[bem(), { [BORDER_TOP]: props.border && !props.gutter }]}
       >
-        {this.$slots.default?.()}
+        {slots.default?.()}
       </div>
     );
   },

From 9f632f151e3028adfd376f8ad166bf9d8af356fc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 19:14:55 +0800
Subject: [PATCH 354/626] refactor(PullRefresh): refactor with composition api

---
 src/pull-refresh/index.js | 272 +++++++++++++++++++-------------------
 1 file changed, 137 insertions(+), 135 deletions(-)

diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index f498925b4..acf092897 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -1,10 +1,13 @@
+import { ref, watch, reactive, nextTick } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
+import { getScrollTop } from '../utils/dom/scroll';
 import { preventDefault } from '../utils/dom/event';
-import { getScrollTop, getScroller } from '../utils/dom/scroll';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
+// Composition
+import { useTouch } from '../composition/use-touch';
+import { useScroller } from '../composition/use-scroller';
 
 // Components
 import Loading from '../loading';
@@ -15,8 +18,6 @@ const DEFAULT_HEAD_HEIGHT = 50;
 const TEXT_STATUS = ['pulling', 'loosing', 'success'];
 
 export default createComponent({
-  mixins: [TouchMixin],
-
   props: {
     disabled: Boolean,
     successText: String,
@@ -43,104 +44,36 @@ export default createComponent({
 
   emits: ['refresh', 'update:modelValue'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    let reachTop;
+
+    const rootRef = ref();
+    const scroller = useScroller(rootRef);
+
+    const state = reactive({
       status: 'normal',
       distance: 0,
       duration: 0,
-    };
-  },
+    });
 
-  computed: {
-    touchable() {
-      return (
-        this.status !== 'loading' && this.status !== 'success' && !this.disabled
-      );
-    },
+    const touch = useTouch();
+    const { deltaY, direction } = touch;
 
-    headStyle() {
-      if (this.headHeight !== DEFAULT_HEAD_HEIGHT) {
+    const getHeadStyle = () => {
+      if (props.headHeight !== DEFAULT_HEAD_HEIGHT) {
         return {
-          height: `${this.headHeight}px`,
+          height: `${props.headHeight}px`,
         };
       }
-    },
-  },
+    };
 
-  watch: {
-    modelValue(loading) {
-      this.duration = this.animationDuration;
+    const isTouchable = () =>
+      state.status !== 'loading' &&
+      state.status !== 'success' &&
+      !props.disabled;
 
-      if (loading) {
-        this.setStatus(+this.headHeight, true);
-      } else if (
-        this.$slots.success ? this.$slots.success() : this.successText
-      ) {
-        this.showSuccessTip();
-      } else {
-        this.setStatus(0, false);
-      }
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$refs.track);
-    this.scrollEl = getScroller(this.$el);
-  },
-
-  methods: {
-    checkPullStart(event) {
-      this.ceiling = getScrollTop(this.scrollEl) === 0;
-
-      if (this.ceiling) {
-        this.duration = 0;
-        this.touchStart(event);
-      }
-    },
-
-    onTouchStart(event) {
-      if (this.touchable) {
-        this.checkPullStart(event);
-      }
-    },
-
-    onTouchMove(event) {
-      if (!this.touchable) {
-        return;
-      }
-
-      if (!this.ceiling) {
-        this.checkPullStart(event);
-      }
-
-      this.touchMove(event);
-
-      if (this.ceiling && this.deltaY >= 0 && this.direction === 'vertical') {
-        preventDefault(event);
-        this.setStatus(this.ease(this.deltaY));
-      }
-    },
-
-    onTouchEnd() {
-      if (this.touchable && this.ceiling && this.deltaY) {
-        this.duration = this.animationDuration;
-
-        if (this.status === 'loosing') {
-          this.setStatus(+this.headHeight, true);
-          this.$emit('update:modelValue', true);
-
-          // ensure value change can be watched
-          this.$nextTick(() => {
-            this.$emit('refresh');
-          });
-        } else {
-          this.setStatus(0);
-        }
-      }
-    },
-
-    ease(distance) {
-      const headHeight = +this.headHeight;
+    const ease = (distance) => {
+      const headHeight = +props.headHeight;
 
       if (distance > headHeight) {
         if (distance < headHeight * 2) {
@@ -151,34 +84,31 @@ export default createComponent({
       }
 
       return Math.round(distance);
-    },
+    };
+
+    const setStatus = (distance, isLoading) => {
+      state.distance = distance;
 
-    setStatus(distance, isLoading) {
-      let status;
       if (isLoading) {
-        status = 'loading';
+        state.status = 'loading';
       } else if (distance === 0) {
-        status = 'normal';
+        state.status = 'normal';
+      } else if (distance < props.headHeight) {
+        state.status = 'pulling';
       } else {
-        status = distance < this.headHeight ? 'pulling' : 'loosing';
+        state.status = 'loosing';
       }
+    };
 
-      this.distance = distance;
+    const renderStatus = () => {
+      const { status, distance } = state;
 
-      if (status !== this.status) {
-        this.status = status;
-      }
-    },
-
-    genStatus() {
-      const { status, distance } = this;
-
-      if (this.$slots[status]) {
-        return this.$slots[status]({ distance });
+      if (slots[status]) {
+        return slots[status]({ distance });
       }
 
       const nodes = [];
-      const text = (status !== 'normal' && this[`${status}Text`]) || t(status);
+      const text = (status !== 'normal' && props[`${status}Text`]) || t(status);
 
       if (TEXT_STATUS.indexOf(status) !== -1) {
         nodes.push(<div class={bem('text')}>{text}</div>);
@@ -189,32 +119,104 @@ export default createComponent({
       }
 
       return nodes;
-    },
-
-    showSuccessTip() {
-      this.status = 'success';
-
-      setTimeout(() => {
-        this.setStatus(0);
-      }, this.successDuration);
-    },
-  },
-
-  render() {
-    const trackStyle = {
-      transitionDuration: `${this.duration}ms`,
-      transform: this.distance ? `translate3d(0,${this.distance}px, 0)` : '',
     };
 
-    return (
-      <div class={bem()}>
-        <div ref="track" class={bem('track')} style={trackStyle}>
-          <div class={bem('head')} style={this.headStyle}>
-            {this.genStatus()}
-          </div>
-          {this.$slots.default?.()}
-        </div>
-      </div>
+    const showSuccessTip = () => {
+      state.status = 'success';
+
+      setTimeout(() => {
+        setStatus(0);
+      }, props.successDuration);
+    };
+
+    const checkPosition = (event) => {
+      reachTop = getScrollTop(scroller.value) === 0;
+
+      if (reachTop) {
+        state.duration = 0;
+        touch.start(event);
+      }
+    };
+
+    const onTouchStart = (event) => {
+      if (isTouchable()) {
+        checkPosition(event);
+      }
+    };
+
+    const onTouchMove = (event) => {
+      if (isTouchable()) {
+        if (!reachTop) {
+          checkPosition(event);
+        }
+
+        touch.move(event);
+
+        if (reachTop && deltaY.value >= 0 && direction.value === 'vertical') {
+          preventDefault(event);
+          setStatus(ease(deltaY.value));
+        }
+      }
+    };
+
+    const onTouchEnd = () => {
+      if (reachTop && deltaY.value && isTouchable()) {
+        state.duration = props.animationDuration;
+
+        if (state.status === 'loosing') {
+          setStatus(+props.headHeight, true);
+          emit('update:modelValue', true);
+
+          // ensure value change can be watched
+          nextTick(() => {
+            emit('refresh');
+          });
+        } else {
+          setStatus(0);
+        }
+      }
+    };
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        state.duration = props.animationDuration;
+
+        if (value) {
+          setStatus(+props.headHeight, true);
+        } else if (slots.success || props.successText) {
+          showSuccessTip();
+        } else {
+          setStatus(0, false);
+        }
+      }
     );
+
+    return () => {
+      const trackStyle = {
+        transitionDuration: `${state.duration}ms`,
+        transform: state.distance
+          ? `translate3d(0,${state.distance}px, 0)`
+          : '',
+      };
+
+      return (
+        <div ref={rootRef} class={bem()}>
+          <div
+            class={bem('track')}
+            style={trackStyle}
+            onTouchstart={onTouchStart}
+            onTouchmove={onTouchMove}
+            onTouchend={onTouchEnd}
+            onTouchcancel={onTouchEnd}
+          >
+            <div class={bem('head')} style={getHeadStyle()}>
+              {renderStatus()}
+            </div>
+            {slots.default?.()}
+          </div>
+        </div>
+      );
+    };
   },
 });

From 60eef853db232a3e33f20255b6009efdf05ba696 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 20:06:41 +0800
Subject: [PATCH 355/626] chore: downgrade vue to 3.0.0-rc.5

---
 package.json |   4 +-
 yarn.lock    | 106 +++++++++++++++++++++++++--------------------------
 2 files changed, 55 insertions(+), 55 deletions(-)

diff --git a/package.json b/package.json
index 618475cfe..00cdfcfe8 100644
--- a/package.json
+++ b/package.json
@@ -63,9 +63,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.9",
-    "@vue/compiler-sfc": "3.0.0-rc.10",
+    "@vue/compiler-sfc": "3.0.0-rc.5",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.10"
+    "vue": "3.0.0-rc.5"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 2cbcefbf9..3fe549e51 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,36 +2175,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
-  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
+"@vue/compiler-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
+  integrity sha1-3U8YFvyuNKgbxg5YT5eZPK0oTVQ=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.5"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
-  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
+"@vue/compiler-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
+  integrity sha1-g5BehgESOjZUuQ+9gHCKFlMM4ho=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/compiler-sfc@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.10.tgz#4351ece66cdf4d758877482f69421c43d994dbaf"
-  integrity sha1-Q1Hs5mzfTXWId0gvaUIcQ9mU268=
+"@vue/compiler-sfc@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
+  integrity sha1-N05Spvv4+5ruEhMCYFCg8cSW/s8=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.10"
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/compiler-ssr" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-core" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/compiler-ssr" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2216,13 +2216,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.10.tgz#95a5f6b65b19a514c94f056994ec144b3b1b03ae"
-  integrity sha1-laX2tlsZpRTJTwVplOwUSzsbA64=
+"@vue/compiler-ssr@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111870&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
+  integrity sha1-h4QGxZ2v82Ls3LGZ+5Rnp2nKjeU=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2240,34 +2240,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
-  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
+"@vue/reactivity@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
+  integrity sha1-Rc/42DnXrRMLHkmSOQkAUP3s/xM=
   dependencies:
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
-  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
+"@vue/runtime-core@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
+  integrity sha1-3VmvOl/AidHNwFplcyDA3Bflw2I=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/reactivity" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
-"@vue/runtime-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
-  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
+"@vue/runtime-dom@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
+  integrity sha1-L9daHymyOr8P/lzN7avaEXIcW1s=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/runtime-core" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
-  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
+"@vue/shared@3.0.0-rc.5":
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
+  integrity sha1-zqI3jj43Nj3cH13RWO3JybWz//A=
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12455,14 +12455,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.10:
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
-  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
+vue@3.0.0-rc.5:
+  version "3.0.0-rc.5"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
+  integrity sha1-lzF11FqJKzvSPvXef6pK3ZxmJ18=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/runtime-dom" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.5"
+    "@vue/runtime-dom" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.5"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From cd5f5bb65544676279e486790761c38a2a9f0fc1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 20:19:36 +0800
Subject: [PATCH 356/626] refactor(DropdownItem): refactor with composition api

---
 src/dropdown-item/index.js | 221 ++++++++++++++++++-------------------
 src/dropdown-menu/index.js | 180 +++++++++++++++---------------
 2 files changed, 198 insertions(+), 203 deletions(-)

diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index e66c530e9..d7a796d9b 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -1,11 +1,12 @@
-import { Teleport } from 'vue';
+import { reactive, Teleport } from 'vue';
 
 // Utils
 import { createNamespace } from '../utils';
-import { on, off } from '../utils/dom/event';
+import { DROPDOWN_KEY } from '../dropdown-menu';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '../composition/use-relation';
+import { usePublicApi } from '../composition/use-public-api';
 
 // Components
 import Cell from '../cell';
@@ -15,8 +16,6 @@ import Popup from '../popup';
 const [createComponent, bem] = createNamespace('dropdown-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanDropdownMenu')],
-
   props: {
     title: String,
     disabled: Boolean,
@@ -35,93 +34,79 @@ export default createComponent({
 
   emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
 
-  data() {
-    return {
-      transition: true,
+  setup(props, { emit, slots }) {
+    const state = reactive({
       showPopup: false,
+      transition: true,
       showWrapper: false,
-    };
-  },
+    });
 
-  computed: {
-    displayTitle() {
-      if (this.title) {
-        return this.title;
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
       }
 
-      const match = this.options.filter(
-        (option) => option.value === this.modelValue
+      if (props.title) {
+        return props.title;
+      }
+
+      const match = props.options.filter(
+        (option) => option.value === props.modelValue
       );
+
       return match.length ? match[0].text : '';
-    },
-  },
+    };
 
-  watch: {
-    showPopup(val) {
-      this.bindScroll(val);
-    },
-  },
-
-  beforeCreate() {
-    const createEmitter = (eventName) => () => this.$emit(eventName);
-
-    this.onOpen = createEmitter('open');
-    this.onClose = createEmitter('close');
-    this.onOpened = createEmitter('opened');
-  },
-
-  methods: {
-    // @exposed-api
-    toggle(show = !this.showPopup, options = {}) {
-      if (show === this.showPopup) {
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
         return;
       }
 
-      this.transition = !options.immediate;
-      this.showPopup = show;
+      state.showPopup = show;
+      state.transition = !options.immediate;
 
       if (show) {
-        this.parent.updateOffset();
-        this.showWrapper = true;
+        state.showWrapper = true;
       }
-    },
+    };
 
-    bindScroll(bind) {
-      const { scroller } = this.parent;
-      const action = bind ? on : off;
-      action(scroller, 'scroll', this.onScroll, true);
-    },
+    const { parent } = useParent(DROPDOWN_KEY, {
+      props,
+      state,
+      toggle,
+      renderTitle,
+    });
 
-    onScroll() {
-      this.parent.updateOffset();
-    },
+    const createEmitter = (eventName) => () => emit(eventName);
+    const onOpen = createEmitter('open');
+    const onClose = createEmitter('close');
+    const onOpened = createEmitter('opened');
 
-    onClosed() {
-      this.showWrapper = false;
-      this.$emit('closed');
-    },
+    const onClosed = () => {
+      state.showWrapper = false;
+      emit('closed');
+    };
 
-    onClickWrapper(event) {
+    const onClickWrapper = (event) => {
       // prevent being identified as clicking outside and closed when using teleport
-      if (this.teleport) {
+      if (props.teleport) {
         event.stopPropagation();
       }
-    },
-  },
+    };
 
-  render() {
-    const {
-      zIndex,
-      offset,
-      overlay,
-      duration,
-      direction,
-      activeColor,
-      closeOnClickOverlay,
-    } = this.parent;
+    const renderOption = (option) => {
+      const { activeColor } = parent.props;
+      const active = option.value === props.modelValue;
+
+      const onClick = () => {
+        state.showPopup = false;
+
+        if (option.value !== props.modelValue) {
+          emit('update:modelValue', option.value);
+          emit('change', option.value);
+        }
+      };
 
-    const Options = this.options.map((option) => {
-      const active = option.value === this.modelValue;
       return (
         <Cell
           clickable
@@ -130,61 +115,67 @@ export default createComponent({
           title={option.text}
           class={bem('option', { active })}
           style={{ color: active ? activeColor : '' }}
-          onClick={() => {
-            this.showPopup = false;
-
-            if (option.value !== this.modelValue) {
-              this.$emit('update:modelValue', option.value);
-              this.$emit('change', option.value);
-            }
-          }}
+          onClick={onClick}
         >
           {active && (
             <Icon class={bem('icon')} color={activeColor} name="success" />
           )}
         </Cell>
       );
-    });
+    };
 
-    const style = { zIndex };
-    if (direction === 'down') {
-      style.top = `${offset}px`;
-    } else {
-      style.bottom = `${offset}px`;
-    }
+    const renderContent = () => {
+      const { offset } = parent;
+      const {
+        zIndex,
+        overlay,
+        duration,
+        direction,
+        closeOnClickOverlay,
+      } = parent.props;
 
-    const Content = (
-      <div
-        vShow={this.showWrapper}
-        ref="wrapper"
-        style={style}
-        class={bem([direction])}
-        onClick={this.onClickWrapper}
-      >
-        <Popup
-          vModel={[this.showPopup, 'show']}
-          overlay={overlay}
-          class={bem('content')}
-          position={direction === 'down' ? 'top' : 'bottom'}
-          duration={this.transition ? duration : 0}
-          lazyRender={this.lazyRender}
-          overlayStyle={{ position: 'absolute' }}
-          closeOnClickOverlay={closeOnClickOverlay}
-          onOpen={this.onOpen}
-          onClose={this.onClose}
-          onOpened={this.onOpened}
-          onClosed={this.onClosed}
+      const style = { zIndex };
+      if (direction === 'down') {
+        style.top = `${offset.value}px`;
+      } else {
+        style.bottom = `${offset.value}px`;
+      }
+
+      return (
+        <div
+          vShow={state.showWrapper}
+          style={style}
+          class={bem([direction])}
+          onClick={onClickWrapper}
         >
-          {Options}
-          {this.$slots.default?.()}
-        </Popup>
-      </div>
-    );
+          <Popup
+            vModel={[state.showPopup, 'show']}
+            class={bem('content')}
+            overlay={overlay}
+            position={direction === 'down' ? 'top' : 'bottom'}
+            duration={state.transition ? duration : 0}
+            lazyRender={props.lazyRender}
+            overlayStyle={{ position: 'absolute' }}
+            closeOnClickOverlay={closeOnClickOverlay}
+            onOpen={onOpen}
+            onClose={onClose}
+            onOpened={onOpened}
+            onClosed={onClosed}
+          >
+            {props.options.map(renderOption)}
+            {slots.default?.()}
+          </Popup>
+        </div>
+      );
+    };
 
-    if (this.teleport) {
-      return <Teleport to={this.teleport}>{Content}</Teleport>;
-    }
+    usePublicApi({ toggle });
 
-    return Content;
+    return () => {
+      if (props.teleport) {
+        return <Teleport to={props.teleport}>{renderContent()}</Teleport>;
+      }
+      return renderContent();
+    };
   },
 });
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 91d6ca75e..a8e9f0ad3 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -1,22 +1,19 @@
+import { ref, provide, reactive, computed } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { getScroller } from '../utils/dom/scroll';
 
-// Mixins
-import { ParentMixin } from '../mixins/relation';
-import { ClickOutsideMixin } from '../mixins/click-outside';
+// Composition
+import { useRect } from '../composition/use-rect';
+import { useScroller } from '../composition/use-scroller';
+import { useGlobalEvent } from '../composition/use-global-event';
+import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
-export default createComponent({
-  mixins: [
-    ParentMixin('vanDropdownMenu'),
-    ClickOutsideMixin({
-      event: 'click',
-      method: 'onClickOutside',
-    }),
-  ],
+export const DROPDOWN_KEY = 'vanDropdownMenu';
 
+export default createComponent({
   props: {
     zIndex: [Number, String],
     activeColor: String,
@@ -38,101 +35,108 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      offset: 0,
-    };
-  },
+  setup(props, { slots }) {
+    const offset = ref(0);
+    const barRef = ref();
+    const rootRef = ref();
+    const children = reactive([]);
 
-  computed: {
-    scroller() {
-      return getScroller(this.$el);
-    },
+    const scroller = useScroller(rootRef);
 
-    opened() {
-      return this.children.some((item) => item.showWrapper);
-    },
+    const opened = computed(() =>
+      children.some((item) => item.state.showWrapper)
+    );
 
-    barStyle() {
-      if (this.opened && isDef(this.zIndex)) {
+    const barStyle = computed(() => {
+      if (opened.value && isDef(props.zIndex)) {
         return {
-          zIndex: 1 + this.zIndex,
+          zIndex: 1 + props.zIndex,
         };
       }
-    },
-  },
+    });
 
-  methods: {
-    updateOffset() {
-      if (!this.$refs.bar) {
-        return;
+    const onClickOutside = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
+
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = useRect(barRef);
+        if (props.direction === 'down') {
+          offset.value = rect.bottom;
+        } else {
+          offset.value = window.innerHeight - rect.top;
+        }
       }
+    };
 
-      const rect = this.$refs.bar.getBoundingClientRect();
-
-      if (this.direction === 'down') {
-        this.offset = rect.bottom;
-      } else {
-        this.offset = window.innerHeight - rect.top;
-      }
-    },
-
-    toggleItem(active) {
-      this.children.forEach((item, index) => {
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
         if (index === active) {
+          updateOffset();
           item.toggle();
-        } else if (item.showPopup) {
+        } else if (item.state.showPopup) {
           item.toggle(false, { immediate: true });
         }
       });
-    },
+    };
 
-    onClickOutside() {
-      this.children.forEach((item) => {
-        item.toggle(false);
-      });
-    },
-  },
+    const renderTitle = (item, index) => {
+      const { showPopup } = item.state;
+      const { disabled, titleClass } = item.props;
 
-  render() {
-    const Titles = this.children.map((item, index) => (
-      <div
-        role="button"
-        tabindex={item.disabled ? -1 : 0}
-        class={bem('item', { disabled: item.disabled })}
-        onClick={() => {
-          if (!item.disabled) {
-            this.toggleItem(index);
-          }
-        }}
-      >
-        <span
-          class={[
-            bem('title', {
-              active: item.showPopup,
-              down: item.showPopup === (this.direction === 'down'),
-            }),
-            item.titleClass,
-          ]}
-          style={{ color: item.showPopup ? this.activeColor : '' }}
-        >
-          <div class="van-ellipsis">
-            {item.$slots.title ? item.$slots.title() : item.displayTitle}
-          </div>
-        </span>
-      </div>
-    ));
-
-    return (
-      <div class={bem()}>
+      return (
         <div
-          ref="bar"
-          style={this.barStyle}
-          class={bem('bar', { opened: this.opened })}
+          role="button"
+          tabindex={disabled ? -1 : 0}
+          class={bem('item', { disabled })}
+          onClick={() => {
+            if (!disabled) {
+              toggleItem(index);
+            }
+          }}
         >
-          {Titles}
+          <span
+            class={[
+              bem('title', {
+                down: showPopup === (props.direction === 'down'),
+                active: showPopup,
+              }),
+              titleClass,
+            ]}
+            style={{ color: showPopup ? props.activeColor : '' }}
+          >
+            <div class="van-ellipsis">{item.renderTitle()}</div>
+          </span>
         </div>
-        {this.$slots.default?.()}
+      );
+    };
+
+    provide(DROPDOWN_KEY, { props, offset, children });
+
+    useClickOutside({
+      element: rootRef,
+      callback: onClickOutside,
+    });
+
+    useGlobalEvent(scroller, 'scroll', () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    });
+
+    return () => (
+      <div ref={rootRef} class={bem()}>
+        <div
+          ref={barRef}
+          style={barStyle.value}
+          class={bem('bar', { opened: opened.value })}
+        >
+          {children.map(renderTitle)}
+        </div>
+        {slots.default?.()}
       </div>
     );
   },

From b78b1e8c9ed783364fcb456958e0d28dabaa0c05 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 20:20:06 +0800
Subject: [PATCH 357/626] chore: remove click outside mixin

---
 src/mixins/click-outside.js | 31 -------------------------------
 1 file changed, 31 deletions(-)
 delete mode 100644 src/mixins/click-outside.js

diff --git a/src/mixins/click-outside.js b/src/mixins/click-outside.js
deleted file mode 100644
index 6b0a84ac7..000000000
--- a/src/mixins/click-outside.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Listen to click outside event
- */
-import { on, off } from '../utils/dom/event';
-
-export const ClickOutsideMixin = (config) => ({
-  props: {
-    closeOnClickOutside: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  data() {
-    const clickOutsideHandler = (event) => {
-      if (this.closeOnClickOutside && !this.$el.contains(event.target)) {
-        this[config.method]();
-      }
-    };
-
-    return { clickOutsideHandler };
-  },
-
-  mounted() {
-    on(document, config.event, this.clickOutsideHandler);
-  },
-
-  beforeUnmount() {
-    off(document, config.event, this.clickOutsideHandler);
-  },
-});

From fb03ef92c575ad884765b05c6efd3b3868ab8f6d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 8 Sep 2020 20:22:42 +0800
Subject: [PATCH 358/626] types: simplify createNamespace

---
 src/utils/create/index.ts | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/utils/create/index.ts b/src/utils/create/index.ts
index 8a7b40bcf..1e4a8a50f 100644
--- a/src/utils/create/index.ts
+++ b/src/utils/create/index.ts
@@ -1,18 +1,8 @@
-import { createBEM, BEM } from './bem';
+import { createBEM } from './bem';
 import { createComponent } from './component';
-import { createI18N, Translate } from './i18n';
+import { createI18N } from './i18n';
 
-type CreateNamespaceReturn = [
-  ReturnType<typeof createComponent>,
-  BEM,
-  Translate
-];
-
-export function createNamespace(name: string): CreateNamespaceReturn {
+export function createNamespace(name: string) {
   name = 'van-' + name;
-  return [
-    createComponent(name),
-    createBEM(name),
-    createI18N(name)
-  ];
+  return [createComponent(name), createBEM(name), createI18N(name)] as const;
 }

From 53d69b3e3aefee6600978edb8360723a13c574b6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 10:00:05 +0800
Subject: [PATCH 359/626] fix: use-rect add nextTick

---
 src/composition/use-rect.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/composition/use-rect.ts b/src/composition/use-rect.ts
index 1dedbe4d1..48ebec2fb 100644
--- a/src/composition/use-rect.ts
+++ b/src/composition/use-rect.ts
@@ -1,4 +1,4 @@
-import { Ref, ref, onMounted } from 'vue';
+import { Ref, ref, onMounted, nextTick } from 'vue';
 
 export const useRect = (el: Ref<Element>) => el.value.getBoundingClientRect();
 
@@ -6,7 +6,9 @@ export const useHeight = (el: Ref<Element>) => {
   const height = ref();
 
   onMounted(() => {
-    height.value = useRect(el).height;
+    nextTick(() => {
+      height.value = useRect(el).height;
+    });
   });
 
   return height;

From 250c0aa330728a0fa7575bfcc43e27663e95a127 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 10:19:23 +0800
Subject: [PATCH 360/626] chore: prefer using unref

---
 src/composition/use-global-event.ts | 26 ++++++++++++--------------
 src/composition/use-rect.ts         | 10 ++++++----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/composition/use-global-event.ts b/src/composition/use-global-event.ts
index e1b0bae21..6d227742f 100644
--- a/src/composition/use-global-event.ts
+++ b/src/composition/use-global-event.ts
@@ -1,8 +1,7 @@
 import { on, off } from '../utils/dom/event';
 import {
   Ref,
-  ref,
-  isRef,
+  unref,
   watch,
   onMounted,
   onActivated,
@@ -11,7 +10,7 @@ import {
 } from 'vue';
 
 export function useGlobalEvent(
-  target: Ref<EventTarget>,
+  target: EventTarget | Ref<EventTarget>,
   event: string,
   handler: EventListener,
   passive = false,
@@ -19,25 +18,24 @@ export function useGlobalEvent(
 ) {
   let binded: boolean;
 
-  if (!isRef(target)) {
-    target = ref(target);
-  }
+  const add = () => {
+    const element = unref(target);
 
-  function add() {
-    if (binded || (flag && !flag.value) || !target.value) {
+    if (binded || (flag && !flag.value) || !element) {
       return;
     }
 
-    on(target.value, event, handler, passive);
+    on(element, event, handler, passive);
     binded = true;
-  }
+  };
 
-  function remove() {
-    if (binded && target.value) {
-      off(target.value, event, handler);
+  const remove = () => {
+    const element = unref(target);
+    if (binded && element) {
+      off(element, event, handler);
       binded = false;
     }
-  }
+  };
 
   if (flag) {
     watch(flag, () => {
diff --git a/src/composition/use-rect.ts b/src/composition/use-rect.ts
index 48ebec2fb..090827f94 100644
--- a/src/composition/use-rect.ts
+++ b/src/composition/use-rect.ts
@@ -1,13 +1,15 @@
-import { Ref, ref, onMounted, nextTick } from 'vue';
+import { Ref, ref, unref, onMounted, nextTick } from 'vue';
 
-export const useRect = (el: Ref<Element>) => el.value.getBoundingClientRect();
+export const useRect = (element: Element | Ref<Element>) => {
+  return unref(element).getBoundingClientRect();
+};
 
-export const useHeight = (el: Ref<Element>) => {
+export const useHeight = (element: Element | Ref<Element>) => {
   const height = ref();
 
   onMounted(() => {
     nextTick(() => {
-      height.value = useRect(el).height;
+      height.value = useRect(element).height;
     });
   });
 

From f94c8ccbb93f4783814832a9363d663fb4986f10 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 10:20:03 +0800
Subject: [PATCH 361/626] refactor(IndexBar): refactor with composition api

---
 src/index-anchor/index.js |  84 +++++-----
 src/index-bar/index.js    | 311 ++++++++++++++++++--------------------
 2 files changed, 194 insertions(+), 201 deletions(-)

diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index 65ed1c9a1..f2896263e 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -1,67 +1,71 @@
+import { reactive, ref, computed } from 'vue';
+
+// Utils
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
 import { BORDER_BOTTOM } from '../utils/constant';
+import { INDEX_BAR_KEY } from '../index-bar';
+
+// Composition
+import { useHeight } from '../composition/use-rect';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanIndexBar', { indexKey: 'childrenIndex' })],
-
   props: {
     index: [Number, String],
   },
 
-  data() {
-    return {
+  setup(props, { slots }) {
+    const state = reactive({
       top: 0,
       left: null,
       width: null,
       active: false,
-    };
-  },
+    });
 
-  computed: {
-    sticky() {
-      return this.active && this.parent.sticky;
-    },
+    const rootRef = ref();
+    const height = useHeight(rootRef);
 
-    anchorStyle() {
-      if (this.sticky) {
+    const { parent } = useParent(INDEX_BAR_KEY, {
+      props,
+      state,
+      height,
+      rootRef,
+    });
+
+    const isSticky = () => state.active && parent.props.sticky;
+
+    const anchorStyle = computed(() => {
+      const { zIndex, highlightColor } = parent.props;
+
+      if (isSticky()) {
         return {
-          zIndex: `${this.parent.zIndex}`,
-          left: this.left ? `${this.left}px` : null,
-          width: this.width ? `${this.width}px` : null,
-          transform: `translate3d(0, ${this.top}px, 0)`,
-          color: this.parent.highlightColor,
+          zIndex: `${zIndex}`,
+          left: state.left ? `${state.left}px` : null,
+          width: state.width ? `${state.width}px` : null,
+          transform: state.top ? `translate3d(0, ${state.top}px, 0)` : null,
+          color: highlightColor,
         };
       }
-    },
-  },
-
-  mounted() {
-    this.$nextTick(() => {
-      this.height = this.$el.offsetHeight;
     });
-  },
 
-  methods: {
-    scrollIntoView() {
-      this.$el.scrollIntoView();
-    },
-  },
+    return () => {
+      const sticky = isSticky();
 
-  render() {
-    const { sticky } = this;
-
-    return (
-      <div style={{ height: sticky ? `${this.height}px` : null }}>
+      return (
         <div
-          style={this.anchorStyle}
-          class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
+          ref={rootRef}
+          style={{ height: sticky ? `${height.value}px` : null }}
         >
-          {this.$slots.default ? this.$slots.default() : this.index}
+          <div
+            style={anchorStyle.value}
+            class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
+          >
+            {slots.default ? slots.default() : props.index}
+          </div>
         </div>
-      </div>
-    );
+      );
+    };
   },
 });
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 2e5d8ffe8..b26de97af 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -1,19 +1,23 @@
+import { ref, computed, watch, nextTick, reactive, provide } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
 import { isHidden } from '../utils/dom/style';
 import { preventDefault } from '../utils/dom/event';
 import {
-  getScroller,
   getScrollTop,
   getElementTop,
   getRootScrollTop,
   setRootScrollTop,
 } from '../utils/dom/scroll';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useRect } from '../composition/use-rect';
+import { useTouch } from '../composition/use-touch';
+import { useScroller } from '../composition/use-scroller';
+import { useGlobalEvent } from '../composition/use-global-event';
+
+export const INDEX_BAR_KEY = 'vanIndexBar';
 
 function genAlphabet() {
   const indexList = [];
@@ -29,18 +33,6 @@ function genAlphabet() {
 const [createComponent, bem] = createNamespace('index-bar');
 
 export default createComponent({
-  mixins: [
-    TouchMixin,
-    ParentMixin('vanIndexBar'),
-    BindEventMixin(function (bind) {
-      if (!this.scroller) {
-        this.scroller = getScroller(this.$el);
-      }
-
-      bind(this.scroller, 'scroll', this.onScroll);
-    }),
-  ],
-
   props: {
     zIndex: [Number, String],
     highlightColor: String,
@@ -60,124 +52,163 @@ export default createComponent({
 
   emits: ['select'],
 
-  data() {
-    return {
-      activeAnchorIndex: null,
-    };
-  },
+  setup(props, { emit, slots }) {
+    const rootRef = ref();
+    const activeAnchor = ref();
+    const children = reactive([]);
 
-  computed: {
-    sidebarStyle() {
-      if (isDef(this.zIndex)) {
+    const touch = useTouch();
+    const scroller = useScroller(rootRef);
+
+    provide(INDEX_BAR_KEY, { props, children });
+
+    const sidebarStyle = computed(() => {
+      if (isDef(props.zIndex)) {
         return {
-          zIndex: this.zIndex + 1,
+          zIndex: 1 + props.zIndex,
         };
       }
-    },
+    });
 
-    highlightStyle() {
-      const { highlightColor } = this;
-      if (highlightColor) {
+    const highlightStyle = computed(() => {
+      if (props.highlightColor) {
         return {
-          color: highlightColor,
+          color: props.highlightColor,
         };
       }
-    },
-  },
+    });
 
-  watch: {
-    indexList() {
-      this.$nextTick(this.onScroll);
-    },
-  },
-
-  methods: {
-    onScroll() {
-      if (isHidden(this.$el)) {
-        return;
+    const getScrollerRect = () => {
+      if (scroller.value.getBoundingClientRect) {
+        return useRect(scroller);
       }
-
-      const scrollTop = getScrollTop(this.scroller);
-      const scrollerRect = this.getScrollerRect();
-      const rects = this.children.map((item) => ({
-        height: item.height,
-        top: this.getElementTop(item.$el, scrollerRect),
-      }));
-
-      const active = this.getActiveAnchorIndex(scrollTop, rects);
-
-      this.activeAnchorIndex = this.indexList[active];
-
-      if (this.sticky) {
-        this.children.forEach((item, index) => {
-          if (index === active || index === active - 1) {
-            const rect = item.$el.getBoundingClientRect();
-            item.left = rect.left;
-            item.width = rect.width;
-          } else {
-            item.left = null;
-            item.width = null;
-          }
-
-          if (index === active) {
-            item.active = true;
-            item.top =
-              Math.max(this.stickyOffsetTop, rects[index].top - scrollTop) +
-              scrollerRect.top;
-          } else if (index === active - 1) {
-            const activeItemTop = rects[active].top - scrollTop;
-            item.active = activeItemTop > 0;
-            item.top = activeItemTop + scrollerRect.top - item.height;
-          } else {
-            item.active = false;
-          }
-        });
-      }
-    },
-
-    getScrollerRect() {
-      if (this.scroller.getBoundingClientRect) {
-        return this.scroller.getBoundingClientRect();
-      }
-
       return {
         top: 0,
         left: 0,
       };
-    },
+    };
 
-    getElementTop(ele, scrollerRect) {
-      const { scroller } = this;
-
-      if (scroller === window || scroller === document.body) {
-        return getElementTop(ele);
+    const getAnchorTop = (element, scrollerRect) => {
+      if (scroller.value === window || scroller.value === document.body) {
+        return getElementTop(element);
       }
 
-      const eleRect = ele.getBoundingClientRect();
+      const rect = useRect(element);
+      return rect.top - scrollerRect.top + getScrollTop(scroller);
+    };
 
-      return eleRect.top - scrollerRect.top + getScrollTop(scroller);
-    },
-
-    getActiveAnchorIndex(scrollTop, rects) {
-      for (let i = this.children.length - 1; i >= 0; i--) {
+    const getActiveAnchor = (scrollTop, rects) => {
+      for (let i = children.length - 1; i >= 0; i--) {
         const prevHeight = i > 0 ? rects[i - 1].height : 0;
-        const reachTop = this.sticky ? prevHeight + this.stickyOffsetTop : 0;
+        const reachTop = props.sticky ? prevHeight + props.stickyOffsetTop : 0;
 
         if (scrollTop + reachTop >= rects[i].top) {
           return i;
         }
       }
+
       return -1;
-    },
+    };
 
-    onClick(event) {
-      this.scrollToElement(event.target);
-    },
+    const onScroll = () => {
+      if (isHidden(rootRef.value)) {
+        return;
+      }
 
-    onTouchMove(event) {
-      this.touchMove(event);
+      const { sticky, indexList } = props;
+      const scrollTop = getScrollTop(scroller.value);
+      const scrollerRect = getScrollerRect();
 
-      if (this.direction === 'vertical') {
+      const rects = children.map((item) => ({
+        height: item.height,
+        top: getAnchorTop(item.rootRef, scrollerRect),
+      }));
+
+      const active = getActiveAnchor(scrollTop, rects);
+
+      activeAnchor.value = indexList[active];
+
+      if (sticky) {
+        children.forEach((item, index) => {
+          const { state, height, rootRef } = item;
+          if (index === active || index === active - 1) {
+            const rect = rootRef.getBoundingClientRect();
+            state.left = rect.left;
+            state.width = rect.width;
+          } else {
+            state.left = null;
+            state.width = null;
+          }
+
+          if (index === active) {
+            state.active = true;
+            state.top =
+              Math.max(props.stickyOffsetTop, rects[index].top - scrollTop) +
+              scrollerRect.top;
+          } else if (index === active - 1) {
+            const activeItemTop = rects[active].top - scrollTop;
+            state.active = activeItemTop > 0;
+            state.top = activeItemTop + scrollerRect.top - height;
+          } else {
+            state.active = false;
+          }
+        });
+      }
+    };
+
+    useGlobalEvent(scroller, 'scroll', onScroll);
+
+    watch(
+      () => props.indexList,
+      () => {
+        nextTick(onScroll);
+      }
+    );
+
+    const renderIndexes = () =>
+      props.indexList.map((index) => {
+        const active = index === activeAnchor.value;
+        return (
+          <span
+            class={bem('index', { active })}
+            style={active ? highlightStyle.value : null}
+            data-index={index}
+          >
+            {index}
+          </span>
+        );
+      });
+
+    const scrollToElement = (element) => {
+      const { index } = element.dataset;
+      if (!index) {
+        return;
+      }
+
+      const match = children.filter(
+        (item) => String(item.props.index) === index
+      );
+
+      if (match[0]) {
+        match[0].rootRef.scrollIntoView();
+
+        if (props.sticky && props.stickyOffsetTop) {
+          setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
+        }
+
+        emit('select', match[0].index);
+      }
+    };
+
+    const onClick = (event) => {
+      scrollToElement(event.target);
+    };
+
+    let touchActiveIndex;
+    const onTouchMove = (event) => {
+      touch.move(event);
+
+      if (touch.direction.value === 'vertical') {
         preventDefault(event);
 
         const { clientX, clientY } = event.touches[0];
@@ -186,68 +217,26 @@ export default createComponent({
           const { index } = target.dataset;
 
           /* istanbul ignore else */
-          if (this.touchActiveIndex !== index) {
-            this.touchActiveIndex = index;
-            this.scrollToElement(target);
+          if (touchActiveIndex !== index) {
+            touchActiveIndex = index;
+            scrollToElement(target);
           }
         }
       }
-    },
+    };
 
-    scrollToElement(element) {
-      const { index } = element.dataset;
-      if (!index) {
-        return;
-      }
-
-      const match = this.children.filter(
-        (item) => String(item.index) === index
-      );
-      if (match[0]) {
-        match[0].scrollIntoView();
-
-        if (this.sticky && this.stickyOffsetTop) {
-          setRootScrollTop(getRootScrollTop() - this.stickyOffsetTop);
-        }
-
-        this.$emit('select', match[0].index);
-      }
-    },
-
-    onTouchEnd() {
-      this.active = null;
-    },
-  },
-
-  render() {
-    const Indexes = this.indexList.map((index) => {
-      const active = index === this.activeAnchorIndex;
-
-      return (
-        <span
-          class={bem('index', { active })}
-          style={active ? this.highlightStyle : null}
-          data-index={index}
-        >
-          {index}
-        </span>
-      );
-    });
-
-    return (
-      <div class={bem()}>
+    return () => (
+      <div ref={rootRef} class={bem()}>
         <div
           class={bem('sidebar')}
-          style={this.sidebarStyle}
-          onClick={this.onClick}
-          onTouchstart={this.touchStart}
-          onTouchmove={this.onTouchMove}
-          onTouchend={this.onTouchEnd}
-          onTouchcancel={this.onTouchEnd}
+          style={sidebarStyle.value}
+          onClick={onClick}
+          onTouchstart={touch.start}
+          onTouchmove={onTouchMove}
         >
-          {Indexes}
+          {renderIndexes()}
         </div>
-        {this.$slots.default?.()}
+        {slots.default?.()}
       </div>
     );
   },

From a7c28548fcefe48a2ffa95bb0423dee0a48f8e16 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 11:57:12 +0800
Subject: [PATCH 362/626] refactor(Stepper): refactor with composition api

---
 src/stepper/index.js | 365 +++++++++++++++++++++----------------------
 1 file changed, 174 insertions(+), 191 deletions(-)

diff --git a/src/stepper/index.js b/src/stepper/index.js
index 789b46cf0..ece07e172 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -1,14 +1,19 @@
-import { createNamespace, isDef, addUnit, getSizeStyle } from '../utils';
+import { ref, computed, watch } from 'vue';
+
+// Utils
+import { isNaN } from '../utils/validate/number';
+import { formatNumber } from '../utils/format/number';
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { preventDefault } from '../utils/dom/event';
-import { formatNumber } from '../utils/format/number';
-import { isNaN } from '../utils/validate/number';
-import { FieldMixin } from '../mixins/field';
+import { createNamespace, isDef, addUnit, getSizeStyle } from '../utils';
+
+// Composition
+import { useParentField } from '../composition/use-parent-field';
 
 const [createComponent, bem] = createNamespace('stepper');
 
-const LONG_PRESS_START_TIME = 600;
 const LONG_PRESS_INTERVAL = 200;
+const LONG_PRESS_START_TIME = 600;
 
 function equal(value1, value2) {
   return String(value1) === String(value2);
@@ -21,8 +26,6 @@ function add(num1, num2) {
 }
 
 export default createComponent({
-  mixins: [FieldMixin],
-
   props: {
     theme: String,
     integer: Boolean,
@@ -81,247 +84,227 @@ export default createComponent({
     'update:modelValue',
   ],
 
-  data() {
-    const defaultValue = this.modelValue ?? this.defaultValue;
-    const value = this.format(defaultValue);
+  setup(props, { emit }) {
+    const format = (value) => {
+      const { min, max, allowEmpty, decimalLength } = props;
 
-    if (!equal(value, this.modelValue)) {
-      this.$emit('update:modelValue', value);
-    }
-
-    return {
-      currentValue: value,
-    };
-  },
-
-  computed: {
-    minusDisabled() {
-      return (
-        this.disabled || this.disableMinus || this.currentValue <= +this.min
-      );
-    },
-
-    plusDisabled() {
-      return (
-        this.disabled || this.disablePlus || this.currentValue >= +this.max
-      );
-    },
-
-    inputStyle() {
-      const style = {};
-
-      if (this.inputWidth) {
-        style.width = addUnit(this.inputWidth);
-      }
-
-      if (this.buttonSize) {
-        style.height = addUnit(this.buttonSize);
-      }
-
-      return style;
-    },
-
-    buttonStyle() {
-      return getSizeStyle(this.buttonSize);
-    },
-  },
-
-  watch: {
-    max: 'check',
-    min: 'check',
-    integer: 'check',
-    decimalLength: 'check',
-
-    modelValue(val) {
-      if (!equal(val, this.currentValue)) {
-        this.currentValue = this.format(val);
-      }
-    },
-
-    currentValue(val) {
-      this.$emit('update:modelValue', val);
-      this.$emit('change', val, { name: this.name });
-    },
-  },
-
-  methods: {
-    check() {
-      const val = this.format(this.currentValue);
-      if (!equal(val, this.currentValue)) {
-        this.currentValue = val;
-      }
-    },
-
-    // formatNumber illegal characters
-    formatNumber(value) {
-      return formatNumber(String(value), !this.integer);
-    },
-
-    format(value) {
-      if (this.allowEmpty && value === '') {
+      if (allowEmpty && value === '') {
         return value;
       }
 
-      value = this.formatNumber(value);
-
-      // format range
+      value = formatNumber(String(value), !props.integer);
       value = value === '' ? 0 : +value;
-      value = isNaN(value) ? this.min : value;
-      value = Math.max(Math.min(this.max, value), this.min);
+      value = isNaN(value) ? min : value;
+      value = Math.max(Math.min(max, value), min);
 
       // format decimal
-      if (isDef(this.decimalLength)) {
-        value = value.toFixed(this.decimalLength);
+      if (isDef(decimalLength)) {
+        value = value.toFixed(decimalLength);
       }
 
       return value;
-    },
+    };
 
-    onInput(event) {
+    const getInitialValue = () => {
+      const defaultValue = props.modelValue ?? props.defaultValue;
+      const value = format(defaultValue);
+
+      if (!equal(value, props.modelValue)) {
+        emit('update:modelValue', value);
+      }
+
+      return value;
+    };
+
+    let actionType;
+    const inputRef = ref();
+    const current = ref(getInitialValue());
+
+    const minusDisabled = computed(
+      () => props.disabled || props.disableMinus || current.value <= +props.min
+    );
+
+    const plusDisabled = computed(
+      () => props.disabled || props.disablePlus || current.value >= +props.max
+    );
+
+    const inputStyle = computed(() => ({
+      width: addUnit(props.inputWidth),
+      height: addUnit(props.buttonSize),
+    }));
+
+    const buttonStyle = computed(() => getSizeStyle(props.buttonSize));
+
+    const check = () => {
+      const value = format(current.value);
+      if (!equal(value, current.value)) {
+        current.value = value;
+      }
+    };
+
+    const emitChange = (value) => {
+      if (props.asyncChange) {
+        emit('update:modelValue', value);
+        emit('change', value, { name: props.name });
+      } else {
+        current.value = value;
+      }
+    };
+
+    const onChange = () => {
+      if (props[`${actionType}Disabled`]) {
+        emit('overlimit', actionType);
+        return;
+      }
+
+      const diff = actionType === 'minus' ? -props.step : +props.step;
+      const value = format(add(+current.value, diff));
+
+      emitChange(value);
+      emit(actionType);
+    };
+
+    const onInput = (event) => {
       const { value } = event.target;
+      const { decimalLength } = props;
 
-      let formatted = this.formatNumber(value);
+      let formatted = formatNumber(String(value), !props.integer);
 
       // limit max decimal length
-      if (isDef(this.decimalLength) && formatted.indexOf('.') !== -1) {
+      if (isDef(decimalLength) && formatted.indexOf('.') !== -1) {
         const pair = formatted.split('.');
-        formatted = `${pair[0]}.${pair[1].slice(0, this.decimalLength)}`;
+        formatted = `${pair[0]}.${pair[1].slice(0, decimalLength)}`;
       }
 
       if (!equal(value, formatted)) {
         event.target.value = formatted;
       }
 
-      this.emitChange(formatted);
-    },
+      emitChange(formatted);
+    };
 
-    emitChange(value) {
-      if (this.asyncChange) {
-        this.$emit('update:modelValue', value);
-        this.$emit('change', value, { name: this.name });
-      } else {
-        this.currentValue = value;
-      }
-    },
-
-    onChange() {
-      const { type } = this;
-
-      if (this[`${type}Disabled`]) {
-        this.$emit('overlimit', type);
-        return;
-      }
-
-      const diff = type === 'minus' ? -this.step : +this.step;
-
-      const value = this.format(add(+this.currentValue, diff));
-
-      this.emitChange(value);
-      this.$emit(type);
-    },
-
-    onFocus(event) {
+    const onFocus = (event) => {
       // readonly not work in lagacy mobile safari
-      if (this.disableInput && this.$refs.input) {
-        this.$refs.input.blur();
+      if (props.disableInput && inputRef.value) {
+        inputRef.value.blur();
       } else {
-        this.$emit('focus', event);
+        emit('focus', event);
       }
-    },
+    };
 
-    onBlur(event) {
-      const value = this.format(event.target.value);
+    const onBlur = (event) => {
+      const value = format(event.target.value);
       event.target.value = value;
-      this.currentValue = value;
-      this.$emit('blur', event);
-
+      current.value = value;
+      emit('blur', event);
       resetScroll();
-    },
+    };
 
-    longPressStep() {
-      this.longPressTimer = setTimeout(() => {
-        this.onChange();
-        this.longPressStep(this.type);
+    let isLongPress;
+    let longPressTimer;
+
+    const longPressStep = () => {
+      longPressTimer = setTimeout(() => {
+        onChange();
+        longPressStep(actionType);
       }, LONG_PRESS_INTERVAL);
-    },
+    };
 
-    onTouchStart() {
-      if (!this.longPress) {
-        return;
+    const onTouchStart = () => {
+      if (props.longPress) {
+        isLongPress = false;
+        clearTimeout(longPressTimer);
+        longPressTimer = setTimeout(() => {
+          isLongPress = true;
+          onChange();
+          longPressStep();
+        }, LONG_PRESS_START_TIME);
       }
+    };
 
-      clearTimeout(this.longPressTimer);
-      this.isLongPress = false;
-
-      this.longPressTimer = setTimeout(() => {
-        this.isLongPress = true;
-        this.onChange();
-        this.longPressStep();
-      }, LONG_PRESS_START_TIME);
-    },
-
-    onTouchEnd(event) {
-      if (!this.longPress) {
-        return;
+    const onTouchEnd = (event) => {
+      if (props.longPress) {
+        clearTimeout(longPressTimer);
+        if (isLongPress) {
+          preventDefault(event);
+        }
       }
+    };
 
-      clearTimeout(this.longPressTimer);
-
-      if (this.isLongPress) {
-        preventDefault(event);
-      }
-    },
-  },
-
-  render() {
     const createListeners = (type) => ({
       onClick: (e) => {
         // disable double tap scrolling on mobile safari
         e.preventDefault();
-        this.type = type;
-        this.onChange();
+        actionType = type;
+        onChange();
       },
       onTouchstart: () => {
-        this.type = type;
-        this.onTouchStart();
+        actionType = type;
+        onTouchStart();
       },
-      onTouchend: this.onTouchEnd,
-      onTouchcancel: this.onTouchEnd,
+      onTouchend: onTouchEnd,
+      onTouchcancel: onTouchEnd,
     });
 
-    return (
-      <div class={bem([this.theme])}>
+    watch(
+      [
+        () => props.max,
+        () => props.min,
+        () => props.integer,
+        () => props.decimalLength,
+      ],
+      check
+    );
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        if (!equal(value, current.value)) {
+          current.value = value;
+        }
+      }
+    );
+
+    watch(current, (value) => {
+      emit('update:modelValue', value);
+      emit('change', value, { name: props.name });
+    });
+
+    useParentField(() => props.modelValue);
+
+    return () => (
+      <div class={bem([props.theme])}>
         <button
-          vShow={this.showMinus}
+          vShow={props.showMinus}
           type="button"
-          style={this.buttonStyle}
-          class={bem('minus', { disabled: this.minusDisabled })}
+          style={buttonStyle.value}
+          class={bem('minus', { disabled: minusDisabled.value })}
           {...createListeners('minus')}
         />
         <input
           ref="input"
-          type={this.integer ? 'tel' : 'text'}
+          type={props.integer ? 'tel' : 'text'}
           role="spinbutton"
           class={bem('input')}
-          value={this.currentValue}
-          style={this.inputStyle}
-          disabled={this.disabled}
-          readonly={this.disableInput}
+          value={current.value}
+          style={inputStyle.value}
+          disabled={props.disabled}
+          readonly={props.disableInput}
           // set keyboard in mordern browers
-          inputmode={this.integer ? 'numeric' : 'decimal'}
-          placeholder={this.placeholder}
-          aria-valuemax={this.max}
-          aria-valuemin={this.min}
-          aria-valuenow={this.currentValue}
-          onInput={this.onInput}
-          onFocus={this.onFocus}
-          onBlur={this.onBlur}
+          inputmode={props.integer ? 'numeric' : 'decimal'}
+          placeholder={props.placeholder}
+          aria-valuemax={props.max}
+          aria-valuemin={props.min}
+          aria-valuenow={current.value}
+          onInput={onInput}
+          onFocus={onFocus}
+          onBlur={onBlur}
         />
         <button
-          vShow={this.showPlus}
+          vShow={props.showPlus}
           type="button"
-          style={this.buttonStyle}
-          class={bem('plus', { disabled: this.plusDisabled })}
+          style={buttonStyle.value}
+          class={bem('plus', { disabled: plusDisabled.value })}
           {...createListeners('plus')}
         />
       </div>

From 3205c20d86d27eb579842fcd06edab19e26c0654 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 11:57:33 +0800
Subject: [PATCH 363/626] fix(Stepper): input ref

---
 src/stepper/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stepper/index.js b/src/stepper/index.js
index ece07e172..50ed38162 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -282,7 +282,7 @@ export default createComponent({
           {...createListeners('minus')}
         />
         <input
-          ref="input"
+          ref={inputRef}
           type={props.integer ? 'tel' : 'text'}
           role="spinbutton"
           class={bem('input')}

From 78ded3b7dac6159d9ed921165d0b19623a11e6f9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 9 Sep 2020 17:29:06 +0800
Subject: [PATCH 364/626] docs: fix popup v-model usage #7141

---
 src/contact-card/README.md       | 4 ++--
 src/contact-card/README.zh-CN.md | 4 ++--
 src/form/README.md               | 6 +++---
 src/form/README.zh-CN.md         | 6 +++---
 src/picker/README.md             | 2 +-
 src/picker/README.zh-CN.md       | 2 +-
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/contact-card/README.md b/src/contact-card/README.md
index 88f4a095b..925af6e0b 100644
--- a/src/contact-card/README.md
+++ b/src/contact-card/README.md
@@ -26,7 +26,7 @@ app.use(ContactEdit);
 />
 
 <!-- Contact List -->
-<van-popup v-model="showList" position="bottom">
+<van-popup v-model:show="showList" position="bottom">
   <van-contact-list
     v-model="chosenContactId"
     :list="list"
@@ -37,7 +37,7 @@ app.use(ContactEdit);
 </van-popup>
 
 <!-- Contact Edit -->
-<van-popup v-model="showEdit" position="bottom">
+<van-popup v-model:show="showEdit" position="bottom">
   <van-contact-edit
     :contact-info="editingContact"
     :is-edit="isEdit"
diff --git a/src/contact-card/README.zh-CN.md b/src/contact-card/README.zh-CN.md
index e3ff498ab..2838814e7 100644
--- a/src/contact-card/README.zh-CN.md
+++ b/src/contact-card/README.zh-CN.md
@@ -30,7 +30,7 @@ app.use(ContactEdit);
 />
 
 <!-- 联系人列表 -->
-<van-popup v-model="showList" position="bottom">
+<van-popup v-model:show="showList" position="bottom">
   <van-contact-list
     v-model="chosenContactId"
     :list="list"
@@ -41,7 +41,7 @@ app.use(ContactEdit);
 </van-popup>
 
 <!-- 联系人编辑 -->
-<van-popup v-model="showEdit" position="bottom">
+<van-popup v-model:show="showEdit" position="bottom">
   <van-contact-edit
     :contact-info="editingContact"
     :is-edit="isEdit"
diff --git a/src/form/README.md b/src/form/README.md
index f833d4bc1..1bb719627 100644
--- a/src/form/README.md
+++ b/src/form/README.md
@@ -282,7 +282,7 @@ export default {
   placeholder="Select city"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" position="bottom">
+<van-popup v-model:show="showPicker" position="bottom">
   <van-picker
     :columns="columns"
     @confirm="onConfirm"
@@ -321,7 +321,7 @@ export default {
   placeholder="Select time"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" position="bottom">
+<van-popup v-model:show="showPicker" position="bottom">
   <van-datetime-picker
     type="time"
     @confirm="onConfirm"
@@ -359,7 +359,7 @@ export default {
   placeholder="Select area"
   @click="showArea = true"
 />
-<van-popup v-model="showArea" position="bottom">
+<van-popup v-model:show="showArea" position="bottom">
   <van-area
     :area-list="areaList"
     @confirm="onConfirm"
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index 2027b5b3b..dc7d79cca 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -311,7 +311,7 @@ export default {
   placeholder="点击选择城市"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" position="bottom">
+<van-popup v-model:show="showPicker" position="bottom">
   <van-picker
     :columns="columns"
     @confirm="onConfirm"
@@ -352,7 +352,7 @@ export default {
   placeholder="点击选择时间"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" position="bottom">
+<van-popup v-model:show="showPicker" position="bottom">
   <van-datetime-picker
     type="time"
     @confirm="onConfirm"
@@ -392,7 +392,7 @@ export default {
   placeholder="点击选择省市区"
   @click="showArea = true"
 />
-<van-popup v-model="showArea" position="bottom">
+<van-popup v-model:show="showArea" position="bottom">
   <van-area
     :area-list="areaList"
     @confirm="onConfirm"
diff --git a/src/picker/README.md b/src/picker/README.md
index 466b76fc7..ed1b29bc9 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -207,7 +207,7 @@ export default {
   placeholder="Choose City"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" round position="bottom">
+<van-popup v-model:show="showPicker" round position="bottom">
   <van-picker
     title="Title"
     :columns="columns"
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index cad81a944..b75a409a7 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -231,7 +231,7 @@ export default {
   placeholder="选择城市"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" round position="bottom">
+<van-popup v-model:show="showPicker" round position="bottom">
   <van-picker
     :columns="columns"
     @cancel="showPicker = false"

From 14c1d4ea771cd9f01cb282493e57303ced897fa9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 17:42:43 +0800
Subject: [PATCH 365/626] refactor(NumberKeyboard): refactor with composition
 api

---
 src/number-keyboard/index.js | 222 +++++++++++++++++------------------
 1 file changed, 111 insertions(+), 111 deletions(-)

diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 1d6ab5735..b093afae7 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,20 +1,12 @@
-import { Teleport, Transition } from 'vue';
+import { ref, watch, computed, Teleport, Transition } from 'vue';
 import { createNamespace } from '../utils';
 import { stopPropagation } from '../utils/dom/event';
-import { BindEventMixin } from '../mixins/bind-event';
+import { useClickOutside } from '../composition/use-click-outside';
 import Key from './Key';
 
 const [createComponent, bem] = createNamespace('number-keyboard');
 
 export default createComponent({
-  mixins: [
-    BindEventMixin(function (bind) {
-      if (this.hideOnClickOutside) {
-        bind(document.body, 'touchstart', this.onBlur);
-      }
-    }),
-  ],
-
   props: {
     show: Boolean,
     title: String,
@@ -67,47 +59,30 @@ export default createComponent({
     'update:modelValue',
   ],
 
-  watch: {
-    show(val) {
-      if (!this.transition) {
-        this.$emit(val ? 'show' : 'hide');
-      }
-    },
-  },
+  setup(props, { emit, slots }) {
+    const rootRef = ref();
 
-  computed: {
-    keys() {
-      if (this.theme === 'custom') {
-        return this.genCustomKeys();
-      }
-      return this.genDefaultKeys();
-    },
-  },
-
-  methods: {
-    genBasicKeys() {
+    const genBasicKeys = () => {
       const keys = [];
       for (let i = 1; i <= 9; i++) {
         keys.push({ text: i });
       }
       return keys;
-    },
+    };
 
-    genDefaultKeys() {
-      return [
-        ...this.genBasicKeys(),
-        { text: this.extraKey, type: 'extra' },
-        { text: 0 },
-        {
-          text: this.showDeleteKey ? this.deleteButtonText : '',
-          type: this.showDeleteKey ? 'delete' : '',
-        },
-      ];
-    },
+    const genDefaultKeys = () => [
+      ...genBasicKeys(),
+      { text: props.extraKey, type: 'extra' },
+      { text: 0 },
+      {
+        text: props.showDeleteKey ? props.deleteButtonText : '',
+        type: props.showDeleteKey ? 'delete' : '',
+      },
+    ];
 
-    genCustomKeys() {
-      const keys = this.genBasicKeys();
-      const { extraKey } = this;
+    const genCustomKeys = () => {
+      const keys = genBasicKeys();
+      const { extraKey } = props;
       const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
 
       if (extraKeys.length === 1) {
@@ -124,47 +99,53 @@ export default createComponent({
       }
 
       return keys;
-    },
+    };
 
-    onBlur() {
-      this.show && this.$emit('blur');
-    },
+    const keys = computed(() =>
+      props.theme === 'custom' ? genCustomKeys() : genDefaultKeys()
+    );
 
-    onClose() {
-      this.$emit('close');
-      this.onBlur();
-    },
+    const onBlur = () => {
+      if (props.show) {
+        emit('blur');
+      }
+    };
 
-    onAnimationEnd() {
-      this.$emit(this.show ? 'show' : 'hide');
-    },
+    const onClose = () => {
+      emit('close');
+      onBlur();
+    };
 
-    onPress(text, type) {
+    const onAnimationEnd = () => {
+      emit(props.show ? 'show' : 'hide');
+    };
+
+    const onPress = (text, type) => {
       if (text === '') {
         if (type === 'extra') {
-          this.onBlur();
+          onBlur();
         }
         return;
       }
 
-      const value = this.modelValue;
+      const value = props.modelValue;
 
       if (type === 'delete') {
-        this.$emit('delete');
-        this.$emit('update:modelValue', value.slice(0, value.length - 1));
+        emit('delete');
+        emit('update:modelValue', value.slice(0, value.length - 1));
       } else if (type === 'close') {
-        this.onClose();
-      } else if (value.length < this.maxlength) {
-        this.$emit('input', text);
-        this.$emit('update:modelValue', value + text);
+        onClose();
+      } else if (value.length < props.maxlength) {
+        emit('input', text);
+        emit('update:modelValue', value + text);
       }
-    },
+    };
 
-    genTitle() {
-      const { title, theme, closeButtonText } = this;
-      const titleLeft = this.$slots['title-left'];
+    const renderTitle = () => {
+      const { title, theme, closeButtonText } = props;
+      const leftSlot = slots['title-left'];
       const showClose = closeButtonText && theme === 'default';
-      const showTitle = title || showClose || titleLeft;
+      const showTitle = title || showClose || leftSlot;
 
       if (!showTitle) {
         return;
@@ -172,26 +153,26 @@ export default createComponent({
 
       return (
         <div class={bem('header')}>
-          {titleLeft && <span class={bem('title-left')}>{titleLeft}</span>}
+          {leftSlot && <span class={bem('title-left')}>{leftSlot()}</span>}
           {title && <h2 class={bem('title')}>{title}</h2>}
           {showClose && (
-            <button type="button" class={bem('close')} onClick={this.onClose}>
+            <button type="button" class={bem('close')} onClick={onClose}>
               {closeButtonText}
             </button>
           )}
         </div>
       );
-    },
+    };
 
-    genKeys() {
-      return this.keys.map((key) => {
+    const renderKeys = () => {
+      return keys.value.map((key) => {
         const slots = {};
 
         if (key.type === 'delete') {
-          slots.default = this.$slots.delete;
+          slots.default = slots.delete;
         }
         if (key.type === 'extra') {
-          slots.default = this.$slots['extra-key'];
+          slots.default = slots['extra-key'];
         }
 
         return (
@@ -202,64 +183,83 @@ export default createComponent({
             type={key.type}
             wider={key.wider}
             color={key.color}
-            onPress={this.onPress}
+            onPress={onPress}
           />
         );
       });
-    },
+    };
 
-    genSidebar() {
-      if (this.theme === 'custom') {
+    const renderSidebar = () => {
+      if (props.theme === 'custom') {
         return (
           <div class={bem('sidebar')}>
-            {this.showDeleteKey && (
+            {props.showDeleteKey && (
               <Key
-                v-slots={{ delete: this.$slots.delete }}
+                v-slots={{ delete: slots.delete }}
                 large
-                text={this.deleteButtonText}
+                text={props.deleteButtonText}
                 type="delete"
-                onPress={this.onPress}
+                onPress={onPress}
               />
             )}
             <Key
               large
-              text={this.closeButtonText}
+              text={props.closeButtonText}
               type="close"
               color="blue"
-              loading={this.closeButtonLoading}
-              onPress={this.onPress}
+              loading={props.closeButtonLoading}
+              onPress={onPress}
             />
           </div>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    const Title = this.genTitle();
-    const Content = (
-      <Transition name={this.transition ? 'van-slide-up' : ''}>
-        <div
-          vShow={this.show}
-          style={{ zIndex: this.zIndex }}
-          class={bem({ unfit: !this.safeAreaInsetBottom, 'with-title': Title })}
-          onTouchstart={stopPropagation}
-          onAnimationend={this.onAnimationEnd}
-          onWebkitAnimationEnd={this.onAnimationEnd}
-        >
-          {Title}
-          <div class={bem('body')}>
-            <div class={bem('keys')}>{this.genKeys()}</div>
-            {this.genSidebar()}
-          </div>
-        </div>
-      </Transition>
+    watch(
+      () => props.show,
+      (value) => {
+        if (!props.transition) {
+          emit(value ? 'show' : 'hide');
+        }
+      }
     );
 
-    if (this.teleport) {
-      return <Teleport to={this.teleport}>{Content}</Teleport>;
-    }
+    useClickOutside({
+      event: 'touchstart',
+      element: rootRef,
+      callback: onClose,
+    });
 
-    return Content;
+    return () => {
+      const Title = renderTitle();
+      const Content = (
+        <Transition name={props.transition ? 'van-slide-up' : ''}>
+          <div
+            ref={rootRef}
+            vShow={props.show}
+            style={{ zIndex: props.zIndex }}
+            class={bem({
+              unfit: !props.safeAreaInsetBottom,
+              'with-title': !!Title,
+            })}
+            onTouchstart={stopPropagation}
+            onAnimationend={onAnimationEnd}
+            onWebkitAnimationEnd={onAnimationEnd}
+          >
+            {Title}
+            <div class={bem('body')}>
+              <div class={bem('keys')}>{renderKeys()}</div>
+              {renderSidebar()}
+            </div>
+          </div>
+        </Transition>
+      );
+
+      if (props.teleport) {
+        return <Teleport to={props.teleport}>{Content}</Teleport>;
+      }
+
+      return Content;
+    };
   },
 });

From dbc6b92868aee8e7ab1c3fefc5a8fb15dc574805 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 21:03:53 +0800
Subject: [PATCH 366/626] feat: add @vant/use

---
 packages/vant-use/package.json           |   23 +
 packages/vant-use/src/index.ts           |    1 +
 packages/vant-use/src/useToggle/index.ts |   10 +
 packages/vant-use/tsconfig.json          |   14 +
 packages/vant-use/yarn.lock              | 1864 ++++++++++++++++++++++
 5 files changed, 1912 insertions(+)
 create mode 100644 packages/vant-use/package.json
 create mode 100644 packages/vant-use/src/index.ts
 create mode 100644 packages/vant-use/src/useToggle/index.ts
 create mode 100644 packages/vant-use/tsconfig.json
 create mode 100644 packages/vant-use/yarn.lock

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
new file mode 100644
index 000000000..f774b8675
--- /dev/null
+++ b/packages/vant-use/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@vant/use",
+  "version": "0.0.1-beta.0",
+  "description": "Vant composition api",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "typings": "lib/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "tsc -m esNext --outDir es --watch",
+    "build": "tsc && tsc -m esNext --outDir es"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-use",
+  "devDependencies": {
+    "release-it": "^14.0.2",
+    "typescript": "^4.0.2",
+    "vue": "^3.0.0-rc.10"
+  }
+}
diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
new file mode 100644
index 000000000..320c57177
--- /dev/null
+++ b/packages/vant-use/src/index.ts
@@ -0,0 +1 @@
+export { useToggle } from './useToggle';
diff --git a/packages/vant-use/src/useToggle/index.ts b/packages/vant-use/src/useToggle/index.ts
new file mode 100644
index 000000000..081e14c27
--- /dev/null
+++ b/packages/vant-use/src/useToggle/index.ts
@@ -0,0 +1,10 @@
+import { ref } from 'vue';
+
+export function useToggle(defaultValue = false) {
+  const state = ref(defaultValue);
+  const toggle = (value = !state.value) => {
+    state.value = value;
+  };
+
+  return [state, toggle];
+}
diff --git a/packages/vant-use/tsconfig.json b/packages/vant-use/tsconfig.json
new file mode 100644
index 000000000..6d9136383
--- /dev/null
+++ b/packages/vant-use/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES5",
+    "outDir": "./lib",
+    "module": "CommonJS",
+    "strict": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "moduleResolution": "Node",
+    "lib": ["esnext"]
+  },
+  "include": ["src/**/*"]
+}
diff --git a/packages/vant-use/yarn.lock b/packages/vant-use/yarn.lock
new file mode 100644
index 000000000..2e30517cc
--- /dev/null
+++ b/packages/vant-use/yarn.lock
@@ -0,0 +1,1864 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/code-frame@^7.0.0":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
+  integrity sha1-Fo2ho26Q2miujUnA8bSMfGJJITo=
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  integrity sha1-p4x6clHgH2FlEtMbEK3PUq2l4NI=
+
+"@babel/highlight@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.10.4.tgz?cache=0&sync_timestamp=1593521087106&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhighlight%2Fdownload%2F%40babel%2Fhighlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  integrity sha1-fRvf1ldTU4+r5sOFls23bZrGAUM=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
+"@babel/parser@^7.10.4":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz?cache=0&sync_timestamp=1598904268134&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
+  integrity sha1-x/9jA99xCA7HpPW4wAPFjxz1EDc=
+
+"@babel/types@^7.10.4":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz?cache=0&sync_timestamp=1598904272861&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
+  integrity sha1-2d5XfQElLXfGgAzuA57mT691Zi0=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
+"@iarna/toml@2.2.5":
+  version "2.2.5"
+  resolved "https://registry.npm.taobao.org/@iarna/toml/download/@iarna/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
+  integrity sha1-syNmyJtDxvjO+976x3i5yCjjuow=
+
+"@nodelib/fs.scandir@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.npm.taobao.org/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
+  integrity sha1-Olgr21OATGum0UZXnEblITDPSjs=
+  dependencies:
+    "@nodelib/fs.stat" "2.0.3"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
+  integrity sha1-NNxfTKu8cg9OYPdadH5+zWwXW9M=
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.4"
+  resolved "https://registry.npm.taobao.org/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
+  integrity sha1-ARuSAqcKY2bkNspcBlhEUoqwSXY=
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.3"
+    fastq "^1.6.0"
+
+"@octokit/auth-token@^2.4.0":
+  version "2.4.2"
+  resolved "https://registry.npm.taobao.org/@octokit/auth-token/download/@octokit/auth-token-2.4.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Fauth-token%2Fdownload%2F%40octokit%2Fauth-token-2.4.2.tgz#10d0ae979b100fa6b72fa0e8e63e27e6d0dbff8a"
+  integrity sha1-ENCul5sQD6a3L6Do5j4n5tDb/4o=
+  dependencies:
+    "@octokit/types" "^5.0.0"
+
+"@octokit/core@^3.0.0":
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/@octokit/core/download/@octokit/core-3.1.2.tgz?cache=0&sync_timestamp=1596560038862&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Fcore%2Fdownload%2F%40octokit%2Fcore-3.1.2.tgz#c937d5f9621b764573068fcd2e5defcc872fd9cc"
+  integrity sha1-yTfV+WIbdkVzBo/NLl3vzIcv2cw=
+  dependencies:
+    "@octokit/auth-token" "^2.4.0"
+    "@octokit/graphql" "^4.3.1"
+    "@octokit/request" "^5.4.0"
+    "@octokit/types" "^5.0.0"
+    before-after-hook "^2.1.0"
+    universal-user-agent "^6.0.0"
+
+"@octokit/endpoint@^6.0.1":
+  version "6.0.6"
+  resolved "https://registry.npm.taobao.org/@octokit/endpoint/download/@octokit/endpoint-6.0.6.tgz?cache=0&sync_timestamp=1599716256808&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Fendpoint%2Fdownload%2F%40octokit%2Fendpoint-6.0.6.tgz#4f09f2b468976b444742a1d5069f6fa45826d999"
+  integrity sha1-TwnytGiXa0RHQqHVBp9vpFgm2Zk=
+  dependencies:
+    "@octokit/types" "^5.0.0"
+    is-plain-object "^5.0.0"
+    universal-user-agent "^6.0.0"
+
+"@octokit/graphql@^4.3.1":
+  version "4.5.5"
+  resolved "https://registry.npm.taobao.org/@octokit/graphql/download/@octokit/graphql-4.5.5.tgz#f01d6b231b117372dab2bcd9295ce94272454956"
+  integrity sha1-8B1rIxsRc3LasrzZKVzpQnJFSVY=
+  dependencies:
+    "@octokit/request" "^5.3.0"
+    "@octokit/types" "^5.0.0"
+    universal-user-agent "^6.0.0"
+
+"@octokit/plugin-paginate-rest@^2.2.0":
+  version "2.3.3"
+  resolved "https://registry.npm.taobao.org/@octokit/plugin-paginate-rest/download/@octokit/plugin-paginate-rest-2.3.3.tgz#ceaa9f77bdce4b468d8aeaf5eb8f9a23ee4f97b5"
+  integrity sha1-zqqfd73OS0aNiur164+aI+5Pl7U=
+  dependencies:
+    "@octokit/types" "^5.3.0"
+
+"@octokit/plugin-request-log@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/@octokit/plugin-request-log/download/@octokit/plugin-request-log-1.0.0.tgz#eef87a431300f6148c39a7f75f8cfeb218b2547e"
+  integrity sha1-7vh6QxMA9hSMOaf3X4z+shiyVH4=
+
+"@octokit/plugin-rest-endpoint-methods@4.1.3":
+  version "4.1.3"
+  resolved "https://registry.npm.taobao.org/@octokit/plugin-rest-endpoint-methods/download/@octokit/plugin-rest-endpoint-methods-4.1.3.tgz#44d9af35cd9fef63c7a4cf3b0e6b681886cc8d34"
+  integrity sha1-RNmvNc2f72PHpM87DmtoGIbMjTQ=
+  dependencies:
+    "@octokit/types" "^5.1.1"
+    deprecation "^2.3.1"
+
+"@octokit/request-error@^2.0.0":
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/@octokit/request-error/download/@octokit/request-error-2.0.2.tgz?cache=0&sync_timestamp=1592238438749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frequest-error%2Fdownload%2F%40octokit%2Frequest-error-2.0.2.tgz#0e76b83f5d8fdda1db99027ea5f617c2e6ba9ed0"
+  integrity sha1-Dna4P12P3aHbmQJ+pfYXwua6ntA=
+  dependencies:
+    "@octokit/types" "^5.0.1"
+    deprecation "^2.0.0"
+    once "^1.4.0"
+
+"@octokit/request@^5.3.0", "@octokit/request@^5.4.0":
+  version "5.4.8"
+  resolved "https://registry.npm.taobao.org/@octokit/request/download/@octokit/request-5.4.8.tgz?cache=0&sync_timestamp=1599716255201&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frequest%2Fdownload%2F%40octokit%2Frequest-5.4.8.tgz#13ad36e172bb57e78bacf02cd86210d1f7412f04"
+  integrity sha1-E6024XK7V+eLrPAs2GIQ0fdBLwQ=
+  dependencies:
+    "@octokit/endpoint" "^6.0.1"
+    "@octokit/request-error" "^2.0.0"
+    "@octokit/types" "^5.0.0"
+    deprecation "^2.0.0"
+    is-plain-object "^5.0.0"
+    node-fetch "^2.3.0"
+    once "^1.4.0"
+    universal-user-agent "^6.0.0"
+
+"@octokit/rest@18.0.4":
+  version "18.0.4"
+  resolved "https://registry.npm.taobao.org/@octokit/rest/download/@octokit/rest-18.0.4.tgz#3c7e7dba671ae2097c24086581a2dc2fdb039be0"
+  integrity sha1-PH59umca4gl8JAhlgaLcL9sDm+A=
+  dependencies:
+    "@octokit/core" "^3.0.0"
+    "@octokit/plugin-paginate-rest" "^2.2.0"
+    "@octokit/plugin-request-log" "^1.0.0"
+    "@octokit/plugin-rest-endpoint-methods" "4.1.3"
+
+"@octokit/types@^5.0.0", "@octokit/types@^5.0.1", "@octokit/types@^5.1.1", "@octokit/types@^5.3.0":
+  version "5.4.1"
+  resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-5.4.1.tgz?cache=0&sync_timestamp=1597956616077&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Ftypes%2Fdownload%2F%40octokit%2Ftypes-5.4.1.tgz#d5d5f2b70ffc0e3f89467c3db749fa87fc3b7031"
+  integrity sha1-1dXytw/8Dj+JRnw9t0n6h/w7cDE=
+  dependencies:
+    "@types/node" ">= 8"
+
+"@sindresorhus/is@^0.14.0":
+  version "0.14.0"
+  resolved "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
+  integrity sha1-n7OjzzEyMoFR81PeRjLgHlIQK+o=
+
+"@sindresorhus/is@^3.1.1":
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-3.1.2.tgz#548650de521b344e3781fbdb0ece4aa6f729afb8"
+  integrity sha1-VIZQ3lIbNE43gfvbDs5Kpvcpr7g=
+
+"@szmarczak/http-timer@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@szmarczak/http-timer/download/@szmarczak/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
+  integrity sha1-sWZeLEYaLNkvTBu/UNVFTeDUtCE=
+  dependencies:
+    defer-to-connect "^1.0.1"
+
+"@szmarczak/http-timer@^4.0.5":
+  version "4.0.5"
+  resolved "https://registry.npm.taobao.org/@szmarczak/http-timer/download/@szmarczak/http-timer-4.0.5.tgz#bfbd50211e9dfa51ba07da58a14cdfd333205152"
+  integrity sha1-v71QIR6d+lG6B9pYoUzf0zMgUVI=
+  dependencies:
+    defer-to-connect "^2.0.0"
+
+"@types/cacheable-request@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npm.taobao.org/@types/cacheable-request/download/@types/cacheable-request-6.0.1.tgz?cache=0&sync_timestamp=1596838007642&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fcacheable-request%2Fdownload%2F%40types%2Fcacheable-request-6.0.1.tgz#5d22f3dded1fd3a84c0bbeb5039a7419c2c91976"
+  integrity sha1-XSLz3e0f06hMC761A5p0GcLJGXY=
+  dependencies:
+    "@types/http-cache-semantics" "*"
+    "@types/keyv" "*"
+    "@types/node" "*"
+    "@types/responselike" "*"
+
+"@types/color-name@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz?cache=0&sync_timestamp=1596837707987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fcolor-name%2Fdownload%2F%40types%2Fcolor-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
+  integrity sha1-HBJhu+qhCoBVu8XYq4S3sq/IRqA=
+
+"@types/http-cache-semantics@*":
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/@types/http-cache-semantics/download/@types/http-cache-semantics-4.0.0.tgz#9140779736aa2655635ee756e2467d787cfe8a2a"
+  integrity sha1-kUB3lzaqJlVjXudW4kZ9eHz+iio=
+
+"@types/keyv@*":
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/@types/keyv/download/@types/keyv-3.1.1.tgz#e45a45324fca9dab716ab1230ee249c9fb52cfa7"
+  integrity sha1-5FpFMk/KnatxarEjDuJJyftSz6c=
+  dependencies:
+    "@types/node" "*"
+
+"@types/node@*", "@types/node@>= 8":
+  version "14.6.4"
+  resolved "https://registry.npm.taobao.org/@types/node/download/@types/node-14.6.4.tgz?cache=0&sync_timestamp=1599568905640&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-14.6.4.tgz#a145cc0bb14ef9c4777361b7bbafa5cf8e3acb5a"
+  integrity sha1-oUXMC7FO+cR3c2G3u6+lz446y1o=
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/@types/parse-json/download/@types/parse-json-4.0.0.tgz?cache=0&sync_timestamp=1596840707693&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fparse-json%2Fdownload%2F%40types%2Fparse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
+  integrity sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=
+
+"@types/responselike@*", "@types/responselike@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/@types/responselike/download/@types/responselike-1.0.0.tgz?cache=0&sync_timestamp=1596840738846&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fresponselike%2Fdownload%2F%40types%2Fresponselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
+  integrity sha1-JR9P59FU0rrRJavhtCmyOv0mLik=
+  dependencies:
+    "@types/node" "*"
+
+"@vue/compiler-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
+  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
+  dependencies:
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+    "@vue/shared" "3.0.0-rc.10"
+    estree-walker "^2.0.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
+  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
+  dependencies:
+    "@vue/compiler-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
+
+"@vue/reactivity@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
+  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
+  dependencies:
+    "@vue/shared" "3.0.0-rc.10"
+
+"@vue/runtime-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
+  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
+  dependencies:
+    "@vue/reactivity" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
+
+"@vue/runtime-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
+  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
+  dependencies:
+    "@vue/runtime-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
+    csstype "^2.6.8"
+
+"@vue/shared@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
+  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
+
+ansi-align@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/ansi-align/download/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
+  integrity sha1-tTazcc9ofKrvI2wY0+If43l0Z8s=
+  dependencies:
+    string-width "^3.0.0"
+
+ansi-escapes@^4.2.1:
+  version "4.3.1"
+  resolved "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
+  integrity sha1-pcR8xDGB8fOP/XB2g3cA05VSKmE=
+  dependencies:
+    type-fest "^0.11.0"
+
+ansi-regex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
+  integrity sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=
+
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
+  integrity sha1-kK51xCTQCNJiTFvynq0xd+v881k=
+  dependencies:
+    "@types/color-name" "^1.1.1"
+    color-convert "^2.0.1"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/array-union/download/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha1-t5hCCtvrHego2ErNii4j0+/oXo0=
+
+async-retry@1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/async-retry/download/async-retry-1.3.1.tgz#139f31f8ddce50c0870b0ba558a6079684aaed55"
+  integrity sha1-E58x+N3OUMCHCwulWKYHloSq7VU=
+  dependencies:
+    retry "0.12.0"
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+
+balanced-match@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
+  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+
+before-after-hook@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/before-after-hook/download/before-after-hook-2.1.0.tgz#b6c03487f44e24200dd30ca5e6a1979c5d2fb635"
+  integrity sha1-tsA0h/ROJCAN0wyl5qGXnF0vtjU=
+
+boxen@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/boxen/download/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64"
+  integrity sha1-5BG2I1fW1tNlh8isPV2XTaoHDmQ=
+  dependencies:
+    ansi-align "^3.0.0"
+    camelcase "^5.3.1"
+    chalk "^3.0.0"
+    cli-boxes "^2.2.0"
+    string-width "^4.1.0"
+    term-size "^2.1.0"
+    type-fest "^0.8.1"
+    widest-line "^3.1.0"
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/braces/download/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha1-NFThpGLujVmeI23zNs2epPiv4Qc=
+  dependencies:
+    fill-range "^7.0.1"
+
+cacheable-lookup@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npm.taobao.org/cacheable-lookup/download/cacheable-lookup-5.0.3.tgz#049fdc59dffdd4fc285e8f4f82936591bd59fec3"
+  integrity sha1-BJ/cWd/91PwoXo9PgpNlkb1Z/sM=
+
+cacheable-request@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.npm.taobao.org/cacheable-request/download/cacheable-request-6.1.0.tgz?cache=0&sync_timestamp=1579606262568&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacheable-request%2Fdownload%2Fcacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha1-IP+4vRYrpL4R6VZ9gj22UQUsqRI=
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^3.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^1.0.2"
+
+cacheable-request@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/cacheable-request/download/cacheable-request-7.0.1.tgz?cache=0&sync_timestamp=1579606262568&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacheable-request%2Fdownload%2Fcacheable-request-7.0.1.tgz#062031c2856232782ed694a257fa35da93942a58"
+  integrity sha1-BiAxwoViMngu1pSiV/o12pOUKlg=
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^4.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^2.0.0"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/callsites/download/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha1-s2MKvYlDQy9Us/BRkjjjPNffL3M=
+
+camelcase@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA=
+
+chalk@4.1.0, chalk@^4.0.0, chalk@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1591687076871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chalk@^2.0.0:
+  version "2.4.2"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1591687076871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz?cache=0&sync_timestamp=1591687076871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
+  integrity sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chardet@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.npm.taobao.org/chardet/download/chardet-0.7.0.tgz?cache=0&sync_timestamp=1594010660915&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchardet%2Fdownload%2Fchardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
+  integrity sha1-kAlISfCTfy7twkJdDSip5fDLrZ4=
+
+ci-info@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/ci-info/download/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
+  integrity sha1-Z6npZL4xpR4V5QENWObxKDQAL0Y=
+
+cli-boxes@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/cli-boxes/download/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f"
+  integrity sha1-3dUDXSUJT84iDpyrQKRYQKRAMY8=
+
+cli-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
+  integrity sha1-JkMFp65JDR0Dvwybp8kl0XU68wc=
+  dependencies:
+    restore-cursor "^3.1.0"
+
+cli-spinners@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npm.taobao.org/cli-spinners/download/cli-spinners-2.4.0.tgz?cache=0&sync_timestamp=1595080364429&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcli-spinners%2Fdownload%2Fcli-spinners-2.4.0.tgz#c6256db216b878cfba4720e719cec7cf72685d7f"
+  integrity sha1-xiVtsha4eM+6RyDnGc7Hz3JoXX8=
+
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha1-ovSEN6LKqaIkNueUvwceyeYc7fY=
+
+clone-response@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/clone-response/download/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
+  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
+  dependencies:
+    mimic-response "^1.0.0"
+
+clone@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/clone/download/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
+  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=
+
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npm.taobao.org/combined-stream/download/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha1-w9RaizT9cwYxoRCoolIGgrMdWn8=
+  dependencies:
+    delayed-stream "~1.0.0"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
+
+configstore@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/configstore/download/configstore-5.0.1.tgz#d365021b5df4b98cdd187d6a3b0e3f6a7cc5ed96"
+  integrity sha1-02UCG130uYzdGH1qOw4/anzF7ZY=
+  dependencies:
+    dot-prop "^5.2.0"
+    graceful-fs "^4.1.2"
+    make-dir "^3.0.0"
+    unique-string "^2.0.0"
+    write-file-atomic "^3.0.0"
+    xdg-basedir "^4.0.0"
+
+cosmiconfig@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1596310657948&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha1-75tE13OVnK5j3ezRIt4jhTtg+NM=
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+cross-spawn@^7.0.0:
+  version "7.0.3"
+  resolved "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz?cache=0&sync_timestamp=1590420971248&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcross-spawn%2Fdownload%2Fcross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha1-9zqFudXUHQRVUcF34ogtSshXKKY=
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/crypto-random-string/download/crypto-random-string-2.0.0.tgz?cache=0&sync_timestamp=1599137690451&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcrypto-random-string%2Fdownload%2Fcrypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha1-7yp6lm7BEIM4g2m6oC6+rSKbMNU=
+
+csstype@^2.6.8:
+  version "2.6.13"
+  resolved "https://registry.npm.taobao.org/csstype/download/csstype-2.6.13.tgz?cache=0&sync_timestamp=1598348215201&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcsstype%2Fdownload%2Fcsstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
+  integrity sha1-pokwFbkOhN1uhdDjtEKh6E8tvg8=
+
+debug@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=
+  dependencies:
+    ms "^2.1.1"
+
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npm.taobao.org/decompress-response/download/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+  dependencies:
+    mimic-response "^1.0.0"
+
+decompress-response@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/decompress-response/download/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+  integrity sha1-yjh2Et234QS9FthaqwDV7PCcZvw=
+  dependencies:
+    mimic-response "^3.1.0"
+
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npm.taobao.org/deep-extend/download/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha1-xPp8lUBKF6nD6Mp+FTcxK3NjMKw=
+
+defaults@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/defaults/download/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
+  integrity sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=
+  dependencies:
+    clone "^1.0.2"
+
+defer-to-connect@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/defer-to-connect/download/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
+  integrity sha1-MxrgUMCNz3ifjIOnuB8O2U9KxZE=
+
+defer-to-connect@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/defer-to-connect/download/defer-to-connect-2.0.0.tgz#83d6b199db041593ac84d781b5222308ccf4c2c1"
+  integrity sha1-g9axmdsEFZOshNeBtSIjCMz0wsE=
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
+
+deprecated-obj@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/deprecated-obj/download/deprecated-obj-2.0.0.tgz#e6ba93a3989f6ed18d685e7d99fb8d469b4beffc"
+  integrity sha1-5rqTo5ifbtGNaF59mfuNRptL7/w=
+  dependencies:
+    flat "^5.0.2"
+    lodash "^4.17.20"
+
+deprecation@^2.0.0, deprecation@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npm.taobao.org/deprecation/download/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
+  integrity sha1-Y2jL20Cr8zc7UlrIfkomDDpwCRk=
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/dir-glob/download/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha1-Vtv3PZkqSpO6FYT0U0Bj/S5BcX8=
+  dependencies:
+    path-type "^4.0.0"
+
+dot-prop@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.npm.taobao.org/dot-prop/download/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
+  integrity sha1-kMzOcIzZzYLMTcjD3dmr3VWyDog=
+  dependencies:
+    is-obj "^2.0.0"
+
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha1-kzoEBShgyF6DwSJHnEdIqOTHIVY=
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha1-6Bj9ac5cz8tARZT4QpY79TFkzDc=
+
+end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.npm.taobao.org/end-of-stream/download/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha1-WuZKX0UFe682JuwU2gyl5LJDHrA=
+  dependencies:
+    once "^1.4.0"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npm.taobao.org/error-ex/download/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha1-tKxAZIEH/c3PriQvQovqihTU8b8=
+  dependencies:
+    is-arrayish "^0.2.1"
+
+escape-goat@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/escape-goat/download/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
+  integrity sha1-Gy3HcANnbEV+x2Cy3GjttkgYhnU=
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz?cache=0&sync_timestamp=1587627107924&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fescape-string-regexp%2Fdownload%2Fescape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
+
+estree-walker@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/estree-walker/download/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
+  integrity sha1-+OAw+yHO+hg7RLetUWt0dDTno+A=
+
+execa@4.0.3, execa@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/execa/download/execa-4.0.3.tgz?cache=0&sync_timestamp=1594145159577&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fexeca%2Fdownload%2Fexeca-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
+  integrity sha1-CjTau61tZhAL1vLFdshmlAPzF/I=
+  dependencies:
+    cross-spawn "^7.0.0"
+    get-stream "^5.0.0"
+    human-signals "^1.1.1"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.0"
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+    strip-final-newline "^2.0.0"
+
+external-editor@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/external-editor/download/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
+  integrity sha1-ywP3QL764D6k0oPK7SdBqD8zVJU=
+  dependencies:
+    chardet "^0.7.0"
+    iconv-lite "^0.4.24"
+    tmp "^0.0.33"
+
+fast-glob@^3.1.1:
+  version "3.2.4"
+  resolved "https://registry.npm.taobao.org/fast-glob/download/fast-glob-3.2.4.tgz?cache=0&sync_timestamp=1592290365180&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-glob%2Fdownload%2Ffast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
+  integrity sha1-0grvv5lXk4Pn88xmUpFYybmFVNM=
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.0"
+    merge2 "^1.3.0"
+    micromatch "^4.0.2"
+    picomatch "^2.2.1"
+
+fastq@^1.6.0:
+  version "1.8.0"
+  resolved "https://registry.npm.taobao.org/fastq/download/fastq-1.8.0.tgz?cache=0&sync_timestamp=1589280387748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffastq%2Fdownload%2Ffastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481"
+  integrity sha1-VQ4fn1m7xl/hhctqm02VNXEH9IE=
+  dependencies:
+    reusify "^1.0.4"
+
+figures@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/figures/download/figures-3.2.0.tgz?cache=0&sync_timestamp=1581865437156&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffigures%2Fdownload%2Ffigures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
+  integrity sha1-YlwYvSk8YE3EqN2y/r8MiDQXRq8=
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha1-GRmmp8df44ssfHflGYU12prN2kA=
+  dependencies:
+    to-regex-range "^5.0.1"
+
+find-up@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/find-up/download/find-up-5.0.0.tgz?cache=0&sync_timestamp=1597169795121&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha1-TJKBnstwg1YeT0okCoa+UZj1Nvw=
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npm.taobao.org/flat/download/flat-5.0.2.tgz?cache=0&sync_timestamp=1596729088991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat%2Fdownload%2Fflat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha1-jKb+MyBp/6nTJMMnGYxZglnOskE=
+
+form-data@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/form-data/download/form-data-3.0.0.tgz?cache=0&sync_timestamp=1573027040291&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fform-data%2Fdownload%2Fform-data-3.0.0.tgz#31b7e39c85f1355b7139ee0c647cf0de7f83c682"
+  integrity sha1-MbfjnIXxNVtxOe4MZHzw3n+DxoI=
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+get-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/get-stream/download/get-stream-4.1.0.tgz?cache=0&sync_timestamp=1597056455691&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fget-stream%2Fdownload%2Fget-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha1-wbJVV189wh1Zv8ec09K0axw6VLU=
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^5.0.0, get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/get-stream/download/get-stream-5.2.0.tgz?cache=0&sync_timestamp=1597056455691&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fget-stream%2Fdownload%2Fget-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha1-SWaheV7lrOZecGxLe+txJX1uItM=
+  dependencies:
+    pump "^3.0.0"
+
+git-up@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/git-up/download/git-up-4.0.2.tgz?cache=0&sync_timestamp=1596976431214&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-up%2Fdownload%2Fgit-up-4.0.2.tgz#10c3d731051b366dc19d3df454bfca3f77913a7c"
+  integrity sha1-EMPXMQUbNm3BnT30VL/KP3eROnw=
+  dependencies:
+    is-ssh "^1.3.0"
+    parse-url "^5.0.0"
+
+git-url-parse@11.1.3:
+  version "11.1.3"
+  resolved "https://registry.npm.taobao.org/git-url-parse/download/git-url-parse-11.1.3.tgz?cache=0&sync_timestamp=1599218691888&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-url-parse%2Fdownload%2Fgit-url-parse-11.1.3.tgz#03625b6fc09905e9ad1da7bb2b84be1bf9123143"
+  integrity sha1-A2Jbb8CZBemtHae7K4S+G/kSMUM=
+  dependencies:
+    git-up "^4.0.0"
+
+glob-parent@^5.1.0:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/glob-parent/download/glob-parent-5.1.1.tgz?cache=0&sync_timestamp=1584836110944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
+  integrity sha1-tsHvQXxOVmPqSY8cRa+saRa7wik=
+  dependencies:
+    is-glob "^4.0.1"
+
+glob@^7.0.0:
+  version "7.1.6"
+  resolved "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+global-dirs@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/global-dirs/download/global-dirs-2.0.1.tgz?cache=0&sync_timestamp=1573231918216&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobal-dirs%2Fdownload%2Fglobal-dirs-2.0.1.tgz#acdf3bb6685bcd55cb35e8a052266569e9469201"
+  integrity sha1-rN87tmhbzVXLNeigUiZlaelGkgE=
+  dependencies:
+    ini "^1.3.5"
+
+globby@11.0.1:
+  version "11.0.1"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
+  integrity sha1-mivxB6Bo8//qvEmtcCx57ejP01c=
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
+got@11.6.0:
+  version "11.6.0"
+  resolved "https://registry.npm.taobao.org/got/download/got-11.6.0.tgz?cache=0&sync_timestamp=1599586535796&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-11.6.0.tgz#4978c78f3cbc3a45ee95381f8bb6efd1db1f4638"
+  integrity sha1-SXjHjzy8OkXulTgfi7bv0dsfRjg=
+  dependencies:
+    "@sindresorhus/is" "^3.1.1"
+    "@szmarczak/http-timer" "^4.0.5"
+    "@types/cacheable-request" "^6.0.1"
+    "@types/responselike" "^1.0.0"
+    cacheable-lookup "^5.0.3"
+    cacheable-request "^7.0.1"
+    decompress-response "^6.0.0"
+    http2-wrapper "^1.0.0-beta.5.2"
+    lowercase-keys "^2.0.0"
+    p-cancelable "^2.0.0"
+    responselike "^2.0.0"
+
+got@^9.6.0:
+  version "9.6.0"
+  resolved "https://registry.npm.taobao.org/got/download/got-9.6.0.tgz?cache=0&sync_timestamp=1599586535796&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
+  integrity sha1-7fRefWf5lUVwXeH3u+7rEhdl7YU=
+  dependencies:
+    "@sindresorhus/is" "^0.14.0"
+    "@szmarczak/http-timer" "^1.1.2"
+    cacheable-request "^6.0.0"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^4.1.0"
+    lowercase-keys "^1.0.1"
+    mimic-response "^1.0.1"
+    p-cancelable "^1.0.0"
+    to-readable-stream "^1.0.0"
+    url-parse-lax "^3.0.0"
+
+graceful-fs@^4.1.2:
+  version "4.2.4"
+  resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1588086876757&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
+  integrity sha1-Ila94U02MpWMRl68ltxGfKB6Kfs=
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=
+
+has-yarn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/has-yarn/download/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
+  integrity sha1-E34RNUp7W/EapctknPDG8/8rLnc=
+
+http-cache-semantics@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/http-cache-semantics/download/http-cache-semantics-4.1.0.tgz?cache=0&sync_timestamp=1583107049902&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-cache-semantics%2Fdownload%2Fhttp-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
+  integrity sha1-SekcXL82yblLz81xwj1SSex045A=
+
+http2-wrapper@^1.0.0-beta.5.2:
+  version "1.0.0-beta.5.2"
+  resolved "https://registry.npm.taobao.org/http2-wrapper/download/http2-wrapper-1.0.0-beta.5.2.tgz?cache=0&sync_timestamp=1594436795894&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp2-wrapper%2Fdownload%2Fhttp2-wrapper-1.0.0-beta.5.2.tgz#8b923deb90144aea65cf834b016a340fc98556f3"
+  integrity sha1-i5I965AUSuplz4NLAWo0D8mFVvM=
+  dependencies:
+    quick-lru "^5.1.1"
+    resolve-alpn "^1.0.0"
+
+human-signals@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/human-signals/download/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
+  integrity sha1-xbHNFPUK6uCatsWf5jujOV/k36M=
+
+iconv-lite@^0.4.24:
+  version "0.4.24"
+  resolved "https://registry.npm.taobao.org/iconv-lite/download/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha1-ICK0sl+93CHS9SSXSkdKr+czkIs=
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+ignore@^5.1.4:
+  version "5.1.8"
+  resolved "https://registry.npm.taobao.org/ignore/download/ignore-5.1.8.tgz?cache=0&sync_timestamp=1590809289115&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
+  integrity sha1-8VCotQo0KJsz4i9YiavU2AFvDlc=
+
+import-cwd@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/import-cwd/download/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
+  integrity sha1-IIRVR3GAFRJuqbNna3WS+4vUz5I=
+  dependencies:
+    import-from "^3.0.0"
+
+import-fresh@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.2.1.tgz?cache=0&sync_timestamp=1573665028675&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimport-fresh%2Fdownload%2Fimport-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
+  integrity sha1-Yz/2GFBueTr1rJG/SLcmd+FcvmY=
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+import-from@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/import-from/download/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
+  integrity sha1-BVz+w4zVon2AV8pRN219O/CJGWY=
+  dependencies:
+    resolve-from "^5.0.0"
+
+import-lazy@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/import-lazy/download/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
+  integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/imurmurhash/download/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/inherits/download/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w=
+
+ini@^1.3.5, ini@~1.3.0:
+  version "1.3.5"
+  resolved "https://registry.npm.taobao.org/ini/download/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
+  integrity sha1-7uJfVtscnsYIXgwid4CD9Zar+Sc=
+
+inquirer@7.3.3:
+  version "7.3.3"
+  resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.3.3.tgz?cache=0&sync_timestamp=1595471601345&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha1-BNF2sq8Er8FXqD/XwQDpjuCq0AM=
+  dependencies:
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.19"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.6.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+
+interpret@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/interpret/download/interpret-1.4.0.tgz?cache=0&sync_timestamp=1591167206134&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finterpret%2Fdownload%2Finterpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
+  integrity sha1-Zlq4vE2iendKQFhOgS4+D6RbGh4=
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npm.taobao.org/is-arrayish/download/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
+
+is-ci@2.0.0, is-ci@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-ci/download/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
+  integrity sha1-a8YzQYGBDgS1wis9WJ/cpVAmQEw=
+  dependencies:
+    ci-info "^2.0.0"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-fullwidth-code-point@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
+  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=
+
+is-glob@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha1-dWfb6fL14kZ7x3q4PEopSCQHpdw=
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-installed-globally@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npm.taobao.org/is-installed-globally/download/is-installed-globally-0.3.2.tgz?cache=0&sync_timestamp=1586162509580&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-installed-globally%2Fdownload%2Fis-installed-globally-0.3.2.tgz#fd3efa79ee670d1187233182d5b0a1dd00313141"
+  integrity sha1-/T76ee5nDRGHIzGC1bCh3QAxMUE=
+  dependencies:
+    global-dirs "^2.0.1"
+    is-path-inside "^3.0.1"
+
+is-interactive@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/is-interactive/download/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
+  integrity sha1-zqbmrlyHCnsKAAQHC3tYfgJSkS4=
+
+is-npm@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/is-npm/download/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
+  integrity sha1-yQ3YOAaW34enptgjwg0LErvjyE0=
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npm.taobao.org/is-number/download/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss=
+
+is-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-obj/download/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
+  integrity sha1-Rz+wXZc3BeP9liBUUBjKjiLvSYI=
+
+is-path-inside@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/is-path-inside/download/is-path-inside-3.0.2.tgz#f5220fc82a3e233757291dddc9c5877f2a1f3017"
+  integrity sha1-9SIPyCo+IzdXKR3dycWHfyofMBc=
+
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-5.0.0.tgz?cache=0&sync_timestamp=1599667247216&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-plain-object%2Fdownload%2Fis-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha1-RCf1CrNCnpAl6n1S6QQ6nvQVk0Q=
+
+is-ssh@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.npm.taobao.org/is-ssh/download/is-ssh-1.3.2.tgz?cache=0&sync_timestamp=1596976433804&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-ssh%2Fdownload%2Fis-ssh-1.3.2.tgz#a4b82ab63d73976fd8263cceee27f99a88bdae2b"
+  integrity sha1-pLgqtj1zl2/YJjzO7if5moi9ris=
+  dependencies:
+    protocols "^1.1.0"
+
+is-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-stream/download/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
+  integrity sha1-venDJoDW+uBBKdasnZIc54FfeOM=
+
+is-typedarray@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
+
+is-yarn-global@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/is-yarn-global/download/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
+  integrity sha1-1QLTOCWQ6jAEiTdGdUyJE5lz4jI=
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/isexe/download/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
+
+js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha1-GSA/tZmR35jjoocFDUZHzerzJJk=
+
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha1-kziAKjDTtmBfvgYT4JQAjKjAWhM=
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npm.taobao.org/json-parse-even-better-errors/download/json-parse-even-better-errors-2.3.1.tgz?cache=0&sync_timestamp=1599064822543&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson-parse-even-better-errors%2Fdownload%2Fjson-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0=
+
+keyv@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/keyv/download/keyv-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fkeyv%2Fdownload%2Fkeyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
+  integrity sha1-7MIoSG9pmR5J6UdkhaW+Ho/FxNk=
+  dependencies:
+    json-buffer "3.0.0"
+
+keyv@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/keyv/download/keyv-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fkeyv%2Fdownload%2Fkeyv-4.0.1.tgz#9fe703cb4a94d6d11729d320af033307efd02ee6"
+  integrity sha1-n+cDy0qU1tEXKdMgrwMzB+/QLuY=
+  dependencies:
+    json-buffer "3.0.1"
+
+latest-version@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/latest-version/download/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
+  integrity sha1-EZ3+kI/jjRXfpD7NE/oS7Igy+s4=
+  dependencies:
+    package-json "^6.3.0"
+
+lines-and-columns@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npm.taobao.org/lines-and-columns/download/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
+  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha1-VTIeswn+u8WcSAHZMackUqaB0oY=
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash@4.17.20, lodash@^4.17.19, lodash@^4.17.20:
+  version "4.17.20"
+  resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336053864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
+
+log-symbols@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/log-symbols/download/log-symbols-4.0.0.tgz#69b3cc46d20f448eccdb75ea1fa733d9e821c920"
+  integrity sha1-abPMRtIPRI7M23XqH6cz2eghySA=
+  dependencies:
+    chalk "^4.0.0"
+
+lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha1-b54wtHCE2XGnyCD/FabFFnt0wm8=
+
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha1-JgPni3tLAAbLyi+8yKMgJVislHk=
+
+macos-release@^2.2.0:
+  version "2.4.1"
+  resolved "https://registry.npm.taobao.org/macos-release/download/macos-release-2.4.1.tgz#64033d0ec6a5e6375155a74b1a1eba8e509820ac"
+  integrity sha1-ZAM9Dsal5jdRVadLGh66jlCYIKw=
+
+make-dir@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-3.1.0.tgz?cache=0&sync_timestamp=1587567875186&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmake-dir%2Fdownload%2Fmake-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha1-QV6WcEazp/HRhSd9hKpYIDcmoT8=
+  dependencies:
+    semver "^6.0.0"
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/merge-stream/download/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha1-UoI2KaFN0AyXcPtq1H3GMQ8sH2A=
+
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.npm.taobao.org/merge2/download/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha1-Q2iJL4hekHRVpv19xVwMnUBJkK4=
+
+micromatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/micromatch/download/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
+  integrity sha1-T8sJmb+fvC/L3SEvbWKbmlbDklk=
+  dependencies:
+    braces "^3.0.1"
+    picomatch "^2.0.5"
+
+mime-db@1.44.0:
+  version "1.44.0"
+  resolved "https://registry.npm.taobao.org/mime-db/download/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
+  integrity sha1-+hHF6wrKEzS0Izy01S8QxaYnL5I=
+
+mime-types@2.1.27, mime-types@^2.1.12:
+  version "2.1.27"
+  resolved "https://registry.npm.taobao.org/mime-types/download/mime-types-2.1.27.tgz?cache=0&sync_timestamp=1587700357245&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmime-types%2Fdownload%2Fmime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
+  integrity sha1-R5SfmOJ56lMRn1ci4PNOUpvsAJ8=
+  dependencies:
+    mime-db "1.44.0"
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz?cache=0&sync_timestamp=1596095644798&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-fn%2Fdownload%2Fmimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=
+
+mimic-response@^1.0.0, mimic-response@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/mimic-response/download/mimic-response-1.0.1.tgz?cache=0&sync_timestamp=1589481326973&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-response%2Fdownload%2Fmimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha1-SSNTiHju9CBjy4o+OweYeBSHqxs=
+
+mimic-response@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/mimic-response/download/mimic-response-3.1.0.tgz?cache=0&sync_timestamp=1589481326973&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-response%2Fdownload%2Fmimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+  integrity sha1-LR1Zr5wbEpgVrMwsRqAipc4fo8k=
+
+minimatch@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
+  integrity sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.0:
+  version "1.2.5"
+  resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
+
+ms@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=
+
+mute-stream@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
+  integrity sha1-FjDEKyJR/4HiooPelqVJfqkuXg0=
+
+node-fetch@^2.3.0:
+  version "2.6.1"
+  resolved "https://registry.npm.taobao.org/node-fetch/download/node-fetch-2.6.1.tgz?cache=0&sync_timestamp=1599309119313&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-fetch%2Fdownload%2Fnode-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
+  integrity sha1-BFvTI2Mfdu0uK1VXM5RBa2OaAFI=
+
+normalize-url@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
+  integrity sha1-suHE3E98bVd0PfczpPWXjRhlBVk=
+
+normalize-url@^4.1.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-4.5.0.tgz#453354087e6ca96957bd8f5baf753f5982142129"
+  integrity sha1-RTNUCH5sqWlXvY9br3U/WYIUISk=
+
+npm-run-path@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnpm-run-path%2Fdownload%2Fnpm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha1-t+zR5e1T2o43pV4cImnguX7XSOo=
+  dependencies:
+    path-key "^3.0.0"
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.0:
+  version "5.1.2"
+  resolved "https://registry.npm.taobao.org/onetime/download/onetime-5.1.2.tgz?cache=0&sync_timestamp=1597003911641&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fonetime%2Fdownload%2Fonetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+  integrity sha1-0Oluu1awdHbfHdnEgG5SN5hcpF4=
+  dependencies:
+    mimic-fn "^2.1.0"
+
+ora@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/ora/download/ora-5.0.0.tgz?cache=0&sync_timestamp=1599423047162&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fora%2Fdownload%2Fora-5.0.0.tgz#4f0b34f2994877b49b452a707245ab1e9f6afccb"
+  integrity sha1-Tws08plId7SbRSpwckWrHp9q/Ms=
+  dependencies:
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-spinners "^2.4.0"
+    is-interactive "^1.0.0"
+    log-symbols "^4.0.0"
+    mute-stream "0.0.8"
+    strip-ansi "^6.0.0"
+    wcwidth "^1.0.1"
+
+os-name@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/os-name/download/os-name-4.0.0.tgz#6c05c09c41c15848ea74658d12c9606f0f286599"
+  integrity sha1-bAXAnEHBWEjqdGWNEslgbw8oZZk=
+  dependencies:
+    macos-release "^2.2.0"
+    windows-release "^4.0.0"
+
+os-tmpdir@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/os-tmpdir/download/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+
+p-cancelable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/p-cancelable/download/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
+  integrity sha1-0HjRWjr0CSIMiG8dmgyi5EGrJsw=
+
+p-cancelable@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/p-cancelable/download/p-cancelable-2.0.0.tgz#4a3740f5bdaf5ed5d7c3e34882c6fb5d6b266a6e"
+  integrity sha1-SjdA9b2vXtXXw+NIgsb7XWsmam4=
+
+p-limit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-3.0.2.tgz?cache=0&sync_timestamp=1594559711554&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-3.0.2.tgz#1664e010af3cadc681baafd3e2a437be7b0fb5fe"
+  integrity sha1-FmTgEK88rcaBuq/T4qQ3vnsPtf4=
+  dependencies:
+    p-try "^2.0.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-5.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha1-g8gxXGeFAF470CGDlBHJ4RDm2DQ=
+  dependencies:
+    p-limit "^3.0.2"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+  integrity sha1-yyhoVA4xPWHeWPr741zpAE1VQOY=
+
+package-json@^6.3.0:
+  version "6.5.0"
+  resolved "https://registry.npm.taobao.org/package-json/download/package-json-6.5.0.tgz#6feedaca35e75725876d0b0e64974697fed145b0"
+  integrity sha1-b+7ayjXnVyWHbQsOZJdGl/7RRbA=
+  dependencies:
+    got "^9.6.0"
+    registry-auth-token "^4.0.0"
+    registry-url "^5.0.0"
+    semver "^6.2.0"
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/parent-module/download/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha1-aR0nCeeMefrjoVZiJFLQB2LKqqI=
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@5.1.0, parse-json@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/parse-json/download/parse-json-5.1.0.tgz?cache=0&sync_timestamp=1598129230057&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-5.1.0.tgz#f96088cdf24a8faa9aea9a009f2d9d942c999646"
+  integrity sha1-+WCIzfJKj6qa6poAny2dlCyZlkY=
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parse-path@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/parse-path/download/parse-path-4.0.2.tgz?cache=0&sync_timestamp=1596987777161&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-path%2Fdownload%2Fparse-path-4.0.2.tgz#ef14f0d3d77bae8dd4bc66563a4c151aac9e65aa"
+  integrity sha1-7xTw09d7ro3UvGZWOkwVGqyeZao=
+  dependencies:
+    is-ssh "^1.3.0"
+    protocols "^1.4.0"
+
+parse-url@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.npm.taobao.org/parse-url/download/parse-url-5.0.2.tgz?cache=0&sync_timestamp=1596987771810&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-url%2Fdownload%2Fparse-url-5.0.2.tgz#856a3be1fcdf78dc93fc8b3791f169072d898b59"
+  integrity sha1-hWo74fzfeNyT/Is3kfFpBy2Ji1k=
+  dependencies:
+    is-ssh "^1.3.0"
+    normalize-url "^3.3.0"
+    parse-path "^4.0.0"
+    protocols "^1.4.0"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/path-exists/download/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha1-UTvb4tO5XXdi6METfvoZXGxhtbM=
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/path-key/download/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha1-WB9q3mWMu6ZaDTOA3ndTKVBU83U=
+
+path-parse@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npm.taobao.org/path-parse/download/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
+  integrity sha1-1i27VnlAXXLEc37FhgDp3c8G0kw=
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=
+
+picomatch@^2.0.5, picomatch@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.npm.taobao.org/picomatch/download/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
+  integrity sha1-IfMz6ba46v8CRo9RRupAbTRfTa0=
+
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
+
+protocols@^1.1.0, protocols@^1.4.0:
+  version "1.4.8"
+  resolved "https://registry.npm.taobao.org/protocols/download/protocols-1.4.8.tgz?cache=0&sync_timestamp=1596987772072&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprotocols%2Fdownload%2Fprotocols-1.4.8.tgz#48eea2d8f58d9644a4a32caae5d5db290a075ce8"
+  integrity sha1-SO6i2PWNlkSkoyyq5dXbKQoHXOg=
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/pump/download/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha1-tKIRaBW94vTh6mAjVOjHVWUQemQ=
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pupa@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/pupa/download/pupa-2.0.1.tgz#dbdc9ff48ffbea4a26a069b6f9f7abb051008726"
+  integrity sha1-29yf9I/76komoGm2+fersFEAhyY=
+  dependencies:
+    escape-goat "^2.0.0"
+
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha1-NmST5rPkKjpoheLpnRj4D7eoyTI=
+
+rc@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.npm.taobao.org/rc/download/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha1-zZJL9SAKB1uDwYjNa54hG3/A0+0=
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+rechoir@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.npm.taobao.org/rechoir/download/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
+  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
+  dependencies:
+    resolve "^1.1.6"
+
+registry-auth-token@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/registry-auth-token/download/registry-auth-token-4.2.0.tgz?cache=0&sync_timestamp=1594638395069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregistry-auth-token%2Fdownload%2Fregistry-auth-token-4.2.0.tgz#1d37dffda72bbecd0f581e4715540213a65eb7da"
+  integrity sha1-HTff/acrvs0PWB5HFVQCE6Zet9o=
+  dependencies:
+    rc "^1.2.8"
+
+registry-url@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/registry-url/download/registry-url-5.1.0.tgz#e98334b50d5434b81136b44ec638d9c2009c5009"
+  integrity sha1-6YM0tQ1UNLgRNrROxjjZwgCcUAk=
+  dependencies:
+    rc "^1.2.8"
+
+release-it@^14.0.2:
+  version "14.0.2"
+  resolved "https://registry.npm.taobao.org/release-it/download/release-it-14.0.2.tgz#92cef6592ee9f9f6b60785ad5a659e1537996288"
+  integrity sha1-ks72WS7p+fa2B4WtWmWeFTeZYog=
+  dependencies:
+    "@iarna/toml" "2.2.5"
+    "@octokit/rest" "18.0.4"
+    async-retry "1.3.1"
+    chalk "4.1.0"
+    cosmiconfig "7.0.0"
+    debug "4.1.1"
+    deprecated-obj "2.0.0"
+    execa "4.0.3"
+    find-up "5.0.0"
+    form-data "3.0.0"
+    git-url-parse "11.1.3"
+    globby "11.0.1"
+    got "11.6.0"
+    import-cwd "3.0.0"
+    inquirer "7.3.3"
+    is-ci "2.0.0"
+    lodash "4.17.20"
+    mime-types "2.1.27"
+    ora "5.0.0"
+    os-name "4.0.0"
+    parse-json "5.1.0"
+    semver "7.3.2"
+    shelljs "0.8.4"
+    update-notifier "4.1.1"
+    url-join "4.0.1"
+    uuid "8.3.0"
+    yaml "1.10.0"
+    yargs-parser "19.0.4"
+
+resolve-alpn@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/resolve-alpn/download/resolve-alpn-1.0.0.tgz#745ad60b3d6aff4b4a48e01b8c0bdc70959e0e8c"
+  integrity sha1-dFrWCz1q/0tKSOAbjAvccJWeDow=
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha1-w1IlhD3493bfIcV1V7wIfp39/Gk=
+
+resolve@^1.1.6:
+  version "1.17.0"
+  resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
+  integrity sha1-sllBtUloIxzC0bt2p5y38sC/hEQ=
+  dependencies:
+    path-parse "^1.0.6"
+
+responselike@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/responselike/download/responselike-1.0.2.tgz?cache=0&sync_timestamp=1570573217730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresponselike%2Fdownload%2Fresponselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
+  dependencies:
+    lowercase-keys "^1.0.0"
+
+responselike@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/responselike/download/responselike-2.0.0.tgz?cache=0&sync_timestamp=1570573217730&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresponselike%2Fdownload%2Fresponselike-2.0.0.tgz#26391bcc3174f750f9a79eacc40a12a5c42d7723"
+  integrity sha1-JjkbzDF091D5p56sxAoSpcQtdyM=
+  dependencies:
+    lowercase-keys "^2.0.0"
+
+restore-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
+  integrity sha1-OfZ8VLOnpYzqUjbZXPADQjljH34=
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
+retry@0.12.0:
+  version "0.12.0"
+  resolved "https://registry.npm.taobao.org/retry/download/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
+  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/reusify/download/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha1-kNo4Kx4SbvwCFG6QhFqI2xKSXXY=
+
+run-async@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.npm.taobao.org/run-async/download/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
+  integrity sha1-hEDsz5nqPnC9QJ1JqriOEMGJpFU=
+
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.npm.taobao.org/run-parallel/download/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha1-yd06fPn0ssS2JE4XOm7YZuYd1nk=
+
+rxjs@^6.6.0:
+  version "6.6.3"
+  resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.6.3.tgz?cache=0&sync_timestamp=1599403258987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
+  integrity sha1-jKhGNcTaqQDA05Z6buesYCce5VI=
+  dependencies:
+    tslib "^1.9.0"
+
+"safer-buffer@>= 2.1.2 < 3":
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/safer-buffer/download/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=
+
+semver-diff@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/semver-diff/download/semver-diff-3.1.1.tgz#05f77ce59f325e00e2706afd67bb506ddb1ca32b"
+  integrity sha1-Bfd85Z8yXgDicGr9Z7tQbdscoys=
+  dependencies:
+    semver "^6.3.0"
+
+semver@7.3.2:
+  version "7.3.2"
+  resolved "https://registry.npm.taobao.org/semver/download/semver-7.3.2.tgz?cache=0&sync_timestamp=1586886267748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha1-YElisFK4HtB4aq6EOJ/7pw/9OTg=
+
+semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586886267748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/shebang-command/download/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha1-zNCvT4g1+9wmW4JGGq8MNmY/NOo=
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha1-rhbxZE2HPsrYQ7AwexQzYtTEIXI=
+
+shelljs@0.8.4:
+  version "0.8.4"
+  resolved "https://registry.npm.taobao.org/shelljs/download/shelljs-0.8.4.tgz?cache=0&sync_timestamp=1587787210621&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fshelljs%2Fdownload%2Fshelljs-0.8.4.tgz#de7684feeb767f8716b326078a8a00875890e3c2"
+  integrity sha1-3naE/ut2f4cWsyYHiooAh1iQ48I=
+  dependencies:
+    glob "^7.0.0"
+    interpret "^1.0.0"
+    rechoir "^0.6.2"
+
+signal-exit@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.npm.taobao.org/signal-exit/download/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
+  integrity sha1-oUEMLt2PB3sItOJTyOrPyvBXRhw=
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/slash/download/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ=
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
+
+string-width@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha1-InZ74htirxCBV0MG9prFG2IgOWE=
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
+string-width@^4.0.0, string-width@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/string-width/download/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
+  integrity sha1-lSGCxGzHssMT0VluYjmSvRY7crU=
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.0"
+
+strip-ansi@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=
+  dependencies:
+    ansi-regex "^4.1.0"
+
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=
+  dependencies:
+    ansi-regex "^5.0.0"
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/strip-final-newline/download/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha1-ibhS+y/L6Tb29LMYevsKEsGrWK0=
+
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-2.0.1.tgz?cache=0&sync_timestamp=1594567543744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-json-comments%2Fdownload%2Fstrip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-5.5.0.tgz?cache=0&sync_timestamp=1598611771865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1598611771865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=
+  dependencies:
+    has-flag "^4.0.0"
+
+term-size@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/term-size/download/term-size-2.2.0.tgz#1f16adedfe9bdc18800e1776821734086fcc6753"
+  integrity sha1-Hxat7f6b3BiADhd2ghc0CG/MZ1M=
+
+through@^2.3.6:
+  version "2.3.8"
+  resolved "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  integrity sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=
+  dependencies:
+    os-tmpdir "~1.0.2"
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-2.0.0.tgz?cache=0&sync_timestamp=1580550296062&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fto-fast-properties%2Fdownload%2Fto-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
+
+to-readable-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/to-readable-stream/download/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
+  integrity sha1-zgqgwvPfat+FLvtASng+d8BHV3E=
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha1-FkjESq58jZiKMmAY7XL1tN0DkuQ=
+  dependencies:
+    is-number "^7.0.0"
+
+tslib@^1.9.0:
+  version "1.13.0"
+  resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz?cache=0&sync_timestamp=1596752024863&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
+  integrity sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM=
+
+type-fest@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npm.taobao.org/type-fest/download/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
+  integrity sha1-l6vwhyMQ/tiKXEZrJWgVdhReM/E=
+
+type-fest@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.npm.taobao.org/type-fest/download/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
+  integrity sha1-CeJJ696FHTseSNJ8EFREZn8XuD0=
+
+typedarray-to-buffer@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.npm.taobao.org/typedarray-to-buffer/download/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
+  integrity sha1-qX7nqf9CaRufeD/xvFES/j/KkIA=
+  dependencies:
+    is-typedarray "^1.0.0"
+
+typescript@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/typescript/download/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
+  integrity sha1-fqfIh3fHI8aB4zv3mIvl0AjQWsI=
+
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/unique-string/download/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha1-OcZFH4GvsnSd4rIz4/fF6IQ72J0=
+  dependencies:
+    crypto-random-string "^2.0.0"
+
+universal-user-agent@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/universal-user-agent/download/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
+  integrity sha1-M4H4UDslHA2c0hvB3pOeyd9UgO4=
+
+update-notifier@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/update-notifier/download/update-notifier-4.1.1.tgz?cache=0&sync_timestamp=1597574328608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fupdate-notifier%2Fdownload%2Fupdate-notifier-4.1.1.tgz#895fc8562bbe666179500f9f2cebac4f26323746"
+  integrity sha1-iV/IViu+ZmF5UA+fLOusTyYyN0Y=
+  dependencies:
+    boxen "^4.2.0"
+    chalk "^3.0.0"
+    configstore "^5.0.1"
+    has-yarn "^2.1.0"
+    import-lazy "^2.1.0"
+    is-ci "^2.0.0"
+    is-installed-globally "^0.3.1"
+    is-npm "^4.0.0"
+    is-yarn-global "^0.3.0"
+    latest-version "^5.0.0"
+    pupa "^2.0.1"
+    semver-diff "^3.1.1"
+    xdg-basedir "^4.0.0"
+
+url-join@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/url-join/download/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
+  integrity sha1-tkLiGiZGgI/6F4xMX9o5hE4Szec=
+
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/url-parse-lax/download/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  dependencies:
+    prepend-http "^2.0.0"
+
+uuid@8.3.0:
+  version "8.3.0"
+  resolved "https://registry.npm.taobao.org/uuid/download/uuid-8.3.0.tgz?cache=0&sync_timestamp=1595886825323&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-8.3.0.tgz#ab738085ca22dc9a8c92725e459b1d507df5d6ea"
+  integrity sha1-q3OAhcoi3JqMknJeRZsdUH311uo=
+
+vue@^3.0.0-rc.10:
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
+  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
+  dependencies:
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/runtime-dom" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
+
+wcwidth@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/wcwidth/download/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
+  integrity sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=
+  dependencies:
+    defaults "^1.0.3"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha1-fGqN0KY2oDJ+ELWckobu6T8/UbE=
+  dependencies:
+    isexe "^2.0.0"
+
+widest-line@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/widest-line/download/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca"
+  integrity sha1-gpIzO79my0X/DeFgOxNreuFJbso=
+  dependencies:
+    string-width "^4.0.0"
+
+windows-release@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/windows-release/download/windows-release-4.0.0.tgz#4725ec70217d1bf6e02c7772413b29cdde9ec377"
+  integrity sha1-RyXscCF9G/bgLHdyQTspzd6ew3c=
+  dependencies:
+    execa "^4.0.2"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+write-file-atomic@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.npm.taobao.org/write-file-atomic/download/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha1-Vr1cWlxwSBzRnFcb05q5ZaXeVug=
+  dependencies:
+    imurmurhash "^0.1.4"
+    is-typedarray "^1.0.0"
+    signal-exit "^3.0.2"
+    typedarray-to-buffer "^3.1.5"
+
+xdg-basedir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/xdg-basedir/download/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
+  integrity sha1-S8jZmEQDaWIl74OhVzy7y0552xM=
+
+yaml@1.10.0, yaml@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.10.0.tgz?cache=0&sync_timestamp=1598195039906&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
+  integrity sha1-O1k63ZRIdgd9TWg/7gEIG9n/8x4=
+
+yargs-parser@19.0.4:
+  version "19.0.4"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-19.0.4.tgz?cache=0&sync_timestamp=1599672404544&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-19.0.4.tgz#99183a3a59268b205c6b04177f2a5bfb46e79ba7"
+  integrity sha1-mRg6OlkmiyBcawQXfypb+0bnm6c=

From cbeb3d4c81024140ac07b8e653d55308d767d18a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 21:04:37 +0800
Subject: [PATCH 367/626] chore(use): add release script

---
 packages/vant-use/package.json | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index f774b8675..6c6bda411 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.1-beta.0",
+  "version": "0.0.1-alpha.0",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -8,7 +8,8 @@
   "sideEffects": false,
   "scripts": {
     "dev": "tsc -m esNext --outDir es --watch",
-    "build": "tsc && tsc -m esNext --outDir es"
+    "build": "tsc && tsc -m esNext --outDir es",
+    "release": "yarn build && release-it"
   },
   "publishConfig": {
     "access": "public"

From 77ca6eabc9fff2a7b62e8bdddbf9f73374a7484a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 21:05:53 +0800
Subject: [PATCH 368/626] chore(use): add release config

---
 packages/vant-use/package.json | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 6c6bda411..f8d2e4b4a 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -20,5 +20,11 @@
     "release-it": "^14.0.2",
     "typescript": "^4.0.2",
     "vue": "^3.0.0-rc.10"
+  },
+  "release-it": {
+    "git": {
+      "tag": false,
+      "commitMessage": "chore: release @vant/use@${version}"
+    }
   }
 }

From 38edb83f37babccf1aa95409a08afc7ae2f3b523 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 21:06:28 +0800
Subject: [PATCH 369/626] chore: release @vant/use@0.0.1-alpha.1

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index f8d2e4b4a..0d9cdb5f7 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.1",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From df0a055ce6d49c35a2b0fcba461d538c69d76503 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 10 Sep 2020 21:15:16 +0800
Subject: [PATCH 370/626] chore: install @vant/use

---
 package.json                     |  1 +
 src/calendar/components/Month.js |  2 +-
 src/composition/use-toggle.ts    | 10 ----------
 yarn.lock                        |  5 +++++
 4 files changed, 7 insertions(+), 11 deletions(-)
 delete mode 100644 src/composition/use-toggle.ts

diff --git a/package.json b/package.json
index 00cdfcfe8..06be8b458 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
+    "@vant/use": "^0.0.1-alpha.1",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index b07965fa9..bbcd2bb29 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -16,8 +16,8 @@ import {
 } from '../utils';
 
 // Composition
+import { useToggle } from '@vant/use';
 import { useHeight } from '../../composition/use-rect';
-import { useToggle } from '../../composition/use-toggle';
 import { usePublicApi } from '../../composition/use-public-api';
 
 // Components
diff --git a/src/composition/use-toggle.ts b/src/composition/use-toggle.ts
deleted file mode 100644
index bd6a281be..000000000
--- a/src/composition/use-toggle.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ref } from 'vue';
-
-export function useToggle(defaultValue = false) {
-  const state = ref(defaultValue);
-  const setState = (value: boolean) => {
-    state.value = value;
-  };
-
-  return [state, setState];
-}
diff --git a/yarn.lock b/yarn.lock
index a03d8fbcd..85ec049c9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2156,6 +2156,11 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
+"@vant/use@^0.0.1-alpha.1":
+  version "0.0.1-alpha.1"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1-alpha.1.tgz#2c8242c86a75be7b9a3965f412c737b249906858"
+  integrity sha512-dtem5ThlklkoP4zs7BuLzwYgC6OxHsUH/Upme3ep426pfuF7nowlZvF/BnOA+v9ki5BHD48sXaeVhaEqtWC7Ig==
+
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"
   resolved "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"

From 977b14cce8c317dbb7d0ceaf6978a39e4ec65e95 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 11 Sep 2020 23:08:17 +0800
Subject: [PATCH 371/626] feat(use): add useEventListener

---
 packages/vant-use/src/index.ts                |  1 +
 .../vant-use/src/useEventListener/index.ts    | 69 +++++++++++++++++++
 packages/vant-use/tsconfig.json               |  3 +-
 3 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 packages/vant-use/src/useEventListener/index.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 320c57177..50c6f6900 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1 +1,2 @@
 export { useToggle } from './useToggle';
+export { useEventListener } from './useEventListener';
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
new file mode 100644
index 000000000..9a380589b
--- /dev/null
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -0,0 +1,69 @@
+import {
+  Ref,
+  unref,
+  onMounted,
+  onActivated,
+  onUnmounted,
+  onDeactivated,
+} from 'vue';
+
+const inBrowser = typeof window !== 'undefined';
+
+let supportsPassive = false;
+if (inBrowser) {
+  try {
+    const opts = {};
+    Object.defineProperty(opts, 'passive', {
+      get() {
+        supportsPassive = true;
+      },
+    });
+    window.addEventListener('test-passive', null as any, opts);
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+}
+
+export type UseEventListenerOptions = {
+  type: string;
+  target: EventTarget | Ref<EventTarget>;
+  capture?: boolean;
+  passive?: boolean;
+  listener: EventListener;
+};
+
+export function useEventListener({
+  type,
+  target,
+  passive = false,
+  capture = false,
+  listener,
+}: UseEventListenerOptions) {
+  let attached: boolean;
+
+  const add = () => {
+    const element = unref(target);
+
+    if (element && inBrowser && !attached) {
+      element.addEventListener(
+        type,
+        listener,
+        supportsPassive ? { capture, passive } : capture
+      );
+      attached = true;
+    }
+  };
+
+  const remove = () => {
+    const element = unref(target);
+
+    if (element && inBrowser && attached) {
+      element.removeEventListener(type, listener, capture);
+      attached = false;
+    }
+  };
+
+  onMounted(add);
+  onActivated(add);
+  onUnmounted(remove);
+  onDeactivated(remove);
+}
diff --git a/packages/vant-use/tsconfig.json b/packages/vant-use/tsconfig.json
index 6d9136383..60581a788 100644
--- a/packages/vant-use/tsconfig.json
+++ b/packages/vant-use/tsconfig.json
@@ -7,8 +7,7 @@
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
-    "moduleResolution": "Node",
-    "lib": ["esnext"]
+    "moduleResolution": "Node"
   },
   "include": ["src/**/*"]
 }

From c2135d4151bd4d83c9f22d960ae2e533d771f3a8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:06:11 +0800
Subject: [PATCH 372/626] chore: use useEventListener

---
 src/dropdown-menu/index.js | 14 +++++++++-----
 src/index-bar/index.js     |  8 ++++++--
 src/list/index.js          |  9 +++++++--
 src/sticky/index.js        |  9 +++++++--
 4 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index a8e9f0ad3..ca2109d3a 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -4,9 +4,9 @@ import { ref, provide, reactive, computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
@@ -121,10 +121,14 @@ export default createComponent({
       callback: onClickOutside,
     });
 
-    useGlobalEvent(scroller, 'scroll', () => {
-      if (opened.value) {
-        updateOffset();
-      }
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener() {
+        if (opened.value) {
+          updateOffset();
+        }
+      },
     });
 
     return () => (
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index b26de97af..c75ba013e 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -12,10 +12,10 @@ import {
 } from '../utils/dom/scroll';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
@@ -156,7 +156,11 @@ export default createComponent({
       }
     };
 
-    useGlobalEvent(scroller, 'scroll', onScroll);
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: onScroll,
+    });
 
     watch(
       () => props.indexList,
diff --git a/src/list/index.js b/src/list/index.js
index 06c3e4944..208b10c32 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -5,10 +5,10 @@ import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
 import { usePublicApi } from '../composition/use-public-api';
-import { useGlobalEvent } from '../composition/use-global-event';
 
 // Components
 import Loading from '../loading';
@@ -142,7 +142,12 @@ export default createComponent({
     });
 
     usePublicApi({ check });
-    useGlobalEvent(scroller, 'scroll', check);
+
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: check,
+    });
 
     return () => {
       const Content = slots.default?.();
diff --git a/src/sticky/index.js b/src/sticky/index.js
index 04e516576..1e41c11e9 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -7,8 +7,8 @@ import { createNamespace } from '../utils';
 import { getScrollTop, getElementTop } from '../utils/dom/scroll';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 import { useVisibilityChange } from '../composition/use-visibility-change';
 
 const [createComponent, bem] = createNamespace('sticky');
@@ -101,7 +101,12 @@ export default createComponent({
       emitScrollEvent(scrollTop);
     };
 
-    useGlobalEvent(scroller, 'scroll', onScroll);
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: onScroll,
+    });
+
     useVisibilityChange(rootRef, onScroll);
 
     return () => {

From 9b502bcbbd4bd4125216f1133cdb9ab9bb520a43 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:07:03 +0800
Subject: [PATCH 373/626] chore(use): adjust typings entry

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 0d9cdb5f7..eada2fc2c 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -4,7 +4,7 @@
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "es/index.d.ts",
   "sideEffects": false,
   "scripts": {
     "dev": "tsc -m esNext --outDir es --watch",

From a58da5570bdb4900b3db38047d808e125218139e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:16:44 +0800
Subject: [PATCH 374/626] refactor(use): adjust useEventListener params

---
 .../vant-use/src/useEventListener/index.ts    | 26 ++++++++++---------
 src/dropdown-menu/index.js                    | 16 +++++-------
 src/index-bar/index.js                        |  6 +----
 src/list/index.js                             |  6 +----
 src/sticky/index.js                           |  6 +----
 5 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
index 9a380589b..2cad8dbe2 100644
--- a/packages/vant-use/src/useEventListener/index.ts
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -24,26 +24,28 @@ if (inBrowser) {
 }
 
 export type UseEventListenerOptions = {
-  type: string;
-  target: EventTarget | Ref<EventTarget>;
+  target?: EventTarget | Ref<EventTarget>;
   capture?: boolean;
   passive?: boolean;
-  listener: EventListener;
 };
 
-export function useEventListener({
-  type,
-  target,
-  passive = false,
-  capture = false,
-  listener,
-}: UseEventListenerOptions) {
+export function useEventListener(
+  type: string,
+  listener: EventListener,
+  options: UseEventListenerOptions
+) {
+  if (!inBrowser) {
+    return;
+  }
+
+  const { target = window, passive = false, capture = false } = options;
+
   let attached: boolean;
 
   const add = () => {
     const element = unref(target);
 
-    if (element && inBrowser && !attached) {
+    if (element && !attached) {
       element.addEventListener(
         type,
         listener,
@@ -56,7 +58,7 @@ export function useEventListener({
   const remove = () => {
     const element = unref(target);
 
-    if (element && inBrowser && attached) {
+    if (element && attached) {
       element.removeEventListener(type, listener, capture);
       attached = false;
     }
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index ca2109d3a..385c46452 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -72,6 +72,12 @@ export default createComponent({
       }
     };
 
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    };
+
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
@@ -121,15 +127,7 @@ export default createComponent({
       callback: onClickOutside,
     });
 
-    useEventListener({
-      type: 'scroll',
-      target: scroller,
-      listener() {
-        if (opened.value) {
-          updateOffset();
-        }
-      },
-    });
+    useEventListener('scroll', onScroll, { target: scroller });
 
     return () => (
       <div ref={rootRef} class={bem()}>
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index c75ba013e..8583bbdbc 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -156,11 +156,7 @@ export default createComponent({
       }
     };
 
-    useEventListener({
-      type: 'scroll',
-      target: scroller,
-      listener: onScroll,
-    });
+    useEventListener('scroll', onScroll, { target: scroller });
 
     watch(
       () => props.indexList,
diff --git a/src/list/index.js b/src/list/index.js
index 208b10c32..c3ae9ac20 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -143,11 +143,7 @@ export default createComponent({
 
     usePublicApi({ check });
 
-    useEventListener({
-      type: 'scroll',
-      target: scroller,
-      listener: check,
-    });
+    useEventListener('scroll', check, { target: scroller });
 
     return () => {
       const Content = slots.default?.();
diff --git a/src/sticky/index.js b/src/sticky/index.js
index 1e41c11e9..b2f149562 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -101,11 +101,7 @@ export default createComponent({
       emitScrollEvent(scrollTop);
     };
 
-    useEventListener({
-      type: 'scroll',
-      target: scroller,
-      listener: onScroll,
-    });
+    useEventListener('scroll', onScroll, { target: scroller });
 
     useVisibilityChange(rootRef, onScroll);
 

From 195f3ffea18bc8e9ef9f127c58b6de40a0162ae0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:29:08 +0800
Subject: [PATCH 375/626] feat(use): add useClickAway

---
 packages/vant-use/src/index.ts                |  1 +
 packages/vant-use/src/useClickAway/index.ts   | 27 ++++++++++
 .../vant-use/src/useEventListener/index.ts    |  4 +-
 src/composition/use-click-outside.ts          | 21 --------
 src/composition/use-global-event.ts           | 50 -------------------
 src/dropdown-menu/index.js                    | 10 ++--
 src/number-keyboard/index.js                  |  8 +--
 src/swipe-cell/index.js                       |  8 +--
 8 files changed, 37 insertions(+), 92 deletions(-)
 create mode 100644 packages/vant-use/src/useClickAway/index.ts
 delete mode 100644 src/composition/use-click-outside.ts
 delete mode 100644 src/composition/use-global-event.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 50c6f6900..f562c40c5 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,2 +1,3 @@
 export { useToggle } from './useToggle';
+export { useClickAway } from './useClickAway';
 export { useEventListener } from './useEventListener';
diff --git a/packages/vant-use/src/useClickAway/index.ts b/packages/vant-use/src/useClickAway/index.ts
new file mode 100644
index 000000000..941fe8f7d
--- /dev/null
+++ b/packages/vant-use/src/useClickAway/index.ts
@@ -0,0 +1,27 @@
+import { Ref, unref } from 'vue';
+import { inBrowser, useEventListener } from '../useEventListener';
+
+export type UseClickAwayOptions = {
+  eventName?: string;
+};
+
+export function useClickAway(
+  target: Element | Ref<Element>,
+  listener: EventListener,
+  options: UseClickAwayOptions = {}
+) {
+  if (!inBrowser) {
+    return;
+  }
+
+  const { eventName = 'click' } = options;
+
+  const onClick = (event: Event) => {
+    const element = unref(target);
+    if (!element.contains(event.target as Node)) {
+      listener(event);
+    }
+  };
+
+  useEventListener(eventName, onClick, { target: document });
+}
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
index 2cad8dbe2..5903c7108 100644
--- a/packages/vant-use/src/useEventListener/index.ts
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -7,7 +7,7 @@ import {
   onDeactivated,
 } from 'vue';
 
-const inBrowser = typeof window !== 'undefined';
+export const inBrowser = typeof window !== 'undefined';
 
 let supportsPassive = false;
 if (inBrowser) {
@@ -32,7 +32,7 @@ export type UseEventListenerOptions = {
 export function useEventListener(
   type: string,
   listener: EventListener,
-  options: UseEventListenerOptions
+  options: UseEventListenerOptions = {}
 ) {
   if (!inBrowser) {
     return;
diff --git a/src/composition/use-click-outside.ts b/src/composition/use-click-outside.ts
deleted file mode 100644
index db64eb2a0..000000000
--- a/src/composition/use-click-outside.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Ref } from 'vue';
-import { useGlobalEvent } from './use-global-event';
-
-export type UseClickOutsideOpitons = {
-  event: string;
-  callback: EventListener;
-  element: Ref<Element>;
-  flag?: Ref<boolean>;
-};
-
-export function useClickOutside(options: UseClickOutsideOpitons) {
-  const { event = 'click', callback, element, flag } = options;
-
-  function onClick(event: Event) {
-    if (!element.value.contains(event.target as Node)) {
-      callback(event);
-    }
-  }
-
-  useGlobalEvent(document, event, onClick, false, flag);
-}
diff --git a/src/composition/use-global-event.ts b/src/composition/use-global-event.ts
deleted file mode 100644
index 6d227742f..000000000
--- a/src/composition/use-global-event.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { on, off } from '../utils/dom/event';
-import {
-  Ref,
-  unref,
-  watch,
-  onMounted,
-  onActivated,
-  onUnmounted,
-  onDeactivated,
-} from 'vue';
-
-export function useGlobalEvent(
-  target: EventTarget | Ref<EventTarget>,
-  event: string,
-  handler: EventListener,
-  passive = false,
-  flag?: Ref<boolean>
-) {
-  let binded: boolean;
-
-  const add = () => {
-    const element = unref(target);
-
-    if (binded || (flag && !flag.value) || !element) {
-      return;
-    }
-
-    on(element, event, handler, passive);
-    binded = true;
-  };
-
-  const remove = () => {
-    const element = unref(target);
-    if (binded && element) {
-      off(element, event, handler);
-      binded = false;
-    }
-  };
-
-  if (flag) {
-    watch(flag, () => {
-      flag.value ? add() : remove();
-    });
-  }
-
-  onMounted(add);
-  onActivated(add);
-  onUnmounted(remove);
-  onDeactivated(remove);
-}
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 385c46452..ad060d9b0 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -4,10 +4,9 @@ import { ref, provide, reactive, computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
-import { useEventListener } from '@vant/use';
+import { useClickAway, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
-import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
@@ -55,7 +54,7 @@ export default createComponent({
       }
     });
 
-    const onClickOutside = () => {
+    const onClickAway = () => {
       children.forEach((item) => {
         item.toggle(false);
       });
@@ -122,10 +121,7 @@ export default createComponent({
 
     provide(DROPDOWN_KEY, { props, offset, children });
 
-    useClickOutside({
-      element: rootRef,
-      callback: onClickOutside,
-    });
+    useClickAway(rootRef, onClickAway);
 
     useEventListener('scroll', onScroll, { target: scroller });
 
diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index b093afae7..4f0c22c26 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,7 +1,7 @@
 import { ref, watch, computed, Teleport, Transition } from 'vue';
 import { createNamespace } from '../utils';
 import { stopPropagation } from '../utils/dom/event';
-import { useClickOutside } from '../composition/use-click-outside';
+import { useClickAway } from '@vant/use';
 import Key from './Key';
 
 const [createComponent, bem] = createNamespace('number-keyboard');
@@ -224,11 +224,7 @@ export default createComponent({
       }
     );
 
-    useClickOutside({
-      event: 'touchstart',
-      element: rootRef,
-      callback: onClose,
-    });
+    useClickAway(rootRef, onClose, { eventName: 'touchstart' });
 
     return () => {
       const Title = renderTitle();
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 1ff677e15..d342b7a54 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -7,10 +7,10 @@ import { preventDefault } from '../utils/dom/event';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
+import { useClickAway } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
 import { usePublicApi } from '../composition/use-public-api';
-import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('swipe-cell');
 
@@ -183,11 +183,7 @@ export default createComponent({
       close,
     });
 
-    useClickOutside({
-      element: rootRef,
-      event: 'touchstart',
-      callback: onClick,
-    });
+    useClickAway(rootRef, onClick, { eventName: 'touchstart' });
 
     return () => {
       const wrapperStyle = {

From 10cfb36636b6f67b548b9669ce2efc3be5f069bb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:36:45 +0800
Subject: [PATCH 376/626] fix(Sticky): error when unmounted #7169

---
 src/composition/use-visibility-change.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
index afce59ee9..526eaad37 100644
--- a/src/composition/use-visibility-change.ts
+++ b/src/composition/use-visibility-change.ts
@@ -1,5 +1,11 @@
 import { inBrowser } from '../utils';
-import { Ref, onMounted, onUnmounted, onActivated, onDeactivated } from 'vue';
+import {
+  Ref,
+  onMounted,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
 
 export function useVisibilityChange(
   target: Ref<Element>,
@@ -30,6 +36,6 @@ export function useVisibilityChange(
 
   onMounted(observe);
   onActivated(observe);
-  onUnmounted(unobserve);
   onDeactivated(unobserve);
+  onBeforeUnmount(unobserve);
 }

From 68817e3aba9242367b256fbf1f97155095b62bf6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 21:47:05 +0800
Subject: [PATCH 377/626] chore: adjust useVisibilityChange

---
 packages/vant-use/src/shared.ts                 | 1 +
 packages/vant-use/src/useClickAway/index.ts     | 3 ++-
 packages/vant-use/src/useEventListener/index.ts | 3 +--
 src/composition/use-visibility-change.ts        | 7 +++----
 4 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 packages/vant-use/src/shared.ts

diff --git a/packages/vant-use/src/shared.ts b/packages/vant-use/src/shared.ts
new file mode 100644
index 000000000..6ea623bfc
--- /dev/null
+++ b/packages/vant-use/src/shared.ts
@@ -0,0 +1 @@
+export const inBrowser = typeof window !== 'undefined';
diff --git a/packages/vant-use/src/useClickAway/index.ts b/packages/vant-use/src/useClickAway/index.ts
index 941fe8f7d..6b41cd330 100644
--- a/packages/vant-use/src/useClickAway/index.ts
+++ b/packages/vant-use/src/useClickAway/index.ts
@@ -1,5 +1,6 @@
 import { Ref, unref } from 'vue';
-import { inBrowser, useEventListener } from '../useEventListener';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
 
 export type UseClickAwayOptions = {
   eventName?: string;
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
index 5903c7108..a883a9202 100644
--- a/packages/vant-use/src/useEventListener/index.ts
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -6,8 +6,7 @@ import {
   onUnmounted,
   onDeactivated,
 } from 'vue';
-
-export const inBrowser = typeof window !== 'undefined';
+import { inBrowser } from '../shared';
 
 let supportsPassive = false;
 if (inBrowser) {
diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
index 526eaad37..2de6d4430 100644
--- a/src/composition/use-visibility-change.ts
+++ b/src/composition/use-visibility-change.ts
@@ -7,9 +7,10 @@ import {
   onBeforeUnmount,
 } from 'vue';
 
+// @Experimental
 export function useVisibilityChange(
   target: Ref<Element>,
-  onChange: () => void
+  onChange: (visible: boolean) => void
 ) {
   // compatibility: https://caniuse.com/#feat=intersectionobserver
   if (!inBrowser || !window.IntersectionObserver) {
@@ -19,9 +20,7 @@ export function useVisibilityChange(
   const observer = new IntersectionObserver(
     (entries) => {
       // visibility changed
-      if (entries[0].intersectionRatio > 0) {
-        onChange();
-      }
+      onChange(entries[0].intersectionRatio > 0);
     },
     { root: document.body }
   );

From ecbaddd5e1af7d776275a815799525530e98dd9b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 12 Sep 2020 22:04:02 +0800
Subject: [PATCH 378/626] feat(use): add useScrollParent

---
 packages/vant-use/src/index.ts                |  1 +
 .../vant-use/src/useScrollParent/index.ts     | 51 +++++++++++++++++++
 src/composition/use-scroller.ts               | 14 -----
 src/dropdown-menu/index.js                    |  7 ++-
 src/index-bar/index.js                        | 30 ++++++-----
 src/list/index.js                             | 27 +++++-----
 src/pull-refresh/index.js                     |  6 +--
 src/sticky/index.js                           |  7 ++-
 8 files changed, 91 insertions(+), 52 deletions(-)
 create mode 100644 packages/vant-use/src/useScrollParent/index.ts
 delete mode 100644 src/composition/use-scroller.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index f562c40c5..dd687cca0 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,3 +1,4 @@
 export { useToggle } from './useToggle';
 export { useClickAway } from './useClickAway';
+export { useScrollParent } from './useScrollParent';
 export { useEventListener } from './useEventListener';
diff --git a/packages/vant-use/src/useScrollParent/index.ts b/packages/vant-use/src/useScrollParent/index.ts
new file mode 100644
index 000000000..8b1731d9e
--- /dev/null
+++ b/packages/vant-use/src/useScrollParent/index.ts
@@ -0,0 +1,51 @@
+import { ref, Ref, onMounted } from 'vue';
+
+type ScrollElement = HTMLElement | Window;
+
+const overflowScrollReg = /scroll|auto/i;
+
+function isElement(node: Element) {
+  const ELEMENT_NODE_TYPE = 1;
+  return node.tagName !== 'HTML' && node.nodeType === ELEMENT_NODE_TYPE;
+}
+
+// http://w3help.org/zh-cn/causes/SD9013
+// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
+export function getScrollParent(el: Element, root: ScrollElement = window) {
+  let node = el;
+
+  while (node && node !== root && isElement(node)) {
+    const { overflowY } = window.getComputedStyle(node);
+
+    if (overflowScrollReg.test(overflowY)) {
+      if (node.tagName !== 'BODY') {
+        return node;
+      }
+
+      // see: https://github.com/youzan/vant/issues/3823
+      const { overflowY: htmlOverflowY } = window.getComputedStyle(
+        node.parentNode as Element
+      );
+
+      if (overflowScrollReg.test(htmlOverflowY)) {
+        return node;
+      }
+    }
+
+    node = node.parentNode as Element;
+  }
+
+  return root;
+}
+
+export function useScrollParent(el: Ref<Element>) {
+  const scrollParent = ref();
+
+  onMounted(() => {
+    if (el.value) {
+      scrollParent.value = getScrollParent(el.value);
+    }
+  });
+
+  return scrollParent;
+}
diff --git a/src/composition/use-scroller.ts b/src/composition/use-scroller.ts
deleted file mode 100644
index efbafe358..000000000
--- a/src/composition/use-scroller.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Ref, ref, onMounted } from 'vue';
-import { getScroller } from '../utils/dom/scroll';
-
-export function useScroller(el: Ref<HTMLElement>) {
-  const scrollerRef = ref();
-
-  onMounted(() => {
-    if (el.value) {
-      scrollerRef.value = getScroller(el.value);
-    }
-  });
-
-  return scrollerRef;
-}
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index ad060d9b0..858dec090 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -4,9 +4,8 @@ import { ref, provide, reactive, computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
-import { useClickAway, useEventListener } from '@vant/use';
+import { useClickAway, useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
-import { useScroller } from '../composition/use-scroller';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
@@ -40,7 +39,7 @@ export default createComponent({
     const rootRef = ref();
     const children = reactive([]);
 
-    const scroller = useScroller(rootRef);
+    const scrollParent = useScrollParent(rootRef);
 
     const opened = computed(() =>
       children.some((item) => item.state.showWrapper)
@@ -123,7 +122,7 @@ export default createComponent({
 
     useClickAway(rootRef, onClickAway);
 
-    useEventListener('scroll', onScroll, { target: scroller });
+    useEventListener('scroll', onScroll, { target: scrollParent });
 
     return () => (
       <div ref={rootRef} class={bem()}>
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 8583bbdbc..226ae6f77 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -12,10 +12,9 @@ import {
 } from '../utils/dom/scroll';
 
 // Composition
-import { useEventListener } from '@vant/use';
+import { useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
-import { useScroller } from '../composition/use-scroller';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
@@ -58,7 +57,7 @@ export default createComponent({
     const children = reactive([]);
 
     const touch = useTouch();
-    const scroller = useScroller(rootRef);
+    const scrollParent = useScrollParent(rootRef);
 
     provide(INDEX_BAR_KEY, { props, children });
 
@@ -79,8 +78,8 @@ export default createComponent({
     });
 
     const getScrollerRect = () => {
-      if (scroller.value.getBoundingClientRect) {
-        return useRect(scroller);
+      if (scrollParent.value.getBoundingClientRect) {
+        return useRect(scrollParent);
       }
       return {
         top: 0,
@@ -88,13 +87,16 @@ export default createComponent({
       };
     };
 
-    const getAnchorTop = (element, scrollerRect) => {
-      if (scroller.value === window || scroller.value === document.body) {
+    const getAnchorTop = (element, scrollParentRect) => {
+      if (
+        scrollParent.value === window ||
+        scrollParent.value === document.body
+      ) {
         return getElementTop(element);
       }
 
       const rect = useRect(element);
-      return rect.top - scrollerRect.top + getScrollTop(scroller);
+      return rect.top - scrollParentRect.top + getScrollTop(scrollParent);
     };
 
     const getActiveAnchor = (scrollTop, rects) => {
@@ -116,12 +118,12 @@ export default createComponent({
       }
 
       const { sticky, indexList } = props;
-      const scrollTop = getScrollTop(scroller.value);
-      const scrollerRect = getScrollerRect();
+      const scrollTop = getScrollTop(scrollParent.value);
+      const scrollParentRect = getScrollerRect();
 
       const rects = children.map((item) => ({
         height: item.height,
-        top: getAnchorTop(item.rootRef, scrollerRect),
+        top: getAnchorTop(item.rootRef, scrollParentRect),
       }));
 
       const active = getActiveAnchor(scrollTop, rects);
@@ -144,11 +146,11 @@ export default createComponent({
             state.active = true;
             state.top =
               Math.max(props.stickyOffsetTop, rects[index].top - scrollTop) +
-              scrollerRect.top;
+              scrollParentRect.top;
           } else if (index === active - 1) {
             const activeItemTop = rects[active].top - scrollTop;
             state.active = activeItemTop > 0;
-            state.top = activeItemTop + scrollerRect.top - height;
+            state.top = activeItemTop + scrollParentRect.top - height;
           } else {
             state.active = false;
           }
@@ -156,7 +158,7 @@ export default createComponent({
       }
     };
 
-    useEventListener('scroll', onScroll, { target: scroller });
+    useEventListener('scroll', onScroll, { target: scrollParent });
 
     watch(
       () => props.indexList,
diff --git a/src/list/index.js b/src/list/index.js
index c3ae9ac20..2639be501 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -5,9 +5,8 @@ import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
 
 // Composition
-import { useEventListener } from '@vant/use';
+import { useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
-import { useScroller } from '../composition/use-scroller';
 import { usePublicApi } from '../composition/use-public-api';
 
 // Components
@@ -44,7 +43,7 @@ export default createComponent({
     const loading = ref(false);
     const rootRef = ref();
     const placeholderRef = ref();
-    const scroller = useScroller(rootRef);
+    const scrollParent = useScrollParent(rootRef);
 
     const check = () => {
       nextTick(() => {
@@ -53,21 +52,22 @@ export default createComponent({
         }
 
         const { offset, direction } = props;
-        let scrollerRect;
+        let scrollParentRect;
 
-        if (scroller.value.getBoundingClientRect) {
-          scrollerRect = scroller.value.getBoundingClientRect();
+        if (scrollParent.value.getBoundingClientRect) {
+          scrollParentRect = scrollParent.value.getBoundingClientRect();
         } else {
-          scrollerRect = {
+          scrollParentRect = {
             top: 0,
-            bottom: scroller.value.innerHeight,
+            bottom: scrollParent.value.innerHeight,
           };
         }
 
-        const scrollerHeight = scrollerRect.bottom - scrollerRect.top;
+        const scrollParentHeight =
+          scrollParentRect.bottom - scrollParentRect.top;
 
         /* istanbul ignore next */
-        if (!scrollerHeight || isHidden(rootRef.value)) {
+        if (!scrollParentHeight || isHidden(rootRef.value)) {
           return false;
         }
 
@@ -75,9 +75,10 @@ export default createComponent({
         const placeholderRect = useRect(placeholderRef);
 
         if (direction === 'up') {
-          isReachEdge = scrollerRect.top - placeholderRect.top <= offset;
+          isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
         } else {
-          isReachEdge = placeholderRect.bottom - scrollerRect.bottom <= offset;
+          isReachEdge =
+            placeholderRect.bottom - scrollParentRect.bottom <= offset;
         }
 
         if (isReachEdge) {
@@ -143,7 +144,7 @@ export default createComponent({
 
     usePublicApi({ check });
 
-    useEventListener('scroll', check, { target: scroller });
+    useEventListener('scroll', check, { target: scrollParent });
 
     return () => {
       const Content = slots.default?.();
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index acf092897..83a907d62 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -6,8 +6,8 @@ import { getScrollTop } from '../utils/dom/scroll';
 import { preventDefault } from '../utils/dom/event';
 
 // Composition
+import { useScrollParent } from '@vant/use';
 import { useTouch } from '../composition/use-touch';
-import { useScroller } from '../composition/use-scroller';
 
 // Components
 import Loading from '../loading';
@@ -48,7 +48,7 @@ export default createComponent({
     let reachTop;
 
     const rootRef = ref();
-    const scroller = useScroller(rootRef);
+    const scrollParent = useScrollParent(rootRef);
 
     const state = reactive({
       status: 'normal',
@@ -130,7 +130,7 @@ export default createComponent({
     };
 
     const checkPosition = (event) => {
-      reachTop = getScrollTop(scroller.value) === 0;
+      reachTop = getScrollTop(scrollParent.value) === 0;
 
       if (reachTop) {
         state.duration = 0;
diff --git a/src/sticky/index.js b/src/sticky/index.js
index b2f149562..a9f05cf88 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -7,8 +7,7 @@ import { createNamespace } from '../utils';
 import { getScrollTop, getElementTop } from '../utils/dom/scroll';
 
 // Composition
-import { useEventListener } from '@vant/use';
-import { useScroller } from '../composition/use-scroller';
+import { useScrollParent, useEventListener } from '@vant/use';
 import { useVisibilityChange } from '../composition/use-visibility-change';
 
 const [createComponent, bem] = createNamespace('sticky');
@@ -27,7 +26,7 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const rootRef = ref();
-    const scroller = useScroller(rootRef);
+    const scrollParent = useScrollParent(rootRef);
 
     const state = reactive({
       fixed: false,
@@ -101,7 +100,7 @@ export default createComponent({
       emitScrollEvent(scrollTop);
     };
 
-    useEventListener('scroll', onScroll, { target: scroller });
+    useEventListener('scroll', onScroll, { target: scrollParent });
 
     useVisibilityChange(rootRef, onScroll);
 

From ed536d353dbd2da54d705ab55082aa59e39c7a83 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 09:41:25 +0800
Subject: [PATCH 379/626] chore: release @vant/use@0.0.1-alpha.2

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index eada2fc2c..466751d35 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From 0ce48b92398588298ceeeb8f948e147620fdeab0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 09:43:20 +0800
Subject: [PATCH 380/626] chore(use): remove dist when build

---
 package.json                   | 2 +-
 packages/vant-use/package.json | 3 ++-
 yarn.lock                      | 8 ++++----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 06be8b458..d7db3c26b 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.1-alpha.1",
+    "@vant/use": "^0.0.1-alpha.2",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 466751d35..7aeca806d 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -8,7 +8,8 @@
   "sideEffects": false,
   "scripts": {
     "dev": "tsc -m esNext --outDir es --watch",
-    "build": "tsc && tsc -m esNext --outDir es",
+    "clean": "rm -rf ./es && rm -rf ./lib",
+    "build": "yarn clean && tsc && tsc -m esNext --outDir es",
     "release": "yarn build && release-it"
   },
   "publishConfig": {
diff --git a/yarn.lock b/yarn.lock
index 18326c693..ac74f2e60 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2156,10 +2156,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.1-alpha.1":
-  version "0.0.1-alpha.1"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1-alpha.1.tgz#2c8242c86a75be7b9a3965f412c737b249906858"
-  integrity sha512-dtem5ThlklkoP4zs7BuLzwYgC6OxHsUH/Upme3ep426pfuF7nowlZvF/BnOA+v9ki5BHD48sXaeVhaEqtWC7Ig==
+"@vant/use@^0.0.1-alpha.2":
+  version "0.0.1-alpha.2"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1-alpha.2.tgz#c7e3ffb948b871d2496ce1e32d0874c8ead4b69a"
+  integrity sha512-hOqjrvXgazw54bD1GZHXboKbcOc7jMZbDU3zFUOheSNviIvVBX0nuEqCdcQgvYzkr93zwQ2QAn27DA8BLCZsGw==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From a745709932d358d441469a046e9659844efb59c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=AB=E9=9B=A8=E6=B0=B4=E8=BF=87=E6=BB=A4=E7=9A=84?=
 =?UTF-8?q?=E7=A9=BA=E6=B0=94?= <958414905@qq.com>
Date: Sun, 13 Sep 2020 12:16:29 +0800
Subject: [PATCH 381/626] feat(slider): add dual thumb mode for slider (#7175)

* feat(slider): add dual thumb mode for slider

* chore: remove comment

* fix: optimize code via CR
---
 src/slider/README.md       |  61 ++++++++++++++-
 src/slider/README.zh-CN.md |  63 ++++++++++++++--
 src/slider/demo/index.vue  |  46 ++++++++----
 src/slider/index.js        | 147 ++++++++++++++++++++++++++++---------
 src/slider/index.less      |  27 ++++++-
 5 files changed, 281 insertions(+), 63 deletions(-)

diff --git a/src/slider/README.md b/src/slider/README.md
index 5ad958b29..c95deda09 100644
--- a/src/slider/README.md
+++ b/src/slider/README.md
@@ -35,6 +35,32 @@ export default {
 };
 ```
 
+### Dual thumb
+
+Add `range` attribute to open dual thumb mode
+
+```html
+<van-slider v-model="value" range @change="onChange" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      // value must be an Array
+      value: [10, 50],
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('current value：' + value);
+    },
+  },
+};
+```
+
 ### Range
 
 ```html
@@ -64,9 +90,7 @@ export default {
 ```html
 <van-slider v-model="value" active-color="#ee0a24">
   <template #button>
-    <div class="custom-button">
-      {{ value }}
-    </div>
+    <div class="custom-button">{{ value }}</div>
   </template>
 </van-slider>
 
@@ -91,15 +115,44 @@ export default {
 </div>
 ```
 
+### Vertical, Dual thumb mode
+
+Add `range` and `vertical` attributes at the same time, and make sure that the value of `value` is an array
+
+```html
+<div :style="{ height: '120px' }">
+  <van-slider v-model="value" range vertical @change="onChange" />
+</div>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      // value must be an array
+      value: [10, 50],
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('Current value：' + value);
+    },
+  },
+};
+```
+
 ## API
 
 ### Props
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| value | Current value | _number_ | `0` |
+| value | Current value | _number \| array_ | `0` |
 | max | Max value | _number \| string_ | `100` |
 | min | Min value | _number \| string_ | `0` |
+| range | Dual thumb mode | _boolean_ | `false` |
 | step | Step size | _number \| string_ | `1` |
 | bar-height | Height of bar | _number \| string_ | `2px` |
 | button-size `v2.4.5` | Button size | _number \| string_ | `24px` |
diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md
index 421c226eb..4eb86f6da 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -35,6 +35,32 @@ export default {
 };
 ```
 
+### 双滑块
+
+添加`range`属性就可以开启双滑块模式，确保`value`的值是一个数组
+
+```html
+<van-slider v-model="value" range @change="onChange" />
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      // 双滑块模式时，值必须是数组
+      value: [10, 50],
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('当前值：' + value);
+    },
+  },
+};
+```
+
 ### 指定选择范围
 
 ```html
@@ -64,9 +90,7 @@ export default {
 ```html
 <van-slider v-model="value" active-color="#ee0a24">
   <template #button>
-    <div class="custom-button">
-      {{ value }}
-    </div>
+    <div class="custom-button">{{ value }}</div>
   </template>
 </van-slider>
 
@@ -88,20 +112,49 @@ export default {
 Slider 垂直展示时，高度为 100% 父元素高度
 
 ```html
-<div :style="{ height: '100px' }">
+<div :style="{ height: '120px' }">
   <van-slider v-model="value" vertical />
 </div>
 ```
 
+### 垂直方向，双滑块
+
+同时添加`range`和`vertical`属性，并确保`value`的值是一个数组
+
+```html
+<div :style="{ height: '120px' }">
+  <van-slider v-model="value" range vertical @change="onChange" />
+</div>
+```
+
+```js
+import { Toast } from 'vant';
+
+export default {
+  data() {
+    return {
+      // 双滑块模式时，值必须是数组
+      value: [10, 50],
+    };
+  },
+  methods: {
+    onChange(value) {
+      Toast('当前值：' + value);
+    },
+  },
+};
+```
+
 ## API
 
 ### Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| value | 当前进度百分比 | _number_ | `0` |
+| value | 当前进度百分比 | _number \| array_ | `0` |
 | max | 最大值 | _number \| string_ | `100` |
 | min | 最小值 | _number \| string_ | `0` |
+| range | 双滑块模式 | _boolean_ | `false` |
 | step | 步长 | _number \| string_ | `1` |
 | bar-height | 进度条高度，默认单位为`px` | _number \| string_ | `2px` |
 | button-size `v2.4.5` | 滑块按钮大小，默认单位为`px` | _number \| string_ | `24px` |
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index a510eefc6..eee0e9317 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -5,20 +5,24 @@
     </demo-block>
 
     <demo-block :title="t('title2')">
-      <van-slider v-model="value2" :min="-50" :max="50" @change="onChange" />
+      <van-slider range v-model="value2" @change="onChange" />
     </demo-block>
 
     <demo-block :title="t('title3')">
-      <van-slider v-model="value3" disabled />
+      <van-slider v-model="value3" :min="-50" :max="50" @change="onChange" />
     </demo-block>
 
     <demo-block :title="t('title4')">
-      <van-slider v-model="value4" :step="10" @change="onChange" />
+      <van-slider v-model="value4" disabled />
+    </demo-block>
+
+    <demo-block :title="t('title5')">
+      <van-slider v-model="value5" :step="10" @change="onChange" />
     </demo-block>
 
     <demo-block :title="t('customStyle')">
       <van-slider
-        v-model="value5"
+        v-model="value6"
         bar-height="4px"
         active-color="#ee0a24"
         @change="onChange"
@@ -26,16 +30,22 @@
     </demo-block>
 
     <demo-block :title="t('customButton')">
-      <van-slider v-model="value6" active-color="#ee0a24">
+      <van-slider v-model="value7" active-color="#ee0a24">
         <template #button>
-          <div class="custom-button">{{ value6 }}</div>
+          <div class="custom-button">{{ value7 }}</div>
         </template>
       </van-slider>
     </demo-block>
 
     <demo-block v-if="!isWeapp" :title="t('vertical')">
       <div :style="{ height: '120px', paddingLeft: '30px' }">
-        <van-slider v-model="value7" vertical @change="onChange" />
+        <van-slider v-model="value8" vertical @change="onChange" />
+      </div>
+    </demo-block>
+
+    <demo-block v-if="!isWeapp" :title="t('vertical2')">
+      <div :style="{ height: '120px', paddingLeft: '30px' }">
+        <van-slider v-model="value9" range vertical @change="onChange" />
       </div>
     </demo-block>
   </demo-section>
@@ -46,35 +56,41 @@ export default {
   i18n: {
     'zh-CN': {
       title1: '基础用法',
-      title2: '指定选择范围',
-      title3: '禁用',
-      title4: '指定步长',
+      title2: '双滑块',
+      title3: '指定选择范围',
+      title4: '禁用',
+      title5: '指定步长',
       customStyle: '自定义样式',
       customButton: '自定义按钮',
       text: '当前值：',
       vertical: '垂直方向',
+      vertical2: '垂直方向，双滑块',
     },
     'en-US': {
       title1: 'Basic Usage',
-      title2: 'Range',
-      title3: 'Disabled',
-      title4: 'Step size',
+      title2: 'Dual thumb mode',
+      title3: 'Range',
+      title4: 'Disabled',
+      title5: 'Step size',
       customStyle: 'Custom Style',
       customButton: 'Custom Button',
       text: 'Current value: ',
       vertical: 'Vertical',
+      vertical2: 'Vertical, Dual thumb mode',
     },
   },
 
   data() {
     return {
       value1: 50,
-      value2: 0,
-      value3: 50,
+      value2: [20, 60],
+      value3: 0,
       value4: 50,
       value5: 50,
       value6: 50,
       value7: 50,
+      value8: 50,
+      value9: [20, 60],
     };
   },
 
diff --git a/src/slider/index.js b/src/slider/index.js
index 0c9a27888..3a8221804 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -2,6 +2,7 @@ import { ref, computed } from 'vue';
 
 // Utils
 import { createNamespace, addUnit, getSizeStyle } from '../utils';
+import { deepClone } from '../utils/deep-clone';
 import { preventDefault } from '../utils/dom/event';
 
 // Composition
@@ -15,6 +16,7 @@ export default createComponent({
   props: {
     disabled: Boolean,
     vertical: Boolean,
+    range: Boolean,
     barHeight: [Number, String],
     buttonSize: [Number, String],
     activeColor: String,
@@ -32,7 +34,7 @@ export default createComponent({
       default: 1,
     },
     modelValue: {
-      type: Number,
+      type: [Number, Array],
       default: 0,
     },
   },
@@ -42,12 +44,13 @@ export default createComponent({
   setup(props, { emit, slots }) {
     let startValue;
     let currentValue;
+    let index;
 
     const rootRef = ref();
     const dragStatus = ref();
     const touch = useTouch();
 
-    const range = computed(() => props.max - props.min);
+    const scope = computed(() => props.max - props.min);
 
     const wrapperStyle = computed(() => {
       const crossAxis = props.vertical ? 'width' : 'height';
@@ -57,10 +60,30 @@ export default createComponent({
       };
     });
 
+    // 计算选中条的长度百分比
+    const calcMainAxis = () => {
+      const { modelValue, min, range } = props;
+      if (range) {
+        return `${((modelValue[1] - modelValue[0]) * 100) / scope.value}%`;
+      }
+      return `${((modelValue - min) * 100) / scope.value}%`;
+    };
+
+    // 计算选中条的开始位置的偏移量
+    const calcOffset = () => {
+      const { modelValue, min, range } = props;
+      if (range) {
+        return `${((modelValue[0] - min) * 100) / scope.value}%`;
+      }
+      return `0%`;
+    };
+
     const barStyle = computed(() => {
       const mainAxis = props.vertical ? 'height' : 'width';
       return {
-        [mainAxis]: `${((props.modelValue - props.min) * 100) / range.value}%`,
+        [mainAxis]: calcMainAxis(),
+        left: props.vertical ? null : calcOffset(),
+        top: props.vertical ? calcOffset() : null,
         background: props.activeColor,
         transition: dragStatus.value ? 'none' : null,
       };
@@ -72,14 +95,31 @@ export default createComponent({
       return Math.round(value / step) * step;
     };
 
-    const updateValue = (value, end) => {
-      value = format(value);
+    const isSameValue = (newValue, oldValue) => {
+      return JSON.stringify(newValue) === JSON.stringify(oldValue);
+    };
 
-      if (value !== props.modelValue) {
+    // 处理两个滑块重叠之后的情况
+    const handleOverlap = (value) => {
+      if (value[0] > value[1]) {
+        value = deepClone(value);
+        return value.reverse();
+      }
+      return value;
+    };
+
+    const updateValue = (value, end) => {
+      if (props.range) {
+        value = handleOverlap(value).map(format);
+      } else {
+        value = format(value);
+      }
+
+      if (!isSameValue(value, props.modelValue)) {
         emit('update:modelValue', value);
       }
 
-      if (end && value !== startValue) {
+      if (end && !isSameValue(value, startValue)) {
         emit('change', value);
       }
     };
@@ -91,15 +131,26 @@ export default createComponent({
         return;
       }
 
-      const { min, vertical, modelValue } = props;
+      const { min, vertical, modelValue, range } = props;
       const rect = useRect(rootRef);
       const delta = vertical
         ? event.clientY - rect.top
         : event.clientX - rect.left;
       const total = vertical ? rect.height : rect.width;
-      const value = +min + (delta / total) * range.value;
+      let value = +min + (delta / total) * scope.value;
+
+      if (range) {
+        let left = modelValue[0];
+        let right = modelValue[1];
+        const middle = (left + right) / 2;
+        if (value <= middle) {
+          left = value;
+        } else {
+          right = value;
+        }
+        value = [left, right];
+      }
 
-      startValue = modelValue;
       updateValue(value, true);
     };
 
@@ -109,7 +160,12 @@ export default createComponent({
       }
 
       touch.start(event);
-      startValue = format(props.modelValue);
+      currentValue = props.modelValue;
+      if (props.range) {
+        startValue = props.modelValue.map(format);
+      } else {
+        startValue = format(props.modelValue);
+      }
       dragStatus.value = 'start';
     };
 
@@ -129,9 +185,13 @@ export default createComponent({
       const rect = useRect(rootRef);
       const delta = props.vertical ? touch.deltaY.value : touch.deltaX.value;
       const total = props.vertical ? rect.height : rect.width;
-      const diff = (delta / total) * range.value;
+      const diff = (delta / total) * scope.value;
 
-      currentValue = startValue + diff;
+      if (props.range) {
+        currentValue[index] = startValue[index] + diff;
+      } else {
+        currentValue = startValue + diff;
+      }
       updateValue(currentValue);
     };
 
@@ -148,27 +208,44 @@ export default createComponent({
       dragStatus.value = '';
     };
 
-    const renderButton = () => (
-      <div
-        role="slider"
-        class={bem('button-wrapper')}
-        tabindex={props.disabled ? -1 : 0}
-        aria-valuemin={props.min}
-        aria-valuenow={props.modelValue}
-        aria-valuemax={props.max}
-        aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
-        onTouchstart={onTouchStart}
-        onTouchmove={onTouchMove}
-        onTouchend={onTouchEnd}
-        onTouchcancel={onTouchEnd}
-      >
-        {slots.button ? (
-          slots.button()
-        ) : (
-          <div class={bem('button')} style={getSizeStyle(props.buttonSize)} />
-        )}
-      </div>
-    );
+    const renderButton = (i) => {
+      const map = ['left', 'right'];
+      const getClassName = () => {
+        if (typeof i === 'number') {
+          return `button-wrapper-${map[i]}`;
+        }
+        return `button-wrapper`;
+      };
+
+      return (
+        <div
+          role="slider"
+          class={bem(getClassName())}
+          tabindex={props.disabled ? -1 : 0}
+          aria-valuemin={props.min}
+          aria-valuenow={props.modelValue}
+          aria-valuemax={props.max}
+          aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
+          onTouchstart={(e) => {
+            if (typeof i === 'number') {
+              // 保存当前按钮的索引
+              index = i;
+            }
+            onTouchStart(e);
+          }}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
+          onClick={(e) => e.stopPropagation()}
+        >
+          {slots.button ? (
+            slots.button()
+          ) : (
+            <div class={bem('button')} style={getSizeStyle(props.buttonSize)} />
+          )}
+        </div>
+      );
+    };
 
     // format initial value
     updateValue(props.modelValue);
@@ -185,7 +262,7 @@ export default createComponent({
         onClick={onClick}
       >
         <div class={bem('bar')} style={barStyle.value}>
-          {renderButton()}
+          {props.range ? [renderButton(0), renderButton(1)] : renderButton()}
         </div>
       </div>
     );
diff --git a/src/slider/index.less b/src/slider/index.less
index 28d51adc8..881b5eb05 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -24,7 +24,7 @@
     height: 100%;
     background-color: @slider-active-background-color;
     border-radius: inherit;
-    transition: width @animation-duration-fast, height @animation-duration-fast;
+    transition: all @animation-duration-fast;
   }
 
   &__button {
@@ -34,20 +34,31 @@
     border-radius: @slider-button-border-radius;
     box-shadow: @slider-button-box-shadow;
 
-    &-wrapper {
+    &-wrapper,
+    &-wrapper-right {
       position: absolute;
       top: 50%;
       right: 0;
       transform: translate3d(50%, -50%, 0);
       cursor: grab;
     }
+
+    &-wrapper-left {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      transform: translate3d(-50%, -50%, 0);
+      cursor: grab;
+    }
   }
 
   &--disabled {
     cursor: not-allowed;
     opacity: @slider-disabled-opacity;
 
-    .van-slider__button-wrapper {
+    .van-slider__button-wrapper,
+    .van-slider__button-wrapper-left,
+    .van-slider__button-wrapper-right {
       cursor: not-allowed;
     }
   }
@@ -57,13 +68,21 @@
     width: @slider-bar-height;
     height: 100%;
 
-    .van-slider__button-wrapper {
+    .van-slider__button-wrapper,
+    .van-slider__button-wrapper-right {
       top: auto;
       right: 50%;
       bottom: 0;
       transform: translate3d(50%, 50%, 0);
     }
 
+    .van-slider__button-wrapper-left {
+      top: 0;
+      right: 50%;
+      left: auto;
+      transform: translate3d(50%, -50%, 0);
+    }
+
     // use pseudo element to expand click area
     &::before {
       top: 0;

From f55ddcafa9dc3c7d73eb897a6796bd1a535df1f8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:35:18 +0800
Subject: [PATCH 382/626] docs(slider): merge vertical demo

---
 src/slider/README.md       | 17 ++++-------------
 src/slider/README.zh-CN.md | 21 ++++++---------------
 src/slider/demo/index.vue  | 25 ++++++++++++-------------
 3 files changed, 22 insertions(+), 41 deletions(-)

diff --git a/src/slider/README.md b/src/slider/README.md
index c95deda09..4a7276ed3 100644
--- a/src/slider/README.md
+++ b/src/slider/README.md
@@ -110,18 +110,9 @@ export default {
 ### Vertical
 
 ```html
-<div :style="{ height: '100px' }">
+<div :style="{ height: '150px' }">
   <van-slider v-model="value" vertical />
-</div>
-```
-
-### Vertical, Dual thumb mode
-
-Add `range` and `vertical` attributes at the same time, and make sure that the value of `value` is an array
-
-```html
-<div :style="{ height: '120px' }">
-  <van-slider v-model="value" range vertical @change="onChange" />
+  <van-slider v-model="value2" range vertical @change="onChange" />
 </div>
 ```
 
@@ -131,8 +122,8 @@ import { Toast } from 'vant';
 export default {
   data() {
     return {
-      // value must be an array
-      value: [10, 50],
+      value: 50,
+      value2: [10, 50],
     };
   },
   methods: {
diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md
index 4eb86f6da..b1ad88c79 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -109,21 +109,12 @@ export default {
 
 ### 垂直方向
 
-Slider 垂直展示时，高度为 100% 父元素高度
+设置 `vertical` 属性后，滑块会垂直展示，且高度为 100% 父元素高度。
 
 ```html
-<div :style="{ height: '120px' }">
-  <van-slider v-model="value" vertical />
-</div>
-```
-
-### 垂直方向，双滑块
-
-同时添加`range`和`vertical`属性，并确保`value`的值是一个数组
-
-```html
-<div :style="{ height: '120px' }">
-  <van-slider v-model="value" range vertical @change="onChange" />
+<div :style="{ height: '150px' }">
+  <van-slider v-model="value" vertical @change="onChange" />
+  <van-slider v-model="value2" range vertical @change="onChange" />
 </div>
 ```
 
@@ -133,8 +124,8 @@ import { Toast } from 'vant';
 export default {
   data() {
     return {
-      // 双滑块模式时，值必须是数组
-      value: [10, 50],
+      value: 50,
+      value2: [10, 50],
     };
   },
   methods: {
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index eee0e9317..5d8302ad4 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -38,14 +38,15 @@
     </demo-block>
 
     <demo-block v-if="!isWeapp" :title="t('vertical')">
-      <div :style="{ height: '120px', paddingLeft: '30px' }">
+      <div :style="{ height: '150px', paddingLeft: '30px' }">
         <van-slider v-model="value8" vertical @change="onChange" />
-      </div>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('vertical2')">
-      <div :style="{ height: '120px', paddingLeft: '30px' }">
-        <van-slider v-model="value9" range vertical @change="onChange" />
+        <van-slider
+          v-model="value9"
+          range
+          vertical
+          style="margin-left: 100px;"
+          @change="onChange"
+        />
       </div>
     </demo-block>
   </demo-section>
@@ -55,28 +56,26 @@
 export default {
   i18n: {
     'zh-CN': {
+      text: '当前值：',
       title1: '基础用法',
       title2: '双滑块',
       title3: '指定选择范围',
       title4: '禁用',
       title5: '指定步长',
+      vertical: '垂直方向',
       customStyle: '自定义样式',
       customButton: '自定义按钮',
-      text: '当前值：',
-      vertical: '垂直方向',
-      vertical2: '垂直方向，双滑块',
     },
     'en-US': {
+      text: 'Current value: ',
       title1: 'Basic Usage',
       title2: 'Dual thumb mode',
       title3: 'Range',
       title4: 'Disabled',
       title5: 'Step size',
+      vertical: 'Vertical',
       customStyle: 'Custom Style',
       customButton: 'Custom Button',
-      text: 'Current value: ',
-      vertical: 'Vertical',
-      vertical2: 'Vertical, Dual thumb mode',
     },
   },
 

From 588e15f9b5e420b652bc45766e56c8728039125a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:36:52 +0800
Subject: [PATCH 383/626] docs(Slider): adjust range prop desc

---
 src/slider/README.md       | 2 +-
 src/slider/README.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/slider/README.md b/src/slider/README.md
index 4a7276ed3..90c6b0d21 100644
--- a/src/slider/README.md
+++ b/src/slider/README.md
@@ -143,12 +143,12 @@ export default {
 | value | Current value | _number \| array_ | `0` |
 | max | Max value | _number \| string_ | `100` |
 | min | Min value | _number \| string_ | `0` |
-| range | Dual thumb mode | _boolean_ | `false` |
 | step | Step size | _number \| string_ | `1` |
 | bar-height | Height of bar | _number \| string_ | `2px` |
 | button-size `v2.4.5` | Button size | _number \| string_ | `24px` |
 | active-color | Active color of bar | _string_ | `#1989fa` |
 | inactive-color | Inactive color of bar | _string_ | `#e5e5e5` |
+| range | Whether to enable dual thumb mode | _boolean_ | `false` |
 | disabled | Whether to disable slider | _boolean_ | `false` |
 | vertical | Whether to display slider vertically | _boolean_ | `false` |
 
diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md
index b1ad88c79..d61fe5eba 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -145,12 +145,12 @@ export default {
 | value | 当前进度百分比 | _number \| array_ | `0` |
 | max | 最大值 | _number \| string_ | `100` |
 | min | 最小值 | _number \| string_ | `0` |
-| range | 双滑块模式 | _boolean_ | `false` |
 | step | 步长 | _number \| string_ | `1` |
 | bar-height | 进度条高度，默认单位为`px` | _number \| string_ | `2px` |
 | button-size `v2.4.5` | 滑块按钮大小，默认单位为`px` | _number \| string_ | `24px` |
 | active-color | 进度条激活态颜色 | _string_ | `#1989fa` |
 | inactive-color | 进度条非激活态颜色 | _string_ | `#e5e5e5` |
+| range | 是否开启双滑块模式 | _boolean_ | `false` |
 | disabled | 是否禁用滑块 | _boolean_ | `false` |
 | vertical | 是否垂直展示 | _boolean_ | `false` |
 

From df8059eb015f2804433a7306c208a5909a4d46ac Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:40:31 +0800
Subject: [PATCH 384/626] breaking change(Button): adjust default native-type
 to button

---
 docs/markdown/migrate-from-v2.zh-CN.md |  1 +
 src/button/README.md                   |  2 +-
 src/button/README.zh-CN.md             |  2 +-
 src/button/index.js                    |  5 ++++-
 src/form/README.zh-CN.md               | 14 --------------
 5 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 440047fc1..6e49a748a 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -170,6 +170,7 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 - 蓝色按钮对应的类型由 `info` 调整为 `primary`
 - 绿色按钮对应的类型由 `primary` 调整为 `success`
+- `native-type` 的默认值由 `submit` 调整为 `button`
 
 #### Dialog
 
diff --git a/src/button/README.md b/src/button/README.md
index a0d4a8fc5..800ddefdf 100644
--- a/src/button/README.md
+++ b/src/button/README.md
@@ -114,7 +114,7 @@ app.use(Button);
 | icon-prefix `v2.6.0` | Icon className prefix | _string_ | `van-icon` |
 | icon-position `v2.10.7` | Icon position, can be set to `right` | `left` |
 | tag | HTML Tag | _string_ | `button` |
-| native-type | Native Type Attribute | _string_ | `''` |
+| native-type | Native Type Attribute | _string_ | `button` |
 | plain | Whether to be plain button | _boolean_ | `false` |
 | block | Whether to set display block | _boolean_ | `false` |
 | round | Whether to be round button | _boolean_ | `false` |
diff --git a/src/button/README.zh-CN.md b/src/button/README.zh-CN.md
index ee8b54f60..b3ba50924 100644
--- a/src/button/README.zh-CN.md
+++ b/src/button/README.zh-CN.md
@@ -136,7 +136,7 @@ app.use(Button);
 | icon-prefix `v2.6.0` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
 | icon-position `v2.10.7` | 图标展示位置，可选值为 `right` | `left` |
 | tag | 按钮根节点的 HTML 标签 | _string_ | `button` |
-| native-type | 原生 button 标签的 type 属性 | _string_ | - |
+| native-type | 原生 button 标签的 type 属性 | _string_ | `button` |
 | block | 是否为块级元素 | _boolean_ | `false` |
 | plain | 是否为朴素按钮 | _boolean_ | `false` |
 | square | 是否为方形按钮 | _boolean_ | `false` |
diff --git a/src/button/index.js b/src/button/index.js
index 34080750d..79fc043c5 100644
--- a/src/button/index.js
+++ b/src/button/index.js
@@ -23,7 +23,6 @@ export default createComponent({
     hairline: Boolean,
     disabled: Boolean,
     iconPrefix: String,
-    nativeType: String,
     loadingText: String,
     loadingType: String,
     tag: {
@@ -38,6 +37,10 @@ export default createComponent({
       type: String,
       default: 'normal',
     },
+    nativeType: {
+      type: String,
+      default: 'button',
+    },
     loadingSize: {
       type: String,
       default: '20px',
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index dc7d79cca..24c331f4b 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -509,17 +509,3 @@ export default {
 | 名称    | 说明     |
 | ------- | -------- |
 | default | 表单内容 |
-
-## 常见问题
-
-### 点击表单中的普通按钮为什么会触发表单提交？
-
-在表单中，除了提交按钮外，可能还有一些其他的功能性按钮，如发送验证码按钮。在使用这些按钮时，要注意将`native-type`设置为`button`，否则会触发表单提交。
-
-```html
-<van-button native-type="button">
-  发送验证码
-</van-button>
-```
-
-这个问题的原因是浏览器中 button 标签 type 属性的默认值为`submit`，导致触发表单提交。我们会在下个大版本中将 type 的默认值调整为`button`来避免这个问题。

From b46a238ccbe156b0faaf87734da4fedbabbcd1c0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:43:25 +0800
Subject: [PATCH 385/626] chore: release 3.0.0-alpha.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d7db3c26b..3034cb4a1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.5",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 366597560fc855022b8fba17040ab5a6524c3af2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:48:09 +0800
Subject: [PATCH 386/626] docs(changelog): 3.0.0-alpha.5

---
 docs/markdown/changelog-v3.zh-CN.md | 31 +++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 4f907ac1c..21a6a1672 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,37 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-alpha.5](https://github.com/youzan/vant/compare/v2.10.6...v3.0.0-alpha.5)
+
+`2020-09-13`
+
+**breaking changes**
+
+- Button: native-type 属性的默认值调整为 button [df8059](https://github.com/youzan/vant/commit/df8059eb015f2804433a7306c208a5909a4d46ac)
+
+**refactor**
+
+使用 Composition API 重构以下组件：
+
+- DatetimePicker [60e087](https://github.com/youzan/vant/commit/60e08767b313e90b13c6a4a3246a113367ed09a5)
+- DropdownItem [cd5f5b](https://github.com/youzan/vant/commit/cd5f5bb65544676279e486790761c38a2a9f0fc1)
+- Grid [38740b](https://github.com/youzan/vant/commit/38740b6c1c783d49a2201b24ba51121576e4c643)
+- IndexBar [f94c8c](https://github.com/youzan/vant/commit/f94c8ccbb93f4783814832a9363d663fb4986f10)
+- NumberKeyboard [14c1d4](https://github.com/youzan/vant/commit/14c1d4ea771cd9f01cb282493e57303ced897fa9)
+- PullRefresh [9f632f](https://github.com/youzan/vant/commit/9f632f151e3028adfd376f8ad166bf9d8af356fc)
+- Stepper [a7c285](https://github.com/youzan/vant/commit/a7c28548fcefe48a2ffa95bb0423dee0a48f8e16)
+- SwipeCell [b17c67](https://github.com/youzan/vant/commit/b17c67ab53652a361185934cb4119eca23622d9a)
+
+**Feature**
+
+- Button: 新增 icon-position 属性 [#7174](https://github.com/youzan/vant/issues/7174)
+- slider: 新增 range 属性，支持范围选择 [#7175](https://github.com/youzan/vant/issues/7175)
+- TabbarItem: 新增 @tabbar-item-active-background-color 变量 [#7162](https://github.com/youzan/vant/issues/7162)
+
+**Bug Fixes**
+
+- Sticky: 修复组件销毁时报错的问题 [#7169](https://github.com/youzan/vant/issues/7169)
+
 ### [v3.0.0-alpha.4](https://github.com/youzan/vant/compare/v2.10.5...v3.0.0-alpha.4)
 
 `2020-09-06`

From c68e77abca5051714e09461f96841860fd768b5b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 13 Sep 2020 14:50:15 +0800
Subject: [PATCH 387/626] docs(Dialog): fix v-model usage #7172

---
 src/dialog/README.zh-CN.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index c2e7a10a4..6a4e594c7 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -138,7 +138,7 @@ export default {
 如果需要在弹窗内嵌入组件或其他自定义内容，可以使用组件调用的方式。
 
 ```html
-<van-dialog v-model="show" title="标题" show-cancel-button>
+<van-dialog v-model:show="show" title="标题" show-cancel-button>
   <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
 </van-dialog>
 ```

From 02c7a75ee3d7725157b744bb710bd879f01a0065 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 15:42:04 +0800
Subject: [PATCH 388/626] breaking change: disable allow-html by default

---
 docs/markdown/migrate-from-v2.zh-CN.md | 2 ++
 src/dialog/Dialog.js                   | 5 +----
 src/dialog/README.md                   | 4 ++--
 src/dialog/README.zh-CN.md             | 4 ++--
 src/dialog/index.js                    | 2 +-
 src/picker/README.md                   | 2 +-
 src/picker/README.zh-CN.md             | 2 +-
 src/picker/shared.ts                   | 5 +----
 8 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 6e49a748a..47081d140 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -174,6 +174,7 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 
 #### Dialog
 
+- 默认关闭 `allow-html` 属性
 - `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
 
 #### ImagePreview
@@ -183,6 +184,7 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 #### Picker
 
 - `change` 事件参数不再传入组件实例
+- 默认关闭 `allow-html` 属性
 - 默认开启 `show-toolbar` 属性
 - 级联选择下，`confirm`、`change` 事件返回的回调参数将包含为完整的选项对象。
 
diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index d54f9f817..3104ad152 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -27,6 +27,7 @@ export default createComponent({
     width: [Number, String],
     message: String,
     callback: Function,
+    allowHtml: Boolean,
     className: null,
     beforeClose: Function,
     messageAlign: String,
@@ -36,10 +37,6 @@ export default createComponent({
     confirmButtonText: String,
     confirmButtonColor: String,
     closeOnClickOverlay: Boolean,
-    allowHtml: {
-      type: Boolean,
-      default: true,
-    },
     transition: {
       type: String,
       default: 'van-dialog-bounce',
diff --git a/src/dialog/README.md b/src/dialog/README.md
index 26aa5b11e..18d5ba6a1 100644
--- a/src/dialog/README.md
+++ b/src/dialog/README.md
@@ -155,7 +155,7 @@ export default {
 | closeOnPopstate | Whether to close when popstate | _boolean_ | `true` |
 | closeOnClickOverlay | Whether to close when click overlay | _boolean_ | `false` |
 | lockScroll | Whether to lock body scroll | _boolean_ | `true` |
-| allowHtml `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
+| allowHtml `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `false` |
 | beforeClose | Callback function before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
 | teleport | Return the mount node for Dialog | _string \| Element_ | `body` |
@@ -183,7 +183,7 @@ export default {
 | close-on-click-overlay | Whether to close when click overlay | _boolean_ | `false` |
 | lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
 | lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
-| allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `true` |
+| allow-html `v2.8.7` | Whether to allow HTML rendering in message | _boolean_ | `false` |
 | before-close | Callback function before close | _(action) => boolean \| Promise_ | - |
 | transition | Transition, equivalent to `name` prop of [transtion](https://vuejs.org/v2/api/#transition) | _string_ | - |
 | teleport | Return the mount node for Dialog | _string \| Element_ | - |
diff --git a/src/dialog/README.zh-CN.md b/src/dialog/README.zh-CN.md
index 6a4e594c7..1d2f1540e 100644
--- a/src/dialog/README.zh-CN.md
+++ b/src/dialog/README.zh-CN.md
@@ -190,7 +190,7 @@ export default {
 | closeOnPopstate | 是否在页面回退时自动关闭 | _boolean_ | `true` |
 | closeOnClickOverlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
 | lockScroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| allowHtml `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
+| allowHtml `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `false` |
 | beforeClose | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
 | transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
 | teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | `body` |
@@ -220,7 +220,7 @@ export default {
 | close-on-click-overlay | 是否在点击遮罩层后关闭弹窗 | _boolean_ | `false` |
 | lazy-render | 是否在显示弹层时才渲染节点 | _boolean_ | `true` |
 | lock-scroll | 是否锁定背景滚动 | _boolean_ | `true` |
-| allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `true` |
+| allow-html `v2.8.7` | 是否允许 message 内容中渲染 HTML | _boolean_ | `false` |
 | before-close | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(action) => boolean \| Promise_ | - |
 | transition | 动画类名，等价于 [transtion](https://cn.vuejs.org/v2/api/index.html#transition) 的`name`属性 | _string_ | - |
 | teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
diff --git a/src/dialog/index.js b/src/dialog/index.js
index 9631bdf5d..dbe8350c0 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -45,7 +45,7 @@ Dialog.defaultOptions = {
   callback: null,
   teleport: 'body',
   className: '',
-  allowHtml: true,
+  allowHtml: false,
   lockScroll: true,
   transition: 'van-dialog-bounce',
   beforeClose: null,
diff --git a/src/picker/README.md b/src/picker/README.md
index ed1b29bc9..8bc98736f 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -249,7 +249,7 @@ export default {
 | toolbar-position | Toolbar position, cat be set to `bottom` | _string_ | `top` |
 | loading | Whether to show loading prompt | _boolean_ | `false` |
 | show-toolbar | Whether to show toolbar | _boolean_ | `true` |
-| allow-html | Whether to allow HTML in option text | _boolean_ | `true` |
+| allow-html | Whether to allow HTML in option text | _boolean_ | `false` |
 | default-index | Default value index of single column picker | _number \| string_ | `0` |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
 | visible-item-count | Count of visible columns | _number \| string_ | `6` |
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index b75a409a7..efa63a6b3 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -272,7 +272,7 @@ export default {
 | toolbar-position | 顶部栏位置，可选值为`bottom` | _string_ | `top` |
 | loading | 是否显示加载状态 | _boolean_ | `false` |
 | show-toolbar | 是否显示顶部栏 | _boolean_ | `true` |
-| allow-html | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
+| allow-html | 是否允许选项内容中渲染 HTML | _boolean_ | `false` |
 | default-index | 单列选择时，默认选中项的索引 | _number \| string_ | `0` |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
 | visible-item-count | 可见的选项个数 | _number \| string_ | `6` |
diff --git a/src/picker/shared.ts b/src/picker/shared.ts
index 7f0c64a5b..0a59b3dfe 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -14,6 +14,7 @@ export const pickerProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
+  allowHtml: Boolean,
   itemHeight: [Number, String],
   cancelButtonText: String,
   confirmButtonText: String,
@@ -21,10 +22,6 @@ export const pickerProps = {
     type: Boolean,
     default: true,
   },
-  allowHtml: {
-    type: Boolean,
-    default: true,
-  },
   visibleItemCount: {
     type: [Number, String],
     default: 6,

From f75f6bf293be2ecf25ff32d823ba9fd61bbc151f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:14:12 +0800
Subject: [PATCH 389/626] refactor(ImagePreviewItem): refactor with composition
 api

---
 src/composition/use-touch.ts          |   1 +
 src/image-preview/ImagePreviewItem.js | 315 +++++++++++++-------------
 2 files changed, 164 insertions(+), 152 deletions(-)

diff --git a/src/composition/use-touch.ts b/src/composition/use-touch.ts
index 7d37889d0..ee44276f1 100644
--- a/src/composition/use-touch.ts
+++ b/src/composition/use-touch.ts
@@ -52,6 +52,7 @@ export function useTouch() {
   return {
     move,
     start,
+    reset,
     startX,
     startY,
     deltaX,
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index f33f762dd..ab6e9f5dc 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -1,10 +1,12 @@
+import { watch, computed, reactive } from 'vue';
+
 // Utils
 import { bem } from './shared';
 import { range } from '../utils/format/number';
 import { preventDefault } from '../utils/dom/event';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
+// Composition
+import { useTouch } from '../composition/use-touch';
 
 // Component
 import Image from '../image';
@@ -19,8 +21,6 @@ function getDistance(touches) {
 }
 
 export default {
-  mixins: [TouchMixin],
-
   props: {
     src: String,
     show: Boolean,
@@ -33,8 +33,8 @@ export default {
 
   emits: ['scale', 'close'],
 
-  data() {
-    return {
+  setup(props, { emit }) {
+    const state = reactive({
       scale: 1,
       moveX: 0,
       moveY: 0,
@@ -43,163 +43,183 @@ export default {
       imageRatio: 0,
       displayWidth: 0,
       displayHeight: 0,
-    };
-  },
+    });
 
-  computed: {
-    vertical() {
-      const { rootWidth, rootHeight } = this;
+    const touch = useTouch();
+
+    const vertical = computed(() => {
+      const { rootWidth, rootHeight } = props;
       const rootRatio = rootHeight / rootWidth;
-      return this.imageRatio > rootRatio;
-    },
+      return state.imageRatio > rootRatio;
+    });
 
-    imageStyle() {
-      const { scale } = this;
+    const imageStyle = computed(() => {
+      const { scale, moveX, moveY, moving, zooming } = state;
       const style = {
-        transitionDuration: this.zooming || this.moving ? '0s' : '.3s',
+        transitionDuration: zooming || moving ? '0s' : '.3s',
       };
 
       if (scale !== 1) {
-        const offsetX = this.moveX / scale;
-        const offsetY = this.moveY / scale;
+        const offsetX = moveX / scale;
+        const offsetY = moveY / scale;
         style.transform = `scale(${scale}, ${scale}) translate(${offsetX}px, ${offsetY}px)`;
       }
 
       return style;
-    },
+    });
 
-    maxMoveX() {
-      if (this.imageRatio) {
-        const displayWidth = this.vertical
-          ? this.rootHeight / this.imageRatio
-          : this.rootWidth;
+    const maxMoveX = computed(() => {
+      if (state.imageRatio) {
+        const { rootWidth, rootHeight } = props;
+        const displayWidth = vertical.value
+          ? rootHeight / state.imageRatio
+          : rootWidth;
 
-        return Math.max(0, (this.scale * displayWidth - this.rootWidth) / 2);
+        return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
       }
 
       return 0;
-    },
+    });
 
-    maxMoveY() {
-      if (this.imageRatio) {
-        const displayHeight = this.vertical
-          ? this.rootHeight
-          : this.rootWidth * this.imageRatio;
+    const maxMoveY = computed(() => {
+      if (state.imageRatio) {
+        const { rootWidth, rootHeight } = props;
+        const displayHeight = vertical.value
+          ? rootHeight
+          : rootWidth * state.imageRatio;
 
-        return Math.max(0, (this.scale * displayHeight - this.rootHeight) / 2);
+        return Math.max(0, (state.scale * displayHeight - rootHeight) / 2);
       }
 
       return 0;
-    },
-  },
+    });
 
-  watch: {
-    show(val) {
-      if (!val) {
-        this.resetScale();
-      }
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
-
-  methods: {
-    resetScale() {
-      this.setScale(1);
-      this.moveX = 0;
-      this.moveY = 0;
-    },
-
-    setScale(scale) {
-      this.scale = range(scale, +this.minZoom, +this.maxZoom);
-      this.$emit('scale', {
-        scale: this.scale,
-        index: this.active,
+    const setScale = (scale) => {
+      state.scale = range(scale, +props.minZoom, +props.maxZoom);
+      emit('scale', {
+        scale: state.scale,
+        index: state.active,
       });
-    },
+    };
 
-    toggleScale() {
-      const scale = this.scale > 1 ? 1 : 2;
+    const resetScale = () => {
+      setScale(1);
+      state.moveX = 0;
+      state.moveY = 0;
+    };
 
-      this.setScale(scale);
-      this.moveX = 0;
-      this.moveY = 0;
-    },
+    const toggleScale = () => {
+      const scale = state.scale > 1 ? 1 : 2;
 
-    onTouchStart(event) {
+      setScale(scale);
+      state.moveX = 0;
+      state.moveY = 0;
+    };
+
+    let startMoveX;
+    let startMoveY;
+    let startScale;
+    let startDistance;
+    let doubleTapTimer;
+    let touchStartTime;
+
+    const onTouchStart = (event) => {
       const { touches } = event;
-      const { offsetX = 0 } = this;
+      const { offsetX } = touch;
 
-      this.touchStart(event);
-      this.touchStartTime = new Date();
+      touch.start(event);
 
-      this.startMoveX = this.moveX;
-      this.startMoveY = this.moveY;
+      startMoveX = state.moveX;
+      startMoveY = state.moveY;
+      touchStartTime = new Date();
 
-      this.moving = touches.length === 1 && this.scale !== 1;
-      this.zooming = touches.length === 2 && !offsetX;
+      state.moving = touches.length === 1 && state.scale !== 1;
+      state.zooming = touches.length === 2 && !offsetX.value;
 
-      if (this.zooming) {
-        this.startScale = this.scale;
-        this.startDistance = getDistance(event.touches);
+      if (state.zooming) {
+        startScale = state.scale;
+        startDistance = getDistance(event.touches);
       }
-    },
+    };
 
-    onTouchMove(event) {
+    const onTouchMove = (event) => {
       const { touches } = event;
 
-      this.touchMove(event);
+      touch.move(event);
 
-      if (this.moving || this.zooming) {
+      if (state.moving || state.zooming) {
         preventDefault(event, true);
       }
 
-      if (this.moving) {
-        const moveX = this.deltaX + this.startMoveX;
-        const moveY = this.deltaY + this.startMoveY;
-        this.moveX = range(moveX, -this.maxMoveX, this.maxMoveX);
-        this.moveY = range(moveY, -this.maxMoveY, this.maxMoveY);
+      if (state.moving) {
+        const { deltaX, deltaY } = touch;
+        const moveX = deltaX.value + startMoveX;
+        const moveY = deltaY.value + startMoveY;
+        state.moveX = range(moveX, -maxMoveX.value, maxMoveX.value);
+        state.moveY = range(moveY, -maxMoveY.value, maxMoveY.value);
       }
 
-      if (this.zooming && touches.length === 2) {
+      if (state.zooming && touches.length === 2) {
         const distance = getDistance(touches);
-        const scale = (this.startScale * distance) / this.startDistance;
+        const scale = (startScale * distance) / startDistance;
 
-        this.setScale(scale);
+        setScale(scale);
       }
-    },
+    };
 
-    onTouchEnd(event) {
+    const checkTap = () => {
+      const { offsetX, offsetY } = touch;
+      const deltaTime = new Date() - touchStartTime;
+      const TAP_TIME = 250;
+      const TAP_OFFSET = 10;
+
+      if (
+        offsetX.value < TAP_OFFSET &&
+        offsetY.value < TAP_OFFSET &&
+        deltaTime < TAP_TIME
+      ) {
+        if (doubleTapTimer) {
+          clearTimeout(doubleTapTimer);
+          doubleTapTimer = null;
+          toggleScale();
+        } else {
+          doubleTapTimer = setTimeout(() => {
+            emit('close');
+            doubleTapTimer = null;
+          }, TAP_TIME);
+        }
+      }
+    };
+
+    const onTouchEnd = (event) => {
       let stopPropagation = false;
 
       /* istanbul ignore else */
-      if (this.moving || this.zooming) {
+      if (state.moving || state.zooming) {
         stopPropagation = true;
 
         if (
-          this.moving &&
-          this.startMoveX === this.moveX &&
-          this.startMoveY === this.moveY
+          state.moving &&
+          startMoveX === state.moveX &&
+          startMoveY === state.moveY
         ) {
           stopPropagation = false;
         }
 
         if (!event.touches.length) {
-          if (this.zooming) {
-            this.moveX = range(this.moveX, -this.maxMoveX, this.maxMoveX);
-            this.moveY = range(this.moveY, -this.maxMoveY, this.maxMoveY);
-            this.zooming = false;
+          if (state.zooming) {
+            state.moveX = range(state.moveX, -maxMoveX.value, maxMoveX.value);
+            state.moveY = range(state.moveY, -maxMoveY.value, maxMoveY.value);
+            state.zooming = false;
           }
 
-          this.moving = false;
-          this.startMoveX = 0;
-          this.startMoveY = 0;
-          this.startScale = 1;
+          state.moving = false;
+          startMoveX = 0;
+          startMoveY = 0;
+          startScale = 1;
 
-          if (this.scale < 1) {
-            this.resetScale();
+          if (state.scale < 1) {
+            resetScale();
           }
         }
       }
@@ -207,56 +227,47 @@ export default {
       // eliminate tap delay on safari
       preventDefault(event, stopPropagation);
 
-      this.checkTap();
-      this.resetTouchStatus();
-    },
-
-    checkTap() {
-      const { offsetX = 0, offsetY = 0 } = this;
-      const deltaTime = new Date() - this.touchStartTime;
-      const TAP_TIME = 250;
-      const TAP_OFFSET = 10;
-
-      if (
-        offsetX < TAP_OFFSET &&
-        offsetY < TAP_OFFSET &&
-        deltaTime < TAP_TIME
-      ) {
-        if (this.doubleTapTimer) {
-          clearTimeout(this.doubleTapTimer);
-          this.doubleTapTimer = null;
-          this.toggleScale();
-        } else {
-          this.doubleTapTimer = setTimeout(() => {
-            this.$emit('close');
-            this.doubleTapTimer = null;
-          }, TAP_TIME);
-        }
-      }
-    },
-
-    onLoad(event) {
-      const { naturalWidth, naturalHeight } = event.target;
-      this.imageRatio = naturalHeight / naturalWidth;
-    },
-  },
-
-  render() {
-    const imageSlots = {
-      loading: () => <Loading type="spinner" />,
+      checkTap();
+      touch.reset();
     };
 
-    return (
-      <SwipeItem class={bem('swipe-item')}>
-        <Image
-          v-slots={imageSlots}
-          src={this.src}
-          fit="contain"
-          class={bem('image', { vertical: this.vertical })}
-          style={this.imageStyle}
-          onLoad={this.onLoad}
-        />
-      </SwipeItem>
+    const onLoad = (event) => {
+      const { naturalWidth, naturalHeight } = event.target;
+      state.imageRatio = naturalHeight / naturalWidth;
+    };
+
+    watch(
+      () => props.show,
+      (value) => {
+        if (!value) {
+          resetScale();
+        }
+      }
     );
+
+    return () => {
+      const imageSlots = {
+        loading: () => <Loading type="spinner" />,
+      };
+
+      return (
+        <SwipeItem
+          class={bem('swipe-item')}
+          onTouchstart={onTouchStart}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
+        >
+          <Image
+            v-slots={imageSlots}
+            src={props.src}
+            fit="contain"
+            class={bem('image', { vertical: vertical.value })}
+            style={imageStyle.value}
+            onLoad={onLoad}
+          />
+        </SwipeItem>
+      );
+    };
   },
 };

From 32560ce3b80bb09f07dc907e55aeccb60a2dbb3d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:22:53 +0800
Subject: [PATCH 390/626] docs(ImagePreview): fix root attr

---
 src/image-preview/demo/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index bf8da5739..dec20af7a 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <demo-section>
     <demo-block card :title="t('basicUsage')">
-      <van-cell is-link @click="showImagePreview">
+      <van-cell is-link @click="showImagePreview()">
         {{ t('showImages') }}
       </van-cell>
     </demo-block>
@@ -104,7 +104,7 @@ export default {
       this.index = index;
     },
 
-    showImagePreview(options) {
+    showImagePreview(options = {}) {
       const instance = ImagePreview({
         images,
         ...options,

From 6ab2b3bf1f53dabf272ae3a6d663221236eab47c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:36:58 +0800
Subject: [PATCH 391/626] refactor(ImagePreview): refactor with composition api

---
 package.json                      |   4 +-
 src/image-preview/ImagePreview.js | 242 +++++++++++++++---------------
 yarn.lock                         | 106 ++++++-------
 3 files changed, 174 insertions(+), 178 deletions(-)

diff --git a/package.json b/package.json
index 3034cb4a1..4e9ec2aa7 100644
--- a/package.json
+++ b/package.json
@@ -64,9 +64,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.9",
-    "@vue/compiler-sfc": "3.0.0-rc.5",
+    "@vue/compiler-sfc": "3.0.0-rc.10",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.5"
+    "vue": "3.0.0-rc.10"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 33e25da59..2f14ac819 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -1,10 +1,12 @@
+import { nextTick, onMounted, reactive, ref, watch } from 'vue';
+
 // Utils
 import { bem, createComponent } from './shared';
 import { callInterceptor } from '../utils/interceptor';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useEventListener } from '@vant/use';
+import { usePublicApi } from '../composition/use-public-api';
 
 // Components
 import Icon from '../icon';
@@ -13,14 +15,6 @@ import Popup from '../popup';
 import ImagePreviewItem from './ImagePreviewItem';
 
 export default createComponent({
-  mixins: [
-    TouchMixin,
-    BindEventMixin(function (bind) {
-      bind(window, 'resize', this.resize, true);
-      bind(window, 'orientationchange', this.resize, true);
-    }),
-  ],
-
   props: {
     show: Boolean,
     className: null,
@@ -75,153 +69,155 @@ export default createComponent({
 
   emits: ['scale', 'close', 'closed', 'change', 'update:show'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    const rootRef = ref();
+    const swipeRef = ref();
+
+    const state = reactive({
       active: 0,
       rootWidth: 0,
       rootHeight: 0,
-      doubleClickTimer: null,
+    });
+
+    const resize = () => {
+      const root = rootRef.value;
+      if (root && root.getBoundingClientRect) {
+        const rect = root.getBoundingClientRect();
+        state.rootWidth = rect.width;
+        state.rootHeight = rect.height;
+      }
     };
-  },
 
-  mounted() {
-    this.resize();
-  },
+    const emitScale = (args) => {
+      emit('scale', args);
+    };
 
-  watch: {
-    startPosition: 'setActive',
-
-    show(val) {
-      if (val) {
-        this.setActive(+this.startPosition);
-        this.$nextTick(() => {
-          this.resize();
-          this.$refs.swipe.swipeTo(+this.startPosition, { immediate: true });
-        });
-      } else {
-        this.$emit('close', {
-          index: this.active,
-          url: this.images[this.active],
-        });
-      }
-    },
-  },
-
-  methods: {
-    resize() {
-      if (this.$el && this.$el.getBoundingClientRect) {
-        const rect = this.$el.getBoundingClientRect();
-        this.rootWidth = rect.width;
-        this.rootHeight = rect.height;
-      }
-    },
-
-    emitClose() {
+    const emitClose = () => {
       callInterceptor({
-        interceptor: this.beforeClose,
-        args: [this.active],
+        interceptor: props.beforeClose,
+        args: [state.active],
         done: () => {
-          this.$emit('update:show', false);
+          emit('update:show', false);
         },
       });
-    },
+    };
 
-    emitScale(args) {
-      this.$emit('scale', args);
-    },
-
-    setActive(active) {
-      if (active !== this.active) {
-        this.active = active;
-        this.$emit('change', active);
+    const setActive = (active) => {
+      if (active !== state.active) {
+        state.active = active;
+        emit('change', active);
       }
-    },
+    };
 
-    genIndex() {
-      if (this.showIndex) {
+    const renderIndex = () => {
+      if (props.showIndex) {
         return (
           <div class={bem('index')}>
-            {this.$slots.index
-              ? this.$slots.index()
-              : `${this.active + 1} / ${this.images.length}`}
+            {slots.index
+              ? slots.index()
+              : `${state.active + 1} / ${props.images.length}`}
           </div>
         );
       }
-    },
+    };
 
-    genCover() {
-      if (this.$slots.cover) {
-        return <div class={bem('cover')}>{this.$slots.cover()}</div>;
+    const renderCover = () => {
+      if (slots.cover) {
+        return <div class={bem('cover')}>{slots.cover()}</div>;
       }
-    },
+    };
 
-    genImages() {
-      return (
-        <Swipe
-          ref="swipe"
-          lazyRender
-          loop={this.loop}
-          class={bem('swipe')}
-          duration={this.swipeDuration}
-          initialSwipe={this.startPosition}
-          showIndicators={this.showIndicators}
-          indicatorColor="white"
-          onChange={this.setActive}
-        >
-          {this.images.map((image) => (
-            <ImagePreviewItem
-              src={image}
-              show={this.show}
-              active={this.active}
-              maxZoom={this.maxZoom}
-              minZoom={this.minZoom}
-              rootWidth={this.rootWidth}
-              rootHeight={this.rootHeight}
-              onScale={this.emitScale}
-              onClose={this.emitClose}
-            />
-          ))}
-        </Swipe>
-      );
-    },
+    const renderImages = () => (
+      <Swipe
+        ref={swipeRef}
+        lazyRender
+        loop={props.loop}
+        class={bem('swipe')}
+        duration={props.swipeDuration}
+        initialSwipe={props.startPosition}
+        showIndicators={props.showIndicators}
+        indicatorColor="white"
+        onChange={setActive}
+      >
+        {props.images.map((image) => (
+          <ImagePreviewItem
+            src={image}
+            show={props.show}
+            active={state.active}
+            maxZoom={props.maxZoom}
+            minZoom={props.minZoom}
+            rootWidth={state.rootWidth}
+            rootHeight={state.rootHeight}
+            onScale={emitScale}
+            onClose={emitClose}
+          />
+        ))}
+      </Swipe>
+    );
 
-    genClose() {
-      if (this.closeable) {
+    const renderClose = () => {
+      if (props.closeable) {
         return (
           <Icon
             role="button"
-            name={this.closeIcon}
-            class={bem('close-icon', this.closeIconPosition)}
-            onClick={this.emitClose}
+            name={props.closeIcon}
+            class={bem('close-icon', props.closeIconPosition)}
+            onClick={emitClose}
           />
         );
       }
-    },
+    };
 
-    onClosed() {
-      this.$emit('closed');
-    },
+    const onClosed = () => {
+      emit('closed');
+    };
 
-    // @exposed-api
-    swipeTo(index, options) {
-      if (this.$refs.swipe) {
-        this.$refs.swipe.swipeTo(index, options);
+    const swipeTo = (index, options) => {
+      if (swipeRef.value) {
+        swipeRef.value.swipeTo(index, options);
       }
-    },
-  },
+    };
 
-  render() {
-    return (
+    usePublicApi({ swipeTo });
+    useEventListener('resize', resize);
+    useEventListener('orientationchange', resize);
+
+    onMounted(resize);
+
+    watch(() => props.startPosition, setActive);
+
+    watch(
+      () => props.show,
+      (value) => {
+        const { images, startPosition } = props;
+        if (value) {
+          setActive(+startPosition);
+          nextTick(() => {
+            resize();
+            swipeRef.value.swipeTo(+startPosition, { immediate: true });
+          });
+        } else {
+          emit('close', {
+            index: state.active,
+            url: images[state.active],
+          });
+        }
+      }
+    );
+
+    return () => (
       <Popup
-        show={this.show}
-        class={[bem(), this.className]}
+        ref={rootRef}
+        show={props.show}
+        class={[bem(), props.className]}
         overlayClass={bem('overlay')}
-        onClosed={this.onClosed}
+        closeOnPopstate={props.closeOnPopstate}
+        onClosed={onClosed}
       >
-        {this.genClose()}
-        {this.genImages()}
-        {this.genIndex()}
-        {this.genCover()}
+        {renderClose()}
+        {renderImages()}
+        {renderIndex()}
+        {renderCover()}
       </Popup>
     );
   },
diff --git a/yarn.lock b/yarn.lock
index ac74f2e60..ee5444069 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2180,36 +2180,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
-  integrity sha1-3U8YFvyuNKgbxg5YT5eZPK0oTVQ=
+"@vue/compiler-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
+  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.10"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.5.tgz#83905e8601123a3654b90fbd80708a16530ce21a"
-  integrity sha1-g5BehgESOjZUuQ+9gHCKFlMM4ho=
+"@vue/compiler-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
+  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/compiler-sfc@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.5.tgz#374e52a6fbf8fb9aee1213026050a0f1c496fecf"
-  integrity sha1-N05Spvv4+5ruEhMCYFCg8cSW/s8=
+"@vue/compiler-sfc@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111795&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-sfc%2Fdownload%2F%40vue%2Fcompiler-sfc-3.0.0-rc.10.tgz#4351ece66cdf4d758877482f69421c43d994dbaf"
+  integrity sha1-Q1Hs5mzfTXWId0gvaUIcQ9mU268=
   dependencies:
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.5"
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/compiler-ssr" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-core" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/compiler-ssr" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
     consolidate "^0.15.1"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2221,13 +2221,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065111870&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0-rc.5.tgz#878406c59daff362ecdcb199fb9467a769ca8de5"
-  integrity sha1-h4QGxZ2v82Ls3LGZ+5Rnp2nKjeU=
+"@vue/compiler-ssr@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111870&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0-rc.10.tgz#95a5f6b65b19a514c94f056994ec144b3b1b03ae"
+  integrity sha1-laX2tlsZpRTJTwVplOwUSzsbA64=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2245,34 +2245,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.5.tgz#45cff8d839d7ad130b1e499239090050fdecff13"
-  integrity sha1-Rc/42DnXrRMLHkmSOQkAUP3s/xM=
+"@vue/reactivity@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
+  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
   dependencies:
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/runtime-core@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.5.tgz#dd59af3a5fc089d1cdc05a657320c0dc17e5c362"
-  integrity sha1-3VmvOl/AidHNwFplcyDA3Bflw2I=
+"@vue/runtime-core@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
+  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/reactivity" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
-"@vue/runtime-dom@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.5.tgz#2fd75a1f29b23abf0ffe5ccdedabda11721c5b5b"
-  integrity sha1-L9daHymyOr8P/lzN7avaEXIcW1s=
+"@vue/runtime-dom@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
+  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/runtime-core" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.5":
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.5.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.5.tgz#cea2378e3e37363ddc1f5dd158edc9c9b5b3fff0"
-  integrity sha1-zqI3jj43Nj3cH13RWO3JybWz//A=
+"@vue/shared@3.0.0-rc.10":
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
+  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
 
 "@vue/test-utils@2.0.0-beta.2":
   version "2.0.0-beta.2"
@@ -12458,14 +12458,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.5:
-  version "3.0.0-rc.5"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.5.tgz#973175d45a892b3bd23ef5de7faa4add9c66275f"
-  integrity sha1-lzF11FqJKzvSPvXef6pK3ZxmJ18=
+vue@3.0.0-rc.10:
+  version "3.0.0-rc.10"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
+  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.5"
-    "@vue/runtime-dom" "3.0.0-rc.5"
-    "@vue/shared" "3.0.0-rc.5"
+    "@vue/compiler-dom" "3.0.0-rc.10"
+    "@vue/runtime-dom" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.10"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From ea846033f7b2aebd2ebc99c4eec3f238f13540a2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:41:41 +0800
Subject: [PATCH 392/626] fix(ImagePreview): failed to drag image

---
 src/image-preview/ImagePreview.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 2f14ac819..6d86046af 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -70,7 +70,6 @@ export default createComponent({
   emits: ['scale', 'close', 'closed', 'change', 'update:show'],
 
   setup(props, { emit, slots }) {
-    const rootRef = ref();
     const swipeRef = ref();
 
     const state = reactive({
@@ -80,9 +79,8 @@ export default createComponent({
     });
 
     const resize = () => {
-      const root = rootRef.value;
-      if (root && root.getBoundingClientRect) {
-        const rect = root.getBoundingClientRect();
+      if (swipeRef.value) {
+        const rect = swipeRef.value.$el.getBoundingClientRect();
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
       }
@@ -207,7 +205,6 @@ export default createComponent({
 
     return () => (
       <Popup
-        ref={rootRef}
         show={props.show}
         class={[bem(), props.className]}
         overlayClass={bem('overlay')}

From 4fa602bc77dc8e09c32d44258d8539691a69f078 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:48:14 +0800
Subject: [PATCH 393/626] feat(use): add useWindowSize

---
 packages/vant-use/src/index.ts               |  1 +
 packages/vant-use/src/useWindowSize/index.ts | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 packages/vant-use/src/useWindowSize/index.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index dd687cca0..e43f9f31c 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,4 +1,5 @@
 export { useToggle } from './useToggle';
 export { useClickAway } from './useClickAway';
+export { useWindowSize } from './useWindowSize';
 export { useScrollParent } from './useScrollParent';
 export { useEventListener } from './useEventListener';
diff --git a/packages/vant-use/src/useWindowSize/index.ts b/packages/vant-use/src/useWindowSize/index.ts
new file mode 100644
index 000000000..ddaefce73
--- /dev/null
+++ b/packages/vant-use/src/useWindowSize/index.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
+
+export function useWindowSize(initialWidth = 0, initialHeight = 0) {
+  const width = ref(inBrowser ? window.innerWidth : initialWidth);
+  const height = ref(inBrowser ? window.innerHeight : initialHeight);
+
+  const onResize = () => {
+    width.value = window.innerWidth;
+    height.value = window.innerHeight;
+  };
+
+  useEventListener('resize', onResize);
+  useEventListener('orientationchange', onResize);
+
+  return { width, height };
+}

From c5ef522f67549c6f17285fb7f4972d06440d5429 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:49:26 +0800
Subject: [PATCH 394/626] chore: release @vant/use@0.0.1

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 7aeca806d..bdbdc1dfb 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From 1607aa8ba7ceb6425eae134487884bcf36bad28d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 17:54:51 +0800
Subject: [PATCH 395/626] chore(ImagePreview): use useWindowSize

---
 package.json                      | 2 +-
 src/image-preview/ImagePreview.js | 7 ++++---
 yarn.lock                         | 8 ++++----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 4e9ec2aa7..8a43ddfe0 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.1-alpha.2",
+    "@vant/use": "^0.0.1",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index 6d86046af..b0685dc34 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -5,7 +5,7 @@ import { bem, createComponent } from './shared';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
-import { useEventListener } from '@vant/use';
+import { useWindowSize } from '@vant/use';
 import { usePublicApi } from '../composition/use-public-api';
 
 // Components
@@ -71,6 +71,7 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const swipeRef = ref();
+    const windowSize = useWindowSize();
 
     const state = reactive({
       active: 0,
@@ -177,11 +178,11 @@ export default createComponent({
     };
 
     usePublicApi({ swipeTo });
-    useEventListener('resize', resize);
-    useEventListener('orientationchange', resize);
 
     onMounted(resize);
 
+    watch([windowSize.width, windowSize.height], resize);
+
     watch(() => props.startPosition, setActive);
 
     watch(
diff --git a/yarn.lock b/yarn.lock
index ee5444069..955f996de 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2156,10 +2156,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.1-alpha.2":
-  version "0.0.1-alpha.2"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1-alpha.2.tgz#c7e3ffb948b871d2496ce1e32d0874c8ead4b69a"
-  integrity sha512-hOqjrvXgazw54bD1GZHXboKbcOc7jMZbDU3zFUOheSNviIvVBX0nuEqCdcQgvYzkr93zwQ2QAn27DA8BLCZsGw==
+"@vant/use@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1.tgz#66ed5dd186e54a6ec1b48604bfd8c0f466d9d568"
+  integrity sha512-AQrKFoiC4sZqRI6mx4a4iHekcpcvNYcZDo/0/WTMejtjKygaKMlImmOR36JWYinhvQwjO6GnAgQDvuO/hNwCPA==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 36b8748552159f33795ff7deaf4391425b529b27 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 18:50:22 +0800
Subject: [PATCH 396/626] feat(use): usePageVisibility

---
 .../vant-use/src/usePageVisibility/index.ts    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/vant-use/src/usePageVisibility/index.ts

diff --git a/packages/vant-use/src/usePageVisibility/index.ts b/packages/vant-use/src/usePageVisibility/index.ts
new file mode 100644
index 000000000..51f4dc82b
--- /dev/null
+++ b/packages/vant-use/src/usePageVisibility/index.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
+
+export function usePageVisibility() {
+  const visibility = ref<VisibilityState>('visible');
+
+  const setVisibility = () => {
+    if (inBrowser) {
+      visibility.value = document.hidden ? 'hidden' : 'visible';
+    }
+  };
+
+  setVisibility();
+  useEventListener('visibilitychange', setVisibility);
+
+  return visibility;
+}

From 47d6525ce23461bf77dd5fbd6e74abdf3fab18f0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 18:51:17 +0800
Subject: [PATCH 397/626] chore(use): export usePageVisibility

---
 packages/vant-use/src/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index e43f9f31c..ddaf3ebc2 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -3,3 +3,4 @@ export { useClickAway } from './useClickAway';
 export { useWindowSize } from './useWindowSize';
 export { useScrollParent } from './useScrollParent';
 export { useEventListener } from './useEventListener';
+export { usePageVisibility } from './usePageVisibility';

From c29aa945644721ee4a690af6e7aa482b3dc39462 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 18:56:12 +0800
Subject: [PATCH 398/626] chore: release @vant/use@0.0.2

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index bdbdc1dfb..e4de9b6dd 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From be3f2cbce9b543e5abd475c9cad2b4e03f35af53 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 19:22:09 +0800
Subject: [PATCH 399/626] chore(CouponList): refactor with composition api

---
 package.json             |   2 +-
 src/coupon-list/index.js | 284 +++++++++++++++++++--------------------
 yarn.lock                |   8 +-
 3 files changed, 145 insertions(+), 149 deletions(-)

diff --git a/package.json b/package.json
index 8a43ddfe0..27236e84c 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.1",
+    "@vant/use": "^0.0.2",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js
index c909246b8..5a6d09207 100644
--- a/src/coupon-list/index.js
+++ b/src/coupon-list/index.js
@@ -1,6 +1,12 @@
+import { watch, computed, nextTick, onMounted, reactive } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 
+// Composition
+import { useWindowSize } from '@vant/use';
+import { useRefs } from '../composition/use-refs';
+
 // Components
 import Tab from '../tab';
 import Tabs from '../tabs';
@@ -65,178 +71,168 @@ export default createComponent({
 
   emits: ['change', 'exchange', 'update:code'],
 
-  data() {
-    return {
+  setup(props, { emit }) {
+    const [couponRefs, setCouponRefs] = useRefs();
+
+    const state = reactive({
       tab: 0,
-      winHeight: window.innerHeight,
-      currentCode: this.code || '',
-    };
-  },
+      code: props.code || '',
+    });
 
-  computed: {
-    buttonDisabled() {
-      return (
-        !this.exchangeButtonLoading &&
-        (this.exchangeButtonDisabled ||
-          !this.currentCode ||
-          this.currentCode.length < this.exchangeMinLength)
-      );
-    },
+    const { height: windowHeight } = useWindowSize();
 
-    listStyle() {
-      return {
-        height: this.winHeight - (this.showExchangeBar ? 140 : 94) + 'px',
-      };
-    },
-  },
+    const buttonDisabled = computed(
+      () =>
+        !props.exchangeButtonLoading &&
+        (props.exchangeButtonDisabled ||
+          !state.code ||
+          state.code.length < props.exchangeMinLength)
+    );
 
-  watch: {
-    code(code) {
-      this.currentCode = code;
-    },
+    const listStyle = computed(() => ({
+      height: windowHeight.value - (props.showExchangeBar ? 140 : 94) + 'px',
+    }));
 
-    currentCode(code) {
-      this.$emit('update:code', code);
-    },
-
-    displayedCouponIndex: 'scrollToShowCoupon',
-  },
-
-  mounted() {
-    this.scrollToShowCoupon(this.displayedCouponIndex);
-  },
-
-  methods: {
-    onClickExchangeButton() {
-      this.$emit('exchange', this.currentCode);
+    const onExchange = () => {
+      emit('exchange', state.code);
 
       // auto clear currentCode when not use vModel
-      if (!this.code) {
-        this.currentCode = '';
+      if (!props.code) {
+        state.code = '';
       }
-    },
+    };
 
-    // scroll to show specific coupon
-    scrollToShowCoupon(index) {
-      if (index === -1) {
-        return;
-      }
-
-      this.$nextTick(() => {
-        const { card, list } = this.$refs;
-
-        /* istanbul ignore next */
-        if (list && card && card[index]) {
-          list.scrollTop = card[index].$el.offsetTop - 100;
+    const scrollToCoupon = (index) => {
+      nextTick(() => {
+        if (couponRefs.value[index]) {
+          couponRefs.value[index].scrollIntoView();
         }
       });
-    },
+    };
 
-    genEmpty() {
-      return (
-        <div class={bem('empty')}>
-          <img src={this.emptyImage} />
-          <p>{t('empty')}</p>
-        </div>
-      );
-    },
-
-    genExchangeButton() {
-      return (
-        <Button
-          plain
-          type="danger"
-          class={bem('exchange')}
-          text={this.exchangeButtonText || t('exchange')}
-          loading={this.exchangeButtonLoading}
-          disabled={this.buttonDisabled}
-          onClick={this.onClickExchangeButton}
-        />
-      );
-    },
-  },
-
-  render() {
-    const { coupons, disabledCoupons } = this;
-
-    const count = this.showCount ? ` (${coupons.length})` : '';
-    const title = (this.enabledTitle || t('enable')) + count;
-
-    const disabledCount = this.showCount ? ` (${disabledCoupons.length})` : '';
-    const disabledTitle = (this.disabledTitle || t('disabled')) + disabledCount;
-
-    const ExchangeBar = this.showExchangeBar && (
-      <div class={bem('exchange-bar')}>
-        <Field
-          vModel={this.currentCode}
-          clearable
-          border={false}
-          class={bem('field')}
-          placeholder={this.inputPlaceholder || t('placeholder')}
-          maxlength="20"
-        />
-        {this.genExchangeButton()}
+    const renderEmpty = () => (
+      <div class={bem('empty')}>
+        <img src={props.emptyImage} />
+        <p>{t('empty')}</p>
       </div>
     );
 
-    const onChange = (index) => () => this.$emit('change', index);
-
-    const CouponTab = (
-      <Tab title={title}>
-        <div
-          class={bem('list', { 'with-bottom': this.showCloseButton })}
-          style={this.listStyle}
-        >
-          {coupons.map((coupon, index) => (
-            <Coupon
-              ref="card"
-              key={coupon.id}
-              coupon={coupon}
-              chosen={index === this.chosenCoupon}
-              currency={this.currency}
-              onClick={onChange(index)}
+    const renderExchangeBar = () => {
+      if (props.showExchangeBar) {
+        return (
+          <div class={bem('exchange-bar')}>
+            <Field
+              vModel={state.code}
+              clearable
+              border={false}
+              class={bem('field')}
+              placeholder={props.inputPlaceholder || t('placeholder')}
+              maxlength="20"
             />
-          ))}
-          {!coupons.length && this.genEmpty()}
-        </div>
-      </Tab>
+            <Button
+              plain
+              type="danger"
+              class={bem('exchange')}
+              text={props.exchangeButtonText || t('exchange')}
+              loading={props.exchangeButtonLoading}
+              disabled={buttonDisabled.value}
+              onClick={onExchange}
+            />
+          </div>
+        );
+      }
+    };
+
+    const renderCouponTab = () => {
+      const { coupons } = props;
+      const count = props.showCount ? ` (${coupons.length})` : '';
+      const title = (props.enabledTitle || t('enable')) + count;
+
+      return (
+        <Tab title={title}>
+          <div
+            class={bem('list', { 'with-bottom': props.showCloseButton })}
+            style={listStyle.value}
+          >
+            {coupons.map((coupon, index) => (
+              <Coupon
+                key={coupon.id}
+                ref={setCouponRefs(index)}
+                coupon={coupon}
+                chosen={index === props.chosenCoupon}
+                currency={props.currency}
+                onClick={() => emit('change', index)}
+              />
+            ))}
+            {!coupons.length && renderEmpty()}
+          </div>
+        </Tab>
+      );
+    };
+
+    const renderDisabledTab = () => {
+      const { disabledCoupons } = props;
+      const count = props.showCount ? ` (${disabledCoupons.length})` : '';
+      const title = (props.disabledTitle || t('disabled')) + count;
+
+      return (
+        <Tab title={title}>
+          <div
+            class={bem('list', { 'with-bottom': props.showCloseButton })}
+            style={listStyle.value}
+          >
+            {disabledCoupons.map((coupon) => (
+              <Coupon
+                disabled
+                key={coupon.id}
+                coupon={coupon}
+                currency={props.currency}
+              />
+            ))}
+            {!disabledCoupons.length && renderEmpty()}
+          </div>
+        </Tab>
+      );
+    };
+
+    watch(
+      () => props.code,
+      (value) => {
+        state.code = value;
+      }
     );
 
-    const DisabledCouponTab = (
-      <Tab title={disabledTitle}>
-        <div
-          class={bem('list', { 'with-bottom': this.showCloseButton })}
-          style={this.listStyle}
-        >
-          {disabledCoupons.map((coupon) => (
-            <Coupon
-              disabled
-              key={coupon.id}
-              coupon={coupon}
-              currency={this.currency}
-            />
-          ))}
-          {!disabledCoupons.length && this.genEmpty()}
-        </div>
-      </Tab>
+    watch(
+      () => state.code,
+      (value) => {
+        emit('update:code', value);
+      }
     );
 
-    return (
+    watch(() => props.displayedCouponIndex, scrollToCoupon);
+
+    onMounted(() => {
+      scrollToCoupon(props.displayedCouponIndex);
+    });
+
+    return () => (
       <div class={bem()}>
-        {ExchangeBar}
-        <Tabs vModel={this.tab} class={bem('tab')} border={false}>
-          {CouponTab}
-          {DisabledCouponTab}
+        {renderExchangeBar()}
+        <Tabs vModel={state.tab} class={bem('tab')} border={false}>
+          {renderCouponTab()}
+          {renderDisabledTab()}
         </Tabs>
         <div class={bem('bottom')}>
           <Button
-            vShow={this.showCloseButton}
+            vShow={props.showCloseButton}
             round
             block
             type="danger"
             class={bem('close')}
-            text={this.closeButtonText || t('close')}
-            onClick={onChange(-1)}
+            text={props.closeButtonText || t('close')}
+            onClick={() => {
+              emit('change', -1);
+            }}
           />
         </div>
       </div>
diff --git a/yarn.lock b/yarn.lock
index 955f996de..2f80426f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2156,10 +2156,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.1":
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.1.tgz#66ed5dd186e54a6ec1b48604bfd8c0f466d9d568"
-  integrity sha512-AQrKFoiC4sZqRI6mx4a4iHekcpcvNYcZDo/0/WTMejtjKygaKMlImmOR36JWYinhvQwjO6GnAgQDvuO/hNwCPA==
+"@vant/use@^0.0.2":
+  version "0.0.2"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.2.tgz#9ea72642e0d6ef664f19e80b73fdb59b9f403d21"
+  integrity sha512-kPgqwBMKaeKPQ/LZjjVDHKxo2Thi4w5M186+Yg4jATW7qCcfd0CujDmqlETfFjBCbw40C1HVu/kmhXE0cQPPUg==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From ef1cfe0ee8591776774c6781d003e3c39cbdc4e3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 19:28:47 +0800
Subject: [PATCH 400/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |  8 ++++----
 packages/vant-cli/yarn.lock    | 30 +++++++++++++++---------------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index b15b7e4a4..296e0a5c1 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -54,9 +54,9 @@
     "@vant/markdown-vetur": "^2.0.1",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
-    "@vue/babel-plugin-jsx": "^1.0.0-rc.2",
+    "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "2.0.0-beta.2",
+    "@vue/test-utils": "2.0.0-beta.4",
     "address": "^1.1.2",
     "autoprefixer": "^9.8.0",
     "babel-jest": "^26.0.1",
@@ -96,8 +96,8 @@
     "style-loader": "^1.2.1",
     "stylelint": "^13.5.0",
     "typescript": "^4.0.0",
-    "vue-jest": "^5.0.0-alpha.2",
-    "vue-loader": "^16.0.0-beta.5",
+    "vue-jest": "^5.0.0-alpha.3",
+    "vue-loader": "^16.0.0-beta.7",
     "vue-router": "^4.0.0-beta.9",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 0e55856e8..53b5d98cb 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2125,10 +2125,10 @@
   resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-transform-on/download/@vue/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"
   integrity sha1-ckY0H2ZufG5lsT2kIOLOhXFPu8o=
 
-"@vue/babel-plugin-jsx@^1.0.0-rc.2":
-  version "1.0.0-rc.2"
-  resolved "https://registry.npm.taobao.org/@vue/babel-plugin-jsx/download/@vue/babel-plugin-jsx-1.0.0-rc.2.tgz#2c72a6bf6d10f57bb6bf1a2799214a541933345b"
-  integrity sha1-LHKmv20Q9Xu2vxonmSFKVBkzNFs=
+"@vue/babel-plugin-jsx@^1.0.0-rc.3":
+  version "1.0.0-rc.3"
+  resolved "https://registry.npm.taobao.org/@vue/babel-plugin-jsx/download/@vue/babel-plugin-jsx-1.0.0-rc.3.tgz?cache=0&sync_timestamp=1600074431608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fbabel-plugin-jsx%2Fdownload%2F%40vue%2Fbabel-plugin-jsx-1.0.0-rc.3.tgz#ab477ee95c764fbe68842a2eddd474f122e70ac6"
+  integrity sha1-q0d+6Vx2T75ohCou3dR08SLnCsY=
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
@@ -2155,10 +2155,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@2.0.0-beta.2":
-  version "2.0.0-beta.2"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.2.tgz#1b57245c0dab325cc1d9133d74738f063a24589c"
-  integrity sha512-RgbV/79clAYtRqmHHz3aISpveiUz2RwZJHWzo972AEYO336SrPqp0u4VeTHNl8yc+wn5GwSGoEusjf9d4jjLDw==
+"@vue/test-utils@2.0.0-beta.4":
+  version "2.0.0-beta.4"
+  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-beta.4.tgz?cache=0&sync_timestamp=1599709490058&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-2.0.0-beta.4.tgz#7d275ca5d4e54ae32a9da4f03c1da6fdc3ce30e4"
+  integrity sha1-fSdcpdTlSuMqnaTwPB2m/cPOMOQ=
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -12202,10 +12202,10 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.2:
+vue-jest@^5.0.0-alpha.3:
   version "5.0.0-alpha.3"
-  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
-  integrity sha512-PiuFiFoskML67v1+mUNhooSq8T6gC0cvsA4OhpN841yX3+M377m0eKaa7Awk8mrGP1vDM+id9NU6NbHYxYI9BA==
+  resolved "https://registry.npm.taobao.org/vue-jest/download/vue-jest-5.0.0-alpha.3.tgz?cache=0&sync_timestamp=1600064020379&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-jest%2Fdownload%2Fvue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
+  integrity sha1-N+rLBnJkDE6w8B+WaiCoe/QQXSA=
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -12213,10 +12213,10 @@ vue-jest@^5.0.0-alpha.2:
     extract-from-css "^0.4.4"
     ts-jest "^24.0.0"
 
-vue-loader@^16.0.0-beta.5:
-  version "16.0.0-beta.5"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz#04edc889492b03a445e7ac66e9226a70175ca8a0"
-  integrity sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==
+vue-loader@^16.0.0-beta.7:
+  version "16.0.0-beta.7"
+  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.0.0-beta.7.tgz?cache=0&sync_timestamp=1599639267088&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-16.0.0-beta.7.tgz#6f2726fa0e2b1fbae67895c47593bbf69f2b9ab8"
+  integrity sha1-bycm+g4rH7rmeJXEdZO79p8rmrg=
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"

From 357ff96b8474b170c90d92a3cb67694c259d0b5d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 19:29:08 +0800
Subject: [PATCH 401/626] chore: release @vant/cli@3.0.0-alpha.10

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 296e0a5c1..0cf59dc4f 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.9",
+  "version": "3.0.0-alpha.10",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 0a6ead093ee18f0e18388b27b480bb0854a325cb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 19:30:23 +0800
Subject: [PATCH 402/626] chore: bump @vant/cli@3.0.0-alpha.10

---
 package.json |  2 +-
 yarn.lock    | 42 +++++++++++++++++++++---------------------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 27236e84c..b183adc04 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.9",
+    "@vant/cli": "^3.0.0-alpha.10",
     "@vue/compiler-sfc": "3.0.0-rc.10",
     "prettier": "^2.0.4",
     "vue": "3.0.0-rc.10"
diff --git a/yarn.lock b/yarn.lock
index 2f80426f0..ed46c73d8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2034,10 +2034,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.9":
-  version "3.0.0-alpha.9"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.9.tgz#811fb7b159a17101c47b3556b53c770697375ece"
-  integrity sha512-qfTbDSwDKeZdcLR9GSjyZmxmup8Zo4f+g1NdSm/fKT4NsAkdMs33IfcYdScLz+0lwDrQWEhtFVRd0srxs93Fag==
+"@vant/cli@^3.0.0-alpha.10":
+  version "3.0.0-alpha.10"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.10.tgz#6651bc406c16ba1a32f7403a850c03785eff6208"
+  integrity sha512-GqX69B8Si3SCkeKk6nEG21quOCaX6ZX3PlrHIf16Ac9/oKEaNAXEvKU+Sb/2rcV6n4emf2bEIyv5AQmulx3jSA==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
@@ -2054,9 +2054,9 @@
     "@vant/markdown-vetur" "^2.0.1"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
-    "@vue/babel-plugin-jsx" "^1.0.0-rc.2"
+    "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "2.0.0-beta.2"
+    "@vue/test-utils" "2.0.0-beta.4"
     address "^1.1.2"
     autoprefixer "^9.8.0"
     babel-jest "^26.0.1"
@@ -2096,8 +2096,8 @@
     style-loader "^1.2.1"
     stylelint "^13.5.0"
     typescript "^4.0.0"
-    vue-jest "^5.0.0-alpha.2"
-    vue-loader "^16.0.0-beta.5"
+    vue-jest "^5.0.0-alpha.3"
+    vue-loader "^16.0.0-beta.7"
     vue-router "^4.0.0-beta.9"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
@@ -2166,10 +2166,10 @@
   resolved "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"
   integrity sha512-1+7CwjQ0Kasml6rHoNQUmbISwqLNNfFVBUcZl6QBremUl296ZmLrVQPqJP5pyAAWjZke5bpI1hlj+LVVuT7Jcg==
 
-"@vue/babel-plugin-jsx@^1.0.0-rc.2":
-  version "1.0.0-rc.2"
-  resolved "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.2.tgz#2c72a6bf6d10f57bb6bf1a2799214a541933345b"
-  integrity sha512-NVTDsaYShZx8ZqZo1Z0ndNrdoLfwRTwz0e6S+7SEn3j21WwlbVHMhD6t/tDBhvscwAQ5N/AFuCCrf90iyC5sHA==
+"@vue/babel-plugin-jsx@^1.0.0-rc.3":
+  version "1.0.0-rc.3"
+  resolved "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-rc.3.tgz#ab477ee95c764fbe68842a2eddd474f122e70ac6"
+  integrity sha512-/Ibq0hoKsidnHWPhgRpjcjYhYcHpqEm2fiKVAPO88OXZNHGwaGgS4yXkC6TDEvlZep4mBDo+2S5T81wpbVh90Q==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.0.0"
@@ -2274,10 +2274,10 @@
   resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
   integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
 
-"@vue/test-utils@2.0.0-beta.2":
-  version "2.0.0-beta.2"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.2.tgz#1b57245c0dab325cc1d9133d74738f063a24589c"
-  integrity sha512-RgbV/79clAYtRqmHHz3aISpveiUz2RwZJHWzo972AEYO336SrPqp0u4VeTHNl8yc+wn5GwSGoEusjf9d4jjLDw==
+"@vue/test-utils@2.0.0-beta.4":
+  version "2.0.0-beta.4"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.4.tgz#7d275ca5d4e54ae32a9da4f03c1da6fdc3ce30e4"
+  integrity sha512-uW3GdeEEQFTdRoYmBxxHs0ENpbt8jB6OeQ8JCiTuPQecP51dI8IcGXDJhzv7bjWG6Ej+KjaTxKEmEikCyhLWtQ==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -12420,7 +12420,7 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.2:
+vue-jest@^5.0.0-alpha.3:
   version "5.0.0-alpha.3"
   resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
   integrity sha512-PiuFiFoskML67v1+mUNhooSq8T6gC0cvsA4OhpN841yX3+M377m0eKaa7Awk8mrGP1vDM+id9NU6NbHYxYI9BA==
@@ -12436,10 +12436,10 @@ vue-lazyload@1.2.3:
   resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
   integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==
 
-vue-loader@^16.0.0-beta.5:
-  version "16.0.0-beta.5"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz#04edc889492b03a445e7ac66e9226a70175ca8a0"
-  integrity sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==
+vue-loader@^16.0.0-beta.7:
+  version "16.0.0-beta.7"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.7.tgz#6f2726fa0e2b1fbae67895c47593bbf69f2b9ab8"
+  integrity sha512-xQ8/GZmRPdQ3EinnE0IXwdVoDzh7Dowo0MowoyBuScEBXrRabw6At5/IdtD3waKklKW5PGokPsm8KRN6rvQ1cw==
   dependencies:
     "@types/mini-css-extract-plugin" "^0.9.1"
     chalk "^3.0.0"

From 9465653f429d216bf0f34cb9cf26cc1f51b3e358 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 19:55:55 +0800
Subject: [PATCH 403/626] refactor(Popup): refactor with composition api

---
 src/popup/index.js | 364 +++++++++++++++++++++------------------------
 1 file changed, 166 insertions(+), 198 deletions(-)

diff --git a/src/popup/index.js b/src/popup/index.js
index c93d7fb3c..98f85932e 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,11 +1,18 @@
 // Utils
-import { Teleport, Transition } from 'vue';
+import {
+  watch,
+  computed,
+  reactive,
+  Teleport,
+  onMounted,
+  Transition,
+  onActivated,
+  onBeforeMount,
+  onDeactivated,
+} from 'vue';
 import { createNamespace, isDef } from '../utils';
-import { on, off, preventDefault } from '../utils/dom/event';
-import { getScroller } from '../utils/dom/scroll';
 
 // Mixins
-import { TouchMixin } from '../mixins/touch';
 import { CloseOnPopstateMixin } from '../mixins/close-on-popstate';
 
 // Components
@@ -59,7 +66,7 @@ export const popupSharedProps = {
 };
 
 export default createComponent({
-  mixins: [TouchMixin, CloseOnPopstateMixin],
+  mixins: [CloseOnPopstateMixin],
 
   inheritAttrs: false,
 
@@ -93,93 +100,118 @@ export default createComponent({
     'click-overlay',
   ],
 
-  data() {
-    return {
-      inited: this.show,
-      currentZIndex: null,
+  setup(props, { emit, attrs, slots }) {
+    let opened;
+    let shouldReopen;
+
+    const state = reactive({
+      inited: props.show,
+      zIndex: null,
+    });
+
+    const shouldRender = computed(() => state.inited || !props.lazyRender);
+
+    const lockScroll = () => {
+      if (props.lockScroll) {
+        if (!context.lockCount) {
+          document.body.classList.add('van-overflow-hidden');
+        }
+        context.lockCount++;
+      }
     };
-  },
 
-  computed: {
-    shouldRender() {
-      return this.inited || !this.lazyRender;
-    },
-  },
+    const unlockScroll = () => {
+      if (props.lockScroll && context.lockCount) {
+        context.lockCount--;
 
-  watch: {
-    show(val) {
-      const type = val ? 'open' : 'close';
-      this.inited = this.inited || this.show;
-      this[type]();
-      this.$emit(type);
-    },
+        if (!context.lockCount) {
+          document.body.classList.remove('van-overflow-hidden');
+        }
+      }
+    };
 
-    overlay: 'renderOverlay',
-  },
+    const updateZIndex = () => {
+      state.zIndex = ++context.zIndex;
+    };
 
-  beforeCreate() {
-    const createEmitter = (eventName) => (event) =>
-      this.$emit(eventName, event);
+    const open = () => {
+      if (opened) {
+        return;
+      }
 
-    this.onClick = createEmitter('click');
-    this.onOpened = createEmitter('opened');
-    this.onClosed = createEmitter('closed');
-  },
+      if (props.zIndex !== undefined) {
+        context.zIndex = props.zIndex;
+      }
 
-  mounted() {
-    if (this.show) {
-      this.open();
-    }
-  },
+      opened = true;
+      updateZIndex();
+      lockScroll();
+    };
 
-  /* istanbul ignore next */
-  activated() {
-    if (this.shouldReopen) {
-      this.$emit('update:show', true);
-      this.shouldReopen = false;
-    }
-  },
+    const close = () => {
+      if (opened) {
+        opened = false;
+        unlockScroll();
+        emit('update:show', false);
+      }
+    };
 
-  beforeUnmount() {
-    if (this.opened) {
-      this.removeLock();
-    }
-  },
+    const onClickOverlay = () => {
+      emit('click-overlay');
 
-  /* istanbul ignore next */
-  deactivated() {
-    if (this.show) {
-      this.close();
-      this.shouldReopen = true;
-    }
-  },
+      if (props.closeOnClickOverlay) {
+        close();
+      }
+    };
 
-  methods: {
-    genOverlay() {
-      if (this.overlay) {
+    const renderOverlay = () => {
+      if (props.overlay) {
         return (
           <Overlay
-            show={this.show}
-            class={this.overlayClass}
-            style={this.overlayStyle}
-            zIndex={this.currentZIndex}
-            duration={this.duration}
-            onClick={this.onClickOverlay}
+            show={props.show}
+            class={props.overlayClass}
+            style={props.overlayStyle}
+            zIndex={state.zIndex}
+            duration={props.duration}
+            onClick={onClickOverlay}
           />
         );
       }
-    },
+    };
 
-    genPopup() {
-      const { round, position, duration } = this;
+    const renderCloseIcon = () => {
+      if (props.closeable) {
+        return (
+          <Icon
+            role="button"
+            tabindex="0"
+            name={props.closeIcon}
+            class={bem('close-icon', props.closeIconPosition)}
+            onClick={close}
+          />
+        );
+      }
+    };
+
+    const onClick = (event) => emit('click', event);
+    const onOpened = () => emit('opened');
+    const onClosed = () => emit('closed');
+
+    const renderPopup = () => {
+      const {
+        round,
+        position,
+        duration,
+        transition,
+        safeAreaInsetBottom,
+      } = props;
       const isCenter = position === 'center';
 
       const transitionName =
-        this.transition ||
-        (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
+        transition || (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
 
       const style = {
-        zIndex: this.currentZIndex,
+        zIndex: state.zIndex,
       };
 
       if (isDef(duration)) {
@@ -190,149 +222,85 @@ export default createComponent({
       return (
         <Transition
           name={transitionName}
-          onAfterEnter={this.onOpened}
-          onAfterLeave={this.onClosed}
+          onAfterEnter={onOpened}
+          onAfterLeave={onClosed}
         >
-          {this.shouldRender ? (
+          {shouldRender.value ? (
             <div
-              vShow={this.show}
+              vShow={props.show}
               style={style}
               class={bem({
                 round,
                 [position]: position,
-                'safe-area-inset-bottom': this.safeAreaInsetBottom,
+                'safe-area-inset-bottom': safeAreaInsetBottom,
               })}
-              onClick={this.onClick}
-              {...this.$attrs}
+              onClick={onClick}
+              {...attrs}
             >
-              {this.$slots.default?.()}
-              {this.closeable && (
-                <Icon
-                  role="button"
-                  tabindex="0"
-                  name={this.closeIcon}
-                  class={bem('close-icon', this.closeIconPosition)}
-                  onClick={this.close}
-                />
-              )}
+              {slots.default?.()}
+              {renderCloseIcon()}
             </div>
           ) : null}
         </Transition>
       );
-    },
+    };
 
-    open() {
-      /* istanbul ignore next */
-      if (this.$isServer || this.opened) {
-        return;
-      }
-
-      // cover default zIndex
-      if (this.zIndex !== undefined) {
-        context.zIndex = this.zIndex;
-      }
-
-      this.opened = true;
-      this.renderOverlay();
-      this.addLock();
-    },
-
-    addLock() {
-      if (this.lockScroll) {
-        on(document, 'touchstart', this.touchStart);
-        on(document, 'touchmove', this.onTouchMove);
-
-        if (!context.lockCount) {
-          document.body.classList.add('van-overflow-hidden');
-        }
-        context.lockCount++;
-      }
-    },
-
-    removeLock() {
-      if (this.lockScroll && context.lockCount) {
-        context.lockCount--;
-        off(document, 'touchstart', this.touchStart);
-        off(document, 'touchmove', this.onTouchMove);
-
-        if (!context.lockCount) {
-          document.body.classList.remove('van-overflow-hidden');
+    watch(
+      () => props.show,
+      (value) => {
+        if (value) {
+          state.inited = true;
+          open();
+          emit('open');
+        } else {
+          close();
+          emit('close');
         }
       }
-    },
-
-    close() {
-      if (!this.opened) {
-        return;
-      }
-
-      this.opened = false;
-      this.removeLock();
-      this.$emit('update:show', false);
-    },
-
-    onTouchMove(event) {
-      this.touchMove(event);
-      const direction = this.deltaY > 0 ? '10' : '01';
-      const el = getScroller(event.target, this.$refs.root);
-      const { scrollHeight, offsetHeight, scrollTop } = el;
-      let status = '11';
-
-      /* istanbul ignore next */
-      if (scrollTop === 0) {
-        status = offsetHeight >= scrollHeight ? '00' : '01';
-      } else if (scrollTop + offsetHeight >= scrollHeight) {
-        status = '10';
-      }
-
-      /* istanbul ignore next */
-      if (
-        status !== '11' &&
-        this.direction === 'vertical' &&
-        !(parseInt(status, 2) & parseInt(direction, 2))
-      ) {
-        preventDefault(event, true);
-      }
-    },
-
-    onClickOverlay() {
-      this.$emit('click-overlay');
-
-      if (this.closeOnClickOverlay) {
-        this.close();
-      }
-    },
-
-    renderOverlay() {
-      if (this.$isServer || !this.show) {
-        return;
-      }
-
-      this.$nextTick(() => {
-        this.updateZIndex(this.overlay ? 1 : 0);
-      });
-    },
-
-    updateZIndex(value = 0) {
-      this.currentZIndex = ++context.zIndex + value;
-    },
-  },
-
-  render() {
-    if (this.teleport) {
-      return (
-        <Teleport to={this.teleport}>
-          {this.genOverlay()}
-          {this.genPopup()}
-        </Teleport>
-      );
-    }
-
-    return (
-      <>
-        {this.genOverlay()}
-        {this.genPopup()}
-      </>
     );
+
+    onMounted(() => {
+      if (props.show) {
+        open();
+      }
+    });
+
+    onActivated(() => {
+      if (shouldReopen) {
+        emit('update:show', true);
+        shouldReopen = false;
+      }
+    });
+
+    onDeactivated(() => {
+      if (props.show) {
+        close();
+        shouldReopen = true;
+      }
+    });
+
+    onBeforeMount(() => {
+      if (opened) {
+        unlockScroll();
+      }
+    });
+
+    return () => {
+      if (props.teleport) {
+        return (
+          <Teleport to={props.teleport}>
+            {renderOverlay()}
+            {renderPopup()}
+          </Teleport>
+        );
+      }
+
+      return (
+        <>
+          {renderOverlay()}
+          {renderPopup()}
+        </>
+      );
+    };
   },
 });

From 708c37c75905bc46160974b2fe4db8cd34e5d720 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 20:05:45 +0800
Subject: [PATCH 404/626] chore(Popup): useLazyRender

---
 src/composition/use-lazy-render.ts |  6 +++---
 src/popup/index.js                 | 32 +++++++++++-------------------
 2 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/src/composition/use-lazy-render.ts b/src/composition/use-lazy-render.ts
index 054d25fbb..26e902cd2 100644
--- a/src/composition/use-lazy-render.ts
+++ b/src/composition/use-lazy-render.ts
@@ -1,7 +1,7 @@
-import { ref, Ref, watch } from 'vue';
+import { ref, isRef, watch, WatchSource } from 'vue';
 
-export function useLazyRender(show: Ref<boolean>) {
-  const inited = ref(show.value);
+export function useLazyRender(show: WatchSource<boolean>) {
+  const inited = ref(isRef(show) ? show.value : show());
 
   watch(show, (value) => {
     if (value) {
diff --git a/src/popup/index.js b/src/popup/index.js
index 98f85932e..fadbdaac1 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,8 +1,7 @@
 // Utils
 import {
+  ref,
   watch,
-  computed,
-  reactive,
   Teleport,
   onMounted,
   Transition,
@@ -12,7 +11,8 @@ import {
 } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
-// Mixins
+// Composition
+import { useLazyRender } from '../composition/use-lazy-render';
 import { CloseOnPopstateMixin } from '../mixins/close-on-popstate';
 
 // Components
@@ -76,6 +76,10 @@ export default createComponent({
     closeable: Boolean,
     transition: String,
     safeAreaInsetBottom: Boolean,
+    position: {
+      type: String,
+      default: 'center',
+    },
     closeIcon: {
       type: String,
       default: 'cross',
@@ -84,10 +88,6 @@ export default createComponent({
       type: String,
       default: 'top-right',
     },
-    position: {
-      type: String,
-      default: 'center',
-    },
   },
 
   emits: [
@@ -104,12 +104,9 @@ export default createComponent({
     let opened;
     let shouldReopen;
 
-    const state = reactive({
-      inited: props.show,
-      zIndex: null,
-    });
+    const zIndex = ref();
 
-    const shouldRender = computed(() => state.inited || !props.lazyRender);
+    const shouldRender = useLazyRender(() => props.show || !props.lazyRender);
 
     const lockScroll = () => {
       if (props.lockScroll) {
@@ -130,10 +127,6 @@ export default createComponent({
       }
     };
 
-    const updateZIndex = () => {
-      state.zIndex = ++context.zIndex;
-    };
-
     const open = () => {
       if (opened) {
         return;
@@ -144,8 +137,8 @@ export default createComponent({
       }
 
       opened = true;
-      updateZIndex();
       lockScroll();
+      zIndex.value = ++context.zIndex;
     };
 
     const close = () => {
@@ -171,7 +164,7 @@ export default createComponent({
             show={props.show}
             class={props.overlayClass}
             style={props.overlayStyle}
-            zIndex={state.zIndex}
+            zIndex={zIndex.value}
             duration={props.duration}
             onClick={onClickOverlay}
           />
@@ -211,7 +204,7 @@ export default createComponent({
         transition || (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
 
       const style = {
-        zIndex: state.zIndex,
+        zIndex: zIndex.value,
       };
 
       if (isDef(duration)) {
@@ -249,7 +242,6 @@ export default createComponent({
       () => props.show,
       (value) => {
         if (value) {
-          state.inited = true;
           open();
           emit('open');
         } else {

From a4743fa648c28ddf4c57738f1ff0c27fb14221b5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 20:32:58 +0800
Subject: [PATCH 405/626] =?UTF-8?q?chore:=20adjust=20useLockScroll?=
 =?UTF-8?q?=E3=80=81useLazyRender?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/collapse-item/index.js         |  30 ++++----
 src/composition/use-lazy-render.ts |  20 +++--
 src/composition/use-lock-scroll.ts |  66 +++++-----------
 src/popup/index.js                 | 118 +++++++++++++----------------
 4 files changed, 95 insertions(+), 139 deletions(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 1340dc2b4..57dadf2bd 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -41,7 +41,7 @@ export default createComponent({
     });
 
     const show = ref(expanded.value);
-    const shouldRender = useLazyRender(show);
+    const lazyRender = useLazyRender(show);
 
     const onTransitionEnd = () => {
       if (!expanded.value) {
@@ -115,22 +115,18 @@ export default createComponent({
       );
     };
 
-    const renderContent = () => {
-      if (shouldRender.value) {
-        return (
-          <div
-            ref={wrapperRef}
-            vShow={show.value}
-            class={bem('wrapper')}
-            onTransitionend={onTransitionEnd}
-          >
-            <div ref={contentRef} class={bem('content')}>
-              {slots.default?.()}
-            </div>
-          </div>
-        );
-      }
-    };
+    const renderContent = lazyRender(() => (
+      <div
+        ref={wrapperRef}
+        vShow={show.value}
+        class={bem('wrapper')}
+        onTransitionend={onTransitionEnd}
+      >
+        <div ref={contentRef} class={bem('content')}>
+          {slots.default?.()}
+        </div>
+      </div>
+    ));
 
     return () => (
       <div class={[bem({ border: index.value && props.border })]}>
diff --git a/src/composition/use-lazy-render.ts b/src/composition/use-lazy-render.ts
index 26e902cd2..dcecc2771 100644
--- a/src/composition/use-lazy-render.ts
+++ b/src/composition/use-lazy-render.ts
@@ -1,13 +1,17 @@
-import { ref, isRef, watch, WatchSource } from 'vue';
+import { ref, watch, WatchSource, VNode } from 'vue';
 
 export function useLazyRender(show: WatchSource<boolean>) {
-  const inited = ref(isRef(show) ? show.value : show());
+  const inited = ref(false);
 
-  watch(show, (value) => {
-    if (value) {
-      inited.value = value;
-    }
-  });
+  watch(
+    show,
+    (value) => {
+      if (value) {
+        inited.value = value;
+      }
+    },
+    { immediate: true }
+  );
 
-  return inited;
+  return (render: () => VNode) => () => (inited.value ? render() : null);
 }
diff --git a/src/composition/use-lock-scroll.ts b/src/composition/use-lock-scroll.ts
index 41d2da242..c64e9edf6 100644
--- a/src/composition/use-lock-scroll.ts
+++ b/src/composition/use-lock-scroll.ts
@@ -1,55 +1,25 @@
-import { useTouch } from './use-touch';
-import { getScroller } from '../utils/dom/scroll';
-import { on, off, preventDefault } from '../utils/dom/event';
-
 let count = 0;
+
 const CLASSNAME = 'van-overflow-hidden';
 
-export function useLockScroll(element: HTMLElement) {
-  const { start, move, deltaY, direction } = useTouch();
-
-  const onTouchMove = ((event: TouchEvent) => {
-    move(event);
-
-    if (direction.value !== 'vertical') {
-      return;
-    }
-
-    let prevent = false;
-    const up = deltaY.value < 0;
-    const scroller = getScroller(event.target as HTMLElement, element);
-    const { scrollTop, scrollHeight, offsetHeight } = scroller as HTMLElement;
-
-    if (scrollTop === 0) {
-      prevent = up && offsetHeight < scrollHeight;
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
-      prevent = !up;
-    }
-
-    if (prevent) {
-      preventDefault(event, true);
-    }
-  }) as EventListener;
-
+export function useLockScroll(shouldLock: () => boolean) {
   const lock = () => {
-    if (!count) {
-      document.body.classList.add(CLASSNAME);
-    }
-
-    count++;
-    on(document, 'touchstart', start);
-    on(document, 'touchmove', onTouchMove);
-  };
-
-  lock();
-
-  return function unlock() {
-    count--;
-    off(document, 'touchstart', start);
-    off(document, 'touchmove', onTouchMove);
-
-    if (!count) {
-      document.body.classList.remove(CLASSNAME);
+    if (shouldLock()) {
+      if (!count) {
+        document.body.classList.add(CLASSNAME);
+      }
+      count++;
     }
   };
+
+  const unlock = () => {
+    if (shouldLock() && count) {
+      count--;
+      if (!count) {
+        document.body.classList.remove(CLASSNAME);
+      }
+    }
+  };
+
+  return [lock, unlock];
 }
diff --git a/src/popup/index.js b/src/popup/index.js
index fadbdaac1..34b5daeeb 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -3,6 +3,7 @@ import {
   ref,
   watch,
   Teleport,
+  computed,
   onMounted,
   Transition,
   onActivated,
@@ -12,6 +13,7 @@ import {
 import { createNamespace, isDef } from '../utils';
 
 // Composition
+import { useLockScroll } from '../composition/use-lock-scroll';
 import { useLazyRender } from '../composition/use-lazy-render';
 import { CloseOnPopstateMixin } from '../mixins/close-on-popstate';
 
@@ -106,39 +108,36 @@ export default createComponent({
 
     const zIndex = ref();
 
-    const shouldRender = useLazyRender(() => props.show || !props.lazyRender);
+    const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
 
-    const lockScroll = () => {
-      if (props.lockScroll) {
-        if (!context.lockCount) {
-          document.body.classList.add('van-overflow-hidden');
-        }
-        context.lockCount++;
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
+
+    const style = computed(() => {
+      const style = {
+        zIndex: zIndex.value,
+      };
+
+      if (isDef(props.duration)) {
+        const key =
+          props.position === 'center'
+            ? 'animationDuration'
+            : 'transitionDuration';
+        style[key] = `${props.duration}s`;
       }
-    };
 
-    const unlockScroll = () => {
-      if (props.lockScroll && context.lockCount) {
-        context.lockCount--;
-
-        if (!context.lockCount) {
-          document.body.classList.remove('van-overflow-hidden');
-        }
-      }
-    };
+      return style;
+    });
 
     const open = () => {
-      if (opened) {
-        return;
-      }
+      if (!opened) {
+        if (props.zIndex !== undefined) {
+          context.zIndex = props.zIndex;
+        }
 
-      if (props.zIndex !== undefined) {
-        context.zIndex = props.zIndex;
+        opened = true;
+        lockScroll();
+        zIndex.value = ++context.zIndex;
       }
-
-      opened = true;
-      lockScroll();
-      zIndex.value = ++context.zIndex;
     };
 
     const close = () => {
@@ -151,7 +150,6 @@ export default createComponent({
 
     const onClickOverlay = () => {
       emit('click-overlay');
-
       if (props.closeOnClickOverlay) {
         close();
       }
@@ -190,50 +188,38 @@ export default createComponent({
     const onOpened = () => emit('opened');
     const onClosed = () => emit('closed');
 
-    const renderPopup = () => {
-      const {
-        round,
-        position,
-        duration,
-        transition,
-        safeAreaInsetBottom,
-      } = props;
-      const isCenter = position === 'center';
+    const renderPopup = lazyRender(() => {
+      const { round, position, safeAreaInsetBottom } = props;
+      return (
+        <div
+          vShow={props.show}
+          style={style.value}
+          class={bem({
+            round,
+            [position]: position,
+            'safe-area-inset-bottom': safeAreaInsetBottom,
+          })}
+          onClick={onClick}
+          {...attrs}
+        >
+          {slots.default?.()}
+          {renderCloseIcon()}
+        </div>
+      );
+    });
 
-      const transitionName =
-        transition || (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
-
-      const style = {
-        zIndex: zIndex.value,
-      };
-
-      if (isDef(duration)) {
-        const key = isCenter ? 'animationDuration' : 'transitionDuration';
-        style[key] = `${duration}s`;
-      }
+    const renderTransition = () => {
+      const { position, transition } = props;
+      const name =
+        position === 'center' ? 'van-fade' : `van-popup-slide-${position}`;
 
       return (
         <Transition
-          name={transitionName}
+          name={transition || name}
           onAfterEnter={onOpened}
           onAfterLeave={onClosed}
         >
-          {shouldRender.value ? (
-            <div
-              vShow={props.show}
-              style={style}
-              class={bem({
-                round,
-                [position]: position,
-                'safe-area-inset-bottom': safeAreaInsetBottom,
-              })}
-              onClick={onClick}
-              {...attrs}
-            >
-              {slots.default?.()}
-              {renderCloseIcon()}
-            </div>
-          ) : null}
+          {renderPopup()}
         </Transition>
       );
     };
@@ -282,7 +268,7 @@ export default createComponent({
         return (
           <Teleport to={props.teleport}>
             {renderOverlay()}
-            {renderPopup()}
+            {renderTransition()}
           </Teleport>
         );
       }
@@ -290,7 +276,7 @@ export default createComponent({
       return (
         <>
           {renderOverlay()}
-          {renderPopup()}
+          {renderTransition()}
         </>
       );
     };

From d783fcf2f490f7ba5dc07fe969b94bec5e9412e4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 20:43:30 +0800
Subject: [PATCH 406/626] chore: remove closeOnPopstate mixin

---
 src/mixins/close-on-popstate.js | 44 ---------------------------------
 src/popup/index.js              | 12 ++++++---
 2 files changed, 9 insertions(+), 47 deletions(-)
 delete mode 100644 src/mixins/close-on-popstate.js

diff --git a/src/mixins/close-on-popstate.js b/src/mixins/close-on-popstate.js
deleted file mode 100644
index ed98c5c18..000000000
--- a/src/mixins/close-on-popstate.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import { on, off } from '../utils/dom/event';
-import { BindEventMixin } from './bind-event';
-
-export const CloseOnPopstateMixin = {
-  mixins: [
-    BindEventMixin(function (bind, isBind) {
-      this.handlePopstate(isBind && this.closeOnPopstate);
-    }),
-  ],
-
-  props: {
-    closeOnPopstate: Boolean,
-  },
-
-  data() {
-    return {
-      bindStatus: false,
-    };
-  },
-
-  watch: {
-    closeOnPopstate(val) {
-      this.handlePopstate(val);
-    },
-  },
-
-  methods: {
-    handlePopstate(bind) {
-      /* istanbul ignore if */
-      if (this.$isServer) {
-        return;
-      }
-
-      if (this.bindStatus !== bind) {
-        this.bindStatus = bind;
-        const action = bind ? on : off;
-        action(window, 'popstate', () => {
-          this.close();
-          this.shouldReopen = false;
-        });
-      }
-    },
-  },
-};
diff --git a/src/popup/index.js b/src/popup/index.js
index 34b5daeeb..4b6ee6fec 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -13,9 +13,9 @@ import {
 import { createNamespace, isDef } from '../utils';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useLockScroll } from '../composition/use-lock-scroll';
 import { useLazyRender } from '../composition/use-lazy-render';
-import { CloseOnPopstateMixin } from '../mixins/close-on-popstate';
 
 // Components
 import Icon from '../icon';
@@ -68,8 +68,6 @@ export const popupSharedProps = {
 };
 
 export default createComponent({
-  mixins: [CloseOnPopstateMixin],
-
   inheritAttrs: false,
 
   props: {
@@ -77,6 +75,7 @@ export default createComponent({
     round: Boolean,
     closeable: Boolean,
     transition: String,
+    closeOnPopstate: Boolean,
     safeAreaInsetBottom: Boolean,
     position: {
       type: String,
@@ -237,6 +236,13 @@ export default createComponent({
       }
     );
 
+    useEventListener('popstate', () => {
+      if (props.closeOnPopstate) {
+        close();
+        shouldReopen = false;
+      }
+    });
+
     onMounted(() => {
       if (props.show) {
         open();

From 46e158fa0172e08d5a5c6371abcba543c26fb346 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 20:46:13 +0800
Subject: [PATCH 407/626] perf(Overlay): lazy render

---
 src/overlay/index.js | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/overlay/index.js b/src/overlay/index.js
index 87da81781..a19a58418 100644
--- a/src/overlay/index.js
+++ b/src/overlay/index.js
@@ -1,6 +1,7 @@
 import { Transition } from 'vue';
 import { createNamespace, isDef, noop } from '../utils';
 import { preventDefault } from '../utils/dom/event';
+import { useLazyRender } from '../composition/use-lazy-render';
 
 const [createComponent, bem] = createNamespace('overlay');
 
@@ -22,7 +23,9 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    return function () {
+    const lazyRender = useLazyRender(() => props.show);
+
+    const renderOverlay = lazyRender(() => {
       const style = {
         zIndex: props.zIndex,
         ...props.customStyle,
@@ -33,17 +36,17 @@ export default createComponent({
       }
 
       return (
-        <Transition name="van-fade">
-          <div
-            vShow={props.show}
-            style={style}
-            class={[bem(), props.className]}
-            onTouchmove={props.lockScroll ? preventTouchMove : noop}
-          >
-            {slots.default?.()}
-          </div>
-        </Transition>
+        <div
+          vShow={props.show}
+          style={style}
+          class={[bem(), props.className]}
+          onTouchmove={props.lockScroll ? preventTouchMove : noop}
+        >
+          {slots.default?.()}
+        </div>
       );
-    };
+    });
+
+    return () => <Transition name="van-fade">{renderOverlay()}</Transition>;
   },
 });

From c8d573cbe785cb0f171a127c54da8c7698d5e382 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 14 Sep 2020 20:56:28 +0800
Subject: [PATCH 408/626] chore(touch): add isVertical/isHorizontal

---
 src/composition/use-touch.ts | 5 +++++
 src/index-bar/index.js       | 2 +-
 src/number-keyboard/Key.js   | 3 ++-
 src/overlay/index.js         | 8 ++++----
 src/pull-refresh/index.js    | 6 +++---
 src/rate/index.js            | 2 +-
 src/swipe-cell/index.js      | 4 ++--
 7 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/composition/use-touch.ts b/src/composition/use-touch.ts
index ee44276f1..a4a65a2df 100644
--- a/src/composition/use-touch.ts
+++ b/src/composition/use-touch.ts
@@ -23,6 +23,9 @@ export function useTouch() {
   const offsetY = ref(0);
   const direction = ref('');
 
+  const isVertical = () => direction.value === 'vertical';
+  const isHorizontal = () => direction.value === 'horizontal';
+
   const reset = () => {
     deltaX.value = 0;
     deltaY.value = 0;
@@ -60,5 +63,7 @@ export function useTouch() {
     offsetX,
     offsetY,
     direction,
+    isVertical,
+    isHorizontal,
   };
 }
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 226ae6f77..320f522ae 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -210,7 +210,7 @@ export default createComponent({
     const onTouchMove = (event) => {
       touch.move(event);
 
-      if (touch.direction.value === 'vertical') {
+      if (touch.isVertical()) {
         preventDefault(event);
 
         const { clientX, clientY } = event.touches[0];
diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 9f2b7b709..483161243 100644
--- a/src/number-keyboard/Key.js
+++ b/src/number-keyboard/Key.js
@@ -29,7 +29,8 @@ export default createComponent({
 
     const onTouchMove = (event) => {
       touch.move(event);
-      if (touch.direction) {
+
+      if (touch.direction.value) {
         active.value = false;
       }
     };
diff --git a/src/overlay/index.js b/src/overlay/index.js
index a19a58418..3b08d6c93 100644
--- a/src/overlay/index.js
+++ b/src/overlay/index.js
@@ -5,10 +5,6 @@ import { useLazyRender } from '../composition/use-lazy-render';
 
 const [createComponent, bem] = createNamespace('overlay');
 
-function preventTouchMove(event) {
-  preventDefault(event, true);
-}
-
 export default createComponent({
   props: {
     show: Boolean,
@@ -25,6 +21,10 @@ export default createComponent({
   setup(props, { slots }) {
     const lazyRender = useLazyRender(() => props.show);
 
+    const preventTouchMove = (event) => {
+      preventDefault(event, true);
+    };
+
     const renderOverlay = lazyRender(() => {
       const style = {
         zIndex: props.zIndex,
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index 83a907d62..ad8df4213 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -57,7 +57,6 @@ export default createComponent({
     });
 
     const touch = useTouch();
-    const { deltaY, direction } = touch;
 
     const getHeadStyle = () => {
       if (props.headHeight !== DEFAULT_HEAD_HEIGHT) {
@@ -150,9 +149,10 @@ export default createComponent({
           checkPosition(event);
         }
 
+        const { deltaY } = touch;
         touch.move(event);
 
-        if (reachTop && deltaY.value >= 0 && direction.value === 'vertical') {
+        if (reachTop && deltaY.value >= 0 && touch.isVertical()) {
           preventDefault(event);
           setStatus(ease(deltaY.value));
         }
@@ -160,7 +160,7 @@ export default createComponent({
     };
 
     const onTouchEnd = () => {
-      if (reachTop && deltaY.value && isTouchable()) {
+      if (reachTop && touch.deltaY.value && isTouchable()) {
         state.duration = props.animationDuration;
 
         if (state.status === 'loosing') {
diff --git a/src/rate/index.js b/src/rate/index.js
index d092126f3..b4e0f94ff 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -121,7 +121,7 @@ export default createComponent({
 
       touch.move(event);
 
-      if (touch.direction.value === 'horizontal') {
+      if (touch.isHorizontal()) {
         const { clientX } = event.touches[0];
         preventDefault(event);
         select(getScoreByPosition(clientX));
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index d342b7a54..f4c9c62da 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -44,7 +44,6 @@ export default createComponent({
     });
 
     const touch = useTouch();
-    const { deltaX, direction } = touch;
 
     const getWidthByRef = (ref) => (ref.value ? useRect(ref).width : 0);
 
@@ -107,9 +106,10 @@ export default createComponent({
         return;
       }
 
+      const { deltaX } = touch;
       touch.move(event);
 
-      if (direction.value === 'horizontal') {
+      if (touch.isHorizontal()) {
         lockClick = true;
         state.dragging = true;
 

From 595b062c34e34e48b5f8d730dc6b13221fcad841 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 11:58:40 +0800
Subject: [PATCH 409/626] refactor(Uploader): refactor with composition api

---
 src/uploader/index.js | 368 ++++++++++++++++++++----------------------
 src/uploader/utils.ts |   2 +-
 2 files changed, 177 insertions(+), 193 deletions(-)

diff --git a/src/uploader/index.js b/src/uploader/index.js
index 5fd479d37..888da59ce 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -1,15 +1,13 @@
-// Utils
-import {
-  noop,
-  isDef,
-  isPromise,
-  getSizeStyle,
-  createNamespace,
-} from '../utils';
-import { toArray, readFile, isOversize, isImageFile } from './utils';
+import { ref } from 'vue';
 
-// Mixins
-import { FieldMixin } from '../mixins/field';
+// Utils
+import { callInterceptor } from '../utils/interceptor';
+import { isDef, isPromise, getSizeStyle, createNamespace } from '../utils';
+import { toArray, isOversize, isImageFile, readFileContent } from './utils';
+
+// Composition
+import { usePublicApi } from '../composition/use-public-api';
+import { useParentField } from '../composition/use-parent-field';
 
 // Components
 import Icon from '../icon';
@@ -20,8 +18,6 @@ import ImagePreview from '../image-preview';
 const [createComponent, bem] = createNamespace('uploader');
 
 export default createComponent({
-  mixins: [FieldMixin],
-
   props: {
     capture: String,
     multiple: Boolean,
@@ -91,89 +87,22 @@ export default createComponent({
     'update:modelValue',
   ],
 
-  methods: {
-    getDetail(index = this.modelValue.length) {
-      return {
-        name: this.name,
-        index,
-      };
-    },
+  setup(props, { emit, slots }) {
+    const inputRef = ref();
 
-    onChange(event) {
-      let { files } = event.target;
+    const getDetail = (index = props.modelValue.length) => ({
+      name: props.name,
+      index,
+    });
 
-      if (this.disabled || !files.length) {
-        return;
+    const resetInput = () => {
+      if (inputRef.value) {
+        inputRef.value.value = '';
       }
+    };
 
-      files = files.length === 1 ? files[0] : [].slice.call(files);
-
-      if (this.beforeRead) {
-        const response = this.beforeRead(files, this.getDetail());
-
-        if (!response) {
-          this.resetInput();
-          return;
-        }
-
-        if (isPromise(response)) {
-          response
-            .then((data) => {
-              if (data) {
-                this.readFile(data);
-              } else {
-                this.readFile(files);
-              }
-            })
-            .catch(this.resetInput);
-
-          return;
-        }
-      }
-
-      this.readFile(files);
-    },
-
-    readFile(files) {
-      const oversize = isOversize(files, this.maxSize);
-
-      if (Array.isArray(files)) {
-        const maxCount = this.maxCount - this.modelValue.length;
-
-        if (files.length > maxCount) {
-          files = files.slice(0, maxCount);
-        }
-
-        Promise.all(files.map((file) => readFile(file, this.resultType))).then(
-          (contents) => {
-            const fileList = files.map((file, index) => {
-              const result = { file, status: '', message: '' };
-
-              if (contents[index]) {
-                result.content = contents[index];
-              }
-
-              return result;
-            });
-
-            this.onAfterRead(fileList, oversize);
-          }
-        );
-      } else {
-        readFile(files, this.resultType).then((content) => {
-          const result = { file: files, status: '', message: '' };
-
-          if (content) {
-            result.content = content;
-          }
-
-          this.onAfterRead(result, oversize);
-        });
-      }
-    },
-
-    onAfterRead(files, oversize) {
-      this.resetInput();
+    const onAfterRead = (files, oversize) => {
+      resetInput();
 
       let validFiles = files;
 
@@ -184,7 +113,7 @@ export default createComponent({
           validFiles = [];
           files.forEach((item) => {
             if (item.file) {
-              if (item.file.size > this.maxSize) {
+              if (item.file.size > props.maxSize) {
                 oversizeFiles.push(item);
               } else {
                 validFiles.push(item);
@@ -194,7 +123,7 @@ export default createComponent({
         } else {
           validFiles = null;
         }
-        this.$emit('oversize', oversizeFiles, this.getDetail());
+        emit('oversize', oversizeFiles, getDetail());
       }
 
       const isValidFiles = Array.isArray(validFiles)
@@ -202,90 +131,140 @@ export default createComponent({
         : Boolean(validFiles);
 
       if (isValidFiles) {
-        this.$emit('update:modelValue', [
-          ...this.modelValue,
+        emit('update:modelValue', [
+          ...props.modelValue,
           ...toArray(validFiles),
         ]);
 
-        if (this.afterRead) {
-          this.afterRead(validFiles, this.getDetail());
+        if (props.afterRead) {
+          props.afterRead(validFiles, getDetail());
         }
       }
-    },
+    };
 
-    onDelete(file, index) {
-      if (this.beforeDelete) {
-        const response = this.beforeDelete(file, this.getDetail(index));
+    const readFile = (files) => {
+      const { maxSize, maxCount, modelValue, resultType } = props;
+      const oversize = isOversize(files, maxSize);
+
+      if (Array.isArray(files)) {
+        const remainCount = maxCount - modelValue.length;
+
+        if (files.length > remainCount) {
+          files = files.slice(0, remainCount);
+        }
+
+        Promise.all(
+          files.map((file) => readFileContent(file, resultType))
+        ).then((contents) => {
+          const fileList = files.map((file, index) => {
+            const result = { file, status: '', message: '' };
+
+            if (contents[index]) {
+              result.content = contents[index];
+            }
+
+            return result;
+          });
+
+          onAfterRead(fileList, oversize);
+        });
+      } else {
+        readFileContent(files, resultType).then((content) => {
+          const result = { file: files, status: '', message: '' };
+
+          if (content) {
+            result.content = content;
+          }
+
+          onAfterRead(result, oversize);
+        });
+      }
+    };
+
+    const deleteFile = (file, index) => {
+      const fileList = props.modelValue.slice(0);
+      fileList.splice(index, 1);
+
+      emit('update:modelValue', fileList);
+      emit('delete', file, getDetail(index));
+    };
+
+    const onDelete = (file, index) => {
+      callInterceptor({
+        interceptor: props.beforeDelete,
+        args: [file, getDetail(index)],
+        done() {
+          deleteFile(file, index);
+        },
+      });
+    };
+
+    const onChange = (event) => {
+      let { files } = event.target;
+
+      if (props.disabled || !files.length) {
+        return;
+      }
+
+      files = files.length === 1 ? files[0] : [].slice.call(files);
+
+      if (props.beforeRead) {
+        const response = props.beforeRead(files, getDetail());
 
         if (!response) {
+          resetInput();
           return;
         }
 
         if (isPromise(response)) {
           response
-            .then(() => {
-              this.deleteFile(file, index);
+            .then((data) => {
+              if (data) {
+                readFile(data);
+              } else {
+                readFile(files);
+              }
             })
-            .catch(noop);
-          return;
+            .catch(resetInput);
         }
+      } else {
+        readFile(files);
       }
+    };
 
-      this.deleteFile(file, index);
-    },
+    let imagePreview;
 
-    deleteFile(file, index) {
-      const fileList = this.modelValue.slice(0);
-      fileList.splice(index, 1);
+    const onPreviewImage = (item) => {
+      if (props.previewFullImage) {
+        const imageFiles = props.modelValue.filter((item) => isImageFile(item));
+        const imageContents = imageFiles.map(
+          (item) => item.content || item.url
+        );
 
-      this.$emit('update:modelValue', fileList);
-      this.$emit('delete', file, this.getDetail(index));
-    },
-
-    resetInput() {
-      /* istanbul ignore else */
-      if (this.$refs.input) {
-        this.$refs.input.value = '';
+        imagePreview = ImagePreview({
+          images: imageContents,
+          startPosition: imageFiles.indexOf(item),
+          onClose: () => {
+            emit('close-preview');
+          },
+          ...props.previewOptions,
+        });
       }
-    },
+    };
 
-    onPreviewImage(item) {
-      if (!this.previewFullImage) {
-        return;
+    const closeImagePreview = () => {
+      if (imagePreview) {
+        imagePreview.close();
       }
+    };
 
-      const imageFiles = this.modelValue.filter((item) => isImageFile(item));
-      const imageContents = imageFiles.map((item) => item.content || item.url);
-
-      this.imagePreview = ImagePreview({
-        images: imageContents,
-        startPosition: imageFiles.indexOf(item),
-        onClose: () => {
-          this.$emit('close-preview');
-        },
-        ...this.previewOptions,
-      });
-    },
-
-    // @exposed-api
-    closeImagePreview() {
-      if (this.imagePreview) {
-        this.imagePreview.close();
+    const chooseFile = () => {
+      if (inputRef.value && !props.disabled) {
+        inputRef.value.click();
       }
-    },
+    };
 
-    // @exposed-api
-    chooseFile() {
-      if (this.disabled) {
-        return;
-      }
-      /* istanbul ignore else */
-      if (this.$refs.input) {
-        this.$refs.input.click();
-      }
-    },
-
-    genPreviewMask(item) {
+    const renderPreviewMask = (item) => {
       const { status, message } = item;
 
       if (status === 'uploading' || status === 'failed') {
@@ -305,26 +284,26 @@ export default createComponent({
           </div>
         );
       }
-    },
+    };
 
-    genPreviewItem(item, index) {
-      const showDelete = item.status !== 'uploading' && this.deletable;
+    const renderPreviewItem = (item, index) => {
+      const showDelete = item.status !== 'uploading' && props.deletable;
 
       const DeleteIcon = showDelete && (
         <div
           class={bem('preview-delete')}
           onClick={(event) => {
             event.stopPropagation();
-            this.onDelete(item, index);
+            onDelete(item, index);
           }}
         >
           <Icon name="cross" class={bem('preview-delete-icon')} />
         </div>
       );
 
-      const PreviewCover = this.$slots['preview-cover'] && (
+      const PreviewCover = slots['preview-cover'] && (
         <div class={bem('preview-cover')}>
-          {this.$slots['preview-cover']({
+          {slots['preview-cover']({
             index,
             ...item,
           })}
@@ -333,20 +312,20 @@ export default createComponent({
 
       const Preview = isImageFile(item) ? (
         <Image
-          fit={this.imageFit}
+          fit={props.imageFit}
           src={item.content || item.url}
           class={bem('preview-image')}
-          width={this.previewSize}
-          height={this.previewSize}
-          lazyLoad={this.lazyLoad}
+          width={props.previewSize}
+          height={props.previewSize}
+          lazyLoad={props.lazyLoad}
           onClick={() => {
-            this.onPreviewImage(item);
+            onPreviewImage(item);
           }}
         >
           {PreviewCover}
         </Image>
       ) : (
-        <div class={bem('file')} style={getSizeStyle(this.previewSize)}>
+        <div class={bem('file')} style={getSizeStyle(props.previewSize)}>
           <Icon class={bem('file-icon')} name="description" />
           <div class={[bem('file-name'), 'van-ellipsis']}>
             {item.file ? item.file.name : item.url}
@@ -359,24 +338,24 @@ export default createComponent({
         <div
           class={bem('preview')}
           onClick={() => {
-            this.$emit('click-preview', item, this.getDetail(index));
+            emit('click-preview', item, getDetail(index));
           }}
         >
           {Preview}
-          {this.genPreviewMask(item)}
+          {renderPreviewMask(item)}
           {DeleteIcon}
         </div>
       );
-    },
+    };
 
-    genPreviewList() {
-      if (this.previewImage) {
-        return this.modelValue.map(this.genPreviewItem);
+    const renderPreviewList = () => {
+      if (props.previewImage) {
+        return props.modelValue.map(renderPreviewItem);
       }
-    },
+    };
 
-    genUpload() {
-      if (this.modelValue.length >= this.maxCount || !this.showUpload) {
+    const renderUpload = () => {
+      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
         return;
       }
 
@@ -385,41 +364,46 @@ export default createComponent({
           ref="input"
           type="file"
           class={bem('input')}
-          accept={this.accept}
-          capture={this.capture}
-          multiple={this.multiple}
-          disabled={this.disabled}
-          onChange={this.onChange}
+          accept={props.accept}
+          capture={props.capture}
+          multiple={props.multiple}
+          disabled={props.disabled}
+          onChange={onChange}
         />
       );
 
-      if (this.$slots.default) {
+      if (slots.default) {
         return (
           <div class={bem('input-wrapper')}>
-            {this.$slots.default()}
+            {slots.default()}
             {Input}
           </div>
         );
       }
 
       return (
-        <div class={bem('upload')} style={getSizeStyle(this.previewSize)}>
-          <Icon name={this.uploadIcon} class={bem('upload-icon')} />
-          {this.uploadText && (
-            <span class={bem('upload-text')}>{this.uploadText}</span>
+        <div class={bem('upload')} style={getSizeStyle(props.previewSize)}>
+          <Icon name={props.uploadIcon} class={bem('upload-icon')} />
+          {props.uploadText && (
+            <span class={bem('upload-text')}>{props.uploadText}</span>
           )}
           {Input}
         </div>
       );
-    },
-  },
+    };
 
-  render() {
-    return (
+    usePublicApi({
+      chooseFile,
+      closeImagePreview,
+    });
+
+    useParentField(() => props.modelValue);
+
+    return () => (
       <div class={bem()}>
-        <div class={bem('wrapper', { disabled: this.disabled })}>
-          {this.genPreviewList()}
-          {this.genUpload()}
+        <div class={bem('wrapper', { disabled: props.disabled })}>
+          {renderPreviewList()}
+          {renderUpload()}
         </div>
       </div>
     );
diff --git a/src/uploader/utils.ts b/src/uploader/utils.ts
index 11cf4c8c2..7533734b9 100644
--- a/src/uploader/utils.ts
+++ b/src/uploader/utils.ts
@@ -8,7 +8,7 @@ export function toArray<T>(item: T | T[]): T[] {
   return [item];
 }
 
-export function readFile(file: File, resultType: ResultType) {
+export function readFileContent(file: File, resultType: ResultType) {
   return new Promise((resolve) => {
     if (resultType === 'file') {
       resolve();

From 632a54d672ad063caa832e42d5e0f3b55102905a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 19:01:10 +0800
Subject: [PATCH 410/626] refactor(Uploader): extract PreviewItem component

---
 src/uploader/PreviewItem.js | 123 ++++++++++++++++++++
 src/uploader/index.js       | 224 +++++++++++++-----------------------
 src/uploader/shared.js      |   5 +
 src/uploader/utils.ts       |   4 +-
 4 files changed, 209 insertions(+), 147 deletions(-)
 create mode 100644 src/uploader/PreviewItem.js
 create mode 100644 src/uploader/shared.js

diff --git a/src/uploader/PreviewItem.js b/src/uploader/PreviewItem.js
new file mode 100644
index 000000000..d8e0f155d
--- /dev/null
+++ b/src/uploader/PreviewItem.js
@@ -0,0 +1,123 @@
+import { bem } from './shared';
+import { isImageFile } from './utils';
+import { isDef, getSizeStyle } from '../utils';
+import { callInterceptor } from '../utils/interceptor';
+
+// Components
+import Icon from '../icon';
+import Image from '../image';
+import Loading from '../loading';
+
+export default {
+  props: {
+    name: String,
+    item: Object,
+    imageFit: String,
+    lazyLoad: Boolean,
+    deletable: Boolean,
+    previewSize: [Number, String],
+    beforeDelete: Function,
+  },
+
+  emits: ['delete', 'preview'],
+
+  setup(props, { emit, slots }) {
+    const renderPreviewMask = () => {
+      const { status, message } = props.item;
+
+      if (status === 'uploading' || status === 'failed') {
+        const MaskIcon =
+          status === 'failed' ? (
+            <Icon name="close" class={bem('mask-icon')} />
+          ) : (
+            <Loading class={bem('loading')} />
+          );
+
+        const showMessage = isDef(message) && message !== '';
+
+        return (
+          <div class={bem('mask')}>
+            {MaskIcon}
+            {showMessage && <div class={bem('mask-message')}>{message}</div>}
+          </div>
+        );
+      }
+    };
+
+    const onDelete = (event) => {
+      const { name, item, index, beforeDelete } = props;
+
+      event.stopPropagation();
+      callInterceptor({
+        interceptor: beforeDelete,
+        args: [item, { name, index }],
+        done() {
+          emit('delete');
+        },
+      });
+    };
+
+    const onPreview = () => {
+      emit('preview');
+    };
+
+    const renderDeleteIcon = () => {
+      if (props.deletable && props.item.status !== 'uploading') {
+        return (
+          <div class={bem('preview-delete')} onClick={onDelete}>
+            <Icon name="cross" class={bem('preview-delete-icon')} />
+          </div>
+        );
+      }
+    };
+
+    const renderPreviewCover = () => {
+      if (slots['preview-cover']) {
+        const { index, item } = props;
+        return (
+          <div class={bem('preview-cover')}>
+            {slots['preview-cover']({ index, ...item })}
+          </div>
+        );
+      }
+    };
+
+    const renderPreview = () => {
+      const { item } = props;
+
+      if (isImageFile(item)) {
+        return (
+          <Image
+            fit={props.imageFit}
+            src={item.content || item.url}
+            class={bem('preview-image')}
+            width={props.previewSize}
+            height={props.previewSize}
+            lazyLoad={props.lazyLoad}
+            onClick={onPreview}
+          >
+            {renderPreviewCover()}
+          </Image>
+        );
+      }
+
+      return (
+        <div class={bem('file')} style={getSizeStyle(props.previewSize)}>
+          <Icon class={bem('file-icon')} name="description" />
+          <div class={[bem('file-name'), 'van-ellipsis']}>
+            {item.file ? item.file.name : item.url}
+          </div>
+          {renderPreviewCover()}
+        </div>
+      );
+    };
+
+    return () => (
+      <div class={bem('preview')}>
+        {renderPreview()}
+        {renderPreviewMask()}
+        {renderDeleteIcon()}
+      </div>
+    );
+  },
+};
diff --git a/src/uploader/index.js b/src/uploader/index.js
index 888da59ce..cb4bfe2c6 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -1,8 +1,8 @@
 import { ref } from 'vue';
 
 // Utils
-import { callInterceptor } from '../utils/interceptor';
-import { isDef, isPromise, getSizeStyle, createNamespace } from '../utils';
+import { bem, createComponent } from './shared';
+import { isPromise, getSizeStyle, pick } from '../utils';
 import { toArray, isOversize, isImageFile, readFileContent } from './utils';
 
 // Composition
@@ -11,12 +11,9 @@ import { useParentField } from '../composition/use-parent-field';
 
 // Components
 import Icon from '../icon';
-import Image from '../image';
-import Loading from '../loading';
+import PreviewItem from './PreviewItem';
 import ImagePreview from '../image-preview';
 
-const [createComponent, bem] = createNamespace('uploader');
-
 export default createComponent({
   props: {
     capture: String,
@@ -101,34 +98,42 @@ export default createComponent({
       }
     };
 
-    const onAfterRead = (files, oversize) => {
+    const findOversizeFiles = (files) => {
+      const valid = [];
+      const oversize = [];
+
+      files.forEach((item) => {
+        if (item.file && item.file.size > props.maxSize) {
+          oversize.push(item);
+        } else {
+          valid.push(item);
+        }
+      });
+
+      return { valid, oversize };
+    };
+
+    const onAfterRead = (items) => {
       resetInput();
 
-      let validFiles = files;
+      let validFiles = items;
 
-      if (oversize) {
-        let oversizeFiles = files;
-        if (Array.isArray(files)) {
-          oversizeFiles = [];
-          validFiles = [];
-          files.forEach((item) => {
-            if (item.file) {
-              if (item.file.size > props.maxSize) {
-                oversizeFiles.push(item);
-              } else {
-                validFiles.push(item);
-              }
-            }
-          });
+      const hasOversize = isOversize(items, props.maxSize);
+
+      if (hasOversize) {
+        if (Array.isArray(items)) {
+          const result = findOversizeFiles(items);
+          validFiles = result.valid;
+          emit('oversize', result.oversizeFiles, getDetail());
         } else {
-          validFiles = null;
+          emit('oversize', items, getDetail());
+          return;
         }
-        emit('oversize', oversizeFiles, getDetail());
       }
 
-      const isValidFiles = Array.isArray(validFiles)
-        ? Boolean(validFiles.length)
-        : Boolean(validFiles);
+      const isValidFiles = Boolean(
+        Array.isArray(validFiles) ? validFiles.length : validFiles
+      );
 
       if (isValidFiles) {
         emit('update:modelValue', [
@@ -143,8 +148,7 @@ export default createComponent({
     };
 
     const readFile = (files) => {
-      const { maxSize, maxCount, modelValue, resultType } = props;
-      const oversize = isOversize(files, maxSize);
+      const { maxCount, modelValue, resultType } = props;
 
       if (Array.isArray(files)) {
         const remainCount = maxCount - modelValue.length;
@@ -166,7 +170,7 @@ export default createComponent({
             return result;
           });
 
-          onAfterRead(fileList, oversize);
+          onAfterRead(fileList);
         });
       } else {
         readFileContent(files, resultType).then((content) => {
@@ -176,29 +180,11 @@ export default createComponent({
             result.content = content;
           }
 
-          onAfterRead(result, oversize);
+          onAfterRead(result);
         });
       }
     };
 
-    const deleteFile = (file, index) => {
-      const fileList = props.modelValue.slice(0);
-      fileList.splice(index, 1);
-
-      emit('update:modelValue', fileList);
-      emit('delete', file, getDetail(index));
-    };
-
-    const onDelete = (file, index) => {
-      callInterceptor({
-        interceptor: props.beforeDelete,
-        args: [file, getDetail(index)],
-        done() {
-          deleteFile(file, index);
-        },
-      });
-    };
-
     const onChange = (event) => {
       let { files } = event.target;
 
@@ -234,19 +220,19 @@ export default createComponent({
 
     let imagePreview;
 
-    const onPreviewImage = (item) => {
+    const onClosePreview = () => {
+      emit('close-preview');
+    };
+
+    const previewImage = (item) => {
       if (props.previewFullImage) {
-        const imageFiles = props.modelValue.filter((item) => isImageFile(item));
-        const imageContents = imageFiles.map(
-          (item) => item.content || item.url
-        );
+        const imageFiles = props.modelValue.filter(isImageFile);
+        const images = imageFiles.map((item) => item.content || item.url);
 
         imagePreview = ImagePreview({
-          images: imageContents,
+          images,
           startPosition: imageFiles.indexOf(item),
-          onClose: () => {
-            emit('close-preview');
-          },
+          onClose: onClosePreview,
           ...props.previewOptions,
         });
       }
@@ -258,95 +244,37 @@ export default createComponent({
       }
     };
 
-    const chooseFile = () => {
-      if (inputRef.value && !props.disabled) {
-        inputRef.value.click();
-      }
+    const deleteFile = (item, index) => {
+      const fileList = props.modelValue.slice(0);
+      fileList.splice(index, 1);
+
+      emit('update:modelValue', fileList);
+      emit('delete', item, getDetail(index));
     };
 
-    const renderPreviewMask = (item) => {
-      const { status, message } = item;
-
-      if (status === 'uploading' || status === 'failed') {
-        const MaskIcon =
-          status === 'failed' ? (
-            <Icon name="close" class={bem('mask-icon')} />
-          ) : (
-            <Loading class={bem('loading')} />
-          );
-
-        const showMessage = isDef(message) && message !== '';
-
-        return (
-          <div class={bem('mask')}>
-            {MaskIcon}
-            {showMessage && <div class={bem('mask-message')}>{message}</div>}
-          </div>
-        );
-      }
-    };
-
-    const renderPreviewItem = (item, index) => {
-      const showDelete = item.status !== 'uploading' && props.deletable;
-
-      const DeleteIcon = showDelete && (
-        <div
-          class={bem('preview-delete')}
-          onClick={(event) => {
-            event.stopPropagation();
-            onDelete(item, index);
-          }}
-        >
-          <Icon name="cross" class={bem('preview-delete-icon')} />
-        </div>
-      );
-
-      const PreviewCover = slots['preview-cover'] && (
-        <div class={bem('preview-cover')}>
-          {slots['preview-cover']({
-            index,
-            ...item,
-          })}
-        </div>
-      );
-
-      const Preview = isImageFile(item) ? (
-        <Image
-          fit={props.imageFit}
-          src={item.content || item.url}
-          class={bem('preview-image')}
-          width={props.previewSize}
-          height={props.previewSize}
-          lazyLoad={props.lazyLoad}
-          onClick={() => {
-            onPreviewImage(item);
-          }}
-        >
-          {PreviewCover}
-        </Image>
-      ) : (
-        <div class={bem('file')} style={getSizeStyle(props.previewSize)}>
-          <Icon class={bem('file-icon')} name="description" />
-          <div class={[bem('file-name'), 'van-ellipsis']}>
-            {item.file ? item.file.name : item.url}
-          </div>
-          {PreviewCover}
-        </div>
-      );
-
-      return (
-        <div
-          class={bem('preview')}
-          onClick={() => {
-            emit('click-preview', item, getDetail(index));
-          }}
-        >
-          {Preview}
-          {renderPreviewMask(item)}
-          {DeleteIcon}
-        </div>
-      );
-    };
+    const renderPreviewItem = (item, index) => (
+      <PreviewItem
+        v-slots={{ 'preview-cover': slots['preview-cover'] }}
+        item={item}
+        onClick={() => {
+          emit('click-preview', item, getDetail(index));
+        }}
+        onDelete={() => {
+          deleteFile(item, index);
+        }}
+        onPreview={() => {
+          previewImage(item);
+        }}
+        {...pick(props, [
+          'name',
+          'lazyLoad',
+          'imageFit',
+          'deletable',
+          'previewSize',
+          'beforeDelete',
+        ])}
+      />
+    );
 
     const renderPreviewList = () => {
       if (props.previewImage) {
@@ -392,6 +320,12 @@ export default createComponent({
       );
     };
 
+    const chooseFile = () => {
+      if (inputRef.value && !props.disabled) {
+        inputRef.value.click();
+      }
+    };
+
     usePublicApi({
       chooseFile,
       closeImagePreview,
diff --git a/src/uploader/shared.js b/src/uploader/shared.js
new file mode 100644
index 000000000..25387ce5c
--- /dev/null
+++ b/src/uploader/shared.js
@@ -0,0 +1,5 @@
+import { createNamespace } from '../utils';
+
+const [createComponent, bem] = createNamespace('uploader');
+
+export { bem, createComponent };
diff --git a/src/uploader/utils.ts b/src/uploader/utils.ts
index 7533734b9..cee47b459 100644
--- a/src/uploader/utils.ts
+++ b/src/uploader/utils.ts
@@ -30,10 +30,10 @@ export function readFileContent(file: File, resultType: ResultType) {
 }
 
 export function isOversize(
-  files: File | File[],
+  items: FileListItem | FileListItem[],
   maxSize: number | string
 ): boolean {
-  return toArray(files).some((file) => file.size > maxSize);
+  return toArray(items).some((item) => item.file && item.file.size > maxSize);
 }
 
 export type FileListItem = {

From b0ca6a997b45835eea4a5a377649b98f98aac452 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 19:10:22 +0800
Subject: [PATCH 411/626] fix(Uploader): failed to resetInput

---
 src/uploader/PreviewItem.js | 11 ++++----
 src/uploader/index.js       | 56 +++++++++++++------------------------
 src/uploader/utils.ts       | 29 ++++++++++++++-----
 3 files changed, 46 insertions(+), 50 deletions(-)

diff --git a/src/uploader/PreviewItem.js b/src/uploader/PreviewItem.js
index d8e0f155d..144662349 100644
--- a/src/uploader/PreviewItem.js
+++ b/src/uploader/PreviewItem.js
@@ -22,7 +22,7 @@ export default {
   emits: ['delete', 'preview'],
 
   setup(props, { emit, slots }) {
-    const renderPreviewMask = () => {
+    const renderMask = () => {
       const { status, message } = props.item;
 
       if (status === 'uploading' || status === 'failed') {
@@ -46,7 +46,6 @@ export default {
 
     const onDelete = (event) => {
       const { name, item, index, beforeDelete } = props;
-
       event.stopPropagation();
       callInterceptor({
         interceptor: beforeDelete,
@@ -71,7 +70,7 @@ export default {
       }
     };
 
-    const renderPreviewCover = () => {
+    const renderCover = () => {
       if (slots['preview-cover']) {
         const { index, item } = props;
         return (
@@ -96,7 +95,7 @@ export default {
             lazyLoad={props.lazyLoad}
             onClick={onPreview}
           >
-            {renderPreviewCover()}
+            {renderCover()}
           </Image>
         );
       }
@@ -107,7 +106,7 @@ export default {
           <div class={[bem('file-name'), 'van-ellipsis']}>
             {item.file ? item.file.name : item.url}
           </div>
-          {renderPreviewCover()}
+          {renderCover()}
         </div>
       );
     };
@@ -115,7 +114,7 @@ export default {
     return () => (
       <div class={bem('preview')}>
         {renderPreview()}
-        {renderPreviewMask()}
+        {renderMask()}
         {renderDeleteIcon()}
       </div>
     );
diff --git a/src/uploader/index.js b/src/uploader/index.js
index cb4bfe2c6..e28cb672a 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -3,7 +3,13 @@ import { ref } from 'vue';
 // Utils
 import { bem, createComponent } from './shared';
 import { isPromise, getSizeStyle, pick } from '../utils';
-import { toArray, isOversize, isImageFile, readFileContent } from './utils';
+import {
+  toArray,
+  isOversize,
+  filterFiles,
+  isImageFile,
+  readFileContent,
+} from './utils';
 
 // Composition
 import { usePublicApi } from '../composition/use-public-api';
@@ -98,52 +104,28 @@ export default createComponent({
       }
     };
 
-    const findOversizeFiles = (files) => {
-      const valid = [];
-      const oversize = [];
-
-      files.forEach((item) => {
-        if (item.file && item.file.size > props.maxSize) {
-          oversize.push(item);
-        } else {
-          valid.push(item);
-        }
-      });
-
-      return { valid, oversize };
-    };
-
     const onAfterRead = (items) => {
       resetInput();
 
-      let validFiles = items;
-
-      const hasOversize = isOversize(items, props.maxSize);
-
-      if (hasOversize) {
+      if (isOversize(items, props.maxSize)) {
         if (Array.isArray(items)) {
-          const result = findOversizeFiles(items);
-          validFiles = result.valid;
-          emit('oversize', result.oversizeFiles, getDetail());
+          const result = filterFiles(items, props.maxSize);
+          items = result.valid;
+          emit('oversize', result.invalid, getDetail());
+
+          if (!items.length) {
+            return;
+          }
         } else {
           emit('oversize', items, getDetail());
           return;
         }
       }
 
-      const isValidFiles = Boolean(
-        Array.isArray(validFiles) ? validFiles.length : validFiles
-      );
+      emit('update:modelValue', [...props.modelValue, ...toArray(items)]);
 
-      if (isValidFiles) {
-        emit('update:modelValue', [
-          ...props.modelValue,
-          ...toArray(validFiles),
-        ]);
-
-        if (props.afterRead) {
-          props.afterRead(validFiles, getDetail());
-        }
+      if (props.afterRead) {
+        props.afterRead(items, getDetail());
       }
     };
 
@@ -289,7 +271,7 @@ export default createComponent({
 
       const Input = (
         <input
-          ref="input"
+          ref={inputRef}
           type="file"
           class={bem('input')}
           accept={props.accept}
diff --git a/src/uploader/utils.ts b/src/uploader/utils.ts
index cee47b459..c31908147 100644
--- a/src/uploader/utils.ts
+++ b/src/uploader/utils.ts
@@ -29,13 +29,6 @@ export function readFileContent(file: File, resultType: ResultType) {
   });
 }
 
-export function isOversize(
-  items: FileListItem | FileListItem[],
-  maxSize: number | string
-): boolean {
-  return toArray(items).some((item) => item.file && item.file.size > maxSize);
-}
-
 export type FileListItem = {
   url?: string;
   file?: File;
@@ -45,6 +38,28 @@ export type FileListItem = {
   message?: string;
 };
 
+export function isOversize(
+  items: FileListItem | FileListItem[],
+  maxSize: number | string
+): boolean {
+  return toArray(items).some((item) => item.file && item.file.size > maxSize);
+}
+
+export function filterFiles(items: FileListItem[], maxSize: number | string) {
+  const valid: FileListItem[] = [];
+  const invalid: FileListItem[] = [];
+
+  items.forEach((item) => {
+    if (item.file && item.file.size > maxSize) {
+      invalid.push(item);
+    } else {
+      valid.push(item);
+    }
+  });
+
+  return { valid, invalid };
+}
+
 const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
 
 export function isImageUrl(url: string): boolean {

From 1e7e7086d665b035638dfad3752d40c77e54c65c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 19:32:45 +0800
Subject: [PATCH 412/626] chore: rename rootRef to root

---
 src/datetime-picker/index.js |  6 +++---
 src/dropdown-menu/index.js   |  8 ++++----
 src/index-anchor/index.js    | 11 ++++-------
 src/index-bar/index.js       | 16 ++++++++--------
 src/list/index.js            |  8 ++++----
 src/number-keyboard/index.js |  6 +++---
 src/progress/index.js        |  6 +++---
 src/pull-refresh/index.js    |  6 +++---
 src/slider/index.js          |  8 ++++----
 src/sticky/index.js          | 14 +++++++-------
 src/swipe-cell/index.js      |  6 +++---
 11 files changed, 46 insertions(+), 49 deletions(-)

diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index a0de94b10..48ef3623a 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -13,15 +13,15 @@ export default createComponent({
   },
 
   setup(props) {
-    const rootRef = ref();
+    const root = ref();
 
     usePublicApi({
-      getPicker: () => rootRef.value && rootRef.value.getPicker(),
+      getPicker: () => root.value && root.value.getPicker(),
     });
 
     return () => {
       const Component = props.type === 'time' ? TimePicker : DatePicker;
-      return <Component ref={rootRef} class={bem()} {...props} />;
+      return <Component ref={root} class={bem()} {...props} />;
     };
   },
 });
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 858dec090..6c4af2cbb 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -36,10 +36,10 @@ export default createComponent({
   setup(props, { slots }) {
     const offset = ref(0);
     const barRef = ref();
-    const rootRef = ref();
+    const root = ref();
     const children = reactive([]);
 
-    const scrollParent = useScrollParent(rootRef);
+    const scrollParent = useScrollParent(root);
 
     const opened = computed(() =>
       children.some((item) => item.state.showWrapper)
@@ -120,12 +120,12 @@ export default createComponent({
 
     provide(DROPDOWN_KEY, { props, offset, children });
 
-    useClickAway(rootRef, onClickAway);
+    useClickAway(root, onClickAway);
 
     useEventListener('scroll', onScroll, { target: scrollParent });
 
     return () => (
-      <div ref={rootRef} class={bem()}>
+      <div ref={root} class={bem()}>
         <div
           ref={barRef}
           style={barStyle.value}
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index f2896263e..fb71ad238 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -24,14 +24,14 @@ export default createComponent({
       active: false,
     });
 
-    const rootRef = ref();
-    const height = useHeight(rootRef);
+    const root = ref();
+    const height = useHeight(root);
 
     const { parent } = useParent(INDEX_BAR_KEY, {
       props,
       state,
       height,
-      rootRef,
+      root,
     });
 
     const isSticky = () => state.active && parent.props.sticky;
@@ -54,10 +54,7 @@ export default createComponent({
       const sticky = isSticky();
 
       return (
-        <div
-          ref={rootRef}
-          style={{ height: sticky ? `${height.value}px` : null }}
-        >
+        <div ref={root} style={{ height: sticky ? `${height.value}px` : null }}>
           <div
             style={anchorStyle.value}
             class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 320f522ae..dfccb48be 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -52,12 +52,12 @@ export default createComponent({
   emits: ['select'],
 
   setup(props, { emit, slots }) {
-    const rootRef = ref();
+    const root = ref();
     const activeAnchor = ref();
     const children = reactive([]);
 
     const touch = useTouch();
-    const scrollParent = useScrollParent(rootRef);
+    const scrollParent = useScrollParent(root);
 
     provide(INDEX_BAR_KEY, { props, children });
 
@@ -113,7 +113,7 @@ export default createComponent({
     };
 
     const onScroll = () => {
-      if (isHidden(rootRef.value)) {
+      if (isHidden(root.value)) {
         return;
       }
 
@@ -123,7 +123,7 @@ export default createComponent({
 
       const rects = children.map((item) => ({
         height: item.height,
-        top: getAnchorTop(item.rootRef, scrollParentRect),
+        top: getAnchorTop(item.root, scrollParentRect),
       }));
 
       const active = getActiveAnchor(scrollTop, rects);
@@ -132,9 +132,9 @@ export default createComponent({
 
       if (sticky) {
         children.forEach((item, index) => {
-          const { state, height, rootRef } = item;
+          const { state, height, root } = item;
           if (index === active || index === active - 1) {
-            const rect = rootRef.getBoundingClientRect();
+            const rect = root.getBoundingClientRect();
             state.left = rect.left;
             state.width = rect.width;
           } else {
@@ -192,7 +192,7 @@ export default createComponent({
       );
 
       if (match[0]) {
-        match[0].rootRef.scrollIntoView();
+        match[0].root.scrollIntoView();
 
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
@@ -228,7 +228,7 @@ export default createComponent({
     };
 
     return () => (
-      <div ref={rootRef} class={bem()}>
+      <div ref={root} class={bem()}>
         <div
           class={bem('sidebar')}
           style={sidebarStyle.value}
diff --git a/src/list/index.js b/src/list/index.js
index 2639be501..d3ba5cf47 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -41,9 +41,9 @@ export default createComponent({
   setup(props, { emit, slots }) {
     // use sync innerLoading state to avoid repeated loading in some edge cases
     const loading = ref(false);
-    const rootRef = ref();
+    const root = ref();
     const placeholderRef = ref();
-    const scrollParent = useScrollParent(rootRef);
+    const scrollParent = useScrollParent(root);
 
     const check = () => {
       nextTick(() => {
@@ -67,7 +67,7 @@ export default createComponent({
           scrollParentRect.bottom - scrollParentRect.top;
 
         /* istanbul ignore next */
-        if (!scrollParentHeight || isHidden(rootRef.value)) {
+        if (!scrollParentHeight || isHidden(root.value)) {
           return false;
         }
 
@@ -153,7 +153,7 @@ export default createComponent({
       );
 
       return (
-        <div ref={rootRef} role="feed" class={bem()} aria-busy={loading.value}>
+        <div ref={root} role="feed" class={bem()} aria-busy={loading.value}>
           {props.direction === 'down' ? Content : Placeholder}
           {renderLoading()}
           {renderFinishedText()}
diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 4f0c22c26..7549fb2e7 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -60,7 +60,7 @@ export default createComponent({
   ],
 
   setup(props, { emit, slots }) {
-    const rootRef = ref();
+    const root = ref();
 
     const genBasicKeys = () => {
       const keys = [];
@@ -224,14 +224,14 @@ export default createComponent({
       }
     );
 
-    useClickAway(rootRef, onClose, { eventName: 'touchstart' });
+    useClickAway(root, onClose, { eventName: 'touchstart' });
 
     return () => {
       const Title = renderTitle();
       const Content = (
         <Transition name={props.transition ? 'van-slide-up' : ''}>
           <div
-            ref={rootRef}
+            ref={root}
             vShow={props.show}
             style={{ zIndex: props.zIndex }}
             class={bem({
diff --git a/src/progress/index.js b/src/progress/index.js
index 612124341..50f5bc976 100644
--- a/src/progress/index.js
+++ b/src/progress/index.js
@@ -24,7 +24,7 @@ export default createComponent({
   },
 
   setup(props) {
-    const rootRef = ref();
+    const root = ref();
     const pivotRef = ref();
 
     const state = reactive({
@@ -38,7 +38,7 @@ export default createComponent({
 
     const setWidth = () => {
       nextTick(() => {
-        state.rootWidth = rootRef.value.offsetWidth;
+        state.rootWidth = root.value.offsetWidth;
         state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
       });
     };
@@ -81,7 +81,7 @@ export default createComponent({
       };
 
       return (
-        <div ref={rootRef} class={bem()} style={rootStyle}>
+        <div ref={root} class={bem()} style={rootStyle}>
           <span class={bem('portion')} style={portionStyle}>
             {renderPivot()}
           </span>
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index ad8df4213..0b03040a3 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -47,8 +47,8 @@ export default createComponent({
   setup(props, { emit, slots }) {
     let reachTop;
 
-    const rootRef = ref();
-    const scrollParent = useScrollParent(rootRef);
+    const root = ref();
+    const scrollParent = useScrollParent(root);
 
     const state = reactive({
       status: 'normal',
@@ -201,7 +201,7 @@ export default createComponent({
       };
 
       return (
-        <div ref={rootRef} class={bem()}>
+        <div ref={root} class={bem()}>
           <div
             class={bem('track')}
             style={trackStyle}
diff --git a/src/slider/index.js b/src/slider/index.js
index 3a8221804..175fc71fe 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -46,7 +46,7 @@ export default createComponent({
     let currentValue;
     let index;
 
-    const rootRef = ref();
+    const root = ref();
     const dragStatus = ref();
     const touch = useTouch();
 
@@ -132,7 +132,7 @@ export default createComponent({
       }
 
       const { min, vertical, modelValue, range } = props;
-      const rect = useRect(rootRef);
+      const rect = useRect(root);
       const delta = vertical
         ? event.clientY - rect.top
         : event.clientX - rect.left;
@@ -182,7 +182,7 @@ export default createComponent({
       touch.move(event);
       dragStatus.value = 'draging';
 
-      const rect = useRect(rootRef);
+      const rect = useRect(root);
       const delta = props.vertical ? touch.deltaY.value : touch.deltaX.value;
       const total = props.vertical ? rect.height : rect.width;
       const diff = (delta / total) * scope.value;
@@ -253,7 +253,7 @@ export default createComponent({
 
     return () => (
       <div
-        ref={rootRef}
+        ref={root}
         style={wrapperStyle.value}
         class={bem({
           vertical: props.vertical,
diff --git a/src/sticky/index.js b/src/sticky/index.js
index a9f05cf88..db3114c0b 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -25,8 +25,8 @@ export default createComponent({
   emits: ['scroll'],
 
   setup(props, { emit, slots }) {
-    const rootRef = ref();
-    const scrollParent = useScrollParent(rootRef);
+    const root = ref();
+    const scrollParent = useScrollParent(root);
 
     const state = reactive({
       fixed: false,
@@ -61,15 +61,15 @@ export default createComponent({
     };
 
     const onScroll = () => {
-      if (isHidden(rootRef.value)) {
+      if (isHidden(root.value)) {
         return;
       }
 
-      state.height = rootRef.value.offsetHeight;
+      state.height = root.value.offsetHeight;
 
       const { container } = props;
       const scrollTop = getScrollTop(window);
-      const topToPageTop = getElementTop(rootRef.value);
+      const topToPageTop = getElementTop(root.value);
 
       // The sticky component should be kept inside the container element
       if (container) {
@@ -102,7 +102,7 @@ export default createComponent({
 
     useEventListener('scroll', onScroll, { target: scrollParent });
 
-    useVisibilityChange(rootRef, onScroll);
+    useVisibilityChange(root, onScroll);
 
     return () => {
       const { fixed, height } = state;
@@ -111,7 +111,7 @@ export default createComponent({
       };
 
       return (
-        <div ref={rootRef} style={rootStyle}>
+        <div ref={root} style={rootStyle}>
           <div class={bem({ fixed })} style={style.value}>
             {slots.default?.()}
           </div>
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index f4c9c62da..6d269bea1 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -34,7 +34,7 @@ export default createComponent({
     let lockClick;
     let startOffset;
 
-    const rootRef = ref();
+    const root = ref();
     const leftRef = ref();
     const rightRef = ref();
 
@@ -183,7 +183,7 @@ export default createComponent({
       close,
     });
 
-    useClickAway(rootRef, onClick, { eventName: 'touchstart' });
+    useClickAway(root, onClick, { eventName: 'touchstart' });
 
     return () => {
       const wrapperStyle = {
@@ -193,7 +193,7 @@ export default createComponent({
 
       return (
         <div
-          ref={rootRef}
+          ref={root}
           class={bem()}
           onClick={getClickHandler('cell')}
           onTouchstart={onTouchStart}

From d659c0c99ee5f0dcc44d15b56f21fba13192aaa7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 19:37:53 +0800
Subject: [PATCH 413/626] chore(utils): isHidden support ref element

---
 src/index-bar/index.js | 2 +-
 src/list/index.js      | 2 +-
 src/sticky/index.js    | 2 +-
 src/utils/dom/style.ts | 5 ++++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index dfccb48be..893d1ba09 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -113,7 +113,7 @@ export default createComponent({
     };
 
     const onScroll = () => {
-      if (isHidden(root.value)) {
+      if (isHidden(root)) {
         return;
       }
 
diff --git a/src/list/index.js b/src/list/index.js
index d3ba5cf47..cfb38e2e2 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -67,7 +67,7 @@ export default createComponent({
           scrollParentRect.bottom - scrollParentRect.top;
 
         /* istanbul ignore next */
-        if (!scrollParentHeight || isHidden(root.value)) {
+        if (!scrollParentHeight || isHidden(root)) {
           return false;
         }
 
diff --git a/src/sticky/index.js b/src/sticky/index.js
index db3114c0b..7f1425ac5 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -61,7 +61,7 @@ export default createComponent({
     };
 
     const onScroll = () => {
-      if (isHidden(root.value)) {
+      if (isHidden(root)) {
         return;
       }
 
diff --git a/src/utils/dom/style.ts b/src/utils/dom/style.ts
index e3fe897b1..e5f9b0ac2 100644
--- a/src/utils/dom/style.ts
+++ b/src/utils/dom/style.ts
@@ -1,4 +1,7 @@
-export function isHidden(el: HTMLElement) {
+import { unref, Ref } from 'vue';
+
+export function isHidden(elementRef: HTMLElement | Ref<HTMLElement>) {
+  const el = unref(elementRef);
   const style = window.getComputedStyle(el);
   const hidden = style.display === 'none';
 

From b16779d7607263e39688d3d6cd2ff6704da29897 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 19:47:30 +0800
Subject: [PATCH 414/626] chore: remove istanbul ignore

---
 src/calendar/index.js         |  1 -
 src/list/index.js             | 38 +++++++++++++++++------------------
 src/utils/dom/event.ts        |  1 -
 src/utils/dom/raf.ts          |  4 ----
 src/utils/dom/reset-scroll.ts |  1 -
 src/utils/validate/system.ts  |  2 --
 6 files changed, 18 insertions(+), 29 deletions(-)

diff --git a/src/calendar/index.js b/src/calendar/index.js
index 8a0dd9712..31929c68a 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -171,7 +171,6 @@ export default createComponent({
     this.init();
   },
 
-  /* istanbul ignore next */
   activated() {
     this.init();
   },
diff --git a/src/list/index.js b/src/list/index.js
index cfb38e2e2..b028c4c02 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -42,9 +42,22 @@ export default createComponent({
     // use sync innerLoading state to avoid repeated loading in some edge cases
     const loading = ref(false);
     const root = ref();
-    const placeholderRef = ref();
+    const placeholder = ref();
     const scrollParent = useScrollParent(root);
 
+    const getScrollParentRect = () => {
+      const element = scrollParent.value;
+      if (element.getBoundingClientRect) {
+        return element.getBoundingClientRect();
+      }
+      const height = element.innerHeight;
+      return {
+        top: 0,
+        height,
+        bottom: height,
+      };
+    };
+
     const check = () => {
       nextTick(() => {
         if (loading.value || props.finished || props.error) {
@@ -52,27 +65,14 @@ export default createComponent({
         }
 
         const { offset, direction } = props;
-        let scrollParentRect;
+        const scrollParentRect = getScrollParentRect();
 
-        if (scrollParent.value.getBoundingClientRect) {
-          scrollParentRect = scrollParent.value.getBoundingClientRect();
-        } else {
-          scrollParentRect = {
-            top: 0,
-            bottom: scrollParent.value.innerHeight,
-          };
-        }
-
-        const scrollParentHeight =
-          scrollParentRect.bottom - scrollParentRect.top;
-
-        /* istanbul ignore next */
-        if (!scrollParentHeight || isHidden(root)) {
+        if (!scrollParentRect.height || isHidden(root)) {
           return false;
         }
 
         let isReachEdge = false;
-        const placeholderRect = useRect(placeholderRef);
+        const placeholderRect = useRect(placeholder);
 
         if (direction === 'up') {
           isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
@@ -148,9 +148,7 @@ export default createComponent({
 
     return () => {
       const Content = slots.default?.();
-      const Placeholder = (
-        <div ref={placeholderRef} class={bem('placeholder')} />
-      );
+      const Placeholder = <div ref={placeholder} class={bem('placeholder')} />;
 
       return (
         <div ref={root} role="feed" class={bem()} aria-busy={loading.value}>
diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index baaf9de3e..f65745cc7 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -9,7 +9,6 @@ if (inBrowser) {
     Object.defineProperty(opts, 'passive', {
       // eslint-disable-next-line getter-return
       get() {
-        /* istanbul ignore next */
         supportsPassive = true;
       },
     });
diff --git a/src/utils/dom/raf.ts b/src/utils/dom/raf.ts
index ca7bc1b42..e87308dbb 100644
--- a/src/utils/dom/raf.ts
+++ b/src/utils/dom/raf.ts
@@ -6,7 +6,6 @@ import { inBrowser } from '..';
 
 let prev = Date.now();
 
-/* istanbul ignore next */
 function fallback(fn: FrameRequestCallback): number {
   const curr = Date.now();
   const ms = Math.max(0, 16 - (curr - prev));
@@ -15,13 +14,10 @@ function fallback(fn: FrameRequestCallback): number {
   return id;
 }
 
-/* istanbul ignore next */
 const root = (inBrowser ? window : global) as Window;
 
-/* istanbul ignore next */
 const iRaf = root.requestAnimationFrame || fallback;
 
-/* istanbul ignore next */
 const iCancel = root.cancelAnimationFrame || root.clearTimeout;
 
 export function raf(fn: FrameRequestCallback): number {
diff --git a/src/utils/dom/reset-scroll.ts b/src/utils/dom/reset-scroll.ts
index 8cdf18a40..acf27992a 100644
--- a/src/utils/dom/reset-scroll.ts
+++ b/src/utils/dom/reset-scroll.ts
@@ -8,7 +8,6 @@ import { getRootScrollTop, setRootScrollTop } from './scroll';
 
 const isIOS = checkIsIOS();
 
-/* istanbul ignore next */
 export function resetScroll() {
   if (isIOS) {
     setRootScrollTop(getRootScrollTop());
diff --git a/src/utils/validate/system.ts b/src/utils/validate/system.ts
index bab22ad2d..ec0331241 100644
--- a/src/utils/validate/system.ts
+++ b/src/utils/validate/system.ts
@@ -1,12 +1,10 @@
 import { inBrowser } from '..';
 
 export function isAndroid(): boolean {
-  /* istanbul ignore next */
   return inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;
 }
 
 export function isIOS(): boolean {
-  /* istanbul ignore next */
   return inBrowser
     ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase())
     : false;

From 08c9b06ac1a3dca27cc58b8b6d75cd836f2a9c36 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 20:09:16 +0800
Subject: [PATCH 415/626] chore(AddressEditDetail): refactor with composition
 api

---
 src/address-edit/Detail.js  | 162 ++++++++++++++++++------------------
 src/address-edit/index.js   |   2 +-
 src/address-edit/index.less |   2 -
 3 files changed, 82 insertions(+), 84 deletions(-)

diff --git a/src/address-edit/Detail.js b/src/address-edit/Detail.js
index 364f5b4e4..ffe3e8b4d 100644
--- a/src/address-edit/Detail.js
+++ b/src/address-edit/Detail.js
@@ -1,3 +1,5 @@
+import { ref } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { isAndroid } from '../utils/validate/system';
@@ -22,102 +24,100 @@ export default createComponent({
 
   emits: ['blur', 'focus', 'input', 'select-search'],
 
-  computed: {
-    shouldShowSearchResult() {
-      return this.focused && this.searchResult && this.showSearchResult;
-    },
-  },
+  setup(props, { emit }) {
+    const field = ref();
 
-  methods: {
-    onSelect(express) {
-      this.$emit('select-search', express);
-      this.$emit(
-        'input',
-        `${express.address || ''} ${express.name || ''}`.trim()
-      );
-    },
+    const showSearchResult = () =>
+      props.focused && props.searchResult && props.showSearchResult;
 
-    onFinish() {
-      this.$refs.field.blur();
-    },
+    const onSelect = (express) => {
+      emit('select-search', express);
+      emit('input', `${express.address || ''} ${express.name || ''}`.trim());
+    };
 
-    onFocus(event) {
-      this.$emit('focus', event);
-    },
+    const onFinish = () => {
+      field.value.blur();
+    };
 
-    onBlur(event) {
-      this.$emit('blur', event);
-    },
-
-    genFinish() {
-      const show = this.value && this.focused && android;
-      if (show) {
+    const renderFinish = () => {
+      if (props.value && props.focused && android) {
         return (
-          <div class={bem('finish')} onClick={this.onFinish}>
+          <div class={bem('finish')} onClick={onFinish}>
             {t('complete')}
           </div>
         );
       }
-    },
+    };
 
-    genSearchResult() {
-      const { value, shouldShowSearchResult, searchResult } = this;
-      if (shouldShowSearchResult) {
-        return searchResult.map((express) => (
-          <Cell
-            v-slots={{
-              title: () => {
-                if (express.name) {
-                  const text = express.name.replace(
-                    value,
-                    `<span class=${bem('keyword')}>${value}</span>`
-                  );
+    const renderSearchTitle = (express) => {
+      if (express.name) {
+        const text = express.name.replace(
+          props.value,
+          `<span class=${bem('keyword')}>${props.value}</span>`
+        );
 
-                  return <div innerHTML={text} />;
-                }
-              },
-            }}
-            key={express.name + express.address}
-            clickable
-            border={false}
-            icon="location-o"
-            label={express.address}
-            class={bem('search-item')}
-            onClick={() => {
-              this.onSelect(express);
-            }}
-          />
-        ));
+        return <div innerHTML={text} />;
       }
-    },
-  },
+    };
 
-  render() {
-    return (
-      <Cell class={bem()}>
-        <Field
-          v-slots={{ icon: this.genFinish }}
-          autosize
-          ref="field"
-          rows={this.detailRows}
-          clearable={!android}
-          type="textarea"
-          label={t('label')}
-          border={!this.shouldShowSearchResult}
-          maxlength={this.detailMaxlength}
-          modelValue={this.value}
-          placeholder={t('placeholder')}
-          errorMessage={this.errorMessage}
-          onBlur={this.onBlur}
-          onFocus={this.onFocus}
-          {...{
-            'onUpdate:modelValue': (val) => {
-              this.$emit('input', val);
-            },
+    const renderSearchResult = () => {
+      if (!showSearchResult()) {
+        return;
+      }
+
+      const { searchResult } = props;
+      return searchResult.map((express) => (
+        <Cell
+          v-slots={{
+            title: () => renderSearchTitle(express),
+          }}
+          clickable
+          key={express.name + express.address}
+          icon="location-o"
+          label={express.address}
+          class={bem('search-item')}
+          border={false}
+          onClick={() => {
+            onSelect(express);
           }}
         />
-        {this.genSearchResult()}
-      </Cell>
+      ));
+    };
+
+    const onFocus = (event) => {
+      emit('focus', event);
+    };
+
+    const onBlur = (event) => {
+      emit('blur', event);
+    };
+
+    const onInput = (value) => {
+      emit('input', value);
+    };
+
+    return () => (
+      <>
+        <Field
+          v-slots={{ icon: renderFinish }}
+          autosize
+          ref={field}
+          class={bem()}
+          rows={props.detailRows}
+          type="textarea"
+          label={t('label')}
+          border={!showSearchResult()}
+          clearable={!android}
+          maxlength={props.detailMaxlength}
+          modelValue={props.value}
+          placeholder={t('placeholder')}
+          errorMessage={props.errorMessage}
+          onBlur={onBlur}
+          onFocus={onFocus}
+          {...{ 'onUpdate:modelValue': onInput }}
+        />
+        {renderSearchResult()}
+      </>
     );
   },
 });
diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index 16e3b8386..faa73b57b 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -40,6 +40,7 @@ export default createComponent({
     validator: Function,
     showDelete: Boolean,
     showPostal: Boolean,
+    disableArea: Boolean,
     searchResult: Array,
     telMaxlength: [Number, String],
     showSetDefault: Boolean,
@@ -55,7 +56,6 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    disableArea: Boolean,
     detailRows: {
       type: [Number, String],
       default: 1,
diff --git a/src/address-edit/index.less b/src/address-edit/index.less
index 80f26f9fe..4f8810af6 100644
--- a/src/address-edit/index.less
+++ b/src/address-edit/index.less
@@ -27,8 +27,6 @@
   }
 
   &-detail {
-    padding: 0;
-
     &__search-item {
       background-color: @gray-2;
     }

From d06f98e961fab91857d1102187fd6da01bbb9ec9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 20:11:57 +0800
Subject: [PATCH 416/626] fix(AddressEdit): showDetail not work

---
 src/address-edit/Detail.js | 51 +++++++++++++++++++++-----------------
 src/address-edit/index.js  |  2 +-
 2 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/src/address-edit/Detail.js b/src/address-edit/Detail.js
index ffe3e8b4d..59ae60a15 100644
--- a/src/address-edit/Detail.js
+++ b/src/address-edit/Detail.js
@@ -13,6 +13,7 @@ const android = isAndroid();
 
 export default createComponent({
   props: {
+    show: Boolean,
     value: String,
     errorMessage: String,
     focused: Boolean,
@@ -96,28 +97,32 @@ export default createComponent({
       emit('input', value);
     };
 
-    return () => (
-      <>
-        <Field
-          v-slots={{ icon: renderFinish }}
-          autosize
-          ref={field}
-          class={bem()}
-          rows={props.detailRows}
-          type="textarea"
-          label={t('label')}
-          border={!showSearchResult()}
-          clearable={!android}
-          maxlength={props.detailMaxlength}
-          modelValue={props.value}
-          placeholder={t('placeholder')}
-          errorMessage={props.errorMessage}
-          onBlur={onBlur}
-          onFocus={onFocus}
-          {...{ 'onUpdate:modelValue': onInput }}
-        />
-        {renderSearchResult()}
-      </>
-    );
+    return () => {
+      if (props.show) {
+        return (
+          <>
+            <Field
+              v-slots={{ icon: renderFinish }}
+              autosize
+              ref={field}
+              class={bem()}
+              rows={props.detailRows}
+              type="textarea"
+              label={t('label')}
+              border={!showSearchResult()}
+              clearable={!android}
+              maxlength={props.detailMaxlength}
+              modelValue={props.value}
+              placeholder={t('placeholder')}
+              errorMessage={props.errorMessage}
+              onBlur={onBlur}
+              onFocus={onFocus}
+              {...{ 'onUpdate:modelValue': onInput }}
+            />
+            {renderSearchResult()}
+          </>
+        );
+      }
+    };
   },
 });
diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index faa73b57b..a893e8884 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -336,7 +336,7 @@ export default createComponent({
             }}
           />
           <Detail
-            vShow={this.showDetail}
+            show={this.showDetail}
             value={data.addressDetail}
             focused={this.detailFocused}
             errorMessage={errorInfo.addressDetail}

From 1e6a120b2e48f7262062729260d362c96355eca6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 20:13:48 +0800
Subject: [PATCH 417/626] fix(AddressEdit): emits warning

---
 src/address-edit/index.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index a893e8884..75468f926 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -82,6 +82,18 @@ export default createComponent({
     },
   },
 
+  emits: [
+    'save',
+    'focus',
+    'delete',
+    'click-area',
+    'change-area',
+    'change-detail',
+    'cancel-delete',
+    'select-search',
+    'change-default',
+  ],
+
   data() {
     return {
       data: {},

From 02e89a73c57af1e59429ab320c2a13395abc0520 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 20:14:52 +0800
Subject: [PATCH 418/626] fix(AddressEdit): failed to close area popup

---
 src/address-edit/index.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index 75468f926..9acca72ee 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -398,16 +398,11 @@ export default createComponent({
           )}
         </div>
         <Popup
-          show={this.showAreaPopup}
+          vModel={[this.showAreaPopup, 'show']}
           round
           teleport="body"
           position="bottom"
           lazyRender={false}
-          {...{
-            'onUpdate:modelValue': (value) => {
-              this.showAreaPopup = value;
-            },
-          }}
         >
           <Area
             ref="area"

From 971c16eb3c0b6df47b7e744717610bd21b99e1d5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 15 Sep 2020 20:19:15 +0800
Subject: [PATCH 419/626] chore: rename usePublicApi to useExpose

---
 src/area/index.js                                    | 7 +++----
 src/calendar/components/Month.js                     | 4 ++--
 src/composition/{use-public-api.ts => use-expose.ts} | 2 +-
 src/count-down/index.js                              | 4 ++--
 src/datetime-picker/index.js                         | 4 ++--
 src/dropdown-item/index.js                           | 4 ++--
 src/image-preview/ImagePreview.js                    | 4 ++--
 src/list/index.js                                    | 4 ++--
 src/swipe-cell/index.js                              | 4 ++--
 src/uploader/index.js                                | 4 ++--
 src/utils/mount-component.ts                         | 4 ++--
 11 files changed, 22 insertions(+), 23 deletions(-)
 rename src/composition/{use-public-api.ts => use-expose.ts} (70%)

diff --git a/src/area/index.js b/src/area/index.js
index 99608f7db..c8e6dde01 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,6 +1,6 @@
 import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
 import { createNamespace, pick } from '../utils';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 import { pickerProps } from '../picker/shared';
 import Picker from '../picker';
 
@@ -250,9 +250,8 @@ export default createComponent({
     };
 
     const onConfirm = (values, index) => {
-      values = parseValues(values);
       setValues();
-      emit('confirm', values, index);
+      emit('confirm', parseValues(values), index);
     };
 
     onMounted(setValues);
@@ -274,7 +273,7 @@ export default createComponent({
       }
     );
 
-    usePublicApi({ reset, getArea });
+    useExpose({ reset, getArea });
 
     return () => {
       const columns = state.columns.slice(0, +props.columnsNum);
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index bbcd2bb29..5c1e57998 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -18,7 +18,7 @@ import {
 // Composition
 import { useToggle } from '@vant/use';
 import { useHeight } from '../../composition/use-rect';
-import { usePublicApi } from '../../composition/use-public-api';
+import { useExpose } from '../../composition/use-expose';
 
 // Components
 import Day from './Day';
@@ -251,7 +251,7 @@ export default createComponent({
       return <div ref={daysRef} />;
     };
 
-    usePublicApi({
+    useExpose({
       height,
       getDate,
       getTitle,
diff --git a/src/composition/use-public-api.ts b/src/composition/use-expose.ts
similarity index 70%
rename from src/composition/use-public-api.ts
rename to src/composition/use-expose.ts
index 241c25209..6cd8b431d 100644
--- a/src/composition/use-public-api.ts
+++ b/src/composition/use-expose.ts
@@ -1,7 +1,7 @@
 import { getCurrentInstance } from 'vue';
 
 // expose public api
-export function usePublicApi(apis: Record<string, any>) {
+export function useExpose(apis: Record<string, any>) {
   const vm = (getCurrentInstance() as any).ctx;
   Object.assign(vm, apis);
 }
diff --git a/src/count-down/index.js b/src/count-down/index.js
index 5567ba867..708ab78f1 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -13,7 +13,7 @@ import { raf, cancelRaf } from '../utils/dom/raf';
 import { isSameSecond, parseTimeData, parseFormat } from './utils';
 
 // Composition
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 const [createComponent, bem] = createNamespace('count-down');
 
@@ -140,7 +140,7 @@ export default createComponent({
 
     onBeforeUnmount(pause);
 
-    usePublicApi({
+    useExpose({
       start,
       reset,
       pause,
diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index 48ef3623a..ce10aaa80 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -1,6 +1,6 @@
 import { ref } from 'vue';
 import { createNamespace } from '../utils';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 
@@ -15,7 +15,7 @@ export default createComponent({
   setup(props) {
     const root = ref();
 
-    usePublicApi({
+    useExpose({
       getPicker: () => root.value && root.value.getPicker(),
     });
 
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index d7a796d9b..57e03ecc2 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -6,7 +6,7 @@ import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
 import { useParent } from '../composition/use-relation';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Cell from '../cell';
@@ -169,7 +169,7 @@ export default createComponent({
       );
     };
 
-    usePublicApi({ toggle });
+    useExpose({ toggle });
 
     return () => {
       if (props.teleport) {
diff --git a/src/image-preview/ImagePreview.js b/src/image-preview/ImagePreview.js
index b0685dc34..bab5d5b4b 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -6,7 +6,7 @@ import { callInterceptor } from '../utils/interceptor';
 
 // Composition
 import { useWindowSize } from '@vant/use';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Icon from '../icon';
@@ -177,7 +177,7 @@ export default createComponent({
       }
     };
 
-    usePublicApi({ swipeTo });
+    useExpose({ swipeTo });
 
     onMounted(resize);
 
diff --git a/src/list/index.js b/src/list/index.js
index b028c4c02..92b2dfd6a 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -7,7 +7,7 @@ import { isHidden } from '../utils/dom/style';
 // Composition
 import { useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Loading from '../loading';
@@ -142,7 +142,7 @@ export default createComponent({
       }
     });
 
-    usePublicApi({ check });
+    useExpose({ check });
 
     useEventListener('scroll', check, { target: scrollParent });
 
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index 6d269bea1..c216c96ca 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -10,7 +10,7 @@ import { callInterceptor } from '../utils/interceptor';
 import { useClickAway } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 const [createComponent, bem] = createNamespace('swipe-cell');
 
@@ -178,7 +178,7 @@ export default createComponent({
       }
     };
 
-    usePublicApi({
+    useExpose({
       open,
       close,
     });
diff --git a/src/uploader/index.js b/src/uploader/index.js
index e28cb672a..85462427a 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -12,7 +12,7 @@ import {
 } from './utils';
 
 // Composition
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 import { useParentField } from '../composition/use-parent-field';
 
 // Components
@@ -308,7 +308,7 @@ export default createComponent({
       }
     };
 
-    usePublicApi({
+    useExpose({
       chooseFile,
       closeImagePreview,
     });
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
index 3ffb47ce6..724dfaf19 100644
--- a/src/utils/mount-component.ts
+++ b/src/utils/mount-component.ts
@@ -1,5 +1,5 @@
 import { createApp, reactive, Component, nextTick } from 'vue';
-import { usePublicApi } from '../composition/use-public-api';
+import { useExpose } from '../composition/use-expose';
 
 export function usePopupState() {
   const state = reactive({
@@ -22,7 +22,7 @@ export function usePopupState() {
     toggle(false);
   };
 
-  usePublicApi({ open, close, toggle });
+  useExpose({ open, close, toggle });
 
   return {
     open,

From 85d0d423eb33567d74d029991509589237214cf8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 16 Sep 2020 16:11:50 +0800
Subject: [PATCH 420/626] refactor(Picker): refactor with composition api

---
 src/picker/PickerColumn.js | 440 ++++++++++++++++++-------------------
 src/picker/index.js        | 343 +++++++++++++----------------
 src/picker/shared.ts       |   2 +
 3 files changed, 377 insertions(+), 408 deletions(-)

diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index e9be705c9..54d5a18df 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -1,8 +1,15 @@
+import { reactive, ref, watch } from 'vue';
+import { PICKER_KEY } from './shared';
+
+// Utils
+import { range } from '../utils/format/number';
 import { deepClone } from '../utils/deep-clone';
 import { createNamespace, isObject } from '../utils';
-import { range } from '../utils/format/number';
 import { preventDefault } from '../utils/dom/event';
-import { TouchMixin } from '../mixins/touch';
+
+// Composition
+import { useTouch } from '../composition/use-touch';
+import { useParent } from '../composition/use-relation';
 
 const DEFAULT_DURATION = 200;
 
@@ -27,8 +34,6 @@ function isOptionDisabled(option) {
 }
 
 export default createComponent({
-  mixins: [TouchMixin],
-
   props: {
     valueKey: String,
     readonly: Boolean,
@@ -46,257 +51,210 @@ export default createComponent({
 
   emits: ['change'],
 
-  data() {
-    return {
+  setup(props, { emit }) {
+    let moving;
+    let startOffset;
+    let touchStartTime;
+    let momentumOffset;
+    let transitionEndTrigger;
+
+    const wrapper = ref();
+
+    const state = reactive({
+      index: props.defaultIndex,
       offset: 0,
       duration: 0,
-      options: deepClone(this.initialOptions),
-      currentIndex: this.defaultIndex,
-    };
-  },
+      options: deepClone(props.initialOptions),
+    });
 
-  created() {
-    if (this.$parent.children) {
-      this.$parent.children.push(this);
-    }
+    const touch = useTouch();
 
-    this.setIndex(this.currentIndex);
-  },
+    const count = () => state.options.length;
 
-  mounted() {
-    this.bindTouchEvent(this.$el);
-  },
+    const baseOffset = () =>
+      (props.itemHeight * (props.visibleItemCount - 1)) / 2;
 
-  unmounted() {
-    const { children } = this.$parent;
+    const adjustIndex = (index) => {
+      index = range(index, 0, count());
 
-    if (children) {
-      children.splice(children.indexOf(this), 1);
-    }
-  },
-
-  watch: {
-    initialOptions: 'setOptions',
-
-    defaultIndex(val) {
-      this.setIndex(val);
-    },
-  },
-
-  computed: {
-    count() {
-      return this.options.length;
-    },
-
-    baseOffset() {
-      return (this.itemHeight * (this.visibleItemCount - 1)) / 2;
-    },
-  },
-
-  methods: {
-    setOptions(options) {
-      if (JSON.stringify(options) !== JSON.stringify(this.options)) {
-        this.options = deepClone(options);
-        this.setIndex(this.defaultIndex);
+      for (let i = index; i < count(); i++) {
+        if (!isOptionDisabled(state.options[i])) return i;
       }
-    },
-
-    onTouchStart(event) {
-      if (this.readonly) {
-        return;
-      }
-
-      this.touchStart(event);
-
-      if (this.moving) {
-        const translateY = getElementTranslateY(this.$refs.wrapper);
-        this.offset = Math.min(0, translateY - this.baseOffset);
-        this.startOffset = this.offset;
-      } else {
-        this.startOffset = this.offset;
-      }
-
-      this.duration = 0;
-      this.transitionEndTrigger = null;
-      this.touchStartTime = Date.now();
-      this.momentumOffset = this.startOffset;
-    },
-
-    onTouchMove(event) {
-      if (this.readonly) {
-        return;
-      }
-
-      this.touchMove(event);
-
-      if (this.direction === 'vertical') {
-        this.moving = true;
-        preventDefault(event, true);
-      }
-
-      this.offset = range(
-        this.startOffset + this.deltaY,
-        -(this.count * this.itemHeight),
-        this.itemHeight
-      );
-
-      const now = Date.now();
-      if (now - this.touchStartTime > MOMENTUM_LIMIT_TIME) {
-        this.touchStartTime = now;
-        this.momentumOffset = this.offset;
-      }
-    },
-
-    onTouchEnd() {
-      if (this.readonly) {
-        return;
-      }
-
-      const distance = this.offset - this.momentumOffset;
-      const duration = Date.now() - this.touchStartTime;
-      const allowMomentum =
-        duration < MOMENTUM_LIMIT_TIME &&
-        Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
-
-      if (allowMomentum) {
-        this.momentum(distance, duration);
-        return;
-      }
-
-      const index = this.getIndexByOffset(this.offset);
-      this.duration = DEFAULT_DURATION;
-      this.setIndex(index, true);
-
-      // compatible with desktop scenario
-      // use setTimeout to skip the click event triggered after touchstart
-      setTimeout(() => {
-        this.moving = false;
-      }, 0);
-    },
-
-    onTransitionEnd() {
-      this.stopMomentum();
-    },
-
-    onClickItem(index) {
-      if (this.moving || this.readonly) {
-        return;
-      }
-
-      this.transitionEndTrigger = null;
-      this.duration = DEFAULT_DURATION;
-      this.setIndex(index, true);
-    },
-
-    adjustIndex(index) {
-      index = range(index, 0, this.count);
-
-      for (let i = index; i < this.count; i++) {
-        if (!isOptionDisabled(this.options[i])) return i;
-      }
-
       for (let i = index - 1; i >= 0; i--) {
-        if (!isOptionDisabled(this.options[i])) return i;
+        if (!isOptionDisabled(state.options[i])) return i;
       }
-    },
+    };
 
-    getOptionText(option) {
-      if (isObject(option) && this.valueKey in option) {
-        return option[this.valueKey];
-      }
-      return option;
-    },
-
-    setIndex(index, emitChange) {
-      index = this.adjustIndex(index) || 0;
-
-      const offset = -index * this.itemHeight;
+    const setIndex = (index, emitChange) => {
+      index = adjustIndex(index) || 0;
 
+      const offset = -index * props.itemHeight;
       const trigger = () => {
-        if (index !== this.currentIndex) {
-          this.currentIndex = index;
+        if (index !== state.index) {
+          state.index = index;
 
           if (emitChange) {
-            this.$emit('change', index);
+            emit('change', index);
           }
         }
       };
 
       // trigger the change event after transitionend when moving
-      if (this.moving && offset !== this.offset) {
-        this.transitionEndTrigger = trigger;
+      if (moving && offset !== state.offset) {
+        transitionEndTrigger = trigger;
       } else {
         trigger();
       }
 
-      this.offset = offset;
-    },
+      state.offset = offset;
+    };
 
-    setValue(value) {
-      const { options } = this;
-      for (let i = 0; i < options.length; i++) {
-        if (this.getOptionText(options[i]) === value) {
-          return this.setIndex(i);
-        }
+    const setOptions = (options) => {
+      if (JSON.stringify(options) !== JSON.stringify(state.options)) {
+        state.options = deepClone(options);
+        setIndex(props.defaultIndex);
       }
-    },
+    };
 
-    getValue() {
-      return this.options[this.currentIndex];
-    },
+    const onClickItem = (index) => {
+      if (moving || props.readonly) {
+        return;
+      }
 
-    getIndexByOffset(offset) {
-      return range(Math.round(-offset / this.itemHeight), 0, this.count - 1);
-    },
+      transitionEndTrigger = null;
+      state.duration = DEFAULT_DURATION;
+      setIndex(index, true);
+    };
 
-    momentum(distance, duration) {
+    const getOptionText = (option) => {
+      if (isObject(option) && props.valueKey in option) {
+        return option[props.valueKey];
+      }
+      return option;
+    };
+
+    const getIndexByOffset = (offset) =>
+      range(Math.round(-offset / props.itemHeight), 0, count() - 1);
+
+    const momentum = (distance, duration) => {
       const speed = Math.abs(distance / duration);
 
-      distance = this.offset + (speed / 0.003) * (distance < 0 ? -1 : 1);
+      distance = state.offset + (speed / 0.003) * (distance < 0 ? -1 : 1);
 
-      const index = this.getIndexByOffset(distance);
+      const index = getIndexByOffset(distance);
 
-      this.duration = +this.swipeDuration;
-      this.setIndex(index, true);
-    },
+      state.duration = +props.swipeDuration;
+      setIndex(index, true);
+    };
 
-    stopMomentum() {
-      this.moving = false;
-      this.duration = 0;
+    const stopMomentum = () => {
+      moving = false;
+      state.duration = 0;
 
-      if (this.transitionEndTrigger) {
-        this.transitionEndTrigger();
-        this.transitionEndTrigger = null;
+      if (transitionEndTrigger) {
+        transitionEndTrigger();
+        transitionEndTrigger = null;
       }
-    },
+    };
 
-    genOptions() {
+    const onTouchStart = (event) => {
+      if (props.readonly) {
+        return;
+      }
+
+      touch.start(event);
+
+      if (moving) {
+        const translateY = getElementTranslateY(wrapper.value);
+        state.offset = Math.min(0, translateY - baseOffset());
+        startOffset = state.offset;
+      } else {
+        startOffset = state.offset;
+      }
+
+      state.duration = 0;
+      touchStartTime = Date.now();
+      momentumOffset = startOffset;
+      transitionEndTrigger = null;
+    };
+
+    const onTouchMove = (event) => {
+      if (props.readonly) {
+        return;
+      }
+
+      touch.move(event);
+
+      if (touch.isVertical()) {
+        moving = true;
+        preventDefault(event, true);
+      }
+
+      state.offset = range(
+        startOffset + touch.deltaY.value,
+        -(count() * props.itemHeight),
+        props.itemHeight
+      );
+
+      const now = Date.now();
+      if (now - touchStartTime > MOMENTUM_LIMIT_TIME) {
+        touchStartTime = now;
+        momentumOffset = state.offset;
+      }
+    };
+
+    const onTouchEnd = () => {
+      if (props.readonly) {
+        return;
+      }
+
+      const distance = state.offset - momentumOffset;
+      const duration = Date.now() - touchStartTime;
+      const allowMomentum =
+        duration < MOMENTUM_LIMIT_TIME &&
+        Math.abs(distance) > MOMENTUM_LIMIT_DISTANCE;
+
+      if (allowMomentum) {
+        momentum(distance, duration);
+        return;
+      }
+
+      const index = getIndexByOffset(state.offset);
+      state.duration = DEFAULT_DURATION;
+      setIndex(index, true);
+
+      // compatible with desktop scenario
+      // use setTimeout to skip the click event triggered after touchstart
+      setTimeout(() => {
+        moving = false;
+      }, 0);
+    };
+
+    const renderOptions = () => {
       const optionStyle = {
-        height: `${this.itemHeight}px`,
+        height: `${props.itemHeight}px`,
       };
 
-      return this.options.map((option, index) => {
-        const text = this.getOptionText(option);
+      return state.options.map((option, index) => {
+        const text = getOptionText(option);
         const disabled = isOptionDisabled(option);
 
         const data = {
-          style: optionStyle,
           role: 'button',
+          style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [
-            bem('item', {
-              disabled,
-              selected: index === this.currentIndex,
-            }),
-          ],
+          class: bem('item', {
+            disabled,
+            selected: index === state.index,
+          }),
           onClick: () => {
-            this.onClickItem(index);
+            onClickItem(index);
           },
         };
 
         const childData = {
           class: 'van-ellipsis',
-          [this.allowHtml ? 'innerHTML' : 'textContent']: text,
+          [props.allowHtml ? 'innerHTML' : 'textContent']: text,
         };
 
         return (
@@ -305,27 +263,63 @@ export default createComponent({
           </li>
         );
       });
-    },
-  },
-
-  render() {
-    const wrapperStyle = {
-      transform: `translate3d(0, ${this.offset + this.baseOffset}px, 0)`,
-      transitionDuration: `${this.duration}ms`,
-      transitionProperty: this.duration ? 'all' : 'none',
     };
 
-    return (
-      <div class={[bem(), this.className]}>
-        <ul
-          ref="wrapper"
-          style={wrapperStyle}
-          class={bem('wrapper')}
-          onTransitionend={this.onTransitionEnd}
-        >
-          {this.genOptions()}
-        </ul>
-      </div>
+    const setValue = (value) => {
+      const { options } = state;
+      for (let i = 0; i < options.length; i++) {
+        if (getOptionText(options[i]) === value) {
+          return setIndex(i);
+        }
+      }
+    };
+
+    const getValue = () => state.options[state.index];
+
+    setIndex(state.index);
+
+    useParent(PICKER_KEY, {
+      state,
+      getValue,
+      setValue,
+      setOptions,
+      stopMomentum,
+    });
+
+    watch(() => props.initialOptions, setOptions);
+
+    watch(
+      () => props.defaultIndex,
+      (value) => {
+        setIndex(value);
+      }
     );
+
+    return () => {
+      const wrapperStyle = {
+        transform: `translate3d(0, ${state.offset + baseOffset()}px, 0)`,
+        transitionDuration: `${state.duration}ms`,
+        transitionProperty: state.duration ? 'all' : 'none',
+      };
+
+      return (
+        <div
+          class={[bem(), props.className]}
+          onTouchstart={onTouchStart}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
+        >
+          <ul
+            ref={wrapper}
+            style={wrapperStyle}
+            class={bem('wrapper')}
+            onTransitionend={stopMomentum}
+          >
+            {renderOptions()}
+          </ul>
+        </div>
+      );
+    };
   },
 });
diff --git a/src/picker/index.js b/src/picker/index.js
index afce13dce..721e0ae32 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -1,10 +1,15 @@
+import { ref, watch, computed, provide, reactive } from 'vue';
+import { pickerProps, PICKER_KEY, DEFAULT_ITEM_HEIGHT } from './shared';
+
 // Utils
 import { createNamespace } from '../utils';
 import { preventDefault } from '../utils/dom/event';
 import { BORDER_UNSET_TOP_BOTTOM } from '../utils/constant';
-import { pickerProps, DEFAULT_ITEM_HEIGHT } from './shared';
 import { unitToPx } from '../utils/format/unit';
 
+// Composition
+import { useExpose } from '../composition/use-expose';
+
 // Components
 import Loading from '../loading';
 import PickerColumn from './PickerColumn';
@@ -34,63 +39,34 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'change'],
 
-  data() {
-    return {
-      children: [],
-      formattedColumns: [],
-    };
-  },
+  setup(props, { emit, slots }) {
+    const children = reactive([]);
+    const formattedColumns = ref([]);
 
-  computed: {
-    itemPxHeight() {
-      return this.itemHeight ? unitToPx(this.itemHeight) : DEFAULT_ITEM_HEIGHT;
-    },
+    const itemHeight = computed(() =>
+      props.itemHeight ? unitToPx(props.itemHeight) : DEFAULT_ITEM_HEIGHT
+    );
 
-    dataType() {
-      const { columns } = this;
+    const dataType = computed(() => {
+      const { columns } = props;
       const firstColumn = columns[0] || {};
 
       if (firstColumn.children) {
         return 'cascade';
       }
-
       if (firstColumn.values) {
         return 'object';
       }
-
       return 'text';
-    },
-  },
+    });
 
-  watch: {
-    columns: {
-      handler() {
-        this.format();
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    format() {
-      const { columns, dataType } = this;
-
-      if (dataType === 'text') {
-        this.formattedColumns = [{ values: columns }];
-      } else if (dataType === 'cascade') {
-        this.formatCascade();
-      } else {
-        this.formattedColumns = columns;
-      }
-    },
-
-    formatCascade() {
+    const formatCascade = () => {
       const formatted = [];
 
-      let cursor = { children: this.columns };
+      let cursor = { children: props.columns };
 
       while (cursor && cursor.children) {
-        const defaultIndex = cursor.defaultIndex ?? +this.defaultIndex;
+        const defaultIndex = cursor.defaultIndex ?? +props.defaultIndex;
 
         formatted.push({
           values: cursor.children,
@@ -101,20 +77,35 @@ export default createComponent({
         cursor = cursor.children[defaultIndex];
       }
 
-      this.formattedColumns = formatted;
-    },
+      formattedColumns.value = formatted;
+    };
 
-    emit(event) {
-      if (this.dataType === 'text') {
-        this.$emit(event, this.getColumnValue(0), this.getColumnIndex(0));
+    const format = () => {
+      const { columns } = props;
+
+      if (dataType.value === 'text') {
+        formattedColumns.value = [{ values: columns }];
+      } else if (dataType.value === 'cascade') {
+        formatCascade();
       } else {
-        this.$emit(event, this.getValues(), this.getIndexes());
+        formattedColumns.value = columns;
       }
-    },
+    };
 
-    onCascadeChange(columnIndex) {
-      let cursor = { children: this.columns };
-      const indexes = this.getIndexes();
+    // get indexes of all columns
+    const getIndexes = () => children.map((child) => child.state.index);
+
+    // set options of column by index
+    const setColumnValues = (index, options) => {
+      const column = children[index];
+      if (column) {
+        column.setOptions(options);
+      }
+    };
+
+    const onCascadeChange = (columnIndex) => {
+      let cursor = { children: props.columns };
+      const indexes = getIndexes();
 
       for (let i = 0; i <= columnIndex; i++) {
         cursor = cursor.children[indexes[i]];
@@ -122,169 +113,154 @@ export default createComponent({
 
       while (cursor && cursor.children) {
         columnIndex++;
-        this.setColumnValues(columnIndex, cursor.children);
+        setColumnValues(columnIndex, cursor.children);
         cursor = cursor.children[cursor.defaultIndex || 0];
       }
-    },
-
-    onChange(columnIndex) {
-      if (this.dataType === 'cascade') {
-        this.onCascadeChange(columnIndex);
-      }
-
-      if (this.dataType === 'text') {
-        this.$emit('change', this.getColumnValue(0), this.getColumnIndex(0));
-      } else {
-        this.$emit('change', this.getValues(), columnIndex);
-      }
-    },
+    };
 
     // get column instance by index
-    getColumn(index) {
-      return this.children[index];
-    },
+    const getColumn = (index) => children[index];
 
-    // @exposed-api
     // get column value by index
-    getColumnValue(index) {
-      const column = this.getColumn(index);
+    const getColumnValue = (index) => {
+      const column = getColumn(index);
       return column && column.getValue();
-    },
+    };
 
-    // @exposed-api
     // set column value by index
-    setColumnValue(index, value) {
-      const column = this.getColumn(index);
+    const setColumnValue = (index, value) => {
+      const column = getColumn(index);
 
       if (column) {
         column.setValue(value);
 
-        if (this.dataType === 'cascade') {
-          this.onCascadeChange(index);
+        if (dataType.value === 'cascade') {
+          onCascadeChange(index);
         }
       }
-    },
+    };
 
-    // @exposed-api
     // get column option index by column index
-    getColumnIndex(columnIndex) {
-      return (this.getColumn(columnIndex) || {}).currentIndex;
-    },
+    const getColumnIndex = (index) => (getColumn(index) || {}).state.index;
 
-    // @exposed-api
     // set column option index by column index
-    setColumnIndex(columnIndex, optionIndex) {
-      const column = this.getColumn(columnIndex);
+    const setColumnIndex = (columnIndex, optionIndex) => {
+      const column = getColumn(columnIndex);
 
       if (column) {
         column.setIndex(optionIndex);
-
-        if (this.dataType === 'cascade') {
-          this.onCascadeChange(columnIndex);
+        if (props.dataType === 'cascade') {
+          onCascadeChange(columnIndex);
         }
       }
-    },
+    };
 
-    // @exposed-api
     // get options of column by index
-    getColumnValues(index) {
-      return (this.children[index] || {}).options;
-    },
+    const getColumnValues = (index) => (children[index] || {}).state.options;
 
-    // @exposed-api
-    // set options of column by index
-    setColumnValues(index, options) {
-      const column = this.children[index];
-
-      if (column) {
-        column.setOptions(options);
-      }
-    },
-
-    // @exposed-api
     // get values of all columns
-    getValues() {
-      return this.children.map((child) => child.getValue());
-    },
+    const getValues = () => children.map((child) => child.getValue());
 
-    // @exposed-api
     // set values of all columns
-    setValues(values) {
+    const setValues = (values) => {
       values.forEach((value, index) => {
-        this.setColumnValue(index, value);
+        setColumnValue(index, value);
       });
-    },
+    };
 
-    // @exposed-api
-    // get indexes of all columns
-    getIndexes() {
-      return this.children.map((child) => child.currentIndex);
-    },
-
-    // @exposed-api
     // set indexes of all columns
-    setIndexes(indexes) {
+    const setIndexes = (indexes) => {
       indexes.forEach((optionIndex, columnIndex) => {
-        this.setColumnIndex(columnIndex, optionIndex);
+        setColumnIndex(columnIndex, optionIndex);
       });
-    },
+    };
 
-    // @exposed-api
-    confirm() {
-      this.children.forEach((child) => child.stopMomentum());
-      this.emit('confirm');
-    },
+    const emitAction = (event) => {
+      if (dataType.value === 'text') {
+        emit(event, getColumnValue(0), getColumnIndex(0));
+      } else {
+        emit(event, getValues(), getIndexes());
+      }
+    };
 
-    cancel() {
-      this.emit('cancel');
-    },
-
-    genTitle() {
-      if (this.$slots.title) {
-        return this.$slots.title();
+    const onChange = (columnIndex) => {
+      if (dataType.value === 'cascade') {
+        onCascadeChange(columnIndex);
       }
 
-      if (this.title) {
-        return <div class={['van-ellipsis', bem('title')]}>{this.title}</div>;
+      if (dataType.value === 'text') {
+        emit('change', getColumnValue(0), getColumnIndex(0));
+      } else {
+        emit('change', getValues(), columnIndex);
       }
-    },
+    };
 
-    genToolbar() {
-      if (this.showToolbar) {
+    const confirm = () => {
+      children.forEach((child) => child.stopMomentum());
+      emitAction('confirm');
+    };
+
+    const cancel = () => {
+      emitAction('cancel');
+    };
+
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      if (props.title) {
+        return <div class={[bem('title'), 'van-ellipsis']}>{props.title}</div>;
+      }
+    };
+
+    const renderToolbar = () => {
+      if (props.showToolbar) {
         return (
           <div class={bem('toolbar')}>
-            {this.$slots.default
-              ? this.$slots.default()
+            {slots.default
+              ? slots.default()
               : [
-                  <button
-                    type="button"
-                    class={bem('cancel')}
-                    onClick={this.cancel}
-                  >
-                    {this.cancelButtonText || t('cancel')}
+                  <button type="button" class={bem('cancel')} onClick={cancel}>
+                    {props.cancelButtonText || t('cancel')}
                   </button>,
-                  this.genTitle(),
+                  renderTitle(),
                   <button
                     type="button"
                     class={bem('confirm')}
-                    onClick={this.confirm}
+                    onClick={confirm}
                   >
-                    {this.confirmButtonText || t('confirm')}
+                    {props.confirmButtonText || t('confirm')}
                   </button>,
                 ]}
           </div>
         );
       }
-    },
+    };
 
-    genColumns() {
-      const { itemPxHeight } = this;
-      const wrapHeight = itemPxHeight * this.visibleItemCount;
+    const renderColumnItems = () =>
+      formattedColumns.value.map((item, columnIndex) => (
+        <PickerColumn
+          readonly={props.readonly}
+          valueKey={props.valueKey}
+          allowHtml={props.allowHtml}
+          className={item.className}
+          itemHeight={itemHeight.value}
+          defaultIndex={item.defaultIndex ?? +props.defaultIndex}
+          swipeDuration={props.swipeDuration}
+          visibleItemCount={props.visibleItemCount}
+          initialOptions={item.values}
+          onChange={() => {
+            onChange(columnIndex);
+          }}
+        />
+      ));
 
-      const frameStyle = { height: `${itemPxHeight}px` };
+    const renderColumns = () => {
+      const wrapHeight = itemHeight.value * props.visibleItemCount;
+      const frameStyle = { height: `${itemHeight.value}px` };
       const columnsStyle = { height: `${wrapHeight}px` };
       const maskStyle = {
-        backgroundSize: `100% ${(wrapHeight - itemPxHeight) / 2}px`,
+        backgroundSize: `100% ${(wrapHeight - itemHeight.value) / 2}px`,
       };
 
       return (
@@ -293,7 +269,7 @@ export default createComponent({
           style={columnsStyle}
           onTouchmove={preventDefault}
         >
-          {this.genColumnItems()}
+          {renderColumnItems()}
           <div class={bem('mask')} style={maskStyle} />
           <div
             class={[BORDER_UNSET_TOP_BOTTOM, bem('frame')]}
@@ -301,37 +277,34 @@ export default createComponent({
           />
         </div>
       );
-    },
+    };
 
-    genColumnItems() {
-      return this.formattedColumns.map((item, columnIndex) => (
-        <PickerColumn
-          readonly={this.readonly}
-          valueKey={this.valueKey}
-          allowHtml={this.allowHtml}
-          className={item.className}
-          itemHeight={this.itemPxHeight}
-          defaultIndex={item.defaultIndex ?? +this.defaultIndex}
-          swipeDuration={this.swipeDuration}
-          visibleItemCount={this.visibleItemCount}
-          initialOptions={item.values}
-          onChange={() => {
-            this.onChange(columnIndex);
-          }}
-        />
-      ));
-    },
-  },
+    provide(PICKER_KEY, { children });
 
-  render() {
-    return (
+    watch(() => props.columns, format, { immediate: true });
+
+    useExpose({
+      confirm,
+      getValues,
+      setValues,
+      getIndexes,
+      setIndexes,
+      getColumnIndex,
+      setColumnIndex,
+      getColumnValue,
+      setColumnValue,
+      getColumnValues,
+      setColumnValues,
+    });
+
+    return () => (
       <div class={bem()}>
-        {this.toolbarPosition === 'top' ? this.genToolbar() : null}
-        {this.loading ? <Loading class={bem('loading')} /> : null}
-        {this.$slots['columns-top']?.()}
-        {this.genColumns()}
-        {this.$slots['columns-bottom']?.()}
-        {this.toolbarPosition === 'bottom' ? this.genToolbar() : null}
+        {props.toolbarPosition === 'top' ? renderToolbar() : null}
+        {props.loading ? <Loading class={bem('loading')} /> : null}
+        {slots['columns-top']?.()}
+        {renderColumns()}
+        {slots['columns-bottom']?.()}
+        {props.toolbarPosition === 'bottom' ? renderToolbar() : null}
       </div>
     );
   },
diff --git a/src/picker/shared.ts b/src/picker/shared.ts
index 0a59b3dfe..b9ac9f9f3 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -8,6 +8,8 @@ export type SharedPickerProps = {
   confirmButtonText?: string;
 };
 
+export const PICKER_KEY = 'vanPicker';
+
 export const DEFAULT_ITEM_HEIGHT = 44;
 
 export const pickerProps = {

From 06c05ba8bd747dfb8ff88ba60d0f3259cd87379a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 17 Sep 2020 14:21:45 +0800
Subject: [PATCH 421/626] chore: remove reset.less

---
 src/style/reset.less | 171 -------------------------------------------
 yarn.lock            |  70 +++++-------------
 2 files changed, 17 insertions(+), 224 deletions(-)
 delete mode 100644 src/style/reset.less

diff --git a/src/style/reset.less b/src/style/reset.less
deleted file mode 100644
index c8256b58c..000000000
--- a/src/style/reset.less
+++ /dev/null
@@ -1,171 +0,0 @@
-@import './var';
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
-  border: 0;
-}
-
-html {
-  line-height: 1;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-ol,
-ul {
-  list-style: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-caption,
-th,
-td {
-  font-weight: normal;
-  vertical-align: middle;
-}
-
-q,
-blockquote {
-  quotes: none;
-}
-
-q::before,
-q::after,
-blockquote::before,
-blockquote::after {
-  content: '';
-  content: none;
-}
-
-a img {
-  border: none;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-* {
-  box-sizing: content-box;
-}
-
-body {
-  color: @text-color;
-  background-color: @background-color;
-}
-
-a {
-  text-decoration: none;
-  background: transparent;
-}
-
-button,
-input[type='number'],
-input[type='text'],
-input[type='password'],
-input[type='email'],
-input[type='search'],
-select,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  -webkit-appearance: none;
-}
diff --git a/yarn.lock b/yarn.lock
index 64e3cbc6f..dd40ef329 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1364,17 +1364,6 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@jest/types@^26.3.0":
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/@jest/types/download/@jest/types-26.3.0.tgz?cache=0&sync_timestamp=1597059133170&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftypes%2Fdownload%2F%40jest%2Ftypes-26.3.0.tgz#97627bf4bdb72c55346eef98e3b3f7ddc4941f71"
-  integrity sha1-l2J79L23LFU0bu+Y47P33cSUH3E=
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
 "@ls-lint/ls-lint@^1.8.0":
   version "1.8.0"
   resolved "https://registry.npm.taobao.org/@ls-lint/ls-lint/download/@ls-lint/ls-lint-1.8.0.tgz#508fe32d4dbdd90d61c8ea156c20af33c294a22e"
@@ -1789,21 +1778,6 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
-"@types/istanbul-reports@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@types/istanbul-reports/download/@types/istanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
-  integrity sha1-UIsTqjRPpJdiNOdd3cw0klc32CE=
-  dependencies:
-    "@types/istanbul-lib-report" "*"
-
-"@types/jest@26.x":
-  version "26.0.13"
-  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-26.0.13.tgz?cache=0&sync_timestamp=1599059595482&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjest%2Fdownload%2F%40types%2Fjest-26.0.13.tgz#5a7b9d5312f5dd521a38329c38ee9d3802a0b85e"
-  integrity sha1-WnudUxL13VIaODKcOO6dOAKguF4=
-  dependencies:
-    jest-diff "^25.2.1"
-    pretty-format "^25.2.1"
-
 "@types/jest@^25.2.3":
   version "25.2.3"
   resolved "https://registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
@@ -7492,18 +7466,6 @@ jest-snapshot@^25.5.1:
     pretty-format "^25.5.0"
     semver "^6.3.0"
 
-jest-util@26.x:
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/jest-util/download/jest-util-26.3.0.tgz?cache=0&sync_timestamp=1597057490725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-util%2Fdownload%2Fjest-util-26.3.0.tgz#a8974b191df30e2bf523ebbfdbaeb8efca535b3e"
-  integrity sha1-qJdLGR3zDiv1I+u/266478pTWz4=
-  dependencies:
-    "@jest/types" "^26.3.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    micromatch "^4.0.2"
-
 jest-util@^25.5.0:
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-25.5.0.tgz#31c63b5d6e901274d264a4fec849230aa3fa35b0"
@@ -8537,10 +8499,12 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@1.x:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz?cache=0&sync_timestamp=1587535418745&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmkdirp%2Fdownload%2Fmkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+mkdirp@0.x:
+  version "0.5.5"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha1-2Rzv1i0UNsoPQWIOJRKI1CAJne8=
+  dependencies:
+    minimist "^1.2.5"
 
 mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   version "0.5.4"
@@ -10486,7 +10450,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
+resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
@@ -10714,7 +10678,7 @@ semver-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
   integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
 
-"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -10724,7 +10688,7 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.2, semver@7.x, semver@^7.2.1, semver@^7.3.2:
+semver@7.3.2, semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
@@ -12893,7 +12857,14 @@ yaml@^1.7.2:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
-yargs-parser@18.1.3, yargs-parser@18.x, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
+yargs-parser@10.x, yargs-parser@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
+  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
+  dependencies:
+    camelcase "^4.1.0"
+
+yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
@@ -12901,13 +12872,6 @@ yargs-parser@18.1.3, yargs-parser@18.x, yargs-parser@^18.1.1, yargs-parser@^18.1
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
-  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
-  dependencies:
-    camelcase "^4.1.0"
-
 yargs-parser@^13.1.2:
   version "13.1.2"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"

From 39c68c993a34f8cfb0de056f0da7edcd01bd6d4d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 17 Sep 2020 15:11:10 +0800
Subject: [PATCH 422/626] refactor(Swipe): refactor with composition api

---
 package.json            |   4 +-
 src/swipe-item/index.js |  66 ++---
 src/swipe/index.js      | 577 ++++++++++++++++++++--------------------
 yarn.lock               | 151 ++++++-----
 4 files changed, 407 insertions(+), 391 deletions(-)

diff --git a/package.json b/package.json
index b183adc04..a8d8d470e 100644
--- a/package.json
+++ b/package.json
@@ -64,9 +64,9 @@
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.10",
-    "@vue/compiler-sfc": "3.0.0-rc.10",
+    "@vue/compiler-sfc": "3.0.0-rc.12",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.10"
+    "vue": "3.0.0-rc.12"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index a1c1ca0a6..184cf8cc5 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,63 +1,63 @@
+import { computed, nextTick, onMounted, reactive } from 'vue';
+import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanSwipe')],
-
-  data() {
-    return {
+  setup(props, { slots }) {
+    const state = reactive({
       offset: 0,
       mounted: false,
-    };
-  },
-
-  mounted() {
-    this.$nextTick(() => {
-      this.mounted = true;
     });
-  },
 
-  computed: {
-    style() {
+    const setOffset = (offset) => {
+      state.offset = offset;
+    };
+
+    const { parent, index } = useParent(SWIPE_KEY, { setOffset });
+
+    onMounted(() => {
+      nextTick(() => {
+        state.mounted = true;
+      });
+    });
+
+    const style = computed(() => {
       const style = {};
-      const { size, vertical } = this.parent;
+      const { vertical } = parent.props;
 
-      style[vertical ? 'height' : 'width'] = `${size}px`;
+      style[vertical ? 'height' : 'width'] = `${parent.size.value}px`;
 
-      if (this.offset) {
-        style.transform = `translate${vertical ? 'Y' : 'X'}(${this.offset}px)`;
+      if (state.offset) {
+        style.transform = `translate${vertical ? 'Y' : 'X'}(${state.offset}px)`;
       }
 
       return style;
-    },
+    });
 
-    shouldRender() {
-      const { index, parent, mounted } = this;
-
-      if (!parent.lazyRender) {
+    const shouldRender = computed(() => {
+      if (!parent.props.lazyRender) {
         return true;
       }
 
       // wait for all item to mount, so we can get the exact count
-      if (!mounted) {
+      if (!state.mounted) {
         return false;
       }
 
-      const active = parent.activeIndicator;
-      const maxActive = parent.count - 1;
+      const active = parent.activeIndicator.value;
+      const maxActive = parent.count.value - 1;
       const prevActive = active === 0 ? maxActive : active - 1;
       const nextActive = active === maxActive ? 0 : active + 1;
 
-      return index === active || index === prevActive || index === nextActive;
-    },
-  },
+      return index.value >= prevActive || index.value <= nextActive;
+    });
 
-  render() {
-    return (
-      <div class={bem()} style={this.style}>
-        {this.shouldRender ? this.$slots.default?.() : null}
+    return () => (
+      <div class={bem()} style={style.value}>
+        {shouldRender.value ? slots.default?.() : null}
       </div>
     );
   },
diff --git a/src/swipe/index.js b/src/swipe/index.js
index a12da6827..bdc5e24bc 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -1,34 +1,33 @@
+import {
+  ref,
+  watch,
+  provide,
+  reactive,
+  computed,
+  onMounted,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
-import { isHidden } from '../utils/dom/style';
-import { preventDefault } from '../utils/dom/event';
-import { doubleRaf } from '../utils/dom/raf';
 import { range } from '../utils/format/number';
+import { isHidden } from '../utils/dom/style';
+import { doubleRaf } from '../utils/dom/raf';
+import { preventDefault } from '../utils/dom/event';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useTouch } from '../composition/use-touch';
+import { useRect } from '../composition/use-rect';
+import { useExpose } from '../composition/use-expose';
+import { usePageVisibility, useWindowSize } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('swipe');
 
+export const SWIPE_KEY = 'vanSwipe';
+
 export default createComponent({
-  mixins: [
-    TouchMixin,
-    ParentMixin('vanSwipe'),
-    BindEventMixin(function (bind, isBind) {
-      bind(window, 'resize', this.resize, true);
-      bind(window, 'orientationchange', this.resize, true);
-      bind(window, 'visibilitychange', this.onVisibilityChange);
-
-      if (isBind) {
-        this.initialize();
-      } else {
-        this.clear();
-      }
-    }),
-  ],
-
   props: {
     width: [Number, String],
     height: [Number, String],
@@ -64,360 +63,356 @@ export default createComponent({
 
   emits: ['change'],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    const root = ref();
+    const state = reactive({
       rect: null,
+      width: 0,
+      height: 0,
       offset: 0,
       active: 0,
-      deltaX: 0,
-      deltaY: 0,
       swiping: false,
-      computedWidth: 0,
-      computedHeight: 0,
-    };
-  },
+    });
+    const children = reactive([]);
 
-  watch: {
-    children() {
-      this.initialize();
-    },
+    const touch = useTouch();
+    const windowSize = useWindowSize();
 
-    initialSwipe() {
-      this.initialize();
-    },
+    const count = computed(() => children.length);
 
-    autoplay(autoplay) {
-      if (autoplay > 0) {
-        this.autoPlay();
-      } else {
-        this.clear();
-      }
-    },
-  },
+    const size = computed(() => state[props.vertical ? 'height' : 'width']);
 
-  computed: {
-    count() {
-      return this.children.length;
-    },
+    const delta = computed(() =>
+      props.vertical ? touch.deltaY.value : touch.deltaX.value
+    );
 
-    maxCount() {
-      return Math.ceil(Math.abs(this.minOffset) / this.size);
-    },
+    const minOffset = computed(
+      () =>
+        (props.vertical ? state.rect.height : state.rect.width) -
+        size.value * count.value
+    );
 
-    delta() {
-      return this.vertical ? this.deltaY : this.deltaX;
-    },
+    const maxCount = computed(() =>
+      Math.ceil(Math.abs(minOffset.value) / size.value)
+    );
 
-    size() {
-      return this[this.vertical ? 'computedHeight' : 'computedWidth'];
-    },
+    const trackSize = computed(() => count.value * size.value);
 
-    trackSize() {
-      return this.count * this.size;
-    },
+    const activeIndicator = computed(
+      () => (state.active + count.value) % count.value
+    );
 
-    activeIndicator() {
-      return (this.active + this.count) % this.count;
-    },
+    const isCorrectDirection = computed(() => {
+      const expect = props.vertical ? 'vertical' : 'horizontal';
+      return touch.direction.value === expect;
+    });
 
-    isCorrectDirection() {
-      const expect = this.vertical ? 'vertical' : 'horizontal';
-      return this.direction === expect;
-    },
-
-    trackStyle() {
-      const mainAxis = this.vertical ? 'height' : 'width';
-      const crossAxis = this.vertical ? 'width' : 'height';
+    const trackStyle = computed(() => {
+      const mainAxis = props.vertical ? 'height' : 'width';
+      const crossAxis = props.vertical ? 'width' : 'height';
 
       return {
-        [mainAxis]: `${this.trackSize}px`,
-        [crossAxis]: this[crossAxis] ? `${this[crossAxis]}px` : '',
-        transitionDuration: `${this.swiping ? 0 : this.duration}ms`,
-        transform: `translate${this.vertical ? 'Y' : 'X'}(${this.offset}px)`,
+        [mainAxis]: `${trackSize.value}px`,
+        [crossAxis]: props[crossAxis] ? `${props[crossAxis]}px` : '',
+        transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
+        transform: `translate${props.vertical ? 'Y' : 'X'}(${state.offset}px)`,
       };
-    },
+    });
 
-    indicatorStyle() {
-      return {
-        backgroundColor: this.indicatorColor,
-      };
-    },
-
-    minOffset() {
-      return (
-        (this.vertical ? this.rect.height : this.rect.width) -
-        this.size * this.count
-      );
-    },
-  },
-
-  mounted() {
-    this.bindTouchEvent(this.$refs.track);
-  },
-
-  methods: {
-    // initialize swipe position
-    initialize(active = +this.initialSwipe) {
-      if (!this.$el || isHidden(this.$el)) {
-        return;
-      }
-
-      clearTimeout(this.timer);
-
-      const rect = this.$el.getBoundingClientRect();
-
-      this.rect = rect;
-      this.swiping = true;
-      this.active = active;
-      this.computedWidth = Math.round(+this.width || rect.width);
-      this.computedHeight = Math.round(+this.height || rect.height);
-      this.offset = this.getTargetOffset(active);
-      this.children.forEach((swipe) => {
-        swipe.offset = 0;
-      });
-      this.autoPlay();
-    },
-
-    // @exposed-api
-    resize() {
-      this.initialize(this.activeIndicator);
-    },
-
-    onVisibilityChange() {
-      if (document.hidden) {
-        this.clear();
-      } else {
-        this.autoPlay();
-      }
-    },
-
-    onTouchStart(event) {
-      if (!this.touchable) return;
-
-      this.clear();
-      this.touchStartTime = Date.now();
-      this.touchStart(event);
-      this.correctPosition();
-    },
-
-    onTouchMove(event) {
-      if (!this.touchable || !this.swiping) return;
-
-      this.touchMove(event);
-
-      if (this.isCorrectDirection) {
-        preventDefault(event, this.stopPropagation);
-        this.move({ offset: this.delta });
-      }
-    },
-
-    onTouchEnd() {
-      if (!this.touchable || !this.swiping) return;
-
-      const { size, delta } = this;
-      const duration = Date.now() - this.touchStartTime;
-      const speed = delta / duration;
-      const shouldSwipe = Math.abs(speed) > 0.25 || Math.abs(delta) > size / 2;
-
-      if (shouldSwipe && this.isCorrectDirection) {
-        const offset = this.vertical ? this.offsetY : this.offsetX;
-
-        let pace = 0;
-
-        if (this.loop) {
-          pace = offset > 0 ? (delta > 0 ? -1 : 1) : 0;
-        } else {
-          pace = -Math[delta > 0 ? 'ceil' : 'floor'](delta / size);
-        }
-
-        this.move({
-          pace,
-          emitChange: true,
-        });
-      } else if (delta) {
-        this.move({ pace: 0 });
-      }
-
-      this.swiping = false;
-      this.autoPlay();
-    },
-
-    getTargetActive(pace) {
-      const { active, count, maxCount } = this;
+    const getTargetActive = (pace) => {
+      const { active } = state;
 
       if (pace) {
-        if (this.loop) {
-          return range(active + pace, -1, count);
+        if (props.loop) {
+          return range(active + pace, -1, count.value);
         }
-
-        return range(active + pace, 0, maxCount);
+        return range(active + pace, 0, maxCount.value);
       }
-
       return active;
-    },
+    };
 
-    getTargetOffset(targetActive, offset = 0) {
-      let currentPosition = targetActive * this.size;
-      if (!this.loop) {
-        currentPosition = Math.min(currentPosition, -this.minOffset);
+    const getTargetOffset = (targetActive, offset = 0) => {
+      let currentPosition = targetActive * size.value;
+      if (!props.loop) {
+        currentPosition = Math.min(currentPosition, -minOffset.value);
       }
 
       let targetOffset = Math.round(offset - currentPosition);
-      if (!this.loop) {
-        targetOffset = range(targetOffset, this.minOffset, 0);
+      if (!props.loop) {
+        targetOffset = range(targetOffset, minOffset.value, 0);
       }
 
       return targetOffset;
-    },
+    };
 
-    move({ pace = 0, offset = 0, emitChange }) {
-      const { loop, count, active, children, trackSize, minOffset } = this;
-
-      if (count <= 1) {
+    const move = ({ pace = 0, offset = 0, emitChange }) => {
+      if (count.value <= 1) {
         return;
       }
 
-      const targetActive = this.getTargetActive(pace);
-      const targetOffset = this.getTargetOffset(targetActive, offset);
+      const { active } = state;
+      const targetActive = getTargetActive(pace);
+      const targetOffset = getTargetOffset(targetActive, offset);
 
       // auto move first and last swipe in loop mode
-      if (loop) {
-        if (children[0] && targetOffset !== minOffset) {
-          const outRightBound = targetOffset < minOffset;
-          children[0].offset = outRightBound ? trackSize : 0;
+      if (props.loop) {
+        if (children[0] && targetOffset !== minOffset.value) {
+          const outRightBound = targetOffset < minOffset.value;
+          children[0].setOffset(outRightBound ? trackSize.value : 0);
         }
 
-        if (children[count - 1] && targetOffset !== 0) {
+        if (children[count.value - 1] && targetOffset !== 0) {
           const outLeftBound = targetOffset > 0;
-          children[count - 1].offset = outLeftBound ? -trackSize : 0;
+          children[count.value - 1].setOffset(
+            outLeftBound ? -trackSize.value : 0
+          );
         }
       }
 
-      this.active = targetActive;
-      this.offset = targetOffset;
+      state.active = targetActive;
+      state.offset = targetOffset;
 
       if (emitChange && targetActive !== active) {
-        this.$emit('change', this.activeIndicator);
+        emit('change', activeIndicator.value);
       }
-    },
+    };
 
-    // @exposed-api
-    prev() {
-      this.correctPosition();
-      this.resetTouchStatus();
+    const correctPosition = () => {
+      state.swiping = true;
+
+      if (state.active <= -1) {
+        move({ pace: count.value });
+      }
+      if (state.active >= count.value) {
+        move({ pace: -count.value });
+      }
+    };
+
+    const prev = () => {
+      correctPosition();
+      touch.reset();
 
       doubleRaf(() => {
-        this.swiping = false;
-        this.move({
+        state.swiping = false;
+        move({
           pace: -1,
           emitChange: true,
         });
       });
-    },
+    };
 
-    // @exposed-api
-    next() {
-      this.correctPosition();
-      this.resetTouchStatus();
+    const next = () => {
+      correctPosition();
+      touch.reset();
 
       doubleRaf(() => {
-        this.swiping = false;
-        this.move({
+        state.swiping = false;
+        move({
           pace: 1,
           emitChange: true,
         });
       });
-    },
+    };
 
-    // @exposed-api
-    swipeTo(index, options = {}) {
-      this.correctPosition();
-      this.resetTouchStatus();
+    let autoplayTimer;
+
+    const stopAutoplay = () => {
+      clearTimeout(autoplayTimer);
+    };
+
+    const autoplay = () => {
+      if (props.autoplay > 0 && count.value > 1) {
+        stopAutoplay();
+        autoplayTimer = setTimeout(() => {
+          next();
+          autoplay();
+        }, props.autoplay);
+      }
+    };
+
+    // initialize swipe position
+    const initialize = (active = +props.initialSwipe) => {
+      if (!root.value || isHidden(root)) {
+        return;
+      }
+
+      stopAutoplay();
+
+      const rect = useRect(root);
+
+      state.rect = rect;
+      state.swiping = true;
+      state.active = active;
+      state.width = Math.round(+props.width || rect.width);
+      state.height = Math.round(+props.height || rect.height);
+      state.offset = getTargetOffset(active);
+      children.forEach((swipe) => {
+        swipe.setOffset(0);
+      });
+
+      autoplay();
+    };
+
+    const resize = () => {
+      initialize(activeIndicator.value);
+    };
+
+    let touchStartTime;
+
+    const onTouchStart = (event) => {
+      if (!props.touchable) return;
+
+      touch.start(event);
+      touchStartTime = Date.now();
+
+      stopAutoplay();
+      correctPosition();
+    };
+
+    const onTouchMove = (event) => {
+      if (props.touchable && state.swiping) {
+        touch.move(event);
+
+        if (isCorrectDirection.value) {
+          preventDefault(event, props.stopPropagation);
+          move({ offset: delta.value });
+        }
+      }
+    };
+
+    const onTouchEnd = () => {
+      if (!props.touchable || !state.swiping) {
+        return;
+      }
+
+      const duration = Date.now() - touchStartTime;
+      const speed = delta.value / duration;
+      const shouldSwipe =
+        Math.abs(speed) > 0.25 || Math.abs(delta.value) > size.value / 2;
+
+      if (shouldSwipe && isCorrectDirection.value) {
+        const offset = props.vertical
+          ? touch.offsetY.value
+          : touch.offsetX.value;
+
+        let pace = 0;
+
+        if (props.loop) {
+          pace = offset > 0 ? (delta.value > 0 ? -1 : 1) : 0;
+        } else {
+          pace = -Math[delta.value > 0 ? 'ceil' : 'floor'](
+            delta.value / size.value
+          );
+        }
+
+        move({
+          pace,
+          emitChange: true,
+        });
+      } else if (delta.value) {
+        move({ pace: 0 });
+      }
+
+      state.swiping = false;
+      autoplay();
+    };
+
+    const swipeTo = (index, options = {}) => {
+      correctPosition();
+      touch.reset();
 
       doubleRaf(() => {
         let targetIndex;
-        if (this.loop && index === this.count) {
-          targetIndex = this.active === 0 ? 0 : index;
+        if (props.loop && index === count.value) {
+          targetIndex = state.active === 0 ? 0 : index;
         } else {
-          targetIndex = index % this.count;
+          targetIndex = index % count.value;
         }
 
         if (options.immediate) {
           doubleRaf(() => {
-            this.swiping = false;
+            state.swiping = false;
           });
         } else {
-          this.swiping = false;
+          state.swiping = false;
         }
 
-        this.move({
-          pace: targetIndex - this.active,
+        move({
+          pace: targetIndex - state.active,
           emitChange: true,
         });
       });
-    },
+    };
 
-    correctPosition() {
-      this.swiping = true;
+    const renderDot = (_, index) => {
+      const active = index === activeIndicator.value;
+      const style = active ? { backgroundColor: props.indicatorColor } : null;
+      return <i style={style} class={bem('indicator', { active })} />;
+    };
 
-      if (this.active <= -1) {
-        this.move({ pace: this.count });
+    const renderIndicator = () => {
+      if (slots.indicator) {
+        return slots.indicator();
       }
-
-      if (this.active >= this.count) {
-        this.move({ pace: -this.count });
-      }
-    },
-
-    clear() {
-      clearTimeout(this.timer);
-    },
-
-    autoPlay() {
-      const { autoplay } = this;
-
-      if (autoplay > 0 && this.count > 1) {
-        this.clear();
-        this.timer = setTimeout(() => {
-          this.next();
-          this.autoPlay();
-        }, autoplay);
-      }
-    },
-
-    genIndicator() {
-      const { count, activeIndicator } = this;
-
-      if (this.$slots.indicator) {
-        return this.$slots.indicator();
-      }
-
-      if (this.showIndicators && count > 1) {
+      if (props.showIndicators && count.value > 1) {
         return (
-          <div class={bem('indicators', { vertical: this.vertical })}>
-            {Array(...Array(count)).map((empty, index) => (
-              <i
-                class={bem('indicator', { active: index === activeIndicator })}
-                style={index === activeIndicator ? this.indicatorStyle : null}
-              />
-            ))}
+          <div class={bem('indicators', { vertical: props.vertical })}>
+            {Array(...Array(count.value)).map(renderDot)}
           </div>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    return (
-      <div class={bem()}>
+    useExpose({
+      prev,
+      next,
+      resize,
+      swipeTo,
+    });
+
+    provide(SWIPE_KEY, { size, props, count, children, activeIndicator });
+
+    watch([children, () => props.initialSwipe], initialize);
+
+    watch(
+      () => props.autoplay,
+      (value) => {
+        if (value > 0) {
+          autoplay();
+        } else {
+          stopAutoplay();
+        }
+      }
+    );
+
+    watch([windowSize.width, windowSize.height], resize);
+
+    watch(usePageVisibility(), (visible) => {
+      if (visible) {
+        autoplay();
+      } else {
+        stopAutoplay();
+      }
+    });
+
+    onMounted(initialize);
+    onActivated(initialize);
+    onDeactivated(stopAutoplay);
+    onBeforeUnmount(stopAutoplay);
+
+    return () => (
+      <div ref={root} class={bem()}>
         <div
-          ref="track"
-          style={this.trackStyle}
-          class={bem('track', { vertical: this.vertical })}
+          style={trackStyle.value}
+          class={bem('track', { vertical: props.vertical })}
+          onTouchstart={onTouchStart}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
         >
-          {this.$slots.default?.()}
+          {slots.default?.()}
         </div>
-        {this.genIndicator()}
+        {renderIndicator()}
       </div>
     );
   },
diff --git a/yarn.lock b/yarn.lock
index dd40ef329..595e258af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -441,6 +441,11 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
   integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
 
+"@babel/parser@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
+  integrity sha1-x/9jA99xCA7HpPW4wAPFjxz1EDc=
+
 "@babel/plugin-proposal-async-generator-functions@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.4.tgz#4b65abb3d9bacc6c657aaa413e56696f9f170fc6"
@@ -1132,6 +1137,15 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
+  integrity sha1-2d5XfQElLXfGgAzuA57mT691Zi0=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -2180,54 +2194,54 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
-  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
+"@vue/compiler-core@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.12.tgz#eb26ff2f7e0eb8b362606228b2dda59c0c914f63"
+  integrity sha1-6yb/L34OuLNiYGIost2lnAyRT2M=
   dependencies:
-    "@babel/parser" "^7.10.4"
-    "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.10"
+    "@babel/parser" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    "@vue/shared" "3.0.0-rc.12"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
-  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
+"@vue/compiler-dom@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.12.tgz#b8468cb3f81d43ca25592026482e1330b99f2b8c"
+  integrity sha1-uEaMs/gdQ8olWSAmSC4TMLmfK4w=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-core" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
 
-"@vue/compiler-sfc@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111795&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-sfc%2Fdownload%2F%40vue%2Fcompiler-sfc-3.0.0-rc.10.tgz#4351ece66cdf4d758877482f69421c43d994dbaf"
-  integrity sha1-Q1Hs5mzfTXWId0gvaUIcQ9mU268=
+"@vue/compiler-sfc@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.12.tgz#eff29e9688b8ed840506d88b94336689cf2970f2"
+  integrity sha1-7/Keloi47YQFBtiLlDNmic8pcPI=
   dependencies:
-    "@babel/parser" "^7.10.4"
-    "@babel/types" "^7.10.4"
-    "@vue/compiler-core" "3.0.0-rc.10"
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/compiler-ssr" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
-    consolidate "^0.15.1"
+    "@babel/parser" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    "@vue/compiler-core" "3.0.0-rc.12"
+    "@vue/compiler-dom" "3.0.0-rc.12"
+    "@vue/compiler-ssr" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
+    consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
     lru-cache "^5.1.1"
     magic-string "^0.25.7"
     merge-source-map "^1.1.0"
-    postcss "^7.0.27"
-    postcss-modules "^3.1.0"
+    postcss "^7.0.32"
+    postcss-modules "^3.2.2"
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111870&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0-rc.10.tgz#95a5f6b65b19a514c94f056994ec144b3b1b03ae"
-  integrity sha1-laX2tlsZpRTJTwVplOwUSzsbA64=
+"@vue/compiler-ssr@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.12.tgz#ea37bfb616d90c376a5ef40bc65c57514bb6fef3"
+  integrity sha1-6je/thbZDDdqXvQLxlxXUUu2/vM=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2245,34 +2259,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
-  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
+"@vue/reactivity@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.12.tgz#9f5c6da78729fe80cc47d23bc8b6c09b36998a29"
+  integrity sha1-n1xtp4cp/oDMR9I7yLbAmzaZiik=
   dependencies:
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/shared" "3.0.0-rc.12"
 
-"@vue/runtime-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
-  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
+"@vue/runtime-core@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.12.tgz#021dbfabe5f50043790fb80d5235b6cedb3de4ac"
+  integrity sha1-Ah2/q+X1AEN5D7gNUjW2zts95Kw=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/reactivity" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
 
-"@vue/runtime-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
-  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
+"@vue/runtime-dom@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.12.tgz#cdc197736d6092bfcc39bdf50349a28f175d2103"
+  integrity sha1-zcGXc21gkr/MOb31A0mijxddIQM=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/runtime-core" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
-  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
+"@vue/shared@3.0.0-rc.12":
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.12.tgz#b114d999d6f51191f4ff6b284fa7bddf4c8589bc"
+  integrity sha1-sRTZmdb1EZH0/2soT6e930yFibw=
 
 "@vue/test-utils@2.0.0-beta.4":
   version "2.0.0-beta.4"
@@ -3046,7 +3060,7 @@ bindings@^1.5.0:
   dependencies:
     file-uri-to-path "1.0.0"
 
-bluebird@^3.1.1, bluebird@^3.5.5:
+bluebird@^3.1.1, bluebird@^3.5.5, bluebird@^3.7.2:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
@@ -3924,6 +3938,13 @@ consolidate@^0.15.1:
   dependencies:
     bluebird "^3.1.1"
 
+consolidate@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.npm.taobao.org/consolidate/download/consolidate-0.16.0.tgz?cache=0&sync_timestamp=1599597070540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconsolidate%2Fdownload%2Fconsolidate-0.16.0.tgz#a11864768930f2f19431660a65906668f5fbdc16"
+  integrity sha1-oRhkdokw8vGUMWYKZZBmaPX73BY=
+  dependencies:
+    bluebird "^3.7.2"
+
 constants-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
@@ -9504,10 +9525,10 @@ postcss-modules-values@^3.0.0:
     icss-utils "^4.0.0"
     postcss "^7.0.6"
 
-postcss-modules@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.npmjs.org/postcss-modules/-/postcss-modules-3.2.0.tgz#1ca870d197cd09a7964253e12de2aac906c94256"
-  integrity sha512-ceodlVbBypGD3R7EI1xM7gz28J0syaXq0VKd7rJVXVlOSkxUIRBRJQjBgpoKnKVFNAcCjtLVgZqBA3mUNntWPA==
+postcss-modules@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.npm.taobao.org/postcss-modules/download/postcss-modules-3.2.2.tgz?cache=0&sync_timestamp=1598264337271&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules%2Fdownload%2Fpostcss-modules-3.2.2.tgz#ee390de0f9f18e761e1778dfb9be26685c02c51f"
+  integrity sha1-7jkN4PnxjnYeF3jfub4maFwCxR8=
   dependencies:
     generic-names "^2.0.1"
     icss-replace-symbols "^1.1.0"
@@ -12465,14 +12486,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.10:
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
-  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
+vue@3.0.0-rc.12:
+  version "3.0.0-rc.12"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.12.tgz?cache=0&sync_timestamp=1600279309948&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.12.tgz#08849531c9255f290b552912ae52802c5bc323d5"
+  integrity sha1-CISVMcklXykLVSkSrlKALFvDI9U=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/runtime-dom" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@vue/compiler-dom" "3.0.0-rc.12"
+    "@vue/runtime-dom" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0-rc.12"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From e4798138cb109d6af9a68e711d9f43f84eb230b7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 17 Sep 2020 19:41:54 +0800
Subject: [PATCH 423/626] chore(Slider): adjust var naming

---
 src/slider/index.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/slider/index.js b/src/slider/index.js
index 175fc71fe..01f9080b2 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -14,9 +14,9 @@ const [createComponent, bem] = createNamespace('slider');
 
 export default createComponent({
   props: {
+    range: Boolean,
     disabled: Boolean,
     vertical: Boolean,
-    range: Boolean,
     barHeight: [Number, String],
     buttonSize: [Number, String],
     activeColor: String,
@@ -43,8 +43,8 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     let startValue;
+    let buttonIndex;
     let currentValue;
-    let index;
 
     const root = ref();
     const dragStatus = ref();
@@ -188,7 +188,7 @@ export default createComponent({
       const diff = (delta / total) * scope.value;
 
       if (props.range) {
-        currentValue[index] = startValue[index] + diff;
+        currentValue[buttonIndex] = startValue[buttonIndex] + diff;
       } else {
         currentValue = startValue + diff;
       }
@@ -208,11 +208,11 @@ export default createComponent({
       dragStatus.value = '';
     };
 
-    const renderButton = (i) => {
-      const map = ['left', 'right'];
+    const renderButton = (index) => {
       const getClassName = () => {
-        if (typeof i === 'number') {
-          return `button-wrapper-${map[i]}`;
+        if (typeof index === 'number') {
+          const position = ['left', 'right'];
+          return `button-wrapper-${position[index]}`;
         }
         return `button-wrapper`;
       };
@@ -227,9 +227,9 @@ export default createComponent({
           aria-valuemax={props.max}
           aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
           onTouchstart={(e) => {
-            if (typeof i === 'number') {
+            if (typeof index === 'number') {
               // 保存当前按钮的索引
-              index = i;
+              buttonIndex = index;
             }
             onTouchStart(e);
           }}

From e7510585ab68101cbc1a95e5c04f08cbb19be2a3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 18 Sep 2020 22:18:15 +0800
Subject: [PATCH 424/626] fix(Field): input composing #7035

---
 src/field/index.js     | 25 ++++++++++++++++---------
 src/utils/dom/event.ts |  6 ++++++
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index 4b28c58e5..5b69a8466 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -1,7 +1,7 @@
 // Utils
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { formatNumber } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
+import { trigger, preventDefault } from '../utils/dom/event';
 import {
   isDef,
   addUnit,
@@ -386,6 +386,18 @@ export default createComponent({
       this.$emit('keypress', event);
     },
 
+    onCompositionStart(event) {
+      event.target.composing = true;
+    },
+
+    onCompositionEnd(event) {
+      const { target } = event;
+      if (target.composing) {
+        target.composing = false;
+        trigger(target, 'input');
+      }
+    },
+
     adjustSize() {
       const { input } = this.$refs;
       if (!(this.type === 'textarea' && this.autosize) || !input) {
@@ -439,15 +451,10 @@ export default createComponent({
         onFocus: this.onFocus,
         onInput: this.onInput,
         onClick: this.onClickInput,
+        onChange: this.onCompositionEnd,
         onKeypress: this.onKeypress,
-        // TODO
-        // add model directive to skip IME composition
-        // directives: [
-        //   {
-        //     name: 'model',
-        //     value: this.modelValue,
-        //   },
-        // ],
+        onCompositionend: this.onCompositionEnd,
+        onCompositionstart: this.onCompositionStart,
       };
 
       if (type === 'textarea') {
diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index f65745cc7..322247318 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -56,3 +56,9 @@ export function preventDefault(event: Event, isStopPropagation?: boolean) {
     stopPropagation(event);
   }
 }
+
+export function trigger(target: Element, type: string) {
+  const inputEvent = document.createEvent('HTMLEvents');
+  inputEvent.initEvent(type, true, true);
+  target.dispatchEvent(inputEvent);
+}

From ae26d6d4d9bed8fcc59c6ec7f578cb027024b87a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:07:34 +0800
Subject: [PATCH 425/626] =?UTF-8?q?chore:=20bump=20vue@3.0.0=F0=9F=94=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   |   6 +-
 packages/vant-cli/package.json |   8 +--
 packages/vant-cli/yarn.lock    |  86 ++++++++------------------
 yarn.lock                      | 106 ++++++++++++++++-----------------
 4 files changed, 85 insertions(+), 121 deletions(-)

diff --git a/package.json b/package.json
index a8d8d470e..9658abdcb 100644
--- a/package.json
+++ b/package.json
@@ -59,14 +59,14 @@
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
-    "vue": "3.0.0-0"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
     "@vant/cli": "^3.0.0-alpha.10",
-    "@vue/compiler-sfc": "3.0.0-rc.12",
+    "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
-    "vue": "3.0.0-rc.12"
+    "vue": "^3.0.0"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 0cf59dc4f..59fb8844a 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -29,8 +29,8 @@
   "author": "chenjiahan",
   "license": "MIT",
   "peerDependencies": {
-    "@vue/compiler-sfc": "3.0.0-0",
-    "vue": "3.0.0-0"
+    "@vue/compiler-sfc": "^3.0.0",
+    "vue": "^3.0.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.1",
@@ -56,7 +56,7 @@
     "@vant/touch-emulator": "^1.2.0",
     "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "2.0.0-beta.4",
+    "@vue/test-utils": "2.0.0-beta.5",
     "address": "^1.1.2",
     "autoprefixer": "^9.8.0",
     "babel-jest": "^26.0.1",
@@ -98,7 +98,7 @@
     "typescript": "^4.0.0",
     "vue-jest": "^5.0.0-alpha.3",
     "vue-loader": "^16.0.0-beta.7",
-    "vue-router": "^4.0.0-beta.9",
+    "vue-router": "^4.0.0-beta.10",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^4.2.2",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 3485d9ef2..20e6974cc 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1429,17 +1429,6 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
-"@jest/types@^26.3.0":
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/@jest/types/download/@jest/types-26.3.0.tgz#97627bf4bdb72c55346eef98e3b3f7ddc4941f71"
-  integrity sha1-l2J79L23LFU0bu+Y47P33cSUH3E=
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
@@ -1818,21 +1807,6 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
-"@types/istanbul-reports@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@types/istanbul-reports/download/@types/istanbul-reports-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fistanbul-reports%2Fdownload%2F%40types%2Fistanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
-  integrity sha1-UIsTqjRPpJdiNOdd3cw0klc32CE=
-  dependencies:
-    "@types/istanbul-lib-report" "*"
-
-"@types/jest@26.x":
-  version "26.0.13"
-  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-26.0.13.tgz?cache=0&sync_timestamp=1599059500568&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjest%2Fdownload%2F%40types%2Fjest-26.0.13.tgz#5a7b9d5312f5dd521a38329c38ee9d3802a0b85e"
-  integrity sha1-WnudUxL13VIaODKcOO6dOAKguF4=
-  dependencies:
-    jest-diff "^25.2.1"
-    pretty-format "^25.2.1"
-
 "@types/jest@^25.2.3":
   version "25.2.3"
   resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
@@ -2181,10 +2155,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@2.0.0-beta.4":
-  version "2.0.0-beta.4"
-  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-beta.4.tgz?cache=0&sync_timestamp=1599709490058&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-2.0.0-beta.4.tgz#7d275ca5d4e54ae32a9da4f03c1da6fdc3ce30e4"
-  integrity sha1-fSdcpdTlSuMqnaTwPB2m/cPOMOQ=
+"@vue/test-utils@2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-beta.5.tgz?cache=0&sync_timestamp=1600341259717&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-2.0.0-beta.5.tgz#c5980e3e6d22a1811483577bcfbcc2c4493c4a73"
+  integrity sha1-xZgOPm0ioYEUg1d7z7zCxEk8SnM=
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -7337,18 +7311,6 @@ jest-snapshot@^25.5.1:
     pretty-format "^25.5.0"
     semver "^6.3.0"
 
-jest-util@26.x:
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/jest-util/download/jest-util-26.3.0.tgz#a8974b191df30e2bf523ebbfdbaeb8efca535b3e"
-  integrity sha1-qJdLGR3zDiv1I+u/266478pTWz4=
-  dependencies:
-    "@jest/types" "^26.3.0"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    micromatch "^4.0.2"
-
 jest-util@^25.5.0:
   version "25.5.0"
   resolved "https://registry.npm.taobao.org/jest-util/download/jest-util-25.5.0.tgz?cache=0&sync_timestamp=1588422260734&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-util%2Fdownload%2Fjest-util-25.5.0.tgz#31c63b5d6e901274d264a4fec849230aa3fa35b0"
@@ -8358,10 +8320,12 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@1.x:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+mkdirp@0.x:
+  version "0.5.5"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha1-2Rzv1i0UNsoPQWIOJRKI1CAJne8=
+  dependencies:
+    minimist "^1.2.5"
 
 mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   version "0.5.4"
@@ -10287,7 +10251,7 @@ resolve@1.1.7:
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
   integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
+resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha1-sllBtUloIxzC0bt2p5y38sC/hEQ=
@@ -10506,7 +10470,7 @@ semver-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
   integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
 
-"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -10516,7 +10480,7 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-semver@7.3.2, semver@7.x, semver@^7.2.1, semver@^7.3.2:
+semver@7.3.2, semver@^7.2.1, semver@^7.3.2:
   version "7.3.2"
   resolved "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
@@ -12268,10 +12232,10 @@ vue-loader@^16.0.0-beta.7:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.9:
-  version "4.0.0-beta.9"
-  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.9.tgz#8552c38c9b015527e74c9c6cb4c54868219d601e"
-  integrity sha1-hVLDjJsBVSfnTJxstMVIaCGdYB4=
+vue-router@^4.0.0-beta.10:
+  version "4.0.0-beta.10"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.10.tgz?cache=0&sync_timestamp=1600423164642&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.10.tgz#45f9e6fee6fcc7094b696e90c2c9f76c3aaf40ed"
+  integrity sha1-Rfnm/ub8xwlLaW6Qwsn3bDqvQO0=
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12661,7 +12625,14 @@ yaml@^1.7.2:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
-yargs-parser@18.1.3, yargs-parser@18.x, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
+yargs-parser@10.x, yargs-parser@^10.0.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
+  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
+  dependencies:
+    camelcase "^4.1.0"
+
+yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
@@ -12669,13 +12640,6 @@ yargs-parser@18.1.3, yargs-parser@18.x, yargs-parser@^18.1.1, yargs-parser@^18.1
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
-  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
-  dependencies:
-    camelcase "^4.1.0"
-
 yargs-parser@^13.1.2:
   version "13.1.2"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
diff --git a/yarn.lock b/yarn.lock
index 595e258af..ccfb804db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2194,36 +2194,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.12.tgz#eb26ff2f7e0eb8b362606228b2dda59c0c914f63"
-  integrity sha1-6yb/L34OuLNiYGIost2lnAyRT2M=
+"@vue/compiler-core@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0.tgz?cache=0&sync_timestamp=1600443978488&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0.tgz#25e4f079cf6c39f83bad23700f814c619105a0f2"
+  integrity sha1-JeTwec9sOfg7rSNwD4FMYZEFoPI=
   dependencies:
     "@babel/parser" "^7.11.5"
     "@babel/types" "^7.11.5"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.12.tgz#b8468cb3f81d43ca25592026482e1330b99f2b8c"
-  integrity sha1-uEaMs/gdQ8olWSAmSC4TMLmfK4w=
+"@vue/compiler-dom@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0.tgz?cache=0&sync_timestamp=1600443978610&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0.tgz#4cbb48fcf1f852daef2babcf9953b681ac463526"
+  integrity sha1-TLtI/PH4UtrvK6vPmVO2gaxGNSY=
   dependencies:
-    "@vue/compiler-core" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/compiler-core" "3.0.0"
+    "@vue/shared" "3.0.0"
 
-"@vue/compiler-sfc@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0-rc.12.tgz#eff29e9688b8ed840506d88b94336689cf2970f2"
-  integrity sha1-7/Keloi47YQFBtiLlDNmic8pcPI=
+"@vue/compiler-sfc@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-sfc%2Fdownload%2F%40vue%2Fcompiler-sfc-3.0.0.tgz#efa38037984bd64aae315828aa5c1248c6eadca9"
+  integrity sha1-76OAN5hL1kquMVgoqlwSSMbq3Kk=
   dependencies:
     "@babel/parser" "^7.11.5"
     "@babel/types" "^7.11.5"
-    "@vue/compiler-core" "3.0.0-rc.12"
-    "@vue/compiler-dom" "3.0.0-rc.12"
-    "@vue/compiler-ssr" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/compiler-core" "3.0.0"
+    "@vue/compiler-dom" "3.0.0"
+    "@vue/compiler-ssr" "3.0.0"
+    "@vue/shared" "3.0.0"
     consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2235,13 +2235,13 @@
     postcss-selector-parser "^6.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0-rc.12.tgz#ea37bfb616d90c376a5ef40bc65c57514bb6fef3"
-  integrity sha1-6je/thbZDDdqXvQLxlxXUUu2/vM=
+"@vue/compiler-ssr@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0.tgz#d717abcd23a89fb38d1497228633a21bcf9a0e28"
+  integrity sha1-1xerzSOon7ONFJcihjOiG8+aDig=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/compiler-dom" "3.0.0"
+    "@vue/shared" "3.0.0"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2259,34 +2259,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.12.tgz#9f5c6da78729fe80cc47d23bc8b6c09b36998a29"
-  integrity sha1-n1xtp4cp/oDMR9I7yLbAmzaZiik=
+"@vue/reactivity@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0.tgz?cache=0&sync_timestamp=1600443978749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0.tgz#fd15632a608650ce2a969c721787e27e2c80aa6b"
+  integrity sha1-/RVjKmCGUM4qlpxyF4fifiyAqms=
   dependencies:
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/shared" "3.0.0"
 
-"@vue/runtime-core@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.12.tgz#021dbfabe5f50043790fb80d5235b6cedb3de4ac"
-  integrity sha1-Ah2/q+X1AEN5D7gNUjW2zts95Kw=
+"@vue/runtime-core@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0.tgz?cache=0&sync_timestamp=1600443978874&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0.tgz#480febf1bfe32798b6abbd71a88f8e8b473a51c2"
+  integrity sha1-SA/r8b/jJ5i2q71xqI+Oi0c6UcI=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/reactivity" "3.0.0"
+    "@vue/shared" "3.0.0"
 
-"@vue/runtime-dom@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.12.tgz#cdc197736d6092bfcc39bdf50349a28f175d2103"
-  integrity sha1-zcGXc21gkr/MOb31A0mijxddIQM=
+"@vue/runtime-dom@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0.tgz?cache=0&sync_timestamp=1600443978991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0.tgz#e0d1f7c7e22e1318696014cc3501e06b288c2e11"
+  integrity sha1-4NH3x+IuExhpYBTMNQHgayiMLhE=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/runtime-core" "3.0.0"
+    "@vue/shared" "3.0.0"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0-rc.12":
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.12.tgz#b114d999d6f51191f4ff6b284fa7bddf4c8589bc"
-  integrity sha1-sRTZmdb1EZH0/2soT6e930yFibw=
+"@vue/shared@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0.tgz?cache=0&sync_timestamp=1600443979119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0.tgz#ec089236629ecc0f10346b92f101ff4339169f1a"
+  integrity sha1-7AiSNmKezA8QNGuS8QH/QzkWnxo=
 
 "@vue/test-utils@2.0.0-beta.4":
   version "2.0.0-beta.4"
@@ -12486,14 +12486,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@3.0.0-rc.12:
-  version "3.0.0-rc.12"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.12.tgz?cache=0&sync_timestamp=1600279309948&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0-rc.12.tgz#08849531c9255f290b552912ae52802c5bc323d5"
-  integrity sha1-CISVMcklXykLVSkSrlKALFvDI9U=
+vue@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0.tgz?cache=0&sync_timestamp=1600441287086&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0.tgz#cfb5df5c34efce319b113a1667d12b74dcfd9c90"
+  integrity sha1-z7XfXDTvzjGbEToWZ9ErdNz9nJA=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.12"
-    "@vue/runtime-dom" "3.0.0-rc.12"
-    "@vue/shared" "3.0.0-rc.12"
+    "@vue/compiler-dom" "3.0.0"
+    "@vue/runtime-dom" "3.0.0"
+    "@vue/shared" "3.0.0"
 
 w3c-hr-time@^1.0.1:
   version "1.0.2"

From ffeb6565051116a2e86e1382efd8b0b050cb1507 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:29:05 +0800
Subject: [PATCH 426/626] fix(cli): vue-router catchAll usage

---
 packages/vant-cli/site/desktop/router.js | 6 ++++--
 packages/vant-cli/site/mobile/router.js  | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/vant-cli/site/desktop/router.js b/packages/vant-cli/site/desktop/router.js
index fd758e4e5..56d3e41c7 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -47,12 +47,14 @@ function getRoutes() {
 
   if (locales) {
     routes.push({
-      path: '/:catchAll(.*)',
+      name: 'notFound',
+      path: '/:path(.*)+',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
   } else {
     routes.push({
-      path: '/:catchAll(.*)',
+      name: 'notFound',
+      path: '/:path(.*)+',
       redirect: '/',
     });
   }
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 28444db4d..0ca5c4568 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -28,7 +28,8 @@ function getRoutes() {
 
   if (langs.length) {
     routes.push({
-      path: '/:catchAll(.*)',
+      name: 'NotFound',
+      path: '/:path(.*)+',
       redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
 
@@ -41,7 +42,8 @@ function getRoutes() {
     });
   } else {
     routes.push({
-      path: '/:catchAll(.*)',
+      name: 'NotFound',
+      path: '/:path(.*)+',
       redirect: () => '/',
     });
 

From 0459ff5cb468059f71815ecbc1ef93c40d3ee3b0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:35:43 +0800
Subject: [PATCH 427/626] feat(cli):add vue feature flags

---
 packages/vant-cli/src/config/webpack.base.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index cf80fccd2..7bae1d3ee 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -1,4 +1,5 @@
 import sass from 'sass';
+import webpack from 'webpack';
 import FriendlyErrorsPlugin from '@nuxt/friendly-errors-webpack-plugin';
 import { VueLoaderPlugin } from 'vue-loader';
 import { join } from 'path';
@@ -34,6 +35,10 @@ const CSS_LOADERS = [
 ];
 
 const plugins = [
+  new webpack.DefinePlugin({
+    __VUE_OPTIONS_API__: 'true',
+    __VUE_PROD_DEVTOOLS__: 'false'
+  }),
   new VueLoaderPlugin(),
   new FriendlyErrorsPlugin({
     clearConsole: false,

From d23085a621b1af8867f6c4038fd6d7112ca952ad Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:48:07 +0800
Subject: [PATCH 428/626] feat(cli): upgrade fork-ts-checker-webpack-plugin to
 support Vue 3

---
 packages/vant-cli/package.json               |  2 +-
 packages/vant-cli/src/config/webpack.base.ts | 39 +++++-----
 packages/vant-cli/yarn.lock                  | 80 ++++++++++++++------
 3 files changed, 76 insertions(+), 45 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 59fb8844a..eea63b850 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -73,7 +73,7 @@
     "css-loader": "^3.5.3",
     "eslint": "^7.0.0",
     "fast-glob": "^3.2.2",
-    "fork-ts-checker-webpack-plugin": "^4.1.6",
+    "fork-ts-checker-webpack-plugin": "^5.0.0",
     "gh-pages": "^2.2.0",
     "hash-sum": "^2.0.0",
     "html-webpack-plugin": "4.3.0",
diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index 7bae1d3ee..d7b4adc27 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -4,7 +4,6 @@ import FriendlyErrorsPlugin from '@nuxt/friendly-errors-webpack-plugin';
 import { VueLoaderPlugin } from 'vue-loader';
 import { join } from 'path';
 import { existsSync } from 'fs';
-import { consola } from '../common/logger';
 import { WebpackConfig } from '../common/types';
 import {
   CWD,
@@ -37,7 +36,7 @@ const CSS_LOADERS = [
 const plugins = [
   new webpack.DefinePlugin({
     __VUE_OPTIONS_API__: 'true',
-    __VUE_PROD_DEVTOOLS__: 'false'
+    __VUE_PROD_DEVTOOLS__: 'false',
   }),
   new VueLoaderPlugin(),
   new FriendlyErrorsPlugin({
@@ -46,26 +45,22 @@ const plugins = [
   }),
 ];
 
-// const tsconfigPath = join(CWD, 'tsconfig.json');
-// if (existsSync(tsconfigPath)) {
-//   const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');
-//   plugins.push(
-//     new ForkTsCheckerPlugin({
-//       formatter: 'codeframe',
-//       vue: { enabled: true },
-//       logger: {
-//         // skip info message
-//         info() {},
-//         warn(message: string) {
-//           consola.warn(message);
-//         },
-//         error(message: string) {
-//           consola.error(message);
-//         },
-//       },
-//     })
-//   );
-// }
+const tsconfigPath = join(CWD, 'tsconfig.json');
+if (existsSync(tsconfigPath)) {
+  const ForkTsCheckerPlugin = require('fork-ts-checker-webpack-plugin');
+  plugins.push(
+    new ForkTsCheckerPlugin({
+      typescript: {
+        extensions: {
+          vue: {
+            enabled: true,
+            compiler: '@vue/compiler-sfc',
+          },
+        },
+      },
+    })
+  );
+}
 
 export const baseConfig: WebpackConfig = {
   mode: 'development',
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 20e6974cc..c74f62e1c 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
   integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
@@ -1820,6 +1820,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
   integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
 
+"@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5":
+  version "7.0.6"
+  resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.6.tgz?cache=0&sync_timestamp=1598910652146&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson-schema%2Fdownload%2F%40types%2Fjson-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
+  integrity sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA=
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -2424,6 +2429,16 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.5.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ajv@^6.12.2:
+  version "6.12.5"
+  resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.5.tgz?cache=0&sync_timestamp=1600261962070&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
+  integrity sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -3372,6 +3387,14 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1592843133653&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 changelog-filename-regex@^1.1.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/changelog-filename-regex/-/changelog-filename-regex-1.1.2.tgz#19e98e38248cff0c1cf3ae3bf51bfb22c48592d6"
@@ -5479,18 +5502,22 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
-fork-ts-checker-webpack-plugin@^4.1.6:
-  version "4.1.6"
-  resolved "https://registry.npm.taobao.org/fork-ts-checker-webpack-plugin/download/fork-ts-checker-webpack-plugin-4.1.6.tgz#5055c703febcf37fa06405d400c122b905167fc5"
-  integrity sha1-UFXHA/6883+gZAXUAMEiuQUWf8U=
+fork-ts-checker-webpack-plugin@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/fork-ts-checker-webpack-plugin/download/fork-ts-checker-webpack-plugin-5.2.0.tgz?cache=0&sync_timestamp=1599929910598&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffork-ts-checker-webpack-plugin%2Fdownload%2Ffork-ts-checker-webpack-plugin-5.2.0.tgz#780a14fb0da02a892baedd7aa0d089a1eda7b3e5"
+  integrity sha1-eAoU+w2gKokrrt16oNCJoe2ns+U=
   dependencies:
-    "@babel/code-frame" "^7.5.5"
-    chalk "^2.4.1"
-    micromatch "^3.1.10"
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    memfs "^3.1.2"
     minimatch "^3.0.4"
-    semver "^5.6.0"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
     tapable "^1.0.0"
-    worker-rpc "^0.1.0"
 
 form-data@3.0.0:
   version "3.0.0"
@@ -5561,6 +5588,11 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
+fs-monkey@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/fs-monkey/download/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
+  integrity sha1-SoLzaUQ2XmGfRFTZ//EGVTBnt4E=
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -8067,6 +8099,13 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
+memfs@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/memfs/download/memfs-3.2.0.tgz#f9438e622b5acd1daa8a4ae160c496fdd1325b26"
+  integrity sha1-+UOOYitazR2qikrhYMSW/dEyWyY=
+  dependencies:
+    fs-monkey "1.0.1"
+
 memory-fs@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
@@ -8175,11 +8214,6 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
 
-microevent.ts@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.npm.taobao.org/microevent.ts/download/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
-  integrity sha1-cLCbg/Q99RctAgWmMCW84Pc1f6A=
-
 micromatch@^3.1.10, micromatch@^3.1.4:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -10424,6 +10458,15 @@ saxes@^3.1.9:
   dependencies:
     xmlchars "^2.1.1"
 
+schema-utils@2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha1-FxUfdtjq5n+793lgwzxnatn078c=
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
 schema-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
@@ -12514,13 +12557,6 @@ worker-farm@^1.7.0:
   dependencies:
     errno "~0.1.7"
 
-worker-rpc@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.npm.taobao.org/worker-rpc/download/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5"
-  integrity sha1-y1Zb1tcHGo8WZgaGBR6WmtMvVNU=
-  dependencies:
-    microevent.ts "~0.1.1"
-
 wrap-ansi@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"

From f964790b3ea8ec7a34f3f35c340888f974c4a216 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:55:46 +0800
Subject: [PATCH 429/626] fix(cli): set document title

---
 packages/vant-cli/site/desktop/App.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/vant-cli/site/desktop/App.vue b/packages/vant-cli/site/desktop/App.vue
index 609d70799..1459f4d46 100644
--- a/packages/vant-cli/site/desktop/App.vue
+++ b/packages/vant-cli/site/desktop/App.vue
@@ -71,11 +71,15 @@ export default {
       setLang(val);
       this.setTitle();
     },
-  },
 
-  created() {
-    // TODO
-    // this.setTitle();
+    config: {
+      handler(val) {
+        if (val) {
+          this.setTitle();
+        }
+      },
+      immediate: true,
+    },
   },
 
   mounted() {

From 4d4959bbababc08b482a0268f108532ef8d55fcc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 06:59:09 +0800
Subject: [PATCH 430/626] chore(cli): skip ts-checker info message

---
 packages/vant-cli/src/config/webpack.base.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index d7b4adc27..609c0bd0b 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -3,6 +3,7 @@ import webpack from 'webpack';
 import FriendlyErrorsPlugin from '@nuxt/friendly-errors-webpack-plugin';
 import { VueLoaderPlugin } from 'vue-loader';
 import { join } from 'path';
+import { consola } from '../common/logger';
 import { existsSync } from 'fs';
 import { WebpackConfig } from '../common/types';
 import {
@@ -58,6 +59,18 @@ if (existsSync(tsconfigPath)) {
           },
         },
       },
+      logger: {
+        issues: {
+          // skip info message
+          log() {},
+          warn(message: string) {
+            consola.warn(message);
+          },
+          error(message: string) {
+            consola.error(message);
+          },
+        },
+      },
     })
   );
 }

From 890c988212d912093c11007eb79825e9241e3ef3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 07:00:13 +0800
Subject: [PATCH 431/626] chore: release @vant/cli@3.0.0-beta.0

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index eea63b850..eeaeb1b69 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-alpha.10",
+  "version": "3.0.0-beta.0",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From d1969a467b3705e6ab17bfe93a5157cae4506c68 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 07:04:13 +0800
Subject: [PATCH 432/626] chore: bump @vant/cli@3.0.0-beta.0

---
 package.json |   2 +-
 yarn.lock    | 101 ++++++++++++++++++++++++++++-----------------------
 2 files changed, 56 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index 9658abdcb..28ae1f116 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-alpha.10",
+    "@vant/cli": "^3.0.0-beta.0",
     "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
     "vue": "^3.0.0"
diff --git a/yarn.lock b/yarn.lock
index ccfb804db..9348bea70 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,7 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
   integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
@@ -1810,6 +1810,11 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
   integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
 
+"@types/json-schema@^7.0.5":
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
+  integrity sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -2048,10 +2053,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-alpha.10":
-  version "3.0.0-alpha.10"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-alpha.10.tgz#6651bc406c16ba1a32f7403a850c03785eff6208"
-  integrity sha512-GqX69B8Si3SCkeKk6nEG21quOCaX6ZX3PlrHIf16Ac9/oKEaNAXEvKU+Sb/2rcV6n4emf2bEIyv5AQmulx3jSA==
+"@vant/cli@^3.0.0-beta.0":
+  version "3.0.0-beta.0"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.0.tgz#dd3d0f4c12b7437649dc1c87fb0a70117410ec50"
+  integrity sha512-YHeaK0KzkqsjefC7zOrNJc1wVimJfcpgv3ycUU0w7Ge4Jv4D9gmWmUADU3Ji9tmFYXtE/i0/bLnd9yOqeHas7w==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
@@ -2070,7 +2075,7 @@
     "@vant/touch-emulator" "^1.2.0"
     "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "2.0.0-beta.4"
+    "@vue/test-utils" "2.0.0-beta.5"
     address "^1.1.2"
     autoprefixer "^9.8.0"
     babel-jest "^26.0.1"
@@ -2087,7 +2092,7 @@
     css-loader "^3.5.3"
     eslint "^7.0.0"
     fast-glob "^3.2.2"
-    fork-ts-checker-webpack-plugin "^4.1.6"
+    fork-ts-checker-webpack-plugin "^5.0.0"
     gh-pages "^2.2.0"
     hash-sum "^2.0.0"
     html-webpack-plugin "4.3.0"
@@ -2112,7 +2117,7 @@
     typescript "^4.0.0"
     vue-jest "^5.0.0-alpha.3"
     vue-loader "^16.0.0-beta.7"
-    vue-router "^4.0.0-beta.9"
+    vue-router "^4.0.0-beta.10"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^4.2.2"
@@ -2288,10 +2293,10 @@
   resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0.tgz?cache=0&sync_timestamp=1600443979119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0.tgz#ec089236629ecc0f10346b92f101ff4339169f1a"
   integrity sha1-7AiSNmKezA8QNGuS8QH/QzkWnxo=
 
-"@vue/test-utils@2.0.0-beta.4":
-  version "2.0.0-beta.4"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.4.tgz#7d275ca5d4e54ae32a9da4f03c1da6fdc3ce30e4"
-  integrity sha512-uW3GdeEEQFTdRoYmBxxHs0ENpbt8jB6OeQ8JCiTuPQecP51dI8IcGXDJhzv7bjWG6Ej+KjaTxKEmEikCyhLWtQ==
+"@vue/test-utils@2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.5.tgz#c5980e3e6d22a1811483577bcfbcc2c4493c4a73"
+  integrity sha512-ohWcS277p/3KHK5di6UskDZK8hsaZ7hzsJiMl1f0jI+boeaq53MqwA9c8VaHsJrmJEOjNH0Y3QDzyU7LTXpKNQ==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -5638,18 +5643,22 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
-fork-ts-checker-webpack-plugin@^4.1.6:
-  version "4.1.6"
-  resolved "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.6.tgz#5055c703febcf37fa06405d400c122b905167fc5"
-  integrity sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw==
+fork-ts-checker-webpack-plugin@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.0.tgz#780a14fb0da02a892baedd7aa0d089a1eda7b3e5"
+  integrity sha512-NEKcI0+osT5bBFZ1SFGzJMQETjQWZrSvMO1g0nAR/w0t328Z41eN8BJEIZyFCl2HsuiJpa9AN474Nh2qLVwGLQ==
   dependencies:
-    "@babel/code-frame" "^7.5.5"
-    chalk "^2.4.1"
-    micromatch "^3.1.10"
+    "@babel/code-frame" "^7.8.3"
+    "@types/json-schema" "^7.0.5"
+    chalk "^4.1.0"
+    cosmiconfig "^6.0.0"
+    deepmerge "^4.2.2"
+    fs-extra "^9.0.0"
+    memfs "^3.1.2"
     minimatch "^3.0.4"
-    semver "^5.6.0"
+    schema-utils "2.7.0"
+    semver "^7.3.2"
     tapable "^1.0.0"
-    worker-rpc "^0.1.0"
 
 form-data@3.0.0:
   version "3.0.0"
@@ -5720,6 +5729,11 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
+fs-monkey@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
+  integrity sha512-fcSa+wyTqZa46iWweI7/ZiUfegOZl0SG8+dltIwFXo7+zYU9J9kpS3NB6pZcSlJdhvIwp81Adx2XhZorncxiaA==
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -8267,6 +8281,13 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
+memfs@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/memfs/-/memfs-3.2.0.tgz#f9438e622b5acd1daa8a4ae160c496fdd1325b26"
+  integrity sha512-f/xxz2TpdKv6uDn6GtHee8ivFyxwxmPuXatBb1FBwxYNuVpbM3k/Y1Z+vC0mH/dIXXrukYfe3qe5J32Dfjg93A==
+  dependencies:
+    fs-monkey "1.0.1"
+
 memory-fs@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
@@ -8375,11 +8396,6 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
 
-microevent.ts@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.npmjs.org/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
-  integrity sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==
-
 micromatch@^3.1.10, micromatch@^3.1.4:
   version "3.1.10"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@@ -10644,6 +10660,15 @@ saxes@^3.1.9:
   dependencies:
     xmlchars "^2.1.1"
 
+schema-utils@2.7.0, schema-utils@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
+  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
+  dependencies:
+    "@types/json-schema" "^7.0.4"
+    ajv "^6.12.2"
+    ajv-keywords "^3.4.1"
+
 schema-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
@@ -10661,15 +10686,6 @@ schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
-schema-utils@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -12476,10 +12492,10 @@ vue-loader@^16.0.0-beta.7:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.9:
-  version "4.0.0-beta.9"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.9.tgz#8552c38c9b015527e74c9c6cb4c54868219d601e"
-  integrity sha512-k8AGMm3LCTqnsEuF37AD4kcZVMwtnFEzdjACgmIII/xbLnTj3+o5XyH/zREBZutgv5q2hzlLltMVglqDQYMd/A==
+vue-router@^4.0.0-beta.10:
+  version "4.0.0-beta.10"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.10.tgz#45f9e6fee6fcc7094b696e90c2c9f76c3aaf40ed"
+  integrity sha512-y3YxV8rO9e4mgFqdyskytRMLzwbxR65ZaAW59xZL+T3M3kHX5p+/XB6j7K5cVm/EgZFOLRb+Zht3ShVaEonn/A==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12767,13 +12783,6 @@ worker-farm@^1.7.0:
   dependencies:
     errno "~0.1.7"
 
-worker-rpc@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.npmjs.org/worker-rpc/-/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5"
-  integrity sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg==
-  dependencies:
-    microevent.ts "~0.1.1"
-
 wrap-ansi@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"

From 37e1449a6b535c3451500463582620ba33eb8de9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 07:10:12 +0800
Subject: [PATCH 433/626] chore: release 3.0.0-beta.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 28ae1f116..c846ad1f4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-beta.0",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 2cc475dd1c2b0b3ef23c4a721553c771ef0658f8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 07:16:38 +0800
Subject: [PATCH 434/626] docs(changelog): 3.0.0-beta.0

---
 docs/markdown/changelog-v3.zh-CN.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 21a6a1672..f6b519889 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,32 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.0](https://github.com/youzan/vant/compare/v2.10.7...v3.0.0-beta.0)
+
+`2020-09-18`
+
+**breaking changes**
+
+- Dialog: allow-html 属性的默认值调整为 false [02c7a7](https://github.com/youzan/vant/commit/02c7a75ee3d7725157b744bb710bd879f01a0065)
+- Picker: allow-html 属性的默认值调整为 false [02c7a7](https://github.com/youzan/vant/commit/02c7a75ee3d7725157b744bb710bd879f01a0065)
+
+**refactor**
+
+使用 Composition API 重构以下组件：
+
+- ImagePreview [6ab2b3](https://github.com/youzan/vant/commit/6ab2b3bf1f53dabf272ae3a6d663221236eab47c)
+- Picker [85d0d4](https://github.com/youzan/vant/commit/85d0d423eb33567d74d029991509589237214cf8)
+- Popup [946565](https://github.com/youzan/vant/commit/9465653f429d216bf0f34cb9cf26cc1f51b3e358)
+- Swipe [39c68c](https://github.com/youzan/vant/commit/39c68c993a34f8cfb0de056f0da7edcd01bd6d4d)
+- Uploader [595b06](https://github.com/youzan/vant/commit/595b062c34e34e48b5f8d730dc6b13221fcad841)
+
+**Bug Fixes**
+
+- AddressEdit: 修复 emits 未声明导致 warning 的问题 [1e6a12](https://github.com/youzan/vant/commit/1e6a120b2e48f7262062729260d362c96355eca6)
+- AddressEdit: 修复点击省市区弹窗的蒙层时无法关闭的问题 [02e89a](https://github.com/youzan/vant/commit/02e89a73c57af1e59429ab320c2a13395abc0520)
+- Field: 修复在 iOS 上中文输入过程中触发 input 事件的问题 [#7035](https://github.com/youzan/vant/issues/7035)
+- 包含 `v2.10.7` 版本的所有修复
+
 ### [v3.0.0-alpha.5](https://github.com/youzan/vant/compare/v2.10.6...v3.0.0-alpha.5)
 
 `2020-09-13`

From b668245f9f7c8567724fa910aa57d954628d993b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:12:38 +0800
Subject: [PATCH 435/626] chore: add stylelintignore

---
 .stylelintignore | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .stylelintignore

diff --git a/.stylelintignore b/.stylelintignore
new file mode 100644
index 000000000..2f6dab333
--- /dev/null
+++ b/.stylelintignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+lib
+*.tsx

From 97f12e327081172468b60f8819adfd60aa011e89 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:14:30 +0800
Subject: [PATCH 436/626] types: fix createComponent typing

---
 src/utils/create/component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index 6cbbf825c..a264b0a36 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -13,5 +13,5 @@ export function createComponent(name: string) {
     };
 
     return defineComponent(sfc);
-  };
+  } as typeof defineComponent;
 }

From 5e0913465667595b907d0638f4f6ce48443bb24a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:15:39 +0800
Subject: [PATCH 437/626] types(Icon): use tsx

---
 src/icon/{index.js => index.tsx} | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)
 rename src/icon/{index.js => index.tsx} (88%)

diff --git a/src/icon/index.js b/src/icon/index.tsx
similarity index 88%
rename from src/icon/index.js
rename to src/icon/index.tsx
index 84b2141e0..d7b920172 100644
--- a/src/icon/index.js
+++ b/src/icon/index.tsx
@@ -1,9 +1,10 @@
+import { PropType } from 'vue';
 import { addUnit, createNamespace } from '../utils';
 import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('icon');
 
-function isImage(name) {
+function isImage(name?: string) {
   return name ? name.indexOf('/') !== -1 : false;
 }
 
@@ -15,7 +16,7 @@ export default createComponent({
     badge: [Number, String],
     color: String,
     tag: {
-      type: String,
+      type: String as PropType<keyof HTMLElementTagNameMap>,
       default: 'i',
     },
     classPrefix: {

From 40085b72fe96ea4b1c389d64f4a4fd32c7226759 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:20:25 +0800
Subject: [PATCH 438/626] types(Badge): remove unused BadgeProps

---
 src/badge/index.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/badge/index.tsx b/src/badge/index.tsx
index 3f428a08e..bea6bbeaf 100644
--- a/src/badge/index.tsx
+++ b/src/badge/index.tsx
@@ -2,18 +2,13 @@ import { isDef, createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('badge');
 
-export type BadgeProps = {
-  dot?: boolean;
-  badge?: number | string;
-};
-
 export default createComponent({
   props: {
     dot: Boolean,
     badge: [Number, String],
   },
 
-  setup(props: BadgeProps) {
+  setup(props) {
     return () => {
       const { dot, badge } = props;
       const hasBadge = isDef(badge) && badge !== '';

From fe7e2faf6c6a7e6e3fa3c80f480c97a06f5124ae Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:24:13 +0800
Subject: [PATCH 439/626] types(Button): use tsx

---
 src/button/{index.js => index.tsx} | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)
 rename src/button/{index.js => index.tsx} (87%)

diff --git a/src/button/index.js b/src/button/index.tsx
similarity index 87%
rename from src/button/index.js
rename to src/button/index.tsx
index 79fc043c5..a5b54bf5d 100644
--- a/src/button/index.js
+++ b/src/button/index.tsx
@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_SURROUND, WHITE } from '../utils/constant';
@@ -9,6 +11,15 @@ import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('button');
 
+export type ButtonType =
+  | 'default'
+  | 'primary'
+  | 'success'
+  | 'warning'
+  | 'danger';
+
+export type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
+
 export default createComponent({
   props: {
     ...routeProps,
@@ -26,15 +37,15 @@ export default createComponent({
     loadingText: String,
     loadingType: String,
     tag: {
-      type: String,
+      type: String as PropType<keyof HTMLElementTagNameMap>,
       default: 'button',
     },
     type: {
-      type: String,
+      type: String as PropType<ButtonType>,
       default: 'default',
     },
     size: {
-      type: String,
+      type: String as PropType<ButtonSize>,
       default: 'normal',
     },
     nativeType: {
@@ -46,7 +57,7 @@ export default createComponent({
       default: '20px',
     },
     iconPosition: {
-      type: String,
+      type: String as PropType<'left' | 'right'>,
       default: 'left',
     },
   },
@@ -103,7 +114,7 @@ export default createComponent({
     const getStyle = () => {
       const { color, plain } = props;
       if (color) {
-        const style = {};
+        const style: Record<string, string> = {};
 
         style.color = plain ? color : WHITE;
 
@@ -114,7 +125,7 @@ export default createComponent({
 
         // hide border when color is linear-gradient
         if (color.indexOf('gradient') !== -1) {
-          style.border = 0;
+          style.border = '0';
         } else {
           style.borderColor = color;
         }
@@ -123,7 +134,7 @@ export default createComponent({
       }
     };
 
-    const onClick = (event) => {
+    const onClick = (event: MouseEvent) => {
       if (!props.loading && !props.disabled) {
         emit('click', event);
         route();

From 71d014d6910e9e43e135d7667fd8e6f33a60998d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:27:03 +0800
Subject: [PATCH 440/626] types(Loading): use tsx

---
 src/button/index.tsx                | 4 ++--
 src/loading/{index.js => index.tsx} | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)
 rename src/loading/{index.js => index.tsx} (88%)

diff --git a/src/button/index.tsx b/src/button/index.tsx
index a5b54bf5d..8034f452f 100644
--- a/src/button/index.tsx
+++ b/src/button/index.tsx
@@ -7,7 +7,7 @@ import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
-import Loading from '../loading';
+import Loading, { LoadingType } from '../loading';
 
 const [createComponent, bem] = createNamespace('button');
 
@@ -35,7 +35,7 @@ export default createComponent({
     disabled: Boolean,
     iconPrefix: String,
     loadingText: String,
-    loadingType: String,
+    loadingType: String as PropType<LoadingType>,
     tag: {
       type: String as PropType<keyof HTMLElementTagNameMap>,
       default: 'button',
diff --git a/src/loading/index.js b/src/loading/index.tsx
similarity index 88%
rename from src/loading/index.js
rename to src/loading/index.tsx
index 1ec170bf9..9f813e64c 100644
--- a/src/loading/index.js
+++ b/src/loading/index.tsx
@@ -1,9 +1,9 @@
-import { computed } from 'vue';
+import { computed, PropType } from 'vue';
 import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 const [createComponent, bem] = createNamespace('loading');
 
-const SpinIcon = [];
+const SpinIcon: JSX.Element[] = [];
 for (let i = 0; i < 12; i++) {
   SpinIcon.push(<i />);
 }
@@ -14,6 +14,8 @@ const CircularIcon = (
   </svg>
 );
 
+export type LoadingType = 'circular' | 'spinner';
+
 export default createComponent({
   props: {
     size: [Number, String],
@@ -21,7 +23,7 @@ export default createComponent({
     vertical: Boolean,
     textSize: [Number, String],
     type: {
-      type: String,
+      type: String as PropType<LoadingType>,
       default: 'circular',
     },
   },

From 1ef134822ed58b319d6bc9ad860957ae8727cc6d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 19 Sep 2020 23:36:52 +0800
Subject: [PATCH 441/626] types(Cell): use tsx

---
 src/cell/{index.js => index.tsx} | 35 ++++++++++++++++++++++++----
 src/cell/shared.ts               | 40 --------------------------------
 src/collapse-item/index.js       |  3 +--
 src/field/index.js               |  3 +--
 4 files changed, 32 insertions(+), 49 deletions(-)
 rename src/cell/{index.js => index.tsx} (76%)
 delete mode 100644 src/cell/shared.ts

diff --git a/src/cell/index.js b/src/cell/index.tsx
similarity index 76%
rename from src/cell/index.js
rename to src/cell/index.tsx
index 523a29a09..6cbcfc277 100644
--- a/src/cell/index.js
+++ b/src/cell/index.tsx
@@ -1,6 +1,7 @@
+import { PropType } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { cellProps } from './shared';
 
 // Composition
 import { useRoute, routeProps } from '../composition/use-route';
@@ -10,6 +11,30 @@ import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('cell');
 
+export type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
+
+export const cellProps = {
+  icon: String,
+  size: String as PropType<'large'>,
+  title: [Number, String],
+  value: [Number, String],
+  label: [Number, String],
+  center: Boolean,
+  isLink: Boolean,
+  required: Boolean,
+  clickable: Boolean,
+  iconPrefix: String,
+  titleStyle: null as any,
+  titleClass: null as any,
+  valueClass: null as any,
+  labelClass: null as any,
+  arrowDirection: String as PropType<CellArrowDirection>,
+  border: {
+    type: Boolean,
+    default: true,
+  },
+};
+
 export default createComponent({
   props: {
     ...cellProps,
@@ -91,21 +116,21 @@ export default createComponent({
       const { size, center, border, isLink, required } = props;
       const clickable = isLink || props.clickable;
 
-      const classes = {
+      const classes: Record<string, boolean | undefined> = {
         center,
         required,
         clickable,
         borderless: !border,
       };
       if (size) {
-        classes[size] = size;
+        classes[size] = !!size;
       }
 
       return (
         <div
           class={bem(classes)}
-          role={clickable ? 'button' : null}
-          tabindex={clickable ? 0 : null}
+          role={clickable ? 'button' : undefined}
+          tabindex={clickable ? 0 : undefined}
           onClick={route}
         >
           {renderLeftIcon()}
diff --git a/src/cell/shared.ts b/src/cell/shared.ts
deleted file mode 100644
index f3c2ec949..000000000
--- a/src/cell/shared.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-export type SharedCellProps = {
-  icon?: string;
-  size?: string;
-  border: boolean;
-  center?: boolean;
-  isLink?: boolean;
-  required?: boolean;
-  clickable?: boolean;
-  iconPrefix?: string;
-  titleStyle?: any;
-  titleClass?: any;
-  valueClass?: any;
-  labelClass?: any;
-  title?: string | number;
-  value?: string | number;
-  label?: string | number;
-  arrowDirection?: 'up' | 'down' | 'left' | 'right';
-};
-
-export const cellProps = {
-  icon: String,
-  size: String,
-  center: Boolean,
-  isLink: Boolean,
-  required: Boolean,
-  clickable: Boolean,
-  iconPrefix: String,
-  titleStyle: null as any,
-  titleClass: null as any,
-  valueClass: null as any,
-  labelClass: null as any,
-  title: [Number, String],
-  value: [Number, String],
-  label: [Number, String],
-  arrowDirection: String,
-  border: {
-    type: Boolean,
-    default: true,
-  },
-};
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 57dadf2bd..01b7362ce 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -9,9 +9,8 @@ import { useParent } from '../composition/use-relation';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
-import Cell from '../cell';
+import Cell, { cellProps } from '../cell';
 import { COLLAPSE_KEY } from '../collapse';
-import { cellProps } from '../cell/shared';
 
 const [createComponent, bem] = createNamespace('collapse-item');
 
diff --git a/src/field/index.js b/src/field/index.js
index 5b69a8466..72916c84f 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -13,8 +13,7 @@ import {
 
 // Components
 import Icon from '../icon';
-import Cell from '../cell';
-import { cellProps } from '../cell/shared';
+import Cell, { cellProps } from '../cell';
 
 const [createComponent, bem] = createNamespace('field');
 

From 7e86fb9e431ef119d5875c315f877d173608d3aa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 16:09:11 +0800
Subject: [PATCH 442/626] chore(Tabbar): rename root ref

---
 src/tabbar/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index d9afae016..4c174acb8 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -37,9 +37,9 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const tabbarRef = ref();
+    const root = ref();
     const children = reactive([]);
-    const renderPlaceholder = usePlaceholder(tabbarRef, bem);
+    const renderPlaceholder = usePlaceholder(root, bem);
 
     const isUnfit = () => {
       if (isDef(props.safeAreaInsetBottom)) {
@@ -54,7 +54,7 @@ export default createComponent({
       const unfit = isUnfit();
       return (
         <div
-          ref={tabbarRef}
+          ref={root}
           style={{ zIndex }}
           class={[bem({ unfit, fixed }), { [BORDER_TOP_BOTTOM]: border }]}
         >

From 00dbf2cc50c44d0ac45bc43daeaa91730b1a6e23 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 16:48:40 +0800
Subject: [PATCH 443/626] refactor(Field): refactor with composition-api

---
 src/composition/use-parent-field.ts |  16 +-
 src/field/index.js                  | 593 ++++++++++++++--------------
 src/form/index.js                   |  37 +-
 src/mixins/field.js                 |   6 +-
 4 files changed, 317 insertions(+), 335 deletions(-)

diff --git a/src/composition/use-parent-field.ts b/src/composition/use-parent-field.ts
index 561c9fef2..e53b6e9fd 100644
--- a/src/composition/use-parent-field.ts
+++ b/src/composition/use-parent-field.ts
@@ -1,17 +1,15 @@
-import { watch, inject, WatchSource, getCurrentInstance } from 'vue';
+import { watch, inject } from 'vue';
 import { FIELD_KEY } from '../field';
 
-export function useParentField(watchSource: WatchSource) {
+export function useParentField(getValue: () => unknown) {
   const field = inject(FIELD_KEY, null) as any;
 
-  if (field && !field.children) {
-    field.children = getCurrentInstance()!.proxy;
+  if (field && !field.childFieldValue.value) {
+    field.childFieldValue.value = getValue;
 
-    watch(watchSource, () => {
-      if (field) {
-        field.resetValidation();
-        field.validateWithTrigger('onChange');
-      }
+    watch(getValue, () => {
+      field.resetValidation();
+      field.validateWithTrigger('onChange');
     });
   }
 }
diff --git a/src/field/index.js b/src/field/index.js
index 72916c84f..7eb48c9fd 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -1,3 +1,13 @@
+import {
+  ref,
+  watch,
+  provide,
+  computed,
+  nextTick,
+  reactive,
+  onMounted,
+} from 'vue';
+
 // Utils
 import { resetScroll } from '../utils/dom/reset-scroll';
 import { formatNumber } from '../utils/format/number';
@@ -11,28 +21,20 @@ import {
   createNamespace,
 } from '../utils';
 
+// Composition
+import { useExpose } from '../composition/use-expose';
+import { useParent } from '../composition/use-relation';
+
 // Components
 import Icon from '../icon';
 import Cell, { cellProps } from '../cell';
+import { FORM_KEY } from '../form';
 
 const [createComponent, bem] = createNamespace('field');
 
 export const FIELD_KEY = 'vanField';
 
 export default createComponent({
-  provide() {
-    return {
-      vanField: this,
-    };
-  },
-
-  inject: {
-    vanForm: {
-      from: 'vanForm',
-      default: null,
-    },
-  },
-
   props: {
     ...cellProps,
     rows: [Number, String],
@@ -91,91 +93,37 @@ export default createComponent({
     'update:modelValue',
   ],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    const state = reactive({
       focused: false,
       validateFailed: false,
       validateMessage: '',
-    };
-  },
+    });
 
-  watch: {
-    modelValue(val) {
-      this.updateValue(val);
-      this.resetValidation();
-      this.validateWithTrigger('onChange');
-      this.$nextTick(this.adjustSize);
-    },
-  },
+    const root = ref();
+    const inputRef = ref();
+    const childFieldValue = ref();
 
-  mounted() {
-    this.updateValue(this.modelValue, this.formatTrigger);
-    this.$nextTick(this.adjustSize);
-
-    if (this.vanForm) {
-      this.vanForm.addField(this);
-    }
-  },
-
-  beforeUnmount() {
-    if (this.vanForm) {
-      this.vanForm.removeField(this);
-    }
-  },
-
-  computed: {
-    showClear() {
-      if (this.clearable && !this.readonly) {
-        const hasValue = isDef(this.modelValue) && this.modelValue !== '';
+    const showClear = computed(() => {
+      if (props.clearable && !props.readonly) {
+        const hasValue = isDef(props.modelValue) && props.modelValue !== '';
         const trigger =
-          this.clearTrigger === 'always' ||
-          (this.clearTrigger === 'focus' && this.focused);
+          props.clearTrigger === 'always' ||
+          (props.clearTrigger === 'focus' && state.focused);
 
         return hasValue && trigger;
       }
-    },
+    });
 
-    showError() {
-      if (this.error !== null) {
-        return this.error;
+    const formValue = computed(() => {
+      if (childFieldValue.value && slots.input) {
+        return childFieldValue.value();
       }
-      if (this.vanForm && this.vanForm.showError && this.validateFailed) {
-        return true;
-      }
-    },
+      return props.modelValue;
+    });
 
-    labelStyle() {
-      const labelWidth = this.getProp('labelWidth');
-      if (labelWidth) {
-        return { width: addUnit(labelWidth) };
-      }
-    },
-
-    formValue() {
-      if (this.children && this.$slots.input) {
-        return this.children.modelValue;
-      }
-      return this.modelValue;
-    },
-  },
-
-  methods: {
-    // @exposed-api
-    focus() {
-      if (this.$refs.input) {
-        this.$refs.input.focus();
-      }
-    },
-
-    // @exposed-api
-    blur() {
-      if (this.$refs.input) {
-        this.$refs.input.blur();
-      }
-    },
-
-    runValidator(value, rule) {
-      return new Promise((resolve) => {
+    const runValidator = (value, rule) =>
+      new Promise((resolve) => {
         const returnVal = rule.validator(value, rule);
 
         if (isPromise(returnVal)) {
@@ -184,9 +132,8 @@ export default createComponent({
 
         resolve(returnVal);
       });
-    },
 
-    isEmptyValue(value) {
+    const isEmptyValue = (value) => {
       if (Array.isArray(value)) {
         return !value.length;
       }
@@ -194,85 +141,97 @@ export default createComponent({
         return false;
       }
       return !value;
-    },
+    };
 
-    runSyncRule(value, rule) {
-      if (rule.required && this.isEmptyValue(value)) {
+    const runSyncRule = (value, rule) => {
+      if (rule.required && isEmptyValue(value)) {
         return false;
       }
       if (rule.pattern && !rule.pattern.test(value)) {
         return false;
       }
       return true;
-    },
+    };
 
-    getRuleMessage(value, rule) {
+    const getRuleMessage = (value, rule) => {
       const { message } = rule;
 
       if (isFunction(message)) {
         return message(value, rule);
       }
-
       return message;
-    },
+    };
 
-    runRules(rules) {
-      return rules.reduce(
+    const runRules = (rules) =>
+      rules.reduce(
         (promise, rule) =>
           promise.then(() => {
-            if (this.validateFailed) {
+            if (state.validateFailed) {
               return;
             }
 
-            let value = this.formValue;
+            let { value } = formValue;
 
             if (rule.formatter) {
               value = rule.formatter(value, rule);
             }
 
-            if (!this.runSyncRule(value, rule)) {
-              this.validateFailed = true;
-              this.validateMessage = this.getRuleMessage(value, rule);
+            if (!runSyncRule(value, rule)) {
+              state.validateFailed = true;
+              state.validateMessage = getRuleMessage(value, rule);
               return;
             }
 
             if (rule.validator) {
-              return this.runValidator(value, rule).then((result) => {
+              return runValidator(value, rule).then((result) => {
                 if (result === false) {
-                  this.validateFailed = true;
-                  this.validateMessage = this.getRuleMessage(value, rule);
+                  state.validateFailed = true;
+                  state.validateMessage = getRuleMessage(value, rule);
                 }
               });
             }
           }),
         Promise.resolve()
       );
-    },
 
-    validate(rules = this.rules) {
-      return new Promise((resolve) => {
+    const resetValidation = () => {
+      if (state.validateFailed) {
+        state.validateFailed = false;
+        state.validateMessage = '';
+      }
+    };
+
+    const validate = (rules = props.rules) =>
+      new Promise((resolve) => {
         if (!rules) {
           resolve();
         }
 
-        this.resetValidation();
-        this.runRules(rules).then(() => {
-          if (this.validateFailed) {
+        resetValidation();
+        runRules(rules).then(() => {
+          if (state.validateFailed) {
             resolve({
-              name: this.name,
-              message: this.validateMessage,
+              name: props.name,
+              message: state.validateMessage,
             });
           } else {
             resolve();
           }
         });
       });
-    },
 
-    validateWithTrigger(trigger) {
-      if (this.vanForm && this.rules) {
-        const defaultTrigger = this.vanForm.validateTrigger === trigger;
-        const rules = this.rules.filter((rule) => {
+    const { parent: form } = useParent(FORM_KEY, {
+      root,
+      props,
+      validate,
+      formValue,
+      resetValidation,
+    });
+
+    const validateWithTrigger = (trigger) => {
+      if (form && props.rules) {
+        const defaultTrigger = form.validateTrigger === trigger;
+        const rules = props.rules.filter((rule) => {
           if (rule.trigger) {
             return rule.trigger === trigger;
           }
@@ -280,134 +239,160 @@ export default createComponent({
           return defaultTrigger;
         });
 
-        this.validate(rules);
+        validate(rules);
       }
-    },
+    };
 
-    resetValidation() {
-      if (this.validateFailed) {
-        this.validateFailed = false;
-        this.validateMessage = '';
-      }
-    },
-
-    updateValue(value, trigger = 'onChange') {
+    const updateValue = (value, trigger = 'onChange') => {
       value = isDef(value) ? String(value) : '';
 
       // native maxlength not work when type is number
-      const { maxlength } = this;
+      const { maxlength } = props;
       if (isDef(maxlength) && value.length > maxlength) {
         value = value.slice(0, maxlength);
       }
 
-      if (this.type === 'number' || this.type === 'digit') {
-        const isNumber = this.type === 'number';
+      if (props.type === 'number' || props.type === 'digit') {
+        const isNumber = props.type === 'number';
         value = formatNumber(value, isNumber, isNumber);
       }
 
-      if (this.formatter && trigger === this.formatTrigger) {
-        value = this.formatter(value);
+      if (props.formatter && trigger === props.formatTrigger) {
+        value = props.formatter(value);
       }
 
-      const { input } = this.$refs;
-      if (input && value !== input.value) {
-        input.value = value;
+      if (inputRef.value && value !== inputRef.value.value) {
+        inputRef.value.value = value;
       }
 
-      if (value !== this.modelValue) {
-        this.$emit('update:modelValue', value);
+      if (value !== props.modelValue) {
+        emit('update:modelValue', value);
       }
+    };
 
-      this.currentValue = value;
-    },
-
-    onInput(event) {
-      // not update v-model when composing
-      if (event.target.composing) {
-        return;
+    const onInput = (event) => {
+      // skip update value when composing
+      if (!event.target.composing) {
+        updateValue(event.target.value);
       }
+    };
 
-      this.updateValue(event.target.value);
-    },
+    const focus = () => {
+      if (inputRef.value) {
+        inputRef.value.focus();
+      }
+    };
 
-    onFocus(event) {
-      this.focused = true;
-      this.$emit('focus', event);
+    const blur = () => {
+      if (inputRef.value) {
+        inputRef.value.blur();
+      }
+    };
+
+    const onFocus = (event) => {
+      state.focused = true;
+      emit('focus', event);
 
       // readonly not work in lagacy mobile safari
-      /* istanbul ignore if */
-      if (this.readonly) {
-        this.blur();
+      if (props.readonly) {
+        blur();
       }
-    },
+    };
 
-    onBlur(event) {
-      this.focused = false;
-      this.updateValue(this.modelValue, 'onBlur');
-      this.$emit('blur', event);
-      this.validateWithTrigger('onBlur');
+    const onBlur = (event) => {
+      state.focused = false;
+      updateValue(props.modelValue, 'onBlur');
+      emit('blur', event);
+      validateWithTrigger('onBlur');
       resetScroll();
-    },
+    };
 
-    onClickInput(event) {
-      this.$emit('click-input', event);
-    },
+    const onClickInput = (event) => {
+      emit('click-input', event);
+    };
 
-    onClickLeftIcon(event) {
-      this.$emit('click-left-icon', event);
-    },
+    const onClickLeftIcon = (event) => {
+      emit('click-left-icon', event);
+    };
 
-    onClickRightIcon(event) {
-      this.$emit('click-right-icon', event);
-    },
+    const onClickRightIcon = (event) => {
+      emit('click-right-icon', event);
+    };
 
-    onClear(event) {
+    const onClear = (event) => {
       preventDefault(event);
-      this.$emit('update:modelValue', '');
-      this.$emit('clear', event);
-    },
+      emit('update:modelValue', '');
+      emit('clear', event);
+    };
 
-    onKeypress(event) {
+    const showError = computed(() => {
+      if (typeof props.error === 'boolean') {
+        return props.error;
+      }
+      if (form && form.showError && state.validateFailed) {
+        return true;
+      }
+    });
+
+    const getProp = (key) => {
+      if (isDef(props[key])) {
+        return props[key];
+      }
+
+      if (form && isDef(form[key])) {
+        return form[key];
+      }
+    };
+
+    const labelStyle = computed(() => {
+      const labelWidth = getProp('labelWidth');
+      if (labelWidth) {
+        return { width: addUnit(labelWidth) };
+      }
+    });
+
+    const onKeypress = (event) => {
       const ENTER_CODE = 13;
 
       if (event.keyCode === ENTER_CODE) {
-        const submitOnEnter = this.getProp('submitOnEnter');
-        if (!submitOnEnter && this.type !== 'textarea') {
+        const submitOnEnter = getProp('submitOnEnter');
+        if (!submitOnEnter && props.type !== 'textarea') {
           preventDefault(event);
         }
 
         // trigger blur after click keyboard search button
-        if (this.type === 'search') {
-          this.blur();
+        if (props.type === 'search') {
+          blur();
         }
       }
 
-      this.$emit('keypress', event);
-    },
+      emit('keypress', event);
+    };
 
-    onCompositionStart(event) {
+    const onCompositionStart = (event) => {
       event.target.composing = true;
-    },
+    };
 
-    onCompositionEnd(event) {
+    const onCompositionEnd = (event) => {
       const { target } = event;
       if (target.composing) {
         target.composing = false;
         trigger(target, 'input');
       }
-    },
+    };
 
-    adjustSize() {
-      const { input } = this.$refs;
-      if (!(this.type === 'textarea' && this.autosize) || !input) {
+    const adjustSize = () => {
+      const input = inputRef.value;
+
+      if (!(props.type === 'textarea' && props.autosize) || !input) {
         return;
       }
 
       input.style.height = 'auto';
 
       let height = input.scrollHeight;
-      if (isObject(this.autosize)) {
-        const { maxHeight, minHeight } = this.autosize;
+      if (isObject(props.autosize)) {
+        const { maxHeight, minHeight } = props.autosize;
         if (maxHeight) {
           height = Math.min(height, maxHeight);
         }
@@ -419,43 +404,44 @@ export default createComponent({
       if (height) {
         input.style.height = height + 'px';
       }
-    },
+    };
 
-    genInput() {
-      const { type } = this;
-      const inputAlign = this.getProp('inputAlign');
+    const renderInput = () => {
+      const inputAlign = getProp('inputAlign');
 
-      if (this.$slots.input) {
+      if (slots.input) {
         return (
           <div
             class={bem('control', [inputAlign, 'custom'])}
-            onClick={this.onClickInput}
+            onClick={onClickInput}
           >
-            {this.$slots.input()}
+            {slots.input()}
           </div>
         );
       }
 
       const inputProps = {
-        ref: 'input',
-        name: this.name,
-        rows: this.rows,
+        ref: inputRef,
+        name: props.name,
+        rows: props.rows,
         style: null,
         class: bem('control', inputAlign),
-        value: this.modelValue,
-        disabled: this.disabled,
-        readonly: this.readonly,
-        placeholder: this.placeholder,
-        onBlur: this.onBlur,
-        onFocus: this.onFocus,
-        onInput: this.onInput,
-        onClick: this.onClickInput,
-        onChange: this.onCompositionEnd,
-        onKeypress: this.onKeypress,
-        onCompositionend: this.onCompositionEnd,
-        onCompositionstart: this.onCompositionStart,
+        value: props.modelValue,
+        disabled: props.disabled,
+        readonly: props.readonly,
+        placeholder: props.placeholder,
+        onBlur,
+        onFocus,
+        onInput,
+        onClick: onClickInput,
+        onChange: onCompositionEnd,
+        onKeypress,
+        onCompositionend: onCompositionEnd,
+        onCompositionstart: onCompositionStart,
       };
 
+      const { type } = props;
+
       if (type === 'textarea') {
         return <textarea {...inputProps} />;
       }
@@ -476,137 +462,144 @@ export default createComponent({
       }
 
       return <input type={inputType} inputmode={inputMode} {...inputProps} />;
-    },
+    };
 
-    genLeftIcon() {
-      const leftIconSlot = this.$slots['left-icon'];
+    const renderLeftIcon = () => {
+      const leftIconSlot = slots['left-icon'];
 
-      if (this.leftIcon || leftIconSlot) {
+      if (props.leftIcon || leftIconSlot) {
         return (
-          <div class={bem('left-icon')} onClick={this.onClickLeftIcon}>
+          <div class={bem('left-icon')} onClick={onClickLeftIcon}>
             {leftIconSlot ? (
               leftIconSlot()
             ) : (
-              <Icon name={this.leftIcon} classPrefix={this.iconPrefix} />
+              <Icon name={props.leftIcon} classPrefix={props.iconPrefix} />
             )}
           </div>
         );
       }
-    },
+    };
 
-    genRightIcon() {
-      const rightIconSlot = this.$slots['right-icon'];
+    const renderRightIcon = () => {
+      const rightIconSlot = slots['right-icon'];
 
-      if (this.rightIcon || rightIconSlot) {
+      if (props.rightIcon || rightIconSlot) {
         return (
-          <div class={bem('right-icon')} onClick={this.onClickRightIcon}>
+          <div class={bem('right-icon')} onClick={onClickRightIcon}>
             {rightIconSlot ? (
               rightIconSlot()
             ) : (
-              <Icon name={this.rightIcon} classPrefix={this.iconPrefix} />
+              <Icon name={props.rightIcon} classPrefix={props.iconPrefix} />
             )}
           </div>
         );
       }
-    },
-
-    genWordLimit() {
-      if (this.showWordLimit && this.maxlength) {
-        const count = (this.modelValue || '').length;
+    };
 
+    const renderWordLimit = () => {
+      if (props.showWordLimit && props.maxlength) {
+        const count = (props.modelValue || '').length;
         return (
           <div class={bem('word-limit')}>
-            <span class={bem('word-num')}>{count}</span>/{this.maxlength}
+            <span class={bem('word-num')}>{count}</span>/{props.maxlength}
           </div>
         );
       }
-    },
+    };
 
-    genMessage() {
-      if (this.vanForm && this.vanForm.showErrorMessage === false) {
+    const renderMessage = () => {
+      if (form && form.showErrorMessage === false) {
         return;
       }
 
-      const message = this.errorMessage || this.validateMessage;
+      const message = props.errorMessage || state.validateMessage;
 
       if (message) {
-        const errorMessageAlign = this.getProp('errorMessageAlign');
-
+        const errorMessageAlign = getProp('errorMessageAlign');
         return (
           <div class={bem('error-message', errorMessageAlign)}>{message}</div>
         );
       }
-    },
+    };
 
-    getProp(key) {
-      if (isDef(this[key])) {
-        return this[key];
+    const renderLabel = () => {
+      const colon = getProp('colon') ? ':' : '';
+
+      if (slots.label) {
+        return [slots.label(), colon];
       }
-
-      if (this.vanForm && isDef(this.vanForm[key])) {
-        return this.vanForm[key];
+      if (props.label) {
+        return <span>{props.label + colon}</span>;
       }
-    },
+    };
 
-    genLabel() {
-      const colon = this.getProp('colon') ? ':' : '';
+    useExpose({
+      focus,
+      blur,
+    });
 
-      if (this.$slots.label) {
-        return [this.$slots.label(), colon];
+    provide(FIELD_KEY, {
+      childFieldValue,
+      resetValidation,
+      validateWithTrigger,
+    });
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        updateValue(value);
+        resetValidation();
+        validateWithTrigger('onChange');
+        nextTick(adjustSize);
       }
-
-      if (this.label) {
-        return <span>{this.label + colon}</span>;
-      }
-    },
-  },
-
-  render() {
-    const slots = this.$slots;
-    const labelAlign = this.getProp('labelAlign');
-    const Label = this.genLabel();
-    const LeftIcon = this.genLeftIcon();
-
-    return (
-      <Cell
-        v-slots={{
-          icon: LeftIcon ? () => LeftIcon : null,
-          title: Label ? () => Label : null,
-          extra: slots.extra,
-        }}
-        icon={this.leftIcon}
-        size={this.size}
-        class={bem({
-          error: this.showError,
-          disabled: this.disabled,
-          [`label-${labelAlign}`]: labelAlign,
-          'min-height': this.type === 'textarea' && !this.autosize,
-        })}
-        center={this.center}
-        border={this.border}
-        isLink={this.isLink}
-        required={this.required}
-        clickable={this.clickable}
-        titleStyle={this.labelStyle}
-        valueClass={bem('value')}
-        titleClass={[bem('label', labelAlign), this.labelClass]}
-        arrowDirection={this.arrowDirection}
-      >
-        <div class={bem('body')}>
-          {this.genInput()}
-          {this.showClear && (
-            <Icon
-              name="clear"
-              class={bem('clear')}
-              onTouchstart={this.onClear}
-            />
-          )}
-          {this.genRightIcon()}
-          {slots.button && <div class={bem('button')}>{slots.button()}</div>}
-        </div>
-        {this.genWordLimit()}
-        {this.genMessage()}
-      </Cell>
     );
+
+    onMounted(() => {
+      updateValue(props.modelValue, props.formatTrigger);
+      nextTick(adjustSize);
+    });
+
+    return () => {
+      const labelAlign = getProp('labelAlign');
+
+      return (
+        <Cell
+          v-slots={{
+            icon: renderLeftIcon,
+            title: renderLabel,
+            extra: slots.extra,
+          }}
+          ref={root}
+          size={props.size}
+          icon={props.leftIcon}
+          class={bem({
+            error: showError.value,
+            disabled: props.disabled,
+            [`label-${labelAlign}`]: labelAlign,
+            'min-height': props.type === 'textarea' && !props.autosize,
+          })}
+          center={props.center}
+          border={props.border}
+          isLink={props.isLink}
+          required={props.required}
+          clickable={props.clickable}
+          titleStyle={labelStyle.value}
+          valueClass={bem('value')}
+          titleClass={[bem('label', labelAlign), props.labelClass]}
+          arrowDirection={props.arrowDirection}
+        >
+          <div class={bem('body')}>
+            {renderInput()}
+            {showClear.value && (
+              <Icon name="clear" class={bem('clear')} onTouchstart={onClear} />
+            )}
+            {renderRightIcon()}
+            {slots.button && <div class={bem('button')}>{slots.button()}</div>}
+          </div>
+          {renderWordLimit()}
+          {renderMessage()}
+        </Cell>
+      );
+    };
   },
 });
diff --git a/src/form/index.js b/src/form/index.js
index fea5089f7..a9dbd4414 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,8 +1,9 @@
 import { createNamespace } from '../utils';
-// import { sortChildren } from '../utils/vnodes';
 
 const [createComponent, bem] = createNamespace('form');
 
+export const FORM_KEY = 'vanForm';
+
 export default createComponent({
   props: {
     colon: Boolean,
@@ -34,13 +35,13 @@ export default createComponent({
 
   provide() {
     return {
-      vanForm: this,
+      [FORM_KEY]: this,
     };
   },
 
   data() {
     return {
-      fields: [],
+      children: [],
     };
   },
 
@@ -49,7 +50,7 @@ export default createComponent({
       return new Promise((resolve, reject) => {
         const errors = [];
 
-        this.fields
+        this.children
           .reduce(
             (promise, field) =>
               promise.then(() => {
@@ -75,7 +76,7 @@ export default createComponent({
 
     validateAll() {
       return new Promise((resolve, reject) => {
-        Promise.all(this.fields.map((item) => item.validate())).then(
+        Promise.all(this.children.map((item) => item.validate())).then(
           (errors) => {
             errors = errors.filter((item) => item);
 
@@ -98,7 +99,7 @@ export default createComponent({
     },
 
     validateField(name) {
-      const matched = this.fields.filter((item) => item.name === name);
+      const matched = this.children.filter((item) => item.props.name === name);
 
       if (matched.length) {
         return new Promise((resolve, reject) => {
@@ -117,8 +118,8 @@ export default createComponent({
 
     // @exposed-api
     resetValidation(name) {
-      this.fields.forEach((item) => {
-        if (!name || item.name === name) {
+      this.children.forEach((item) => {
+        if (!name || item.props.name === name) {
           item.resetValidation();
         }
       });
@@ -126,28 +127,18 @@ export default createComponent({
 
     // @exposed-api
     scrollToField(name, options) {
-      this.fields.some((item) => {
-        if (item.name === name) {
-          item.$el.scrollIntoView(options);
+      this.children.some((item) => {
+        if (item.props.name === name) {
+          item.root.value.scrollIntoView(options);
           return true;
         }
         return false;
       });
     },
 
-    addField(field) {
-      this.fields.push(field);
-      // TODO
-      // sortChildren(this.fields, this);
-    },
-
-    removeField(field) {
-      this.fields = this.fields.filter((item) => item !== field);
-    },
-
     getValues() {
-      return this.fields.reduce((form, field) => {
-        form[field.name] = field.formValue;
+      return this.children.reduce((form, field) => {
+        form[field.props.name] = field.formValue;
         return form;
       }, {});
     },
diff --git a/src/mixins/field.js b/src/mixins/field.js
index 6860e10d1..0933adbf7 100644
--- a/src/mixins/field.js
+++ b/src/mixins/field.js
@@ -9,7 +9,7 @@ export const FieldMixin = {
   },
 
   watch: {
-    value() {
+    modelValue() {
       const field = this.vanField;
 
       if (field) {
@@ -22,8 +22,8 @@ export const FieldMixin = {
   created() {
     const field = this.vanField;
 
-    if (field && !field.children) {
-      field.children = this;
+    if (field && !field.childFieldValue.value) {
+      field.childFieldValue.value = () => this.modelValue;
     }
   },
 };

From 92aac941fc25e028a7631be301ed895edff53487 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 16:58:44 +0800
Subject: [PATCH 444/626] refactor(Form): refactor with composition api

---
 src/field/index.js |  10 ++--
 src/form/index.js  | 129 ++++++++++++++++++++-------------------------
 2 files changed, 63 insertions(+), 76 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index 7eb48c9fd..acc2b4dc3 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -230,7 +230,7 @@ export default createComponent({
 
     const validateWithTrigger = (trigger) => {
       if (form && props.rules) {
-        const defaultTrigger = form.validateTrigger === trigger;
+        const defaultTrigger = form.props.validateTrigger === trigger;
         const rules = props.rules.filter((rule) => {
           if (rule.trigger) {
             return rule.trigger === trigger;
@@ -329,7 +329,7 @@ export default createComponent({
       if (typeof props.error === 'boolean') {
         return props.error;
       }
-      if (form && form.showError && state.validateFailed) {
+      if (form && form.props.showError && state.validateFailed) {
         return true;
       }
     });
@@ -339,8 +339,8 @@ export default createComponent({
         return props[key];
       }
 
-      if (form && isDef(form[key])) {
-        return form[key];
+      if (form && isDef(form.props[key])) {
+        return form.props[key];
       }
     };
 
@@ -508,7 +508,7 @@ export default createComponent({
     };
 
     const renderMessage = () => {
-      if (form && form.showErrorMessage === false) {
+      if (form && form.props.showErrorMessage === false) {
         return;
       }
 
diff --git a/src/form/index.js b/src/form/index.js
index a9dbd4414..c108616e3 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,4 +1,6 @@
+import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
+import { useExpose } from '../composition/use-expose';
 
 const [createComponent, bem] = createNamespace('form');
 
@@ -33,24 +35,16 @@ export default createComponent({
 
   emits: ['submit', 'failed'],
 
-  provide() {
-    return {
-      [FORM_KEY]: this,
-    };
-  },
+  setup(props, { emit, slots }) {
+    const children = reactive([]);
 
-  data() {
-    return {
-      children: [],
-    };
-  },
+    provide(FORM_KEY, { props, children });
 
-  methods: {
-    validateSeq() {
-      return new Promise((resolve, reject) => {
+    const validateSeq = () =>
+      new Promise((resolve, reject) => {
         const errors = [];
 
-        this.children
+        children
           .reduce(
             (promise, field) =>
               promise.then(() => {
@@ -72,34 +66,22 @@ export default createComponent({
             }
           });
       });
-    },
 
-    validateAll() {
-      return new Promise((resolve, reject) => {
-        Promise.all(this.children.map((item) => item.validate())).then(
-          (errors) => {
-            errors = errors.filter((item) => item);
+    const validateAll = () =>
+      new Promise((resolve, reject) => {
+        Promise.all(children.map((item) => item.validate())).then((errors) => {
+          errors = errors.filter((item) => item);
 
-            if (errors.length) {
-              reject(errors);
-            } else {
-              resolve();
-            }
+          if (errors.length) {
+            reject(errors);
+          } else {
+            resolve();
           }
-        );
+        });
       });
-    },
 
-    // @exposed-api
-    validate(name) {
-      if (name) {
-        return this.validateField(name);
-      }
-      return this.validateFirst ? this.validateSeq() : this.validateAll();
-    },
-
-    validateField(name) {
-      const matched = this.children.filter((item) => item.props.name === name);
+    const validateField = (name) => {
+      const matched = children.filter((item) => item.props.name === name);
 
       if (matched.length) {
         return new Promise((resolve, reject) => {
@@ -114,65 +96,70 @@ export default createComponent({
       }
 
       return Promise.reject();
-    },
+    };
 
-    // @exposed-api
-    resetValidation(name) {
-      this.children.forEach((item) => {
+    const validate = (name) => {
+      if (name) {
+        return validateField(name);
+      }
+      return props.validateFirst ? validateSeq() : validateAll();
+    };
+
+    const resetValidation = (name) => {
+      children.forEach((item) => {
         if (!name || item.props.name === name) {
           item.resetValidation();
         }
       });
-    },
+    };
 
-    // @exposed-api
-    scrollToField(name, options) {
-      this.children.some((item) => {
+    const scrollToField = (name, options) => {
+      children.some((item) => {
         if (item.props.name === name) {
           item.root.value.scrollIntoView(options);
           return true;
         }
         return false;
       });
-    },
+    };
 
-    getValues() {
-      return this.children.reduce((form, field) => {
+    const getValues = () =>
+      children.reduce((form, field) => {
         form[field.props.name] = field.formValue;
         return form;
       }, {});
-    },
 
-    onSubmit(event) {
-      event.preventDefault();
-      this.submit();
-    },
+    const submit = () => {
+      const values = getValues();
 
-    // @exposed-api
-    submit() {
-      const values = this.getValues();
-
-      this.validate()
+      validate()
         .then(() => {
-          this.$emit('submit', values);
+          emit('submit', values);
         })
         .catch((errors) => {
-          this.$emit('failed', {
-            values,
-            errors,
-          });
+          emit('failed', { values, errors });
 
-          if (this.scrollToError) {
-            this.scrollToField(errors[0].name);
+          if (props.scrollToError) {
+            scrollToField(errors[0].name);
           }
         });
-    },
-  },
+    };
 
-  render() {
-    return (
-      <form class={bem()} onSubmit={this.onSubmit}>
-        {this.$slots.default?.()}
+    const onSubmit = (event) => {
+      event.preventDefault();
+      submit();
+    };
+
+    useExpose({
+      submit,
+      validate,
+      scrollToField,
+      resetValidation,
+    });
+
+    return () => (
+      <form class={bem()} onSubmit={onSubmit}>
+        {slots.default?.()}
       </form>
     );
   },

From 8ca7219acccda75d3a433e69ff85799992b7b348 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 17:12:19 +0800
Subject: [PATCH 445/626] refactor(TabsContent): refactor with composition api

---
 src/tabs/Content.js      | 82 ----------------------------------------
 src/tabs/TabsContent.tsx | 81 +++++++++++++++++++++++++++++++++++++++
 src/tabs/index.js        |  8 ++--
 3 files changed, 85 insertions(+), 86 deletions(-)
 delete mode 100644 src/tabs/Content.js
 create mode 100644 src/tabs/TabsContent.tsx

diff --git a/src/tabs/Content.js b/src/tabs/Content.js
deleted file mode 100644
index a6b9eceb4..000000000
--- a/src/tabs/Content.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-
-const [createComponent, bem] = createNamespace('tabs');
-const MIN_SWIPE_DISTANCE = 50;
-
-export default createComponent({
-  mixins: [TouchMixin],
-
-  props: {
-    count: Number,
-    duration: [Number, String],
-    animated: Boolean,
-    swipeable: Boolean,
-    currentIndex: Number,
-  },
-
-  emits: ['change'],
-
-  computed: {
-    style() {
-      if (this.animated) {
-        return {
-          transform: `translate3d(${-1 * this.currentIndex * 100}%, 0, 0)`,
-          transitionDuration: `${this.duration}s`,
-        };
-      }
-    },
-
-    listeners() {
-      if (this.swipeable) {
-        return {
-          onTouchstart: this.touchStart,
-          onTouchmove: this.touchMove,
-          onTouchend: this.onTouchEnd,
-          onTouchcancel: this.onTouchEnd,
-        };
-      }
-    },
-  },
-
-  methods: {
-    // watch swipe touch end
-    onTouchEnd() {
-      const { direction, deltaX, currentIndex } = this;
-
-      /* istanbul ignore else */
-      if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
-        /* istanbul ignore else */
-        if (deltaX > 0 && currentIndex !== 0) {
-          this.$emit('change', currentIndex - 1);
-        } else if (deltaX < 0 && currentIndex !== this.count - 1) {
-          this.$emit('change', currentIndex + 1);
-        }
-      }
-    },
-
-    genChildren() {
-      const Content = this.$slots.default?.();
-      if (this.animated) {
-        return (
-          <div class={bem('track')} style={this.style}>
-            {Content}
-          </div>
-        );
-      }
-
-      return Content;
-    },
-  },
-
-  render() {
-    return (
-      <div
-        class={bem('content', { animated: this.animated })}
-        {...this.listeners}
-      >
-        {this.genChildren()}
-      </div>
-    );
-  },
-});
diff --git a/src/tabs/TabsContent.tsx b/src/tabs/TabsContent.tsx
new file mode 100644
index 000000000..086cca35b
--- /dev/null
+++ b/src/tabs/TabsContent.tsx
@@ -0,0 +1,81 @@
+import { createNamespace } from '../utils';
+import { useTouch } from '../composition/use-touch';
+
+const [createComponent, bem] = createNamespace('tabs');
+const MIN_SWIPE_DISTANCE = 50;
+
+export default createComponent({
+  props: {
+    duration: [Number, String],
+    animated: Boolean,
+    swipeable: Boolean,
+    count: {
+      type: Number,
+      required: true,
+    },
+    currentIndex: {
+      type: Number,
+      required: true,
+    },
+  },
+
+  emits: ['change'],
+
+  setup(props, { emit, slots }) {
+    const touch = useTouch();
+
+    const onTouchEnd = () => {
+      const { deltaX, offsetX } = touch;
+      const { currentIndex } = props;
+
+      /* istanbul ignore else */
+      if (touch.isHorizontal() && offsetX.value >= MIN_SWIPE_DISTANCE) {
+        /* istanbul ignore else */
+        if (deltaX.value > 0 && currentIndex !== 0) {
+          emit('change', currentIndex - 1);
+        } else if (deltaX.value < 0 && currentIndex !== props.count - 1) {
+          emit('change', currentIndex + 1);
+        }
+      }
+    };
+
+    const renderChildren = () => {
+      const Content = slots.default?.();
+
+      if (props.animated) {
+        const style = {
+          transform: `translate3d(${-1 * props.currentIndex * 100}%, 0, 0)`,
+          transitionDuration: `${props.duration}s`,
+        };
+
+        return (
+          <div class={bem('track')} style={style}>
+            {Content}
+          </div>
+        );
+      }
+
+      return Content;
+    };
+
+    return () => {
+      const listeners = props.swipeable
+        ? {
+            onTouchstart: touch.start,
+            onTouchmove: touch.move,
+            onTouchend: onTouchEnd,
+            onTouchcancel: onTouchEnd,
+          }
+        : null;
+
+      return (
+        <div
+          class={bem('content', { animated: props.animated })}
+          {...listeners}
+        >
+          {renderChildren()}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/tabs/index.js b/src/tabs/index.js
index b396a726b..ffcc9b7a2 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -22,7 +22,7 @@ import { BindEventMixin } from '../mixins/bind-event';
 // Components
 import Title from './Title';
 import Sticky from '../sticky';
-import Content from './Content';
+import TabsContent from './TabsContent';
 
 const [createComponent, bem] = createNamespace('tabs');
 
@@ -92,7 +92,7 @@ export default createComponent({
 
     return {
       position: '',
-      currentIndex: null,
+      currentIndex: -1,
       lineStyle: {
         backgroundColor: this.color,
       },
@@ -421,7 +421,7 @@ export default createComponent({
         ) : (
           Wrap
         )}
-        <Content
+        <TabsContent
           count={this.children.length}
           animated={animated}
           duration={this.duration}
@@ -430,7 +430,7 @@ export default createComponent({
           onChange={this.setCurrentIndex}
         >
           {this.$slots.default?.()}
-        </Content>
+        </TabsContent>
       </div>
     );
   },

From 9279965cc1f8998254c7b664716d0d0e5b899bd9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 17:16:49 +0800
Subject: [PATCH 446/626] refactor(TabsTitle): refactor with composition api

---
 src/tabs/{Title.js => TabsTitle.tsx} | 54 +++++++++++++++-------------
 src/tabs/index.js                    |  5 ++-
 2 files changed, 31 insertions(+), 28 deletions(-)
 rename src/tabs/{Title.js => TabsTitle.tsx} (54%)

diff --git a/src/tabs/Title.js b/src/tabs/TabsTitle.tsx
similarity index 54%
rename from src/tabs/Title.js
rename to src/tabs/TabsTitle.tsx
index e79cdd0ca..e89b6fed8 100644
--- a/src/tabs/Title.js
+++ b/src/tabs/TabsTitle.tsx
@@ -1,3 +1,4 @@
+import { computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 import Badge from '../badge';
 
@@ -16,20 +17,27 @@ export default createComponent({
     activeColor: String,
     renderTitle: Function,
     inactiveColor: String,
-    swipeThreshold: [Number, String],
   },
 
-  computed: {
-    style() {
-      const style = {};
-      const { color, isActive } = this;
-      const isCard = this.type === 'card';
+  setup(props) {
+    const style = computed(() => {
+      const style: Record<string, string> = {};
+      const {
+        type,
+        color,
+        disabled,
+        isActive,
+        activeColor,
+        inactiveColor,
+      } = props;
+
+      const isCard = type === 'card';
 
       // card theme color
       if (color && isCard) {
         style.borderColor = color;
 
-        if (!this.disabled) {
+        if (!disabled) {
           if (isActive) {
             style.backgroundColor = color;
           } else {
@@ -38,50 +46,46 @@ export default createComponent({
         }
       }
 
-      const titleColor = isActive ? this.activeColor : this.inactiveColor;
+      const titleColor = isActive ? activeColor : inactiveColor;
       if (titleColor) {
         style.color = titleColor;
       }
 
       return style;
-    },
-  },
+    });
 
-  methods: {
-    genText() {
+    const renderText = () => {
       const Text = (
-        <span class={bem('text', { ellipsis: !this.scrollable })}>
-          {this.renderTitle ? this.renderTitle() : this.title}
+        <span class={bem('text', { ellipsis: !props.scrollable })}>
+          {props.renderTitle ? props.renderTitle() : props.title}
         </span>
       );
 
-      if (this.dot || (isDef(this.badge) && this.badge !== '')) {
+      if (props.dot || (isDef(props.badge) && props.badge !== '')) {
         return (
           <span class={bem('text-wrapper')}>
             {Text}
-            {<Badge dot={this.dot} badge={this.badge} />}
+            {<Badge dot={props.dot} badge={props.badge} />}
           </span>
         );
       }
 
       return Text;
-    },
-  },
+    };
 
-  render() {
-    return (
+    return () => (
       <div
         role="tab"
         class={[
           bem({
-            active: this.isActive,
-            disabled: this.disabled,
+            active: props.isActive,
+            disabled: props.disabled,
           }),
         ]}
-        style={this.style}
-        aria-selected={this.isActive}
+        style={style.value}
+        aria-selected={props.isActive}
       >
-        {this.genText()}
+        {renderText()}
       </div>
     );
   },
diff --git a/src/tabs/index.js b/src/tabs/index.js
index ffcc9b7a2..714536605 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -20,8 +20,8 @@ import { ParentMixin } from '../mixins/relation';
 import { BindEventMixin } from '../mixins/bind-event';
 
 // Components
-import Title from './Title';
 import Sticky from '../sticky';
+import TabsTitle from './TabsTitle';
 import TabsContent from './TabsContent';
 
 const [createComponent, bem] = createNamespace('tabs');
@@ -360,7 +360,7 @@ export default createComponent({
 
     const Nav = this.children.map((item, index) => {
       return (
-        <Title
+        <TabsTitle
           ref={(val) => {
             this.titleRefs[index] = val;
           }}
@@ -376,7 +376,6 @@ export default createComponent({
           renderTitle={item.$slots.title}
           activeColor={this.titleActiveColor}
           inactiveColor={this.titleInactiveColor}
-          swipeThreshold={this.swipeThreshold}
           onClick={() => {
             this.onClick(item, index);
           }}

From bf1f0f57eb16e2308b388c4e2ccab46c65f76196 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 17:22:57 +0800
Subject: [PATCH 447/626] fix(Dialog): incorrect min height

---
 src/dialog/Dialog.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 66589411d..95edeccf6 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -118,11 +118,12 @@ export default createComponent({
 
       const { title, message, allowHtml, messageAlign } = props;
       if (message) {
+        const hasTitle = title || slots.title;
         return (
-          <div class={bem('content', { isolated: !slots.title })}>
+          <div class={bem('content', { isolated: !hasTitle })}>
             <div
               class={bem('message', {
-                'has-title': slots.title || title,
+                'has-title': hasTitle,
                 [messageAlign]: messageAlign,
               })}
               {...{

From 7d0340a35b393d18c6d2fdcabc67fbbcfdb8c88e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 17:25:35 +0800
Subject: [PATCH 448/626] chore(Switch): use tsx

---
 src/switch/{index.js => index.tsx} | 25 ++++++++++++++++--------
 src/switch/shared.ts               | 31 ------------------------------
 2 files changed, 17 insertions(+), 39 deletions(-)
 rename src/switch/{index.js => index.tsx} (80%)
 delete mode 100644 src/switch/shared.ts

diff --git a/src/switch/index.js b/src/switch/index.tsx
similarity index 80%
rename from src/switch/index.js
rename to src/switch/index.tsx
index 98fd53322..498dfe512 100644
--- a/src/switch/index.js
+++ b/src/switch/index.tsx
@@ -1,17 +1,26 @@
-// Utils
 import { createNamespace, addUnit } from '../utils';
-import { switchProps } from './shared';
-
-// Composition
 import { useParentField } from '../composition/use-parent-field';
-
-// Components
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('switch');
 
 export default createComponent({
-  props: switchProps,
+  props: {
+    size: [Number, String],
+    loading: Boolean,
+    disabled: Boolean,
+    modelValue: null as any,
+    activeColor: String,
+    inactiveColor: String,
+    activeValue: {
+      type: null as any,
+      default: true,
+    },
+    inactiveValue: {
+      type: null as any,
+      default: false,
+    },
+  },
 
   emits: ['change', 'update:modelValue'],
 
@@ -52,7 +61,7 @@ export default createComponent({
             disabled,
           })}
           style={style}
-          aria-checked={String(checked)}
+          aria-checked={checked}
           onClick={onClick}
         >
           <div class={bem('node')}>{renderLoading()}</div>
diff --git a/src/switch/shared.ts b/src/switch/shared.ts
deleted file mode 100644
index fd77d663b..000000000
--- a/src/switch/shared.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Common Switch Props
- */
-
-export type SharedSwitchProps = {
-  size?: string | number;
-  loading?: boolean;
-  disabled?: boolean;
-  modelValue?: any;
-  activeValue: any;
-  inactiveValue: any;
-  activeColor?: string;
-  inactiveColor?: string;
-};
-
-export const switchProps = {
-  size: [Number, String],
-  loading: Boolean,
-  disabled: Boolean,
-  modelValue: null as any,
-  activeColor: String,
-  inactiveColor: String,
-  activeValue: {
-    type: null as any,
-    default: true,
-  },
-  inactiveValue: {
-    type: null as any,
-    default: false,
-  },
-};

From 5359120ed3313a3b6bb5355e163c4e9a928ea562 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 18:38:33 +0800
Subject: [PATCH 449/626] types: improve useParent typing

---
 src/composition/use-relation.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
index 658deab55..a47778df6 100644
--- a/src/composition/use-relation.ts
+++ b/src/composition/use-relation.ts
@@ -1,11 +1,11 @@
 import { inject, computed, onUnmounted } from 'vue';
 
-export type Parent<T = unknown> = null | {
-  children: T[];
-};
+type Parent = { children: unknown[] };
 
-export function useParent<T = unknown>(key: string, child: T = {} as T) {
-  const parent = inject<Parent<T>>(key, null);
+type Child<T> = T extends { children: (infer U)[] } ? U : never;
+
+export function useParent<P extends Parent>(key: string, child: Child<P>) {
+  const parent = inject<P | null>(key, null);
 
   if (parent) {
     const { children } = parent;

From 4c468ffd74042d8dded184b83f62827d3835b019 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 18:42:40 +0800
Subject: [PATCH 450/626] types(Layout): use tsx

---
 src/col/{index.js => index.tsx} | 23 ++++++++++++-------
 src/row/{index.js => index.tsx} | 39 +++++++++++++++++++++++----------
 2 files changed, 43 insertions(+), 19 deletions(-)
 rename src/col/{index.js => index.tsx} (60%)
 rename src/row/{index.js => index.tsx} (67%)

diff --git a/src/col/index.js b/src/col/index.tsx
similarity index 60%
rename from src/col/index.js
rename to src/col/index.tsx
index c83d95856..b6751bee7 100644
--- a/src/col/index.js
+++ b/src/col/index.tsx
@@ -1,28 +1,35 @@
-import { computed } from 'vue';
+import { computed, PropType } from 'vue';
 import { createNamespace } from '../utils';
 import { useParent } from '../composition/use-relation';
-import { ROW_KEY } from '../row';
+import { ROW_KEY, RowProvide } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
 
 export default createComponent({
   props: {
-    span: [Number, String],
     offset: [Number, String],
     tag: {
-      type: String,
+      type: String as PropType<keyof HTMLElementTagNameMap>,
       default: 'div',
     },
+    span: {
+      type: [Number, String],
+      default: 0,
+    },
   },
 
   setup(props, { slots }) {
-    const { parent, index } = useParent(ROW_KEY, () => +props.span);
+    const { parent, index } = useParent<RowProvide>(ROW_KEY, () => +props.span);
 
     const style = computed(() => {
-      const { spaces } = parent || {};
+      if (!parent) {
+        return;
+      }
 
-      if (spaces && spaces.value && spaces.value[index.value]) {
-        const { left, right } = spaces.value[index.value];
+      const { spaces } = parent;
+
+      if (spaces && spaces.value && spaces.value[index!.value]) {
+        const { left, right } = spaces.value[index!.value];
         return {
           paddingLeft: left ? `${left}px` : null,
           paddingRight: right ? `${right}px` : null,
diff --git a/src/row/index.js b/src/row/index.tsx
similarity index 67%
rename from src/row/index.js
rename to src/row/index.tsx
index 7aed35600..05354eae1 100644
--- a/src/row/index.js
+++ b/src/row/index.tsx
@@ -1,17 +1,35 @@
-import { provide, computed, reactive } from 'vue';
+import { provide, computed, reactive, PropType, ComputedRef } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('row');
 
-export const ROW_KEY = 'van-row';
+export const ROW_KEY = 'vanRow';
+
+export type RowSpaces = { left?: number; right: number }[];
+
+export type RowChild = () => number;
+
+export type RowProvide = {
+  spaces: ComputedRef<RowSpaces>;
+  children: RowChild[];
+};
+
+export type RowAlign = 'top' | 'center' | 'bottom';
+
+export type RowJustify =
+  | 'start'
+  | 'end'
+  | 'center'
+  | 'space-around'
+  | 'space-between';
 
 export default createComponent({
   props: {
-    type: String,
-    align: String,
-    justify: String,
+    type: String as PropType<'flex'>,
+    align: String as PropType<RowAlign>,
+    justify: String as PropType<RowJustify>,
     tag: {
-      type: String,
+      type: String as PropType<keyof HTMLElementTagNameMap>,
       default: 'div',
     },
     gutter: {
@@ -21,10 +39,10 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = reactive([]);
+    const children = reactive<RowChild[]>([]);
 
     const groups = computed(() => {
-      const groups = [[]];
+      const groups: number[][] = [[]];
 
       let totalSpan = 0;
       children.forEach((getSpan, index) => {
@@ -43,13 +61,12 @@ export default createComponent({
 
     const spaces = computed(() => {
       const gutter = Number(props.gutter);
+      const spaces: RowSpaces = [];
 
       if (!gutter) {
-        return;
+        return spaces;
       }
 
-      const spaces = [];
-
       groups.value.forEach((group) => {
         const averagePadding = (gutter * (group.length - 1)) / group.length;
 

From 63f15094f33d0a1784c74d9ced449ec479459dff Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 18:48:11 +0800
Subject: [PATCH 451/626] types: use-placeholder

---
 src/composition/use-placeholder.js  | 14 --------------
 src/composition/use-placeholder.tsx | 16 ++++++++++++++++
 2 files changed, 16 insertions(+), 14 deletions(-)
 delete mode 100644 src/composition/use-placeholder.js
 create mode 100644 src/composition/use-placeholder.tsx

diff --git a/src/composition/use-placeholder.js b/src/composition/use-placeholder.js
deleted file mode 100644
index fdff8caa5..000000000
--- a/src/composition/use-placeholder.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { useHeight } from './use-rect';
-
-export function usePlaceholder(contentRef, bem) {
-  const height = useHeight(contentRef);
-
-  return (renderContent) => (
-    <div
-      class={bem('placeholder')}
-      style={{ height: height.value ? `${height.value}px` : null }}
-    >
-      {renderContent()}
-    </div>
-  );
-}
diff --git a/src/composition/use-placeholder.tsx b/src/composition/use-placeholder.tsx
new file mode 100644
index 000000000..02e5727e6
--- /dev/null
+++ b/src/composition/use-placeholder.tsx
@@ -0,0 +1,16 @@
+import { useHeight } from './use-rect';
+import type { Ref, VNode } from 'vue';
+import type { BEM } from '../utils/create/bem';
+
+export function usePlaceholder(contentRef: Ref<Element>, bem: BEM) {
+  const height = useHeight(contentRef);
+
+  return (renderContent: () => VNode) => (
+    <div
+      class={bem('placeholder')}
+      style={{ height: height.value ? `${height.value}px` : undefined }}
+    >
+      {renderContent()}
+    </div>
+  );
+}

From ee256e591c946a91cf24bfc78f7156f8aea4b96c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 18:54:43 +0800
Subject: [PATCH 452/626] fix: useParent default value

---
 src/action-bar-icon/{index.js => index.tsx} | 3 ++-
 src/composition/use-relation.ts             | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)
 rename src/action-bar-icon/{index.js => index.tsx} (95%)

diff --git a/src/action-bar-icon/index.js b/src/action-bar-icon/index.tsx
similarity index 95%
rename from src/action-bar-icon/index.js
rename to src/action-bar-icon/index.tsx
index c3bd0e83f..a36f110af 100644
--- a/src/action-bar-icon/index.js
+++ b/src/action-bar-icon/index.tsx
@@ -24,6 +24,7 @@ export default createComponent({
 
   setup(props, { slots }) {
     const route = useRoute();
+
     useParent(ACTION_BAR_KEY);
 
     const renderIcon = () => {
@@ -51,7 +52,7 @@ export default createComponent({
     };
 
     return () => (
-      <div role="button" class={bem()} tabindex="0" onClick={route}>
+      <div role="button" class={bem()} tabindex={0} onClick={route}>
         {renderIcon()}
         {slots.default ? slots.default() : props.text}
       </div>
diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
index a47778df6..99ff4d8d0 100644
--- a/src/composition/use-relation.ts
+++ b/src/composition/use-relation.ts
@@ -4,7 +4,10 @@ type Parent = { children: unknown[] };
 
 type Child<T> = T extends { children: (infer U)[] } ? U : never;
 
-export function useParent<P extends Parent>(key: string, child: Child<P>) {
+export function useParent<P extends Parent>(
+  key: string,
+  child = {} as Child<P>
+) {
   const parent = inject<P | null>(key, null);
 
   if (parent) {

From 4f0921cbdffe1f654ce75222027f8b85120ab67b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 21 Sep 2020 19:08:27 +0800
Subject: [PATCH 453/626] refactor(ContactEdit): refactor with composition api

---
 src/contact-edit/index.js | 199 ++++++++++++++++++++------------------
 1 file changed, 104 insertions(+), 95 deletions(-)

diff --git a/src/contact-edit/index.js b/src/contact-edit/index.js
index 5189b24ad..3be35d7f5 100644
--- a/src/contact-edit/index.js
+++ b/src/contact-edit/index.js
@@ -1,3 +1,5 @@
+import { watch, reactive } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
 import { isMobile } from '../utils/validate/mobile';
@@ -11,7 +13,7 @@ import Switch from '../switch';
 
 const [createComponent, bem, t] = createNamespace('contact-edit');
 
-const defaultContact = {
+const DEFAULT_CONTACT = {
   tel: '',
   name: '',
 };
@@ -25,7 +27,7 @@ export default createComponent({
     setDefaultLabel: String,
     contactInfo: {
       type: Object,
-      default: () => ({ ...defaultContact }),
+      default: () => ({ ...DEFAULT_CONTACT }),
     },
     telValidator: {
       type: Function,
@@ -35,130 +37,137 @@ export default createComponent({
 
   emits: ['save', 'delete', 'change-default'],
 
-  data() {
-    return {
-      data: {
-        ...defaultContact,
-        ...this.contactInfo,
+  setup(props, { emit }) {
+    const state = reactive({
+      contact: {
+        ...DEFAULT_CONTACT,
+        ...props.contactInfo,
       },
       errorInfo: {
         name: '',
         tel: '',
       },
+    });
+
+    const onFocus = (key) => {
+      state.errorInfo[key] = '';
     };
-  },
 
-  watch: {
-    contactInfo(val) {
-      this.data = {
-        ...defaultContact,
-        ...val,
-      };
-    },
-  },
-
-  methods: {
-    onFocus(key) {
-      this.errorInfo[key] = '';
-    },
-
-    getErrorMessageByKey(key) {
-      const value = this.data[key].trim();
+    const getErrorMessageByKey = (key) => {
+      const value = state.contact[key].trim();
       switch (key) {
         case 'name':
           return value ? '' : t('nameInvalid');
         case 'tel':
-          return this.telValidator(value) ? '' : t('telInvalid');
+          return props.telValidator(value) ? '' : t('telInvalid');
       }
-    },
+    };
 
-    onSave() {
+    const onSave = () => {
       const isValid = ['name', 'tel'].every((item) => {
-        const msg = this.getErrorMessageByKey(item);
+        const msg = getErrorMessageByKey(item);
         if (msg) {
-          this.errorInfo[item] = msg;
+          state.errorInfo[item] = msg;
         }
         return !msg;
       });
 
-      if (isValid && !this.isSaving) {
-        this.$emit('save', this.data);
+      if (isValid && !props.isSaving) {
+        emit('save', state.contact);
       }
-    },
+    };
 
-    onDelete() {
+    const onDelete = () => {
       Dialog.confirm({
         title: t('confirmDelete'),
       }).then(() => {
-        this.$emit('delete', this.data);
+        emit('delete', state.contact);
       });
-    },
-  },
+    };
 
-  render() {
-    const { data, errorInfo } = this;
-    const onFocus = (name) => () => this.onFocus(name);
-
-    return (
-      <div class={bem()}>
-        <div class={bem('fields')}>
-          <Field
-            vModel={data.name}
-            clearable
-            maxlength="30"
-            label={t('name')}
-            placeholder={t('nameEmpty')}
-            errorMessage={errorInfo.name}
-            onFocus={onFocus('name')}
-          />
-          <Field
-            vModel={data.tel}
-            clearable
-            type="tel"
-            label={t('tel')}
-            placeholder={t('telEmpty')}
-            errorMessage={errorInfo.tel}
-            onFocus={onFocus('tel')}
-          />
-        </div>
-        {this.showSetDefault && (
-          <Cell
-            v-slots={{
-              'right-icon': () => (
-                <Switch
-                  vModel={data.isDefault}
-                  size={24}
-                  onChange={(event) => {
-                    this.$emit('change-default', event);
-                  }}
-                />
-              ),
-            }}
-            title={this.setDefaultLabel}
-            class={bem('switch-cell')}
-            border={false}
-          ></Cell>
-        )}
-        <div class={bem('buttons')}>
+    const renderButtons = () => (
+      <div class={bem('buttons')}>
+        <Button
+          block
+          round
+          type="danger"
+          text={t('save')}
+          loading={props.isSaving}
+          onClick={onSave}
+        />
+        {props.isEdit && (
           <Button
             block
             round
-            type="danger"
-            text={t('save')}
-            loading={this.isSaving}
-            onClick={this.onSave}
+            text={t('delete')}
+            loading={props.isDeleting}
+            onClick={onDelete}
           />
-          {this.isEdit && (
-            <Button
-              block
-              round
-              text={t('delete')}
-              loading={this.isDeleting}
-              onClick={this.onDelete}
-            />
-          )}
-        </div>
+        )}
       </div>
     );
+
+    const renderSwitch = () => (
+      <Switch
+        vModel={state.contact.isDefault}
+        size={24}
+        onChange={(event) => {
+          emit('change-default', event);
+        }}
+      />
+    );
+
+    const renderSetDefault = () => {
+      if (props.showSetDefault) {
+        return (
+          <Cell
+            v-slots={{ 'right-icon': renderSwitch }}
+            title={props.setDefaultLabel}
+            class={bem('switch-cell')}
+            border={false}
+          />
+        );
+      }
+    };
+
+    watch(
+      () => props.contactInfo,
+      (value) => {
+        state.contact = {
+          ...DEFAULT_CONTACT,
+          ...value,
+        };
+      }
+    );
+
+    return () => {
+      const { contact, errorInfo } = state;
+      return (
+        <div class={bem()}>
+          <div class={bem('fields')}>
+            <Field
+              vModel={contact.name}
+              clearable
+              maxlength="30"
+              label={t('name')}
+              placeholder={t('nameEmpty')}
+              errorMessage={errorInfo.name}
+              onFocus={() => onFocus('name')}
+            />
+            <Field
+              vModel={contact.tel}
+              clearable
+              type="tel"
+              label={t('tel')}
+              placeholder={t('telEmpty')}
+              errorMessage={errorInfo.tel}
+              onFocus={() => onFocus('tel')}
+            />
+          </div>
+          {renderSetDefault()}
+          {renderButtons()}
+        </div>
+      );
+    };
   },
 });

From 882e3ef5e787e587909bde1064f5dabe3d66ad72 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 22 Sep 2020 20:03:23 +0800
Subject: [PATCH 454/626] refactor(Tabs): refactor with composition api

---
 src/mixins/touch.js |  61 -----
 src/tab/index.js    | 127 ++++++-----
 src/tabs/index.js   | 539 ++++++++++++++++++++++----------------------
 3 files changed, 343 insertions(+), 384 deletions(-)
 delete mode 100644 src/mixins/touch.js

diff --git a/src/mixins/touch.js b/src/mixins/touch.js
deleted file mode 100644
index 45f9190da..000000000
--- a/src/mixins/touch.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import { on } from '../utils/dom/event';
-
-const MIN_DISTANCE = 10;
-
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return 'horizontal';
-  }
-
-  if (y > x && y > MIN_DISTANCE) {
-    return 'vertical';
-  }
-
-  return '';
-}
-
-export const TouchMixin = {
-  data() {
-    return { direction: '' };
-  },
-
-  methods: {
-    touchStart(event) {
-      this.resetTouchStatus();
-      this.startX = event.touches[0].clientX;
-      this.startY = event.touches[0].clientY;
-    },
-
-    touchMove(event) {
-      const touch = event.touches[0];
-      this.deltaX = touch.clientX - this.startX;
-      this.deltaY = touch.clientY - this.startY;
-      this.offsetX = Math.abs(this.deltaX);
-      this.offsetY = Math.abs(this.deltaY);
-      this.direction =
-        this.direction || getDirection(this.offsetX, this.offsetY);
-    },
-
-    resetTouchStatus() {
-      this.direction = '';
-      this.deltaX = 0;
-      this.deltaY = 0;
-      this.offsetX = 0;
-      this.offsetY = 0;
-    },
-
-    // avoid Vue 2.6 event bubble issues by manually binding events
-    // https://github.com/youzan/vant/issues/3015
-    bindTouchEvent(el) {
-      const { onTouchStart, onTouchMove, onTouchEnd } = this;
-
-      on(el, 'touchstart', onTouchStart);
-      on(el, 'touchmove', onTouchMove);
-
-      if (onTouchEnd) {
-        on(el, 'touchend', onTouchEnd);
-        on(el, 'touchcancel', onTouchEnd);
-      }
-    },
-  },
-};
diff --git a/src/tab/index.js b/src/tab/index.js
index 8da68ff27..bf70d76f5 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -1,12 +1,14 @@
+import { ref, watch, nextTick } from 'vue';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
+import { TABS_KEY } from '../tabs';
+
+// Composition
 import { routeProps } from '../composition/use-route';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('tab');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanTabs')],
-
   props: {
     ...routeProps,
     dot: Boolean,
@@ -17,63 +19,74 @@ export default createComponent({
     disabled: Boolean,
   },
 
-  data() {
-    return {
-      inited: false,
-    };
-  },
+  setup(props, { slots }) {
+    const root = ref();
+    const inited = ref(false);
+    const { parent, index } = useParent(TABS_KEY, {
+      getRoot: () => root.value,
+      props,
+      slots,
+    });
 
-  computed: {
-    computedName() {
-      return this.name ?? this.index;
-    },
-
-    isActive() {
-      const active = this.computedName === this.parent.currentName;
-
-      if (active) {
-        this.inited = true;
-      }
-      return active;
-    },
-  },
-
-  watch: {
-    title() {
-      this.parent.setLine();
-    },
-
-    inited(val) {
-      if (this.parent.lazyRender && val) {
-        this.$nextTick(() => {
-          this.parent.$emit('rendered', this.computedName, this.title);
-        });
-      }
-    },
-  },
-
-  render() {
-    const { parent, isActive } = this;
-    const shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
-    const show = parent.scrollspy || isActive;
-    const Content = shouldRender ? this.$slots.default?.() : null;
-
-    if (parent.animated) {
-      return (
-        <div
-          role="tabpanel"
-          aria-hidden={!isActive}
-          class={bem('pane-wrapper', { inactive: !isActive })}
-        >
-          <div class={bem('pane')}>{Content}</div>
-        </div>
-      );
+    if (!parent) {
+      throw new Error('[Vant] Tabs: <van-tab> must be used inside <van-tabs>');
     }
 
-    return (
-      <div vShow={show} role="tabpanel" class={bem('pane')}>
-        {Content}
-      </div>
+    const getName = () => props.name ?? index.value;
+
+    const init = () => {
+      inited.value = true;
+
+      if (parent.props.lazyRender) {
+        nextTick(() => {
+          parent.emit('rendered', getName(), props.title);
+        });
+      }
+    };
+
+    const isActive = () => {
+      const active = getName() === parent.currentName.value;
+
+      if (active && !inited.value) {
+        init();
+      }
+
+      return active;
+    };
+
+    watch(
+      () => props.title,
+      () => {
+        parent.setLine();
+      }
     );
+
+    return () => {
+      const { animated, scrollspy, lazyRender } = parent.props;
+      const active = isActive();
+      const show = scrollspy || active;
+
+      const shouldRender = inited.value || scrollspy || !lazyRender;
+      const Content = shouldRender ? slots.default?.() : null;
+
+      if (animated) {
+        return (
+          <div
+            ref={root}
+            role="tabpanel"
+            aria-hidden={!active}
+            class={bem('pane-wrapper', { inactive: !active })}
+          >
+            <div class={bem('pane')}>{Content}</div>
+          </div>
+        );
+      }
+
+      return (
+        <div v-show={show} ref={root} role="tabpanel" class={bem('pane')}>
+          {Content}
+        </div>
+      );
+    };
   },
 });
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 714536605..f427f6733 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -1,23 +1,33 @@
+import {
+  ref,
+  watch,
+  provide,
+  computed,
+  reactive,
+  nextTick,
+  onMounted,
+  onActivated,
+} from 'vue';
+
 // Utils
 import { createNamespace, isDef, addUnit } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils';
 import { route } from '../composition/use-route';
 import { isHidden } from '../utils/dom/style';
-import { on, off } from '../utils/dom/event';
 import { unitToPx } from '../utils/format/unit';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
 import {
-  getScroller,
   getVisibleTop,
   getElementTop,
   getVisibleHeight,
   setRootScrollTop,
 } from '../utils/dom/scroll';
 
-// Mixins
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useRefs } from '../composition/use-refs';
+import { useExpose } from '../composition/use-expose';
+import { useWindowSize, useScrollParent, useEventListener } from '@vant/use';
 
 // Components
 import Sticky from '../sticky';
@@ -26,22 +36,9 @@ import TabsContent from './TabsContent';
 
 const [createComponent, bem] = createNamespace('tabs');
 
+export const TABS_KEY = 'vanTabs';
+
 export default createComponent({
-  mixins: [
-    ParentMixin('vanTabs'),
-    BindEventMixin(function (bind) {
-      if (!this.scroller) {
-        this.scroller = getScroller(this.$el);
-      }
-
-      bind(window, 'resize', this.resize, true);
-
-      if (this.scrollspy) {
-        bind(this.scroller, 'scroll', this.onScroll, true);
-      }
-    }),
-  ],
-
   props: {
     color: String,
     border: Boolean,
@@ -87,139 +84,109 @@ export default createComponent({
 
   emits: ['click', 'change', 'scroll', 'disabled', 'rendered', 'update:active'],
 
-  data() {
-    this.titleRefs = [];
+  setup(props, { emit, slots }) {
+    let inited;
+    let tabHeight;
+    let lockScroll;
+    let stickyFixed;
 
-    return {
+    const root = ref();
+    const navRef = ref();
+    const wrapRef = ref();
+
+    const windowSize = useWindowSize();
+    const scroller = useScrollParent(root);
+    const [titleRefs, setTitleRefs] = useRefs();
+
+    const children = reactive([]);
+    const state = reactive({
       position: '',
       currentIndex: -1,
       lineStyle: {
-        backgroundColor: this.color,
+        backgroundColor: props.color,
       },
-    };
-  },
+    });
 
-  computed: {
     // whether the nav is scrollable
-    scrollable() {
-      return this.children.length > this.swipeThreshold || !this.ellipsis;
-    },
+    const scrollable = computed(
+      () => children.length > props.swipeThreshold || !props.ellipsis
+    );
 
-    navStyle() {
-      return {
-        borderColor: this.color,
-        background: this.background,
-      };
-    },
+    const navStyle = computed(() => ({
+      borderColor: props.color,
+      background: props.background,
+    }));
 
-    currentName() {
-      const activeTab = this.children[this.currentIndex];
+    const getTabName = (tab, index) => tab.props.name ?? index;
+
+    const currentName = computed(() => {
+      const activeTab = children[state.currentIndex];
 
       if (activeTab) {
-        return activeTab.computedName;
+        return getTabName(activeTab, state.currentIndex);
       }
-    },
+    });
 
-    offsetTopPx() {
-      return unitToPx(this.offsetTop);
-    },
+    const offsetTopPx = computed(() => unitToPx(props.offsetTop));
 
-    scrollOffset() {
-      if (this.sticky) {
-        return this.offsetTopPx + this.tabHeight;
+    const scrollOffset = computed(() => {
+      if (props.sticky) {
+        return offsetTopPx.value + tabHeight;
       }
       return 0;
-    },
-  },
+    });
 
-  watch: {
-    color: 'setLine',
+    // scroll active tab into view
+    const scrollIntoView = (immediate) => {
+      const nav = navRef.value;
+      const titles = titleRefs.value;
 
-    active(name) {
-      if (name !== this.currentName) {
-        this.setCurrentIndexByName(name);
+      if (!scrollable.value || !titles || !titles[state.currentIndex]) {
+        return;
       }
-    },
 
-    children() {
-      this.setCurrentIndexByName(this.currentName || this.active);
-      this.setLine();
+      const title = titles[state.currentIndex].$el;
+      const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
 
-      this.$nextTick(() => {
-        this.scrollIntoView(true);
+      scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
+    };
+
+    const init = () => {
+      nextTick(() => {
+        inited = true;
+        tabHeight = getVisibleHeight(wrapRef.value);
+        scrollIntoView(true);
       });
-    },
-
-    currentIndex() {
-      this.scrollIntoView();
-      this.setLine();
-
-      // scroll to correct position
-      if (this.stickyFixed && !this.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(this.$el) - this.offsetTopPx));
-      }
-    },
-
-    scrollspy(val) {
-      if (val) {
-        on(this.scroller, 'scroll', this.onScroll, true);
-      } else {
-        off(this.scroller, 'scroll', this.onScroll);
-      }
-    },
-  },
-
-  mounted() {
-    this.init();
-  },
-
-  activated() {
-    this.init();
-    this.setLine();
-  },
-
-  methods: {
-    // @exposed-api
-    resize() {
-      this.setLine();
-    },
-
-    init() {
-      this.$nextTick(() => {
-        this.inited = true;
-        this.tabHeight = getVisibleHeight(this.$refs.wrap);
-        this.scrollIntoView(true);
-      });
-    },
+    };
 
     // update nav bar style
-    setLine() {
-      const shouldAnimate = this.inited;
+    const setLine = () => {
+      const shouldAnimate = inited;
 
-      this.$nextTick(() => {
-        const { titleRefs } = this;
+      nextTick(() => {
+        const titles = titleRefs.value;
 
         if (
-          !titleRefs ||
-          !titleRefs[this.currentIndex] ||
-          this.type !== 'line' ||
-          isHidden(this.$el)
+          !titles ||
+          !titles[state.currentIndex] ||
+          props.type !== 'line' ||
+          isHidden(root.value)
         ) {
           return;
         }
 
-        const title = titleRefs[this.currentIndex].$el;
-        const { lineWidth, lineHeight } = this;
+        const title = titles[state.currentIndex].$el;
+        const { lineWidth, lineHeight } = props;
         const left = title.offsetLeft + title.offsetWidth / 2;
 
         const lineStyle = {
           width: addUnit(lineWidth),
-          backgroundColor: this.color,
+          backgroundColor: props.color,
           transform: `translateX(${left}px) translateX(-50%)`,
         };
 
         if (shouldAnimate) {
-          lineStyle.transitionDuration = `${this.duration}s`;
+          lineStyle.transitionDuration = `${props.duration}s`;
         }
 
         if (isDef(lineHeight)) {
@@ -228,207 +195,247 @@ export default createComponent({
           lineStyle.borderRadius = height;
         }
 
-        this.lineStyle = lineStyle;
+        state.lineStyle = lineStyle;
       });
-    },
+    };
 
-    // correct the index of active tab
-    setCurrentIndexByName(name) {
-      const matched = this.children.filter((tab) => tab.computedName === name);
-      const defaultIndex = (this.children[0] || {}).index || 0;
-      this.setCurrentIndex(matched.length ? matched[0].index : defaultIndex);
-    },
+    const findAvailableTab = (index) => {
+      const diff = index < state.currentIndex ? -1 : 1;
 
-    setCurrentIndex(currentIndex) {
-      currentIndex = this.findAvailableTab(currentIndex);
-
-      if (isDef(currentIndex) && currentIndex !== this.currentIndex) {
-        const shouldEmitChange = this.currentIndex !== null;
-        this.currentIndex = currentIndex;
-        this.$emit('update:active', this.currentName);
-
-        if (shouldEmitChange) {
-          this.$emit(
-            'change',
-            this.currentName,
-            this.children[currentIndex].title
-          );
-        }
-      }
-    },
-
-    findAvailableTab(index) {
-      const diff = index < this.currentIndex ? -1 : 1;
-
-      while (index >= 0 && index < this.children.length) {
-        if (!this.children[index].disabled) {
+      while (index >= 0 && index < children.length) {
+        if (!children[index].props.disabled) {
           return index;
         }
 
         index += diff;
       }
-    },
+    };
+
+    const setCurrentIndex = (currentIndex) => {
+      currentIndex = findAvailableTab(currentIndex);
+
+      if (isDef(currentIndex) && currentIndex !== state.currentIndex) {
+        const shouldEmitChange = state.currentIndex !== null;
+        state.currentIndex = currentIndex;
+        emit('update:active', currentName.value);
+
+        if (shouldEmitChange) {
+          emit('change', currentName.value, children[currentIndex].props.title);
+        }
+      }
+    };
+
+    // correct the index of active tab
+    const setCurrentIndexByName = (name) => {
+      const matched = children.filter(
+        (tab, index) => getTabName(tab, index) === name
+      );
+
+      const index = matched[0] ? children.indexOf(matched[0]) : 0;
+      setCurrentIndex(index);
+    };
+
+    const scrollToCurrentContent = (immediate = false) => {
+      if (props.scrollspy) {
+        const target = children[state.currentIndex];
+        const el = target?.getRoot();
+
+        if (el) {
+          const to = getElementTop(el, scroller.value) - scrollOffset.value;
+
+          lockScroll = true;
+          scrollTopTo(
+            scroller.value,
+            to,
+            immediate ? 0 : +props.duration,
+            () => {
+              lockScroll = false;
+            }
+          );
+        }
+      }
+    };
 
     // emit event when clicked
-    onClick(item, index) {
-      const { title, disabled, computedName } = this.children[index];
+    const onClick = (item, index) => {
+      const { title, disabled } = children[index].props;
+      const name = getTabName(children[index], index);
+
       if (disabled) {
-        this.$emit('disabled', computedName, title);
+        emit('disabled', name, title);
       } else {
         callInterceptor({
-          interceptor: this.beforeChange,
-          args: [computedName],
+          interceptor: props.beforeChange,
+          args: [name],
           done: () => {
-            this.setCurrentIndex(index);
-            this.scrollToCurrentContent();
+            setCurrentIndex(index);
+            scrollToCurrentContent();
           },
         });
 
-        this.$emit('click', computedName, title);
+        emit('click', name, title);
         route(item.$router, item);
       }
-    },
+    };
 
-    // scroll active tab into view
-    scrollIntoView(immediate) {
-      const { titleRefs } = this;
+    const onStickyScroll = (params) => {
+      stickyFixed = params.isFixed;
+      emit('scroll', params);
+    };
 
-      if (!this.scrollable || !titleRefs || !titleRefs[this.currentIndex]) {
-        return;
-      }
-
-      const { nav } = this.$refs;
-      const title = titleRefs[this.currentIndex].$el;
-      const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-
-      scrollLeftTo(nav, to, immediate ? 0 : +this.duration);
-    },
-
-    onSticktScroll(params) {
-      this.stickyFixed = params.isFixed;
-      this.$emit('scroll', params);
-    },
-
-    // @exposed-api
-    scrollTo(name) {
-      this.$nextTick(() => {
-        this.setCurrentIndexByName(name);
-        this.scrollToCurrentContent(true);
+    const scrollTo = (name) => {
+      nextTick(() => {
+        setCurrentIndexByName(name);
+        scrollToCurrentContent(true);
       });
-    },
-
-    scrollToCurrentContent(immediate = false) {
-      if (this.scrollspy) {
-        const target = this.children[this.currentIndex];
-        const el = target?.$el;
-
-        if (el) {
-          const to = getElementTop(el, this.scroller) - this.scrollOffset;
-
-          this.lockScroll = true;
-          scrollTopTo(this.scroller, to, immediate ? 0 : +this.duration, () => {
-            this.lockScroll = false;
-          });
-        }
-      }
-    },
-
-    onScroll() {
-      if (this.scrollspy && !this.lockScroll) {
-        const index = this.getCurrentIndexOnScroll();
-        this.setCurrentIndex(index);
-      }
-    },
-
-    getCurrentIndexOnScroll() {
-      const { children } = this;
+    };
 
+    const getCurrentIndexOnScroll = () => {
       for (let index = 0; index < children.length; index++) {
-        const top = getVisibleTop(children[index].$el);
+        const top = getVisibleTop(children[index].getRoot());
 
-        if (top > this.scrollOffset) {
+        if (top > scrollOffset.value) {
           return index === 0 ? 0 : index - 1;
         }
       }
 
       return children.length - 1;
-    },
-  },
+    };
 
-  render() {
-    const { type, animated, scrollable } = this;
+    const onScroll = () => {
+      if (props.scrollspy && !lockScroll) {
+        const index = getCurrentIndexOnScroll();
+        setCurrentIndex(index);
+      }
+    };
 
-    const Nav = this.children.map((item, index) => {
-      return (
+    const renderNav = () =>
+      children.map((item, index) => (
         <TabsTitle
-          ref={(val) => {
-            this.titleRefs[index] = val;
-          }}
-          dot={item.dot}
-          type={type}
-          badge={item.badge}
-          title={item.title}
-          color={this.color}
-          style={item.titleStyle}
-          isActive={index === this.currentIndex}
-          disabled={item.disabled}
-          scrollable={scrollable}
-          renderTitle={item.$slots.title}
-          activeColor={this.titleActiveColor}
-          inactiveColor={this.titleInactiveColor}
+          ref={setTitleRefs(index)}
+          dot={item.props.dot}
+          type={props.type}
+          badge={item.props.badge}
+          title={item.props.title}
+          color={props.color}
+          style={item.props.titleStyle}
+          isActive={index === state.currentIndex}
+          disabled={item.props.disabled}
+          scrollable={scrollable.value}
+          renderTitle={item.slots.title}
+          activeColor={props.titleActiveColor}
+          inactiveColor={props.titleInactiveColor}
           onClick={() => {
-            this.onClick(item, index);
+            onClick(item, index);
           }}
         />
-      );
-    });
+      ));
 
-    const Wrap = (
-      <div
-        ref="wrap"
-        class={[
-          bem('wrap', { scrollable }),
-          { [BORDER_TOP_BOTTOM]: type === 'line' && this.border },
-        ]}
-      >
+    const renderHeader = () => {
+      const { type, border } = props;
+      return (
         <div
-          ref="nav"
-          role="tablist"
-          class={bem('nav', [type, { complete: this.scrollable }])}
-          style={this.navStyle}
+          ref={wrapRef}
+          class={[
+            bem('wrap', { scrollable: scrollable.value }),
+            { [BORDER_TOP_BOTTOM]: type === 'line' && border },
+          ]}
         >
-          {this.$slots['nav-left']?.()}
-          {Nav}
-          {type === 'line' && (
-            <div class={bem('line')} style={this.lineStyle} />
-          )}
-          {this.$slots['nav-right']?.()}
+          <div
+            ref={navRef}
+            role="tablist"
+            class={bem('nav', [type, { complete: scrollable.value }])}
+            style={navStyle.value}
+          >
+            {slots['nav-left']?.()}
+            {renderNav()}
+            {type === 'line' && (
+              <div class={bem('line')} style={state.lineStyle} />
+            )}
+            {slots['nav-right']?.()}
+          </div>
         </div>
-      </div>
+      );
+    };
+
+    watch([() => props.color, windowSize.width], setLine);
+
+    watch(
+      () => props.active,
+      (value) => {
+        if (value !== currentName.value) {
+          setCurrentIndexByName(name);
+        }
+      }
     );
 
-    return (
-      <div class={bem([type])}>
-        {this.sticky ? (
+    watch(children, () => {
+      setCurrentIndexByName(currentName.value || props.active);
+      setLine();
+      nextTick(() => {
+        scrollIntoView(true);
+      });
+    });
+
+    watch(
+      () => state.currentIndex,
+      () => {
+        scrollIntoView();
+        setLine();
+
+        // scroll to correct position
+        if (stickyFixed && !props.scrollspy) {
+          setRootScrollTop(
+            Math.ceil(getElementTop(root.value) - offsetTopPx.value)
+          );
+        }
+      }
+    );
+
+    onMounted(init);
+
+    onActivated(() => {
+      init();
+      setLine();
+    });
+
+    useExpose({
+      resize: setLine,
+      scrollTo,
+    });
+
+    useEventListener('scroll', onScroll, { target: scroller.value });
+
+    provide(TABS_KEY, {
+      emit,
+      props,
+      setLine,
+      children,
+      currentName,
+    });
+
+    return () => (
+      <div ref={root} class={bem([props.type])}>
+        {props.sticky ? (
           <Sticky
-            container={this.$el}
-            offsetTop={this.offsetTop}
-            onScroll={this.onSticktScroll}
+            container={root.value}
+            offsetTop={offsetTopPx.value}
+            onScroll={onStickyScroll}
           >
-            {Wrap}
+            {renderHeader()}
           </Sticky>
         ) : (
-          Wrap
+          renderHeader()
         )}
         <TabsContent
-          count={this.children.length}
-          animated={animated}
-          duration={this.duration}
-          swipeable={this.swipeable}
-          currentIndex={this.currentIndex}
-          onChange={this.setCurrentIndex}
+          count={children.length}
+          animated={props.animated}
+          duration={props.duration}
+          swipeable={props.swipeable}
+          currentIndex={state.currentIndex}
+          onChange={setCurrentIndex}
         >
-          {this.$slots.default?.()}
+          {slots.default?.()}
         </TabsContent>
       </div>
     );

From 053006de525782b6b7fd35432ffb98e4a88df130 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 22 Sep 2020 20:29:14 +0800
Subject: [PATCH 455/626] chore: rename use-relation

---
 src/action-bar-button/index.js                     | 2 +-
 src/action-bar-icon/index.tsx                      | 2 +-
 src/col/index.tsx                                  | 2 +-
 src/collapse-item/index.js                         | 2 +-
 src/composition/{use-relation.ts => use-parent.ts} | 0
 src/dropdown-item/index.js                         | 2 +-
 src/field/index.js                                 | 2 +-
 src/grid-item/index.js                             | 2 +-
 src/index-anchor/index.js                          | 2 +-
 src/picker/PickerColumn.js                         | 2 +-
 src/sidebar-item/index.js                          | 2 +-
 src/step/index.js                                  | 2 +-
 src/swipe-item/index.js                            | 2 +-
 src/tab/index.js                                   | 2 +-
 src/tabbar-item/index.js                           | 2 +-
 15 files changed, 14 insertions(+), 14 deletions(-)
 rename src/composition/{use-relation.ts => use-parent.ts} (100%)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index e345ec38e..10b916748 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -3,7 +3,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index a36f110af..68e18e74d 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -2,7 +2,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/col/index.tsx b/src/col/index.tsx
index b6751bee7..3d5cc693e 100644
--- a/src/col/index.tsx
+++ b/src/col/index.tsx
@@ -1,6 +1,6 @@
 import { computed, PropType } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { ROW_KEY, RowProvide } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 01b7362ce..3f4c9de8e 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
diff --git a/src/composition/use-relation.ts b/src/composition/use-parent.ts
similarity index 100%
rename from src/composition/use-relation.ts
rename to src/composition/use-parent.ts
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 57e03ecc2..0dc4812d3 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useExpose } from '../composition/use-expose';
 
 // Components
diff --git a/src/field/index.js b/src/field/index.js
index acc2b4dc3..fe741fef6 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -23,7 +23,7 @@ import {
 
 // Composition
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 // Components
 import Icon from '../icon';
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index d98585982..992c148c4 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -6,7 +6,7 @@ import { BORDER } from '../utils/constant';
 import { GRID_KEY } from '../grid';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index fb71ad238..a5f56f3ec 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -7,7 +7,7 @@ import { INDEX_BAR_KEY } from '../index-bar';
 
 // Composition
 import { useHeight } from '../composition/use-rect';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 54d5a18df..ea117d4e9 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -9,7 +9,7 @@ import { preventDefault } from '../utils/dom/event';
 
 // Composition
 import { useTouch } from '../composition/use-touch';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const DEFAULT_DURATION = 200;
 
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index fa3abfad5..22ae3b7e1 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
 import { useRoute, routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
diff --git a/src/step/index.js b/src/step/index.js
index 346bcd8ea..db90f684b 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
 import { STEPS_KEY } from '../steps';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 184cf8cc5..13d1f67a8 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,7 +1,7 @@
 import { computed, nextTick, onMounted, reactive } from 'vue';
 import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
diff --git a/src/tab/index.js b/src/tab/index.js
index bf70d76f5..3a3b49b29 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -4,7 +4,7 @@ import { TABS_KEY } from '../tabs';
 
 // Composition
 import { routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('tab');
 
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 9a88a9b49..01ef863a0 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -5,7 +5,7 @@ import { TABBAR_KEY } from '../tabbar';
 import { createNamespace, isObject, isDef } from '../utils';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { routeProps, useRoute } from '../composition/use-route';
 
 // Components

From c1931e66082214f19afb7726c2bc917bb9997f0e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 22 Sep 2020 21:01:52 +0800
Subject: [PATCH 456/626] chore: add flattenVNodes

---
 src/composition/use-relation.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/composition/use-relation.ts

diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
new file mode 100644
index 000000000..53c47b2b9
--- /dev/null
+++ b/src/composition/use-relation.ts
@@ -0,0 +1,25 @@
+import { VNode, isVNode, VNodeNormalizedChildren } from 'vue';
+
+export function flattenVNodes(children: VNodeNormalizedChildren) {
+  const result: VNode[] = [];
+
+  const traverse = (children: VNodeNormalizedChildren) => {
+    if (!Array.isArray(children)) {
+      return;
+    }
+
+    children.forEach((child) => {
+      if (isVNode(child)) {
+        result.push(child);
+
+        if (child.children) {
+          traverse(child.children);
+        }
+      }
+    });
+  };
+
+  traverse(children);
+
+  return result;
+}

From 1b87cde8fbf0b2975ba08d44b12071bf26fb3884 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 23 Sep 2020 09:36:11 +0800
Subject: [PATCH 457/626] docs: fix quickstart

---
 README.md                         | 2 +-
 README.zh-CN.md                   | 2 +-
 docs/markdown/quickstart.en-US.md | 2 +-
 docs/markdown/quickstart.zh-CN.md | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 2255e1435..a19a848e4 100644
--- a/README.md
+++ b/README.md
@@ -58,7 +58,7 @@ import { Button } from 'vant';
 import 'vant/lib/index.css';
 
 const app = createApp();
-Vue.use(Button);
+app.use(Button);
 ```
 
 See more in [Quickstart](https://youzan.github.io/vant#/en-US/quickstart).
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 0a18164ee..e736f57ce 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -61,7 +61,7 @@ import { Button } from 'vant';
 import 'vant/lib/index.css';
 
 const app = createApp();
-Vue.use(Button);
+app.use(Button);
 ```
 
 vant 也支持按需引入、CDN 引入等方式，详细说明见 [快速上手](https://vant-contrib.gitee.io/vant#/zh-CN/quickstart).
diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index 69088da1e..3184e46cf 100644
--- a/docs/markdown/quickstart.en-US.md
+++ b/docs/markdown/quickstart.en-US.md
@@ -121,7 +121,7 @@ The easiest way to use Vant is to include a CDN link in the html file, after whi
   vant.Toast('Message');
 
   // Register Lazyload directive
-  Vue.use(vant.Lazyload);
+  // app.use(vant.Lazyload);
 </script>
 ```
 
diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md
index 80eed4887..4b5554fc1 100644
--- a/docs/markdown/quickstart.zh-CN.md
+++ b/docs/markdown/quickstart.zh-CN.md
@@ -139,7 +139,7 @@ app.use(Vant);
 
   // 通过 CDN 引入时不会自动注册 Lazyload 组件
   // 可以通过下面的方式手动注册
-  Vue.use(vant.Lazyload);
+  // app.use(vant.Lazyload);
 </script>
 ```
 

From d2a54279766acca3981403c4fb9eb34d3d586643 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 17:18:43 +0800
Subject: [PATCH 458/626] fix(Picker): failed to setIndex

---
 src/picker/PickerColumn.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index ea117d4e9..26b203b0d 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -280,6 +280,7 @@ export default createComponent({
 
     useParent(PICKER_KEY, {
       state,
+      setIndex,
       getValue,
       setValue,
       setOptions,

From 749e4ae73b9c07265e81237493b5e7d37afc6255 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 17:19:14 +0800
Subject: [PATCH 459/626] refactor(AddressEdit): refactor with composition api

---
 src/address-edit/index.js | 466 +++++++++++++++++++-------------------
 1 file changed, 236 insertions(+), 230 deletions(-)

diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index 9acca72ee..24770c47e 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -1,7 +1,12 @@
+import { h, ref, watch, computed, nextTick, reactive } from 'vue';
+
 // Utils
 import { createNamespace, isObject } from '../utils';
 import { isMobile } from '../utils/validate/mobile';
 
+// Composition
+import { useExpose } from '../composition/use-expose';
+
 // Components
 import Area from '../area';
 import Cell from '../cell';
@@ -94,8 +99,10 @@ export default createComponent({
     'change-default',
   ],
 
-  data() {
-    return {
+  setup(props, { emit, slots }) {
+    const areaRef = ref();
+
+    const state = reactive({
       data: {},
       showAreaPopup: false,
       detailFocused: false,
@@ -106,16 +113,14 @@ export default createComponent({
         postalCode: '',
         addressDetail: '',
       },
-    };
-  },
+    });
 
-  computed: {
-    areaListLoaded() {
-      return isObject(this.areaList) && Object.keys(this.areaList).length;
-    },
+    const areaListLoaded = computed(
+      () => isObject(props.areaList) && Object.keys(props.areaList).length
+    );
 
-    areaText() {
-      const { country, province, city, county, areaCode } = this.data;
+    const areaText = computed(() => {
+      const { country, province, city, county, areaCode } = state.data;
       if (areaCode) {
         const arr = [country, province, city, county];
         if (province && province === city) {
@@ -124,103 +129,34 @@ export default createComponent({
         return arr.filter((text) => text).join('/');
       }
       return '';
-    },
+    });
 
     // hide bottom field when use search && detail get focused
-    hideBottomFields() {
-      const { searchResult } = this;
-      return searchResult && searchResult.length && this.detailFocused;
-    },
-  },
+    const hideBottomFields = computed(() => {
+      const { searchResult } = props;
+      return searchResult && searchResult.length && state.detailFocused;
+    });
 
-  watch: {
-    addressInfo: {
-      handler(val) {
-        this.data = {
-          ...defaultData,
-          ...val,
-        };
-
-        this.setAreaCode(val.areaCode);
-      },
-      deep: true,
-      immediate: true,
-    },
-
-    areaList() {
-      this.setAreaCode(this.data.areaCode);
-    },
-  },
-
-  methods: {
-    onFocus(key) {
-      this.errorInfo[key] = '';
-      this.detailFocused = key === 'addressDetail';
-      this.$emit('focus', key);
-    },
-
-    onChangeDetail(val) {
-      this.data.addressDetail = val;
-      this.$emit('change-detail', val);
-    },
-
-    onAreaConfirm(values) {
-      values = values.filter((value) => !!value);
-
-      if (values.some((value) => !value.code)) {
-        Toast(t('areaEmpty'));
-        return;
-      }
-
-      this.showAreaPopup = false;
-      this.assignAreaValues();
-      this.$emit('change-area', values);
-    },
-
-    assignAreaValues() {
-      const { area } = this.$refs;
-
-      if (area) {
-        const detail = area.getArea();
+    const assignAreaValues = () => {
+      if (areaRef.value) {
+        const detail = areaRef.value.getArea();
         detail.areaCode = detail.code;
         delete detail.code;
-        Object.assign(this.data, detail);
+        Object.assign(state.data, detail);
       }
-    },
+    };
 
-    onSave() {
-      const items = ['name', 'tel'];
+    const onFocus = (key) => {
+      state.errorInfo[key] = '';
+      state.detailFocused = key === 'addressDetail';
+      emit('focus', key);
+    };
 
-      if (this.showArea) {
-        items.push('areaCode');
-      }
+    const getErrorMessage = (key) => {
+      const value = String(state.data[key] || '').trim();
 
-      if (this.showDetail) {
-        items.push('addressDetail');
-      }
-
-      if (this.showPostal) {
-        items.push('postalCode');
-      }
-
-      const isValid = items.every((item) => {
-        const msg = this.getErrorMessage(item);
-        if (msg) {
-          this.errorInfo[item] = msg;
-        }
-        return !msg;
-      });
-
-      if (isValid && !this.isSaving) {
-        this.$emit('save', this.data);
-      }
-    },
-
-    getErrorMessage(key) {
-      const value = String(this.data[key] || '').trim();
-
-      if (this.validator) {
-        const message = this.validator(key, value);
+      if (props.validator) {
+        const message = props.validator(key, value);
         if (message) {
           return message;
         }
@@ -230,63 +166,106 @@ export default createComponent({
         case 'name':
           return value ? '' : t('nameEmpty');
         case 'tel':
-          return this.telValidator(value) ? '' : t('telInvalid');
+          return props.telValidator(value) ? '' : t('telInvalid');
         case 'areaCode':
           return value ? '' : t('areaEmpty');
         case 'addressDetail':
           return value ? '' : t('addressEmpty');
         case 'postalCode':
-          return value && !this.postalValidator(value) ? t('postalEmpty') : '';
+          return value && !props.postalValidator(value) ? t('postalEmpty') : '';
       }
-    },
+    };
 
-    onDelete() {
+    const onSave = () => {
+      const items = ['name', 'tel'];
+
+      if (props.showArea) {
+        items.push('areaCode');
+      }
+
+      if (props.showDetail) {
+        items.push('addressDetail');
+      }
+
+      if (props.showPostal) {
+        items.push('postalCode');
+      }
+
+      const isValid = items.every((item) => {
+        const msg = getErrorMessage(item);
+        if (msg) {
+          state.errorInfo[item] = msg;
+        }
+        return !msg;
+      });
+
+      if (isValid && !props.isSaving) {
+        emit('save', state.data);
+      }
+    };
+
+    const onChangeDetail = (val) => {
+      state.data.addressDetail = val;
+      emit('change-detail', val);
+    };
+
+    const onAreaConfirm = (values) => {
+      values = values.filter((value) => !!value);
+
+      if (values.some((value) => !value.code)) {
+        Toast(t('areaEmpty'));
+        return;
+      }
+
+      state.showAreaPopup = false;
+      assignAreaValues();
+      emit('change-area', values);
+    };
+
+    const onDelete = () => {
       Dialog.confirm({
         title: t('confirmDelete'),
       })
         .then(() => {
-          this.$emit('delete', this.data);
+          emit('delete', state.data);
         })
         .catch(() => {
-          this.$emit('cancel-delete', this.data);
+          emit('cancel-delete', state.data);
         });
-    },
+    };
 
     // get values of area component
-    getArea() {
-      return this.$refs.area ? this.$refs.area.getValues() : [];
-    },
+    const getArea = () => (areaRef.value ? areaRef.value.getValues() : []);
 
     // set area code to area component
-    setAreaCode(code) {
-      this.data.areaCode = code || '';
+    const setAreaCode = (code) => {
+      state.data.areaCode = code || '';
 
       if (code) {
-        this.$nextTick(this.assignAreaValues);
+        nextTick(assignAreaValues);
       }
-    },
+    };
 
-    // @exposed-api
-    setAddressDetail(value) {
-      this.data.addressDetail = value;
-    },
-
-    onDetailBlur() {
+    const onDetailBlur = () => {
       // await for click search event
       setTimeout(() => {
-        this.detailFocused = false;
+        state.detailFocused = false;
       });
-    },
+    };
 
-    genSetDefaultCell(h) {
-      if (this.showSetDefault) {
+    const setAddressDetail = (value) => {
+      state.data.addressDetail = value;
+    };
+
+    const renderSetDefaultCell = () => {
+      if (props.showSetDefault) {
         const slots = {
           'right-icon': () => (
             <Switch
-              vModel={this.data.isDefault}
+              vModel={state.data.isDefault}
               size="24"
               onChange={(event) => {
-                this.$emit('change-default', event);
+                emit('change-default', event);
               }}
             />
           ),
@@ -295,7 +274,7 @@ export default createComponent({
         return (
           <Cell
             v-slots={slots}
-            vShow={!this.hideBottomFields}
+            vShow={!hideBottomFields.value}
             center
             title={t('defaultAddress')}
             class={bem('default')}
@@ -304,119 +283,146 @@ export default createComponent({
       }
 
       return h();
-    },
-  },
+    };
 
-  render(h) {
-    const { data, errorInfo, disableArea, hideBottomFields } = this;
-    const onFocus = (name) => () => this.onFocus(name);
+    useExpose({
+      getArea,
+      setAddressDetail,
+    });
 
-    return (
-      <div class={bem()}>
-        <div class={bem('fields')}>
-          <Field
-            vModel={data.name}
-            clearable
-            label={t('name')}
-            placeholder={t('namePlaceholder')}
-            errorMessage={errorInfo.name}
-            onFocus={onFocus('name')}
-          />
-          <Field
-            vModel={data.tel}
-            clearable
-            type="tel"
-            label={t('tel')}
-            maxlength={this.telMaxlength}
-            placeholder={t('telPlaceholder')}
-            errorMessage={errorInfo.tel}
-            onFocus={onFocus('tel')}
-          />
-          <Field
-            vShow={this.showArea}
-            readonly
-            clickable={!disableArea}
-            label={t('area')}
-            placeholder={this.areaPlaceholder || t('areaPlaceholder')}
-            errorMessage={errorInfo.areaCode}
-            rightIcon={!disableArea ? 'arrow' : null}
-            modelValue={this.areaText}
-            onFocus={onFocus('areaCode')}
-            onClick={() => {
-              this.$emit('click-area');
-              this.showAreaPopup = !disableArea;
-            }}
-          />
-          <Detail
-            show={this.showDetail}
-            value={data.addressDetail}
-            focused={this.detailFocused}
-            errorMessage={errorInfo.addressDetail}
-            detailRows={this.detailRows}
-            detailMaxlength={this.detailMaxlength}
-            searchResult={this.searchResult}
-            showSearchResult={this.showSearchResult}
-            onBlur={this.onDetailBlur}
-            onFocus={onFocus('addressDetail')}
-            onInput={this.onChangeDetail}
-            onSelect-search={(event) => {
-              this.$emit('select-search', event);
-            }}
-          />
-          {this.showPostal && (
+    watch(
+      () => props.areaList,
+      () => {
+        setAreaCode(state.data.areaCode);
+      }
+    );
+
+    watch(
+      () => props.addressInfo,
+      (value) => {
+        state.data = {
+          ...defaultData,
+          ...value,
+        };
+        setAreaCode(value.areaCode);
+      },
+      {
+        deep: true,
+        immediate: true,
+      }
+    );
+
+    return () => {
+      const { data, errorInfo } = state;
+      const { disableArea } = props;
+
+      return (
+        <div class={bem()}>
+          <div class={bem('fields')}>
             <Field
-              vShow={!hideBottomFields}
-              vModel={data.postalCode}
-              type="tel"
-              maxlength="6"
-              label={t('postal')}
-              placeholder={t('postal')}
-              errorMessage={errorInfo.postalCode}
-              onFocus={onFocus('postalCode')}
+              vModel={data.name}
+              clearable
+              label={t('name')}
+              placeholder={t('namePlaceholder')}
+              errorMessage={errorInfo.name}
+              onFocus={() => onFocus('name')}
             />
-          )}
-          {this.$slots.default?.()}
-        </div>
-        {this.genSetDefaultCell(h)}
-        <div vShow={!hideBottomFields} class={bem('buttons')}>
-          <Button
-            block
-            round
-            loading={this.isSaving}
-            type="danger"
-            text={this.saveButtonText || t('save')}
-            onClick={this.onSave}
-          />
-          {this.showDelete && (
+            <Field
+              vModel={data.tel}
+              clearable
+              type="tel"
+              label={t('tel')}
+              maxlength={props.telMaxlength}
+              placeholder={t('telPlaceholder')}
+              errorMessage={errorInfo.tel}
+              onFocus={() => onFocus('tel')}
+            />
+            <Field
+              vShow={props.showArea}
+              readonly
+              label={t('area')}
+              clickable={!disableArea}
+              rightIcon={!disableArea ? 'arrow' : null}
+              modelValue={areaText.value}
+              placeholder={props.areaPlaceholder || t('areaPlaceholder')}
+              errorMessage={errorInfo.areaCode}
+              onFocus={() => onFocus('areaCode')}
+              onClick={() => {
+                emit('click-area');
+                state.showAreaPopup = !disableArea;
+              }}
+            />
+            <Detail
+              show={props.showDetail}
+              value={data.addressDetail}
+              focused={state.detailFocused}
+              detailRows={props.detailRows}
+              errorMessage={errorInfo.addressDetail}
+              searchResult={props.searchResult}
+              detailMaxlength={props.detailMaxlength}
+              showSearchResult={props.showSearchResult}
+              onBlur={onDetailBlur}
+              onFocus={() => onFocus('addressDetail')}
+              onInput={onChangeDetail}
+              onSelect-search={(event) => {
+                emit('select-search', event);
+              }}
+            />
+            {props.showPostal && (
+              <Field
+                vShow={!hideBottomFields.value}
+                vModel={data.postalCode}
+                type="tel"
+                maxlength="6"
+                label={t('postal')}
+                placeholder={t('postal')}
+                errorMessage={errorInfo.postalCode}
+                onFocus={() => onFocus('postalCode')}
+              />
+            )}
+            {slots.default?.()}
+          </div>
+          {renderSetDefaultCell()}
+          <div vShow={!hideBottomFields.value} class={bem('buttons')}>
             <Button
               block
               round
-              loading={this.isDeleting}
-              text={this.deleteButtonText || t('delete')}
-              onClick={this.onDelete}
+              loading={props.isSaving}
+              type="danger"
+              text={props.saveButtonText || t('save')}
+              onClick={onSave}
             />
-          )}
+            {props.showDelete && (
+              <Button
+                block
+                round
+                loading={props.isDeleting}
+                text={props.deleteButtonText || t('delete')}
+                onClick={onDelete}
+              />
+            )}
+          </div>
+          <Popup
+            vModel={[state.showAreaPopup, 'show']}
+            round
+            teleport="body"
+            position="bottom"
+            lazyRender={false}
+          >
+            <Area
+              ref={areaRef}
+              value={data.areaCode}
+              loading={!areaListLoaded.value}
+              areaList={props.areaList}
+              columnsPlaceholder={props.areaColumnsPlaceholder}
+              onConfirm={onAreaConfirm}
+              onCancel={() => {
+                state.showAreaPopup = false;
+              }}
+            />
+          </Popup>
         </div>
-        <Popup
-          vModel={[this.showAreaPopup, 'show']}
-          round
-          teleport="body"
-          position="bottom"
-          lazyRender={false}
-        >
-          <Area
-            ref="area"
-            value={data.areaCode}
-            loading={!this.areaListLoaded}
-            areaList={this.areaList}
-            columnsPlaceholder={this.areaColumnsPlaceholder}
-            onConfirm={this.onAreaConfirm}
-            onCancel={() => {
-              this.showAreaPopup = false;
-            }}
-          />
-        </Popup>
-      </div>
-    );
+      );
+    };
   },
 });

From fc50e26416feb1cbc3d07de23cd39bf6ba57eefc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 19:01:09 +0800
Subject: [PATCH 460/626] refactor(Calendar): refactor with composition api

---
 src/calendar/components/Month.js |   6 +-
 src/calendar/index.js            | 534 +++++++++++++++----------------
 2 files changed, 269 insertions(+), 271 deletions(-)

diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 9e4c7050e..c76a58c08 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -253,7 +253,9 @@ export default createComponent({
     watch(
       () => props.realRowHeight,
       () => {
-        height.value = useRect(monthRef).height;
+        nextTick(() => {
+          height.value = useRect(monthRef).height;
+        });
       }
     );
 
@@ -269,9 +271,9 @@ export default createComponent({
     });
 
     useExpose({
-      height,
       getDate,
       getTitle,
+      getHeight: () => height.value,
       setVisible,
       scrollIntoView,
     });
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 0fcaaa16f..35fc859ef 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -1,3 +1,5 @@
+import { ref, watch, reactive, computed, onMounted, onActivated } from 'vue';
+
 // Utils
 import { pick } from '../utils';
 import { raf } from '../utils/dom/raf';
@@ -16,6 +18,11 @@ import {
   getDayByOffset,
 } from './utils';
 
+// Composition
+import { useRefs } from '../composition/use-refs';
+import { useRect } from '../composition/use-rect';
+import { useExpose } from '../composition/use-expose';
+
 // Components
 import Popup from '../popup';
 import Button from '../button';
@@ -111,123 +118,9 @@ export default createComponent({
 
   emits: ['select', 'confirm', 'unselect', 'month-show', 'update:show'],
 
-  data() {
-    this.monthRefs = [];
-    return {
-      subtitle: '',
-      currentDate: this.getInitialDate(),
-      realRowHeight: 0,
-    };
-  },
-
-  computed: {
-    months() {
-      const months = [];
-      const cursor = new Date(this.minDate);
-
-      cursor.setDate(1);
-
-      do {
-        months.push(new Date(cursor));
-        cursor.setMonth(cursor.getMonth() + 1);
-      } while (compareMonth(cursor, this.maxDate) !== 1);
-
-      return months;
-    },
-
-    buttonDisabled() {
-      const { type, currentDate } = this;
-
-      if (currentDate) {
-        if (type === 'range') {
-          return !currentDate[0] || !currentDate[1];
-        }
-        if (type === 'multiple') {
-          return !currentDate.length;
-        }
-      }
-
-      return !currentDate;
-    },
-
-    dayOffset() {
-      return this.firstDayOfWeek ? this.firstDayOfWeek % 7 : 0;
-    },
-  },
-
-  watch: {
-    show: 'init',
-    type: 'reset',
-
-    defaultDate(val) {
-      this.currentDate = val;
-      this.scrollIntoView();
-    },
-  },
-
-  mounted() {
-    this.init();
-  },
-
-  activated() {
-    this.init();
-  },
-
-  methods: {
-    // @exposed-api
-    reset() {
-      this.currentDate = this.getInitialDate();
-      this.scrollIntoView();
-    },
-
-    init() {
-      if (this.poppable && !this.show) {
-        return;
-      }
-
-      this.$nextTick(() => {
-        // add Math.floor to avoid decimal height issues
-        // https://github.com/youzan/vant/issues/5640
-        this.bodyHeight = Math.floor(
-          this.$refs.body.getBoundingClientRect().height
-        );
-        this.onScroll();
-        this.scrollIntoView();
-      });
-    },
-
-    // scroll to current month
-    scrollIntoView() {
-      raf(() => {
-        const { currentDate } = this;
-
-        if (!currentDate) {
-          return;
-        }
-
-        const targetDate =
-          this.type === 'single' ? currentDate : currentDate[0];
-        const displayed = this.show || !this.poppable;
-
-        /* istanbul ignore if */
-        if (!targetDate || !displayed) {
-          return;
-        }
-
-        this.months.some((month, index) => {
-          if (compareMonth(month, targetDate) === 0) {
-            const { body } = this.$refs;
-            this.monthRefs[index].scrollIntoView(body);
-            return true;
-          }
-
-          return false;
-        });
-      });
-    },
-
-    getInitialDate() {
-      const { type, minDate, maxDate, defaultDate } = this;
+  setup(props, { emit, slots }) {
+    const getInitialDate = () => {
+      const { type, minDate, maxDate, defaultDate } = props;
 
       if (defaultDate === null) {
         return defaultDate;
@@ -251,18 +144,90 @@ export default createComponent({
       }
 
       return defaultDate || defaultVal;
-    },
+    };
+
+    let bodyHeight;
+
+    const bodyRef = ref();
+
+    const state = reactive({
+      subtitle: '',
+      currentDate: getInitialDate(),
+      realRowHeight: 0,
+    });
+
+    const [monthRefs, setMonthRefs] = useRefs();
+
+    const dayOffset = computed(() =>
+      props.firstDayOfWeek ? props.firstDayOfWeek % 7 : 0
+    );
+
+    const months = computed(() => {
+      const months = [];
+      const cursor = new Date(props.minDate);
+
+      cursor.setDate(1);
+
+      do {
+        months.push(new Date(cursor));
+        cursor.setMonth(cursor.getMonth() + 1);
+      } while (compareMonth(cursor, props.maxDate) !== 1);
+
+      return months;
+    });
+
+    const buttonDisabled = computed(() => {
+      const { currentDate } = state;
+
+      if (currentDate) {
+        if (props.type === 'range') {
+          return !currentDate[0] || !currentDate[1];
+        }
+        if (props.type === 'multiple') {
+          return !currentDate.length;
+        }
+      }
+
+      return !currentDate;
+    });
+
+    // scroll to current month
+    const scrollIntoView = () => {
+      raf(() => {
+        const { currentDate } = state;
+
+        if (!currentDate) {
+          return;
+        }
+
+        const targetDate =
+          props.type === 'single' ? currentDate : currentDate[0];
+        const displayed = props.show || !props.poppable;
+
+        /* istanbul ignore if */
+        if (!targetDate || !displayed) {
+          return;
+        }
+
+        months.value.some((month, index) => {
+          if (compareMonth(month, targetDate) === 0) {
+            monthRefs.value[index].scrollIntoView(bodyRef.value);
+            return true;
+          }
+
+          return false;
+        });
+      });
+    };
 
     // calculate the position of the elements
     // and find the elements that needs to be rendered
-    onScroll() {
-      const { body } = this.$refs;
-      const { months, monthRefs } = this;
-      const top = getScrollTop(body);
-      const bottom = top + this.bodyHeight;
+    const onScroll = () => {
+      const top = getScrollTop(bodyRef.value);
+      const bottom = top + bodyHeight;
 
-      const heights = months.map(
-        (item, index) => monthRefs[index].height.value
+      const heights = months.value.map((item, index) =>
+        monthRefs.value[index].getHeight()
       );
       const heightSum = heights.reduce((a, b) => a + b, 0);
 
@@ -275,46 +240,112 @@ export default createComponent({
       let currentMonth;
       let visibleIndex;
 
-      for (let i = 0; i < months.length; i++) {
+      for (let i = 0; i < months.value.length; i++) {
+        const month = monthRefs.value[i];
         const visible = height <= bottom && height + heights[i] >= top;
 
         if (visible && !currentMonth) {
           visibleIndex = i;
-          currentMonth = monthRefs[i];
+          currentMonth = month;
         }
 
-        if (!monthRefs[i].visible && visible) {
-          this.$emit('month-show', {
-            date: monthRefs[i].getDate(),
-            title: monthRefs[i].getTitle(),
+        if (!month.visible && visible) {
+          emit('month-show', {
+            date: month.getDate(),
+            title: month.getTitle(),
           });
         }
 
         height += heights[i];
       }
 
-      months.forEach((month, index) => {
+      months.value.forEach((month, index) => {
         const visible = index >= visibleIndex - 1 && index <= visibleIndex + 1;
-        monthRefs[index].setVisible(visible);
+        monthRefs.value[index].setVisible(visible);
       });
 
       /* istanbul ignore else */
       if (currentMonth) {
-        this.subtitle = currentMonth.getTitle();
+        state.subtitle = currentMonth.getTitle();
       }
-    },
+    };
 
-    onClickDay(item) {
-      if (this.readonly) {
+    const init = () => {
+      if (props.poppable && !props.show) {
+        return;
+      }
+
+      raf(() => {
+        // add Math.floor to avoid decimal height issues
+        // https://github.com/youzan/vant/issues/5640
+        bodyHeight = Math.floor(useRect(bodyRef).height);
+        onScroll();
+        scrollIntoView();
+      });
+    };
+
+    const reset = () => {
+      state.currentDate = getInitialDate();
+      scrollIntoView();
+    };
+
+    const checkRange = (date) => {
+      const { maxRange, rangePrompt } = props;
+
+      if (maxRange && calcDateNum(date) > maxRange) {
+        Toast(rangePrompt || t('rangePrompt', maxRange));
+        return false;
+      }
+
+      return true;
+    };
+
+    const onConfirm = () => {
+      emit('confirm', copyDates(state.currentDate));
+    };
+
+    const select = (date, complete) => {
+      const setCurrentDate = (date) => {
+        state.currentDate = date;
+        emit('select', copyDates(state.currentDate));
+      };
+
+      if (complete && props.type === 'range') {
+        const valid = checkRange(date);
+
+        if (!valid) {
+          // auto selected to max range if showConfirm
+          if (props.showConfirm) {
+            setCurrentDate([
+              date[0],
+              getDayByOffset(date[0], props.maxRange - 1),
+            ]);
+          } else {
+            setCurrentDate(date);
+          }
+          return;
+        }
+      }
+
+      setCurrentDate(date);
+
+      if (complete && !props.showConfirm) {
+        onConfirm();
+      }
+    };
+
+    const onClickDay = (item) => {
+      if (props.readonly) {
         return;
       }
 
       const { date } = item;
-      const { type, currentDate } = this;
+      const { type } = props;
+      const { currentDate } = state;
 
       if (type === 'range') {
         if (!currentDate) {
-          this.select([date, null]);
+          select([date, null]);
           return;
         }
 
@@ -324,23 +355,23 @@ export default createComponent({
           const compareToStart = compareDay(date, startDay);
 
           if (compareToStart === 1) {
-            this.select([startDay, date], true);
+            select([startDay, date], true);
           } else if (compareToStart === -1) {
-            this.select([date, null]);
-          } else if (this.allowSameDay) {
-            this.select([date, date], true);
+            select([date, null]);
+          } else if (props.allowSameDay) {
+            select([date, date], true);
           }
         } else {
-          this.select([date, null]);
+          select([date, null]);
         }
       } else if (type === 'multiple') {
         if (!currentDate) {
-          this.select([date]);
+          select([date]);
           return;
         }
 
         let selectedIndex;
-        const selected = this.currentDate.some((dateItem, index) => {
+        const selected = state.currentDate.some((dateItem, index) => {
           const equal = compareDay(dateItem, date) === 0;
           if (equal) {
             selectedIndex = index;
@@ -350,78 +381,36 @@ export default createComponent({
 
         if (selected) {
           const [unselectedDate] = currentDate.splice(selectedIndex, 1);
-          this.$emit('unselect', copyDate(unselectedDate));
-        } else if (this.maxRange && currentDate.length >= this.maxRange) {
-          Toast(this.rangePrompt || t('rangePrompt', this.maxRange));
+          emit('unselect', copyDate(unselectedDate));
+        } else if (props.maxRange && currentDate.length >= props.maxRange) {
+          Toast(props.rangePrompt || t('rangePrompt', props.maxRange));
         } else {
-          this.select([...currentDate, date]);
+          select([...currentDate, date]);
         }
       } else {
-        this.select(date, true);
+        select(date, true);
       }
-    },
+    };
 
-    togglePopup(val) {
-      this.$emit('update:show', val);
-    },
+    const togglePopup = (val) => {
+      emit('update:show', val);
+    };
 
-    select(date, complete) {
-      const emit = (date) => {
-        this.currentDate = date;
-        this.$emit('select', copyDates(this.currentDate));
-      };
+    const onUpdateHeight = (height) => {
+      state.realRowHeight = height;
+    };
 
-      if (complete && this.type === 'range') {
-        const valid = this.checkRange(date);
-
-        if (!valid) {
-          // auto selected to max range if showConfirm
-          if (this.showConfirm) {
-            emit([date[0], getDayByOffset(date[0], this.maxRange - 1)]);
-          } else {
-            emit(date);
-          }
-          return;
-        }
-      }
-
-      emit(date);
-
-      if (complete && !this.showConfirm) {
-        this.onConfirm();
-      }
-    },
-
-    checkRange(date) {
-      const { maxRange, rangePrompt } = this;
-
-      if (maxRange && calcDateNum(date) > maxRange) {
-        Toast(rangePrompt || t('rangePrompt', maxRange));
-        return false;
-      }
-
-      return true;
-    },
-
-    onConfirm() {
-      this.$emit('confirm', copyDates(this.currentDate));
-    },
-
-    onUpdateHeight(height) {
-      this.realRowHeight = height;
-    },
-
-    genMonth(date, index) {
-      const showMonthTitle = index !== 0 || !this.showSubtitle;
+    const renderMonth = (date, index) => {
+      const showMonthTitle = index !== 0 || !props.showSubtitle;
       return (
         <Month
-          ref={(val) => {
-            this.monthRefs[index] = val;
-          }}
+          ref={setMonthRefs(index)}
           date={date}
+          currentDate={state.currentDate}
+          realRowHeight={state.realRowHeight}
           showMonthTitle={showMonthTitle}
-          firstDayOfWeek={this.dayOffset}
-          {...pick(this, [
+          firstDayOfWeek={dayOffset.value}
+          {...pick(props, [
             'type',
             'color',
             'minDate',
@@ -430,93 +419,100 @@ export default createComponent({
             'formatter',
             'rowHeight',
             'lazyRender',
-            'currentDate',
             'showSubtitle',
             'allowSameDay',
-            'realRowHeight',
           ])}
-          onClick={this.onClickDay}
-          onUpdate-height={this.onUpdateHeight}
+          onClick={onClickDay}
+          onUpdate-height={onUpdateHeight}
         />
       );
-    },
+    };
 
-    genFooterContent() {
-      if (this.$slots.footer) {
-        return this.$slots.footer();
+    const renderFooterButton = () => {
+      if (slots.footer) {
+        return slots.footer();
       }
 
-      if (this.showConfirm) {
-        const text = this.buttonDisabled
-          ? this.confirmDisabledText
-          : this.confirmText;
+      if (props.showConfirm) {
+        const text = buttonDisabled.value
+          ? props.confirmDisabledText
+          : props.confirmText;
 
         return (
           <Button
             round
             block
             type="danger"
-            color={this.color}
+            color={props.color}
             class={bem('confirm')}
-            disabled={this.buttonDisabled}
+            disabled={buttonDisabled.value}
             nativeType="button"
-            onClick={this.onConfirm}
+            onClick={onConfirm}
           >
             {text || t('confirm')}
           </Button>
         );
       }
-    },
+    };
 
-    genFooter() {
-      return (
-        <div class={bem('footer', { unfit: !this.safeAreaInsetBottom })}>
-          {this.genFooterContent()}
+    const renderFooter = () => (
+      <div class={bem('footer', { unfit: !props.safeAreaInsetBottom })}>
+        {renderFooterButton()}
+      </div>
+    );
+
+    const renderCalendar = () => (
+      <div class={bem()}>
+        <Header
+          v-slots={{ title: slots.title }}
+          title={props.title}
+          showTitle={props.showTitle}
+          subtitle={state.subtitle}
+          showSubtitle={props.showSubtitle}
+          firstDayOfWeek={dayOffset.value}
+        />
+        <div ref={bodyRef} class={bem('body')} onScroll={onScroll}>
+          {months.value.map(renderMonth)}
         </div>
-      );
-    },
+        {renderFooter()}
+      </div>
+    );
 
-    genCalendar() {
-      return (
-        <div class={bem()}>
-          <Header
-            v-slots={{
-              title: this.$slots.title,
-            }}
-            title={this.title}
-            showTitle={this.showTitle}
-            subtitle={this.subtitle}
-            showSubtitle={this.showSubtitle}
-            firstDayOfWeek={this.dayOffset}
-          />
-          <div ref="body" class={bem('body')} onScroll={this.onScroll}>
-            {this.months.map(this.genMonth)}
-          </div>
-          {this.genFooter()}
-        </div>
-      );
-    },
-  },
+    watch(() => props.show, init);
+    watch(() => props.type, reset);
+    watch(
+      () => props.defaultDate,
+      (value) => {
+        state.currentDate = value;
+        scrollIntoView();
+      }
+    );
 
-  render() {
-    if (this.poppable) {
-      return (
-        <Popup
-          show={this.show}
-          class={bem('popup')}
-          round={this.round}
-          position={this.position}
-          closeable={this.showTitle || this.showSubtitle}
-          teleport={this.teleport}
-          closeOnPopstate={this.closeOnPopstate}
-          closeOnClickOverlay={this.closeOnClickOverlay}
-          {...{ 'onUpdate:show': this.togglePopup }}
-        >
-          {this.genCalendar()}
-        </Popup>
-      );
-    }
+    onMounted(init);
+    onActivated(init);
 
-    return this.genCalendar();
+    useExpose({ reset });
+
+    return () => {
+      if (props.poppable) {
+        return (
+          <Popup
+            show={props.show}
+            class={bem('popup')}
+            round={props.round}
+            position={props.position}
+            closeable={props.showTitle || props.showSubtitle}
+            teleport={props.teleport}
+            closeOnPopstate={props.closeOnPopstate}
+            closeOnClickOverlay={props.closeOnClickOverlay}
+            {...{ 'onUpdate:show': togglePopup }}
+          >
+            {renderCalendar()}
+          </Popup>
+        );
+      }
+
+      return renderCalendar();
+    };
   },
 });

From f7397e399d9bbff707941d8e4f12fd2773fc1d49 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 19:10:40 +0800
Subject: [PATCH 461/626] refactor: remove checkbox mixin

---
 src/checkbox/index.js  | 147 ++++++++++++++++++++++++++++++++++++++---
 src/mixins/checkbox.js | 147 -----------------------------------------
 src/radio/index.js     | 138 +++++++++++++++++++++++++++++++++++---
 3 files changed, 266 insertions(+), 166 deletions(-)
 delete mode 100644 src/mixins/checkbox.js

diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 880e1e286..b74f94a6b 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,22 +1,66 @@
-import { createNamespace } from '../utils';
+import { addUnit, createNamespace } from '../utils';
 import { FieldMixin } from '../mixins/field';
-import { CheckboxMixin } from '../mixins/checkbox';
+import { ChildrenMixin } from '../mixins/relation';
+import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('checkbox');
 
 export default createComponent({
-  mixins: [
-    FieldMixin,
-    CheckboxMixin({
-      bem,
-      role: 'checkbox',
-      parent: 'vanCheckbox',
-    }),
-  ],
+  mixins: [FieldMixin, ChildrenMixin('vanCheckbox')],
+
+  props: {
+    name: null,
+    disabled: Boolean,
+    iconSize: [Number, String],
+    modelValue: null,
+    checkedColor: String,
+    labelPosition: String,
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      default: 'round',
+    },
+    bindGroup: {
+      type: Boolean,
+      default: true,
+    },
+  },
 
   emits: ['click', 'change', 'update:modelValue'],
 
   computed: {
+    disableBindRelation() {
+      return !this.bindGroup;
+    },
+
+    isDisabled() {
+      return (this.parent && this.parent.disabled) || this.disabled;
+    },
+
+    direction() {
+      return (this.parent && this.parent.direction) || null;
+    },
+
+    iconStyle() {
+      const checkedColor =
+        this.checkedColor || (this.parent && this.parent.checkedColor);
+
+      if (checkedColor && this.checked && !this.isDisabled) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor,
+        };
+      }
+    },
+
+    tabindex() {
+      if (this.isDisabled) {
+        return -1;
+      }
+
+      return 0;
+    },
+
     checked: {
       get() {
         if (this.parent) {
@@ -42,6 +86,61 @@ export default createComponent({
   },
 
   methods: {
+    onClick(event) {
+      const { target } = event;
+      const { icon } = this.$refs;
+      const iconClicked = icon === target || icon.contains(target);
+
+      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
+        this.toggle();
+
+        // wait for toggle method to complete
+        // so we can get the changed value in the click event listener
+        setTimeout(() => {
+          this.$emit('click', event);
+        });
+      } else {
+        this.$emit('click', event);
+      }
+    },
+
+    genIcon() {
+      const { checked } = this;
+      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
+
+      return (
+        <div
+          ref="icon"
+          class={bem('icon', [
+            this.shape,
+            { disabled: this.isDisabled, checked },
+          ])}
+          style={{ fontSize: addUnit(iconSize) }}
+        >
+          {this.$slots.icon ? (
+            this.$slots.icon({ checked })
+          ) : (
+            <Icon name="success" style={this.iconStyle} />
+          )}
+        </div>
+      );
+    },
+
+    genLabel() {
+      if (this.$slots.default) {
+        return (
+          <span
+            class={bem('label', [
+              this.labelPosition,
+              { disabled: this.isDisabled },
+            ])}
+          >
+            {this.$slots.default()}
+          </span>
+        );
+      }
+    },
+
     // @exposed-api
     toggle(checked = !this.checked) {
       // When toggle method is called multiple times at the same time,
@@ -78,4 +177,32 @@ export default createComponent({
       }
     },
   },
+
+  render() {
+    const Children = [this.genIcon()];
+
+    if (this.labelPosition === 'left') {
+      Children.unshift(this.genLabel());
+    } else {
+      Children.push(this.genLabel());
+    }
+
+    return (
+      <div
+        role="checkbox"
+        class={bem([
+          {
+            disabled: this.isDisabled,
+            'label-disabled': this.labelDisabled,
+          },
+          this.direction,
+        ])}
+        tabindex={this.tabindex}
+        aria-checked={String(this.checked)}
+        onClick={this.onClick}
+      >
+        {Children}
+      </div>
+    );
+  },
 });
diff --git a/src/mixins/checkbox.js b/src/mixins/checkbox.js
deleted file mode 100644
index 1729cbf91..000000000
--- a/src/mixins/checkbox.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/**
- * Common part of Checkbox & Radio
- */
-import Icon from '../icon';
-import { ChildrenMixin } from './relation';
-import { addUnit } from '../utils';
-
-export const CheckboxMixin = ({ parent, bem, role }) => ({
-  mixins: [ChildrenMixin(parent)],
-
-  props: {
-    name: null,
-    disabled: Boolean,
-    iconSize: [Number, String],
-    modelValue: null,
-    checkedColor: String,
-    labelPosition: String,
-    labelDisabled: Boolean,
-    shape: {
-      type: String,
-      default: 'round',
-    },
-    bindGroup: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  computed: {
-    disableBindRelation() {
-      return !this.bindGroup;
-    },
-
-    isDisabled() {
-      return (this.parent && this.parent.disabled) || this.disabled;
-    },
-
-    direction() {
-      return (this.parent && this.parent.direction) || null;
-    },
-
-    iconStyle() {
-      const checkedColor =
-        this.checkedColor || (this.parent && this.parent.checkedColor);
-
-      if (checkedColor && this.checked && !this.isDisabled) {
-        return {
-          borderColor: checkedColor,
-          backgroundColor: checkedColor,
-        };
-      }
-    },
-
-    tabindex() {
-      if (this.isDisabled || (role === 'radio' && !this.checked)) {
-        return -1;
-      }
-
-      return 0;
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      const { target } = event;
-      const { icon } = this.$refs;
-      const iconClicked = icon === target || icon.contains(target);
-
-      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-        this.toggle();
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          this.$emit('click', event);
-        });
-      } else {
-        this.$emit('click', event);
-      }
-    },
-
-    genIcon() {
-      const { checked } = this;
-      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
-
-      return (
-        <div
-          ref="icon"
-          class={bem('icon', [
-            this.shape,
-            { disabled: this.isDisabled, checked },
-          ])}
-          style={{ fontSize: addUnit(iconSize) }}
-        >
-          {this.$slots.icon ? (
-            this.$slots.icon({ checked })
-          ) : (
-            <Icon name="success" style={this.iconStyle} />
-          )}
-        </div>
-      );
-    },
-
-    genLabel() {
-      if (this.$slots.default) {
-        return (
-          <span
-            class={bem('label', [
-              this.labelPosition,
-              { disabled: this.isDisabled },
-            ])}
-          >
-            {this.$slots.default()}
-          </span>
-        );
-      }
-    },
-  },
-
-  render() {
-    const Children = [this.genIcon()];
-
-    if (this.labelPosition === 'left') {
-      Children.unshift(this.genLabel());
-    } else {
-      Children.push(this.genLabel());
-    }
-
-    return (
-      <div
-        role={role}
-        class={bem([
-          {
-            disabled: this.isDisabled,
-            'label-disabled': this.labelDisabled,
-          },
-          this.direction,
-        ])}
-        tabindex={this.tabindex}
-        aria-checked={String(this.checked)}
-        onClick={this.onClick}
-      >
-        {Children}
-      </div>
-    );
-  },
-});
diff --git a/src/radio/index.js b/src/radio/index.js
index ae06f3565..1ceba1582 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -1,20 +1,57 @@
-import { createNamespace } from '../utils';
-import { CheckboxMixin } from '../mixins/checkbox';
+import { addUnit, createNamespace } from '../utils';
+import { ChildrenMixin } from '../mixins/relation';
+import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('radio');
 
 export default createComponent({
-  mixins: [
-    CheckboxMixin({
-      bem,
-      role: 'radio',
-      parent: 'vanRadio',
-    }),
-  ],
+  mixins: [ChildrenMixin('vanRadio')],
+
+  props: {
+    name: null,
+    disabled: Boolean,
+    iconSize: [Number, String],
+    modelValue: null,
+    checkedColor: String,
+    labelPosition: String,
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      default: 'round',
+    },
+  },
 
   emits: ['click', 'update:modelValue'],
 
   computed: {
+    isDisabled() {
+      return (this.parent && this.parent.disabled) || this.disabled;
+    },
+
+    direction() {
+      return (this.parent && this.parent.direction) || null;
+    },
+
+    iconStyle() {
+      const checkedColor =
+        this.checkedColor || (this.parent && this.parent.checkedColor);
+
+      if (checkedColor && this.checked && !this.isDisabled) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor,
+        };
+      }
+    },
+
+    tabindex() {
+      if (this.isDisabled || !this.checked) {
+        return -1;
+      }
+
+      return 0;
+    },
+
     currentValue: {
       get() {
         return this.parent ? this.parent.modelValue : this.modelValue;
@@ -34,5 +71,88 @@ export default createComponent({
     toggle() {
       this.currentValue = this.name;
     },
+
+    onClick(event) {
+      const { target } = event;
+      const { icon } = this.$refs;
+      const iconClicked = icon === target || icon.contains(target);
+
+      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
+        this.toggle();
+
+        // wait for toggle method to complete
+        // so we can get the changed value in the click event listener
+        setTimeout(() => {
+          this.$emit('click', event);
+        });
+      } else {
+        this.$emit('click', event);
+      }
+    },
+
+    genIcon() {
+      const { checked } = this;
+      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
+
+      return (
+        <div
+          ref="icon"
+          class={bem('icon', [
+            this.shape,
+            { disabled: this.isDisabled, checked },
+          ])}
+          style={{ fontSize: addUnit(iconSize) }}
+        >
+          {this.$slots.icon ? (
+            this.$slots.icon({ checked })
+          ) : (
+            <Icon name="success" style={this.iconStyle} />
+          )}
+        </div>
+      );
+    },
+
+    genLabel() {
+      if (this.$slots.default) {
+        return (
+          <span
+            class={bem('label', [
+              this.labelPosition,
+              { disabled: this.isDisabled },
+            ])}
+          >
+            {this.$slots.default()}
+          </span>
+        );
+      }
+    },
+  },
+
+  render() {
+    const Children = [this.genIcon()];
+
+    if (this.labelPosition === 'left') {
+      Children.unshift(this.genLabel());
+    } else {
+      Children.push(this.genLabel());
+    }
+
+    return (
+      <div
+        role="radio"
+        class={bem([
+          {
+            disabled: this.isDisabled,
+            'label-disabled': this.labelDisabled,
+          },
+          this.direction,
+        ])}
+        tabindex={this.tabindex}
+        aria-checked={String(this.checked)}
+        onClick={this.onClick}
+      >
+        {Children}
+      </div>
+    );
   },
 });

From eb68632e508cffd0bed016318984937c635221e2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 19:36:04 +0800
Subject: [PATCH 462/626] refactor(Checkbox): extract Checker component

---
 src/checkbox/Checker.js | 147 ++++++++++++++++++++++++++++++++++++++++
 src/checkbox/index.js   | 141 ++++----------------------------------
 src/radio/index.js      | 133 ++++--------------------------------
 3 files changed, 171 insertions(+), 250 deletions(-)
 create mode 100644 src/checkbox/Checker.js

diff --git a/src/checkbox/Checker.js b/src/checkbox/Checker.js
new file mode 100644
index 000000000..452009783
--- /dev/null
+++ b/src/checkbox/Checker.js
@@ -0,0 +1,147 @@
+import { addUnit } from '../utils';
+import Icon from '../icon';
+
+export const checkerProps = {
+  name: null,
+  disabled: Boolean,
+  iconSize: [Number, String],
+  modelValue: null,
+  checkedColor: String,
+  labelPosition: String,
+  labelDisabled: Boolean,
+  shape: {
+    type: String,
+    default: 'round',
+  },
+  bindGroup: {
+    type: Boolean,
+    default: true,
+  },
+};
+
+export default {
+  props: {
+    ...checkerProps,
+    bem: Function,
+    role: String,
+    parent: Object,
+    checked: Boolean,
+  },
+
+  emits: ['click', 'toggle'],
+
+  computed: {
+    isDisabled() {
+      return (this.parent && this.parent.disabled) || this.disabled;
+    },
+
+    direction() {
+      return (this.parent && this.parent.direction) || null;
+    },
+
+    iconStyle() {
+      const checkedColor =
+        this.checkedColor || (this.parent && this.parent.checkedColor);
+
+      if (checkedColor && this.checked && !this.isDisabled) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor,
+        };
+      }
+    },
+
+    tabindex() {
+      return this.isDisabled ? -1 : 0;
+    },
+
+    disableBindRelation() {
+      return !this.bindGroup;
+    },
+  },
+
+  methods: {
+    onClick(event) {
+      const { target } = event;
+      const { icon } = this.$refs;
+      const iconClicked = icon === target || icon.contains(target);
+
+      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
+        this.$emit('toggle');
+
+        // wait for toggle method to complete
+        // so we can get the changed value in the click event listener
+        setTimeout(() => {
+          this.$emit('click', event);
+        });
+      } else {
+        this.$emit('click', event);
+      }
+    },
+
+    genIcon() {
+      const { checked } = this;
+      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
+
+      return (
+        <div
+          ref="icon"
+          class={this.bem('icon', [
+            this.shape,
+            { disabled: this.isDisabled, checked },
+          ])}
+          style={{ fontSize: addUnit(iconSize) }}
+        >
+          {this.$slots.icon ? (
+            this.$slots.icon({ checked })
+          ) : (
+            <Icon name="success" style={this.iconStyle} />
+          )}
+        </div>
+      );
+    },
+
+    genLabel() {
+      if (this.$slots.default) {
+        return (
+          <span
+            class={this.bem('label', [
+              this.labelPosition,
+              { disabled: this.isDisabled },
+            ])}
+          >
+            {this.$slots.default()}
+          </span>
+        );
+      }
+    },
+  },
+
+  render() {
+    const Children = [this.genIcon()];
+
+    if (this.labelPosition === 'left') {
+      Children.unshift(this.genLabel());
+    } else {
+      Children.push(this.genLabel());
+    }
+
+    return (
+      <div
+        role={this.role}
+        class={this.bem([
+          {
+            disabled: this.isDisabled,
+            'label-disabled': this.labelDisabled,
+          },
+          this.direction,
+        ])}
+        tabindex={this.tabindex}
+        aria-checked={String(this.checked)}
+        onClick={this.onClick}
+      >
+        {Children}
+      </div>
+    );
+  },
+};
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index b74f94a6b..7ff588965 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,66 +1,18 @@
-import { addUnit, createNamespace } from '../utils';
+import { createNamespace, pick } from '../utils';
 import { FieldMixin } from '../mixins/field';
 import { ChildrenMixin } from '../mixins/relation';
-import Icon from '../icon';
+import Checker, { checkerProps } from './Checker';
 
 const [createComponent, bem] = createNamespace('checkbox');
 
 export default createComponent({
   mixins: [FieldMixin, ChildrenMixin('vanCheckbox')],
 
-  props: {
-    name: null,
-    disabled: Boolean,
-    iconSize: [Number, String],
-    modelValue: null,
-    checkedColor: String,
-    labelPosition: String,
-    labelDisabled: Boolean,
-    shape: {
-      type: String,
-      default: 'round',
-    },
-    bindGroup: {
-      type: Boolean,
-      default: true,
-    },
-  },
+  props: checkerProps,
 
-  emits: ['click', 'change', 'update:modelValue'],
+  emits: ['change', 'update:modelValue'],
 
   computed: {
-    disableBindRelation() {
-      return !this.bindGroup;
-    },
-
-    isDisabled() {
-      return (this.parent && this.parent.disabled) || this.disabled;
-    },
-
-    direction() {
-      return (this.parent && this.parent.direction) || null;
-    },
-
-    iconStyle() {
-      const checkedColor =
-        this.checkedColor || (this.parent && this.parent.checkedColor);
-
-      if (checkedColor && this.checked && !this.isDisabled) {
-        return {
-          borderColor: checkedColor,
-          backgroundColor: checkedColor,
-        };
-      }
-    },
-
-    tabindex() {
-      if (this.isDisabled) {
-        return -1;
-      }
-
-      return 0;
-    },
-
     checked: {
       get() {
         if (this.parent) {
@@ -86,61 +38,6 @@ export default createComponent({
   },
 
   methods: {
-    onClick(event) {
-      const { target } = event;
-      const { icon } = this.$refs;
-      const iconClicked = icon === target || icon.contains(target);
-
-      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-        this.toggle();
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          this.$emit('click', event);
-        });
-      } else {
-        this.$emit('click', event);
-      }
-    },
-
-    genIcon() {
-      const { checked } = this;
-      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
-
-      return (
-        <div
-          ref="icon"
-          class={bem('icon', [
-            this.shape,
-            { disabled: this.isDisabled, checked },
-          ])}
-          style={{ fontSize: addUnit(iconSize) }}
-        >
-          {this.$slots.icon ? (
-            this.$slots.icon({ checked })
-          ) : (
-            <Icon name="success" style={this.iconStyle} />
-          )}
-        </div>
-      );
-    },
-
-    genLabel() {
-      if (this.$slots.default) {
-        return (
-          <span
-            class={bem('label', [
-              this.labelPosition,
-              { disabled: this.isDisabled },
-            ])}
-          >
-            {this.$slots.default()}
-          </span>
-        );
-      }
-    },
-
     // @exposed-api
     toggle(checked = !this.checked) {
       // When toggle method is called multiple times at the same time,
@@ -179,30 +76,16 @@ export default createComponent({
   },
 
   render() {
-    const Children = [this.genIcon()];
-
-    if (this.labelPosition === 'left') {
-      Children.unshift(this.genLabel());
-    } else {
-      Children.push(this.genLabel());
-    }
-
     return (
-      <div
+      <Checker
+        v-slots={pick(this.$slots, ['default', 'icon'])}
+        bem={bem}
         role="checkbox"
-        class={bem([
-          {
-            disabled: this.isDisabled,
-            'label-disabled': this.labelDisabled,
-          },
-          this.direction,
-        ])}
-        tabindex={this.tabindex}
-        aria-checked={String(this.checked)}
-        onClick={this.onClick}
-      >
-        {Children}
-      </div>
+        parent={this.parent}
+        checked={this.checked}
+        onToggle={this.toggle}
+        {...this.$props}
+      />
     );
   },
 });
diff --git a/src/radio/index.js b/src/radio/index.js
index 1ceba1582..543f79326 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -1,57 +1,17 @@
-import { addUnit, createNamespace } from '../utils';
+import { pick, createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
-import Icon from '../icon';
+import Checker, { checkerProps } from '../checkbox/Checker';
 
 const [createComponent, bem] = createNamespace('radio');
 
 export default createComponent({
   mixins: [ChildrenMixin('vanRadio')],
 
-  props: {
-    name: null,
-    disabled: Boolean,
-    iconSize: [Number, String],
-    modelValue: null,
-    checkedColor: String,
-    labelPosition: String,
-    labelDisabled: Boolean,
-    shape: {
-      type: String,
-      default: 'round',
-    },
-  },
+  props: checkerProps,
 
-  emits: ['click', 'update:modelValue'],
+  emits: ['update:modelValue'],
 
   computed: {
-    isDisabled() {
-      return (this.parent && this.parent.disabled) || this.disabled;
-    },
-
-    direction() {
-      return (this.parent && this.parent.direction) || null;
-    },
-
-    iconStyle() {
-      const checkedColor =
-        this.checkedColor || (this.parent && this.parent.checkedColor);
-
-      if (checkedColor && this.checked && !this.isDisabled) {
-        return {
-          borderColor: checkedColor,
-          backgroundColor: checkedColor,
-        };
-      }
-    },
-
-    tabindex() {
-      if (this.isDisabled || !this.checked) {
-        return -1;
-      }
-
-      return 0;
-    },
-
     currentValue: {
       get() {
         return this.parent ? this.parent.modelValue : this.modelValue;
@@ -71,88 +31,19 @@ export default createComponent({
     toggle() {
       this.currentValue = this.name;
     },
-
-    onClick(event) {
-      const { target } = event;
-      const { icon } = this.$refs;
-      const iconClicked = icon === target || icon.contains(target);
-
-      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-        this.toggle();
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          this.$emit('click', event);
-        });
-      } else {
-        this.$emit('click', event);
-      }
-    },
-
-    genIcon() {
-      const { checked } = this;
-      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
-
-      return (
-        <div
-          ref="icon"
-          class={bem('icon', [
-            this.shape,
-            { disabled: this.isDisabled, checked },
-          ])}
-          style={{ fontSize: addUnit(iconSize) }}
-        >
-          {this.$slots.icon ? (
-            this.$slots.icon({ checked })
-          ) : (
-            <Icon name="success" style={this.iconStyle} />
-          )}
-        </div>
-      );
-    },
-
-    genLabel() {
-      if (this.$slots.default) {
-        return (
-          <span
-            class={bem('label', [
-              this.labelPosition,
-              { disabled: this.isDisabled },
-            ])}
-          >
-            {this.$slots.default()}
-          </span>
-        );
-      }
-    },
   },
 
   render() {
-    const Children = [this.genIcon()];
-
-    if (this.labelPosition === 'left') {
-      Children.unshift(this.genLabel());
-    } else {
-      Children.push(this.genLabel());
-    }
-
     return (
-      <div
+      <Checker
+        v-slots={pick(this.$slots, ['default', 'icon'])}
+        bem={bem}
         role="radio"
-        class={bem([
-          {
-            disabled: this.isDisabled,
-            'label-disabled': this.labelDisabled,
-          },
-          this.direction,
-        ])}
-        tabindex={this.tabindex}
-        aria-checked={String(this.checked)}
-        onClick={this.onClick}
-      >
-        {Children}
-      </div>
+        parent={this.parent}
+        checked={this.checked}
+        onToggle={this.toggle}
+        {...this.$props}
+      />
     );
   },
 });

From dffa6eb083d915d94b25096a310425dd61f7c5bc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 24 Sep 2020 19:49:00 +0800
Subject: [PATCH 463/626] refactor(Checker): refactor with composition api

---
 src/checkbox/Checker.js  | 147 ---------------------------------------
 src/checkbox/Checker.tsx | 136 ++++++++++++++++++++++++++++++++++++
 src/checkbox/index.js    |   8 ++-
 3 files changed, 143 insertions(+), 148 deletions(-)
 delete mode 100644 src/checkbox/Checker.js
 create mode 100644 src/checkbox/Checker.tsx

diff --git a/src/checkbox/Checker.js b/src/checkbox/Checker.js
deleted file mode 100644
index 452009783..000000000
--- a/src/checkbox/Checker.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import { addUnit } from '../utils';
-import Icon from '../icon';
-
-export const checkerProps = {
-  name: null,
-  disabled: Boolean,
-  iconSize: [Number, String],
-  modelValue: null,
-  checkedColor: String,
-  labelPosition: String,
-  labelDisabled: Boolean,
-  shape: {
-    type: String,
-    default: 'round',
-  },
-  bindGroup: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default {
-  props: {
-    ...checkerProps,
-    bem: Function,
-    role: String,
-    parent: Object,
-    checked: Boolean,
-  },
-
-  emits: ['click', 'toggle'],
-
-  computed: {
-    isDisabled() {
-      return (this.parent && this.parent.disabled) || this.disabled;
-    },
-
-    direction() {
-      return (this.parent && this.parent.direction) || null;
-    },
-
-    iconStyle() {
-      const checkedColor =
-        this.checkedColor || (this.parent && this.parent.checkedColor);
-
-      if (checkedColor && this.checked && !this.isDisabled) {
-        return {
-          borderColor: checkedColor,
-          backgroundColor: checkedColor,
-        };
-      }
-    },
-
-    tabindex() {
-      return this.isDisabled ? -1 : 0;
-    },
-
-    disableBindRelation() {
-      return !this.bindGroup;
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      const { target } = event;
-      const { icon } = this.$refs;
-      const iconClicked = icon === target || icon.contains(target);
-
-      if (!this.isDisabled && (iconClicked || !this.labelDisabled)) {
-        this.$emit('toggle');
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          this.$emit('click', event);
-        });
-      } else {
-        this.$emit('click', event);
-      }
-    },
-
-    genIcon() {
-      const { checked } = this;
-      const iconSize = this.iconSize || (this.parent && this.parent.iconSize);
-
-      return (
-        <div
-          ref="icon"
-          class={this.bem('icon', [
-            this.shape,
-            { disabled: this.isDisabled, checked },
-          ])}
-          style={{ fontSize: addUnit(iconSize) }}
-        >
-          {this.$slots.icon ? (
-            this.$slots.icon({ checked })
-          ) : (
-            <Icon name="success" style={this.iconStyle} />
-          )}
-        </div>
-      );
-    },
-
-    genLabel() {
-      if (this.$slots.default) {
-        return (
-          <span
-            class={this.bem('label', [
-              this.labelPosition,
-              { disabled: this.isDisabled },
-            ])}
-          >
-            {this.$slots.default()}
-          </span>
-        );
-      }
-    },
-  },
-
-  render() {
-    const Children = [this.genIcon()];
-
-    if (this.labelPosition === 'left') {
-      Children.unshift(this.genLabel());
-    } else {
-      Children.push(this.genLabel());
-    }
-
-    return (
-      <div
-        role={this.role}
-        class={this.bem([
-          {
-            disabled: this.isDisabled,
-            'label-disabled': this.labelDisabled,
-          },
-          this.direction,
-        ])}
-        tabindex={this.tabindex}
-        aria-checked={String(this.checked)}
-        onClick={this.onClick}
-      >
-        {Children}
-      </div>
-    );
-  },
-};
diff --git a/src/checkbox/Checker.tsx b/src/checkbox/Checker.tsx
new file mode 100644
index 000000000..cf47bc48e
--- /dev/null
+++ b/src/checkbox/Checker.tsx
@@ -0,0 +1,136 @@
+import { ref, computed, defineComponent } from 'vue';
+import { addUnit } from '../utils';
+import Icon from '../icon';
+
+export const checkerProps = {
+  name: null,
+  disabled: Boolean,
+  iconSize: [Number, String],
+  modelValue: null,
+  checkedColor: String,
+  labelPosition: String,
+  labelDisabled: Boolean,
+  shape: {
+    type: String,
+    default: 'round',
+  },
+};
+
+export default defineComponent({
+  props: {
+    ...checkerProps,
+    role: String,
+    parent: Object,
+    checked: Boolean,
+    bem: {
+      type: Function,
+      required: true,
+    },
+  },
+
+  emits: ['click', 'toggle'],
+
+  setup(props, { emit, slots }) {
+    const iconRef = ref();
+
+    const disabled = computed(
+      () => (props.parent && props.parent.disabled) || props.disabled
+    );
+
+    const direction = computed(
+      () => (props.parent && props.parent.direction) || null
+    );
+
+    const iconStyle = computed(() => {
+      const checkedColor =
+        props.checkedColor || (props.parent && props.parent.checkedColor);
+
+      if (checkedColor && props.checked && !disabled.value) {
+        return {
+          borderColor: checkedColor,
+          backgroundColor: checkedColor,
+        };
+      }
+    });
+
+    const onClick = (event: MouseEvent) => {
+      const { target } = event;
+      const icon = iconRef.value;
+      const iconClicked = icon === target || icon.contains(target);
+
+      if (!disabled.value && (iconClicked || !props.labelDisabled)) {
+        emit('toggle');
+
+        // wait for toggle method to complete
+        // so we can get the changed value in the click event listener
+        setTimeout(() => {
+          emit('click', event);
+        });
+      } else {
+        emit('click', event);
+      }
+    };
+
+    const renderIcon = () => {
+      const { bem, shape, parent, checked } = props;
+      const iconSize = props.iconSize || (parent && parent.iconSize);
+
+      return (
+        <div
+          ref={iconRef}
+          class={bem('icon', [shape, { disabled: disabled.value, checked }])}
+          style={{ fontSize: addUnit(iconSize) }}
+        >
+          {slots.icon ? (
+            slots.icon({ checked })
+          ) : (
+            <Icon name="success" style={iconStyle.value} />
+          )}
+        </div>
+      );
+    };
+
+    const renderLabel = () => {
+      if (slots.default) {
+        return (
+          <span
+            class={props.bem('label', [
+              props.labelPosition,
+              { disabled: disabled.value },
+            ])}
+          >
+            {slots.default()}
+          </span>
+        );
+      }
+    };
+
+    return () => {
+      const nodes: (JSX.Element | undefined)[] = [renderIcon()];
+
+      if (props.labelPosition === 'left') {
+        nodes.unshift(renderLabel());
+      } else {
+        nodes.push(renderLabel());
+      }
+
+      return (
+        <div
+          role={props.role}
+          class={props.bem([
+            {
+              disabled: disabled.value,
+              'label-disabled': props.labelDisabled,
+            },
+            direction.value,
+          ])}
+          tabindex={disabled.value ? -1 : 0}
+          aria-checked={props.checked}
+          onClick={onClick}
+        >
+          {nodes}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 7ff588965..9b6c96659 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -8,7 +8,13 @@ const [createComponent, bem] = createNamespace('checkbox');
 export default createComponent({
   mixins: [FieldMixin, ChildrenMixin('vanCheckbox')],
 
-  props: checkerProps,
+  props: {
+    ...checkerProps,
+    bindGroup: {
+      type: Boolean,
+      default: true,
+    },
+  },
 
   emits: ['change', 'update:modelValue'],
 

From f28bce200f73f3a4ee9d8077483cb3fb5008a160 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 10:55:19 +0800
Subject: [PATCH 464/626] types: remove any in useExpose

---
 src/composition/use-expose.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/composition/use-expose.ts b/src/composition/use-expose.ts
index 6cd8b431d..3a06d4ac4 100644
--- a/src/composition/use-expose.ts
+++ b/src/composition/use-expose.ts
@@ -2,6 +2,8 @@ import { getCurrentInstance } from 'vue';
 
 // expose public api
 export function useExpose(apis: Record<string, any>) {
-  const vm = (getCurrentInstance() as any).ctx;
-  Object.assign(vm, apis);
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
+  }
 }

From 3ead2f402724b3c23fc9c26354fc71e73e93dac0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 11:05:26 +0800
Subject: [PATCH 465/626] feat: add useRelation composition

---
 src/composition/use-relation.ts | 114 +++++++++++++++++++++++++++++---
 1 file changed, 103 insertions(+), 11 deletions(-)

diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
index 53c47b2b9..e9cd8f15a 100644
--- a/src/composition/use-relation.ts
+++ b/src/composition/use-relation.ts
@@ -1,25 +1,117 @@
-import { VNode, isVNode, VNodeNormalizedChildren } from 'vue';
+import {
+  VNode,
+  inject,
+  isVNode,
+  provide,
+  computed,
+  reactive,
+  onUnmounted,
+  getCurrentInstance,
+  VNodeNormalizedChildren,
+  ComponentPublicInstance as PublicInstance,
+  ComponentInternalInstance as InternalInstance,
+} from 'vue';
 
 export function flattenVNodes(children: VNodeNormalizedChildren) {
   const result: VNode[] = [];
 
   const traverse = (children: VNodeNormalizedChildren) => {
-    if (!Array.isArray(children)) {
-      return;
-    }
+    if (Array.isArray(children)) {
+      children.forEach((child) => {
+        if (isVNode(child)) {
+          result.push(child);
 
-    children.forEach((child) => {
-      if (isVNode(child)) {
-        result.push(child);
+          if (child.component?.subTree) {
+            traverse(child.component.subTree.children);
+          }
 
-        if (child.children) {
-          traverse(child.children);
+          if (child.children) {
+            traverse(child.children);
+          }
         }
-      }
-    });
+      });
+    }
   };
 
   traverse(children);
 
   return result;
 }
+
+// sort children instances by vnodes order
+export function sortChildren(
+  parent: InternalInstance,
+  publicChildren: PublicInstance[],
+  internalChildren: InternalInstance[]
+) {
+  const vnodes = flattenVNodes(parent.subTree.children);
+
+  internalChildren.sort(
+    (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
+  );
+
+  const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
+
+  publicChildren.sort((a, b) => {
+    const indexA = orderedPublicChildren.indexOf(a);
+    const indexB = orderedPublicChildren.indexOf(b);
+    return indexA - indexB;
+  });
+}
+
+export function useChildren(key: string) {
+  const publicChildren: PublicInstance[] = reactive([]);
+  const internalChildren: InternalInstance[] = reactive([]);
+  const parent = getCurrentInstance()!;
+
+  const linkChildren = (value: any) => {
+    const link = (child: InternalInstance) => {
+      if (child.proxy) {
+        internalChildren.push(child);
+        publicChildren.push(child.proxy);
+        sortChildren(parent, publicChildren, internalChildren);
+      }
+    };
+
+    const unlink = (child: InternalInstance) => {
+      const index = internalChildren.indexOf(child);
+      publicChildren.splice(index, 1);
+      internalChildren.splice(index, 1);
+    };
+
+    provide(key, {
+      link,
+      unlink,
+      children: publicChildren,
+      internalChildren,
+      ...value,
+    });
+  };
+
+  return {
+    children: publicChildren,
+    linkChildren,
+  };
+}
+
+export function useParent(key: string) {
+  const parent = inject<any | null>(key, null);
+
+  if (parent) {
+    const instance = getCurrentInstance();
+    const index = computed(() => parent.internalChildren.indexOf(instance));
+
+    parent.link(instance);
+
+    onUnmounted(() => {
+      parent.unlink(instance);
+    });
+
+    return {
+      parent,
+      index,
+    };
+  }
+
+  return {};
+}

From 278ea6a439b65c1bf1ce420ab7619858a739486c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 11:35:18 +0800
Subject: [PATCH 466/626] refactor(Checkbox): refactor with composition api

---
 src/checkbox-group/index.js |  47 +++++++-------
 src/checkbox/index.js       | 121 ++++++++++++++++++------------------
 2 files changed, 85 insertions(+), 83 deletions(-)

diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js
index fd77c0ed9..172572516 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -1,12 +1,13 @@
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ParentMixin } from '../mixins/relation';
+import { CHECKBOX_KEY } from '../checkbox';
+import { useExpose } from '../composition/use-expose';
+import { useChildren } from '../composition/use-relation';
+import { useParentField } from '../composition/use-parent-field';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
 
 export default createComponent({
-  mixins: [ParentMixin('vanCheckbox'), FieldMixin],
-
   props: {
     max: [Number, String],
     disabled: Boolean,
@@ -21,31 +22,31 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  watch: {
-    modelValue(val) {
-      this.$emit('change', val);
-    },
-  },
+  setup(props, { emit, slots }) {
+    const { children, linkChildren } = useChildren(CHECKBOX_KEY);
 
-  methods: {
-    // @exposed-api
-    toggleAll(checked) {
+    const toggleAll = (checked) => {
       if (checked === false) {
-        this.$emit('update:modelValue', []);
-        return;
+        emit('update:modelValue', []);
+      } else {
+        const names = children
+          .filter((item) => checked || !item.checked.value)
+          .map((item) => item.name);
+        emit('update:modelValue', names);
       }
+    };
 
-      let { children } = this;
-      if (!checked) {
-        children = children.filter((item) => !item.checked);
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit('change', value);
       }
+    );
 
-      const names = children.map((item) => item.name);
-      this.$emit('update:modelValue', names);
-    },
-  },
+    useExpose({ toggleAll });
+    useParentField(() => props.modelValue);
+    linkChildren({ emit, props });
 
-  render() {
-    return <div class={bem([this.direction])}>{this.$slots.default?.()}</div>;
+    return () => <div class={bem([props.direction])}>{slots.default?.()}</div>;
   },
 });
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 9b6c96659..3604596bd 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,15 +1,18 @@
+import { computed, watch } from 'vue';
 import { createNamespace, pick } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ChildrenMixin } from '../mixins/relation';
+import { useExpose } from '../composition/use-expose';
+import { useParentField } from '../composition/use-parent-field';
+import { useParent } from '../composition/use-relation';
 import Checker, { checkerProps } from './Checker';
 
 const [createComponent, bem] = createNamespace('checkbox');
 
-export default createComponent({
-  mixins: [FieldMixin, ChildrenMixin('vanCheckbox')],
+export const CHECKBOX_KEY = 'vanCheckbox';
 
+export default createComponent({
   props: {
     ...checkerProps,
+    // TODO
     bindGroup: {
       type: Boolean,
       default: true,
@@ -18,79 +21,77 @@ export default createComponent({
 
   emits: ['change', 'update:modelValue'],
 
-  computed: {
-    checked: {
+  setup(props, { emit, slots }) {
+    const { parent } = useParent(CHECKBOX_KEY);
+
+    const setParentValue = (checked) => {
+      const { name } = props;
+      const { max, modelValue } = parent.props;
+      const value = modelValue.slice();
+
+      if (checked) {
+        const overlimit = max && value.length >= max;
+
+        if (!overlimit && value.indexOf(name) === -1) {
+          value.push(name);
+          parent.emit('update:modelValue', value);
+        }
+      } else {
+        const index = value.indexOf(name);
+
+        if (index !== -1) {
+          value.splice(index, 1);
+          parent.emit('update:modelValue', value);
+        }
+      }
+    };
+
+    const checked = computed({
       get() {
-        if (this.parent) {
-          return this.parent.modelValue.indexOf(this.name) !== -1;
+        if (parent) {
+          return parent.props.modelValue.indexOf(props.name) !== -1;
         }
-        return this.modelValue;
+        return props.modelValue;
       },
-
-      set(val) {
-        if (this.parent) {
-          this.setParentValue(val);
+      set(value) {
+        if (parent) {
+          setParentValue(value);
         } else {
-          this.$emit('update:modelValue', val);
+          emit('update:modelValue', value);
         }
       },
-    },
-  },
+    });
 
-  watch: {
-    modelValue(val) {
-      this.$emit('change', val);
-    },
-  },
-
-  methods: {
-    // @exposed-api
-    toggle(checked = !this.checked) {
+    let toggleTimer;
+    const toggle = (newValue = !checked.value) => {
       // When toggle method is called multiple times at the same time,
       // only the last call is valid.
       // This is a hack for usage inside Cell.
-      clearTimeout(this.toggleTask);
-      this.toggleTask = setTimeout(() => {
-        this.checked = checked;
+      clearTimeout(toggleTimer);
+      toggleTimer = setTimeout(() => {
+        checked.value = newValue;
       });
-    },
+    };
 
-    setParentValue(val) {
-      const { parent } = this;
-      const value = parent.modelValue.slice();
-
-      if (val) {
-        if (parent.max && value.length >= parent.max) {
-          return;
-        }
-
-        /* istanbul ignore else */
-        if (value.indexOf(this.name) === -1) {
-          value.push(this.name);
-          parent.$emit('update:modelValue', value);
-        }
-      } else {
-        const index = value.indexOf(this.name);
-
-        /* istanbul ignore else */
-        if (index !== -1) {
-          value.splice(index, 1);
-          parent.$emit('update:modelValue', value);
-        }
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit('change', value);
       }
-    },
-  },
+    );
 
-  render() {
-    return (
+    useExpose({ toggle, checked });
+    useParentField(() => props.modelValue);
+
+    return () => (
       <Checker
-        v-slots={pick(this.$slots, ['default', 'icon'])}
+        v-slots={pick(slots, ['default', 'icon'])}
         bem={bem}
         role="checkbox"
-        parent={this.parent}
-        checked={this.checked}
-        onToggle={this.toggle}
-        {...this.$props}
+        parent={parent}
+        checked={checked.value}
+        onToggle={toggle}
+        {...props}
       />
     );
   },

From 36239090b907987281df9201c5dfe9a02b521de4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 11:38:03 +0800
Subject: [PATCH 467/626] chore(ActionBar): use relation composition

---
 src/action-bar-button/index.js | 11 +++++++----
 src/action-bar-icon/index.tsx  |  2 +-
 src/action-bar/index.js        |  6 +++---
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 10b916748..744ce723c 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -3,7 +3,8 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
+import { useExpose } from '../composition/use-expose';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
@@ -24,22 +25,24 @@ export default createComponent({
 
   setup(props, { slots }) {
     const route = useRoute();
-    const { parent, index } = useParent(ACTION_BAR_KEY, { isButton: true });
+    const { parent, index } = useParent(ACTION_BAR_KEY);
 
     const isFirst = computed(() => {
       if (parent) {
         const prev = parent.children[index.value - 1];
-        return !(prev && prev.isButton);
+        return !(prev && 'isButton' in prev);
       }
     });
 
     const isLast = computed(() => {
       if (parent) {
         const next = parent.children[index.value + 1];
-        return !(next && next.isButton);
+        return !(next && 'isButton' in next);
       }
     });
 
+    useExpose({ isButton: true });
+
     return () => {
       const { type, icon, text, color, loading, disabled } = props;
 
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index 68e18e74d..a36f110af 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -2,7 +2,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index ee4126af7..aaf0e44d4 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,5 +1,5 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
@@ -14,9 +14,9 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(ACTION_BAR_KEY);
 
-    provide(ACTION_BAR_KEY, { children });
+    linkChildren();
 
     return () => (
       <div class={bem({ unfit: !props.safeAreaInsetBottom })}>

From a1bca37a456d79f433aaa521183234914005c302 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 14:00:59 +0800
Subject: [PATCH 468/626] chore(Layout): use relation

---
 src/col/index.tsx               |  4 ++--
 src/composition/use-relation.ts | 34 ++++++++++++++++++++++-----------
 src/row/index.tsx               | 19 ++++++++----------
 3 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/src/col/index.tsx b/src/col/index.tsx
index 3d5cc693e..abdf1dd65 100644
--- a/src/col/index.tsx
+++ b/src/col/index.tsx
@@ -1,6 +1,6 @@
 import { computed, PropType } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { ROW_KEY, RowProvide } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
@@ -19,7 +19,7 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const { parent, index } = useParent<RowProvide>(ROW_KEY, () => +props.span);
+    const { parent, index } = useParent<RowProvide>(ROW_KEY);
 
     const style = computed(() => {
       if (!parent) {
diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
index e9cd8f15a..01e70d635 100644
--- a/src/composition/use-relation.ts
+++ b/src/composition/use-relation.ts
@@ -94,23 +94,35 @@ export function useChildren(key: string) {
   };
 }
 
-export function useParent(key: string) {
-  const parent = inject<any | null>(key, null);
+type ParentProvide<T> = T & {
+  link(child: InternalInstance): void;
+  unlink(child: InternalInstance): void;
+  children: PublicInstance[];
+  internalChildren: InternalInstance[];
+};
+
+export function useParent<T>(key: string) {
+  const parent = inject<ParentProvide<T> | null>(key, null);
 
   if (parent) {
     const instance = getCurrentInstance();
-    const index = computed(() => parent.internalChildren.indexOf(instance));
 
-    parent.link(instance);
+    if (instance) {
+      const { link, unlink, internalChildren, ...rest } = parent;
 
-    onUnmounted(() => {
-      parent.unlink(instance);
-    });
+      link(instance);
 
-    return {
-      parent,
-      index,
-    };
+      onUnmounted(() => {
+        unlink(instance);
+      });
+
+      const index = computed(() => internalChildren.indexOf(instance));
+
+      return {
+        parent: rest,
+        index,
+      };
+    }
   }
 
   return {};
diff --git a/src/row/index.tsx b/src/row/index.tsx
index 05354eae1..a97c328a5 100644
--- a/src/row/index.tsx
+++ b/src/row/index.tsx
@@ -1,5 +1,6 @@
-import { provide, computed, reactive, PropType, ComputedRef } from 'vue';
+import { computed, PropType, ComputedRef } from 'vue';
 import { createNamespace } from '../utils';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('row');
 
@@ -7,11 +8,8 @@ export const ROW_KEY = 'vanRow';
 
 export type RowSpaces = { left?: number; right: number }[];
 
-export type RowChild = () => number;
-
 export type RowProvide = {
   spaces: ComputedRef<RowSpaces>;
-  children: RowChild[];
 };
 
 export type RowAlign = 'top' | 'center' | 'bottom';
@@ -39,14 +37,16 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = reactive<RowChild[]>([]);
+    const { children, linkChildren } = useChildren(ROW_KEY);
 
     const groups = computed(() => {
       const groups: number[][] = [[]];
 
       let totalSpan = 0;
-      children.forEach((getSpan, index) => {
-        totalSpan += getSpan();
+      children.forEach((child, index) => {
+        // TODO
+        // @ts-ignore
+        totalSpan += Number(child.span);
 
         if (totalSpan > 24) {
           groups.push([index]);
@@ -84,10 +84,7 @@ export default createComponent({
       return spaces;
     });
 
-    provide(ROW_KEY, {
-      spaces,
-      children,
-    });
+    linkChildren({ spaces });
 
     return () => {
       const { tag, type, align, justify } = props;

From bcd8f4515bc18d80f217e120692e921a314f038e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 14:15:57 +0800
Subject: [PATCH 469/626] chore(Collapse): use relation

---
 src/collapse-item/index.js |  2 +-
 src/collapse/index.js      | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 3f4c9de8e..01b7362ce 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
diff --git a/src/collapse/index.js b/src/collapse/index.js
index f26af775e..d0a9dd234 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,6 +1,6 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('collapse');
 
@@ -19,7 +19,7 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(COLLAPSE_KEY);
 
     const toggle = (name, expanded) => {
       const { accordion, modelValue } = props;
@@ -55,11 +55,7 @@ export default createComponent({
       return accordion ? modelValue === name : modelValue.indexOf(name) !== -1;
     };
 
-    provide(COLLAPSE_KEY, {
-      toggle,
-      children,
-      isExpanded,
-    });
+    linkChildren({ toggle, isExpanded });
 
     return () => (
       <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>

From 3d15f7e3564128dd23825baeb4c34ea8dadc970b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 14:16:19 +0800
Subject: [PATCH 470/626] chore(DropdownMenu): use relation

---
 src/dropdown-item/index.js | 69 ++++++++++++++++++--------------------
 src/dropdown-menu/index.js | 13 ++++---
 2 files changed, 38 insertions(+), 44 deletions(-)

diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 0dc4812d3..a230be9db 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -5,8 +5,8 @@ import { createNamespace } from '../utils';
 import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
-import { useParent } from '../composition/use-parent';
 import { useExpose } from '../composition/use-expose';
+import { useParent } from '../composition/use-relation';
 
 // Components
 import Cell from '../cell';
@@ -41,41 +41,7 @@ export default createComponent({
       showWrapper: false,
     });
 
-    const renderTitle = () => {
-      if (slots.title) {
-        return slots.title();
-      }
-
-      if (props.title) {
-        return props.title;
-      }
-
-      const match = props.options.filter(
-        (option) => option.value === props.modelValue
-      );
-
-      return match.length ? match[0].text : '';
-    };
-
-    const toggle = (show = !state.showPopup, options = {}) => {
-      if (show === state.showPopup) {
-        return;
-      }
-
-      state.showPopup = show;
-      state.transition = !options.immediate;
-
-      if (show) {
-        state.showWrapper = true;
-      }
-    };
-
-    const { parent } = useParent(DROPDOWN_KEY, {
-      props,
-      state,
-      toggle,
-      renderTitle,
-    });
+    const { parent } = useParent(DROPDOWN_KEY);
 
     const createEmitter = (eventName) => () => emit(eventName);
     const onOpen = createEmitter('open');
@@ -94,6 +60,35 @@ export default createComponent({
       }
     };
 
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+
+      state.showPopup = show;
+      state.transition = !options.immediate;
+
+      if (show) {
+        state.showWrapper = true;
+      }
+    };
+
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+
+      if (props.title) {
+        return props.title;
+      }
+
+      const match = props.options.filter(
+        (option) => option.value === props.modelValue
+      );
+
+      return match.length ? match[0].text : '';
+    };
+
     const renderOption = (option) => {
       const { activeColor } = parent.props;
       const active = option.value === props.modelValue;
@@ -169,7 +164,7 @@ export default createComponent({
       );
     };
 
-    useExpose({ toggle });
+    useExpose({ state, toggle, renderTitle });
 
     return () => {
       if (props.teleport) {
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 6c4af2cbb..e9b47b842 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -1,4 +1,4 @@
-import { ref, provide, reactive, computed } from 'vue';
+import { ref, computed } from 'vue';
 
 // Utils
 import { createNamespace, isDef } from '../utils';
@@ -6,6 +6,7 @@ import { createNamespace, isDef } from '../utils';
 // Composition
 import { useClickAway, useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
@@ -34,11 +35,11 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const root = ref();
     const offset = ref(0);
     const barRef = ref();
-    const root = ref();
-    const children = reactive([]);
 
+    const { children, linkChildren } = useChildren(DROPDOWN_KEY);
     const scrollParent = useScrollParent(root);
 
     const opened = computed(() =>
@@ -89,7 +90,7 @@ export default createComponent({
 
     const renderTitle = (item, index) => {
       const { showPopup } = item.state;
-      const { disabled, titleClass } = item.props;
+      const { disabled, titleClass } = item;
 
       return (
         <div
@@ -118,10 +119,8 @@ export default createComponent({
       );
     };
 
-    provide(DROPDOWN_KEY, { props, offset, children });
-
+    linkChildren({ props, offset });
     useClickAway(root, onClickAway);
-
     useEventListener('scroll', onScroll, { target: scrollParent });
 
     return () => (

From 3402ba5c8fbd394dd4ffd059e5580cb7b50b5f66 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 14:16:50 +0800
Subject: [PATCH 471/626] chore(Form): use relation

---
 src/field/index.js | 17 ++++++-----------
 src/form/index.js  | 17 ++++++++---------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index fe741fef6..78b963d6f 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -23,7 +23,7 @@ import {
 
 // Composition
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 
 // Components
 import Icon from '../icon';
@@ -100,7 +100,6 @@ export default createComponent({
       validateMessage: '',
     });
 
-    const root = ref();
     const inputRef = ref();
     const childFieldValue = ref();
 
@@ -220,13 +219,7 @@ export default createComponent({
         });
       });
 
-    const { parent: form } = useParent(FORM_KEY, {
-      root,
-      props,
-      validate,
-      formValue,
-      resetValidation,
-    });
+    const { parent: form } = useParent(FORM_KEY);
 
     const validateWithTrigger = (trigger) => {
       if (form && props.rules) {
@@ -534,8 +527,11 @@ export default createComponent({
     };
 
     useExpose({
-      focus,
       blur,
+      focus,
+      validate,
+      formValue,
+      resetValidation,
     });
 
     provide(FIELD_KEY, {
@@ -569,7 +565,6 @@ export default createComponent({
             title: renderLabel,
             extra: slots.extra,
           }}
-          ref={root}
           size={props.size}
           icon={props.leftIcon}
           class={bem({
diff --git a/src/form/index.js b/src/form/index.js
index c108616e3..c19fd7941 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,6 +1,6 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 import { useExpose } from '../composition/use-expose';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('form');
 
@@ -36,9 +36,7 @@ export default createComponent({
   emits: ['submit', 'failed'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
-
-    provide(FORM_KEY, { props, children });
+    const { children, linkChildren } = useChildren(FORM_KEY);
 
     const validateSeq = () =>
       new Promise((resolve, reject) => {
@@ -81,7 +79,7 @@ export default createComponent({
       });
 
     const validateField = (name) => {
-      const matched = children.filter((item) => item.props.name === name);
+      const matched = children.filter((item) => item.name === name);
 
       if (matched.length) {
         return new Promise((resolve, reject) => {
@@ -107,7 +105,7 @@ export default createComponent({
 
     const resetValidation = (name) => {
       children.forEach((item) => {
-        if (!name || item.props.name === name) {
+        if (!name || item.name === name) {
           item.resetValidation();
         }
       });
@@ -115,8 +113,8 @@ export default createComponent({
 
     const scrollToField = (name, options) => {
       children.some((item) => {
-        if (item.props.name === name) {
-          item.root.value.scrollIntoView(options);
+        if (item.name === name) {
+          item.$el.scrollIntoView(options);
           return true;
         }
         return false;
@@ -125,7 +123,7 @@ export default createComponent({
 
     const getValues = () =>
       children.reduce((form, field) => {
-        form[field.props.name] = field.formValue;
+        form[field.name] = field.formValue.value;
         return form;
       }, {});
 
@@ -150,6 +148,7 @@ export default createComponent({
       submit();
     };
 
+    linkChildren({ props });
     useExpose({
       submit,
       validate,

From aafbcfcf04e7c0a4b4f5da83291e9b158f2503c3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 15:30:21 +0800
Subject: [PATCH 472/626] refactor(Radio): refactor with composition api

---
 src/checkbox/Checker.tsx | 20 ++++++++++-------
 src/radio-group/index.js | 35 ++++++++++++++++++------------
 src/radio/index.js       | 47 +++++++++++++++-------------------------
 3 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/src/checkbox/Checker.tsx b/src/checkbox/Checker.tsx
index cf47bc48e..c3b4f6b4c 100644
--- a/src/checkbox/Checker.tsx
+++ b/src/checkbox/Checker.tsx
@@ -33,17 +33,21 @@ export default defineComponent({
   setup(props, { emit, slots }) {
     const iconRef = ref();
 
+    const getParentProp = (name: string) => {
+      if (props.parent) {
+        return props.parent.props[name];
+      }
+      return null;
+    };
+
     const disabled = computed(
-      () => (props.parent && props.parent.disabled) || props.disabled
+      () => getParentProp('disabled') || props.disabled
     );
 
-    const direction = computed(
-      () => (props.parent && props.parent.direction) || null
-    );
+    const direction = computed(() => getParentProp('direction') || null);
 
     const iconStyle = computed(() => {
-      const checkedColor =
-        props.checkedColor || (props.parent && props.parent.checkedColor);
+      const checkedColor = props.checkedColor || getParentProp('checkedColor');
 
       if (checkedColor && props.checked && !disabled.value) {
         return {
@@ -72,8 +76,8 @@ export default defineComponent({
     };
 
     const renderIcon = () => {
-      const { bem, shape, parent, checked } = props;
-      const iconSize = props.iconSize || (parent && parent.iconSize);
+      const { bem, shape, checked } = props;
+      const iconSize = props.iconSize || getParentProp('iconSize');
 
       return (
         <div
diff --git a/src/radio-group/index.js b/src/radio-group/index.js
index fccb4b698..4282988fe 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -1,32 +1,39 @@
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ParentMixin } from '../mixins/relation';
+import { useChildren } from '../composition/use-relation';
+import { useParentField } from '../composition/use-parent-field';
 
 const [createComponent, bem] = createNamespace('radio-group');
 
-export default createComponent({
-  mixins: [ParentMixin('vanRadio'), FieldMixin],
+export const RADIO_KEY = 'vanRadio';
 
+export default createComponent({
   props: {
     disabled: Boolean,
+    iconSize: [Number, String],
     direction: String,
     modelValue: null,
     checkedColor: String,
-    iconSize: [Number, String],
   },
 
   emits: ['change', 'update:modelValue'],
 
-  watch: {
-    value(value) {
-      this.$emit('change', value);
-    },
-  },
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(RADIO_KEY);
 
-  render() {
-    return (
-      <div class={bem([this.direction])} role="radiogroup">
-        {this.$slots.default?.()}
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit('change', value);
+      }
+    );
+
+    linkChildren({ emit, props });
+    useParentField(() => props.modelValue);
+
+    return () => (
+      <div class={bem([props.direction])} role="radiogroup">
+        {slots.default?.()}
       </div>
     );
   },
diff --git a/src/radio/index.js b/src/radio/index.js
index 543f79326..43e6c8273 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -1,48 +1,37 @@
 import { pick, createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
+import { useParent } from '../composition/use-relation';
 import Checker, { checkerProps } from '../checkbox/Checker';
+import { RADIO_KEY } from '../radio-group';
 
 const [createComponent, bem] = createNamespace('radio');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanRadio')],
-
   props: checkerProps,
 
   emits: ['update:modelValue'],
 
-  computed: {
-    currentValue: {
-      get() {
-        return this.parent ? this.parent.modelValue : this.modelValue;
-      },
+  setup(props, { emit, slots }) {
+    const { parent } = useParent(RADIO_KEY);
 
-      set(val) {
-        (this.parent || this).$emit('update:modelValue', val);
-      },
-    },
+    const checked = () => {
+      const value = parent ? parent.props.modelValue : props.modelValue;
+      return value === props.name;
+    };
 
-    checked() {
-      return this.currentValue === this.name;
-    },
-  },
+    const toggle = () => {
+      const emitter = parent ? parent.emit : emit;
+      emitter('update:modelValue', props.name);
+    };
 
-  methods: {
-    toggle() {
-      this.currentValue = this.name;
-    },
-  },
-
-  render() {
-    return (
+    return () => (
       <Checker
-        v-slots={pick(this.$slots, ['default', 'icon'])}
+        v-slots={pick(slots, ['default', 'icon'])}
         bem={bem}
         role="radio"
-        parent={this.parent}
-        checked={this.checked}
-        onToggle={this.toggle}
-        {...this.$props}
+        parent={parent}
+        checked={checked()}
+        onToggle={toggle}
+        {...props}
       />
     );
   },

From 3142266768ddfac8a94dc3c640da46d7fddb9e22 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 16:05:16 +0800
Subject: [PATCH 473/626] refactor(DatetimePicker): remove mixin

---
 src/datetime-picker/DatePicker.js | 108 +++++++++++++++++++++++++-----
 src/datetime-picker/TimePicker.js |  83 ++++++++++++++++++++++-
 src/datetime-picker/shared.js     | 101 ----------------------------
 src/datetime-picker/utils.ts      |  12 ++++
 4 files changed, 184 insertions(+), 120 deletions(-)
 delete mode 100644 src/datetime-picker/shared.js

diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 71ef963c5..947d310eb 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -1,15 +1,14 @@
 import { createNamespace } from '../utils';
 import { isDate } from '../utils/validate/date';
 import { padZero } from '../utils/format/string';
-import { getTrueValue, getMonthEndDay } from './utils';
-import { sharedProps, TimePickerMixin } from './shared';
+import { times, sharedProps, getTrueValue, getMonthEndDay } from './utils';
+import Picker from '../picker';
+import { pickerProps } from '../picker/shared';
 
 const currentYear = new Date().getFullYear();
 const [createComponent] = createNamespace('date-picker');
 
 export default createComponent({
-  mixins: [TimePickerMixin],
-
   props: {
     ...sharedProps,
     type: {
@@ -30,18 +29,10 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  watch: {
-    filter: 'updateInnerValue',
-    minDate: 'updateInnerValue',
-    maxDate: 'updateInnerValue',
-
-    modelValue(val) {
-      val = this.formatValue(val);
-
-      if (val.valueOf() !== this.innerValue.valueOf()) {
-        this.innerValue = val;
-      }
-    },
+  data() {
+    return {
+      innerValue: this.formatValue(this.modelValue),
+    };
   },
 
   computed: {
@@ -111,9 +102,75 @@ export default createComponent({
 
       return result;
     },
+
+    originColumns() {
+      return this.ranges.map(({ type, range: rangeArr }) => {
+        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
+          const value = padZero(rangeArr[0] + index);
+          return value;
+        });
+
+        if (this.filter) {
+          values = this.filter(type, values);
+        }
+
+        return {
+          type,
+          values,
+        };
+      });
+    },
+
+    columns() {
+      return this.originColumns.map((column) => ({
+        values: column.values.map((value) =>
+          this.formatter(column.type, value)
+        ),
+      }));
+    },
+  },
+
+  watch: {
+    filter: 'updateInnerValue',
+    minDate: 'updateInnerValue',
+    maxDate: 'updateInnerValue',
+    columns: 'updateColumnValue',
+
+    innerValue(val) {
+      this.$emit('update:modelValue', val);
+    },
+
+    modelValue(val) {
+      val = this.formatValue(val);
+
+      if (val.valueOf() !== this.innerValue.valueOf()) {
+        this.innerValue = val;
+      }
+    },
+  },
+
+  mounted() {
+    this.updateColumnValue();
+
+    this.$nextTick(() => {
+      this.updateInnerValue();
+    });
   },
 
   methods: {
+    // @exposed-api
+    getPicker() {
+      return this.$refs.picker;
+    },
+
+    onConfirm() {
+      this.$emit('confirm', this.innerValue);
+    },
+
+    onCancel() {
+      this.$emit('cancel');
+    },
+
     formatValue(value) {
       if (!isDate(value)) {
         value = this.minDate;
@@ -246,4 +303,23 @@ export default createComponent({
       });
     },
   },
+
+  render() {
+    const props = {};
+    Object.keys(pickerProps).forEach((key) => {
+      props[key] = this[key];
+    });
+
+    return (
+      <Picker
+        ref="picker"
+        columns={this.columns}
+        readonly={this.readonly}
+        onChange={this.onChange}
+        onConfirm={this.onConfirm}
+        onCancel={this.onCancel}
+        {...props}
+      />
+    );
+  },
 });
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index 25db47844..78032825f 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -1,13 +1,13 @@
 import { createNamespace } from '../utils';
 import { padZero } from '../utils/format/string';
 import { range } from '../utils/format/number';
-import { sharedProps, TimePickerMixin } from './shared';
+import { times, sharedProps } from './utils';
+import Picker from '../picker';
+import { pickerProps } from '../picker/shared';
 
 const [createComponent] = createNamespace('time-picker');
 
 export default createComponent({
-  mixins: [TimePickerMixin],
-
   props: {
     ...sharedProps,
     minHour: {
@@ -30,6 +30,12 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
+  data() {
+    return {
+      innerValue: this.formatValue(this.modelValue),
+    };
+  },
+
   computed: {
     ranges() {
       return [
@@ -43,6 +49,32 @@ export default createComponent({
         },
       ];
     },
+
+    originColumns() {
+      return this.ranges.map(({ type, range: rangeArr }) => {
+        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
+          const value = padZero(rangeArr[0] + index);
+          return value;
+        });
+
+        if (this.filter) {
+          values = this.filter(type, values);
+        }
+
+        return {
+          type,
+          values,
+        };
+      });
+    },
+
+    columns() {
+      return this.originColumns.map((column) => ({
+        values: column.values.map((value) =>
+          this.formatter(column.type, value)
+        ),
+      }));
+    },
   },
 
   watch: {
@@ -51,6 +83,11 @@ export default createComponent({
     maxHour: 'updateInnerValue',
     minMinute: 'updateInnerValue',
     maxMinute: 'updateInnerValue',
+    columns: 'updateColumnValue',
+
+    innerValue(val) {
+      this.$emit('update:modelValue', val);
+    },
 
     value(val) {
       val = this.formatValue(val);
@@ -62,7 +99,28 @@ export default createComponent({
     },
   },
 
+  mounted() {
+    this.updateColumnValue();
+
+    this.$nextTick(() => {
+      this.updateInnerValue();
+    });
+  },
+
   methods: {
+    // @exposed-api
+    getPicker() {
+      return this.$refs.picker;
+    },
+
+    onConfirm() {
+      this.$emit('confirm', this.innerValue);
+    },
+
+    onCancel() {
+      this.$emit('cancel');
+    },
+
     formatValue(value) {
       if (!value) {
         value = `${padZero(this.minHour)}:${padZero(this.minMinute)}`;
@@ -106,4 +164,23 @@ export default createComponent({
       });
     },
   },
+
+  render() {
+    const props = {};
+    Object.keys(pickerProps).forEach((key) => {
+      props[key] = this[key];
+    });
+
+    return (
+      <Picker
+        ref="picker"
+        columns={this.columns}
+        readonly={this.readonly}
+        onChange={this.onChange}
+        onConfirm={this.onConfirm}
+        onCancel={this.onCancel}
+        {...props}
+      />
+    );
+  },
 });
diff --git a/src/datetime-picker/shared.js b/src/datetime-picker/shared.js
deleted file mode 100644
index 4001ffb7f..000000000
--- a/src/datetime-picker/shared.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import { times } from './utils';
-import { padZero } from '../utils/format/string';
-import { pickerProps } from '../picker/shared';
-import Picker from '../picker';
-
-export const sharedProps = {
-  ...pickerProps,
-  filter: Function,
-  modelValue: null,
-  columnsOrder: Array,
-  formatter: {
-    type: Function,
-    default: (type, value) => value,
-  },
-};
-
-export const TimePickerMixin = {
-  data() {
-    return {
-      innerValue: this.formatValue(this.modelValue),
-    };
-  },
-
-  computed: {
-    originColumns() {
-      return this.ranges.map(({ type, range: rangeArr }) => {
-        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
-          const value = padZero(rangeArr[0] + index);
-          return value;
-        });
-
-        if (this.filter) {
-          values = this.filter(type, values);
-        }
-
-        return {
-          type,
-          values,
-        };
-      });
-    },
-
-    columns() {
-      return this.originColumns.map((column) => ({
-        values: column.values.map((value) =>
-          this.formatter(column.type, value)
-        ),
-      }));
-    },
-  },
-
-  watch: {
-    columns: 'updateColumnValue',
-
-    innerValue(val) {
-      this.$emit('update:modelValue', val);
-    },
-  },
-
-  mounted() {
-    this.updateColumnValue();
-
-    this.$nextTick(() => {
-      this.updateInnerValue();
-    });
-  },
-
-  methods: {
-    // @exposed-api
-    getPicker() {
-      return this.$refs.picker;
-    },
-
-    onConfirm() {
-      this.$emit('confirm', this.innerValue);
-    },
-
-    onCancel() {
-      this.$emit('cancel');
-    },
-  },
-
-  render() {
-    const props = {};
-    Object.keys(pickerProps).forEach((key) => {
-      props[key] = this[key];
-    });
-
-    return (
-      <Picker
-        ref="picker"
-        columns={this.columns}
-        readonly={this.readonly}
-        onChange={this.onChange}
-        onConfirm={this.onConfirm}
-        onCancel={this.onCancel}
-        {...props}
-      />
-    );
-  },
-};
diff --git a/src/datetime-picker/utils.ts b/src/datetime-picker/utils.ts
index 9509f7299..12c1ba727 100644
--- a/src/datetime-picker/utils.ts
+++ b/src/datetime-picker/utils.ts
@@ -1,4 +1,16 @@
 import { isNaN } from '../utils/validate/number';
+import { pickerProps } from '../picker/shared';
+
+export const sharedProps = {
+  ...pickerProps,
+  filter: Function,
+  modelValue: null,
+  columnsOrder: Array,
+  formatter: {
+    type: Function,
+    default: (type: string, value: unknown) => value,
+  },
+};
 
 export function times(n: number, iteratee: (index: number) => any[]) {
   let index = -1;

From c2f4165d0fec33bdf2d207a965d8a9c4d5d90894 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 16:06:16 +0800
Subject: [PATCH 474/626] chore: remove all mixin

---
 src/mixins/bind-event.ts | 33 --------------------
 src/mixins/field.js      | 29 -----------------
 src/mixins/relation.js   | 67 ----------------------------------------
 3 files changed, 129 deletions(-)
 delete mode 100644 src/mixins/bind-event.ts
 delete mode 100644 src/mixins/field.js
 delete mode 100644 src/mixins/relation.js

diff --git a/src/mixins/bind-event.ts b/src/mixins/bind-event.ts
deleted file mode 100644
index d727ac160..000000000
--- a/src/mixins/bind-event.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Bind event when mounted or activated
- */
-import { on, off } from '../utils/dom/event';
-
-type BindEventMixinThis = {
-  binded: boolean;
-};
-
-type BindEventHandler = (bind: typeof on | typeof off, isBind: boolean) => void;
-
-export function BindEventMixin(handler: BindEventHandler) {
-  function bind(this: BindEventMixinThis) {
-    if (!this.binded) {
-      handler.call(this, on, true);
-      this.binded = true;
-    }
-  }
-
-  function unbind(this: BindEventMixinThis) {
-    if (this.binded) {
-      handler.call(this, off, false);
-      this.binded = false;
-    }
-  }
-
-  return {
-    mounted: bind,
-    activated: bind,
-    deactivated: unbind,
-    beforeUnmount: unbind,
-  };
-}
diff --git a/src/mixins/field.js b/src/mixins/field.js
deleted file mode 100644
index 0933adbf7..000000000
--- a/src/mixins/field.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { FIELD_KEY } from '../field';
-
-export const FieldMixin = {
-  inject: {
-    vanField: {
-      from: FIELD_KEY,
-      default: null,
-    },
-  },
-
-  watch: {
-    modelValue() {
-      const field = this.vanField;
-
-      if (field) {
-        field.resetValidation();
-        field.validateWithTrigger('onChange');
-      }
-    },
-  },
-
-  created() {
-    const field = this.vanField;
-
-    if (field && !field.childFieldValue.value) {
-      field.childFieldValue.value = () => this.modelValue;
-    }
-  },
-};
diff --git a/src/mixins/relation.js b/src/mixins/relation.js
deleted file mode 100644
index c0bae840c..000000000
--- a/src/mixins/relation.js
+++ /dev/null
@@ -1,67 +0,0 @@
-export function ChildrenMixin(parent, options = {}) {
-  const indexKey = options.indexKey || 'index';
-
-  return {
-    inject: {
-      // TODO: disableBindRelation
-      parent: {
-        from: parent,
-        default: null,
-      },
-    },
-
-    computed: {
-      [indexKey]() {
-        this.bindRelation();
-
-        if (this.parent) {
-          return this.parent.children.indexOf(this);
-        }
-
-        return null;
-      },
-    },
-
-    mounted() {
-      this.bindRelation();
-    },
-
-    beforeUnmount() {
-      if (this.parent) {
-        this.parent.children = this.parent.children.filter(
-          (item) => item !== this
-        );
-      }
-    },
-
-    methods: {
-      bindRelation() {
-        if (!this.parent || this.parent.children.indexOf(this) !== -1) {
-          return;
-        }
-
-        const children = [...this.parent.children, this];
-
-        // TODO sortChildren
-
-        this.parent.children = children;
-      },
-    },
-  };
-}
-
-export function ParentMixin(parent) {
-  return {
-    provide() {
-      return {
-        [parent]: this,
-      };
-    },
-
-    data() {
-      return {
-        children: [],
-      };
-    },
-  };
-}

From 5ccd2129b98e47a04eca38607dcbc7e257ae2b91 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 16:07:35 +0800
Subject: [PATCH 475/626] chore: remove unused event helper

---
 src/utils/dom/event.ts | 44 ------------------------------------------
 1 file changed, 44 deletions(-)

diff --git a/src/utils/dom/event.ts b/src/utils/dom/event.ts
index 322247318..8f73fac5c 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -1,47 +1,3 @@
-import { inBrowser } from '..';
-
-// eslint-disable-next-line import/no-mutable-exports
-export let supportsPassive = false;
-
-if (inBrowser) {
-  try {
-    const opts = {};
-    Object.defineProperty(opts, 'passive', {
-      // eslint-disable-next-line getter-return
-      get() {
-        supportsPassive = true;
-      },
-    });
-    window.addEventListener('test-passive', null as any, opts);
-    // eslint-disable-next-line no-empty
-  } catch (e) {}
-}
-
-export function on(
-  target: EventTarget,
-  event: string,
-  handler: EventListenerOrEventListenerObject,
-  passive = false
-) {
-  if (inBrowser) {
-    target.addEventListener(
-      event,
-      handler,
-      supportsPassive ? { capture: false, passive } : false
-    );
-  }
-}
-
-export function off(
-  target: EventTarget,
-  event: string,
-  handler: EventListenerOrEventListenerObject
-) {
-  if (inBrowser) {
-    target.removeEventListener(event, handler);
-  }
-}
-
 export function stopPropagation(event: Event) {
   event.stopPropagation();
 }

From a583c83c25de002666e053fdd7727c644102495e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 17:12:03 +0800
Subject: [PATCH 476/626] chore(Toast): improve render

---
 src/toast/index.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/toast/index.js b/src/toast/index.js
index 8652e2082..953294b01 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,4 +1,4 @@
-import { ref, watch } from 'vue';
+import { ref, watch, getCurrentInstance } from 'vue';
 import { isObject, inBrowser } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';
@@ -55,25 +55,21 @@ function createInstance() {
         state.message = value;
       });
 
-      return {
-        open,
-        state,
-        clear: close,
-        toggle,
-        message,
-        onClosed,
-      };
-    },
-    render() {
-      return (
+      getCurrentInstance().render = () => (
         <VanToast
           {...{
-            ...this.state,
-            onClosed: this.onClosed,
-            'onUpdate:show': this.toggle,
+            ...state,
+            onClosed,
+            'onUpdate:show': toggle,
           }}
         />
       );
+
+      return {
+        open,
+        clear: close,
+        message,
+      };
     },
   });
 

From da6925aee99de83f991311a946d81f25b5445fb3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 17:14:11 +0800
Subject: [PATCH 477/626] chore(Grid): use relation

---
 src/grid-item/index.js | 2 +-
 src/grid/index.js      | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index 992c148c4..d98585982 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -6,7 +6,7 @@ import { BORDER } from '../utils/constant';
 import { GRID_KEY } from '../grid';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/grid/index.js b/src/grid/index.js
index 1854f7933..49b9794d0 100644
--- a/src/grid/index.js
+++ b/src/grid/index.js
@@ -1,6 +1,6 @@
-import { provide, reactive } from 'vue';
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('grid');
 
@@ -28,8 +28,9 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const children = reactive([]);
-    provide(GRID_KEY, { props, children });
+    const { linkChildren } = useChildren(GRID_KEY);
+
+    linkChildren({ props });
 
     return () => (
       <div

From e4b795206188b96524bd2c8f3798bcf436b5f0c6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 10:53:24 +0800
Subject: [PATCH 478/626] chore(IndexBar): use relation

---
 src/index-anchor/index.js | 16 ++++++++--------
 src/index-bar/index.js    | 23 +++++++++++------------
 2 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index a5f56f3ec..fa7dbf16b 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -7,7 +7,8 @@ import { INDEX_BAR_KEY } from '../index-bar';
 
 // Composition
 import { useHeight } from '../composition/use-rect';
-import { useParent } from '../composition/use-parent';
+import { useExpose } from '../composition/use-expose';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
@@ -26,13 +27,7 @@ export default createComponent({
 
     const root = ref();
     const height = useHeight(root);
-
-    const { parent } = useParent(INDEX_BAR_KEY, {
-      props,
-      state,
-      height,
-      root,
-    });
+    const { parent } = useParent(INDEX_BAR_KEY);
 
     const isSticky = () => state.active && parent.props.sticky;
 
@@ -50,6 +45,11 @@ export default createComponent({
       }
     });
 
+    useExpose({
+      state,
+      height,
+    });
+
     return () => {
       const sticky = isSticky();
 
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 893d1ba09..0c7ae2647 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -1,4 +1,4 @@
-import { ref, computed, watch, nextTick, reactive, provide } from 'vue';
+import { ref, computed, watch, nextTick } from 'vue';
 
 // Utils
 import { createNamespace, isDef } from '../utils';
@@ -15,6 +15,7 @@ import {
 import { useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
+import { useChildren } from '../composition/use-relation';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
@@ -54,12 +55,12 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const root = ref();
     const activeAnchor = ref();
-    const children = reactive([]);
 
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
+    const { children, linkChildren } = useChildren(INDEX_BAR_KEY);
 
-    provide(INDEX_BAR_KEY, { props, children });
+    linkChildren({ props });
 
     const sidebarStyle = computed(() => {
       if (isDef(props.zIndex)) {
@@ -122,8 +123,8 @@ export default createComponent({
       const scrollParentRect = getScrollerRect();
 
       const rects = children.map((item) => ({
-        height: item.height,
-        top: getAnchorTop(item.root, scrollParentRect),
+        height: item.height.value,
+        top: getAnchorTop(item.$el, scrollParentRect),
       }));
 
       const active = getActiveAnchor(scrollTop, rects);
@@ -132,9 +133,9 @@ export default createComponent({
 
       if (sticky) {
         children.forEach((item, index) => {
-          const { state, height, root } = item;
+          const { state, height, $el } = item;
           if (index === active || index === active - 1) {
-            const rect = root.getBoundingClientRect();
+            const rect = $el.getBoundingClientRect();
             state.left = rect.left;
             state.width = rect.width;
           } else {
@@ -150,7 +151,7 @@ export default createComponent({
           } else if (index === active - 1) {
             const activeItemTop = rects[active].top - scrollTop;
             state.active = activeItemTop > 0;
-            state.top = activeItemTop + scrollParentRect.top - height;
+            state.top = activeItemTop + scrollParentRect.top - height.value;
           } else {
             state.active = false;
           }
@@ -187,12 +188,10 @@ export default createComponent({
         return;
       }
 
-      const match = children.filter(
-        (item) => String(item.props.index) === index
-      );
+      const match = children.filter((item) => String(item.index) === index);
 
       if (match[0]) {
-        match[0].root.scrollIntoView();
+        match[0].$el.scrollIntoView();
 
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);

From dfad7b14af57454bb6012c58a9479ba017b618f5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 10:56:16 +0800
Subject: [PATCH 479/626] chore(Picker): use relation

---
 src/picker/PickerColumn.js |  6 ++++--
 src/picker/index.js        | 10 ++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 26b203b0d..07dafe75a 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -9,7 +9,8 @@ import { preventDefault } from '../utils/dom/event';
 
 // Composition
 import { useTouch } from '../composition/use-touch';
-import { useParent } from '../composition/use-parent';
+import { useExpose } from '../composition/use-expose';
+import { useParent } from '../composition/use-relation';
 
 const DEFAULT_DURATION = 200;
 
@@ -278,7 +279,8 @@ export default createComponent({
 
     setIndex(state.index);
 
-    useParent(PICKER_KEY, {
+    useParent(PICKER_KEY);
+    useExpose({
       state,
       setIndex,
       getValue,
diff --git a/src/picker/index.js b/src/picker/index.js
index 721e0ae32..ee342439e 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -1,4 +1,4 @@
-import { ref, watch, computed, provide, reactive } from 'vue';
+import { ref, watch, computed } from 'vue';
 import { pickerProps, PICKER_KEY, DEFAULT_ITEM_HEIGHT } from './shared';
 
 // Utils
@@ -9,6 +9,7 @@ import { unitToPx } from '../utils/format/unit';
 
 // Composition
 import { useExpose } from '../composition/use-expose';
+import { useChildren } from '../composition/use-relation';
 
 // Components
 import Loading from '../loading';
@@ -40,9 +41,12 @@ export default createComponent({
   emits: ['confirm', 'cancel', 'change'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
     const formattedColumns = ref([]);
 
+    const { children, linkChildren } = useChildren(PICKER_KEY);
+
+    linkChildren();
+
     const itemHeight = computed(() =>
       props.itemHeight ? unitToPx(props.itemHeight) : DEFAULT_ITEM_HEIGHT
     );
@@ -279,8 +283,6 @@ export default createComponent({
       );
     };
 
-    provide(PICKER_KEY, { children });
-
     watch(() => props.columns, format, { immediate: true });
 
     useExpose({

From d762c2304470439bf82651d870d2cb241d8b287f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 10:57:53 +0800
Subject: [PATCH 480/626] chore(Sidebar): use relation

---
 src/sidebar-item/index.js |  2 +-
 src/sidebar/index.js      | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 22ae3b7e1..502291a09 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
+import { useParent } from '../composition/use-relation';
 import { useRoute, routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-parent';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index 6f378b39a..bc5cb955f 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,5 +1,6 @@
-import { watch, provide, reactive } from 'vue';
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('sidebar');
 
@@ -16,8 +17,10 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(SIDEBAR_KEY);
+
     const active = () => +props.modelValue;
+
     const setActive = (value) => {
       if (value !== active()) {
         emit('change', value);
@@ -26,10 +29,9 @@ export default createComponent({
 
     watch(active, setActive);
 
-    provide(SIDEBAR_KEY, {
+    linkChildren({
       emit,
       active,
-      children,
       setActive,
     });
 

From 75a8a394ca503e422f082506d661566307baa431 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:00:08 +0800
Subject: [PATCH 481/626] chore(Steps): use relation

---
 src/step/index.js  |  2 +-
 src/steps/index.js | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/step/index.js b/src/step/index.js
index db90f684b..346bcd8ea 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
 import { STEPS_KEY } from '../steps';
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
diff --git a/src/steps/index.js b/src/steps/index.js
index d5633d035..0fc6f6a3f 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -1,5 +1,5 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('steps');
 
@@ -27,13 +27,9 @@ export default createComponent({
   emits: ['click-step'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(STEPS_KEY);
 
-    provide(STEPS_KEY, {
-      emit,
-      props,
-      children,
-    });
+    linkChildren({ emit, props });
 
     return () => (
       <div class={bem([props.direction])}>

From c175cdd2bbccd33dd49051c2717d6d43e10cbad1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:05:39 +0800
Subject: [PATCH 482/626] chore(Swipe): use relation

---
 src/swipe-item/index.js | 27 +++++++++++++++------------
 src/swipe/index.js      | 14 +++++++-------
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 13d1f67a8..780ead33d 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,7 +1,8 @@
 import { computed, nextTick, onMounted, reactive } from 'vue';
 import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-parent';
+import { useExpose } from '../composition/use-expose';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
@@ -12,17 +13,7 @@ export default createComponent({
       mounted: false,
     });
 
-    const setOffset = (offset) => {
-      state.offset = offset;
-    };
-
-    const { parent, index } = useParent(SWIPE_KEY, { setOffset });
-
-    onMounted(() => {
-      nextTick(() => {
-        state.mounted = true;
-      });
-    });
+    const { parent, index } = useParent(SWIPE_KEY);
 
     const style = computed(() => {
       const style = {};
@@ -55,6 +46,18 @@ export default createComponent({
       return index.value >= prevActive || index.value <= nextActive;
     });
 
+    const setOffset = (offset) => {
+      state.offset = offset;
+    };
+
+    onMounted(() => {
+      nextTick(() => {
+        state.mounted = true;
+      });
+    });
+
+    useExpose({ setOffset });
+
     return () => (
       <div class={bem()} style={style.value}>
         {shouldRender.value ? slots.default?.() : null}
diff --git a/src/swipe/index.js b/src/swipe/index.js
index c29dd9c5a..52a9200cf 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -1,7 +1,6 @@
 import {
   ref,
   watch,
-  provide,
   reactive,
   computed,
   onMounted,
@@ -18,10 +17,11 @@ import { doubleRaf } from '../utils/dom/raf';
 import { preventDefault } from '../utils/dom/event';
 
 // Composition
-import { useTouch } from '../composition/use-touch';
-import { useRect } from '../composition/use-rect';
-import { useExpose } from '../composition/use-expose';
 import { usePageVisibility, useWindowSize } from '@vant/use';
+import { useRect } from '../composition/use-rect';
+import { useTouch } from '../composition/use-touch';
+import { useExpose } from '../composition/use-expose';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('swipe');
 
@@ -73,10 +73,10 @@ export default createComponent({
       active: 0,
       swiping: false,
     });
-    const children = reactive([]);
 
     const touch = useTouch();
     const windowSize = useWindowSize();
+    const { children, linkChildren } = useChildren(SWIPE_KEY);
 
     const count = computed(() => children.length);
 
@@ -370,9 +370,9 @@ export default createComponent({
       swipeTo,
     });
 
-    provide(SWIPE_KEY, { size, props, count, children, activeIndicator });
+    linkChildren({ size, props, count, activeIndicator });
 
-    watch([children, () => props.initialSwipe], initialize);
+    watch([() => children.length, () => props.initialSwipe], initialize);
 
     watch(
       () => props.autoplay,

From 11890ef3c1df0ace917ed3ec2b1f3b313589793d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:11:30 +0800
Subject: [PATCH 483/626] chore(Tabs): use relation

---
 src/tab/index.js  |  8 ++-----
 src/tabs/index.js | 55 ++++++++++++++++++++++++-----------------------
 2 files changed, 30 insertions(+), 33 deletions(-)

diff --git a/src/tab/index.js b/src/tab/index.js
index 7b793a79f..87de18f9a 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -4,7 +4,7 @@ import { TABS_KEY } from '../tabs';
 
 // Composition
 import { routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('tab');
 
@@ -22,11 +22,7 @@ export default createComponent({
   setup(props, { slots }) {
     const root = ref();
     const inited = ref(false);
-    const { parent, index } = useParent(TABS_KEY, {
-      getRoot: () => root.value,
-      props,
-      slots,
-    });
+    const { parent, index } = useParent(TABS_KEY);
 
     if (!parent) {
       throw new Error('[Vant] Tabs: <van-tab> must be used inside <van-tabs>');
diff --git a/src/tabs/index.js b/src/tabs/index.js
index f427f6733..30a620ddb 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -1,7 +1,6 @@
 import {
   ref,
   watch,
-  provide,
   computed,
   reactive,
   nextTick,
@@ -25,9 +24,10 @@ import {
 } from '../utils/dom/scroll';
 
 // Composition
+import { useWindowSize, useScrollParent, useEventListener } from '@vant/use';
 import { useRefs } from '../composition/use-refs';
 import { useExpose } from '../composition/use-expose';
-import { useWindowSize, useScrollParent, useEventListener } from '@vant/use';
+import { useChildren } from '../composition/use-relation';
 
 // Components
 import Sticky from '../sticky';
@@ -97,8 +97,8 @@ export default createComponent({
     const windowSize = useWindowSize();
     const scroller = useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
+    const { children, linkChildren } = useChildren(TABS_KEY);
 
-    const children = reactive([]);
     const state = reactive({
       position: '',
       currentIndex: -1,
@@ -117,7 +117,7 @@ export default createComponent({
       background: props.background,
     }));
 
-    const getTabName = (tab, index) => tab.props.name ?? index;
+    const getTabName = (tab, index) => tab.name ?? index;
 
     const currentName = computed(() => {
       const activeTab = children[state.currentIndex];
@@ -203,7 +203,7 @@ export default createComponent({
       const diff = index < state.currentIndex ? -1 : 1;
 
       while (index >= 0 && index < children.length) {
-        if (!children[index].props.disabled) {
+        if (!children[index].disabled) {
           return index;
         }
 
@@ -220,7 +220,7 @@ export default createComponent({
         emit('update:active', currentName.value);
 
         if (shouldEmitChange) {
-          emit('change', currentName.value, children[currentIndex].props.title);
+          emit('change', currentName.value, children[currentIndex].title);
         }
       }
     };
@@ -237,11 +237,10 @@ export default createComponent({
 
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
-        const target = children[state.currentIndex];
-        const el = target?.getRoot();
+        const target = children[state.currentIndex].$el;
 
-        if (el) {
-          const to = getElementTop(el, scroller.value) - scrollOffset.value;
+        if (target) {
+          const to = getElementTop(target, scroller.value) - scrollOffset.value;
 
           lockScroll = true;
           scrollTopTo(
@@ -258,7 +257,7 @@ export default createComponent({
 
     // emit event when clicked
     const onClick = (item, index) => {
-      const { title, disabled } = children[index].props;
+      const { title, disabled } = children[index];
       const name = getTabName(children[index], index);
 
       if (disabled) {
@@ -292,7 +291,7 @@ export default createComponent({
 
     const getCurrentIndexOnScroll = () => {
       for (let index = 0; index < children.length; index++) {
-        const top = getVisibleTop(children[index].getRoot());
+        const top = getVisibleTop(children[index].$el);
 
         if (top > scrollOffset.value) {
           return index === 0 ? 0 : index - 1;
@@ -313,16 +312,16 @@ export default createComponent({
       children.map((item, index) => (
         <TabsTitle
           ref={setTitleRefs(index)}
-          dot={item.props.dot}
+          dot={item.dot}
           type={props.type}
-          badge={item.props.badge}
-          title={item.props.title}
+          badge={item.badge}
+          title={item.title}
           color={props.color}
-          style={item.props.titleStyle}
+          style={item.titleStyle}
           isActive={index === state.currentIndex}
-          disabled={item.props.disabled}
+          disabled={item.disabled}
           scrollable={scrollable.value}
-          renderTitle={item.slots.title}
+          renderTitle={item.$slots.title}
           activeColor={props.titleActiveColor}
           inactiveColor={props.titleInactiveColor}
           onClick={() => {
@@ -369,13 +368,16 @@ export default createComponent({
       }
     );
 
-    watch(children, () => {
-      setCurrentIndexByName(currentName.value || props.active);
-      setLine();
-      nextTick(() => {
-        scrollIntoView(true);
-      });
-    });
+    watch(
+      () => children.length,
+      () => {
+        setCurrentIndexByName(currentName.value || props.active);
+        setLine();
+        nextTick(() => {
+          scrollIntoView(true);
+        });
+      }
+    );
 
     watch(
       () => state.currentIndex,
@@ -406,11 +408,10 @@ export default createComponent({
 
     useEventListener('scroll', onScroll, { target: scroller.value });
 
-    provide(TABS_KEY, {
+    linkChildren({
       emit,
       props,
       setLine,
-      children,
       currentName,
     });
 

From 367a273bd54ad0c1aeb5a6590e85b98c62c681f7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:13:49 +0800
Subject: [PATCH 484/626] chore(Tabbar): use relation

---
 src/composition/use-parent.ts | 30 ------------------------------
 src/tabbar-item/index.js      |  2 +-
 src/tabbar/index.js           | 15 ++++++++-------
 3 files changed, 9 insertions(+), 38 deletions(-)
 delete mode 100644 src/composition/use-parent.ts

diff --git a/src/composition/use-parent.ts b/src/composition/use-parent.ts
deleted file mode 100644
index 99ff4d8d0..000000000
--- a/src/composition/use-parent.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { inject, computed, onUnmounted } from 'vue';
-
-type Parent = { children: unknown[] };
-
-type Child<T> = T extends { children: (infer U)[] } ? U : never;
-
-export function useParent<P extends Parent>(
-  key: string,
-  child = {} as Child<P>
-) {
-  const parent = inject<P | null>(key, null);
-
-  if (parent) {
-    const { children } = parent;
-    const index = computed(() => children.indexOf(child));
-
-    children.push(child);
-
-    onUnmounted(() => {
-      children.splice(index.value, 1);
-    });
-
-    return {
-      index,
-      parent,
-    };
-  }
-
-  return {};
-}
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 01ef863a0..9a88a9b49 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -5,7 +5,7 @@ import { TABBAR_KEY } from '../tabbar';
 import { createNamespace, isObject, isDef } from '../utils';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { routeProps, useRoute } from '../composition/use-route';
 
 // Components
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index 4c174acb8..e18bdcafc 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -1,7 +1,12 @@
-import { ref, reactive, provide } from 'vue';
+import { ref } from 'vue';
+
+// Utils
 import { createNamespace, isDef } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
+
+// Composition
+import { useChildren } from '../composition/use-relation';
 import { usePlaceholder } from '../composition/use-placeholder';
 
 const [createComponent, bem] = createNamespace('tabbar');
@@ -38,7 +43,7 @@ export default createComponent({
 
   setup(props, { emit, slots }) {
     const root = ref();
-    const children = reactive([]);
+    const { linkChildren } = useChildren(TABBAR_KEY);
     const renderPlaceholder = usePlaceholder(root, bem);
 
     const isUnfit = () => {
@@ -76,11 +81,7 @@ export default createComponent({
       }
     };
 
-    provide(TABBAR_KEY, {
-      props,
-      children,
-      setActive,
-    });
+    linkChildren({ props, setActive });
 
     return () => {
       if (props.fixed && props.placeholder) {

From 12cadc42a1cf31e89f4ee52432ff56d1560c0275 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:17:49 +0800
Subject: [PATCH 485/626] chore: adjust useRoute

---
 src/composition/use-route.ts | 24 +++++++++++++-----------
 src/tabs/index.js            |  2 +-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/composition/use-route.ts b/src/composition/use-route.ts
index ca34e9b51..c7776ba64 100644
--- a/src/composition/use-route.ts
+++ b/src/composition/use-route.ts
@@ -1,8 +1,14 @@
 /**
  * Vue Router support
  */
-import { getCurrentInstance } from 'vue';
-import type { Router, RouteLocation } from 'vue-router';
+import { getCurrentInstance, ComponentPublicInstance } from 'vue';
+import type { RouteLocation } from 'vue-router';
+
+export type RouteProps = {
+  url?: string;
+  replace?: boolean;
+  to?: RouteLocation;
+};
 
 export type RouteConfig = {
   url?: string;
@@ -18,8 +24,10 @@ function isRedundantNavigation(err: Error) {
   );
 }
 
-export function route(router: Router, props: RouteProps) {
-  const { to, url, replace } = props;
+export function route(vm: ComponentPublicInstance<RouteProps>) {
+  const router = vm.$router;
+  const { to, url, replace } = vm;
+
   if (to && router) {
     const promise = router[replace ? 'replace' : 'push'](to);
 
@@ -39,16 +47,10 @@ export function route(router: Router, props: RouteProps) {
 export function useRoute() {
   const vm = getCurrentInstance()!.proxy!;
   return () => {
-    route(vm.$router, vm as RouteProps);
+    route(vm);
   };
 }
 
-export type RouteProps = {
-  url?: string;
-  replace?: boolean;
-  to?: RouteLocation;
-};
-
 export const routeProps = {
   url: String,
   replace: Boolean,
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 30a620ddb..64712e378 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -273,7 +273,7 @@ export default createComponent({
         });
 
         emit('click', name, title);
-        route(item.$router, item);
+        route(item);
       }
     };
 

From 7bf95d4bcf478eb99099b84d0b1f428bde71a98c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:23:13 +0800
Subject: [PATCH 486/626] chore: remove useless navigation duplicated

---
 src/composition/use-route.ts | 46 ++++++++++--------------------------
 1 file changed, 12 insertions(+), 34 deletions(-)

diff --git a/src/composition/use-route.ts b/src/composition/use-route.ts
index c7776ba64..b6cbc8e17 100644
--- a/src/composition/use-route.ts
+++ b/src/composition/use-route.ts
@@ -1,44 +1,28 @@
 /**
  * Vue Router support
  */
-import { getCurrentInstance, ComponentPublicInstance } from 'vue';
+import {
+  PropType,
+  ExtractPropTypes,
+  getCurrentInstance,
+  ComponentPublicInstance,
+} from 'vue';
 import type { RouteLocation } from 'vue-router';
 
-export type RouteProps = {
-  url?: string;
-  replace?: boolean;
-  to?: RouteLocation;
+export const routeProps = {
+  to: [String, Object] as PropType<RouteLocation>,
+  url: String,
+  replace: Boolean,
 };
 
-export type RouteConfig = {
-  url?: string;
-  to?: RouteLocation;
-  replace?: boolean;
-};
-
-function isRedundantNavigation(err: Error) {
-  return (
-    err.name === 'NavigationDuplicated' ||
-    // compatible with vue-router@3.3
-    (err.message && err.message.indexOf('redundant navigation') !== -1)
-  );
-}
+export type RouteProps = ExtractPropTypes<typeof routeProps>;
 
 export function route(vm: ComponentPublicInstance<RouteProps>) {
   const router = vm.$router;
   const { to, url, replace } = vm;
 
   if (to && router) {
-    const promise = router[replace ? 'replace' : 'push'](to);
-
-    /* istanbul ignore else */
-    if (promise && promise.catch) {
-      promise.catch((err) => {
-        if (err && !isRedundantNavigation(err)) {
-          throw err;
-        }
-      });
-    }
+    router[replace ? 'replace' : 'push'](to);
   } else if (url) {
     replace ? location.replace(url) : (location.href = url);
   }
@@ -50,9 +34,3 @@ export function useRoute() {
     route(vm);
   };
 }
-
-export const routeProps = {
-  url: String,
-  replace: Boolean,
-  to: [String, Object],
-};

From 9010a0edf12b2e42267d5da13460a443ddff1ece Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 26 Sep 2020 11:24:42 +0800
Subject: [PATCH 487/626] chore: rename useParentField to useLinkField

---
 src/checkbox-group/index.js                                | 4 ++--
 src/checkbox/index.js                                      | 4 ++--
 src/composition/{use-parent-field.ts => use-link-field.ts} | 2 +-
 src/radio-group/index.js                                   | 4 ++--
 src/rate/index.js                                          | 4 ++--
 src/slider/index.js                                        | 4 ++--
 src/stepper/index.js                                       | 4 ++--
 src/switch/index.tsx                                       | 4 ++--
 src/uploader/index.js                                      | 4 ++--
 9 files changed, 17 insertions(+), 17 deletions(-)
 rename src/composition/{use-parent-field.ts => use-link-field.ts} (85%)

diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js
index 172572516..893dac5ce 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -3,7 +3,7 @@ import { createNamespace } from '../utils';
 import { CHECKBOX_KEY } from '../checkbox';
 import { useExpose } from '../composition/use-expose';
 import { useChildren } from '../composition/use-relation';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
 
@@ -44,7 +44,7 @@ export default createComponent({
     );
 
     useExpose({ toggleAll });
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
     linkChildren({ emit, props });
 
     return () => <div class={bem([props.direction])}>{slots.default?.()}</div>;
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 3604596bd..834c97406 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,7 +1,7 @@
 import { computed, watch } from 'vue';
 import { createNamespace, pick } from '../utils';
 import { useExpose } from '../composition/use-expose';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 import { useParent } from '../composition/use-relation';
 import Checker, { checkerProps } from './Checker';
 
@@ -81,7 +81,7 @@ export default createComponent({
     );
 
     useExpose({ toggle, checked });
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <Checker
diff --git a/src/composition/use-parent-field.ts b/src/composition/use-link-field.ts
similarity index 85%
rename from src/composition/use-parent-field.ts
rename to src/composition/use-link-field.ts
index e53b6e9fd..52c83ef35 100644
--- a/src/composition/use-parent-field.ts
+++ b/src/composition/use-link-field.ts
@@ -1,7 +1,7 @@
 import { watch, inject } from 'vue';
 import { FIELD_KEY } from '../field';
 
-export function useParentField(getValue: () => unknown) {
+export function useLinkField(getValue: () => unknown) {
   const field = inject(FIELD_KEY, null) as any;
 
   if (field && !field.childFieldValue.value) {
diff --git a/src/radio-group/index.js b/src/radio-group/index.js
index 4282988fe..cb30d240b 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -1,7 +1,7 @@
 import { watch } from 'vue';
 import { createNamespace } from '../utils';
 import { useChildren } from '../composition/use-relation';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('radio-group');
 
@@ -29,7 +29,7 @@ export default createComponent({
     );
 
     linkChildren({ emit, props });
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <div class={bem([props.direction])} role="radiogroup">
diff --git a/src/rate/index.js b/src/rate/index.js
index b4e0f94ff..34caa9fc2 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -7,7 +7,7 @@ import { preventDefault } from '../utils/dom/event';
 // Composition
 import { useRefs } from '../composition/use-refs';
 import { useTouch } from '../composition/use-touch';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 // Components
 import Icon from '../icon';
@@ -193,7 +193,7 @@ export default createComponent({
       );
     };
 
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <div
diff --git a/src/slider/index.js b/src/slider/index.js
index 01f9080b2..5cd14cc40 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -8,7 +8,7 @@ import { preventDefault } from '../utils/dom/event';
 // Composition
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('slider');
 
@@ -249,7 +249,7 @@ export default createComponent({
 
     // format initial value
     updateValue(props.modelValue);
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <div
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 50ed38162..291a4637d 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -8,7 +8,7 @@ import { preventDefault } from '../utils/dom/event';
 import { createNamespace, isDef, addUnit, getSizeStyle } from '../utils';
 
 // Composition
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('stepper');
 
@@ -270,7 +270,7 @@ export default createComponent({
       emit('change', value, { name: props.name });
     });
 
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <div class={bem([props.theme])}>
diff --git a/src/switch/index.tsx b/src/switch/index.tsx
index 498dfe512..82e2e4b81 100644
--- a/src/switch/index.tsx
+++ b/src/switch/index.tsx
@@ -1,5 +1,5 @@
 import { createNamespace, addUnit } from '../utils';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 import Loading from '../loading';
 
 const [createComponent, bem] = createNamespace('switch');
@@ -42,7 +42,7 @@ export default createComponent({
       }
     };
 
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => {
       const { size, loading, disabled, activeColor, inactiveColor } = props;
diff --git a/src/uploader/index.js b/src/uploader/index.js
index 85462427a..6900fbab1 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -13,7 +13,7 @@ import {
 
 // Composition
 import { useExpose } from '../composition/use-expose';
-import { useParentField } from '../composition/use-parent-field';
+import { useLinkField } from '../composition/use-link-field';
 
 // Components
 import Icon from '../icon';
@@ -313,7 +313,7 @@ export default createComponent({
       closeImagePreview,
     });
 
-    useParentField(() => props.modelValue);
+    useLinkField(() => props.modelValue);
 
     return () => (
       <div class={bem()}>

From 486ad580421f9e3d5d858cdfab8da57c52181dd0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:14:11 +0800
Subject: [PATCH 488/626] refactor(TimePicker): refactor with composition api

---
 src/datetime-picker/DatePicker.js |  20 +--
 src/datetime-picker/TimePicker.js | 237 ++++++++++++++----------------
 2 files changed, 123 insertions(+), 134 deletions(-)

diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 947d310eb..8cd041842 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -31,7 +31,7 @@ export default createComponent({
 
   data() {
     return {
-      innerValue: this.formatValue(this.modelValue),
+      currentDate: this.formatValue(this.modelValue),
     };
   },
 
@@ -43,7 +43,7 @@ export default createComponent({
         maxMonth,
         maxHour,
         maxMinute,
-      } = this.getBoundary('max', this.innerValue);
+      } = this.getBoundary('max', this.currentDate);
 
       const {
         minYear,
@@ -51,7 +51,7 @@ export default createComponent({
         minMonth,
         minHour,
         minMinute,
-      } = this.getBoundary('min', this.innerValue);
+      } = this.getBoundary('min', this.currentDate);
 
       let result = [
         {
@@ -136,15 +136,15 @@ export default createComponent({
     maxDate: 'updateInnerValue',
     columns: 'updateColumnValue',
 
-    innerValue(val) {
+    currentDate(val) {
       this.$emit('update:modelValue', val);
     },
 
     modelValue(val) {
       val = this.formatValue(val);
 
-      if (val.valueOf() !== this.innerValue.valueOf()) {
-        this.innerValue = val;
+      if (val.valueOf() !== this.currentDate.valueOf()) {
+        this.currentDate = val;
       }
     },
   },
@@ -164,7 +164,7 @@ export default createComponent({
     },
 
     onConfirm() {
-      this.$emit('confirm', this.innerValue);
+      this.$emit('confirm', this.currentDate);
     },
 
     onCancel() {
@@ -237,7 +237,7 @@ export default createComponent({
       let month;
       let day;
       if (type === 'month-day') {
-        year = this.innerValue.getFullYear();
+        year = this.currentDate.getFullYear();
         month = getValue('month');
         day = getValue('day');
       } else {
@@ -263,7 +263,7 @@ export default createComponent({
 
       const value = new Date(year, month - 1, day, hour, minute);
 
-      this.innerValue = this.formatValue(value);
+      this.currentDate = this.formatValue(value);
     },
 
     onChange(picker) {
@@ -277,7 +277,7 @@ export default createComponent({
     },
 
     updateColumnValue() {
-      const value = this.innerValue;
+      const value = this.currentDate;
       const { formatter } = this;
 
       const values = this.originColumns.map((column) => {
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index 78032825f..1a0974c20 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -1,6 +1,7 @@
-import { createNamespace } from '../utils';
-import { padZero } from '../utils/format/string';
+import { ref, watch, computed, nextTick, onMounted } from 'vue';
+import { createNamespace, pick } from '../utils';
 import { range } from '../utils/format/number';
+import { padZero } from '../utils/format/string';
 import { times, sharedProps } from './utils';
 import Picker from '../picker';
 import { pickerProps } from '../picker/shared';
@@ -30,156 +31,144 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  data() {
-    return {
-      innerValue: this.formatValue(this.modelValue),
+  setup(props, { emit }) {
+    const formatValue = (value) => {
+      const { minHour, maxHour, maxMinute, minMinute } = props;
+
+      if (!value) {
+        value = `${padZero(minHour)}:${padZero(minMinute)}`;
+      }
+
+      let [hour, minute] = value.split(':');
+      hour = padZero(range(hour, minHour, maxHour));
+      minute = padZero(range(minute, minMinute, maxMinute));
+
+      return `${hour}:${minute}`;
     };
-  },
 
-  computed: {
-    ranges() {
-      return [
-        {
-          type: 'hour',
-          range: [+this.minHour, +this.maxHour],
-        },
-        {
-          type: 'minute',
-          range: [+this.minMinute, +this.maxMinute],
-        },
-      ];
-    },
+    const picker = ref();
+    const currentDate = ref(formatValue(props.modelValue));
 
-    originColumns() {
-      return this.ranges.map(({ type, range: rangeArr }) => {
-        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
-          const value = padZero(rangeArr[0] + index);
-          return value;
-        });
+    const ranges = computed(() => [
+      {
+        type: 'hour',
+        range: [+props.minHour, +props.maxHour],
+      },
+      {
+        type: 'minute',
+        range: [+props.minMinute, +props.maxMinute],
+      },
+    ]);
 
-        if (this.filter) {
-          values = this.filter(type, values);
+    const originColumns = computed(() =>
+      ranges.value.map(({ type, range: rangeArr }) => {
+        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) =>
+          padZero(rangeArr[0] + index)
+        );
+
+        if (props.filter) {
+          values = props.filter(type, values);
         }
 
         return {
           type,
           values,
         };
-      });
-    },
+      })
+    );
 
-    columns() {
-      return this.originColumns.map((column) => ({
+    const columns = computed(() =>
+      originColumns.value.map((column) => ({
         values: column.values.map((value) =>
-          this.formatter(column.type, value)
+          props.formatter(column.type, value)
         ),
-      }));
-    },
-  },
+      }))
+    );
 
-  watch: {
-    filter: 'updateInnerValue',
-    minHour: 'updateInnerValue',
-    maxHour: 'updateInnerValue',
-    minMinute: 'updateInnerValue',
-    maxMinute: 'updateInnerValue',
-    columns: 'updateColumnValue',
+    const updateColumnValue = () => {
+      const pair = currentDate.value.split(':');
+      const values = [
+        props.formatter('hour', pair[0]),
+        props.formatter('minute', pair[1]),
+      ];
 
-    innerValue(val) {
-      this.$emit('update:modelValue', val);
-    },
+      nextTick(() => {
+        picker.value.setValues(values);
+      });
+    };
 
-    value(val) {
-      val = this.formatValue(val);
-
-      if (val !== this.innerValue) {
-        this.innerValue = val;
-        this.updateColumnValue();
-      }
-    },
-  },
-
-  mounted() {
-    this.updateColumnValue();
-
-    this.$nextTick(() => {
-      this.updateInnerValue();
-    });
-  },
-
-  methods: {
-    // @exposed-api
-    getPicker() {
-      return this.$refs.picker;
-    },
-
-    onConfirm() {
-      this.$emit('confirm', this.innerValue);
-    },
-
-    onCancel() {
-      this.$emit('cancel');
-    },
-
-    formatValue(value) {
-      if (!value) {
-        value = `${padZero(this.minHour)}:${padZero(this.minMinute)}`;
-      }
-
-      let [hour, minute] = value.split(':');
-      hour = padZero(range(hour, this.minHour, this.maxHour));
-      minute = padZero(range(minute, this.minMinute, this.maxMinute));
-
-      return `${hour}:${minute}`;
-    },
-
-    updateInnerValue() {
-      const [hourIndex, minuteIndex] = this.getPicker().getIndexes();
-      const [hourColumn, minuteColumn] = this.originColumns;
+    const updateInnerValue = () => {
+      const [hourIndex, minuteIndex] = picker.value.getIndexes();
+      const [hourColumn, minuteColumn] = originColumns.value;
 
       const hour = hourColumn.values[hourIndex] || hourColumn.values[0];
       const minute = minuteColumn.values[minuteIndex] || minuteColumn.values[0];
 
-      this.innerValue = this.formatValue(`${hour}:${minute}`);
-      this.updateColumnValue();
-    },
+      currentDate.value = formatValue(`${hour}:${minute}`);
+      updateColumnValue();
+    };
 
-    onChange(picker) {
-      this.updateInnerValue();
+    const onConfirm = () => {
+      emit('confirm', currentDate.value);
+    };
 
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          this.$emit('change', picker);
+    const onCancel = () => {
+      emit('cancel');
+    };
+
+    const onChange = () => {
+      updateInnerValue();
+
+      nextTick(() => {
+        nextTick(() => {
+          emit('change', picker.value);
         });
       });
-    },
+    };
 
-    updateColumnValue() {
-      const { formatter } = this;
-      const pair = this.innerValue.split(':');
-      const values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
-
-      this.$nextTick(() => {
-        this.getPicker().setValues(values);
-      });
-    },
-  },
-
-  render() {
-    const props = {};
-    Object.keys(pickerProps).forEach((key) => {
-      props[key] = this[key];
+    onMounted(() => {
+      updateColumnValue();
+      nextTick(updateInnerValue);
     });
 
-    return (
+    watch(columns, updateColumnValue);
+
+    watch(
+      [
+        () => props.filter,
+        () => props.minHour,
+        () => props.maxHour,
+        () => props.minMinute,
+        () => props.maxMinute,
+      ],
+      updateInnerValue
+    );
+
+    watch(currentDate, (value) => {
+      emit('update:modelValue', value);
+    });
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        value = formatValue(value);
+
+        if (value !== currentDate.value) {
+          currentDate.value = value;
+          updateColumnValue();
+        }
+      }
+    );
+
+    return () => (
       <Picker
-        ref="picker"
-        columns={this.columns}
-        readonly={this.readonly}
-        onChange={this.onChange}
-        onConfirm={this.onConfirm}
-        onCancel={this.onCancel}
-        {...props}
+        ref={picker}
+        columns={columns.value}
+        readonly={props.readonly}
+        onChange={onChange}
+        onCancel={onCancel}
+        onConfirm={onConfirm}
+        {...pick(props, Object.keys(pickerProps))}
       />
     );
   },

From 6388423c9609e099565e51423271e333fab38a55 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:30:35 +0800
Subject: [PATCH 489/626] refactor(DatePicker): refactor with composition api

---
 src/datetime-picker/DatePicker.js | 392 ++++++++++++++----------------
 src/datetime-picker/TimePicker.js |   5 +
 src/datetime-picker/index.js      |   6 +-
 3 files changed, 195 insertions(+), 208 deletions(-)

diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 8cd041842..d16c75428 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -1,9 +1,11 @@
-import { createNamespace } from '../utils';
+import { ref, watch, computed, nextTick, onMounted } from 'vue';
+import { createNamespace, pick } from '../utils';
 import { isDate } from '../utils/validate/date';
 import { padZero } from '../utils/format/string';
 import { times, sharedProps, getTrueValue, getMonthEndDay } from './utils';
 import Picker from '../picker';
 import { pickerProps } from '../picker/shared';
+import { useExpose } from '../composition/use-expose';
 
 const currentYear = new Date().getFullYear();
 const [createComponent] = createNamespace('date-picker');
@@ -29,161 +31,23 @@ export default createComponent({
 
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  data() {
-    return {
-      currentDate: this.formatValue(this.modelValue),
-    };
-  },
-
-  computed: {
-    ranges() {
-      const {
-        maxYear,
-        maxDate,
-        maxMonth,
-        maxHour,
-        maxMinute,
-      } = this.getBoundary('max', this.currentDate);
-
-      const {
-        minYear,
-        minDate,
-        minMonth,
-        minHour,
-        minMinute,
-      } = this.getBoundary('min', this.currentDate);
-
-      let result = [
-        {
-          type: 'year',
-          range: [minYear, maxYear],
-        },
-        {
-          type: 'month',
-          range: [minMonth, maxMonth],
-        },
-        {
-          type: 'day',
-          range: [minDate, maxDate],
-        },
-        {
-          type: 'hour',
-          range: [minHour, maxHour],
-        },
-        {
-          type: 'minute',
-          range: [minMinute, maxMinute],
-        },
-      ];
-
-      switch (this.type) {
-        case 'date':
-          result = result.slice(0, 3);
-          break;
-        case 'year-month':
-          result = result.slice(0, 2);
-          break;
-        case 'month-day':
-          result = result.slice(1, 3);
-          break;
-        case 'datehour':
-          result = result.slice(0, 4);
-          break;
-      }
-
-      if (this.columnsOrder) {
-        const columnsOrder = this.columnsOrder.concat(
-          result.map((column) => column.type)
-        );
-        result.sort(
-          (a, b) => columnsOrder.indexOf(a.type) - columnsOrder.indexOf(b.type)
-        );
-      }
-
-      return result;
-    },
-
-    originColumns() {
-      return this.ranges.map(({ type, range: rangeArr }) => {
-        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
-          const value = padZero(rangeArr[0] + index);
-          return value;
-        });
-
-        if (this.filter) {
-          values = this.filter(type, values);
-        }
-
-        return {
-          type,
-          values,
-        };
-      });
-    },
-
-    columns() {
-      return this.originColumns.map((column) => ({
-        values: column.values.map((value) =>
-          this.formatter(column.type, value)
-        ),
-      }));
-    },
-  },
-
-  watch: {
-    filter: 'updateInnerValue',
-    minDate: 'updateInnerValue',
-    maxDate: 'updateInnerValue',
-    columns: 'updateColumnValue',
-
-    currentDate(val) {
-      this.$emit('update:modelValue', val);
-    },
-
-    modelValue(val) {
-      val = this.formatValue(val);
-
-      if (val.valueOf() !== this.currentDate.valueOf()) {
-        this.currentDate = val;
-      }
-    },
-  },
-
-  mounted() {
-    this.updateColumnValue();
-
-    this.$nextTick(() => {
-      this.updateInnerValue();
-    });
-  },
-
-  methods: {
-    // @exposed-api
-    getPicker() {
-      return this.$refs.picker;
-    },
-
-    onConfirm() {
-      this.$emit('confirm', this.currentDate);
-    },
-
-    onCancel() {
-      this.$emit('cancel');
-    },
-
-    formatValue(value) {
+  setup(props, { emit }) {
+    const formatValue = (value) => {
       if (!isDate(value)) {
-        value = this.minDate;
+        value = props.minDate;
       }
 
-      value = Math.max(value, this.minDate.getTime());
-      value = Math.min(value, this.maxDate.getTime());
+      value = Math.max(value, props.minDate.getTime());
+      value = Math.min(value, props.maxDate.getTime());
 
       return new Date(value);
-    },
+    };
 
-    getBoundary(type, value) {
-      const boundary = this[`${type}Date`];
+    const picker = ref();
+    const currentDate = ref(formatValue(props.modelValue));
+
+    const getBoundary = (type, value) => {
+      const boundary = props[`${type}Date`];
       const year = boundary.getFullYear();
       let month = 1;
       let date = 1;
@@ -217,19 +81,134 @@ export default createComponent({
         [`${type}Hour`]: hour,
         [`${type}Minute`]: minute,
       };
-    },
+    };
+
+    const ranges = computed(() => {
+      const { maxYear, maxDate, maxMonth, maxHour, maxMinute } = getBoundary(
+        'max',
+        currentDate.value
+      );
+
+      const { minYear, minDate, minMonth, minHour, minMinute } = getBoundary(
+        'min',
+        currentDate.value
+      );
+
+      let result = [
+        {
+          type: 'year',
+          range: [minYear, maxYear],
+        },
+        {
+          type: 'month',
+          range: [minMonth, maxMonth],
+        },
+        {
+          type: 'day',
+          range: [minDate, maxDate],
+        },
+        {
+          type: 'hour',
+          range: [minHour, maxHour],
+        },
+        {
+          type: 'minute',
+          range: [minMinute, maxMinute],
+        },
+      ];
+
+      switch (props.type) {
+        case 'date':
+          result = result.slice(0, 3);
+          break;
+        case 'year-month':
+          result = result.slice(0, 2);
+          break;
+        case 'month-day':
+          result = result.slice(1, 3);
+          break;
+        case 'datehour':
+          result = result.slice(0, 4);
+          break;
+      }
+
+      if (props.columnsOrder) {
+        const columnsOrder = props.columnsOrder.concat(
+          result.map((column) => column.type)
+        );
+        result.sort(
+          (a, b) => columnsOrder.indexOf(a.type) - columnsOrder.indexOf(b.type)
+        );
+      }
+
+      return result;
+    });
+
+    const originColumns = computed(() =>
+      ranges.value.map(({ type, range: rangeArr }) => {
+        let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => {
+          const value = padZero(rangeArr[0] + index);
+          return value;
+        });
+
+        if (props.filter) {
+          values = props.filter(type, values);
+        }
+
+        return {
+          type,
+          values,
+        };
+      })
+    );
+
+    const columns = computed(() =>
+      originColumns.value.map((column) => ({
+        values: column.values.map((value) =>
+          props.formatter(column.type, value)
+        ),
+      }))
+    );
+
+    const updateColumnValue = () => {
+      const { value } = currentDate;
+      const { formatter } = props;
+
+      const values = originColumns.value.map((column) => {
+        switch (column.type) {
+          case 'year':
+            return formatter('year', `${value.getFullYear()}`);
+          case 'month':
+            return formatter('month', padZero(value.getMonth() + 1));
+          case 'day':
+            return formatter('day', padZero(value.getDate()));
+          case 'hour':
+            return formatter('hour', padZero(value.getHours()));
+          case 'minute':
+            return formatter('minute', padZero(value.getMinutes()));
+          default:
+            // no default
+            return null;
+        }
+      });
+
+      nextTick(() => {
+        picker.value.setValues(values);
+      });
+    };
+
+    const updateInnerValue = () => {
+      const { type } = props;
+      const indexes = picker.value.getIndexes();
 
-    updateInnerValue() {
-      const { type } = this;
-      const indexes = this.getPicker().getIndexes();
       const getValue = (type) => {
         let index = 0;
-        this.originColumns.forEach((column, columnIndex) => {
+        originColumns.value.forEach((column, columnIndex) => {
           if (type === column.type) {
             index = columnIndex;
           }
         });
-        const { values } = this.originColumns[index];
+        const { values } = originColumns.value[index];
         return getTrueValue(values[indexes[index]]);
       };
 
@@ -237,7 +216,7 @@ export default createComponent({
       let month;
       let day;
       if (type === 'month-day') {
-        year = this.currentDate.getFullYear();
+        year = currentDate.value.getFullYear();
         month = getValue('month');
         day = getValue('day');
       } else {
@@ -262,63 +241,66 @@ export default createComponent({
       }
 
       const value = new Date(year, month - 1, day, hour, minute);
+      currentDate.value = formatValue(value);
+    };
 
-      this.currentDate = this.formatValue(value);
-    },
+    const onConfirm = () => {
+      emit('confirm', currentDate.value);
+    };
 
-    onChange(picker) {
-      this.updateInnerValue();
+    const onCancel = () => {
+      emit('cancel');
+    };
 
-      this.$nextTick(() => {
-        this.$nextTick(() => {
-          this.$emit('change', picker);
+    const onChange = () => {
+      updateInnerValue();
+      nextTick(() => {
+        nextTick(() => {
+          emit('change', picker.value);
         });
       });
-    },
+    };
 
-    updateColumnValue() {
-      const value = this.currentDate;
-      const { formatter } = this;
-
-      const values = this.originColumns.map((column) => {
-        switch (column.type) {
-          case 'year':
-            return formatter('year', `${value.getFullYear()}`);
-          case 'month':
-            return formatter('month', padZero(value.getMonth() + 1));
-          case 'day':
-            return formatter('day', padZero(value.getDate()));
-          case 'hour':
-            return formatter('hour', padZero(value.getHours()));
-          case 'minute':
-            return formatter('minute', padZero(value.getMinutes()));
-          default:
-            // no default
-            return null;
-        }
-      });
-
-      this.$nextTick(() => {
-        this.getPicker().setValues(values);
-      });
-    },
-  },
-
-  render() {
-    const props = {};
-    Object.keys(pickerProps).forEach((key) => {
-      props[key] = this[key];
+    onMounted(() => {
+      updateColumnValue();
+      nextTick(updateInnerValue);
     });
 
-    return (
+    watch(columns, updateColumnValue);
+
+    watch(currentDate, (value) => {
+      emit('update:modelValue', value);
+    });
+
+    watch(
+      [() => props.filter, () => props.minDate, () => props.maxDate],
+      updateInnerValue
+    );
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        value = formatValue(value);
+
+        if (value.valueOf() !== currentDate.value.valueOf()) {
+          currentDate.value = value;
+        }
+      }
+    );
+
+    useExpose({
+      getPicker: () => picker.value,
+    });
+
+    return () => (
       <Picker
-        ref="picker"
-        columns={this.columns}
-        readonly={this.readonly}
-        onChange={this.onChange}
-        onConfirm={this.onConfirm}
-        onCancel={this.onCancel}
-        {...props}
+        ref={picker}
+        columns={columns.value}
+        readonly={props.readonly}
+        onChange={onChange}
+        onCancel={onCancel}
+        onConfirm={onConfirm}
+        {...pick(props, Object.keys(pickerProps))}
       />
     );
   },
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index 1a0974c20..3e24fc778 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -5,6 +5,7 @@ import { padZero } from '../utils/format/string';
 import { times, sharedProps } from './utils';
 import Picker from '../picker';
 import { pickerProps } from '../picker/shared';
+import { useExpose } from '../composition/use-expose';
 
 const [createComponent] = createNamespace('time-picker');
 
@@ -160,6 +161,10 @@ export default createComponent({
       }
     );
 
+    useExpose({
+      getPicker: () => picker.value,
+    });
+
     return () => (
       <Picker
         ref={picker}
diff --git a/src/datetime-picker/index.js b/src/datetime-picker/index.js
index ce10aaa80..105b7225d 100644
--- a/src/datetime-picker/index.js
+++ b/src/datetime-picker/index.js
@@ -12,16 +12,16 @@ export default createComponent({
     ...DatePicker.props,
   },
 
-  setup(props) {
+  setup(props, { attrs }) {
     const root = ref();
 
     useExpose({
-      getPicker: () => root.value && root.value.getPicker(),
+      getPicker: () => root.value?.getPicker(),
     });
 
     return () => {
       const Component = props.type === 'time' ? TimePicker : DatePicker;
-      return <Component ref={root} class={bem()} {...props} />;
+      return <Component ref={root} class={bem()} {...{ ...props, ...attrs }} />;
     };
   },
 });

From 05866514dbdac098d8210f8b08e2fbc8d3479ada Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:33:57 +0800
Subject: [PATCH 490/626] breaking change(DatetimePicker): adjust change event
 param

---
 docs/markdown/migrate-from-v2.zh-CN.md |  4 ++++
 src/datetime-picker/DatePicker.js      |  2 +-
 src/datetime-picker/README.md          | 10 +++++-----
 src/datetime-picker/README.zh-CN.md    |  6 +++---
 src/datetime-picker/TimePicker.js      |  2 +-
 5 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 47081d140..81fc58c51 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -177,6 +177,10 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 - 默认关闭 `allow-html` 属性
 - `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
 
+#### DatetimePicker
+
+- `change` 事件参数不再传入组件实例
+
 #### ImagePreview
 
 - 移除 `async-close` 属性，可以使用新增的 `before-close` 属性代替
diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index d16c75428..4046ae1ff 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -256,7 +256,7 @@ export default createComponent({
       updateInnerValue();
       nextTick(() => {
         nextTick(() => {
-          emit('change', picker.value);
+          emit('change', currentDate.value);
         });
       });
     };
diff --git a/src/datetime-picker/README.md b/src/datetime-picker/README.md
index 10b7f23d5..8afde999c 100644
--- a/src/datetime-picker/README.md
+++ b/src/datetime-picker/README.md
@@ -287,11 +287,11 @@ Following props are supported when the type is time
 
 ### Events
 
-| Event   | Description                         | Arguments               |
-| ------- | ----------------------------------- | ----------------------- |
-| change  | Triggered when value changed        | picker: Picker instance |
-| confirm | Triggered when click confirm button | value: current value    |
-| cancel  | Triggered when click cancel button  | -                       |
+| Event   | Description                         | Arguments            |
+| ------- | ----------------------------------- | -------------------- |
+| change  | Triggered when value changed        | value: current value |
+| confirm | Triggered when click confirm button | value: current value |
+| cancel  | Triggered when click cancel button  | -                    |
 
 ### Methods
 
diff --git a/src/datetime-picker/README.zh-CN.md b/src/datetime-picker/README.zh-CN.md
index 2affb5e59..e47906ce6 100644
--- a/src/datetime-picker/README.zh-CN.md
+++ b/src/datetime-picker/README.zh-CN.md
@@ -81,7 +81,7 @@ export default {
 
 ### 选择月日
 
-将 type 设置为 `month-day` 即可选择月份和日期（从 2.8.4 版本开始支持）。
+将 type 设置为 `month-day` 即可选择月份和日期。
 
 ```html
 <van-datetime-picker
@@ -168,7 +168,7 @@ export default {
 
 ### 选择年月日小时
 
-将 type 设置为 `datehour` 即可选择日期和小时，包括年月日和小时（从 2.9.1 版本开始支持）。
+将 type 设置为 `datehour` 即可选择日期和小时，包括年月日和小时。
 
 ```html
 <van-datetime-picker
@@ -298,7 +298,7 @@ export default {
 
 | 事件名  | 说明                     | 回调参数              |
 | ------- | ------------------------ | --------------------- |
-| change  | 当值变化时触发的事件     | picker: Picker 实例   |
+| change  | 当值变化时触发的事件     | value: 当前选中的时间 |
 | confirm | 点击完成按钮时触发的事件 | value: 当前选中的时间 |
 | cancel  | 点击取消按钮时触发的事件 | -                     |
 
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index 3e24fc778..f42d48327 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -122,7 +122,7 @@ export default createComponent({
 
       nextTick(() => {
         nextTick(() => {
-          emit('change', picker.value);
+          emit('change', currentDate.value);
         });
       });
     };

From a3a8f2961cea27e47da4e72cebc81fb63399665e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:37:11 +0800
Subject: [PATCH 491/626] chore: remove unused getScroller

---
 src/utils/dom/scroll.ts | 35 -----------------------------------
 1 file changed, 35 deletions(-)

diff --git a/src/utils/dom/scroll.ts b/src/utils/dom/scroll.ts
index 6d7457f74..b7c3838dd 100644
--- a/src/utils/dom/scroll.ts
+++ b/src/utils/dom/scroll.ts
@@ -4,41 +4,6 @@ function isWindow(val: unknown): val is Window {
   return val === window;
 }
 
-// get nearest scroll element
-// http://w3help.org/zh-cn/causes/SD9013
-// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
-const overflowScrollReg = /scroll|auto/i;
-export function getScroller(el: HTMLElement, root: ScrollElement = window) {
-  let node = el;
-
-  while (
-    node &&
-    node.tagName !== 'HTML' &&
-    node.nodeType === 1 &&
-    node !== root
-  ) {
-    const { overflowY } = window.getComputedStyle(node);
-
-    if (overflowScrollReg.test(overflowY)) {
-      if (node.tagName !== 'BODY') {
-        return node;
-      }
-
-      // see: https://github.com/youzan/vant/issues/3823
-      const { overflowY: htmlOverflowY } = window.getComputedStyle(
-        node.parentNode as Element
-      );
-
-      if (overflowScrollReg.test(htmlOverflowY)) {
-        return node;
-      }
-    }
-    node = node.parentNode as HTMLElement;
-  }
-
-  return root;
-}
-
 export function getScrollTop(el: ScrollElement): number {
   const top = 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
 

From 81bca275442824e1c53152f21f4e37b37ea385a8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:46:47 +0800
Subject: [PATCH 492/626] refactor(Sideber): improve setup perf

---
 src/password-input/index.js |   4 +-
 src/tree-select/index.js    | 145 ++++++++++++++++++++----------------
 2 files changed, 82 insertions(+), 67 deletions(-)

diff --git a/src/password-input/index.js b/src/password-input/index.js
index d8084d5a4..e942a2ac7 100644
--- a/src/password-input/index.js
+++ b/src/password-input/index.js
@@ -27,10 +27,10 @@ export default createComponent({
   emits: ['focus'],
 
   setup(props, { emit }) {
-    function onTouchStart(event) {
+    const onTouchStart = (event) => {
       event.stopPropagation();
       emit('focus', event);
-    }
+    };
 
     return () => {
       const { mask, value, length, gutter, focused, errorInfo } = props;
diff --git a/src/tree-select/index.js b/src/tree-select/index.js
index 3ecb0a07d..1c304cfbe 100644
--- a/src/tree-select/index.js
+++ b/src/tree-select/index.js
@@ -44,18 +44,61 @@ export default createComponent({
   ],
 
   setup(props, { emit, slots }) {
-    return function () {
-      const { items, height, activeId, selectedIcon, mainActiveIndex } = props;
+    const isMultiple = () => Array.isArray(props.activeId);
 
-      const selectedItem = items[+mainActiveIndex] || {};
-      const subItems = selectedItem.children || [];
-      const isMultiple = Array.isArray(activeId);
+    const isActiveItem = (id) => {
+      return isMultiple()
+        ? props.activeId.indexOf(id) !== -1
+        : props.activeId === id;
+    };
 
-      function isActiveItem(id) {
-        return isMultiple ? activeId.indexOf(id) !== -1 : activeId === id;
-      }
+    const renderSubItem = (item) => {
+      const onClick = () => {
+        if (item.disabled) {
+          return;
+        }
 
-      const Navs = items.map((item) => (
+        let activeId;
+        if (isMultiple()) {
+          activeId = props.activeId.slice();
+
+          const index = activeId.indexOf(item.id);
+
+          if (index !== -1) {
+            activeId.splice(index, 1);
+          } else if (activeId.length < props.max) {
+            activeId.push(item.id);
+          }
+        } else {
+          activeId = item.id;
+        }
+
+        emit('update:activeId', activeId);
+        emit('click-item', item);
+      };
+
+      return (
+        <div
+          key={item.id}
+          class={[
+            'van-ellipsis',
+            bem('item', {
+              active: isActiveItem(item.id),
+              disabled: item.disabled,
+            }),
+          ]}
+          onClick={onClick}
+        >
+          {item.text}
+          {isActiveItem(item.id) && (
+            <Icon name={props.selectedIcon} class={bem('selected')} />
+          )}
+        </div>
+      );
+    };
+
+    const renderSidebar = () => {
+      const Items = props.items.map((item) => (
         <SidebarItem
           dot={item.dot}
           title={item.text}
@@ -65,64 +108,36 @@ export default createComponent({
         />
       ));
 
-      function Content() {
-        if (slots.content) {
-          return slots.content();
-        }
-
-        return subItems.map((item) => (
-          <div
-            key={item.id}
-            class={[
-              'van-ellipsis',
-              bem('item', {
-                active: isActiveItem(item.id),
-                disabled: item.disabled,
-              }),
-            ]}
-            onClick={() => {
-              if (!item.disabled) {
-                let newActiveId = item.id;
-                if (isMultiple) {
-                  newActiveId = activeId.slice();
-
-                  const index = newActiveId.indexOf(item.id);
-
-                  if (index !== -1) {
-                    newActiveId.splice(index, 1);
-                  } else if (newActiveId.length < props.max) {
-                    newActiveId.push(item.id);
-                  }
-                }
-
-                emit('update:activeId', newActiveId);
-                emit('click-item', item);
-              }
-            }}
-          >
-            {item.text}
-            {isActiveItem(item.id) && (
-              <Icon name={selectedIcon} class={bem('selected')} />
-            )}
-          </div>
-        ));
-      }
-
       return (
-        <div class={bem()} style={{ height: addUnit(height) }}>
-          <Sidebar
-            class={bem('nav')}
-            modelValue={mainActiveIndex}
-            onChange={(index) => {
-              emit('update:mainActiveIndex', index);
-              emit('click-nav', index);
-            }}
-          >
-            {Navs}
-          </Sidebar>
-          <div class={bem('content')}>{Content()}</div>
-        </div>
+        <Sidebar
+          class={bem('nav')}
+          modelValue={props.mainActiveIndex}
+          onChange={(index) => {
+            emit('update:mainActiveIndex', index);
+            emit('click-nav', index);
+          }}
+        >
+          {Items}
+        </Sidebar>
       );
     };
+
+    const renderContent = () => {
+      if (slots.content) {
+        return slots.content();
+      }
+
+      const selected = props.items[+props.mainActiveIndex] || {};
+      if (selected.children) {
+        return selected.children.map(renderSubItem);
+      }
+    };
+
+    return () => (
+      <div class={bem()} style={{ height: addUnit(props.height) }}>
+        {renderSidebar()}
+        <div class={bem('content')}>{renderContent()}</div>
+      </div>
+    );
   },
 });

From 1c020a9dac4c9157c3dc68dba3bac188c92fa0d0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:48:39 +0800
Subject: [PATCH 493/626] chore(PasswordInput): renderPoints

---
 src/password-input/index.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/password-input/index.js b/src/password-input/index.js
index e942a2ac7..09533c1e6 100644
--- a/src/password-input/index.js
+++ b/src/password-input/index.js
@@ -32,11 +32,10 @@ export default createComponent({
       emit('focus', event);
     };
 
-    return () => {
-      const { mask, value, length, gutter, focused, errorInfo } = props;
-      const info = errorInfo || props.info;
-
+    const renderPoints = () => {
       const Points = [];
+      const { mask, value, length, gutter, focused } = props;
+
       for (let i = 0; i < length; i++) {
         const char = value[i];
         const showBorder = i !== 0 && !gutter;
@@ -65,16 +64,23 @@ export default createComponent({
         );
       }
 
+      return Points;
+    };
+
+    return () => {
+      const info = props.errorInfo || props.info;
       return (
         <div class={bem()}>
           <ul
-            class={[bem('security'), { [BORDER_SURROUND]: !gutter }]}
+            class={[bem('security'), { [BORDER_SURROUND]: !props.gutter }]}
             onTouchstart={onTouchStart}
           >
-            {Points}
+            {renderPoints()}
           </ul>
           {info && (
-            <div class={bem(errorInfo ? 'error-info' : 'info')}>{info}</div>
+            <div class={bem(props.errorInfo ? 'error-info' : 'info')}>
+              {info}
+            </div>
           )}
         </div>
       );

From da0d5435dec99e1c7f50021b99bf5fec35a566f3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 16:53:29 +0800
Subject: [PATCH 494/626] chore(Tag): code review

---
 src/tag/index.js | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/tag/index.js b/src/tag/index.js
index 0e279b7b8..a1c1d9d98 100644
--- a/src/tag/index.js
+++ b/src/tag/index.js
@@ -1,4 +1,4 @@
-import { computed, Transition } from 'vue';
+import { Transition } from 'vue';
 import { createNamespace } from '../utils';
 import Icon from '../icon';
 
@@ -31,16 +31,17 @@ export default createComponent({
       emit('close');
     };
 
-    const style = computed(() => {
-      const key = props.plain ? 'color' : 'backgroundColor';
-      const style = { [key]: props.color };
-
-      if (props.textColor) {
-        style.color = props.textColor;
+    const getStyle = () => {
+      if (props.plain) {
+        return {
+          color: props.textColor || props.color,
+        };
       }
-
-      return style;
-    });
+      return {
+        color: props.textColor,
+        background: props.color,
+      };
+    };
 
     return () => {
       const { show, type, mark, plain, round, size, closeable } = props;
@@ -55,13 +56,13 @@ export default createComponent({
       );
 
       return (
-        <Transition name={closeable ? 'van-fade' : null}>
-          {show && (
-            <span style={style.value} class={bem([classes, type])}>
+        <Transition name={closeable ? 'van-fade' : undefined}>
+          {show ? (
+            <span style={getStyle()} class={bem([classes, type])}>
               {slots.default?.()}
               {CloseIcon}
             </span>
-          )}
+          ) : null}
         </Transition>
       );
     };

From 0072f4fe022278a5de79a9afae90fbea22dce253 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 17:11:43 +0800
Subject: [PATCH 495/626] chore: expose utils in entry file

---
 src/calendar/components/Month.js      |  4 +---
 src/calendar/index.js                 |  4 +---
 src/circle/index.js                   |  9 +++++++--
 src/collapse-item/index.js            |  3 +--
 src/count-down/index.js               |  3 +--
 src/count-down/utils.ts               |  2 +-
 src/coupon/index.js                   |  3 +--
 src/datetime-picker/DatePicker.js     | 11 ++++++++---
 src/datetime-picker/TimePicker.js     | 12 ++++++++----
 src/field/index.js                    |  7 ++++---
 src/image-preview/ImagePreviewItem.js |  3 +--
 src/index-bar/index.js                |  9 +++++----
 src/list/index.js                     |  3 +--
 src/notice-bar/index.js               |  9 ++++++---
 src/number-keyboard/index.js          |  3 +--
 src/overlay/index.js                  |  3 +--
 src/picker/PickerColumn.js            |  4 +---
 src/picker/index.js                   |  4 +---
 src/pull-refresh/index.js             |  4 +---
 src/rate/index.js                     |  3 +--
 src/search/index.js                   |  3 +--
 src/slider/index.js                   |  8 ++++++--
 src/stepper/index.js                  | 15 ++++++++++-----
 src/sticky/index.js                   | 11 +++++++----
 src/swipe-cell/index.js               |  4 +---
 src/swipe/index.js                    | 12 +++++++-----
 src/tabs/index.js                     | 18 ++++++++++--------
 src/tabs/utils.ts                     |  9 ++++-----
 src/utils/create/component.ts         |  2 +-
 src/utils/create/i18n.ts              |  3 +--
 src/utils/dom/reset-scroll.ts         | 15 ---------------
 src/utils/dom/scroll.ts               | 12 ++++++++++++
 src/utils/index.ts                    | 10 ++++++++--
 33 files changed, 120 insertions(+), 105 deletions(-)
 delete mode 100644 src/utils/dom/reset-scroll.ts

diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index c76a58c08..fdcdfb8f0 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,9 +1,7 @@
 import { ref, computed, watch, nextTick } from 'vue';
 
 // Utils
-import { createNamespace, addUnit } from '../../utils';
-import { unitToPx } from '../../utils/format/unit';
-import { setScrollTop } from '../../utils/dom/scroll';
+import { addUnit, unitToPx, setScrollTop, createNamespace } from '../../utils';
 import { getMonthEndDay } from '../../datetime-picker/utils';
 import {
   t,
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 35fc859ef..69cc13105 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -1,10 +1,8 @@
 import { ref, watch, reactive, computed, onMounted, onActivated } from 'vue';
 
 // Utils
-import { pick } from '../utils';
-import { raf } from '../utils/dom/raf';
+import { raf, pick, getScrollTop } from '../utils';
 import { isDate } from '../utils/validate/date';
-import { getScrollTop } from '../utils/dom/scroll';
 import {
   t,
   bem,
diff --git a/src/circle/index.js b/src/circle/index.js
index eda32ae15..c64f1c738 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -1,6 +1,11 @@
 import { watch, computed } from 'vue';
-import { createNamespace, isObject, getSizeStyle } from '../utils';
-import { raf, cancelRaf } from '../utils/dom/raf';
+import {
+  raf,
+  isObject,
+  cancelRaf,
+  getSizeStyle,
+  createNamespace,
+} from '../utils';
 import { BLUE, WHITE } from '../utils/constant';
 
 const [createComponent, bem] = createNamespace('circle');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 01b7362ce..fae66a2de 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -1,8 +1,7 @@
 import { ref, watch, computed, nextTick } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { raf, doubleRaf } from '../utils/dom/raf';
+import { raf, doubleRaf, createNamespace } from '../utils';
 
 // Composition
 import { useParent } from '../composition/use-relation';
diff --git a/src/count-down/index.js b/src/count-down/index.js
index 708ab78f1..33a135b1a 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -8,8 +8,7 @@ import {
 } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { raf, cancelRaf } from '../utils/dom/raf';
+import { raf, cancelRaf, createNamespace } from '../utils';
 import { isSameSecond, parseTimeData, parseFormat } from './utils';
 
 // Composition
diff --git a/src/count-down/utils.ts b/src/count-down/utils.ts
index 63c17264e..3ab764c2c 100644
--- a/src/count-down/utils.ts
+++ b/src/count-down/utils.ts
@@ -1,4 +1,4 @@
-import { padZero } from '../utils/format/string';
+import { padZero } from '../utils';
 
 export type TimeData = {
   days: number;
diff --git a/src/coupon/index.js b/src/coupon/index.js
index b2dcd50c9..43638463f 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -1,7 +1,6 @@
 import { computed } from 'vue';
-import { createNamespace } from '../utils';
+import { padZero, createNamespace } from '../utils';
 import { RED } from '../utils/constant';
-import { padZero } from '../utils/format/string';
 import Checkbox from '../checkbox';
 
 const [createComponent, bem, t] = createNamespace('coupon');
diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 4046ae1ff..d0f67a7a4 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -1,11 +1,16 @@
 import { ref, watch, computed, nextTick, onMounted } from 'vue';
-import { createNamespace, pick } from '../utils';
+
+// Utils
 import { isDate } from '../utils/validate/date';
-import { padZero } from '../utils/format/string';
+import { pick, padZero, createNamespace } from '../utils';
 import { times, sharedProps, getTrueValue, getMonthEndDay } from './utils';
+
+// Composition
+import { useExpose } from '../composition/use-expose';
+
+// Components
 import Picker from '../picker';
 import { pickerProps } from '../picker/shared';
-import { useExpose } from '../composition/use-expose';
 
 const currentYear = new Date().getFullYear();
 const [createComponent] = createNamespace('date-picker');
diff --git a/src/datetime-picker/TimePicker.js b/src/datetime-picker/TimePicker.js
index f42d48327..37cce832c 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -1,11 +1,15 @@
 import { ref, watch, computed, nextTick, onMounted } from 'vue';
-import { createNamespace, pick } from '../utils';
-import { range } from '../utils/format/number';
-import { padZero } from '../utils/format/string';
+
+// Utils
+import { pick, range, padZero, createNamespace } from '../utils';
 import { times, sharedProps } from './utils';
+
+// Composition
+import { useExpose } from '../composition/use-expose';
+
+// Components
 import Picker from '../picker';
 import { pickerProps } from '../picker/shared';
-import { useExpose } from '../composition/use-expose';
 
 const [createComponent] = createNamespace('time-picker');
 
diff --git a/src/field/index.js b/src/field/index.js
index 78b963d6f..8878c7140 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -9,15 +9,16 @@ import {
 } from 'vue';
 
 // Utils
-import { resetScroll } from '../utils/dom/reset-scroll';
-import { formatNumber } from '../utils/format/number';
-import { trigger, preventDefault } from '../utils/dom/event';
 import {
   isDef,
+  trigger,
   addUnit,
   isObject,
   isPromise,
   isFunction,
+  resetScroll,
+  formatNumber,
+  preventDefault,
   createNamespace,
 } from '../utils';
 
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index ab6e9f5dc..a208514a8 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -2,8 +2,7 @@ import { watch, computed, reactive } from 'vue';
 
 // Utils
 import { bem } from './shared';
-import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
+import { range, preventDefault } from '../utils';
 
 // Composition
 import { useTouch } from '../composition/use-touch';
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index 0c7ae2647..bc03a8f88 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -1,15 +1,16 @@
 import { ref, computed, watch, nextTick } from 'vue';
 
 // Utils
-import { createNamespace, isDef } from '../utils';
-import { isHidden } from '../utils/dom/style';
-import { preventDefault } from '../utils/dom/event';
 import {
+  isDef,
+  isHidden,
   getScrollTop,
   getElementTop,
+  preventDefault,
+  createNamespace,
   getRootScrollTop,
   setRootScrollTop,
-} from '../utils/dom/scroll';
+} from '../utils';
 
 // Composition
 import { useScrollParent, useEventListener } from '@vant/use';
diff --git a/src/list/index.js b/src/list/index.js
index 92b2dfd6a..77081bc61 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -1,8 +1,7 @@
 import { ref, watch, nextTick, onUpdated, onMounted } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { isHidden } from '../utils/dom/style';
+import { isHidden, createNamespace } from '../utils';
 
 // Composition
 import { useScrollParent, useEventListener } from '@vant/use';
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 6aae64252..41a739232 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,8 +1,11 @@
-import { ref, reactive, nextTick, onActivated, watch } from 'vue';
-import { createNamespace, isDef } from '../utils';
-import { doubleRaf } from '../utils/dom/raf';
+import { ref, watch, reactive, nextTick, onActivated } from 'vue';
+import { isDef, doubleRaf, createNamespace } from '../utils';
+
+// Composition
 import { useRect } from '../composition/use-rect';
 import { useEventListener } from '@vant/use';
+
+// Components
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('notice-bar');
diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 7549fb2e7..5fc6901d8 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,6 +1,5 @@
 import { ref, watch, computed, Teleport, Transition } from 'vue';
-import { createNamespace } from '../utils';
-import { stopPropagation } from '../utils/dom/event';
+import { createNamespace, stopPropagation } from '../utils';
 import { useClickAway } from '@vant/use';
 import Key from './Key';
 
diff --git a/src/overlay/index.js b/src/overlay/index.js
index 3b08d6c93..c24f62411 100644
--- a/src/overlay/index.js
+++ b/src/overlay/index.js
@@ -1,6 +1,5 @@
 import { Transition } from 'vue';
-import { createNamespace, isDef, noop } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { noop, isDef, preventDefault, createNamespace } from '../utils';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 const [createComponent, bem] = createNamespace('overlay');
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 07dafe75a..407e8d743 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -2,10 +2,8 @@ import { reactive, ref, watch } from 'vue';
 import { PICKER_KEY } from './shared';
 
 // Utils
-import { range } from '../utils/format/number';
 import { deepClone } from '../utils/deep-clone';
-import { createNamespace, isObject } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { range, isObject, createNamespace, preventDefault } from '../utils';
 
 // Composition
 import { useTouch } from '../composition/use-touch';
diff --git a/src/picker/index.js b/src/picker/index.js
index ee342439e..f68c0bc9e 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -2,10 +2,8 @@ import { ref, watch, computed } from 'vue';
 import { pickerProps, PICKER_KEY, DEFAULT_ITEM_HEIGHT } from './shared';
 
 // Utils
-import { createNamespace } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { unitToPx, preventDefault, createNamespace } from '../utils';
 import { BORDER_UNSET_TOP_BOTTOM } from '../utils/constant';
-import { unitToPx } from '../utils/format/unit';
 
 // Composition
 import { useExpose } from '../composition/use-expose';
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index 0b03040a3..7bb5fabcf 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -1,9 +1,7 @@
 import { ref, watch, reactive, nextTick } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { getScrollTop } from '../utils/dom/scroll';
-import { preventDefault } from '../utils/dom/event';
+import { preventDefault, getScrollTop, createNamespace } from '../utils';
 
 // Composition
 import { useScrollParent } from '@vant/use';
diff --git a/src/rate/index.js b/src/rate/index.js
index 34caa9fc2..a1983853d 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -1,8 +1,7 @@
 import { computed } from 'vue';
 
 // Utils
-import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { addUnit, createNamespace, preventDefault } from '../utils';
 
 // Composition
 import { useRefs } from '../composition/use-refs';
diff --git a/src/search/index.js b/src/search/index.js
index 9e4eefebc..2631bc937 100644
--- a/src/search/index.js
+++ b/src/search/index.js
@@ -1,6 +1,5 @@
 // Utils
-import { createNamespace, pick } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { pick, createNamespace, preventDefault } from '../utils';
 
 // Components
 import Field from '../field';
diff --git a/src/slider/index.js b/src/slider/index.js
index 5cd14cc40..bc0bcc98e 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -1,9 +1,13 @@
 import { ref, computed } from 'vue';
 
 // Utils
-import { createNamespace, addUnit, getSizeStyle } from '../utils';
+import {
+  addUnit,
+  getSizeStyle,
+  preventDefault,
+  createNamespace,
+} from '../utils';
 import { deepClone } from '../utils/deep-clone';
-import { preventDefault } from '../utils/dom/event';
 
 // Composition
 import { useRect } from '../composition/use-rect';
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 291a4637d..888a51a3d 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -1,11 +1,16 @@
-import { ref, computed, watch } from 'vue';
+import { ref, watch, computed } from 'vue';
 
 // Utils
 import { isNaN } from '../utils/validate/number';
-import { formatNumber } from '../utils/format/number';
-import { resetScroll } from '../utils/dom/reset-scroll';
-import { preventDefault } from '../utils/dom/event';
-import { createNamespace, isDef, addUnit, getSizeStyle } from '../utils';
+import {
+  isDef,
+  addUnit,
+  resetScroll,
+  formatNumber,
+  getSizeStyle,
+  preventDefault,
+  createNamespace,
+} from '../utils';
 
 // Composition
 import { useLinkField } from '../composition/use-link-field';
diff --git a/src/sticky/index.js b/src/sticky/index.js
index 7f1425ac5..d1943290d 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.js
@@ -1,10 +1,13 @@
 import { ref, reactive, computed } from 'vue';
 
 // Utils
-import { isHidden } from '../utils/dom/style';
-import { unitToPx } from '../utils/format/unit';
-import { createNamespace } from '../utils';
-import { getScrollTop, getElementTop } from '../utils/dom/scroll';
+import {
+  isHidden,
+  unitToPx,
+  getScrollTop,
+  getElementTop,
+  createNamespace,
+} from '../utils';
 
 // Composition
 import { useScrollParent, useEventListener } from '@vant/use';
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index c216c96ca..e8cef67c2 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -1,9 +1,7 @@
 import { ref, reactive, computed } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
+import { range, createNamespace, preventDefault } from '../utils';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 52a9200cf..24ae589e8 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -10,11 +10,13 @@ import {
 } from 'vue';
 
 // Utils
-import { createNamespace } from '../utils';
-import { range } from '../utils/format/number';
-import { isHidden } from '../utils/dom/style';
-import { doubleRaf } from '../utils/dom/raf';
-import { preventDefault } from '../utils/dom/event';
+import {
+  range,
+  isHidden,
+  doubleRaf,
+  preventDefault,
+  createNamespace,
+} from '../utils';
 
 // Composition
 import { usePageVisibility, useWindowSize } from '@vant/use';
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 64712e378..9aac35608 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -9,22 +9,24 @@ import {
 } from 'vue';
 
 // Utils
-import { createNamespace, isDef, addUnit } from '../utils';
-import { scrollLeftTo, scrollTopTo } from './utils';
-import { route } from '../composition/use-route';
-import { isHidden } from '../utils/dom/style';
-import { unitToPx } from '../utils/format/unit';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-import { callInterceptor } from '../utils/interceptor';
 import {
+  isDef,
+  addUnit,
+  isHidden,
+  unitToPx,
   getVisibleTop,
   getElementTop,
+  createNamespace,
   getVisibleHeight,
   setRootScrollTop,
-} from '../utils/dom/scroll';
+} from '../utils';
+import { scrollLeftTo, scrollTopTo } from './utils';
+import { BORDER_TOP_BOTTOM } from '../utils/constant';
+import { callInterceptor } from '../utils/interceptor';
 
 // Composition
 import { useWindowSize, useScrollParent, useEventListener } from '@vant/use';
+import { route } from '../composition/use-route';
 import { useRefs } from '../composition/use-refs';
 import { useExpose } from '../composition/use-expose';
 import { useChildren } from '../composition/use-relation';
diff --git a/src/tabs/utils.ts b/src/tabs/utils.ts
index 6cb21aa9d..f42afd070 100644
--- a/src/tabs/utils.ts
+++ b/src/tabs/utils.ts
@@ -1,14 +1,13 @@
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { getScrollTop, setScrollTop } from '../utils/dom/scroll';
+import { raf, cancelRaf, getScrollTop, setScrollTop } from '../utils';
 
-let scrollLeftRafId: number;
+let rafId: number;
 
 export function scrollLeftTo(
   scroller: HTMLElement,
   to: number,
   duration: number
 ) {
-  cancelRaf(scrollLeftRafId);
+  cancelRaf(rafId);
 
   let count = 0;
   const from = scroller.scrollLeft;
@@ -18,7 +17,7 @@ export function scrollLeftTo(
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      scrollLeftRafId = raf(animate);
+      rafId = raf(animate);
     }
   }
 
diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index a264b0a36..72fcaab29 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -1,8 +1,8 @@
 /**
  * Create a basic component with common options
  */
-import { camelize } from '../format/string';
 import { App, defineComponent, ComponentOptionsWithObjectProps } from 'vue';
+import { camelize } from '..';
 
 export function createComponent(name: string) {
   return function (sfc: ComponentOptionsWithObjectProps) {
diff --git a/src/utils/create/i18n.ts b/src/utils/create/i18n.ts
index 37da6501d..69a1040db 100644
--- a/src/utils/create/i18n.ts
+++ b/src/utils/create/i18n.ts
@@ -1,5 +1,4 @@
-import { get, isFunction } from '..';
-import { camelize } from '../format/string';
+import { get, camelize, isFunction } from '..';
 import locale from '../../locale';
 
 export function createI18N(name: string) {
diff --git a/src/utils/dom/reset-scroll.ts b/src/utils/dom/reset-scroll.ts
deleted file mode 100644
index acf27992a..000000000
--- a/src/utils/dom/reset-scroll.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Hack for iOS12 page scroll
- * https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
- */
-
-import { isIOS as checkIsIOS } from '../validate/system';
-import { getRootScrollTop, setRootScrollTop } from './scroll';
-
-const isIOS = checkIsIOS();
-
-export function resetScroll() {
-  if (isIOS) {
-    setRootScrollTop(getRootScrollTop());
-  }
-}
diff --git a/src/utils/dom/scroll.ts b/src/utils/dom/scroll.ts
index b7c3838dd..60e354838 100644
--- a/src/utils/dom/scroll.ts
+++ b/src/utils/dom/scroll.ts
@@ -1,3 +1,5 @@
+import { isIOS as checkIsIOS } from '../validate/system';
+
 type ScrollElement = HTMLElement | Window;
 
 function isWindow(val: unknown): val is Window {
@@ -56,3 +58,13 @@ export function getVisibleTop(el: ScrollElement) {
   }
   return el.getBoundingClientRect().top;
 }
+
+const isIOS = checkIsIOS();
+
+// hack for iOS12 page scroll
+// see: https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
+export function resetScroll() {
+  if (isIOS) {
+    setRootScrollTop(getRootScrollTop());
+  }
+}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 9f23bc865..55c2d802b 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,11 @@
-export { addUnit, getSizeStyle } from './format/unit';
-export { createNamespace } from './create';
+export * from './create';
+export * from './format/unit';
+export * from './format/number';
+export * from './format/string';
+export * from './dom/raf';
+export * from './dom/style';
+export * from './dom/event';
+export * from './dom/scroll';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export function noop() {}

From 791c7f0b9883cc34279a0e4003401a9032e4f37e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 17:39:11 +0800
Subject: [PATCH 496/626] feat(use): add useRelation

---
 packages/vant-use/src/index.ts             |   1 +
 packages/vant-use/src/useRelation/index.ts | 129 +++++++++++++++++++++
 2 files changed, 130 insertions(+)
 create mode 100644 packages/vant-use/src/useRelation/index.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index ddaf3ebc2..6de39887b 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -4,3 +4,4 @@ export { useWindowSize } from './useWindowSize';
 export { useScrollParent } from './useScrollParent';
 export { useEventListener } from './useEventListener';
 export { usePageVisibility } from './usePageVisibility';
+export { useParent, useChildren } from './useRelation';
diff --git a/packages/vant-use/src/useRelation/index.ts b/packages/vant-use/src/useRelation/index.ts
new file mode 100644
index 000000000..01e70d635
--- /dev/null
+++ b/packages/vant-use/src/useRelation/index.ts
@@ -0,0 +1,129 @@
+import {
+  VNode,
+  inject,
+  isVNode,
+  provide,
+  computed,
+  reactive,
+  onUnmounted,
+  getCurrentInstance,
+  VNodeNormalizedChildren,
+  ComponentPublicInstance as PublicInstance,
+  ComponentInternalInstance as InternalInstance,
+} from 'vue';
+
+export function flattenVNodes(children: VNodeNormalizedChildren) {
+  const result: VNode[] = [];
+
+  const traverse = (children: VNodeNormalizedChildren) => {
+    if (Array.isArray(children)) {
+      children.forEach((child) => {
+        if (isVNode(child)) {
+          result.push(child);
+
+          if (child.component?.subTree) {
+            traverse(child.component.subTree.children);
+          }
+
+          if (child.children) {
+            traverse(child.children);
+          }
+        }
+      });
+    }
+  };
+
+  traverse(children);
+
+  return result;
+}
+
+// sort children instances by vnodes order
+export function sortChildren(
+  parent: InternalInstance,
+  publicChildren: PublicInstance[],
+  internalChildren: InternalInstance[]
+) {
+  const vnodes = flattenVNodes(parent.subTree.children);
+
+  internalChildren.sort(
+    (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
+  );
+
+  const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
+
+  publicChildren.sort((a, b) => {
+    const indexA = orderedPublicChildren.indexOf(a);
+    const indexB = orderedPublicChildren.indexOf(b);
+    return indexA - indexB;
+  });
+}
+
+export function useChildren(key: string) {
+  const publicChildren: PublicInstance[] = reactive([]);
+  const internalChildren: InternalInstance[] = reactive([]);
+  const parent = getCurrentInstance()!;
+
+  const linkChildren = (value: any) => {
+    const link = (child: InternalInstance) => {
+      if (child.proxy) {
+        internalChildren.push(child);
+        publicChildren.push(child.proxy);
+        sortChildren(parent, publicChildren, internalChildren);
+      }
+    };
+
+    const unlink = (child: InternalInstance) => {
+      const index = internalChildren.indexOf(child);
+      publicChildren.splice(index, 1);
+      internalChildren.splice(index, 1);
+    };
+
+    provide(key, {
+      link,
+      unlink,
+      children: publicChildren,
+      internalChildren,
+      ...value,
+    });
+  };
+
+  return {
+    children: publicChildren,
+    linkChildren,
+  };
+}
+
+type ParentProvide<T> = T & {
+  link(child: InternalInstance): void;
+  unlink(child: InternalInstance): void;
+  children: PublicInstance[];
+  internalChildren: InternalInstance[];
+};
+
+export function useParent<T>(key: string) {
+  const parent = inject<ParentProvide<T> | null>(key, null);
+
+  if (parent) {
+    const instance = getCurrentInstance();
+
+    if (instance) {
+      const { link, unlink, internalChildren, ...rest } = parent;
+
+      link(instance);
+
+      onUnmounted(() => {
+        unlink(instance);
+      });
+
+      const index = computed(() => internalChildren.indexOf(instance));
+
+      return {
+        parent: rest,
+        index,
+      };
+    }
+  }
+
+  return {};
+}

From 8b7ab7ab9dc4292cb8314b76bfb8e479e379ee09 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 17:39:48 +0800
Subject: [PATCH 497/626] chore(use): add publishConfig registry

---
 packages/vant-use/package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index e4de9b6dd..16d58d767 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -13,7 +13,8 @@
     "release": "yarn build && release-it"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-use",

From 9923b50176131f0a3244608a448c4dd6cfa997d2 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 17:40:21 +0800
Subject: [PATCH 498/626] chore: release @vant/use@0.0.3

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 16d58d767..97a8e02bf 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From 6cd9e98ce431884de71db833b0769cb4f4edcf8a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 27 Sep 2020 17:46:59 +0800
Subject: [PATCH 499/626] chore: move useRelation to @vant/use

---
 package.json                    |   2 +-
 src/action-bar-button/index.js  |   2 +-
 src/action-bar-icon/index.tsx   |   2 +-
 src/action-bar/index.js         |   2 +-
 src/checkbox-group/index.js     |   2 +-
 src/checkbox/index.js           |   2 +-
 src/col/index.tsx               |   2 +-
 src/collapse-item/index.js      |   2 +-
 src/collapse/index.js           |   2 +-
 src/composition/use-relation.ts | 129 --------------------------------
 src/dropdown-item/index.js      |   2 +-
 src/dropdown-menu/index.js      |   8 +-
 src/field/index.js              |   2 +-
 src/form/index.js               |   2 +-
 src/grid-item/index.js          |   2 +-
 src/grid/index.js               |   2 +-
 src/index-anchor/index.js       |   2 +-
 src/index-bar/index.js          |   3 +-
 src/picker/PickerColumn.js      |   2 +-
 src/picker/index.js             |   2 +-
 src/radio-group/index.js        |   2 +-
 src/radio/index.js              |   2 +-
 src/row/index.tsx               |   2 +-
 src/sidebar-item/index.js       |   2 +-
 src/sidebar/index.js            |   2 +-
 src/step/index.js               |   2 +-
 src/steps/index.js              |   2 +-
 src/swipe-item/index.js         |   2 +-
 src/swipe/index.js              |   3 +-
 src/tab/index.js                |   2 +-
 src/tabbar-item/index.js        |   2 +-
 src/tabbar/index.js             |   2 +-
 src/tabs/index.js               |   8 +-
 yarn.lock                       |   8 +-
 34 files changed, 46 insertions(+), 169 deletions(-)
 delete mode 100644 src/composition/use-relation.ts

diff --git a/package.json b/package.json
index 73a62fc8b..50e3b54af 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.2",
+    "@vant/use": "^0.0.3",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index 744ce723c..07e8bd325 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -3,7 +3,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
 import { useRoute, routeProps } from '../composition/use-route';
 
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index a36f110af..8dc03cc94 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -2,7 +2,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
index aaf0e44d4..e3e631052 100644
--- a/src/action-bar/index.js
+++ b/src/action-bar/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('action-bar');
 
diff --git a/src/checkbox-group/index.js b/src/checkbox-group/index.js
index 893dac5ce..639dce5c4 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -1,8 +1,8 @@
 import { watch } from 'vue';
 import { createNamespace } from '../utils';
 import { CHECKBOX_KEY } from '../checkbox';
+import { useChildren } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useChildren } from '../composition/use-relation';
 import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 834c97406..1dc3fc5bf 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,8 +1,8 @@
 import { computed, watch } from 'vue';
 import { createNamespace, pick } from '../utils';
+import { useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
 import { useLinkField } from '../composition/use-link-field';
-import { useParent } from '../composition/use-relation';
 import Checker, { checkerProps } from './Checker';
 
 const [createComponent, bem] = createNamespace('checkbox');
diff --git a/src/col/index.tsx b/src/col/index.tsx
index abdf1dd65..8a445f4fe 100644
--- a/src/col/index.tsx
+++ b/src/col/index.tsx
@@ -1,6 +1,6 @@
 import { computed, PropType } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { ROW_KEY, RowProvide } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index fae66a2de..a05ab88fb 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -4,7 +4,7 @@ import { ref, watch, computed, nextTick } from 'vue';
 import { raf, doubleRaf, createNamespace } from '../utils';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
diff --git a/src/collapse/index.js b/src/collapse/index.js
index d0a9dd234..35fff2527 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('collapse');
 
diff --git a/src/composition/use-relation.ts b/src/composition/use-relation.ts
deleted file mode 100644
index 01e70d635..000000000
--- a/src/composition/use-relation.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import {
-  VNode,
-  inject,
-  isVNode,
-  provide,
-  computed,
-  reactive,
-  onUnmounted,
-  getCurrentInstance,
-  VNodeNormalizedChildren,
-  ComponentPublicInstance as PublicInstance,
-  ComponentInternalInstance as InternalInstance,
-} from 'vue';
-
-export function flattenVNodes(children: VNodeNormalizedChildren) {
-  const result: VNode[] = [];
-
-  const traverse = (children: VNodeNormalizedChildren) => {
-    if (Array.isArray(children)) {
-      children.forEach((child) => {
-        if (isVNode(child)) {
-          result.push(child);
-
-          if (child.component?.subTree) {
-            traverse(child.component.subTree.children);
-          }
-
-          if (child.children) {
-            traverse(child.children);
-          }
-        }
-      });
-    }
-  };
-
-  traverse(children);
-
-  return result;
-}
-
-// sort children instances by vnodes order
-export function sortChildren(
-  parent: InternalInstance,
-  publicChildren: PublicInstance[],
-  internalChildren: InternalInstance[]
-) {
-  const vnodes = flattenVNodes(parent.subTree.children);
-
-  internalChildren.sort(
-    (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
-  );
-
-  const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
-
-  publicChildren.sort((a, b) => {
-    const indexA = orderedPublicChildren.indexOf(a);
-    const indexB = orderedPublicChildren.indexOf(b);
-    return indexA - indexB;
-  });
-}
-
-export function useChildren(key: string) {
-  const publicChildren: PublicInstance[] = reactive([]);
-  const internalChildren: InternalInstance[] = reactive([]);
-  const parent = getCurrentInstance()!;
-
-  const linkChildren = (value: any) => {
-    const link = (child: InternalInstance) => {
-      if (child.proxy) {
-        internalChildren.push(child);
-        publicChildren.push(child.proxy);
-        sortChildren(parent, publicChildren, internalChildren);
-      }
-    };
-
-    const unlink = (child: InternalInstance) => {
-      const index = internalChildren.indexOf(child);
-      publicChildren.splice(index, 1);
-      internalChildren.splice(index, 1);
-    };
-
-    provide(key, {
-      link,
-      unlink,
-      children: publicChildren,
-      internalChildren,
-      ...value,
-    });
-  };
-
-  return {
-    children: publicChildren,
-    linkChildren,
-  };
-}
-
-type ParentProvide<T> = T & {
-  link(child: InternalInstance): void;
-  unlink(child: InternalInstance): void;
-  children: PublicInstance[];
-  internalChildren: InternalInstance[];
-};
-
-export function useParent<T>(key: string) {
-  const parent = inject<ParentProvide<T> | null>(key, null);
-
-  if (parent) {
-    const instance = getCurrentInstance();
-
-    if (instance) {
-      const { link, unlink, internalChildren, ...rest } = parent;
-
-      link(instance);
-
-      onUnmounted(() => {
-        unlink(instance);
-      });
-
-      const index = computed(() => internalChildren.indexOf(instance));
-
-      return {
-        parent: rest,
-        index,
-      };
-    }
-  }
-
-  return {};
-}
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index a230be9db..9ae780908 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -5,8 +5,8 @@ import { createNamespace } from '../utils';
 import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
+import { useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
 
 // Components
 import Cell from '../cell';
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index e9b47b842..57ffc290c 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -4,9 +4,13 @@ import { ref, computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
-import { useClickAway, useScrollParent, useEventListener } from '@vant/use';
+import {
+  useChildren,
+  useClickAway,
+  useScrollParent,
+  useEventListener,
+} from '@vant/use';
 import { useRect } from '../composition/use-rect';
-import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
diff --git a/src/field/index.js b/src/field/index.js
index 8878c7140..23b06bcf9 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -23,8 +23,8 @@ import {
 } from '../utils';
 
 // Composition
+import { useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
 
 // Components
 import Icon from '../icon';
diff --git a/src/form/index.js b/src/form/index.js
index c19fd7941..1ac4e8421 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
+import { useChildren } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('form');
 
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index d98585982..4ff882c63 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -6,7 +6,7 @@ import { BORDER } from '../utils/constant';
 import { GRID_KEY } from '../grid';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/grid/index.js b/src/grid/index.js
index 49b9794d0..51218100e 100644
--- a/src/grid/index.js
+++ b/src/grid/index.js
@@ -1,6 +1,6 @@
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('grid');
 
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index fa7dbf16b..5a16c0404 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -6,9 +6,9 @@ import { BORDER_BOTTOM } from '../utils/constant';
 import { INDEX_BAR_KEY } from '../index-bar';
 
 // Composition
+import { useParent } from '@vant/use';
 import { useHeight } from '../composition/use-rect';
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index bc03a8f88..f4aa08996 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -13,10 +13,9 @@ import {
 } from '../utils';
 
 // Composition
-import { useScrollParent, useEventListener } from '@vant/use';
+import { useChildren, useScrollParent, useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
-import { useChildren } from '../composition/use-relation';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 407e8d743..697d4b47e 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -6,9 +6,9 @@ import { deepClone } from '../utils/deep-clone';
 import { range, isObject, createNamespace, preventDefault } from '../utils';
 
 // Composition
+import { useParent } from '@vant/use';
 import { useTouch } from '../composition/use-touch';
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
 
 const DEFAULT_DURATION = 200;
 
diff --git a/src/picker/index.js b/src/picker/index.js
index f68c0bc9e..43e6b7e86 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -6,8 +6,8 @@ import { unitToPx, preventDefault, createNamespace } from '../utils';
 import { BORDER_UNSET_TOP_BOTTOM } from '../utils/constant';
 
 // Composition
+import { useChildren } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useChildren } from '../composition/use-relation';
 
 // Components
 import Loading from '../loading';
diff --git a/src/radio-group/index.js b/src/radio-group/index.js
index cb30d240b..31565faca 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -1,6 +1,6 @@
 import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('radio-group');
diff --git a/src/radio/index.js b/src/radio/index.js
index 43e6c8273..90d84bb51 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -1,5 +1,5 @@
 import { pick, createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import Checker, { checkerProps } from '../checkbox/Checker';
 import { RADIO_KEY } from '../radio-group';
 
diff --git a/src/row/index.tsx b/src/row/index.tsx
index a97c328a5..0d29e8d00 100644
--- a/src/row/index.tsx
+++ b/src/row/index.tsx
@@ -1,6 +1,6 @@
 import { computed, PropType, ComputedRef } from 'vue';
 import { createNamespace } from '../utils';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('row');
 
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 502291a09..de033c5f6 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { useRoute, routeProps } from '../composition/use-route';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
diff --git a/src/sidebar/index.js b/src/sidebar/index.js
index bc5cb955f..e949277a1 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,6 +1,6 @@
 import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('sidebar');
 
diff --git a/src/step/index.js b/src/step/index.js
index 346bcd8ea..941632d8e 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
 import { STEPS_KEY } from '../steps';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
diff --git a/src/steps/index.js b/src/steps/index.js
index 0fc6f6a3f..a22f91646 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -1,5 +1,5 @@
 import { createNamespace } from '../utils';
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('steps');
 
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 780ead33d..7776fbf2f 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,8 +1,8 @@
 import { computed, nextTick, onMounted, reactive } from 'vue';
 import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
+import { useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 24ae589e8..46bb2e6bb 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -19,11 +19,10 @@ import {
 } from '../utils';
 
 // Composition
-import { usePageVisibility, useWindowSize } from '@vant/use';
+import { useChildren, useWindowSize, usePageVisibility } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
 import { useExpose } from '../composition/use-expose';
-import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('swipe');
 
diff --git a/src/tab/index.js b/src/tab/index.js
index 87de18f9a..a10a29152 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -3,8 +3,8 @@ import { createNamespace } from '../utils';
 import { TABS_KEY } from '../tabs';
 
 // Composition
+import { useParent } from '@vant/use';
 import { routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('tab');
 
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 9a88a9b49..6d8331996 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -5,7 +5,7 @@ import { TABBAR_KEY } from '../tabbar';
 import { createNamespace, isObject, isDef } from '../utils';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '@vant/use';
 import { routeProps, useRoute } from '../composition/use-route';
 
 // Components
diff --git a/src/tabbar/index.js b/src/tabbar/index.js
index e18bdcafc..51ad9f410 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -6,7 +6,7 @@ import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
-import { useChildren } from '../composition/use-relation';
+import { useChildren } from '@vant/use';
 import { usePlaceholder } from '../composition/use-placeholder';
 
 const [createComponent, bem] = createNamespace('tabbar');
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 9aac35608..ff90b6933 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -25,11 +25,15 @@ import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
-import { useWindowSize, useScrollParent, useEventListener } from '@vant/use';
+import {
+  useChildren,
+  useWindowSize,
+  useScrollParent,
+  useEventListener,
+} from '@vant/use';
 import { route } from '../composition/use-route';
 import { useRefs } from '../composition/use-refs';
 import { useExpose } from '../composition/use-expose';
-import { useChildren } from '../composition/use-relation';
 
 // Components
 import Sticky from '../sticky';
diff --git a/yarn.lock b/yarn.lock
index 9348bea70..d7f239423 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,10 +2175,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.2":
-  version "0.0.2"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.2.tgz#9ea72642e0d6ef664f19e80b73fdb59b9f403d21"
-  integrity sha512-kPgqwBMKaeKPQ/LZjjVDHKxo2Thi4w5M186+Yg4jATW7qCcfd0CujDmqlETfFjBCbw40C1HVu/kmhXE0cQPPUg==
+"@vant/use@^0.0.3":
+  version "0.0.3"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.3.tgz#e3043830206344442a22d302d556c2e36b492eb5"
+  integrity sha512-7B7tmc8OqkNlMsNzZrIBy2hE8pBvQexBdE74+xr8/HtLhFbVkiZeO+YsOmgYTrsnSEvACBreoIkFX2tjRjzdMw==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 706b8cf662240f6ee671f255c1164b9e0919b413 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 11:52:24 +0800
Subject: [PATCH 500/626] feat(cli): update nav style

---
 packages/vant-cli/site/desktop/components/Nav.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Nav.vue b/packages/vant-cli/site/desktop/components/Nav.vue
index 7c39a81cc..f4e47e73f 100644
--- a/packages/vant-cli/site/desktop/components/Nav.vue
+++ b/packages/vant-cli/site/desktop/components/Nav.vue
@@ -120,11 +120,11 @@ export default {
   &__item {
     a {
       display: block;
-      margin: 0;
+      margin: 8px 0;
       padding: 8px 0 8px @van-doc-padding;
       color: #455a64;
       font-size: 14px;
-      line-height: 28px;
+      line-height: 20px;
       transition: color 0.2s;
 
       &:hover,
@@ -133,8 +133,9 @@ export default {
       }
 
       &.active {
-        background-color: fade(@van-doc-green, 8);
-        border-radius: 8px;
+        font-weight: 600;
+        background-color: #ebfff0;
+        border-radius: 999px;
       }
 
       span {

From c8bad4451d836b076088f45335b8f8702946c5bf Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 11:54:15 +0800
Subject: [PATCH 501/626] chore: release @vant/cli@3.0.0-beta.1

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 3ec8aaf03..2d33cad42 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 05f4e3d2986842bdad33e639e5374f988749c3c8 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 14:07:05 +0800
Subject: [PATCH 502/626] chore: bump @vant/cli@3.0.0-beta.1

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 50e3b54af..0cbd8d15d 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-beta.0",
+    "@vant/cli": "^3.0.0-beta.1",
     "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
     "vue": "^3.0.0"
diff --git a/yarn.lock b/yarn.lock
index d7f239423..10ac8c696 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2053,10 +2053,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.0":
-  version "3.0.0-beta.0"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.0.tgz#dd3d0f4c12b7437649dc1c87fb0a70117410ec50"
-  integrity sha512-YHeaK0KzkqsjefC7zOrNJc1wVimJfcpgv3ycUU0w7Ge4Jv4D9gmWmUADU3Ji9tmFYXtE/i0/bLnd9yOqeHas7w==
+"@vant/cli@^3.0.0-beta.1":
+  version "3.0.0-beta.1"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.1.tgz#22d43a6f832f430b36ca5b5ff31809dc43a1acc4"
+  integrity sha512-B/4V0V7GcXsD4RkiMcoJOHddlzw345BP/4f7ZUww1kLiwnNaFc48HtqBCOE/5yLfTPBU9tCAgbwwelGum1434A==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"

From cf9bc3aa3d41b3aa3b9c72705f127bfd9e46fcd6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 14:10:02 +0800
Subject: [PATCH 503/626] chore: release 3.0.0-beta.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0cbd8d15d..7dababf97 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 4c369cb266656b8e17a5d6ff291a2b4c6cf4d261 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 14:18:24 +0800
Subject: [PATCH 504/626] docs(changelog): 3.0.0-beta.1

---
 docs/markdown/changelog-v3.zh-CN.md | 32 +++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index f6b519889..2882dee53 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,38 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.1](https://github.com/youzan/vant/compare/v2.10.8...v3.0.0-beta.1)
+
+`2020-09-28`
+
+**breaking changes**
+
+- DatetimePicker: change 事件的第一个参数调整为当前选中值 [058665](https://github.com/youzan/vant/commit/05866514dbdac098d8210f8b08e2fbc8d3479ada)
+
+**refactor**
+
+使用 Composition API 重构以下组件：
+
+- AddressEdit [749e4a](https://github.com/youzan/vant/commit/749e4ae73b9c07265e81237493b5e7d37afc6255)
+- Calendar [fc50e2](https://github.com/youzan/vant/commit/fc50e26416feb1cbc3d07de23cd39bf6ba57eefc)
+- Checkbox [278ea6](https://github.com/youzan/vant/commit/278ea6a439b65c1bf1ce420ab7619858a739486c)
+- ContactEdit [4f0921](https://github.com/youzan/vant/commit/4f0921cbdffe1f654ce75222027f8b85120ab67b)
+- DatetimePicker [638842](https://github.com/youzan/vant/commit/6388423c9609e099565e51423271e333fab38a55)
+- Field [00dbf2](https://github.com/youzan/vant/commit/00dbf2cc50c44d0ac45bc43daeaa91730b1a6e23)
+- Form [92aac9](https://github.com/youzan/vant/commit/92aac941fc25e028a7631be301ed895edff53487)
+- Radio [aafbcf](https://github.com/youzan/vant/commit/aafbcfcf04e7c0a4b4f5da83291e9b158f2503c3)
+- Tabs [882e3e](https://github.com/youzan/vant/commit/882e3ef5e787e587909bde1064f5dabe3d66ad72)
+
+**Feature**
+
+- Locale: 新增德语语言包 [#7245](https://github.com/youzan/vant/issues/7245)
+- Pagination: 新增多个插槽 [#7222](https://github.com/youzan/vant/issues/7222)
+
+**Bug Fixes**
+
+- Picker: 修复 setIndex 方法无效的问题 [d2a542](https://github.com/youzan/vant/commit/d2a54279766acca3981403c4fb9eb34d3d586643)
+- Dialog: 修复最小高度错误的问题 [bf1f0f](https://github.com/youzan/vant/commit/bf1f0f57eb16e2308b388c4e2ccab46c65f76196)
+
 ### [v3.0.0-beta.0](https://github.com/youzan/vant/compare/v2.10.7...v3.0.0-beta.0)
 
 `2020-09-18`

From 7007fcf9eaea239f5e680068d59d8e9f8202ec3b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 17:48:07 +0800
Subject: [PATCH 505/626] fix(utils): circular dependency

---
 src/utils/base.ts             | 39 +++++++++++++++++++++++++++++++++
 src/utils/create/component.ts |  2 +-
 src/utils/create/i18n.ts      |  3 ++-
 src/utils/dom/raf.ts          |  2 +-
 src/utils/format/unit.ts      |  2 +-
 src/utils/index.ts            | 41 +----------------------------------
 src/utils/validate/system.ts  |  2 +-
 7 files changed, 46 insertions(+), 45 deletions(-)
 create mode 100644 src/utils/base.ts

diff --git a/src/utils/base.ts b/src/utils/base.ts
new file mode 100644
index 000000000..5df8c8bbb
--- /dev/null
+++ b/src/utils/base.ts
@@ -0,0 +1,39 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export function noop() {}
+
+export const inBrowser = typeof window !== 'undefined';
+
+export function isDef<T>(val: T): val is NonNullable<T> {
+  return val !== undefined && val !== null;
+}
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function isFunction(val: unknown): val is Function {
+  return typeof val === 'function';
+}
+
+export function isObject(val: unknown): val is Record<any, any> {
+  return val !== null && typeof val === 'object';
+}
+
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+
+export function get(object: any, path: string): any {
+  const keys = path.split('.');
+  let result = object;
+
+  keys.forEach((key) => {
+    result = result[key] ?? '';
+  });
+
+  return result;
+}
+
+export function pick(obj: Record<string, any>, keys: string[]) {
+  return keys.reduce((ret, key) => {
+    ret[key] = obj[key];
+    return ret;
+  }, {} as Record<string, any>);
+}
diff --git a/src/utils/create/component.ts b/src/utils/create/component.ts
index 72fcaab29..711476143 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -2,7 +2,7 @@
  * Create a basic component with common options
  */
 import { App, defineComponent, ComponentOptionsWithObjectProps } from 'vue';
-import { camelize } from '..';
+import { camelize } from '../format/string';
 
 export function createComponent(name: string) {
   return function (sfc: ComponentOptionsWithObjectProps) {
diff --git a/src/utils/create/i18n.ts b/src/utils/create/i18n.ts
index 69a1040db..456289551 100644
--- a/src/utils/create/i18n.ts
+++ b/src/utils/create/i18n.ts
@@ -1,4 +1,5 @@
-import { get, camelize, isFunction } from '..';
+import { get, isFunction } from '../base';
+import { camelize } from '../format/string';
 import locale from '../../locale';
 
 export function createI18N(name: string) {
diff --git a/src/utils/dom/raf.ts b/src/utils/dom/raf.ts
index e87308dbb..0af210e98 100644
--- a/src/utils/dom/raf.ts
+++ b/src/utils/dom/raf.ts
@@ -2,7 +2,7 @@
  * requestAnimationFrame polyfill
  */
 
-import { inBrowser } from '..';
+import { inBrowser } from '../base';
 
 let prev = Date.now();
 
diff --git a/src/utils/format/unit.ts b/src/utils/format/unit.ts
index 941a3261c..9a15c5bde 100644
--- a/src/utils/format/unit.ts
+++ b/src/utils/format/unit.ts
@@ -1,4 +1,4 @@
-import { isDef, inBrowser } from '..';
+import { isDef, inBrowser } from '../base';
 import { isNumeric } from '../validate/number';
 
 export function addUnit(value?: string | number): string | undefined {
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 55c2d802b..01ff55df8 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,3 +1,4 @@
+export * from './base';
 export * from './create';
 export * from './format/unit';
 export * from './format/number';
@@ -6,43 +7,3 @@ export * from './dom/raf';
 export * from './dom/style';
 export * from './dom/event';
 export * from './dom/scroll';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export function noop() {}
-
-export const inBrowser = typeof window !== 'undefined';
-
-export function isDef<T>(val: T): val is NonNullable<T> {
-  return val !== undefined && val !== null;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function isFunction(val: unknown): val is Function {
-  return typeof val === 'function';
-}
-
-export function isObject(val: unknown): val is Record<any, any> {
-  return val !== null && typeof val === 'object';
-}
-
-export function isPromise<T = any>(val: unknown): val is Promise<T> {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-}
-
-export function get(object: any, path: string): any {
-  const keys = path.split('.');
-  let result = object;
-
-  keys.forEach((key) => {
-    result = result[key] ?? '';
-  });
-
-  return result;
-}
-
-export function pick(obj: Record<string, any>, keys: string[]) {
-  return keys.reduce((ret, key) => {
-    ret[key] = obj[key];
-    return ret;
-  }, {} as Record<string, any>);
-}
diff --git a/src/utils/validate/system.ts b/src/utils/validate/system.ts
index ec0331241..1667621b1 100644
--- a/src/utils/validate/system.ts
+++ b/src/utils/validate/system.ts
@@ -1,4 +1,4 @@
-import { inBrowser } from '..';
+import { inBrowser } from '../base';
 
 export function isAndroid(): boolean {
   return inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;

From 7d37d900861b8f1121c6975c98665a01e6e65095 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 17:49:22 +0800
Subject: [PATCH 506/626] chore: release 3.0.0-beta.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7dababf97..5ec87e5d9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 22a2e08043f916ade3b61c347e16e07a9557dd55 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 28 Sep 2020 17:51:41 +0800
Subject: [PATCH 507/626] docs(changelog): 3.0.0-beta.2

---
 docs/markdown/changelog-v3.zh-CN.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 2882dee53..61b8d11b1 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,14 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.2](https://github.com/youzan/vant/compare/v3.0.0-beta.1...v3.0.0-beta.2)
+
+`2020-09-28`
+
+**Bug Fixes**
+
+- 修复引入 Vant 时提示 'global is not defined' 的问题 [7007fc](https://github.com/youzan/vant/commit/7007fcf9eaea239f5e680068d59d8e9f8202ec3b)
+
 ### [v3.0.0-beta.1](https://github.com/youzan/vant/compare/v2.10.8...v3.0.0-beta.1)
 
 `2020-09-28`

From 475e60b2821fb7173003322b73aee491b392a894 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 16:46:57 +0800
Subject: [PATCH 508/626] feat: add Badge component #6573

---
 src/action-bar-icon/index.less |  1 -
 src/action-bar-icon/index.tsx  |  5 +-
 src/badge/README.md            | 78 +++++++++++++++++++++++++++++
 src/badge/README.zh-CN.md      | 91 ++++++++++++++++++++++++++++++++++
 src/badge/demo/index.vue       | 78 +++++++++++++++++++++++++++++
 src/badge/index.less           | 21 +++++---
 src/badge/index.tsx            | 58 +++++++++++++++++++---
 src/grid-item/index.js         |  5 +-
 src/grid-item/index.less       |  4 --
 src/icon/index.tsx             |  8 +--
 src/sidebar-item/index.js      |  5 +-
 src/sidebar-item/index.less    |  5 --
 src/tabbar-item/index.js       |  5 +-
 src/tabbar-item/index.less     |  1 -
 src/tabs/TabsTitle.tsx         |  5 +-
 src/tabs/index.less            |  4 --
 vant.config.js                 |  8 +++
 17 files changed, 336 insertions(+), 46 deletions(-)
 create mode 100644 src/badge/README.md
 create mode 100644 src/badge/README.zh-CN.md
 create mode 100644 src/badge/demo/index.vue

diff --git a/src/action-bar-icon/index.less b/src/action-bar-icon/index.less
index 0cb001cc6..9ad5b129b 100644
--- a/src/action-bar-icon/index.less
+++ b/src/action-bar-icon/index.less
@@ -18,7 +18,6 @@
   }
 
   &__icon {
-    position: relative;
     width: 1em;
     margin: 0 auto 5px;
     color: @action-bar-icon-color;
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index 8dc03cc94..7fb8f25c4 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -32,10 +32,9 @@ export default createComponent({
 
       if (slots.icon) {
         return (
-          <div class={bem('icon')}>
+          <Badge dot={dot} content={badge} class={bem('icon')}>
             {slots.icon()}
-            <Badge dot={dot} badge={badge} />
-          </div>
+          </Badge>
         );
       }
 
diff --git a/src/badge/README.md b/src/badge/README.md
new file mode 100644
index 000000000..fb30c4663
--- /dev/null
+++ b/src/badge/README.md
@@ -0,0 +1,78 @@
+# Badge
+
+### Install
+
+```js
+import { createApp } from 'vue';
+import { Badge } from 'vant';
+
+const app = createApp();
+app.use(Badge);
+```
+
+## Usage
+
+### Basic Usage
+
+```html
+<van-badge :content="5">
+  <div class="child" />
+</van-badge>
+<van-badge dot>
+  <div class="child" />
+</van-badge>
+
+<style>
+  .child {
+    width: 36px;
+    height: 36px;
+    background: #f2f3f5;
+    border-radius: 4px;
+  }
+</style>
+```
+
+### Max
+
+```html
+<van-badge :content="20" :max="9">
+  <div class="child" />
+</van-badge>
+<van-badge :content="200" :max="99">
+  <div class="child" />
+</van-badge>
+```
+
+### Custom Color
+
+```html
+<van-badge :content="5" color="#1989fa">
+  <div class="child" />
+</van-badge>
+<van-badge dot color="#1989fa">
+  <div class="child" />
+</van-badge>
+```
+
+### Standaline
+
+```html
+<van-badge :content="200" :max="99" />
+```
+
+## API
+
+### Props
+
+| Attribute | Description | Type | Default |
+| --- | --- | --- | --- |
+| content | Badge content | _string \| number_ | - |
+| color | Background color | _string_ | `#ee0a24` |
+| dot | Whether to show dot | _boolean_ | `false` |
+| max | Max value，show `{max}+` when exceed，only works when content is number type | _number_ | - |
+
+### Slots
+
+| Name    | Description  |
+| ------- | ------------ |
+| default | Default slot |
diff --git a/src/badge/README.zh-CN.md b/src/badge/README.zh-CN.md
new file mode 100644
index 000000000..b76626f25
--- /dev/null
+++ b/src/badge/README.zh-CN.md
@@ -0,0 +1,91 @@
+# Badge 徽标
+
+### 介绍
+
+在右上角展示徽标数字或小红点。
+
+### 引入
+
+```js
+import { createApp } from 'vue';
+import { Badge } from 'vant';
+
+const app = createApp();
+app.use(Badge);
+```
+
+## 代码演示
+
+### 基础用法
+
+设置 `content` 属性后，Badge 会在子元素的右上角显示对应的徽标，也可以通过 `dot` 来显示小红点。
+
+```html
+<van-badge :content="5">
+  <div class="child" />
+</van-badge>
+<van-badge dot>
+  <div class="child" />
+</van-badge>
+
+<style>
+  .child {
+    width: 36px;
+    height: 36px;
+    background: #f2f3f5;
+    border-radius: 4px;
+  }
+</style>
+```
+
+### 最大值
+
+设置 `max` 属性后，当 `content` 的数值超过最大值时，会自动显示为 `{max}+`。
+
+```html
+<van-badge :content="20" :max="9">
+  <div class="child" />
+</van-badge>
+<van-badge :content="200" :max="99">
+  <div class="child" />
+</van-badge>
+```
+
+### 自定义颜色
+
+通过 `color` 属性来设置徽标的颜色。
+
+```html
+<van-badge :content="5" color="#1989fa">
+  <div class="child" />
+</van-badge>
+<van-badge dot color="#1989fa">
+  <div class="child" />
+</van-badge>
+```
+
+### 独立展示
+
+当 Badge 没有子元素时，会作为一个独立的元素进行展示。
+
+```html
+<van-badge :content="200" :max="99" />
+```
+
+## API
+
+### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| content | 徽标内容 | _string \| number_ | - |
+| color | 徽标背景颜色 | _string_ | `#ee0a24` |
+| dot | 是否展示为小红点 | _boolean_ | `false` |
+| max | 最大值，超过最大值会显示 `{max}+`，仅当 content 为 number 类型时有效 | _number_ | - |
+
+### Slots
+
+| 名称    | 说明             |
+| ------- | ---------------- |
+| default | 徽标包裹的子元素 |
+| content | 自定义徽标内容   |
diff --git a/src/badge/demo/index.vue b/src/badge/demo/index.vue
new file mode 100644
index 000000000..a40843cf3
--- /dev/null
+++ b/src/badge/demo/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <demo-section>
+    <demo-block :title="t('basicUsage')">
+      <van-badge :content="5">
+        <div class="child" />
+      </van-badge>
+      <van-badge dot>
+        <div class="child" />
+      </van-badge>
+    </demo-block>
+
+    <demo-block :title="t('max')">
+      <van-badge :content="20" :max="9">
+        <div class="child" />
+      </van-badge>
+      <van-badge :content="200" :max="99">
+        <div class="child" />
+      </van-badge>
+    </demo-block>
+
+    <demo-block :title="t('customColor')">
+      <van-badge :content="5" :color="BLUE">
+        <div class="child" />
+      </van-badge>
+      <van-badge dot :color="BLUE">
+        <div class="child" />
+      </van-badge>
+    </demo-block>
+
+    <demo-block :title="t('standalone')">
+      <van-badge :content="200" :max="99" />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+import { BLUE } from '../../utils/constant';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      max: '最大值',
+      standalone: '独立展示',
+      customColor: '自定义颜色',
+    },
+    'en-US': {
+      max: 'Max',
+      standalone: 'Standalone',
+      customColor: 'Custom Color',
+    },
+  },
+
+  data() {
+    return {
+      BLUE,
+    };
+  },
+};
+</script>
+
+<style lang="less">
+@import '../../style/var';
+
+.demo-badge {
+  background-color: @white;
+
+  .van-badge__wrapper {
+    margin-left: @padding-md;
+  }
+
+  .child {
+    width: 36px;
+    height: 36px;
+    background: @gray-2;
+    border-radius: 4px;
+  }
+}
+</style>
diff --git a/src/badge/index.less b/src/badge/index.less
index 31fb14856..6bbd1c791 100644
--- a/src/badge/index.less
+++ b/src/badge/index.less
@@ -1,9 +1,7 @@
 @import '../style/var';
 
 .van-badge {
-  position: absolute;
-  top: 0;
-  right: 0;
+  display: inline-block;
   box-sizing: border-box;
   min-width: @badge-size;
   padding: @badge-padding;
@@ -15,9 +13,15 @@
   text-align: center;
   background-color: @badge-background-color;
   border: @badge-border-width solid @white;
-  border-radius: @badge-size;
-  transform: translate(50%, -50%);
-  transform-origin: 100%;
+  border-radius: @border-radius-max;
+
+  &--fixed {
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(50%, -50%);
+    transform-origin: 100%;
+  }
 
   &--dot {
     width: @badge-dot-size;
@@ -26,4 +30,9 @@
     background-color: @badge-dot-color;
     border-radius: 100%;
   }
+
+  &__wrapper {
+    position: relative;
+    display: inline-block;
+  }
 }
diff --git a/src/badge/index.tsx b/src/badge/index.tsx
index bea6bbeaf..48d688d33 100644
--- a/src/badge/index.tsx
+++ b/src/badge/index.tsx
@@ -1,21 +1,65 @@
+import type { PropType } from 'vue';
 import { isDef, createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('badge');
 
 export default createComponent({
   props: {
+    max: Number,
     dot: Boolean,
-    badge: [Number, String],
+    color: String,
+    content: [Number, String],
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'div',
+    },
   },
 
-  setup(props) {
-    return () => {
-      const { dot, badge } = props;
-      const hasBadge = isDef(badge) && badge !== '';
+  setup(props, { slots }) {
+    const hasContent = () =>
+      !!(slots.default || (isDef(props.content) && props.content !== ''));
 
-      if (dot || hasBadge) {
-        return <div class={bem({ dot })}>{dot ? '' : badge}</div>;
+    const renderContent = () => {
+      const { dot, max, content } = props;
+
+      if (!dot && hasContent()) {
+        if (slots.content) {
+          return slots.content();
+        }
+
+        if (isDef(max) && typeof content === 'number' && content > max) {
+          return `${max}+`;
+        }
+
+        return content;
       }
     };
+
+    const renderBadge = () => {
+      if (hasContent() || props.dot) {
+        return (
+          <div
+            class={bem({ dot: props.dot, fixed: !!slots.default })}
+            style={{ background: props.color }}
+          >
+            {renderContent()}
+          </div>
+        );
+      }
+    };
+
+    return () => {
+      if (slots.default) {
+        const { tag } = props;
+        return (
+          <tag class={bem('wrapper')}>
+            {slots.default()}
+            {renderBadge()}
+          </tag>
+        );
+      }
+
+      return renderBadge();
+    };
   },
 });
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index 4ff882c63..b6d6512a0 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -66,10 +66,9 @@ export default createComponent({
     const renderIcon = () => {
       if (slots.icon) {
         return (
-          <div class={bem('icon-wrapper')}>
+          <Badge dot={props.dot} content={props.badge}>
             {slots.icon()}
-            <Badge dot={props.dot} badge={props.badge} />
-          </div>
+          </Badge>
         );
       }
 
diff --git a/src/grid-item/index.less b/src/grid-item/index.less
index 63d2f951c..deaf52c78 100644
--- a/src/grid-item/index.less
+++ b/src/grid-item/index.less
@@ -12,10 +12,6 @@
     font-size: @grid-item-icon-size;
   }
 
-  &__icon-wrapper {
-    position: relative;
-  }
-
   &__text {
     color: @grid-item-text-color;
     font-size: @grid-item-text-font-size;
diff --git a/src/icon/index.tsx b/src/icon/index.tsx
index d7b920172..82849f5bb 100644
--- a/src/icon/index.tsx
+++ b/src/icon/index.tsx
@@ -31,7 +31,10 @@ export default createComponent({
       const isImageIcon = isImage(name);
 
       return (
-        <tag
+        <Badge
+          dot={dot}
+          tag={tag}
+          content={badge}
           class={[classPrefix, isImageIcon ? '' : `${classPrefix}-${name}`]}
           style={{
             color,
@@ -40,8 +43,7 @@ export default createComponent({
         >
           {slots.default?.()}
           {isImageIcon && <img class={bem('image')} src={name} />}
-          <Badge dot={dot} badge={badge} />
-        </tag>
+        </Badge>
       );
     };
   },
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index de033c5f6..e632277ff 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -38,10 +38,9 @@ export default createComponent({
 
       return (
         <a class={bem({ select: selected, disabled })} onClick={onClick}>
-          <div class={bem('text')}>
+          <Badge dot={dot} content={badge} class={bem('text')}>
             {slots.title ? slots.title() : title}
-            <Badge dot={dot} badge={badge} class={bem('badge')} />
-          </div>
+          </Badge>
         </a>
       );
     };
diff --git a/src/sidebar-item/index.less b/src/sidebar-item/index.less
index 49b6cd2d9..39d075c6c 100644
--- a/src/sidebar-item/index.less
+++ b/src/sidebar-item/index.less
@@ -18,11 +18,6 @@
     background-color: @sidebar-active-color;
   }
 
-  &__text {
-    position: relative;
-    display: inline-block;
-  }
-
   &:not(:last-child)::after {
     border-bottom-width: 1px;
   }
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 6d8331996..cfc064997 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -73,10 +73,9 @@ export default createComponent({
           style={{ color }}
           onClick={onClick}
         >
-          <div class={bem('icon')}>
+          <Badge dot={dot} content={badge} class={bem('icon')}>
             {renderIcon()}
-            <Badge dot={dot} badge={badge} />
-          </div>
+          </Badge>
           <div class={bem('text')}>
             {slots.default?.({ active: active.value })}
           </div>
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index 030c11575..545fce804 100644
--- a/src/tabbar-item/index.less
+++ b/src/tabbar-item/index.less
@@ -12,7 +12,6 @@
   cursor: pointer;
 
   &__icon {
-    position: relative;
     margin-bottom: @tabbar-item-margin-bottom;
     font-size: @tabbar-item-icon-size;
 
diff --git a/src/tabs/TabsTitle.tsx b/src/tabs/TabsTitle.tsx
index e89b6fed8..2ac2a2f30 100644
--- a/src/tabs/TabsTitle.tsx
+++ b/src/tabs/TabsTitle.tsx
@@ -63,10 +63,9 @@ export default createComponent({
 
       if (props.dot || (isDef(props.badge) && props.badge !== '')) {
         return (
-          <span class={bem('text-wrapper')}>
+          <Badge dot={props.dot} content={props.badge}>
             {Text}
-            {<Badge dot={props.dot} badge={props.badge} />}
-          </span>
+          </Badge>
         );
       }
 
diff --git a/src/tabs/index.less b/src/tabs/index.less
index b4e1a54c0..768db451c 100644
--- a/src/tabs/index.less
+++ b/src/tabs/index.less
@@ -31,10 +31,6 @@
       -webkit-box-orient: vertical;
     }
   }
-
-  &__text-wrapper {
-    position: relative;
-  }
 }
 
 .van-tabs {
diff --git a/vant.config.js b/vant.config.js
index bcfb06ccd..b6914beb7 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -240,6 +240,10 @@ module.exports = {
           {
             title: '展示组件',
             items: [
+              {
+                path: 'badge',
+                title: 'Badge 徽标',
+              },
               {
                 path: 'circle',
                 title: 'Circle 环形进度条',
@@ -570,6 +574,10 @@ module.exports = {
           {
             title: 'Display Components',
             items: [
+              {
+                path: 'badge',
+                title: 'Badge',
+              },
               {
                 path: 'circle',
                 title: 'Circle',

From 4b410b6bf78a5040101c6f995a00673d84679d09 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 16:56:03 +0800
Subject: [PATCH 509/626] docs(Badge): fix demo align

---
 src/badge/demo/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/badge/demo/index.vue b/src/badge/demo/index.vue
index a40843cf3..762632cbd 100644
--- a/src/badge/demo/index.vue
+++ b/src/badge/demo/index.vue
@@ -28,7 +28,7 @@
     </demo-block>
 
     <demo-block :title="t('standalone')">
-      <van-badge :content="200" :max="99" />
+      <van-badge :content="200" :max="99" style="margin-left: 16px;" />
     </demo-block>
   </demo-section>
 </template>

From 56c50666ced924be2ccd6cfdb7d42ee9fba2e418 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 16:59:18 +0800
Subject: [PATCH 510/626] fix(Badge): has content

---
 src/badge/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/badge/index.tsx b/src/badge/index.tsx
index 48d688d33..6fa8be2ca 100644
--- a/src/badge/index.tsx
+++ b/src/badge/index.tsx
@@ -17,7 +17,7 @@ export default createComponent({
 
   setup(props, { slots }) {
     const hasContent = () =>
-      !!(slots.default || (isDef(props.content) && props.content !== ''));
+      !!(slots.content || (isDef(props.content) && props.content !== ''));
 
     const renderContent = () => {
       const { dot, max, content } = props;

From 839b8654ee74e8ce9e344a697b5f5e3524606b9e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 17:05:08 +0800
Subject: [PATCH 511/626] feat(Badge): max support string type

---
 src/badge/README.md          | 14 +++++++-------
 src/badge/README.zh-CN.md    | 10 +++++-----
 src/badge/demo/index.vue     | 10 +++++-----
 src/badge/index.tsx          |  5 +++--
 src/utils/format/unit.ts     |  3 +--
 src/utils/test/index.spec.js |  1 +
 src/utils/validate/number.ts |  4 ++--
 7 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/src/badge/README.md b/src/badge/README.md
index fb30c4663..6cc4b3e63 100644
--- a/src/badge/README.md
+++ b/src/badge/README.md
@@ -15,7 +15,7 @@ app.use(Badge);
 ### Basic Usage
 
 ```html
-<van-badge :content="5">
+<van-badge content="5">
   <div class="child" />
 </van-badge>
 <van-badge dot>
@@ -35,10 +35,10 @@ app.use(Badge);
 ### Max
 
 ```html
-<van-badge :content="20" :max="9">
+<van-badge content="20" max="9">
   <div class="child" />
 </van-badge>
-<van-badge :content="200" :max="99">
+<van-badge content="200" max="99">
   <div class="child" />
 </van-badge>
 ```
@@ -46,7 +46,7 @@ app.use(Badge);
 ### Custom Color
 
 ```html
-<van-badge :content="5" color="#1989fa">
+<van-badge content="5" color="#1989fa">
   <div class="child" />
 </van-badge>
 <van-badge dot color="#1989fa">
@@ -57,7 +57,7 @@ app.use(Badge);
 ### Standaline
 
 ```html
-<van-badge :content="200" :max="99" />
+<van-badge content="200" max="99" />
 ```
 
 ## API
@@ -66,10 +66,10 @@ app.use(Badge);
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| content | Badge content | _string \| number_ | - |
+| content | Badge content | _number \| string_ | - |
 | color | Background color | _string_ | `#ee0a24` |
 | dot | Whether to show dot | _boolean_ | `false` |
-| max | Max value，show `{max}+` when exceed，only works when content is number type | _number_ | - |
+| max | Max value，show `{max}+` when exceed，only works when content is number | _number \| string_ | - |
 
 ### Slots
 
diff --git a/src/badge/README.zh-CN.md b/src/badge/README.zh-CN.md
index b76626f25..0bea13e48 100644
--- a/src/badge/README.zh-CN.md
+++ b/src/badge/README.zh-CN.md
@@ -43,10 +43,10 @@ app.use(Badge);
 设置 `max` 属性后，当 `content` 的数值超过最大值时，会自动显示为 `{max}+`。
 
 ```html
-<van-badge :content="20" :max="9">
+<van-badge :content="20" max="9">
   <div class="child" />
 </van-badge>
-<van-badge :content="200" :max="99">
+<van-badge :content="200" max="99">
   <div class="child" />
 </van-badge>
 ```
@@ -69,7 +69,7 @@ app.use(Badge);
 当 Badge 没有子元素时，会作为一个独立的元素进行展示。
 
 ```html
-<van-badge :content="200" :max="99" />
+<van-badge :content="200" max="99" />
 ```
 
 ## API
@@ -78,10 +78,10 @@ app.use(Badge);
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| content | 徽标内容 | _string \| number_ | - |
+| content | 徽标内容 | _number \| string_ | - |
 | color | 徽标背景颜色 | _string_ | `#ee0a24` |
 | dot | 是否展示为小红点 | _boolean_ | `false` |
-| max | 最大值，超过最大值会显示 `{max}+`，仅当 content 为 number 类型时有效 | _number_ | - |
+| max | 最大值，超过最大值会显示 `{max}+`，仅当 content 为数字时有效 | _number \| string_ | - |
 
 ### Slots
 
diff --git a/src/badge/demo/index.vue b/src/badge/demo/index.vue
index 762632cbd..c7558afc4 100644
--- a/src/badge/demo/index.vue
+++ b/src/badge/demo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <demo-section>
     <demo-block :title="t('basicUsage')">
-      <van-badge :content="5">
+      <van-badge content="5">
         <div class="child" />
       </van-badge>
       <van-badge dot>
@@ -10,16 +10,16 @@
     </demo-block>
 
     <demo-block :title="t('max')">
-      <van-badge :content="20" :max="9">
+      <van-badge content="20" max="9">
         <div class="child" />
       </van-badge>
-      <van-badge :content="200" :max="99">
+      <van-badge content="200" max="99">
         <div class="child" />
       </van-badge>
     </demo-block>
 
     <demo-block :title="t('customColor')">
-      <van-badge :content="5" :color="BLUE">
+      <van-badge content="5" :color="BLUE">
         <div class="child" />
       </van-badge>
       <van-badge dot :color="BLUE">
@@ -28,7 +28,7 @@
     </demo-block>
 
     <demo-block :title="t('standalone')">
-      <van-badge :content="200" :max="99" style="margin-left: 16px;" />
+      <van-badge content="200" max="99" style="margin-left: 16px;" />
     </demo-block>
   </demo-section>
 </template>
diff --git a/src/badge/index.tsx b/src/badge/index.tsx
index 6fa8be2ca..596820199 100644
--- a/src/badge/index.tsx
+++ b/src/badge/index.tsx
@@ -1,12 +1,13 @@
 import type { PropType } from 'vue';
 import { isDef, createNamespace } from '../utils';
+import { isNumeric } from '../utils/validate/number';
 
 const [createComponent, bem] = createNamespace('badge');
 
 export default createComponent({
   props: {
-    max: Number,
     dot: Boolean,
+    max: [Number, String],
     color: String,
     content: [Number, String],
     tag: {
@@ -27,7 +28,7 @@ export default createComponent({
           return slots.content();
         }
 
-        if (isDef(max) && typeof content === 'number' && content > max) {
+        if (isDef(max) && isNumeric(content!) && +content > max) {
           return `${max}+`;
         }
 
diff --git a/src/utils/format/unit.ts b/src/utils/format/unit.ts
index 9a15c5bde..a08f22dfe 100644
--- a/src/utils/format/unit.ts
+++ b/src/utils/format/unit.ts
@@ -6,8 +6,7 @@ export function addUnit(value?: string | number): string | undefined {
     return undefined;
   }
 
-  value = String(value);
-  return isNumeric(value) ? `${value}px` : value;
+  return isNumeric(value) ? `${value}px` : String(value);
 }
 
 export function getSizeStyle(originSize?: string | number) {
diff --git a/src/utils/test/index.spec.js b/src/utils/test/index.spec.js
index 2dd16e4d4..186dc2176 100644
--- a/src/utils/test/index.spec.js
+++ b/src/utils/test/index.spec.js
@@ -91,6 +91,7 @@ test('isMobile', () => {
 });
 
 test('isNumeric', () => {
+  expect(isNumeric(1)).toBeTruthy();
   expect(isNumeric('1')).toBeTruthy();
   expect(isNumeric('1.2')).toBeTruthy();
   expect(isNumeric('1..2')).toBeFalsy();
diff --git a/src/utils/validate/number.ts b/src/utils/validate/number.ts
index 8d77e0eee..c6efcf5e9 100644
--- a/src/utils/validate/number.ts
+++ b/src/utils/validate/number.ts
@@ -1,5 +1,5 @@
-export function isNumeric(val: string): boolean {
-  return /^\d+(\.\d+)?$/.test(val);
+export function isNumeric(val: string | number): val is string {
+  return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
 }
 
 export function isNaN(val: number): val is typeof NaN {

From c0ea21dcd33eaa17c06e366d0a03ff6c3bca5361 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 21:36:31 +0800
Subject: [PATCH 512/626] breaking change(Checkbox): need @click.stop inside a
 cell #7023

---
 docs/markdown/migrate-from-v2.zh-CN.md | 4 ++++
 src/checkbox/Checker.tsx               | 9 +--------
 src/checkbox/README.md                 | 6 +++++-
 src/checkbox/README.zh-CN.md           | 6 +++++-
 src/checkbox/demo/index.vue            | 2 +-
 src/checkbox/index.js                  | 9 +--------
 6 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md
index 81fc58c51..e30950dc4 100644
--- a/docs/markdown/migrate-from-v2.zh-CN.md
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -172,6 +172,10 @@ Vue 3.0 中增加了 `Teleport` 组件，提供将组件渲染到任意 DOM 位
 - 绿色按钮对应的类型由 `primary` 调整为 `success`
 - `native-type` 的默认值由 `submit` 调整为 `button`
 
+#### Checkbox
+
+- 在 Cell 内部使用时，现在需要手动添加 `@click.stop` 来阻止事件冒泡
+
 #### Dialog
 
 - 默认关闭 `allow-html` 属性
diff --git a/src/checkbox/Checker.tsx b/src/checkbox/Checker.tsx
index c3b4f6b4c..1a8fce040 100644
--- a/src/checkbox/Checker.tsx
+++ b/src/checkbox/Checker.tsx
@@ -64,15 +64,8 @@ export default defineComponent({
 
       if (!disabled.value && (iconClicked || !props.labelDisabled)) {
         emit('toggle');
-
-        // wait for toggle method to complete
-        // so we can get the changed value in the click event listener
-        setTimeout(() => {
-          emit('click', event);
-        });
-      } else {
-        emit('click', event);
       }
+      emit('click', event);
     };
 
     const renderIcon = () => {
diff --git a/src/checkbox/README.md b/src/checkbox/README.md
index 3fb56f635..75aa98b4a 100644
--- a/src/checkbox/README.md
+++ b/src/checkbox/README.md
@@ -184,7 +184,11 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
+        <van-checkbox
+          :name="item"
+          :ref="el => checkboxes[index] = el"
+          @click.stop
+        />
       </template>
     </van-cell>
   </van-cell-group>
diff --git a/src/checkbox/README.zh-CN.md b/src/checkbox/README.zh-CN.md
index 23865ca42..8922771a6 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -204,7 +204,11 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
+        <van-checkbox
+          :name="item"
+          :ref="el => checkboxes[index] = el"
+          @click.stop
+        />
       </template>
     </van-cell>
   </van-cell-group>
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index a4204b090..74d965398 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -96,7 +96,7 @@
             @click="toggle(index)"
           >
             <template #right-icon>
-              <van-checkbox :ref="setRefs(index)" :name="item" />
+              <van-checkbox :ref="setRefs(index)" :name="item" @click.stop />
             </template>
           </van-cell>
         </van-cell-group>
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 1dc3fc5bf..fc3080ac4 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -62,15 +62,8 @@ export default createComponent({
       },
     });
 
-    let toggleTimer;
     const toggle = (newValue = !checked.value) => {
-      // When toggle method is called multiple times at the same time,
-      // only the last call is valid.
-      // This is a hack for usage inside Cell.
-      clearTimeout(toggleTimer);
-      toggleTimer = setTimeout(() => {
-        checked.value = newValue;
-      });
+      checked.value = newValue;
     };
 
     watch(

From 91b47d64e6f1dd25f5f3015a631ba33d5a919fd3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 21:41:01 +0800
Subject: [PATCH 513/626] chore: rename vShow to v-show

---
 src/address-edit/index.js    | 8 ++++----
 src/collapse-item/index.js   | 2 +-
 src/coupon-list/index.js     | 2 +-
 src/dropdown-item/index.js   | 2 +-
 src/notice-bar/index.js      | 2 +-
 src/number-keyboard/index.js | 2 +-
 src/overlay/index.js         | 2 +-
 src/popup/index.js           | 2 +-
 src/stepper/index.js         | 4 ++--
 9 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/address-edit/index.js b/src/address-edit/index.js
index 24770c47e..f30bb3033 100644
--- a/src/address-edit/index.js
+++ b/src/address-edit/index.js
@@ -274,7 +274,7 @@ export default createComponent({
         return (
           <Cell
             v-slots={slots}
-            vShow={!hideBottomFields.value}
+            v-show={!hideBottomFields.value}
             center
             title={t('defaultAddress')}
             class={bem('default')}
@@ -338,7 +338,7 @@ export default createComponent({
               onFocus={() => onFocus('tel')}
             />
             <Field
-              vShow={props.showArea}
+              v-show={props.showArea}
               readonly
               label={t('area')}
               clickable={!disableArea}
@@ -370,7 +370,7 @@ export default createComponent({
             />
             {props.showPostal && (
               <Field
-                vShow={!hideBottomFields.value}
+                v-show={!hideBottomFields.value}
                 vModel={data.postalCode}
                 type="tel"
                 maxlength="6"
@@ -383,7 +383,7 @@ export default createComponent({
             {slots.default?.()}
           </div>
           {renderSetDefaultCell()}
-          <div vShow={!hideBottomFields.value} class={bem('buttons')}>
+          <div v-show={!hideBottomFields.value} class={bem('buttons')}>
             <Button
               block
               round
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 957acd971..d5118fe19 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -120,8 +120,8 @@ export default createComponent({
 
     const renderContent = lazyRender(() => (
       <div
+        v-show={show.value}
         ref={wrapperRef}
-        vShow={show.value}
         class={bem('wrapper')}
         onTransitionend={onTransitionEnd}
       >
diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js
index 5a6d09207..b6d809b9e 100644
--- a/src/coupon-list/index.js
+++ b/src/coupon-list/index.js
@@ -224,7 +224,7 @@ export default createComponent({
         </Tabs>
         <div class={bem('bottom')}>
           <Button
-            vShow={props.showCloseButton}
+            v-show={props.showCloseButton}
             round
             block
             type="danger"
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 9ae780908..e76114e7c 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -138,7 +138,7 @@ export default createComponent({
 
       return (
         <div
-          vShow={state.showWrapper}
+          v-show={state.showWrapper}
           style={style}
           class={bem([direction])}
           onClick={onClickWrapper}
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 41a739232..58874460a 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -173,8 +173,8 @@ export default createComponent({
       const { color, wrapable, background } = props;
       return (
         <div
+          v-show={state.show}
           role="alert"
-          vShow={state.show}
           class={bem({ wrapable })}
           style={{ color, background }}
         >
diff --git a/src/number-keyboard/index.js b/src/number-keyboard/index.js
index 5fc6901d8..93b805067 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -230,8 +230,8 @@ export default createComponent({
       const Content = (
         <Transition name={props.transition ? 'van-slide-up' : ''}>
           <div
+            v-show={props.show}
             ref={root}
-            vShow={props.show}
             style={{ zIndex: props.zIndex }}
             class={bem({
               unfit: !props.safeAreaInsetBottom,
diff --git a/src/overlay/index.js b/src/overlay/index.js
index c24f62411..6f39949f4 100644
--- a/src/overlay/index.js
+++ b/src/overlay/index.js
@@ -36,7 +36,7 @@ export default createComponent({
 
       return (
         <div
-          vShow={props.show}
+          v-show={props.show}
           style={style}
           class={[bem(), props.className]}
           onTouchmove={props.lockScroll ? preventTouchMove : noop}
diff --git a/src/popup/index.js b/src/popup/index.js
index 4b6ee6fec..77a50b2bd 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -191,7 +191,7 @@ export default createComponent({
       const { round, position, safeAreaInsetBottom } = props;
       return (
         <div
-          vShow={props.show}
+          v-show={props.show}
           style={style.value}
           class={bem({
             round,
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 888a51a3d..d4c8a7562 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -280,7 +280,7 @@ export default createComponent({
     return () => (
       <div class={bem([props.theme])}>
         <button
-          vShow={props.showMinus}
+          v-show={props.showMinus}
           type="button"
           style={buttonStyle.value}
           class={bem('minus', { disabled: minusDisabled.value })}
@@ -306,7 +306,7 @@ export default createComponent({
           onBlur={onBlur}
         />
         <button
-          vShow={props.showPlus}
+          v-show={props.showPlus}
           type="button"
           style={buttonStyle.value}
           class={bem('plus', { disabled: plusDisabled.value })}

From 812a35079cebe8a927bfc58edcb17503b75fb5a7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 2 Oct 2020 21:48:52 +0800
Subject: [PATCH 514/626] chore(Picker): remove DEFAULT_ITEM_HEIGHT var

---
 src/picker/index.js  | 6 ++----
 src/picker/shared.ts | 7 ++++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/picker/index.js b/src/picker/index.js
index 43e6b7e86..a94a643e1 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -1,5 +1,5 @@
 import { ref, watch, computed } from 'vue';
-import { pickerProps, PICKER_KEY, DEFAULT_ITEM_HEIGHT } from './shared';
+import { pickerProps, PICKER_KEY } from './shared';
 
 // Utils
 import { unitToPx, preventDefault, createNamespace } from '../utils';
@@ -45,9 +45,7 @@ export default createComponent({
 
     linkChildren();
 
-    const itemHeight = computed(() =>
-      props.itemHeight ? unitToPx(props.itemHeight) : DEFAULT_ITEM_HEIGHT
-    );
+    const itemHeight = computed(() => unitToPx(props.itemHeight));
 
     const dataType = computed(() => {
       const { columns } = props;
diff --git a/src/picker/shared.ts b/src/picker/shared.ts
index b9ac9f9f3..f39093563 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -10,16 +10,17 @@ export type SharedPickerProps = {
 
 export const PICKER_KEY = 'vanPicker';
 
-export const DEFAULT_ITEM_HEIGHT = 44;
-
 export const pickerProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
   allowHtml: Boolean,
-  itemHeight: [Number, String],
   cancelButtonText: String,
   confirmButtonText: String,
+  itemHeight: {
+    type: [Number, String],
+    default: 44,
+  },
   showToolbar: {
     type: Boolean,
     default: true,

From 1376d6f3f70f73c7662600982b0f79ca0f31eba0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 3 Oct 2020 15:33:21 +0800
Subject: [PATCH 515/626] feat(Tab): add swipe animation #1174

---
 src/swipe/index.js       |  1 +
 src/tab/index.js         | 23 ++++++------
 src/tabs/TabsContent.tsx | 78 +++++++++++++++++++---------------------
 src/tabs/index.js        |  8 +++--
 4 files changed, 54 insertions(+), 56 deletions(-)

diff --git a/src/swipe/index.js b/src/swipe/index.js
index 46bb2e6bb..2f2d38306 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -367,6 +367,7 @@ export default createComponent({
     useExpose({
       prev,
       next,
+      state,
       resize,
       swipeTo,
     });
diff --git a/src/tab/index.js b/src/tab/index.js
index a10a29152..c10d1bcbe 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -6,6 +6,9 @@ import { TABS_KEY } from '../tabs';
 import { useParent } from '@vant/use';
 import { routeProps } from '../composition/use-route';
 
+// Components
+import SwipeItem from '../swipe-item';
+
 const [createComponent, bem] = createNamespace('tab');
 
 export default createComponent({
@@ -20,7 +23,6 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
-    const root = ref();
     const inited = ref(false);
     const { parent, index } = useParent(TABS_KEY);
 
@@ -62,28 +64,27 @@ export default createComponent({
         return;
       }
 
-      const { animated, scrollspy, lazyRender } = parent.props;
+      const { animated, swipeable, scrollspy, lazyRender } = parent.props;
       const active = isActive();
       const show = scrollspy || active;
 
-      const shouldRender = inited.value || scrollspy || !lazyRender;
-      const Content = shouldRender ? slots.default?.() : null;
-
-      if (animated) {
+      if (animated || swipeable) {
         return (
-          <div
-            ref={root}
+          <SwipeItem
             role="tabpanel"
             aria-hidden={!active}
             class={bem('pane-wrapper', { inactive: !active })}
           >
-            <div class={bem('pane')}>{Content}</div>
-          </div>
+            <div class={bem('pane')}>{slots.default?.()}</div>
+          </SwipeItem>
         );
       }
 
+      const shouldRender = inited.value || scrollspy || !lazyRender;
+      const Content = shouldRender ? slots.default?.() : null;
+
       return (
-        <div v-show={show} ref={root} role="tabpanel" class={bem('pane')}>
+        <div v-show={show} role="tabpanel" class={bem('pane')}>
           {Content}
         </div>
       );
diff --git a/src/tabs/TabsContent.tsx b/src/tabs/TabsContent.tsx
index 086cca35b..66b9a633c 100644
--- a/src/tabs/TabsContent.tsx
+++ b/src/tabs/TabsContent.tsx
@@ -1,14 +1,16 @@
+import { ref, watch } from 'vue';
 import { createNamespace } from '../utils';
-import { useTouch } from '../composition/use-touch';
+import Swipe from '../swipe';
 
 const [createComponent, bem] = createNamespace('tabs');
-const MIN_SWIPE_DISTANCE = 50;
 
 export default createComponent({
   props: {
+    inited: Boolean,
     duration: [Number, String],
     animated: Boolean,
     swipeable: Boolean,
+    lazyRender: Boolean,
     count: {
       type: Number,
       required: true,
@@ -22,60 +24,52 @@ export default createComponent({
   emits: ['change'],
 
   setup(props, { emit, slots }) {
-    const touch = useTouch();
+    const swipeRef = ref();
 
-    const onTouchEnd = () => {
-      const { deltaX, offsetX } = touch;
-      const { currentIndex } = props;
-
-      /* istanbul ignore else */
-      if (touch.isHorizontal() && offsetX.value >= MIN_SWIPE_DISTANCE) {
-        /* istanbul ignore else */
-        if (deltaX.value > 0 && currentIndex !== 0) {
-          emit('change', currentIndex - 1);
-        } else if (deltaX.value < 0 && currentIndex !== props.count - 1) {
-          emit('change', currentIndex + 1);
-        }
-      }
+    const onChange = (index: number) => {
+      emit('change', index);
     };
 
     const renderChildren = () => {
       const Content = slots.default?.();
 
-      if (props.animated) {
-        const style = {
-          transform: `translate3d(${-1 * props.currentIndex * 100}%, 0, 0)`,
-          transitionDuration: `${props.duration}s`,
-        };
-
+      if (props.animated || props.swipeable) {
         return (
-          <div class={bem('track')} style={style}>
+          <Swipe
+            ref={swipeRef}
+            loop={false}
+            class={bem('track')}
+            touchable={props.swipeable}
+            lazyRender={props.lazyRender}
+            showIndicators={false}
+            onChange={onChange}
+          >
             {Content}
-          </div>
+          </Swipe>
         );
       }
 
       return Content;
     };
 
-    return () => {
-      const listeners = props.swipeable
-        ? {
-            onTouchstart: touch.start,
-            onTouchmove: touch.move,
-            onTouchend: onTouchEnd,
-            onTouchcancel: onTouchEnd,
-          }
-        : null;
+    watch(
+      () => props.currentIndex,
+      (index) => {
+        const swipe = swipeRef.value;
+        if (swipe && swipe.state.active !== index) {
+          swipe.swipeTo(index, { immediate: !props.inited });
+        }
+      }
+    );
 
-      return (
-        <div
-          class={bem('content', { animated: props.animated })}
-          {...listeners}
-        >
-          {renderChildren()}
-        </div>
-      );
-    };
+    return () => (
+      <div
+        class={bem('content', {
+          animated: props.animated || props.swipeable,
+        })}
+      >
+        {renderChildren()}
+      </div>
+    );
   },
 });
diff --git a/src/tabs/index.js b/src/tabs/index.js
index ff90b6933..32e0fb94a 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -91,7 +91,6 @@ export default createComponent({
   emits: ['click', 'change', 'scroll', 'disabled', 'rendered', 'update:active'],
 
   setup(props, { emit, slots }) {
-    let inited;
     let tabHeight;
     let lockScroll;
     let stickyFixed;
@@ -106,6 +105,7 @@ export default createComponent({
     const { children, linkChildren } = useChildren(TABS_KEY);
 
     const state = reactive({
+      inited: false,
       position: '',
       currentIndex: -1,
       lineStyle: {
@@ -159,7 +159,7 @@ export default createComponent({
 
     const init = () => {
       nextTick(() => {
-        inited = true;
+        state.inited = true;
         tabHeight = getVisibleHeight(wrapRef.value);
         scrollIntoView(true);
       });
@@ -167,7 +167,7 @@ export default createComponent({
 
     // update nav bar style
     const setLine = () => {
-      const shouldAnimate = inited;
+      const shouldAnimate = state.inited;
 
       nextTick(() => {
         const titles = titleRefs.value;
@@ -436,9 +436,11 @@ export default createComponent({
         )}
         <TabsContent
           count={children.length}
+          inited={state.inited}
           animated={props.animated}
           duration={props.duration}
           swipeable={props.swipeable}
+          lazyRender={props.lazyRender}
           currentIndex={state.currentIndex}
           onChange={setCurrentIndex}
         >

From 8296b657a0cff7272a81969df5f524cf6789a515 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 3 Oct 2020 15:35:35 +0800
Subject: [PATCH 516/626] fix(Tab): duration not work

---
 src/tabs/TabsContent.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/tabs/TabsContent.tsx b/src/tabs/TabsContent.tsx
index 66b9a633c..1b2ed8105 100644
--- a/src/tabs/TabsContent.tsx
+++ b/src/tabs/TabsContent.tsx
@@ -39,6 +39,7 @@ export default createComponent({
             ref={swipeRef}
             loop={false}
             class={bem('track')}
+            duration={props.duration}
             touchable={props.swipeable}
             lazyRender={props.lazyRender}
             showIndicators={false}

From f264c46dd81a03e5f43909fb286c86265ea1d7e0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 3 Oct 2020 15:42:56 +0800
Subject: [PATCH 517/626] fix(Tab): incorrect initial swipe position

---
 src/tabs/TabsContent.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/tabs/TabsContent.tsx b/src/tabs/TabsContent.tsx
index 1b2ed8105..3ebd4066a 100644
--- a/src/tabs/TabsContent.tsx
+++ b/src/tabs/TabsContent.tsx
@@ -1,4 +1,4 @@
-import { ref, watch } from 'vue';
+import { ref, watch, onMounted } from 'vue';
 import { createNamespace } from '../utils';
 import Swipe from '../swipe';
 
@@ -7,7 +7,6 @@ const [createComponent, bem] = createNamespace('tabs');
 export default createComponent({
   props: {
     inited: Boolean,
-    duration: [Number, String],
     animated: Boolean,
     swipeable: Boolean,
     lazyRender: Boolean,
@@ -15,6 +14,10 @@ export default createComponent({
       type: Number,
       required: true,
     },
+    duration: {
+      type: [Number, String],
+      required: true,
+    },
     currentIndex: {
       type: Number,
       required: true,
@@ -39,7 +42,7 @@ export default createComponent({
             ref={swipeRef}
             loop={false}
             class={bem('track')}
-            duration={props.duration}
+            duration={+props.duration * 1000}
             touchable={props.swipeable}
             lazyRender={props.lazyRender}
             showIndicators={false}
@@ -53,15 +56,18 @@ export default createComponent({
       return Content;
     };
 
-    watch(
-      () => props.currentIndex,
-      (index) => {
-        const swipe = swipeRef.value;
-        if (swipe && swipe.state.active !== index) {
-          swipe.swipeTo(index, { immediate: !props.inited });
-        }
+    const swipeToCurrentTab = (index: number) => {
+      const swipe = swipeRef.value;
+      if (swipe && swipe.state.active !== index) {
+        swipe.swipeTo(index, { immediate: !props.inited });
       }
-    );
+    };
+
+    watch(() => props.currentIndex, swipeToCurrentTab);
+
+    onMounted(() => {
+      swipeToCurrentTab(props.currentIndex);
+    });
 
     return () => (
       <div

From bcfd11b834e98fab4bd3e8c9e85f648224c6a5fa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 3 Oct 2020 15:44:51 +0800
Subject: [PATCH 518/626] chore: release 3.0.0-beta.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5ec87e5d9..a587ae1c5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.3",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 5757b8bd711f7140edfbbcb5810b574a44d45496 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 3 Oct 2020 15:50:02 +0800
Subject: [PATCH 519/626] docs(changelog): 3.0.0-beta.3

---
 docs/markdown/changelog-v3.zh-CN.md | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 61b8d11b1..0cbec9349 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,20 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.3](https://github.com/youzan/vant/compare/v2.10.9...v3.0.0-beta.3)
+
+`2020-10-03`
+
+**breaking changes**
+
+- Checkbox: 在 Cell 内部使用时，现在需要手动添加 `@click.stop` 来阻止事件冒泡 [#7023](https://github.com/youzan/vant/issues/7023)
+
+**Feature**
+
+- 新增 Badge 徽标组件 [#6573](https://github.com/youzan/vant/issues/6573)
+- Tab: 增加滑动切换动画 [#1174](https://github.com/youzan/vant/issues/1174)
+- 包含 `v2.10.9` 版本的所有改动
+
 ### [v3.0.0-beta.2](https://github.com/youzan/vant/compare/v3.0.0-beta.1...v3.0.0-beta.2)
 
 `2020-09-28`
@@ -53,6 +67,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 - Picker: 修复 setIndex 方法无效的问题 [d2a542](https://github.com/youzan/vant/commit/d2a54279766acca3981403c4fb9eb34d3d586643)
 - Dialog: 修复最小高度错误的问题 [bf1f0f](https://github.com/youzan/vant/commit/bf1f0f57eb16e2308b388c4e2ccab46c65f76196)
+- 包含 `v2.10.8` 版本的所有改动
 
 ### [v3.0.0-beta.0](https://github.com/youzan/vant/compare/v2.10.7...v3.0.0-beta.0)
 
@@ -78,7 +93,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - AddressEdit: 修复 emits 未声明导致 warning 的问题 [1e6a12](https://github.com/youzan/vant/commit/1e6a120b2e48f7262062729260d362c96355eca6)
 - AddressEdit: 修复点击省市区弹窗的蒙层时无法关闭的问题 [02e89a](https://github.com/youzan/vant/commit/02e89a73c57af1e59429ab320c2a13395abc0520)
 - Field: 修复在 iOS 上中文输入过程中触发 input 事件的问题 [#7035](https://github.com/youzan/vant/issues/7035)
-- 包含 `v2.10.7` 版本的所有修复
+- 包含 `v2.10.7` 版本的所有改动
 
 ### [v3.0.0-alpha.5](https://github.com/youzan/vant/compare/v2.10.6...v3.0.0-alpha.5)
 

From 08d97ed567777eb8229bb711cbc675082d132902 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 18:02:39 +0800
Subject: [PATCH 520/626] docs(@vant/use): add useClickAway doc

---
 .../vant-use/src/useClickAway/README.zh-CN.md | 71 +++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 packages/vant-use/src/useClickAway/README.zh-CN.md

diff --git a/packages/vant-use/src/useClickAway/README.zh-CN.md b/packages/vant-use/src/useClickAway/README.zh-CN.md
new file mode 100644
index 000000000..d1db34b32
--- /dev/null
+++ b/packages/vant-use/src/useClickAway/README.zh-CN.md
@@ -0,0 +1,71 @@
+# useClickAway
+
+用于监听元素外部的点击事件。
+
+## 代码演示
+
+### 基本用法
+
+```html
+<div ref="root" />
+```
+
+```js
+import { ref } from 'vue';
+import { useClickAway } from '@vant/use';
+
+export default {
+  setup() {
+    const root = ref();
+    useClickAway(root, () => {
+      console.log('click outside!');
+    });
+
+    return { root };
+  },
+};
+```
+
+### 自定义事件
+
+通过 `eventName` 选项可以自定义需要监听的事件类型。
+
+```html
+<template>
+  <div ref="root" />
+</template>
+```
+
+```js
+import { ref } from 'vue';
+import { useClickAway } from '@vant/use';
+
+export default {
+  setup() {
+    const root = ref();
+    useClickAway(
+      root,
+      () => {
+        console.log('touch outside!');
+      },
+      { eventName: 'touchstart' }
+    );
+
+    return { root };
+  },
+};
+```
+
+## 参数
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| target | 绑定事件的节点 | \_Element | Ref<Element>\_ | - |
+| listener | 点击外部时触发的回调函数 | _EventListener_ | - |
+| options | 可选的配置项 | _Options_ | `{ eventName: 'click' }` |
+
+## Options
+
+| 参数      | 说明           | 类型     | 默认值  |
+| --------- | -------------- | -------- | ------- |
+| eventName | 监听的事件类型 | _string_ | `click` |

From c24d0aaa00ccc68f8b86eb255e99791a414609be Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 18:23:31 +0800
Subject: [PATCH 521/626] docs(@vant/use): add useEventListener doc

---
 .../vant-use/src/useClickAway/README.zh-CN.md | 18 +++++-
 .../src/useEventListener/README.zh-CN.md      | 63 +++++++++++++++++++
 2 files changed, 78 insertions(+), 3 deletions(-)
 create mode 100644 packages/vant-use/src/useEventListener/README.zh-CN.md

diff --git a/packages/vant-use/src/useClickAway/README.zh-CN.md b/packages/vant-use/src/useClickAway/README.zh-CN.md
index d1db34b32..4c0fb049a 100644
--- a/packages/vant-use/src/useClickAway/README.zh-CN.md
+++ b/packages/vant-use/src/useClickAway/README.zh-CN.md
@@ -31,9 +31,7 @@ export default {
 通过 `eventName` 选项可以自定义需要监听的事件类型。
 
 ```html
-<template>
-  <div ref="root" />
-</template>
+<div ref="root" />
 ```
 
 ```js
@@ -56,6 +54,20 @@ export default {
 };
 ```
 
+## 类型定义
+
+```ts
+type Options = {
+  eventName?: string;
+};
+
+function useClickAway(
+  target: Element | Ref<Element>,
+  listener: EventListener,
+  options?: Options
+): void;
+```
+
 ## 参数
 
 | 参数 | 说明 | 类型 | 默认值 |
diff --git a/packages/vant-use/src/useEventListener/README.zh-CN.md b/packages/vant-use/src/useEventListener/README.zh-CN.md
new file mode 100644
index 000000000..d9ffa0394
--- /dev/null
+++ b/packages/vant-use/src/useEventListener/README.zh-CN.md
@@ -0,0 +1,63 @@
+# useEventListener
+
+用于事件绑定，在 `mounted` 和 `activated` 时调用 `addEventListener`，在 `unmounted` 和 `deactivated` 时调用 `removeEventListener`。
+
+## 代码演示
+
+### 基本用法
+
+```js
+import { ref } from 'vue';
+import { useEventListener } from '@vant/use';
+
+export default {
+  setup() {
+    // 在 window 上绑定 resize 事件
+    // 未指定监听对象时，默认会监听 window 的事件
+    useEventListener('resize', () => {
+      console.log('window resize');
+    });
+
+    // 在 body 节点上绑定 click 事件
+    useEventListener(
+      'click',
+      () => {
+        console.log('click body');
+      },
+      { target: document.body }
+    );
+  },
+};
+```
+
+## 类型定义
+
+```ts
+type Options = {
+  target?: EventTarget | Ref<EventTarget>;
+  capture?: boolean;
+  passive?: boolean;
+};
+
+function useEventListener(
+  type: string,
+  listener: EventListener,
+  options?: Options
+): void;
+```
+
+## 参数
+
+| 参数     | 说明                     | 类型            | 默认值 |
+| -------- | ------------------------ | --------------- | ------ |
+| type     | 监听的事件类型           | _string_        | -      |
+| listener | 点击外部时触发的回调函数 | _EventListener_ | -      |
+| options  | 可选的配置项             | _Options_       | -      |
+
+## Options
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| target | 绑定事件的节点 | \_EventTarget | Ref<EventTarget>\_ | `window` |
+| capture | 是否在事件捕获阶段触发 | _boolean_ | `false` |
+| passive | 设置为 `true` 时，表示 `listener` 永远不会调用 `preventDefault` | _boolean_ | `false` |

From d5104ec81cba485f1f4e30306292d303cef2d7a1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 18:30:10 +0800
Subject: [PATCH 522/626] docs(@vant/use): add usePageVisibility doc

---
 .../vant-use/src/useClickAway/README.zh-CN.md |  8 ++---
 .../src/useEventListener/README.zh-CN.md      | 12 +++----
 .../src/usePageVisibility/README.zh-CN.md     | 36 +++++++++++++++++++
 3 files changed, 46 insertions(+), 10 deletions(-)
 create mode 100644 packages/vant-use/src/usePageVisibility/README.zh-CN.md

diff --git a/packages/vant-use/src/useClickAway/README.zh-CN.md b/packages/vant-use/src/useClickAway/README.zh-CN.md
index 4c0fb049a..260d48b34 100644
--- a/packages/vant-use/src/useClickAway/README.zh-CN.md
+++ b/packages/vant-use/src/useClickAway/README.zh-CN.md
@@ -57,15 +57,15 @@ export default {
 ## 类型定义
 
 ```ts
-type Options = {
-  eventName?: string;
-};
-
 function useClickAway(
   target: Element | Ref<Element>,
   listener: EventListener,
   options?: Options
 ): void;
+
+type Options = {
+  eventName?: string;
+};
 ```
 
 ## 参数
diff --git a/packages/vant-use/src/useEventListener/README.zh-CN.md b/packages/vant-use/src/useEventListener/README.zh-CN.md
index d9ffa0394..08ddcaf82 100644
--- a/packages/vant-use/src/useEventListener/README.zh-CN.md
+++ b/packages/vant-use/src/useEventListener/README.zh-CN.md
@@ -33,17 +33,17 @@ export default {
 ## 类型定义
 
 ```ts
-type Options = {
-  target?: EventTarget | Ref<EventTarget>;
-  capture?: boolean;
-  passive?: boolean;
-};
-
 function useEventListener(
   type: string,
   listener: EventListener,
   options?: Options
 ): void;
+
+type Options = {
+  target?: EventTarget | Ref<EventTarget>;
+  capture?: boolean;
+  passive?: boolean;
+};
 ```
 
 ## 参数
diff --git a/packages/vant-use/src/usePageVisibility/README.zh-CN.md b/packages/vant-use/src/usePageVisibility/README.zh-CN.md
new file mode 100644
index 000000000..3e97d7951
--- /dev/null
+++ b/packages/vant-use/src/usePageVisibility/README.zh-CN.md
@@ -0,0 +1,36 @@
+# usePageVisibility
+
+获取页面的可见状态。
+
+## 代码演示
+
+### 基本用法
+
+```js
+import { watch } from 'vue';
+import { usePageVisibility } from '@vant/use';
+
+export default {
+  setup() {
+    const pageVisibility = usePageVisibility();
+
+    watch(pageVisibility, (value) => {
+      console.log('visibility: ', value);
+    });
+  },
+};
+```
+
+## 类型定义
+
+```ts
+function usePageVisibility(): Ref<VisibilityState>;
+
+type VisibilityState = 'visible' | 'hidden';
+```
+
+## 返回值
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref<VisibilityState>_ | - |

From 79493de49dde86b20ea2b7a4015b132564722aab Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 18:38:45 +0800
Subject: [PATCH 523/626] docs(@vant/use): add useScrollParent desc

---
 .../vant-use/src/useClickAway/README.zh-CN.md |  2 +-
 .../src/useEventListener/README.zh-CN.md      |  4 +-
 .../src/useScrollParent/README.zh-CN.md       | 51 +++++++++++++++++++
 3 files changed, 54 insertions(+), 3 deletions(-)
 create mode 100644 packages/vant-use/src/useScrollParent/README.zh-CN.md

diff --git a/packages/vant-use/src/useClickAway/README.zh-CN.md b/packages/vant-use/src/useClickAway/README.zh-CN.md
index 260d48b34..442077231 100644
--- a/packages/vant-use/src/useClickAway/README.zh-CN.md
+++ b/packages/vant-use/src/useClickAway/README.zh-CN.md
@@ -72,7 +72,7 @@ type Options = {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| target | 绑定事件的节点 | \_Element | Ref<Element>\_ | - |
+| target | 绑定事件的元素 | \_Element | Ref<Element>\_ | - |
 | listener | 点击外部时触发的回调函数 | _EventListener_ | - |
 | options | 可选的配置项 | _Options_ | `{ eventName: 'click' }` |
 
diff --git a/packages/vant-use/src/useEventListener/README.zh-CN.md b/packages/vant-use/src/useEventListener/README.zh-CN.md
index 08ddcaf82..3cf3b70da 100644
--- a/packages/vant-use/src/useEventListener/README.zh-CN.md
+++ b/packages/vant-use/src/useEventListener/README.zh-CN.md
@@ -18,7 +18,7 @@ export default {
       console.log('window resize');
     });
 
-    // 在 body 节点上绑定 click 事件
+    // 在 body 元素上绑定 click 事件
     useEventListener(
       'click',
       () => {
@@ -58,6 +58,6 @@ type Options = {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| target | 绑定事件的节点 | \_EventTarget | Ref<EventTarget>\_ | `window` |
+| target | 绑定事件的元素 | \_EventTarget | Ref<EventTarget>\_ | `window` |
 | capture | 是否在事件捕获阶段触发 | _boolean_ | `false` |
 | passive | 设置为 `true` 时，表示 `listener` 永远不会调用 `preventDefault` | _boolean_ | `false` |
diff --git a/packages/vant-use/src/useScrollParent/README.zh-CN.md b/packages/vant-use/src/useScrollParent/README.zh-CN.md
new file mode 100644
index 000000000..baafd5e6e
--- /dev/null
+++ b/packages/vant-use/src/useScrollParent/README.zh-CN.md
@@ -0,0 +1,51 @@
+# useScrollParent
+
+获取元素最近的可滚动父元素。
+
+## 代码演示
+
+### 基本用法
+
+```html
+<div ref="root" />
+```
+
+```js
+import { watch } from 'vue';
+import { useScrollParent, useEventListener } from '@vant/use';
+
+export default {
+  setup() {
+    const root = ref();
+    const scrollParent = useScrollParent(root);
+
+    useEventListener(
+      'scroll',
+      () => {
+        console.log('scroll');
+      },
+      { target: scrollParent }
+    );
+
+    return { root };
+  },
+};
+```
+
+## 类型定义
+
+```ts
+function useScrollParent(element: Ref<Element>): Ref<Element>;
+```
+
+## 参数
+
+| 参数    | 说明     | 类型           | 默认值 |
+| ------- | -------- | -------------- | ------ |
+| element | 当前元素 | _Ref<Element>_ | -      |
+
+## 返回值
+
+| 参数         | 说明               | 类型           | 默认值 |
+| ------------ | ------------------ | -------------- | ------ |
+| scrollParent | 最近的可滚动父元素 | _Ref<Element>_ | -      |

From ca860fda5f63dedd420052b3fef75cc9e127e85f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 19:42:44 +0800
Subject: [PATCH 524/626] docs(@vant/use): add vuepress

---
 packages/vant-cli/changelog.md                |    2 +-
 packages/vant-use/.vuepress/config.js         |   33 +
 packages/vant-use/.vuepress/styles/font.styl  |  163 +
 packages/vant-use/.vuepress/styles/index.styl |   25 +
 .../vant-use/.vuepress/styles/palette.styl    |    2 +
 packages/vant-use/README.md                   |    1 +
 packages/vant-use/package.json                |    6 +-
 packages/vant-use/src/package.json            |    7 +
 .../{README.zh-CN.md => README.md}            |   10 +-
 .../{README.zh-CN.md => README.md}            |    2 +-
 .../{README.zh-CN.md => README.md}            |    2 +-
 .../{README.zh-CN.md => README.md}            |   12 +-
 packages/vant-use/src/yarn.lock               |  104 +
 packages/vant-use/yarn.lock                   | 7092 ++++++++++++++++-
 14 files changed, 7349 insertions(+), 112 deletions(-)
 create mode 100644 packages/vant-use/.vuepress/config.js
 create mode 100644 packages/vant-use/.vuepress/styles/font.styl
 create mode 100644 packages/vant-use/.vuepress/styles/index.styl
 create mode 100644 packages/vant-use/.vuepress/styles/palette.styl
 create mode 100644 packages/vant-use/README.md
 create mode 100644 packages/vant-use/src/package.json
 rename packages/vant-use/src/useClickAway/{README.zh-CN.md => README.md} (77%)
 rename packages/vant-use/src/useEventListener/{README.zh-CN.md => README.md} (95%)
 rename packages/vant-use/src/usePageVisibility/{README.zh-CN.md => README.md} (91%)
 rename packages/vant-use/src/useScrollParent/{README.zh-CN.md => README.md} (61%)
 create mode 100644 packages/vant-use/src/yarn.lock

diff --git a/packages/vant-cli/changelog.md b/packages/vant-cli/changelog.md
index d35af81aa..da6704d5e 100644
--- a/packages/vant-cli/changelog.md
+++ b/packages/vant-cli/changelog.md
@@ -10,7 +10,7 @@
 
 `2020-09-26`
 
-- 新增 Open Sas 字体
+- 新增 Open Sans 字体
 - 修复搜索时无法跳转到对应锚点的问题
 - 修复自定义 webpack 配置时某些情况下出现配置错误的问题
 
diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
new file mode 100644
index 000000000..54275a929
--- /dev/null
+++ b/packages/vant-use/.vuepress/config.js
@@ -0,0 +1,33 @@
+module.exports = {
+  base: '/vant-use/',
+  title: 'Vant Use',
+  dest: 'dist',
+  head: [['link', { rel: 'icon', href: 'https://img.yzcdn.cn/vant/logo.png' }]],
+  themeConfig: {
+    nav: [
+      {
+        text: 'Github',
+        link: 'https://github.com/youzan/vant/tree/next/packages/vant-use',
+      },
+    ],
+    sidebarDepth: 0,
+    sidebar: [
+      {
+        title: 'State',
+        collapsable: false,
+        // children: ['/src/useToggle/'],
+      },
+      {
+        title: 'DOM',
+        collapsable: false,
+        children: [
+          '/src/useClickAway/',
+          '/src/useEventListener/',
+          '/src/usePageVisibility/',
+          '/src/useScrollParent/',
+          // '/src/useWindowSize/',
+        ],
+      },
+    ],
+  },
+};
diff --git a/packages/vant-use/.vuepress/styles/font.styl b/packages/vant-use/.vuepress/styles/font.styl
new file mode 100644
index 000000000..9e87d5d8b
--- /dev/null
+++ b/packages/vant-use/.vuepress/styles/font.styl
@@ -0,0 +1,163 @@
+/* cyrillic-ext */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans Regular'), local('OpenSans-Regular'),
+    url(https://b.yzcdn.cn/vant/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
+    U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2)
+      format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-weight: 600;
+  font-family: 'Open Sans';
+  font-style: normal;
+  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+    url(https://b.yzcdn.cn/vant/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2)
+      format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
diff --git a/packages/vant-use/.vuepress/styles/index.styl b/packages/vant-use/.vuepress/styles/index.styl
new file mode 100644
index 000000000..a8b15a606
--- /dev/null
+++ b/packages/vant-use/.vuepress/styles/index.styl
@@ -0,0 +1,25 @@
+@import './font.styl' 
+
+body {
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
+    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+.theme-default-content pre code {
+  font-size: 14px;
+  font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
+  line-height: 26px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  -webkit-font-smoothing: auto;
+}
+
+em {
+  color: #4fc08d;
+  font-size: 14px;
+  font-family: 'Source Code Pro', 'Monaco', 'Inconsolata', monospace;
+  font-style: normal;
+  -webkit-font-smoothing: auto;
+}
diff --git a/packages/vant-use/.vuepress/styles/palette.styl b/packages/vant-use/.vuepress/styles/palette.styl
new file mode 100644
index 000000000..e58d0df30
--- /dev/null
+++ b/packages/vant-use/.vuepress/styles/palette.styl
@@ -0,0 +1,2 @@
+$accentColor = #4fc08d;
+
diff --git a/packages/vant-use/README.md b/packages/vant-use/README.md
new file mode 100644
index 000000000..b84c2a464
--- /dev/null
+++ b/packages/vant-use/README.md
@@ -0,0 +1 @@
+# Vant Use
diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 97a8e02bf..41dd986d5 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -10,7 +10,9 @@
     "dev": "tsc -m esNext --outDir es --watch",
     "clean": "rm -rf ./es && rm -rf ./lib",
     "build": "yarn clean && tsc && tsc -m esNext --outDir es",
-    "release": "yarn build && release-it"
+    "release": "yarn build && release-it",
+    "docs:dev": "vuepress dev",
+    "docs:build": "vuepress build"
   },
   "publishConfig": {
     "access": "public",
@@ -21,7 +23,7 @@
   "devDependencies": {
     "release-it": "^14.0.2",
     "typescript": "^4.0.2",
-    "vue": "^3.0.0-rc.10"
+    "vuepress": "^1.6.0"
   },
   "release-it": {
     "git": {
diff --git a/packages/vant-use/src/package.json b/packages/vant-use/src/package.json
new file mode 100644
index 000000000..311be4e97
--- /dev/null
+++ b/packages/vant-use/src/package.json
@@ -0,0 +1,7 @@
+{
+  "private": true,
+  "license": "MIT",
+  "devDependencies": {
+    "vue": "^3.0.0"
+  }
+}
diff --git a/packages/vant-use/src/useClickAway/README.zh-CN.md b/packages/vant-use/src/useClickAway/README.md
similarity index 77%
rename from packages/vant-use/src/useClickAway/README.zh-CN.md
rename to packages/vant-use/src/useClickAway/README.md
index 442077231..ef9ac4fee 100644
--- a/packages/vant-use/src/useClickAway/README.zh-CN.md
+++ b/packages/vant-use/src/useClickAway/README.md
@@ -70,11 +70,11 @@ type Options = {
 
 ## 参数
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| target | 绑定事件的元素 | \_Element | Ref<Element>\_ | - |
-| listener | 点击外部时触发的回调函数 | _EventListener_ | - |
-| options | 可选的配置项 | _Options_ | `{ eventName: 'click' }` |
+| 参数     | 说明                     | 类型                       | 默认值 |
+| -------- | ------------------------ | -------------------------- | ------ |
+| target   | 绑定事件的元素           | _Element \| Ref\<Element>_ | -      |
+| listener | 点击外部时触发的回调函数 | _EventListener_            | -      |
+| options  | 可选的配置项             | _Options_                  | 见下表 |
 
 ## Options
 
diff --git a/packages/vant-use/src/useEventListener/README.zh-CN.md b/packages/vant-use/src/useEventListener/README.md
similarity index 95%
rename from packages/vant-use/src/useEventListener/README.zh-CN.md
rename to packages/vant-use/src/useEventListener/README.md
index 3cf3b70da..72942730f 100644
--- a/packages/vant-use/src/useEventListener/README.zh-CN.md
+++ b/packages/vant-use/src/useEventListener/README.md
@@ -58,6 +58,6 @@ type Options = {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| target | 绑定事件的元素 | \_EventTarget | Ref<EventTarget>\_ | `window` |
+| target | 绑定事件的元素 | _EventTarget \| Ref\<EventTarget>_ | `window` |
 | capture | 是否在事件捕获阶段触发 | _boolean_ | `false` |
 | passive | 设置为 `true` 时，表示 `listener` 永远不会调用 `preventDefault` | _boolean_ | `false` |
diff --git a/packages/vant-use/src/usePageVisibility/README.zh-CN.md b/packages/vant-use/src/usePageVisibility/README.md
similarity index 91%
rename from packages/vant-use/src/usePageVisibility/README.zh-CN.md
rename to packages/vant-use/src/usePageVisibility/README.md
index 3e97d7951..1afded4fa 100644
--- a/packages/vant-use/src/usePageVisibility/README.zh-CN.md
+++ b/packages/vant-use/src/usePageVisibility/README.md
@@ -33,4 +33,4 @@ type VisibilityState = 'visible' | 'hidden';
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref<VisibilityState>_ | - |
+| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref\<VisibilityState>_ | - |
diff --git a/packages/vant-use/src/useScrollParent/README.zh-CN.md b/packages/vant-use/src/useScrollParent/README.md
similarity index 61%
rename from packages/vant-use/src/useScrollParent/README.zh-CN.md
rename to packages/vant-use/src/useScrollParent/README.md
index baafd5e6e..85f3934b8 100644
--- a/packages/vant-use/src/useScrollParent/README.zh-CN.md
+++ b/packages/vant-use/src/useScrollParent/README.md
@@ -40,12 +40,12 @@ function useScrollParent(element: Ref<Element>): Ref<Element>;
 
 ## 参数
 
-| 参数    | 说明     | 类型           | 默认值 |
-| ------- | -------- | -------------- | ------ |
-| element | 当前元素 | _Ref<Element>_ | -      |
+| 参数    | 说明     | 类型            | 默认值 |
+| ------- | -------- | --------------- | ------ |
+| element | 当前元素 | _Ref\<Element>_ | -      |
 
 ## 返回值
 
-| 参数         | 说明               | 类型           | 默认值 |
-| ------------ | ------------------ | -------------- | ------ |
-| scrollParent | 最近的可滚动父元素 | _Ref<Element>_ | -      |
+| 参数         | 说明               | 类型            | 默认值 |
+| ------------ | ------------------ | --------------- | ------ |
+| scrollParent | 最近的可滚动父元素 | _Ref\<Element>_ | -      |
diff --git a/packages/vant-use/src/yarn.lock b/packages/vant-use/src/yarn.lock
new file mode 100644
index 000000000..06865e85b
--- /dev/null
+++ b/packages/vant-use/src/yarn.lock
@@ -0,0 +1,104 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.4.tgz?cache=0&sync_timestamp=1593522720715&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-validator-identifier%2Fdownload%2F%40babel%2Fhelper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  integrity sha1-p4x6clHgH2FlEtMbEK3PUq2l4NI=
+
+"@babel/parser@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
+  integrity sha1-x/9jA99xCA7HpPW4wAPFjxz1EDc=
+
+"@babel/types@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
+  integrity sha1-2d5XfQElLXfGgAzuA57mT691Zi0=
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
+"@vue/compiler-core@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0.tgz#25e4f079cf6c39f83bad23700f814c619105a0f2"
+  integrity sha1-JeTwec9sOfg7rSNwD4FMYZEFoPI=
+  dependencies:
+    "@babel/parser" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    "@vue/shared" "3.0.0"
+    estree-walker "^2.0.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0.tgz#4cbb48fcf1f852daef2babcf9953b681ac463526"
+  integrity sha1-TLtI/PH4UtrvK6vPmVO2gaxGNSY=
+  dependencies:
+    "@vue/compiler-core" "3.0.0"
+    "@vue/shared" "3.0.0"
+
+"@vue/reactivity@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0.tgz#fd15632a608650ce2a969c721787e27e2c80aa6b"
+  integrity sha1-/RVjKmCGUM4qlpxyF4fifiyAqms=
+  dependencies:
+    "@vue/shared" "3.0.0"
+
+"@vue/runtime-core@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0.tgz#480febf1bfe32798b6abbd71a88f8e8b473a51c2"
+  integrity sha1-SA/r8b/jJ5i2q71xqI+Oi0c6UcI=
+  dependencies:
+    "@vue/reactivity" "3.0.0"
+    "@vue/shared" "3.0.0"
+
+"@vue/runtime-dom@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0.tgz#e0d1f7c7e22e1318696014cc3501e06b288c2e11"
+  integrity sha1-4NH3x+IuExhpYBTMNQHgayiMLhE=
+  dependencies:
+    "@vue/runtime-core" "3.0.0"
+    "@vue/shared" "3.0.0"
+    csstype "^2.6.8"
+
+"@vue/shared@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0.tgz#ec089236629ecc0f10346b92f101ff4339169f1a"
+  integrity sha1-7AiSNmKezA8QNGuS8QH/QzkWnxo=
+
+csstype@^2.6.8:
+  version "2.6.13"
+  resolved "https://registry.npm.taobao.org/csstype/download/csstype-2.6.13.tgz?cache=0&sync_timestamp=1598348290847&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcsstype%2Fdownload%2Fcsstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
+  integrity sha1-pokwFbkOhN1uhdDjtEKh6E8tvg8=
+
+estree-walker@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/estree-walker/download/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
+  integrity sha1-+OAw+yHO+hg7RLetUWt0dDTno+A=
+
+lodash@^4.17.19:
+  version "4.17.20"
+  resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336147792&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
+
+vue@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0.tgz#cfb5df5c34efce319b113a1667d12b74dcfd9c90"
+  integrity sha1-z7XfXDTvzjGbEToWZ9ErdNz9nJA=
+  dependencies:
+    "@vue/compiler-dom" "3.0.0"
+    "@vue/runtime-dom" "3.0.0"
+    "@vue/shared" "3.0.0"
diff --git a/packages/vant-use/yarn.lock b/packages/vant-use/yarn.lock
index 2e30517cc..5241039b5 100644
--- a/packages/vant-use/yarn.lock
+++ b/packages/vant-use/yarn.lock
@@ -2,18 +2,251 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
   integrity sha1-Fo2ho26Q2miujUnA8bSMfGJJITo=
   dependencies:
     "@babel/highlight" "^7.10.4"
 
+"@babel/compat-data@^7.10.4", "@babel/compat-data@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/compat-data/download/@babel/compat-data-7.11.0.tgz#e9f73efe09af1355b723a7f39b11bad637d7c99c"
+  integrity sha1-6fc+/gmvE1W3I6fzmxG61jfXyZw=
+  dependencies:
+    browserslist "^4.12.0"
+    invariant "^2.2.4"
+    semver "^5.5.0"
+
+"@babel/core@^7.11.0", "@babel/core@^7.8.4":
+  version "7.11.6"
+  resolved "https://registry.npm.taobao.org/@babel/core/download/@babel/core-7.11.6.tgz?cache=0&sync_timestamp=1599146828594&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcore%2Fdownload%2F%40babel%2Fcore-7.11.6.tgz#3a9455dc7387ff1bac45770650bc13ba04a15651"
+  integrity sha1-OpRV3HOH/xusRXcGULwTugShVlE=
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.11.6"
+    "@babel/helper-module-transforms" "^7.11.0"
+    "@babel/helpers" "^7.10.4"
+    "@babel/parser" "^7.11.5"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.1"
+    json5 "^2.1.2"
+    lodash "^4.17.19"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
+"@babel/generator@^7.11.5", "@babel/generator@^7.11.6":
+  version "7.11.6"
+  resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.11.6.tgz?cache=0&sync_timestamp=1599146830039&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.11.6.tgz#b868900f81b163b4d464ea24545c61cbac4dc620"
+  integrity sha1-uGiQD4GxY7TUZOokVFxhy6xNxiA=
+  dependencies:
+    "@babel/types" "^7.11.5"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
+"@babel/helper-annotate-as-pure@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-annotate-as-pure/download/@babel/helper-annotate-as-pure-7.10.4.tgz?cache=0&sync_timestamp=1593522826156&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-annotate-as-pure%2Fdownload%2F%40babel%2Fhelper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3"
+  integrity sha1-W/DUlaP3V6w72ki1vzs7ownHK6M=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-builder-binary-assignment-operator-visitor/download/@babel/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz#bb0b75f31bf98cbf9ff143c1ae578b87274ae1a3"
+  integrity sha1-uwt18xv5jL+f8UPBrleLhydK4aM=
+  dependencies:
+    "@babel/helper-explode-assignable-expression" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-compilation-targets@^7.10.4", "@babel/helper-compilation-targets@^7.9.6":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-compilation-targets/download/@babel/helper-compilation-targets-7.10.4.tgz?cache=0&sync_timestamp=1593522816195&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-compilation-targets%2Fdownload%2F%40babel%2Fhelper-compilation-targets-7.10.4.tgz#804ae8e3f04376607cc791b9d47d540276332bd2"
+  integrity sha1-gEro4/BDdmB8x5G51H1UAnYzK9I=
+  dependencies:
+    "@babel/compat-data" "^7.10.4"
+    browserslist "^4.12.0"
+    invariant "^2.2.4"
+    levenary "^1.1.1"
+    semver "^5.5.0"
+
+"@babel/helper-create-class-features-plugin@^7.10.4", "@babel/helper-create-class-features-plugin@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/helper-create-class-features-plugin/download/@babel/helper-create-class-features-plugin-7.10.5.tgz?cache=0&sync_timestamp=1594749163935&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-create-class-features-plugin%2Fdownload%2F%40babel%2Fhelper-create-class-features-plugin-7.10.5.tgz#9f61446ba80e8240b0a5c85c6fdac8459d6f259d"
+  integrity sha1-n2FEa6gOgkCwpchcb9rIRZ1vJZ0=
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-member-expression-to-functions" "^7.10.5"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+
+"@babel/helper-create-regexp-features-plugin@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-create-regexp-features-plugin/download/@babel/helper-create-regexp-features-plugin-7.10.4.tgz?cache=0&sync_timestamp=1593522831219&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-create-regexp-features-plugin%2Fdownload%2F%40babel%2Fhelper-create-regexp-features-plugin-7.10.4.tgz#fdd60d88524659a0b6959c0579925e425714f3b8"
+  integrity sha1-/dYNiFJGWaC2lZwFeZJeQlcU87g=
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+    regexpu-core "^4.7.0"
+
+"@babel/helper-define-map@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/helper-define-map/download/@babel/helper-define-map-7.10.5.tgz#b53c10db78a640800152692b13393147acb9bb30"
+  integrity sha1-tTwQ23imQIABUmkrEzkxR6y5uzA=
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/types" "^7.10.5"
+    lodash "^4.17.19"
+
+"@babel/helper-explode-assignable-expression@^7.10.4":
+  version "7.11.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-explode-assignable-expression/download/@babel/helper-explode-assignable-expression-7.11.4.tgz?cache=0&sync_timestamp=1597948528737&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-explode-assignable-expression%2Fdownload%2F%40babel%2Fhelper-explode-assignable-expression-7.11.4.tgz#2d8e3470252cc17aba917ede7803d4a7a276a41b"
+  integrity sha1-LY40cCUswXq6kX7eeAPUp6J2pBs=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-function-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
+  integrity sha1-0tOyDFmtjEcRL6fSqUvAnV74Lxo=
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-get-function-arity@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-get-function-arity/download/@babel/helper-get-function-arity-7.10.4.tgz?cache=0&sync_timestamp=1593522827189&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-get-function-arity%2Fdownload%2F%40babel%2Fhelper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
+  integrity sha1-mMHL6g4jMvM/mkZhuM4VBbLBm6I=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-hoist-variables@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-hoist-variables/download/@babel/helper-hoist-variables-7.10.4.tgz?cache=0&sync_timestamp=1593521209226&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-hoist-variables%2Fdownload%2F%40babel%2Fhelper-hoist-variables-7.10.4.tgz#d49b001d1d5a68ca5e6604dda01a6297f7c9381e"
+  integrity sha1-1JsAHR1aaMpeZgTdoBpil/fJOB4=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-member-expression-to-functions@^7.10.4", "@babel/helper-member-expression-to-functions@^7.10.5":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/helper-member-expression-to-functions/download/@babel/helper-member-expression-to-functions-7.11.0.tgz?cache=0&sync_timestamp=1596144651395&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-member-expression-to-functions%2Fdownload%2F%40babel%2Fhelper-member-expression-to-functions-7.11.0.tgz#ae69c83d84ee82f4b42f96e2a09410935a8f26df"
+  integrity sha1-rmnIPYTugvS0L5bioJQQk1qPJt8=
+  dependencies:
+    "@babel/types" "^7.11.0"
+
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-module-imports/download/@babel/helper-module-imports-7.10.4.tgz#4c5c54be04bd31670a7382797d75b9fa2e5b5620"
+  integrity sha1-TFxUvgS9MWcKc4J5fXW5+i5bViA=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-module-transforms@^7.10.4", "@babel/helper-module-transforms@^7.10.5", "@babel/helper-module-transforms@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/helper-module-transforms/download/@babel/helper-module-transforms-7.11.0.tgz?cache=0&sync_timestamp=1596142927697&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-module-transforms%2Fdownload%2F%40babel%2Fhelper-module-transforms-7.11.0.tgz#b16f250229e47211abdd84b34b64737c2ab2d359"
+  integrity sha1-sW8lAinkchGr3YSzS2RzfCqy01k=
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-simple-access" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.11.0"
+    lodash "^4.17.19"
+
+"@babel/helper-optimise-call-expression@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-optimise-call-expression/download/@babel/helper-optimise-call-expression-7.10.4.tgz?cache=0&sync_timestamp=1593522827576&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-optimise-call-expression%2Fdownload%2F%40babel%2Fhelper-optimise-call-expression-7.10.4.tgz#50dc96413d594f995a77905905b05893cd779673"
+  integrity sha1-UNyWQT1ZT5lad5BZBbBYk813lnM=
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-plugin-utils/download/@babel/helper-plugin-utils-7.10.4.tgz?cache=0&sync_timestamp=1593521148758&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-plugin-utils%2Fdownload%2F%40babel%2Fhelper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
+  integrity sha1-L3WoMSadT2d95JmG3/WZJ1M883U=
+
+"@babel/helper-regex@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/helper-regex/download/@babel/helper-regex-7.10.5.tgz?cache=0&sync_timestamp=1594749174690&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-regex%2Fdownload%2F%40babel%2Fhelper-regex-7.10.5.tgz#32dfbb79899073c415557053a19bd055aae50ae0"
+  integrity sha1-Mt+7eYmQc8QVVXBToZvQVarlCuA=
+  dependencies:
+    lodash "^4.17.19"
+
+"@babel/helper-remap-async-to-generator@^7.10.4":
+  version "7.11.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-remap-async-to-generator/download/@babel/helper-remap-async-to-generator-7.11.4.tgz?cache=0&sync_timestamp=1597948526080&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-remap-async-to-generator%2Fdownload%2F%40babel%2Fhelper-remap-async-to-generator-7.11.4.tgz#4474ea9f7438f18575e30b0cac784045b402a12d"
+  integrity sha1-RHTqn3Q48YV14wsMrHhARbQCoS0=
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-wrap-function" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-replace-supers@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-replace-supers/download/@babel/helper-replace-supers-7.10.4.tgz#d585cd9388ea06e6031e4cd44b6713cbead9e6cf"
+  integrity sha1-1YXNk4jqBuYDHkzUS2cTy+rZ5s8=
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.10.4"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-simple-access@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-simple-access/download/@babel/helper-simple-access-7.10.4.tgz#0f5ccda2945277a2a7a2d3a821e15395edcf3461"
+  integrity sha1-D1zNopRSd6KnotOoIeFTle3PNGE=
+  dependencies:
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/helper-skip-transparent-expression-wrappers/download/@babel/helper-skip-transparent-expression-wrappers-7.11.0.tgz?cache=0&sync_timestamp=1596142927780&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-skip-transparent-expression-wrappers%2Fdownload%2F%40babel%2Fhelper-skip-transparent-expression-wrappers-7.11.0.tgz#eec162f112c2f58d3af0af125e3bb57665146729"
+  integrity sha1-7sFi8RLC9Y068K8SXju1dmUUZyk=
+  dependencies:
+    "@babel/types" "^7.11.0"
+
+"@babel/helper-split-export-declaration@^7.10.4", "@babel/helper-split-export-declaration@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/helper-split-export-declaration/download/@babel/helper-split-export-declaration-7.11.0.tgz?cache=0&sync_timestamp=1596142927868&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-split-export-declaration%2Fdownload%2F%40babel%2Fhelper-split-export-declaration-7.11.0.tgz#f8a491244acf6a676158ac42072911ba83ad099f"
+  integrity sha1-+KSRJErPamdhWKxCBykRuoOtCZ8=
+  dependencies:
+    "@babel/types" "^7.11.0"
+
 "@babel/helper-validator-identifier@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
   integrity sha1-p4x6clHgH2FlEtMbEK3PUq2l4NI=
 
+"@babel/helper-wrap-function@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helper-wrap-function/download/@babel/helper-wrap-function-7.10.4.tgz?cache=0&sync_timestamp=1593522846867&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-wrap-function%2Fdownload%2F%40babel%2Fhelper-wrap-function-7.10.4.tgz#8a6f701eab0ff39f765b5a1cfef409990e624b87"
+  integrity sha1-im9wHqsP8592W1oc/vQJmQ5iS4c=
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helpers@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/helpers/download/@babel/helpers-7.10.4.tgz#2abeb0d721aff7c0a97376b9e1f6f65d7a475044"
+  integrity sha1-Kr6w1yGv98Cpc3a54fb2XXpHUEQ=
+  dependencies:
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/highlight@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.10.4.tgz?cache=0&sync_timestamp=1593521087106&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhighlight%2Fdownload%2F%40babel%2Fhighlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
@@ -23,14 +256,605 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.10.4":
+"@babel/parser@^7.10.4", "@babel/parser@^7.11.5":
   version "7.11.5"
-  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz?cache=0&sync_timestamp=1598904268134&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
+  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
   integrity sha1-x/9jA99xCA7HpPW4wAPFjxz1EDc=
 
-"@babel/types@^7.10.4":
+"@babel/plugin-proposal-async-generator-functions@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-async-generator-functions/download/@babel/plugin-proposal-async-generator-functions-7.10.5.tgz#3491cabf2f7c179ab820606cec27fed15e0e8558"
+  integrity sha1-NJHKvy98F5q4IGBs7Cf+0V4OhVg=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.10.4"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+
+"@babel/plugin-proposal-class-properties@^7.10.4", "@babel/plugin-proposal-class-properties@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-class-properties/download/@babel/plugin-proposal-class-properties-7.10.4.tgz?cache=0&sync_timestamp=1593522946305&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-class-properties%2Fdownload%2F%40babel%2Fplugin-proposal-class-properties-7.10.4.tgz#a33bf632da390a59c7a8c570045d1115cd778807"
+  integrity sha1-ozv2Mto5ClnHqMVwBF0RFc13iAc=
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-decorators@^7.8.3":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-decorators/download/@babel/plugin-proposal-decorators-7.10.5.tgz?cache=0&sync_timestamp=1594749164662&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-decorators%2Fdownload%2F%40babel%2Fplugin-proposal-decorators-7.10.5.tgz#42898bba478bc4b1ae242a703a953a7ad350ffb4"
+  integrity sha1-QomLukeLxLGuJCpwOpU6etNQ/7Q=
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-decorators" "^7.10.4"
+
+"@babel/plugin-proposal-dynamic-import@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-dynamic-import/download/@babel/plugin-proposal-dynamic-import-7.10.4.tgz?cache=0&sync_timestamp=1593521117836&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-dynamic-import%2Fdownload%2F%40babel%2Fplugin-proposal-dynamic-import-7.10.4.tgz#ba57a26cb98b37741e9d5bca1b8b0ddf8291f17e"
+  integrity sha1-uleibLmLN3QenVvKG4sN34KR8X4=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+
+"@babel/plugin-proposal-export-namespace-from@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-export-namespace-from/download/@babel/plugin-proposal-export-namespace-from-7.10.4.tgz?cache=0&sync_timestamp=1593522795481&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-export-namespace-from%2Fdownload%2F%40babel%2Fplugin-proposal-export-namespace-from-7.10.4.tgz#570d883b91031637b3e2958eea3c438e62c05f54"
+  integrity sha1-Vw2IO5EDFjez4pWO6jxDjmLAX1Q=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-proposal-json-strings@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-json-strings/download/@babel/plugin-proposal-json-strings-7.10.4.tgz?cache=0&sync_timestamp=1593521072686&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-json-strings%2Fdownload%2F%40babel%2Fplugin-proposal-json-strings-7.10.4.tgz#593e59c63528160233bd321b1aebe0820c2341db"
+  integrity sha1-WT5ZxjUoFgIzvTIbGuvgggwjQds=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+
+"@babel/plugin-proposal-logical-assignment-operators@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-logical-assignment-operators/download/@babel/plugin-proposal-logical-assignment-operators-7.11.0.tgz#9f80e482c03083c87125dee10026b58527ea20c8"
+  integrity sha1-n4DkgsAwg8hxJd7hACa1hSfqIMg=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-nullish-coalescing-operator/download/@babel/plugin-proposal-nullish-coalescing-operator-7.10.4.tgz?cache=0&sync_timestamp=1593521118939&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-nullish-coalescing-operator%2Fdownload%2F%40babel%2Fplugin-proposal-nullish-coalescing-operator-7.10.4.tgz#02a7e961fc32e6d5b2db0649e01bf80ddee7e04a"
+  integrity sha1-AqfpYfwy5tWy2wZJ4Bv4Dd7n4Eo=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+
+"@babel/plugin-proposal-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-numeric-separator/download/@babel/plugin-proposal-numeric-separator-7.10.4.tgz?cache=0&sync_timestamp=1593522949557&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-numeric-separator%2Fdownload%2F%40babel%2Fplugin-proposal-numeric-separator-7.10.4.tgz#ce1590ff0a65ad12970a609d78855e9a4c1aef06"
+  integrity sha1-zhWQ/wplrRKXCmCdeIVemkwa7wY=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-proposal-object-rest-spread@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-object-rest-spread/download/@babel/plugin-proposal-object-rest-spread-7.11.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-object-rest-spread%2Fdownload%2F%40babel%2Fplugin-proposal-object-rest-spread-7.11.0.tgz#bd81f95a1f746760ea43b6c2d3d62b11790ad0af"
+  integrity sha1-vYH5Wh90Z2DqQ7bC09YrEXkK0K8=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-transform-parameters" "^7.10.4"
+
+"@babel/plugin-proposal-optional-catch-binding@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-optional-catch-binding/download/@babel/plugin-proposal-optional-catch-binding-7.10.4.tgz?cache=0&sync_timestamp=1593522756062&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-optional-catch-binding%2Fdownload%2F%40babel%2Fplugin-proposal-optional-catch-binding-7.10.4.tgz#31c938309d24a78a49d68fdabffaa863758554dd"
+  integrity sha1-Mck4MJ0kp4pJ1o/av/qoY3WFVN0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+
+"@babel/plugin-proposal-optional-chaining@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-optional-chaining/download/@babel/plugin-proposal-optional-chaining-7.11.0.tgz?cache=0&sync_timestamp=1596142928022&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-optional-chaining%2Fdownload%2F%40babel%2Fplugin-proposal-optional-chaining-7.11.0.tgz#de5866d0646f6afdaab8a566382fe3a221755076"
+  integrity sha1-3lhm0GRvav2quKVmOC/joiF1UHY=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+
+"@babel/plugin-proposal-private-methods@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-private-methods/download/@babel/plugin-proposal-private-methods-7.10.4.tgz?cache=0&sync_timestamp=1593521310990&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-private-methods%2Fdownload%2F%40babel%2Fplugin-proposal-private-methods-7.10.4.tgz#b160d972b8fdba5c7d111a145fc8c421fc2a6909"
+  integrity sha1-sWDZcrj9ulx9ERoUX8jEIfwqaQk=
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-unicode-property-regex@^7.10.4", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-unicode-property-regex/download/@babel/plugin-proposal-unicode-property-regex-7.10.4.tgz#4483cda53041ce3413b7fe2f00022665ddfaa75d"
+  integrity sha1-RIPNpTBBzjQTt/4vAAImZd36p10=
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-async-generators@^7.8.0":
+  version "7.8.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-async-generators/download/@babel/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
+  integrity sha1-qYP7Gusuw/btBCohD2QOkOeG/g0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-class-properties/download/@babel/plugin-syntax-class-properties-7.10.4.tgz?cache=0&sync_timestamp=1593522817483&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-class-properties%2Fdownload%2F%40babel%2Fplugin-syntax-class-properties-7.10.4.tgz#6644e6a0baa55a61f9e3231f6c9eeb6ee46c124c"
+  integrity sha1-ZkTmoLqlWmH54yMfbJ7rbuRsEkw=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-decorators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-decorators/download/@babel/plugin-syntax-decorators-7.10.4.tgz?cache=0&sync_timestamp=1593521120720&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-decorators%2Fdownload%2F%40babel%2Fplugin-syntax-decorators-7.10.4.tgz#6853085b2c429f9d322d02f5a635018cdeb2360c"
+  integrity sha1-aFMIWyxCn50yLQL1pjUBjN6yNgw=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-dynamic-import@^7.8.0", "@babel/plugin-syntax-dynamic-import@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-dynamic-import/download/@babel/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
+  integrity sha1-Yr+Ysto80h1iYVT8lu5bPLaOrLM=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-export-namespace-from@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-export-namespace-from/download/@babel/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
+  integrity sha1-AolkqbqA28CUyRXEh618TnpmRlo=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
+"@babel/plugin-syntax-json-strings@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-json-strings/download/@babel/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
+  integrity sha1-AcohtmjNghjJ5kDLbdiMVBKyyWo=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-jsx/download/@babel/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
+  integrity sha1-Oauq48v3EMQ3PYQpSE5rohNAFmw=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-logical-assignment-operators/download/@babel/plugin-syntax-logical-assignment-operators-7.10.4.tgz?cache=0&sync_timestamp=1593522984333&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-logical-assignment-operators%2Fdownload%2F%40babel%2Fplugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha1-ypHvRjA1MESLkGZSusLp/plB9pk=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-nullish-coalescing-operator/download/@babel/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha1-Fn7XA2iIYIH3S1w2xlqIwDtm0ak=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-numeric-separator/download/@babel/plugin-syntax-numeric-separator-7.10.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-numeric-separator%2Fdownload%2F%40babel%2Fplugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha1-ubBws+M1cM2f0Hun+pHA3Te5r5c=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-object-rest-spread/download/@babel/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
+  integrity sha1-YOIl7cvZimQDMqLnLdPmbxr1WHE=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-optional-catch-binding/download/@babel/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
+  integrity sha1-YRGiZbz7Ag6579D9/X0mQCue1sE=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.0":
+  version "7.8.3"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-optional-chaining/download/@babel/plugin-syntax-optional-chaining-7.8.3.tgz?cache=0&sync_timestamp=1578952225502&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-optional-chaining%2Fdownload%2F%40babel%2Fplugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha1-T2nCq5UWfgGAzVM2YT+MV4j31Io=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-top-level-await@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-top-level-await/download/@babel/plugin-syntax-top-level-await-7.10.4.tgz?cache=0&sync_timestamp=1593522992017&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-top-level-await%2Fdownload%2F%40babel%2Fplugin-syntax-top-level-await-7.10.4.tgz#4bbeb8917b54fcf768364e0a81f560e33a3ef57d"
+  integrity sha1-S764kXtU/PdoNk4KgfVg4zo+9X0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-arrow-functions@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-arrow-functions/download/@babel/plugin-transform-arrow-functions-7.10.4.tgz#e22960d77e697c74f41c501d44d73dbf8a6a64cd"
+  integrity sha1-4ilg135pfHT0HFAdRNc9v4pqZM0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-async-to-generator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-async-to-generator/download/@babel/plugin-transform-async-to-generator-7.10.4.tgz?cache=0&sync_timestamp=1593522851748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-async-to-generator%2Fdownload%2F%40babel%2Fplugin-transform-async-to-generator-7.10.4.tgz#41a5017e49eb6f3cda9392a51eef29405b245a37"
+  integrity sha1-QaUBfknrbzzak5KlHu8pQFskWjc=
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.10.4"
+
+"@babel/plugin-transform-block-scoped-functions@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-block-scoped-functions/download/@babel/plugin-transform-block-scoped-functions-7.10.4.tgz#1afa595744f75e43a91af73b0d998ecfe4ebc2e8"
+  integrity sha1-GvpZV0T3XkOpGvc7DZmOz+Trwug=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-block-scoping@^7.10.4":
+  version "7.11.1"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-block-scoping/download/@babel/plugin-transform-block-scoping-7.11.1.tgz?cache=0&sync_timestamp=1596578803980&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-block-scoping%2Fdownload%2F%40babel%2Fplugin-transform-block-scoping-7.11.1.tgz#5b7efe98852bef8d652c0b28144cd93a9e4b5215"
+  integrity sha1-W37+mIUr741lLAsoFEzZOp5LUhU=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-classes@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-classes/download/@babel/plugin-transform-classes-7.10.4.tgz?cache=0&sync_timestamp=1593522856487&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-classes%2Fdownload%2F%40babel%2Fplugin-transform-classes-7.10.4.tgz#405136af2b3e218bc4a1926228bc917ab1a0adc7"
+  integrity sha1-QFE2rys+IYvEoZJiKLyRerGgrcc=
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-define-map" "^7.10.4"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-computed-properties/download/@babel/plugin-transform-computed-properties-7.10.4.tgz#9ded83a816e82ded28d52d4b4ecbdd810cdfc0eb"
+  integrity sha1-ne2DqBboLe0o1S1LTsvdgQzfwOs=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-destructuring@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-destructuring/download/@babel/plugin-transform-destructuring-7.10.4.tgz#70ddd2b3d1bea83d01509e9bb25ddb3a74fc85e5"
+  integrity sha1-cN3Ss9G+qD0BUJ6bsl3bOnT8heU=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-dotall-regex@^7.10.4", "@babel/plugin-transform-dotall-regex@^7.4.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-dotall-regex/download/@babel/plugin-transform-dotall-regex-7.10.4.tgz#469c2062105c1eb6a040eaf4fac4b488078395ee"
+  integrity sha1-RpwgYhBcHragQOr0+sS0iAeDle4=
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-duplicate-keys@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-duplicate-keys/download/@babel/plugin-transform-duplicate-keys-7.10.4.tgz#697e50c9fee14380fe843d1f306b295617431e47"
+  integrity sha1-aX5Qyf7hQ4D+hD0fMGspVhdDHkc=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-exponentiation-operator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-exponentiation-operator/download/@babel/plugin-transform-exponentiation-operator-7.10.4.tgz?cache=0&sync_timestamp=1593522967206&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-exponentiation-operator%2Fdownload%2F%40babel%2Fplugin-transform-exponentiation-operator-7.10.4.tgz#5ae338c57f8cf4001bdb35607ae66b92d665af2e"
+  integrity sha1-WuM4xX+M9AAb2zVgeuZrktZlry4=
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-for-of@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-for-of/download/@babel/plugin-transform-for-of-7.10.4.tgz?cache=0&sync_timestamp=1593521205142&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-for-of%2Fdownload%2F%40babel%2Fplugin-transform-for-of-7.10.4.tgz#c08892e8819d3a5db29031b115af511dbbfebae9"
+  integrity sha1-wIiS6IGdOl2ykDGxFa9RHbv+uuk=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-function-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-function-name/download/@babel/plugin-transform-function-name-7.10.4.tgz#6a467880e0fc9638514ba369111811ddbe2644b7"
+  integrity sha1-akZ4gOD8ljhRS6NpERgR3b4mRLc=
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-literals/download/@babel/plugin-transform-literals-7.10.4.tgz?cache=0&sync_timestamp=1593521205335&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-literals%2Fdownload%2F%40babel%2Fplugin-transform-literals-7.10.4.tgz#9f42ba0841100a135f22712d0e391c462f571f3c"
+  integrity sha1-n0K6CEEQChNfInEtDjkcRi9XHzw=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-member-expression-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-member-expression-literals/download/@babel/plugin-transform-member-expression-literals-7.10.4.tgz?cache=0&sync_timestamp=1593521257832&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-member-expression-literals%2Fdownload%2F%40babel%2Fplugin-transform-member-expression-literals-7.10.4.tgz#b1ec44fcf195afcb8db2c62cd8e551c881baf8b7"
+  integrity sha1-sexE/PGVr8uNssYs2OVRyIG6+Lc=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-modules-amd@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-amd/download/@babel/plugin-transform-modules-amd-7.10.5.tgz?cache=0&sync_timestamp=1594749164106&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-amd%2Fdownload%2F%40babel%2Fplugin-transform-modules-amd-7.10.5.tgz#1b9cddaf05d9e88b3aad339cb3e445c4f020a9b1"
+  integrity sha1-G5zdrwXZ6Is6rTOcs+RFxPAgqbE=
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
+"@babel/plugin-transform-modules-commonjs@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-commonjs/download/@babel/plugin-transform-modules-commonjs-7.10.4.tgz?cache=0&sync_timestamp=1593522846595&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-commonjs%2Fdownload%2F%40babel%2Fplugin-transform-modules-commonjs-7.10.4.tgz#66667c3eeda1ebf7896d41f1f16b17105a2fbca0"
+  integrity sha1-ZmZ8Pu2h6/eJbUHx8WsXEFovvKA=
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-simple-access" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
+"@babel/plugin-transform-modules-systemjs@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-systemjs/download/@babel/plugin-transform-modules-systemjs-7.10.5.tgz?cache=0&sync_timestamp=1594749163311&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-systemjs%2Fdownload%2F%40babel%2Fplugin-transform-modules-systemjs-7.10.5.tgz#6270099c854066681bae9e05f87e1b9cadbe8c85"
+  integrity sha1-YnAJnIVAZmgbrp4F+H4bnK2+jIU=
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.10.4"
+    "@babel/helper-module-transforms" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
+"@babel/plugin-transform-modules-umd@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-umd/download/@babel/plugin-transform-modules-umd-7.10.4.tgz?cache=0&sync_timestamp=1593522846765&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-umd%2Fdownload%2F%40babel%2Fplugin-transform-modules-umd-7.10.4.tgz#9a8481fe81b824654b3a0b65da3df89f3d21839e"
+  integrity sha1-moSB/oG4JGVLOgtl2j34nz0hg54=
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-named-capturing-groups-regex/download/@babel/plugin-transform-named-capturing-groups-regex-7.10.4.tgz#78b4d978810b6f3bcf03f9e318f2fc0ed41aecb6"
+  integrity sha1-eLTZeIELbzvPA/njGPL8DtQa7LY=
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+
+"@babel/plugin-transform-new-target@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-new-target/download/@babel/plugin-transform-new-target-7.10.4.tgz?cache=0&sync_timestamp=1593521205540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-new-target%2Fdownload%2F%40babel%2Fplugin-transform-new-target-7.10.4.tgz#9097d753cb7b024cb7381a3b2e52e9513a9c6888"
+  integrity sha1-kJfXU8t7Aky3OBo7LlLpUTqcaIg=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-object-super@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-object-super/download/@babel/plugin-transform-object-super-7.10.4.tgz?cache=0&sync_timestamp=1593522848107&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-object-super%2Fdownload%2F%40babel%2Fplugin-transform-object-super-7.10.4.tgz#d7146c4d139433e7a6526f888c667e314a093894"
+  integrity sha1-1xRsTROUM+emUm+IjGZ+MUoJOJQ=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+
+"@babel/plugin-transform-parameters@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-parameters/download/@babel/plugin-transform-parameters-7.10.5.tgz#59d339d58d0b1950435f4043e74e2510005e2c4a"
+  integrity sha1-WdM51Y0LGVBDX0BD504lEABeLEo=
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-property-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-property-literals/download/@babel/plugin-transform-property-literals-7.10.4.tgz?cache=0&sync_timestamp=1593521258372&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-property-literals%2Fdownload%2F%40babel%2Fplugin-transform-property-literals-7.10.4.tgz#f6fe54b6590352298785b83edd815d214c42e3c0"
+  integrity sha1-9v5UtlkDUimHhbg+3YFdIUxC48A=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-regenerator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-regenerator/download/@babel/plugin-transform-regenerator-7.10.4.tgz?cache=0&sync_timestamp=1593521070883&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-regenerator%2Fdownload%2F%40babel%2Fplugin-transform-regenerator-7.10.4.tgz#2015e59d839074e76838de2159db421966fd8b63"
+  integrity sha1-IBXlnYOQdOdoON4hWdtCGWb9i2M=
+  dependencies:
+    regenerator-transform "^0.14.2"
+
+"@babel/plugin-transform-reserved-words@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-reserved-words/download/@babel/plugin-transform-reserved-words-7.10.4.tgz?cache=0&sync_timestamp=1593522816859&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-reserved-words%2Fdownload%2F%40babel%2Fplugin-transform-reserved-words-7.10.4.tgz#8f2682bcdcef9ed327e1b0861585d7013f8a54dd"
+  integrity sha1-jyaCvNzvntMn4bCGFYXXAT+KVN0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-runtime@^7.11.0":
   version "7.11.5"
-  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz?cache=0&sync_timestamp=1598904272861&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-runtime/download/@babel/plugin-transform-runtime-7.11.5.tgz#f108bc8e0cf33c37da031c097d1df470b3a293fc"
+  integrity sha1-8Qi8jgzzPDfaAxwJfR30cLOik/w=
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    resolve "^1.8.1"
+    semver "^5.5.1"
+
+"@babel/plugin-transform-shorthand-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-shorthand-properties/download/@babel/plugin-transform-shorthand-properties-7.10.4.tgz?cache=0&sync_timestamp=1593521207009&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-shorthand-properties%2Fdownload%2F%40babel%2Fplugin-transform-shorthand-properties-7.10.4.tgz#9fd25ec5cdd555bb7f473e5e6ee1c971eede4dd6"
+  integrity sha1-n9Jexc3VVbt/Rz5ebuHJce7eTdY=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-spread@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-spread/download/@babel/plugin-transform-spread-7.11.0.tgz?cache=0&sync_timestamp=1596142928262&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-spread%2Fdownload%2F%40babel%2Fplugin-transform-spread-7.11.0.tgz#fa84d300f5e4f57752fe41a6d1b3c554f13f17cc"
+  integrity sha1-+oTTAPXk9XdS/kGm0bPFVPE/F8w=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
+
+"@babel/plugin-transform-sticky-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-sticky-regex/download/@babel/plugin-transform-sticky-regex-7.10.4.tgz#8f3889ee8657581130a29d9cc91d7c73b7c4a28d"
+  integrity sha1-jziJ7oZXWBEwop2cyR18c7fEoo0=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+
+"@babel/plugin-transform-template-literals@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-template-literals/download/@babel/plugin-transform-template-literals-7.10.5.tgz#78bc5d626a6642db3312d9d0f001f5e7639fde8c"
+  integrity sha1-eLxdYmpmQtszEtnQ8AH152Of3ow=
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-typeof-symbol@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-typeof-symbol/download/@babel/plugin-transform-typeof-symbol-7.10.4.tgz#9509f1a7eec31c4edbffe137c16cc33ff0bc5bfc"
+  integrity sha1-lQnxp+7DHE7b/+E3wWzDP/C8W/w=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-unicode-escapes@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-unicode-escapes/download/@babel/plugin-transform-unicode-escapes-7.10.4.tgz#feae523391c7651ddac115dae0a9d06857892007"
+  integrity sha1-/q5SM5HHZR3awRXa4KnQaFeJIAc=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-unicode-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-unicode-regex/download/@babel/plugin-transform-unicode-regex-7.10.4.tgz#e56d71f9282fac6db09c82742055576d5e6d80a8"
+  integrity sha1-5W1x+SgvrG2wnIJ0IFVXbV5tgKg=
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/preset-env@^7.11.0":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/preset-env/download/@babel/preset-env-7.11.5.tgz#18cb4b9379e3e92ffea92c07471a99a2914e4272"
+  integrity sha1-GMtLk3nj6S/+qSwHRxqZopFOQnI=
+  dependencies:
+    "@babel/compat-data" "^7.11.0"
+    "@babel/helper-compilation-targets" "^7.10.4"
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-proposal-async-generator-functions" "^7.10.4"
+    "@babel/plugin-proposal-class-properties" "^7.10.4"
+    "@babel/plugin-proposal-dynamic-import" "^7.10.4"
+    "@babel/plugin-proposal-export-namespace-from" "^7.10.4"
+    "@babel/plugin-proposal-json-strings" "^7.10.4"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.11.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.4"
+    "@babel/plugin-proposal-numeric-separator" "^7.10.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.11.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.10.4"
+    "@babel/plugin-proposal-optional-chaining" "^7.11.0"
+    "@babel/plugin-proposal-private-methods" "^7.10.4"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.10.4"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-class-properties" "^7.10.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-top-level-await" "^7.10.4"
+    "@babel/plugin-transform-arrow-functions" "^7.10.4"
+    "@babel/plugin-transform-async-to-generator" "^7.10.4"
+    "@babel/plugin-transform-block-scoped-functions" "^7.10.4"
+    "@babel/plugin-transform-block-scoping" "^7.10.4"
+    "@babel/plugin-transform-classes" "^7.10.4"
+    "@babel/plugin-transform-computed-properties" "^7.10.4"
+    "@babel/plugin-transform-destructuring" "^7.10.4"
+    "@babel/plugin-transform-dotall-regex" "^7.10.4"
+    "@babel/plugin-transform-duplicate-keys" "^7.10.4"
+    "@babel/plugin-transform-exponentiation-operator" "^7.10.4"
+    "@babel/plugin-transform-for-of" "^7.10.4"
+    "@babel/plugin-transform-function-name" "^7.10.4"
+    "@babel/plugin-transform-literals" "^7.10.4"
+    "@babel/plugin-transform-member-expression-literals" "^7.10.4"
+    "@babel/plugin-transform-modules-amd" "^7.10.4"
+    "@babel/plugin-transform-modules-commonjs" "^7.10.4"
+    "@babel/plugin-transform-modules-systemjs" "^7.10.4"
+    "@babel/plugin-transform-modules-umd" "^7.10.4"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.10.4"
+    "@babel/plugin-transform-new-target" "^7.10.4"
+    "@babel/plugin-transform-object-super" "^7.10.4"
+    "@babel/plugin-transform-parameters" "^7.10.4"
+    "@babel/plugin-transform-property-literals" "^7.10.4"
+    "@babel/plugin-transform-regenerator" "^7.10.4"
+    "@babel/plugin-transform-reserved-words" "^7.10.4"
+    "@babel/plugin-transform-shorthand-properties" "^7.10.4"
+    "@babel/plugin-transform-spread" "^7.11.0"
+    "@babel/plugin-transform-sticky-regex" "^7.10.4"
+    "@babel/plugin-transform-template-literals" "^7.10.4"
+    "@babel/plugin-transform-typeof-symbol" "^7.10.4"
+    "@babel/plugin-transform-unicode-escapes" "^7.10.4"
+    "@babel/plugin-transform-unicode-regex" "^7.10.4"
+    "@babel/preset-modules" "^0.1.3"
+    "@babel/types" "^7.11.5"
+    browserslist "^4.12.0"
+    core-js-compat "^3.6.2"
+    invariant "^2.2.2"
+    levenary "^1.1.1"
+    semver "^5.5.0"
+
+"@babel/preset-modules@^0.1.3":
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/@babel/preset-modules/download/@babel/preset-modules-0.1.4.tgz?cache=0&sync_timestamp=1598549727604&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fpreset-modules%2Fdownload%2F%40babel%2Fpreset-modules-0.1.4.tgz#362f2b68c662842970fdb5e254ffc8fc1c2e415e"
+  integrity sha1-Ni8raMZihClw/bXiVP/I/BwuQV4=
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
+    "@babel/plugin-transform-dotall-regex" "^7.4.4"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/runtime@^7.11.0", "@babel/runtime@^7.8.4":
+  version "7.11.2"
+  resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.11.2.tgz?cache=0&sync_timestamp=1596637803941&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.11.2.tgz#f549c13c754cc40b87644b9fa9f09a6a95fe0736"
+  integrity sha1-9UnBPHVMxAuHZEufqfCaapX+BzY=
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
+"@babel/template@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npm.taobao.org/@babel/template/download/@babel/template-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
+  integrity sha1-MlGZbEIA68cdGo/EBfupQPNrong=
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.10.4", "@babel/traverse@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.11.5.tgz#be777b93b518eb6d76ee2e1ea1d143daa11e61c3"
+  integrity sha1-vnd7k7UY62127i4eodFD2qEeYcM=
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.11.5"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/parser" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
+
+"@babel/types@^7.0.0", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.11.5", "@babel/types@^7.4.4":
+  version "7.11.5"
+  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
   integrity sha1-2d5XfQElLXfGgAzuA57mT691Zi0=
   dependencies:
     "@babel/helper-validator-identifier" "^7.10.4"
@@ -42,6 +866,14 @@
   resolved "https://registry.npm.taobao.org/@iarna/toml/download/@iarna/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
   integrity sha1-syNmyJtDxvjO+976x3i5yCjjuow=
 
+"@mrmlnc/readdir-enhanced@^2.2.1":
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/@mrmlnc/readdir-enhanced/download/@mrmlnc/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
+  integrity sha1-UkryQNGjYFJ7cwR17PoTRKpUDd4=
+  dependencies:
+    call-me-maybe "^1.0.1"
+    glob-to-regexp "^0.3.0"
+
 "@nodelib/fs.scandir@2.1.3":
   version "2.1.3"
   resolved "https://registry.npm.taobao.org/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
@@ -55,6 +887,11 @@
   resolved "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
   integrity sha1-NNxfTKu8cg9OYPdadH5+zWwXW9M=
 
+"@nodelib/fs.stat@^1.1.2":
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
+  integrity sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=
+
 "@nodelib/fs.walk@^1.2.3":
   version "1.2.4"
   resolved "https://registry.npm.taobao.org/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
@@ -199,11 +1036,24 @@
   resolved "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz?cache=0&sync_timestamp=1596837707987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fcolor-name%2Fdownload%2F%40types%2Fcolor-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
   integrity sha1-HBJhu+qhCoBVu8XYq4S3sq/IRqA=
 
+"@types/glob@^7.1.1":
+  version "7.1.3"
+  resolved "https://registry.npm.taobao.org/@types/glob/download/@types/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183"
+  integrity sha1-5rqA82t9qtLGhazZJmOC5omFwYM=
+  dependencies:
+    "@types/minimatch" "*"
+    "@types/node" "*"
+
 "@types/http-cache-semantics@*":
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/@types/http-cache-semantics/download/@types/http-cache-semantics-4.0.0.tgz#9140779736aa2655635ee756e2467d787cfe8a2a"
   integrity sha1-kUB3lzaqJlVjXudW4kZ9eHz+iio=
 
+"@types/json-schema@^7.0.5":
+  version "7.0.6"
+  resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
+  integrity sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA=
+
 "@types/keyv@*":
   version "3.1.1"
   resolved "https://registry.npm.taobao.org/@types/keyv/download/@types/keyv-3.1.1.tgz#e45a45324fca9dab716ab1230ee249c9fb52cfa7"
@@ -211,6 +1061,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/minimatch@*":
+  version "3.0.3"
+  resolved "https://registry.npm.taobao.org/@types/minimatch/download/@types/minimatch-3.0.3.tgz?cache=0&sync_timestamp=1596839015387&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fminimatch%2Fdownload%2F%40types%2Fminimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
+  integrity sha1-PcoOPzOyAPx9ETnAzZbBJoyt/Z0=
+
 "@types/node@*", "@types/node@>= 8":
   version "14.6.4"
   resolved "https://registry.npm.taobao.org/@types/node/download/@types/node-14.6.4.tgz?cache=0&sync_timestamp=1599568905640&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fnode%2Fdownload%2F%40types%2Fnode-14.6.4.tgz#a145cc0bb14ef9c4777361b7bbafa5cf8e3acb5a"
@@ -221,6 +1076,11 @@
   resolved "https://registry.npm.taobao.org/@types/parse-json/download/@types/parse-json-4.0.0.tgz?cache=0&sync_timestamp=1596840707693&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fparse-json%2Fdownload%2F%40types%2Fparse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=
 
+"@types/q@^1.5.1":
+  version "1.5.4"
+  resolved "https://registry.npm.taobao.org/@types/q/download/@types/q-1.5.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fq%2Fdownload%2F%40types%2Fq-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
+  integrity sha1-FZJUFOCtLNdlv+9YhC9+JqesyyQ=
+
 "@types/responselike@*", "@types/responselike@^1.0.0":
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/@types/responselike/download/@types/responselike-1.0.0.tgz?cache=0&sync_timestamp=1596840738846&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fresponselike%2Fdownload%2F%40types%2Fresponselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
@@ -228,53 +1088,479 @@
   dependencies:
     "@types/node" "*"
 
-"@vue/compiler-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111625&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0-rc.10.tgz#a76f713fb0462429ec0ec10a472fff1f539c5772"
-  integrity sha1-p29xP7BGJCnsDsEKRy//H1OcV3I=
-  dependencies:
-    "@babel/parser" "^7.10.4"
-    "@babel/types" "^7.10.4"
-    "@vue/shared" "3.0.0-rc.10"
-    estree-walker "^2.0.1"
-    source-map "^0.6.1"
+"@vue/babel-helper-vue-jsx-merge-props@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz#048fe579958da408fb7a8b2a3ec050b50a661040"
+  integrity sha1-BI/leZWNpAj7eosqPsBQtQpmEEA=
 
-"@vue/compiler-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065111635&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0-rc.10.tgz#dd1380d1ee61170de76f9eb91e0d8ac7985f0ae0"
-  integrity sha1-3ROA0e5hFw3nb565Hg2Kx5hfCuA=
-  dependencies:
-    "@vue/compiler-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+"@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
+  version "1.0.0-rc.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-transform-on/download/@vue/babel-helper-vue-transform-on-1.0.0-rc.2.tgz#7246341f666e7c6e65b13da420e2ce85714fbbca"
+  integrity sha1-ckY0H2ZufG5lsT2kIOLOhXFPu8o=
 
-"@vue/reactivity@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204064&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0-rc.10.tgz#34d5f51bcc5a7c36e27d7a9c1bd7a3d25ffa7c56"
-  integrity sha1-NNX1G8xafDbifXqcG9ej0l/6fFY=
+"@vue/babel-plugin-jsx@^1.0.0-0":
+  version "1.0.0-rc.3"
+  resolved "https://registry.npm.taobao.org/@vue/babel-plugin-jsx/download/@vue/babel-plugin-jsx-1.0.0-rc.3.tgz?cache=0&sync_timestamp=1600074515748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fbabel-plugin-jsx%2Fdownload%2F%40vue%2Fbabel-plugin-jsx-1.0.0-rc.3.tgz#ab477ee95c764fbe68842a2eddd474f122e70ac6"
+  integrity sha1-q0d+6Vx2T75ohCou3dR08SLnCsY=
   dependencies:
-    "@vue/shared" "3.0.0-rc.10"
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    "@vue/babel-helper-vue-transform-on" "^1.0.0-rc.2"
+    camelcase "^6.0.0"
+    html-tags "^3.1.0"
+    svg-tags "^1.0.0"
 
-"@vue/runtime-core@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0-rc.10.tgz#9055aef5113cbc328aaec29760c2151e0ed3cf40"
-  integrity sha1-kFWu9RE8vDKKrsKXYMIVHg7Tz0A=
+"@vue/babel-plugin-transform-vue-jsx@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-plugin-transform-vue-jsx/download/@vue/babel-plugin-transform-vue-jsx-1.1.2.tgz#c0a3e6efc022e75e4247b448a8fc6b86f03e91c0"
+  integrity sha1-wKPm78Ai515CR7RIqPxrhvA+kcA=
   dependencies:
-    "@vue/reactivity" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
+    html-tags "^2.0.0"
+    lodash.kebabcase "^4.1.1"
+    svg-tags "^1.0.0"
 
-"@vue/runtime-dom@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065204677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0-rc.10.tgz#50f95cb991483a4262163723320967ad17bb321f"
-  integrity sha1-UPlcuZFIOkJiFjcjMglnrRe7Mh8=
+"@vue/babel-preset-app@^4.1.2":
+  version "4.5.6"
+  resolved "https://registry.npm.taobao.org/@vue/babel-preset-app/download/@vue/babel-preset-app-4.5.6.tgz?cache=0&sync_timestamp=1599743115056&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fbabel-preset-app%2Fdownload%2F%40vue%2Fbabel-preset-app-4.5.6.tgz#391db83518790c07f241ca52ac97c6a71bd9d851"
+  integrity sha1-OR24NRh5DAfyQcpSrJfGpxvZ2FE=
   dependencies:
-    "@vue/runtime-core" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
-    csstype "^2.6.8"
+    "@babel/core" "^7.11.0"
+    "@babel/helper-compilation-targets" "^7.9.6"
+    "@babel/helper-module-imports" "^7.8.3"
+    "@babel/plugin-proposal-class-properties" "^7.8.3"
+    "@babel/plugin-proposal-decorators" "^7.8.3"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-jsx" "^7.8.3"
+    "@babel/plugin-transform-runtime" "^7.11.0"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.0"
+    "@vue/babel-plugin-jsx" "^1.0.0-0"
+    "@vue/babel-preset-jsx" "^1.1.2"
+    babel-plugin-dynamic-import-node "^2.3.3"
+    core-js "^3.6.5"
+    core-js-compat "^3.6.5"
+    semver "^6.1.0"
 
-"@vue/shared@3.0.0-rc.10":
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0-rc.10.tgz?cache=0&sync_timestamp=1599065113122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0-rc.10.tgz#e7ab62abcabbfc738545902b96a3aa78f59f3286"
-  integrity sha1-56tiq8q7/HOFRZArlqOqePWfMoY=
+"@vue/babel-preset-jsx@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-preset-jsx/download/@vue/babel-preset-jsx-1.1.2.tgz#2e169eb4c204ea37ca66c2ea85a880bfc99d4f20"
+  integrity sha1-LhaetMIE6jfKZsLqhaiAv8mdTyA=
+  dependencies:
+    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
+    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
+    "@vue/babel-sugar-functional-vue" "^1.1.2"
+    "@vue/babel-sugar-inject-h" "^1.1.2"
+    "@vue/babel-sugar-v-model" "^1.1.2"
+    "@vue/babel-sugar-v-on" "^1.1.2"
+
+"@vue/babel-sugar-functional-vue@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-sugar-functional-vue/download/@vue/babel-sugar-functional-vue-1.1.2.tgz#f7e24fba09e6f1ee70104560a8808057555f1a9a"
+  integrity sha1-9+JPugnm8e5wEEVgqICAV1VfGpo=
+  dependencies:
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+
+"@vue/babel-sugar-inject-h@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-sugar-inject-h/download/@vue/babel-sugar-inject-h-1.1.2.tgz#8a5276b6d8e2ed16ffc8078aad94236274e6edf0"
+  integrity sha1-ilJ2ttji7Rb/yAeKrZQjYnTm7fA=
+  dependencies:
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+
+"@vue/babel-sugar-v-model@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-sugar-v-model/download/@vue/babel-sugar-v-model-1.1.2.tgz#1ff6fd1b800223fc9cb1e84dceb5e52d737a8192"
+  integrity sha1-H/b9G4ACI/ycsehNzrXlLXN6gZI=
+  dependencies:
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
+    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
+    camelcase "^5.0.0"
+    html-tags "^2.0.0"
+    svg-tags "^1.0.0"
+
+"@vue/babel-sugar-v-on@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/@vue/babel-sugar-v-on/download/@vue/babel-sugar-v-on-1.1.2.tgz#b2ef99b8f2fab09fbead25aad70ef42e1cf5b13b"
+  integrity sha1-su+ZuPL6sJ++rSWq1w70Lhz1sTs=
+  dependencies:
+    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
+    camelcase "^5.0.0"
+
+"@vue/component-compiler-utils@^3.1.0":
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/@vue/component-compiler-utils/download/@vue/component-compiler-utils-3.2.0.tgz?cache=0&sync_timestamp=1595427694165&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcomponent-compiler-utils%2Fdownload%2F%40vue%2Fcomponent-compiler-utils-3.2.0.tgz#8f85182ceed28e9b3c75313de669f83166d11e5d"
+  integrity sha1-j4UYLO7Sjps8dTE95mn4MWbRHl0=
+  dependencies:
+    consolidate "^0.15.1"
+    hash-sum "^1.0.2"
+    lru-cache "^4.1.2"
+    merge-source-map "^1.1.0"
+    postcss "^7.0.14"
+    postcss-selector-parser "^6.0.2"
+    source-map "~0.6.1"
+    vue-template-es2015-compiler "^1.9.0"
+  optionalDependencies:
+    prettier "^1.18.2"
+
+"@vuepress/core@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/core/download/@vuepress/core-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fcore%2Fdownload%2F%40vuepress%2Fcore-1.6.0.tgz#8abca498cd8c589dd621be5d5b1c9c805dfed3fd"
+  integrity sha1-irykmM2MWJ3WIb5dWxycgF3+0/0=
+  dependencies:
+    "@babel/core" "^7.8.4"
+    "@vue/babel-preset-app" "^4.1.2"
+    "@vuepress/markdown" "1.6.0"
+    "@vuepress/markdown-loader" "1.6.0"
+    "@vuepress/plugin-last-updated" "1.6.0"
+    "@vuepress/plugin-register-components" "1.6.0"
+    "@vuepress/shared-utils" "1.6.0"
+    autoprefixer "^9.5.1"
+    babel-loader "^8.0.4"
+    cache-loader "^3.0.0"
+    chokidar "^2.0.3"
+    connect-history-api-fallback "^1.5.0"
+    copy-webpack-plugin "^5.0.2"
+    core-js "^3.6.4"
+    cross-spawn "^6.0.5"
+    css-loader "^2.1.1"
+    file-loader "^3.0.1"
+    js-yaml "^3.13.1"
+    lru-cache "^5.1.1"
+    mini-css-extract-plugin "0.6.0"
+    optimize-css-assets-webpack-plugin "^5.0.1"
+    portfinder "^1.0.13"
+    postcss-loader "^3.0.0"
+    postcss-safe-parser "^4.0.1"
+    toml "^3.0.0"
+    url-loader "^1.0.1"
+    vue "^2.6.10"
+    vue-loader "^15.7.1"
+    vue-router "^3.1.3"
+    vue-server-renderer "^2.6.10"
+    vue-template-compiler "^2.6.10"
+    vuepress-html-webpack-plugin "^3.2.0"
+    vuepress-plugin-container "^2.0.2"
+    webpack "^4.8.1"
+    webpack-chain "^6.0.0"
+    webpack-dev-server "^3.5.1"
+    webpack-merge "^4.1.2"
+    webpackbar "3.2.0"
+
+"@vuepress/markdown-loader@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/markdown-loader/download/@vuepress/markdown-loader-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fmarkdown-loader%2Fdownload%2F%40vuepress%2Fmarkdown-loader-1.6.0.tgz#5a666c5b01c01181a3c0802ceed5a2b96577d9c7"
+  integrity sha1-WmZsWwHAEYGjwIAs7tWiuWV32cc=
+  dependencies:
+    "@vuepress/markdown" "1.6.0"
+    loader-utils "^1.1.0"
+    lru-cache "^5.1.1"
+
+"@vuepress/markdown@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/markdown/download/@vuepress/markdown-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fmarkdown%2Fdownload%2F%40vuepress%2Fmarkdown-1.6.0.tgz#6702a1938b5d5308919261ffcc5c369eabfa6694"
+  integrity sha1-ZwKhk4tdUwiRkmH/zFw2nqv6ZpQ=
+  dependencies:
+    "@vuepress/shared-utils" "1.6.0"
+    markdown-it "^8.4.1"
+    markdown-it-anchor "^5.0.2"
+    markdown-it-chain "^1.3.0"
+    markdown-it-emoji "^1.4.0"
+    markdown-it-table-of-contents "^0.4.0"
+    prismjs "^1.13.0"
+
+"@vuepress/plugin-active-header-links@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/plugin-active-header-links/download/@vuepress/plugin-active-header-links-1.6.0.tgz#7d94db2e34a0b4af10b93171f56e7efc3bb7bd40"
+  integrity sha1-fZTbLjSgtK8QuTFx9W5+/Du3vUA=
+  dependencies:
+    lodash.debounce "^4.0.8"
+
+"@vuepress/plugin-last-updated@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/plugin-last-updated/download/@vuepress/plugin-last-updated-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fplugin-last-updated%2Fdownload%2F%40vuepress%2Fplugin-last-updated-1.6.0.tgz#9c27739b87adc908b1fbb90f96b3456065c20f08"
+  integrity sha1-nCdzm4etyQix+7kPlrNFYGXCDwg=
+  dependencies:
+    cross-spawn "^6.0.5"
+
+"@vuepress/plugin-nprogress@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/plugin-nprogress/download/@vuepress/plugin-nprogress-1.6.0.tgz#7c93a3ed233ef8cc21b689d54f518902502e064c"
+  integrity sha1-fJOj7SM++MwhtonVT1GJAlAuBkw=
+  dependencies:
+    nprogress "^0.2.0"
+
+"@vuepress/plugin-register-components@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/plugin-register-components/download/@vuepress/plugin-register-components-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fplugin-register-components%2Fdownload%2F%40vuepress%2Fplugin-register-components-1.6.0.tgz#bdf7271a38edffa83d48ab82210489f4fc6343e8"
+  integrity sha1-vfcnGjjt/6g9SKuCIQSJ9PxjQ+g=
+  dependencies:
+    "@vuepress/shared-utils" "1.6.0"
+
+"@vuepress/plugin-search@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/plugin-search/download/@vuepress/plugin-search-1.6.0.tgz#a064f638a8f30485859b871047deaf9194ffc886"
+  integrity sha1-oGT2OKjzBIWFm4cQR96vkZT/yIY=
+
+"@vuepress/shared-utils@1.6.0", "@vuepress/shared-utils@^1.2.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/shared-utils/download/@vuepress/shared-utils-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Fshared-utils%2Fdownload%2F%40vuepress%2Fshared-utils-1.6.0.tgz#8bf0c9c4e502bc6f10e70db3b236e816d8165631"
+  integrity sha1-i/DJxOUCvG8Q5w2zsjboFtgWVjE=
+  dependencies:
+    chalk "^2.3.2"
+    escape-html "^1.0.3"
+    fs-extra "^7.0.1"
+    globby "^9.2.0"
+    gray-matter "^4.0.1"
+    hash-sum "^1.0.2"
+    semver "^6.0.0"
+    toml "^3.0.0"
+    upath "^1.1.0"
+
+"@vuepress/theme-default@1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/@vuepress/theme-default/download/@vuepress/theme-default-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vuepress%2Ftheme-default%2Fdownload%2F%40vuepress%2Ftheme-default-1.6.0.tgz#870c4513a186ae233d2c818fb8bef753f35da972"
+  integrity sha1-hwxFE6GGriM9LIGPuL73U/NdqXI=
+  dependencies:
+    "@vuepress/plugin-active-header-links" "1.6.0"
+    "@vuepress/plugin-nprogress" "1.6.0"
+    "@vuepress/plugin-search" "1.6.0"
+    docsearch.js "^2.5.2"
+    lodash "^4.17.15"
+    stylus "^0.54.8"
+    stylus-loader "^3.0.2"
+    vuepress-plugin-container "^2.0.2"
+    vuepress-plugin-smooth-scroll "^0.0.3"
+
+"@webassemblyjs/ast@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/ast/download/@webassemblyjs/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
+  integrity sha1-vYUGBLQEJFmlpBzX0zjL7Wle2WQ=
+  dependencies:
+    "@webassemblyjs/helper-module-context" "1.9.0"
+    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
+    "@webassemblyjs/wast-parser" "1.9.0"
+
+"@webassemblyjs/floating-point-hex-parser@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/floating-point-hex-parser/download/@webassemblyjs/floating-point-hex-parser-1.9.0.tgz?cache=0&sync_timestamp=1601755793796&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Ffloating-point-hex-parser%2Fdownload%2F%40webassemblyjs%2Ffloating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4"
+  integrity sha1-PD07Jxvd/ITesA9xNEQ4MR1S/7Q=
+
+"@webassemblyjs/helper-api-error@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-api-error/download/@webassemblyjs/helper-api-error-1.9.0.tgz?cache=0&sync_timestamp=1601755796380&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fhelper-api-error%2Fdownload%2F%40webassemblyjs%2Fhelper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2"
+  integrity sha1-ID9nbjM7lsnaLuqzzO8zxFkotqI=
+
+"@webassemblyjs/helper-buffer@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-buffer/download/@webassemblyjs/helper-buffer-1.9.0.tgz?cache=0&sync_timestamp=1601755792394&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fhelper-buffer%2Fdownload%2F%40webassemblyjs%2Fhelper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00"
+  integrity sha1-oUQtJpxf6yP8vJ73WdrDVH8p3gA=
+
+"@webassemblyjs/helper-code-frame@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-code-frame/download/@webassemblyjs/helper-code-frame-1.9.0.tgz?cache=0&sync_timestamp=1601755802533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fhelper-code-frame%2Fdownload%2F%40webassemblyjs%2Fhelper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27"
+  integrity sha1-ZH+Iks0gQ6gqwMjF51w28dkVnyc=
+  dependencies:
+    "@webassemblyjs/wast-printer" "1.9.0"
+
+"@webassemblyjs/helper-fsm@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-fsm/download/@webassemblyjs/helper-fsm-1.9.0.tgz?cache=0&sync_timestamp=1601755793123&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fhelper-fsm%2Fdownload%2F%40webassemblyjs%2Fhelper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8"
+  integrity sha1-wFJWtxJEIUZx9LCOwQitY7cO3bg=
+
+"@webassemblyjs/helper-module-context@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-module-context/download/@webassemblyjs/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07"
+  integrity sha1-JdiIS3aDmHGgimxvgGw5ee9xLwc=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+
+"@webassemblyjs/helper-wasm-bytecode@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-wasm-bytecode/download/@webassemblyjs/helper-wasm-bytecode-1.9.0.tgz?cache=0&sync_timestamp=1601755794664&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fhelper-wasm-bytecode%2Fdownload%2F%40webassemblyjs%2Fhelper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790"
+  integrity sha1-T+2L6sm4wU+MWLcNEk1UndH+V5A=
+
+"@webassemblyjs/helper-wasm-section@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/helper-wasm-section/download/@webassemblyjs/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346"
+  integrity sha1-WkE41aYpK6GLBMWuSXF+QWeWU0Y=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-buffer" "1.9.0"
+    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
+    "@webassemblyjs/wasm-gen" "1.9.0"
+
+"@webassemblyjs/ieee754@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/ieee754/download/@webassemblyjs/ieee754-1.9.0.tgz?cache=0&sync_timestamp=1601755796928&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fieee754%2Fdownload%2F%40webassemblyjs%2Fieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4"
+  integrity sha1-Fceg+6roP7JhQ7us9tbfFwKtOeQ=
+  dependencies:
+    "@xtuc/ieee754" "^1.2.0"
+
+"@webassemblyjs/leb128@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/leb128/download/@webassemblyjs/leb128-1.9.0.tgz?cache=0&sync_timestamp=1601755795673&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fleb128%2Fdownload%2F%40webassemblyjs%2Fleb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95"
+  integrity sha1-8Zygt2ptxVYjoJz/p2noOPoeHJU=
+  dependencies:
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/utf8@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/utf8/download/@webassemblyjs/utf8-1.9.0.tgz?cache=0&sync_timestamp=1601755798014&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Futf8%2Fdownload%2F%40webassemblyjs%2Futf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab"
+  integrity sha1-BNM7Y2945qaBMifoJAL3Y3tiKas=
+
+"@webassemblyjs/wasm-edit@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wasm-edit/download/@webassemblyjs/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf"
+  integrity sha1-P+bXnT8PkiGDqoYALELdJWz+6c8=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-buffer" "1.9.0"
+    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
+    "@webassemblyjs/helper-wasm-section" "1.9.0"
+    "@webassemblyjs/wasm-gen" "1.9.0"
+    "@webassemblyjs/wasm-opt" "1.9.0"
+    "@webassemblyjs/wasm-parser" "1.9.0"
+    "@webassemblyjs/wast-printer" "1.9.0"
+
+"@webassemblyjs/wasm-gen@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wasm-gen/download/@webassemblyjs/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c"
+  integrity sha1-ULxw7Gje2OJ2OwGhQYv0NJGnpJw=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
+    "@webassemblyjs/ieee754" "1.9.0"
+    "@webassemblyjs/leb128" "1.9.0"
+    "@webassemblyjs/utf8" "1.9.0"
+
+"@webassemblyjs/wasm-opt@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wasm-opt/download/@webassemblyjs/wasm-opt-1.9.0.tgz?cache=0&sync_timestamp=1601755799211&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fwasm-opt%2Fdownload%2F%40webassemblyjs%2Fwasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61"
+  integrity sha1-IhEYHlsxMmRDzIES658LkChyGmE=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-buffer" "1.9.0"
+    "@webassemblyjs/wasm-gen" "1.9.0"
+    "@webassemblyjs/wasm-parser" "1.9.0"
+
+"@webassemblyjs/wasm-parser@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wasm-parser/download/@webassemblyjs/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e"
+  integrity sha1-nUjkSCbfSmWYKUqmyHRp1kL/9l4=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-api-error" "1.9.0"
+    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
+    "@webassemblyjs/ieee754" "1.9.0"
+    "@webassemblyjs/leb128" "1.9.0"
+    "@webassemblyjs/utf8" "1.9.0"
+
+"@webassemblyjs/wast-parser@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wast-parser/download/@webassemblyjs/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914"
+  integrity sha1-MDERXXmsW9JhVWzsw/qQo+9FGRQ=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/floating-point-hex-parser" "1.9.0"
+    "@webassemblyjs/helper-api-error" "1.9.0"
+    "@webassemblyjs/helper-code-frame" "1.9.0"
+    "@webassemblyjs/helper-fsm" "1.9.0"
+    "@xtuc/long" "4.2.2"
+
+"@webassemblyjs/wast-printer@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.npm.taobao.org/@webassemblyjs/wast-printer/download/@webassemblyjs/wast-printer-1.9.0.tgz?cache=0&sync_timestamp=1601755800882&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40webassemblyjs%2Fwast-printer%2Fdownload%2F%40webassemblyjs%2Fwast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899"
+  integrity sha1-STXVTIX+9jewDOn1I3dFHQDUeJk=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/wast-parser" "1.9.0"
+    "@xtuc/long" "4.2.2"
+
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/@xtuc/ieee754/download/@xtuc/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha1-7vAUoxRa5Hehy8AM0eVSM23Ot5A=
+
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.npm.taobao.org/@xtuc/long/download/@xtuc/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha1-0pHGpOl5ibXGHZrPOWrk/hM6cY0=
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/abbrev/download/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha1-+PLIh60Qv2f2NPAFtph/7TF5qsg=
+
+accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
+  version "1.3.7"
+  resolved "https://registry.npm.taobao.org/accepts/download/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
+  integrity sha1-UxvHJlF6OytB+FACHGzBXqq1B80=
+  dependencies:
+    mime-types "~2.1.24"
+    negotiator "0.6.2"
+
+acorn@^6.4.1:
+  version "6.4.1"
+  resolved "https://registry.npm.taobao.org/acorn/download/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
+  integrity sha1-Ux5Yuj9RudrLmmZGyk3r9bFMpHQ=
+
+agentkeepalive@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/agentkeepalive/download/agentkeepalive-2.2.0.tgz#c5d1bd4b129008f1163f236f86e5faea2026e2ef"
+  integrity sha1-xdG9SxKQCPEWPyNvhuX66iAm4u8=
+
+ajv-errors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/ajv-errors/download/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
+  integrity sha1-81mGrOuRr63sQQL72FAUlQzvpk0=
+
+ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npm.taobao.org/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1595907014086&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha1-MfKdpatuANHC0yms97WSlhTVAU0=
+
+ajv@^6.1.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4:
+  version "6.12.5"
+  resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
+  integrity sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+algoliasearch@^3.24.5:
+  version "3.35.1"
+  resolved "https://registry.npm.taobao.org/algoliasearch/download/algoliasearch-3.35.1.tgz#297d15f534a3507cab2f5dfb996019cac7568f0c"
+  integrity sha1-KX0V9TSjUHyrL137mWAZysdWjww=
+  dependencies:
+    agentkeepalive "^2.2.0"
+    debug "^2.6.9"
+    envify "^4.0.0"
+    es6-promise "^4.1.0"
+    events "^1.1.0"
+    foreach "^2.0.5"
+    global "^4.3.2"
+    inherits "^2.0.1"
+    isarray "^2.0.1"
+    load-script "^1.0.0"
+    object-keys "^1.0.11"
+    querystring-es3 "^0.2.1"
+    reduce "^1.0.1"
+    semver "^5.1.0"
+    tunnel-agent "^0.6.0"
+
+alphanum-sort@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/alphanum-sort/download/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
+  integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
 ansi-align@^3.0.0:
   version "3.0.0"
@@ -283,13 +1569,28 @@ ansi-align@^3.0.0:
   dependencies:
     string-width "^3.0.0"
 
-ansi-escapes@^4.2.1:
+ansi-colors@^3.0.0:
+  version "3.2.4"
+  resolved "https://registry.npm.taobao.org/ansi-colors/download/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
+  integrity sha1-46PaS/uubIapwoViXeEkojQCb78=
+
+ansi-escapes@^4.1.0, ansi-escapes@^4.2.1:
   version "4.3.1"
   resolved "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
   integrity sha1-pcR8xDGB8fOP/XB2g3cA05VSKmE=
   dependencies:
     type-fest "^0.11.0"
 
+ansi-html@0.0.7:
+  version "0.0.7"
+  resolved "https://registry.npm.taobao.org/ansi-html/download/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
+  integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
+
 ansi-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
@@ -300,7 +1601,12 @@ ansi-regex@^5.0.0:
   resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=
 
-ansi-styles@^3.2.1:
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+
+ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=
@@ -315,11 +1621,126 @@ ansi-styles@^4.1.0:
     "@types/color-name" "^1.1.1"
     color-convert "^2.0.1"
 
+anymatch@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/anymatch/download/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
+  integrity sha1-vLJLTzeTTZqnrBe0ra+J58du8us=
+  dependencies:
+    micromatch "^3.1.4"
+    normalize-path "^2.1.1"
+
+anymatch@~3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/anymatch/download/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
+  integrity sha1-xV7PAhheJGklk5kxDBc84xIzsUI=
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+aproba@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/aproba/download/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+  integrity sha1-aALmJk79GMeQobDVF/DyYnvyyUo=
+
+argparse@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.npm.taobao.org/argparse/download/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
+  integrity sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=
+  dependencies:
+    sprintf-js "~1.0.2"
+
+arr-diff@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/arr-diff/download/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
+  integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
+
+arr-flatten@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/arr-flatten/download/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+  integrity sha1-NgSLv/TntH4TZkQxbJlmnqWukfE=
+
+arr-union@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/arr-union/download/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
+  integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
+
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/array-flatten/download/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
+  integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
+
+array-flatten@^2.1.0:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/array-flatten/download/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
+  integrity sha1-JO+AoowaiTYX4hSbDG0NeIKTsJk=
+
+array-union@^1.0.1, array-union@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/array-union/download/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
+  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
+  dependencies:
+    array-uniq "^1.0.1"
+
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/array-union/download/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha1-t5hCCtvrHego2ErNii4j0+/oXo0=
 
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/array-uniq/download/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
+  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
+
+array-unique@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.npm.taobao.org/array-unique/download/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
+  integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
+
+asn1.js@^5.2.0:
+  version "5.4.1"
+  resolved "https://registry.npm.taobao.org/asn1.js/download/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
+  integrity sha1-EamAuE67kXgc41sP3C7ilON4Pwc=
+  dependencies:
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+    safer-buffer "^2.1.0"
+
+asn1@~0.2.3:
+  version "0.2.4"
+  resolved "https://registry.npm.taobao.org/asn1/download/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
+  integrity sha1-jSR136tVO7M+d7VOWeiAu4ziMTY=
+  dependencies:
+    safer-buffer "~2.1.0"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/assert-plus/download/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
+
+assert@^1.1.1:
+  version "1.5.0"
+  resolved "https://registry.npm.taobao.org/assert/download/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
+  integrity sha1-VcEJqvbgrv2z3EtxJAxwv1dLGOs=
+  dependencies:
+    object-assign "^4.1.1"
+    util "0.10.3"
+
+assign-symbols@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/assign-symbols/download/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
+  integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
+
+async-each@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/async-each/download/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
+  integrity sha1-tyfb+H12UWAvBvTUrDh/R9kbDL8=
+
+async-limiter@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  integrity sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=
+
 async-retry@1.3.1:
   version "1.3.1"
   resolved "https://registry.npm.taobao.org/async-retry/download/async-retry-1.3.1.tgz#139f31f8ddce50c0870b0ba558a6079684aaed55"
@@ -327,21 +1748,186 @@ async-retry@1.3.1:
   dependencies:
     retry "0.12.0"
 
+async@^2.6.2:
+  version "2.6.3"
+  resolved "https://registry.npm.taobao.org/async/download/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
+  integrity sha1-1yYl4jRKNlbjo61Pp0n6gymdgv8=
+  dependencies:
+    lodash "^4.17.14"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
 
+atob@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/atob/download/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
+  integrity sha1-bZUX654DDSQ2ZmZR6GvZ9vE1M8k=
+
+autocomplete.js@0.36.0:
+  version "0.36.0"
+  resolved "https://registry.npm.taobao.org/autocomplete.js/download/autocomplete.js-0.36.0.tgz#94fe775fe64b6cd42e622d076dc7fd26bedd837b"
+  integrity sha1-lP53X+ZLbNQuYi0Hbcf9Jr7dg3s=
+  dependencies:
+    immediate "^3.2.3"
+
+autoprefixer@^9.5.1:
+  version "9.8.6"
+  resolved "https://registry.npm.taobao.org/autoprefixer/download/autoprefixer-9.8.6.tgz?cache=0&sync_timestamp=1601167462025&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fautoprefixer%2Fdownload%2Fautoprefixer-9.8.6.tgz#3b73594ca1bf9266320c5acf1588d74dea74210f"
+  integrity sha1-O3NZTKG/kmYyDFrPFYjXTep0IQ8=
+  dependencies:
+    browserslist "^4.12.0"
+    caniuse-lite "^1.0.30001109"
+    colorette "^1.2.1"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^7.0.32"
+    postcss-value-parser "^4.1.0"
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.npm.taobao.org/aws-sign2/download/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
+
+aws4@^1.8.0:
+  version "1.10.1"
+  resolved "https://registry.npm.taobao.org/aws4/download/aws4-1.10.1.tgz#e1e82e4f3e999e2cfd61b161280d16a111f86428"
+  integrity sha1-4eguTz6Zniz9YbFhKA0WoRH4ZCg=
+
+babel-loader@^8.0.4:
+  version "8.1.0"
+  resolved "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.1.0.tgz?cache=0&sync_timestamp=1584715910722&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.1.0.tgz#c611d5112bd5209abe8b9fa84c3e4da25275f1c3"
+  integrity sha1-xhHVESvVIJq+i5+oTD5NolJ18cM=
+  dependencies:
+    find-cache-dir "^2.1.0"
+    loader-utils "^1.4.0"
+    mkdirp "^0.5.3"
+    pify "^4.0.1"
+    schema-utils "^2.6.5"
+
+babel-plugin-dynamic-import-node@^2.3.3:
+  version "2.3.3"
+  resolved "https://registry.npm.taobao.org/babel-plugin-dynamic-import-node/download/babel-plugin-dynamic-import-node-2.3.3.tgz?cache=0&sync_timestamp=1587496311403&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-plugin-dynamic-import-node%2Fdownload%2Fbabel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
+  integrity sha1-hP2hnJduxcbe/vV/lCez3vZuF6M=
+  dependencies:
+    object.assign "^4.1.0"
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
+base64-js@^1.0.2:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/base64-js/download/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
+  integrity sha1-WOzoy3XdB+ce0IxzarxfrE2/jfE=
+
+base@^0.11.1:
+  version "0.11.2"
+  resolved "https://registry.npm.taobao.org/base/download/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
+  integrity sha1-e95c7RRbbVUakNuH+DxVi060io8=
+  dependencies:
+    cache-base "^1.0.1"
+    class-utils "^0.3.5"
+    component-emitter "^1.2.1"
+    define-property "^1.0.0"
+    isobject "^3.0.1"
+    mixin-deep "^1.2.0"
+    pascalcase "^0.1.1"
+
+batch@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npm.taobao.org/batch/download/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
+  integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
+
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/bcrypt-pbkdf/download/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
+  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
+  dependencies:
+    tweetnacl "^0.14.3"
+
 before-after-hook@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/before-after-hook/download/before-after-hook-2.1.0.tgz#b6c03487f44e24200dd30ca5e6a1979c5d2fb635"
   integrity sha1-tsA0h/ROJCAN0wyl5qGXnF0vtjU=
 
+big.js@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/big.js/download/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
+  integrity sha1-pfwpi4G54Nyi5FiCR4S2XFK6WI4=
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.npm.taobao.org/big.js/download/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg=
+
+binary-extensions@^1.0.0:
+  version "1.13.1"
+  resolved "https://registry.npm.taobao.org/binary-extensions/download/binary-extensions-1.13.1.tgz?cache=0&sync_timestamp=1593261283449&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbinary-extensions%2Fdownload%2Fbinary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
+  integrity sha1-WYr+VHVbKGilMw0q/51Ou1Mgm2U=
+
+binary-extensions@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/binary-extensions/download/binary-extensions-2.1.0.tgz?cache=0&sync_timestamp=1593261283449&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbinary-extensions%2Fdownload%2Fbinary-extensions-2.1.0.tgz#30fa40c9e7fe07dbc895678cd287024dea241dd9"
+  integrity sha1-MPpAyef+B9vIlWeM0ocCTeokHdk=
+
+bindings@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npm.taobao.org/bindings/download/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
+  integrity sha1-EDU8npRTNLwFEabZCzj7x8nFBN8=
+  dependencies:
+    file-uri-to-path "1.0.0"
+
+bluebird@^3.1.1, bluebird@^3.5.5:
+  version "3.7.2"
+  resolved "https://registry.npm.taobao.org/bluebird/download/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha1-nyKcFb4nJFT/qXOs4NvueaGww28=
+
+bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
+  version "4.11.9"
+  resolved "https://registry.npm.taobao.org/bn.js/download/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
+  integrity sha1-JtVWgpRY+dHoH8SJUkk9C6NQeCg=
+
+bn.js@^5.1.1:
+  version "5.1.3"
+  resolved "https://registry.npm.taobao.org/bn.js/download/bn.js-5.1.3.tgz#beca005408f642ebebea80b042b4d18d2ac0ee6b"
+  integrity sha1-vsoAVAj2Quvr6oCwQrTRjSrA7ms=
+
+body-parser@1.19.0:
+  version "1.19.0"
+  resolved "https://registry.npm.taobao.org/body-parser/download/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
+  integrity sha1-lrJwnlfJxOCab9Zqj9l5hE9p8Io=
+  dependencies:
+    bytes "3.1.0"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "~1.1.2"
+    http-errors "1.7.2"
+    iconv-lite "0.4.24"
+    on-finished "~2.3.0"
+    qs "6.7.0"
+    raw-body "2.4.0"
+    type-is "~1.6.17"
+
+bonjour@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.npm.taobao.org/bonjour/download/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
+  integrity sha1-jokKGD2O6aI5OzhExpGkK897yfU=
+  dependencies:
+    array-flatten "^2.1.0"
+    deep-equal "^1.0.1"
+    dns-equal "^1.0.0"
+    dns-txt "^2.0.2"
+    multicast-dns "^6.0.1"
+    multicast-dns-service-types "^1.1.0"
+
+boolbase@^1.0.0, boolbase@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/boolbase/download/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
+
 boxen@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npm.taobao.org/boxen/download/boxen-4.2.0.tgz#e411b62357d6d6d36587c8ac3d5d974daa070e64"
@@ -364,13 +1950,202 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-braces@^3.0.1:
+braces@^2.3.1, braces@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.npm.taobao.org/braces/download/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
+  integrity sha1-WXn9PxTNUxVl5fot8av/8d+u5yk=
+  dependencies:
+    arr-flatten "^1.1.0"
+    array-unique "^0.3.2"
+    extend-shallow "^2.0.1"
+    fill-range "^4.0.0"
+    isobject "^3.0.1"
+    repeat-element "^1.1.2"
+    snapdragon "^0.8.1"
+    snapdragon-node "^2.0.1"
+    split-string "^3.0.2"
+    to-regex "^3.0.1"
+
+braces@^3.0.1, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.npm.taobao.org/braces/download/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha1-NFThpGLujVmeI23zNs2epPiv4Qc=
   dependencies:
     fill-range "^7.0.1"
 
+brorand@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/brorand/download/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
+
+browserify-aes@^1.0.0, browserify-aes@^1.0.4:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/browserify-aes/download/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
+  integrity sha1-Mmc0ZC9APavDADIJhTu3CtQo70g=
+  dependencies:
+    buffer-xor "^1.0.3"
+    cipher-base "^1.0.0"
+    create-hash "^1.1.0"
+    evp_bytestokey "^1.0.3"
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+browserify-cipher@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/browserify-cipher/download/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
+  integrity sha1-jWR0wbhwv9q807z8wZNKEOlPFfA=
+  dependencies:
+    browserify-aes "^1.0.4"
+    browserify-des "^1.0.0"
+    evp_bytestokey "^1.0.0"
+
+browserify-des@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/browserify-des/download/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
+  integrity sha1-OvTx9Zg5QDVy8cZiBDdfen9wPpw=
+  dependencies:
+    cipher-base "^1.0.1"
+    des.js "^1.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
+browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/browserify-rsa/download/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
+  dependencies:
+    bn.js "^4.1.0"
+    randombytes "^2.0.1"
+
+browserify-sign@^4.0.0:
+  version "4.2.1"
+  resolved "https://registry.npm.taobao.org/browserify-sign/download/browserify-sign-4.2.1.tgz?cache=0&sync_timestamp=1596557809886&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserify-sign%2Fdownload%2Fbrowserify-sign-4.2.1.tgz#eaf4add46dd54be3bb3b36c0cf15abbeba7956c3"
+  integrity sha1-6vSt1G3VS+O7OzbAzxWrvrp5VsM=
+  dependencies:
+    bn.js "^5.1.1"
+    browserify-rsa "^4.0.1"
+    create-hash "^1.2.0"
+    create-hmac "^1.1.7"
+    elliptic "^6.5.3"
+    inherits "^2.0.4"
+    parse-asn1 "^5.1.5"
+    readable-stream "^3.6.0"
+    safe-buffer "^5.2.0"
+
+browserify-zlib@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/browserify-zlib/download/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
+  integrity sha1-KGlFnZqjviRf6P4sofRuLn9U1z8=
+  dependencies:
+    pako "~1.0.5"
+
+browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.8.5:
+  version "4.14.5"
+  resolved "https://registry.npm.taobao.org/browserslist/download/browserslist-4.14.5.tgz?cache=0&sync_timestamp=1600991534804&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
+  integrity sha1-HHUUYaEC3cYOQJk2ObcJvn8sQBU=
+  dependencies:
+    caniuse-lite "^1.0.30001135"
+    electron-to-chromium "^1.3.571"
+    escalade "^3.1.0"
+    node-releases "^1.1.61"
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8=
+
+buffer-indexof@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/buffer-indexof/download/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
+  integrity sha1-Uvq8xqYG0aADAoAmSO9o9jnaJow=
+
+buffer-json@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/buffer-json/download/buffer-json-2.0.0.tgz#f73e13b1e42f196fe2fd67d001c7d7107edd7c23"
+  integrity sha1-9z4TseQvGW/i/WfQAcfXEH7dfCM=
+
+buffer-xor@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/buffer-xor/download/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
+
+buffer@^4.3.0:
+  version "4.9.2"
+  resolved "https://registry.npm.taobao.org/buffer/download/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
+  integrity sha1-Iw6tNEACmIZEhBqwJEr4xEu+Pvg=
+  dependencies:
+    base64-js "^1.0.2"
+    ieee754 "^1.1.4"
+    isarray "^1.0.0"
+
+builtin-status-codes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/builtin-status-codes/download/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
+  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
+
+bytes@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/bytes/download/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
+  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
+
+bytes@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
+  integrity sha1-9s95M6Ng4FiPqf3oVlHNx/gF0fY=
+
+cac@^6.5.6:
+  version "6.6.1"
+  resolved "https://registry.npm.taobao.org/cac/download/cac-6.6.1.tgz?cache=0&sync_timestamp=1594787669194&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcac%2Fdownload%2Fcac-6.6.1.tgz#3dde3f6943f45d42a56729ea3573c08b3e7b6a6d"
+  integrity sha1-Pd4/aUP0XUKlZynqNXPAiz57am0=
+
+cacache@^12.0.2, cacache@^12.0.3:
+  version "12.0.4"
+  resolved "https://registry.npm.taobao.org/cacache/download/cacache-12.0.4.tgz?cache=0&sync_timestamp=1594428006433&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c"
+  integrity sha1-ZovL0QWutfHZL+JVcOyVJcj6pAw=
+  dependencies:
+    bluebird "^3.5.5"
+    chownr "^1.1.1"
+    figgy-pudding "^3.5.1"
+    glob "^7.1.4"
+    graceful-fs "^4.1.15"
+    infer-owner "^1.0.3"
+    lru-cache "^5.1.1"
+    mississippi "^3.0.0"
+    mkdirp "^0.5.1"
+    move-concurrently "^1.0.1"
+    promise-inflight "^1.0.1"
+    rimraf "^2.6.3"
+    ssri "^6.0.1"
+    unique-filename "^1.1.1"
+    y18n "^4.0.0"
+
+cache-base@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/cache-base/download/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
+  integrity sha1-Cn9GQWgxyLZi7jb+TnxZ129marI=
+  dependencies:
+    collection-visit "^1.0.0"
+    component-emitter "^1.2.1"
+    get-value "^2.0.6"
+    has-value "^1.0.0"
+    isobject "^3.0.1"
+    set-value "^2.0.0"
+    to-object-path "^0.3.0"
+    union-value "^1.0.0"
+    unset-value "^1.0.0"
+
+cache-loader@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/cache-loader/download/cache-loader-3.0.1.tgz#cee6cf4b3cdc7c610905b26bad6c2fc439c821af"
+  integrity sha1-zubPSzzcfGEJBbJrrWwvxDnIIa8=
+  dependencies:
+    buffer-json "^2.0.0"
+    find-cache-dir "^2.1.0"
+    loader-utils "^1.2.3"
+    mkdirp "^0.5.1"
+    neo-async "^2.6.1"
+    schema-utils "^1.0.0"
+
 cacheable-lookup@^5.0.3:
   version "5.0.3"
   resolved "https://registry.npm.taobao.org/cacheable-lookup/download/cacheable-lookup-5.0.3.tgz#049fdc59dffdd4fc285e8f4f82936591bd59fec3"
@@ -402,16 +2177,73 @@ cacheable-request@^7.0.1:
     normalize-url "^4.1.0"
     responselike "^2.0.0"
 
+call-me-maybe@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/call-me-maybe/download/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
+  integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
+
+caller-callsite@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/caller-callsite/download/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
+  integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=
+  dependencies:
+    callsites "^2.0.0"
+
+caller-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/caller-path/download/caller-path-2.0.0.tgz?cache=0&sync_timestamp=1574395542397&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcaller-path%2Fdownload%2Fcaller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
+  integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=
+  dependencies:
+    caller-callsite "^2.0.0"
+
+callsites@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/callsites/download/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
+  integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
+
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/callsites/download/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha1-s2MKvYlDQy9Us/BRkjjjPNffL3M=
 
-camelcase@^5.3.1:
+camel-case@3.0.x:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/camel-case/download/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
+  integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
+  dependencies:
+    no-case "^2.2.0"
+    upper-case "^1.1.1"
+
+camelcase@^5.0.0, camelcase@^5.2.0, camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA=
 
+camelcase@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-6.0.0.tgz#5259f7c30e35e278f1bdc2a4d91230b37cad981e"
+  integrity sha1-Uln3ww414njxvcKk2RIws3ytmB4=
+
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/caniuse-api/download/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
+  integrity sha1-Xk2Q4idJYdRikZl99Znj7QCO5MA=
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001135:
+  version "1.0.30001143"
+  resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001143.tgz?cache=0&sync_timestamp=1601753890764&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcaniuse-lite%2Fdownload%2Fcaniuse-lite-1.0.30001143.tgz#560f2cfb9f313d1d7e52eb8dac0e4e36c8821c0d"
+  integrity sha1-Vg8s+58xPR1+UuuNrA5ONsiCHA0=
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.npm.taobao.org/caseless/download/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
+
 chalk@4.1.0, chalk@^4.0.0, chalk@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1591687076871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
@@ -420,7 +2252,18 @@ chalk@4.1.0, chalk@^4.0.0, chalk@^4.1.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^2.0.0:
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1591687042638&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+chalk@^2.0.0, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1591687076871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=
@@ -442,11 +2285,87 @@ chardet@^0.7.0:
   resolved "https://registry.npm.taobao.org/chardet/download/chardet-0.7.0.tgz?cache=0&sync_timestamp=1594010660915&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchardet%2Fdownload%2Fchardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha1-kAlISfCTfy7twkJdDSip5fDLrZ4=
 
+chokidar@^2.0.3, chokidar@^2.1.8:
+  version "2.1.8"
+  resolved "https://registry.npm.taobao.org/chokidar/download/chokidar-2.1.8.tgz?cache=0&sync_timestamp=1596728935229&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchokidar%2Fdownload%2Fchokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
+  integrity sha1-gEs6e2qZNYw8XGHnHYco8EHP+Rc=
+  dependencies:
+    anymatch "^2.0.0"
+    async-each "^1.0.1"
+    braces "^2.3.2"
+    glob-parent "^3.1.0"
+    inherits "^2.0.3"
+    is-binary-path "^1.0.0"
+    is-glob "^4.0.0"
+    normalize-path "^3.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.2.1"
+    upath "^1.1.1"
+  optionalDependencies:
+    fsevents "^1.2.7"
+
+chokidar@^3.4.1:
+  version "3.4.2"
+  resolved "https://registry.npm.taobao.org/chokidar/download/chokidar-3.4.2.tgz?cache=0&sync_timestamp=1596728935229&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchokidar%2Fdownload%2Fchokidar-3.4.2.tgz#38dc8e658dec3809741eb3ef7bb0a47fe424232d"
+  integrity sha1-ONyOZY3sOAl0HrPve7Ckf+QkIy0=
+  dependencies:
+    anymatch "~3.1.1"
+    braces "~3.0.2"
+    glob-parent "~5.1.0"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.4.0"
+  optionalDependencies:
+    fsevents "~2.1.2"
+
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/chownr/download/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha1-b8nXtC0ypYNZYzdmbn0ICE2izGs=
+
+chrome-trace-event@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/chrome-trace-event/download/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
+  integrity sha1-I0CQ7pfH1K0aLEvq4nUF3v/GCKQ=
+  dependencies:
+    tslib "^1.9.0"
+
+ci-info@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/ci-info/download/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
+  integrity sha1-LKINu5zrMtRSSmgzAzE/AwSx5Jc=
+
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/ci-info/download/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha1-Z6npZL4xpR4V5QENWObxKDQAL0Y=
 
+cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/cipher-base/download/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
+  integrity sha1-h2Dk7MJy9MNjUy+SbYdKriwTl94=
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+class-utils@^0.3.5:
+  version "0.3.6"
+  resolved "https://registry.npm.taobao.org/class-utils/download/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
+  integrity sha1-+TNprouafOAv1B+q0MqDAzGQxGM=
+  dependencies:
+    arr-union "^3.1.0"
+    define-property "^0.2.5"
+    isobject "^3.0.0"
+    static-extend "^0.1.1"
+
+clean-css@4.2.x:
+  version "4.2.3"
+  resolved "https://registry.npm.taobao.org/clean-css/download/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
+  integrity sha1-UHtd59l7SO5T2ErbAWD/YhY4D3g=
+  dependencies:
+    source-map "~0.6.0"
+
 cli-boxes@^2.2.0:
   version "2.2.1"
   resolved "https://registry.npm.taobao.org/cli-boxes/download/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f"
@@ -469,6 +2388,24 @@ cli-width@^3.0.0:
   resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
   integrity sha1-ovSEN6LKqaIkNueUvwceyeYc7fY=
 
+clipboard@^2.0.0:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/clipboard/download/clipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
+  integrity sha1-UpISlu7A/fd+rRdJQhshyWhkc3Y=
+  dependencies:
+    good-listener "^1.2.2"
+    select "^1.1.2"
+    tiny-emitter "^2.0.0"
+
+cliui@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/cliui/download/cliui-5.0.0.tgz?cache=0&sync_timestamp=1597607836462&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcliui%2Fdownload%2Fcliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
+  integrity sha1-3u/P2y6AB4SqNPRvoI4GhRx7u8U=
+  dependencies:
+    string-width "^3.1.0"
+    strip-ansi "^5.2.0"
+    wrap-ansi "^5.1.0"
+
 clone-response@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/clone-response/download/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
@@ -481,7 +2418,24 @@ clone@^1.0.2:
   resolved "https://registry.npm.taobao.org/clone/download/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
 
-color-convert@^1.9.0:
+coa@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/coa/download/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
+  integrity sha1-Q/bCEVG07yv1cYfbDXPeIp4+fsM=
+  dependencies:
+    "@types/q" "^1.5.1"
+    chalk "^2.4.1"
+    q "^1.1.2"
+
+collection-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/collection-visit/download/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
+  integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=
+  dependencies:
+    map-visit "^1.0.0"
+    object-visit "^1.0.0"
+
+color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=
@@ -500,23 +2454,99 @@ color-name@1.1.3:
   resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@~1.1.4:
+color-name@^1.0.0, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=
 
-combined-stream@^1.0.8:
+color-string@^1.5.2:
+  version "1.5.3"
+  resolved "https://registry.npm.taobao.org/color-string/download/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
+  integrity sha1-ybvF8BtYtUkvPWhXRZy2WQziBMw=
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/color/download/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+  integrity sha1-aBSOf4XUGtdknF+oyBBvCY0inhA=
+  dependencies:
+    color-convert "^1.9.1"
+    color-string "^1.5.2"
+
+colorette@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npm.taobao.org/colorette/download/colorette-1.2.1.tgz?cache=0&sync_timestamp=1593955783467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcolorette%2Fdownload%2Fcolorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
+  integrity sha1-TQuSEyXBT6+SYzCGpTbbbolWSxs=
+
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.npm.taobao.org/combined-stream/download/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha1-w9RaizT9cwYxoRCoolIGgrMdWn8=
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@2.17.x:
+  version "2.17.1"
+  resolved "https://registry.npm.taobao.org/commander/download/commander-2.17.1.tgz?cache=0&sync_timestamp=1598576046744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
+  integrity sha1-vXerfebelCBc6sxy8XFtKfIKd78=
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz?cache=0&sync_timestamp=1598576046744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=
+
+commander@~2.19.0:
+  version "2.19.0"
+  resolved "https://registry.npm.taobao.org/commander/download/commander-2.19.0.tgz?cache=0&sync_timestamp=1598576046744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
+  integrity sha1-9hmKqE5bg8RgVLlN3tv+1e6f8So=
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/commondir/download/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+
+component-emitter@^1.2.1:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/component-emitter/download/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
+  integrity sha1-FuQHD7qK4ptnnyIVhT7hgasuq8A=
+
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.npm.taobao.org/compressible/download/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha1-r1PMprBw1MPAdQ+9dyhqbXzEb7o=
+  dependencies:
+    mime-db ">= 1.43.0 < 2"
+
+compression@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.npm.taobao.org/compression/download/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha1-lVI+/xcMpXwpoMpB5v4TH0Hlu48=
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.16"
+    debug "2.6.9"
+    on-headers "~1.0.2"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
+concat-stream@^1.5.0:
+  version "1.6.2"
+  resolved "https://registry.npm.taobao.org/concat-stream/download/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha1-kEvfGUzTEi/Gdcd/xKw9T/D9GjQ=
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
 configstore@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npm.taobao.org/configstore/download/configstore-5.0.1.tgz#d365021b5df4b98cdd187d6a3b0e3f6a7cc5ed96"
@@ -529,6 +2559,115 @@ configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
+connect-history-api-fallback@^1.5.0, connect-history-api-fallback@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/connect-history-api-fallback/download/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
+  integrity sha1-izIIk1kwjRERFdgcrT/Oq4iPl7w=
+
+consola@^2.6.0:
+  version "2.15.0"
+  resolved "https://registry.npm.taobao.org/consola/download/consola-2.15.0.tgz?cache=0&sync_timestamp=1596625700864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconsola%2Fdownload%2Fconsola-2.15.0.tgz#40fc4eefa4d2f8ef2e2806147f056ea207fcc0e9"
+  integrity sha1-QPxO76TS+O8uKAYUfwVuogf8wOk=
+
+console-browserify@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/console-browserify/download/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
+  integrity sha1-ZwY871fOts9Jk6KrOlWECujEkzY=
+
+consolidate@^0.15.1:
+  version "0.15.1"
+  resolved "https://registry.npm.taobao.org/consolidate/download/consolidate-0.15.1.tgz?cache=0&sync_timestamp=1599596654038&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconsolidate%2Fdownload%2Fconsolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
+  integrity sha1-IasEMjXHGgfUXZqtmFk7DbpWurc=
+  dependencies:
+    bluebird "^3.1.1"
+
+constants-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/constants-browserify/download/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
+
+content-disposition@0.5.3:
+  version "0.5.3"
+  resolved "https://registry.npm.taobao.org/content-disposition/download/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
+  integrity sha1-4TDK9+cnkIfFYWwgB9BIVpiYT70=
+  dependencies:
+    safe-buffer "5.1.2"
+
+content-type@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/content-type/download/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
+  integrity sha1-4TjMdeBAxyexlm/l5fjJruJW/js=
+
+convert-source-map@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.npm.taobao.org/convert-source-map/download/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
+  integrity sha1-F6LLiC1/d9NJBYXizmxSRCSjpEI=
+  dependencies:
+    safe-buffer "~5.1.1"
+
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npm.taobao.org/cookie-signature/download/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
+  integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
+
+cookie@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npm.taobao.org/cookie/download/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
+  integrity sha1-vrQ35wIrO21JAZ0IhmUwPr6cFLo=
+
+copy-concurrently@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/copy-concurrently/download/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
+  integrity sha1-kilzmMrjSTf8r9bsgTnBgFHwteA=
+  dependencies:
+    aproba "^1.1.1"
+    fs-write-stream-atomic "^1.0.8"
+    iferr "^0.1.5"
+    mkdirp "^0.5.1"
+    rimraf "^2.5.4"
+    run-queue "^1.0.0"
+
+copy-descriptor@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/copy-descriptor/download/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
+  integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
+
+copy-webpack-plugin@^5.0.2:
+  version "5.1.2"
+  resolved "https://registry.npm.taobao.org/copy-webpack-plugin/download/copy-webpack-plugin-5.1.2.tgz?cache=0&sync_timestamp=1601656647962&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcopy-webpack-plugin%2Fdownload%2Fcopy-webpack-plugin-5.1.2.tgz#8a889e1dcafa6c91c6cd4be1ad158f1d3823bae2"
+  integrity sha1-ioieHcr6bJHGzUvhrRWPHTgjuuI=
+  dependencies:
+    cacache "^12.0.3"
+    find-cache-dir "^2.1.0"
+    glob-parent "^3.1.0"
+    globby "^7.1.1"
+    is-glob "^4.0.1"
+    loader-utils "^1.2.3"
+    minimatch "^3.0.4"
+    normalize-path "^3.0.0"
+    p-limit "^2.2.1"
+    schema-utils "^1.0.0"
+    serialize-javascript "^4.0.0"
+    webpack-log "^2.0.0"
+
+core-js-compat@^3.6.2, core-js-compat@^3.6.5:
+  version "3.6.5"
+  resolved "https://registry.npm.taobao.org/core-js-compat/download/core-js-compat-3.6.5.tgz#2a51d9a4e25dfd6e690251aa81f99e3c05481f1c"
+  integrity sha1-KlHZpOJd/W5pAlGqgfmePAVIHxw=
+  dependencies:
+    browserslist "^4.8.5"
+    semver "7.0.0"
+
+core-js@^3.6.4, core-js@^3.6.5:
+  version "3.6.5"
+  resolved "https://registry.npm.taobao.org/core-js/download/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
+  integrity sha1-c5XcJzrzf7LlDpvT2f6EEoUjHRo=
+
+core-util-is@1.0.2, core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/core-util-is/download/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
 cosmiconfig@7.0.0:
   version "7.0.0"
   resolved "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1596310657948&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
@@ -540,6 +2679,58 @@ cosmiconfig@7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
+cosmiconfig@^5.0.0:
+  version "5.2.1"
+  resolved "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-5.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
+  integrity sha1-BA9yaAnFked6F8CjYmykW08Wixo=
+  dependencies:
+    import-fresh "^2.0.0"
+    is-directory "^0.3.1"
+    js-yaml "^3.13.1"
+    parse-json "^4.0.0"
+
+create-ecdh@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.npm.taobao.org/create-ecdh/download/create-ecdh-4.0.4.tgz?cache=0&sync_timestamp=1596557441827&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcreate-ecdh%2Fdownload%2Fcreate-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
+  integrity sha1-1uf0v/pmc2CFoHYv06YyaE2rzE4=
+  dependencies:
+    bn.js "^4.1.0"
+    elliptic "^6.5.3"
+
+create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/create-hash/download/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
+  integrity sha1-iJB4rxGmN1a8+1m9IhmWvjqe8ZY=
+  dependencies:
+    cipher-base "^1.0.1"
+    inherits "^2.0.1"
+    md5.js "^1.3.4"
+    ripemd160 "^2.0.1"
+    sha.js "^2.4.0"
+
+create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.npm.taobao.org/create-hmac/download/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
+  integrity sha1-aRcMeLOrlXFHsriwRXLkfq0iQ/8=
+  dependencies:
+    cipher-base "^1.0.3"
+    create-hash "^1.1.0"
+    inherits "^2.0.1"
+    ripemd160 "^2.0.0"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  integrity sha1-Sl7Hxk364iw6FBJNus3uhG2Ay8Q=
+  dependencies:
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
+    shebang-command "^1.2.0"
+    which "^1.2.9"
+
 cross-spawn@^7.0.0:
   version "7.0.3"
   resolved "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz?cache=0&sync_timestamp=1590420971248&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcross-spawn%2Fdownload%2Fcross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -549,15 +2740,229 @@ cross-spawn@^7.0.0:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+crypto-browserify@^3.11.0:
+  version "3.12.0"
+  resolved "https://registry.npm.taobao.org/crypto-browserify/download/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
+  integrity sha1-OWz58xN/A+S45TLFj2mCVOAPgOw=
+  dependencies:
+    browserify-cipher "^1.0.0"
+    browserify-sign "^4.0.0"
+    create-ecdh "^4.0.0"
+    create-hash "^1.1.0"
+    create-hmac "^1.1.0"
+    diffie-hellman "^5.0.0"
+    inherits "^2.0.1"
+    pbkdf2 "^3.0.3"
+    public-encrypt "^4.0.0"
+    randombytes "^2.0.0"
+    randomfill "^1.0.3"
+
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/crypto-random-string/download/crypto-random-string-2.0.0.tgz?cache=0&sync_timestamp=1599137690451&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcrypto-random-string%2Fdownload%2Fcrypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha1-7yp6lm7BEIM4g2m6oC6+rSKbMNU=
 
-csstype@^2.6.8:
-  version "2.6.13"
-  resolved "https://registry.npm.taobao.org/csstype/download/csstype-2.6.13.tgz?cache=0&sync_timestamp=1598348215201&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcsstype%2Fdownload%2Fcsstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
-  integrity sha1-pokwFbkOhN1uhdDjtEKh6E8tvg8=
+css-color-names@0.0.4, css-color-names@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.npm.taobao.org/css-color-names/download/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
+  integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=
+
+css-declaration-sorter@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/css-declaration-sorter/download/css-declaration-sorter-4.0.1.tgz#c198940f63a76d7e36c1e71018b001721054cb22"
+  integrity sha1-wZiUD2OnbX42wecQGLABchBUyyI=
+  dependencies:
+    postcss "^7.0.1"
+    timsort "^0.3.0"
+
+css-loader@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/css-loader/download/css-loader-2.1.1.tgz#d8254f72e412bb2238bb44dd674ffbef497333ea"
+  integrity sha1-2CVPcuQSuyI4u0TdZ0/770lzM+o=
+  dependencies:
+    camelcase "^5.2.0"
+    icss-utils "^4.1.0"
+    loader-utils "^1.2.3"
+    normalize-path "^3.0.0"
+    postcss "^7.0.14"
+    postcss-modules-extract-imports "^2.0.0"
+    postcss-modules-local-by-default "^2.0.6"
+    postcss-modules-scope "^2.1.0"
+    postcss-modules-values "^2.0.0"
+    postcss-value-parser "^3.3.0"
+    schema-utils "^1.0.0"
+
+css-parse@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/css-parse/download/css-parse-2.0.0.tgz#a468ee667c16d81ccf05c58c38d2a97c780dbfd4"
+  integrity sha1-pGjuZnwW2BzPBcWMONKpfHgNv9Q=
+  dependencies:
+    css "^2.0.0"
+
+css-select-base-adapter@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/css-select-base-adapter/download/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
+  integrity sha1-Oy/0lyzDYquIVhUHqVQIoUMhNdc=
+
+css-select@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/css-select/download/css-select-1.2.0.tgz?cache=0&sync_timestamp=1601657992127&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-select%2Fdownload%2Fcss-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
+  integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
+  dependencies:
+    boolbase "~1.0.0"
+    css-what "2.1"
+    domutils "1.5.1"
+    nth-check "~1.0.1"
+
+css-select@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/css-select/download/css-select-2.1.0.tgz?cache=0&sync_timestamp=1601657992127&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-select%2Fdownload%2Fcss-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
+  integrity sha1-ajRlM1ZjWTSoG6ymjQJVQyEF2+8=
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^3.2.1"
+    domutils "^1.7.0"
+    nth-check "^1.0.2"
+
+css-tree@1.0.0-alpha.37:
+  version "1.0.0-alpha.37"
+  resolved "https://registry.npm.taobao.org/css-tree/download/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
+  integrity sha1-mL69YsTB2flg7DQM+fdSLjBwmiI=
+  dependencies:
+    mdn-data "2.0.4"
+    source-map "^0.6.1"
+
+css-tree@1.0.0-alpha.39:
+  version "1.0.0-alpha.39"
+  resolved "https://registry.npm.taobao.org/css-tree/download/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
+  integrity sha1-K/8//huz93bPfu/ZHuXLp3oUnus=
+  dependencies:
+    mdn-data "2.0.6"
+    source-map "^0.6.1"
+
+css-what@2.1:
+  version "2.1.3"
+  resolved "https://registry.npm.taobao.org/css-what/download/css-what-2.1.3.tgz?cache=0&sync_timestamp=1601582425245&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-what%2Fdownload%2Fcss-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
+  integrity sha1-ptdgRXM2X+dGhsPzEcVlE9iChfI=
+
+css-what@^3.2.1:
+  version "3.4.1"
+  resolved "https://registry.npm.taobao.org/css-what/download/css-what-3.4.1.tgz?cache=0&sync_timestamp=1601582425245&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss-what%2Fdownload%2Fcss-what-3.4.1.tgz#81cb70b609e4b1351b1e54cbc90fd9c54af86e2e"
+  integrity sha1-gctwtgnksTUbHlTLyQ/ZxUr4bi4=
+
+css@^2.0.0:
+  version "2.2.4"
+  resolved "https://registry.npm.taobao.org/css/download/css-2.2.4.tgz?cache=0&sync_timestamp=1593663585785&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcss%2Fdownload%2Fcss-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
+  integrity sha1-xkZ1XHOXHyu6amAeLPL9cbEpiSk=
+  dependencies:
+    inherits "^2.0.3"
+    source-map "^0.6.1"
+    source-map-resolve "^0.5.2"
+    urix "^0.1.0"
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/cssesc/download/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4=
+
+cssnano-preset-default@^4.0.7:
+  version "4.0.7"
+  resolved "https://registry.npm.taobao.org/cssnano-preset-default/download/cssnano-preset-default-4.0.7.tgz?cache=0&sync_timestamp=1599670481433&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcssnano-preset-default%2Fdownload%2Fcssnano-preset-default-4.0.7.tgz#51ec662ccfca0f88b396dcd9679cdb931be17f76"
+  integrity sha1-UexmLM/KD4izltzZZ5zbkxvhf3Y=
+  dependencies:
+    css-declaration-sorter "^4.0.1"
+    cssnano-util-raw-cache "^4.0.1"
+    postcss "^7.0.0"
+    postcss-calc "^7.0.1"
+    postcss-colormin "^4.0.3"
+    postcss-convert-values "^4.0.1"
+    postcss-discard-comments "^4.0.2"
+    postcss-discard-duplicates "^4.0.2"
+    postcss-discard-empty "^4.0.1"
+    postcss-discard-overridden "^4.0.1"
+    postcss-merge-longhand "^4.0.11"
+    postcss-merge-rules "^4.0.3"
+    postcss-minify-font-values "^4.0.2"
+    postcss-minify-gradients "^4.0.2"
+    postcss-minify-params "^4.0.2"
+    postcss-minify-selectors "^4.0.2"
+    postcss-normalize-charset "^4.0.1"
+    postcss-normalize-display-values "^4.0.2"
+    postcss-normalize-positions "^4.0.2"
+    postcss-normalize-repeat-style "^4.0.2"
+    postcss-normalize-string "^4.0.2"
+    postcss-normalize-timing-functions "^4.0.2"
+    postcss-normalize-unicode "^4.0.1"
+    postcss-normalize-url "^4.0.1"
+    postcss-normalize-whitespace "^4.0.2"
+    postcss-ordered-values "^4.1.2"
+    postcss-reduce-initial "^4.0.3"
+    postcss-reduce-transforms "^4.0.2"
+    postcss-svgo "^4.0.2"
+    postcss-unique-selectors "^4.0.1"
+
+cssnano-util-get-arguments@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/cssnano-util-get-arguments/download/cssnano-util-get-arguments-4.0.0.tgz#ed3a08299f21d75741b20f3b81f194ed49cc150f"
+  integrity sha1-7ToIKZ8h11dBsg87gfGU7UnMFQ8=
+
+cssnano-util-get-match@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/cssnano-util-get-match/download/cssnano-util-get-match-4.0.0.tgz#c0e4ca07f5386bb17ec5e52250b4f5961365156d"
+  integrity sha1-wOTKB/U4a7F+xeUiULT1lhNlFW0=
+
+cssnano-util-raw-cache@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/cssnano-util-raw-cache/download/cssnano-util-raw-cache-4.0.1.tgz#b26d5fd5f72a11dfe7a7846fb4c67260f96bf282"
+  integrity sha1-sm1f1fcqEd/np4RvtMZyYPlr8oI=
+  dependencies:
+    postcss "^7.0.0"
+
+cssnano-util-same-parent@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/cssnano-util-same-parent/download/cssnano-util-same-parent-4.0.1.tgz#574082fb2859d2db433855835d9a8456ea18bbf3"
+  integrity sha1-V0CC+yhZ0ttDOFWDXZqEVuoYu/M=
+
+cssnano@^4.1.10:
+  version "4.1.10"
+  resolved "https://registry.npm.taobao.org/cssnano/download/cssnano-4.1.10.tgz?cache=0&sync_timestamp=1599670481279&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcssnano%2Fdownload%2Fcssnano-4.1.10.tgz#0ac41f0b13d13d465487e111b778d42da631b8b2"
+  integrity sha1-CsQfCxPRPUZUh+ERt3jULaYxuLI=
+  dependencies:
+    cosmiconfig "^5.0.0"
+    cssnano-preset-default "^4.0.7"
+    is-resolvable "^1.0.0"
+    postcss "^7.0.0"
+
+csso@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/csso/download/csso-4.0.3.tgz#0d9985dc852c7cc2b2cacfbbe1079014d1a8e903"
+  integrity sha1-DZmF3IUsfMKyys+74QeQFNGo6QM=
+  dependencies:
+    css-tree "1.0.0-alpha.39"
+
+cyclist@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/cyclist/download/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
+  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
+
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.npm.taobao.org/dashdash/download/dashdash-1.14.1.tgz?cache=0&sync_timestamp=1601073381998&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdashdash%2Fdownload%2Fdashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
+  dependencies:
+    assert-plus "^1.0.0"
+
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/de-indent/download/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
+
+debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-2.6.9.tgz?cache=0&sync_timestamp=1600502873540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha1-XRKFFd8TT/Mn6QpMk/Tgd6U2NB8=
+  dependencies:
+    ms "2.0.0"
 
 debug@4.1.1:
   version "4.1.1"
@@ -566,6 +2971,37 @@ debug@4.1.1:
   dependencies:
     ms "^2.1.1"
 
+debug@^3.1.1, debug@^3.2.5:
+  version "3.2.6"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&sync_timestamp=1600502873540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
+  integrity sha1-6D0X3hbYp++3cX7b5fsQE17uYps=
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.1.0, debug@^4.1.1:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502873540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
+  integrity sha1-fxUPk5IOlMWPVXTC/QGjEQ7/5/E=
+  dependencies:
+    ms "2.1.2"
+
+debug@~3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-3.1.0.tgz?cache=0&sync_timestamp=1600502873540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
+  integrity sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=
+  dependencies:
+    ms "2.0.0"
+
+decamelize@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/decamelize/download/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
+
+decode-uri-component@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/decode-uri-component/download/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
+  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
+
 decompress-response@^3.3.0:
   version "3.3.0"
   resolved "https://registry.npm.taobao.org/decompress-response/download/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
@@ -580,11 +3016,36 @@ decompress-response@^6.0.0:
   dependencies:
     mimic-response "^3.1.0"
 
+deep-equal@^1.0.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/deep-equal/download/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
+  integrity sha1-tcmMlCzv+vfLBR4k4UNKJaLmB2o=
+  dependencies:
+    is-arguments "^1.0.4"
+    is-date-object "^1.0.1"
+    is-regex "^1.0.4"
+    object-is "^1.0.1"
+    object-keys "^1.1.1"
+    regexp.prototype.flags "^1.2.0"
+
 deep-extend@^0.6.0:
   version "0.6.0"
   resolved "https://registry.npm.taobao.org/deep-extend/download/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha1-xPp8lUBKF6nD6Mp+FTcxK3NjMKw=
 
+deepmerge@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
+  integrity sha1-EEmdhohEza1P7ghC34x/bwyVp1M=
+
+default-gateway@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/default-gateway/download/default-gateway-4.2.0.tgz?cache=0&sync_timestamp=1598472397571&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdefault-gateway%2Fdownload%2Fdefault-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
+  integrity sha1-FnEEx1AMIRX23WmwpTa7jtcgVSs=
+  dependencies:
+    execa "^1.0.0"
+    ip-regex "^2.1.0"
+
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npm.taobao.org/defaults/download/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -602,11 +3063,63 @@ defer-to-connect@^2.0.0:
   resolved "https://registry.npm.taobao.org/defer-to-connect/download/defer-to-connect-2.0.0.tgz#83d6b199db041593ac84d781b5222308ccf4c2c1"
   integrity sha1-g9axmdsEFZOshNeBtSIjCMz0wsE=
 
+define-properties@^1.1.2, define-properties@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/define-properties/download/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
+  integrity sha1-z4jabL7ib+bbcJT2HYcMvYTO6fE=
+  dependencies:
+    object-keys "^1.0.12"
+
+define-property@^0.2.5:
+  version "0.2.5"
+  resolved "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
+  integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=
+  dependencies:
+    is-descriptor "^0.1.0"
+
+define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/define-property/download/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
+  integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
+  dependencies:
+    is-descriptor "^1.0.0"
+
+define-property@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/define-property/download/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
+  integrity sha1-1Flono1lS6d+AqgX+HENcCyxbp0=
+  dependencies:
+    is-descriptor "^1.0.2"
+    isobject "^3.0.1"
+
+del@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/del/download/del-4.1.1.tgz?cache=0&sync_timestamp=1601076936089&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdel%2Fdownload%2Fdel-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
+  integrity sha1-no8RciLqRKMf86FWwEm5kFKp8LQ=
+  dependencies:
+    "@types/glob" "^7.1.1"
+    globby "^6.1.0"
+    is-path-cwd "^2.0.0"
+    is-path-in-cwd "^2.0.0"
+    p-map "^2.0.0"
+    pify "^4.0.1"
+    rimraf "^2.6.3"
+
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
+delegate@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/delegate/download/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
+  integrity sha1-tmtxwxWFIuirV0T3INjKDCr1kWY=
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/depd/download/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
+  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
+
 deprecated-obj@2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/deprecated-obj/download/deprecated-obj-2.0.0.tgz#e6ba93a3989f6ed18d685e7d99fb8d469b4beffc"
@@ -620,6 +3133,40 @@ deprecation@^2.0.0, deprecation@^2.3.1:
   resolved "https://registry.npm.taobao.org/deprecation/download/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha1-Y2jL20Cr8zc7UlrIfkomDDpwCRk=
 
+des.js@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/des.js/download/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
+  integrity sha1-U4IULhvcU/hdhtU+X0qn3rkeCEM=
+  dependencies:
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+
+destroy@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/destroy/download/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
+  integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
+
+detect-node@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/detect-node/download/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
+  integrity sha1-AU7o+PZpxcWAI9pkuBecCDooxGw=
+
+diffie-hellman@^5.0.0:
+  version "5.0.3"
+  resolved "https://registry.npm.taobao.org/diffie-hellman/download/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
+  integrity sha1-QOjumPVaIUlgcUaSHGPhrl89KHU=
+  dependencies:
+    bn.js "^4.1.0"
+    miller-rabin "^4.0.0"
+    randombytes "^2.0.0"
+
+dir-glob@^2.0.0, dir-glob@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npm.taobao.org/dir-glob/download/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
+  integrity sha1-+gnwaUFTyJGLGLoN6vrpR2n8UMQ=
+  dependencies:
+    path-type "^3.0.0"
+
 dir-glob@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npm.taobao.org/dir-glob/download/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
@@ -627,6 +3174,97 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+dns-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/dns-equal/download/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
+  integrity sha1-s55/HabrCnW6nBcySzR1PEfgZU0=
+
+dns-packet@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/dns-packet/download/dns-packet-1.3.1.tgz#12aa426981075be500b910eedcd0b47dd7deda5a"
+  integrity sha1-EqpCaYEHW+UAuRDu3NC0fdfe2lo=
+  dependencies:
+    ip "^1.1.0"
+    safe-buffer "^5.0.1"
+
+dns-txt@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/dns-txt/download/dns-txt-2.0.2.tgz#b91d806f5d27188e4ab3e7d107d881a1cc4642b6"
+  integrity sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=
+  dependencies:
+    buffer-indexof "^1.0.0"
+
+docsearch.js@^2.5.2:
+  version "2.6.3"
+  resolved "https://registry.npm.taobao.org/docsearch.js/download/docsearch.js-2.6.3.tgz#57cb4600d3b6553c677e7cbbe6a734593e38625d"
+  integrity sha1-V8tGANO2VTxnfny75qc0WT44Yl0=
+  dependencies:
+    algoliasearch "^3.24.5"
+    autocomplete.js "0.36.0"
+    hogan.js "^3.0.2"
+    request "^2.87.0"
+    stack-utils "^1.0.1"
+    to-factory "^1.0.0"
+    zepto "^1.2.0"
+
+dom-converter@^0.2:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/dom-converter/download/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha1-ZyGp2u4uKTaClVtq/kFncWJ7t2g=
+  dependencies:
+    utila "~0.4"
+
+dom-serializer@0:
+  version "0.2.2"
+  resolved "https://registry.npm.taobao.org/dom-serializer/download/dom-serializer-0.2.2.tgz?cache=0&sync_timestamp=1600028888021&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdom-serializer%2Fdownload%2Fdom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
+  integrity sha1-GvuB9TNxcXXUeGVd68XjMtn5u1E=
+  dependencies:
+    domelementtype "^2.0.1"
+    entities "^2.0.0"
+
+dom-walk@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz?cache=0&sync_timestamp=1585903980899&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdom-walk%2Fdownload%2Fdom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
+  integrity sha1-DFSL7wSPTR8qlySQAiNgYNqj/YQ=
+
+domain-browser@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
+  integrity sha1-PTH1AZGmdJ3RN1p/Ui6CPULlTto=
+
+domelementtype@1, domelementtype@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/domelementtype/download/domelementtype-1.3.1.tgz?cache=0&sync_timestamp=1600028450905&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdomelementtype%2Fdownload%2Fdomelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
+  integrity sha1-0EjESzew0Qp/Kj1f7j9DM9eQSB8=
+
+domelementtype@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/domelementtype/download/domelementtype-2.0.2.tgz?cache=0&sync_timestamp=1600028450905&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdomelementtype%2Fdownload%2Fdomelementtype-2.0.2.tgz#f3b6e549201e46f588b59463dd77187131fe6971"
+  integrity sha1-87blSSAeRvWItZRj3XcYcTH+aXE=
+
+domhandler@^2.3.0:
+  version "2.4.2"
+  resolved "https://registry.npm.taobao.org/domhandler/download/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
+  integrity sha1-iAUJfpM9ZehVRvcm1g9euItE+AM=
+  dependencies:
+    domelementtype "1"
+
+domutils@1.5.1:
+  version "1.5.1"
+  resolved "https://registry.npm.taobao.org/domutils/download/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
+  integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
+domutils@^1.5.1, domutils@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.npm.taobao.org/domutils/download/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
+  integrity sha1-Vuo0HoNOBuZ0ivehyyXaZ+qfjCo=
+  dependencies:
+    dom-serializer "0"
+    domelementtype "1"
+
 dot-prop@^5.2.0:
   version "5.3.0"
   resolved "https://registry.npm.taobao.org/dot-prop/download/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
@@ -639,6 +3277,47 @@ duplexer3@^0.1.4:
   resolved "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
   integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
 
+duplexify@^3.4.2, duplexify@^3.6.0:
+  version "3.7.1"
+  resolved "https://registry.npm.taobao.org/duplexify/download/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
+  integrity sha1-Kk31MX9sz9kfhtb9JdjYoQO4gwk=
+  dependencies:
+    end-of-stream "^1.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+    stream-shift "^1.0.0"
+
+ecc-jsbn@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/ecc-jsbn/download/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
+  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
+  dependencies:
+    jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/ee-first/download/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
+  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
+
+electron-to-chromium@^1.3.571:
+  version "1.3.576"
+  resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.576.tgz#2e70234484e03d7c7e90310d7d79fd3775379c34"
+  integrity sha1-LnAjRITgPXx+kDENfXn9N3U3nDQ=
+
+elliptic@^6.5.3:
+  version "6.5.3"
+  resolved "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.3.tgz?cache=0&sync_timestamp=1592492844326&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felliptic%2Fdownload%2Felliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
+  integrity sha1-y1nrLv2vc6C9eMzXAVpirW4Pk9Y=
+  dependencies:
+    bn.js "^4.4.0"
+    brorand "^1.0.1"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.0"
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -649,13 +3328,67 @@ emoji-regex@^8.0.0:
   resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
   integrity sha1-6Bj9ac5cz8tARZT4QpY79TFkzDc=
 
-end-of-stream@^1.1.0:
+emojis-list@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/emojis-list/download/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/emojis-list/download/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha1-VXBmIEatKeLpFucariYKvf9Pang=
+
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/encodeurl/download/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
+
+end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   version "1.4.4"
   resolved "https://registry.npm.taobao.org/end-of-stream/download/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha1-WuZKX0UFe682JuwU2gyl5LJDHrA=
   dependencies:
     once "^1.4.0"
 
+enhanced-resolve@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/enhanced-resolve/download/enhanced-resolve-4.3.0.tgz#3b806f3bfafc1ec7de69551ef93cca46c1704126"
+  integrity sha1-O4BvO/r8HsfeaVUe+TzKRsFwQSY=
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.5.0"
+    tapable "^1.0.0"
+
+entities@^1.1.1, entities@~1.1.1:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/entities/download/entities-1.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fentities%2Fdownload%2Fentities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
+  integrity sha1-vfpzUplmTfr9NFKe1PhSKidf6lY=
+
+entities@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/entities/download/entities-2.0.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fentities%2Fdownload%2Fentities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
+  integrity sha1-XEh+V0Krk8Fau12iJ1m4WQ7AO38=
+
+envify@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/envify/download/envify-4.1.0.tgz#f39ad3db9d6801b4e6b478b61028d3f0b6819f7e"
+  integrity sha1-85rT251oAbTmtHi2ECjT8LaBn34=
+  dependencies:
+    esprima "^4.0.0"
+    through "~2.3.4"
+
+envinfo@^7.2.0:
+  version "7.7.3"
+  resolved "https://registry.npm.taobao.org/envinfo/download/envinfo-7.7.3.tgz?cache=0&sync_timestamp=1598316609320&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fenvinfo%2Fdownload%2Fenvinfo-7.7.3.tgz#4b2d8622e3e7366afb8091b23ed95569ea0208cc"
+  integrity sha1-Sy2GIuPnNmr7gJGyPtlVaeoCCMw=
+
+errno@^0.1.3, errno@~0.1.7:
+  version "0.1.7"
+  resolved "https://registry.npm.taobao.org/errno/download/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
+  integrity sha1-RoTXF3mtOa8Xfj8AeZb3xnyFJhg=
+  dependencies:
+    prr "~1.0.1"
+
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.npm.taobao.org/error-ex/download/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -663,20 +3396,144 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
+es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.5:
+  version "1.17.7"
+  resolved "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c"
+  integrity sha1-pN5hsvZpifx0IWdsHLl4dXOs5Uw=
+  dependencies:
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.2"
+    is-regex "^1.1.1"
+    object-inspect "^1.8.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.1"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
+
+es-abstract@^1.18.0-next.0, es-abstract@^1.18.0-next.1:
+  version "1.18.0-next.1"
+  resolved "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.18.0-next.1.tgz#6e3a0a4bda717e5023ab3b8e90bec36108d22c68"
+  integrity sha1-bjoKS9pxflAjqzuOkL7DYQjSLGg=
+  dependencies:
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.2"
+    is-negative-zero "^2.0.0"
+    is-regex "^1.1.1"
+    object-inspect "^1.8.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.1"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npm.taobao.org/es-to-primitive/download/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
+  integrity sha1-5VzUyc3BiLzvsDs2bHNjI/xciYo=
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+es6-promise@^4.1.0:
+  version "4.2.8"
+  resolved "https://registry.npm.taobao.org/es6-promise/download/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
+  integrity sha1-TrIVlMlyvEBVPSduUQU5FD21Pgo=
+
+escalade@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/escalade/download/escalade-3.1.0.tgz?cache=0&sync_timestamp=1600105687877&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fescalade%2Fdownload%2Fescalade-3.1.0.tgz#e8e2d7c7a8b76f6ee64c2181d6b8151441602d4e"
+  integrity sha1-6OLXx6i3b27mTCGB1rgVFEFgLU4=
+
 escape-goat@^2.0.0:
   version "2.1.1"
   resolved "https://registry.npm.taobao.org/escape-goat/download/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
   integrity sha1-Gy3HcANnbEV+x2Cy3GjttkgYhnU=
 
-escape-string-regexp@^1.0.5:
+escape-html@^1.0.3, escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/escape-html/download/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
+  integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
+
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz?cache=0&sync_timestamp=1587627107924&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fescape-string-regexp%2Fdownload%2Fescape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-estree-walker@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npm.taobao.org/estree-walker/download/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
-  integrity sha1-+OAw+yHO+hg7RLetUWt0dDTno+A=
+eslint-scope@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-4.0.3.tgz?cache=0&sync_timestamp=1599933677754&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-scope%2Fdownload%2Feslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
+  integrity sha1-ygODMxD2iJoyZHgaqC5j65z+eEg=
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
+esprima@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/esprima/download/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha1-E7BM2z5sXRnfkatph6hpVhmwqnE=
+
+esrecurse@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/esrecurse/download/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha1-eteWTWeauyi+5yzsY3WLHF0smSE=
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/estraverse/download/estraverse-4.3.0.tgz?cache=0&sync_timestamp=1596642941915&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha1-OYrT88WiSUi+dyXoPRGn3ijNvR0=
+
+estraverse@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/estraverse/download/estraverse-5.2.0.tgz?cache=0&sync_timestamp=1596642941915&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
+  integrity sha1-MH30JUfmzHMk088DwVXVzbjFOIA=
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/esutils/download/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha1-dNLrTeC42hKTcRkQ1Qd1ubcQ72Q=
+
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.npm.taobao.org/etag/download/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
+  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.npm.taobao.org/eventemitter3/download/eventemitter3-4.0.7.tgz?cache=0&sync_timestamp=1598517724259&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feventemitter3%2Fdownload%2Feventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha1-Lem2j2Uo1WRO9cWVJqG0oHMGFp8=
+
+events@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/events/download/events-1.1.1.tgz?cache=0&sync_timestamp=1595422602348&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fevents%2Fdownload%2Fevents-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+  integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=
+
+events@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/events/download/events-3.2.0.tgz?cache=0&sync_timestamp=1595422602348&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fevents%2Fdownload%2Fevents-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
+  integrity sha1-k7h8GPjvzUICpGGuxN/AVWtjk3k=
+
+eventsource@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npm.taobao.org/eventsource/download/eventsource-1.0.7.tgz#8fbc72c93fcd34088090bc0a4e64f4b5cee6d8d0"
+  integrity sha1-j7xyyT/NNAiAkLwKTmT0tc7m2NA=
+  dependencies:
+    original "^1.0.0"
+
+evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/evp_bytestokey/download/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
+  integrity sha1-f8vbGY3HGVlDLv4ThCaE4FJaywI=
+  dependencies:
+    md5.js "^1.3.4"
+    safe-buffer "^5.1.1"
 
 execa@4.0.3, execa@^4.0.2:
   version "4.0.3"
@@ -693,6 +3550,88 @@ execa@4.0.3, execa@^4.0.2:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
+execa@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/execa/download/execa-1.0.0.tgz?cache=0&sync_timestamp=1594145111640&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fexeca%2Fdownload%2Fexeca-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
+  integrity sha1-xiNqW7TfbW8V6I5/AXeYIWdJ3dg=
+  dependencies:
+    cross-spawn "^6.0.0"
+    get-stream "^4.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
+expand-brackets@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.npm.taobao.org/expand-brackets/download/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
+  integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
+  dependencies:
+    debug "^2.3.3"
+    define-property "^0.2.5"
+    extend-shallow "^2.0.1"
+    posix-character-classes "^0.1.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
+express@^4.17.1:
+  version "4.17.1"
+  resolved "https://registry.npm.taobao.org/express/download/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
+  integrity sha1-RJH8OGBc9R+GKdOcK10Cb5ikwTQ=
+  dependencies:
+    accepts "~1.3.7"
+    array-flatten "1.1.1"
+    body-parser "1.19.0"
+    content-disposition "0.5.3"
+    content-type "~1.0.4"
+    cookie "0.4.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "~1.1.2"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "~1.1.2"
+    fresh "0.5.2"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "~2.3.0"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.5"
+    qs "6.7.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.1.2"
+    send "0.17.1"
+    serve-static "1.14.1"
+    setprototypeof "1.1.1"
+    statuses "~1.5.0"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
+extend-shallow@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
+  integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
+  dependencies:
+    is-extendable "^0.1.0"
+
+extend-shallow@^3.0.0, extend-shallow@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
+  integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
+  dependencies:
+    assign-symbols "^1.0.0"
+    is-extendable "^1.0.1"
+
+extend@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/extend/download/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha1-+LETa0Bx+9jrFAr/hYsQGewpFfo=
+
 external-editor@^3.0.3:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/external-editor/download/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
@@ -702,6 +3641,47 @@ external-editor@^3.0.3:
     iconv-lite "^0.4.24"
     tmp "^0.0.33"
 
+extglob@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/extglob/download/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
+  integrity sha1-rQD+TcYSqSMuhxhxHcXLWrAoVUM=
+  dependencies:
+    array-unique "^0.3.2"
+    define-property "^1.0.0"
+    expand-brackets "^2.1.4"
+    extend-shallow "^2.0.1"
+    fragment-cache "^0.2.1"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
+extsprintf@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/extsprintf/download/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
+
+extsprintf@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/extsprintf/download/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
+  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
+
+fast-deep-equal@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-3.1.3.tgz?cache=0&sync_timestamp=1591599675178&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-deep-equal%2Fdownload%2Ffast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU=
+
+fast-glob@^2.2.6:
+  version "2.2.7"
+  resolved "https://registry.npm.taobao.org/fast-glob/download/fast-glob-2.2.7.tgz?cache=0&sync_timestamp=1592290280465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-glob%2Fdownload%2Ffast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
+  integrity sha1-aVOFfDr6R1//ku5gFdUtpwpM050=
+  dependencies:
+    "@mrmlnc/readdir-enhanced" "^2.2.1"
+    "@nodelib/fs.stat" "^1.1.2"
+    glob-parent "^3.1.0"
+    is-glob "^4.0.0"
+    merge2 "^1.2.3"
+    micromatch "^3.1.10"
+
 fast-glob@^3.1.1:
   version "3.2.4"
   resolved "https://registry.npm.taobao.org/fast-glob/download/fast-glob-3.2.4.tgz?cache=0&sync_timestamp=1592290365180&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-glob%2Fdownload%2Ffast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
@@ -714,6 +3694,11 @@ fast-glob@^3.1.1:
     micromatch "^4.0.2"
     picomatch "^2.2.1"
 
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/fast-json-stable-stringify/download/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha1-h0v2nG9ATCtdmcSBNBOZ/VWJJjM=
+
 fastq@^1.6.0:
   version "1.8.0"
   resolved "https://registry.npm.taobao.org/fastq/download/fastq-1.8.0.tgz?cache=0&sync_timestamp=1589280387748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffastq%2Fdownload%2Ffastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481"
@@ -721,6 +3706,25 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
+faye-websocket@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.npm.taobao.org/faye-websocket/download/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
+  integrity sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+faye-websocket@~0.11.1:
+  version "0.11.3"
+  resolved "https://registry.npm.taobao.org/faye-websocket/download/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
+  integrity sha1-XA6aiWjokSwoZjn96XeosgnyUI4=
+  dependencies:
+    websocket-driver ">=0.5.1"
+
+figgy-pudding@^3.5.1:
+  version "3.5.2"
+  resolved "https://registry.npm.taobao.org/figgy-pudding/download/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
+  integrity sha1-tO7oFIq7Adzx0aw0Nn1Z4S+mHW4=
+
 figures@^3.0.0:
   version "3.2.0"
   resolved "https://registry.npm.taobao.org/figures/download/figures-3.2.0.tgz?cache=0&sync_timestamp=1581865437156&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffigures%2Fdownload%2Ffigures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
@@ -728,6 +3732,29 @@ figures@^3.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
+file-loader@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/file-loader/download/file-loader-3.0.1.tgz?cache=0&sync_timestamp=1598876102788&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffile-loader%2Fdownload%2Ffile-loader-3.0.1.tgz#f8e0ba0b599918b51adfe45d66d1e771ad560faa"
+  integrity sha1-+OC6C1mZGLUa3+RdZtHnca1WD6o=
+  dependencies:
+    loader-utils "^1.0.2"
+    schema-utils "^1.0.0"
+
+file-uri-to-path@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/file-uri-to-path/download/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
+  integrity sha1-VTp7hEb/b2hDWcRF8eN6BdrMM90=
+
+fill-range@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/fill-range/download/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
+  integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-number "^3.0.0"
+    repeat-string "^1.6.1"
+    to-regex-range "^2.1.0"
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -735,6 +3762,28 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+finalhandler@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/finalhandler/download/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
+  integrity sha1-t+fQAP/RGTjQ/bBTUG9uur6fWH0=
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "~2.3.0"
+    parseurl "~1.3.3"
+    statuses "~1.5.0"
+    unpipe "~1.0.0"
+
+find-cache-dir@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/find-cache-dir/download/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
+  integrity sha1-jQ+UzRP+Q8bHwmGg2GEVypGMBfc=
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^2.0.0"
+    pkg-dir "^3.0.0"
+
 find-up@5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/find-up/download/find-up-5.0.0.tgz?cache=0&sync_timestamp=1597169795121&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
@@ -743,11 +3792,46 @@ find-up@5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz?cache=0&sync_timestamp=1597170240264&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+  integrity sha1-SRafHXmTQwZG2mHsxa41XCHJe3M=
+  dependencies:
+    locate-path "^3.0.0"
+
 flat@^5.0.2:
   version "5.0.2"
   resolved "https://registry.npm.taobao.org/flat/download/flat-5.0.2.tgz?cache=0&sync_timestamp=1596729088991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat%2Fdownload%2Fflat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
   integrity sha1-jKb+MyBp/6nTJMMnGYxZglnOskE=
 
+flush-write-stream@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/flush-write-stream/download/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
+  integrity sha1-jdfYc6G6vCB9lOrQwuDkQnbr8ug=
+  dependencies:
+    inherits "^2.0.3"
+    readable-stream "^2.3.6"
+
+follow-redirects@^1.0.0:
+  version "1.13.0"
+  resolved "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.13.0.tgz?cache=0&sync_timestamp=1597059692702&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
+  integrity sha1-tC6Nk6Kn7qXtiGM2dtZZe8jjhNs=
+
+for-in@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/for-in/download/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
+
+foreach@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npm.taobao.org/foreach/download/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
+  integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k=
+
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npm.taobao.org/forever-agent/download/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
+
 form-data@3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/form-data/download/form-data-3.0.0.tgz?cache=0&sync_timestamp=1573027040291&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fform-data%2Fdownload%2Fform-data-3.0.0.tgz#31b7e39c85f1355b7139ee0c647cf0de7f83c682"
@@ -757,12 +3841,93 @@ form-data@3.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+form-data@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npm.taobao.org/form-data/download/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
+  integrity sha1-3M5SwF9kTymManq5Nr1yTO/786Y=
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+forwarded@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/forwarded/download/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
+  integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
+
+fragment-cache@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npm.taobao.org/fragment-cache/download/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
+  integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=
+  dependencies:
+    map-cache "^0.2.2"
+
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.npm.taobao.org/fresh/download/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
+
+from2@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/from2/download/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
+  integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
+  dependencies:
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+
+fs-extra@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/fs-extra/download/fs-extra-7.0.1.tgz?cache=0&sync_timestamp=1591231538901&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffs-extra%2Fdownload%2Ffs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
+  integrity sha1-TxicRKoSO4lfcigE9V6iPq3DSOk=
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-write-stream-atomic@^1.0.8:
+  version "1.0.10"
+  resolved "https://registry.npm.taobao.org/fs-write-stream-atomic/download/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
+  integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=
+  dependencies:
+    graceful-fs "^4.1.2"
+    iferr "^0.1.5"
+    imurmurhash "^0.1.4"
+    readable-stream "1 || 2"
+
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
-get-stream@^4.1.0:
+fsevents@^1.2.7:
+  version "1.2.13"
+  resolved "https://registry.npm.taobao.org/fsevents/download/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
+  integrity sha1-8yXLBFVZJCi88Rs4M3DvcOO/zDg=
+  dependencies:
+    bindings "^1.5.0"
+    nan "^2.12.1"
+
+fsevents@~2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npm.taobao.org/fsevents/download/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
+  integrity sha1-+3OHA66NL5/pAMM4Nt3r7ouX8j4=
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/function-bind/download/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=
+
+gensync@^1.0.0-beta.1:
+  version "1.0.0-beta.1"
+  resolved "https://registry.npm.taobao.org/gensync/download/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
+  integrity sha1-WPQ2H/mH5f9uHnohCCeqNx6qwmk=
+
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.npm.taobao.org/get-caller-file/download/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha1-T5RBKoLbMvNuOwuXQfipf+sDH34=
+
+get-stream@^4.0.0, get-stream@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/get-stream/download/get-stream-4.1.0.tgz?cache=0&sync_timestamp=1597056455691&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fget-stream%2Fdownload%2Fget-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
   integrity sha1-wbJVV189wh1Zv8ec09K0axw6VLU=
@@ -776,6 +3941,18 @@ get-stream@^5.0.0, get-stream@^5.1.0:
   dependencies:
     pump "^3.0.0"
 
+get-value@^2.0.3, get-value@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/get-value/download/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
+  integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.npm.taobao.org/getpass/download/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
+  dependencies:
+    assert-plus "^1.0.0"
+
 git-up@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/git-up/download/git-up-4.0.2.tgz?cache=0&sync_timestamp=1596976431214&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-up%2Fdownload%2Fgit-up-4.0.2.tgz#10c3d731051b366dc19d3df454bfca3f77913a7c"
@@ -791,14 +3968,27 @@ git-url-parse@11.1.3:
   dependencies:
     git-up "^4.0.0"
 
-glob-parent@^5.1.0:
+glob-parent@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/glob-parent/download/glob-parent-3.1.0.tgz?cache=0&sync_timestamp=1584836110944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob-parent%2Fdownload%2Fglob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
+  integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
+  dependencies:
+    is-glob "^3.1.0"
+    path-dirname "^1.0.0"
+
+glob-parent@^5.1.0, glob-parent@~5.1.0:
   version "5.1.1"
   resolved "https://registry.npm.taobao.org/glob-parent/download/glob-parent-5.1.1.tgz?cache=0&sync_timestamp=1584836110944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
   integrity sha1-tsHvQXxOVmPqSY8cRa+saRa7wik=
   dependencies:
     is-glob "^4.0.1"
 
-glob@^7.0.0:
+glob-to-regexp@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/glob-to-regexp/download/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
+  integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
+
+glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.1.6"
   resolved "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=
@@ -817,6 +4007,19 @@ global-dirs@^2.0.1:
   dependencies:
     ini "^1.3.5"
 
+global@^4.3.2:
+  version "4.4.0"
+  resolved "https://registry.npm.taobao.org/global/download/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
+  integrity sha1-PnsQUXkAajI+1xqvyj6cV6XMZAY=
+  dependencies:
+    min-document "^2.19.0"
+    process "^0.11.10"
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz?cache=0&sync_timestamp=1596709302233&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobals%2Fdownload%2Fglobals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha1-q4eVM4hooLq9hSV1gBjCp+uVxC4=
+
 globby@11.0.1:
   version "11.0.1"
   resolved "https://registry.npm.taobao.org/globby/download/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
@@ -829,6 +4032,50 @@ globby@11.0.1:
     merge2 "^1.3.0"
     slash "^3.0.0"
 
+globby@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
+  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
+  dependencies:
+    array-union "^1.0.1"
+    glob "^7.0.3"
+    object-assign "^4.0.1"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
+globby@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-7.1.1.tgz#fb2ccff9401f8600945dfada97440cca972b8680"
+  integrity sha1-+yzP+UAfhgCUXfral0QMypcrhoA=
+  dependencies:
+    array-union "^1.0.1"
+    dir-glob "^2.0.0"
+    glob "^7.1.2"
+    ignore "^3.3.5"
+    pify "^3.0.0"
+    slash "^1.0.0"
+
+globby@^9.2.0:
+  version "9.2.0"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
+  integrity sha1-/QKacGxwPSm90XD0tts6P3p8tj0=
+  dependencies:
+    "@types/glob" "^7.1.1"
+    array-union "^1.0.2"
+    dir-glob "^2.2.2"
+    fast-glob "^2.2.6"
+    glob "^7.1.3"
+    ignore "^4.0.3"
+    pify "^4.0.1"
+    slash "^2.0.0"
+
+good-listener@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npm.taobao.org/good-listener/download/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
+  integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
+  dependencies:
+    delegate "^3.1.2"
+
 got@11.6.0:
   version "11.6.0"
   resolved "https://registry.npm.taobao.org/got/download/got-11.6.0.tgz?cache=0&sync_timestamp=1599586535796&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-11.6.0.tgz#4978c78f3cbc3a45ee95381f8bb6efd1db1f4638"
@@ -863,11 +4110,46 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.2:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
   version "4.2.4"
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1588086876757&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha1-Ila94U02MpWMRl68ltxGfKB6Kfs=
 
+gray-matter@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/gray-matter/download/gray-matter-4.0.2.tgz#9aa379e3acaf421193fce7d2a28cebd4518ac454"
+  integrity sha1-mqN546yvQhGT/OfSoozr1FGKxFQ=
+  dependencies:
+    js-yaml "^3.11.0"
+    kind-of "^6.0.2"
+    section-matter "^1.0.0"
+    strip-bom-string "^1.0.0"
+
+handle-thing@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/handle-thing/download/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
+  integrity sha1-hX95zjWVgMNA1DCBzGSJcNC7I04=
+
+har-schema@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/har-schema/download/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
+
+har-validator@~5.1.3:
+  version "5.1.5"
+  resolved "https://registry.npm.taobao.org/har-validator/download/har-validator-5.1.5.tgz?cache=0&sync_timestamp=1596084327526&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhar-validator%2Fdownload%2Fhar-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
+  integrity sha1-HwgDufjLIMD6E4It8ezds2veHv0=
+  dependencies:
+    ajv "^6.12.3"
+    har-schema "^2.0.0"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  dependencies:
+    ansi-regex "^2.0.0"
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -878,16 +4160,243 @@ has-flag@^4.0.0:
   resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=
 
+has-symbols@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/has-symbols/download/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
+  integrity sha1-n1IUdYpEGWxAbZvXbOv4HsLdMeg=
+
+has-value@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.npm.taobao.org/has-value/download/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
+  integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=
+  dependencies:
+    get-value "^2.0.3"
+    has-values "^0.1.4"
+    isobject "^2.0.0"
+
+has-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/has-value/download/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
+  integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
+  dependencies:
+    get-value "^2.0.6"
+    has-values "^1.0.0"
+    isobject "^3.0.0"
+
+has-values@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/has-values/download/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
+  integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
+
+has-values@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/has-values/download/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
+  integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=
+  dependencies:
+    is-number "^3.0.0"
+    kind-of "^4.0.0"
+
 has-yarn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/has-yarn/download/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
   integrity sha1-E34RNUp7W/EapctknPDG8/8rLnc=
 
+has@^1.0.0, has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/has/download/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=
+  dependencies:
+    function-bind "^1.1.1"
+
+hash-base@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/hash-base/download/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
+  integrity sha1-VcOB2eBuHSmXqIO0o/3f5/DTrzM=
+  dependencies:
+    inherits "^2.0.4"
+    readable-stream "^3.6.0"
+    safe-buffer "^5.2.0"
+
+hash-sum@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/hash-sum/download/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
+  integrity sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=
+
+hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.7"
+  resolved "https://registry.npm.taobao.org/hash.js/download/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
+  integrity sha1-C6vKU46NTuSg+JiNaIZlN6ADz0I=
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.1"
+
+he@1.2.x, he@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
+
+hex-color-regex@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/hex-color-regex/download/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
+  integrity sha1-TAb8y0YC/iYCs8k9+C1+fb8aio4=
+
+hmac-drbg@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/hmac-drbg/download/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+hogan.js@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/hogan.js/download/hogan.js-3.0.2.tgz#4cd9e1abd4294146e7679e41d7898732b02c7bfd"
+  integrity sha1-TNnhq9QpQUbnZ55B14mHMrAse/0=
+  dependencies:
+    mkdirp "0.3.0"
+    nopt "1.0.10"
+
+hpack.js@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.npm.taobao.org/hpack.js/download/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
+  integrity sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=
+  dependencies:
+    inherits "^2.0.1"
+    obuf "^1.0.0"
+    readable-stream "^2.0.1"
+    wbuf "^1.1.0"
+
+hsl-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/hsl-regex/download/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
+  integrity sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4=
+
+hsla-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/hsla-regex/download/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
+  integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg=
+
+html-comment-regex@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/html-comment-regex/download/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
+  integrity sha1-l9RoiutcgYhqNk+qDK0d2hTUM6c=
+
+html-entities@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/html-entities/download/html-entities-1.3.1.tgz#fb9a1a4b5b14c5daba82d3e34c6ae4fe701a0e44"
+  integrity sha1-+5oaS1sUxdq6gtPjTGrk/nAaDkQ=
+
+html-minifier@^3.2.3:
+  version "3.5.21"
+  resolved "https://registry.npm.taobao.org/html-minifier/download/html-minifier-3.5.21.tgz#d0040e054730e354db008463593194015212d20c"
+  integrity sha1-0AQOBUcw41TbAIRjWTGUAVIS0gw=
+  dependencies:
+    camel-case "3.0.x"
+    clean-css "4.2.x"
+    commander "2.17.x"
+    he "1.2.x"
+    param-case "2.1.x"
+    relateurl "0.2.x"
+    uglify-js "3.4.x"
+
+html-tags@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/html-tags/download/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
+  integrity sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos=
+
+html-tags@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/html-tags/download/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
+  integrity sha1-e15vfmZen7QfMAB+2eDUHpf7IUA=
+
+htmlparser2@^3.3.0:
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/htmlparser2/download/htmlparser2-3.10.1.tgz?cache=0&sync_timestamp=1601762324362&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhtmlparser2%2Fdownload%2Fhtmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
+  integrity sha1-vWedw/WYl7ajS7EHSchVu1OpOS8=
+  dependencies:
+    domelementtype "^1.3.1"
+    domhandler "^2.3.0"
+    domutils "^1.5.1"
+    entities "^1.1.1"
+    inherits "^2.0.1"
+    readable-stream "^3.1.1"
+
 http-cache-semantics@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/http-cache-semantics/download/http-cache-semantics-4.1.0.tgz?cache=0&sync_timestamp=1583107049902&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-cache-semantics%2Fdownload%2Fhttp-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
   integrity sha1-SekcXL82yblLz81xwj1SSex045A=
 
+http-deceiver@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.npm.taobao.org/http-deceiver/download/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
+  integrity sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=
+
+http-errors@1.7.2:
+  version "1.7.2"
+  resolved "https://registry.npm.taobao.org/http-errors/download/http-errors-1.7.2.tgz?cache=0&sync_timestamp=1593407611415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-errors%2Fdownload%2Fhttp-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
+  integrity sha1-T1ApzxMjnzEDblsuVSkrz7zIXI8=
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.1"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.0"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.npm.taobao.org/http-errors/download/http-errors-1.6.3.tgz?cache=0&sync_timestamp=1593407611415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-errors%2Fdownload%2Fhttp-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
+  integrity sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-errors@~1.7.2:
+  version "1.7.3"
+  resolved "https://registry.npm.taobao.org/http-errors/download/http-errors-1.7.3.tgz?cache=0&sync_timestamp=1593407611415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-errors%2Fdownload%2Fhttp-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
+  integrity sha1-bGGeT5xgMIw4UZSYwU+7EKrOuwY=
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.1.1"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.0"
+
+http-parser-js@>=0.5.1:
+  version "0.5.2"
+  resolved "https://registry.npm.taobao.org/http-parser-js/download/http-parser-js-0.5.2.tgz#da2e31d237b393aae72ace43882dd7e270a8ff77"
+  integrity sha1-2i4x0jezk6rnKs5DiC3X4nCo/3c=
+
+http-proxy-middleware@0.19.1:
+  version "0.19.1"
+  resolved "https://registry.npm.taobao.org/http-proxy-middleware/download/http-proxy-middleware-0.19.1.tgz#183c7dc4aa1479150306498c210cdaf96080a43a"
+  integrity sha1-GDx9xKoUeRUDBkmMIQza+WCApDo=
+  dependencies:
+    http-proxy "^1.17.0"
+    is-glob "^4.0.0"
+    lodash "^4.17.11"
+    micromatch "^3.1.10"
+
+http-proxy@^1.17.0:
+  version "1.18.1"
+  resolved "https://registry.npm.taobao.org/http-proxy/download/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha1-QBVB8FNIhLv5UmAzTnL4juOXZUk=
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+http-signature@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/http-signature/download/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
+  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
+  dependencies:
+    assert-plus "^1.0.0"
+    jsprim "^1.2.2"
+    sshpk "^1.7.0"
+
 http2-wrapper@^1.0.0-beta.5.2:
   version "1.0.0-beta.5.2"
   resolved "https://registry.npm.taobao.org/http2-wrapper/download/http2-wrapper-1.0.0-beta.5.2.tgz?cache=0&sync_timestamp=1594436795894&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp2-wrapper%2Fdownload%2Fhttp2-wrapper-1.0.0-beta.5.2.tgz#8b923deb90144aea65cf834b016a340fc98556f3"
@@ -896,23 +4405,65 @@ http2-wrapper@^1.0.0-beta.5.2:
     quick-lru "^5.1.1"
     resolve-alpn "^1.0.0"
 
+https-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/https-browserify/download/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
+  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
+
 human-signals@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npm.taobao.org/human-signals/download/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
   integrity sha1-xbHNFPUK6uCatsWf5jujOV/k36M=
 
-iconv-lite@^0.4.24:
+iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npm.taobao.org/iconv-lite/download/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha1-ICK0sl+93CHS9SSXSkdKr+czkIs=
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+icss-replace-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/icss-replace-symbols/download/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
+  integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
+
+icss-utils@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/icss-utils/download/icss-utils-4.1.1.tgz?cache=0&sync_timestamp=1600767328007&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ficss-utils%2Fdownload%2Ficss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
+  integrity sha1-IRcLU3ie4nRHwvR91oMIFAP5pGc=
+  dependencies:
+    postcss "^7.0.14"
+
+ieee754@^1.1.4:
+  version "1.1.13"
+  resolved "https://registry.npm.taobao.org/ieee754/download/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
+  integrity sha1-7BaFWOlaoYH9h9N/VcMrvLZwi4Q=
+
+iferr@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.npm.taobao.org/iferr/download/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
+  integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
+
+ignore@^3.3.5:
+  version "3.3.10"
+  resolved "https://registry.npm.taobao.org/ignore/download/ignore-3.3.10.tgz?cache=0&sync_timestamp=1590809380232&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
+  integrity sha1-Cpf7h2mG6AgcYxFg+PnziRV/AEM=
+
+ignore@^4.0.3:
+  version "4.0.6"
+  resolved "https://registry.npm.taobao.org/ignore/download/ignore-4.0.6.tgz?cache=0&sync_timestamp=1590809380232&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
+  integrity sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=
+
 ignore@^5.1.4:
   version "5.1.8"
   resolved "https://registry.npm.taobao.org/ignore/download/ignore-5.1.8.tgz?cache=0&sync_timestamp=1590809289115&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
   integrity sha1-8VCotQo0KJsz4i9YiavU2AFvDlc=
 
+immediate@^3.2.3:
+  version "3.3.0"
+  resolved "https://registry.npm.taobao.org/immediate/download/immediate-3.3.0.tgz?cache=0&sync_timestamp=1591712590489&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimmediate%2Fdownload%2Fimmediate-3.3.0.tgz#1aef225517836bcdf7f2a2de2600c79ff0269266"
+  integrity sha1-Gu8iVReDa8338qLeJgDHn/AmkmY=
+
 import-cwd@3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/import-cwd/download/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
@@ -920,6 +4471,21 @@ import-cwd@3.0.0:
   dependencies:
     import-from "^3.0.0"
 
+import-cwd@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/import-cwd/download/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
+  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
+  dependencies:
+    import-from "^2.1.0"
+
+import-fresh@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/import-fresh/download/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
+  integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY=
+  dependencies:
+    caller-path "^2.0.0"
+    resolve-from "^3.0.0"
+
 import-fresh@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.2.1.tgz?cache=0&sync_timestamp=1573665028675&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimport-fresh%2Fdownload%2Fimport-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
@@ -928,6 +4494,13 @@ import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-from@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/import-from/download/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
+  dependencies:
+    resolve-from "^3.0.0"
+
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/import-from/download/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -940,11 +4513,29 @@ import-lazy@^2.1.0:
   resolved "https://registry.npm.taobao.org/import-lazy/download/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
   integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
 
+import-local@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/import-local/download/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
+  integrity sha1-VQcL44pZk88Y72236WH1vuXFoJ0=
+  dependencies:
+    pkg-dir "^3.0.0"
+    resolve-cwd "^2.0.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.npm.taobao.org/imurmurhash/download/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 
+indexes-of@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/indexes-of/download/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
+  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
+
+infer-owner@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha1-xM78qo5RBRwqQLos6KPScpWvlGc=
+
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -953,11 +4544,21 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.npm.taobao.org/inherits/download/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w=
 
+inherits@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/inherits/download/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
+
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/inherits/download/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
 ini@^1.3.5, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.npm.taobao.org/ini/download/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
@@ -982,16 +4583,104 @@ inquirer@7.3.3:
     strip-ansi "^6.0.0"
     through "^2.3.6"
 
+internal-ip@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/internal-ip/download/internal-ip-4.3.0.tgz?cache=0&sync_timestamp=1596563415126&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finternal-ip%2Fdownload%2Finternal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
+  integrity sha1-hFRSuq2dLKO2nGNaE3rLmg2tCQc=
+  dependencies:
+    default-gateway "^4.2.0"
+    ipaddr.js "^1.9.0"
+
 interpret@^1.0.0:
   version "1.4.0"
   resolved "https://registry.npm.taobao.org/interpret/download/interpret-1.4.0.tgz?cache=0&sync_timestamp=1591167206134&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finterpret%2Fdownload%2Finterpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
   integrity sha1-Zlq4vE2iendKQFhOgS4+D6RbGh4=
 
+invariant@^2.2.2, invariant@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.npm.taobao.org/invariant/download/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  integrity sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=
+  dependencies:
+    loose-envify "^1.0.0"
+
+ip-regex@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/ip-regex/download/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
+  integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
+
+ip@^1.1.0, ip@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.npm.taobao.org/ip/download/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
+  integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
+
+ipaddr.js@1.9.1, ipaddr.js@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.npm.taobao.org/ipaddr.js/download/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
+  integrity sha1-v/OFQ+64mEglB5/zoqjmy9RngbM=
+
+is-absolute-url@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/is-absolute-url/download/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
+  integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
+
+is-absolute-url@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npm.taobao.org/is-absolute-url/download/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
+  integrity sha1-lsaiK2ojkpsR6gr7GDbDatSl1pg=
+
+is-accessor-descriptor@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
+  integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=
+  dependencies:
+    kind-of "^3.0.2"
+
+is-accessor-descriptor@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
+  integrity sha1-FpwvbT3x+ZJhgHI2XJsOofaHhlY=
+  dependencies:
+    kind-of "^6.0.0"
+
+is-arguments@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/is-arguments/download/is-arguments-1.0.4.tgz#3faf966c7cba0ff437fb31f6250082fcf0448cf3"
+  integrity sha1-P6+WbHy6D/Q3+zH2JQCC/PBEjPM=
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.npm.taobao.org/is-arrayish/download/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npm.taobao.org/is-arrayish/download/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha1-RXSirlb3qyBolvtDHq7tBm/fjwM=
+
+is-binary-path@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/is-binary-path/download/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
+  integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=
+  dependencies:
+    binary-extensions "^1.0.0"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/is-binary-path/download/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha1-6h9/O4DwZCNug0cPhsCcJU+0Wwk=
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.npm.taobao.org/is-buffer/download/is-buffer-1.1.6.tgz?cache=0&sync_timestamp=1588707106955&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-buffer%2Fdownload%2Fis-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
+  integrity sha1-76ouqdqg16suoTqXsritUf776L4=
+
+is-callable@^1.1.4, is-callable@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npm.taobao.org/is-callable/download/is-callable-1.2.2.tgz?cache=0&sync_timestamp=1600719276620&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-callable%2Fdownload%2Fis-callable-1.2.2.tgz#c7c6715cd22d4ddb48d3e19970223aceabb080d9"
+  integrity sha1-x8ZxXNItTdtI0+GZcCI6zquwgNk=
+
 is-ci@2.0.0, is-ci@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/is-ci/download/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -999,7 +4688,73 @@ is-ci@2.0.0, is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
-is-extglob@^2.1.1:
+is-color-stop@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/is-color-stop/download/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345"
+  integrity sha1-z/9HGu5N1cnhWFmPvhKWe1za00U=
+  dependencies:
+    css-color-names "^0.0.4"
+    hex-color-regex "^1.1.0"
+    hsl-regex "^1.0.0"
+    hsla-regex "^1.0.0"
+    rgb-regex "^1.0.1"
+    rgba-regex "^1.0.0"
+
+is-data-descriptor@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
+  integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=
+  dependencies:
+    kind-of "^3.0.2"
+
+is-data-descriptor@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
+  integrity sha1-2Eh2Mh0Oet0DmQQGq7u9NrqSaMc=
+  dependencies:
+    kind-of "^6.0.0"
+
+is-date-object@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/is-date-object/download/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
+  integrity sha1-vac28s2P0G0yhE53Q7+nSUw7/X4=
+
+is-descriptor@^0.1.0:
+  version "0.1.6"
+  resolved "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
+  integrity sha1-Nm2CQN3kh8pRgjsaufB6EKeCUco=
+  dependencies:
+    is-accessor-descriptor "^0.1.6"
+    is-data-descriptor "^0.1.4"
+    kind-of "^5.0.0"
+
+is-descriptor@^1.0.0, is-descriptor@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
+  integrity sha1-OxWXRqZmBLBPjIFSS6NlxfFNhuw=
+  dependencies:
+    is-accessor-descriptor "^1.0.0"
+    is-data-descriptor "^1.0.0"
+    kind-of "^6.0.2"
+
+is-directory@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.npm.taobao.org/is-directory/download/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
+  integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
+
+is-extendable@^0.1.0, is-extendable@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/is-extendable/download/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+  integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
+
+is-extendable@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/is-extendable/download/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
+  integrity sha1-p0cPnkJnM9gb2B4RVSZOOjUHyrQ=
+  dependencies:
+    is-plain-object "^2.0.4"
+
+is-extglob@^2.1.0, is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
@@ -1014,7 +4769,14 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=
 
-is-glob@^4.0.1:
+is-glob@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/is-glob/download/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
+  integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
+  dependencies:
+    is-extglob "^2.1.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
   version "4.0.1"
   resolved "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
   integrity sha1-dWfb6fL14kZ7x3q4PEopSCQHpdw=
@@ -1034,11 +4796,23 @@ is-interactive@^1.0.0:
   resolved "https://registry.npm.taobao.org/is-interactive/download/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
   integrity sha1-zqbmrlyHCnsKAAQHC3tYfgJSkS4=
 
+is-negative-zero@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-negative-zero/download/is-negative-zero-2.0.0.tgz#9553b121b0fac28869da9ed459e20c7543788461"
+  integrity sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=
+
 is-npm@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/is-npm/download/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
   integrity sha1-yQ3YOAaW34enptgjwg0LErvjyE0=
 
+is-number@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/is-number/download/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
+  integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
+  dependencies:
+    kind-of "^3.0.2"
+
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npm.taobao.org/is-number/download/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
@@ -1049,16 +4823,59 @@ is-obj@^2.0.0:
   resolved "https://registry.npm.taobao.org/is-obj/download/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha1-Rz+wXZc3BeP9liBUUBjKjiLvSYI=
 
+is-path-cwd@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/is-path-cwd/download/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+  integrity sha1-Z9Q7gmZKe1GR/ZEZEn6zAASKn9s=
+
+is-path-in-cwd@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/is-path-in-cwd/download/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb"
+  integrity sha1-v+Lcomxp85cmWkAJljYCk1oFOss=
+  dependencies:
+    is-path-inside "^2.1.0"
+
+is-path-inside@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/is-path-inside/download/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
+  integrity sha1-fJgQWH1lmkDSe8201WFuqwWUlLI=
+  dependencies:
+    path-is-inside "^1.0.2"
+
 is-path-inside@^3.0.1:
   version "3.0.2"
   resolved "https://registry.npm.taobao.org/is-path-inside/download/is-path-inside-3.0.2.tgz#f5220fc82a3e233757291dddc9c5877f2a1f3017"
   integrity sha1-9SIPyCo+IzdXKR3dycWHfyofMBc=
 
+is-plain-obj@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
+  integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
+
+is-plain-object@^2.0.3, is-plain-object@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-2.0.4.tgz?cache=0&sync_timestamp=1599667279942&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-plain-object%2Fdownload%2Fis-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
+  integrity sha1-LBY7P6+xtgbZ0Xko8FwqHDjgdnc=
+  dependencies:
+    isobject "^3.0.1"
+
 is-plain-object@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-5.0.0.tgz?cache=0&sync_timestamp=1599667247216&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-plain-object%2Fdownload%2Fis-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
   integrity sha1-RCf1CrNCnpAl6n1S6QQ6nvQVk0Q=
 
+is-regex@^1.0.4, is-regex@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/is-regex/download/is-regex-1.1.1.tgz?cache=0&sync_timestamp=1596555650246&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-regex%2Fdownload%2Fis-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
+  integrity sha1-xvmKrMVG9s7FRooHt7FTq1ZKV7k=
+  dependencies:
+    has-symbols "^1.0.1"
+
+is-resolvable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/is-resolvable/download/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
+  integrity sha1-+xj4fOH+uSUWnJpAfBkxijIG7Yg=
+
 is-ssh@^1.3.0:
   version "1.3.2"
   resolved "https://registry.npm.taobao.org/is-ssh/download/is-ssh-1.3.2.tgz?cache=0&sync_timestamp=1596976433804&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-ssh%2Fdownload%2Fis-ssh-1.3.2.tgz#a4b82ab63d73976fd8263cceee27f99a88bdae2b"
@@ -1066,31 +4883,120 @@ is-ssh@^1.3.0:
   dependencies:
     protocols "^1.1.0"
 
+is-stream@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/is-stream/download/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+  integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
+
 is-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/is-stream/download/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
   integrity sha1-venDJoDW+uBBKdasnZIc54FfeOM=
 
-is-typedarray@^1.0.0:
+is-svg@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/is-svg/download/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
+  integrity sha1-kyHb0pwhLlypnE+peUxxS8r6L3U=
+  dependencies:
+    html-comment-regex "^1.1.0"
+
+is-symbol@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/is-symbol/download/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
+  integrity sha1-OOEBS55jKb4N6dJKQU/XRB7GGTc=
+  dependencies:
+    has-symbols "^1.0.1"
+
+is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+is-windows@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/is-windows/download/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
+  integrity sha1-0YUOuXkezRjmGCzhKjDzlmNLsZ0=
+
+is-wsl@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/is-wsl/download/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
+  integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
+
 is-yarn-global@^0.3.0:
   version "0.3.0"
   resolved "https://registry.npm.taobao.org/is-yarn-global/download/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
   integrity sha1-1QLTOCWQ6jAEiTdGdUyJE5lz4jI=
 
+isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/isarray/download/isarray-1.0.0.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+isarray@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.npm.taobao.org/isarray/download/isarray-2.0.5.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha1-ivHkwSISRMxiRZ+vOJQNTmRKVyM=
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/isexe/download/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
-js-tokens@^4.0.0:
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/isobject/download/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=
+  dependencies:
+    isarray "1.0.0"
+
+isobject@^3.0.0, isobject@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/isobject/download/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
+  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
+
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/isstream/download/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
+
+javascript-stringify@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/javascript-stringify/download/javascript-stringify-1.6.0.tgz?cache=0&sync_timestamp=1572948916758&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjavascript-stringify%2Fdownload%2Fjavascript-stringify-1.6.0.tgz#142d111f3a6e3dae8f4a9afd77d45855b5a9cce3"
+  integrity sha1-FC0RHzpuPa6PSpr9d9RYVbWpzOM=
+
+javascript-stringify@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/javascript-stringify/download/javascript-stringify-2.0.1.tgz?cache=0&sync_timestamp=1572948916758&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjavascript-stringify%2Fdownload%2Fjavascript-stringify-2.0.1.tgz#6ef358035310e35d667c675ed63d3eb7c1aa19e5"
+  integrity sha1-bvNYA1MQ411mfGde1j0+t8GqGeU=
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha1-GSA/tZmR35jjoocFDUZHzerzJJk=
 
+js-yaml@^3.11.0, js-yaml@^3.13.1:
+  version "3.14.0"
+  resolved "https://registry.npm.taobao.org/js-yaml/download/js-yaml-3.14.0.tgz?cache=0&sync_timestamp=1590172281856&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjs-yaml%2Fdownload%2Fjs-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
+  integrity sha1-p6NBcPJqIbsWJCTYray0ETpp5II=
+  dependencies:
+    argparse "^1.0.7"
+    esprima "^4.0.0"
+
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/jsbn/download/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.npm.taobao.org/jsesc/download/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha1-gFZNLkg9rPbo7yCWUKZ98/DCg6Q=
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npm.taobao.org/jsesc/download/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
+
 json-buffer@3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
@@ -1101,11 +5007,72 @@ json-buffer@3.0.1:
   resolved "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
   integrity sha1-kziAKjDTtmBfvgYT4JQAjKjAWhM=
 
+json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/json-parse-better-errors/download/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+  integrity sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk=
+
 json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
   resolved "https://registry.npm.taobao.org/json-parse-even-better-errors/download/json-parse-even-better-errors-2.3.1.tgz?cache=0&sync_timestamp=1599064822543&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson-parse-even-better-errors%2Fdownload%2Fjson-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0=
 
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npm.taobao.org/json-schema-traverse/download/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha1-afaofZUTq4u4/mO9sJecRI5oRmA=
+
+json-schema@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.npm.taobao.org/json-schema/download/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
+  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
+
+json-stringify-safe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/json-stringify-safe/download/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
+json3@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.npm.taobao.org/json3/download/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
+  integrity sha1-f8EON1/FrkLEcFpcwKpvYr4wW4E=
+
+json5@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.npm.taobao.org/json5/download/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
+
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npm.taobao.org/json5/download/json5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
+  integrity sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=
+  dependencies:
+    minimist "^1.2.5"
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/jsonfile/download/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsprim@^1.2.2:
+  version "1.4.1"
+  resolved "https://registry.npm.taobao.org/jsprim/download/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
+  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.2.3"
+    verror "1.10.0"
+
 keyv@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/keyv/download/keyv-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fkeyv%2Fdownload%2Fkeyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
@@ -1120,6 +5087,43 @@ keyv@^4.0.0:
   dependencies:
     json-buffer "3.0.1"
 
+killable@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892"
+  integrity sha1-TIzkQRh6Bhx0dPuHygjipjgZSJI=
+
+kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
+  version "3.2.2"
+  resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
+  integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc=
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
+  integrity sha1-cpyR4thXt6QZofmqZWhcTDP1hF0=
+
+kind-of@^6.0.0, kind-of@^6.0.2:
+  version "6.0.3"
+  resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
+  integrity sha1-B8BQNKbDSfoG4k+jWqdttFgM5N0=
+
+last-call-webpack-plugin@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/last-call-webpack-plugin/download/last-call-webpack-plugin-3.0.0.tgz#9742df0e10e3cf46e5c0381c2de90d3a7a2d7555"
+  integrity sha1-l0LfDhDjz0blwDgcLekNOnotdVU=
+  dependencies:
+    lodash "^4.17.5"
+    webpack-sources "^1.1.0"
+
 latest-version@^5.0.0:
   version "5.1.0"
   resolved "https://registry.npm.taobao.org/latest-version/download/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
@@ -1127,11 +5131,67 @@ latest-version@^5.0.0:
   dependencies:
     package-json "^6.3.0"
 
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/leven/download/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  integrity sha1-d4kd6DQGTMy6gq54QrtrFKE+1/I=
+
+levenary@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/levenary/download/levenary-1.1.1.tgz#842a9ee98d2075aa7faeedbe32679e9205f46f77"
+  integrity sha1-hCqe6Y0gdap/ru2+MmeekgX0b3c=
+  dependencies:
+    leven "^3.1.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.npm.taobao.org/lines-and-columns/download/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
+linkify-it@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/linkify-it/download/linkify-it-2.2.0.tgz?cache=0&sync_timestamp=1589972899233&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flinkify-it%2Fdownload%2Flinkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
+  integrity sha1-47VGl+eL+RXHCjis14/QngBYsc8=
+  dependencies:
+    uc.micro "^1.0.1"
+
+load-script@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/load-script/download/load-script-1.0.0.tgz#0491939e0bee5643ee494a7e3da3d2bac70c6ca4"
+  integrity sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ=
+
+loader-runner@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-2.4.0.tgz?cache=0&sync_timestamp=1601450715716&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
+  integrity sha1-7UcGa/5TTX6ExMe5mYwqdWB9k1c=
+
+loader-utils@^0.2.16:
+  version "0.2.17"
+  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
+  dependencies:
+    big.js "^3.1.3"
+    emojis-list "^2.0.0"
+    json5 "^0.5.0"
+    object-assign "^4.0.1"
+
+loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
+  integrity sha1-xXm140yzSxp07cbB+za/o3HVphM=
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^1.0.1"
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz?cache=0&sync_timestamp=1597082033698&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flocate-path%2Fdownload%2Flocate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+  integrity sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4=
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -1139,7 +5199,52 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
-lodash@4.17.20, lodash@^4.17.19, lodash@^4.17.20:
+lodash._reinterpolate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/lodash._reinterpolate/download/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
+  integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
+
+lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/lodash.clonedeep/download/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
+  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npm.taobao.org/lodash.debounce/download/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
+
+lodash.kebabcase@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/lodash.kebabcase/download/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
+  integrity sha1-hImxyw0p/4gZXM7KRI/21swpXDY=
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npm.taobao.org/lodash.memoize/download/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
+  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
+
+lodash.template@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/lodash.template/download/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
+  integrity sha1-+XYZXPPzR9DV9SSDVp/oAxzM6Ks=
+  dependencies:
+    lodash._reinterpolate "^3.0.0"
+    lodash.templatesettings "^4.0.0"
+
+lodash.templatesettings@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/lodash.templatesettings/download/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
+  integrity sha1-5IExDwSdPPbUfpEq0JMTsVTw+zM=
+  dependencies:
+    lodash._reinterpolate "^3.0.0"
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/lodash.uniq/download/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+  integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
+
+lodash@4.17.20, lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.3, lodash@^4.17.5:
   version "4.17.20"
   resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336053864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
   integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
@@ -1151,6 +5256,23 @@ log-symbols@^4.0.0:
   dependencies:
     chalk "^4.0.0"
 
+loglevel@^1.6.8:
+  version "1.7.0"
+  resolved "https://registry.npm.taobao.org/loglevel/download/loglevel-1.7.0.tgz?cache=0&sync_timestamp=1598447642950&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floglevel%2Fdownload%2Floglevel-1.7.0.tgz#728166855a740d59d38db01cf46f042caa041bb0"
+  integrity sha1-coFmhVp0DVnTjbAc9G8ELKoEG7A=
+
+loose-envify@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/loose-envify/download/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lower-case@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/lower-case/download/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
+  integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
+
 lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
@@ -1161,11 +5283,34 @@ lowercase-keys@^2.0.0:
   resolved "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
   integrity sha1-JgPni3tLAAbLyi+8yKMgJVislHk=
 
+lru-cache@^4.1.2:
+  version "4.1.5"
+  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-4.1.5.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
+  integrity sha1-i75Q6oW+1ZvJ4z3KuCNe6bz0Q80=
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-5.1.1.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha1-HaJ+ZxAnGUdpXa9oSOhH8B2EuSA=
+  dependencies:
+    yallist "^3.0.2"
+
 macos-release@^2.2.0:
   version "2.4.1"
   resolved "https://registry.npm.taobao.org/macos-release/download/macos-release-2.4.1.tgz#64033d0ec6a5e6375155a74b1a1eba8e509820ac"
   integrity sha1-ZAM9Dsal5jdRVadLGh66jlCYIKw=
 
+make-dir@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
+  integrity sha1-XwMQ4YuL6JjMBwCSlaMK5B6R5vU=
+  dependencies:
+    pify "^4.0.1"
+    semver "^5.6.0"
+
 make-dir@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-3.1.0.tgz?cache=0&sync_timestamp=1587567875186&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmake-dir%2Fdownload%2Fmake-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
@@ -1173,16 +5318,147 @@ make-dir@^3.0.0:
   dependencies:
     semver "^6.0.0"
 
+map-cache@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npm.taobao.org/map-cache/download/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
+  integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
+
+map-visit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/map-visit/download/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
+  integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=
+  dependencies:
+    object-visit "^1.0.0"
+
+markdown-it-anchor@^5.0.2:
+  version "5.3.0"
+  resolved "https://registry.npm.taobao.org/markdown-it-anchor/download/markdown-it-anchor-5.3.0.tgz#d549acd64856a8ecd1bea58365ef385effbac744"
+  integrity sha1-1Ums1khWqOzRvqWDZe84Xv+6x0Q=
+
+markdown-it-chain@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/markdown-it-chain/download/markdown-it-chain-1.3.0.tgz#ccf6fe86c10266bafb4e547380dfd7f277cc17bc"
+  integrity sha1-zPb+hsECZrr7TlRzgN/X8nfMF7w=
+  dependencies:
+    webpack-chain "^4.9.0"
+
+markdown-it-container@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/markdown-it-container/download/markdown-it-container-2.0.0.tgz#0019b43fd02eefece2f1960a2895fba81a404695"
+  integrity sha1-ABm0P9Au7+zi8ZYKKJX7qBpARpU=
+
+markdown-it-emoji@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/markdown-it-emoji/download/markdown-it-emoji-1.4.0.tgz#9bee0e9a990a963ba96df6980c4fddb05dfb4dcc"
+  integrity sha1-m+4OmpkKljupbfaYDE/dsF37Tcw=
+
+markdown-it-table-of-contents@^0.4.0:
+  version "0.4.4"
+  resolved "https://registry.npm.taobao.org/markdown-it-table-of-contents/download/markdown-it-table-of-contents-0.4.4.tgz#3dc7ce8b8fc17e5981c77cc398d1782319f37fbc"
+  integrity sha1-PcfOi4/BflmBx3zDmNF4Ixnzf7w=
+
+markdown-it@^8.4.1:
+  version "8.4.2"
+  resolved "https://registry.npm.taobao.org/markdown-it/download/markdown-it-8.4.2.tgz?cache=0&sync_timestamp=1600069685515&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarkdown-it%2Fdownload%2Fmarkdown-it-8.4.2.tgz#386f98998dc15a37722aa7722084f4020bdd9b54"
+  integrity sha1-OG+YmY3BWjdyKqdyIIT0Agvdm1Q=
+  dependencies:
+    argparse "^1.0.7"
+    entities "~1.1.1"
+    linkify-it "^2.0.0"
+    mdurl "^1.0.1"
+    uc.micro "^1.0.5"
+
+md5.js@^1.3.4:
+  version "1.3.5"
+  resolved "https://registry.npm.taobao.org/md5.js/download/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
+  integrity sha1-tdB7jjIW4+J81yjXL3DR5qNCAF8=
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+    safe-buffer "^5.1.2"
+
+mdn-data@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/mdn-data/download/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
+  integrity sha1-aZs8OKxvHXKAkaZGULZdOIUC/Vs=
+
+mdn-data@2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/mdn-data/download/mdn-data-2.0.6.tgz#852dc60fcaa5daa2e8cf6c9189c440ed3e042978"
+  integrity sha1-hS3GD8ql2qLoz2yRicRA7T4EKXg=
+
+mdurl@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/mdurl/download/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
+  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/media-typer/download/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
+  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
+
+memory-fs@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npm.taobao.org/memory-fs/download/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
+  integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+memory-fs@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npm.taobao.org/memory-fs/download/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
+  integrity sha1-MkwBKIuIZSlm0WHbd4OHIIRajjw=
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/merge-descriptors/download/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
+  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
+
+merge-source-map@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/merge-source-map/download/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
+  integrity sha1-L93n5gIJOfcJBqaPLXrmheTIxkY=
+  dependencies:
+    source-map "^0.6.1"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/merge-stream/download/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha1-UoI2KaFN0AyXcPtq1H3GMQ8sH2A=
 
-merge2@^1.3.0:
+merge2@^1.2.3, merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.npm.taobao.org/merge2/download/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha1-Q2iJL4hekHRVpv19xVwMnUBJkK4=
 
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/methods/download/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
+  integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
+
+micromatch@^3.1.10, micromatch@^3.1.4:
+  version "3.1.10"
+  resolved "https://registry.npm.taobao.org/micromatch/download/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
+  integrity sha1-cIWbyVyYQJUvNZoGij/En57PrCM=
+  dependencies:
+    arr-diff "^4.0.0"
+    array-unique "^0.3.2"
+    braces "^2.3.1"
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    extglob "^2.0.4"
+    fragment-cache "^0.2.1"
+    kind-of "^6.0.2"
+    nanomatch "^1.2.9"
+    object.pick "^1.3.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.2"
+
 micromatch@^4.0.2:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/micromatch/download/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
@@ -1191,18 +5467,41 @@ micromatch@^4.0.2:
     braces "^3.0.1"
     picomatch "^2.0.5"
 
+miller-rabin@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/miller-rabin/download/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
+  integrity sha1-8IA1HIZbDcViqEYpZtqlNUPHik0=
+  dependencies:
+    bn.js "^4.0.0"
+    brorand "^1.0.1"
+
 mime-db@1.44.0:
   version "1.44.0"
   resolved "https://registry.npm.taobao.org/mime-db/download/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
   integrity sha1-+hHF6wrKEzS0Izy01S8QxaYnL5I=
 
-mime-types@2.1.27, mime-types@^2.1.12:
+"mime-db@>= 1.43.0 < 2":
+  version "1.45.0"
+  resolved "https://registry.npm.taobao.org/mime-db/download/mime-db-1.45.0.tgz?cache=0&sync_timestamp=1600832902046&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmime-db%2Fdownload%2Fmime-db-1.45.0.tgz#cceeda21ccd7c3a745eba2decd55d4b73e7879ea"
+  integrity sha1-zO7aIczXw6dF66LezVXUtz54eeo=
+
+mime-types@2.1.27, mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
   version "2.1.27"
   resolved "https://registry.npm.taobao.org/mime-types/download/mime-types-2.1.27.tgz?cache=0&sync_timestamp=1587700357245&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmime-types%2Fdownload%2Fmime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
   integrity sha1-R5SfmOJ56lMRn1ci4PNOUpvsAJ8=
   dependencies:
     mime-db "1.44.0"
 
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/mime/download/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
+  integrity sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=
+
+mime@^2.0.3, mime@^2.4.4:
+  version "2.4.6"
+  resolved "https://registry.npm.taobao.org/mime/download/mime-2.4.6.tgz#e5b407c90db442f2beb5b162373d07b69affa4d1"
+  integrity sha1-5bQHyQ20QvK+tbFiNz0Htpr/pNE=
+
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz?cache=0&sync_timestamp=1596095644798&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-fn%2Fdownload%2Fmimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -1218,6 +5517,33 @@ mimic-response@^3.1.0:
   resolved "https://registry.npm.taobao.org/mimic-response/download/mimic-response-3.1.0.tgz?cache=0&sync_timestamp=1589481326973&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-response%2Fdownload%2Fmimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
   integrity sha1-LR1Zr5wbEpgVrMwsRqAipc4fo8k=
 
+min-document@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.npm.taobao.org/min-document/download/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
+  integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
+  dependencies:
+    dom-walk "^0.1.0"
+
+mini-css-extract-plugin@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npm.taobao.org/mini-css-extract-plugin/download/mini-css-extract-plugin-0.6.0.tgz?cache=0&sync_timestamp=1601644980527&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmini-css-extract-plugin%2Fdownload%2Fmini-css-extract-plugin-0.6.0.tgz#a3f13372d6fcde912f3ee4cd039665704801e3b9"
+  integrity sha1-o/Ezctb83pEvPuTNA5ZlcEgB47k=
+  dependencies:
+    loader-utils "^1.1.0"
+    normalize-url "^2.0.1"
+    schema-utils "^1.0.0"
+    webpack-sources "^1.1.0"
+
+minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/minimalistic-assert/download/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha1-LhlN4ERibUoQ5/f7wAznPoPk1cc=
+
+minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/minimalistic-crypto-utils/download/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
+  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
+
 minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -1225,27 +5551,219 @@ minimatch@^3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.2.0:
+minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-ms@^2.1.1:
+mississippi@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/mississippi/download/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
+  integrity sha1-6goykfl+C16HdrNj1fChLZTGcCI=
+  dependencies:
+    concat-stream "^1.5.0"
+    duplexify "^3.4.2"
+    end-of-stream "^1.1.0"
+    flush-write-stream "^1.0.0"
+    from2 "^2.1.0"
+    parallel-transform "^1.1.0"
+    pump "^3.0.0"
+    pumpify "^1.3.3"
+    stream-each "^1.1.0"
+    through2 "^2.0.0"
+
+mixin-deep@^1.2.0:
+  version "1.3.2"
+  resolved "https://registry.npm.taobao.org/mixin-deep/download/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
+  integrity sha1-ESC0PcNZp4Xc5ltVuC4lfM9HlWY=
+  dependencies:
+    for-in "^1.0.2"
+    is-extendable "^1.0.1"
+
+mkdirp@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.3.0.tgz#1bbf5ab1ba827af23575143490426455f481fe1e"
+  integrity sha1-G79asbqCevI1dRQ0kEJkVfSB/h4=
+
+mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.5, mkdirp@~0.5.1:
+  version "0.5.5"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha1-2Rzv1i0UNsoPQWIOJRKI1CAJne8=
+  dependencies:
+    minimist "^1.2.5"
+
+mkdirp@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+
+move-concurrently@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/move-concurrently/download/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
+  integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=
+  dependencies:
+    aproba "^1.1.1"
+    copy-concurrently "^1.0.0"
+    fs-write-stream-atomic "^1.0.8"
+    mkdirp "^0.5.1"
+    rimraf "^2.5.4"
+    run-queue "^1.0.3"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
+
+ms@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/ms/download/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
+  integrity sha1-MKWGTrPrsKZvLr5tcnrwagnYbgo=
+
+ms@2.1.2, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=
 
+multicast-dns-service-types@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/multicast-dns-service-types/download/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
+  integrity sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=
+
+multicast-dns@^6.0.1:
+  version "6.2.3"
+  resolved "https://registry.npm.taobao.org/multicast-dns/download/multicast-dns-6.2.3.tgz#a0ec7bd9055c4282f790c3c82f4e28db3b31b229"
+  integrity sha1-oOx72QVcQoL3kMPIL04o2zsxsik=
+  dependencies:
+    dns-packet "^1.3.1"
+    thunky "^1.0.2"
+
 mute-stream@0.0.8:
   version "0.0.8"
   resolved "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha1-FjDEKyJR/4HiooPelqVJfqkuXg0=
 
+nan@^2.12.1:
+  version "2.14.1"
+  resolved "https://registry.npm.taobao.org/nan/download/nan-2.14.1.tgz#d7be34dfa3105b91494c3147089315eff8874b01"
+  integrity sha1-174036MQW5FJTDFHCJMV7/iHSwE=
+
+nanomatch@^1.2.9:
+  version "1.2.13"
+  resolved "https://registry.npm.taobao.org/nanomatch/download/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
+  integrity sha1-uHqKpPwN6P5r6IiVs4mD/yZb0Rk=
+  dependencies:
+    arr-diff "^4.0.0"
+    array-unique "^0.3.2"
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    fragment-cache "^0.2.1"
+    is-windows "^1.0.2"
+    kind-of "^6.0.2"
+    object.pick "^1.3.0"
+    regex-not "^1.0.0"
+    snapdragon "^0.8.1"
+    to-regex "^3.0.1"
+
+negotiator@0.6.2:
+  version "0.6.2"
+  resolved "https://registry.npm.taobao.org/negotiator/download/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
+  integrity sha1-/qz3zPUlp3rpY0Q2pkiD/+yjRvs=
+
+neo-async@^2.5.0, neo-async@^2.6.1:
+  version "2.6.2"
+  resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.2.tgz?cache=0&sync_timestamp=1594317437265&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fneo-async%2Fdownload%2Fneo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha1-tKr7k+OustgXTKU88WOrfXMIMF8=
+
+nice-try@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/nice-try/download/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
+  integrity sha1-ozeKdpbOfSI+iPybdkvX7xCJ42Y=
+
+no-case@^2.2.0:
+  version "2.3.2"
+  resolved "https://registry.npm.taobao.org/no-case/download/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
+  integrity sha1-YLgTOWvjmz8SiKTB7V0efSi0ZKw=
+  dependencies:
+    lower-case "^1.1.1"
+
 node-fetch@^2.3.0:
   version "2.6.1"
   resolved "https://registry.npm.taobao.org/node-fetch/download/node-fetch-2.6.1.tgz?cache=0&sync_timestamp=1599309119313&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-fetch%2Fdownload%2Fnode-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha1-BFvTI2Mfdu0uK1VXM5RBa2OaAFI=
 
-normalize-url@^3.3.0:
+node-forge@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.npm.taobao.org/node-forge/download/node-forge-0.10.0.tgz?cache=0&sync_timestamp=1599010730714&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-forge%2Fdownload%2Fnode-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
+  integrity sha1-Mt6ir7Ppkm8C7lzoeUkCaRpna/M=
+
+node-libs-browser@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/node-libs-browser/download/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
+  integrity sha1-tk9RPRgzhiX5A0bSew0jXmMfZCU=
+  dependencies:
+    assert "^1.1.1"
+    browserify-zlib "^0.2.0"
+    buffer "^4.3.0"
+    console-browserify "^1.1.0"
+    constants-browserify "^1.0.0"
+    crypto-browserify "^3.11.0"
+    domain-browser "^1.1.1"
+    events "^3.0.0"
+    https-browserify "^1.0.0"
+    os-browserify "^0.3.0"
+    path-browserify "0.0.1"
+    process "^0.11.10"
+    punycode "^1.2.4"
+    querystring-es3 "^0.2.0"
+    readable-stream "^2.3.3"
+    stream-browserify "^2.0.1"
+    stream-http "^2.7.2"
+    string_decoder "^1.0.0"
+    timers-browserify "^2.0.4"
+    tty-browserify "0.0.0"
+    url "^0.11.0"
+    util "^0.11.0"
+    vm-browserify "^1.0.1"
+
+node-releases@^1.1.61:
+  version "1.1.61"
+  resolved "https://registry.npm.taobao.org/node-releases/download/node-releases-1.1.61.tgz?cache=0&sync_timestamp=1599612952711&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-releases%2Fdownload%2Fnode-releases-1.1.61.tgz#707b0fca9ce4e11783612ba4a2fcba09047af16e"
+  integrity sha1-cHsPypzk4ReDYSukovy6CQR68W4=
+
+nopt@1.0.10:
+  version "1.0.10"
+  resolved "https://registry.npm.taobao.org/nopt/download/nopt-1.0.10.tgz?cache=0&sync_timestamp=1597649930270&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnopt%2Fdownload%2Fnopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
+  integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=
+  dependencies:
+    abbrev "1"
+
+normalize-path@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/normalize-path/download/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
+  integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
+  dependencies:
+    remove-trailing-separator "^1.0.1"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/normalize-path/download/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha1-Dc1p/yOhybEf0JeDFmRKA4ghamU=
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/normalize-range/download/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
+
+normalize-url@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-2.0.1.tgz#835a9da1551fa26f70e92329069a23aa6574d7e6"
+  integrity sha1-g1qdoVUfom9w6SMpBpojqmV01+Y=
+  dependencies:
+    prepend-http "^2.0.0"
+    query-string "^5.0.1"
+    sort-keys "^2.0.0"
+
+normalize-url@^3.0.0, normalize-url@^3.3.0:
   version "3.3.0"
   resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha1-suHE3E98bVd0PfczpPWXjRhlBVk=
@@ -1255,6 +5773,13 @@ normalize-url@^4.1.0:
   resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-4.5.0.tgz#453354087e6ca96957bd8f5baf753f5982142129"
   integrity sha1-RTNUCH5sqWlXvY9br3U/WYIUISk=
 
+npm-run-path@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
+  integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=
+  dependencies:
+    path-key "^2.0.0"
+
 npm-run-path@^4.0.0:
   version "4.0.1"
   resolved "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnpm-run-path%2Fdownload%2Fnpm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -1262,6 +5787,119 @@ npm-run-path@^4.0.0:
   dependencies:
     path-key "^3.0.0"
 
+nprogress@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/nprogress/download/nprogress-0.2.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnprogress%2Fdownload%2Fnprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
+  integrity sha1-y480xTIT2JVyP8urkH6UIq28r7E=
+
+nth-check@^1.0.2, nth-check@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/nth-check/download/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
+  integrity sha1-sr0pXDfj3VijvwcAN2Zjuk2c8Fw=
+  dependencies:
+    boolbase "~1.0.0"
+
+num2fraction@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npm.taobao.org/num2fraction/download/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
+  integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
+
+oauth-sign@~0.9.0:
+  version "0.9.0"
+  resolved "https://registry.npm.taobao.org/oauth-sign/download/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
+  integrity sha1-R6ewFrqmi1+g7PPe4IqFxnmsZFU=
+
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
+object-copy@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npm.taobao.org/object-copy/download/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
+  integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw=
+  dependencies:
+    copy-descriptor "^0.1.0"
+    define-property "^0.2.5"
+    kind-of "^3.0.3"
+
+object-inspect@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.8.0.tgz?cache=0&sync_timestamp=1592545152574&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-inspect%2Fdownload%2Fobject-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0"
+  integrity sha1-34B+Xs9TpgnMa/6T6sPMe+WzqdA=
+
+object-is@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/object-is/download/object-is-1.1.3.tgz#2e3b9e65560137455ee3bd62aec4d90a2ea1cc81"
+  integrity sha1-LjueZVYBN0Ve471irsTZCi6hzIE=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.1"
+
+object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.0, object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/object-keys/download/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha1-HEfyct8nfzsdrwYWd9nILiMixg4=
+
+object-visit@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/object-visit/download/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
+  integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=
+  dependencies:
+    isobject "^3.0.0"
+
+object.assign@^4.1.0, object.assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/object.assign/download/object.assign-4.1.1.tgz?cache=0&sync_timestamp=1599844895115&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject.assign%2Fdownload%2Fobject.assign-4.1.1.tgz#303867a666cdd41936ecdedfb1f8f3e32a478cdd"
+  integrity sha1-MDhnpmbN1Bk27N7fsfjz4ypHjN0=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.0"
+    has-symbols "^1.0.1"
+    object-keys "^1.1.1"
+
+object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/object.getownpropertydescriptors/download/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
+  integrity sha1-Npvx+VktiridcS3O1cuBx8U1Jkk=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+
+object.pick@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/object.pick/download/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
+  integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
+  dependencies:
+    isobject "^3.0.1"
+
+object.values@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/object.values/download/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  integrity sha1-aKmezeNWt+kpWjxeDOMdyMlT3l4=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+
+obuf@^1.0.0, obuf@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/obuf/download/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
+  integrity sha1-Cb6jND1BhZ69RGKS0RydTbYZCE4=
+
+on-finished@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/on-finished/download/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
+  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
+  dependencies:
+    ee-first "1.1.1"
+
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/on-headers/download/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha1-dysK5qqlJcOZ5Imt+tkMQD6zwo8=
+
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -1276,6 +5914,26 @@ onetime@^5.1.0:
   dependencies:
     mimic-fn "^2.1.0"
 
+opencollective-postinstall@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/opencollective-postinstall/download/opencollective-postinstall-2.0.3.tgz#7a0fff978f6dbfa4d006238fbac98ed4198c3259"
+  integrity sha1-eg//l49tv6TQBiOPusmO1BmMMlk=
+
+opn@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.npm.taobao.org/opn/download/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
+  integrity sha1-/HFk+rVtI1kExRw7J9pnWMo7m/w=
+  dependencies:
+    is-wsl "^1.1.0"
+
+optimize-css-assets-webpack-plugin@^5.0.1:
+  version "5.0.4"
+  resolved "https://registry.npm.taobao.org/optimize-css-assets-webpack-plugin/download/optimize-css-assets-webpack-plugin-5.0.4.tgz#85883c6528aaa02e30bbad9908c92926bb52dc90"
+  integrity sha1-hYg8ZSiqoC4wu62ZCMkpJrtS3JA=
+  dependencies:
+    cssnano "^4.1.10"
+    last-call-webpack-plugin "^3.0.0"
+
 ora@5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/ora/download/ora-5.0.0.tgz?cache=0&sync_timestamp=1599423047162&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fora%2Fdownload%2Fora-5.0.0.tgz#4f0b34f2994877b49b452a707245ab1e9f6afccb"
@@ -1290,6 +5948,18 @@ ora@5.0.0:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
+original@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/original/download/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
+  integrity sha1-5EKmHP/hxf0gpl8yYcJmY7MD8l8=
+  dependencies:
+    url-parse "^1.4.3"
+
+os-browserify@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/os-browserify/download/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
+  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
+
 os-name@4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/os-name/download/os-name-4.0.0.tgz#6c05c09c41c15848ea74658d12c9606f0f286599"
@@ -1313,6 +5983,18 @@ p-cancelable@^2.0.0:
   resolved "https://registry.npm.taobao.org/p-cancelable/download/p-cancelable-2.0.0.tgz#4a3740f5bdaf5ed5d7c3e34882c6fb5d6b266a6e"
   integrity sha1-SjdA9b2vXtXXw+NIgsb7XWsmam4=
 
+p-finally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
+  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
+
+p-limit@^2.0.0, p-limit@^2.2.1:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz?cache=0&sync_timestamp=1594559720897&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=
+  dependencies:
+    p-try "^2.0.0"
+
 p-limit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-3.0.2.tgz?cache=0&sync_timestamp=1594559711554&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-3.0.2.tgz#1664e010af3cadc681baafd3e2a437be7b0fb5fe"
@@ -1320,6 +6002,13 @@ p-limit@^3.0.2:
   dependencies:
     p-try "^2.0.0"
 
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+  integrity sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ=
+  dependencies:
+    p-limit "^2.0.0"
+
 p-locate@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-5.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
@@ -1327,6 +6016,18 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
+p-map@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/p-map/download/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
+  integrity sha1-MQko/u+cnsxltosXaTAYpmXOoXU=
+
+p-retry@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/p-retry/download/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
+  integrity sha1-MWtMiJPiyNwc+okfQGxLQivr8yg=
+  dependencies:
+    retry "^0.12.0"
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -1342,6 +6043,27 @@ package-json@^6.3.0:
     registry-url "^5.0.0"
     semver "^6.2.0"
 
+pako@~1.0.5:
+  version "1.0.11"
+  resolved "https://registry.npm.taobao.org/pako/download/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha1-bJWZ00DVTf05RjgCUqNXBaa5kr8=
+
+parallel-transform@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/parallel-transform/download/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
+  integrity sha1-kEnKN9bLIYLDsdLHIL6U0UpYFPw=
+  dependencies:
+    cyclist "^1.0.1"
+    inherits "^2.0.3"
+    readable-stream "^2.1.5"
+
+param-case@2.1.x:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/param-case/download/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
+  integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
+  dependencies:
+    no-case "^2.2.0"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/parent-module/download/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -1349,6 +6071,17 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-asn1@^5.0.0, parse-asn1@^5.1.5:
+  version "5.1.6"
+  resolved "https://registry.npm.taobao.org/parse-asn1/download/parse-asn1-5.1.6.tgz?cache=0&sync_timestamp=1597167448404&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-asn1%2Fdownload%2Fparse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
+  integrity sha1-OFCAo+wTy2KmLTlAnLPoiETNrtQ=
+  dependencies:
+    asn1.js "^5.2.0"
+    browserify-aes "^1.0.0"
+    evp_bytestokey "^1.0.0"
+    pbkdf2 "^3.0.3"
+    safe-buffer "^5.1.1"
+
 parse-json@5.1.0, parse-json@^5.0.0:
   version "5.1.0"
   resolved "https://registry.npm.taobao.org/parse-json/download/parse-json-5.1.0.tgz?cache=0&sync_timestamp=1598129230057&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-5.1.0.tgz#f96088cdf24a8faa9aea9a009f2d9d942c999646"
@@ -1359,6 +6092,14 @@ parse-json@5.1.0, parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/parse-json/download/parse-json-4.0.0.tgz?cache=0&sync_timestamp=1598129273895&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
 parse-path@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/parse-path/download/parse-path-4.0.2.tgz?cache=0&sync_timestamp=1596987777161&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-path%2Fdownload%2Fparse-path-4.0.2.tgz#ef14f0d3d77bae8dd4bc66563a4c151aac9e65aa"
@@ -1377,6 +6118,31 @@ parse-url@^5.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
+parseurl@~1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npm.taobao.org/parseurl/download/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
+  integrity sha1-naGee+6NEt/wUT7Vt2lXeTvC6NQ=
+
+pascalcase@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/pascalcase/download/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
+  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
+
+path-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npm.taobao.org/path-browserify/download/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
+  integrity sha1-5sTd1+06onxoogzE5Q4aTug7vEo=
+
+path-dirname@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/path-dirname/download/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
+  integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/path-exists/download/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/path-exists/download/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -1387,6 +6153,16 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
+path-is-inside@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/path-is-inside/download/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
+  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
+
+path-key@^2.0.0, path-key@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/path-key/download/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
+
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.npm.taobao.org/path-key/download/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
@@ -1397,26 +6173,527 @@ path-parse@^1.0.6:
   resolved "https://registry.npm.taobao.org/path-parse/download/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
   integrity sha1-1i27VnlAXXLEc37FhgDp3c8G0kw=
 
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.npm.taobao.org/path-to-regexp/download/path-to-regexp-0.1.7.tgz?cache=0&sync_timestamp=1601400247487&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-to-regexp%2Fdownload%2Fpath-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
+  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
+
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/path-type/download/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
+  integrity sha1-zvMdyOCho7sNEFwM2Xzzv0f0428=
+  dependencies:
+    pify "^3.0.0"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=
 
-picomatch@^2.0.5, picomatch@^2.2.1:
+pbkdf2@^3.0.3:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/pbkdf2/download/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
+  integrity sha1-y4cksPramEWWhW0abrr9NYRlS5Q=
+  dependencies:
+    create-hash "^1.1.2"
+    create-hmac "^1.1.4"
+    ripemd160 "^2.0.1"
+    safe-buffer "^5.0.1"
+    sha.js "^2.4.8"
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+
+picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
   version "2.2.2"
   resolved "https://registry.npm.taobao.org/picomatch/download/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
   integrity sha1-IfMz6ba46v8CRo9RRupAbTRfTa0=
 
+pify@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/pify/download/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
+pify@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/pify/download/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  integrity sha1-SyzSXFDVmHNcUCkiJP2MbfQeMjE=
+
+pinkie-promise@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/pinkie-promise/download/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
+  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
+  dependencies:
+    pinkie "^2.0.0"
+
+pinkie@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/pinkie/download/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
+
+pkg-dir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/pkg-dir/download/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
+  integrity sha1-J0kCDyOe2ZCIGx9xIQ1R62UjvqM=
+  dependencies:
+    find-up "^3.0.0"
+
+portfinder@^1.0.13, portfinder@^1.0.26:
+  version "1.0.28"
+  resolved "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.28.tgz?cache=0&sync_timestamp=1596018172434&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fportfinder%2Fdownload%2Fportfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
+  integrity sha1-Z8RiKFK9U3TdHdkA93n1NGL6x3g=
+  dependencies:
+    async "^2.6.2"
+    debug "^3.1.1"
+    mkdirp "^0.5.5"
+
+posix-character-classes@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npm.taobao.org/posix-character-classes/download/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
+  integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
+
+postcss-calc@^7.0.1:
+  version "7.0.5"
+  resolved "https://registry.npm.taobao.org/postcss-calc/download/postcss-calc-7.0.5.tgz?cache=0&sync_timestamp=1601732624081&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-calc%2Fdownload%2Fpostcss-calc-7.0.5.tgz#f8a6e99f12e619c2ebc23cf6c486fdc15860933e"
+  integrity sha1-+KbpnxLmGcLrwjz2xIb9wVhgkz4=
+  dependencies:
+    postcss "^7.0.27"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.0.2"
+
+postcss-colormin@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/postcss-colormin/download/postcss-colormin-4.0.3.tgz?cache=0&sync_timestamp=1599670485775&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-colormin%2Fdownload%2Fpostcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381"
+  integrity sha1-rgYLzpPteUrHEmTwgTLVUJVr04E=
+  dependencies:
+    browserslist "^4.0.0"
+    color "^3.0.0"
+    has "^1.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-convert-values@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-convert-values/download/postcss-convert-values-4.0.1.tgz?cache=0&sync_timestamp=1599674174819&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-convert-values%2Fdownload%2Fpostcss-convert-values-4.0.1.tgz#ca3813ed4da0f812f9d43703584e449ebe189a7f"
+  integrity sha1-yjgT7U2g+BL51DcDWE5Enr4Ymn8=
+  dependencies:
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-discard-comments@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-discard-comments/download/postcss-discard-comments-4.0.2.tgz?cache=0&sync_timestamp=1599674175141&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-discard-comments%2Fdownload%2Fpostcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033"
+  integrity sha1-H7q9LCRr/2qq15l7KwkY9NevQDM=
+  dependencies:
+    postcss "^7.0.0"
+
+postcss-discard-duplicates@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-discard-duplicates/download/postcss-discard-duplicates-4.0.2.tgz?cache=0&sync_timestamp=1599674175412&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-discard-duplicates%2Fdownload%2Fpostcss-discard-duplicates-4.0.2.tgz#3fe133cd3c82282e550fc9b239176a9207b784eb"
+  integrity sha1-P+EzzTyCKC5VD8myORdqkge3hOs=
+  dependencies:
+    postcss "^7.0.0"
+
+postcss-discard-empty@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-discard-empty/download/postcss-discard-empty-4.0.1.tgz?cache=0&sync_timestamp=1599670482017&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-discard-empty%2Fdownload%2Fpostcss-discard-empty-4.0.1.tgz#c8c951e9f73ed9428019458444a02ad90bb9f765"
+  integrity sha1-yMlR6fc+2UKAGUWERKAq2Qu592U=
+  dependencies:
+    postcss "^7.0.0"
+
+postcss-discard-overridden@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-discard-overridden/download/postcss-discard-overridden-4.0.1.tgz?cache=0&sync_timestamp=1599670482109&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-discard-overridden%2Fdownload%2Fpostcss-discard-overridden-4.0.1.tgz#652aef8a96726f029f5e3e00146ee7a4e755ff57"
+  integrity sha1-ZSrvipZybwKfXj4AFG7npOdV/1c=
+  dependencies:
+    postcss "^7.0.0"
+
+postcss-load-config@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/postcss-load-config/download/postcss-load-config-2.1.2.tgz?cache=0&sync_timestamp=1601607668112&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-load-config%2Fdownload%2Fpostcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
+  integrity sha1-xepQTyxK7zPHNZo03jVzdyrXUCo=
+  dependencies:
+    cosmiconfig "^5.0.0"
+    import-cwd "^2.0.0"
+
+postcss-loader@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/postcss-loader/download/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
+  integrity sha1-a5eUPkfHLYRfqeA/Jzdz1OjdbC0=
+  dependencies:
+    loader-utils "^1.1.0"
+    postcss "^7.0.0"
+    postcss-load-config "^2.0.0"
+    schema-utils "^1.0.0"
+
+postcss-merge-longhand@^4.0.11:
+  version "4.0.11"
+  resolved "https://registry.npm.taobao.org/postcss-merge-longhand/download/postcss-merge-longhand-4.0.11.tgz?cache=0&sync_timestamp=1599670482411&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-merge-longhand%2Fdownload%2Fpostcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
+  integrity sha1-YvSaE+Sg7gTnuY9CuxYGLKJUniQ=
+  dependencies:
+    css-color-names "0.0.4"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+    stylehacks "^4.0.0"
+
+postcss-merge-rules@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/postcss-merge-rules/download/postcss-merge-rules-4.0.3.tgz?cache=0&sync_timestamp=1599670482522&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-merge-rules%2Fdownload%2Fpostcss-merge-rules-4.0.3.tgz#362bea4ff5a1f98e4075a713c6cb25aefef9a650"
+  integrity sha1-NivqT/Wh+Y5AdacTxsslrv75plA=
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-api "^3.0.0"
+    cssnano-util-same-parent "^4.0.0"
+    postcss "^7.0.0"
+    postcss-selector-parser "^3.0.0"
+    vendors "^1.0.0"
+
+postcss-minify-font-values@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-minify-font-values/download/postcss-minify-font-values-4.0.2.tgz?cache=0&sync_timestamp=1599670482669&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-minify-font-values%2Fdownload%2Fpostcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
+  integrity sha1-zUw0TM5HQ0P6xdgiBqssvLiv1aY=
+  dependencies:
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-minify-gradients@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-minify-gradients/download/postcss-minify-gradients-4.0.2.tgz?cache=0&sync_timestamp=1599670482761&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-minify-gradients%2Fdownload%2Fpostcss-minify-gradients-4.0.2.tgz#93b29c2ff5099c535eecda56c4aa6e665a663471"
+  integrity sha1-k7KcL/UJnFNe7NpWxKpuZlpmNHE=
+  dependencies:
+    cssnano-util-get-arguments "^4.0.0"
+    is-color-stop "^1.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-minify-params@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-minify-params/download/postcss-minify-params-4.0.2.tgz?cache=0&sync_timestamp=1599670482880&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-minify-params%2Fdownload%2Fpostcss-minify-params-4.0.2.tgz#6b9cef030c11e35261f95f618c90036d680db874"
+  integrity sha1-a5zvAwwR41Jh+V9hjJADbWgNuHQ=
+  dependencies:
+    alphanum-sort "^1.0.0"
+    browserslist "^4.0.0"
+    cssnano-util-get-arguments "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+    uniqs "^2.0.0"
+
+postcss-minify-selectors@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-minify-selectors/download/postcss-minify-selectors-4.0.2.tgz?cache=0&sync_timestamp=1599670483082&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-minify-selectors%2Fdownload%2Fpostcss-minify-selectors-4.0.2.tgz#e2e5eb40bfee500d0cd9243500f5f8ea4262fbd8"
+  integrity sha1-4uXrQL/uUA0M2SQ1APX46kJi+9g=
+  dependencies:
+    alphanum-sort "^1.0.0"
+    has "^1.0.0"
+    postcss "^7.0.0"
+    postcss-selector-parser "^3.0.0"
+
+postcss-modules-extract-imports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-extract-imports/download/postcss-modules-extract-imports-2.0.0.tgz?cache=0&sync_timestamp=1600776095634&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules-extract-imports%2Fdownload%2Fpostcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
+  integrity sha1-gYcZoa4doyX5gyRGsBE27rSTzX4=
+  dependencies:
+    postcss "^7.0.5"
+
+postcss-modules-local-by-default@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/postcss-modules-local-by-default/download/postcss-modules-local-by-default-2.0.6.tgz?cache=0&sync_timestamp=1600772115827&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules-local-by-default%2Fdownload%2Fpostcss-modules-local-by-default-2.0.6.tgz#dd9953f6dd476b5fd1ef2d8830c8929760b56e63"
+  integrity sha1-3ZlT9t1Ha1/R7y2IMMiSl2C1bmM=
+  dependencies:
+    postcss "^7.0.6"
+    postcss-selector-parser "^6.0.0"
+    postcss-value-parser "^3.3.1"
+
+postcss-modules-scope@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-scope/download/postcss-modules-scope-2.2.0.tgz?cache=0&sync_timestamp=1600778003060&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules-scope%2Fdownload%2Fpostcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
+  integrity sha1-OFyuATzHdD9afXYC0Qc6iequYu4=
+  dependencies:
+    postcss "^7.0.6"
+    postcss-selector-parser "^6.0.0"
+
+postcss-modules-values@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/postcss-modules-values/download/postcss-modules-values-2.0.0.tgz?cache=0&sync_timestamp=1600777126258&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-modules-values%2Fdownload%2Fpostcss-modules-values-2.0.0.tgz#479b46dc0c5ca3dc7fa5270851836b9ec7152f64"
+  integrity sha1-R5tG3Axco9x/pScIUYNrnscVL2Q=
+  dependencies:
+    icss-replace-symbols "^1.1.0"
+    postcss "^7.0.6"
+
+postcss-normalize-charset@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-charset/download/postcss-normalize-charset-4.0.1.tgz?cache=0&sync_timestamp=1599670482967&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-charset%2Fdownload%2Fpostcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4"
+  integrity sha1-izWt067oOhNrBHHg1ZvlilAoXdQ=
+  dependencies:
+    postcss "^7.0.0"
+
+postcss-normalize-display-values@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-display-values/download/postcss-normalize-display-values-4.0.2.tgz?cache=0&sync_timestamp=1599670483192&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-display-values%2Fdownload%2Fpostcss-normalize-display-values-4.0.2.tgz#0dbe04a4ce9063d4667ed2be476bb830c825935a"
+  integrity sha1-Db4EpM6QY9RmftK+R2u4MMglk1o=
+  dependencies:
+    cssnano-util-get-match "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-positions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-positions/download/postcss-normalize-positions-4.0.2.tgz?cache=0&sync_timestamp=1599670483273&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-positions%2Fdownload%2Fpostcss-normalize-positions-4.0.2.tgz#05f757f84f260437378368a91f8932d4b102917f"
+  integrity sha1-BfdX+E8mBDc3g2ipH4ky1LECkX8=
+  dependencies:
+    cssnano-util-get-arguments "^4.0.0"
+    has "^1.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-repeat-style@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-repeat-style/download/postcss-normalize-repeat-style-4.0.2.tgz?cache=0&sync_timestamp=1599670483443&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-repeat-style%2Fdownload%2Fpostcss-normalize-repeat-style-4.0.2.tgz#c4ebbc289f3991a028d44751cbdd11918b17910c"
+  integrity sha1-xOu8KJ85kaAo1EdRy90RkYsXkQw=
+  dependencies:
+    cssnano-util-get-arguments "^4.0.0"
+    cssnano-util-get-match "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-string@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-string/download/postcss-normalize-string-4.0.2.tgz?cache=0&sync_timestamp=1599670483365&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-string%2Fdownload%2Fpostcss-normalize-string-4.0.2.tgz#cd44c40ab07a0c7a36dc5e99aace1eca4ec2690c"
+  integrity sha1-zUTECrB6DHo23F6Zqs4eyk7CaQw=
+  dependencies:
+    has "^1.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-timing-functions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-timing-functions/download/postcss-normalize-timing-functions-4.0.2.tgz?cache=0&sync_timestamp=1599670483533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-timing-functions%2Fdownload%2Fpostcss-normalize-timing-functions-4.0.2.tgz#8e009ca2a3949cdaf8ad23e6b6ab99cb5e7d28d9"
+  integrity sha1-jgCcoqOUnNr4rSPmtquZy159KNk=
+  dependencies:
+    cssnano-util-get-match "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-unicode@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-unicode/download/postcss-normalize-unicode-4.0.1.tgz?cache=0&sync_timestamp=1599670483640&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-unicode%2Fdownload%2Fpostcss-normalize-unicode-4.0.1.tgz#841bd48fdcf3019ad4baa7493a3d363b52ae1cfb"
+  integrity sha1-hBvUj9zzAZrUuqdJOj02O1KuHPs=
+  dependencies:
+    browserslist "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-url@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-url/download/postcss-normalize-url-4.0.1.tgz?cache=0&sync_timestamp=1599670483753&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-url%2Fdownload%2Fpostcss-normalize-url-4.0.1.tgz#10e437f86bc7c7e58f7b9652ed878daaa95faae1"
+  integrity sha1-EOQ3+GvHx+WPe5ZS7YeNqqlfquE=
+  dependencies:
+    is-absolute-url "^2.0.0"
+    normalize-url "^3.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-normalize-whitespace@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-normalize-whitespace/download/postcss-normalize-whitespace-4.0.2.tgz?cache=0&sync_timestamp=1599670483848&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-normalize-whitespace%2Fdownload%2Fpostcss-normalize-whitespace-4.0.2.tgz#bf1d4070fe4fcea87d1348e825d8cc0c5faa7d82"
+  integrity sha1-vx1AcP5Pzqh9E0joJdjMDF+qfYI=
+  dependencies:
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-ordered-values@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npm.taobao.org/postcss-ordered-values/download/postcss-ordered-values-4.1.2.tgz?cache=0&sync_timestamp=1599670483946&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-ordered-values%2Fdownload%2Fpostcss-ordered-values-4.1.2.tgz#0cf75c820ec7d5c4d280189559e0b571ebac0eee"
+  integrity sha1-DPdcgg7H1cTSgBiVWeC1ceusDu4=
+  dependencies:
+    cssnano-util-get-arguments "^4.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-reduce-initial@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/postcss-reduce-initial/download/postcss-reduce-initial-4.0.3.tgz?cache=0&sync_timestamp=1599670484036&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-reduce-initial%2Fdownload%2Fpostcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df"
+  integrity sha1-f9QuvqXpyBRgljniwuhK4nC6SN8=
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-api "^3.0.0"
+    has "^1.0.0"
+    postcss "^7.0.0"
+
+postcss-reduce-transforms@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-reduce-transforms/download/postcss-reduce-transforms-4.0.2.tgz?cache=0&sync_timestamp=1599670484213&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-reduce-transforms%2Fdownload%2Fpostcss-reduce-transforms-4.0.2.tgz#17efa405eacc6e07be3414a5ca2d1074681d4e29"
+  integrity sha1-F++kBerMbge+NBSlyi0QdGgdTik=
+  dependencies:
+    cssnano-util-get-match "^4.0.0"
+    has "^1.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+
+postcss-safe-parser@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-safe-parser/download/postcss-safe-parser-4.0.2.tgz#a6d4e48f0f37d9f7c11b2a581bf00f8ba4870b96"
+  integrity sha1-ptTkjw832ffBGypYG/APi6SHC5Y=
+  dependencies:
+    postcss "^7.0.26"
+
+postcss-selector-parser@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/postcss-selector-parser/download/postcss-selector-parser-3.1.2.tgz?cache=0&sync_timestamp=1601045467133&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-selector-parser%2Fdownload%2Fpostcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
+  integrity sha1-sxD1xMD9r3b5SQK7qjDbaqhPUnA=
+  dependencies:
+    dot-prop "^5.2.0"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+
+postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
+  version "6.0.4"
+  resolved "https://registry.npm.taobao.org/postcss-selector-parser/download/postcss-selector-parser-6.0.4.tgz?cache=0&sync_timestamp=1601045467133&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-selector-parser%2Fdownload%2Fpostcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
+  integrity sha1-VgdaE4CgRgTDiwY+p3Z6Epr1wrM=
+  dependencies:
+    cssesc "^3.0.0"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/postcss-svgo/download/postcss-svgo-4.0.2.tgz?cache=0&sync_timestamp=1599670484324&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-svgo%2Fdownload%2Fpostcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
+  integrity sha1-F7mXvHEbMzurFDqu07jT1uPTglg=
+  dependencies:
+    is-svg "^3.0.0"
+    postcss "^7.0.0"
+    postcss-value-parser "^3.0.0"
+    svgo "^1.0.0"
+
+postcss-unique-selectors@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npm.taobao.org/postcss-unique-selectors/download/postcss-unique-selectors-4.0.1.tgz?cache=0&sync_timestamp=1599670484407&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-unique-selectors%2Fdownload%2Fpostcss-unique-selectors-4.0.1.tgz#9446911f3289bfd64c6d680f073c03b1f9ee4bac"
+  integrity sha1-lEaRHzKJv9ZMbWgPBzwDsfnuS6w=
+  dependencies:
+    alphanum-sort "^1.0.0"
+    postcss "^7.0.0"
+    uniqs "^2.0.0"
+
+postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
+  integrity sha1-n/giVH4okyE88cMO+lGsX9G6goE=
+
+postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
+  integrity sha1-RD9qIM7WSBor2k+oUypuVdeJoss=
+
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
+  version "7.0.35"
+  resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.35.tgz?cache=0&sync_timestamp=1601330046759&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-7.0.35.tgz#d2be00b998f7f211d8a276974079f2e92b970e24"
+  integrity sha1-0r4AuZj38hHYonaXQHny6SuXDiQ=
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 prepend-http@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
+prettier@^1.18.2:
+  version "1.19.1"
+  resolved "https://registry.npm.taobao.org/prettier/download/prettier-1.19.1.tgz?cache=0&sync_timestamp=1600215657177&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprettier%2Fdownload%2Fprettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
+  integrity sha1-99f1/4qc2HKnvkyhQglZVqYHl8s=
+
+pretty-error@^2.0.2:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/pretty-error/download/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
+  integrity sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=
+  dependencies:
+    renderkid "^2.0.1"
+    utila "~0.4"
+
+pretty-time@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/pretty-time/download/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
+  integrity sha1-/7dCmvq7hTXDRqNOQYc63z103Q4=
+
+prismjs@^1.13.0:
+  version "1.21.0"
+  resolved "https://registry.npm.taobao.org/prismjs/download/prismjs-1.21.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprismjs%2Fdownload%2Fprismjs-1.21.0.tgz#36c086ec36b45319ec4218ee164c110f9fc015a3"
+  integrity sha1-NsCG7Da0UxnsQhjuFkwRD5/AFaM=
+  optionalDependencies:
+    clipboard "^2.0.0"
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/process-nextick-args/download/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha1-eCDZsWEgzFXKmud5JoCufbptf+I=
+
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.npm.taobao.org/process/download/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
+
+promise-inflight@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/promise-inflight/download/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
+  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
+
 protocols@^1.1.0, protocols@^1.4.0:
   version "1.4.8"
   resolved "https://registry.npm.taobao.org/protocols/download/protocols-1.4.8.tgz?cache=0&sync_timestamp=1596987772072&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprotocols%2Fdownload%2Fprotocols-1.4.8.tgz#48eea2d8f58d9644a4a32caae5d5db290a075ce8"
   integrity sha1-SO6i2PWNlkSkoyyq5dXbKQoHXOg=
 
+proxy-addr@~2.0.5:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/proxy-addr/download/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
+  integrity sha1-/cIzZQVEfT8vLGOO0nLK9hS7sr8=
+  dependencies:
+    forwarded "~0.1.2"
+    ipaddr.js "1.9.1"
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/prr/download/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
+  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
+
+pseudomap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/pseudomap/download/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
+
+psl@^1.1.28:
+  version "1.8.0"
+  resolved "https://registry.npm.taobao.org/psl/download/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
+  integrity sha1-kyb4vPsBOtzABf3/BWrM4CDlHCQ=
+
+public-encrypt@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/public-encrypt/download/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
+  integrity sha1-T8ydd6B+SLp1J+fL4N4z0HATMeA=
+  dependencies:
+    bn.js "^4.1.0"
+    browserify-rsa "^4.0.0"
+    create-hash "^1.1.0"
+    parse-asn1 "^5.0.0"
+    randombytes "^2.0.1"
+    safe-buffer "^5.1.2"
+
+pump@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/pump/download/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
+  integrity sha1-Ejma3W5M91Jtlzy8i1zi4pCLOQk=
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/pump/download/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -1425,6 +6702,30 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
+pumpify@^1.3.3:
+  version "1.5.1"
+  resolved "https://registry.npm.taobao.org/pumpify/download/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
+  integrity sha1-NlE74karJ1cLGjdKXOJ4v9dDcM4=
+  dependencies:
+    duplexify "^3.6.0"
+    inherits "^2.0.3"
+    pump "^2.0.0"
+
+punycode@1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npm.taobao.org/punycode/download/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+  integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
+
+punycode@^1.2.4:
+  version "1.4.1"
+  resolved "https://registry.npm.taobao.org/punycode/download/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
+
+punycode@^2.1.0, punycode@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/punycode/download/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha1-tYsBCsQMIsVldhbI0sLALHv0eew=
+
 pupa@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/pupa/download/pupa-2.0.1.tgz#dbdc9ff48ffbea4a26a069b6f9f7abb051008726"
@@ -1432,11 +6733,80 @@ pupa@^2.0.1:
   dependencies:
     escape-goat "^2.0.0"
 
+q@^1.1.2:
+  version "1.5.1"
+  resolved "https://registry.npm.taobao.org/q/download/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+  integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
+
+qs@6.7.0:
+  version "6.7.0"
+  resolved "https://registry.npm.taobao.org/qs/download/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
+  integrity sha1-QdwaAV49WB8WIXdr4xr7KHapsbw=
+
+qs@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
+  integrity sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=
+
+query-string@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/query-string/download/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
+  integrity sha1-p4wBK3HBfgXy4/ojGd0zBoLvs8s=
+  dependencies:
+    decode-uri-component "^0.2.0"
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
+querystring-es3@^0.2.0, querystring-es3@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npm.taobao.org/querystring-es3/download/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
+
+querystring@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/querystring/download/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+  integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
+
+querystringify@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.npm.taobao.org/querystringify/download/querystringify-2.2.0.tgz?cache=0&sync_timestamp=1597686663691&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fquerystringify%2Fdownload%2Fquerystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
+  integrity sha1-M0WUG0FTy50ILY7uTNogFqmu9/Y=
+
 quick-lru@^5.1.1:
   version "5.1.1"
   resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
   integrity sha1-NmST5rPkKjpoheLpnRj4D7eoyTI=
 
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/randombytes/download/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha1-32+ENy8CcNxlzfYpE0mrekc9Tyo=
+  dependencies:
+    safe-buffer "^5.1.0"
+
+randomfill@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/randomfill/download/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
+  integrity sha1-ySGW/IarQr6YPxvzF3giSTHWFFg=
+  dependencies:
+    randombytes "^2.0.5"
+    safe-buffer "^5.1.0"
+
+range-parser@^1.2.1, range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npm.taobao.org/range-parser/download/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
+  integrity sha1-PPNwI9GZ4cJNGlW4SADC8+ZGgDE=
+
+raw-body@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npm.taobao.org/raw-body/download/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
+  integrity sha1-oc5vucm8NWylLoklarWQWeE9AzI=
+  dependencies:
+    bytes "3.1.0"
+    http-errors "1.7.2"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
 rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.npm.taobao.org/rc/download/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -1447,6 +6817,44 @@ rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+  version "2.3.7"
+  resolved "https://registry.npm.taobao.org/readable-stream/download/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha1-Hsoc9xGu+BTAT2IlKjamL2yyO1c=
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.npm.taobao.org/readable-stream/download/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha1-M3u9o63AcGvT4CRCaihtS0sskZg=
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/readdirp/download/readdirp-2.2.1.tgz?cache=0&sync_timestamp=1584985807685&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freaddirp%2Fdownload%2Freaddirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
+  integrity sha1-DodiKjMlqjPokihcr4tOhGUppSU=
+  dependencies:
+    graceful-fs "^4.1.11"
+    micromatch "^3.1.10"
+    readable-stream "^2.0.2"
+
+readdirp@~3.4.0:
+  version "3.4.0"
+  resolved "https://registry.npm.taobao.org/readdirp/download/readdirp-3.4.0.tgz?cache=0&sync_timestamp=1584985807685&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freaddirp%2Fdownload%2Freaddirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
+  integrity sha1-n9zN+ekVWAVEkiGsZF6DA6tbmto=
+  dependencies:
+    picomatch "^2.2.1"
+
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.npm.taobao.org/rechoir/download/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -1454,6 +6862,65 @@ rechoir@^0.6.2:
   dependencies:
     resolve "^1.1.6"
 
+reduce@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/reduce/download/reduce-1.0.2.tgz#0cd680ad3ffe0b060e57a5c68bdfce37168d361b"
+  integrity sha1-DNaArT/+CwYOV6XGi9/ONxaNNhs=
+  dependencies:
+    object-keys "^1.1.0"
+
+regenerate-unicode-properties@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.npm.taobao.org/regenerate-unicode-properties/download/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
+  integrity sha1-5d5xEdZV57pgwFfb6f83yH5lzew=
+  dependencies:
+    regenerate "^1.4.0"
+
+regenerate@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.npm.taobao.org/regenerate/download/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
+  integrity sha1-ytkq2Oa1kXc0hfvgWkhcr09Ffm8=
+
+regenerator-runtime@^0.13.4:
+  version "0.13.7"
+  resolved "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55"
+  integrity sha1-ysLazIoepnX+qrrriugziYrkb1U=
+
+regenerator-transform@^0.14.2:
+  version "0.14.5"
+  resolved "https://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.14.5.tgz?cache=0&sync_timestamp=1593557271381&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-transform%2Fdownload%2Fregenerator-transform-0.14.5.tgz#c98da154683671c9c4dcb16ece736517e1b7feb4"
+  integrity sha1-yY2hVGg2ccnE3LFuznNlF+G3/rQ=
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regex-not@^1.0.0, regex-not@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/regex-not/download/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
+  integrity sha1-H07OJ+ALC2XgJHpoEOaoXYOldSw=
+  dependencies:
+    extend-shallow "^3.0.2"
+    safe-regex "^1.1.0"
+
+regexp.prototype.flags@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/regexp.prototype.flags/download/regexp.prototype.flags-1.3.0.tgz#7aba89b3c13a64509dabcf3ca8d9fbb9bdf5cb75"
+  integrity sha1-erqJs8E6ZFCdq888qNn7ub31y3U=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+
+regexpu-core@^4.7.0:
+  version "4.7.1"
+  resolved "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.1.tgz?cache=0&sync_timestamp=1600413480386&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexpu-core%2Fdownload%2Fregexpu-core-4.7.1.tgz#2dea5a9a07233298fbf0db91fa9abc4c6e0f8ad6"
+  integrity sha1-LepamgcjMpj78NuR+pq8TG4PitY=
+  dependencies:
+    regenerate "^1.4.0"
+    regenerate-unicode-properties "^8.2.0"
+    regjsgen "^0.5.1"
+    regjsparser "^0.6.4"
+    unicode-match-property-ecmascript "^1.0.4"
+    unicode-match-property-value-ecmascript "^1.2.0"
+
 registry-auth-token@^4.0.0:
   version "4.2.0"
   resolved "https://registry.npm.taobao.org/registry-auth-token/download/registry-auth-token-4.2.0.tgz?cache=0&sync_timestamp=1594638395069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregistry-auth-token%2Fdownload%2Fregistry-auth-token-4.2.0.tgz#1d37dffda72bbecd0f581e4715540213a65eb7da"
@@ -1468,6 +6935,23 @@ registry-url@^5.0.0:
   dependencies:
     rc "^1.2.8"
 
+regjsgen@^0.5.1:
+  version "0.5.2"
+  resolved "https://registry.npm.taobao.org/regjsgen/download/regjsgen-0.5.2.tgz?cache=0&sync_timestamp=1590335923060&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregjsgen%2Fdownload%2Fregjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
+  integrity sha1-kv8pX7He7L9uzaslQ9IH6RqjNzM=
+
+regjsparser@^0.6.4:
+  version "0.6.4"
+  resolved "https://registry.npm.taobao.org/regjsparser/download/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
+  integrity sha1-p2n4aEMIQBpm6bUp0kNv9NBmYnI=
+  dependencies:
+    jsesc "~0.5.0"
+
+relateurl@0.2.x:
+  version "0.2.7"
+  resolved "https://registry.npm.taobao.org/relateurl/download/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
+
 release-it@^14.0.2:
   version "14.0.2"
   resolved "https://registry.npm.taobao.org/release-it/download/release-it-14.0.2.tgz#92cef6592ee9f9f6b60785ad5a659e1537996288"
@@ -1502,11 +6986,90 @@ release-it@^14.0.2:
     yaml "1.10.0"
     yargs-parser "19.0.4"
 
+remove-trailing-separator@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/remove-trailing-separator/download/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
+  integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
+
+renderkid@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/renderkid/download/renderkid-2.0.3.tgz#380179c2ff5ae1365c522bf2fcfcff01c5b74149"
+  integrity sha1-OAF5wv9a4TZcUivy/Pz/AcW3QUk=
+  dependencies:
+    css-select "^1.1.0"
+    dom-converter "^0.2"
+    htmlparser2 "^3.3.0"
+    strip-ansi "^3.0.0"
+    utila "^0.4.0"
+
+repeat-element@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/repeat-element/download/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
+  integrity sha1-eC4NglwMWjuzlzH4Tv7mt0Lmsc4=
+
+repeat-string@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.npm.taobao.org/repeat-string/download/repeat-string-1.6.1.tgz?cache=0&sync_timestamp=1596594715847&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frepeat-string%2Fdownload%2Frepeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+  integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
+
+request@^2.87.0:
+  version "2.88.2"
+  resolved "https://registry.npm.taobao.org/request/download/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
+  integrity sha1-1zyRhzHLWofaBH4gcjQUb2ZNErM=
+  dependencies:
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
+    forever-agent "~0.6.1"
+    form-data "~2.3.2"
+    har-validator "~5.1.3"
+    http-signature "~1.2.0"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.19"
+    oauth-sign "~0.9.0"
+    performance-now "^2.1.0"
+    qs "~6.5.2"
+    safe-buffer "^5.1.2"
+    tough-cookie "~2.5.0"
+    tunnel-agent "^0.6.0"
+    uuid "^3.3.2"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/require-directory/download/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
+
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/require-main-filename/download/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
+  integrity sha1-0LMp7MfMD2Fkn2IhW+aa9UqomJs=
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
+  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
+
 resolve-alpn@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/resolve-alpn/download/resolve-alpn-1.0.0.tgz#745ad60b3d6aff4b4a48e01b8c0bdc70959e0e8c"
   integrity sha1-dFrWCz1q/0tKSOAbjAvccJWeDow=
 
+resolve-cwd@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/resolve-cwd/download/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
+  integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
+  dependencies:
+    resolve-from "^3.0.0"
+
+resolve-from@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
+  integrity sha1-six699nWiBvItuZTM17rywoYh0g=
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -1517,7 +7080,12 @@ resolve-from@^5.0.0:
   resolved "https://registry.npm.taobao.org/resolve-from/download/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha1-w1IlhD3493bfIcV1V7wIfp39/Gk=
 
-resolve@^1.1.6:
+resolve-url@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npm.taobao.org/resolve-url/download/resolve-url-0.2.1.tgz?cache=0&sync_timestamp=1585438700247&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve-url%2Fdownload%2Fresolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
+
+resolve@^1.1.6, resolve@^1.2.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
   integrity sha1-sllBtUloIxzC0bt2p5y38sC/hEQ=
@@ -1546,7 +7114,12 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
-retry@0.12.0:
+ret@~0.1.10:
+  version "0.1.15"
+  resolved "https://registry.npm.taobao.org/ret/download/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
+  integrity sha1-uKSCXVvbH8P29Twrwz+BOIaBx7w=
+
+retry@0.12.0, retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.npm.taobao.org/retry/download/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
@@ -1556,6 +7129,31 @@ reusify@^1.0.4:
   resolved "https://registry.npm.taobao.org/reusify/download/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha1-kNo4Kx4SbvwCFG6QhFqI2xKSXXY=
 
+rgb-regex@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/rgb-regex/download/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
+  integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE=
+
+rgba-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/rgba-regex/download/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
+  integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
+
+rimraf@^2.5.4, rimraf@^2.6.3:
+  version "2.7.1"
+  resolved "https://registry.npm.taobao.org/rimraf/download/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha1-NXl/E6f9rcVmFCwp1PB8ytSD4+w=
+  dependencies:
+    glob "^7.1.3"
+
+ripemd160@^2.0.0, ripemd160@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/ripemd160/download/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
+  integrity sha1-ocGm9iR1FXe6XQeRTLyShQWFiQw=
+  dependencies:
+    hash-base "^3.0.0"
+    inherits "^2.0.1"
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.npm.taobao.org/run-async/download/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
@@ -1566,6 +7164,13 @@ run-parallel@^1.1.9:
   resolved "https://registry.npm.taobao.org/run-parallel/download/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
   integrity sha1-yd06fPn0ssS2JE4XOm7YZuYd1nk=
 
+run-queue@^1.0.0, run-queue@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/run-queue/download/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
+  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
+  dependencies:
+    aproba "^1.1.1"
+
 rxjs@^6.6.0:
   version "6.6.3"
   resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.6.3.tgz?cache=0&sync_timestamp=1599403258987&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
@@ -1573,11 +7178,76 @@ rxjs@^6.6.0:
   dependencies:
     tslib "^1.9.0"
 
-"safer-buffer@>= 2.1.2 < 3":
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha1-mR7GnSluAxN0fVm9/St0XDX4go0=
+
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha1-Hq+fqb2x/dTsdfWPnNtOa3gn7sY=
+
+safe-regex@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/safe-regex/download/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
+  integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4=
+  dependencies:
+    ret "~0.1.10"
+
+"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@^2.1.2, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.npm.taobao.org/safer-buffer/download/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=
 
+sax@~1.2.4:
+  version "1.2.4"
+  resolved "https://registry.npm.taobao.org/sax/download/sax-1.2.4.tgz?cache=0&sync_timestamp=1589682064084&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsax%2Fdownload%2Fsax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha1-KBYjTiN4vdxOU1T6tcqold9xANk=
+
+schema-utils@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-1.0.0.tgz?cache=0&sync_timestamp=1598871845041&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fschema-utils%2Fdownload%2Fschema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
+  integrity sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=
+  dependencies:
+    ajv "^6.1.0"
+    ajv-errors "^1.0.0"
+    ajv-keywords "^3.1.0"
+
+schema-utils@^2.6.5:
+  version "2.7.1"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-2.7.1.tgz?cache=0&sync_timestamp=1598871845041&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fschema-utils%2Fdownload%2Fschema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha1-HKTzLRskxZDCA7jnpQvw6kzTlNc=
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
+section-matter@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/section-matter/download/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"
+  integrity sha1-6QQZU1BngOwB1Z8pKhnHuFC4QWc=
+  dependencies:
+    extend-shallow "^2.0.1"
+    kind-of "^6.0.0"
+
+select-hose@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
+  integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=
+
+select@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/select/download/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
+  integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
+
+selfsigned@^1.10.7:
+  version "1.10.8"
+  resolved "https://registry.npm.taobao.org/selfsigned/download/selfsigned-1.10.8.tgz?cache=0&sync_timestamp=1600186291720&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fselfsigned%2Fdownload%2Fselfsigned-1.10.8.tgz#0d17208b7d12c33f8eac85c41835f27fc3d81a30"
+  integrity sha1-DRcgi30Swz+OrIXEGDXyf8PYGjA=
+  dependencies:
+    node-forge "^0.10.0"
+
 semver-diff@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npm.taobao.org/semver-diff/download/semver-diff-3.1.1.tgz#05f77ce59f325e00e2706afd67bb506ddb1ca32b"
@@ -1585,16 +7255,127 @@ semver-diff@^3.1.1:
   dependencies:
     semver "^6.3.0"
 
+semver@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npm.taobao.org/semver/download/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
+  integrity sha1-XzyjV2HkfgWyBsba/yz4FPAxa44=
+
 semver@7.3.2:
   version "7.3.2"
   resolved "https://registry.npm.taobao.org/semver/download/semver-7.3.2.tgz?cache=0&sync_timestamp=1586886267748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
   integrity sha1-YElisFK4HtB4aq6EOJ/7pw/9OTg=
 
-semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
+semver@^5.1.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+  version "5.7.1"
+  resolved "https://registry.npm.taobao.org/semver/download/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=
+
+semver@^6.0.0, semver@^6.1.0, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586886267748&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=
 
+send@0.17.1:
+  version "0.17.1"
+  resolved "https://registry.npm.taobao.org/send/download/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
+  integrity sha1-wdiwWfeQD3Rm3Uk4vcROEd2zdsg=
+  dependencies:
+    debug "2.6.9"
+    depd "~1.1.2"
+    destroy "~1.0.4"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "~1.7.2"
+    mime "1.6.0"
+    ms "2.1.1"
+    on-finished "~2.3.0"
+    range-parser "~1.2.1"
+    statuses "~1.5.0"
+
+serialize-javascript@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-3.1.0.tgz?cache=0&sync_timestamp=1599740666792&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-3.1.0.tgz#8bf3a9170712664ef2561b44b691eafe399214ea"
+  integrity sha1-i/OpFwcSZk7yVhtEtpHq/jmSFOo=
+  dependencies:
+    randombytes "^2.1.0"
+
+serialize-javascript@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-4.0.0.tgz?cache=0&sync_timestamp=1599740666792&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
+  integrity sha1-tSXhI4SJpez8Qq+sw/6Z5mb0sao=
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-index@^1.9.1:
+  version "1.9.1"
+  resolved "https://registry.npm.taobao.org/serve-index/download/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
+  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
+  dependencies:
+    accepts "~1.3.4"
+    batch "0.6.1"
+    debug "2.6.9"
+    escape-html "~1.0.3"
+    http-errors "~1.6.2"
+    mime-types "~2.1.17"
+    parseurl "~1.3.2"
+
+serve-static@1.14.1:
+  version "1.14.1"
+  resolved "https://registry.npm.taobao.org/serve-static/download/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
+  integrity sha1-Zm5jbcTwEPfvKZcKiKZ0MgiYsvk=
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.17.1"
+
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/set-blocking/download/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
+
+set-value@^2.0.0, set-value@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/set-value/download/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
+  integrity sha1-oY1AUw5vB95CKMfe/kInr4ytAFs=
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-extendable "^0.1.1"
+    is-plain-object "^2.0.3"
+    split-string "^3.0.1"
+
+setimmediate@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/setimmediate/download/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
+  integrity sha1-0L2FU2iHtv58DYGMuWLZ2RxU5lY=
+
+setprototypeof@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
+  integrity sha1-fpWsskqpL1iF4KvvW6ExMw1K5oM=
+
+sha.js@^2.4.0, sha.js@^2.4.8:
+  version "2.4.11"
+  resolved "https://registry.npm.taobao.org/sha.js/download/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
+  integrity sha1-N6XPC4HsvGlD3hCbopYNGyZYSuc=
+  dependencies:
+    inherits "^2.0.1"
+    safe-buffer "^5.0.1"
+
+shebang-command@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/shebang-command/download/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
+  dependencies:
+    shebang-regex "^1.0.0"
+
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/shebang-command/download/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -1602,6 +7383,11 @@ shebang-command@^2.0.0:
   dependencies:
     shebang-regex "^3.0.0"
 
+shebang-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
+  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
+
 shebang-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
@@ -1616,22 +7402,270 @@ shelljs@0.8.4:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
-signal-exit@^3.0.2:
+signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.3"
   resolved "https://registry.npm.taobao.org/signal-exit/download/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
   integrity sha1-oUEMLt2PB3sItOJTyOrPyvBXRhw=
 
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npm.taobao.org/simple-swizzle/download/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  dependencies:
+    is-arrayish "^0.3.1"
+
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/slash/download/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+  integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
+
+slash@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/slash/download/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
+  integrity sha1-3lUoUaF1nfOo8gZTVEL17E3eq0Q=
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/slash/download/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ=
 
-source-map@^0.6.1:
+smoothscroll-polyfill@^0.4.3:
+  version "0.4.4"
+  resolved "https://registry.npm.taobao.org/smoothscroll-polyfill/download/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
+  integrity sha1-OiWRMdxpMObKgAA+HLA7YDtpq/g=
+
+snapdragon-node@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/snapdragon-node/download/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
+  integrity sha1-bBdfhv8UvbByRWPo88GwIaKGhTs=
+  dependencies:
+    define-property "^1.0.0"
+    isobject "^3.0.0"
+    snapdragon-util "^3.0.1"
+
+snapdragon-util@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/snapdragon-util/download/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
+  integrity sha1-+VZHlIbyrNeXAGk/b3uAXkWrVuI=
+  dependencies:
+    kind-of "^3.2.0"
+
+snapdragon@^0.8.1:
+  version "0.8.2"
+  resolved "https://registry.npm.taobao.org/snapdragon/download/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
+  integrity sha1-ZJIufFZbDhQgS6GqfWlkJ40lGC0=
+  dependencies:
+    base "^0.11.1"
+    debug "^2.2.0"
+    define-property "^0.2.5"
+    extend-shallow "^2.0.1"
+    map-cache "^0.2.2"
+    source-map "^0.5.6"
+    source-map-resolve "^0.5.0"
+    use "^3.1.0"
+
+sockjs-client@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npm.taobao.org/sockjs-client/download/sockjs-client-1.4.0.tgz?cache=0&sync_timestamp=1596409908572&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsockjs-client%2Fdownload%2Fsockjs-client-1.4.0.tgz#c9f2568e19c8fd8173b4997ea3420e0bb306c7d5"
+  integrity sha1-yfJWjhnI/YFztJl+o0IOC7MGx9U=
+  dependencies:
+    debug "^3.2.5"
+    eventsource "^1.0.7"
+    faye-websocket "~0.11.1"
+    inherits "^2.0.3"
+    json3 "^3.3.2"
+    url-parse "^1.4.3"
+
+sockjs@0.3.20:
+  version "0.3.20"
+  resolved "https://registry.npm.taobao.org/sockjs/download/sockjs-0.3.20.tgz#b26a283ec562ef8b2687b44033a4eeceac75d855"
+  integrity sha1-smooPsVi74smh7RAM6Tuzqx12FU=
+  dependencies:
+    faye-websocket "^0.10.0"
+    uuid "^3.4.0"
+    websocket-driver "0.6.5"
+
+sort-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/sort-keys/download/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
+  integrity sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=
+  dependencies:
+    is-plain-obj "^1.0.0"
+
+source-list-map@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/source-list-map/download/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
+  integrity sha1-OZO9hzv8SEecyp6jpUeDXHwVSzQ=
+
+source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.npm.taobao.org/source-map-resolve/download/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
+  integrity sha1-GQhmvs51U+H48mei7oLGBrVQmho=
+  dependencies:
+    atob "^2.1.2"
+    decode-uri-component "^0.2.0"
+    resolve-url "^0.2.1"
+    source-map-url "^0.4.0"
+    urix "^0.1.0"
+
+source-map-support@~0.5.12:
+  version "0.5.19"
+  resolved "https://registry.npm.taobao.org/source-map-support/download/source-map-support-0.5.19.tgz?cache=0&sync_timestamp=1587719517036&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map-support%2Fdownload%2Fsource-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha1-qYti+G3K9PZzmWSMCFKRq56P7WE=
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map-url@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npm.taobao.org/source-map-url/download/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
+  integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
+
+source-map@0.5.6:
+  version "0.5.6"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
+  integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
+
+source-map@^0.5.0, source-map@^0.5.6:
+  version "0.5.7"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
+
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
 
-string-width@^3.0.0:
+source-map@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha1-UwL4FpAxc1ImVECS5kmB91F1A4M=
+
+spdy-transport@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/spdy-transport/download/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
+  integrity sha1-ANSGOmQArXXfkzYaFghgXl3NzzE=
+  dependencies:
+    debug "^4.1.0"
+    detect-node "^2.0.4"
+    hpack.js "^2.1.6"
+    obuf "^1.1.2"
+    readable-stream "^3.0.6"
+    wbuf "^1.7.3"
+
+spdy@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/spdy/download/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
+  integrity sha1-t09GYgOj7aRSwCSSuR+56EonZ3s=
+  dependencies:
+    debug "^4.1.0"
+    handle-thing "^2.0.0"
+    http-deceiver "^1.2.7"
+    select-hose "^2.0.0"
+    spdy-transport "^3.0.0"
+
+split-string@^3.0.1, split-string@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/split-string/download/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
+  integrity sha1-fLCd2jqGWFcFxks5pkZgOGguj+I=
+  dependencies:
+    extend-shallow "^3.0.0"
+
+sprintf-js@~1.0.2:
+  version "1.0.3"
+  resolved "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
+
+sshpk@^1.7.0:
+  version "1.16.1"
+  resolved "https://registry.npm.taobao.org/sshpk/download/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
+  integrity sha1-+2YcC+8ps520B2nuOfpwCT1vaHc=
+  dependencies:
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
+    ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
+    jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
+    tweetnacl "~0.14.0"
+
+ssri@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
+  integrity sha1-KjxBso3UW2K2Nnbst0ABJlrp7dg=
+  dependencies:
+    figgy-pudding "^3.5.1"
+
+stable@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.npm.taobao.org/stable/download/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
+  integrity sha1-g26zyDgv4pNv6vVEYxAXzn1Ho88=
+
+stack-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/stack-utils/download/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
+  integrity sha1-M+ujiXeIVYvr/C2wWdwVjsNs67g=
+
+static-extend@^0.1.1:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/static-extend/download/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
+  integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
+  dependencies:
+    define-property "^0.2.5"
+    object-copy "^0.1.0"
+
+"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2", statuses@~1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npm.taobao.org/statuses/download/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
+  integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
+
+std-env@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/std-env/download/std-env-2.2.1.tgz?cache=0&sync_timestamp=1596187941136&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstd-env%2Fdownload%2Fstd-env-2.2.1.tgz#2ffa0fdc9e2263e0004c1211966e960948a40f6b"
+  integrity sha1-L/oP3J4iY+AATBIRlm6WCUikD2s=
+  dependencies:
+    ci-info "^1.6.0"
+
+stream-browserify@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/stream-browserify/download/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
+  integrity sha1-h1IdOKRKp+6RzhzSpH3wy0ndZgs=
+  dependencies:
+    inherits "~2.0.1"
+    readable-stream "^2.0.2"
+
+stream-each@^1.1.0:
+  version "1.2.3"
+  resolved "https://registry.npm.taobao.org/stream-each/download/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
+  integrity sha1-6+J6DDibBPvMIzZClS4Qcxr6m64=
+  dependencies:
+    end-of-stream "^1.1.0"
+    stream-shift "^1.0.0"
+
+stream-http@^2.7.2:
+  version "2.8.3"
+  resolved "https://registry.npm.taobao.org/stream-http/download/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
+  integrity sha1-stJCRpKIpaJ+xP6JM6z2I95lFPw=
+  dependencies:
+    builtin-status-codes "^3.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.3.6"
+    to-arraybuffer "^1.0.0"
+    xtend "^4.0.0"
+
+stream-shift@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/stream-shift/download/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
+  integrity sha1-1wiCgVWasneEJCebCHfaPDktWj0=
+
+strict-uri-encode@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/strict-uri-encode/download/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
+  integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
+
+string-width@^3.0.0, string-width@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
   integrity sha1-InZ74htirxCBV0MG9prFG2IgOWE=
@@ -1649,7 +7683,44 @@ string-width@^4.0.0, string-width@^4.1.0:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.0"
 
-strip-ansi@^5.1.0:
+string.prototype.trimend@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/string.prototype.trimend/download/string.prototype.trimend-1.0.1.tgz?cache=0&sync_timestamp=1586465233837&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring.prototype.trimend%2Fdownload%2Fstring.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
+  integrity sha1-hYEqa4R6wAInD1gIFGBkyZX7aRM=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trimstart@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/string.prototype.trimstart/download/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
+  integrity sha1-FK9tnzSwU/fPyJty+PLuFLkDmlQ=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string_decoder@^1.0.0, string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha1-QvEUWUpGzxqOMLCoT1bHjD7awh4=
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=
+  dependencies:
+    safe-buffer "~5.1.0"
+
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
+  dependencies:
+    ansi-regex "^2.0.0"
+
+strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   version "5.2.0"
   resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
   integrity sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=
@@ -1663,6 +7734,16 @@ strip-ansi@^6.0.0:
   dependencies:
     ansi-regex "^5.0.0"
 
+strip-bom-string@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/strip-bom-string/download/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
+  integrity sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=
+
+strip-eof@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/strip-eof/download/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+  integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
+
 strip-final-newline@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/strip-final-newline/download/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
@@ -1673,6 +7754,43 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-2.0.1.tgz?cache=0&sync_timestamp=1594567543744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-json-comments%2Fdownload%2Fstrip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
+stylehacks@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npm.taobao.org/stylehacks/download/stylehacks-4.0.3.tgz?cache=0&sync_timestamp=1599670484593&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylehacks%2Fdownload%2Fstylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
+  integrity sha1-Zxj8r00eB9ihMYaQiB6NlnJqcdU=
+  dependencies:
+    browserslist "^4.0.0"
+    postcss "^7.0.0"
+    postcss-selector-parser "^3.0.0"
+
+stylus-loader@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/stylus-loader/download/stylus-loader-3.0.2.tgz?cache=0&sync_timestamp=1601643312662&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylus-loader%2Fdownload%2Fstylus-loader-3.0.2.tgz#27a706420b05a38e038e7cacb153578d450513c6"
+  integrity sha1-J6cGQgsFo44DjnyssVNXjUUFE8Y=
+  dependencies:
+    loader-utils "^1.0.2"
+    lodash.clonedeep "^4.5.0"
+    when "~3.6.x"
+
+stylus@^0.54.8:
+  version "0.54.8"
+  resolved "https://registry.npm.taobao.org/stylus/download/stylus-0.54.8.tgz?cache=0&sync_timestamp=1594901333819&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylus%2Fdownload%2Fstylus-0.54.8.tgz#3da3e65966bc567a7b044bfe0eece653e099d147"
+  integrity sha1-PaPmWWa8Vnp7BEv+DuzmU+CZ0Uc=
+  dependencies:
+    css-parse "~2.0.0"
+    debug "~3.1.0"
+    glob "^7.1.6"
+    mkdirp "~1.0.4"
+    safer-buffer "^2.1.2"
+    sax "~1.2.4"
+    semver "^6.3.0"
+    source-map "^0.7.3"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&sync_timestamp=1598611719015&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-5.5.0.tgz?cache=0&sync_timestamp=1598611771865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -1680,6 +7798,13 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-6.1.0.tgz?cache=0&sync_timestamp=1598611719015&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  integrity sha1-B2Srxpxj1ayELdSGfo0CXogN+PM=
+  dependencies:
+    has-flag "^3.0.0"
+
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1598611771865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -1687,16 +7812,104 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+svg-tags@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/svg-tags/download/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
+  integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
+
+svgo@^1.0.0:
+  version "1.3.2"
+  resolved "https://registry.npm.taobao.org/svgo/download/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
+  integrity sha1-ttxRHAYzRsnkFbgeQ0ARRbltQWc=
+  dependencies:
+    chalk "^2.4.1"
+    coa "^2.0.2"
+    css-select "^2.0.0"
+    css-select-base-adapter "^0.1.1"
+    css-tree "1.0.0-alpha.37"
+    csso "^4.0.2"
+    js-yaml "^3.13.1"
+    mkdirp "~0.5.1"
+    object.values "^1.1.0"
+    sax "~1.2.4"
+    stable "^0.1.8"
+    unquote "~1.1.1"
+    util.promisify "~1.0.0"
+
+tapable@^1.0.0, tapable@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/tapable/download/tapable-1.1.3.tgz?cache=0&sync_timestamp=1600381196454&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha1-ofzMBrWNth/XpF2i2kT186Pme6I=
+
 term-size@^2.1.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/term-size/download/term-size-2.2.0.tgz#1f16adedfe9bdc18800e1776821734086fcc6753"
   integrity sha1-Hxat7f6b3BiADhd2ghc0CG/MZ1M=
 
-through@^2.3.6:
+terser-webpack-plugin@^1.4.3:
+  version "1.4.5"
+  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b"
+  integrity sha1-oheu+uozDnNP+sthIOwfoxLWBAs=
+  dependencies:
+    cacache "^12.0.2"
+    find-cache-dir "^2.1.0"
+    is-wsl "^1.1.0"
+    schema-utils "^1.0.0"
+    serialize-javascript "^4.0.0"
+    source-map "^0.6.1"
+    terser "^4.1.2"
+    webpack-sources "^1.4.0"
+    worker-farm "^1.7.0"
+
+terser@^4.1.2:
+  version "4.8.0"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  integrity sha1-YwVjQ9fHC7KfOvZlhlpG/gOg3xc=
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
+
+through2@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.npm.taobao.org/through2/download/through2-2.0.5.tgz?cache=0&sync_timestamp=1593478647766&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fthrough2%2Fdownload%2Fthrough2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
+  integrity sha1-AcHjnrMdB8t9A6lqcIIyYLIxMs0=
+  dependencies:
+    readable-stream "~2.3.6"
+    xtend "~4.0.1"
+
+through@^2.3.6, through@~2.3.4:
   version "2.3.8"
   resolved "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
 
+thunky@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/thunky/download/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
+  integrity sha1-Wrr3FKlAXbBQRzK7zNLO3Z75U30=
+
+timers-browserify@^2.0.4:
+  version "2.0.11"
+  resolved "https://registry.npm.taobao.org/timers-browserify/download/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
+  integrity sha1-gAsfPu4nLlvFPuRloE0OgEwxIR8=
+  dependencies:
+    setimmediate "^1.0.4"
+
+timsort@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
+  integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
+
+tiny-emitter@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
+  integrity sha1-HRpW7fxRxD6GPLtTgqcjMONVVCM=
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -1704,16 +7917,41 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
+to-arraybuffer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/to-arraybuffer/download/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
+  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
+
+to-factory@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/to-factory/download/to-factory-1.0.0.tgz#8738af8bd97120ad1d4047972ada5563bf9479b1"
+  integrity sha1-hzivi9lxIK0dQEeXKtpVY7+UebE=
+
 to-fast-properties@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-2.0.0.tgz?cache=0&sync_timestamp=1580550296062&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fto-fast-properties%2Fdownload%2Fto-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  resolved "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
   integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
 
+to-object-path@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/to-object-path/download/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
+  integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=
+  dependencies:
+    kind-of "^3.0.2"
+
 to-readable-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/to-readable-stream/download/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
   integrity sha1-zgqgwvPfat+FLvtASng+d8BHV3E=
 
+to-regex-range@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
+  integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
+  dependencies:
+    is-number "^3.0.0"
+    repeat-string "^1.6.1"
+
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -1721,11 +7959,61 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+to-regex@^3.0.1, to-regex@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/to-regex/download/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
+  integrity sha1-E8/dmzNlUvMLUfM6iuG0Knp1mc4=
+  dependencies:
+    define-property "^2.0.2"
+    extend-shallow "^3.0.2"
+    regex-not "^1.0.2"
+    safe-regex "^1.1.0"
+
+toidentifier@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/toidentifier/download/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
+  integrity sha1-fhvjRw8ed5SLxD2Uo8j013UrpVM=
+
+toml@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/toml/download/toml-3.0.0.tgz#342160f1af1904ec9d204d03a5d61222d762c5ee"
+  integrity sha1-NCFg8a8ZBOydIE0DpdYSItdixe4=
+
+toposort@^1.0.0:
+  version "1.0.7"
+  resolved "https://registry.npm.taobao.org/toposort/download/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
+  integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
+
+tough-cookie@~2.5.0:
+  version "2.5.0"
+  resolved "https://registry.npm.taobao.org/tough-cookie/download/tough-cookie-2.5.0.tgz?cache=0&sync_timestamp=1584645751908&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftough-cookie%2Fdownload%2Ftough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
+  integrity sha1-zZ+yoKodWhK0c72fuW+j3P9lreI=
+  dependencies:
+    psl "^1.1.28"
+    punycode "^2.1.1"
+
 tslib@^1.9.0:
   version "1.13.0"
   resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz?cache=0&sync_timestamp=1596752024863&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
   integrity sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM=
 
+tty-browserify@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.npm.taobao.org/tty-browserify/download/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npm.taobao.org/tunnel-agent/download/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.npm.taobao.org/tweetnacl/download/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
+
 type-fest@^0.11.0:
   version "0.11.0"
   resolved "https://registry.npm.taobao.org/type-fest/download/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
@@ -1736,6 +8024,14 @@ type-fest@^0.8.1:
   resolved "https://registry.npm.taobao.org/type-fest/download/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha1-CeJJ696FHTseSNJ8EFREZn8XuD0=
 
+type-is@~1.6.17, type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.npm.taobao.org/type-is/download/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
+  integrity sha1-TlUs0F3wlGfcvE73Od6J8s83wTE=
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.npm.taobao.org/typedarray-to-buffer/download/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -1743,11 +8039,86 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.npm.taobao.org/typedarray/download/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
 typescript@^4.0.2:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/typescript/download/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
   integrity sha1-fqfIh3fHI8aB4zv3mIvl0AjQWsI=
 
+uc.micro@^1.0.1, uc.micro@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.npm.taobao.org/uc.micro/download/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
+  integrity sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw=
+
+uglify-js@3.4.x:
+  version "3.4.10"
+  resolved "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz#9ad9563d8eb3acdfb8d38597d2af1d815f6a755f"
+  integrity sha1-mtlWPY6zrN+404WX0q8dgV9qdV8=
+  dependencies:
+    commander "~2.19.0"
+    source-map "~0.6.1"
+
+unicode-canonical-property-names-ecmascript@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/unicode-canonical-property-names-ecmascript/download/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
+  integrity sha1-JhmADEyCWADv3YNDr33Zkzy+KBg=
+
+unicode-match-property-ecmascript@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/unicode-match-property-ecmascript/download/unicode-match-property-ecmascript-1.0.4.tgz#8ed2a32569961bce9227d09cd3ffbb8fed5f020c"
+  integrity sha1-jtKjJWmWG86SJ9Cc0/+7j+1fAgw=
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^1.0.4"
+    unicode-property-aliases-ecmascript "^1.0.4"
+
+unicode-match-property-value-ecmascript@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/unicode-match-property-value-ecmascript/download/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
+  integrity sha1-DZH2AO7rMJaqlisdb8iIduZOpTE=
+
+unicode-property-aliases-ecmascript@^1.0.4:
+  version "1.1.0"
+  resolved "https://registry.npm.taobao.org/unicode-property-aliases-ecmascript/download/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
+  integrity sha1-3Vepn2IHvt/0Yoq++5TFDblByPQ=
+
+union-value@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/union-value/download/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
+  integrity sha1-C2/nuDWuzaYcbqTU8CwUIh4QmEc=
+  dependencies:
+    arr-union "^3.1.0"
+    get-value "^2.0.6"
+    is-extendable "^0.1.1"
+    set-value "^2.0.1"
+
+uniq@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/uniq/download/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
+  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
+
+uniqs@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/uniqs/download/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
+  integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI=
+
+unique-filename@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/unique-filename/download/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
+  integrity sha1-HWl2k2mtoFgxA6HmrodoG1ZXMjA=
+  dependencies:
+    unique-slug "^2.0.0"
+
+unique-slug@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/unique-slug/download/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
+  integrity sha1-uqvOkQg/xk6UWw861hPiZPfNTmw=
+  dependencies:
+    imurmurhash "^0.1.4"
+
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/unique-string/download/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -1760,6 +8131,34 @@ universal-user-agent@^6.0.0:
   resolved "https://registry.npm.taobao.org/universal-user-agent/download/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
   integrity sha1-M4H4UDslHA2c0hvB3pOeyd9UgO4=
 
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/universalify/download/universalify-0.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funiversalify%2Fdownload%2Funiversalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha1-tkb2m+OULavOzJ1mOcgNwQXvqmY=
+
+unpipe@1.0.0, unpipe@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/unpipe/download/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
+  integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
+
+unquote@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/unquote/download/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
+  integrity sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=
+
+unset-value@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/unset-value/download/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
+  integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
+  dependencies:
+    has-value "^0.3.1"
+    isobject "^3.0.0"
+
+upath@^1.1.0, upath@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/upath/download/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
+  integrity sha1-j2bbzVWog6za5ECK+LA1pQRMGJQ=
+
 update-notifier@4.1.1:
   version "4.1.1"
   resolved "https://registry.npm.taobao.org/update-notifier/download/update-notifier-4.1.1.tgz?cache=0&sync_timestamp=1597574328608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fupdate-notifier%2Fdownload%2Fupdate-notifier-4.1.1.tgz#895fc8562bbe666179500f9f2cebac4f26323746"
@@ -1779,11 +8178,56 @@ update-notifier@4.1.1:
     semver-diff "^3.1.1"
     xdg-basedir "^4.0.0"
 
+update-notifier@^4.0.0:
+  version "4.1.3"
+  resolved "https://registry.npm.taobao.org/update-notifier/download/update-notifier-4.1.3.tgz?cache=0&sync_timestamp=1601377450994&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fupdate-notifier%2Fdownload%2Fupdate-notifier-4.1.3.tgz#be86ee13e8ce48fb50043ff72057b5bd598e1ea3"
+  integrity sha1-vobuE+jOSPtQBD/3IFe1vVmOHqM=
+  dependencies:
+    boxen "^4.2.0"
+    chalk "^3.0.0"
+    configstore "^5.0.1"
+    has-yarn "^2.1.0"
+    import-lazy "^2.1.0"
+    is-ci "^2.0.0"
+    is-installed-globally "^0.3.1"
+    is-npm "^4.0.0"
+    is-yarn-global "^0.3.0"
+    latest-version "^5.0.0"
+    pupa "^2.0.1"
+    semver-diff "^3.1.1"
+    xdg-basedir "^4.0.0"
+
+upper-case@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/upper-case/download/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
+  integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
+
+uri-js@^4.2.2:
+  version "4.4.0"
+  resolved "https://registry.npm.taobao.org/uri-js/download/uri-js-4.4.0.tgz?cache=0&sync_timestamp=1598814527552&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Furi-js%2Fdownload%2Furi-js-4.4.0.tgz#aa714261de793e8a82347a7bcc9ce74e86f28602"
+  integrity sha1-qnFCYd55PoqCNHp7zJznTobyhgI=
+  dependencies:
+    punycode "^2.1.0"
+
+urix@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npm.taobao.org/urix/download/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
+
 url-join@4.0.1:
   version "4.0.1"
   resolved "https://registry.npm.taobao.org/url-join/download/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
   integrity sha1-tkLiGiZGgI/6F4xMX9o5hE4Szec=
 
+url-loader@^1.0.1:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/url-loader/download/url-loader-1.1.2.tgz#b971d191b83af693c5e3fea4064be9e1f2d7f8d8"
+  integrity sha1-uXHRkbg69pPF4/6kBkvp4fLX+Ng=
+  dependencies:
+    loader-utils "^1.1.0"
+    mime "^2.0.3"
+    schema-utils "^1.0.0"
+
 url-parse-lax@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/url-parse-lax/download/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
@@ -1791,19 +8235,233 @@ url-parse-lax@^3.0.0:
   dependencies:
     prepend-http "^2.0.0"
 
+url-parse@^1.4.3:
+  version "1.4.7"
+  resolved "https://registry.npm.taobao.org/url-parse/download/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
+  integrity sha1-qKg1NejACjFuQDpdtKwbm4U64ng=
+  dependencies:
+    querystringify "^2.1.1"
+    requires-port "^1.0.0"
+
+url@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npm.taobao.org/url/download/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
+  dependencies:
+    punycode "1.3.2"
+    querystring "0.2.0"
+
+use@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/use/download/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
+  integrity sha1-1QyMrHmhn7wg8pEfVuuXP04QBw8=
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/util-deprecate/download/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+util.promisify@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/util.promisify/download/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
+  integrity sha1-RA9xZaRZyaFtwUXrjnLzVocJcDA=
+  dependencies:
+    define-properties "^1.1.2"
+    object.getownpropertydescriptors "^2.0.3"
+
+util.promisify@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/util.promisify/download/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
+  integrity sha1-a693dLgO6w91INi4HQeYKlmruu4=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.2"
+    has-symbols "^1.0.1"
+    object.getownpropertydescriptors "^2.1.0"
+
+util@0.10.3:
+  version "0.10.3"
+  resolved "https://registry.npm.taobao.org/util/download/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
+  dependencies:
+    inherits "2.0.1"
+
+util@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.npm.taobao.org/util/download/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
+  integrity sha1-MjZzNyDsZLsn9uJvQhqqLhtYjWE=
+  dependencies:
+    inherits "2.0.3"
+
+utila@^0.4.0, utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.npm.taobao.org/utila/download/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
+
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/utils-merge/download/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
+  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
+
 uuid@8.3.0:
   version "8.3.0"
   resolved "https://registry.npm.taobao.org/uuid/download/uuid-8.3.0.tgz?cache=0&sync_timestamp=1595886825323&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-8.3.0.tgz#ab738085ca22dc9a8c92725e459b1d507df5d6ea"
   integrity sha1-q3OAhcoi3JqMknJeRZsdUH311uo=
 
-vue@^3.0.0-rc.10:
-  version "3.0.0-rc.10"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0-rc.10.tgz#31298a757b4fad6ee8973d0fa27c4fde8574bd01"
-  integrity sha1-MSmKdXtPrW7olz0PonxP3oV0vQE=
+uuid@^3.3.2, uuid@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.npm.taobao.org/uuid/download/uuid-3.4.0.tgz?cache=0&sync_timestamp=1595884879134&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
+  integrity sha1-sj5DWK+oogL+ehAK8fX4g/AgB+4=
+
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/vary/download/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
+  integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
+
+vendors@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/vendors/download/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"
+  integrity sha1-4rgApT56Kbk1BsPPQRANFsTErY4=
+
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.npm.taobao.org/verror/download/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
   dependencies:
-    "@vue/compiler-dom" "3.0.0-rc.10"
-    "@vue/runtime-dom" "3.0.0-rc.10"
-    "@vue/shared" "3.0.0-rc.10"
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
+vm-browserify@^1.0.1:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
+  integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
+
+vue-hot-reload-api@^2.3.0:
+  version "2.3.4"
+  resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
+  integrity sha1-UylVzB6yCKPZkLOp+acFdGV+CPI=
+
+vue-loader@^15.7.1:
+  version "15.9.3"
+  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-15.9.3.tgz?cache=0&sync_timestamp=1600850430746&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-15.9.3.tgz#0de35d9e555d3ed53969516cac5ce25531299dda"
+  integrity sha1-DeNdnlVdPtU5aVFsrFziVTEpndo=
+  dependencies:
+    "@vue/component-compiler-utils" "^3.1.0"
+    hash-sum "^1.0.2"
+    loader-utils "^1.1.0"
+    vue-hot-reload-api "^2.3.0"
+    vue-style-loader "^4.1.0"
+
+vue-router@^3.1.3:
+  version "3.4.5"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-3.4.5.tgz?cache=0&sync_timestamp=1601637432000&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.4.5.tgz#d396ec037b35931bdd1e9b7edd86f9788dc15175"
+  integrity sha1-05bsA3s1kxvdHpt+3Yb5eI3BUXU=
+
+vue-server-renderer@^2.6.10:
+  version "2.6.12"
+  resolved "https://registry.npm.taobao.org/vue-server-renderer/download/vue-server-renderer-2.6.12.tgz?cache=0&sync_timestamp=1597929244770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-server-renderer%2Fdownload%2Fvue-server-renderer-2.6.12.tgz#a8cb9c49439ef205293cb41c35d0d2b0541653a5"
+  integrity sha1-qMucSUOe8gUpPLQcNdDSsFQWU6U=
+  dependencies:
+    chalk "^1.1.3"
+    hash-sum "^1.0.2"
+    he "^1.1.0"
+    lodash.template "^4.5.0"
+    lodash.uniq "^4.5.0"
+    resolve "^1.2.0"
+    serialize-javascript "^3.1.0"
+    source-map "0.5.6"
+
+vue-style-loader@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
+  integrity sha1-3t80mAbyXOtOZPOtfApE+6c1/Pg=
+  dependencies:
+    hash-sum "^1.0.2"
+    loader-utils "^1.0.2"
+
+vue-template-compiler@^2.6.10:
+  version "2.6.12"
+  resolved "https://registry.npm.taobao.org/vue-template-compiler/download/vue-template-compiler-2.6.12.tgz?cache=0&sync_timestamp=1597927307972&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-template-compiler%2Fdownload%2Fvue-template-compiler-2.6.12.tgz#947ed7196744c8a5285ebe1233fe960437fcc57e"
+  integrity sha1-lH7XGWdEyKUoXr4SM/6WBDf8xX4=
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.1.0"
+
+vue-template-es2015-compiler@^1.9.0:
+  version "1.9.1"
+  resolved "https://registry.npm.taobao.org/vue-template-es2015-compiler/download/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
+  integrity sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=
+
+vue@^2.6.10:
+  version "2.6.12"
+  resolved "https://registry.npm.taobao.org/vue/download/vue-2.6.12.tgz#f5ebd4fa6bd2869403e29a896aed4904456c9123"
+  integrity sha1-9evU+mvShpQD4pqJau1JBEVskSM=
+
+vuepress-html-webpack-plugin@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/vuepress-html-webpack-plugin/download/vuepress-html-webpack-plugin-3.2.0.tgz#219be272ad510faa8750d2d4e70fd028bfd1c16e"
+  integrity sha1-IZvicq1RD6qHUNLU5w/QKL/RwW4=
+  dependencies:
+    html-minifier "^3.2.3"
+    loader-utils "^0.2.16"
+    lodash "^4.17.3"
+    pretty-error "^2.0.2"
+    tapable "^1.0.0"
+    toposort "^1.0.0"
+    util.promisify "1.0.0"
+
+vuepress-plugin-container@^2.0.2:
+  version "2.1.5"
+  resolved "https://registry.npm.taobao.org/vuepress-plugin-container/download/vuepress-plugin-container-2.1.5.tgz#37fff05662fedbd63ffd3a5463b2592c7a7f3133"
+  integrity sha1-N//wVmL+29Y//TpUY7JZLHp/MTM=
+  dependencies:
+    "@vuepress/shared-utils" "^1.2.0"
+    markdown-it-container "^2.0.0"
+
+vuepress-plugin-smooth-scroll@^0.0.3:
+  version "0.0.3"
+  resolved "https://registry.npm.taobao.org/vuepress-plugin-smooth-scroll/download/vuepress-plugin-smooth-scroll-0.0.3.tgz#6eff2d4c186cca917cc9f7df2b0af7de7c8c6438"
+  integrity sha1-bv8tTBhsypF8yfffKwr33nyMZDg=
+  dependencies:
+    smoothscroll-polyfill "^0.4.3"
+
+vuepress@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npm.taobao.org/vuepress/download/vuepress-1.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvuepress%2Fdownload%2Fvuepress-1.6.0.tgz#00e6f1649d992f4cfef80a2e3f7af8683acc6ad9"
+  integrity sha1-AObxZJ2ZL0z++AouP3r4aDrMatk=
+  dependencies:
+    "@vuepress/core" "1.6.0"
+    "@vuepress/theme-default" "1.6.0"
+    cac "^6.5.6"
+    envinfo "^7.2.0"
+    opencollective-postinstall "^2.0.2"
+    update-notifier "^4.0.0"
+
+watchpack-chokidar2@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/watchpack-chokidar2/download/watchpack-chokidar2-2.0.0.tgz#9948a1866cbbd6cb824dea13a7ed691f6c8ddff0"
+  integrity sha1-mUihhmy71suCTeoTp+1pH2yN3/A=
+  dependencies:
+    chokidar "^2.1.8"
+
+watchpack@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-1.7.4.tgz?cache=0&sync_timestamp=1600385436518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwatchpack%2Fdownload%2Fwatchpack-1.7.4.tgz#6e9da53b3c80bb2d6508188f5b200410866cd30b"
+  integrity sha1-bp2lOzyAuy1lCBiPWyAEEIZs0ws=
+  dependencies:
+    graceful-fs "^4.1.2"
+    neo-async "^2.5.0"
+  optionalDependencies:
+    chokidar "^3.4.1"
+    watchpack-chokidar2 "^2.0.0"
+
+wbuf@^1.1.0, wbuf@^1.7.3:
+  version "1.7.3"
+  resolved "https://registry.npm.taobao.org/wbuf/download/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
+  integrity sha1-wdjRSTFtPqhShIiVy2oL/oh7h98=
+  dependencies:
+    minimalistic-assert "^1.0.0"
 
 wcwidth@^1.0.1:
   version "1.0.1"
@@ -1812,6 +8470,176 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
+webpack-chain@^4.9.0:
+  version "4.12.1"
+  resolved "https://registry.npm.taobao.org/webpack-chain/download/webpack-chain-4.12.1.tgz?cache=0&sync_timestamp=1595813200961&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-chain%2Fdownload%2Fwebpack-chain-4.12.1.tgz#6c8439bbb2ab550952d60e1ea9319141906c02a6"
+  integrity sha1-bIQ5u7KrVQlS1g4eqTGRQZBsAqY=
+  dependencies:
+    deepmerge "^1.5.2"
+    javascript-stringify "^1.6.0"
+
+webpack-chain@^6.0.0:
+  version "6.5.1"
+  resolved "https://registry.npm.taobao.org/webpack-chain/download/webpack-chain-6.5.1.tgz?cache=0&sync_timestamp=1595813200961&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-chain%2Fdownload%2Fwebpack-chain-6.5.1.tgz#4f27284cbbb637e3c8fbdef43eef588d4d861206"
+  integrity sha1-TycoTLu2N+PI+970Pu9YjU2GEgY=
+  dependencies:
+    deepmerge "^1.5.2"
+    javascript-stringify "^2.0.1"
+
+webpack-dev-middleware@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.npm.taobao.org/webpack-dev-middleware/download/webpack-dev-middleware-3.7.2.tgz?cache=0&sync_timestamp=1594744509096&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-dev-middleware%2Fdownload%2Fwebpack-dev-middleware-3.7.2.tgz#0019c3db716e3fa5cecbf64f2ab88a74bab331f3"
+  integrity sha1-ABnD23FuP6XOy/ZPKriKdLqzMfM=
+  dependencies:
+    memory-fs "^0.4.1"
+    mime "^2.4.4"
+    mkdirp "^0.5.1"
+    range-parser "^1.2.1"
+    webpack-log "^2.0.0"
+
+webpack-dev-server@^3.5.1:
+  version "3.11.0"
+  resolved "https://registry.npm.taobao.org/webpack-dev-server/download/webpack-dev-server-3.11.0.tgz#8f154a3bce1bcfd1cc618ef4e703278855e7ff8c"
+  integrity sha1-jxVKO84bz9HMYY705wMniFXn/4w=
+  dependencies:
+    ansi-html "0.0.7"
+    bonjour "^3.5.0"
+    chokidar "^2.1.8"
+    compression "^1.7.4"
+    connect-history-api-fallback "^1.6.0"
+    debug "^4.1.1"
+    del "^4.1.1"
+    express "^4.17.1"
+    html-entities "^1.3.1"
+    http-proxy-middleware "0.19.1"
+    import-local "^2.0.0"
+    internal-ip "^4.3.0"
+    ip "^1.1.5"
+    is-absolute-url "^3.0.3"
+    killable "^1.0.1"
+    loglevel "^1.6.8"
+    opn "^5.5.0"
+    p-retry "^3.0.1"
+    portfinder "^1.0.26"
+    schema-utils "^1.0.0"
+    selfsigned "^1.10.7"
+    semver "^6.3.0"
+    serve-index "^1.9.1"
+    sockjs "0.3.20"
+    sockjs-client "1.4.0"
+    spdy "^4.0.2"
+    strip-ansi "^3.0.1"
+    supports-color "^6.1.0"
+    url "^0.11.0"
+    webpack-dev-middleware "^3.7.2"
+    webpack-log "^2.0.0"
+    ws "^6.2.1"
+    yargs "^13.3.2"
+
+webpack-log@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/webpack-log/download/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f"
+  integrity sha1-W3ko4GN1k/EZ0y9iJ8HgrDHhtH8=
+  dependencies:
+    ansi-colors "^3.0.0"
+    uuid "^3.3.2"
+
+webpack-merge@^4.1.2:
+  version "4.2.2"
+  resolved "https://registry.npm.taobao.org/webpack-merge/download/webpack-merge-4.2.2.tgz?cache=0&sync_timestamp=1599634553533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-merge%2Fdownload%2Fwebpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
+  integrity sha1-onxS6ng9E5iv0gh/VH17nS9DY00=
+  dependencies:
+    lodash "^4.17.15"
+
+webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+  version "1.4.3"
+  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz?cache=0&sync_timestamp=1601308515495&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
+  integrity sha1-7t2OwLko+/HL/plOItLYkPMwqTM=
+  dependencies:
+    source-list-map "^2.0.0"
+    source-map "~0.6.1"
+
+webpack@^4.8.1:
+  version "4.44.2"
+  resolved "https://registry.npm.taobao.org/webpack/download/webpack-4.44.2.tgz?cache=0&sync_timestamp=1601458500642&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-4.44.2.tgz#6bfe2b0af055c8b2d1e90ed2cd9363f841266b72"
+  integrity sha1-a/4rCvBVyLLR6Q7SzZNj+EEma3I=
+  dependencies:
+    "@webassemblyjs/ast" "1.9.0"
+    "@webassemblyjs/helper-module-context" "1.9.0"
+    "@webassemblyjs/wasm-edit" "1.9.0"
+    "@webassemblyjs/wasm-parser" "1.9.0"
+    acorn "^6.4.1"
+    ajv "^6.10.2"
+    ajv-keywords "^3.4.1"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^4.3.0"
+    eslint-scope "^4.0.3"
+    json-parse-better-errors "^1.0.2"
+    loader-runner "^2.4.0"
+    loader-utils "^1.2.3"
+    memory-fs "^0.4.1"
+    micromatch "^3.1.10"
+    mkdirp "^0.5.3"
+    neo-async "^2.6.1"
+    node-libs-browser "^2.2.1"
+    schema-utils "^1.0.0"
+    tapable "^1.1.3"
+    terser-webpack-plugin "^1.4.3"
+    watchpack "^1.7.4"
+    webpack-sources "^1.4.1"
+
+webpackbar@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/webpackbar/download/webpackbar-3.2.0.tgz#bdaad103fad11a4e612500e72aaae98b08ba493f"
+  integrity sha1-varRA/rRGk5hJQDnKqrpiwi6ST8=
+  dependencies:
+    ansi-escapes "^4.1.0"
+    chalk "^2.4.1"
+    consola "^2.6.0"
+    figures "^3.0.0"
+    pretty-time "^1.1.0"
+    std-env "^2.2.1"
+    text-table "^0.2.0"
+    wrap-ansi "^5.1.0"
+
+websocket-driver@0.6.5:
+  version "0.6.5"
+  resolved "https://registry.npm.taobao.org/websocket-driver/download/websocket-driver-0.6.5.tgz?cache=0&sync_timestamp=1591289007652&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebsocket-driver%2Fdownload%2Fwebsocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
+  integrity sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=
+  dependencies:
+    websocket-extensions ">=0.1.1"
+
+websocket-driver@>=0.5.1:
+  version "0.7.4"
+  resolved "https://registry.npm.taobao.org/websocket-driver/download/websocket-driver-0.7.4.tgz?cache=0&sync_timestamp=1591289007652&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebsocket-driver%2Fdownload%2Fwebsocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
+  integrity sha1-ia1Slbv2S0gKvLox5JU6ynBvV2A=
+  dependencies:
+    http-parser-js ">=0.5.1"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.4"
+  resolved "https://registry.npm.taobao.org/websocket-extensions/download/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
+  integrity sha1-f4RzvIOd/YdgituV1+sHUhFXikI=
+
+when@~3.6.x:
+  version "3.6.4"
+  resolved "https://registry.npm.taobao.org/when/download/when-3.6.4.tgz#473b517ec159e2b85005497a13983f095412e34e"
+  integrity sha1-RztRfsFZ4rhQBUl6E5g/CVQS404=
+
+which-module@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/which-module/download/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
+
+which@^1.2.9:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/which/download/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha1-pFBD1U9YBTFtqNYvn1CRjT2nCwo=
+  dependencies:
+    isexe "^2.0.0"
+
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -1833,6 +8661,22 @@ windows-release@^4.0.0:
   dependencies:
     execa "^4.0.2"
 
+worker-farm@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.npm.taobao.org/worker-farm/download/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
+  integrity sha1-JqlMU5G7ypJhUgAvabhKS/dy5ag=
+  dependencies:
+    errno "~0.1.7"
+
+wrap-ansi@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
+  integrity sha1-H9H2cjXVttD+54EFYAG/tpTAOwk=
+  dependencies:
+    ansi-styles "^3.2.0"
+    string-width "^3.0.0"
+    strip-ansi "^5.0.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -1848,11 +8692,38 @@ write-file-atomic@^3.0.0:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
+ws@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npm.taobao.org/ws/download/ws-6.2.1.tgz?cache=0&sync_timestamp=1593925601875&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fws%2Fdownload%2Fws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
+  integrity sha1-RC/fCkftZPWbal2P8TD0dI7VJPs=
+  dependencies:
+    async-limiter "~1.0.0"
+
 xdg-basedir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/xdg-basedir/download/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13"
   integrity sha1-S8jZmEQDaWIl74OhVzy7y0552xM=
 
+xtend@^4.0.0, xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha1-u3J3n1+kZRhrH0OPZ0+jR/2121Q=
+
+y18n@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/y18n/download/y18n-4.0.0.tgz?cache=0&sync_timestamp=1601576779692&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fy18n%2Fdownload%2Fy18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
+  integrity sha1-le+U+F7MgdAHwmThkKEg8KPIVms=
+
+yallist@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/yallist/download/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/yallist/download/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha1-27fa+b/YusmrRev2ArjLrQ1dCP0=
+
 yaml@1.10.0, yaml@^1.10.0:
   version "1.10.0"
   resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.10.0.tgz?cache=0&sync_timestamp=1598195039906&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
@@ -1862,3 +8733,32 @@ yargs-parser@19.0.4:
   version "19.0.4"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-19.0.4.tgz?cache=0&sync_timestamp=1599672404544&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-19.0.4.tgz#99183a3a59268b205c6b04177f2a5bfb46e79ba7"
   integrity sha1-mRg6OlkmiyBcawQXfypb+0bnm6c=
+
+yargs-parser@^13.1.2:
+  version "13.1.2"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-13.1.2.tgz?cache=0&sync_timestamp=1601576779920&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
+  integrity sha1-Ew8JcC667vJlDVTObj5XBvek+zg=
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
+yargs@^13.3.2:
+  version "13.3.2"
+  resolved "https://registry.npm.taobao.org/yargs/download/yargs-13.3.2.tgz?cache=0&sync_timestamp=1600660100032&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
+  integrity sha1-rX/+/sGqWVZayRX4Lcyzipwxot0=
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.2"
+
+zepto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/zepto/download/zepto-1.2.0.tgz#e127bd9e66fd846be5eab48c1394882f7c0e4f98"
+  integrity sha1-4Se9nmb9hGvl6rSME5SIL3wOT5g=

From 659ccc7a817ca8f8ac468fba9c8c511d46cb1c8d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 19:46:14 +0800
Subject: [PATCH 525/626] docs(@vant/use): adjust strcut

---
 packages/vant-use/src/useClickAway/README.md      | 8 +++++---
 packages/vant-use/src/useEventListener/README.md  | 6 ++++--
 packages/vant-use/src/usePageVisibility/README.md | 6 ++++--
 packages/vant-use/src/useScrollParent/README.md   | 8 +++++---
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/packages/vant-use/src/useClickAway/README.md b/packages/vant-use/src/useClickAway/README.md
index ef9ac4fee..2e5df9937 100644
--- a/packages/vant-use/src/useClickAway/README.md
+++ b/packages/vant-use/src/useClickAway/README.md
@@ -54,7 +54,9 @@ export default {
 };
 ```
 
-## 类型定义
+## API
+
+### 类型定义
 
 ```ts
 function useClickAway(
@@ -68,7 +70,7 @@ type Options = {
 };
 ```
 
-## 参数
+### 参数
 
 | 参数     | 说明                     | 类型                       | 默认值 |
 | -------- | ------------------------ | -------------------------- | ------ |
@@ -76,7 +78,7 @@ type Options = {
 | listener | 点击外部时触发的回调函数 | _EventListener_            | -      |
 | options  | 可选的配置项             | _Options_                  | 见下表 |
 
-## Options
+### Options
 
 | 参数      | 说明           | 类型     | 默认值  |
 | --------- | -------------- | -------- | ------- |
diff --git a/packages/vant-use/src/useEventListener/README.md b/packages/vant-use/src/useEventListener/README.md
index 72942730f..3d6bf7468 100644
--- a/packages/vant-use/src/useEventListener/README.md
+++ b/packages/vant-use/src/useEventListener/README.md
@@ -46,7 +46,9 @@ type Options = {
 };
 ```
 
-## 参数
+## API
+
+### 参数
 
 | 参数     | 说明                     | 类型            | 默认值 |
 | -------- | ------------------------ | --------------- | ------ |
@@ -54,7 +56,7 @@ type Options = {
 | listener | 点击外部时触发的回调函数 | _EventListener_ | -      |
 | options  | 可选的配置项             | _Options_       | -      |
 
-## Options
+### Options
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
diff --git a/packages/vant-use/src/usePageVisibility/README.md b/packages/vant-use/src/usePageVisibility/README.md
index 1afded4fa..e3b552dd7 100644
--- a/packages/vant-use/src/usePageVisibility/README.md
+++ b/packages/vant-use/src/usePageVisibility/README.md
@@ -21,7 +21,9 @@ export default {
 };
 ```
 
-## 类型定义
+## API
+
+### 类型定义
 
 ```ts
 function usePageVisibility(): Ref<VisibilityState>;
@@ -29,7 +31,7 @@ function usePageVisibility(): Ref<VisibilityState>;
 type VisibilityState = 'visible' | 'hidden';
 ```
 
-## 返回值
+### 返回值
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
diff --git a/packages/vant-use/src/useScrollParent/README.md b/packages/vant-use/src/useScrollParent/README.md
index 85f3934b8..32046e810 100644
--- a/packages/vant-use/src/useScrollParent/README.md
+++ b/packages/vant-use/src/useScrollParent/README.md
@@ -32,19 +32,21 @@ export default {
 };
 ```
 
-## 类型定义
+## API
+
+### 类型定义
 
 ```ts
 function useScrollParent(element: Ref<Element>): Ref<Element>;
 ```
 
-## 参数
+### 参数
 
 | 参数    | 说明     | 类型            | 默认值 |
 | ------- | -------- | --------------- | ------ |
 | element | 当前元素 | _Ref\<Element>_ | -      |
 
-## 返回值
+### 返回值
 
 | 参数         | 说明               | 类型            | 默认值 |
 | ------------ | ------------------ | --------------- | ------ |

From 0b05fa00aa15c677d48706d30d6006d966d7ea5b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 4 Oct 2020 20:00:12 +0800
Subject: [PATCH 526/626] docs(@vant/use): add README.md

---
 packages/vant-use/README.md | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/vant-use/README.md b/packages/vant-use/README.md
index b84c2a464..e4aa009d2 100644
--- a/packages/vant-use/README.md
+++ b/packages/vant-use/README.md
@@ -1 +1,33 @@
 # Vant Use
+
+Vant Use 是 Vant 团队提供的 Vue Composition API 库。
+
+## 特性
+
+- 从 Vant 实际应用场景中沉淀
+- 基于 TypeScript 开发，提供完备的类型定义
+- 完善的单元测试，提供稳定性保障
+
+## 安装
+
+如果项目中已经安装了 Vant 3，则无须手动安装 Vant Use。
+
+如果项目中未使用 Vant，可以通过 `npm` 或 `yarn` 手动安装 Vant Use。
+
+```bash
+# 通过 npm 安装
+npm i @vant/use -S
+
+# 通过 yarn 安装
+yarn add @vant/use
+```
+
+## 贡献代码
+
+修改代码请阅读我们的[开发指南](https://youzan.github.io/vant/#/zh-CN/contribution)。
+
+使用过程中发现任何问题都可以提 [Issue](https://github.com/youzan/vant/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/youzan/vant/pulls)。
+
+## 开源协议
+
+本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。

From 90669560a413c770315fd0e2ba1054ef11fb7c82 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 08:53:13 +0800
Subject: [PATCH 527/626] docs(@vant/use): add useToggle doc

---
 packages/vant-use/.vuepress/config.js         |  7 ++-
 .../vant-use/src/usePageVisibility/README.md  |  6 +-
 .../vant-use/src/useScrollParent/README.md    |  6 +-
 packages/vant-use/src/useToggle/README.md     | 62 +++++++++++++++++++
 4 files changed, 74 insertions(+), 7 deletions(-)
 create mode 100644 packages/vant-use/src/useToggle/README.md

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index 54275a929..687d3697c 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -12,10 +12,15 @@ module.exports = {
     ],
     sidebarDepth: 0,
     sidebar: [
+      {
+        title: '介绍',
+        collapsable: false,
+        children: ['/'],
+      },
       {
         title: 'State',
         collapsable: false,
-        // children: ['/src/useToggle/'],
+        children: ['/src/useToggle/'],
       },
       {
         title: 'DOM',
diff --git a/packages/vant-use/src/usePageVisibility/README.md b/packages/vant-use/src/usePageVisibility/README.md
index e3b552dd7..8af5a42c9 100644
--- a/packages/vant-use/src/usePageVisibility/README.md
+++ b/packages/vant-use/src/usePageVisibility/README.md
@@ -33,6 +33,6 @@ type VisibilityState = 'visible' | 'hidden';
 
 ### 返回值
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref\<VisibilityState>_ | - |
+| 参数 | 说明 | 类型 |
+| --- | --- | --- |
+| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref\<VisibilityState>_ |
diff --git a/packages/vant-use/src/useScrollParent/README.md b/packages/vant-use/src/useScrollParent/README.md
index 32046e810..cf6ef674d 100644
--- a/packages/vant-use/src/useScrollParent/README.md
+++ b/packages/vant-use/src/useScrollParent/README.md
@@ -48,6 +48,6 @@ function useScrollParent(element: Ref<Element>): Ref<Element>;
 
 ### 返回值
 
-| 参数         | 说明               | 类型            | 默认值 |
-| ------------ | ------------------ | --------------- | ------ |
-| scrollParent | 最近的可滚动父元素 | _Ref\<Element>_ | -      |
+| 参数         | 说明               | 类型            |
+| ------------ | ------------------ | --------------- |
+| scrollParent | 最近的可滚动父元素 | _Ref\<Element>_ |
diff --git a/packages/vant-use/src/useToggle/README.md b/packages/vant-use/src/useToggle/README.md
new file mode 100644
index 000000000..5a7ff423d
--- /dev/null
+++ b/packages/vant-use/src/useToggle/README.md
@@ -0,0 +1,62 @@
+# useToggle
+
+用于在 `true` 和 `false` 之间进行切换。
+
+## 代码演示
+
+### 基本用法
+
+```js
+import { useToggle } from '@vant/use';
+
+export default {
+  setup() {
+    const [state, toggle] = useToggle();
+
+    toggle(true);
+    console.log(state.value); // -> true
+
+    toggle(false);
+    console.log(state.value); // -> false
+
+    toggle();
+    console.log(state.value); // -> true
+  },
+};
+```
+
+### 设置默认值
+
+```js
+import { useToggle } from '@vant/use';
+
+export default {
+  setup() {
+    const [state, toggle] = useToggle(true);
+    console.log(state.value); // -> true
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useToggle(
+  defaultValue: boolean
+): [Ref<boolean>, (newValue: boolean) => void];
+```
+
+### 参数
+
+| 参数         | 说明   | 类型      | 默认值  |
+| ------------ | ------ | --------- | ------- |
+| defaultValue | 默认值 | _boolean_ | `false` |
+
+### 返回值
+
+| 参数   | 说明             | 类型                           |
+| ------ | ---------------- | ------------------------------ |
+| state  | 状态值           | _Ref\<boolean>_                |
+| toggle | 切换状态值的函数 | _(newValue?: boolean) => void_ |

From 56d4e90cca4aa8c7e1f2d931ac0559f0f7f8285d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 09:04:11 +0800
Subject: [PATCH 528/626] docs(@vant/use): add useWindowSize doc

---
 packages/vant-use/.vuepress/config.js         |  2 +-
 packages/vant-use/src/useWindowSize/README.md | 43 +++++++++++++++++++
 packages/vant-use/src/useWindowSize/index.ts  |  6 +--
 3 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 packages/vant-use/src/useWindowSize/README.md

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index 687d3697c..e01abac89 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -30,7 +30,7 @@ module.exports = {
           '/src/useEventListener/',
           '/src/usePageVisibility/',
           '/src/useScrollParent/',
-          // '/src/useWindowSize/',
+          '/src/useWindowSize/',
         ],
       },
     ],
diff --git a/packages/vant-use/src/useWindowSize/README.md b/packages/vant-use/src/useWindowSize/README.md
new file mode 100644
index 000000000..ac90fd72d
--- /dev/null
+++ b/packages/vant-use/src/useWindowSize/README.md
@@ -0,0 +1,43 @@
+# useWindowSize
+
+获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。
+
+## 代码演示
+
+### 基本用法
+
+```js
+import { watch } from 'vue';
+import { useWindowSize } from '@vant/use';
+
+export default {
+  setup() {
+    const { width, height } = useWindowSize();
+
+    console.log(width.value); // -> 窗口宽度
+    console.log(height.value); // -> 窗口高度
+
+    watch([width, height], () => {
+      console.log('window resized');
+    });
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useWindowSize(): {
+  width: Ref<number>;
+  height: Ref<number>;
+};
+```
+
+### 返回值
+
+| 参数   | 说明           | 类型           |
+| ------ | -------------- | -------------- |
+| width  | 浏览器窗口宽度 | _Ref\<number>_ |
+| height | 浏览器窗口高度 | _Ref\<number>_ |
diff --git a/packages/vant-use/src/useWindowSize/index.ts b/packages/vant-use/src/useWindowSize/index.ts
index ddaefce73..d5faa7d00 100644
--- a/packages/vant-use/src/useWindowSize/index.ts
+++ b/packages/vant-use/src/useWindowSize/index.ts
@@ -2,9 +2,9 @@ import { ref } from 'vue';
 import { inBrowser } from '../shared';
 import { useEventListener } from '../useEventListener';
 
-export function useWindowSize(initialWidth = 0, initialHeight = 0) {
-  const width = ref(inBrowser ? window.innerWidth : initialWidth);
-  const height = ref(inBrowser ? window.innerHeight : initialHeight);
+export function useWindowSize() {
+  const width = ref(inBrowser ? window.innerWidth : 0);
+  const height = ref(inBrowser ? window.innerHeight : 0);
 
   const onResize = () => {
     width.value = window.innerWidth;

From 32697cafadb9883129432058f163070fea5cbc6a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 09:38:56 +0800
Subject: [PATCH 529/626] docs(@vant/use): add useRelation doc

---
 packages/vant-use/.vuepress/config.js         |  5 ++
 packages/vant-use/src/useClickAway/README.md  |  2 +-
 .../vant-use/src/useEventListener/README.md   |  2 +-
 packages/vant-use/src/useRelation/README.md   | 77 +++++++++++++++++++
 4 files changed, 84 insertions(+), 2 deletions(-)
 create mode 100644 packages/vant-use/src/useRelation/README.md

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index e01abac89..39361f9c9 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -33,6 +33,11 @@ module.exports = {
           '/src/useWindowSize/',
         ],
       },
+      {
+        title: 'Enhanced',
+        collapsable: false,
+        children: ['/src/useRelation/'],
+      },
     ],
   },
 };
diff --git a/packages/vant-use/src/useClickAway/README.md b/packages/vant-use/src/useClickAway/README.md
index 2e5df9937..39c83b36a 100644
--- a/packages/vant-use/src/useClickAway/README.md
+++ b/packages/vant-use/src/useClickAway/README.md
@@ -1,6 +1,6 @@
 # useClickAway
 
-用于监听元素外部的点击事件。
+监听点击元素外部的事件。
 
 ## 代码演示
 
diff --git a/packages/vant-use/src/useEventListener/README.md b/packages/vant-use/src/useEventListener/README.md
index 3d6bf7468..3df4ecbcd 100644
--- a/packages/vant-use/src/useEventListener/README.md
+++ b/packages/vant-use/src/useEventListener/README.md
@@ -1,6 +1,6 @@
 # useEventListener
 
-用于事件绑定，在 `mounted` 和 `activated` 时调用 `addEventListener`，在 `unmounted` 和 `deactivated` 时调用 `removeEventListener`。
+方便地进行事件绑定，在组件 `mounted` 和 `activated` 时绑定事件，`unmounted` 和 `deactivated` 时解绑事件。
 
 ## 代码演示
 
diff --git a/packages/vant-use/src/useRelation/README.md b/packages/vant-use/src/useRelation/README.md
new file mode 100644
index 000000000..b6a674935
--- /dev/null
+++ b/packages/vant-use/src/useRelation/README.md
@@ -0,0 +1,77 @@
+# useRelation
+
+建立父子组件之间的关联关系，进行数据通信和方法调用，基于 `provide` 和 `inject` 实现。
+
+## 代码演示
+
+### 基本用法
+
+```js
+// Parent.vue
+import { useChildren } from '@vant/use';
+
+const RELATION_KEY = 'my-relation';
+
+export default {
+  setup() {
+    const { linkChildren } = useChildren(RELATION_KEY);
+
+    const count = ref(0);
+    const add = () => {
+      count.value++;
+    };
+
+    // 向子组件提供数据和方法
+    linkChildren({ add, count });
+  },
+};
+
+// Child.vue
+import { useParent } from '@vant/use';
+
+export default {
+  setup() {
+    const { parent } = useParent(RELATION_KEY);
+
+    // 调用父组件提供的数据和方法
+    if (parent) {
+      parent.add();
+      console.log(parent.count.value); // -> 1
+    }
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useParent<T>(
+  key: string
+): {
+  parent?: T;
+  index?: Ref<number>;
+};
+
+function useChildren(
+  key: string
+): {
+  children: ComponentPublicInstance[];
+  linkChildren: (value: any) => void;
+};
+```
+
+### useParent 返回值
+
+| 参数   | 说明                                         | 类型           |
+| ------ | -------------------------------------------- | -------------- |
+| parent | 父组件提供的值                               | _any_          |
+| index  | 当前组件在父组件的所有子组件中对应的索引位置 | _Ref\<number>_ |
+
+### useChildren 返回值
+
+| 参数         | 说明                 | 类型                        |
+| ------------ | -------------------- | --------------------------- |
+| children     | 子组件列表           | _ComponentPublicInstance[]_ |
+| linkChildren | 向子组件提供值的方法 | _(value: any) => void_      |

From 90e82c277e78905cfa55c512dc252c8dc656bb5c Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 10:26:44 +0800
Subject: [PATCH 530/626] types(@vant/use): relation key can be symbol

---
 packages/vant-use/src/useRelation/README.md | 4 ++--
 packages/vant-use/src/useRelation/index.ts  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vant-use/src/useRelation/README.md b/packages/vant-use/src/useRelation/README.md
index b6a674935..dfc0f3aca 100644
--- a/packages/vant-use/src/useRelation/README.md
+++ b/packages/vant-use/src/useRelation/README.md
@@ -48,14 +48,14 @@ export default {
 
 ```ts
 function useParent<T>(
-  key: string
+  key: string | symbol
 ): {
   parent?: T;
   index?: Ref<number>;
 };
 
 function useChildren(
-  key: string
+  key: string | symbol
 ): {
   children: ComponentPublicInstance[];
   linkChildren: (value: any) => void;
diff --git a/packages/vant-use/src/useRelation/index.ts b/packages/vant-use/src/useRelation/index.ts
index 01e70d635..6ca02f4da 100644
--- a/packages/vant-use/src/useRelation/index.ts
+++ b/packages/vant-use/src/useRelation/index.ts
@@ -59,7 +59,7 @@ export function sortChildren(
   });
 }
 
-export function useChildren(key: string) {
+export function useChildren(key: string | symbol) {
   const publicChildren: PublicInstance[] = reactive([]);
   const internalChildren: InternalInstance[] = reactive([]);
   const parent = getCurrentInstance()!;
@@ -101,7 +101,7 @@ type ParentProvide<T> = T & {
   internalChildren: InternalInstance[];
 };
 
-export function useParent<T>(key: string) {
+export function useParent<T>(key: string | symbol) {
   const parent = inject<ParentProvide<T> | null>(key, null);
 
   if (parent) {

From 019b8029cc3013883a432f635511728e65347f21 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 10:35:27 +0800
Subject: [PATCH 531/626] docs(@vant/use): add changelog

---
 packages/vant-use/.vuepress/config.js |  2 +-
 packages/vant-use/changelog.md        | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 packages/vant-use/changelog.md

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index 39361f9c9..cd3275806 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -15,7 +15,7 @@ module.exports = {
       {
         title: '介绍',
         collapsable: false,
-        children: ['/'],
+        children: ['/', 'changelog'],
       },
       {
         title: 'State',
diff --git a/packages/vant-use/changelog.md b/packages/vant-use/changelog.md
new file mode 100644
index 000000000..bb18c1cdb
--- /dev/null
+++ b/packages/vant-use/changelog.md
@@ -0,0 +1,24 @@
+# 更新日志
+
+### v0.0.3
+
+`2020-09-27`
+
+- 新增 `useParent` 方法
+- 新增 `useChildren` 方法
+
+### v0.0.2
+
+`2020-09-15`
+
+- 新增 `useWindowSize` 方法
+
+### v0.0.1
+
+`2020-09-15`
+
+- 新增 `useClickAway` 方法
+- 新增 `useEventListener` 方法
+- 新增 `usePageVisibility` 方法
+- 新增 `useScrollParent` 方法
+- 新增 `useToggle` 方法

From 5f2de02cc2799044e5d1a8971fc1f7793351e9ce Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 10:39:08 +0800
Subject: [PATCH 532/626] chore(@vant/use): split useRelation

---
 packages/vant-use/src/useRelation/index.ts    | 131 +-----------------
 .../vant-use/src/useRelation/useChildren.ts   |  92 ++++++++++++
 .../vant-use/src/useRelation/useParent.ts     |  42 ++++++
 3 files changed, 136 insertions(+), 129 deletions(-)
 create mode 100644 packages/vant-use/src/useRelation/useChildren.ts
 create mode 100644 packages/vant-use/src/useRelation/useParent.ts

diff --git a/packages/vant-use/src/useRelation/index.ts b/packages/vant-use/src/useRelation/index.ts
index 6ca02f4da..c56a40646 100644
--- a/packages/vant-use/src/useRelation/index.ts
+++ b/packages/vant-use/src/useRelation/index.ts
@@ -1,129 +1,2 @@
-import {
-  VNode,
-  inject,
-  isVNode,
-  provide,
-  computed,
-  reactive,
-  onUnmounted,
-  getCurrentInstance,
-  VNodeNormalizedChildren,
-  ComponentPublicInstance as PublicInstance,
-  ComponentInternalInstance as InternalInstance,
-} from 'vue';
-
-export function flattenVNodes(children: VNodeNormalizedChildren) {
-  const result: VNode[] = [];
-
-  const traverse = (children: VNodeNormalizedChildren) => {
-    if (Array.isArray(children)) {
-      children.forEach((child) => {
-        if (isVNode(child)) {
-          result.push(child);
-
-          if (child.component?.subTree) {
-            traverse(child.component.subTree.children);
-          }
-
-          if (child.children) {
-            traverse(child.children);
-          }
-        }
-      });
-    }
-  };
-
-  traverse(children);
-
-  return result;
-}
-
-// sort children instances by vnodes order
-export function sortChildren(
-  parent: InternalInstance,
-  publicChildren: PublicInstance[],
-  internalChildren: InternalInstance[]
-) {
-  const vnodes = flattenVNodes(parent.subTree.children);
-
-  internalChildren.sort(
-    (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
-  );
-
-  const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
-
-  publicChildren.sort((a, b) => {
-    const indexA = orderedPublicChildren.indexOf(a);
-    const indexB = orderedPublicChildren.indexOf(b);
-    return indexA - indexB;
-  });
-}
-
-export function useChildren(key: string | symbol) {
-  const publicChildren: PublicInstance[] = reactive([]);
-  const internalChildren: InternalInstance[] = reactive([]);
-  const parent = getCurrentInstance()!;
-
-  const linkChildren = (value: any) => {
-    const link = (child: InternalInstance) => {
-      if (child.proxy) {
-        internalChildren.push(child);
-        publicChildren.push(child.proxy);
-        sortChildren(parent, publicChildren, internalChildren);
-      }
-    };
-
-    const unlink = (child: InternalInstance) => {
-      const index = internalChildren.indexOf(child);
-      publicChildren.splice(index, 1);
-      internalChildren.splice(index, 1);
-    };
-
-    provide(key, {
-      link,
-      unlink,
-      children: publicChildren,
-      internalChildren,
-      ...value,
-    });
-  };
-
-  return {
-    children: publicChildren,
-    linkChildren,
-  };
-}
-
-type ParentProvide<T> = T & {
-  link(child: InternalInstance): void;
-  unlink(child: InternalInstance): void;
-  children: PublicInstance[];
-  internalChildren: InternalInstance[];
-};
-
-export function useParent<T>(key: string | symbol) {
-  const parent = inject<ParentProvide<T> | null>(key, null);
-
-  if (parent) {
-    const instance = getCurrentInstance();
-
-    if (instance) {
-      const { link, unlink, internalChildren, ...rest } = parent;
-
-      link(instance);
-
-      onUnmounted(() => {
-        unlink(instance);
-      });
-
-      const index = computed(() => internalChildren.indexOf(instance));
-
-      return {
-        parent: rest,
-        index,
-      };
-    }
-  }
-
-  return {};
-}
+export * from './useParent';
+export * from './useChildren';
diff --git a/packages/vant-use/src/useRelation/useChildren.ts b/packages/vant-use/src/useRelation/useChildren.ts
new file mode 100644
index 000000000..53de68d75
--- /dev/null
+++ b/packages/vant-use/src/useRelation/useChildren.ts
@@ -0,0 +1,92 @@
+import {
+  VNode,
+  isVNode,
+  provide,
+  reactive,
+  getCurrentInstance,
+  VNodeNormalizedChildren,
+  ComponentPublicInstance,
+  ComponentInternalInstance,
+} from 'vue';
+
+export function flattenVNodes(children: VNodeNormalizedChildren) {
+  const result: VNode[] = [];
+
+  const traverse = (children: VNodeNormalizedChildren) => {
+    if (Array.isArray(children)) {
+      children.forEach((child) => {
+        if (isVNode(child)) {
+          result.push(child);
+
+          if (child.component?.subTree) {
+            traverse(child.component.subTree.children);
+          }
+
+          if (child.children) {
+            traverse(child.children);
+          }
+        }
+      });
+    }
+  };
+
+  traverse(children);
+
+  return result;
+}
+
+// sort children instances by vnodes order
+export function sortChildren(
+  parent: ComponentInternalInstance,
+  publicChildren: ComponentPublicInstance[],
+  internalChildren: ComponentInternalInstance[]
+) {
+  const vnodes = flattenVNodes(parent.subTree.children);
+
+  internalChildren.sort(
+    (a, b) => vnodes.indexOf(a.vnode) - vnodes.indexOf(b.vnode)
+  );
+
+  const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
+
+  publicChildren.sort((a, b) => {
+    const indexA = orderedPublicChildren.indexOf(a);
+    const indexB = orderedPublicChildren.indexOf(b);
+    return indexA - indexB;
+  });
+}
+
+export function useChildren(key: string | symbol) {
+  const publicChildren: ComponentPublicInstance[] = reactive([]);
+  const internalChildren: ComponentInternalInstance[] = reactive([]);
+  const parent = getCurrentInstance()!;
+
+  const linkChildren = (value: any) => {
+    const link = (child: ComponentInternalInstance) => {
+      if (child.proxy) {
+        internalChildren.push(child);
+        publicChildren.push(child.proxy);
+        sortChildren(parent, publicChildren, internalChildren);
+      }
+    };
+
+    const unlink = (child: ComponentInternalInstance) => {
+      const index = internalChildren.indexOf(child);
+      publicChildren.splice(index, 1);
+      internalChildren.splice(index, 1);
+    };
+
+    provide(key, {
+      link,
+      unlink,
+      children: publicChildren,
+      internalChildren,
+      ...value,
+    });
+  };
+
+  return {
+    children: publicChildren,
+    linkChildren,
+  };
+}
diff --git a/packages/vant-use/src/useRelation/useParent.ts b/packages/vant-use/src/useRelation/useParent.ts
new file mode 100644
index 000000000..af669b378
--- /dev/null
+++ b/packages/vant-use/src/useRelation/useParent.ts
@@ -0,0 +1,42 @@
+import {
+  inject,
+  computed,
+  onUnmounted,
+  getCurrentInstance,
+  ComponentPublicInstance,
+  ComponentInternalInstance,
+} from 'vue';
+
+type ParentProvide<T> = T & {
+  link(child: ComponentInternalInstance): void;
+  unlink(child: ComponentInternalInstance): void;
+  children: ComponentPublicInstance[];
+  internalChildren: ComponentInternalInstance[];
+};
+
+export function useParent<T>(key: string | symbol) {
+  const parent = inject<ParentProvide<T> | null>(key, null);
+
+  if (parent) {
+    const instance = getCurrentInstance();
+
+    if (instance) {
+      const { link, unlink, internalChildren, ...rest } = parent;
+
+      link(instance);
+
+      onUnmounted(() => {
+        unlink(instance);
+      });
+
+      const index = computed(() => internalChildren.indexOf(instance));
+
+      return {
+        parent: rest,
+        index,
+      };
+    }
+  }
+
+  return {};
+}

From 8d4135a690ba08b2a3f929395c1750c2f1f44894 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 11:13:22 +0800
Subject: [PATCH 533/626] feat(@vant/use): add useRect

---
 packages/vant-use/.vuepress/config.js   |  1 +
 packages/vant-use/src/index.ts          |  1 +
 packages/vant-use/src/useRect/README.md | 46 +++++++++++++++++++++++++
 packages/vant-use/src/useRect/index.ts  | 38 ++++++++++++++++++++
 4 files changed, 86 insertions(+)
 create mode 100644 packages/vant-use/src/useRect/README.md
 create mode 100644 packages/vant-use/src/useRect/index.ts

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index cd3275806..88ad511ad 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -26,6 +26,7 @@ module.exports = {
         title: 'DOM',
         collapsable: false,
         children: [
+          '/src/useRect/',
           '/src/useClickAway/',
           '/src/useEventListener/',
           '/src/usePageVisibility/',
diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 6de39887b..2a19802ea 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,3 +1,4 @@
+export { useRect } from './useRect';
 export { useToggle } from './useToggle';
 export { useClickAway } from './useClickAway';
 export { useWindowSize } from './useWindowSize';
diff --git a/packages/vant-use/src/useRect/README.md b/packages/vant-use/src/useRect/README.md
new file mode 100644
index 000000000..58e3ced44
--- /dev/null
+++ b/packages/vant-use/src/useRect/README.md
@@ -0,0 +1,46 @@
+# useRect
+
+获取元素的大小及其相对于视口的位置，等价于 [Element.getBoundingClientRect](https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect)。
+
+## 代码演示
+
+### 基本用法
+
+```html
+<div ref="root" />
+```
+
+```js
+import { root } from 'vue';
+import { useRect } from '@vant/use';
+
+export default {
+  setup() {
+    const root = ref();
+    const rect = useRect();
+
+    console.log(rect); // -> 元素的大小及其相对于视口的位置
+
+    return { root };
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useRect((Element | Window) | Ref<Element | Window>): DOMRect;
+```
+
+### 返回值
+
+| 参数   | 说明                       | 类型     |
+| ------ | -------------------------- | -------- |
+| width  | 宽度                       | _number_ |
+| height | 高度                       | _number_ |
+| top    | 顶部与视图窗口左上角的距离 | _number_ |
+| left   | 左侧与视图窗口左上角的距离 | _number_ |
+| right  | 右侧与视图窗口左上角的距离 | _number_ |
+| bottom | 底部与视图窗口左上角的距离 | _number_ |
diff --git a/packages/vant-use/src/useRect/index.ts b/packages/vant-use/src/useRect/index.ts
new file mode 100644
index 000000000..5b0d4ab5f
--- /dev/null
+++ b/packages/vant-use/src/useRect/index.ts
@@ -0,0 +1,38 @@
+import { Ref, unref } from 'vue';
+
+function isWindow(val: unknown): val is Window {
+  return val === window;
+}
+
+export const useRect = (
+  elementRef: (Element | Window) | Ref<Element | Window>
+) => {
+  const element = unref(elementRef);
+
+  if (isWindow(element)) {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height,
+    };
+  }
+
+  if (element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0,
+  };
+};

From 6aa67b6df9f0a43feacf43dffda790239e079189 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 11:14:36 +0800
Subject: [PATCH 534/626] chore: release @vant/use@0.0.4

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 41dd986d5..699369ed9 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Vant composition api",
   "main": "lib/index.js",
   "module": "es/index.js",

From fd92564c27d1fbdee95d6e909a8cbde1ecd37fdf Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 11:22:30 +0800
Subject: [PATCH 535/626] chore: move useRect to @vant/use

---
 package.json                                   |  2 +-
 packages/vant-use/changelog.md                 |  6 ++++++
 src/calendar/components/Month.js               |  2 +-
 src/calendar/index.js                          |  2 +-
 src/composition/{use-rect.ts => use-height.ts} |  7 ++-----
 src/composition/use-placeholder.tsx            |  2 +-
 src/dropdown-menu/index.js                     |  2 +-
 src/index-anchor/index.js                      |  2 +-
 src/index-bar/index.js                         |  8 ++++++--
 src/list/index.js                              | 18 ++----------------
 src/notice-bar/index.js                        |  3 +--
 src/slider/index.js                            |  2 +-
 src/swipe-cell/index.js                        |  3 +--
 src/swipe/index.js                             |  8 ++++++--
 yarn.lock                                      |  8 ++++----
 15 files changed, 35 insertions(+), 40 deletions(-)
 rename src/composition/{use-rect.ts => use-height.ts} (54%)

diff --git a/package.json b/package.json
index a587ae1c5..89c22efc0 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.3",
+    "@vant/use": "^0.0.4",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/packages/vant-use/changelog.md b/packages/vant-use/changelog.md
index bb18c1cdb..f2d1939f3 100644
--- a/packages/vant-use/changelog.md
+++ b/packages/vant-use/changelog.md
@@ -1,5 +1,11 @@
 # 更新日志
 
+### v0.0.4
+
+`2020-10-05`
+
+- 新增 `useRect` 方法
+
 ### v0.0.3
 
 `2020-09-27`
diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index fdcdfb8f0..70754aba0 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -16,7 +16,7 @@ import {
 import { useToggle } from '@vant/use';
 import { useRefs } from '../../composition/use-refs';
 import { useExpose } from '../../composition/use-expose';
-import { useRect, useHeight } from '../../composition/use-rect';
+import { useRect, useHeight } from '../../composition/use-height';
 
 // Components
 import Day from './Day';
diff --git a/src/calendar/index.js b/src/calendar/index.js
index 69cc13105..b46d41c59 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -17,8 +17,8 @@ import {
 } from './utils';
 
 // Composition
+import { useRect } from '@vant/use';
 import { useRefs } from '../composition/use-refs';
-import { useRect } from '../composition/use-rect';
 import { useExpose } from '../composition/use-expose';
 
 // Components
diff --git a/src/composition/use-rect.ts b/src/composition/use-height.ts
similarity index 54%
rename from src/composition/use-rect.ts
rename to src/composition/use-height.ts
index 090827f94..3120dd8e7 100644
--- a/src/composition/use-rect.ts
+++ b/src/composition/use-height.ts
@@ -1,8 +1,5 @@
-import { Ref, ref, unref, onMounted, nextTick } from 'vue';
-
-export const useRect = (element: Element | Ref<Element>) => {
-  return unref(element).getBoundingClientRect();
-};
+import { useRect } from '@vant/use';
+import { Ref, ref, onMounted, nextTick } from 'vue';
 
 export const useHeight = (element: Element | Ref<Element>) => {
   const height = ref();
diff --git a/src/composition/use-placeholder.tsx b/src/composition/use-placeholder.tsx
index 02e5727e6..8361023b5 100644
--- a/src/composition/use-placeholder.tsx
+++ b/src/composition/use-placeholder.tsx
@@ -1,4 +1,4 @@
-import { useHeight } from './use-rect';
+import { useHeight } from './use-height';
 import type { Ref, VNode } from 'vue';
 import type { BEM } from '../utils/create/bem';
 
diff --git a/src/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 57ffc290c..8e5862059 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -5,12 +5,12 @@ import { createNamespace, isDef } from '../utils';
 
 // Composition
 import {
+  useRect,
   useChildren,
   useClickAway,
   useScrollParent,
   useEventListener,
 } from '@vant/use';
-import { useRect } from '../composition/use-rect';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
 
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index 5a16c0404..df74a9200 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -7,7 +7,7 @@ import { INDEX_BAR_KEY } from '../index-bar';
 
 // Composition
 import { useParent } from '@vant/use';
-import { useHeight } from '../composition/use-rect';
+import { useHeight } from '../composition/use-height';
 import { useExpose } from '../composition/use-expose';
 
 const [createComponent, bem] = createNamespace('index-anchor');
diff --git a/src/index-bar/index.js b/src/index-bar/index.js
index f4aa08996..3adff0b03 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -13,8 +13,12 @@ import {
 } from '../utils';
 
 // Composition
-import { useChildren, useScrollParent, useEventListener } from '@vant/use';
-import { useRect } from '../composition/use-rect';
+import {
+  useRect,
+  useChildren,
+  useScrollParent,
+  useEventListener,
+} from '@vant/use';
 import { useTouch } from '../composition/use-touch';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
diff --git a/src/list/index.js b/src/list/index.js
index 77081bc61..65555d360 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -4,8 +4,7 @@ import { ref, watch, nextTick, onUpdated, onMounted } from 'vue';
 import { isHidden, createNamespace } from '../utils';
 
 // Composition
-import { useScrollParent, useEventListener } from '@vant/use';
-import { useRect } from '../composition/use-rect';
+import { useRect, useScrollParent, useEventListener } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
 
 // Components
@@ -44,19 +43,6 @@ export default createComponent({
     const placeholder = ref();
     const scrollParent = useScrollParent(root);
 
-    const getScrollParentRect = () => {
-      const element = scrollParent.value;
-      if (element.getBoundingClientRect) {
-        return element.getBoundingClientRect();
-      }
-      const height = element.innerHeight;
-      return {
-        top: 0,
-        height,
-        bottom: height,
-      };
-    };
-
     const check = () => {
       nextTick(() => {
         if (loading.value || props.finished || props.error) {
@@ -64,7 +50,7 @@ export default createComponent({
         }
 
         const { offset, direction } = props;
-        const scrollParentRect = getScrollParentRect();
+        const scrollParentRect = useRect(scrollParent);
 
         if (!scrollParentRect.height || isHidden(root)) {
           return false;
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 58874460a..0ea1f0f01 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -2,8 +2,7 @@ import { ref, watch, reactive, nextTick, onActivated } from 'vue';
 import { isDef, doubleRaf, createNamespace } from '../utils';
 
 // Composition
-import { useRect } from '../composition/use-rect';
-import { useEventListener } from '@vant/use';
+import { useRect, useEventListener } from '@vant/use';
 
 // Components
 import Icon from '../icon';
diff --git a/src/slider/index.js b/src/slider/index.js
index bc0bcc98e..aa9b68847 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -10,7 +10,7 @@ import {
 import { deepClone } from '../utils/deep-clone';
 
 // Composition
-import { useRect } from '../composition/use-rect';
+import { useRect } from '@vant/use';
 import { useTouch } from '../composition/use-touch';
 import { useLinkField } from '../composition/use-link-field';
 
diff --git a/src/swipe-cell/index.js b/src/swipe-cell/index.js
index e8cef67c2..33410c0c4 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -5,8 +5,7 @@ import { range, createNamespace, preventDefault } from '../utils';
 import { callInterceptor } from '../utils/interceptor';
 
 // Composition
-import { useClickAway } from '@vant/use';
-import { useRect } from '../composition/use-rect';
+import { useRect, useClickAway } from '@vant/use';
 import { useTouch } from '../composition/use-touch';
 import { useExpose } from '../composition/use-expose';
 
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 2f2d38306..eb635d853 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -19,8 +19,12 @@ import {
 } from '../utils';
 
 // Composition
-import { useChildren, useWindowSize, usePageVisibility } from '@vant/use';
-import { useRect } from '../composition/use-rect';
+import {
+  useRect,
+  useChildren,
+  useWindowSize,
+  usePageVisibility,
+} from '@vant/use';
 import { useTouch } from '../composition/use-touch';
 import { useExpose } from '../composition/use-expose';
 
diff --git a/yarn.lock b/yarn.lock
index 10ac8c696..9c6790d48 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,10 +2175,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.3.tgz#e3043830206344442a22d302d556c2e36b492eb5"
-  integrity sha512-7B7tmc8OqkNlMsNzZrIBy2hE8pBvQexBdE74+xr8/HtLhFbVkiZeO+YsOmgYTrsnSEvACBreoIkFX2tjRjzdMw==
+"@vant/use@^0.0.4":
+  version "0.0.4"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.4.tgz#c02fb1b4cec53135efc85b1a7479ab186c0e5e73"
+  integrity sha512-beX+RH6SCyOIZ9nyod2nIK1/bNSPAAZoOvXQ2OZ0Dv9Dd55MyVnDTBZ1WCgE8Hf/PjgSOuIMp715ekEncSHoEg==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 489f691aabf0cabc4c0df39fe87ebafe64287b4e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 5 Oct 2020 17:21:46 +0800
Subject: [PATCH 536/626] fix: incorrect useRect import path

---
 src/calendar/components/Month.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js
index 70754aba0..e52985392 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -13,10 +13,10 @@ import {
 } from '../utils';
 
 // Composition
-import { useToggle } from '@vant/use';
+import { useRect, useToggle } from '@vant/use';
 import { useRefs } from '../../composition/use-refs';
 import { useExpose } from '../../composition/use-expose';
-import { useRect, useHeight } from '../../composition/use-height';
+import { useHeight } from '../../composition/use-height';
 
 // Components
 import Day from './Day';

From 38334b41586750eec22c1b253b10389338402269 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:19:00 +0800
Subject: [PATCH 537/626] chore(@vant/use): deploy site

---
 packages/vant-use/.vuepress/config.js |   3 +-
 packages/vant-use/package.json        |   5 +-
 packages/vant-use/yarn.lock           | 154 +++++++++++++++++++++++++-
 3 files changed, 154 insertions(+), 8 deletions(-)

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index 88ad511ad..42a7222f5 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -1,8 +1,9 @@
 module.exports = {
-  base: '/vant-use/',
+  base: '/vant/vant-use/',
   title: 'Vant Use',
   dest: 'dist',
   head: [['link', { rel: 'icon', href: 'https://img.yzcdn.cn/vant/logo.png' }]],
+  patterns: ['**/*.md', '!**/node_modules'],
   themeConfig: {
     nav: [
       {
diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 699369ed9..72770e750 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vant/use",
   "version": "0.0.4",
-  "description": "Vant composition api",
+  "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
@@ -12,7 +12,7 @@
     "build": "yarn clean && tsc && tsc -m esNext --outDir es",
     "release": "yarn build && release-it",
     "docs:dev": "vuepress dev",
-    "docs:build": "vuepress build"
+    "docs:build": "vuepress build && gh-pages -d dist --add --dest vant-use"
   },
   "publishConfig": {
     "access": "public",
@@ -21,6 +21,7 @@
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-use",
   "devDependencies": {
+    "gh-pages": "^3.1.0",
     "release-it": "^14.0.2",
     "typescript": "^4.0.2",
     "vuepress": "^1.6.0"
diff --git a/packages/vant-use/yarn.lock b/packages/vant-use/yarn.lock
index 5241039b5..262a9d548 100644
--- a/packages/vant-use/yarn.lock
+++ b/packages/vant-use/yarn.lock
@@ -1748,7 +1748,7 @@ async-retry@1.3.1:
   dependencies:
     retry "0.12.0"
 
-async@^2.6.2:
+async@^2.6.1, async@^2.6.2:
   version "2.6.3"
   resolved "https://registry.npm.taobao.org/async/download/async-2.6.3.tgz#d72625e2344a3656e3a3ad4fa749fa83299d82ff"
   integrity sha1-1yYl4jRKNlbjo61Pp0n6gymdgv8=
@@ -2492,7 +2492,7 @@ commander@2.17.x:
   resolved "https://registry.npm.taobao.org/commander/download/commander-2.17.1.tgz?cache=0&sync_timestamp=1598576046744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
   integrity sha1-vXerfebelCBc6sxy8XFtKfIKd78=
 
-commander@^2.20.0:
+commander@^2.18.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz?cache=0&sync_timestamp=1598576046744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=
@@ -3318,6 +3318,11 @@ elliptic@^6.5.3:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.0"
 
+email-addresses@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
+  integrity sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -3745,6 +3750,28 @@ file-uri-to-path@1.0.0:
   resolved "https://registry.npm.taobao.org/file-uri-to-path/download/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
   integrity sha1-VTp7hEb/b2hDWcRF8eN6BdrMM90=
 
+filename-reserved-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz#e61cf805f0de1c984567d0386dc5df50ee5af7e4"
+  integrity sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=
+
+filenamify-url@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz#b32bd81319ef5863b73078bed50f46a4f7975f50"
+  integrity sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=
+  dependencies:
+    filenamify "^1.0.0"
+    humanize-url "^1.0.0"
+
+filenamify@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz#a9f2ffd11c503bed300015029272378f1f1365a5"
+  integrity sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=
+  dependencies:
+    filename-reserved-regex "^1.0.0"
+    strip-outer "^1.0.0"
+    trim-repeated "^1.0.0"
+
 fill-range@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/fill-range/download/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
@@ -3784,6 +3811,15 @@ find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
+find-cache-dir@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
+  integrity sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
 find-up@5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/find-up/download/find-up-5.0.0.tgz?cache=0&sync_timestamp=1597169795121&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
@@ -3799,6 +3835,14 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
+find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 flat@^5.0.2:
   version "5.0.2"
   resolved "https://registry.npm.taobao.org/flat/download/flat-5.0.2.tgz?cache=0&sync_timestamp=1596729088991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat%2Fdownload%2Fflat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
@@ -3884,6 +3928,15 @@ fs-extra@^7.0.1:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.npm.taobao.org/fs-write-stream-atomic/download/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -3953,6 +4006,19 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
+gh-pages@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/gh-pages/-/gh-pages-3.1.0.tgz#ec3ed0f6a6e3fc3d888758fa018f08191c96bd55"
+  integrity sha512-3b1rly9kuf3/dXsT8+ZxP0UhNLOo1CItj+3e31yUVcaph/yDsJ9RzD7JOw5o5zpBTJVQLlJAASNkUfepi9fe2w==
+  dependencies:
+    async "^2.6.1"
+    commander "^2.18.0"
+    email-addresses "^3.0.1"
+    filenamify-url "^1.0.0"
+    find-cache-dir "^3.3.1"
+    fs-extra "^8.1.0"
+    globby "^6.1.0"
+
 git-up@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/git-up/download/git-up-4.0.2.tgz?cache=0&sync_timestamp=1596976431214&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-up%2Fdownload%2Fgit-up-4.0.2.tgz#10c3d731051b366dc19d3df454bfca3f77913a7c"
@@ -4110,7 +4176,7 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.4"
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1588086876757&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha1-Ila94U02MpWMRl68ltxGfKB6Kfs=
@@ -4415,6 +4481,14 @@ human-signals@^1.1.1:
   resolved "https://registry.npm.taobao.org/human-signals/download/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
   integrity sha1-xbHNFPUK6uCatsWf5jujOV/k36M=
 
+humanize-url@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz#f4ab99e0d288174ca4e1e50407c55fbae464efff"
+  integrity sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=
+  dependencies:
+    normalize-url "^1.0.0"
+    strip-url-auth "^1.0.0"
+
 iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npm.taobao.org/iconv-lite/download/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -5192,6 +5266,13 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -5311,7 +5392,7 @@ make-dir@^2.0.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
-make-dir@^3.0.0:
+make-dir@^3.0.0, make-dir@^3.0.2:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-3.1.0.tgz?cache=0&sync_timestamp=1587567875186&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmake-dir%2Fdownload%2Fmake-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
   integrity sha1-QV6WcEazp/HRhSd9hKpYIDcmoT8=
@@ -5754,6 +5835,16 @@ normalize-range@^0.1.2:
   resolved "https://registry.npm.taobao.org/normalize-range/download/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
 
+normalize-url@^1.0.0:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
+  integrity sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=
+  dependencies:
+    object-assign "^4.0.1"
+    prepend-http "^1.0.0"
+    query-string "^4.1.0"
+    sort-keys "^1.0.0"
+
 normalize-url@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/normalize-url/download/normalize-url-2.0.1.tgz#835a9da1551fa26f70e92329069a23aa6574d7e6"
@@ -5988,7 +6079,7 @@ p-finally@^1.0.0:
   resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
-p-limit@^2.0.0, p-limit@^2.2.1:
+p-limit@^2.0.0, p-limit@^2.2.0, p-limit@^2.2.1:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz?cache=0&sync_timestamp=1594559720897&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
   integrity sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=
@@ -6009,6 +6100,13 @@ p-locate@^3.0.0:
   dependencies:
     p-limit "^2.0.0"
 
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
 p-locate@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-5.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
@@ -6245,6 +6343,13 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
+pkg-dir@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+  dependencies:
+    find-up "^4.0.0"
+
 portfinder@^1.0.13, portfinder@^1.0.26:
   version "1.0.28"
   resolved "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.28.tgz?cache=0&sync_timestamp=1596018172434&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fportfinder%2Fdownload%2Fportfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
@@ -6601,6 +6706,11 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.26, postcss@^7.0.2
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+prepend-http@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
+  integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
+
 prepend-http@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
@@ -6748,6 +6858,14 @@ qs@~6.5.2:
   resolved "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
   integrity sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=
 
+query-string@^4.1.0:
+  version "4.3.4"
+  resolved "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
+  integrity sha1-u7aTucqRXCMlFbIosaArYJBD2+s=
+  dependencies:
+    object-assign "^4.1.0"
+    strict-uri-encode "^1.0.0"
+
 query-string@^5.0.1:
   version "5.1.1"
   resolved "https://registry.npm.taobao.org/query-string/download/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
@@ -7485,6 +7603,13 @@ sockjs@0.3.20:
     uuid "^3.4.0"
     websocket-driver "0.6.5"
 
+sort-keys@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
+  integrity sha1-RBttTTRnmPG05J6JIK37oOVD+a0=
+  dependencies:
+    is-plain-obj "^1.0.0"
+
 sort-keys@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/sort-keys/download/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
@@ -7754,6 +7879,18 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-2.0.1.tgz?cache=0&sync_timestamp=1594567543744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-json-comments%2Fdownload%2Fstrip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
+strip-outer@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz#b2fd2abf6604b9d1e6013057195df836b8a9d631"
+  integrity sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==
+  dependencies:
+    escape-string-regexp "^1.0.2"
+
+strip-url-auth@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz#22b0fa3a41385b33be3f331551bbb837fa0cd7ae"
+  integrity sha1-IrD6OkE4WzO+PzMVUbu4N/oM164=
+
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.npm.taobao.org/stylehacks/download/stylehacks-4.0.3.tgz?cache=0&sync_timestamp=1599670484593&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstylehacks%2Fdownload%2Fstylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -7992,6 +8129,13 @@ tough-cookie@~2.5.0:
     psl "^1.1.28"
     punycode "^2.1.1"
 
+trim-repeated@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz#e3646a2ea4e891312bf7eace6cfb05380bc01c21"
+  integrity sha1-42RqLqTokTEr9+rObPsFOAvAHCE=
+  dependencies:
+    escape-string-regexp "^1.0.2"
+
 tslib@^1.9.0:
   version "1.13.0"
   resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz?cache=0&sync_timestamp=1596752024863&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"

From 8e5c8f2f89b6b53e24615c06b38dfd558149e6b1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:22:54 +0800
Subject: [PATCH 538/626] chore(CountDown): extract useCountDown

---
 src/count-down/README.md         |  29 +++---
 src/count-down/README.zh-CN.md   |  31 +++----
 src/count-down/index.js          | 125 ++++----------------------
 src/count-down/use-count-down.ts | 149 +++++++++++++++++++++++++++++++
 src/count-down/utils.ts          |  36 +-------
 5 files changed, 203 insertions(+), 167 deletions(-)
 create mode 100644 src/count-down/use-count-down.ts

diff --git a/src/count-down/README.md b/src/count-down/README.md
index 9ad60e550..64fef8755 100644
--- a/src/count-down/README.md
+++ b/src/count-down/README.md
@@ -134,26 +134,27 @@ export default {
 
 ### Events
 
-| Event           | Description                        | Arguments            |
-| --------------- | ---------------------------------- | -------------------- |
-| finish          | Triggered when count down finished | -                    |
-| change `v2.4.4` | Triggered when count down changed  | _timeData: TimeData_ |
+| Event | Description | Arguments |
+| --- | --- | --- |
+| finish | Triggered when count down finished | - |
+| change `v2.4.4` | Triggered when count down changed | _currentTime: CurrentTime_ |
 
 ### Slots
 
-| Name    | Description    | SlotProps            |
-| ------- | -------------- | -------------------- |
-| default | Custom Content | _timeData: TimeData_ |
+| Name    | Description    | SlotProps                  |
+| ------- | -------------- | -------------------------- |
+| default | Custom Content | _currentTime: CurrentTime_ |
 
 ### TimeData Structure
 
-| Name         | Description         | Type     |
-| ------------ | ------------------- | -------- |
-| days         | Remain days         | _number_ |
-| hours        | Remain hours        | _number_ |
-| minutes      | Remain minutes      | _number_ |
-| seconds      | Remain seconds      | _number_ |
-| milliseconds | Remain milliseconds | _number_ |
+| Name         | Description                   | Type     |
+| ------------ | ----------------------------- | -------- |
+| total        | Total time, unit milliseconds | _number_ |
+| days         | Remain days                   | _number_ |
+| hours        | Remain hours                  | _number_ |
+| minutes      | Remain minutes                | _number_ |
+| seconds      | Remain seconds                | _number_ |
+| milliseconds | Remain milliseconds           | _number_ |
 
 ### Methods
 
diff --git a/src/count-down/README.zh-CN.md b/src/count-down/README.zh-CN.md
index 6f14effb6..7e3600bd6 100644
--- a/src/count-down/README.zh-CN.md
+++ b/src/count-down/README.zh-CN.md
@@ -144,26 +144,27 @@ export default {
 
 ### Events
 
-| 事件名          | 说明             | 回调参数             |
-| --------------- | ---------------- | -------------------- |
-| finish          | 倒计时结束时触发 | -                    |
-| change `v2.4.4` | 倒计时变化时触发 | _timeData: TimeData_ |
+| 事件名          | 说明             | 回调参数                   |
+| --------------- | ---------------- | -------------------------- |
+| finish          | 倒计时结束时触发 | -                          |
+| change `v2.4.4` | 倒计时变化时触发 | _currentTime: CurrentTime_ |
 
 ### Slots
 
-| 名称    | 说明       | SlotProps            |
-| ------- | ---------- | -------------------- |
-| default | 自定义内容 | _timeData: TimeData_ |
+| 名称    | 说明       | SlotProps                  |
+| ------- | ---------- | -------------------------- |
+| default | 自定义内容 | _currentTime: CurrentTime_ |
 
-### TimeData 格式
+### CurrentTime 格式
 
-| 名称         | 说明     | 类型     |
-| ------------ | -------- | -------- |
-| days         | 剩余天数 | _number_ |
-| hours        | 剩余小时 | _number_ |
-| minutes      | 剩余分钟 | _number_ |
-| seconds      | 剩余秒数 | _number_ |
-| milliseconds | 剩余毫秒 | _number_ |
+| 名称         | 说明                   | 类型     |
+| ------------ | ---------------------- | -------- |
+| total        | 剩余总时间（单位毫秒） | _number_ |
+| days         | 剩余天数               | _number_ |
+| hours        | 剩余小时               | _number_ |
+| minutes      | 剩余分钟               | _number_ |
+| seconds      | 剩余秒数               | _number_ |
+| milliseconds | 剩余毫秒               | _number_ |
 
 ### 方法
 
diff --git a/src/count-down/index.js b/src/count-down/index.js
index 33a135b1a..f571e5724 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -1,18 +1,12 @@
-import {
-  ref,
-  watch,
-  computed,
-  onActivated,
-  onDeactivated,
-  onBeforeUnmount,
-} from 'vue';
+import { watch, computed } from 'vue';
 
 // Utils
-import { raf, cancelRaf, createNamespace } from '../utils';
-import { isSameSecond, parseTimeData, parseFormat } from './utils';
+import { createNamespace } from '../utils';
+import { parseFormat } from './utils';
 
 // Composition
 import { useExpose } from '../composition/use-expose';
+import { useCountDown } from './use-count-down';
 
 const [createComponent, bem] = createNamespace('count-down');
 
@@ -36,118 +30,37 @@ export default createComponent({
   emits: ['change', 'finish'],
 
   setup(props, { emit, slots }) {
-    let rafId;
-    let endTime;
-    let counting;
-    let keepAlived;
-
-    const remain = ref(0);
-    const timeData = computed(() => parseTimeData(remain.value));
-    const timeText = computed(() => parseFormat(props.format, timeData.value));
-
-    const pause = () => {
-      counting = false;
-      cancelRaf(rafId);
-    };
-
-    const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
-
-    const setRemain = (value) => {
-      remain.value = value;
-      emit('change', timeData.value);
-
-      if (value === 0) {
-        pause();
+    const { start, pause, reset, current } = useCountDown({
+      time: +props.time,
+      millisecond: props.millisecond,
+      onChange(current) {
+        emit('change', current);
+      },
+      onFinish() {
         emit('finish');
-      }
-    };
+      },
+    });
 
-    const microTick = () => {
-      rafId = raf(() => {
-        // in case of call reset immediately after finish
-        if (counting) {
-          setRemain(getCurrentRemain());
-
-          if (remain.value > 0) {
-            microTick();
-          }
-        }
-      });
-    };
-
-    const macroTick = () => {
-      rafId = raf(() => {
-        // in case of call reset immediately after finish
-        if (counting) {
-          const currentRemain = getCurrentRemain();
-
-          if (
-            !isSameSecond(currentRemain, remain.value) ||
-            currentRemain === 0
-          ) {
-            setRemain(currentRemain);
-          }
-
-          if (remain.value > 0) {
-            macroTick();
-          }
-        }
-      });
-    };
-
-    const tick = () => {
-      if (props.millisecond) {
-        microTick();
-      } else {
-        macroTick();
-      }
-    };
-
-    const start = () => {
-      if (!counting) {
-        endTime = Date.now() + remain.value;
-        counting = true;
-        tick();
-      }
-    };
-
-    const reset = () => {
-      pause();
-      remain.value = +props.time;
+    const timeText = computed(() => parseFormat(props.format, current.value));
 
+    const resetTime = () => {
+      reset(+props.time);
       if (props.autoStart) {
         start();
       }
     };
 
-    watch(() => props.time, reset, { immediate: true });
-
-    onActivated(() => {
-      if (keepAlived) {
-        counting = true;
-        keepAlived = false;
-        tick();
-      }
-    });
-
-    onDeactivated(() => {
-      if (counting) {
-        pause();
-        keepAlived = true;
-      }
-    });
-
-    onBeforeUnmount(pause);
+    watch(() => props.time, resetTime, { immediate: true });
 
     useExpose({
       start,
-      reset,
       pause,
+      reset: resetTime,
     });
 
     return () => (
       <div class={bem()}>
-        {slots.default ? slots.default(timeData.value) : timeText.value}
+        {slots.default ? slots.default(current.value) : timeText.value}
       </div>
     );
   },
diff --git a/src/count-down/use-count-down.ts b/src/count-down/use-count-down.ts
new file mode 100644
index 000000000..5c4691e8d
--- /dev/null
+++ b/src/count-down/use-count-down.ts
@@ -0,0 +1,149 @@
+import {
+  ref,
+  computed,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
+import { raf, cancelRaf } from '../utils';
+import { isSameSecond } from './utils';
+
+export type CurrentTime = {
+  days: number;
+  hours: number;
+  total: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+};
+
+export type UseCountDownOptions = {
+  time: number;
+  millisecond?: boolean;
+  onChange?: (current: CurrentTime) => void;
+  onFinish?: () => void;
+};
+
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+
+export function parseTime(time: number): CurrentTime {
+  const days = Math.floor(time / DAY);
+  const hours = Math.floor((time % DAY) / HOUR);
+  const minutes = Math.floor((time % HOUR) / MINUTE);
+  const seconds = Math.floor((time % MINUTE) / SECOND);
+  const milliseconds = Math.floor(time % SECOND);
+
+  return {
+    total: time,
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+  };
+}
+
+export function useCountDown(options: UseCountDownOptions) {
+  let rafId: number;
+  let endTime: number;
+  let counting: boolean;
+  let deactivated: boolean;
+
+  const remain = ref(options.time);
+  const current = computed(() => parseTime(remain.value));
+
+  const pause = () => {
+    counting = false;
+    cancelRaf(rafId);
+  };
+
+  const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
+
+  const setRemain = (value: number) => {
+    remain.value = value;
+    options.onChange?.(current.value);
+
+    if (value === 0) {
+      pause();
+      options.onFinish?.();
+    }
+  };
+
+  const microTick = () => {
+    rafId = raf(() => {
+      // in case of call reset immediately after finish
+      if (counting) {
+        setRemain(getCurrentRemain());
+
+        if (remain.value > 0) {
+          microTick();
+        }
+      }
+    });
+  };
+
+  const macroTick = () => {
+    rafId = raf(() => {
+      // in case of call reset immediately after finish
+      if (counting) {
+        const remainRemain = getCurrentRemain();
+
+        if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
+          setRemain(remainRemain);
+        }
+
+        if (remain.value > 0) {
+          macroTick();
+        }
+      }
+    });
+  };
+
+  const tick = () => {
+    if (options.millisecond) {
+      microTick();
+    } else {
+      macroTick();
+    }
+  };
+
+  const start = () => {
+    if (!counting) {
+      endTime = Date.now() + remain.value;
+      counting = true;
+      tick();
+    }
+  };
+
+  const reset = (totalTime: number) => {
+    pause();
+    remain.value = totalTime;
+  };
+
+  onBeforeUnmount(pause);
+
+  onActivated(() => {
+    if (deactivated) {
+      counting = true;
+      deactivated = false;
+      tick();
+    }
+  });
+
+  onDeactivated(() => {
+    if (counting) {
+      pause();
+      deactivated = true;
+    }
+  });
+
+  return {
+    start,
+    pause,
+    reset,
+    current,
+  };
+}
diff --git a/src/count-down/utils.ts b/src/count-down/utils.ts
index 3ab764c2c..5e25f9134 100644
--- a/src/count-down/utils.ts
+++ b/src/count-down/utils.ts
@@ -1,37 +1,9 @@
 import { padZero } from '../utils';
+import { CurrentTime } from './use-count-down';
 
-export type TimeData = {
-  days: number;
-  hours: number;
-  minutes: number;
-  seconds: number;
-  milliseconds: number;
-};
-
-const SECOND = 1000;
-const MINUTE = 60 * SECOND;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-
-export function parseTimeData(time: number): TimeData {
-  const days = Math.floor(time / DAY);
-  const hours = Math.floor((time % DAY) / HOUR);
-  const minutes = Math.floor((time % HOUR) / MINUTE);
-  const seconds = Math.floor((time % MINUTE) / SECOND);
-  const milliseconds = Math.floor(time % SECOND);
-
-  return {
-    days,
-    hours,
-    minutes,
-    seconds,
-    milliseconds,
-  };
-}
-
-export function parseFormat(format: string, timeData: TimeData): string {
-  const { days } = timeData;
-  let { hours, minutes, seconds, milliseconds } = timeData;
+export function parseFormat(format: string, currentTime: CurrentTime): string {
+  const { days } = currentTime;
+  let { hours, minutes, seconds, milliseconds } = currentTime;
 
   if (format.indexOf('DD') === -1) {
     hours += days * 24;

From 6334d6a7a7904544ef7a3a51e710e6b64dc23e23 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:41:12 +0800
Subject: [PATCH 539/626] feat(@vant/use): add useCountDown

---
 packages/vant-use/src/index.ts                |   1 +
 packages/vant-use/src/shared.ts               |   1 -
 packages/vant-use/src/useClickAway/index.ts   |   2 +-
 packages/vant-use/src/useCountDown/index.ts   | 152 ++++++++++++++++++
 .../vant-use/src/useEventListener/index.ts    |   2 +-
 .../vant-use/src/usePageVisibility/index.ts   |   2 +-
 packages/vant-use/src/useWindowSize/index.ts  |   2 +-
 packages/vant-use/src/utils.ts                |  30 ++++
 src/count-down/use-count-down.ts              |   5 +-
 src/count-down/utils.ts                       |   4 -
 10 files changed, 191 insertions(+), 10 deletions(-)
 delete mode 100644 packages/vant-use/src/shared.ts
 create mode 100644 packages/vant-use/src/useCountDown/index.ts
 create mode 100644 packages/vant-use/src/utils.ts

diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 2a19802ea..1c4304710 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -6,3 +6,4 @@ export { useScrollParent } from './useScrollParent';
 export { useEventListener } from './useEventListener';
 export { usePageVisibility } from './usePageVisibility';
 export { useParent, useChildren } from './useRelation';
+export * from './utils';
diff --git a/packages/vant-use/src/shared.ts b/packages/vant-use/src/shared.ts
deleted file mode 100644
index 6ea623bfc..000000000
--- a/packages/vant-use/src/shared.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const inBrowser = typeof window !== 'undefined';
diff --git a/packages/vant-use/src/useClickAway/index.ts b/packages/vant-use/src/useClickAway/index.ts
index 6b41cd330..d2e039010 100644
--- a/packages/vant-use/src/useClickAway/index.ts
+++ b/packages/vant-use/src/useClickAway/index.ts
@@ -1,5 +1,5 @@
 import { Ref, unref } from 'vue';
-import { inBrowser } from '../shared';
+import { inBrowser } from '../utils';
 import { useEventListener } from '../useEventListener';
 
 export type UseClickAwayOptions = {
diff --git a/packages/vant-use/src/useCountDown/index.ts b/packages/vant-use/src/useCountDown/index.ts
new file mode 100644
index 000000000..a53a51e52
--- /dev/null
+++ b/packages/vant-use/src/useCountDown/index.ts
@@ -0,0 +1,152 @@
+import {
+  ref,
+  computed,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
+import { raf, cancelRaf } from '../utils';
+
+export type CurrentTime = {
+  days: number;
+  hours: number;
+  total: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+};
+
+export type UseCountDownOptions = {
+  time: number;
+  millisecond?: boolean;
+  onChange?: (current: CurrentTime) => void;
+  onFinish?: () => void;
+};
+
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+
+export function parseTime(time: number): CurrentTime {
+  const days = Math.floor(time / DAY);
+  const hours = Math.floor((time % DAY) / HOUR);
+  const minutes = Math.floor((time % HOUR) / MINUTE);
+  const seconds = Math.floor((time % MINUTE) / SECOND);
+  const milliseconds = Math.floor(time % SECOND);
+
+  return {
+    total: time,
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+  };
+}
+
+function isSameSecond(time1: number, time2: number): boolean {
+  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+}
+
+export function useCountDown(options: UseCountDownOptions) {
+  let rafId: number;
+  let endTime: number;
+  let counting: boolean;
+  let deactivated: boolean;
+
+  const remain = ref(options.time);
+  const current = computed(() => parseTime(remain.value));
+
+  const pause = () => {
+    counting = false;
+    cancelRaf(rafId);
+  };
+
+  const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
+
+  const setRemain = (value: number) => {
+    remain.value = value;
+    options.onChange?.(current.value);
+
+    if (value === 0) {
+      pause();
+      options.onFinish?.();
+    }
+  };
+
+  const microTick = () => {
+    rafId = raf(() => {
+      // in case of call reset immediately after finish
+      if (counting) {
+        setRemain(getCurrentRemain());
+
+        if (remain.value > 0) {
+          microTick();
+        }
+      }
+    });
+  };
+
+  const macroTick = () => {
+    rafId = raf(() => {
+      // in case of call reset immediately after finish
+      if (counting) {
+        const remainRemain = getCurrentRemain();
+
+        if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
+          setRemain(remainRemain);
+        }
+
+        if (remain.value > 0) {
+          macroTick();
+        }
+      }
+    });
+  };
+
+  const tick = () => {
+    if (options.millisecond) {
+      microTick();
+    } else {
+      macroTick();
+    }
+  };
+
+  const start = () => {
+    if (!counting) {
+      endTime = Date.now() + remain.value;
+      counting = true;
+      tick();
+    }
+  };
+
+  const reset = (totalTime: number) => {
+    pause();
+    remain.value = totalTime;
+  };
+
+  onBeforeUnmount(pause);
+
+  onActivated(() => {
+    if (deactivated) {
+      counting = true;
+      deactivated = false;
+      tick();
+    }
+  });
+
+  onDeactivated(() => {
+    if (counting) {
+      pause();
+      deactivated = true;
+    }
+  });
+
+  return {
+    start,
+    pause,
+    reset,
+    current,
+  };
+}
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
index a883a9202..507622288 100644
--- a/packages/vant-use/src/useEventListener/index.ts
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -6,7 +6,7 @@ import {
   onUnmounted,
   onDeactivated,
 } from 'vue';
-import { inBrowser } from '../shared';
+import { inBrowser } from '../utils';
 
 let supportsPassive = false;
 if (inBrowser) {
diff --git a/packages/vant-use/src/usePageVisibility/index.ts b/packages/vant-use/src/usePageVisibility/index.ts
index 51f4dc82b..767192698 100644
--- a/packages/vant-use/src/usePageVisibility/index.ts
+++ b/packages/vant-use/src/usePageVisibility/index.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { inBrowser } from '../shared';
+import { inBrowser } from '../utils';
 import { useEventListener } from '../useEventListener';
 
 export function usePageVisibility() {
diff --git a/packages/vant-use/src/useWindowSize/index.ts b/packages/vant-use/src/useWindowSize/index.ts
index d5faa7d00..6a9c90662 100644
--- a/packages/vant-use/src/useWindowSize/index.ts
+++ b/packages/vant-use/src/useWindowSize/index.ts
@@ -1,5 +1,5 @@
 import { ref } from 'vue';
-import { inBrowser } from '../shared';
+import { inBrowser } from '../utils';
 import { useEventListener } from '../useEventListener';
 
 export function useWindowSize() {
diff --git a/packages/vant-use/src/utils.ts b/packages/vant-use/src/utils.ts
new file mode 100644
index 000000000..5610d0112
--- /dev/null
+++ b/packages/vant-use/src/utils.ts
@@ -0,0 +1,30 @@
+export const inBrowser = typeof window !== 'undefined';
+
+const root = (inBrowser ? window : global) as Window;
+
+let prev = Date.now();
+
+function rafPolyfill(fn: FrameRequestCallback): number {
+  const curr = Date.now();
+  const ms = Math.max(0, 16 - (curr - prev));
+  const id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+}
+
+export function raf(fn: FrameRequestCallback): number {
+  const requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
+  return requestAnimationFrame.call(root, fn);
+}
+
+export function cancelRaf(id: number) {
+  const cancelAnimationFrame = root.cancelAnimationFrame || root.clearTimeout;
+  cancelAnimationFrame.call(root, id);
+}
+
+// double raf for animation
+export function doubleRaf(fn: FrameRequestCallback): void {
+  raf(() => {
+    raf(fn);
+  });
+}
diff --git a/src/count-down/use-count-down.ts b/src/count-down/use-count-down.ts
index 5c4691e8d..a53a51e52 100644
--- a/src/count-down/use-count-down.ts
+++ b/src/count-down/use-count-down.ts
@@ -6,7 +6,6 @@ import {
   onBeforeUnmount,
 } from 'vue';
 import { raf, cancelRaf } from '../utils';
-import { isSameSecond } from './utils';
 
 export type CurrentTime = {
   days: number;
@@ -46,6 +45,10 @@ export function parseTime(time: number): CurrentTime {
   };
 }
 
+function isSameSecond(time1: number, time2: number): boolean {
+  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+}
+
 export function useCountDown(options: UseCountDownOptions) {
   let rafId: number;
   let endTime: number;
diff --git a/src/count-down/utils.ts b/src/count-down/utils.ts
index 5e25f9134..18623f69b 100644
--- a/src/count-down/utils.ts
+++ b/src/count-down/utils.ts
@@ -43,7 +43,3 @@ export function parseFormat(format: string, currentTime: CurrentTime): string {
 
   return format;
 }
-
-export function isSameSecond(time1: number, time2: number): boolean {
-  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
-}

From 7966183af12566b408d4b53bc0484c362c4dff47 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:45:23 +0800
Subject: [PATCH 540/626] chore: release @vant/use@0.0.5

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 72770e750..28583edbd 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",

From b541226cdc6f4a3282fcf1a0cd3a547d3255e5e3 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:49:17 +0800
Subject: [PATCH 541/626] chore(@vant/use): export types

---
 package.json                                   |  2 +-
 packages/vant-use/src/index.ts                 | 16 ++++++++--------
 packages/vant-use/src/useCountDown/index.ts    |  2 +-
 packages/vant-use/src/useScrollParent/index.ts |  2 +-
 yarn.lock                                      |  8 ++++----
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 89c22efc0..78fa6da5d 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.4",
+    "@vant/use": "^0.0.5",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 1c4304710..7f2658dce 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,9 +1,9 @@
-export { useRect } from './useRect';
-export { useToggle } from './useToggle';
-export { useClickAway } from './useClickAway';
-export { useWindowSize } from './useWindowSize';
-export { useScrollParent } from './useScrollParent';
-export { useEventListener } from './useEventListener';
-export { usePageVisibility } from './usePageVisibility';
-export { useParent, useChildren } from './useRelation';
+export * from './useRect';
+export * from './useToggle';
+export * from './useClickAway';
+export * from './useWindowSize';
+export * from './useScrollParent';
+export * from './useEventListener';
+export * from './usePageVisibility';
+export * from './useRelation';
 export * from './utils';
diff --git a/packages/vant-use/src/useCountDown/index.ts b/packages/vant-use/src/useCountDown/index.ts
index a53a51e52..344953fdf 100644
--- a/packages/vant-use/src/useCountDown/index.ts
+++ b/packages/vant-use/src/useCountDown/index.ts
@@ -28,7 +28,7 @@ const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
 const DAY = 24 * HOUR;
 
-export function parseTime(time: number): CurrentTime {
+function parseTime(time: number): CurrentTime {
   const days = Math.floor(time / DAY);
   const hours = Math.floor((time % DAY) / HOUR);
   const minutes = Math.floor((time % HOUR) / MINUTE);
diff --git a/packages/vant-use/src/useScrollParent/index.ts b/packages/vant-use/src/useScrollParent/index.ts
index 8b1731d9e..ee71ee8bc 100644
--- a/packages/vant-use/src/useScrollParent/index.ts
+++ b/packages/vant-use/src/useScrollParent/index.ts
@@ -11,7 +11,7 @@ function isElement(node: Element) {
 
 // http://w3help.org/zh-cn/causes/SD9013
 // http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
-export function getScrollParent(el: Element, root: ScrollElement = window) {
+function getScrollParent(el: Element, root: ScrollElement = window) {
   let node = el;
 
   while (node && node !== root && isElement(node)) {
diff --git a/yarn.lock b/yarn.lock
index 9c6790d48..e4ccfaf64 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,10 +2175,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.4":
-  version "0.0.4"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.4.tgz#c02fb1b4cec53135efc85b1a7479ab186c0e5e73"
-  integrity sha512-beX+RH6SCyOIZ9nyod2nIK1/bNSPAAZoOvXQ2OZ0Dv9Dd55MyVnDTBZ1WCgE8Hf/PjgSOuIMp715ekEncSHoEg==
+"@vant/use@^0.0.5":
+  version "0.0.5"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.5.tgz#64ff89ffc50e73c315d469a805379a41ce3c06ae"
+  integrity sha512-Wak1vLAF+SuqY+NTyanYexu+WV9pAjllRHGbtZtBBJc+G7QHC3xIUEQYkZJjbBR4iJmLPgA4R6OLwqM8eb6xZg==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 1075f6569f9d01962ac5458db635f0bbfb951458 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:50:02 +0800
Subject: [PATCH 542/626] chore: release @vant/use@0.0.6

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 28583edbd..58e9f1c18 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",

From c6bd04b8d28483b9500b9c1b17c965b89ea7a8e5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:55:00 +0800
Subject: [PATCH 543/626] fix(@vant/use): should export useCountDown

---
 package.json                   | 2 +-
 packages/vant-use/src/index.ts | 1 +
 yarn.lock                      | 8 ++++----
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 78fa6da5d..c5885cf48 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.5",
+    "@vant/use": "^0.0.6",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
index 7f2658dce..779ffe9b1 100644
--- a/packages/vant-use/src/index.ts
+++ b/packages/vant-use/src/index.ts
@@ -1,5 +1,6 @@
 export * from './useRect';
 export * from './useToggle';
+export * from './useCountDown';
 export * from './useClickAway';
 export * from './useWindowSize';
 export * from './useScrollParent';
diff --git a/yarn.lock b/yarn.lock
index e4ccfaf64..6e8ffef8b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,10 +2175,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.5":
-  version "0.0.5"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.5.tgz#64ff89ffc50e73c315d469a805379a41ce3c06ae"
-  integrity sha512-Wak1vLAF+SuqY+NTyanYexu+WV9pAjllRHGbtZtBBJc+G7QHC3xIUEQYkZJjbBR4iJmLPgA4R6OLwqM8eb6xZg==
+"@vant/use@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.6.tgz#96939bacbd21964f1cc2a84dc4bfa702c9670175"
+  integrity sha512-ML5i3U/cbnIYYHocNqZewjbsbgamCJ2bR3Vo9R8znjVzvjBm2OnGBE68UZKUWwBmcF0prBI+QdaLYbkQLow7jA==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 0d1bb1e0aed42cb7e97a66006bed573bed7fe54d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 09:55:35 +0800
Subject: [PATCH 544/626] chore: release @vant/use@0.0.7

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 58e9f1c18..ce4dc9fc4 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",

From 43036efdc423be6e667e41481e8608a28b588008 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 10:02:24 +0800
Subject: [PATCH 545/626] docs(@vant/use): changelog 0.0.7

---
 packages/vant-use/changelog.md | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/packages/vant-use/changelog.md b/packages/vant-use/changelog.md
index f2d1939f3..cfd47cc5c 100644
--- a/packages/vant-use/changelog.md
+++ b/packages/vant-use/changelog.md
@@ -1,5 +1,23 @@
 # 更新日志
 
+### v0.0.7
+
+`2020-10-06`
+
+- 修复 `useCountDown` 未被导出的问题
+
+### v0.0.6
+
+`2020-10-06`
+
+- 导出所有类型定义
+
+### v0.0.5
+
+`2020-10-06`
+
+- 新增 `useCountDown` 方法
+
 ### v0.0.4
 
 `2020-10-05`

From c8a00f3ad36429ed05daffdd980e4b31342de62f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 10:03:08 +0800
Subject: [PATCH 546/626] chore: move useCountdown to @vant/use

---
 package.json                     |   2 +-
 src/calendar/index.js            |   4 +-
 src/circle/index.js              |   9 +-
 src/collapse-item/index.js       |   4 +-
 src/count-down/index.js          |   2 +-
 src/count-down/use-count-down.ts | 152 -------------------------------
 src/count-down/utils.ts          |   2 +-
 src/notice-bar/index.js          |   4 +-
 src/swipe/index.js               |   9 +-
 src/tabs/utils.ts                |   3 +-
 src/utils/dom/raf.ts             |  36 --------
 src/utils/index.ts               |   1 -
 yarn.lock                        |   8 +-
 13 files changed, 19 insertions(+), 217 deletions(-)
 delete mode 100644 src/count-down/use-count-down.ts
 delete mode 100644 src/utils/dom/raf.ts

diff --git a/package.json b/package.json
index c5885cf48..9c57a507b 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.0",
-    "@vant/use": "^0.0.6",
+    "@vant/use": "^0.0.7",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/calendar/index.js b/src/calendar/index.js
index b46d41c59..43d7452e2 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -1,7 +1,7 @@
 import { ref, watch, reactive, computed, onMounted, onActivated } from 'vue';
 
 // Utils
-import { raf, pick, getScrollTop } from '../utils';
+import { pick, getScrollTop } from '../utils';
 import { isDate } from '../utils/validate/date';
 import {
   t,
@@ -17,7 +17,7 @@ import {
 } from './utils';
 
 // Composition
-import { useRect } from '@vant/use';
+import { raf, useRect } from '@vant/use';
 import { useRefs } from '../composition/use-refs';
 import { useExpose } from '../composition/use-expose';
 
diff --git a/src/circle/index.js b/src/circle/index.js
index c64f1c738..0f218eb58 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -1,11 +1,6 @@
 import { watch, computed } from 'vue';
-import {
-  raf,
-  isObject,
-  cancelRaf,
-  getSizeStyle,
-  createNamespace,
-} from '../utils';
+import { raf, cancelRaf } from '@vant/use';
+import { isObject, getSizeStyle, createNamespace } from '../utils';
 import { BLUE, WHITE } from '../utils/constant';
 
 const [createComponent, bem] = createNamespace('circle');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index d5118fe19..00ef6c242 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -1,10 +1,10 @@
 import { ref, watch, computed, nextTick } from 'vue';
 
 // Utils
-import { raf, doubleRaf, createNamespace } from '../utils';
+import { createNamespace } from '../utils';
 
 // Composition
-import { useParent } from '@vant/use';
+import { raf, doubleRaf, useParent } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
 import { useLazyRender } from '../composition/use-lazy-render';
 
diff --git a/src/count-down/index.js b/src/count-down/index.js
index f571e5724..f005a5333 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.js
@@ -5,8 +5,8 @@ import { createNamespace } from '../utils';
 import { parseFormat } from './utils';
 
 // Composition
+import { useCountDown } from '@vant/use';
 import { useExpose } from '../composition/use-expose';
-import { useCountDown } from './use-count-down';
 
 const [createComponent, bem] = createNamespace('count-down');
 
diff --git a/src/count-down/use-count-down.ts b/src/count-down/use-count-down.ts
deleted file mode 100644
index a53a51e52..000000000
--- a/src/count-down/use-count-down.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-import {
-  ref,
-  computed,
-  onActivated,
-  onDeactivated,
-  onBeforeUnmount,
-} from 'vue';
-import { raf, cancelRaf } from '../utils';
-
-export type CurrentTime = {
-  days: number;
-  hours: number;
-  total: number;
-  minutes: number;
-  seconds: number;
-  milliseconds: number;
-};
-
-export type UseCountDownOptions = {
-  time: number;
-  millisecond?: boolean;
-  onChange?: (current: CurrentTime) => void;
-  onFinish?: () => void;
-};
-
-const SECOND = 1000;
-const MINUTE = 60 * SECOND;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-
-export function parseTime(time: number): CurrentTime {
-  const days = Math.floor(time / DAY);
-  const hours = Math.floor((time % DAY) / HOUR);
-  const minutes = Math.floor((time % HOUR) / MINUTE);
-  const seconds = Math.floor((time % MINUTE) / SECOND);
-  const milliseconds = Math.floor(time % SECOND);
-
-  return {
-    total: time,
-    days,
-    hours,
-    minutes,
-    seconds,
-    milliseconds,
-  };
-}
-
-function isSameSecond(time1: number, time2: number): boolean {
-  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
-}
-
-export function useCountDown(options: UseCountDownOptions) {
-  let rafId: number;
-  let endTime: number;
-  let counting: boolean;
-  let deactivated: boolean;
-
-  const remain = ref(options.time);
-  const current = computed(() => parseTime(remain.value));
-
-  const pause = () => {
-    counting = false;
-    cancelRaf(rafId);
-  };
-
-  const getCurrentRemain = () => Math.max(endTime - Date.now(), 0);
-
-  const setRemain = (value: number) => {
-    remain.value = value;
-    options.onChange?.(current.value);
-
-    if (value === 0) {
-      pause();
-      options.onFinish?.();
-    }
-  };
-
-  const microTick = () => {
-    rafId = raf(() => {
-      // in case of call reset immediately after finish
-      if (counting) {
-        setRemain(getCurrentRemain());
-
-        if (remain.value > 0) {
-          microTick();
-        }
-      }
-    });
-  };
-
-  const macroTick = () => {
-    rafId = raf(() => {
-      // in case of call reset immediately after finish
-      if (counting) {
-        const remainRemain = getCurrentRemain();
-
-        if (!isSameSecond(remainRemain, remain.value) || remainRemain === 0) {
-          setRemain(remainRemain);
-        }
-
-        if (remain.value > 0) {
-          macroTick();
-        }
-      }
-    });
-  };
-
-  const tick = () => {
-    if (options.millisecond) {
-      microTick();
-    } else {
-      macroTick();
-    }
-  };
-
-  const start = () => {
-    if (!counting) {
-      endTime = Date.now() + remain.value;
-      counting = true;
-      tick();
-    }
-  };
-
-  const reset = (totalTime: number) => {
-    pause();
-    remain.value = totalTime;
-  };
-
-  onBeforeUnmount(pause);
-
-  onActivated(() => {
-    if (deactivated) {
-      counting = true;
-      deactivated = false;
-      tick();
-    }
-  });
-
-  onDeactivated(() => {
-    if (counting) {
-      pause();
-      deactivated = true;
-    }
-  });
-
-  return {
-    start,
-    pause,
-    reset,
-    current,
-  };
-}
diff --git a/src/count-down/utils.ts b/src/count-down/utils.ts
index 18623f69b..ce66f1fbb 100644
--- a/src/count-down/utils.ts
+++ b/src/count-down/utils.ts
@@ -1,5 +1,5 @@
 import { padZero } from '../utils';
-import { CurrentTime } from './use-count-down';
+import { CurrentTime } from '@vant/use';
 
 export function parseFormat(format: string, currentTime: CurrentTime): string {
   const { days } = currentTime;
diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
index 0ea1f0f01..8e82966ad 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,8 +1,8 @@
 import { ref, watch, reactive, nextTick, onActivated } from 'vue';
-import { isDef, doubleRaf, createNamespace } from '../utils';
+import { isDef, createNamespace } from '../utils';
 
 // Composition
-import { useRect, useEventListener } from '@vant/use';
+import { useRect, doubleRaf, useEventListener } from '@vant/use';
 
 // Components
 import Icon from '../icon';
diff --git a/src/swipe/index.js b/src/swipe/index.js
index eb635d853..92a8c4259 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -10,17 +10,12 @@ import {
 } from 'vue';
 
 // Utils
-import {
-  range,
-  isHidden,
-  doubleRaf,
-  preventDefault,
-  createNamespace,
-} from '../utils';
+import { range, isHidden, preventDefault, createNamespace } from '../utils';
 
 // Composition
 import {
   useRect,
+  doubleRaf,
   useChildren,
   useWindowSize,
   usePageVisibility,
diff --git a/src/tabs/utils.ts b/src/tabs/utils.ts
index f42afd070..2477dd899 100644
--- a/src/tabs/utils.ts
+++ b/src/tabs/utils.ts
@@ -1,4 +1,5 @@
-import { raf, cancelRaf, getScrollTop, setScrollTop } from '../utils';
+import { raf, cancelRaf } from '@vant/use';
+import { getScrollTop, setScrollTop } from '../utils';
 
 let rafId: number;
 
diff --git a/src/utils/dom/raf.ts b/src/utils/dom/raf.ts
deleted file mode 100644
index 0af210e98..000000000
--- a/src/utils/dom/raf.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * requestAnimationFrame polyfill
- */
-
-import { inBrowser } from '../base';
-
-let prev = Date.now();
-
-function fallback(fn: FrameRequestCallback): number {
-  const curr = Date.now();
-  const ms = Math.max(0, 16 - (curr - prev));
-  const id = setTimeout(fn, ms);
-  prev = curr + ms;
-  return id;
-}
-
-const root = (inBrowser ? window : global) as Window;
-
-const iRaf = root.requestAnimationFrame || fallback;
-
-const iCancel = root.cancelAnimationFrame || root.clearTimeout;
-
-export function raf(fn: FrameRequestCallback): number {
-  return iRaf.call(root, fn);
-}
-
-// double raf for animation
-export function doubleRaf(fn: FrameRequestCallback): void {
-  raf(() => {
-    raf(fn);
-  });
-}
-
-export function cancelRaf(id: number) {
-  iCancel.call(root, id);
-}
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 01ff55df8..b940e5293 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -3,7 +3,6 @@ export * from './create';
 export * from './format/unit';
 export * from './format/number';
 export * from './format/string';
-export * from './dom/raf';
 export * from './dom/style';
 export * from './dom/event';
 export * from './dom/scroll';
diff --git a/yarn.lock b/yarn.lock
index 6e8ffef8b..305d38df8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2175,10 +2175,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.6":
-  version "0.0.6"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.6.tgz#96939bacbd21964f1cc2a84dc4bfa702c9670175"
-  integrity sha512-ML5i3U/cbnIYYHocNqZewjbsbgamCJ2bR3Vo9R8znjVzvjBm2OnGBE68UZKUWwBmcF0prBI+QdaLYbkQLow7jA==
+"@vant/use@^0.0.7":
+  version "0.0.7"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.7.tgz#9ab1f54dd38c02b2707d2bcab7b725e81402db71"
+  integrity sha512-7QztMvrYWEJdlOd5xmQNjT+46AdoMZs9h9f72baAtHsl/a4Q+abTzVQo4Rg8E592djsDIVfnlWr9IZ1VomdJag==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From a236004288e18723b25c256ae1cfaa869115a295 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 10:58:17 +0800
Subject: [PATCH 547/626] docs(@vant/use): add useCountDown document

---
 packages/vant-use/.vuepress/config.js        |   2 +-
 packages/vant-use/src/useCountDown/README.md | 118 +++++++++++++++++++
 2 files changed, 119 insertions(+), 1 deletion(-)
 create mode 100644 packages/vant-use/src/useCountDown/README.md

diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
index 42a7222f5..5999612b2 100644
--- a/packages/vant-use/.vuepress/config.js
+++ b/packages/vant-use/.vuepress/config.js
@@ -21,7 +21,7 @@ module.exports = {
       {
         title: 'State',
         collapsable: false,
-        children: ['/src/useToggle/'],
+        children: ['/src/useToggle/', '/src/useCountDown/'],
       },
       {
         title: 'DOM',
diff --git a/packages/vant-use/src/useCountDown/README.md b/packages/vant-use/src/useCountDown/README.md
new file mode 100644
index 000000000..669ad6ca7
--- /dev/null
+++ b/packages/vant-use/src/useCountDown/README.md
@@ -0,0 +1,118 @@
+# useCountDown
+
+提供倒计时管理能力。
+
+## 代码演示
+
+### 基本用法
+
+```html
+<span>总时间：{{ current.total }}</span>
+<span>剩余天数：{{ current.days }}</span>
+<span>剩余小时：{{ current.hours }}</span>
+<span>剩余分钟：{{ current.minutes }}</span>
+<span>剩余秒数：{{ current.seconds }}</span>
+<span>剩余毫秒：{{ current.milliseconds }}</span>
+```
+
+```js
+import { useCountDown } from '@vant/use';
+
+export default {
+  setup() {
+    const countDown = useCountDown({
+      // 倒计时 24 小时
+      time: 24 * 60 * 60 * 1000,
+    });
+
+    // 开始倒计时
+    countDown.start();
+
+    return {
+      current: countDown.current,
+    };
+  },
+};
+```
+
+### 毫秒级渲染
+
+倒计时默认每秒渲染一次，设置 millisecond 属性可以开启毫秒级渲染。
+
+```js
+import { useCountDown } from '@vant/use';
+
+export default {
+  setup() {
+    const countDown = useCountDown({
+      time: 24 * 60 * 60 * 1000,
+      millisecond: true,
+    });
+    countDown.start();
+
+    return {
+      current: countDown.current,
+    };
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useCountDown(options: UseCountDownOptions): CountDown;
+
+type UseCountDownOptions = {
+  time: number;
+  millisecond?: boolean;
+  onChange?: (current: CurrentTime) => void;
+  onFinish?: () => void;
+};
+
+type CountDown = {
+  start: () => void;
+  pause: () => void;
+  reset: (totalTime: number) => void;
+  current: ComputedRef<CurrentTime>;
+};
+
+type CurrentTime = {
+  days: number;
+  hours: number;
+  total: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+};
+```
+
+### 参数
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| time | 倒计时时长，单位毫秒 | _number_ | - |
+| millisecond | 是否开启毫秒级渲染 | _boolean_ | `false` |
+| onChange | 倒计时改变时触发的回调函数 | _(current: CurrentTime) => void_ | - |
+| onFinish | 倒计时结束时触发的回调函数 | - |
+
+### 返回值
+
+| 参数    | 说明                               | 类型                    |
+| ------- | ---------------------------------- | ----------------------- |
+| current | 当前剩余的时间                     | _CurrentTime_           |
+| start   | 开始倒计时                         | _() => void_            |
+| pause   | 暂停倒计时                         | _() => void_            |
+| reset   | 重置倒计时，支持传入新的倒计时时长 | _(time?: number): void_ |
+
+### CurrentTime 格式
+
+| 名称         | 说明                   | 类型     |
+| ------------ | ---------------------- | -------- |
+| total        | 剩余总时间（单位毫秒） | _number_ |
+| days         | 剩余天数               | _number_ |
+| hours        | 剩余小时               | _number_ |
+| minutes      | 剩余分钟               | _number_ |
+| seconds      | 剩余秒数               | _number_ |
+| milliseconds | 剩余毫秒               | _number_ |

From 6d483a8da583926b1f1438552657cd0daefff31e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 10:59:25 +0800
Subject: [PATCH 548/626] fix(@vant/use): reset method param should be optional

---
 packages/vant-use/src/useCountDown/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/src/useCountDown/index.ts b/packages/vant-use/src/useCountDown/index.ts
index 344953fdf..25f5176e6 100644
--- a/packages/vant-use/src/useCountDown/index.ts
+++ b/packages/vant-use/src/useCountDown/index.ts
@@ -121,7 +121,7 @@ export function useCountDown(options: UseCountDownOptions) {
     }
   };
 
-  const reset = (totalTime: number) => {
+  const reset = (totalTime: number = options.time) => {
     pause();
     remain.value = totalTime;
   };

From 1dd4083102272250637d6397bd98355d87d99bf5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 16:26:31 +0800
Subject: [PATCH 549/626] fix(ContactList): select event triggered twice

---
 src/contact-list/index.js | 137 +++++++++++++++++---------------------
 1 file changed, 62 insertions(+), 75 deletions(-)

diff --git a/src/contact-list/index.js b/src/contact-list/index.js
index 7dcf1a929..5fbbdf688 100644
--- a/src/contact-list/index.js
+++ b/src/contact-list/index.js
@@ -23,89 +23,76 @@ export default createComponent({
   emits: ['add', 'edit', 'select', 'update:modelValue'],
 
   setup(props, { emit }) {
-    return () => {
-      const List =
-        props.list &&
-        props.list.map((item, index) => {
-          function onClick() {
-            emit('update:modelValue', item.id);
-            emit('select', item, index);
-          }
+    const renderItem = (item, index) => {
+      const onClick = () => {
+        emit('update:modelValue', item.id);
+        emit('select', item, index);
+      };
 
-          function RightIcon() {
-            return (
-              <Radio
-                name={item.id}
-                iconSize={16}
-                checkedColor={RED}
-                onClick={onClick}
-              />
-            );
-          }
+      const renderRightIcon = () => (
+        <Radio name={item.id} iconSize={16} checkedColor={RED} />
+      );
 
-          function LeftIcon() {
-            return (
-              <Icon
-                name="edit"
-                class={bem('edit')}
-                onClick={(event) => {
-                  event.stopPropagation();
-                  emit('edit', item, index);
-                }}
-              />
-            );
-          }
+      const renderLeftIcon = () => (
+        <Icon
+          name="edit"
+          class={bem('edit')}
+          onClick={(event) => {
+            event.stopPropagation();
+            emit('edit', item, index);
+          }}
+        />
+      );
 
-          function Content() {
-            const nodes = [`${item.name}，${item.tel}`];
+      const renderContent = () => {
+        const nodes = [`${item.name}，${item.tel}`];
 
-            if (item.isDefault && props.defaultTagText) {
-              nodes.push(
-                <Tag type="danger" round class={bem('item-tag')}>
-                  {props.defaultTagText}
-                </Tag>
-              );
-            }
-
-            return nodes;
-          }
-
-          return (
-            <Cell
-              v-slots={{
-                icon: LeftIcon,
-                default: Content,
-                'right-icon': RightIcon,
-              }}
-              key={item.id}
-              isLink
-              center
-              class={bem('item')}
-              valueClass={bem('item-value')}
-              onClick={onClick}
-            />
+        if (item.isDefault && props.defaultTagText) {
+          nodes.push(
+            <Tag type="danger" round class={bem('item-tag')}>
+              {props.defaultTagText}
+            </Tag>
           );
-        });
+        }
+
+        return nodes;
+      };
 
       return (
-        <div class={bem()}>
-          <RadioGroup modelValue={props.modelValue} class={bem('group')}>
-            {List}
-          </RadioGroup>
-          <div class={bem('bottom')}>
-            <Button
-              round
-              block
-              type="danger"
-              class={bem('add')}
-              text={props.addText || t('addText')}
-              onClick={() => {
-                emit('add');
-              }}
-            />
-          </div>
-        </div>
+        <Cell
+          v-slots={{
+            icon: renderLeftIcon,
+            default: renderContent,
+            'right-icon': renderRightIcon,
+          }}
+          key={item.id}
+          isLink
+          center
+          class={bem('item')}
+          valueClass={bem('item-value')}
+          onClick={onClick}
+        />
       );
     };
+
+    return () => (
+      <div class={bem()}>
+        <RadioGroup modelValue={props.modelValue} class={bem('group')}>
+          {props.list && props.list.map(renderItem)}
+        </RadioGroup>
+        <div class={bem('bottom')}>
+          <Button
+            round
+            block
+            type="danger"
+            class={bem('add')}
+            text={props.addText || t('addText')}
+            onClick={() => {
+              emit('add');
+            }}
+          />
+        </div>
+      </div>
+    );
   },
 });

From 9e9f0e3d4dcc61d7887f48f1f3099a4b6d029124 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 16:41:02 +0800
Subject: [PATCH 550/626] types: improve useTouch typing

---
 src/composition/use-touch.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/composition/use-touch.ts b/src/composition/use-touch.ts
index a4a65a2df..7becdd053 100644
--- a/src/composition/use-touch.ts
+++ b/src/composition/use-touch.ts
@@ -2,15 +2,15 @@ import { ref } from 'vue';
 
 const MIN_DISTANCE = 10;
 
+type Direction = '' | 'vertical' | 'horizontal';
+
 function getDirection(x: number, y: number) {
   if (x > y && x > MIN_DISTANCE) {
     return 'horizontal';
   }
-
   if (y > x && y > MIN_DISTANCE) {
     return 'vertical';
   }
-
   return '';
 }
 
@@ -21,7 +21,7 @@ export function useTouch() {
   const deltaY = ref(0);
   const offsetX = ref(0);
   const offsetY = ref(0);
-  const direction = ref('');
+  const direction = ref<Direction>('');
 
   const isVertical = () => direction.value === 'vertical';
   const isHorizontal = () => direction.value === 'horizontal';

From 9aabb42f9db5ae4aa1270724ccb6b8e48720286e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 16:46:08 +0800
Subject: [PATCH 551/626] chore(Checkbox): remove checked setter

---
 src/checkbox/index.js | 25 ++++++++++---------------
 src/circle/index.js   |  1 -
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index fc3080ac4..f7cefc3b7 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -46,24 +46,19 @@ export default createComponent({
       }
     };
 
-    const checked = computed({
-      get() {
-        if (parent) {
-          return parent.props.modelValue.indexOf(props.name) !== -1;
-        }
-        return props.modelValue;
-      },
-      set(value) {
-        if (parent) {
-          setParentValue(value);
-        } else {
-          emit('update:modelValue', value);
-        }
-      },
+    const checked = computed(() => {
+      if (parent) {
+        return parent.props.modelValue.indexOf(props.name) !== -1;
+      }
+      return props.modelValue;
     });
 
     const toggle = (newValue = !checked.value) => {
-      checked.value = newValue;
+      if (parent) {
+        setParentValue(newValue);
+      } else {
+        emit('update:modelValue', newValue);
+      }
     };
 
     watch(
diff --git a/src/circle/index.js b/src/circle/index.js
index 0f218eb58..a6dd41438 100644
--- a/src/circle/index.js
+++ b/src/circle/index.js
@@ -157,7 +157,6 @@ export default createComponent({
       if (slots.default) {
         return slots.default();
       }
-
       if (props.text) {
         return <div class={bem('text')}>{props.text}</div>;
       }

From 608bd3de39d326ee4c35551501389990d995fe97 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 17:00:15 +0800
Subject: [PATCH 552/626] chore(Field): extract some utils

---
 src/field/index.js       | 23 +----------------------
 src/field/utils.ts       | 30 ++++++++++++++++++++++++++++++
 src/form/README.zh-CN.md |  2 +-
 3 files changed, 32 insertions(+), 23 deletions(-)
 create mode 100644 src/field/utils.ts

diff --git a/src/field/index.js b/src/field/index.js
index 965f84707..f3fd0d6e4 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -21,6 +21,7 @@ import {
   preventDefault,
   createNamespace,
 } from '../utils';
+import { runSyncRule } from './utils';
 
 // Composition
 import { useParent } from '@vant/use';
@@ -133,26 +134,6 @@ export default createComponent({
         resolve(returnVal);
       });
 
-    const isEmptyValue = (value) => {
-      if (Array.isArray(value)) {
-        return !value.length;
-      }
-      if (value === 0) {
-        return false;
-      }
-      return !value;
-    };
-
-    const runSyncRule = (value, rule) => {
-      if (rule.required && isEmptyValue(value)) {
-        return false;
-      }
-      if (rule.pattern && !rule.pattern.test(value)) {
-        return false;
-      }
-      return true;
-    };
-
     const getRuleMessage = (value, rule) => {
       const { message } = rule;
 
@@ -337,7 +318,6 @@ export default createComponent({
       if (isDef(props[key])) {
         return props[key];
       }
-
       if (form && isDef(form.props[key])) {
         return form.props[key];
       }
@@ -423,7 +403,6 @@ export default createComponent({
         ref: inputRef,
         name: props.name,
         rows: props.rows,
-        style: null,
         class: bem('control', inputAlign),
         value: props.modelValue,
         disabled: props.disabled,
diff --git a/src/field/utils.ts b/src/field/utils.ts
new file mode 100644
index 000000000..5796e1f90
--- /dev/null
+++ b/src/field/utils.ts
@@ -0,0 +1,30 @@
+export type FieldValidateTrigger = 'onSubmit' | 'onChange' | 'onBlur';
+
+export type FieldRule = {
+  pattern?: RegExp;
+  trigger?: FieldValidateTrigger;
+  message?: string | ((value: unknown, rule: FieldRule) => string);
+  required?: boolean;
+  validator?: (value: unknown, rule: FieldRule) => boolean | Promise<boolean>;
+  formatter?: (value: unknown, rule: FieldRule) => unknown;
+};
+
+function isEmptyValue(value: unknown) {
+  if (Array.isArray(value)) {
+    return !value.length;
+  }
+  if (value === 0) {
+    return false;
+  }
+  return !value;
+}
+
+export function runSyncRule(value: unknown, rule: FieldRule) {
+  if (rule.required && isEmptyValue(value)) {
+    return false;
+  }
+  if (rule.pattern && !rule.pattern.test(String(value))) {
+    return false;
+  }
+  return true;
+}
diff --git a/src/form/README.zh-CN.md b/src/form/README.zh-CN.md
index 5fe5485ab..78f299507 100644
--- a/src/form/README.zh-CN.md
+++ b/src/form/README.zh-CN.md
@@ -486,7 +486,7 @@ export default {
 | message `v2.5.3` | 错误提示文案 | _string \| (value, rule) => string_ |
 | validator `v2.5.3` | 通过函数进行校验 | _(value, rule) => boolean \| Promise_ |
 | pattern `v2.5.3` | 通过正则表达式进行校验 | _RegExp_ |
-| trigger `v2.5.2` | 本项规则的触发时机，可选值为`onChange`、`onBlur` | _string_ |
+| trigger `v2.5.2` | 本项规则的触发时机，可选值为 `onChange`、`onBlur` | _string_ |
 | formatter `v2.5.3` | 格式化函数，将表单项的值转换后进行校验 | _(value, rule) => any_ |
 
 ### validate-trigger  可选值

From e9c28212358cd0317442051383b92d23441920c6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 17:19:19 +0800
Subject: [PATCH 553/626] style(Stepper): adjust to inline-block

---
 src/stepper/index.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stepper/index.less b/src/stepper/index.less
index 08aae0caa..112b686c3 100644
--- a/src/stepper/index.less
+++ b/src/stepper/index.less
@@ -1,7 +1,7 @@
 @import '../style/var';
 
 .van-stepper {
-  font-size: 0;
+  display: inline-block;
   user-select: none;
 
   &__minus,

From f7a1208a18f61eaa9dbec80db1c585f19229cd91 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 6 Oct 2020 17:29:02 +0800
Subject: [PATCH 554/626] refactor(Layout): enable flex by default, remove type
 prop

---
 src/col/README.md       | 19 +++++--------------
 src/col/README.zh-CN.md | 24 ++++++++----------------
 src/col/demo/index.vue  | 20 +++++++-------------
 src/col/index.less      |  5 +++--
 src/row/index.less      | 14 +-------------
 src/row/index.tsx       | 10 +++-------
 6 files changed, 27 insertions(+), 65 deletions(-)

diff --git a/src/col/README.md b/src/col/README.md
index d32ee1d89..949d2c215 100644
--- a/src/col/README.md
+++ b/src/col/README.md
@@ -51,36 +51,28 @@ Set grid spacing using `gutter` attribute. The default value is 0.
 </van-row>
 ```
 
-### Flex Layout
-
-Setting `type` to `flex` to enable flex layout.
+### Justify Content
 
 ```html
-<van-row type="flex">
+<van-row justify="center">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
-<van-row type="flex" justify="center">
+<van-row justify="end">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
-<van-row type="flex" justify="end">
+<van-row justify="space-between">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
-<van-row type="flex" justify="space-between">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
-<van-row type="flex" justify="space-around">
+<van-row justify="space-around">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
@@ -93,7 +85,6 @@ Setting `type` to `flex` to enable flex layout.
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| type | Layout type, can be set to `flex` | _string_ | - |
 | gutter | Grid spacing（px） | _number \| string_ | - |
 | tag | Custom element tag | _string_ | `div` |
 | justify | Flex main axis，can be set to end/center/space-around/space-between | _string_ | `start` |
diff --git a/src/col/README.zh-CN.md b/src/col/README.zh-CN.md
index f81bad273..c005f499d 100644
--- a/src/col/README.zh-CN.md
+++ b/src/col/README.zh-CN.md
@@ -50,41 +50,34 @@ Layout 组件提供了 `24列栅格`，通过在 `Col` 上添加 `span` 属性
 </van-row>
 ```
 
-### Flex 布局
+### 对齐方式
 
-将 `type` 属性设置为 flex 可以启用 flex 布局，便于进行灵活的对齐。
+通过 `justify` 属性可以设置主轴上内容的对齐方式，等价于 flex 布局中的 `justify-content` 属性。
 
 ```html
-<!-- 左对齐 -->
-<van-row type="flex">
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-  <van-col span="6">span: 6</van-col>
-</van-row>
-
 <!-- 居中 -->
-<van-row type="flex" justify="center">
+<van-row justify="center">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
 <!-- 右对齐 -->
-<van-row type="flex" justify="end">
+<van-row justify="end">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
 <!-- 两端对齐 -->
-<van-row type="flex" justify="space-between">
+<van-row justify="space-between">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
 </van-row>
 
 <!-- 每个元素的两侧间隔相等 -->
-<van-row type="flex" justify="space-around">
+<van-row justify="space-around">
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
   <van-col span="6">span: 6</van-col>
@@ -97,11 +90,10 @@ Layout 组件提供了 `24列栅格`，通过在 `Col` 上添加 `span` 属性
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| type | 布局方式，可选值为`flex` | _string_ | - |
 | gutter | 列元素之间的间距（单位为 px） | _number \| string_ | - |
 | tag | 自定义元素标签 | _string_ | `div` |
-| justify | Flex 主轴对齐方式，可选值为 `end` `center` <br> `space-around` `space-between` | _string_ | `start` |
-| align | Flex 交叉轴对齐方式，可选值为 `center` `bottom` | _string_ | `top` |
+| justify | 主轴对齐方式，可选值为 `end` `center` <br> `space-around` `space-between` | _string_ | `start` |
+| align | 交叉轴对齐方式，可选值为 `center` `bottom` | _string_ | `top` |
 
 ### Col Props
 
diff --git a/src/col/demo/index.vue b/src/col/demo/index.vue
index 5b396922a..041bce8e1 100644
--- a/src/col/demo/index.vue
+++ b/src/col/demo/index.vue
@@ -29,32 +29,26 @@
       </van-row>
     </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('title3')">
-      <van-row type="flex">
+    <demo-block v-if="!isWeapp" :title="t('justify')">
+      <van-row justify="center">
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="center">
+      <van-row justify="end">
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="end">
+      <van-row justify="space-between">
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
       </van-row>
 
-      <van-row type="flex" justify="space-between">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-
-      <van-row type="flex" justify="space-around">
+      <van-row justify="space-around">
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
         <van-col span="6">span: 6</van-col>
@@ -68,11 +62,11 @@ export default {
   i18n: {
     'zh-CN': {
       title2: '在列元素之间增加间距',
-      title3: 'Flex 布局',
+      justify: '对齐方式',
     },
     'en-US': {
       title2: 'Column Spacing',
-      title3: 'Flex Layout',
+      justify: 'Justify Content',
     },
   },
 };
diff --git a/src/col/index.less b/src/col/index.less
index 35fa2f4f5..982e64edd 100644
--- a/src/col/index.less
+++ b/src/col/index.less
@@ -1,7 +1,7 @@
 @import '../style/var';
 
 .van-col {
-  float: left;
+  display: block;
   box-sizing: border-box;
   min-height: 1px;
 }
@@ -9,7 +9,8 @@
 .generate-col(24);
 .generate-col(@n, @i: 1) when (@i =< @n) {
   .van-col--@{i} {
-    width: @i * 100% / 24;
+    flex: 0 0 @i * 100% / 24;
+    max-width: @i * 100% / 24;
   }
 
   .van-col--offset-@{i} {
diff --git a/src/row/index.less b/src/row/index.less
index 3858f4d68..42d22b0a4 100644
--- a/src/row/index.less
+++ b/src/row/index.less
@@ -1,19 +1,7 @@
 @import '../style/var';
 
 .van-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-
-    &::after {
-      display: none;
-    }
-  }
+  display: flex;
 
   &--justify-center {
     justify-content: center;
diff --git a/src/row/index.tsx b/src/row/index.tsx
index 0d29e8d00..c5c864b4b 100644
--- a/src/row/index.tsx
+++ b/src/row/index.tsx
@@ -23,7 +23,6 @@ export type RowJustify =
 
 export default createComponent({
   props: {
-    type: String as PropType<'flex'>,
     align: String as PropType<RowAlign>,
     justify: String as PropType<RowJustify>,
     tag: {
@@ -87,15 +86,12 @@ export default createComponent({
     linkChildren({ spaces });
 
     return () => {
-      const { tag, type, align, justify } = props;
-      const flex = type === 'flex';
-
+      const { tag, align, justify } = props;
       return (
         <tag
           class={bem({
-            flex,
-            [`align-${align}`]: flex && align,
-            [`justify-${justify}`]: flex && justify,
+            [`align-${align}`]: align,
+            [`justify-${justify}`]: justify,
           })}
         >
           {slots.default?.()}

From dd8f37b19c1e6ec9b20d371a97e2be20b938a735 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 07:58:51 +0800
Subject: [PATCH 555/626] docs(cli): improve document title

---
 packages/vant-cli/site/desktop/App.vue         | 18 +++++++++++++++++-
 .../vant-cli/site/desktop/components/index.vue |  2 ++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/vant-cli/site/desktop/App.vue b/packages/vant-cli/site/desktop/App.vue
index 0210a8a58..267d95f23 100644
--- a/packages/vant-cli/site/desktop/App.vue
+++ b/packages/vant-cli/site/desktop/App.vue
@@ -67,6 +67,11 @@ export default {
   },
 
   watch: {
+    // eslint-disable-next-line
+    '$route.path'() {
+      this.setTitle();
+    },
+
     lang(val) {
       setLang(val);
       this.setTitle();
@@ -92,7 +97,18 @@ export default {
     setTitle() {
       let { title } = this.config;
 
-      if (this.config.description) {
+      const navItems = this.config.nav.reduce(
+        (result, nav) => [...result, ...nav.items],
+        []
+      );
+
+      const current = navItems.find((item) => {
+        return item.path === this.$route.meta.name;
+      });
+
+      if (current && current.title) {
+        title = current.title + ' - ' + title;
+      } else if (this.config.description) {
         title += ` - ${this.config.description}`;
       }
 
diff --git a/packages/vant-cli/site/desktop/components/index.vue b/packages/vant-cli/site/desktop/components/index.vue
index 79f82a076..4be02f785 100644
--- a/packages/vant-cli/site/desktop/components/index.vue
+++ b/packages/vant-cli/site/desktop/components/index.vue
@@ -50,6 +50,8 @@ export default {
     },
   },
 
+  emits: ['switch-version'],
+
   watch: {
     $route() {
       this.setNav();

From 90f2b098eccb841b0c14dbb09c5883fac4094978 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 08:07:33 +0800
Subject: [PATCH 556/626] =?UTF-8?q?chore(cli):=20bump=20jest=E3=80=81postc?=
 =?UTF-8?q?ss=E3=80=81webpacl-merge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vant-cli/package.json                |   15 +-
 packages/vant-cli/src/common/index.ts         |    2 +-
 .../vant-cli/src/config/webpack.package.ts    |    2 +-
 .../vant-cli/src/config/webpack.site.dev.ts   |    2 +-
 .../vant-cli/src/config/webpack.site.prd.ts   |    2 +-
 packages/vant-cli/yarn.lock                   | 1497 +++++++++--------
 6 files changed, 851 insertions(+), 669 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 2d33cad42..0f7b3e584 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -36,8 +36,7 @@
   "devDependencies": {
     "@types/fs-extra": "^9.0.1",
     "@types/lodash": "^4.14.153",
-    "@types/postcss-load-config": "^2.0.1",
-    "@types/webpack-merge": "^4.1.5"
+    "@types/postcss-load-config": "^2.0.1"
   },
   "dependencies": {
     "@babel/core": "^7.10.1",
@@ -47,7 +46,7 @@
     "@babel/preset-env": "^7.10.1",
     "@babel/preset-typescript": "^7.10.1",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.0",
-    "@types/jest": "^25.2.3",
+    "@types/jest": "^26.0.0",
     "@types/webpack": "^4.41.13",
     "@types/webpack-dev-server": "^3.11.0",
     "@vant/eslint-config": "^3.0.0-alpha.2",
@@ -57,9 +56,9 @@
     "@vant/touch-emulator": "^1.2.0",
     "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "2.0.0-beta.5",
+    "@vue/test-utils": "2.0.0-beta.6",
     "address": "^1.1.2",
-    "autoprefixer": "^9.8.0",
+    "autoprefixer": "^10.0.0",
     "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "babel-plugin-import": "^1.13.0",
@@ -79,7 +78,7 @@
     "hash-sum": "^2.0.0",
     "html-webpack-plugin": "4.3.0",
     "husky": "^4.2.5",
-    "jest": "^25.5.4",
+    "jest": "^26.0.0",
     "jest-canvas-mock": "^2.2.0",
     "jest-serializer-vue": "^2.0.2",
     "less": "^3.11.1",
@@ -88,7 +87,7 @@
     "lodash": "^4.17.15",
     "ora": "^4.0.4",
     "portfinder": "^1.0.26",
-    "postcss": "^7.0.31",
+    "postcss": "^8.0.0",
     "postcss-loader": "^3.0.0",
     "prettier": "^2.0.5",
     "release-it": "^13.6.1",
@@ -102,7 +101,7 @@
     "vue-router": "^4.0.0-beta.10",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
-    "webpack-merge": "^4.2.2",
+    "webpack-merge": "^5.0.0",
     "webpackbar": "^4.0.0"
   },
   "release-it": {
diff --git a/packages/vant-cli/src/common/index.ts b/packages/vant-cli/src/common/index.ts
index 8a20b9b9c..a723f7f93 100644
--- a/packages/vant-cli/src/common/index.ts
+++ b/packages/vant-cli/src/common/index.ts
@@ -6,7 +6,7 @@ import {
   readFileSync,
   outputFileSync,
 } from 'fs-extra';
-import merge from 'webpack-merge';
+import { merge } from 'webpack-merge';
 import {
   SRC_DIR,
   getVantConfig,
diff --git a/packages/vant-cli/src/config/webpack.package.ts b/packages/vant-cli/src/config/webpack.package.ts
index 58be3545b..93229fe77 100644
--- a/packages/vant-cli/src/config/webpack.package.ts
+++ b/packages/vant-cli/src/config/webpack.package.ts
@@ -1,4 +1,4 @@
-import merge from 'webpack-merge';
+import { merge } from 'webpack-merge';
 import { join } from 'path';
 import { baseConfig } from './webpack.base';
 import { WebpackConfig } from '../common/types';
diff --git a/packages/vant-cli/src/config/webpack.site.dev.ts b/packages/vant-cli/src/config/webpack.site.dev.ts
index 0346e1428..582a13c94 100644
--- a/packages/vant-cli/src/config/webpack.site.dev.ts
+++ b/packages/vant-cli/src/config/webpack.site.dev.ts
@@ -1,8 +1,8 @@
-import merge from 'webpack-merge';
 import WebpackBar from 'webpackbar';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import { get } from 'lodash';
 import { join } from 'path';
+import { merge } from 'webpack-merge';
 import { baseConfig } from './webpack.base';
 import { WebpackConfig } from '../common/types';
 import { getVantConfig, getWebpackConfig } from '../common';
diff --git a/packages/vant-cli/src/config/webpack.site.prd.ts b/packages/vant-cli/src/config/webpack.site.prd.ts
index cf368e7be..2a6549860 100644
--- a/packages/vant-cli/src/config/webpack.site.prd.ts
+++ b/packages/vant-cli/src/config/webpack.site.prd.ts
@@ -1,4 +1,4 @@
-import merge from 'webpack-merge';
+import { merge } from 'webpack-merge';
 import { get } from 'lodash';
 import { WebpackConfig } from '../common/types';
 import { getVantConfig, getWebpackConfig } from '../common';
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index c74f62e1c..46032cfbe 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -623,6 +623,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-import-meta@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-json-strings@^7.8.0", "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
@@ -1230,163 +1237,144 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.2.tgz#26520bf09abe4a5644cd5414e37125a8954241dd"
   integrity sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==
 
-"@jest/console@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/@jest/console/download/@jest/console-25.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Fconsole%2Fdownload%2F%40jest%2Fconsole-25.5.0.tgz#770800799d510f37329c508a9edd0b7b447d9abb"
-  integrity sha1-dwgAeZ1RDzcynFCKnt0Le0R9mrs=
+"@jest/console@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/console/-/console-26.5.2.tgz#94fc4865b1abed7c352b5e21e6c57be4b95604a6"
+  integrity sha512-lJELzKINpF1v74DXHbCRIkQ/+nUV1M+ntj+X1J8LxCgpmJZjfLmhFejiMSbjjD66fayxl5Z06tbs3HMyuik6rw==
   dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    jest-message-util "^25.5.0"
-    jest-util "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^26.5.2"
+    jest-util "^26.5.2"
     slash "^3.0.0"
 
-"@jest/core@^25.5.4":
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/@jest/core/download/@jest/core-25.5.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Fcore%2Fdownload%2F%40jest%2Fcore-25.5.4.tgz#3ef7412f7339210f003cdf36646bbca786efe7b4"
-  integrity sha1-PvdBL3M5IQ8APN82ZGu8p4bv57Q=
+"@jest/core@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/core/-/core-26.5.2.tgz#e39f14676f4ba4632ecabfdc374071ab22131f22"
+  integrity sha512-LLTo1LQMg7eJjG/+P1NYqFof2B25EV1EqzD5FonklihG4UJKiK2JBIvWonunws6W7e+DhNLoFD+g05tCY03eyA==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/reporters" "^25.5.1"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/reporters" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
+    chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-changed-files "^25.5.0"
-    jest-config "^25.5.4"
-    jest-haste-map "^25.5.1"
-    jest-message-util "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-resolve-dependencies "^25.5.4"
-    jest-runner "^25.5.4"
-    jest-runtime "^25.5.4"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    jest-watcher "^25.5.0"
+    jest-changed-files "^26.5.2"
+    jest-config "^26.5.2"
+    jest-haste-map "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-resolve-dependencies "^26.5.2"
+    jest-runner "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
+    jest-watcher "^26.5.2"
     micromatch "^4.0.2"
     p-each-series "^2.1.0"
-    realpath-native "^2.0.0"
     rimraf "^3.0.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/@jest/environment/download/@jest/environment-25.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Fenvironment%2Fdownload%2F%40jest%2Fenvironment-25.5.0.tgz#aa33b0c21a716c65686638e7ef816c0e3a0c7b37"
-  integrity sha1-qjOwwhpxbGVoZjjn74FsDjoMezc=
+"@jest/environment@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/environment/-/environment-26.5.2.tgz#eba3cfc698f6e03739628f699c28e8a07f5e65fe"
+  integrity sha512-YjhCD/Zhkz0/1vdlS/QN6QmuUdDkpgBdK4SdiVg4Y19e29g4VQYN5Xg8+YuHjdoWGY7wJHMxc79uDTeTOy9Ngw==
   dependencies:
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
 
-"@jest/fake-timers@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/@jest/fake-timers/download/@jest/fake-timers-25.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ffake-timers%2Fdownload%2F%40jest%2Ffake-timers-25.5.0.tgz#46352e00533c024c90c2bc2ad9f2959f7f114185"
-  integrity sha1-RjUuAFM8AkyQwrwq2fKVn38RQYU=
+"@jest/fake-timers@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-26.5.2.tgz#1291ac81680ceb0dc7daa1f92c059307eea6400a"
+  integrity sha512-09Hn5Oraqt36V1akxQeWMVL0fR9c6PnEhpgLaYvREXZJAh2H2Y+QLCsl0g7uMoJeoWJAuz4tozk1prbR1Fc1sw==
   dependencies:
-    "@jest/types" "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    lolex "^5.0.0"
+    "@jest/types" "^26.5.2"
+    "@sinonjs/fake-timers" "^6.0.1"
+    "@types/node" "*"
+    jest-message-util "^26.5.2"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
 
-"@jest/globals@^25.5.2":
-  version "25.5.2"
-  resolved "https://registry.npm.taobao.org/@jest/globals/download/@jest/globals-25.5.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Fglobals%2Fdownload%2F%40jest%2Fglobals-25.5.2.tgz#5e45e9de8d228716af3257eeb3991cc2e162ca88"
-  integrity sha1-XkXp3o0ihxavMlfus5kcwuFiyog=
+"@jest/globals@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/globals/-/globals-26.5.2.tgz#c333f82c29e19ecb609a75d1a532915a5c956c59"
+  integrity sha512-9PmnFsAUJxpPt1s/stq02acS1YHliVBDNfAWMe1bwdRr1iTCfhbNt3ERQXrO/ZfZSweftoA26Q/2yhSVSWQ3sw==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    expect "^25.5.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    expect "^26.5.2"
 
-"@jest/reporters@^25.5.1":
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/@jest/reporters/download/@jest/reporters-25.5.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Freporters%2Fdownload%2F%40jest%2Freporters-25.5.1.tgz#cb686bcc680f664c2dbaf7ed873e93aa6811538b"
-  integrity sha1-y2hrzGgPZkwtuvfthz6TqmgRU4s=
+"@jest/reporters@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/reporters/-/reporters-26.5.2.tgz#0f1c900c6af712b46853d9d486c9c0382e4050f6"
+  integrity sha512-zvq6Wvy6MmJq/0QY0YfOPb49CXKSf42wkJbrBPkeypVa8I+XDxijvFuywo6TJBX/ILPrdrlE/FW9vJZh6Rf9vA==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/console" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.2"
     graceful-fs "^4.2.4"
     istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^4.0.0"
+    istanbul-lib-instrument "^4.0.3"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.0.2"
-    jest-haste-map "^25.5.1"
-    jest-resolve "^25.5.1"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
+    jest-haste-map "^26.5.2"
+    jest-resolve "^26.5.2"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
     slash "^3.0.0"
     source-map "^0.6.0"
-    string-length "^3.1.0"
+    string-length "^4.0.1"
     terminal-link "^2.0.0"
-    v8-to-istanbul "^4.1.3"
+    v8-to-istanbul "^5.0.1"
   optionalDependencies:
-    node-notifier "^6.0.0"
+    node-notifier "^8.0.0"
 
-"@jest/source-map@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/@jest/source-map/download/@jest/source-map-25.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Fsource-map%2Fdownload%2F%40jest%2Fsource-map-25.5.0.tgz#df5c20d6050aa292c2c6d3f0d2c7606af315bd1b"
-  integrity sha1-31wg1gUKopLCxtPw0sdgavMVvRs=
+"@jest/source-map@^26.5.0":
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/@jest/source-map/-/source-map-26.5.0.tgz#98792457c85bdd902365cd2847b58fff05d96367"
+  integrity sha512-jWAw9ZwYHJMe9eZq/WrsHlwF8E3hM9gynlcDpOyCb9bR8wEd9ZNBZCi7/jZyzHxC7t3thZ10gO2IDhu0bPKS5g==
   dependencies:
     callsites "^3.0.0"
     graceful-fs "^4.2.4"
     source-map "^0.6.0"
 
-"@jest/test-result@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/@jest/test-result/download/@jest/test-result-25.5.0.tgz?cache=0&sync_timestamp=1588422133919&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftest-result%2Fdownload%2F%40jest%2Ftest-result-25.5.0.tgz#139a043230cdeffe9ba2d8341b27f2efc77ce87c"
-  integrity sha1-E5oEMjDN7/6botg0Gyfy78d86Hw=
+"@jest/test-result@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/test-result/-/test-result-26.5.2.tgz#cc1a44cfd4db2ecee3fb0bc4e9fe087aa54b5230"
+  integrity sha512-E/Zp6LURJEGSCWpoMGmCFuuEI1OWuI3hmZwmULV0GsgJBh7u0rwqioxhRU95euUuviqBDN8ruX/vP/4bwYolXw==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/types" "^26.5.2"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^25.5.4":
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/@jest/test-sequencer/download/@jest/test-sequencer-25.5.4.tgz?cache=0&sync_timestamp=1588422127253&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftest-sequencer%2Fdownload%2F%40jest%2Ftest-sequencer-25.5.4.tgz#9b4e685b36954c38d0f052e596d28161bdc8b737"
-  integrity sha1-m05oWzaVTDjQ8FLlltKBYb3Itzc=
+"@jest/test-sequencer@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-26.5.2.tgz#c4559c7e134b27b020317303ee5399bf62917a4b"
+  integrity sha512-XmGEh7hh07H2B8mHLFCIgr7gA5Y6Hw1ZATIsbz2fOhpnQ5AnQtZk0gmP0Q5/+mVB2xygO64tVFQxOajzoptkNA==
   dependencies:
-    "@jest/test-result" "^25.5.0"
+    "@jest/test-result" "^26.5.2"
     graceful-fs "^4.2.4"
-    jest-haste-map "^25.5.1"
-    jest-runner "^25.5.4"
-    jest-runtime "^25.5.4"
-
-"@jest/transform@^25.5.1":
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/@jest/transform/download/@jest/transform-25.5.1.tgz?cache=0&sync_timestamp=1588422123066&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftransform%2Fdownload%2F%40jest%2Ftransform-25.5.1.tgz#0469ddc17699dd2bf985db55fa0fb9309f5c2db3"
-  integrity sha1-BGndwXaZ3Sv5hdtV+g+5MJ9cLbM=
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^25.5.0"
-    babel-plugin-istanbul "^6.0.0"
-    chalk "^3.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^25.5.1"
-    jest-regex-util "^25.2.6"
-    jest-util "^25.5.0"
-    micromatch "^4.0.2"
-    pirates "^4.0.1"
-    realpath-native "^2.0.0"
-    slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
+    jest-haste-map "^26.5.2"
+    jest-runner "^26.5.2"
+    jest-runtime "^26.5.2"
 
 "@jest/transform@^26.0.1":
   version "26.0.1"
@@ -1409,6 +1397,27 @@
     source-map "^0.6.1"
     write-file-atomic "^3.0.0"
 
+"@jest/transform@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/transform/-/transform-26.5.2.tgz#6a0033a1d24316a1c75184d010d864f2c681bef5"
+  integrity sha512-AUNjvexh+APhhmS8S+KboPz+D3pCxPvEAGduffaAJYxIFxGi/ytZQkrqcKDUU0ERBAo5R7087fyOYr2oms1seg==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^26.5.2"
+    babel-plugin-istanbul "^6.0.0"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-haste-map "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-util "^26.5.2"
+    micromatch "^4.0.2"
+    pirates "^4.0.1"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
 "@jest/types@^25.5.0":
   version "25.5.0"
   resolved "https://registry.npm.taobao.org/@jest/types/download/@jest/types-25.5.0.tgz?cache=0&sync_timestamp=1588422138038&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftypes%2Fdownload%2F%40jest%2Ftypes-25.5.0.tgz#4d6a4793f7b9599fc3680877b856a97dbccf2a9d"
@@ -1429,6 +1438,17 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@jest/types@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-26.5.2.tgz#44c24f30c8ee6c7f492ead9ec3f3c62a5289756d"
+  integrity sha512-QDs5d0gYiyetI8q+2xWdkixVQMklReZr4ltw7GFDtb4fuJIBCE6mzj2LnitGqCuAlLap6wPyb8fpoHgwZz5fdg==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^15.0.0"
+    chalk "^4.0.0"
+
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
@@ -1601,6 +1621,13 @@
   dependencies:
     type-detect "4.0.8"
 
+"@sinonjs/fake-timers@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz#293674fccb3262ac782c7aadfdeca86b10c75c40"
+  integrity sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
 "@stylelint/postcss-css-in-js@^0.37.1":
   version "0.37.1"
   resolved "https://registry.npm.taobao.org/@stylelint/postcss-css-in-js/download/@stylelint/postcss-css-in-js-0.37.1.tgz#41e5e7660f73d88227610e18c6ebb262d56ac125"
@@ -1640,6 +1667,17 @@
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
   integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
 
+"@types/babel__core@^7.0.0":
+  version "7.1.10"
+  resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.10.tgz#ca58fc195dd9734e77e57c6f2df565623636ab40"
+  integrity sha512-x8OM8XzITIMyiwl5Vmo2B1cR1S1Ipkyv4mdlbJjMa1lmuKvKY9FrBbEANIaMlnWn5Rf7uO+rC/VgYabNkE17Hw==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
 "@types/babel__core@^7.1.7":
   version "7.1.7"
   resolved "https://registry.npm.taobao.org/@types/babel__core/download/@types/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
@@ -1673,6 +1711,13 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
+"@types/babel__traverse@^7.0.4":
+  version "7.0.15"
+  resolved "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.0.15.tgz#db9e4238931eb69ef8aab0ad6523d4d4caa39d03"
+  integrity sha512-Pzh9O3sTK8V6I1olsXpCfj2k/ygO2q1X0vhhnDrEQyYLHZesWz+zMZMVcwXLCYf0U36EtmyYaFGPfXlTtDHe3A==
+  dependencies:
+    "@babel/types" "^7.3.0"
+
 "@types/body-parser@*":
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
@@ -1807,10 +1852,17 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^25.2.3":
-  version "25.2.3"
-  resolved "https://registry.npm.taobao.org/@types/jest/download/@types/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
-  integrity sha1-M9J+TEcWyq5OztNVCXpHrTY/3K8=
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
+  integrity sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
+"@types/jest@^26.0.0":
+  version "26.0.14"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-26.0.14.tgz#078695f8f65cb55c5a98450d65083b2b73e5a3f3"
+  integrity sha512-Hz5q8Vu0D288x3iWXePSn53W7hAjP0H7EQ6QvDO9c7t46mR0lNOLlfuwQ+JkVxuhygHzlzPX+0jKdA3ZgSh+Vg==
   dependencies:
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
@@ -1887,10 +1939,10 @@
     cosmiconfig "^6.0.0"
     postcss "^7.0.0"
 
-"@types/prettier@^1.19.0":
-  version "1.19.1"
-  resolved "https://registry.npm.taobao.org/@types/prettier/download/@types/prettier-1.19.1.tgz?cache=0&sync_timestamp=1584912926626&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fprettier%2Fdownload%2F%40types%2Fprettier-1.19.1.tgz#33509849f8e679e4add158959fdb086440e9553f"
-  integrity sha1-M1CYSfjmeeSt0ViVn9sIZEDpVT8=
+"@types/prettier@^2.0.0":
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.1.1.tgz#be148756d5480a84cde100324c03a86ae5739fb5"
+  integrity sha512-2zs+O+UkDsJ1Vcp667pd3f8xearMdopz/z54i99wtRDI5KLmngk7vlrYZD0ZjKHaROR03EznlBbVY9PfAEyJIQ==
 
 "@types/range-parser@*":
   version "1.2.3"
@@ -1917,10 +1969,10 @@
   resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
   integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
 
-"@types/stack-utils@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
+"@types/stack-utils@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff"
+  integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==
 
 "@types/tapable@*", "@types/tapable@^1.0.5":
   version "1.0.5"
@@ -1966,13 +2018,6 @@
     "@types/serve-static" "*"
     "@types/webpack" "*"
 
-"@types/webpack-merge@^4.1.5":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@types/webpack-merge/-/webpack-merge-4.1.5.tgz#265fbee4810474860d0f4c17e0107032881eed47"
-  integrity sha512-cbDo592ljSHeaVe5Q39JKN6Z4vMhmo4+C3JbksOIg+kjhKQYN2keGN7dvr/i18+dughij98Qrsfn1mU9NgVoCA==
-  dependencies:
-    "@types/webpack" "*"
-
 "@types/webpack-sources@*":
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-0.1.6.tgz#3d21dfc2ec0ad0c77758e79362426a9ba7d7cbcb"
@@ -2160,10 +2205,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@2.0.0-beta.5":
-  version "2.0.0-beta.5"
-  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-beta.5.tgz?cache=0&sync_timestamp=1600341259717&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-2.0.0-beta.5.tgz#c5980e3e6d22a1811483577bcfbcc2c4493c4a73"
-  integrity sha1-xZgOPm0ioYEUg1d7z7zCxEk8SnM=
+"@vue/test-utils@2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.6.tgz#2f7a653b0025cd4236968269c5972e807fa1fb2c"
+  integrity sha512-nBj5HHoTD+2xg0OQ93p/Hil5SkFUcNJ5BA2RUnHlOH6a4PVskgMK8dOLyVcZ1ZJif7knjt7yQVJ6K6YwIzeR1A==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -2328,10 +2373,10 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
-abab@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
-  integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
+abab@^2.0.3:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
+  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
 
 abbrev@1:
   version "1.1.1"
@@ -2346,34 +2391,29 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
     mime-types "~2.1.24"
     negotiator "0.6.2"
 
-acorn-globals@^4.3.2:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
-  integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
   dependencies:
-    acorn "^6.0.1"
-    acorn-walk "^6.0.1"
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
 
 acorn-jsx@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
   integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
 
-acorn-walk@^6.0.1:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
-  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^6.0.1, acorn@^6.4.1:
+acorn@^6.4.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
   integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
 
-acorn@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
-
 acorn@^7.1.1, acorn@^7.3.1:
   version "7.4.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
@@ -2551,11 +2591,6 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
-array-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
-  integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
-
 array-find-index@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
@@ -2713,6 +2748,18 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
+autoprefixer@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.0.1.tgz#e2d9000f84ebd98d77b7bc16f8adb2ff1f7bb946"
+  integrity sha512-aQo2BDIsoOdemXUAOBpFv4ZQa2DrOtEufarYhtFsK1088Ca0TUwu/aQWf0M3mrILXZ3mTIVn1lR3hPW8acacsw==
+  dependencies:
+    browserslist "^4.14.5"
+    caniuse-lite "^1.0.30001137"
+    colorette "^1.2.1"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss-value-parser "^4.1.0"
+
 autoprefixer@^9.0.0, autoprefixer@^9.7.6:
   version "9.7.6"
   resolved "https://registry.npm.taobao.org/autoprefixer/download/autoprefixer-9.7.6.tgz?cache=0&sync_timestamp=1586207933130&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fautoprefixer%2Fdownload%2Fautoprefixer-9.7.6.tgz#63ac5bbc0ce7934e6997207d5bb00d68fa8293a4"
@@ -2726,19 +2773,6 @@ autoprefixer@^9.0.0, autoprefixer@^9.7.6:
     postcss "^7.0.27"
     postcss-value-parser "^4.0.3"
 
-autoprefixer@^9.8.0:
-  version "9.8.0"
-  resolved "https://registry.npm.taobao.org/autoprefixer/download/autoprefixer-9.8.0.tgz#68e2d2bef7ba4c3a65436f662d0a56a741e56511"
-  integrity sha1-aOLSvve6TDplQ29mLQpWp0HlZRE=
-  dependencies:
-    browserslist "^4.12.0"
-    caniuse-lite "^1.0.30001061"
-    chalk "^2.4.2"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    postcss "^7.0.30"
-    postcss-value-parser "^4.1.0"
-
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
@@ -2749,20 +2783,6 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
   integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
 
-babel-jest@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/babel-jest/download/babel-jest-25.5.1.tgz#bc2e6101f849d6f6aec09720ffc7bc5332e62853"
-  integrity sha1-vC5hAfhJ1vauwJcg/8e8UzLmKFM=
-  dependencies:
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
-    "@types/babel__core" "^7.1.7"
-    babel-plugin-istanbul "^6.0.0"
-    babel-preset-jest "^25.5.0"
-    chalk "^3.0.0"
-    graceful-fs "^4.2.4"
-    slash "^3.0.0"
-
 babel-jest@^26.0.1:
   version "26.0.1"
   resolved "https://registry.npm.taobao.org/babel-jest/download/babel-jest-26.0.1.tgz#450139ce4b6c17174b136425bda91885c397bc46"
@@ -2777,6 +2797,20 @@ babel-jest@^26.0.1:
     graceful-fs "^4.2.4"
     slash "^3.0.0"
 
+babel-jest@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-26.5.2.tgz#164f367a35946c6cf54eaccde8762dec50422250"
+  integrity sha512-U3KvymF3SczA3vOL/cgiUFOznfMET+XDIXiWnoJV45siAp2pLMG8i2+/MGZlAC3f/F6Q40LR4M4qDrWZ9wkK8A==
+  dependencies:
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/babel__core" "^7.1.7"
+    babel-plugin-istanbul "^6.0.0"
+    babel-preset-jest "^26.5.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    slash "^3.0.0"
+
 babel-loader@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.1.0.tgz#c611d5112bd5209abe8b9fa84c3e4da25275f1c3"
@@ -2814,15 +2848,6 @@ babel-plugin-istanbul@^6.0.0:
     istanbul-lib-instrument "^4.0.0"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/babel-plugin-jest-hoist/download/babel-plugin-jest-hoist-25.5.0.tgz#129c80ba5c7fc75baf3a45b93e2e372d57ca2677"
-  integrity sha1-EpyAulx/x1uvOkW5Pi43LVfKJnc=
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__traverse" "^7.0.6"
-
 babel-plugin-jest-hoist@^26.0.0:
   version "26.0.0"
   resolved "https://registry.npm.taobao.org/babel-plugin-jest-hoist/download/babel-plugin-jest-hoist-26.0.0.tgz?cache=0&sync_timestamp=1588614907530&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-plugin-jest-hoist%2Fdownload%2Fbabel-plugin-jest-hoist-26.0.0.tgz#fd1d35f95cf8849fc65cb01b5e58aedd710b34a8"
@@ -2832,6 +2857,16 @@ babel-plugin-jest-hoist@^26.0.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
+babel-plugin-jest-hoist@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.5.0.tgz#3916b3a28129c29528de91e5784a44680db46385"
+  integrity sha512-ck17uZFD3CDfuwCLATWZxkkuGGFhMij8quP8CNhwj8ek1mqFgbFzRJ30xwC04LLscj/aKsVFfRST+b5PT7rSuw==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
+    "@types/babel__traverse" "^7.0.6"
+
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.npm.taobao.org/babel-preset-current-node-syntax/download/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -2848,13 +2883,22 @@ babel-preset-current-node-syntax@^0.1.2:
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-babel-preset-jest@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/babel-preset-jest/download/babel-preset-jest-25.5.0.tgz?cache=0&sync_timestamp=1588422100075&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-preset-jest%2Fdownload%2Fbabel-preset-jest-25.5.0.tgz#c1d7f191829487a907764c65307faa0e66590b49"
-  integrity sha1-wdfxkYKUh6kHdkxlMH+qDmZZC0k=
+babel-preset-current-node-syntax@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.4.tgz#826f1f8e7245ad534714ba001f84f7e906c3b615"
+  integrity sha512-5/INNCYhUGqw7VbVjT/hb3ucjgkVHKXY7lX3ZjlN4gm565VyFmJUrJ/h+h16ECVB38R/9SF6aACydpKMLZ/c9w==
   dependencies:
-    babel-plugin-jest-hoist "^25.5.0"
-    babel-preset-current-node-syntax "^0.1.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.8.3"
+    "@babel/plugin-syntax-import-meta" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
 babel-preset-jest@^26.0.0:
   version "26.0.0"
@@ -2864,6 +2908,14 @@ babel-preset-jest@^26.0.0:
     babel-plugin-jest-hoist "^26.0.0"
     babel-preset-current-node-syntax "^0.1.2"
 
+babel-preset-jest@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-26.5.0.tgz#f1b166045cd21437d1188d29f7fba470d5bdb0e7"
+  integrity sha512-F2vTluljhqkiGSJGBg/jOruA8vIIIL11YrxRcO7nviNTMbbofPSHwnm8mgP7d/wS7wRSexRoI6X1A6T74d4LQA==
+  dependencies:
+    babel-plugin-jest-hoist "^26.5.0"
+    babel-preset-current-node-syntax "^0.1.3"
+
 bail@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776"
@@ -3029,13 +3081,6 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browser-resolve@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
-  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
-  dependencies:
-    resolve "1.1.7"
-
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
@@ -3115,6 +3160,16 @@ browserslist@^4.12.0:
     node-releases "^1.1.53"
     pkg-up "^2.0.0"
 
+browserslist@^4.14.5:
+  version "4.14.5"
+  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
+  integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
+  dependencies:
+    caniuse-lite "^1.0.30001135"
+    electron-to-chromium "^1.3.571"
+    escalade "^3.1.0"
+    node-releases "^1.1.61"
+
 bs-logger@0.x:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
@@ -3340,11 +3395,16 @@ caniuse-lite@^1.0.30001038, caniuse-lite@^1.0.30001039:
   resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001040.tgz#103fc8e6eb1d7397e95134cd0e996743353d58ea"
   integrity sha1-ED/I5usdc5fpUTTNDplnQzU9WOo=
 
-caniuse-lite@^1.0.30001043, caniuse-lite@^1.0.30001061:
+caniuse-lite@^1.0.30001043:
   version "1.0.30001066"
   resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001066.tgz#0a8a58a10108f2b9bf38e7b65c237b12fd9c5f04"
   integrity sha1-CopYoQEI8rm/OOe2XCN7Ev2cXwQ=
 
+caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137:
+  version "1.0.30001144"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001144.tgz#bca0fffde12f97e1127a351fec3bfc1971aa3b3d"
+  integrity sha512-4GQTEWNMnVZVOFG3BK0xvGeaDAtiPAbG2N8yuMXuXzx/c2Vd4XoMPO8+E918zeXn5IF0FRVtGShBfkfQea2wHQ==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -3400,6 +3460,11 @@ changelog-filename-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/changelog-filename-regex/-/changelog-filename-regex-1.1.2.tgz#19e98e38248cff0c1cf3ae3bf51bfb22c48592d6"
   integrity sha512-kpOfKlZ9x2UpeC4at6FAXHLKfi/JEUqUqkPCb1JUCa5FnNbJIzOHRM9RfeQ1QDcpj+Gxuc/UoHqASgmEeFDejQ==
 
+char-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
+
 character-entities-html4@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.4.tgz#0e64b0a3753ddbf1fdc044c5fd01d0199a02e125"
@@ -3663,6 +3728,11 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+colorette@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
+  integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
+
 combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -4184,9 +4254,9 @@ cssfontparser@^1.2.1:
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha1-9AIvyPlwDGgCnVQghK+69CWj8+M=
 
-cssom@^0.4.1:
+cssom@^0.4.4:
   version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  resolved "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
   integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
 
 cssom@~0.3.6:
@@ -4194,10 +4264,10 @@ cssom@~0.3.6:
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-cssstyle@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.2.0.tgz#e4c44debccd6b7911ed617a4395e5754bba59992"
-  integrity sha512-sEb3XFPx3jNnCAMtqrXPDeSgQr+jojtCeNf8cvMNMh1cG970+lljssvQDzPq6lmmJu2Vhqood/gtEomBiHOGnA==
+cssstyle@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
   dependencies:
     cssom "~0.3.6"
 
@@ -4227,14 +4297,14 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
-  integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
   dependencies:
-    abab "^2.0.0"
-    whatwg-mimetype "^2.2.0"
-    whatwg-url "^7.0.0"
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
 
 dateformat@^3.0.0:
   version "3.0.3"
@@ -4275,6 +4345,11 @@ decamelize@^1.1.0, decamelize@^1.1.2, decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
+decimal.js@^10.2.0:
+  version "10.2.1"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.2.1.tgz#238ae7b0f0c793d3e3cea410108b35a2c01426a3"
+  integrity sha512-KaL7+6Fw6i5A2XSnsbhm/6B+NuEA7TZ4vqxnd5tXz9sbKtrN9Srj8ab4vKVdK8YAqZO9P1kg45Y6YLoduPf+kw==
+
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
@@ -4454,6 +4529,11 @@ diff-sequences@^25.2.6:
   resolved "https://registry.npm.taobao.org/diff-sequences/download/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"
   integrity sha1-X0Z8AO3TU1K3vKRteSfWDmh6dt0=
 
+diff-sequences@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.5.0.tgz#ef766cf09d43ed40406611f11c6d8d9dd8b2fefd"
+  integrity sha512-ZXx86srb/iYy6jG71k++wBN9P9J05UNQ5hQHQd9MtMPvcqXPx/vKU69jfHV637D00Q2gSgPk2D+jSx3l1lDW/Q==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4542,12 +4622,12 @@ domelementtype@^2.0.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
   integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
 
-domexception@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
-  integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
   dependencies:
-    webidl-conversions "^4.0.2"
+    webidl-conversions "^5.0.0"
 
 domhandler@^2.3.0:
   version "2.4.2"
@@ -4642,6 +4722,11 @@ electron-to-chromium@^1.3.413:
   resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.453.tgz#758a8565a64b7889b27132a51d2abb8b135c9d01"
   integrity sha1-dYqFZaZLeImycTKlHSq7ixNcnQE=
 
+electron-to-chromium@^1.3.571:
+  version "1.3.577"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz#9885f3f72c6e3367010b461ff6f2d9624a929720"
+  integrity sha512-dSb64JQSFif/pD8mpVAgSFkbVi6YHbK6JeEziwNNmXlr/Ne2rZtseFK5SM7JoWSLf6gP0gVvRGi4/2ZRhSX/rA==
+
 elegant-spinner@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/elegant-spinner/download/elegant-spinner-2.0.0.tgz#f236378985ecd16da75488d166be4b688fd5af94"
@@ -4665,6 +4750,11 @@ email-addresses@^3.0.1:
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
   integrity sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==
 
+emittery@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/emittery/-/emittery-0.7.1.tgz#c02375a927a40948c0345cc903072597f5270451"
+  integrity sha512-d34LN4L6h18Bzz9xpoku2nPwKxCPlPMr3EEKTkoEBi+1/+b0lcRkRJ1UVyyZaKNeqGR3swcGl6s390DNO4YVgQ==
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -4782,6 +4872,11 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+escalade@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.0.tgz#e8e2d7c7a8b76f6ee64c2181d6b8151441602d4e"
+  integrity sha512-mAk+hPSO8fLDkhV7V0dXazH5pDc6MrjBTPyD3VeKzxnVFjH1MIxbCdqGZB9O8+EwWakZs3ZCbDS4IpRt79V1ig==
+
 escape-goat@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
@@ -4797,10 +4892,15 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escodegen@^1.11.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.1.tgz#ba01d0c8278b5e95a9a45350142026659027a457"
-  integrity sha512-Bmt7NcRySdIfNPfU2ZoXDrrXsG9ZjvDxcAlMfDUgRBjLOWTuIACXPBFJH7Z+cLb40JeQco5toikyc9t9P8E9SQ==
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escodegen@^1.14.1:
+  version "1.14.3"
+  resolved "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
   dependencies:
     esprima "^4.0.1"
     estraverse "^4.2.0"
@@ -5082,10 +5182,10 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^3.2.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-3.4.0.tgz#c08ed4550ef65d858fac269ffc8572446f37eb89"
-  integrity sha512-r9vdGQk4bmCuK1yKQu1KTwcT2zwfWdbdaXfCtAh+5nU/4fSX+JAb7vZGvI5naJrQlvONrEB20jeruESI69530g==
+execa@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
+  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -5094,7 +5194,6 @@ execa@^3.2.0:
     merge-stream "^2.0.0"
     npm-run-path "^4.0.0"
     onetime "^5.1.0"
-    p-finally "^2.0.0"
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
@@ -5145,17 +5244,17 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-expect@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/expect/download/expect-25.5.0.tgz?cache=0&sync_timestamp=1588422101954&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fexpect%2Fdownload%2Fexpect-25.5.0.tgz#f07f848712a2813bb59167da3fb828ca21f58bba"
-  integrity sha1-8H+EhxKigTu1kWfaP7goyiH1i7o=
+expect@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/expect/-/expect-26.5.2.tgz#3e0631c4a657a83dbec769ad246a2998953a55a6"
+  integrity sha512-ccTGrXZd8DZCcvCz4htGXTkd/LOoy6OEtiDS38x3/VVf6E4AQL0QoeksBiw7BtGR5xDNiRYPB8GN6pfbuTOi7w==
   dependencies:
-    "@jest/types" "^25.5.0"
+    "@jest/types" "^26.5.2"
     ansi-styles "^4.0.0"
-    jest-get-type "^25.2.6"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-regex-util "^25.2.6"
+    jest-get-type "^26.3.0"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-regex-util "^26.0.0"
 
 express@^4.17.1:
   version "4.17.1"
@@ -6073,12 +6172,12 @@ hpack.js@^2.1.6:
     readable-stream "^2.0.1"
     wbuf "^1.1.0"
 
-html-encoding-sniffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
-  integrity sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
   dependencies:
-    whatwg-encoding "^1.0.1"
+    whatwg-encoding "^1.0.5"
 
 html-entities@^1.3.1:
   version "1.3.1"
@@ -6644,6 +6743,11 @@ is-directory@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
   integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
 
+is-docker@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz#4125a88e44e450d384e09047ede71adc2d144156"
+  integrity sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==
+
 is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
@@ -6788,6 +6892,11 @@ is-plain-object@^3.0.0:
   dependencies:
     isobject "^4.0.0"
 
+is-potential-custom-element-name@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
+  integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c=
+
 is-promise@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
@@ -6898,10 +7007,12 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
-is-wsl@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
-  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
 
 is-yarn-global@^0.3.0:
   version "0.3.0"
@@ -6958,6 +7069,16 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
+istanbul-lib-instrument@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
+  integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
+  dependencies:
+    "@babel/core" "^7.7.5"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.0.0"
+    semver "^6.3.0"
+
 istanbul-lib-report@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
@@ -6992,61 +7113,59 @@ jest-canvas-mock@^2.2.0:
     cssfontparser "^1.2.1"
     parse-color "^1.0.0"
 
-jest-changed-files@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-changed-files/download/jest-changed-files-25.5.0.tgz?cache=0&sync_timestamp=1588422101652&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-changed-files%2Fdownload%2Fjest-changed-files-25.5.0.tgz#141cc23567ceb3f534526f8614ba39421383634c"
-  integrity sha1-FBzCNWfOs/U0Um+GFLo5QhODY0w=
+jest-changed-files@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-26.5.2.tgz#330232c6a5c09a7f040a5870e8f0a9c6abcdbed5"
+  integrity sha512-qSmssmiIdvM5BWVtyK/nqVpN3spR5YyvkvPqz1x3BR1bwIxsWmU/MGwLoCrPNLbkG2ASAKfvmJpOduEApBPh2w==
   dependencies:
-    "@jest/types" "^25.5.0"
-    execa "^3.2.0"
+    "@jest/types" "^26.5.2"
+    execa "^4.0.0"
     throat "^5.0.0"
 
-jest-cli@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-cli/download/jest-cli-25.5.4.tgz?cache=0&sync_timestamp=1588422197596&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-cli%2Fdownload%2Fjest-cli-25.5.4.tgz#b9f1a84d1301a92c5c217684cb79840831db9f0d"
-  integrity sha1-ufGoTRMBqSxcIXaEy3mECDHbnw0=
+jest-cli@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-cli/-/jest-cli-26.5.2.tgz#0df114399b4036a3f046f0a9f25c50372c76b3a2"
+  integrity sha512-usm48COuUvRp8YEG5OWOaxbSM0my7eHn3QeBWxiGUuFhvkGVBvl1fic4UjC02EAEQtDv8KrNQUXdQTV6ZZBsoA==
   dependencies:
-    "@jest/core" "^25.5.4"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/core" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
     import-local "^3.0.2"
     is-ci "^2.0.0"
-    jest-config "^25.5.4"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
+    jest-config "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     prompts "^2.0.1"
-    realpath-native "^2.0.0"
-    yargs "^15.3.1"
+    yargs "^15.4.1"
 
-jest-config@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-config/download/jest-config-25.5.4.tgz#38e2057b3f976ef7309b2b2c8dcd2a708a67f02c"
-  integrity sha1-OOIFez+Xbvcwmyssjc0qcIpn8Cw=
+jest-config@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-config/-/jest-config-26.5.2.tgz#6e828e25f10124433dd008fbd83348636de0972a"
+  integrity sha512-dqJOnSegNdE5yDiuGHsjTM5gec7Z4AcAMHiW+YscbOYJAlb3LEtDSobXCq0or9EmGQI5SFmKy4T7P1FxetJOfg==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^25.5.4"
-    "@jest/types" "^25.5.0"
-    babel-jest "^25.5.1"
-    chalk "^3.0.0"
+    "@jest/test-sequencer" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    babel-jest "^26.5.2"
+    chalk "^4.0.0"
     deepmerge "^4.2.2"
     glob "^7.1.1"
     graceful-fs "^4.2.4"
-    jest-environment-jsdom "^25.5.0"
-    jest-environment-node "^25.5.0"
-    jest-get-type "^25.2.6"
-    jest-jasmine2 "^25.5.4"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
+    jest-environment-jsdom "^26.5.2"
+    jest-environment-node "^26.5.2"
+    jest-get-type "^26.3.0"
+    jest-jasmine2 "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     micromatch "^4.0.2"
-    pretty-format "^25.5.0"
-    realpath-native "^2.0.0"
+    pretty-format "^26.5.2"
 
-jest-diff@^25.2.1, jest-diff@^25.5.0:
+jest-diff@^25.2.1:
   version "25.5.0"
   resolved "https://registry.npm.taobao.org/jest-diff/download/jest-diff-25.5.0.tgz?cache=0&sync_timestamp=1588422182316&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-diff%2Fdownload%2Fjest-diff-25.5.0.tgz#1dd26ed64f96667c068cef026b677dfa01afcfa9"
   integrity sha1-HdJu1k+WZnwGjO8Ca2d9+gGvz6k=
@@ -7056,72 +7175,68 @@ jest-diff@^25.2.1, jest-diff@^25.5.0:
     jest-get-type "^25.2.6"
     pretty-format "^25.5.0"
 
-jest-docblock@^25.3.0:
-  version "25.3.0"
-  resolved "https://registry.npm.taobao.org/jest-docblock/download/jest-docblock-25.3.0.tgz?cache=0&sync_timestamp=1586352163896&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-docblock%2Fdownload%2Fjest-docblock-25.3.0.tgz#8b777a27e3477cd77a168c05290c471a575623ef"
-  integrity sha1-i3d6J+NHfNd6FowFKQxHGldWI+8=
+jest-diff@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.2.tgz#8e26cb32dc598e8b8a1b9deff55316f8313c8053"
+  integrity sha512-HCSWDUGwsov5oTlGzrRM+UPJI/Dpqi9jzeV0fdRNi3Ch5bnoXhnyJMmVg2juv9081zLIy3HGPI5mcuGgXM2xRA==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^26.5.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
+
+jest-docblock@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
+  integrity sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-each/download/jest-each-25.5.0.tgz?cache=0&sync_timestamp=1588422198546&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-each%2Fdownload%2Fjest-each-25.5.0.tgz#0c3c2797e8225cb7bec7e4d249dcd96b934be516"
-  integrity sha1-DDwnl+giXLe+x+TSSdzZa5NL5RY=
+jest-each@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-each/-/jest-each-26.5.2.tgz#35e68d6906a7f826d3ca5803cfe91d17a5a34c31"
+  integrity sha512-w7D9FNe0m2D3yZ0Drj9CLkyF/mGhmBSULMQTypzAKR746xXnjUrK8GUJdlLTWUF6dd0ks3MtvGP7/xNFr9Aphg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    jest-get-type "^25.2.6"
-    jest-util "^25.5.0"
-    pretty-format "^25.5.0"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
+    jest-get-type "^26.3.0"
+    jest-util "^26.5.2"
+    pretty-format "^26.5.2"
 
-jest-environment-jsdom@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-environment-jsdom/download/jest-environment-jsdom-25.5.0.tgz?cache=0&sync_timestamp=1588422104602&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-environment-jsdom%2Fdownload%2Fjest-environment-jsdom-25.5.0.tgz#dcbe4da2ea997707997040ecf6e2560aec4e9834"
-  integrity sha1-3L5NouqZdweZcEDs9uJWCuxOmDQ=
+jest-environment-jsdom@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-26.5.2.tgz#5feab05b828fd3e4b96bee5e0493464ddd2bb4bc"
+  integrity sha512-fWZPx0bluJaTQ36+PmRpvUtUlUFlGGBNyGX1SN3dLUHHMcQ4WseNEzcGGKOw4U5towXgxI4qDoI3vwR18H0RTw==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    jsdom "^15.2.1"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
+    jsdom "^16.4.0"
 
-jest-environment-node@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-environment-node/download/jest-environment-node-25.5.0.tgz?cache=0&sync_timestamp=1588422105308&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-environment-node%2Fdownload%2Fjest-environment-node-25.5.0.tgz#0f55270d94804902988e64adca37c6ce0f7d07a1"
-  integrity sha1-D1UnDZSASQKYjmStyjfGzg99B6E=
+jest-environment-node@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-26.5.2.tgz#275a0f01b5e47447056f1541a15ed4da14acca03"
+  integrity sha512-YHjnDsf/GKFCYMGF1V+6HF7jhY1fcLfLNBDjhAOvFGvt6d8vXvNdJGVM7uTZ2VO/TuIyEFhPGaXMX5j3h7fsrA==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    semver "^6.3.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
 
 jest-get-type@^25.2.6:
   version "25.2.6"
   resolved "https://registry.npm.taobao.org/jest-get-type/download/jest-get-type-25.2.6.tgz?cache=0&sync_timestamp=1585823461415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-get-type%2Fdownload%2Fjest-get-type-25.2.6.tgz#0b0a32fab8908b44d508be81681487dbabb8d877"
   integrity sha1-Cwoy+riQi0TVCL6BaBSH26u42Hc=
 
-jest-haste-map@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/jest-haste-map/download/jest-haste-map-25.5.1.tgz?cache=0&sync_timestamp=1588422201096&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-haste-map%2Fdownload%2Fjest-haste-map-25.5.1.tgz#1df10f716c1d94e60a1ebf7798c9fb3da2620943"
-  integrity sha1-HfEPcWwdlOYKHr93mMn7PaJiCUM=
-  dependencies:
-    "@jest/types" "^25.5.0"
-    "@types/graceful-fs" "^4.1.2"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-serializer "^25.5.0"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
-    micromatch "^4.0.2"
-    sane "^4.0.3"
-    walker "^1.0.7"
-    which "^2.0.2"
-  optionalDependencies:
-    fsevents "^2.1.2"
+jest-get-type@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
+  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
 
 jest-haste-map@^26.0.1:
   version "26.0.1"
@@ -7143,163 +7258,181 @@ jest-haste-map@^26.0.1:
   optionalDependencies:
     fsevents "^2.1.2"
 
-jest-jasmine2@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-jasmine2/download/jest-jasmine2-25.5.4.tgz?cache=0&sync_timestamp=1588422106136&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-jasmine2%2Fdownload%2Fjest-jasmine2-25.5.4.tgz#66ca8b328fb1a3c5364816f8958f6970a8526968"
-  integrity sha1-ZsqLMo+xo8U2SBb4lY9pcKhSaWg=
+jest-haste-map@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-26.5.2.tgz#a15008abfc502c18aa56e4919ed8c96304ceb23d"
+  integrity sha512-lJIAVJN3gtO3k4xy+7i2Xjtwh8CfPcH08WYjZpe9xzveDaqGw9fVNCpkYu6M525wKFVkLmyi7ku+DxCAP1lyMA==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-regex-util "^26.0.0"
+    jest-serializer "^26.5.0"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
+    micromatch "^4.0.2"
+    sane "^4.0.3"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.1.2"
+
+jest-jasmine2@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-26.5.2.tgz#0e33819d31b1f2aab5efd1e02ce502209c0e64a2"
+  integrity sha512-2J+GYcgLVPTkpmvHEj0/IDTIAuyblGNGlyGe4fLfDT2aktEPBYvoxUwFiOmDDxxzuuEAD2uxcYXr0+1Yw4tjFA==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/source-map" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/source-map" "^26.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
     co "^4.6.0"
-    expect "^25.5.0"
+    expect "^26.5.2"
     is-generator-fn "^2.0.0"
-    jest-each "^25.5.0"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-runtime "^25.5.4"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    pretty-format "^25.5.0"
+    jest-each "^26.5.2"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    pretty-format "^26.5.2"
     throat "^5.0.0"
 
-jest-leak-detector@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-leak-detector/download/jest-leak-detector-25.5.0.tgz?cache=0&sync_timestamp=1588422105812&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-leak-detector%2Fdownload%2Fjest-leak-detector-25.5.0.tgz#2291c6294b0ce404241bb56fe60e2d0c3e34f0bb"
-  integrity sha1-IpHGKUsM5AQkG7Vv5g4tDD408Ls=
+jest-leak-detector@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-26.5.2.tgz#83fcf9a4a6ef157549552cb4f32ca1d6221eea69"
+  integrity sha512-h7ia3dLzBFItmYERaLPEtEKxy3YlcbcRSjj0XRNJgBEyODuu+3DM2o62kvIFvs3PsaYoIIv+e+nLRI61Dj1CNw==
   dependencies:
-    jest-get-type "^25.2.6"
-    pretty-format "^25.5.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
 
-jest-matcher-utils@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-matcher-utils/download/jest-matcher-utils-25.5.0.tgz?cache=0&sync_timestamp=1588421878317&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-matcher-utils%2Fdownload%2Fjest-matcher-utils-25.5.0.tgz#fbc98a12d730e5d2453d7f1ed4a4d948e34b7867"
-  integrity sha1-+8mKEtcw5dJFPX8e1KTZSONLeGc=
+jest-matcher-utils@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.2.tgz#6aa2c76ce8b9c33e66f8856ff3a52bab59e6c85a"
+  integrity sha512-W9GO9KBIC4gIArsNqDUKsLnhivaqf8MSs6ujO/JDcPIQrmY+aasewweXVET8KdrJ6ADQaUne5UzysvF/RR7JYA==
   dependencies:
-    chalk "^3.0.0"
-    jest-diff "^25.5.0"
-    jest-get-type "^25.2.6"
-    pretty-format "^25.5.0"
+    chalk "^4.0.0"
+    jest-diff "^26.5.2"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
 
-jest-message-util@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-message-util/download/jest-message-util-25.5.0.tgz?cache=0&sync_timestamp=1588422101884&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-message-util%2Fdownload%2Fjest-message-util-25.5.0.tgz#ea11d93204cc7ae97456e1d8716251185b8880ea"
-  integrity sha1-6hHZMgTMeul0VuHYcWJRGFuIgOo=
+jest-message-util@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.2.tgz#6c4c4c46dcfbabb47cd1ba2f6351559729bc11bb"
+  integrity sha512-Ocp9UYZ5Jl15C5PNsoDiGEk14A4NG0zZKknpWdZGoMzJuGAkVt10e97tnEVMYpk7LnQHZOfuK2j/izLBMcuCZw==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@jest/types" "^25.5.0"
-    "@types/stack-utils" "^1.0.1"
-    chalk "^3.0.0"
+    "@jest/types" "^26.5.2"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
     graceful-fs "^4.2.4"
     micromatch "^4.0.2"
     slash "^3.0.0"
-    stack-utils "^1.0.1"
+    stack-utils "^2.0.2"
 
-jest-mock@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-mock/download/jest-mock-25.5.0.tgz?cache=0&sync_timestamp=1588422143150&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-mock%2Fdownload%2Fjest-mock-25.5.0.tgz#a91a54dabd14e37ecd61665d6b6e06360a55387a"
-  integrity sha1-qRpU2r0U437NYWZda24GNgpVOHo=
+jest-mock@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-26.5.2.tgz#c9302e8ef807f2bfc749ee52e65ad11166a1b6a1"
+  integrity sha512-9SiU4b5PtO51v0MtJwVRqeGEroH66Bnwtq4ARdNP7jNXbpT7+ByeWNAk4NeT/uHfNSVDXEXgQo1XRuwEqS6Rdw==
   dependencies:
-    "@jest/types" "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
 
-jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
-
-jest-regex-util@^25.2.6:
-  version "25.2.6"
-  resolved "https://registry.npm.taobao.org/jest-regex-util/download/jest-regex-util-25.2.6.tgz?cache=0&sync_timestamp=1585823369263&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-regex-util%2Fdownload%2Fjest-regex-util-25.2.6.tgz#d847d38ba15d2118d3b06390056028d0f2fd3964"
-  integrity sha1-2EfTi6FdIRjTsGOQBWAo0PL9OWQ=
+jest-pnp-resolver@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
 jest-regex-util@^26.0.0:
   version "26.0.0"
   resolved "https://registry.npm.taobao.org/jest-regex-util/download/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
   integrity sha1-0l5xhLNuOf1GbDvEG+CXHoIf7ig=
 
-jest-resolve-dependencies@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-resolve-dependencies/download/jest-resolve-dependencies-25.5.4.tgz?cache=0&sync_timestamp=1588422111664&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-resolve-dependencies%2Fdownload%2Fjest-resolve-dependencies-25.5.4.tgz#85501f53957c8e3be446e863a74777b5a17397a7"
-  integrity sha1-hVAfU5V8jjvkRuhjp0d3taFzl6c=
+jest-resolve-dependencies@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-26.5.2.tgz#ee30b7cfea81c81bf5e195a9287d7ec07f893170"
+  integrity sha512-LLkc8LuRtxqOx0AtX/Npa2C4I23WcIrwUgNtHYXg4owYF/ZDQShcwBAHjYZIFR06+HpQcZ43+kCTMlQ3aDCYTg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-snapshot "^25.5.1"
+    "@jest/types" "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-snapshot "^26.5.2"
 
-jest-resolve@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/jest-resolve/download/jest-resolve-25.5.1.tgz?cache=0&sync_timestamp=1588422115536&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-resolve%2Fdownload%2Fjest-resolve-25.5.1.tgz#0e6fbcfa7c26d2a5fe8f456088dc332a79266829"
-  integrity sha1-Dm+8+nwm0qX+j0VgiNwzKnkmaCk=
+jest-resolve@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.5.2.tgz#0d719144f61944a428657b755a0e5c6af4fc8602"
+  integrity sha512-XsPxojXGRA0CoDD7Vis59ucz2p3cQFU5C+19tz3tLEAlhYKkK77IL0cjYjikY9wXnOaBeEdm1rOgSJjbZWpcZg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    browser-resolve "^1.11.3"
-    chalk "^3.0.0"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     graceful-fs "^4.2.4"
-    jest-pnp-resolver "^1.2.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^26.5.2"
     read-pkg-up "^7.0.1"
-    realpath-native "^2.0.0"
     resolve "^1.17.0"
     slash "^3.0.0"
 
-jest-runner@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-runner/download/jest-runner-25.5.4.tgz?cache=0&sync_timestamp=1588422205086&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-runner%2Fdownload%2Fjest-runner-25.5.4.tgz#ffec5df3875da5f5c878ae6d0a17b8e4ecd7c71d"
-  integrity sha1-/+xd84ddpfXIeK5tChe45OzXxx0=
+jest-runner@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-26.5.2.tgz#4f9e6b0bb7eb4710c209a9e145b8a10894f4c19f"
+  integrity sha512-GKhYxtSX5+tXZsd2QwfkDqPIj5C2HqOdXLRc2x2qYqWE26OJh17xo58/fN/mLhRkO4y6o60ZVloan7Kk5YA6hg==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/console" "^26.5.2"
+    "@jest/environment" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.7.1"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.4"
-    jest-docblock "^25.3.0"
-    jest-haste-map "^25.5.1"
-    jest-jasmine2 "^25.5.4"
-    jest-leak-detector "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-resolve "^25.5.1"
-    jest-runtime "^25.5.4"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
+    jest-config "^26.5.2"
+    jest-docblock "^26.0.0"
+    jest-haste-map "^26.5.2"
+    jest-leak-detector "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-resolve "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
     source-map-support "^0.5.6"
     throat "^5.0.0"
 
-jest-runtime@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest-runtime/download/jest-runtime-25.5.4.tgz#dc981fe2cb2137abcd319e74ccae7f7eeffbfaab"
-  integrity sha1-3Jgf4sshN6vNMZ50zK5/fu/7+qs=
+jest-runtime@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-runtime/-/jest-runtime-26.5.2.tgz#b72f5f79eb2fe0c46bfef4cdb9c1e01d1c69ba41"
+  integrity sha512-zArr4DatX/Sn0wswX/AnAuJgmwgAR5rNtrUz36HR8BfMuysHYNq5sDbYHuLC4ICyRdy5ae/KQ+sczxyS9G6Qvw==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/globals" "^25.5.2"
-    "@jest/source-map" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/globals" "^26.5.2"
+    "@jest/source-map" "^26.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
     "@types/yargs" "^15.0.0"
-    chalk "^3.0.0"
+    chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.4"
-    jest-haste-map "^25.5.1"
-    jest-message-util "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    realpath-native "^2.0.0"
+    jest-config "^26.5.2"
+    jest-haste-map "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-mock "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     slash "^3.0.0"
     strip-bom "^4.0.0"
-    yargs "^15.3.1"
+    yargs "^15.4.1"
 
 jest-serializer-vue@^2.0.2:
   version "2.0.2"
@@ -7308,13 +7441,6 @@ jest-serializer-vue@^2.0.2:
   dependencies:
     pretty "2.0.0"
 
-jest-serializer@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-serializer/download/jest-serializer-25.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-serializer%2Fdownload%2Fjest-serializer-25.5.0.tgz#a993f484e769b4ed54e70e0efdb74007f503072b"
-  integrity sha1-qZP0hOdptO1U5w4O/bdAB/UDBys=
-  dependencies:
-    graceful-fs "^4.2.4"
-
 jest-serializer@^26.0.0:
   version "26.0.0"
   resolved "https://registry.npm.taobao.org/jest-serializer/download/jest-serializer-26.0.0.tgz?cache=0&sync_timestamp=1588614905714&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-serializer%2Fdownload%2Fjest-serializer-26.0.0.tgz#f6c521ddb976943b93e662c0d4d79245abec72a3"
@@ -7322,37 +7448,35 @@ jest-serializer@^26.0.0:
   dependencies:
     graceful-fs "^4.2.4"
 
-jest-snapshot@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.npm.taobao.org/jest-snapshot/download/jest-snapshot-25.5.1.tgz?cache=0&sync_timestamp=1588422116325&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-snapshot%2Fdownload%2Fjest-snapshot-25.5.1.tgz#1a2a576491f9961eb8d00c2e5fd479bc28e5ff7f"
-  integrity sha1-GipXZJH5lh640AwuX9R5vCjl/38=
+jest-serializer@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.5.0.tgz#f5425cc4c5f6b4b355f854b5f0f23ec6b962bc13"
+  integrity sha512-+h3Gf5CDRlSLdgTv7y0vPIAoLgX/SI7T4v6hy+TEXMgYbv+ztzbg5PSN6mUXAT/hXYHvZRWm+MaObVfqkhCGxA==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.4"
+
+jest-snapshot@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-26.5.2.tgz#0cf7642eaf8e8d2736bd443f619959bf237f9ccf"
+  integrity sha512-MkXIDvEefzDubI/WaDVSRH4xnkuirP/Pz8LhAIDXcVQTmcEfwxywj5LGwBmhz+kAAIldA7XM4l96vbpzltSjqg==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^25.5.0"
-    "@types/prettier" "^1.19.0"
-    chalk "^3.0.0"
-    expect "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/babel__traverse" "^7.0.4"
+    "@types/prettier" "^2.0.0"
+    chalk "^4.0.0"
+    expect "^26.5.2"
     graceful-fs "^4.2.4"
-    jest-diff "^25.5.0"
-    jest-get-type "^25.2.6"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-resolve "^25.5.1"
-    make-dir "^3.0.0"
+    jest-diff "^26.5.2"
+    jest-get-type "^26.3.0"
+    jest-haste-map "^26.5.2"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-resolve "^26.5.2"
     natural-compare "^1.4.0"
-    pretty-format "^25.5.0"
-    semver "^6.3.0"
-
-jest-util@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-util/download/jest-util-25.5.0.tgz?cache=0&sync_timestamp=1588422260734&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-util%2Fdownload%2Fjest-util-25.5.0.tgz#31c63b5d6e901274d264a4fec849230aa3fa35b0"
-  integrity sha1-McY7XW6QEnTSZKT+yEkjCqP6NbA=
-  dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    make-dir "^3.0.0"
+    pretty-format "^26.5.2"
+    semver "^7.3.2"
 
 jest-util@^26.0.1:
   version "26.0.1"
@@ -7365,37 +7489,42 @@ jest-util@^26.0.1:
     is-ci "^2.0.0"
     make-dir "^3.0.0"
 
-jest-validate@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-validate/download/jest-validate-25.5.0.tgz?cache=0&sync_timestamp=1588422259401&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-validate%2Fdownload%2Fjest-validate-25.5.0.tgz#fb4c93f332c2e4cf70151a628e58a35e459a413a"
-  integrity sha1-+0yT8zLC5M9wFRpijlijXkWaQTo=
+jest-util@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-util/-/jest-util-26.5.2.tgz#8403f75677902cc52a1b2140f568e91f8ed4f4d7"
+  integrity sha512-WTL675bK+GSSAYgS8z9FWdCT2nccO1yTIplNLPlP0OD8tUk/H5IrWKMMRudIQQ0qp8bb4k+1Qa8CxGKq9qnYdg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    camelcase "^5.3.1"
-    chalk "^3.0.0"
-    jest-get-type "^25.2.6"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    is-ci "^2.0.0"
+    micromatch "^4.0.2"
+
+jest-validate@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-validate/-/jest-validate-26.5.2.tgz#7ea266700b64234cd1c0cee982490c5a80e9b0f0"
+  integrity sha512-FmJks0zY36mp6Af/5sqO6CTL9bNMU45yKCJk3hrz8d2aIqQIlN1pr9HPIwZE8blLaewOla134nt5+xAmWsx3SQ==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    camelcase "^6.0.0"
+    chalk "^4.0.0"
+    jest-get-type "^26.3.0"
     leven "^3.1.0"
-    pretty-format "^25.5.0"
+    pretty-format "^26.5.2"
 
-jest-watcher@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-watcher/download/jest-watcher-25.5.0.tgz#d6110d101df98badebe435003956fd4a465e8456"
-  integrity sha1-1hENEB35i63r5DUAOVb9SkZehFY=
+jest-watcher@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-watcher/-/jest-watcher-26.5.2.tgz#2957f4461007e0769d74b537379ecf6b7c696916"
+  integrity sha512-i3m1NtWzF+FXfJ3ljLBB/WQEp4uaNhX7QcQUWMokcifFTUQBDFyUMEwk0JkJ1kopHbx7Een3KX0Q7+9koGM/Pw==
   dependencies:
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
-    jest-util "^25.5.0"
-    string-length "^3.1.0"
-
-jest-worker@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.npm.taobao.org/jest-worker/download/jest-worker-25.5.0.tgz?cache=0&sync_timestamp=1588422131044&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-worker%2Fdownload%2Fjest-worker-25.5.0.tgz#2611d071b79cea0f43ee57a3d118593ac1547db1"
-  integrity sha1-JhHQcbec6g9D7lej0RhZOsFUfbE=
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
+    chalk "^4.0.0"
+    jest-util "^26.5.2"
+    string-length "^4.0.1"
 
 jest-worker@^26.0.0:
   version "26.0.0"
@@ -7405,14 +7534,23 @@ jest-worker@^26.0.0:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.npm.taobao.org/jest/download/jest-25.5.4.tgz#f21107b6489cfe32b076ce2adcadee3587acb9db"
-  integrity sha1-8hEHtkic/jKwds4q3K3uNYesuds=
+jest-worker@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-26.5.0.tgz#87deee86dbbc5f98d9919e0dadf2c40e3152fa30"
+  integrity sha512-kTw66Dn4ZX7WpjZ7T/SUDgRhapFRKWmisVAF0Rv4Fu8SLFD7eLbqpLvbxVqYhSgaWa7I+bW7pHnbyfNsH6stug==
   dependencies:
-    "@jest/core" "^25.5.4"
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
+jest@^26.0.0:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest/-/jest-26.5.2.tgz#c6791642b331fe7abd2f993b0a74aa546f7be0fb"
+  integrity sha512-4HFabJVwsgDwul/7rhXJ3yFAF/aUkVIXiJWmgFxb+WMdZG39fVvOwYAs8/3r4AlFPc4m/n5sTMtuMbOL3kNtrQ==
+  dependencies:
+    "@jest/core" "^26.5.2"
     import-local "^3.0.2"
-    jest-cli "^25.5.4"
+    jest-cli "^26.5.2"
 
 js-beautify@^1.6.12:
   version "1.10.3"
@@ -7443,36 +7581,36 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^15.2.1:
-  version "15.2.1"
-  resolved "https://registry.npm.taobao.org/jsdom/download/jsdom-15.2.1.tgz?cache=0&sync_timestamp=1585531956609&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsdom%2Fdownload%2Fjsdom-15.2.1.tgz#d2feb1aef7183f86be521b8c6833ff5296d07ec5"
-  integrity sha1-0v6xrvcYP4a+UhuMaDP/UpbQfsU=
+jsdom@^16.4.0:
+  version "16.4.0"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-16.4.0.tgz#36005bde2d136f73eee1a830c6d45e55408edddb"
+  integrity sha512-lYMm3wYdgPhrl7pDcRmvzPhhrGVBeVhPIqeHjzeiHN3DFmD1RBpbExbi8vU7BJdH8VAZYovR8DMt0PNNDM7k8w==
   dependencies:
-    abab "^2.0.0"
-    acorn "^7.1.0"
-    acorn-globals "^4.3.2"
-    array-equal "^1.0.0"
-    cssom "^0.4.1"
-    cssstyle "^2.0.0"
-    data-urls "^1.1.0"
-    domexception "^1.0.1"
-    escodegen "^1.11.1"
-    html-encoding-sniffer "^1.0.2"
+    abab "^2.0.3"
+    acorn "^7.1.1"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.2.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.0"
+    domexception "^2.0.1"
+    escodegen "^1.14.1"
+    html-encoding-sniffer "^2.0.1"
+    is-potential-custom-element-name "^1.0.0"
     nwsapi "^2.2.0"
-    parse5 "5.1.0"
-    pn "^1.1.0"
-    request "^2.88.0"
-    request-promise-native "^1.0.7"
-    saxes "^3.1.9"
-    symbol-tree "^3.2.2"
+    parse5 "5.1.1"
+    request "^2.88.2"
+    request-promise-native "^1.0.8"
+    saxes "^5.0.0"
+    symbol-tree "^3.2.4"
     tough-cookie "^3.0.1"
-    w3c-hr-time "^1.0.1"
-    w3c-xmlserializer "^1.1.2"
-    webidl-conversions "^4.0.2"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
     whatwg-encoding "^1.0.5"
     whatwg-mimetype "^2.3.0"
-    whatwg-url "^7.0.0"
-    ws "^7.0.0"
+    whatwg-url "^8.0.0"
+    ws "^7.2.3"
     xml-name-validator "^3.0.0"
 
 jsesc@^2.5.1:
@@ -7695,6 +7833,14 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+line-column@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz#d25af2936b6f4849172b312e4792d1d987bc34a2"
+  integrity sha1-0lryk2tvSEkXKzEuR5LR2Ye8NKI=
+  dependencies:
+    isarray "^1.0.0"
+    isobject "^2.0.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -7910,13 +8056,6 @@ loglevel@^1.6.8:
   resolved "https://registry.npm.taobao.org/loglevel/download/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
   integrity sha1-iiX7ddCSIw7NRFcnDYC1TigBEXE=
 
-lolex@^5.0.0:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/lolex/-/lolex-5.1.2.tgz#953694d098ce7c07bc5ed6d0e42bc6c0c6d5a367"
-  integrity sha512-h4hmjAvHTmd+25JSwrtTIuwbKdwg5NzZVRMLn9saij4SZaepCrTCxPr35H/3bjwfMJtN+t3CX8672UIkglz28A==
-  dependencies:
-    "@sinonjs/commons" "^1.7.0"
-
 longest-streak@^2.0.1:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
@@ -8423,6 +8562,11 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
+nanoid@^3.1.12:
+  version "3.1.12"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.1.12.tgz#6f7736c62e8d39421601e4a0c77623a97ea69654"
+  integrity sha512-1qstj9z5+x491jfiC4Nelk+f8XBad7LN20PmyWINJEMRSf3wcAjAWysw1qaA8z6NSKe2sjq1hRSDpBH5paCb6A==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -8517,22 +8661,28 @@ node-modules-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
 
-node-notifier@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-6.0.0.tgz#cea319e06baa16deec8ce5cd7f133c4a46b68e12"
-  integrity sha512-SVfQ/wMw+DesunOm5cKqr6yDcvUTDl/yc97ybGHMrteNEY6oekXpNpS3lZwgLlwz0FLgHoiW28ZpmBHUDg37cw==
+node-notifier@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/node-notifier/-/node-notifier-8.0.0.tgz#a7eee2d51da6d0f7ff5094bc7108c911240c1620"
+  integrity sha512-46z7DUmcjoYdaWyXouuFNNfUo6eFa94t23c53c+lG/9Cvauk4a98rAUp9672X5dxGdQmLpPzTxzu8f/OeEPaFA==
   dependencies:
     growly "^1.3.0"
-    is-wsl "^2.1.1"
-    semver "^6.3.0"
+    is-wsl "^2.2.0"
+    semver "^7.3.2"
     shellwords "^0.1.1"
-    which "^1.3.1"
+    uuid "^8.3.0"
+    which "^2.0.2"
 
 node-releases@^1.1.53:
   version "1.1.53"
   resolved "https://registry.npm.taobao.org/node-releases/download/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
   integrity sha1-LYIb+kme18Xf/F4vKMiOeKCO4/Q=
 
+node-releases@^1.1.61:
+  version "1.1.61"
+  resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.61.tgz#707b0fca9ce4e11783612ba4a2fcba09047af16e"
+  integrity sha512-DD5vebQLg8jLCOzwupn954fbIiZht05DAZs0k2u8NStSe6h9XdsuIQL8hSRKYiU8WUQRznmSDrKGbv3ObOmC7g==
+
 nopt@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@@ -8853,11 +9003,6 @@ p-finally@^1.0.0:
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
-p-finally@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
-  integrity sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw==
-
 p-limit@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
@@ -9059,10 +9204,10 @@ parse-url@^5.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
-parse5@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
-  integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
+parse5@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178"
+  integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
 
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
@@ -9257,11 +9402,6 @@ please-upgrade-node@^3.2.0:
   dependencies:
     semver-compare "^1.0.0"
 
-pn@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
-  integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
-
 portfinder@^1.0.26:
   version "1.0.26"
   resolved "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.26.tgz#475658d56ca30bed72ac7f1378ed350bd1b64e70"
@@ -9469,7 +9609,7 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.1
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^7.0.30, postcss@^7.0.31:
+postcss@^7.0.30:
   version "7.0.31"
   resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.31.tgz?cache=0&sync_timestamp=1590459243202&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-7.0.31.tgz#332af45cb73e26c0ee2614d7c7fb02dfcc2bd6dd"
   integrity sha1-Myr0XLc+JsDuJhTXx/sC38wr1t0=
@@ -9478,6 +9618,16 @@ postcss@^7.0.30, postcss@^7.0.31:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+postcss@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.1.1.tgz#c3a287dd10e4f6c84cb3791052b96a5d859c9389"
+  integrity sha512-9DGLSsjooH3kSNjTZUOt2eIj2ZTW0VI2PZ/3My+8TC7KIbH2OKwUlISfDsf63EP4aiRUt3XkEWMWvyJHvJelEg==
+  dependencies:
+    colorette "^1.2.1"
+    line-column "^1.0.2"
+    nanoid "^3.1.12"
+    source-map "^0.6.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -9526,6 +9676,16 @@ pretty-format@^25.2.1, pretty-format@^25.5.0:
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
 
+pretty-format@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.2.tgz#5d896acfdaa09210683d34b6dc0e6e21423cd3e1"
+  integrity sha512-VizyV669eqESlkOikKJI8Ryxl/kPpbdLwNdPs2GrbQs18MpySB5S0Yo0N7zkg2xTRiFq4CFw8ct5Vg4a0xP0og==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    ansi-regex "^5.0.0"
+    ansi-styles "^4.0.0"
+    react-is "^16.12.0"
+
 pretty-time@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
@@ -9878,11 +10038,6 @@ readdirp@~3.4.0:
   dependencies:
     picomatch "^2.2.1"
 
-realpath-native@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/realpath-native/download/realpath-native-2.0.0.tgz#7377ac429b6e1fd599dc38d08ed942d0d7beb866"
-  integrity sha1-c3esQptuH9WZ3DjQjtlC0Ne+uGY=
-
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -10184,25 +10339,25 @@ replace-ext@1.0.0:
   resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
   integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
 
-request-promise-core@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
-  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
+request-promise-core@1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz#3eedd4223208d419867b78ce815167d10593a22f"
+  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
   dependencies:
-    lodash "^4.17.15"
+    lodash "^4.17.19"
 
-request-promise-native@^1.0.7:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
-  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
+request-promise-native@^1.0.8:
+  version "1.0.9"
+  resolved "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
+  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
   dependencies:
-    request-promise-core "1.1.3"
+    request-promise-core "1.1.4"
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@^2.83.0, request@^2.88.0:
+request@^2.83.0, request@^2.88.2:
   version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
+  resolved "https://registry.npmjs.org/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
   integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
   dependencies:
     aws-sign2 "~0.7.0"
@@ -10280,11 +10435,6 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
-
 resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
@@ -10451,12 +10601,12 @@ sass@^1.26.7:
   dependencies:
     chokidar ">=2.0.0 <4.0.0"
 
-saxes@^3.1.9:
-  version "3.1.11"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
-  integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
+saxes@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
   dependencies:
-    xmlchars "^2.1.1"
+    xmlchars "^2.2.0"
 
 schema-utils@2.7.0:
   version "2.7.0"
@@ -10919,10 +11069,12 @@ ssri@^6.0.1:
   dependencies:
     figgy-pudding "^3.5.1"
 
-stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+stack-utils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.2.tgz#5cf48b4557becb4638d0bc4f21d23f5d19586593"
+  integrity sha512-0H7QK2ECz3fyZMzQ8rH0j2ykpfbnd20BFtfg/SqVC2+sCTtcw0aDTGB7dk+de4U4uUeuz6nOtJcrkFFLG1B0Rg==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 stackframe@^1.1.1:
   version "1.1.1"
@@ -11008,13 +11160,13 @@ string-argv@0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
   integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 
-string-length@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-3.1.0.tgz#107ef8c23456e187a8abd4a61162ff4ac6e25837"
-  integrity sha512-Ttp5YvkGm5v9Ijagtaz1BnN+k9ObpvS0eIBblPMp2YWL8FBmi9qblQ9fexc2k/CXFgrTIteU3jAw3payCnwSTA==
+string-length@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
+  integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7eMr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
   dependencies:
-    astral-regex "^1.0.0"
-    strip-ansi "^5.2.0"
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
 
 string-width@^2.0.0:
   version "2.1.1"
@@ -11423,9 +11575,9 @@ svg-tags@^1.0.0:
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
   integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
 
-symbol-tree@^3.2.2:
+symbol-tree@^3.2.4:
   version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
 table@^5.0.0, table@^5.2.3, table@^5.4.6:
@@ -11628,12 +11780,12 @@ tough-cookie@^3.0.1:
     psl "^1.1.28"
     punycode "^2.1.1"
 
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
+tr46@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-2.0.2.tgz#03273586def1595ae08fedb38d7733cee91d2479"
+  integrity sha512-3n1qG+/5kg+jrbTzwAykB5yRYtQCTqOGKq5U5PE3b0a1/mzo6snDhjGS0zJVJunO0NrT3Dg1MLy5TjWP/UJppg==
   dependencies:
-    punycode "^2.1.0"
+    punycode "^2.1.1"
 
 transliteration@^2.1.7:
   version "2.1.8"
@@ -12153,15 +12305,20 @@ uuid@^7.0.2:
   resolved "https://registry.npm.taobao.org/uuid/download/uuid-7.0.3.tgz?cache=0&sync_timestamp=1588192989289&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-7.0.3.tgz#c5c9f2c8cf25dc0a372c4df1441c41f5bd0c680b"
   integrity sha1-xcnyyM8l3Ao3LE3xRBxB9b0MaAs=
 
+uuid@^8.3.0:
+  version "8.3.1"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
+  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
+
 v8-compile-cache@^2.0.3, v8-compile-cache@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
   integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==
 
-v8-to-istanbul@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.npm.taobao.org/v8-to-istanbul/download/v8-to-istanbul-4.1.3.tgz#22fe35709a64955f49a08a7c7c959f6520ad6f20"
-  integrity sha1-Iv41cJpklV9JoIp8fJWfZSCtbyA=
+v8-to-istanbul@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-5.0.1.tgz#0608f5b49a481458625edb058488607f25498ba5"
+  integrity sha512-mbDNjuDajqYe3TXFk5qxcQy8L1msXNE37WTlLoqqpBfRsimbNcrlhQlDPntmECEcUvdC+AQ8CyMMf6EUx1r74Q==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
@@ -12285,20 +12442,18 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-w3c-hr-time@^1.0.1:
+w3c-hr-time@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  resolved "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
   integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
   dependencies:
     browser-process-hrtime "^1.0.0"
 
-w3c-xmlserializer@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz#30485ca7d70a6fd052420a3d12fd90e6339ce794"
-  integrity sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
   dependencies:
-    domexception "^1.0.1"
-    webidl-conversions "^4.0.2"
     xml-name-validator "^3.0.0"
 
 walker@^1.0.7, walker@~1.0.5:
@@ -12331,10 +12486,15 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-webidl-conversions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
+webidl-conversions@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
+  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
 webpack-dev-middleware@^3.7.2:
   version "3.7.2"
@@ -12394,12 +12554,13 @@ webpack-log@^2.0.0:
     ansi-colors "^3.0.0"
     uuid "^3.3.2"
 
-webpack-merge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
-  integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==
+webpack-merge@^5.0.0:
+  version "5.1.4"
+  resolved "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.1.4.tgz#a2c3a0c38ac2c02055c47bb1d42de1f072f1aea4"
+  integrity sha512-LSmRD59mxREGkCBm9PCW3AaV4doDqxykGlx1NvioEE0FgkT2GQI54Wyvg39ptkiq2T11eRVoV39udNPsQvK+QQ==
   dependencies:
-    lodash "^4.17.15"
+    clone-deep "^4.0.1"
+    wildcard "^2.0.0"
 
 webpack-sources@^1.4.0, webpack-sources@^1.4.1:
   version "1.4.3"
@@ -12473,26 +12634,26 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
+whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
   integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
+whatwg-mimetype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
-whatwg-url@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
+whatwg-url@^8.0.0:
+  version "8.3.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.3.0.tgz#d1e11e565334486cdb280d3101b9c3fd1c867582"
+  integrity sha512-BQRf/ej5Rp3+n7k0grQXZj9a1cHtsp4lqj01p59xBWFKdezR8sO37XnpafwNqiFac/v2Il12EIMjX/Y4VZtT8Q==
   dependencies:
     lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
+    tr46 "^2.0.2"
+    webidl-conversions "^6.1.0"
 
 which-module@^2.0.0:
   version "2.0.0"
@@ -12525,6 +12686,11 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
+
 window-size@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-1.1.1.tgz#9858586580ada78ab26ecd6978a6e03115c1af20"
@@ -12604,10 +12770,10 @@ ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
-ws@^7.0.0:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.1.tgz#03ed52423cd744084b2cf42ed197c8b65a936b8e"
-  integrity sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==
+ws@^7.2.3:
+  version "7.3.1"
+  resolved "https://registry.npmjs.org/ws/-/ws-7.3.1.tgz#d0547bf67f7ce4f12a72dfe31262c68d7dc551c8"
+  integrity sha512-D3RuNkynyHmEJIpD2qrgVkc9DQ23OrN/moAwZX4L8DfvszsJxpjQuUq3LMx6HoYji9fbIOBY18XWBsAux1ZZUA==
 
 x-is-string@^0.1.0:
   version "0.1.0"
@@ -12624,9 +12790,9 @@ xml-name-validator@^3.0.0:
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-xmlchars@^2.1.1:
+xmlchars@^2.2.0:
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
 xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
@@ -12668,7 +12834,7 @@ yargs-parser@10.x, yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
+yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
@@ -12700,7 +12866,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2, yargs@^15.3.1:
+yargs@^15.0.2:
   version "15.3.1"
   resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
   integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
@@ -12716,3 +12882,20 @@ yargs@^15.0.2, yargs@^15.3.1:
     which-module "^2.0.0"
     y18n "^4.0.0"
     yargs-parser "^18.1.1"
+
+yargs@^15.4.1:
+  version "15.4.1"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"

From 94fa6973faa43105f1fc841e66c0b04591e7eeca Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 08:12:59 +0800
Subject: [PATCH 557/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |   12 +-
 packages/vant-cli/yarn.lock    | 1002 +++++---------------------------
 2 files changed, 139 insertions(+), 875 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 0f7b3e584..3adf6f36c 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -74,7 +74,7 @@
     "eslint": "^7.0.0",
     "fast-glob": "^3.2.2",
     "fork-ts-checker-webpack-plugin": "^5.0.0",
-    "gh-pages": "^2.2.0",
+    "gh-pages": "^3.0.0",
     "hash-sum": "^2.0.0",
     "html-webpack-plugin": "4.3.0",
     "husky": "^4.2.5",
@@ -82,13 +82,13 @@
     "jest-canvas-mock": "^2.2.0",
     "jest-serializer-vue": "^2.0.2",
     "less": "^3.11.1",
-    "less-loader": "^6.1.0",
+    "less-loader": "^7.0.0",
     "lint-staged": "^10.2.7",
     "lodash": "^4.17.15",
-    "ora": "^4.0.4",
+    "ora": "^5.0.0",
     "portfinder": "^1.0.26",
     "postcss": "^8.0.0",
-    "postcss-loader": "^3.0.0",
+    "postcss-loader": "^4.0.0",
     "prettier": "^2.0.5",
     "release-it": "^13.6.1",
     "sass": "^1.26.7",
@@ -96,9 +96,9 @@
     "style-loader": "^1.2.1",
     "stylelint": "^13.5.0",
     "typescript": "^4.0.0",
-    "vue-jest": "^5.0.0-alpha.3",
+    "vue-jest": "^5.0.0-alpha.4",
     "vue-loader": "^16.0.0-beta.7",
-    "vue-router": "^4.0.0-beta.10",
+    "vue-router": "^4.0.0-beta.13",
     "webpack": "^4.43.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^5.0.0",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 46032cfbe..c61b4701e 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,21 +2,7 @@
 # yarn lockfile v1
 
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
-  integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
-  dependencies:
-    "@babel/highlight" "^7.8.3"
-
-"@babel/code-frame@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.1.tgz?cache=0&sync_timestamp=1590617448103&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcode-frame%2Fdownload%2F%40babel%2Fcode-frame-7.10.1.tgz#d5481c5095daa1c57e16e54c6f9198443afb49ff"
-  integrity sha1-1UgcUJXaocV+FuVMb5GYRDr7Sf8=
-  dependencies:
-    "@babel/highlight" "^7.10.1"
-
-"@babel/code-frame@^7.10.4":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.1", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.8.3":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
   integrity sha1-Fo2ho26Q2miujUnA8bSMfGJJITo=
@@ -32,29 +18,7 @@
     invariant "^2.2.4"
     semver "^5.5.0"
 
-"@babel/core@>=7.2.2", "@babel/core@>=7.9.0", "@babel/core@^7.1.0", "@babel/core@^7.7.5":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/core/download/@babel/core-7.9.6.tgz?cache=0&sync_timestamp=1588185765310&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcore%2Fdownload%2F%40babel%2Fcore-7.9.6.tgz#d9aa1f580abf3b2286ef40b6904d390904c63376"
-  integrity sha1-2aofWAq/OyKG70C2kE05CQTGM3Y=
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/generator" "^7.9.6"
-    "@babel/helper-module-transforms" "^7.9.0"
-    "@babel/helpers" "^7.9.6"
-    "@babel/parser" "^7.9.6"
-    "@babel/template" "^7.8.6"
-    "@babel/traverse" "^7.9.6"
-    "@babel/types" "^7.9.6"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
-    json5 "^2.1.2"
-    lodash "^4.17.13"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
-
-"@babel/core@^7.10.1":
+"@babel/core@>=7.2.2", "@babel/core@>=7.9.0", "@babel/core@^7.1.0", "@babel/core@^7.10.1", "@babel/core@^7.7.5":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/core/download/@babel/core-7.10.1.tgz#2a0ad0ea693601820defebad2140206503d89af3"
   integrity sha1-KgrQ6mk2AYIN7+utIUAgZQPYmvM=
@@ -76,17 +40,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.10.1.tgz?cache=0&sync_timestamp=1590617674069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.10.1.tgz#4d14458e539bcb04ffe34124143f5c489f2dbca9"
-  integrity sha1-TRRFjlObywT/40EkFD9cSJ8tvKk=
-  dependencies:
-    "@babel/types" "^7.10.1"
-    jsesc "^2.5.1"
-    lodash "^4.17.13"
-    source-map "^0.5.0"
-
-"@babel/generator@^7.10.5":
+"@babel/generator@^7.10.1", "@babel/generator@^7.10.5":
   version "7.10.5"
   resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.10.5.tgz?cache=0&sync_timestamp=1594750826431&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.10.5.tgz#1b903554bc8c583ee8d25f1e8969732e6b829a69"
   integrity sha1-G5A1VLyMWD7o0l8eiWlzLmuCmmk=
@@ -95,16 +49,6 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.9.6.tgz?cache=0&sync_timestamp=1588185813233&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fgenerator%2Fdownload%2F%40babel%2Fgenerator-7.9.6.tgz#5408c82ac5de98cda0d77d8124e99fa1f2170a43"
-  integrity sha1-VAjIKsXemM2g132BJOmfofIXCkM=
-  dependencies:
-    "@babel/types" "^7.9.6"
-    jsesc "^2.5.1"
-    lodash "^4.17.13"
-    source-map "^0.5.0"
-
 "@babel/helper-annotate-as-pure@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-annotate-as-pure/download/@babel/helper-annotate-as-pure-7.10.1.tgz#f6d08acc6f70bbd59b436262553fb2e259a1a268"
@@ -112,13 +56,6 @@
   dependencies:
     "@babel/types" "^7.10.1"
 
-"@babel/helper-annotate-as-pure@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.8.3.tgz#60bc0bc657f63a0924ff9a4b4a0b24a13cf4deee"
-  integrity sha512-6o+mJrZBxOoEX77Ezv9zwW7WV8DdluouRKNY/IR5u/YTMuKHgugHOzYWlYvYLpLA9nPsQCAAASpCIbjI9Mv+Uw==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-builder-binary-assignment-operator-visitor/download/@babel/helper-builder-binary-assignment-operator-visitor-7.10.1.tgz#0ec7d9be8174934532661f87783eb18d72290059"
@@ -150,7 +87,7 @@
     "@babel/helper-replace-supers" "^7.10.1"
     "@babel/helper-split-export-declaration" "^7.10.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.10.1":
+"@babel/helper-create-regexp-features-plugin@^7.10.1", "@babel/helper-create-regexp-features-plugin@^7.8.3":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-create-regexp-features-plugin/download/@babel/helper-create-regexp-features-plugin-7.10.1.tgz#1b8feeab1594cbcfbf3ab5a3bbcabac0468efdbd"
   integrity sha1-G4/uqxWUy8+/OrWju8q6wEaO/b0=
@@ -159,15 +96,6 @@
     "@babel/helper-regex" "^7.10.1"
     regexpu-core "^4.7.0"
 
-"@babel/helper-create-regexp-features-plugin@^7.8.3", "@babel/helper-create-regexp-features-plugin@^7.8.8":
-  version "7.8.8"
-  resolved "https://registry.npm.taobao.org/@babel/helper-create-regexp-features-plugin/download/@babel/helper-create-regexp-features-plugin-7.8.8.tgz#5d84180b588f560b7864efaeea89243e58312087"
-  integrity sha1-XYQYC1iPVgt4ZO+u6okkPlgxIIc=
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.8.3"
-    "@babel/helper-regex" "^7.8.3"
-    regexpu-core "^4.7.0"
-
 "@babel/helper-define-map@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-define-map/download/@babel/helper-define-map-7.10.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-define-map%2Fdownload%2F%40babel%2Fhelper-define-map-7.10.1.tgz#5e69ee8308648470dd7900d159c044c10285221d"
@@ -185,16 +113,7 @@
     "@babel/traverse" "^7.10.1"
     "@babel/types" "^7.10.1"
 
-"@babel/helper-function-name@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.10.1.tgz?cache=0&sync_timestamp=1590617676520&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-function-name%2Fdownload%2F%40babel%2Fhelper-function-name-7.10.1.tgz#92bd63829bfc9215aca9d9defa85f56b539454f4"
-  integrity sha1-kr1jgpv8khWsqdne+oX1a1OUVPQ=
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-function-name@^7.10.4":
+"@babel/helper-function-name@^7.10.1", "@babel/helper-function-name@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.10.4.tgz?cache=0&sync_timestamp=1593522836308&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-function-name%2Fdownload%2F%40babel%2Fhelper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
   integrity sha1-0tOyDFmtjEcRL6fSqUvAnV74Lxo=
@@ -203,36 +122,13 @@
     "@babel/template" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/helper-function-name@^7.9.5":
-  version "7.9.5"
-  resolved "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.9.5.tgz#2b53820d35275120e1874a82e5aabe1376920a5c"
-  integrity sha1-K1OCDTUnUSDhh0qC5aq+E3aSClw=
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.8.3"
-    "@babel/template" "^7.8.3"
-    "@babel/types" "^7.9.5"
-
-"@babel/helper-get-function-arity@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/helper-get-function-arity/download/@babel/helper-get-function-arity-7.10.1.tgz?cache=0&sync_timestamp=1590617610245&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-get-function-arity%2Fdownload%2F%40babel%2Fhelper-get-function-arity-7.10.1.tgz#7303390a81ba7cb59613895a192b93850e373f7d"
-  integrity sha1-cwM5CoG6fLWWE4laGSuThQ43P30=
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-get-function-arity@^7.10.4":
+"@babel/helper-get-function-arity@^7.10.1", "@babel/helper-get-function-arity@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/helper-get-function-arity/download/@babel/helper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
   integrity sha1-mMHL6g4jMvM/mkZhuM4VBbLBm6I=
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-get-function-arity@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
-  integrity sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
 "@babel/helper-hoist-variables@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-hoist-variables/download/@babel/helper-hoist-variables-7.10.1.tgz#7e77c82e5dcae1ebf123174c385aaadbf787d077"
@@ -247,21 +143,7 @@
   dependencies:
     "@babel/types" "^7.10.1"
 
-"@babel/helper-member-expression-to-functions@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz#659b710498ea6c1d9907e0c73f206eee7dadc24c"
-  integrity sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.8.3.tgz#7fe39589b39c016331b6b8c3f441e8f0b1419498"
-  integrity sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-module-imports@^7.10.1":
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-module-imports/download/@babel/helper-module-imports-7.10.1.tgz#dd331bd45bccc566ce77004e9d05fe17add13876"
   integrity sha1-3TMb1FvMxWbOdwBOnQX+F63ROHY=
@@ -281,19 +163,6 @@
     "@babel/types" "^7.10.1"
     lodash "^4.17.13"
 
-"@babel/helper-module-transforms@^7.9.0":
-  version "7.9.0"
-  resolved "https://registry.npm.taobao.org/@babel/helper-module-transforms/download/@babel/helper-module-transforms-7.9.0.tgz#43b34dfe15961918707d247327431388e9fe96e5"
-  integrity sha1-Q7NN/hWWGRhwfSRzJ0MTiOn+luU=
-  dependencies:
-    "@babel/helper-module-imports" "^7.8.3"
-    "@babel/helper-replace-supers" "^7.8.6"
-    "@babel/helper-simple-access" "^7.8.3"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    "@babel/template" "^7.8.6"
-    "@babel/types" "^7.9.0"
-    lodash "^4.17.13"
-
 "@babel/helper-optimise-call-expression@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-optimise-call-expression/download/@babel/helper-optimise-call-expression-7.10.1.tgz#b4a1f2561870ce1247ceddb02a3860fa96d72543"
@@ -301,24 +170,7 @@
   dependencies:
     "@babel/types" "^7.10.1"
 
-"@babel/helper-optimise-call-expression@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz#7ed071813d09c75298ef4f208956006b6111ecb9"
-  integrity sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
-  integrity sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==
-
-"@babel/helper-plugin-utils@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/helper-plugin-utils/download/@babel/helper-plugin-utils-7.10.1.tgz?cache=0&sync_timestamp=1590617710577&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-plugin-utils%2Fdownload%2F%40babel%2Fhelper-plugin-utils-7.10.1.tgz#ec5a5cf0eec925b66c60580328b122c01230a127"
-  integrity sha1-7Fpc8O7JJbZsYFgDKLEiwBIwoSc=
-
-"@babel/helper-plugin-utils@^7.10.4":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
   integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
@@ -330,13 +182,6 @@
   dependencies:
     lodash "^4.17.13"
 
-"@babel/helper-regex@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.8.3.tgz#139772607d51b93f23effe72105b319d2a4c6965"
-  integrity sha512-BWt0QtYv/cg/NecOAZMdcn/waj/5P26DR4mVLXfFtDokSR6fyuG0Pj+e2FqtSME+MqED1khnSMulkmGl8qWiUQ==
-  dependencies:
-    lodash "^4.17.13"
-
 "@babel/helper-remap-async-to-generator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-remap-async-to-generator/download/@babel/helper-remap-async-to-generator-7.10.1.tgz#bad6aaa4ff39ce8d4b82ccaae0bfe0f7dbb5f432"
@@ -358,16 +203,6 @@
     "@babel/traverse" "^7.10.1"
     "@babel/types" "^7.10.1"
 
-"@babel/helper-replace-supers@^7.8.6":
-  version "7.8.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.8.6.tgz#5ada744fd5ad73203bf1d67459a27dcba67effc8"
-  integrity sha512-PeMArdA4Sv/Wf4zXwBKPqVj7n9UF/xg6slNRtZW84FM7JpE1CbG8B612FyM4cxrf4fMAMGO0kR7voy1ForHHFA==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.8.3"
-    "@babel/helper-optimise-call-expression" "^7.8.3"
-    "@babel/traverse" "^7.8.6"
-    "@babel/types" "^7.8.6"
-
 "@babel/helper-simple-access@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-simple-access/download/@babel/helper-simple-access-7.10.1.tgz#08fb7e22ace9eb8326f7e3920a1c2052f13d851e"
@@ -376,50 +211,18 @@
     "@babel/template" "^7.10.1"
     "@babel/types" "^7.10.1"
 
-"@babel/helper-simple-access@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz#7f8109928b4dab4654076986af575231deb639ae"
-  integrity sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==
-  dependencies:
-    "@babel/template" "^7.8.3"
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-split-export-declaration@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/helper-split-export-declaration/download/@babel/helper-split-export-declaration-7.10.1.tgz?cache=0&sync_timestamp=1590617609914&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-split-export-declaration%2Fdownload%2F%40babel%2Fhelper-split-export-declaration-7.10.1.tgz#c6f4be1cbc15e3a868e4c64a17d5d31d754da35f"
-  integrity sha1-xvS+HLwV46ho5MZKF9XTHXVNo18=
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-split-export-declaration@^7.10.4":
+"@babel/helper-split-export-declaration@^7.10.1", "@babel/helper-split-export-declaration@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/helper-split-export-declaration/download/@babel/helper-split-export-declaration-7.10.4.tgz?cache=0&sync_timestamp=1593522826673&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-split-export-declaration%2Fdownload%2F%40babel%2Fhelper-split-export-declaration-7.10.4.tgz#2c70576eaa3b5609b24cb99db2888cc3fc4251d1"
   integrity sha1-LHBXbqo7VgmyTLmdsoiMw/xCUdE=
   dependencies:
     "@babel/types" "^7.10.4"
 
-"@babel/helper-split-export-declaration@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
-  integrity sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
-  dependencies:
-    "@babel/types" "^7.8.3"
-
-"@babel/helper-validator-identifier@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.1.tgz#5770b0c1a826c4f53f5ede5e153163e0318e94b5"
-  integrity sha1-V3CwwagmxPU/Xt5eFTFj4DGOlLU=
-
 "@babel/helper-validator-identifier@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
   integrity sha1-p4x6clHgH2FlEtMbEK3PUq2l4NI=
 
-"@babel/helper-validator-identifier@^7.9.5":
-  version "7.9.5"
-  resolved "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
-  integrity sha1-kJd6jm+/a0MafcMXUu7iM78FLYA=
-
 "@babel/helper-wrap-function@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/helper-wrap-function/download/@babel/helper-wrap-function-7.10.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-wrap-function%2Fdownload%2F%40babel%2Fhelper-wrap-function-7.10.1.tgz#956d1310d6696257a7afd47e4c42dfda5dfcedc9"
@@ -439,24 +242,6 @@
     "@babel/traverse" "^7.10.1"
     "@babel/types" "^7.10.1"
 
-"@babel/helpers@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/helpers/download/@babel/helpers-7.9.6.tgz?cache=0&sync_timestamp=1588185764799&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelpers%2Fdownload%2F%40babel%2Fhelpers-7.9.6.tgz#092c774743471d0bb6c7de3ad465ab3d3486d580"
-  integrity sha1-CSx3R0NHHQu2x9461GWrPTSG1YA=
-  dependencies:
-    "@babel/template" "^7.8.3"
-    "@babel/traverse" "^7.9.6"
-    "@babel/types" "^7.9.6"
-
-"@babel/highlight@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.10.1.tgz?cache=0&sync_timestamp=1590617443727&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhighlight%2Fdownload%2F%40babel%2Fhighlight-7.10.1.tgz#841d098ba613ba1a427a2b383d79e35552c38ae0"
-  integrity sha1-hB0Ji6YTuhpCeis4PXnjVVLDiuA=
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.1"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
 "@babel/highlight@^7.10.4":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.10.4.tgz?cache=0&sync_timestamp=1593521087106&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhighlight%2Fdownload%2F%40babel%2Fhighlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
@@ -466,26 +251,7 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/highlight@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.8.3.tgz#28f173d04223eaaa59bc1d439a3836e6d1265797"
-  integrity sha512-PX4y5xQUvy0fnEVHrYOarRPXVWafSjTW9T0Hab8gVIawpl2Sj0ORyrygANq+KjcNlSSTw0YCLSNA8OyZ1I4yEg==
-  dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.7.5", "@babel/parser@^7.8.6", "@babel/parser@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.9.6.tgz?cache=0&sync_timestamp=1588185767850&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.9.6.tgz#3b1bbb30dabe600cd72db58720998376ff653bc7"
-  integrity sha1-Oxu7MNq+YAzXLbWHIJmDdv9lO8c=
-
-"@babel/parser@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.10.1.tgz?cache=0&sync_timestamp=1590618945392&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.10.1.tgz#2e142c27ca58aa2c7b119d09269b702c8bbad28c"
-  integrity sha1-LhQsJ8pYqix7EZ0JJptwLIu60ow=
-
-"@babel/parser@^7.10.4", "@babel/parser@^7.10.5":
+"@babel/parser@^7.1.0", "@babel/parser@^7.10.1", "@babel/parser@^7.10.4", "@babel/parser@^7.10.5":
   version "7.10.5"
   resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.10.5.tgz?cache=0&sync_timestamp=1594750682592&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fparser%2Fdownload%2F%40babel%2Fparser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
   integrity sha1-58a/Wn3v+VfOyfBLVR4nYpCdgms=
@@ -572,7 +338,7 @@
     "@babel/helper-create-class-features-plugin" "^7.10.1"
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.10.1":
+"@babel/plugin-proposal-unicode-property-regex@^7.10.1", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-unicode-property-regex/download/@babel/plugin-proposal-unicode-property-regex-7.10.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-unicode-property-regex%2Fdownload%2F%40babel%2Fplugin-proposal-unicode-property-regex-7.10.1.tgz#dc04feb25e2dd70c12b05d680190e138fa2c0c6f"
   integrity sha1-3AT+sl4t1wwSsF1oAZDhOPosDG8=
@@ -580,14 +346,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.1"
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
-  version "7.8.8"
-  resolved "https://registry.npm.taobao.org/@babel/plugin-proposal-unicode-property-regex/download/@babel/plugin-proposal-unicode-property-regex-7.8.8.tgz?cache=0&sync_timestamp=1584039006999&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-unicode-property-regex%2Fdownload%2F%40babel%2Fplugin-proposal-unicode-property-regex-7.8.8.tgz#ee3a95e90cdc04fe8cd92ec3279fa017d68a0d1d"
-  integrity sha1-7jqV6QzcBP6M2S7DJ5+gF9aKDR0=
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.8"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-async-generators@^7.8.0", "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -602,20 +360,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.10.1":
+"@babel/plugin-syntax-class-properties@^7.10.1", "@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-class-properties/download/@babel/plugin-syntax-class-properties-7.10.1.tgz?cache=0&sync_timestamp=1590617973176&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-class-properties%2Fdownload%2F%40babel%2Fplugin-syntax-class-properties-7.10.1.tgz#d5bc0645913df5b17ad7eda0fa2308330bde34c5"
   integrity sha1-1bwGRZE99bF61+2g+iMIMwveNMU=
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-syntax-class-properties@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-class-properties/download/@babel/plugin-syntax-class-properties-7.8.3.tgz#6cb933a8872c8d359bfde69bbeaae5162fd1e8f7"
-  integrity sha1-bLkzqIcsjTWb/eabvqrlFi/R6Pc=
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-dynamic-import@^7.8.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
@@ -637,20 +388,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.0.0":
+"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.10.1":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
   integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-jsx@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-jsx/download/@babel/plugin-syntax-jsx-7.10.1.tgz?cache=0&sync_timestamp=1590617717696&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-jsx%2Fdownload%2F%40babel%2Fplugin-syntax-jsx-7.10.1.tgz#0ae371134a42b91d5418feb3c8c8d43e1565d2da"
-  integrity sha1-CuNxE0pCuR1UGP6zyMjUPhVl0to=
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.1"
-
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-logical-assignment-operators/download/@babel/plugin-syntax-logical-assignment-operators-7.8.3.tgz#3995d7d7ffff432f6ddc742b47e730c054599897"
@@ -665,20 +409,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.1":
+"@babel/plugin-syntax-numeric-separator@^7.10.1", "@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-numeric-separator/download/@babel/plugin-syntax-numeric-separator-7.10.1.tgz?cache=0&sync_timestamp=1590617975297&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-syntax-numeric-separator%2Fdownload%2F%40babel%2Fplugin-syntax-numeric-separator-7.10.1.tgz#25761ee7410bc8cf97327ba741ee94e4a61b7d99"
   integrity sha1-JXYe50ELyM+XMnunQe6U5KYbfZk=
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-syntax-numeric-separator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.npm.taobao.org/@babel/plugin-syntax-numeric-separator/download/@babel/plugin-syntax-numeric-separator-7.8.3.tgz#0e3fb63e09bea1b11e96467271c8308007e7c41f"
-  integrity sha1-Dj+2Pgm+obEelkZyccgwgAfnxB8=
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
@@ -773,7 +510,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-transform-dotall-regex@^7.10.1":
+"@babel/plugin-transform-dotall-regex@^7.10.1", "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-transform-dotall-regex/download/@babel/plugin-transform-dotall-regex-7.10.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-dotall-regex%2Fdownload%2F%40babel%2Fplugin-transform-dotall-regex-7.10.1.tgz#920b9fec2d78bb57ebb64a644d5c2ba67cc104ee"
   integrity sha1-kguf7C14u1frtkpkTVwrpnzBBO4=
@@ -781,14 +518,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.1"
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-transform-dotall-regex@^7.4.4":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz#c3c6ec5ee6125c6993c5cbca20dc8621a9ea7a6e"
-  integrity sha512-kLs1j9Nn4MQoBYdRXH6AeaXMbEJFaFu/v1nQkvib6QzTj8MZI5OQzqmD83/2jEM1z0DLilra5aWO5YpyC0ALIw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
-
 "@babel/plugin-transform-duplicate-keys@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-transform-duplicate-keys/download/@babel/plugin-transform-duplicate-keys-7.10.1.tgz?cache=0&sync_timestamp=1590617721219&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-duplicate-keys%2Fdownload%2F%40babel%2Fplugin-transform-duplicate-keys-7.10.1.tgz#c900a793beb096bc9d4d0a9d0cde19518ffc83b9"
@@ -842,7 +571,7 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.10.1":
+"@babel/plugin-transform-modules-commonjs@^7.10.1", "@babel/plugin-transform-modules-commonjs@^7.2.0":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-commonjs/download/@babel/plugin-transform-modules-commonjs-7.10.1.tgz#d5ff4b4413ed97ffded99961056e1fb980fb9301"
   integrity sha1-1f9LRBPtl//e2ZlhBW4fuYD7kwE=
@@ -852,16 +581,6 @@
     "@babel/helper-simple-access" "^7.10.1"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.2.0":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-commonjs/download/@babel/plugin-transform-modules-commonjs-7.9.6.tgz?cache=0&sync_timestamp=1588185815494&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-commonjs%2Fdownload%2F%40babel%2Fplugin-transform-modules-commonjs-7.9.6.tgz#64b7474a4279ee588cacd1906695ca721687c277"
-  integrity sha1-ZLdHSkJ57liMrNGQZpXKchaHwnc=
-  dependencies:
-    "@babel/helper-module-transforms" "^7.9.0"
-    "@babel/helper-plugin-utils" "^7.8.3"
-    "@babel/helper-simple-access" "^7.8.3"
-    babel-plugin-dynamic-import-node "^2.3.3"
-
 "@babel/plugin-transform-modules-systemjs@^7.10.1":
   version "7.10.1"
   resolved "https://registry.npm.taobao.org/@babel/plugin-transform-modules-systemjs/download/@babel/plugin-transform-modules-systemjs-7.10.1.tgz#9962e4b0ac6aaf2e20431ada3d8ec72082cbffb6"
@@ -1098,23 +817,14 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-transform-typescript" "^7.10.1"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.8.4":
   version "7.9.6"
   resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.9.6.tgz?cache=0&sync_timestamp=1588185696009&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.9.6.tgz#a9102eb5cadedf3f31d08a9ecf294af7827ea29f"
   integrity sha1-qRAutcre3z8x0IqezylK94J+op8=
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/template@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/template/download/@babel/template-7.10.1.tgz?cache=0&sync_timestamp=1590617618259&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftemplate%2Fdownload%2F%40babel%2Ftemplate-7.10.1.tgz#e167154a94cb5f14b28dc58f5356d2162f539811"
-  integrity sha1-4WcVSpTLXxSyjcWPU1bSFi9TmBE=
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/template@^7.10.4":
+"@babel/template@^7.10.1", "@babel/template@^7.10.4", "@babel/template@^7.3.3":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/template/download/@babel/template-7.10.4.tgz?cache=0&sync_timestamp=1593522831608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftemplate%2Fdownload%2F%40babel%2Ftemplate-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
   integrity sha1-MlGZbEIA68cdGo/EBfupQPNrong=
@@ -1123,16 +833,7 @@
     "@babel/parser" "^7.10.4"
     "@babel/types" "^7.10.4"
 
-"@babel/template@^7.3.3", "@babel/template@^7.7.4", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
-  version "7.8.6"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
-  integrity sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/parser" "^7.8.6"
-    "@babel/types" "^7.8.6"
-
-"@babel/traverse@^7.0.0":
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.10.1":
   version "7.10.5"
   resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.10.5.tgz?cache=0&sync_timestamp=1594750826800&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftraverse%2Fdownload%2F%40babel%2Ftraverse-7.10.5.tgz#77ce464f5b258be265af618d8fddf0536f20b564"
   integrity sha1-d85GT1sli+Jlr2GNj93wU28gtWQ=
@@ -1147,55 +848,7 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.7.4", "@babel/traverse@^7.8.6", "@babel/traverse@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.9.6.tgz?cache=0&sync_timestamp=1588185695166&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftraverse%2Fdownload%2F%40babel%2Ftraverse-7.9.6.tgz#5540d7577697bf619cc57b92aa0f1c231a94f442"
-  integrity sha1-VUDXV3aXv2GcxXuSqg8cIxqU9EI=
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/generator" "^7.9.6"
-    "@babel/helper-function-name" "^7.9.5"
-    "@babel/helper-split-export-declaration" "^7.8.3"
-    "@babel/parser" "^7.9.6"
-    "@babel/types" "^7.9.6"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
-"@babel/traverse@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.10.1.tgz#bbcef3031e4152a6c0b50147f4958df54ca0dd27"
-  integrity sha1-u87zAx5BUqbAtQFH9JWN9Uyg3Sc=
-  dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/generator" "^7.10.1"
-    "@babel/helper-function-name" "^7.10.1"
-    "@babel/helper-split-export-declaration" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
-"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.9.6.tgz?cache=0&sync_timestamp=1588185770735&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.9.6.tgz#2c5502b427251e9de1bd2dff95add646d95cc9f7"
-  integrity sha1-LFUCtCclHp3hvS3/la3WRtlcyfc=
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.9.5"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.10.1.tgz?cache=0&sync_timestamp=1590644750786&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.10.1.tgz#6886724d31c8022160a7db895e6731ca33483921"
-  integrity sha1-aIZyTTHIAiFgp9uJXmcxyjNIOSE=
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.10.1"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.10.4", "@babel/types@^7.10.5":
+"@babel/types@^7.0.0", "@babel/types@^7.10.1", "@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.10.5"
   resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.10.5.tgz?cache=0&sync_timestamp=1594750825865&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Ftypes%2Fdownload%2F%40babel%2Ftypes-7.10.5.tgz#d88ae7e2fde86bfbfe851d4d81afa70a997b5d15"
   integrity sha1-2Irn4v3oa/v+hR1Nga+nCpl7XRU=
@@ -1376,27 +1029,6 @@
     jest-runner "^26.5.2"
     jest-runtime "^26.5.2"
 
-"@jest/transform@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.npm.taobao.org/@jest/transform/download/@jest/transform-26.0.1.tgz#0e3ecbb34a11cd4b2080ed0a9c4856cf0ceb0639"
-  integrity sha1-Dj7Ls0oRzUsggO0KnEhWzwzrBjk=
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^26.0.1"
-    babel-plugin-istanbul "^6.0.0"
-    chalk "^4.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^26.0.1"
-    jest-regex-util "^26.0.0"
-    jest-util "^26.0.1"
-    micromatch "^4.0.2"
-    pirates "^4.0.1"
-    slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
-
 "@jest/transform@^26.5.2":
   version "26.5.2"
   resolved "https://registry.npmjs.org/@jest/transform/-/transform-26.5.2.tgz#6a0033a1d24316a1c75184d010d864f2c681bef5"
@@ -1428,16 +1060,6 @@
     "@types/yargs" "^15.0.0"
     chalk "^3.0.0"
 
-"@jest/types@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.npm.taobao.org/@jest/types/download/@jest/types-26.0.1.tgz?cache=0&sync_timestamp=1588675382715&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40jest%2Ftypes%2Fdownload%2F%40jest%2Ftypes-26.0.1.tgz#b78333fbd113fa7aec8d39de24f88de8686dac67"
-  integrity sha1-t4Mz+9ET+nrsjTneJPiN6GhtrGc=
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^1.1.1"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
 "@jest/types@^26.5.2":
   version "26.5.2"
   resolved "https://registry.npmjs.org/@jest/types/-/types-26.5.2.tgz#44c24f30c8ee6c7f492ead9ec3f3c62a5289756d"
@@ -1583,14 +1205,7 @@
     "@octokit/plugin-request-log" "^1.0.0"
     "@octokit/plugin-rest-endpoint-methods" "3.11.0"
 
-"@octokit/types@^2.0.0", "@octokit/types@^2.12.1":
-  version "2.12.2"
-  resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-2.12.2.tgz?cache=0&sync_timestamp=1588056429270&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Ftypes%2Fdownload%2F%40octokit%2Ftypes-2.12.2.tgz#e9fbffa294adb54140946d436da9f73bc94b169c"
-  integrity sha1-6fv/opSttUFAlG1Dban3O8lLFpw=
-  dependencies:
-    "@types/node" ">= 8"
-
-"@octokit/types@^2.16.0":
+"@octokit/types@^2.0.0", "@octokit/types@^2.12.1", "@octokit/types@^2.16.0":
   version "2.16.2"
   resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-2.16.2.tgz?cache=0&sync_timestamp=1590387414021&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Ftypes%2Fdownload%2F%40octokit%2Ftypes-2.16.2.tgz#4c5f8da3c6fecf3da1811aef678fda03edac35d2"
   integrity sha1-TF+No8b+zz2hgRrvZ4/aA+2sNdI=
@@ -1667,7 +1282,7 @@
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
   integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
 
-"@types/babel__core@^7.0.0":
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7":
   version "7.1.10"
   resolved "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.10.tgz#ca58fc195dd9734e77e57c6f2df565623636ab40"
   integrity sha512-x8OM8XzITIMyiwl5Vmo2B1cR1S1Ipkyv4mdlbJjMa1lmuKvKY9FrBbEANIaMlnWn5Rf7uO+rC/VgYabNkE17Hw==
@@ -1678,17 +1293,6 @@
     "@types/babel__template" "*"
     "@types/babel__traverse" "*"
 
-"@types/babel__core@^7.1.7":
-  version "7.1.7"
-  resolved "https://registry.npm.taobao.org/@types/babel__core/download/@types/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
-  integrity sha1-HaytiEA2SlfJjQ3UhVxt03Usa4k=
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
 "@types/babel__generator@*":
   version "7.6.1"
   resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
@@ -1704,14 +1308,7 @@
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.9.tgz#be82fab304b141c3eee81a4ce3b034d0eba1590a"
-  integrity sha512-jEFQ8L1tuvPjOI8lnpaf73oCJe+aoxL6ygqSy6c8LcW98zaC+4mzWuQIRCEvKeCOu+lbqdXcg4Uqmm1S8AP1tw==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
-"@types/babel__traverse@^7.0.4":
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
   version "7.0.15"
   resolved "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.0.15.tgz#db9e4238931eb69ef8aab0ad6523d4d4caa39d03"
   integrity sha512-Pzh9O3sTK8V6I1olsXpCfj2k/ygO2q1X0vhhnDrEQyYLHZesWz+zMZMVcwXLCYf0U36EtmyYaFGPfXlTtDHe3A==
@@ -1867,12 +1464,7 @@
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
 
-"@types/json-schema@^7.0.3":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
-  integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
-
-"@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5":
+"@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5":
   version "7.0.6"
   resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.6.tgz?cache=0&sync_timestamp=1598910652146&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson-schema%2Fdownload%2F%40types%2Fjson-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
   integrity sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA=
@@ -2027,19 +1619,7 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
-"@types/webpack@*", "@types/webpack@^4.41.8":
-  version "4.41.12"
-  resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.12.tgz?cache=0&sync_timestamp=1588202205378&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fwebpack%2Fdownload%2F%40types%2Fwebpack-4.41.12.tgz#0386ee2a2814368e2f2397abb036c0bf173ff6c3"
-  integrity sha1-A4buKigUNo4vI5ersDbAvxc/9sM=
-  dependencies:
-    "@types/anymatch" "*"
-    "@types/node" "*"
-    "@types/tapable" "*"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    source-map "^0.6.0"
-
-"@types/webpack@^4.41.13":
+"@types/webpack@*", "@types/webpack@^4.41.13", "@types/webpack@^4.41.8":
   version "4.41.13"
   resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
   integrity sha1-mI0RTIkT0Dm4oOBQKn/k8fhPPV4=
@@ -2454,22 +2034,12 @@ ajv-errors@^1.0.0:
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
   integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
 
-ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
-  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
+ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
-ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.5.5:
-  version "6.12.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.0.tgz#06d60b96d87b8454a5adaba86e7854da629db4b7"
-  integrity sha512-D6gFiFA0RRLyUbvijN74DWAjXSFxWKaWP7mldxkVhyhAV3+SWA9HEJPHQ2c9soIeTFJqcSdFDGFgdqs1iUU2Hw==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ajv@^6.12.2:
+ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.5.5:
   version "6.12.5"
   resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.5.tgz?cache=0&sync_timestamp=1600261962070&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
   integrity sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=
@@ -2783,21 +2353,7 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
   integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
 
-babel-jest@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.npm.taobao.org/babel-jest/download/babel-jest-26.0.1.tgz#450139ce4b6c17174b136425bda91885c397bc46"
-  integrity sha1-RQE5zktsFxdLE2QlvakYhcOXvEY=
-  dependencies:
-    "@jest/transform" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    "@types/babel__core" "^7.1.7"
-    babel-plugin-istanbul "^6.0.0"
-    babel-preset-jest "^26.0.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    slash "^3.0.0"
-
-babel-jest@^26.5.2:
+babel-jest@^26.0.1, babel-jest@^26.5.2:
   version "26.5.2"
   resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-26.5.2.tgz#164f367a35946c6cf54eaccde8762dec50422250"
   integrity sha512-U3KvymF3SczA3vOL/cgiUFOznfMET+XDIXiWnoJV45siAp2pLMG8i2+/MGZlAC3f/F6Q40LR4M4qDrWZ9wkK8A==
@@ -2848,15 +2404,6 @@ babel-plugin-istanbul@^6.0.0:
     istanbul-lib-instrument "^4.0.0"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.npm.taobao.org/babel-plugin-jest-hoist/download/babel-plugin-jest-hoist-26.0.0.tgz?cache=0&sync_timestamp=1588614907530&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-plugin-jest-hoist%2Fdownload%2Fbabel-plugin-jest-hoist-26.0.0.tgz#fd1d35f95cf8849fc65cb01b5e58aedd710b34a8"
-  integrity sha1-/R01+Vz4hJ/GXLAbXliu3XELNKg=
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__traverse" "^7.0.6"
-
 babel-plugin-jest-hoist@^26.5.0:
   version "26.5.0"
   resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.5.0.tgz#3916b3a28129c29528de91e5784a44680db46385"
@@ -2867,22 +2414,6 @@ babel-plugin-jest-hoist@^26.5.0:
     "@types/babel__core" "^7.0.0"
     "@types/babel__traverse" "^7.0.6"
 
-babel-preset-current-node-syntax@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.npm.taobao.org/babel-preset-current-node-syntax/download/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
-  integrity sha1-+0pMUf44ymD+3h3HSrNeuEPLQdY=
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.8.3"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
 babel-preset-current-node-syntax@^0.1.3:
   version "0.1.4"
   resolved "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.4.tgz#826f1f8e7245ad534714ba001f84f7e906c3b615"
@@ -2900,14 +2431,6 @@ babel-preset-current-node-syntax@^0.1.3:
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-babel-preset-jest@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.npm.taobao.org/babel-preset-jest/download/babel-preset-jest-26.0.0.tgz#1eac82f513ad36c4db2e9263d7c485c825b1faa6"
-  integrity sha1-HqyC9ROtNsTbLpJj18SFyCWx+qY=
-  dependencies:
-    babel-plugin-jest-hoist "^26.0.0"
-    babel-preset-current-node-syntax "^0.1.2"
-
 babel-preset-jest@^26.5.0:
   version "26.5.0"
   resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-26.5.0.tgz#f1b166045cd21437d1188d29f7fba470d5bdb0e7"
@@ -3140,27 +2663,7 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.11.1, browserslist@^4.8.3:
-  version "4.11.1"
-  resolved "https://registry.npm.taobao.org/browserslist/download/browserslist-4.11.1.tgz?cache=0&sync_timestamp=1585600876122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-4.11.1.tgz#92f855ee88d6e050e7e7311d987992014f1a1f1b"
-  integrity sha1-kvhV7ojW4FDn5zEdmHmSAU8aHxs=
-  dependencies:
-    caniuse-lite "^1.0.30001038"
-    electron-to-chromium "^1.3.390"
-    node-releases "^1.1.53"
-    pkg-up "^2.0.0"
-
-browserslist@^4.12.0:
-  version "4.12.0"
-  resolved "https://registry.npm.taobao.org/browserslist/download/browserslist-4.12.0.tgz#06c6d5715a1ede6c51fc39ff67fd647f740b656d"
-  integrity sha1-BsbVcVoe3mxR/Dn/Z/1kf3QLZW0=
-  dependencies:
-    caniuse-lite "^1.0.30001043"
-    electron-to-chromium "^1.3.413"
-    node-releases "^1.1.53"
-    pkg-up "^2.0.0"
-
-browserslist@^4.14.5:
+browserslist@^4.11.1, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.8.3:
   version "4.14.5"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
   integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
@@ -3390,17 +2893,7 @@ camelcase@^6.0.0:
   resolved "https://registry.npm.taobao.org/camelcase/download/camelcase-6.0.0.tgz#5259f7c30e35e278f1bdc2a4d91230b37cad981e"
   integrity sha1-Uln3ww414njxvcKk2RIws3ytmB4=
 
-caniuse-lite@^1.0.30001038, caniuse-lite@^1.0.30001039:
-  version "1.0.30001040"
-  resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001040.tgz#103fc8e6eb1d7397e95134cd0e996743353d58ea"
-  integrity sha1-ED/I5usdc5fpUTTNDplnQzU9WOo=
-
-caniuse-lite@^1.0.30001043:
-  version "1.0.30001066"
-  resolved "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001066.tgz#0a8a58a10108f2b9bf38e7b65c237b12fd9c5f04"
-  integrity sha1-CopYoQEI8rm/OOe2XCN7Ev2cXwQ=
-
-caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137:
+caniuse-lite@^1.0.30001039, caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137:
   version "1.0.30001144"
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001144.tgz#bca0fffde12f97e1127a351fec3bfc1971aa3b3d"
   integrity sha512-4GQTEWNMnVZVOFG3BK0xvGeaDAtiPAbG2N8yuMXuXzx/c2Vd4XoMPO8+E918zeXn5IF0FRVtGShBfkfQea2wHQ==
@@ -3422,7 +2915,7 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz#ac82a944905a65ce204eb03023157edf29425c17"
   integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==
 
-chalk@4.0.0, chalk@^4.0.0:
+chalk@4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.0.0.tgz#6e98081ed2d17faab615eb52ac66ec1fe6209e72"
   integrity sha1-bpgIHtLRf6q2FetSrGbsH+YgnnI=
@@ -3447,7 +2940,7 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^4.1.0:
+chalk@^4.0.0, chalk@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1592843133653&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
   integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
@@ -3588,10 +3081,10 @@ cli-cursor@^3.1.0:
   dependencies:
     restore-cursor "^3.1.0"
 
-cli-spinners@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
-  integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
+cli-spinners@^2.2.0, cli-spinners@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.4.0.tgz#c6256db216b878cfba4720e719cec7cf72685d7f"
+  integrity sha512-sJAofoarcm76ZGpuooaO0eDy8saEy+YoZBLjC4h8srt4jeBnkYeOgqxgsJQTpyt2LjI5PTfLJHSL+41Yu4fEJA==
 
 cli-truncate@2.1.0, cli-truncate@^2.1.0:
   version "2.1.0"
@@ -3852,12 +3345,7 @@ connect-history-api-fallback@^1.6.0:
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
   integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
 
-consola@^2.10.0, consola@^2.6.0:
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-2.11.3.tgz#f7315836224c143ac5094b47fd4c816c2cd1560e"
-  integrity sha512-aoW0YIIAmeftGR8GSpw6CGQluNdkWMWh3yEFjH/hmynTYnMtibXszii3lxCXmk8YxJtI3FAK5aTiquA5VH68Gw==
-
-consola@^2.12.2:
+consola@^2.10.0, consola@^2.12.2, consola@^2.6.0:
   version "2.12.2"
   resolved "https://registry.npm.taobao.org/consola/download/consola-2.12.2.tgz#9610f158e7b0a9ecc8f8bb0c4fc8e7c52bf41d05"
   integrity sha1-lhDxWOewqezI+LsMT8jnxSv0HQU=
@@ -4111,6 +3599,17 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
+cosmiconfig@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-ecdh@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@@ -4160,16 +3659,7 @@ cross-spawn@^6.0.0:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.1.tgz#0ab56286e0f7c24e153d04cc2aa027e43a9a5d14"
-  integrity sha512-u7v4o84SwFpD32Z8IIcPZ6z1/ie24O6RU3RbtL5Y316l3KuHVPx9ItBgWQ6VlfAFnRnTtMUrsQ9MUUTuEZjogg==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-cross-spawn@^7.0.2:
+cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -4712,16 +4202,6 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
-electron-to-chromium@^1.3.390:
-  version "1.3.393"
-  resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.393.tgz?cache=0&sync_timestamp=1585801325808&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felectron-to-chromium%2Fdownload%2Felectron-to-chromium-1.3.393.tgz#d13fa4cbf5065e18451c84465d22aef6aca9a911"
-  integrity sha1-0T+ky/UGXhhFHIRGXSKu9qypqRE=
-
-electron-to-chromium@^1.3.413:
-  version "1.3.453"
-  resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.453.tgz#758a8565a64b7889b27132a51d2abb8b135c9d01"
-  integrity sha1-dYqFZaZLeImycTKlHSq7ixNcnQE=
-
 electron-to-chromium@^1.3.571:
   version "1.3.577"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz#9885f3f72c6e3367010b461ff6f2d9624a929720"
@@ -4829,24 +4309,7 @@ error-stack-parser@^2.0.0:
   dependencies:
     stackframe "^1.1.1"
 
-es-abstract@^1.17.0, es-abstract@^1.17.0-next.1:
-  version "1.17.4"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184"
-  integrity sha512-Ae3um/gb8F0mui/jPL+QiqmglkUsaQf7FwBEHYIFkztkneosu9imhqHpBzQ3h1vit8t5iQ74t6PEVvphBZiuiQ==
-  dependencies:
-    es-to-primitive "^1.2.1"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.1"
-    is-callable "^1.1.5"
-    is-regex "^1.0.5"
-    object-inspect "^1.7.0"
-    object-keys "^1.1.1"
-    object.assign "^4.1.0"
-    string.prototype.trimleft "^2.1.1"
-    string.prototype.trimright "^2.1.1"
-
-es-abstract@^1.17.5:
+es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.5:
   version "1.17.6"
   resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.6.tgz#9142071707857b2cacc7b89ecb670316c3e2d52a"
   integrity sha512-Fr89bON3WFyUi5EvAeI48QTWX0AyekGgLA8H+c+7fbfCkJwRWRMLd8CQedNEyJuoYYhmtEqY92pgte1FAhBlhw==
@@ -4978,15 +4441,7 @@ eslint-scope@^4.0.3:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-scope@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
-  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^5.1.0:
+eslint-scope@^5.0.0, eslint-scope@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
   integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
@@ -4994,26 +4449,14 @@ eslint-scope@^5.1.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
-  integrity sha1-e+HMcPJ6cqds0UqmmLyr7WiQ4c0=
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-utils@^2.1.0:
+eslint-utils@^2.0.0, eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
   integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-visitor-keys@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
-  integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
-
-eslint-visitor-keys@^1.3.0:
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -5083,14 +4526,7 @@ esprima@^4.0.0, esprima@^4.0.1:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.1.0.tgz#c5c0b66f383e7656404f86b31334d72524eddb48"
-  integrity sha512-MxYW9xKmROWF672KqjO75sszsA8Mxhw06YFeS5VHlB98KDHbOSurm3ArsjO60Eaf3QmGMCP1yn+0JQkNLo/97Q==
-  dependencies:
-    estraverse "^4.0.0"
-
-esquery@^1.2.0:
+esquery@^1.0.1, esquery@^1.2.0:
   version "1.3.1"
   resolved "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
   integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
@@ -5104,7 +4540,7 @@ esrecurse@^4.1.0:
   dependencies:
     estraverse "^4.1.0"
 
-estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@@ -5182,7 +4618,7 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^4.0.0:
+execa@^4.0.0, execa@^4.0.1:
   version "4.0.3"
   resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
   integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
@@ -5197,21 +4633,6 @@ execa@^4.0.0:
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
-execa@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.npm.taobao.org/execa/download/execa-4.0.2.tgz?cache=0&sync_timestamp=1590156636749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fexeca%2Fdownload%2Fexeca-4.0.2.tgz#ad87fb7b2d9d564f70d2b62d511bee41d5cbb240"
-  integrity sha1-rYf7ey2dVk9w0rYtURvuQdXLskA=
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    human-signals "^1.1.1"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.0"
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
 execall@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execall/-/execall-1.0.0.tgz#73d0904e395b3cab0658b08d09ec25307f29bb73"
@@ -5511,10 +4932,10 @@ find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-cache-dir@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.0.tgz#4d74ed1fe9ef1731467ca24378e8f8f5c8b6ed11"
-  integrity sha512-PtXtQb7IrD8O+h6Cq1dbpJH5NzD8+9keN1zZ0YlpDzl1PwXEJEBj6u1Xa92t1Hwluoozd9TNKul5Hi2iqpsWwg==
+find-cache-dir@^3.0.0, find-cache-dir@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
+  integrity sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==
   dependencies:
     commondir "^1.0.1"
     make-dir "^3.0.2"
@@ -5797,15 +5218,16 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
-gh-pages@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.npm.taobao.org/gh-pages/download/gh-pages-2.2.0.tgz#74ebeaca8d2b9a11279dcbd4a39ddfff3e6caa24"
-  integrity sha1-dOvqyo0rmhEnncvUo53f/z5sqiQ=
+gh-pages@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/gh-pages/-/gh-pages-3.1.0.tgz#ec3ed0f6a6e3fc3d888758fa018f08191c96bd55"
+  integrity sha512-3b1rly9kuf3/dXsT8+ZxP0UhNLOo1CItj+3e31yUVcaph/yDsJ9RzD7JOw5o5zpBTJVQLlJAASNkUfepi9fe2w==
   dependencies:
     async "^2.6.1"
     commander "^2.18.0"
     email-addresses "^3.0.1"
     filenamify-url "^1.0.0"
+    find-cache-dir "^3.3.1"
     fs-extra "^8.1.0"
     globby "^6.1.0"
 
@@ -6426,13 +5848,6 @@ import-cwd@3.0.0:
   dependencies:
     import-from "^3.0.0"
 
-import-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
-  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
-  dependencies:
-    import-from "^2.1.0"
-
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -6441,7 +5856,7 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
-import-fresh@^3.0.0, import-fresh@^3.1.0:
+import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
   integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
@@ -6449,13 +5864,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-from@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
-  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
-  dependencies:
-    resolve-from "^3.0.0"
-
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -6679,12 +6087,7 @@ is-buffer@^2.0.0, is-buffer@~2.0.3:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
   integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
 
-is-callable@^1.1.4, is-callable@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
-  integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
-
-is-callable@^1.2.0:
+is-callable@^1.1.4, is-callable@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz#83336560b54a38e35e3a2df7afd0454d691468bb"
   integrity sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==
@@ -6902,14 +6305,7 @@ is-promise@^2.1.0:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
   integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
 
-is-regex@^1.0.4, is-regex@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.5.tgz#39d589a358bf18967f726967120b8fc1aed74eae"
-  integrity sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==
-  dependencies:
-    has "^1.0.3"
-
-is-regex@^1.1.0:
+is-regex@^1.0.4, is-regex@^1.1.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
   integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
@@ -7056,20 +6452,7 @@ istanbul-lib-coverage@^3.0.0:
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.0.tgz#f5944a37c70b550b02a78a5c3b2055b280cec8ec"
   integrity sha512-UiUIqxMgRDET6eR+o5HbfRYP1l0hqkWOs7vNxC/mggutCMUIhWMm8gAHb8tHlyfD3/l6rlgNA5cKdDzEAf6hEg==
 
-istanbul-lib-instrument@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.1.tgz#61f13ac2c96cfefb076fe7131156cc05907874e6"
-  integrity sha512-imIchxnodll7pvQBYOqUu88EufLCU56LMeFPZZM/fJZ1irYcYdqroaV+ACK1Ila8ls09iEYArp+nqyC6lW1Vfg==
-  dependencies:
-    "@babel/core" "^7.7.5"
-    "@babel/parser" "^7.7.5"
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.0.0"
-    semver "^6.3.0"
-
-istanbul-lib-instrument@^4.0.3:
+istanbul-lib-instrument@^4.0.0, istanbul-lib-instrument@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
   integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
@@ -7238,26 +6621,6 @@ jest-get-type@^26.3.0:
   resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
   integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
 
-jest-haste-map@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.npm.taobao.org/jest-haste-map/download/jest-haste-map-26.0.1.tgz#40dcc03c43ac94d25b8618075804d09cd5d49de7"
-  integrity sha1-QNzAPEOslNJbhhgHWATQnNXUnec=
-  dependencies:
-    "@jest/types" "^26.0.1"
-    "@types/graceful-fs" "^4.1.2"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-serializer "^26.0.0"
-    jest-util "^26.0.1"
-    jest-worker "^26.0.0"
-    micromatch "^4.0.2"
-    sane "^4.0.3"
-    walker "^1.0.7"
-    which "^2.0.2"
-  optionalDependencies:
-    fsevents "^2.1.2"
-
 jest-haste-map@^26.5.2:
   version "26.5.2"
   resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-26.5.2.tgz#a15008abfc502c18aa56e4919ed8c96304ceb23d"
@@ -7441,13 +6804,6 @@ jest-serializer-vue@^2.0.2:
   dependencies:
     pretty "2.0.0"
 
-jest-serializer@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.npm.taobao.org/jest-serializer/download/jest-serializer-26.0.0.tgz?cache=0&sync_timestamp=1588614905714&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjest-serializer%2Fdownload%2Fjest-serializer-26.0.0.tgz#f6c521ddb976943b93e662c0d4d79245abec72a3"
-  integrity sha1-9sUh3bl2lDuT5mLA1NeSRavscqM=
-  dependencies:
-    graceful-fs "^4.2.4"
-
 jest-serializer@^26.5.0:
   version "26.5.0"
   resolved "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.5.0.tgz#f5425cc4c5f6b4b355f854b5f0f23ec6b962bc13"
@@ -7478,17 +6834,6 @@ jest-snapshot@^26.5.2:
     pretty-format "^26.5.2"
     semver "^7.3.2"
 
-jest-util@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.npm.taobao.org/jest-util/download/jest-util-26.0.1.tgz#72c4c51177b695fdd795ca072a6f94e3d7cef00a"
-  integrity sha1-csTFEXe2lf3XlcoHKm+U49fO8Ao=
-  dependencies:
-    "@jest/types" "^26.0.1"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    make-dir "^3.0.0"
-
 jest-util@^26.5.2:
   version "26.5.2"
   resolved "https://registry.npmjs.org/jest-util/-/jest-util-26.5.2.tgz#8403f75677902cc52a1b2140f568e91f8ed4f4d7"
@@ -7526,14 +6871,6 @@ jest-watcher@^26.5.2:
     jest-util "^26.5.2"
     string-length "^4.0.1"
 
-jest-worker@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.npm.taobao.org/jest-worker/download/jest-worker-26.0.0.tgz#4920c7714f0a96c6412464718d0c58a3df3fb066"
-  integrity sha1-SSDHcU8KlsZBJGRxjQxYo98/sGY=
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
 jest-worker@^26.5.0:
   version "26.5.0"
   resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-26.5.0.tgz#87deee86dbbc5f98d9919e0dadf2c40e3152fa30"
@@ -7756,6 +7093,11 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
+klona@^2.0.3, klona@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
+  integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
+
 known-css-properties@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.11.0.tgz#0da784f115ea77c76b81536d7052e90ee6c86a8a"
@@ -7773,15 +7115,14 @@ latest-version@^5.0.0:
   dependencies:
     package-json "^6.3.0"
 
-less-loader@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.npm.taobao.org/less-loader/download/less-loader-6.1.0.tgz?cache=0&sync_timestamp=1588856211579&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fless-loader%2Fdownload%2Fless-loader-6.1.0.tgz#59fd591df408ced89a40fce11a2aea449b005631"
-  integrity sha1-Wf1ZHfQIztiaQPzhGirqRJsAVjE=
+less-loader@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/less-loader/-/less-loader-7.0.1.tgz#115ef3b2817f6f9e14ade6de3509b878c1bc0c13"
+  integrity sha512-TO0+5HuDJhHArpOWnjzPMQ0xfdvyo0nxF75NNnSZ/n8b08aDuhk91/zV9sqYHzPfWvBh1PjpX/pTEEi2QnmaYA==
   dependencies:
-    clone "^2.1.2"
-    less "^3.11.1"
+    klona "^2.0.3"
     loader-utils "^2.0.0"
-    schema-utils "^2.6.6"
+    schema-utils "^2.7.1"
 
 less@^3.11.1:
   version "3.11.1"
@@ -7929,7 +7270,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -8493,20 +7834,13 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@0.x:
+mkdirp@0.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha1-2Rzv1i0UNsoPQWIOJRKI1CAJne8=
   dependencies:
     minimist "^1.2.5"
 
-mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
-  version "0.5.4"
-  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.4.tgz#fd01504a6797ec5c9be81ff43d204961ed64a512"
-  integrity sha1-/QFQSmeX7Fyb6B/0PSBJYe1kpRI=
-  dependencies:
-    minimist "^1.2.5"
-
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -8673,11 +8007,6 @@ node-notifier@^8.0.0:
     uuid "^8.3.0"
     which "^2.0.2"
 
-node-releases@^1.1.53:
-  version "1.1.53"
-  resolved "https://registry.npm.taobao.org/node-releases/download/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
-  integrity sha1-LYIb+kme18Xf/F4vKMiOeKCO4/Q=
-
 node-releases@^1.1.61:
   version "1.1.61"
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.61.tgz#707b0fca9ce4e11783612ba4a2fcba09047af16e"
@@ -8931,7 +8260,7 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-ora@4.0.4, ora@^4.0.4:
+ora@4.0.4:
   version "4.0.4"
   resolved "https://registry.npm.taobao.org/ora/download/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
   integrity sha1-6NppfMW2pHJmZVv2jg+1iNKaVF0=
@@ -8945,6 +8274,20 @@ ora@4.0.4, ora@^4.0.4:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
+ora@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/ora/-/ora-5.1.0.tgz#b188cf8cd2d4d9b13fd25383bc3e5cba352c94f8"
+  integrity sha512-9tXIMPvjZ7hPTbk8DFq1f7Kow/HU/pQYB60JbNq+QnGwcyhWVZaQ4hM9zQDEsPxw/muLpgiHSaumUZxCAmod/w==
+  dependencies:
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-spinners "^2.4.0"
+    is-interactive "^1.0.0"
+    log-symbols "^4.0.0"
+    mute-stream "0.0.8"
+    strip-ansi "^6.0.0"
+    wcwidth "^1.0.1"
+
 original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
@@ -9388,13 +8731,6 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/pkg-up/download/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-  dependencies:
-    find-up "^2.1.0"
-
 please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
@@ -9437,23 +8773,16 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
   dependencies:
     postcss "^7.0.14"
 
-postcss-load-config@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
-  integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
+postcss-loader@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.0.3.tgz#337f51bbdfb02269fb42f7db9fc7f0a93c1b2e3f"
+  integrity sha512-jHboC/AOnJLPu8/974hODCJ/rNAa2YhhJOclUeuRlAmFpKmEcBY6az8y1ejHyYc2LThzPl8qPRekh2Yz3CiRKA==
   dependencies:
-    cosmiconfig "^5.0.0"
-    import-cwd "^2.0.0"
-
-postcss-loader@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
-  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
-  dependencies:
-    loader-utils "^1.1.0"
-    postcss "^7.0.0"
-    postcss-load-config "^2.0.0"
-    schema-utils "^1.0.0"
+    cosmiconfig "^7.0.0"
+    klona "^2.0.4"
+    loader-utils "^2.0.0"
+    schema-utils "^2.7.1"
+    semver "^7.3.2"
 
 postcss-markdown@^0.36.0:
   version "0.36.0"
@@ -9590,26 +8919,12 @@ postcss-value-parser@^3.3.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
   integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
 
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz#651ff4593aa9eda8d5d0d66593a2417aeaeb325d"
-  integrity sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==
-
-postcss-value-parser@^4.1.0:
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.3, postcss-value-parser@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
   integrity sha1-RD9qIM7WSBor2k+oUypuVdeJoss=
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
-  version "7.0.28"
-  resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.28.tgz#d349ced7743475717ba91f6810efb58c51fb5dbb"
-  integrity sha1-00nO13Q0dXF7qR9oEO+1jFH7Xbs=
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
-postcss@^7.0.30:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.30, postcss@^7.0.5, postcss@^7.0.6, postcss@^7.0.7:
   version "7.0.31"
   resolved "https://registry.npm.taobao.org/postcss/download/postcss-7.0.31.tgz?cache=0&sync_timestamp=1590459243202&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss%2Fdownload%2Fpostcss-7.0.31.tgz#332af45cb73e26c0ee2614d7c7fb02dfcc2bd6dd"
   integrity sha1-Myr0XLc+JsDuJhTXx/sC38wr1t0=
@@ -10110,12 +9425,7 @@ regexp.prototype.flags@^1.2.0:
     define-properties "^1.1.3"
     es-abstract "^1.17.0-next.1"
 
-regexpp@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
-  integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
-
-regexpp@^3.1.0:
+regexpp@^3.0.0, regexpp@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
   integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
@@ -10532,14 +9842,7 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
-rxjs@^6.5.3:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
-  integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
-  dependencies:
-    tslib "^1.9.0"
-
-rxjs@^6.5.5:
+rxjs@^6.5.3, rxjs@^6.5.5:
   version "6.5.5"
   resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.5.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
   integrity sha1-xciE4wlMjP7jG/J+uH5UzPyH+ew=
@@ -10626,13 +9929,14 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
-schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6:
-  version "2.6.6"
-  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-2.6.6.tgz#299fe6bd4a3365dc23d99fd446caff8f1d6c330c"
-  integrity sha1-KZ/mvUozZdwj2Z/URsr/jx1sMww=
+schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6, schema-utils@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
   dependencies:
-    ajv "^6.12.0"
-    ajv-keywords "^3.4.1"
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
 
 select-hose@^2.0.0:
   version "2.0.0"
@@ -11202,22 +10506,6 @@ string.prototype.trimend@^1.0.1:
     define-properties "^1.1.3"
     es-abstract "^1.17.5"
 
-string.prototype.trimleft@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
-  integrity sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==
-  dependencies:
-    define-properties "^1.1.3"
-    function-bind "^1.1.1"
-
-string.prototype.trimright@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz#440314b15996c866ce8a0341894d45186200c5d9"
-  integrity sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==
-  dependencies:
-    define-properties "^1.1.3"
-    function-bind "^1.1.1"
-
 string.prototype.trimstart@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
@@ -12409,10 +11697,10 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.3:
-  version "5.0.0-alpha.3"
-  resolved "https://registry.npm.taobao.org/vue-jest/download/vue-jest-5.0.0-alpha.3.tgz?cache=0&sync_timestamp=1600064020379&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-jest%2Fdownload%2Fvue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
-  integrity sha1-N+rLBnJkDE6w8B+WaiCoe/QQXSA=
+vue-jest@^5.0.0-alpha.4:
+  version "5.0.0-alpha.4"
+  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.4.tgz#77fb581b476b5a9c228111a17cc14eb0be2ba297"
+  integrity sha512-mseL2qWZ17fb20lprwNVzjjr2dWzI3tQOZGIUuoD9g9CC38bex3knVFKZs8bm0+hPEJN1lBo835pA/fENuJKlQ==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -12432,10 +11720,10 @@ vue-loader@^16.0.0-beta.7:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.10:
-  version "4.0.0-beta.10"
-  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.0-beta.10.tgz?cache=0&sync_timestamp=1600423164642&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.0-beta.10.tgz#45f9e6fee6fcc7094b696e90c2c9f76c3aaf40ed"
-  integrity sha1-Rfnm/ub8xwlLaW6Qwsn3bDqvQO0=
+vue-router@^4.0.0-beta.13:
+  version "4.0.0-beta.13"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.13.tgz#4611d09a9e44f231cc401ecc294a7f2dcb30e6a6"
+  integrity sha512-dYv9qpHPaojQlfujViiTkPkf1Bf5RCFzkCkdVFc1cENzWJYAGJanpIHiyjyKoM4u7IDFBZMItci+U4ieaEWA8A==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12815,17 +12103,10 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yaml@1.10.0:
+yaml@1.10.0, yaml@^1.10.0, yaml@^1.7.2:
   version "1.10.0"
-  resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.10.0.tgz?cache=0&sync_timestamp=1589624730167&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
-  integrity sha1-O1k63ZRIdgd9TWg/7gEIG9n/8x4=
-
-yaml@^1.7.2:
-  version "1.9.2"
-  resolved "https://registry.npm.taobao.org/yaml/download/yaml-1.9.2.tgz?cache=0&sync_timestamp=1587374901084&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyaml%2Fdownload%2Fyaml-1.9.2.tgz#f0cfa865f003ab707663e4f04b3956957ea564ed"
-  integrity sha1-8M+oZfADq3B2Y+TwSzlWlX6lZO0=
-  dependencies:
-    "@babel/runtime" "^7.9.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
+  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
 
 yargs-parser@10.x, yargs-parser@^10.0.0:
   version "10.1.0"
@@ -12834,7 +12115,7 @@ yargs-parser@10.x, yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
+yargs-parser@18.1.3, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
@@ -12866,24 +12147,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2:
-  version "15.3.1"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
-  integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.1"
-
-yargs@^15.4.1:
+yargs@^15.0.2, yargs@^15.4.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==

From 46dfe6c393e9aa41058b68aefa9792fafb923358 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 08:13:53 +0800
Subject: [PATCH 558/626] chore: release @vant/cli@3.0.0-beta.2

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 3adf6f36c..9b91bb2d4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From c75a745bda99ae33bdf8b5ef65f988bfaf4157c1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 08:15:53 +0800
Subject: [PATCH 559/626] fix(cli): missing postcss-load-config dep

---
 package.json                   |    2 +-
 packages/vant-cli/package.json |    1 +
 packages/vant-cli/yarn.lock    |   10 +-
 yarn.lock                      | 1666 ++++++++++++++++++--------------
 4 files changed, 955 insertions(+), 724 deletions(-)

diff --git a/package.json b/package.json
index 9c57a507b..836bb4e0d 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-beta.1",
+    "@vant/cli": "^3.0.0-beta.2",
     "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
     "vue": "^3.0.0"
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 9b91bb2d4..3ac4b65c4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -88,6 +88,7 @@
     "ora": "^5.0.0",
     "portfinder": "^1.0.26",
     "postcss": "^8.0.0",
+    "postcss-load-config": "^3.0.0",
     "postcss-loader": "^4.0.0",
     "prettier": "^2.0.5",
     "release-it": "^13.6.1",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index c61b4701e..3329efab2 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -5841,7 +5841,7 @@ image-size@~0.5.0:
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
   integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
 
-import-cwd@3.0.0:
+import-cwd@3.0.0, import-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
   integrity sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==
@@ -8773,6 +8773,14 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
   dependencies:
     postcss "^7.0.14"
 
+postcss-load-config@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.0.0.tgz#850bb066edd65b734329eacf83af0c0764226c87"
+  integrity sha512-lErrN8imuEF1cSiHBV8MiR7HeuzlDpCGNtaMyYHlOBuJHHOGw6S4xOMZp8BbXPr7AGQp14L6PZDlIOpfFJ6f7w==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    import-cwd "^3.0.0"
+
 postcss-loader@^4.0.0:
   version "4.0.3"
   resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.0.3.tgz#337f51bbdfb02269fb42f7db9fc7f0a93c1b2e3f"
diff --git a/yarn.lock b/yarn.lock
index 305d38df8..d450448de 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -579,6 +579,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-import-meta@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-json-strings@^7.8.0", "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
@@ -1179,163 +1186,144 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.2.tgz#26520bf09abe4a5644cd5414e37125a8954241dd"
   integrity sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==
 
-"@jest/console@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-25.5.0.tgz#770800799d510f37329c508a9edd0b7b447d9abb"
-  integrity sha512-T48kZa6MK1Y6k4b89sexwmSF4YLeZS/Udqg3Jj3jG/cHH+N/sLFCEoXEDMOKugJQ9FxPN1osxIknvKkxt6MKyw==
+"@jest/console@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/console/-/console-26.5.2.tgz#94fc4865b1abed7c352b5e21e6c57be4b95604a6"
+  integrity sha512-lJELzKINpF1v74DXHbCRIkQ/+nUV1M+ntj+X1J8LxCgpmJZjfLmhFejiMSbjjD66fayxl5Z06tbs3HMyuik6rw==
   dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    jest-message-util "^25.5.0"
-    jest-util "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    jest-message-util "^26.5.2"
+    jest-util "^26.5.2"
     slash "^3.0.0"
 
-"@jest/core@^25.5.4":
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.5.4.tgz#3ef7412f7339210f003cdf36646bbca786efe7b4"
-  integrity sha512-3uSo7laYxF00Dg/DMgbn4xMJKmDdWvZnf89n8Xj/5/AeQ2dOQmn6b6Hkj/MleyzZWXpwv+WSdYWl4cLsy2JsoA==
+"@jest/core@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/core/-/core-26.5.2.tgz#e39f14676f4ba4632ecabfdc374071ab22131f22"
+  integrity sha512-LLTo1LQMg7eJjG/+P1NYqFof2B25EV1EqzD5FonklihG4UJKiK2JBIvWonunws6W7e+DhNLoFD+g05tCY03eyA==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/reporters" "^25.5.1"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/reporters" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
+    chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-changed-files "^25.5.0"
-    jest-config "^25.5.4"
-    jest-haste-map "^25.5.1"
-    jest-message-util "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-resolve-dependencies "^25.5.4"
-    jest-runner "^25.5.4"
-    jest-runtime "^25.5.4"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    jest-watcher "^25.5.0"
+    jest-changed-files "^26.5.2"
+    jest-config "^26.5.2"
+    jest-haste-map "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-resolve-dependencies "^26.5.2"
+    jest-runner "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
+    jest-watcher "^26.5.2"
     micromatch "^4.0.2"
     p-each-series "^2.1.0"
-    realpath-native "^2.0.0"
     rimraf "^3.0.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-25.5.0.tgz#aa33b0c21a716c65686638e7ef816c0e3a0c7b37"
-  integrity sha512-U2VXPEqL07E/V7pSZMSQCvV5Ea4lqOlT+0ZFijl/i316cRMHvZ4qC+jBdryd+lmRetjQo0YIQr6cVPNxxK87mA==
+"@jest/environment@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/environment/-/environment-26.5.2.tgz#eba3cfc698f6e03739628f699c28e8a07f5e65fe"
+  integrity sha512-YjhCD/Zhkz0/1vdlS/QN6QmuUdDkpgBdK4SdiVg4Y19e29g4VQYN5Xg8+YuHjdoWGY7wJHMxc79uDTeTOy9Ngw==
   dependencies:
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
 
-"@jest/fake-timers@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-25.5.0.tgz#46352e00533c024c90c2bc2ad9f2959f7f114185"
-  integrity sha512-9y2+uGnESw/oyOI3eww9yaxdZyHq7XvprfP/eeoCsjqKYts2yRlsHS/SgjPDV8FyMfn2nbMy8YzUk6nyvdLOpQ==
+"@jest/fake-timers@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-26.5.2.tgz#1291ac81680ceb0dc7daa1f92c059307eea6400a"
+  integrity sha512-09Hn5Oraqt36V1akxQeWMVL0fR9c6PnEhpgLaYvREXZJAh2H2Y+QLCsl0g7uMoJeoWJAuz4tozk1prbR1Fc1sw==
   dependencies:
-    "@jest/types" "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    lolex "^5.0.0"
+    "@jest/types" "^26.5.2"
+    "@sinonjs/fake-timers" "^6.0.1"
+    "@types/node" "*"
+    jest-message-util "^26.5.2"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
 
-"@jest/globals@^25.5.2":
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-25.5.2.tgz#5e45e9de8d228716af3257eeb3991cc2e162ca88"
-  integrity sha512-AgAS/Ny7Q2RCIj5kZ+0MuKM1wbF0WMLxbCVl/GOMoCNbODRdJ541IxJ98xnZdVSZXivKpJlNPIWa3QmY0l4CXA==
+"@jest/globals@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/globals/-/globals-26.5.2.tgz#c333f82c29e19ecb609a75d1a532915a5c956c59"
+  integrity sha512-9PmnFsAUJxpPt1s/stq02acS1YHliVBDNfAWMe1bwdRr1iTCfhbNt3ERQXrO/ZfZSweftoA26Q/2yhSVSWQ3sw==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    expect "^25.5.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    expect "^26.5.2"
 
-"@jest/reporters@^25.5.1":
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-25.5.1.tgz#cb686bcc680f664c2dbaf7ed873e93aa6811538b"
-  integrity sha512-3jbd8pPDTuhYJ7vqiHXbSwTJQNavczPs+f1kRprRDxETeE3u6srJ+f0NPuwvOmk+lmunZzPkYWIFZDLHQPkviw==
+"@jest/reporters@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/reporters/-/reporters-26.5.2.tgz#0f1c900c6af712b46853d9d486c9c0382e4050f6"
+  integrity sha512-zvq6Wvy6MmJq/0QY0YfOPb49CXKSf42wkJbrBPkeypVa8I+XDxijvFuywo6TJBX/ILPrdrlE/FW9vJZh6Rf9vA==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/console" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.2"
     graceful-fs "^4.2.4"
     istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^4.0.0"
+    istanbul-lib-instrument "^4.0.3"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.0.2"
-    jest-haste-map "^25.5.1"
-    jest-resolve "^25.5.1"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
+    jest-haste-map "^26.5.2"
+    jest-resolve "^26.5.2"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
     slash "^3.0.0"
     source-map "^0.6.0"
-    string-length "^3.1.0"
+    string-length "^4.0.1"
     terminal-link "^2.0.0"
-    v8-to-istanbul "^4.1.3"
+    v8-to-istanbul "^5.0.1"
   optionalDependencies:
-    node-notifier "^6.0.0"
+    node-notifier "^8.0.0"
 
-"@jest/source-map@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-25.5.0.tgz#df5c20d6050aa292c2c6d3f0d2c7606af315bd1b"
-  integrity sha512-eIGx0xN12yVpMcPaVpjXPnn3N30QGJCJQSkEDUt9x1fI1Gdvb07Ml6K5iN2hG7NmMP6FDmtPEssE3z6doOYUwQ==
+"@jest/source-map@^26.5.0":
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/@jest/source-map/-/source-map-26.5.0.tgz#98792457c85bdd902365cd2847b58fff05d96367"
+  integrity sha512-jWAw9ZwYHJMe9eZq/WrsHlwF8E3hM9gynlcDpOyCb9bR8wEd9ZNBZCi7/jZyzHxC7t3thZ10gO2IDhu0bPKS5g==
   dependencies:
     callsites "^3.0.0"
     graceful-fs "^4.2.4"
     source-map "^0.6.0"
 
-"@jest/test-result@^25.5.0":
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-25.5.0.tgz#139a043230cdeffe9ba2d8341b27f2efc77ce87c"
-  integrity sha512-oV+hPJgXN7IQf/fHWkcS99y0smKLU2czLBJ9WA0jHITLst58HpQMtzSYxzaBvYc6U5U6jfoMthqsUlUlbRXs0A==
+"@jest/test-result@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/test-result/-/test-result-26.5.2.tgz#cc1a44cfd4db2ecee3fb0bc4e9fe087aa54b5230"
+  integrity sha512-E/Zp6LURJEGSCWpoMGmCFuuEI1OWuI3hmZwmULV0GsgJBh7u0rwqioxhRU95euUuviqBDN8ruX/vP/4bwYolXw==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/types" "^26.5.2"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^25.5.4":
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.5.4.tgz#9b4e685b36954c38d0f052e596d28161bdc8b737"
-  integrity sha512-pTJGEkSeg1EkCO2YWq6hbFvKNXk8ejqlxiOg1jBNLnWrgXOkdY6UmqZpwGFXNnRt9B8nO1uWMzLLZ4eCmhkPNA==
+"@jest/test-sequencer@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-26.5.2.tgz#c4559c7e134b27b020317303ee5399bf62917a4b"
+  integrity sha512-XmGEh7hh07H2B8mHLFCIgr7gA5Y6Hw1ZATIsbz2fOhpnQ5AnQtZk0gmP0Q5/+mVB2xygO64tVFQxOajzoptkNA==
   dependencies:
-    "@jest/test-result" "^25.5.0"
+    "@jest/test-result" "^26.5.2"
     graceful-fs "^4.2.4"
-    jest-haste-map "^25.5.1"
-    jest-runner "^25.5.4"
-    jest-runtime "^25.5.4"
-
-"@jest/transform@^25.5.1":
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-25.5.1.tgz#0469ddc17699dd2bf985db55fa0fb9309f5c2db3"
-  integrity sha512-Y8CEoVwXb4QwA6Y/9uDkn0Xfz0finGkieuV0xkdF9UtZGJeLukD5nLkaVrVsODB1ojRWlaoD0AJZpVHCSnJEvg==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^25.5.0"
-    babel-plugin-istanbul "^6.0.0"
-    chalk "^3.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^25.5.1"
-    jest-regex-util "^25.2.6"
-    jest-util "^25.5.0"
-    micromatch "^4.0.2"
-    pirates "^4.0.1"
-    realpath-native "^2.0.0"
-    slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
+    jest-haste-map "^26.5.2"
+    jest-runner "^26.5.2"
+    jest-runtime "^26.5.2"
 
 "@jest/transform@^26.1.0":
   version "26.1.0"
@@ -1358,6 +1346,27 @@
     source-map "^0.6.1"
     write-file-atomic "^3.0.0"
 
+"@jest/transform@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/transform/-/transform-26.5.2.tgz#6a0033a1d24316a1c75184d010d864f2c681bef5"
+  integrity sha512-AUNjvexh+APhhmS8S+KboPz+D3pCxPvEAGduffaAJYxIFxGi/ytZQkrqcKDUU0ERBAo5R7087fyOYr2oms1seg==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^26.5.2"
+    babel-plugin-istanbul "^6.0.0"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-haste-map "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-util "^26.5.2"
+    micromatch "^4.0.2"
+    pirates "^4.0.1"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
 "@jest/types@^25.5.0":
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.5.0.tgz#4d6a4793f7b9599fc3680877b856a97dbccf2a9d"
@@ -1378,6 +1387,17 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@jest/types@^26.5.2":
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/@jest/types/-/types-26.5.2.tgz#44c24f30c8ee6c7f492ead9ec3f3c62a5289756d"
+  integrity sha512-QDs5d0gYiyetI8q+2xWdkixVQMklReZr4ltw7GFDtb4fuJIBCE6mzj2LnitGqCuAlLap6wPyb8fpoHgwZz5fdg==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^15.0.0"
+    chalk "^4.0.0"
+
 "@ls-lint/ls-lint@^1.8.0":
   version "1.8.0"
   resolved "https://registry.npm.taobao.org/@ls-lint/ls-lint/download/@ls-lint/ls-lint-1.8.0.tgz#508fe32d4dbdd90d61c8ea156c20af33c294a22e"
@@ -1580,6 +1600,13 @@
   dependencies:
     type-detect "4.0.8"
 
+"@sinonjs/fake-timers@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz#293674fccb3262ac782c7aadfdeca86b10c75c40"
+  integrity sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
 "@stylelint/postcss-css-in-js@^0.37.1":
   version "0.37.1"
   resolved "https://registry.yarnpkg.com/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.1.tgz#41e5e7660f73d88227610e18c6ebb262d56ac125"
@@ -1663,6 +1690,13 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
+"@types/babel__traverse@^7.0.4":
+  version "7.0.15"
+  resolved "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.0.15.tgz#db9e4238931eb69ef8aab0ad6523d4d4caa39d03"
+  integrity sha512-Pzh9O3sTK8V6I1olsXpCfj2k/ygO2q1X0vhhnDrEQyYLHZesWz+zMZMVcwXLCYf0U36EtmyYaFGPfXlTtDHe3A==
+  dependencies:
+    "@babel/types" "^7.3.0"
+
 "@types/body-parser@*":
   version "1.19.0"
   resolved "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
@@ -1792,10 +1826,17 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^25.2.3":
-  version "25.2.3"
-  resolved "https://registry.npmjs.org/@types/jest/-/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
-  integrity sha512-JXc1nK/tXHiDhV55dvfzqtmP4S3sy3T3ouV2tkViZgxY/zeUkcpQcQPGRlgF4KmWzWW5oiWYSZwtCB+2RsE4Fw==
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
+  integrity sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
+"@types/jest@^26.0.0":
+  version "26.0.14"
+  resolved "https://registry.npmjs.org/@types/jest/-/jest-26.0.14.tgz#078695f8f65cb55c5a98450d65083b2b73e5a3f3"
+  integrity sha512-Hz5q8Vu0D288x3iWXePSn53W7hAjP0H7EQ6QvDO9c7t46mR0lNOLlfuwQ+JkVxuhygHzlzPX+0jKdA3ZgSh+Vg==
   dependencies:
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
@@ -1864,10 +1905,10 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/prettier@^1.19.0":
-  version "1.19.1"
-  resolved "https://registry.npm.taobao.org/@types/prettier/download/@types/prettier-1.19.1.tgz#33509849f8e679e4add158959fdb086440e9553f"
-  integrity sha1-M1CYSfjmeeSt0ViVn9sIZEDpVT8=
+"@types/prettier@^2.0.0":
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.1.1.tgz#be148756d5480a84cde100324c03a86ae5739fb5"
+  integrity sha512-2zs+O+UkDsJ1Vcp667pd3f8xearMdopz/z54i99wtRDI5KLmngk7vlrYZD0ZjKHaROR03EznlBbVY9PfAEyJIQ==
 
 "@types/qs@*":
   version "6.9.3"
@@ -1899,10 +1940,10 @@
   resolved "https://registry.npm.taobao.org/@types/source-list-map/download/@types/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
   integrity sha1-AHiDYGP/rxdBI0m7o2QIfgrALsk=
 
-"@types/stack-utils@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
+"@types/stack-utils@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff"
+  integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==
 
 "@types/tapable@*", "@types/tapable@^1.0.5":
   version "1.0.5"
@@ -2053,10 +2094,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.1":
-  version "3.0.0-beta.1"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.1.tgz#22d43a6f832f430b36ca5b5ff31809dc43a1acc4"
-  integrity sha512-B/4V0V7GcXsD4RkiMcoJOHddlzw345BP/4f7ZUww1kLiwnNaFc48HtqBCOE/5yLfTPBU9tCAgbwwelGum1434A==
+"@vant/cli@^3.0.0-beta.2":
+  version "3.0.0-beta.2"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.2.tgz#f4a3e97e3ef246b4ac7668f95e5cfed1d68889b1"
+  integrity sha512-YspHBI/5phHKukug40ViHvKQakMuDfMC5eDc2/4My90CEASslNg/MKMkGWZ4iOt7i6F+//fYnpuDLcYQ99fXFg==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
@@ -2065,7 +2106,7 @@
     "@babel/preset-env" "^7.10.1"
     "@babel/preset-typescript" "^7.10.1"
     "@nuxt/friendly-errors-webpack-plugin" "^2.5.0"
-    "@types/jest" "^25.2.3"
+    "@types/jest" "^26.0.0"
     "@types/webpack" "^4.41.13"
     "@types/webpack-dev-server" "^3.11.0"
     "@vant/eslint-config" "^3.0.0-alpha.2"
@@ -2075,9 +2116,9 @@
     "@vant/touch-emulator" "^1.2.0"
     "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "2.0.0-beta.5"
+    "@vue/test-utils" "2.0.0-beta.6"
     address "^1.1.2"
-    autoprefixer "^9.8.0"
+    autoprefixer "^10.0.0"
     babel-jest "^26.0.1"
     babel-loader "^8.1.0"
     babel-plugin-import "^1.13.0"
@@ -2093,21 +2134,21 @@
     eslint "^7.0.0"
     fast-glob "^3.2.2"
     fork-ts-checker-webpack-plugin "^5.0.0"
-    gh-pages "^2.2.0"
+    gh-pages "^3.0.0"
     hash-sum "^2.0.0"
     html-webpack-plugin "4.3.0"
     husky "^4.2.5"
-    jest "^25.5.4"
+    jest "^26.0.0"
     jest-canvas-mock "^2.2.0"
     jest-serializer-vue "^2.0.2"
     less "^3.11.1"
-    less-loader "^6.1.0"
+    less-loader "^7.0.0"
     lint-staged "^10.2.7"
     lodash "^4.17.15"
-    ora "^4.0.4"
+    ora "^5.0.0"
     portfinder "^1.0.26"
-    postcss "^7.0.31"
-    postcss-loader "^3.0.0"
+    postcss "^8.0.0"
+    postcss-loader "^4.0.0"
     prettier "^2.0.5"
     release-it "^13.6.1"
     sass "^1.26.7"
@@ -2115,12 +2156,12 @@
     style-loader "^1.2.1"
     stylelint "^13.5.0"
     typescript "^4.0.0"
-    vue-jest "^5.0.0-alpha.3"
+    vue-jest "^5.0.0-alpha.4"
     vue-loader "^16.0.0-beta.7"
-    vue-router "^4.0.0-beta.10"
+    vue-router "^4.0.0-beta.13"
     webpack "^4.43.0"
     webpack-dev-server "3.11.0"
-    webpack-merge "^4.2.2"
+    webpack-merge "^5.0.0"
     webpackbar "^4.0.0"
 
 "@vant/eslint-config@^3.0.0-alpha.2":
@@ -2293,10 +2334,10 @@
   resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0.tgz?cache=0&sync_timestamp=1600443979119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0.tgz#ec089236629ecc0f10346b92f101ff4339169f1a"
   integrity sha1-7AiSNmKezA8QNGuS8QH/QzkWnxo=
 
-"@vue/test-utils@2.0.0-beta.5":
-  version "2.0.0-beta.5"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.5.tgz#c5980e3e6d22a1811483577bcfbcc2c4493c4a73"
-  integrity sha512-ohWcS277p/3KHK5di6UskDZK8hsaZ7hzsJiMl1f0jI+boeaq53MqwA9c8VaHsJrmJEOjNH0Y3QDzyU7LTXpKNQ==
+"@vue/test-utils@2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.6.tgz#2f7a653b0025cd4236968269c5972e807fa1fb2c"
+  integrity sha512-nBj5HHoTD+2xg0OQ93p/Hil5SkFUcNJ5BA2RUnHlOH6a4PVskgMK8dOLyVcZ1ZJif7knjt7yQVJ6K6YwIzeR1A==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -2461,10 +2502,10 @@ JSONStream@^1.0.4:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
-abab@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
-  integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
+abab@^2.0.3:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
+  integrity sha512-9IK9EadsbHo6jLWIpxpR6pL0sazTXV6+SQv25ZB+F7Bj9mJNaOc4nCRabwd5M/JwmUa8idz6Eci6eKfJryPs6Q==
 
 abbrev@1:
   version "1.1.1"
@@ -2479,34 +2520,29 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
     mime-types "~2.1.24"
     negotiator "0.6.2"
 
-acorn-globals@^4.3.2:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
-  integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
+acorn-globals@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
+  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
   dependencies:
-    acorn "^6.0.1"
-    acorn-walk "^6.0.1"
+    acorn "^7.1.1"
+    acorn-walk "^7.1.1"
 
 acorn-jsx@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
   integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
 
-acorn-walk@^6.0.1:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
-  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
+acorn-walk@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
+  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^6.0.1, acorn@^6.4.1:
+acorn@^6.4.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
   integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
 
-acorn@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
-
 acorn@^7.1.1, acorn@^7.3.1:
   version "7.4.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
@@ -2552,6 +2588,11 @@ ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
   integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
 
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
 ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.5.5:
   version "6.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.0.tgz#06d60b96d87b8454a5adaba86e7854da629db4b7"
@@ -2572,6 +2613,16 @@ ajv@^6.12.2:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ajv@^6.12.4:
+  version "6.12.5"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
+  integrity sha512-lRF8RORchjpKG50/WFf8xmg7sgCLFiYNNnqdKflk63whMQcWR5ngGjiSXkL9bjxy6B2npOK2HSMN49jEBMSkag==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -2684,11 +2735,6 @@ arr-union@^3.1.0:
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
   integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
 
-array-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
-  integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
-
 array-find-index@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
@@ -2846,6 +2892,18 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
+autoprefixer@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.0.1.tgz#e2d9000f84ebd98d77b7bc16f8adb2ff1f7bb946"
+  integrity sha512-aQo2BDIsoOdemXUAOBpFv4ZQa2DrOtEufarYhtFsK1088Ca0TUwu/aQWf0M3mrILXZ3mTIVn1lR3hPW8acacsw==
+  dependencies:
+    browserslist "^4.14.5"
+    caniuse-lite "^1.0.30001137"
+    colorette "^1.2.1"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss-value-parser "^4.1.0"
+
 autoprefixer@^9.0.0:
   version "9.7.6"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.6.tgz#63ac5bbc0ce7934e6997207d5bb00d68fa8293a4"
@@ -2882,20 +2940,6 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.1.tgz#7e33d8f7d449b3f673cd72deb9abdc552dbe528e"
   integrity sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==
 
-babel-jest@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-25.5.1.tgz#bc2e6101f849d6f6aec09720ffc7bc5332e62853"
-  integrity sha512-9dA9+GmMjIzgPnYtkhBg73gOo/RHqPmLruP3BaGL4KEX3Dwz6pI8auSN8G8+iuEG90+GSswyKvslN+JYSaacaQ==
-  dependencies:
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
-    "@types/babel__core" "^7.1.7"
-    babel-plugin-istanbul "^6.0.0"
-    babel-preset-jest "^25.5.0"
-    chalk "^3.0.0"
-    graceful-fs "^4.2.4"
-    slash "^3.0.0"
-
 babel-jest@^26.0.1:
   version "26.1.0"
   resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-26.1.0.tgz#b20751185fc7569a0f135730584044d1cb934328"
@@ -2910,6 +2954,20 @@ babel-jest@^26.0.1:
     graceful-fs "^4.2.4"
     slash "^3.0.0"
 
+babel-jest@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/babel-jest/-/babel-jest-26.5.2.tgz#164f367a35946c6cf54eaccde8762dec50422250"
+  integrity sha512-U3KvymF3SczA3vOL/cgiUFOznfMET+XDIXiWnoJV45siAp2pLMG8i2+/MGZlAC3f/F6Q40LR4M4qDrWZ9wkK8A==
+  dependencies:
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/babel__core" "^7.1.7"
+    babel-plugin-istanbul "^6.0.0"
+    babel-preset-jest "^26.5.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    slash "^3.0.0"
+
 babel-loader@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.1.0.tgz?cache=0&sync_timestamp=1584715959282&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.1.0.tgz#c611d5112bd5209abe8b9fa84c3e4da25275f1c3"
@@ -2947,15 +3005,6 @@ babel-plugin-istanbul@^6.0.0:
     istanbul-lib-instrument "^4.0.0"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-25.5.0.tgz#129c80ba5c7fc75baf3a45b93e2e372d57ca2677"
-  integrity sha512-u+/W+WAjMlvoocYGTwthAiQSxDcJAyHpQ6oWlHdFZaaN+Rlk8Q7iiwDPg2lN/FyJtAYnKjFxbn7xus4HCFkg5g==
-  dependencies:
-    "@babel/template" "^7.3.3"
-    "@babel/types" "^7.3.3"
-    "@types/babel__traverse" "^7.0.6"
-
 babel-plugin-jest-hoist@^26.1.0:
   version "26.1.0"
   resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.1.0.tgz#c6a774da08247a28285620a64dfadbd05dd5233a"
@@ -2966,6 +3015,16 @@ babel-plugin-jest-hoist@^26.1.0:
     "@types/babel__core" "^7.0.0"
     "@types/babel__traverse" "^7.0.6"
 
+babel-plugin-jest-hoist@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.5.0.tgz#3916b3a28129c29528de91e5784a44680db46385"
+  integrity sha512-ck17uZFD3CDfuwCLATWZxkkuGGFhMij8quP8CNhwj8ek1mqFgbFzRJ30xwC04LLscj/aKsVFfRST+b5PT7rSuw==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
+    "@types/babel__traverse" "^7.0.6"
+
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -2982,13 +3041,22 @@ babel-preset-current-node-syntax@^0.1.2:
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-babel-preset-jest@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-25.5.0.tgz#c1d7f191829487a907764c65307faa0e66590b49"
-  integrity sha512-8ZczygctQkBU+63DtSOKGh7tFL0CeCuz+1ieud9lJ1WPQ9O6A1a/r+LGn6Y705PA6whHQ3T1XuB/PmpfNYf8Fw==
+babel-preset-current-node-syntax@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.4.tgz#826f1f8e7245ad534714ba001f84f7e906c3b615"
+  integrity sha512-5/INNCYhUGqw7VbVjT/hb3ucjgkVHKXY7lX3ZjlN4gm565VyFmJUrJ/h+h16ECVB38R/9SF6aACydpKMLZ/c9w==
   dependencies:
-    babel-plugin-jest-hoist "^25.5.0"
-    babel-preset-current-node-syntax "^0.1.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-bigint" "^7.8.3"
+    "@babel/plugin-syntax-class-properties" "^7.8.3"
+    "@babel/plugin-syntax-import-meta" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.8.3"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
 babel-preset-jest@^26.1.0:
   version "26.1.0"
@@ -2998,6 +3066,14 @@ babel-preset-jest@^26.1.0:
     babel-plugin-jest-hoist "^26.1.0"
     babel-preset-current-node-syntax "^0.1.2"
 
+babel-preset-jest@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-26.5.0.tgz#f1b166045cd21437d1188d29f7fba470d5bdb0e7"
+  integrity sha512-F2vTluljhqkiGSJGBg/jOruA8vIIIL11YrxRcO7nviNTMbbofPSHwnm8mgP7d/wS7wRSexRoI6X1A6T74d4LQA==
+  dependencies:
+    babel-plugin-jest-hoist "^26.5.0"
+    babel-preset-current-node-syntax "^0.1.3"
+
 bail@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776"
@@ -3163,13 +3239,6 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browser-resolve@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
-  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
-  dependencies:
-    resolve "1.1.7"
-
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
@@ -3249,6 +3318,16 @@ browserslist@^4.12.0:
     escalade "^3.0.1"
     node-releases "^1.1.58"
 
+browserslist@^4.14.5:
+  version "4.14.5"
+  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
+  integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
+  dependencies:
+    caniuse-lite "^1.0.30001135"
+    electron-to-chromium "^1.3.571"
+    escalade "^3.1.0"
+    node-releases "^1.1.61"
+
 bs-logger@0.x:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
@@ -3479,6 +3558,11 @@ caniuse-lite@^1.0.30001087, caniuse-lite@^1.0.30001088:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001093.tgz#833e80f64b1a0455cbceed2a4a3baf19e4abd312"
   integrity sha512-0+ODNoOjtWD5eS9aaIpf4K0gQqZfILNY4WSNuYzeT1sXni+lMrrVjc0odEobJt6wrODofDZUX8XYi/5y7+xl8g==
 
+caniuse-lite@^1.0.30001135, caniuse-lite@^1.0.30001137:
+  version "1.0.30001144"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001144.tgz#bca0fffde12f97e1127a351fec3bfc1971aa3b3d"
+  integrity sha512-4GQTEWNMnVZVOFG3BK0xvGeaDAtiPAbG2N8yuMXuXzx/c2Vd4XoMPO8+E918zeXn5IF0FRVtGShBfkfQea2wHQ==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -3534,6 +3618,11 @@ changelog-filename-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/changelog-filename-regex/-/changelog-filename-regex-1.1.2.tgz#19e98e38248cff0c1cf3ae3bf51bfb22c48592d6"
   integrity sha512-kpOfKlZ9x2UpeC4at6FAXHLKfi/JEUqUqkPCb1JUCa5FnNbJIzOHRM9RfeQ1QDcpj+Gxuc/UoHqASgmEeFDejQ==
 
+char-regex@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
+
 character-entities-html4@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.4.tgz#0e64b0a3753ddbf1fdc044c5fd01d0199a02e125"
@@ -3662,6 +3751,11 @@ cli-spinners@^2.2.0:
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
   integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
 
+cli-spinners@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.4.0.tgz#c6256db216b878cfba4720e719cec7cf72685d7f"
+  integrity sha512-sJAofoarcm76ZGpuooaO0eDy8saEy+YoZBLjC4h8srt4jeBnkYeOgqxgsJQTpyt2LjI5PTfLJHSL+41Yu4fEJA==
+
 cli-truncate@2.1.0, cli-truncate@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
@@ -3802,6 +3896,11 @@ colorette@^1.2.0:
   resolved "https://registry.npmjs.org/colorette/-/colorette-1.2.0.tgz#45306add826d196e8c87236ac05d797f25982e63"
   integrity sha512-soRSroY+OF/8OdA3PTQXwaDJeMc7TfknKKrxeSCencL2a4+Tx5zhxmmv7hdpCjhKBjehzp8+bwe/T68K0hpIjw==
 
+colorette@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
+  integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
+
 combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -4187,6 +4286,17 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
+cosmiconfig@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-ecdh@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@@ -4330,9 +4440,9 @@ cssfontparser@^1.2.1:
   resolved "https://registry.yarnpkg.com/cssfontparser/-/cssfontparser-1.2.1.tgz#f4022fc8f9700c68029d542084afbaf425a3f3e3"
   integrity sha1-9AIvyPlwDGgCnVQghK+69CWj8+M=
 
-cssom@^0.4.1:
+cssom@^0.4.4:
   version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
+  resolved "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
   integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
 
 cssom@~0.3.6:
@@ -4340,10 +4450,10 @@ cssom@~0.3.6:
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-cssstyle@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.2.0.tgz#e4c44debccd6b7911ed617a4395e5754bba59992"
-  integrity sha512-sEb3XFPx3jNnCAMtqrXPDeSgQr+jojtCeNf8cvMNMh1cG970+lljssvQDzPq6lmmJu2Vhqood/gtEomBiHOGnA==
+cssstyle@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
+  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
   dependencies:
     cssom "~0.3.6"
 
@@ -4378,14 +4488,14 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
-  integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
+data-urls@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
+  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
   dependencies:
-    abab "^2.0.0"
-    whatwg-mimetype "^2.2.0"
-    whatwg-url "^7.0.0"
+    abab "^2.0.3"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
 
 dateformat@^3.0.0:
   version "3.0.3"
@@ -4426,6 +4536,11 @@ decamelize@^1.1.0, decamelize@^1.1.2, decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
+decimal.js@^10.2.0:
+  version "10.2.1"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.2.1.tgz#238ae7b0f0c793d3e3cea410108b35a2c01426a3"
+  integrity sha512-KaL7+6Fw6i5A2XSnsbhm/6B+NuEA7TZ4vqxnd5tXz9sbKtrN9Srj8ab4vKVdK8YAqZO9P1kg45Y6YLoduPf+kw==
+
 decode-uri-component@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
@@ -4605,6 +4720,11 @@ diff-sequences@^25.2.6:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"
   integrity sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg==
 
+diff-sequences@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.5.0.tgz#ef766cf09d43ed40406611f11c6d8d9dd8b2fefd"
+  integrity sha512-ZXx86srb/iYy6jG71k++wBN9P9J05UNQ5hQHQd9MtMPvcqXPx/vKU69jfHV637D00Q2gSgPk2D+jSx3l1lDW/Q==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4693,12 +4813,12 @@ domelementtype@^2.0.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
   integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
 
-domexception@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
-  integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
+domexception@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
+  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
   dependencies:
-    webidl-conversions "^4.0.2"
+    webidl-conversions "^5.0.0"
 
 domhandler@^2.3.0:
   version "2.4.2"
@@ -4793,6 +4913,11 @@ electron-to-chromium@^1.3.483:
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.488.tgz#9226229f5fbc825959210e81e0bb3e63035d1c06"
   integrity sha512-NReBdOugu1yl8ly+0VDtiQ6Yw/1sLjnvflWq0gvY1nfUXU2PbA+1XAVuEb7ModnwL/MfUPjby7e4pAFnSHiy6Q==
 
+electron-to-chromium@^1.3.571:
+  version "1.3.577"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz#9885f3f72c6e3367010b461ff6f2d9624a929720"
+  integrity sha512-dSb64JQSFif/pD8mpVAgSFkbVi6YHbK6JeEziwNNmXlr/Ne2rZtseFK5SM7JoWSLf6gP0gVvRGi4/2ZRhSX/rA==
+
 elliptic@^6.0.0:
   version "6.5.3"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
@@ -4811,6 +4936,11 @@ email-addresses@^3.0.1:
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
   integrity sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==
 
+emittery@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/emittery/-/emittery-0.7.1.tgz#c02375a927a40948c0345cc903072597f5270451"
+  integrity sha512-d34LN4L6h18Bzz9xpoku2nPwKxCPlPMr3EEKTkoEBi+1/+b0lcRkRJ1UVyyZaKNeqGR3swcGl6s390DNO4YVgQ==
+
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -4933,6 +5063,11 @@ escalade@^3.0.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.0.1.tgz#52568a77443f6927cd0ab9c73129137533c965ed"
   integrity sha512-DR6NO3h9niOT+MZs7bjxlj2a1k+POu5RN8CLTPX2+i78bRi9eLe7+0zXgUHMnGXWybYcL61E9hGhPKqedy8tQA==
 
+escalade@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.0.tgz#e8e2d7c7a8b76f6ee64c2181d6b8151441602d4e"
+  integrity sha512-mAk+hPSO8fLDkhV7V0dXazH5pDc6MrjBTPyD3VeKzxnVFjH1MIxbCdqGZB9O8+EwWakZs3ZCbDS4IpRt79V1ig==
+
 escape-goat@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675"
@@ -4948,10 +5083,15 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escodegen@^1.11.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.1.tgz#ba01d0c8278b5e95a9a45350142026659027a457"
-  integrity sha512-Bmt7NcRySdIfNPfU2ZoXDrrXsG9ZjvDxcAlMfDUgRBjLOWTuIACXPBFJH7Z+cLb40JeQco5toikyc9t9P8E9SQ==
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
+escodegen@^1.14.1:
+  version "1.14.3"
+  resolved "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
+  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
   dependencies:
     esprima "^4.0.1"
     estraverse "^4.2.0"
@@ -5238,10 +5378,10 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^3.2.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-3.4.0.tgz#c08ed4550ef65d858fac269ffc8572446f37eb89"
-  integrity sha512-r9vdGQk4bmCuK1yKQu1KTwcT2zwfWdbdaXfCtAh+5nU/4fSX+JAb7vZGvI5naJrQlvONrEB20jeruESI69530g==
+execa@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
+  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -5250,7 +5390,6 @@ execa@^3.2.0:
     merge-stream "^2.0.0"
     npm-run-path "^4.0.0"
     onetime "^5.1.0"
-    p-finally "^2.0.0"
     signal-exit "^3.0.2"
     strip-final-newline "^2.0.0"
 
@@ -5286,17 +5425,17 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-expect@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-25.5.0.tgz#f07f848712a2813bb59167da3fb828ca21f58bba"
-  integrity sha512-w7KAXo0+6qqZZhovCaBVPSIqQp7/UTcx4M9uKt2m6pd2VB1voyC8JizLRqeEqud3AAVP02g+hbErDu5gu64tlA==
+expect@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/expect/-/expect-26.5.2.tgz#3e0631c4a657a83dbec769ad246a2998953a55a6"
+  integrity sha512-ccTGrXZd8DZCcvCz4htGXTkd/LOoy6OEtiDS38x3/VVf6E4AQL0QoeksBiw7BtGR5xDNiRYPB8GN6pfbuTOi7w==
   dependencies:
-    "@jest/types" "^25.5.0"
+    "@jest/types" "^26.5.2"
     ansi-styles "^4.0.0"
-    jest-get-type "^25.2.6"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-regex-util "^25.2.6"
+    jest-get-type "^26.3.0"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-regex-util "^26.0.0"
 
 express@^4.17.1:
   version "4.17.1"
@@ -5562,6 +5701,15 @@ find-cache-dir@^3.0.0:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
+find-cache-dir@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
+  integrity sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==
+  dependencies:
+    commondir "^1.0.1"
+    make-dir "^3.0.2"
+    pkg-dir "^4.1.0"
+
 find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -5846,15 +5994,16 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
-gh-pages@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/gh-pages/-/gh-pages-2.2.0.tgz#74ebeaca8d2b9a11279dcbd4a39ddfff3e6caa24"
-  integrity sha512-c+yPkNOPMFGNisYg9r4qvsMIjVYikJv7ImFOhPIVPt0+AcRUamZ7zkGRLHz7FKB0xrlZ+ddSOJsZv9XAFVXLmA==
+gh-pages@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/gh-pages/-/gh-pages-3.1.0.tgz#ec3ed0f6a6e3fc3d888758fa018f08191c96bd55"
+  integrity sha512-3b1rly9kuf3/dXsT8+ZxP0UhNLOo1CItj+3e31yUVcaph/yDsJ9RzD7JOw5o5zpBTJVQLlJAASNkUfepi9fe2w==
   dependencies:
     async "^2.6.1"
     commander "^2.18.0"
     email-addresses "^3.0.1"
     filenamify-url "^1.0.0"
+    find-cache-dir "^3.3.1"
     fs-extra "^8.1.0"
     globby "^6.1.0"
 
@@ -6221,12 +6370,12 @@ hpack.js@^2.1.6:
     readable-stream "^2.0.1"
     wbuf "^1.1.0"
 
-html-encoding-sniffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
-  integrity sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==
+html-encoding-sniffer@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
+  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
   dependencies:
-    whatwg-encoding "^1.0.1"
+    whatwg-encoding "^1.0.5"
 
 html-entities@^1.3.1:
   version "1.3.1"
@@ -6485,13 +6634,6 @@ import-cwd@3.0.0:
   dependencies:
     import-from "^3.0.0"
 
-import-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
-  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
-  dependencies:
-    import-from "^2.1.0"
-
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -6500,7 +6642,7 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
-import-fresh@^3.0.0, import-fresh@^3.1.0:
+import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
   integrity sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==
@@ -6508,13 +6650,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-from@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
-  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
-  dependencies:
-    resolve-from "^3.0.0"
-
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -6802,6 +6937,11 @@ is-directory@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
   integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
 
+is-docker@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.1.1.tgz#4125a88e44e450d384e09047ede71adc2d144156"
+  integrity sha512-ZOoqiXfEwtGknTiuDEy8pN2CfE3TxMHprvNer1mXiqwkOT77Rw3YVrUQ52EqAOU3QAWDQ+bQdx7HJzrv7LS2Hw==
+
 is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
@@ -6946,6 +7086,11 @@ is-plain-object@^3.0.0:
   dependencies:
     isobject "^4.0.0"
 
+is-potential-custom-element-name@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
+  integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c=
+
 is-promise@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
@@ -7056,10 +7201,12 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
-is-wsl@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.1.tgz#4a1c152d429df3d441669498e2486d3596ebaf1d"
-  integrity sha512-umZHcSrwlDHo2TGMXv0DZ8dIUGunZ2Iv68YZnrmCiBPkZ4aaOhtv7pXJKeki9k3qJ3RJr0cDyitcl5wEH3AYog==
+is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
 
 is-yarn-global@^0.3.0:
   version "0.3.0"
@@ -7116,6 +7263,16 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
+istanbul-lib-instrument@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
+  integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
+  dependencies:
+    "@babel/core" "^7.7.5"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.0.0"
+    semver "^6.3.0"
+
 istanbul-lib-report@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
@@ -7150,61 +7307,59 @@ jest-canvas-mock@^2.2.0:
     cssfontparser "^1.2.1"
     parse-color "^1.0.0"
 
-jest-changed-files@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-25.5.0.tgz#141cc23567ceb3f534526f8614ba39421383634c"
-  integrity sha512-EOw9QEqapsDT7mKF162m8HFzRPbmP8qJQny6ldVOdOVBz3ACgPm/1nAn5fPQ/NDaYhX/AHkrGwwkCncpAVSXcw==
+jest-changed-files@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-26.5.2.tgz#330232c6a5c09a7f040a5870e8f0a9c6abcdbed5"
+  integrity sha512-qSmssmiIdvM5BWVtyK/nqVpN3spR5YyvkvPqz1x3BR1bwIxsWmU/MGwLoCrPNLbkG2ASAKfvmJpOduEApBPh2w==
   dependencies:
-    "@jest/types" "^25.5.0"
-    execa "^3.2.0"
+    "@jest/types" "^26.5.2"
+    execa "^4.0.0"
     throat "^5.0.0"
 
-jest-cli@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.5.4.tgz#b9f1a84d1301a92c5c217684cb79840831db9f0d"
-  integrity sha512-rG8uJkIiOUpnREh1768/N3n27Cm+xPFkSNFO91tgg+8o2rXeVLStz+vkXkGr4UtzH6t1SNbjwoiswd7p4AhHTw==
+jest-cli@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-cli/-/jest-cli-26.5.2.tgz#0df114399b4036a3f046f0a9f25c50372c76b3a2"
+  integrity sha512-usm48COuUvRp8YEG5OWOaxbSM0my7eHn3QeBWxiGUuFhvkGVBvl1fic4UjC02EAEQtDv8KrNQUXdQTV6ZZBsoA==
   dependencies:
-    "@jest/core" "^25.5.4"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/core" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
     import-local "^3.0.2"
     is-ci "^2.0.0"
-    jest-config "^25.5.4"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
+    jest-config "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     prompts "^2.0.1"
-    realpath-native "^2.0.0"
-    yargs "^15.3.1"
+    yargs "^15.4.1"
 
-jest-config@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.5.4.tgz#38e2057b3f976ef7309b2b2c8dcd2a708a67f02c"
-  integrity sha512-SZwR91SwcdK6bz7Gco8qL7YY2sx8tFJYzvg216DLihTWf+LKY/DoJXpM9nTzYakSyfblbqeU48p/p7Jzy05Atg==
+jest-config@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-config/-/jest-config-26.5.2.tgz#6e828e25f10124433dd008fbd83348636de0972a"
+  integrity sha512-dqJOnSegNdE5yDiuGHsjTM5gec7Z4AcAMHiW+YscbOYJAlb3LEtDSobXCq0or9EmGQI5SFmKy4T7P1FxetJOfg==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^25.5.4"
-    "@jest/types" "^25.5.0"
-    babel-jest "^25.5.1"
-    chalk "^3.0.0"
+    "@jest/test-sequencer" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    babel-jest "^26.5.2"
+    chalk "^4.0.0"
     deepmerge "^4.2.2"
     glob "^7.1.1"
     graceful-fs "^4.2.4"
-    jest-environment-jsdom "^25.5.0"
-    jest-environment-node "^25.5.0"
-    jest-get-type "^25.2.6"
-    jest-jasmine2 "^25.5.4"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
+    jest-environment-jsdom "^26.5.2"
+    jest-environment-node "^26.5.2"
+    jest-get-type "^26.3.0"
+    jest-jasmine2 "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     micromatch "^4.0.2"
-    pretty-format "^25.5.0"
-    realpath-native "^2.0.0"
+    pretty-format "^26.5.2"
 
-jest-diff@^25.2.1, jest-diff@^25.5.0:
+jest-diff@^25.2.1:
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-25.5.0.tgz#1dd26ed64f96667c068cef026b677dfa01afcfa9"
   integrity sha512-z1kygetuPiREYdNIumRpAHY6RXiGmp70YHptjdaxTWGmA085W3iCnXNx0DhflK3vwrKmrRWyY1wUpkPMVxMK7A==
@@ -7214,72 +7369,68 @@ jest-diff@^25.2.1, jest-diff@^25.5.0:
     jest-get-type "^25.2.6"
     pretty-format "^25.5.0"
 
-jest-docblock@^25.3.0:
-  version "25.3.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-25.3.0.tgz#8b777a27e3477cd77a168c05290c471a575623ef"
-  integrity sha512-aktF0kCar8+zxRHxQZwxMy70stc9R1mOmrLsT5VO3pIT0uzGRSDAXxSlz4NqQWpuLjPpuMhPRl7H+5FRsvIQAg==
+jest-diff@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-diff/-/jest-diff-26.5.2.tgz#8e26cb32dc598e8b8a1b9deff55316f8313c8053"
+  integrity sha512-HCSWDUGwsov5oTlGzrRM+UPJI/Dpqi9jzeV0fdRNi3Ch5bnoXhnyJMmVg2juv9081zLIy3HGPI5mcuGgXM2xRA==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^26.5.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
+
+jest-docblock@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.npmjs.org/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
+  integrity sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-25.5.0.tgz#0c3c2797e8225cb7bec7e4d249dcd96b934be516"
-  integrity sha512-QBogUxna3D8vtiItvn54xXde7+vuzqRrEeaw8r1s+1TG9eZLVJE5ZkKoSUlqFwRjnlaA4hyKGiu9OlkFIuKnjA==
+jest-each@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-each/-/jest-each-26.5.2.tgz#35e68d6906a7f826d3ca5803cfe91d17a5a34c31"
+  integrity sha512-w7D9FNe0m2D3yZ0Drj9CLkyF/mGhmBSULMQTypzAKR746xXnjUrK8GUJdlLTWUF6dd0ks3MtvGP7/xNFr9Aphg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    jest-get-type "^25.2.6"
-    jest-util "^25.5.0"
-    pretty-format "^25.5.0"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
+    jest-get-type "^26.3.0"
+    jest-util "^26.5.2"
+    pretty-format "^26.5.2"
 
-jest-environment-jsdom@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-25.5.0.tgz#dcbe4da2ea997707997040ecf6e2560aec4e9834"
-  integrity sha512-7Jr02ydaq4jaWMZLY+Skn8wL5nVIYpWvmeatOHL3tOcV3Zw8sjnPpx+ZdeBfc457p8jCR9J6YCc+Lga0oIy62A==
+jest-environment-jsdom@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-26.5.2.tgz#5feab05b828fd3e4b96bee5e0493464ddd2bb4bc"
+  integrity sha512-fWZPx0bluJaTQ36+PmRpvUtUlUFlGGBNyGX1SN3dLUHHMcQ4WseNEzcGGKOw4U5towXgxI4qDoI3vwR18H0RTw==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    jsdom "^15.2.1"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
+    jsdom "^16.4.0"
 
-jest-environment-node@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-25.5.0.tgz#0f55270d94804902988e64adca37c6ce0f7d07a1"
-  integrity sha512-iuxK6rQR2En9EID+2k+IBs5fCFd919gVVK5BeND82fYeLWPqvRcFNPKu9+gxTwfB5XwBGBvZ0HFQa+cHtIoslA==
+jest-environment-node@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-26.5.2.tgz#275a0f01b5e47447056f1541a15ed4da14acca03"
+  integrity sha512-YHjnDsf/GKFCYMGF1V+6HF7jhY1fcLfLNBDjhAOvFGvt6d8vXvNdJGVM7uTZ2VO/TuIyEFhPGaXMX5j3h7fsrA==
   dependencies:
-    "@jest/environment" "^25.5.0"
-    "@jest/fake-timers" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-util "^25.5.0"
-    semver "^6.3.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    jest-mock "^26.5.2"
+    jest-util "^26.5.2"
 
 jest-get-type@^25.2.6:
   version "25.2.6"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-25.2.6.tgz#0b0a32fab8908b44d508be81681487dbabb8d877"
   integrity sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig==
 
-jest-haste-map@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-25.5.1.tgz#1df10f716c1d94e60a1ebf7798c9fb3da2620943"
-  integrity sha512-dddgh9UZjV7SCDQUrQ+5t9yy8iEgKc1AKqZR9YDww8xsVOtzPQSMVLDChc21+g29oTRexb9/B0bIlZL+sWmvAQ==
-  dependencies:
-    "@jest/types" "^25.5.0"
-    "@types/graceful-fs" "^4.1.2"
-    anymatch "^3.0.3"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-serializer "^25.5.0"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
-    micromatch "^4.0.2"
-    sane "^4.0.3"
-    walker "^1.0.7"
-    which "^2.0.2"
-  optionalDependencies:
-    fsevents "^2.1.2"
+jest-get-type@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.npmjs.org/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
+  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
 
 jest-haste-map@^26.1.0:
   version "26.1.0"
@@ -7301,163 +7452,181 @@ jest-haste-map@^26.1.0:
   optionalDependencies:
     fsevents "^2.1.2"
 
-jest-jasmine2@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.5.4.tgz#66ca8b328fb1a3c5364816f8958f6970a8526968"
-  integrity sha512-9acbWEfbmS8UpdcfqnDO+uBUgKa/9hcRh983IHdM+pKmJPL77G0sWAAK0V0kr5LK3a8cSBfkFSoncXwQlRZfkQ==
+jest-haste-map@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-26.5.2.tgz#a15008abfc502c18aa56e4919ed8c96304ceb23d"
+  integrity sha512-lJIAVJN3gtO3k4xy+7i2Xjtwh8CfPcH08WYjZpe9xzveDaqGw9fVNCpkYu6M525wKFVkLmyi7ku+DxCAP1lyMA==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-regex-util "^26.0.0"
+    jest-serializer "^26.5.0"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
+    micromatch "^4.0.2"
+    sane "^4.0.3"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^2.1.2"
+
+jest-jasmine2@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-26.5.2.tgz#0e33819d31b1f2aab5efd1e02ce502209c0e64a2"
+  integrity sha512-2J+GYcgLVPTkpmvHEj0/IDTIAuyblGNGlyGe4fLfDT2aktEPBYvoxUwFiOmDDxxzuuEAD2uxcYXr0+1Yw4tjFA==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/source-map" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/environment" "^26.5.2"
+    "@jest/source-map" "^26.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
     co "^4.6.0"
-    expect "^25.5.0"
+    expect "^26.5.2"
     is-generator-fn "^2.0.0"
-    jest-each "^25.5.0"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-runtime "^25.5.4"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    pretty-format "^25.5.0"
+    jest-each "^26.5.2"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    pretty-format "^26.5.2"
     throat "^5.0.0"
 
-jest-leak-detector@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-25.5.0.tgz#2291c6294b0ce404241bb56fe60e2d0c3e34f0bb"
-  integrity sha512-rV7JdLsanS8OkdDpZtgBf61L5xZ4NnYLBq72r6ldxahJWWczZjXawRsoHyXzibM5ed7C2QRjpp6ypgwGdKyoVA==
+jest-leak-detector@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-26.5.2.tgz#83fcf9a4a6ef157549552cb4f32ca1d6221eea69"
+  integrity sha512-h7ia3dLzBFItmYERaLPEtEKxy3YlcbcRSjj0XRNJgBEyODuu+3DM2o62kvIFvs3PsaYoIIv+e+nLRI61Dj1CNw==
   dependencies:
-    jest-get-type "^25.2.6"
-    pretty-format "^25.5.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
 
-jest-matcher-utils@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-25.5.0.tgz#fbc98a12d730e5d2453d7f1ed4a4d948e34b7867"
-  integrity sha512-VWI269+9JS5cpndnpCwm7dy7JtGQT30UHfrnM3mXl22gHGt/b7NkjBqXfbhZ8V4B7ANUsjK18PlSBmG0YH7gjw==
+jest-matcher-utils@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-26.5.2.tgz#6aa2c76ce8b9c33e66f8856ff3a52bab59e6c85a"
+  integrity sha512-W9GO9KBIC4gIArsNqDUKsLnhivaqf8MSs6ujO/JDcPIQrmY+aasewweXVET8KdrJ6ADQaUne5UzysvF/RR7JYA==
   dependencies:
-    chalk "^3.0.0"
-    jest-diff "^25.5.0"
-    jest-get-type "^25.2.6"
-    pretty-format "^25.5.0"
+    chalk "^4.0.0"
+    jest-diff "^26.5.2"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.5.2"
 
-jest-message-util@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-25.5.0.tgz#ea11d93204cc7ae97456e1d8716251185b8880ea"
-  integrity sha512-ezddz3YCT/LT0SKAmylVyWWIGYoKHOFOFXx3/nA4m794lfVUskMcwhip6vTgdVrOtYdjeQeis2ypzes9mZb4EA==
+jest-message-util@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-message-util/-/jest-message-util-26.5.2.tgz#6c4c4c46dcfbabb47cd1ba2f6351559729bc11bb"
+  integrity sha512-Ocp9UYZ5Jl15C5PNsoDiGEk14A4NG0zZKknpWdZGoMzJuGAkVt10e97tnEVMYpk7LnQHZOfuK2j/izLBMcuCZw==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@jest/types" "^25.5.0"
-    "@types/stack-utils" "^1.0.1"
-    chalk "^3.0.0"
+    "@jest/types" "^26.5.2"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
     graceful-fs "^4.2.4"
     micromatch "^4.0.2"
     slash "^3.0.0"
-    stack-utils "^1.0.1"
+    stack-utils "^2.0.2"
 
-jest-mock@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-25.5.0.tgz#a91a54dabd14e37ecd61665d6b6e06360a55387a"
-  integrity sha512-eXWuTV8mKzp/ovHc5+3USJMYsTBhyQ+5A1Mak35dey/RG8GlM4YWVylZuGgVXinaW6tpvk/RSecmF37FKUlpXA==
+jest-mock@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-mock/-/jest-mock-26.5.2.tgz#c9302e8ef807f2bfc749ee52e65ad11166a1b6a1"
+  integrity sha512-9SiU4b5PtO51v0MtJwVRqeGEroH66Bnwtq4ARdNP7jNXbpT7+ByeWNAk4NeT/uHfNSVDXEXgQo1XRuwEqS6Rdw==
   dependencies:
-    "@jest/types" "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
 
-jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
-
-jest-regex-util@^25.2.6:
-  version "25.2.6"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-25.2.6.tgz#d847d38ba15d2118d3b06390056028d0f2fd3964"
-  integrity sha512-KQqf7a0NrtCkYmZZzodPftn7fL1cq3GQAFVMn5Hg8uKx/fIenLEobNanUxb7abQ1sjADHBseG/2FGpsv/wr+Qw==
+jest-pnp-resolver@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
 jest-regex-util@^26.0.0:
   version "26.0.0"
   resolved "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
   integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
 
-jest-resolve-dependencies@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.5.4.tgz#85501f53957c8e3be446e863a74777b5a17397a7"
-  integrity sha512-yFmbPd+DAQjJQg88HveObcGBA32nqNZ02fjYmtL16t1xw9bAttSn5UGRRhzMHIQbsep7znWvAvnD4kDqOFM0Uw==
+jest-resolve-dependencies@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-26.5.2.tgz#ee30b7cfea81c81bf5e195a9287d7ec07f893170"
+  integrity sha512-LLkc8LuRtxqOx0AtX/Npa2C4I23WcIrwUgNtHYXg4owYF/ZDQShcwBAHjYZIFR06+HpQcZ43+kCTMlQ3aDCYTg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-snapshot "^25.5.1"
+    "@jest/types" "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-snapshot "^26.5.2"
 
-jest-resolve@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-25.5.1.tgz#0e6fbcfa7c26d2a5fe8f456088dc332a79266829"
-  integrity sha512-Hc09hYch5aWdtejsUZhA+vSzcotf7fajSlPA6EZPE1RmPBAD39XtJhvHWFStid58iit4IPDLI/Da4cwdDmAHiQ==
+jest-resolve@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-resolve/-/jest-resolve-26.5.2.tgz#0d719144f61944a428657b755a0e5c6af4fc8602"
+  integrity sha512-XsPxojXGRA0CoDD7Vis59ucz2p3cQFU5C+19tz3tLEAlhYKkK77IL0cjYjikY9wXnOaBeEdm1rOgSJjbZWpcZg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    browser-resolve "^1.11.3"
-    chalk "^3.0.0"
+    "@jest/types" "^26.5.2"
+    chalk "^4.0.0"
     graceful-fs "^4.2.4"
-    jest-pnp-resolver "^1.2.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^26.5.2"
     read-pkg-up "^7.0.1"
-    realpath-native "^2.0.0"
     resolve "^1.17.0"
     slash "^3.0.0"
 
-jest-runner@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.5.4.tgz#ffec5df3875da5f5c878ae6d0a17b8e4ecd7c71d"
-  integrity sha512-V/2R7fKZo6blP8E9BL9vJ8aTU4TH2beuqGNxHbxi6t14XzTb+x90B3FRgdvuHm41GY8ch4xxvf0ATH4hdpjTqg==
+jest-runner@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-runner/-/jest-runner-26.5.2.tgz#4f9e6b0bb7eb4710c209a9e145b8a10894f4c19f"
+  integrity sha512-GKhYxtSX5+tXZsd2QwfkDqPIj5C2HqOdXLRc2x2qYqWE26OJh17xo58/fN/mLhRkO4y6o60ZVloan7Kk5YA6hg==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
+    "@jest/console" "^26.5.2"
+    "@jest/environment" "^26.5.2"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    emittery "^0.7.1"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.4"
-    jest-docblock "^25.3.0"
-    jest-haste-map "^25.5.1"
-    jest-jasmine2 "^25.5.4"
-    jest-leak-detector "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-resolve "^25.5.1"
-    jest-runtime "^25.5.4"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
+    jest-config "^26.5.2"
+    jest-docblock "^26.0.0"
+    jest-haste-map "^26.5.2"
+    jest-leak-detector "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-resolve "^26.5.2"
+    jest-runtime "^26.5.2"
+    jest-util "^26.5.2"
+    jest-worker "^26.5.0"
     source-map-support "^0.5.6"
     throat "^5.0.0"
 
-jest-runtime@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.5.4.tgz#dc981fe2cb2137abcd319e74ccae7f7eeffbfaab"
-  integrity sha512-RWTt8LeWh3GvjYtASH2eezkc8AehVoWKK20udV6n3/gC87wlTbE1kIA+opCvNWyyPeBs6ptYsc6nyHUb1GlUVQ==
+jest-runtime@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-runtime/-/jest-runtime-26.5.2.tgz#b72f5f79eb2fe0c46bfef4cdb9c1e01d1c69ba41"
+  integrity sha512-zArr4DatX/Sn0wswX/AnAuJgmwgAR5rNtrUz36HR8BfMuysHYNq5sDbYHuLC4ICyRdy5ae/KQ+sczxyS9G6Qvw==
   dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/globals" "^25.5.2"
-    "@jest/source-map" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
+    "@jest/console" "^26.5.2"
+    "@jest/environment" "^26.5.2"
+    "@jest/fake-timers" "^26.5.2"
+    "@jest/globals" "^26.5.2"
+    "@jest/source-map" "^26.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/transform" "^26.5.2"
+    "@jest/types" "^26.5.2"
     "@types/yargs" "^15.0.0"
-    chalk "^3.0.0"
+    chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.4"
-    jest-haste-map "^25.5.1"
-    jest-message-util "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    realpath-native "^2.0.0"
+    jest-config "^26.5.2"
+    jest-haste-map "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-mock "^26.5.2"
+    jest-regex-util "^26.0.0"
+    jest-resolve "^26.5.2"
+    jest-snapshot "^26.5.2"
+    jest-util "^26.5.2"
+    jest-validate "^26.5.2"
     slash "^3.0.0"
     strip-bom "^4.0.0"
-    yargs "^15.3.1"
+    yargs "^15.4.1"
 
 jest-serializer-vue@^2.0.2:
   version "2.0.2"
@@ -7466,13 +7635,6 @@ jest-serializer-vue@^2.0.2:
   dependencies:
     pretty "2.0.0"
 
-jest-serializer@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-25.5.0.tgz#a993f484e769b4ed54e70e0efdb74007f503072b"
-  integrity sha512-LxD8fY1lByomEPflwur9o4e2a5twSQ7TaVNLlFUuToIdoJuBt8tzHfCsZ42Ok6LkKXWzFWf3AGmheuLAA7LcCA==
-  dependencies:
-    graceful-fs "^4.2.4"
-
 jest-serializer@^26.1.0:
   version "26.1.0"
   resolved "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.1.0.tgz#72a394531fc9b08e173dc7d297440ac610d95022"
@@ -7480,37 +7642,35 @@ jest-serializer@^26.1.0:
   dependencies:
     graceful-fs "^4.2.4"
 
-jest-snapshot@^25.5.1:
-  version "25.5.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.5.1.tgz#1a2a576491f9961eb8d00c2e5fd479bc28e5ff7f"
-  integrity sha512-C02JE1TUe64p2v1auUJ2ze5vcuv32tkv9PyhEb318e8XOKF7MOyXdJ7kdjbvrp3ChPLU2usI7Rjxs97Dj5P0uQ==
+jest-serializer@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.5.0.tgz#f5425cc4c5f6b4b355f854b5f0f23ec6b962bc13"
+  integrity sha512-+h3Gf5CDRlSLdgTv7y0vPIAoLgX/SI7T4v6hy+TEXMgYbv+ztzbg5PSN6mUXAT/hXYHvZRWm+MaObVfqkhCGxA==
+  dependencies:
+    "@types/node" "*"
+    graceful-fs "^4.2.4"
+
+jest-snapshot@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-26.5.2.tgz#0cf7642eaf8e8d2736bd443f619959bf237f9ccf"
+  integrity sha512-MkXIDvEefzDubI/WaDVSRH4xnkuirP/Pz8LhAIDXcVQTmcEfwxywj5LGwBmhz+kAAIldA7XM4l96vbpzltSjqg==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^25.5.0"
-    "@types/prettier" "^1.19.0"
-    chalk "^3.0.0"
-    expect "^25.5.0"
+    "@jest/types" "^26.5.2"
+    "@types/babel__traverse" "^7.0.4"
+    "@types/prettier" "^2.0.0"
+    chalk "^4.0.0"
+    expect "^26.5.2"
     graceful-fs "^4.2.4"
-    jest-diff "^25.5.0"
-    jest-get-type "^25.2.6"
-    jest-matcher-utils "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-resolve "^25.5.1"
-    make-dir "^3.0.0"
+    jest-diff "^26.5.2"
+    jest-get-type "^26.3.0"
+    jest-haste-map "^26.5.2"
+    jest-matcher-utils "^26.5.2"
+    jest-message-util "^26.5.2"
+    jest-resolve "^26.5.2"
     natural-compare "^1.4.0"
-    pretty-format "^25.5.0"
-    semver "^6.3.0"
-
-jest-util@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-25.5.0.tgz#31c63b5d6e901274d264a4fec849230aa3fa35b0"
-  integrity sha512-KVlX+WWg1zUTB9ktvhsg2PXZVdkI1NBevOJSkTKYAyXyH4QSvh+Lay/e/v+bmaFfrkfx43xD8QTfgobzlEXdIA==
-  dependencies:
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    make-dir "^3.0.0"
+    pretty-format "^26.5.2"
+    semver "^7.3.2"
 
 jest-util@^26.1.0:
   version "26.1.0"
@@ -7523,37 +7683,42 @@ jest-util@^26.1.0:
     is-ci "^2.0.0"
     micromatch "^4.0.2"
 
-jest-validate@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-25.5.0.tgz#fb4c93f332c2e4cf70151a628e58a35e459a413a"
-  integrity sha512-okUFKqhZIpo3jDdtUXUZ2LxGUZJIlfdYBvZb1aczzxrlyMlqdnnws9MOxezoLGhSaFc2XYaHNReNQfj5zPIWyQ==
+jest-util@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-util/-/jest-util-26.5.2.tgz#8403f75677902cc52a1b2140f568e91f8ed4f4d7"
+  integrity sha512-WTL675bK+GSSAYgS8z9FWdCT2nccO1yTIplNLPlP0OD8tUk/H5IrWKMMRudIQQ0qp8bb4k+1Qa8CxGKq9qnYdg==
   dependencies:
-    "@jest/types" "^25.5.0"
-    camelcase "^5.3.1"
-    chalk "^3.0.0"
-    jest-get-type "^25.2.6"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    is-ci "^2.0.0"
+    micromatch "^4.0.2"
+
+jest-validate@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-validate/-/jest-validate-26.5.2.tgz#7ea266700b64234cd1c0cee982490c5a80e9b0f0"
+  integrity sha512-FmJks0zY36mp6Af/5sqO6CTL9bNMU45yKCJk3hrz8d2aIqQIlN1pr9HPIwZE8blLaewOla134nt5+xAmWsx3SQ==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    camelcase "^6.0.0"
+    chalk "^4.0.0"
+    jest-get-type "^26.3.0"
     leven "^3.1.0"
-    pretty-format "^25.5.0"
+    pretty-format "^26.5.2"
 
-jest-watcher@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-25.5.0.tgz#d6110d101df98badebe435003956fd4a465e8456"
-  integrity sha512-XrSfJnVASEl+5+bb51V0Q7WQx65dTSk7NL4yDdVjPnRNpM0hG+ncFmDYJo9O8jaSRcAitVbuVawyXCRoxGrT5Q==
+jest-watcher@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest-watcher/-/jest-watcher-26.5.2.tgz#2957f4461007e0769d74b537379ecf6b7c696916"
+  integrity sha512-i3m1NtWzF+FXfJ3ljLBB/WQEp4uaNhX7QcQUWMokcifFTUQBDFyUMEwk0JkJ1kopHbx7Een3KX0Q7+9koGM/Pw==
   dependencies:
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
+    "@jest/test-result" "^26.5.2"
+    "@jest/types" "^26.5.2"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
-    jest-util "^25.5.0"
-    string-length "^3.1.0"
-
-jest-worker@^25.5.0:
-  version "25.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-25.5.0.tgz#2611d071b79cea0f43ee57a3d118593ac1547db1"
-  integrity sha512-/dsSmUkIy5EBGfv/IjjqmFxrNAUpBERfGs1oHROyD7yxjG/w+t0GOJDX8O1k32ySmd7+a5IhnJU2qQFcJ4n1vw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
+    chalk "^4.0.0"
+    jest-util "^26.5.2"
+    string-length "^4.0.1"
 
 jest-worker@^26.1.0:
   version "26.1.0"
@@ -7563,14 +7728,23 @@ jest-worker@^26.1.0:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest@^25.5.4:
-  version "25.5.4"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-25.5.4.tgz#f21107b6489cfe32b076ce2adcadee3587acb9db"
-  integrity sha512-hHFJROBTqZahnO+X+PMtT6G2/ztqAZJveGqz//FnWWHurizkD05PQGzRZOhF3XP6z7SJmL+5tCfW8qV06JypwQ==
+jest-worker@^26.5.0:
+  version "26.5.0"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-26.5.0.tgz#87deee86dbbc5f98d9919e0dadf2c40e3152fa30"
+  integrity sha512-kTw66Dn4ZX7WpjZ7T/SUDgRhapFRKWmisVAF0Rv4Fu8SLFD7eLbqpLvbxVqYhSgaWa7I+bW7pHnbyfNsH6stug==
   dependencies:
-    "@jest/core" "^25.5.4"
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
+jest@^26.0.0:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/jest/-/jest-26.5.2.tgz#c6791642b331fe7abd2f993b0a74aa546f7be0fb"
+  integrity sha512-4HFabJVwsgDwul/7rhXJ3yFAF/aUkVIXiJWmgFxb+WMdZG39fVvOwYAs8/3r4AlFPc4m/n5sTMtuMbOL3kNtrQ==
+  dependencies:
+    "@jest/core" "^26.5.2"
     import-local "^3.0.2"
-    jest-cli "^25.5.4"
+    jest-cli "^26.5.2"
 
 js-beautify@^1.6.12:
   version "1.10.3"
@@ -7601,36 +7775,36 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^15.2.1:
-  version "15.2.1"
-  resolved "https://registry.npm.taobao.org/jsdom/download/jsdom-15.2.1.tgz?cache=0&sync_timestamp=1585532008781&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsdom%2Fdownload%2Fjsdom-15.2.1.tgz#d2feb1aef7183f86be521b8c6833ff5296d07ec5"
-  integrity sha1-0v6xrvcYP4a+UhuMaDP/UpbQfsU=
+jsdom@^16.4.0:
+  version "16.4.0"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-16.4.0.tgz#36005bde2d136f73eee1a830c6d45e55408edddb"
+  integrity sha512-lYMm3wYdgPhrl7pDcRmvzPhhrGVBeVhPIqeHjzeiHN3DFmD1RBpbExbi8vU7BJdH8VAZYovR8DMt0PNNDM7k8w==
   dependencies:
-    abab "^2.0.0"
-    acorn "^7.1.0"
-    acorn-globals "^4.3.2"
-    array-equal "^1.0.0"
-    cssom "^0.4.1"
-    cssstyle "^2.0.0"
-    data-urls "^1.1.0"
-    domexception "^1.0.1"
-    escodegen "^1.11.1"
-    html-encoding-sniffer "^1.0.2"
+    abab "^2.0.3"
+    acorn "^7.1.1"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.2.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.0"
+    domexception "^2.0.1"
+    escodegen "^1.14.1"
+    html-encoding-sniffer "^2.0.1"
+    is-potential-custom-element-name "^1.0.0"
     nwsapi "^2.2.0"
-    parse5 "5.1.0"
-    pn "^1.1.0"
-    request "^2.88.0"
-    request-promise-native "^1.0.7"
-    saxes "^3.1.9"
-    symbol-tree "^3.2.2"
+    parse5 "5.1.1"
+    request "^2.88.2"
+    request-promise-native "^1.0.8"
+    saxes "^5.0.0"
+    symbol-tree "^3.2.4"
     tough-cookie "^3.0.1"
-    w3c-hr-time "^1.0.1"
-    w3c-xmlserializer "^1.1.2"
-    webidl-conversions "^4.0.2"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.1.0"
     whatwg-encoding "^1.0.5"
     whatwg-mimetype "^2.3.0"
-    whatwg-url "^7.0.0"
-    ws "^7.0.0"
+    whatwg-url "^8.0.0"
+    ws "^7.2.3"
     xml-name-validator "^3.0.0"
 
 jsesc@^2.5.1:
@@ -7776,6 +7950,11 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
+klona@^2.0.3, klona@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
+  integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
+
 known-css-properties@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.11.0.tgz#0da784f115ea77c76b81536d7052e90ee6c86a8a"
@@ -7793,15 +7972,14 @@ latest-version@^5.0.0:
   dependencies:
     package-json "^6.3.0"
 
-less-loader@^6.1.0:
-  version "6.2.0"
-  resolved "https://registry.npmjs.org/less-loader/-/less-loader-6.2.0.tgz#8b26f621c155b342eefc24f5bd6e9dc40c42a719"
-  integrity sha512-Cl5h95/Pz/PWub/tCBgT1oNMFeH1WTD33piG80jn5jr12T4XbxZcjThwNXDQ7AG649WEynuIzO4b0+2Tn9Qolg==
+less-loader@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/less-loader/-/less-loader-7.0.1.tgz#115ef3b2817f6f9e14ade6de3509b878c1bc0c13"
+  integrity sha512-TO0+5HuDJhHArpOWnjzPMQ0xfdvyo0nxF75NNnSZ/n8b08aDuhk91/zV9sqYHzPfWvBh1PjpX/pTEEi2QnmaYA==
   dependencies:
-    clone "^2.1.2"
-    less "^3.11.3"
+    klona "^2.0.3"
     loader-utils "^2.0.0"
-    schema-utils "^2.7.0"
+    schema-utils "^2.7.1"
 
 less@^3.11.1:
   version "3.11.1"
@@ -7820,23 +7998,6 @@ less@^3.11.1:
     request "^2.83.0"
     source-map "~0.6.0"
 
-less@^3.11.3:
-  version "3.11.3"
-  resolved "https://registry.npmjs.org/less/-/less-3.11.3.tgz#2d853954fcfe0169a8af869620bcaa16563dcc1c"
-  integrity sha512-VkZiTDdtNEzXA3LgjQiC3D7/ejleBPFVvq+aRI9mIj+Zhmif5TvFPM244bT4rzkvOCvJ9q4zAztok1M7Nygagw==
-  dependencies:
-    clone "^2.1.2"
-    tslib "^1.10.0"
-  optionalDependencies:
-    errno "^0.1.1"
-    graceful-fs "^4.1.2"
-    image-size "~0.5.0"
-    make-dir "^2.1.0"
-    mime "^1.4.1"
-    promise "^7.1.1"
-    request "^2.83.0"
-    source-map "~0.6.0"
-
 leven@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
@@ -7870,6 +8031,14 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+line-column@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/line-column/-/line-column-1.0.2.tgz#d25af2936b6f4849172b312e4792d1d987bc34a2"
+  integrity sha1-0lryk2tvSEkXKzEuR5LR2Ye8NKI=
+  dependencies:
+    isarray "^1.0.0"
+    isobject "^2.0.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -8085,13 +8254,6 @@ loglevel@^1.6.8:
   resolved "https://registry.npmjs.org/loglevel/-/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
   integrity sha512-bsU7+gc9AJ2SqpzxwU3+1fedl8zAntbtC5XYlt3s2j1hJcn2PsXSmgN8TaLG/J1/2mod4+cE/3vNL70/c1RNCA==
 
-lolex@^5.0.0:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/lolex/-/lolex-5.1.2.tgz#953694d098ce7c07bc5ed6d0e42bc6c0c6d5a367"
-  integrity sha512-h4hmjAvHTmd+25JSwrtTIuwbKdwg5NzZVRMLn9saij4SZaepCrTCxPr35H/3bjwfMJtN+t3CX8672UIkglz28A==
-  dependencies:
-    "@sinonjs/commons" "^1.7.0"
-
 longest-streak@^2.0.1:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
@@ -8156,7 +8318,7 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.4"
 
-make-dir@^2.0.0, make-dir@^2.1.0:
+make-dir@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
   integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
@@ -8605,6 +8767,11 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
+nanoid@^3.1.12:
+  version "3.1.12"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.1.12.tgz#6f7736c62e8d39421601e4a0c77623a97ea69654"
+  integrity sha512-1qstj9z5+x491jfiC4Nelk+f8XBad7LN20PmyWINJEMRSf3wcAjAWysw1qaA8z6NSKe2sjq1hRSDpBH5paCb6A==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -8699,16 +8866,17 @@ node-modules-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
 
-node-notifier@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-6.0.0.tgz#cea319e06baa16deec8ce5cd7f133c4a46b68e12"
-  integrity sha512-SVfQ/wMw+DesunOm5cKqr6yDcvUTDl/yc97ybGHMrteNEY6oekXpNpS3lZwgLlwz0FLgHoiW28ZpmBHUDg37cw==
+node-notifier@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/node-notifier/-/node-notifier-8.0.0.tgz#a7eee2d51da6d0f7ff5094bc7108c911240c1620"
+  integrity sha512-46z7DUmcjoYdaWyXouuFNNfUo6eFa94t23c53c+lG/9Cvauk4a98rAUp9672X5dxGdQmLpPzTxzu8f/OeEPaFA==
   dependencies:
     growly "^1.3.0"
-    is-wsl "^2.1.1"
-    semver "^6.3.0"
+    is-wsl "^2.2.0"
+    semver "^7.3.2"
     shellwords "^0.1.1"
-    which "^1.3.1"
+    uuid "^8.3.0"
+    which "^2.0.2"
 
 node-releases@^1.1.53:
   version "1.1.53"
@@ -8720,6 +8888,11 @@ node-releases@^1.1.58:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.58.tgz#8ee20eef30fa60e52755fcc0942def5a734fe935"
   integrity sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==
 
+node-releases@^1.1.61:
+  version "1.1.61"
+  resolved "https://registry.npmjs.org/node-releases/-/node-releases-1.1.61.tgz#707b0fca9ce4e11783612ba4a2fcba09047af16e"
+  integrity sha512-DD5vebQLg8jLCOzwupn954fbIiZht05DAZs0k2u8NStSe6h9XdsuIQL8hSRKYiU8WUQRznmSDrKGbv3ObOmC7g==
+
 nopt@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@@ -8968,7 +9141,7 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-ora@4.0.4, ora@^4.0.4:
+ora@4.0.4:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/ora/-/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
   integrity sha512-77iGeVU1cIdRhgFzCK8aw1fbtT1B/iZAvWjS+l/o1x0RShMgxHUZaD2yDpWsNCPwXg9z1ZA78Kbdvr8kBmG/Ww==
@@ -8982,6 +9155,20 @@ ora@4.0.4, ora@^4.0.4:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
+ora@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/ora/-/ora-5.1.0.tgz#b188cf8cd2d4d9b13fd25383bc3e5cba352c94f8"
+  integrity sha512-9tXIMPvjZ7hPTbk8DFq1f7Kow/HU/pQYB60JbNq+QnGwcyhWVZaQ4hM9zQDEsPxw/muLpgiHSaumUZxCAmod/w==
+  dependencies:
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-spinners "^2.4.0"
+    is-interactive "^1.0.0"
+    log-symbols "^4.0.0"
+    mute-stream "0.0.8"
+    strip-ansi "^6.0.0"
+    wcwidth "^1.0.1"
+
 original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
@@ -9040,11 +9227,6 @@ p-finally@^1.0.0:
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
-p-finally@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
-  integrity sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw==
-
 p-limit@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
@@ -9239,10 +9421,10 @@ parse-url@^5.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
-parse5@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
-  integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
+parse5@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178"
+  integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
 
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
@@ -9437,11 +9619,6 @@ please-upgrade-node@^3.2.0:
   dependencies:
     semver-compare "^1.0.0"
 
-pn@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
-  integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
-
 portfinder@^1.0.26:
   version "1.0.26"
   resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.26.tgz#475658d56ca30bed72ac7f1378ed350bd1b64e70"
@@ -9477,23 +9654,16 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
   dependencies:
     postcss "^7.0.14"
 
-postcss-load-config@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
-  integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
+postcss-loader@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.0.3.tgz#337f51bbdfb02269fb42f7db9fc7f0a93c1b2e3f"
+  integrity sha512-jHboC/AOnJLPu8/974hODCJ/rNAa2YhhJOclUeuRlAmFpKmEcBY6az8y1ejHyYc2LThzPl8qPRekh2Yz3CiRKA==
   dependencies:
-    cosmiconfig "^5.0.0"
-    import-cwd "^2.0.0"
-
-postcss-loader@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
-  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
-  dependencies:
-    loader-utils "^1.1.0"
-    postcss "^7.0.0"
-    postcss-load-config "^2.0.0"
-    schema-utils "^1.0.0"
+    cosmiconfig "^7.0.0"
+    klona "^2.0.4"
+    loader-utils "^2.0.0"
+    schema-utils "^2.7.1"
+    semver "^7.3.2"
 
 postcss-markdown@^0.36.0:
   version "0.36.0"
@@ -9671,7 +9841,7 @@ postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.1
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^7.0.31, postcss@^7.0.32:
+postcss@^7.0.32:
   version "7.0.32"
   resolved "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
   integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
@@ -9680,6 +9850,16 @@ postcss@^7.0.31, postcss@^7.0.32:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
+postcss@^8.0.0:
+  version "8.1.1"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.1.1.tgz#c3a287dd10e4f6c84cb3791052b96a5d859c9389"
+  integrity sha512-9DGLSsjooH3kSNjTZUOt2eIj2ZTW0VI2PZ/3My+8TC7KIbH2OKwUlISfDsf63EP4aiRUt3XkEWMWvyJHvJelEg==
+  dependencies:
+    colorette "^1.2.1"
+    line-column "^1.0.2"
+    nanoid "^3.1.12"
+    source-map "^0.6.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -9728,6 +9908,16 @@ pretty-format@^25.2.1, pretty-format@^25.5.0:
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
 
+pretty-format@^26.5.2:
+  version "26.5.2"
+  resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-26.5.2.tgz#5d896acfdaa09210683d34b6dc0e6e21423cd3e1"
+  integrity sha512-VizyV669eqESlkOikKJI8Ryxl/kPpbdLwNdPs2GrbQs18MpySB5S0Yo0N7zkg2xTRiFq4CFw8ct5Vg4a0xP0og==
+  dependencies:
+    "@jest/types" "^26.5.2"
+    ansi-regex "^5.0.0"
+    ansi-styles "^4.0.0"
+    react-is "^16.12.0"
+
 pretty-time@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
@@ -10080,11 +10270,6 @@ readdirp@~3.4.0:
   dependencies:
     picomatch "^2.2.1"
 
-realpath-native@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/realpath-native/download/realpath-native-2.0.0.tgz?cache=0&sync_timestamp=1579721691172&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frealpath-native%2Fdownload%2Frealpath-native-2.0.0.tgz#7377ac429b6e1fd599dc38d08ed942d0d7beb866"
-  integrity sha1-c3esQptuH9WZ3DjQjtlC0Ne+uGY=
-
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -10386,23 +10571,23 @@ replace-ext@1.0.0:
   resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
   integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
 
-request-promise-core@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
-  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
+request-promise-core@1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz#3eedd4223208d419867b78ce815167d10593a22f"
+  integrity sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==
   dependencies:
-    lodash "^4.17.15"
+    lodash "^4.17.19"
 
-request-promise-native@^1.0.7:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
-  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
+request-promise-native@^1.0.8:
+  version "1.0.9"
+  resolved "https://registry.npmjs.org/request-promise-native/-/request-promise-native-1.0.9.tgz#e407120526a5efdc9a39b28a5679bf47b9d9dc28"
+  integrity sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==
   dependencies:
-    request-promise-core "1.1.3"
+    request-promise-core "1.1.4"
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@^2.83.0, request@^2.88.0:
+request@^2.83.0, request@^2.88.2:
   version "2.88.2"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
   integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
@@ -10482,11 +10667,6 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
-
 resolve@1.x, resolve@^1.1.6, resolve@^1.10.0, resolve@^1.13.1, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.1:
   version "1.17.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
@@ -10653,14 +10833,14 @@ sass@^1.26.7:
   dependencies:
     chokidar ">=2.0.0 <4.0.0"
 
-saxes@^3.1.9:
-  version "3.1.11"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
-  integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
+saxes@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
+  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
   dependencies:
-    xmlchars "^2.1.1"
+    xmlchars "^2.2.0"
 
-schema-utils@2.7.0, schema-utils@^2.7.0:
+schema-utils@2.7.0:
   version "2.7.0"
   resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
   integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
@@ -10686,6 +10866,15 @@ schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
+schema-utils@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
+  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
+  dependencies:
+    "@types/json-schema" "^7.0.5"
+    ajv "^6.12.4"
+    ajv-keywords "^3.5.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -11126,10 +11315,12 @@ ssri@^6.0.1:
   dependencies:
     figgy-pudding "^3.5.1"
 
-stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+stack-utils@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.2.tgz#5cf48b4557becb4638d0bc4f21d23f5d19586593"
+  integrity sha512-0H7QK2ECz3fyZMzQ8rH0j2ykpfbnd20BFtfg/SqVC2+sCTtcw0aDTGB7dk+de4U4uUeuz6nOtJcrkFFLG1B0Rg==
+  dependencies:
+    escape-string-regexp "^2.0.0"
 
 stackframe@^1.1.1:
   version "1.1.1"
@@ -11220,13 +11411,13 @@ string-hash@^1.1.1:
   resolved "https://registry.npm.taobao.org/string-hash/download/string-hash-1.1.3.tgz#e8aafc0ac1855b4666929ed7dd1275df5d6c811b"
   integrity sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=
 
-string-length@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-3.1.0.tgz#107ef8c23456e187a8abd4a61162ff4ac6e25837"
-  integrity sha512-Ttp5YvkGm5v9Ijagtaz1BnN+k9ObpvS0eIBblPMp2YWL8FBmi9qblQ9fexc2k/CXFgrTIteU3jAw3payCnwSTA==
+string-length@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
+  integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7eMr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
   dependencies:
-    astral-regex "^1.0.0"
-    strip-ansi "^5.2.0"
+    char-regex "^1.0.2"
+    strip-ansi "^6.0.0"
 
 string-width@^2.0.0:
   version "2.1.1"
@@ -11635,9 +11826,9 @@ svg-tags@^1.0.0:
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
   integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
 
-symbol-tree@^3.2.2:
+symbol-tree@^3.2.4:
   version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
 table@^5.0.0, table@^5.2.3, table@^5.4.6:
@@ -11840,12 +12031,12 @@ tough-cookie@^3.0.1:
     psl "^1.1.28"
     punycode "^2.1.1"
 
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
+tr46@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-2.0.2.tgz#03273586def1595ae08fedb38d7733cee91d2479"
+  integrity sha512-3n1qG+/5kg+jrbTzwAykB5yRYtQCTqOGKq5U5PE3b0a1/mzo6snDhjGS0zJVJunO0NrT3Dg1MLy5TjWP/UJppg==
   dependencies:
-    punycode "^2.1.0"
+    punycode "^2.1.1"
 
 transliteration@^2.1.7:
   version "2.1.8"
@@ -12360,6 +12551,11 @@ uuid@^3.3.2, uuid@^3.4.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
+uuid@^8.3.0:
+  version "8.3.1"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
+  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
+
 v8-compile-cache@^2.0.3:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
@@ -12370,10 +12566,10 @@ v8-compile-cache@^2.1.1:
   resolved "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
   integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
 
-v8-to-istanbul@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-4.1.3.tgz#22fe35709a64955f49a08a7c7c959f6520ad6f20"
-  integrity sha512-sAjOC+Kki6aJVbUOXJbcR0MnbfjvBzwKZazEJymA2IX49uoOdEdk+4fBq5cXgYgiyKtAyrrJNtBZdOeDIF+Fng==
+v8-to-istanbul@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-5.0.1.tgz#0608f5b49a481458625edb058488607f25498ba5"
+  integrity sha512-mbDNjuDajqYe3TXFk5qxcQy8L1msXNE37WTlLoqqpBfRsimbNcrlhQlDPntmECEcUvdC+AQ8CyMMf6EUx1r74Q==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
@@ -12464,10 +12660,10 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.3:
-  version "5.0.0-alpha.3"
-  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.3.tgz#37eacb0672640c4eb0f01f966a20a87bf4105d20"
-  integrity sha512-PiuFiFoskML67v1+mUNhooSq8T6gC0cvsA4OhpN841yX3+M377m0eKaa7Awk8mrGP1vDM+id9NU6NbHYxYI9BA==
+vue-jest@^5.0.0-alpha.4:
+  version "5.0.0-alpha.4"
+  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.4.tgz#77fb581b476b5a9c228111a17cc14eb0be2ba297"
+  integrity sha512-mseL2qWZ17fb20lprwNVzjjr2dWzI3tQOZGIUuoD9g9CC38bex3knVFKZs8bm0+hPEJN1lBo835pA/fENuJKlQ==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -12492,10 +12688,10 @@ vue-loader@^16.0.0-beta.7:
     merge-source-map "^1.1.0"
     source-map "^0.6.1"
 
-vue-router@^4.0.0-beta.10:
-  version "4.0.0-beta.10"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.10.tgz#45f9e6fee6fcc7094b696e90c2c9f76c3aaf40ed"
-  integrity sha512-y3YxV8rO9e4mgFqdyskytRMLzwbxR65ZaAW59xZL+T3M3kHX5p+/XB6j7K5cVm/EgZFOLRb+Zht3ShVaEonn/A==
+vue-router@^4.0.0-beta.13:
+  version "4.0.0-beta.13"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.0.0-beta.13.tgz#4611d09a9e44f231cc401ecc294a7f2dcb30e6a6"
+  integrity sha512-dYv9qpHPaojQlfujViiTkPkf1Bf5RCFzkCkdVFc1cENzWJYAGJanpIHiyjyKoM4u7IDFBZMItci+U4ieaEWA8A==
 
 vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
@@ -12511,20 +12707,18 @@ vue@^3.0.0:
     "@vue/runtime-dom" "3.0.0"
     "@vue/shared" "3.0.0"
 
-w3c-hr-time@^1.0.1:
+w3c-hr-time@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
+  resolved "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
   integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
   dependencies:
     browser-process-hrtime "^1.0.0"
 
-w3c-xmlserializer@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz#30485ca7d70a6fd052420a3d12fd90e6339ce794"
-  integrity sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==
+w3c-xmlserializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
+  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
   dependencies:
-    domexception "^1.0.1"
-    webidl-conversions "^4.0.2"
     xml-name-validator "^3.0.0"
 
 walker@^1.0.7, walker@~1.0.5:
@@ -12557,10 +12751,15 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-webidl-conversions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+webidl-conversions@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
+  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+
+webidl-conversions@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
+  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
 
 webpack-dev-middleware@^3.7.2:
   version "3.7.2"
@@ -12620,12 +12819,13 @@ webpack-log@^2.0.0:
     ansi-colors "^3.0.0"
     uuid "^3.3.2"
 
-webpack-merge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
-  integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==
+webpack-merge@^5.0.0:
+  version "5.1.4"
+  resolved "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.1.4.tgz#a2c3a0c38ac2c02055c47bb1d42de1f072f1aea4"
+  integrity sha512-LSmRD59mxREGkCBm9PCW3AaV4doDqxykGlx1NvioEE0FgkT2GQI54Wyvg39ptkiq2T11eRVoV39udNPsQvK+QQ==
   dependencies:
-    lodash "^4.17.15"
+    clone-deep "^4.0.1"
+    wildcard "^2.0.0"
 
 webpack-sources@^1.4.0, webpack-sources@^1.4.1:
   version "1.4.3"
@@ -12699,26 +12899,26 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
+whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
   integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
+whatwg-mimetype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
-whatwg-url@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
+whatwg-url@^8.0.0:
+  version "8.3.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.3.0.tgz#d1e11e565334486cdb280d3101b9c3fd1c867582"
+  integrity sha512-BQRf/ej5Rp3+n7k0grQXZj9a1cHtsp4lqj01p59xBWFKdezR8sO37XnpafwNqiFac/v2Il12EIMjX/Y4VZtT8Q==
   dependencies:
     lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
+    tr46 "^2.0.2"
+    webidl-conversions "^6.1.0"
 
 which-module@^2.0.0:
   version "2.0.0"
@@ -12751,6 +12951,11 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
+
 window-size@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-1.1.1.tgz#9858586580ada78ab26ecd6978a6e03115c1af20"
@@ -12830,10 +13035,10 @@ ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
-ws@^7.0.0:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.2.1.tgz#03ed52423cd744084b2cf42ed197c8b65a936b8e"
-  integrity sha512-sucePNSafamSKoOqoNfBd8V0StlkzJKL2ZAhGQinCfNQ+oacw+Pk7lcdAElecBF2VkLNZRiIb5Oi1Q5lVUVt2A==
+ws@^7.2.3:
+  version "7.3.1"
+  resolved "https://registry.npmjs.org/ws/-/ws-7.3.1.tgz#d0547bf67f7ce4f12a72dfe31262c68d7dc551c8"
+  integrity sha512-D3RuNkynyHmEJIpD2qrgVkc9DQ23OrN/moAwZX4L8DfvszsJxpjQuUq3LMx6HoYji9fbIOBY18XWBsAux1ZZUA==
 
 x-is-string@^0.1.0:
   version "0.1.0"
@@ -12850,9 +13055,9 @@ xml-name-validator@^3.0.0:
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-xmlchars@^2.1.1:
+xmlchars@^2.2.0:
   version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+  resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
 xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
@@ -12875,7 +13080,7 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yaml@1.10.0:
+yaml@1.10.0, yaml@^1.10.0:
   version "1.10.0"
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
   integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
@@ -12894,7 +13099,7 @@ yargs-parser@10.x, yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.3:
+yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
@@ -12926,7 +13131,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2, yargs@^15.3.1:
+yargs@^15.0.2:
   version "15.3.1"
   resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz?cache=0&sync_timestamp=1584344189540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
   integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
@@ -12942,3 +13147,20 @@ yargs@^15.0.2, yargs@^15.3.1:
     which-module "^2.0.0"
     y18n "^4.0.0"
     yargs-parser "^18.1.1"
+
+yargs@^15.4.1:
+  version "15.4.1"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
+  dependencies:
+    cliui "^6.0.0"
+    decamelize "^1.2.0"
+    find-up "^4.1.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^4.2.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^18.1.2"

From 1215786c139bb7e25a4a22d50e68d155ae93a152 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 15:38:16 +0800
Subject: [PATCH 560/626] fix(cli): downgrade postcss-loader

---
 package.json                   |  2 +-
 packages/vant-cli/package.json |  4 +--
 packages/vant-cli/yarn.lock    | 43 +++++++++++++++++-------
 yarn.lock                      | 60 +++++++++++++++++++++++++---------
 4 files changed, 80 insertions(+), 29 deletions(-)

diff --git a/package.json b/package.json
index 836bb4e0d..5c77c20a7 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
   },
   "devDependencies": {
     "@ls-lint/ls-lint": "^1.8.0",
-    "@vant/cli": "^3.0.0-beta.2",
+    "@vant/cli": "^3.0.0-beta.7",
     "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
     "vue": "^3.0.0"
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 3ac4b65c4..a68c210d9 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.7",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -89,7 +89,7 @@
     "portfinder": "^1.0.26",
     "postcss": "^8.0.0",
     "postcss-load-config": "^3.0.0",
-    "postcss-loader": "^4.0.0",
+    "postcss-loader": "^3.0.0",
     "prettier": "^2.0.5",
     "release-it": "^13.6.1",
     "sass": "^1.26.7",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 3329efab2..7a44a43e4 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -5848,6 +5848,13 @@ import-cwd@3.0.0, import-cwd@^3.0.0:
   dependencies:
     import-from "^3.0.0"
 
+import-cwd@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
+  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
+  dependencies:
+    import-from "^2.1.0"
+
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -5864,6 +5871,13 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-from@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
+  dependencies:
+    resolve-from "^3.0.0"
+
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -7093,7 +7107,7 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-klona@^2.0.3, klona@^2.0.4:
+klona@^2.0.3:
   version "2.0.4"
   resolved "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
   integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
@@ -7270,7 +7284,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -8773,6 +8787,14 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
   dependencies:
     postcss "^7.0.14"
 
+postcss-load-config@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
+  integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
+  dependencies:
+    cosmiconfig "^5.0.0"
+    import-cwd "^2.0.0"
+
 postcss-load-config@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.0.0.tgz#850bb066edd65b734329eacf83af0c0764226c87"
@@ -8781,16 +8803,15 @@ postcss-load-config@^3.0.0:
     cosmiconfig "^7.0.0"
     import-cwd "^3.0.0"
 
-postcss-loader@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.0.3.tgz#337f51bbdfb02269fb42f7db9fc7f0a93c1b2e3f"
-  integrity sha512-jHboC/AOnJLPu8/974hODCJ/rNAa2YhhJOclUeuRlAmFpKmEcBY6az8y1ejHyYc2LThzPl8qPRekh2Yz3CiRKA==
+postcss-loader@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
+  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
   dependencies:
-    cosmiconfig "^7.0.0"
-    klona "^2.0.4"
-    loader-utils "^2.0.0"
-    schema-utils "^2.7.1"
-    semver "^7.3.2"
+    loader-utils "^1.1.0"
+    postcss "^7.0.0"
+    postcss-load-config "^2.0.0"
+    schema-utils "^1.0.0"
 
 postcss-markdown@^0.36.0:
   version "0.36.0"
diff --git a/yarn.lock b/yarn.lock
index d450448de..f75e1eb1f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2094,10 +2094,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.2":
-  version "3.0.0-beta.2"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.2.tgz#f4a3e97e3ef246b4ac7668f95e5cfed1d68889b1"
-  integrity sha512-YspHBI/5phHKukug40ViHvKQakMuDfMC5eDc2/4My90CEASslNg/MKMkGWZ4iOt7i6F+//fYnpuDLcYQ99fXFg==
+"@vant/cli@^3.0.0-beta.7":
+  version "3.0.0-beta.7"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.7.tgz#1fb7b8ae7856d1ab1c6f5b0b73375f27a33c45d7"
+  integrity sha512-ukemi4OVRkc6rkIJybQdtm2o+L3u5MXRjHvNMGKmtTQ8a8V8Mwu4SrdpGEl+kz/KUH2BBioP6sq1XxYvxywKrg==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
@@ -2148,7 +2148,8 @@
     ora "^5.0.0"
     portfinder "^1.0.26"
     postcss "^8.0.0"
-    postcss-loader "^4.0.0"
+    postcss-load-config "^3.0.0"
+    postcss-loader "^3.0.0"
     prettier "^2.0.5"
     release-it "^13.6.1"
     sass "^1.26.7"
@@ -6627,13 +6628,20 @@ image-size@~0.5.0:
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
   integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
 
-import-cwd@3.0.0:
+import-cwd@3.0.0, import-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
   integrity sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==
   dependencies:
     import-from "^3.0.0"
 
+import-cwd@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
+  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
+  dependencies:
+    import-from "^2.1.0"
+
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -6650,6 +6658,13 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-from@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
+  dependencies:
+    resolve-from "^3.0.0"
+
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -7950,7 +7965,7 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-klona@^2.0.3, klona@^2.0.4:
+klona@^2.0.3:
   version "2.0.4"
   resolved "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
   integrity sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA==
@@ -9654,16 +9669,31 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
   dependencies:
     postcss "^7.0.14"
 
-postcss-loader@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.0.3.tgz#337f51bbdfb02269fb42f7db9fc7f0a93c1b2e3f"
-  integrity sha512-jHboC/AOnJLPu8/974hODCJ/rNAa2YhhJOclUeuRlAmFpKmEcBY6az8y1ejHyYc2LThzPl8qPRekh2Yz3CiRKA==
+postcss-load-config@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
+  integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
+  dependencies:
+    cosmiconfig "^5.0.0"
+    import-cwd "^2.0.0"
+
+postcss-load-config@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/postcss-load-config/download/postcss-load-config-3.0.0.tgz?cache=0&sync_timestamp=1601607668112&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-load-config%2Fdownload%2Fpostcss-load-config-3.0.0.tgz#850bb066edd65b734329eacf83af0c0764226c87"
+  integrity sha1-hQuwZu3WW3NDKerPg68MB2QibIc=
   dependencies:
     cosmiconfig "^7.0.0"
-    klona "^2.0.4"
-    loader-utils "^2.0.0"
-    schema-utils "^2.7.1"
-    semver "^7.3.2"
+    import-cwd "^3.0.0"
+
+postcss-loader@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
+  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
+  dependencies:
+    loader-utils "^1.1.0"
+    postcss "^7.0.0"
+    postcss-load-config "^2.0.0"
+    schema-utils "^1.0.0"
 
 postcss-markdown@^0.36.0:
   version "0.36.0"

From 3ee2200bea9b7060ec7a8ac9387548ecb9920b3f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 7 Oct 2020 15:43:01 +0800
Subject: [PATCH 561/626] fix(cli): iframe route sync failed

---
 packages/vant-cli/site/mobile/router.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 0ca5c4568..926f53648 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -1,4 +1,4 @@
-import { nextTick } from 'vue';
+import { watch, nextTick } from 'vue';
 import { createRouter, createWebHashHistory } from 'vue-router';
 import DemoHome from './components/DemoHome';
 import { decamelize } from '../common';
@@ -89,7 +89,7 @@ export const router = createRouter({
   scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
 });
 
-router.afterEach(() => {
+watch(router.currentRoute, () => {
   if (!router.currentRoute.value.redirectedFrom) {
     nextTick(window.syncPath);
   }

From cf65d6cbe0d2613084b0093f54bf4532dd9f560c Mon Sep 17 00:00:00 2001
From: linbingquan <695601626@qq.com>
Date: Fri, 9 Oct 2020 15:52:47 +0800
Subject: [PATCH 562/626] fix(cli): Header.vue add key attr (#7303)

---
 packages/vant-cli/site/desktop/components/Header.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index 8e4c0377e..4063e7995 100644
--- a/packages/vant-cli/site/desktop/components/Header.vue
+++ b/packages/vant-cli/site/desktop/components/Header.vue
@@ -14,7 +14,11 @@
         />
 
         <ul class="van-doc-header__top-nav">
-          <li v-for="item in config.links" class="van-doc-header__top-nav-item">
+          <li
+            v-for="(item, index) in config.links"
+            :key="index"
+            class="van-doc-header__top-nav-item"
+          >
             <a
               class="van-doc-header__logo-link"
               target="_blank"
@@ -37,7 +41,8 @@
               <transition name="van-doc-dropdown">
                 <div v-if="showVersionPop" class="van-doc-header__version-pop">
                   <div
-                    v-for="item in versions"
+                    v-for="(item, index) in versions"
+                    :key="index"
                     class="van-doc-header__version-pop-item"
                     @click="onSwitchVersion(item)"
                   >

From a622caa649baedac7cfe9614ded88e7ec1cd18e1 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 17:55:50 +0800
Subject: [PATCH 563/626] fix(Toast): should not lock scroll

---
 src/toast/Toast.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index 5304d6bcf..e86b6a18d 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -116,6 +116,7 @@ export default createComponent({
           bem([props.position, { [props.type]: !props.icon }]),
           props.className,
         ]}
+        lockScroll={false}
         transition={props.transition}
         onClick={onClick}
         onClosed={clearTimer}

From 29eb4c8db981d5b53d62d5675f5905a2dde425c7 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 17:58:39 +0800
Subject: [PATCH 564/626] chore(@vant/eslint-config): bump
 eslint-plugin-vue@7.0.1

---
 packages/vant-eslint-config/package.json |   7 +-
 packages/vant-eslint-config/yarn.lock    | 838 +++++++++++++----------
 2 files changed, 464 insertions(+), 381 deletions(-)

diff --git a/packages/vant-eslint-config/package.json b/packages/vant-eslint-config/package.json
index ae27ab42d..71a85e09b 100644
--- a/packages/vant-eslint-config/package.json
+++ b/packages/vant-eslint-config/package.json
@@ -1,10 +1,11 @@
 {
   "name": "@vant/eslint-config",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-beta.0",
   "description": "eslint config of vant",
   "main": "index.js",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-eslint-config",
@@ -17,7 +18,7 @@
     "eslint-config-airbnb-base": "^14.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-vue": "7.0.0-beta.2"
+    "eslint-plugin-vue": "^7.0.1"
   },
   "devDependencies": {
     "eslint": "^7.7.0"
diff --git a/packages/vant-eslint-config/yarn.lock b/packages/vant-eslint-config/yarn.lock
index 475e583d1..d65d57b4a 100644
--- a/packages/vant-eslint-config/yarn.lock
+++ b/packages/vant-eslint-config/yarn.lock
@@ -18,6 +18,22 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
+"@eslint/eslintrc@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.npm.taobao.org/@eslint/eslintrc/download/@eslint/eslintrc-0.1.3.tgz#7d1a2b2358552cc04834c0979bd4275362e37085"
+  integrity sha1-fRorI1hVLMBINMCXm9QnU2LjcIU=
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.1.1"
+    espree "^7.3.0"
+    globals "^12.1.0"
+    ignore "^4.0.6"
+    import-fresh "^3.2.1"
+    js-yaml "^3.13.1"
+    lodash "^4.17.19"
+    minimatch "^3.0.4"
+    strip-json-comments "^3.1.1"
+
 "@types/eslint-visitor-keys@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
@@ -28,58 +44,80 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.3.tgz#bdfd69d61e464dcc81b25159c270d75a73c1a636"
   integrity sha512-Il2DtDVRGDcqjDtE+rF8iqg1CArehSK84HZJCT7AMITlyXRBpuPhqGLDQMowraqqu1coEaimg4ZOqggt6L6L+A==
 
-"@typescript-eslint/eslint-plugin@^2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.28.0.tgz#4431bc6d3af41903e5255770703d4e55a0ccbdec"
-  integrity sha512-w0Ugcq2iatloEabQP56BRWJowliXUP5Wv6f9fKzjJmDW81hOTBxRoJ4LoEOxRpz9gcY51Libytd2ba3yLmSOfg==
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.npm.taobao.org/@types/json5/download/@types/json5-0.0.29.tgz?cache=0&sync_timestamp=1596838729464&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson5%2Fdownload%2F%40types%2Fjson5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
+
+"@typescript-eslint/eslint-plugin@^3.9.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-3.10.1.tgz?cache=0&sync_timestamp=1602177436552&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Feslint-plugin%2Fdownload%2F%40typescript-eslint%2Feslint-plugin-3.10.1.tgz#7e061338a1383f59edc204c605899f93dc2e2c8f"
+  integrity sha1-fgYTOKE4P1ntwgTGBYmfk9wuLI8=
   dependencies:
-    "@typescript-eslint/experimental-utils" "2.28.0"
+    "@typescript-eslint/experimental-utils" "3.10.1"
+    debug "^4.1.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^3.0.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-"@typescript-eslint/experimental-utils@2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.28.0.tgz#1fd0961cd8ef6522687b4c562647da6e71f8833d"
-  integrity sha512-4SL9OWjvFbHumM/Zh/ZeEjUFxrYKtdCi7At4GyKTbQlrj1HcphIDXlje4Uu4cY+qzszR5NdVin4CCm6AXCjd6w==
+"@typescript-eslint/experimental-utils@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/experimental-utils/download/@typescript-eslint/experimental-utils-3.10.1.tgz#e179ffc81a80ebcae2ea04e0332f8b251345a686"
+  integrity sha1-4Xn/yBqA68ri6gTgMy+LJRNFpoY=
   dependencies:
     "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/typescript-estree" "2.28.0"
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/typescript-estree" "3.10.1"
     eslint-scope "^5.0.0"
     eslint-utils "^2.0.0"
 
-"@typescript-eslint/parser@^2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.28.0.tgz#bb761286efd2b0714761cab9d0ee5847cf080385"
-  integrity sha512-RqPybRDquui9d+K86lL7iPqH6Dfp9461oyqvlXMNtap+PyqYbkY5dB7LawQjDzot99fqzvS0ZLZdfe+1Bt3Jgw==
+"@typescript-eslint/parser@^3.9.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/parser/download/@typescript-eslint/parser-3.10.1.tgz?cache=0&sync_timestamp=1602177095059&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Fparser%2Fdownload%2F%40typescript-eslint%2Fparser-3.10.1.tgz#1883858e83e8b442627e1ac6f408925211155467"
+  integrity sha1-GIOFjoPotEJifhrG9AiSUhEVVGc=
   dependencies:
     "@types/eslint-visitor-keys" "^1.0.0"
-    "@typescript-eslint/experimental-utils" "2.28.0"
-    "@typescript-eslint/typescript-estree" "2.28.0"
+    "@typescript-eslint/experimental-utils" "3.10.1"
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/typescript-estree" "3.10.1"
     eslint-visitor-keys "^1.1.0"
 
-"@typescript-eslint/typescript-estree@2.28.0":
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.28.0.tgz#d34949099ff81092c36dc275b6a1ea580729ba00"
-  integrity sha512-HDr8MP9wfwkiuqzRVkuM3BeDrOC4cKbO5a6BymZBHUt5y/2pL0BXD6I/C/ceq2IZoHWhcASk+5/zo+dwgu9V8Q==
+"@typescript-eslint/types@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/types/download/@typescript-eslint/types-3.10.1.tgz?cache=0&sync_timestamp=1602177622919&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypes%2Fdownload%2F%40typescript-eslint%2Ftypes-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
+  integrity sha1-HXRj+nwy2KI6tQioA8ov4m51hyc=
+
+"@typescript-eslint/typescript-estree@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-3.10.1.tgz?cache=0&sync_timestamp=1602177080357&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-3.10.1.tgz#fd0061cc38add4fad45136d654408569f365b853"
+  integrity sha1-/QBhzDit1PrUUTbWVECFafNluFM=
   dependencies:
+    "@typescript-eslint/types" "3.10.1"
+    "@typescript-eslint/visitor-keys" "3.10.1"
     debug "^4.1.1"
-    eslint-visitor-keys "^1.1.0"
     glob "^7.1.6"
     is-glob "^4.0.1"
     lodash "^4.17.15"
-    semver "^6.3.0"
+    semver "^7.3.2"
     tsutils "^3.17.1"
 
-acorn-jsx@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.1.0.tgz#294adb71b57398b0680015f0a38c563ee1db5384"
-  integrity sha512-tMUqwBWfLFbJbizRmEcWSLw6HnFzfdJs2sOJEOwwtVPMoH/0Ay+E703oZz78VSXZiiDcZrQ5XKjPIUQixhmgVw==
+"@typescript-eslint/visitor-keys@3.10.1":
+  version "3.10.1"
+  resolved "https://registry.npm.taobao.org/@typescript-eslint/visitor-keys/download/@typescript-eslint/visitor-keys-3.10.1.tgz#cd4274773e3eb63b2e870ac602274487ecd1e931"
+  integrity sha1-zUJ0dz4+tjsuhwrGAidEh+zR6TE=
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
 
-acorn@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
+acorn-jsx@^5.2.0:
+  version "5.3.1"
+  resolved "https://registry.npm.taobao.org/acorn-jsx/download/acorn-jsx-5.3.1.tgz?cache=0&sync_timestamp=1599499081211&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn-jsx%2Fdownload%2Facorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b"
+  integrity sha1-/IZh4Rt6wVOcR9v+oucrOvNNJns=
+
+acorn@^7.1.1, acorn@^7.4.0:
+  version "7.4.1"
+  resolved "https://registry.npm.taobao.org/acorn/download/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=
 
 ajv@^6.10.0, ajv@^6.10.2:
   version "6.10.2"
@@ -91,18 +129,31 @@ ajv@^6.10.0, ajv@^6.10.2:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ansi-escapes@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.2.1.tgz#4dccdb846c3eee10f6d64dea66273eab90c37228"
-  integrity sha512-Cg3ymMAdN10wOk/VYfLV7KCQyv7EDirJ64500sU7n9UlmioEtDuU5Gd+hj73hXSU/ex7tHJSssmyftDdkMLO8Q==
+ajv@^6.12.4:
+  version "6.12.5"
+  resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.5.tgz?cache=0&sync_timestamp=1600886864349&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
+  integrity sha1-GbDouuj0duW6ZmMAOHd1+xoApNo=
   dependencies:
-    type-fest "^0.5.2"
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ansi-colors@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/ansi-colors/download/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
+  integrity sha1-y7muJWv3UK8eqzRPIpqif+lLo0g=
 
 ansi-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
   integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
 
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -110,6 +161,13 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha1-7dgDYornHATIWuegkG7a00tkiTc=
+  dependencies:
+    color-convert "^2.0.1"
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -117,15 +175,16 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
-array-includes@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.0.3.tgz#184b48f62d92d7452bb31b323165c7f8bd02266d"
-  integrity sha1-GEtI9i2S10UrsxsyMWXH+L0CJm0=
+array-includes@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/array-includes/download/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
+  integrity sha1-zdZ+aFK9+cEhVGB4ZzIlXtJFk0g=
   dependencies:
-    define-properties "^1.1.2"
-    es-abstract "^1.7.0"
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0"
+    is-string "^1.0.5"
 
-array.prototype.flat@^1.2.1:
+array.prototype.flat@^1.2.3:
   version "1.2.3"
   resolved "https://registry.npm.taobao.org/array.prototype.flat/download/array.prototype.flat-1.2.3.tgz#0de82b426b0318dbfdb940089e38b043d37f6c7b"
   integrity sha1-DegrQmsDGNv9uUAInjiwQ9N/bHs=
@@ -160,7 +219,7 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
+chalk@^2.0.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -169,22 +228,13 @@ chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
+chalk@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
   dependencies:
-    restore-cursor "^3.1.0"
-
-cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
 
 color-convert@^1.9.0:
   version "1.9.3"
@@ -193,11 +243,23 @@ color-convert@^1.9.0:
   dependencies:
     color-name "1.1.3"
 
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=
+  dependencies:
+    color-name "~1.1.4"
+
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -212,16 +274,14 @@ contains-path@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
 
-cross-spawn@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
+cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha1-9zqFudXUHQRVUcF34ogtSshXKKY=
   dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
 
 debug@^2.6.9:
   version "2.6.9"
@@ -236,9 +296,9 @@ debug@^4.0.1, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.3"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+  resolved "https://registry.npm.taobao.org/deep-is/download/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
 define-properties@^1.1.2, define-properties@^1.1.3:
@@ -266,10 +326,12 @@ emoji-regex@^7.0.1:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
   integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
 
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+enquirer@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.npm.taobao.org/enquirer/download/enquirer-2.3.6.tgz?cache=0&sync_timestamp=1593693195602&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fenquirer%2Fdownload%2Fenquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
+  integrity sha1-Kn/l3WNKHkElqXXsmU/1RW3Dc00=
+  dependencies:
+    ansi-colors "^4.1.1"
 
 error-ex@^1.2.0:
   version "1.3.2"
@@ -277,17 +339,22 @@ error-ex@^1.2.0:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.12.0, es-abstract@^1.7.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
-  integrity sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==
+es-abstract@^1.17.0, es-abstract@^1.17.5:
+  version "1.17.7"
+  resolved "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.17.7.tgz#a4de61b2f66989fc7421676c1cb9787573ace54c"
+  integrity sha1-pN5hsvZpifx0IWdsHLl4dXOs5Uw=
   dependencies:
-    es-to-primitive "^1.2.0"
+    es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
     has "^1.0.3"
-    is-callable "^1.1.4"
-    is-regex "^1.0.4"
-    object-keys "^1.0.12"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.2"
+    is-regex "^1.1.1"
+    object-inspect "^1.8.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.1"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
 
 es-abstract@^1.17.0-next.1:
   version "1.17.0-next.1"
@@ -306,14 +373,23 @@ es-abstract@^1.17.0-next.1:
     string.prototype.trimleft "^2.1.0"
     string.prototype.trimright "^2.1.0"
 
-es-to-primitive@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.0.tgz#edf72478033456e8dda8ef09e00ad9650707f377"
-  integrity sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==
+es-abstract@^1.18.0-next.0:
+  version "1.18.0-next.1"
+  resolved "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.18.0-next.1.tgz#6e3a0a4bda717e5023ab3b8e90bec36108d22c68"
+  integrity sha1-bjoKS9pxflAjqzuOkL7DYQjSLGg=
   dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.2.2"
+    is-negative-zero "^2.0.0"
+    is-regex "^1.1.1"
+    object-inspect "^1.8.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.1"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
 
 es-to-primitive@^1.2.1:
   version "1.2.1"
@@ -329,64 +405,66 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-eslint-config-airbnb-base@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.npm.taobao.org/eslint-config-airbnb-base/download/eslint-config-airbnb-base-14.1.0.tgz?cache=0&sync_timestamp=1584079908616&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-airbnb-base%2Fdownload%2Feslint-config-airbnb-base-14.1.0.tgz#2ba4592dd6843258221d9bff2b6831bd77c874e4"
-  integrity sha1-K6RZLdaEMlgiHZv/K2gxvXfIdOQ=
+eslint-config-airbnb-base@^14.2.0:
+  version "14.2.0"
+  resolved "https://registry.npm.taobao.org/eslint-config-airbnb-base/download/eslint-config-airbnb-base-14.2.0.tgz?cache=0&sync_timestamp=1591856153104&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-airbnb-base%2Fdownload%2Feslint-config-airbnb-base-14.2.0.tgz#fe89c24b3f9dc8008c9c0d0d88c28f95ed65e9c4"
+  integrity sha1-/onCSz+dyACMnA0NiMKPle1l6cQ=
   dependencies:
     confusing-browser-globals "^1.0.9"
     object.assign "^4.1.0"
-    object.entries "^1.1.1"
+    object.entries "^1.1.2"
 
-eslint-config-prettier@^6.10.1:
-  version "6.10.1"
-  resolved "https://registry.npm.taobao.org/eslint-config-prettier/download/eslint-config-prettier-6.10.1.tgz?cache=0&sync_timestamp=1584871355061&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-prettier%2Fdownload%2Feslint-config-prettier-6.10.1.tgz#129ef9ec575d5ddc0e269667bf09defcd898642a"
-  integrity sha1-Ep757FddXdwOJpZnvwne/NiYZCo=
+eslint-config-prettier@^6.11.0:
+  version "6.12.0"
+  resolved "https://registry.npm.taobao.org/eslint-config-prettier/download/eslint-config-prettier-6.12.0.tgz?cache=0&sync_timestamp=1601053002831&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-config-prettier%2Fdownload%2Feslint-config-prettier-6.12.0.tgz#9eb2bccff727db1c52104f0b49e87ea46605a0d2"
+  integrity sha1-nrK8z/cn2xxSEE8LSeh+pGYFoNI=
   dependencies:
     get-stdin "^6.0.0"
 
-eslint-import-resolver-node@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.2.tgz#58f15fb839b8d0576ca980413476aab2472db66a"
-  integrity sha512-sfmTqJfPSizWu4aymbPr4Iidp5yKm8yDkHp+Ir3YiTHiiDfxh69mOUsmiqW6RZ9zRXFaF64GtYmN7e+8GHBv6Q==
+eslint-import-resolver-node@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.npm.taobao.org/eslint-import-resolver-node/download/eslint-import-resolver-node-0.3.4.tgz?cache=0&sync_timestamp=1592327223893&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-import-resolver-node%2Fdownload%2Feslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
+  integrity sha1-hf+oGULCUBLYIxCW3fZ5wDBCxxc=
   dependencies:
     debug "^2.6.9"
-    resolve "^1.5.0"
+    resolve "^1.13.1"
 
-eslint-module-utils@^2.4.1:
-  version "2.5.0"
-  resolved "https://registry.npm.taobao.org/eslint-module-utils/download/eslint-module-utils-2.5.0.tgz#cdf0b40d623032274ccd2abd7e64c4e524d6e19c"
-  integrity sha1-zfC0DWIwMidMzSq9fmTE5STW4Zw=
+eslint-module-utils@^2.6.0:
+  version "2.6.0"
+  resolved "https://registry.npm.taobao.org/eslint-module-utils/download/eslint-module-utils-2.6.0.tgz#579ebd094f56af7797d19c9866c9c9486629bfa6"
+  integrity sha1-V569CU9Wr3eX0ZyYZsnJSGYpv6Y=
   dependencies:
     debug "^2.6.9"
     pkg-dir "^2.0.0"
 
-eslint-plugin-import@^2.20.2:
-  version "2.20.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-import/download/eslint-plugin-import-2.20.2.tgz#91fc3807ce08be4837141272c8b99073906e588d"
-  integrity sha1-kfw4B84Ivkg3FBJyyLmQc5BuWI0=
+eslint-plugin-import@^2.22.0:
+  version "2.22.1"
+  resolved "https://registry.npm.taobao.org/eslint-plugin-import/download/eslint-plugin-import-2.22.1.tgz?cache=0&sync_timestamp=1601248186192&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-import%2Fdownload%2Feslint-plugin-import-2.22.1.tgz#0896c7e6a0cf44109a2d97b95903c2bb689d7702"
+  integrity sha1-CJbH5qDPRBCaLZe5WQPCu2iddwI=
   dependencies:
-    array-includes "^3.0.3"
-    array.prototype.flat "^1.2.1"
+    array-includes "^3.1.1"
+    array.prototype.flat "^1.2.3"
     contains-path "^0.1.0"
     debug "^2.6.9"
     doctrine "1.5.0"
-    eslint-import-resolver-node "^0.3.2"
-    eslint-module-utils "^2.4.1"
+    eslint-import-resolver-node "^0.3.4"
+    eslint-module-utils "^2.6.0"
     has "^1.0.3"
     minimatch "^3.0.4"
-    object.values "^1.1.0"
+    object.values "^1.1.1"
     read-pkg-up "^2.0.0"
-    resolve "^1.12.0"
+    resolve "^1.17.0"
+    tsconfig-paths "^3.9.0"
 
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha1-J/7NmjokeJsPER7N1UCp5WGY4P4=
+eslint-plugin-vue@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-7.0.1.tgz#8e69a9041bb9719c018f154fdcacbb17713e0240"
+  integrity sha1-jmmpBBu5cZwBjxVP3Ky7F3E+AkA=
   dependencies:
+    eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.0"
 
 eslint-scope@^5.0.0:
   version "5.0.0"
@@ -396,12 +474,13 @@ eslint-scope@^5.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
+eslint-scope@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-5.1.1.tgz?cache=0&sync_timestamp=1599933677754&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-scope%2Fdownload%2Feslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
+  integrity sha1-54blmmbLkrP2wfsNUIqrF0hI9Iw=
   dependencies:
-    eslint-visitor-keys "^1.1.0"
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
 
 eslint-utils@^2.0.0:
   version "2.0.0"
@@ -410,27 +489,41 @@ eslint-utils@^2.0.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-2.1.0.tgz?cache=0&sync_timestamp=1592222030474&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-utils%2Fdownload%2Feslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha1-0t5eA0JOcH3BDHQGjd7a5wh0Gyc=
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
   integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
 
-eslint@^6.8.0:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
+eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npm.taobao.org/eslint-visitor-keys/download/eslint-visitor-keys-1.3.0.tgz?cache=0&sync_timestamp=1597435545176&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha1-MOvR73wv3/AcOk8VEESvJfqwUj4=
+
+eslint@^7.7.0:
+  version "7.10.0"
+  resolved "https://registry.npm.taobao.org/eslint/download/eslint-7.10.0.tgz#494edb3e4750fb791133ca379e786a8f648c72b9"
+  integrity sha1-SU7bPkdQ+3kRM8o3nnhqj2SMcrk=
   dependencies:
     "@babel/code-frame" "^7.0.0"
+    "@eslint/eslintrc" "^0.1.3"
     ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
     debug "^4.0.1"
     doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
+    enquirer "^2.3.5"
+    eslint-scope "^5.1.1"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^7.3.0"
+    esquery "^1.2.0"
     esutils "^2.0.2"
     file-entry-cache "^5.0.1"
     functional-red-black-tree "^1.0.1"
@@ -439,34 +532,41 @@ eslint@^6.8.0:
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
     is-glob "^4.0.0"
     js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
+    levn "^0.4.1"
+    lodash "^4.17.19"
     minimatch "^3.0.4"
-    mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    optionator "^0.8.3"
+    optionator "^0.9.1"
     progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
     table "^5.2.3"
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-espree@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.1.2.tgz#6c272650932b4f91c3714e5e7b5f5e2ecf47262d"
-  integrity sha512-2iUPuuPP+yW1PZaMSDM9eyVf8D5P0Hi8h83YtZ5bPc/zHYjII5khoixIUTMO794NOY8F/ThF1Bo8ncZILarUTA==
+espree@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.npm.taobao.org/espree/download/espree-6.2.1.tgz?cache=0&sync_timestamp=1598127844725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fespree%2Fdownload%2Fespree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha1-d/xy4f10SiBSwg84pbV1gy6Cc0o=
   dependencies:
-    acorn "^7.1.0"
-    acorn-jsx "^5.1.0"
+    acorn "^7.1.1"
+    acorn-jsx "^5.2.0"
     eslint-visitor-keys "^1.1.0"
 
+espree@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.npm.taobao.org/espree/download/espree-7.3.0.tgz?cache=0&sync_timestamp=1598127844725&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fespree%2Fdownload%2Fespree-7.3.0.tgz#dc30437cf67947cf576121ebd780f15eeac72348"
+  integrity sha1-3DBDfPZ5R89XYSHr14DxXurHI0g=
+  dependencies:
+    acorn "^7.4.0"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
 esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -478,6 +578,13 @@ esquery@^1.0.1:
   dependencies:
     estraverse "^4.0.0"
 
+esquery@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.npm.taobao.org/esquery/download/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
+  integrity sha1-t4tYKKqOIU4p+3TE1bdS4cAz2lc=
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.1.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
@@ -485,6 +592,13 @@ esrecurse@^4.1.0:
   dependencies:
     estraverse "^4.1.0"
 
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/esrecurse/download/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha1-eteWTWeauyi+5yzsY3WLHF0smSE=
+  dependencies:
+    estraverse "^5.2.0"
+
 estraverse@^4.0.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
@@ -494,42 +608,36 @@ estraverse@^4.1.0, estraverse@^4.1.1:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estraverse@^5.1.0, estraverse@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/estraverse/download/estraverse-5.2.0.tgz?cache=0&sync_timestamp=1596642941915&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-5.2.0.tgz#307df42547e6cc7324d3cf03c155d5cdb8c53880"
+  integrity sha1-MH30JUfmzHMk088DwVXVzbjFOIA=
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
 fast-deep-equal@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
+fast-deep-equal@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha1-On1WtVnWy8PrUSMlJE5hmmXGxSU=
+
 fast-json-stable-stringify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
   integrity sha1-1RQsDK7msRifh9OnYREGT4bIu/I=
 
-fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
-  resolved "https://registry.npm.taobao.org/fast-levenshtein/download/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  resolved "https://registry.npm.taobao.org/fast-levenshtein/download/fast-levenshtein-2.0.6.tgz?cache=0&sync_timestamp=1595428000133&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-levenshtein%2Fdownload%2Ffast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
-figures@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.1.0.tgz#4b198dd07d8d71530642864af2d45dd9e459c4ec"
-  integrity sha512-ravh8VRXqHuMvZt/d8GblBeqDMkdJMBdv/2KntFH+ra5MXkO7nxNKpzQ3n6QD/2da1kH0aWmNISdvhM7gl2gVg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
 file-entry-cache@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
@@ -623,6 +731,11 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=
+
 has-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44"
@@ -642,13 +755,6 @@ hosted-git-info@^2.1.4:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.7.1.tgz#97f236977bd6e125408930ff6de3eec6281ec047"
 
-iconv-lite@^0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
 ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
@@ -662,6 +768,14 @@ import-fresh@^3.0.0:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-fresh@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.2.1.tgz#633ff618506e793af5ac91bf48b72677e15cbe66"
+  integrity sha1-Yz/2GFBueTr1rJG/SLcmd+FcvmY=
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -680,25 +794,6 @@ inherits@2:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inquirer@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.0.0.tgz#9e2b032dde77da1db5db804758b8fea3a970519a"
-  integrity sha512-rSdC7zelHdRQFkWnhsMu2+2SO41mpv2oF2zy4tMhmiLWkcKbOAs87fWAJhVXttKVwhdZvymvnuM95EyEXg2/tQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^2.4.2"
-    cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.15"
-    mute-stream "0.0.8"
-    run-async "^2.2.0"
-    rxjs "^6.4.0"
-    string-width "^4.1.0"
-    strip-ansi "^5.1.0"
-    through "^2.3.6"
-
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -713,6 +808,11 @@ is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
 
+is-callable@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npm.taobao.org/is-callable/download/is-callable-1.2.2.tgz?cache=0&sync_timestamp=1600721424274&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-callable%2Fdownload%2Fis-callable-1.2.2.tgz#c7c6715cd22d4ddb48d3e19970223aceabb080d9"
+  integrity sha1-x8ZxXNItTdtI0+GZcCI6zquwgNk=
+
 is-date-object@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
@@ -727,11 +827,6 @@ is-fullwidth-code-point@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
 is-glob@^4.0.0, is-glob@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
@@ -739,10 +834,10 @@ is-glob@^4.0.0, is-glob@^4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
-is-promise@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
-  integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
+is-negative-zero@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/is-negative-zero/download/is-negative-zero-2.0.0.tgz#9553b121b0fac28869da9ed459e20c7543788461"
+  integrity sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=
 
 is-regex@^1.0.4:
   version "1.0.4"
@@ -750,6 +845,18 @@ is-regex@^1.0.4:
   dependencies:
     has "^1.0.1"
 
+is-regex@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npm.taobao.org/is-regex/download/is-regex-1.1.1.tgz?cache=0&sync_timestamp=1596555650246&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-regex%2Fdownload%2Fis-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
+  integrity sha1-xvmKrMVG9s7FRooHt7FTq1ZKV7k=
+  dependencies:
+    has-symbols "^1.0.1"
+
+is-string@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/is-string/download/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
+  integrity sha1-QEk+0ZjvP/R3uMf5L2ROyCpc06Y=
+
 is-symbol@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.2.tgz#a055f6ae57192caee329e7a860118b497a950f38"
@@ -788,13 +895,20 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-levn@^0.3.0, levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=
   dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
+    minimist "^1.2.0"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npm.taobao.org/levn/download/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha1-rkViwAdHO5MqYgDUAyaN0v/8at4=
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
 
 load-json-file@^2.0.0:
   version "2.0.0"
@@ -817,10 +931,10 @@ lodash@^4.17.14, lodash@^4.17.15:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
   integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
 
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+lodash@^4.17.19:
+  version "4.17.20"
+  resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336097104&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
 
 minimatch@^3.0.4:
   version "3.0.4"
@@ -834,6 +948,11 @@ minimist@0.0.8:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
+minimist@^1.2.0:
+  version "1.2.5"
+  resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
+
 mkdirp@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
@@ -850,21 +969,11 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-mute-stream@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
 normalize-package-data@^2.3.2:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
@@ -879,6 +988,11 @@ object-inspect@^1.7.0:
   resolved "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.7.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-inspect%2Fdownload%2Fobject-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
   integrity sha1-9Pa9GBrXfwBrXs5gvQtvOY/3Smc=
 
+object-inspect@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.8.0.tgz?cache=0&sync_timestamp=1592545152574&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-inspect%2Fdownload%2Fobject-inspect-1.8.0.tgz#df807e5ecf53a609cc6bfe93eac3cc7be5b3a9d0"
+  integrity sha1-34B+Xs9TpgnMa/6T6sPMe+WzqdA=
+
 object-keys@^1.0.11, object-keys@^1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.0.12.tgz#09c53855377575310cca62f55bb334abff7b3ed2"
@@ -897,26 +1011,35 @@ object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
-object.entries@^1.1.1:
+object.assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/object.assign/download/object.assign-4.1.1.tgz?cache=0&sync_timestamp=1599844895115&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject.assign%2Fdownload%2Fobject.assign-4.1.1.tgz#303867a666cdd41936ecdedfb1f8f3e32a478cdd"
+  integrity sha1-MDhnpmbN1Bk27N7fsfjz4ypHjN0=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.18.0-next.0"
+    has-symbols "^1.0.1"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/object.entries/download/object.entries-1.1.2.tgz?cache=0&sync_timestamp=1590009612950&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject.entries%2Fdownload%2Fobject.entries-1.1.2.tgz#bc73f00acb6b6bb16c203434b10f9a7e797d3add"
+  integrity sha1-vHPwCstra7FsIDQ0sQ+afnl9Ot0=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+    has "^1.0.3"
+
+object.values@^1.1.1:
   version "1.1.1"
-  resolved "https://registry.npm.taobao.org/object.entries/download/object.entries-1.1.1.tgz#ee1cf04153de02bb093fec33683900f57ce5399b"
-  integrity sha1-7hzwQVPeArsJP+wzaDkA9XzlOZs=
+  resolved "https://registry.npm.taobao.org/object.values/download/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  integrity sha1-aKmezeNWt+kpWjxeDOMdyMlT3l4=
   dependencies:
     define-properties "^1.1.3"
     es-abstract "^1.17.0-next.1"
     function-bind "^1.1.1"
     has "^1.0.3"
 
-object.values@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.0.tgz#bf6810ef5da3e5325790eaaa2be213ea84624da9"
-  integrity sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.12.0"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-
 once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -924,29 +1047,17 @@ once@^1.3.0:
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npm.taobao.org/optionator/download/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha1-TyNqY3Pa4FZqbUPhMmZ09QwpFJk=
   dependencies:
-    mimic-fn "^2.1.0"
-
-optionator@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.npm.taobao.org/optionator/download/optionator-0.8.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Foptionator%2Fdownload%2Foptionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha1-hPodA2/p08fiHZmIS2ARZ+yPtJU=
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
 
 p-limit@^1.1.0:
   version "1.3.0"
@@ -986,12 +1097,12 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/path-key/download/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha1-WB9q3mWMu6ZaDTOA3ndTKVBU83U=
 
-path-parse@^1.0.5, path-parse@^1.0.6:
+path-parse@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
 
@@ -1012,10 +1123,10 @@ pkg-dir@^2.0.0:
   dependencies:
     find-up "^2.1.0"
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npm.taobao.org/prelude-ls/download/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha1-3rxkidem5rDnYRiIzsiAM30xY5Y=
 
 progress@^2.0.0:
   version "2.0.3"
@@ -1042,42 +1153,28 @@ read-pkg@^2.0.0:
     normalize-package-data "^2.3.2"
     path-type "^2.0.0"
 
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
 regexpp@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/regexpp/download/regexpp-3.0.0.tgz?cache=0&sync_timestamp=1567160849322&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregexpp%2Fdownload%2Fregexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
   integrity sha1-3WOYLuMwDme0HBlW+FCqaA2dMw4=
 
+regexpp@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npm.taobao.org/regexpp/download/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
+  integrity sha1-IG0K0KVkjP+9uK5GQ489xRyfeOI=
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.12.0:
-  version "1.14.0"
-  resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.14.0.tgz#6d14c6f9db9f8002071332b600039abf82053f64"
-  integrity sha1-bRTG+dufgAIHEzK2AAOav4IFP2Q=
+resolve@^1.13.1, resolve@^1.17.0:
+  version "1.17.0"
+  resolved "https://registry.npm.taobao.org/resolve/download/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
+  integrity sha1-sllBtUloIxzC0bt2p5y38sC/hEQ=
   dependencies:
     path-parse "^1.0.6"
 
-resolve@^1.5.0:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.8.1.tgz#82f1ec19a423ac1fbd080b0bab06ba36e84a7a26"
-  dependencies:
-    path-parse "^1.0.5"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
 rimraf@2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -1085,55 +1182,26 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-run-async@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
-  integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA=
-  dependencies:
-    is-promise "^2.1.0"
-
-rxjs@^6.4.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.3.tgz#510e26317f4db91a7eb1de77d9dd9ba0a4899a3a"
-  integrity sha512-wuYsAYYFdWTAnAaPoKGNhfpWwKZbJW+HgAJ+mImp+Epl7BG8oNWBCTyRM8gba9k4lk8BgWdoYm21Mo/RYhhbgA==
-  dependencies:
-    tslib "^1.9.0"
-
-"safer-buffer@>= 2.1.2 < 3":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
 "semver@2 || 3 || 4 || 5":
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
 
-semver@^5.5.0, semver@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+semver@^7.2.1, semver@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.npm.taobao.org/semver/download/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha1-YElisFK4HtB4aq6EOJ/7pw/9OTg=
 
-semver@^6.1.2, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/shebang-command/download/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha1-zNCvT4g1+9wmW4JGGq8MNmY/NOo=
   dependencies:
-    shebang-regex "^1.0.0"
+    shebang-regex "^3.0.0"
 
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
-signal-exit@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
-  integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-3.0.0.tgz?cache=0&sync_timestamp=1596697357985&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fshebang-regex%2Fdownload%2Fshebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha1-rhbxZE2HPsrYQ7AwexQzYtTEIXI=
 
 slice-ansi@^2.1.0:
   version "2.1.0"
@@ -1180,14 +1248,13 @@ string-width@^3.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string-width@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.1.0.tgz#ba846d1daa97c3c596155308063e075ed1c99aff"
-  integrity sha512-NrX+1dVVh+6Y9dnQ19pR0pP4FiEIlUvdTGn8pw6CKTNq5sgib2nIhmUNT5TAmhWmvKr3WcxBcP3E8nWezuipuQ==
+string.prototype.trimend@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/string.prototype.trimend/download/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
+  integrity sha1-hYEqa4R6wAInD1gIFGBkyZX7aRM=
   dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^5.2.0"
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
 
 string.prototype.trimleft@^2.1.0:
   version "2.1.0"
@@ -1205,21 +1272,36 @@ string.prototype.trimright@^2.1.0:
     define-properties "^1.1.3"
     function-bind "^1.1.1"
 
-strip-ansi@^5.1.0, strip-ansi@^5.2.0:
+string.prototype.trimstart@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/string.prototype.trimstart/download/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
+  integrity sha1-FK9tnzSwU/fPyJty+PLuFLkDmlQ=
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+strip-ansi@^5.1.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
   integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz?cache=0&sync_timestamp=1596697387823&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=
+  dependencies:
+    ansi-regex "^5.0.0"
+
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
 
-strip-json-comments@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
-  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-3.1.1.tgz?cache=0&sync_timestamp=1594567582667&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-json-comments%2Fdownload%2Fstrip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha1-MfEoGzgyYwQ0gxwxDAHMzajL4AY=
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -1228,6 +1310,13 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1598611719015&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=
+  dependencies:
+    has-flag "^4.0.0"
+
 table@^5.2.3:
   version "5.4.6"
   resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
@@ -1243,19 +1332,17 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
+tsconfig-paths@^3.9.0:
+  version "3.9.0"
+  resolved "https://registry.npm.taobao.org/tsconfig-paths/download/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b"
+  integrity sha1-CYVHpsREiAfo/Ljq4IEGTumjyQs=
   dependencies:
-    os-tmpdir "~1.0.2"
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.0"
+    strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.0:
+tslib@^1.8.1:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
   integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
@@ -1267,17 +1354,12 @@ tsutils@^3.17.1:
   dependencies:
     tslib "^1.8.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npm.taobao.org/type-check/download/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha1-B7ggO/pwVsBlcFDjzNLDdzC6uPE=
   dependencies:
-    prelude-ls "~1.1.2"
-
-type-fest@^0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.5.2.tgz#d6ef42a0356c6cd45f49485c3b6281fc148e48a2"
-  integrity sha512-DWkS49EQKVX//Tbupb9TFa19c7+MK1XmzkrZUR8TAktmE/DizXoaoJV6TZ/tSIPXipqNiRI6CyAe7x69Jb6RSw==
+    prelude-ls "^1.2.1"
 
 type-fest@^0.8.1:
   version "0.8.1"
@@ -1303,26 +1385,26 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
-vue-eslint-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
-  integrity sha512-yR0dLxsTT7JfD2YQo9BhnQ6bUTLsZouuzt9SKRP7XNaZJV459gvlsJo4vT2nhZ/2dH9j3c53bIx9dnqU2prM9g==
+vue-eslint-parser@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npm.taobao.org/vue-eslint-parser/download/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
+  integrity sha1-nNvMgj5lawh1B6GRFzK4Z6wQHoM=
   dependencies:
     debug "^4.1.1"
     eslint-scope "^5.0.0"
     eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
+    espree "^6.2.1"
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-which@^1.2.9:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/which/download/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha1-fGqN0KY2oDJ+ELWckobu6T8/UbE=
   dependencies:
     isexe "^2.0.0"
 
-word-wrap@~1.2.3:
+word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=

From 3460351ce396bb418408ddbfad462ddac8ef9477 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:20:17 +0800
Subject: [PATCH 565/626] fix(Pagination): incorrect emit change

---
 src/pagination/index.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pagination/index.js b/src/pagination/index.js
index f1d8b281a..f58622818 100644
--- a/src/pagination/index.js
+++ b/src/pagination/index.js
@@ -110,7 +110,13 @@ export default createComponent({
       }
     };
 
-    watch(() => props.modelValue, select, { immediate: true });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        select(value);
+      },
+      { immediate: true }
+    );
 
     const renderDesc = () => {
       if (props.mode !== 'multi') {

From d207902e47f9b785ccb920853657f8f99184c811 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:29:04 +0800
Subject: [PATCH 566/626] chore(Circle): use tsx

---
 src/circle/README.zh-CN.md         |  2 +-
 src/circle/{index.js => index.tsx} | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)
 rename src/circle/{index.js => index.tsx} (90%)

diff --git a/src/circle/README.zh-CN.md b/src/circle/README.zh-CN.md
index de0cc7f57..cafe7a81b 100644
--- a/src/circle/README.zh-CN.md
+++ b/src/circle/README.zh-CN.md
@@ -134,7 +134,7 @@ export default {
 | speed | 动画速度（单位为 rate/s） | _number \| string_ | `0` |
 | text | 文字 | _string_ | - |
 | stroke-width | 进度条宽度 | _number \| string_ | `40` |
-| stroke-linecap | 进度条端点的形状，可选值为`sqaure` `butt` | _string_ | `round` |
+| stroke-linecap | 进度条端点的形状，可选值为 `sqaure` `butt` | _string_ | `round` |
 | clockwise | 是否顺时针增加 | _boolean_ | `true` |
 
 ### Slots
diff --git a/src/circle/index.js b/src/circle/index.tsx
similarity index 90%
rename from src/circle/index.js
rename to src/circle/index.tsx
index a6dd41438..95270542d 100644
--- a/src/circle/index.js
+++ b/src/circle/index.tsx
@@ -1,4 +1,4 @@
-import { watch, computed } from 'vue';
+import { watch, computed, PropType } from 'vue';
 import { raf, cancelRaf } from '@vant/use';
 import { isObject, getSizeStyle, createNamespace } from '../utils';
 import { BLUE, WHITE } from '../utils/constant';
@@ -7,11 +7,11 @@ const [createComponent, bem] = createNamespace('circle');
 
 let uid = 0;
 
-function format(rate) {
-  return Math.min(Math.max(rate, 0), 100);
+function format(rate: string | number) {
+  return Math.min(Math.max(+rate, 0), 100);
 }
 
-function getPath(clockwise, viewBoxSize) {
+function getPath(clockwise: boolean, viewBoxSize: number) {
   const sweepFlag = clockwise ? 1 : 0;
   return `M ${viewBoxSize / 2} ${
     viewBoxSize / 2
@@ -21,7 +21,7 @@ function getPath(clockwise, viewBoxSize) {
 export default createComponent({
   props: {
     text: String,
-    strokeLinecap: String,
+    strokeLinecap: String as PropType<CanvasLineCap>,
     currentRate: {
       type: Number,
       default: 0,
@@ -76,7 +76,9 @@ export default createComponent({
         const startTime = Date.now();
         const startRate = props.currentRate;
         const endRate = format(rate);
-        const duration = Math.abs(((startRate - endRate) * 1000) / props.speed);
+        const duration = Math.abs(
+          ((startRate - endRate) * 1000) / +props.speed
+        );
 
         const animate = () => {
           const now = Date.now();
@@ -91,7 +93,9 @@ export default createComponent({
         };
 
         if (props.speed) {
-          cancelRaf(rafId);
+          if (rafId) {
+            cancelRaf(rafId);
+          }
           rafId = raf(animate);
         } else {
           emit('update:currentRate', endRate);

From 835683171154ddcd0538365b4e50b4f4ef3a0d23 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:30:06 +0800
Subject: [PATCH 567/626] docs(Circle): currentRate should be kebab-case

---
 src/circle/README.md       | 14 +++++++-------
 src/circle/README.zh-CN.md | 16 ++++++++--------
 src/circle/demo/index.vue  | 12 ++++++------
 3 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/circle/README.md b/src/circle/README.md
index 0fbd988ee..5fad3cac4 100644
--- a/src/circle/README.md
+++ b/src/circle/README.md
@@ -16,7 +16,7 @@ app.use(Circle);
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="30"
   :speed="100"
   :text="text"
@@ -42,7 +42,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="Custom Width"
@@ -53,7 +53,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="Custom Color"
@@ -64,7 +64,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="Gradient"
@@ -89,7 +89,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="Counter Clockwise"
@@ -100,7 +100,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   size="120px"
   text="Custom Size"
@@ -113,7 +113,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model:currentRate | Current rate | _number_ | - |
+| v-model:current-rate | Current rate | _number_ | - |
 | rate | Target rate | _number \| string_ | `100` |
 | size | Circle size | _number \| string_ | `100px` |
 | color | Progress color, passing object to render gradient | _string \| object_ | `#1989fa` |
diff --git a/src/circle/README.zh-CN.md b/src/circle/README.zh-CN.md
index cafe7a81b..a2a108359 100644
--- a/src/circle/README.zh-CN.md
+++ b/src/circle/README.zh-CN.md
@@ -14,11 +14,11 @@ app.use(Circle);
 
 ### 基础用法
 
-`rate` 属性表示进度条的目标进度，`v-model:currentRate` 表示动画过程中的实时进度。当 `rate` 发生变化时，`v-model:currentRate` 会以 `speed` 的速度变化，直至达到 `rate` 设定的值。
+`rate` 属性表示进度条的目标进度，`v-model:current-rate` 表示动画过程中的实时进度。当 `rate` 发生变化时，`v-model:current-rate` 会以 `speed` 的速度变化，直至达到 `rate` 设定的值。
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="30"
   :speed="100"
   :text="text"
@@ -46,7 +46,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="宽度定制"
@@ -59,7 +59,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="颜色定制"
@@ -72,7 +72,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="渐变色"
@@ -99,7 +99,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="逆时针方向"
@@ -112,7 +112,7 @@ export default {
 
 ```html
 <van-circle
-  v-model:currentRate="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   size="120px"
   text="大小定制"
@@ -125,7 +125,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model:currentRate | 当前进度 | _number_ | - |
+| v-model:current-rate | 当前进度 | _number_ | - |
 | rate | 目标进度 | _number \| string_ | `100` |
 | size | 圆环直径，默认单位为 `px` | _number \| string_ | `100px` |
 | color | 进度条颜色，传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
diff --git a/src/circle/demo/index.vue b/src/circle/demo/index.vue
index 975e86e26..39d26ebae 100644
--- a/src/circle/demo/index.vue
+++ b/src/circle/demo/index.vue
@@ -2,7 +2,7 @@
   <demo-section>
     <demo-block :title="t('basicUsage')">
       <van-circle
-        v-model:currentRate="currentRate1"
+        v-model:current-rate="currentRate1"
         :rate="rate"
         :speed="100"
         :text="currentRate1.toFixed(0) + '%'"
@@ -11,7 +11,7 @@
 
     <demo-block :title="t('customStyle')">
       <van-circle
-        v-model:currentRate="currentRate3"
+        v-model:current-rate="currentRate3"
         :rate="rate"
         :speed="100"
         :stroke-width="60"
@@ -19,7 +19,7 @@
       />
 
       <van-circle
-        v-model:currentRate="currentRate3"
+        v-model:current-rate="currentRate3"
         color="#ee0a24"
         :rate="rate"
         layer-color="#ebedf0"
@@ -28,7 +28,7 @@
       />
 
       <van-circle
-        v-model:currentRate="currentRate2"
+        v-model:current-rate="currentRate2"
         :rate="rate"
         :speed="100"
         :color="gradientColor"
@@ -36,7 +36,7 @@
       />
 
       <van-circle
-        v-model:currentRate="currentRate4"
+        v-model:current-rate="currentRate4"
         color="#07c160"
         :rate="rate"
         :speed="100"
@@ -46,7 +46,7 @@
       />
 
       <van-circle
-        v-model:currentRate="currentRate4"
+        v-model:current-rate="currentRate4"
         color="#7232dd"
         :rate="rate"
         :speed="100"

From 59fb1d4dfcdc99773642a63c62e6b08baa3fac30 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:39:50 +0800
Subject: [PATCH 568/626] fix(Image): should not render img when error

---
 src/image/README.zh-CN.md         |  2 +-
 src/image/{index.js => index.tsx} | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)
 rename src/image/{index.js => index.tsx} (89%)

diff --git a/src/image/README.zh-CN.md b/src/image/README.zh-CN.md
index 12bb6e37e..36cd3cc5a 100644
--- a/src/image/README.zh-CN.md
+++ b/src/image/README.zh-CN.md
@@ -120,7 +120,7 @@ app.use(Lazyload);
 | cover      | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 |
 | fill       | 拉伸图片，使图片填满元素                               |
 | none       | 保持图片原有尺寸                                       |
-| scale-down | 取`none`或`contain`中较小的一个                        |
+| scale-down | 取 `none` 或 `contain` 中较小的一个                    |
 
 ### Events
 
diff --git a/src/image/index.js b/src/image/index.tsx
similarity index 89%
rename from src/image/index.js
rename to src/image/index.tsx
index aade22759..416a036e0 100644
--- a/src/image/index.js
+++ b/src/image/index.tsx
@@ -1,14 +1,16 @@
-import { ref, watch, computed } from 'vue';
+import { ref, watch, computed, PropType } from 'vue';
 import { createNamespace, isDef, addUnit } from '../utils';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('image');
 
+export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+
 export default createComponent({
   props: {
     src: String,
-    fit: String,
     alt: String,
+    fit: String as PropType<ImageFit>,
     round: Boolean,
     width: [Number, String],
     height: [Number, String],
@@ -40,7 +42,7 @@ export default createComponent({
     const imageRef = ref();
 
     const style = computed(() => {
-      const style = {};
+      const style: Record<string, unknown> = {};
 
       if (isDef(props.width)) {
         style.width = addUnit(props.width);
@@ -66,12 +68,12 @@ export default createComponent({
       }
     );
 
-    const onLoad = (event) => {
+    const onLoad = (event: Event) => {
       loading.value = false;
       emit('load', event);
     };
 
-    const onError = (event) => {
+    const onError = (event: Event) => {
       error.value = true;
       loading.value = false;
       emit('error', event);
@@ -103,7 +105,7 @@ export default createComponent({
     };
 
     const renderImage = () => {
-      if (props.error || !props.src) {
+      if (error.value || !props.src) {
         return;
       }
 
@@ -116,7 +118,7 @@ export default createComponent({
       };
 
       if (props.lazyLoad) {
-        return <img ref={imageRef} vLazy={props.src} {...attrs} />;
+        return <img ref={imageRef} v-lazy={props.src} {...attrs} />;
       }
 
       return (

From ed753ac97da2a32bc456d15728c27992365bc087 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:41:03 +0800
Subject: [PATCH 569/626] types: use CSSProperties for style

---
 src/button/index.tsx   | 6 +++---
 src/image/index.tsx    | 4 ++--
 src/tabs/TabsTitle.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/button/index.tsx b/src/button/index.tsx
index 8034f452f..f0663ba83 100644
--- a/src/button/index.tsx
+++ b/src/button/index.tsx
@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, CSSProperties } from 'vue';
 
 // Utils
 import { createNamespace } from '../utils';
@@ -114,7 +114,7 @@ export default createComponent({
     const getStyle = () => {
       const { color, plain } = props;
       if (color) {
-        const style: Record<string, string> = {};
+        const style: CSSProperties = {};
 
         style.color = plain ? color : WHITE;
 
@@ -125,7 +125,7 @@ export default createComponent({
 
         // hide border when color is linear-gradient
         if (color.indexOf('gradient') !== -1) {
-          style.border = '0';
+          style.border = 0;
         } else {
           style.borderColor = color;
         }
diff --git a/src/image/index.tsx b/src/image/index.tsx
index 416a036e0..84dacd340 100644
--- a/src/image/index.tsx
+++ b/src/image/index.tsx
@@ -1,4 +1,4 @@
-import { ref, watch, computed, PropType } from 'vue';
+import { ref, watch, computed, PropType, CSSProperties } from 'vue';
 import { createNamespace, isDef, addUnit } from '../utils';
 import Icon from '../icon';
 
@@ -42,7 +42,7 @@ export default createComponent({
     const imageRef = ref();
 
     const style = computed(() => {
-      const style: Record<string, unknown> = {};
+      const style: CSSProperties = {};
 
       if (isDef(props.width)) {
         style.width = addUnit(props.width);
diff --git a/src/tabs/TabsTitle.tsx b/src/tabs/TabsTitle.tsx
index 2ac2a2f30..fd5273445 100644
--- a/src/tabs/TabsTitle.tsx
+++ b/src/tabs/TabsTitle.tsx
@@ -1,4 +1,4 @@
-import { computed } from 'vue';
+import { computed, CSSProperties } from 'vue';
 import { createNamespace, isDef } from '../utils';
 import Badge from '../badge';
 
@@ -21,7 +21,7 @@ export default createComponent({
 
   setup(props) {
     const style = computed(() => {
-      const style: Record<string, string> = {};
+      const style: CSSProperties = {};
       const {
         type,
         color,

From ff61e25f109af2ce28d578e88f918758b3a10527 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:42:51 +0800
Subject: [PATCH 570/626] fix(Row): should allow flex wrap

---
 src/row/index.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/row/index.less b/src/row/index.less
index 42d22b0a4..c460ffce3 100644
--- a/src/row/index.less
+++ b/src/row/index.less
@@ -2,6 +2,7 @@
 
 .van-row {
   display: flex;
+  flex-wrap: wrap;
 
   &--justify-center {
     justify-content: center;

From eda4de93ae66e30241e11f78cce741c2bffd3367 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:51:28 +0800
Subject: [PATCH 571/626] chore(Progress): use tsx

---
 src/progress/{index.js => index.tsx} | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)
 rename src/progress/{index.js => index.tsx} (83%)

diff --git a/src/progress/index.js b/src/progress/index.tsx
similarity index 83%
rename from src/progress/index.js
rename to src/progress/index.tsx
index 50f5bc976..b7951bce2 100644
--- a/src/progress/index.js
+++ b/src/progress/index.tsx
@@ -15,7 +15,7 @@ export default createComponent({
     percentage: {
       type: [Number, String],
       required: true,
-      validator: (value) => value >= 0 && value <= 100,
+      validator: (value: number | string) => value >= 0 && value <= 100,
     },
     showPivot: {
       type: Boolean,
@@ -24,8 +24,8 @@ export default createComponent({
   },
 
   setup(props) {
-    const root = ref();
-    const pivotRef = ref();
+    const root = ref<HTMLElement>();
+    const pivotRef = ref<HTMLElement>();
 
     const state = reactive({
       rootWidth: 0,
@@ -38,7 +38,7 @@ export default createComponent({
 
     const setWidth = () => {
       nextTick(() => {
-        state.rootWidth = root.value.offsetWidth;
+        state.rootWidth = root.value ? root.value.offsetWidth : 0;
         state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
       });
     };
@@ -46,11 +46,11 @@ export default createComponent({
     const renderPivot = () => {
       const { rootWidth, pivotWidth } = state;
       const { textColor, pivotText, pivotColor, percentage } = props;
-      const text = pivotText ?? percentage + '%';
+      const text = pivotText ?? `${percentage}%`;
       const show = props.showPivot && text;
 
       if (show) {
-        const left = ((rootWidth - pivotWidth) * percentage) / 100;
+        const left = ((rootWidth - pivotWidth) * +percentage) / 100;
         const style = {
           color: textColor,
           left: `${left}px`,
@@ -77,7 +77,7 @@ export default createComponent({
       };
       const portionStyle = {
         background: background.value,
-        width: (state.rootWidth * percentage) / 100 + 'px',
+        width: (state.rootWidth * +percentage) / 100 + 'px',
       };
 
       return (

From 683cc88c54c4416bd29ed903b0a521e4cb591d69 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:51:43 +0800
Subject: [PATCH 572/626] types: improve ref typing

---
 src/checkbox/Checker.tsx | 4 ++--
 src/image/index.tsx      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/checkbox/Checker.tsx b/src/checkbox/Checker.tsx
index 1a8fce040..51151b051 100644
--- a/src/checkbox/Checker.tsx
+++ b/src/checkbox/Checker.tsx
@@ -31,7 +31,7 @@ export default defineComponent({
   emits: ['click', 'toggle'],
 
   setup(props, { emit, slots }) {
-    const iconRef = ref();
+    const iconRef = ref<HTMLElement>();
 
     const getParentProp = (name: string) => {
       if (props.parent) {
@@ -60,7 +60,7 @@ export default defineComponent({
     const onClick = (event: MouseEvent) => {
       const { target } = event;
       const icon = iconRef.value;
-      const iconClicked = icon === target || icon.contains(target);
+      const iconClicked = icon === target || icon!.contains(target as Node);
 
       if (!disabled.value && (iconClicked || !props.labelDisabled)) {
         emit('toggle');
diff --git a/src/image/index.tsx b/src/image/index.tsx
index 84dacd340..2abb6b229 100644
--- a/src/image/index.tsx
+++ b/src/image/index.tsx
@@ -39,7 +39,7 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const error = ref(false);
     const loading = ref(true);
-    const imageRef = ref();
+    const imageRef = ref<HTMLElement>();
 
     const style = computed(() => {
       const style: CSSProperties = {};

From a334bb45e668b68ad158432273974b679157ebba Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:53:00 +0800
Subject: [PATCH 573/626] types(@vant/use): linkChildren param is optional

---
 packages/vant-use/src/useRelation/useChildren.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/src/useRelation/useChildren.ts b/packages/vant-use/src/useRelation/useChildren.ts
index 53de68d75..dce0b72b7 100644
--- a/packages/vant-use/src/useRelation/useChildren.ts
+++ b/packages/vant-use/src/useRelation/useChildren.ts
@@ -61,7 +61,7 @@ export function useChildren(key: string | symbol) {
   const internalChildren: ComponentInternalInstance[] = reactive([]);
   const parent = getCurrentInstance()!;
 
-  const linkChildren = (value: any) => {
+  const linkChildren = (value?: any) => {
     const link = (child: ComponentInternalInstance) => {
       if (child.proxy) {
         internalChildren.push(child);

From 861a77ce447f32c45085d59f8c8a09cf5f5e0d87 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:54:43 +0800
Subject: [PATCH 574/626] chore(CountDown): use tsx

---
 src/count-down/{index.js => index.tsx} | 1 +
 1 file changed, 1 insertion(+)
 rename src/count-down/{index.js => index.tsx} (99%)

diff --git a/src/count-down/index.js b/src/count-down/index.tsx
similarity index 99%
rename from src/count-down/index.js
rename to src/count-down/index.tsx
index f005a5333..0deed0b3b 100644
--- a/src/count-down/index.js
+++ b/src/count-down/index.tsx
@@ -45,6 +45,7 @@ export default createComponent({
 
     const resetTime = () => {
       reset(+props.time);
+
       if (props.autoStart) {
         start();
       }

From aaec78d54da3ff448f02cf5184271cfb7664803e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 19:56:33 +0800
Subject: [PATCH 575/626] chore(Divider): use tsx

---
 src/divider/README.zh-CN.md         | 10 +++++-----
 src/divider/{index.js => index.tsx} |  5 ++++-
 2 files changed, 9 insertions(+), 6 deletions(-)
 rename src/divider/{index.js => index.tsx} (79%)

diff --git a/src/divider/README.zh-CN.md b/src/divider/README.zh-CN.md
index 497639234..1d3ac5765 100644
--- a/src/divider/README.zh-CN.md
+++ b/src/divider/README.zh-CN.md
@@ -61,11 +61,11 @@ app.use(Divider);
 
 ### Props
 
-| 参数             | 说明                             | 类型      | 默认值   |
-| ---------------- | -------------------------------- | --------- | -------- |
-| dashed           | 是否使用虚线                     | _boolean_ | `false`  |
-| hairline         | 是否使用 0.5px 线                | _boolean_ | `true`   |
-| content-position | 内容位置，可选值为`left` `right` | _string_  | `center` |
+| 参数             | 说明                              | 类型      | 默认值   |
+| ---------------- | --------------------------------- | --------- | -------- |
+| dashed           | 是否使用虚线                      | _boolean_ | `false`  |
+| hairline         | 是否使用 0.5px 线                 | _boolean_ | `true`   |
+| content-position | 内容位置，可选值为 `left` `right` | _string_  | `center` |
 
 ### Slots
 
diff --git a/src/divider/index.js b/src/divider/index.tsx
similarity index 79%
rename from src/divider/index.js
rename to src/divider/index.tsx
index 9960fe35f..daacc7df5 100644
--- a/src/divider/index.js
+++ b/src/divider/index.tsx
@@ -1,7 +1,10 @@
+import { PropType } from 'vue';
 import { createNamespace } from '../utils';
 
 const [createComponent, bem] = createNamespace('divider');
 
+export type DividerContentPosition = 'left' | 'center' | 'right';
+
 export default createComponent({
   props: {
     dashed: Boolean,
@@ -10,7 +13,7 @@ export default createComponent({
       default: true,
     },
     contentPosition: {
-      type: String,
+      type: String as PropType<DividerContentPosition>,
       default: 'center',
     },
   },

From 0b9a6973d097ad3a41491a39f2947532cf56afd4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:25:48 +0800
Subject: [PATCH 576/626] chore(Empty): use tsx

---
 src/empty/{Network.js => Network.tsx} | 4 ++--
 src/empty/{index.js => index.tsx}     | 0
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename src/empty/{Network.js => Network.tsx} (97%)
 rename src/empty/{index.js => index.tsx} (100%)

diff --git a/src/empty/Network.js b/src/empty/Network.tsx
similarity index 97%
rename from src/empty/Network.js
rename to src/empty/Network.tsx
index a4a3bc0db..ab821b25c 100644
--- a/src/empty/Network.js
+++ b/src/empty/Network.tsx
@@ -1,9 +1,9 @@
-const renderStop = (color, offset, opacity) => (
+const renderStop = (color: string, offset: number, opacity?: number) => (
   <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
 );
 
 export const Network = (
-  <svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg">
+  <svg viewBox="0 0 160 160">
     <defs>
       <linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
         {renderStop('#FFF', 0, 0.5)}
diff --git a/src/empty/index.js b/src/empty/index.tsx
similarity index 100%
rename from src/empty/index.js
rename to src/empty/index.tsx

From 767ca8049915c5f79ffcdd76f37e5df769cf4e8b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:27:51 +0800
Subject: [PATCH 577/626] types(@vant/use): useScrollParent el can be undefined

---
 packages/vant-use/src/useScrollParent/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/src/useScrollParent/index.ts b/packages/vant-use/src/useScrollParent/index.ts
index ee71ee8bc..202c30d9d 100644
--- a/packages/vant-use/src/useScrollParent/index.ts
+++ b/packages/vant-use/src/useScrollParent/index.ts
@@ -38,7 +38,7 @@ function getScrollParent(el: Element, root: ScrollElement = window) {
   return root;
 }
 
-export function useScrollParent(el: Ref<Element>) {
+export function useScrollParent(el: Ref<Element | undefined>) {
   const scrollParent = ref();
 
   onMounted(() => {

From 14d2826cc7f3a6800afc1d3cab5eed960201a9c0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:32:31 +0800
Subject: [PATCH 578/626] types(@vant/use): improve Ref param typing

---
 packages/vant-use/src/useClickAway/README.md    | 2 +-
 packages/vant-use/src/useClickAway/index.ts     | 4 ++--
 packages/vant-use/src/useRect/README.md         | 2 +-
 packages/vant-use/src/useRect/index.ts          | 4 ++--
 packages/vant-use/src/useScrollParent/README.md | 4 +++-
 packages/vant-use/src/useScrollParent/index.ts  | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/vant-use/src/useClickAway/README.md b/packages/vant-use/src/useClickAway/README.md
index 39c83b36a..714215ac2 100644
--- a/packages/vant-use/src/useClickAway/README.md
+++ b/packages/vant-use/src/useClickAway/README.md
@@ -60,7 +60,7 @@ export default {
 
 ```ts
 function useClickAway(
-  target: Element | Ref<Element>,
+  target: Element | Ref<Element | undefined>,
   listener: EventListener,
   options?: Options
 ): void;
diff --git a/packages/vant-use/src/useClickAway/index.ts b/packages/vant-use/src/useClickAway/index.ts
index d2e039010..b36312dba 100644
--- a/packages/vant-use/src/useClickAway/index.ts
+++ b/packages/vant-use/src/useClickAway/index.ts
@@ -7,7 +7,7 @@ export type UseClickAwayOptions = {
 };
 
 export function useClickAway(
-  target: Element | Ref<Element>,
+  target: Element | Ref<Element | undefined>,
   listener: EventListener,
   options: UseClickAwayOptions = {}
 ) {
@@ -19,7 +19,7 @@ export function useClickAway(
 
   const onClick = (event: Event) => {
     const element = unref(target);
-    if (!element.contains(event.target as Node)) {
+    if (element && !element.contains(event.target as Node)) {
       listener(event);
     }
   };
diff --git a/packages/vant-use/src/useRect/README.md b/packages/vant-use/src/useRect/README.md
index 58e3ced44..ba62af274 100644
--- a/packages/vant-use/src/useRect/README.md
+++ b/packages/vant-use/src/useRect/README.md
@@ -31,7 +31,7 @@ export default {
 ### 类型定义
 
 ```ts
-function useRect((Element | Window) | Ref<Element | Window>): DOMRect;
+function useRect((Element | Window) | Ref<Element | Window | undefined>): DOMRect;
 ```
 
 ### 返回值
diff --git a/packages/vant-use/src/useRect/index.ts b/packages/vant-use/src/useRect/index.ts
index 5b0d4ab5f..e02b96af4 100644
--- a/packages/vant-use/src/useRect/index.ts
+++ b/packages/vant-use/src/useRect/index.ts
@@ -5,7 +5,7 @@ function isWindow(val: unknown): val is Window {
 }
 
 export const useRect = (
-  elementRef: (Element | Window) | Ref<Element | Window>
+  elementRef: (Element | Window) | Ref<Element | Window | undefined>
 ) => {
   const element = unref(elementRef);
 
@@ -23,7 +23,7 @@ export const useRect = (
     };
   }
 
-  if (element.getBoundingClientRect) {
+  if (element && element.getBoundingClientRect) {
     return element.getBoundingClientRect();
   }
 
diff --git a/packages/vant-use/src/useScrollParent/README.md b/packages/vant-use/src/useScrollParent/README.md
index cf6ef674d..475258ea8 100644
--- a/packages/vant-use/src/useScrollParent/README.md
+++ b/packages/vant-use/src/useScrollParent/README.md
@@ -37,7 +37,9 @@ export default {
 ### 类型定义
 
 ```ts
-function useScrollParent(element: Ref<Element>): Ref<Element>;
+function useScrollParent(
+  element: Ref<Element | undefined>
+): Ref<Element | Window | undefined>;
 ```
 
 ### 参数
diff --git a/packages/vant-use/src/useScrollParent/index.ts b/packages/vant-use/src/useScrollParent/index.ts
index 202c30d9d..1c546402b 100644
--- a/packages/vant-use/src/useScrollParent/index.ts
+++ b/packages/vant-use/src/useScrollParent/index.ts
@@ -39,7 +39,7 @@ function getScrollParent(el: Element, root: ScrollElement = window) {
 }
 
 export function useScrollParent(el: Ref<Element | undefined>) {
-  const scrollParent = ref();
+  const scrollParent = ref<Element | Window>();
 
   onMounted(() => {
     if (el.value) {

From bfdc6f6b4e5f394b13933b49ee539ea7a59db1de Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:33:41 +0800
Subject: [PATCH 579/626] types(utils): isHidden ref param maybe undefined

---
 src/utils/dom/style.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/utils/dom/style.ts b/src/utils/dom/style.ts
index e5f9b0ac2..0c180497d 100644
--- a/src/utils/dom/style.ts
+++ b/src/utils/dom/style.ts
@@ -1,7 +1,13 @@
 import { unref, Ref } from 'vue';
 
-export function isHidden(elementRef: HTMLElement | Ref<HTMLElement>) {
+export function isHidden(
+  elementRef: HTMLElement | Ref<HTMLElement | undefined>
+) {
   const el = unref(elementRef);
+  if (!el) {
+    return false;
+  }
+
   const style = window.getComputedStyle(el);
   const hidden = style.display === 'none';
 

From 86e58ef4405be00b9d68a78652e9d6c16aceba6b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:34:14 +0800
Subject: [PATCH 580/626] chore: release @vant/use@0.0.8

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index ce4dc9fc4..67836eeb1 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",

From f2bedef2856f926e84c123d0941880651412e6a5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:39:11 +0800
Subject: [PATCH 581/626] types(@vant/use): useEventListener target ref can be
 undefined

---
 package.json                                    | 2 +-
 packages/vant-use/changelog.md                  | 6 ++++++
 packages/vant-use/src/useEventListener/index.ts | 2 +-
 yarn.lock                                       | 8 ++++----
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index e8324f1ca..68b9a8460 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.1",
-    "@vant/use": "^0.0.7",
+    "@vant/use": "^0.0.8",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/packages/vant-use/changelog.md b/packages/vant-use/changelog.md
index cfd47cc5c..5c8372632 100644
--- a/packages/vant-use/changelog.md
+++ b/packages/vant-use/changelog.md
@@ -1,5 +1,11 @@
 # 更新日志
 
+### v0.0.8
+
+`2020-10-09`
+
+- 改进类型定义
+
 ### v0.0.7
 
 `2020-10-06`
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
index 507622288..b7b8e9031 100644
--- a/packages/vant-use/src/useEventListener/index.ts
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -23,7 +23,7 @@ if (inBrowser) {
 }
 
 export type UseEventListenerOptions = {
-  target?: EventTarget | Ref<EventTarget>;
+  target?: EventTarget | Ref<EventTarget | undefined>;
   capture?: boolean;
   passive?: boolean;
 };
diff --git a/yarn.lock b/yarn.lock
index 84c6c3aa3..1d66ec93f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2212,10 +2212,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.7":
-  version "0.0.7"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.7.tgz#9ab1f54dd38c02b2707d2bcab7b725e81402db71"
-  integrity sha512-7QztMvrYWEJdlOd5xmQNjT+46AdoMZs9h9f72baAtHsl/a4Q+abTzVQo4Rg8E592djsDIVfnlWr9IZ1VomdJag==
+"@vant/use@^0.0.8":
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.8.tgz#46b0e957c8e4250a7e94951f20cfa6fdbd550a41"
+  integrity sha512-NO8yBGhE1jF2xnhgSeEDZUFlKXHtPzVNhxLnzH74P1Kdh3XrrQO6p+1ZL8HF52YMT2F1OY6FpaBC/WZmK3Xmog==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From 6cecf4852f24c9ecdf0521eea9c0697f988a6b18 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:39:44 +0800
Subject: [PATCH 582/626] chore: release @vant/use@0.0.9

---
 packages/vant-use/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
index 67836eeb1..5f3fdc3a0 100644
--- a/packages/vant-use/package.json
+++ b/packages/vant-use/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/use",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Vant Composition API",
   "main": "lib/index.js",
   "module": "es/index.js",

From a1b08babfc8f319ee6f3b4f2ba389b8a0e6d527b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:45:26 +0800
Subject: [PATCH 583/626] chore(List): use tsx

---
 package.json                     |  2 +-
 src/list/{index.js => index.tsx} | 20 ++++++++++----------
 yarn.lock                        |  8 ++++----
 3 files changed, 15 insertions(+), 15 deletions(-)
 rename src/list/{index.js => index.tsx} (91%)

diff --git a/package.json b/package.json
index 68b9a8460..a586d4545 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.1",
-    "@vant/use": "^0.0.8",
+    "@vant/use": "^0.0.9",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
diff --git a/src/list/index.js b/src/list/index.tsx
similarity index 91%
rename from src/list/index.js
rename to src/list/index.tsx
index 65555d360..8384318e3 100644
--- a/src/list/index.js
+++ b/src/list/index.tsx
@@ -1,4 +1,4 @@
-import { ref, watch, nextTick, onUpdated, onMounted } from 'vue';
+import { ref, watch, nextTick, onUpdated, onMounted, PropType } from 'vue';
 
 // Utils
 import { isHidden, createNamespace } from '../utils';
@@ -20,18 +20,18 @@ export default createComponent({
     errorText: String,
     loadingText: String,
     finishedText: String,
-    immediateCheck: {
-      type: Boolean,
-      default: true,
-    },
     offset: {
       type: [Number, String],
       default: 300,
     },
     direction: {
-      type: String,
+      type: String as PropType<'up' | 'down'>,
       default: 'down',
     },
+    immediateCheck: {
+      type: Boolean,
+      default: true,
+    },
   },
 
   emits: ['load', 'update:error', 'update:loading'],
@@ -39,8 +39,8 @@ export default createComponent({
   setup(props, { emit, slots }) {
     // use sync innerLoading state to avoid repeated loading in some edge cases
     const loading = ref(false);
-    const root = ref();
-    const placeholder = ref();
+    const root = ref<HTMLElement>();
+    const placeholder = ref<HTMLElement>();
     const scrollParent = useScrollParent(root);
 
     const check = () => {
@@ -108,7 +108,7 @@ export default createComponent({
             {slots.loading ? (
               slots.loading()
             ) : (
-              <Loading size="16">{props.loadingText || t('loading')}</Loading>
+              <Loading size={16}>{props.loadingText || t('loading')}</Loading>
             )}
           </div>
         );
@@ -118,7 +118,7 @@ export default createComponent({
     watch([() => props.loading, () => props.finished], check);
 
     onUpdated(() => {
-      loading.value = props.loading;
+      loading.value = props.loading!;
     });
 
     onMounted(() => {
diff --git a/yarn.lock b/yarn.lock
index 1d66ec93f..64736f3b9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2212,10 +2212,10 @@
   resolved "https://registry.yarnpkg.com/@vant/touch-emulator/-/touch-emulator-1.2.0.tgz#486300b23e57db9ce9231a04e0a0c621c68692d8"
   integrity sha512-sJ97zU85zOq51qoi7+CpBEcOyH3CitjP1KC7/GQwqaurUJni+EP7/F9n0HMnAh8GXMjgtgDBNJ5z48x+coNKYQ==
 
-"@vant/use@^0.0.8":
-  version "0.0.8"
-  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.8.tgz#46b0e957c8e4250a7e94951f20cfa6fdbd550a41"
-  integrity sha512-NO8yBGhE1jF2xnhgSeEDZUFlKXHtPzVNhxLnzH74P1Kdh3XrrQO6p+1ZL8HF52YMT2F1OY6FpaBC/WZmK3Xmog==
+"@vant/use@^0.0.9":
+  version "0.0.9"
+  resolved "https://registry.npmjs.org/@vant/use/-/use-0.0.9.tgz#938b41e8dd682f063450f45699111ab30dd279c1"
+  integrity sha512-P+/q3MqFCmoNStQU8qpPxDNtBLy9Q82xx05APm7ZqEhoJLPynK1u0giC1JeEvFoSTEJ3y4XxN+R7YqmpXnf/7Q==
 
 "@vue/babel-helper-vue-transform-on@^1.0.0-rc.2":
   version "1.0.0-rc.2"

From dffa11959ab335a2e40731216e9dc83dd07570a0 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:51:55 +0800
Subject: [PATCH 584/626] chore(NavBar): use tsx

---
 src/composition/use-placeholder.tsx |  4 ++--
 src/nav-bar/{index.js => index.tsx} | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)
 rename src/nav-bar/{index.js => index.tsx} (88%)

diff --git a/src/composition/use-placeholder.tsx b/src/composition/use-placeholder.tsx
index 8361023b5..330c0c9d3 100644
--- a/src/composition/use-placeholder.tsx
+++ b/src/composition/use-placeholder.tsx
@@ -1,11 +1,11 @@
 import { useHeight } from './use-height';
-import type { Ref, VNode } from 'vue';
+import type { Ref } from 'vue';
 import type { BEM } from '../utils/create/bem';
 
 export function usePlaceholder(contentRef: Ref<Element>, bem: BEM) {
   const height = useHeight(contentRef);
 
-  return (renderContent: () => VNode) => (
+  return (renderContent: () => JSX.Element) => (
     <div
       class={bem('placeholder')}
       style={{ height: height.value ? `${height.value}px` : undefined }}
diff --git a/src/nav-bar/index.js b/src/nav-bar/index.tsx
similarity index 88%
rename from src/nav-bar/index.js
rename to src/nav-bar/index.tsx
index 43ccee331..0c009fba9 100644
--- a/src/nav-bar/index.js
+++ b/src/nav-bar/index.tsx
@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { ref, CSSProperties } from 'vue';
 
 // Utils
 import { createNamespace } from '../utils';
@@ -33,11 +33,11 @@ export default createComponent({
     const navBarRef = ref();
     const renderPlaceholder = usePlaceholder(navBarRef, bem);
 
-    const onClickLeft = (event) => {
+    const onClickLeft = (event: MouseEvent) => {
       emit('click-left', event);
     };
 
-    const onClickRight = (event) => {
+    const onClickRight = (event: MouseEvent) => {
       emit('click-right', event);
     };
 
@@ -64,10 +64,14 @@ export default createComponent({
 
     const renderNavBar = () => {
       const { title, fixed, border, zIndex } = props;
+      const style: CSSProperties = {
+        zIndex: zIndex !== undefined ? +zIndex : undefined,
+      };
+
       return (
         <div
           ref={navBarRef}
-          style={{ zIndex }}
+          style={style}
           class={[bem({ fixed }), { [BORDER_BOTTOM]: border }]}
         >
           <div class={bem('left')} onClick={onClickLeft}>

From 6319d44423c78b1ef31e9fd25a2503aa53a51e06 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:56:32 +0800
Subject: [PATCH 585/626] chore(Overlay): use tsx

---
 src/composition/use-lazy-render.ts  |  6 +++---
 src/overlay/demo/index.vue          |  1 +
 src/overlay/{index.js => index.tsx} | 10 +++++-----
 3 files changed, 9 insertions(+), 8 deletions(-)
 rename src/overlay/{index.js => index.tsx} (79%)

diff --git a/src/composition/use-lazy-render.ts b/src/composition/use-lazy-render.ts
index dcecc2771..992df2d45 100644
--- a/src/composition/use-lazy-render.ts
+++ b/src/composition/use-lazy-render.ts
@@ -1,6 +1,6 @@
-import { ref, watch, WatchSource, VNode } from 'vue';
+import { ref, watch, WatchSource } from 'vue';
 
-export function useLazyRender(show: WatchSource<boolean>) {
+export function useLazyRender(show: WatchSource<boolean | undefined>) {
   const inited = ref(false);
 
   watch(
@@ -13,5 +13,5 @@ export function useLazyRender(show: WatchSource<boolean>) {
     { immediate: true }
   );
 
-  return (render: () => VNode) => () => (inited.value ? render() : null);
+  return (render: () => JSX.Element) => () => (inited.value ? render() : null);
 }
diff --git a/src/overlay/demo/index.vue b/src/overlay/demo/index.vue
index a919f4f8c..d98f1cf6d 100644
--- a/src/overlay/demo/index.vue
+++ b/src/overlay/demo/index.vue
@@ -67,6 +67,7 @@ export default {
     width: 120px;
     height: 120px;
     background-color: @white;
+    border-radius: 4px;
   }
 }
 </style>
diff --git a/src/overlay/index.js b/src/overlay/index.tsx
similarity index 79%
rename from src/overlay/index.js
rename to src/overlay/index.tsx
index 6f39949f4..c5df5b85e 100644
--- a/src/overlay/index.js
+++ b/src/overlay/index.tsx
@@ -1,4 +1,4 @@
-import { Transition } from 'vue';
+import { PropType, Transition, CSSProperties } from 'vue';
 import { noop, isDef, preventDefault, createNamespace } from '../utils';
 import { useLazyRender } from '../composition/use-lazy-render';
 
@@ -10,7 +10,7 @@ export default createComponent({
     zIndex: [Number, String],
     duration: [Number, String],
     className: null,
-    customStyle: Object,
+    customStyle: Object as PropType<CSSProperties>,
     lockScroll: {
       type: Boolean,
       default: true,
@@ -20,13 +20,13 @@ export default createComponent({
   setup(props, { slots }) {
     const lazyRender = useLazyRender(() => props.show);
 
-    const preventTouchMove = (event) => {
+    const preventTouchMove = (event: TouchEvent) => {
       preventDefault(event, true);
     };
 
     const renderOverlay = lazyRender(() => {
-      const style = {
-        zIndex: props.zIndex,
+      const style: CSSProperties = {
+        zIndex: props.zIndex !== undefined ? +props.zIndex : undefined,
         ...props.customStyle,
       };
 

From d86a0900e1a7c49ad5486427154bc1f7e7b3b7fd Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 9 Oct 2020 20:59:27 +0800
Subject: [PATCH 586/626] types(PasswordInput): use tsx

---
 src/password-input/{index.js => index.tsx} | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)
 rename src/password-input/{index.js => index.tsx} (95%)

diff --git a/src/password-input/index.js b/src/password-input/index.tsx
similarity index 95%
rename from src/password-input/index.js
rename to src/password-input/index.tsx
index 09533c1e6..ce92c74ab 100644
--- a/src/password-input/index.js
+++ b/src/password-input/index.tsx
@@ -1,4 +1,3 @@
-// Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_LEFT, BORDER_SURROUND } from '../utils/constant';
 
@@ -27,13 +26,13 @@ export default createComponent({
   emits: ['focus'],
 
   setup(props, { emit }) {
-    const onTouchStart = (event) => {
+    const onTouchStart = (event: TouchEvent) => {
       event.stopPropagation();
       emit('focus', event);
     };
 
     const renderPoints = () => {
-      const Points = [];
+      const Points: JSX.Element[] = [];
       const { mask, value, length, gutter, focused } = props;
 
       for (let i = 0; i < length; i++) {

From 99d42852e52116dfbbfe3fe193f1637a613c9ec4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 10 Oct 2020 17:49:10 +0800
Subject: [PATCH 587/626] chore(Pagination): use tsx

---
 src/pagination/{index.js => index.tsx} | 30 +++++++++++++++++---------
 1 file changed, 20 insertions(+), 10 deletions(-)
 rename src/pagination/{index.js => index.tsx} (88%)

diff --git a/src/pagination/index.js b/src/pagination/index.tsx
similarity index 88%
rename from src/pagination/index.js
rename to src/pagination/index.tsx
index f58622818..d74543827 100644
--- a/src/pagination/index.js
+++ b/src/pagination/index.tsx
@@ -4,7 +4,17 @@ import { computed, watch } from 'vue';
 
 const [createComponent, bem, t] = createNamespace('pagination');
 
-function makePage(number, text, active) {
+type PageItem = {
+  text: string | number;
+  number: number;
+  active?: boolean;
+};
+
+function makePage(
+  number: number,
+  text: string | number,
+  active?: boolean
+): PageItem {
   return { number, text, active };
 }
 
@@ -44,18 +54,18 @@ export default createComponent({
   setup(props, { emit, slots }) {
     const count = computed(() => {
       const { pageCount, totalItems, itemsPerPage } = props;
-      const count = pageCount || Math.ceil(totalItems / itemsPerPage);
+      const count = +pageCount || Math.ceil(+totalItems / +itemsPerPage);
       return Math.max(1, count);
     });
 
     const pages = computed(() => {
-      const pages = [];
+      const items: PageItem[] = [];
       const pageCount = count.value;
       const showPageSize = +props.showPageSize;
       const { modelValue, forceEllipses } = props;
 
       if (props.mode !== 'multi') {
-        return pages;
+        return items;
       }
 
       // Default page limits
@@ -79,26 +89,26 @@ export default createComponent({
       // Add page number links
       for (let number = startPage; number <= endPage; number++) {
         const page = makePage(number, number, number === modelValue);
-        pages.push(page);
+        items.push(page);
       }
 
       // Add links to move between page sets
       if (isMaxSized && showPageSize > 0 && forceEllipses) {
         if (startPage > 1) {
           const prevPages = makePage(startPage - 1, '...');
-          pages.unshift(prevPages);
+          items.unshift(prevPages);
         }
 
         if (endPage < pageCount) {
           const nextPages = makePage(endPage + 1, '...');
-          pages.push(nextPages);
+          items.push(nextPages);
         }
       }
 
-      return pages;
+      return items;
     });
 
-    const select = (page, emitChange) => {
+    const select = (page: number, emitChange?: boolean) => {
       page = Math.min(count.value, Math.max(1, page));
 
       if (props.modelValue !== page) {
@@ -134,7 +144,7 @@ export default createComponent({
       const value = props.modelValue;
       const simple = props.mode !== 'multi';
 
-      const onSelect = (value) => () => {
+      const onSelect = (value: number) => () => {
         select(value, true);
       };
 

From 5370eaafcea1a55a7c359f2c97fc3fcf4ed265d5 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 10 Oct 2020 18:00:22 +0800
Subject: [PATCH 588/626] chore(PullRefresh): use tsx

---
 src/pull-refresh/{index.js => index.tsx} | 45 +++++++++++++++---------
 src/utils/dom/scroll.ts                  |  2 +-
 2 files changed, 30 insertions(+), 17 deletions(-)
 rename src/pull-refresh/{index.js => index.tsx} (81%)

diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.tsx
similarity index 81%
rename from src/pull-refresh/index.js
rename to src/pull-refresh/index.tsx
index 7bb5fabcf..0b759d52c 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.tsx
@@ -15,6 +15,13 @@ const [createComponent, bem, t] = createNamespace('pull-refresh');
 const DEFAULT_HEAD_HEIGHT = 50;
 const TEXT_STATUS = ['pulling', 'loosing', 'success'];
 
+type PullRefreshStatus =
+  | 'normal'
+  | 'loading'
+  | 'loosing'
+  | 'pulling'
+  | 'success';
+
 export default createComponent({
   props: {
     disabled: Boolean,
@@ -43,13 +50,13 @@ export default createComponent({
   emits: ['refresh', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    let reachTop;
+    let reachTop: boolean;
 
     const root = ref();
     const scrollParent = useScrollParent(root);
 
     const state = reactive({
-      status: 'normal',
+      status: 'normal' as PullRefreshStatus,
       distance: 0,
       duration: 0,
     });
@@ -69,7 +76,7 @@ export default createComponent({
       state.status !== 'success' &&
       !props.disabled;
 
-    const ease = (distance) => {
+    const ease = (distance: number) => {
       const headHeight = +props.headHeight;
 
       if (distance > headHeight) {
@@ -83,7 +90,7 @@ export default createComponent({
       return Math.round(distance);
     };
 
-    const setStatus = (distance, isLoading) => {
+    const setStatus = (distance: number, isLoading?: boolean) => {
       state.distance = distance;
 
       if (isLoading) {
@@ -97,22 +104,28 @@ export default createComponent({
       }
     };
 
+    const getStatusText = () => {
+      const { status } = state;
+      if (status === 'normal') {
+        return '';
+      }
+      return (props as any)[`${status}Text`] || t(status);
+    };
+
     const renderStatus = () => {
       const { status, distance } = state;
 
       if (slots[status]) {
-        return slots[status]({ distance });
+        return slots[status]!({ distance });
       }
 
       const nodes = [];
-      const text = (status !== 'normal' && props[`${status}Text`]) || t(status);
 
       if (TEXT_STATUS.indexOf(status) !== -1) {
-        nodes.push(<div class={bem('text')}>{text}</div>);
+        nodes.push(<div class={bem('text')}>{getStatusText()}</div>);
       }
-
       if (status === 'loading') {
-        nodes.push(<Loading size="16">{text}</Loading>);
+        nodes.push(<Loading size="16">{getStatusText()}</Loading>);
       }
 
       return nodes;
@@ -123,11 +136,11 @@ export default createComponent({
 
       setTimeout(() => {
         setStatus(0);
-      }, props.successDuration);
+      }, +props.successDuration);
     };
 
-    const checkPosition = (event) => {
-      reachTop = getScrollTop(scrollParent.value) === 0;
+    const checkPosition = (event: TouchEvent) => {
+      reachTop = getScrollTop(scrollParent.value!) === 0;
 
       if (reachTop) {
         state.duration = 0;
@@ -135,13 +148,13 @@ export default createComponent({
       }
     };
 
-    const onTouchStart = (event) => {
+    const onTouchStart = (event: TouchEvent) => {
       if (isTouchable()) {
         checkPosition(event);
       }
     };
 
-    const onTouchMove = (event) => {
+    const onTouchMove = (event: TouchEvent) => {
       if (isTouchable()) {
         if (!reachTop) {
           checkPosition(event);
@@ -159,7 +172,7 @@ export default createComponent({
 
     const onTouchEnd = () => {
       if (reachTop && touch.deltaY.value && isTouchable()) {
-        state.duration = props.animationDuration;
+        state.duration = +props.animationDuration;
 
         if (state.status === 'loosing') {
           setStatus(+props.headHeight, true);
@@ -178,7 +191,7 @@ export default createComponent({
     watch(
       () => props.modelValue,
       (value) => {
-        state.duration = props.animationDuration;
+        state.duration = +props.animationDuration;
 
         if (value) {
           setStatus(+props.headHeight, true);
diff --git a/src/utils/dom/scroll.ts b/src/utils/dom/scroll.ts
index 60e354838..61c8ac8c0 100644
--- a/src/utils/dom/scroll.ts
+++ b/src/utils/dom/scroll.ts
@@ -1,6 +1,6 @@
 import { isIOS as checkIsIOS } from '../validate/system';
 
-type ScrollElement = HTMLElement | Window;
+type ScrollElement = Element | Window;
 
 function isWindow(val: unknown): val is Window {
   return val === window;

From 634196748290247fc73de86c6cdc13c3248e821a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 10 Oct 2020 19:04:38 +0800
Subject: [PATCH 589/626] chore(Skeleton): use tsx

---
 src/skeleton/README.zh-CN.md         |  2 +-
 src/skeleton/{index.js => index.tsx} | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)
 rename src/skeleton/{index.js => index.tsx} (88%)

diff --git a/src/skeleton/README.zh-CN.md b/src/skeleton/README.zh-CN.md
index 5b6358c68..1585a0167 100644
--- a/src/skeleton/README.zh-CN.md
+++ b/src/skeleton/README.zh-CN.md
@@ -66,4 +66,4 @@ export default {
 | round `v2.8.5` | 是否将标题和段落显示为圆角风格 | _boolean_ | `false` |
 | title-width | 标题占位图宽度 | _number \| string_ | `40%` |
 | avatar-size | 头像占位图大小 | _number \| string_ | `32px` |
-| avatar-shape | 头像占位图形状，可选值为`square` | _string_ | `round` |
+| avatar-shape | 头像占位图形状，可选值为 `square` | _string_ | `round` |
diff --git a/src/skeleton/index.js b/src/skeleton/index.tsx
similarity index 88%
rename from src/skeleton/index.js
rename to src/skeleton/index.tsx
index 49f72e4a6..a17e256ea 100644
--- a/src/skeleton/index.js
+++ b/src/skeleton/index.tsx
@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 const [createComponent, bem] = createNamespace('skeleton');
@@ -26,7 +27,7 @@ export default createComponent({
       default: '32px',
     },
     avatarShape: {
-      type: String,
+      type: String as PropType<'square' | 'round'>,
       default: 'round',
     },
     titleWidth: {
@@ -34,7 +35,9 @@ export default createComponent({
       default: '40%',
     },
     rowWidth: {
-      type: [Number, String, Array],
+      type: [Number, String, Array] as PropType<
+        number | string | (number | string)[]
+      >,
       default: DEFAULT_ROW_WIDTH,
     },
   },
@@ -62,7 +65,7 @@ export default createComponent({
       }
     };
 
-    const getRowWidth = (index) => {
+    const getRowWidth = (index: number) => {
       const { rowWidth } = props;
 
       if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
@@ -77,7 +80,7 @@ export default createComponent({
     };
 
     const renderRows = () => {
-      const Rows = [];
+      const Rows: JSX.Element[] = [];
 
       for (let i = 0; i < props.row; i++) {
         Rows.push(

From f879b6d77ac26c607d5c223497c7128012584ff4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 11 Oct 2020 19:27:55 +0800
Subject: [PATCH 590/626] chore(Slider): use tsx

---
 src/slider/{index.js => index.tsx} | 124 ++++++++++++++++-------------
 1 file changed, 67 insertions(+), 57 deletions(-)
 rename src/slider/{index.js => index.tsx} (65%)

diff --git a/src/slider/index.js b/src/slider/index.tsx
similarity index 65%
rename from src/slider/index.js
rename to src/slider/index.tsx
index aa9b68847..e0930b270 100644
--- a/src/slider/index.js
+++ b/src/slider/index.tsx
@@ -1,13 +1,13 @@
-import { ref, computed } from 'vue';
+import { ref, computed, PropType, CSSProperties } from 'vue';
 
 // Utils
 import {
   addUnit,
   getSizeStyle,
   preventDefault,
+  stopPropagation,
   createNamespace,
 } from '../utils';
-import { deepClone } from '../utils/deep-clone';
 
 // Composition
 import { useRect } from '@vant/use';
@@ -16,6 +16,8 @@ import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('slider');
 
+type SliderValue = number | number[];
+
 export default createComponent({
   props: {
     range: Boolean,
@@ -38,7 +40,7 @@ export default createComponent({
       default: 1,
     },
     modelValue: {
-      type: [Number, Array],
+      type: [Number, Array] as PropType<SliderValue>,
       default: 0,
     },
   },
@@ -46,15 +48,15 @@ export default createComponent({
   emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    let startValue;
-    let buttonIndex;
-    let currentValue;
+    let buttonIndex: number;
+    let startValue: SliderValue;
+    let currentValue: SliderValue;
 
-    const root = ref();
-    const dragStatus = ref();
+    const root = ref<HTMLElement>();
+    const dragStatus = ref<'start' | 'draging' | ''>();
     const touch = useTouch();
 
-    const scope = computed(() => props.max - props.min);
+    const scope = computed(() => Number(props.max) - Number(props.min));
 
     const wrapperStyle = computed(() => {
       const crossAxis = props.vertical ? 'width' : 'height';
@@ -64,56 +66,57 @@ export default createComponent({
       };
     });
 
+    const isRange = (val: unknown): val is number[] =>
+      !!props.range && Array.isArray(val);
+
     // 计算选中条的长度百分比
     const calcMainAxis = () => {
-      const { modelValue, min, range } = props;
-      if (range) {
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
         return `${((modelValue[1] - modelValue[0]) * 100) / scope.value}%`;
       }
-      return `${((modelValue - min) * 100) / scope.value}%`;
+      return `${((modelValue - Number(min)) * 100) / scope.value}%`;
     };
 
     // 计算选中条的开始位置的偏移量
     const calcOffset = () => {
-      const { modelValue, min, range } = props;
-      if (range) {
-        return `${((modelValue[0] - min) * 100) / scope.value}%`;
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
+        return `${((modelValue[0] - Number(min)) * 100) / scope.value}%`;
       }
       return `0%`;
     };
 
-    const barStyle = computed(() => {
+    const barStyle = computed<CSSProperties>(() => {
       const mainAxis = props.vertical ? 'height' : 'width';
       return {
         [mainAxis]: calcMainAxis(),
-        left: props.vertical ? null : calcOffset(),
-        top: props.vertical ? calcOffset() : null,
+        left: props.vertical ? undefined : calcOffset(),
+        top: props.vertical ? calcOffset() : undefined,
         background: props.activeColor,
-        transition: dragStatus.value ? 'none' : null,
+        transition: dragStatus.value ? 'none' : undefined,
       };
     });
 
-    const format = (value) => {
+    const format = (value: number) => {
       const { min, max, step } = props;
-      value = Math.max(min, Math.min(value, max));
-      return Math.round(value / step) * step;
+      value = Math.max(+min, Math.min(value, +max));
+      return Math.round(value / +step) * +step;
     };
 
-    const isSameValue = (newValue, oldValue) => {
-      return JSON.stringify(newValue) === JSON.stringify(oldValue);
-    };
+    const isSameValue = (newValue: SliderValue, oldValue: SliderValue) =>
+      JSON.stringify(newValue) === JSON.stringify(oldValue);
 
     // 处理两个滑块重叠之后的情况
-    const handleOverlap = (value) => {
+    const handleOverlap = (value: number[]) => {
       if (value[0] > value[1]) {
-        value = deepClone(value);
-        return value.reverse();
+        return value.slice(0).reverse();
       }
       return value;
     };
 
-    const updateValue = (value, end) => {
-      if (props.range) {
+    const updateValue = (value: SliderValue, end?: boolean) => {
+      if (isRange(value)) {
         value = handleOverlap(value).map(format);
       } else {
         value = format(value);
@@ -128,52 +131,53 @@ export default createComponent({
       }
     };
 
-    const onClick = (event) => {
+    const onClick = (event: MouseEvent) => {
       event.stopPropagation();
 
       if (props.disabled) {
         return;
       }
 
-      const { min, vertical, modelValue, range } = props;
+      const { min, vertical, modelValue } = props;
       const rect = useRect(root);
       const delta = vertical
         ? event.clientY - rect.top
         : event.clientX - rect.left;
       const total = vertical ? rect.height : rect.width;
-      let value = +min + (delta / total) * scope.value;
+      const value = Number(min) + (delta / total) * scope.value;
 
-      if (range) {
-        let left = modelValue[0];
-        let right = modelValue[1];
+      if (isRange(modelValue)) {
+        const [left, right] = modelValue;
         const middle = (left + right) / 2;
-        if (value <= middle) {
-          left = value;
-        } else {
-          right = value;
-        }
-        value = [left, right];
-      }
 
-      updateValue(value, true);
+        if (value <= middle) {
+          updateValue([value, right], true);
+        } else {
+          updateValue([left, value], true);
+        }
+      } else {
+        updateValue(value, true);
+      }
     };
 
-    const onTouchStart = (event) => {
+    const onTouchStart = (event: TouchEvent) => {
       if (props.disabled) {
         return;
       }
 
       touch.start(event);
       currentValue = props.modelValue;
-      if (props.range) {
-        startValue = props.modelValue.map(format);
+
+      if (isRange(currentValue)) {
+        startValue = currentValue.map(format);
       } else {
-        startValue = format(props.modelValue);
+        startValue = format(currentValue);
       }
+
       dragStatus.value = 'start';
     };
 
-    const onTouchMove = (event) => {
+    const onTouchMove = (event: TouchEvent) => {
       if (props.disabled) {
         return;
       }
@@ -191,8 +195,9 @@ export default createComponent({
       const total = props.vertical ? rect.height : rect.width;
       const diff = (delta / total) * scope.value;
 
-      if (props.range) {
-        currentValue[buttonIndex] = startValue[buttonIndex] + diff;
+      if (isRange(startValue)) {
+        (currentValue as number[])[buttonIndex] =
+          startValue[buttonIndex] + diff;
       } else {
         currentValue = startValue + diff;
       }
@@ -212,7 +217,7 @@ export default createComponent({
       dragStatus.value = '';
     };
 
-    const renderButton = (index) => {
+    const renderButton = (index?: number) => {
       const getClassName = () => {
         if (typeof index === 'number') {
           const position = ['left', 'right'];
@@ -221,18 +226,23 @@ export default createComponent({
         return `button-wrapper`;
       };
 
+      const currentValue =
+        typeof index === 'number'
+          ? (props.modelValue as number[])[index]
+          : (props.modelValue as number);
+
       return (
         <div
           role="slider"
           class={bem(getClassName())}
           tabindex={props.disabled ? -1 : 0}
-          aria-valuemin={props.min}
-          aria-valuenow={props.modelValue}
-          aria-valuemax={props.max}
+          aria-valuemin={+props.min}
+          aria-valuenow={currentValue}
+          aria-valuemax={+props.max}
           aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
           onTouchstart={(e) => {
             if (typeof index === 'number') {
-              // 保存当前按钮的索引
+              // save index of current button
               buttonIndex = index;
             }
             onTouchStart(e);
@@ -240,7 +250,7 @@ export default createComponent({
           onTouchmove={onTouchMove}
           onTouchend={onTouchEnd}
           onTouchcancel={onTouchEnd}
-          onClick={(e) => e.stopPropagation()}
+          onClick={stopPropagation}
         >
           {slots.button ? (
             slots.button()

From c771604dec2796015ac0e4624df5cfe8d0e724f6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 12 Oct 2020 20:47:54 +0800
Subject: [PATCH 591/626] chore(Sticky): use tsx

---
 src/composition/use-visibility-change.ts | 10 +++++++---
 src/sticky/{index.js => index.tsx}       | 21 ++++++++++-----------
 2 files changed, 17 insertions(+), 14 deletions(-)
 rename src/sticky/{index.js => index.tsx} (83%)

diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
index 2de6d4430..f7bec82fc 100644
--- a/src/composition/use-visibility-change.ts
+++ b/src/composition/use-visibility-change.ts
@@ -9,7 +9,7 @@ import {
 
 // @Experimental
 export function useVisibilityChange(
-  target: Ref<Element>,
+  target: Ref<Element | undefined>,
   onChange: (visible: boolean) => void
 ) {
   // compatibility: https://caniuse.com/#feat=intersectionobserver
@@ -26,11 +26,15 @@ export function useVisibilityChange(
   );
 
   const observe = () => {
-    observer.observe(target.value);
+    if (target.value) {
+      observer.observe(target.value);
+    }
   };
 
   const unobserve = () => {
-    observer.unobserve(target.value);
+    if (target.value) {
+      observer.unobserve(target.value);
+    }
   };
 
   onMounted(observe);
diff --git a/src/sticky/index.js b/src/sticky/index.tsx
similarity index 83%
rename from src/sticky/index.js
rename to src/sticky/index.tsx
index d1943290d..572e42e49 100644
--- a/src/sticky/index.js
+++ b/src/sticky/index.tsx
@@ -1,4 +1,4 @@
-import { ref, reactive, computed } from 'vue';
+import { ref, reactive, computed, CSSProperties } from 'vue';
 
 // Utils
 import {
@@ -28,7 +28,7 @@ export default createComponent({
   emits: ['scroll'],
 
   setup(props, { emit, slots }) {
-    const root = ref();
+    const root = ref<HTMLElement>();
     const scrollParent = useScrollParent(root);
 
     const state = reactive({
@@ -39,24 +39,24 @@ export default createComponent({
 
     const offsetTop = computed(() => unitToPx(props.offsetTop));
 
-    const style = computed(() => {
+    const style = computed<CSSProperties | undefined>(() => {
       if (!state.fixed) {
         return;
       }
 
-      const top = offsetTop.value ? `${offsetTop.value}px` : null;
+      const top = offsetTop.value ? `${offsetTop.value}px` : undefined;
       const transform = state.transform
         ? `translate3d(0, ${state.transform}px, 0)`
-        : null;
+        : undefined;
 
       return {
         top,
-        zIndex: props.zIndex,
+        zIndex: props.zIndex !== undefined ? +props.zIndex : undefined,
         transform,
       };
     });
 
-    const emitScrollEvent = (scrollTop) => {
+    const emitScrollEvent = (scrollTop: number) => {
       emit('scroll', {
         scrollTop,
         isFixed: state.fixed,
@@ -64,7 +64,7 @@ export default createComponent({
     };
 
     const onScroll = () => {
-      if (isHidden(root)) {
+      if (!root.value || isHidden(root)) {
         return;
       }
 
@@ -104,13 +104,12 @@ export default createComponent({
     };
 
     useEventListener('scroll', onScroll, { target: scrollParent });
-
     useVisibilityChange(root, onScroll);
 
     return () => {
       const { fixed, height } = state;
-      const rootStyle = {
-        height: fixed ? `${height}px` : null,
+      const rootStyle: CSSProperties = {
+        height: fixed ? `${height}px` : undefined,
       };
 
       return (

From ec943578b27f9a59a2ac1111f53fb4ef55954763 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 11:39:04 +0800
Subject: [PATCH 592/626] chore(Stepper): use tsx

---
 src/stepper/README.zh-CN.md         |  6 +--
 src/stepper/{index.js => index.tsx} | 60 +++++++++++++++--------------
 2 files changed, 34 insertions(+), 32 deletions(-)
 rename src/stepper/{index.js => index.tsx} (82%)

diff --git a/src/stepper/README.zh-CN.md b/src/stepper/README.zh-CN.md
index 117c20887..f3ebe7dee 100644
--- a/src/stepper/README.zh-CN.md
+++ b/src/stepper/README.zh-CN.md
@@ -141,9 +141,9 @@ export default {
 | max | 最大值 | _number \| string_ | - |
 | default-value | 初始值，当 v-model 为空时生效 | _number \| string_ | `1` |
 | step | 步长，每次点击时改变的值 | _number \| string_ | `1` |
-| name | 标识符，可以在`change`事件回调参数中获取 | _number \| string_ | - |
-| input-width | 输入框宽度，默认单位为`px` | _number \| string_ | `32px` |
-| button-size | 按钮大小以及输入框高度，默认单位为`px` | _number \| string_ | `28px` |
+| name | 标识符，可以在 `change` 事件回调参数中获取 | _number \| string_ | - |
+| input-width | 输入框宽度，默认单位为 `px` | _number \| string_ | `32px` |
+| button-size | 按钮大小以及输入框高度，默认单位为 `px` | _number \| string_ | `28px` |
 | decimal-length | 固定显示的小数位数 | _number \| string_ | - |
 | theme `v2.8.2` | 样式风格，可选值为 `round` | _string_ | - |
 | placeholder `v2.8.6` | 输入框占位提示文字 | _string_ | - |
diff --git a/src/stepper/index.js b/src/stepper/index.tsx
similarity index 82%
rename from src/stepper/index.js
rename to src/stepper/index.tsx
index d4c8a7562..091ba699a 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.tsx
@@ -20,12 +20,12 @@ const [createComponent, bem] = createNamespace('stepper');
 const LONG_PRESS_INTERVAL = 200;
 const LONG_PRESS_START_TIME = 600;
 
-function equal(value1, value2) {
+function equal(value1?: string | number, value2?: string | number) {
   return String(value1) === String(value2);
 }
 
 // add num and avoid float number
-function add(num1, num2) {
+function add(num1: number, num2: number) {
   const cardinal = 10 ** 10;
   return Math.round((num1 + num2) * cardinal) / cardinal;
 }
@@ -35,8 +35,8 @@ export default createComponent({
     theme: String,
     integer: Boolean,
     disabled: Boolean,
-    modelValue: null,
     allowEmpty: Boolean,
+    modelValue: [Number, String],
     inputWidth: [Number, String],
     buttonSize: [Number, String],
     asyncChange: Boolean,
@@ -90,7 +90,7 @@ export default createComponent({
   ],
 
   setup(props, { emit }) {
-    const format = (value) => {
+    const format = (value: string | number) => {
       const { min, max, allowEmpty, decimalLength } = props;
 
       if (allowEmpty && value === '') {
@@ -99,12 +99,12 @@ export default createComponent({
 
       value = formatNumber(String(value), !props.integer);
       value = value === '' ? 0 : +value;
-      value = isNaN(value) ? min : value;
-      value = Math.max(Math.min(max, value), min);
+      value = isNaN(value) ? +min : value;
+      value = Math.max(Math.min(+max, value), +min);
 
       // format decimal
       if (isDef(decimalLength)) {
-        value = value.toFixed(decimalLength);
+        value = value.toFixed(+decimalLength);
       }
 
       return value;
@@ -121,7 +121,7 @@ export default createComponent({
       return value;
     };
 
-    let actionType;
+    let actionType: 'plus' | 'minus';
     const inputRef = ref();
     const current = ref(getInitialValue());
 
@@ -147,7 +147,7 @@ export default createComponent({
       }
     };
 
-    const emitChange = (value) => {
+    const emitChange = (value: string | number) => {
       if (props.asyncChange) {
         emit('update:modelValue', value);
         emit('change', value, { name: props.name });
@@ -157,7 +157,7 @@ export default createComponent({
     };
 
     const onChange = () => {
-      if (props[`${actionType}Disabled`]) {
+      if ((props as any)[`${actionType}Disabled`]) {
         emit('overlimit', actionType);
         return;
       }
@@ -169,8 +169,9 @@ export default createComponent({
       emit(actionType);
     };
 
-    const onInput = (event) => {
-      const { value } = event.target;
+    const onInput = (event: Event) => {
+      const input = event.target as HTMLInputElement;
+      const { value } = input;
       const { decimalLength } = props;
 
       let formatted = formatNumber(String(value), !props.integer);
@@ -178,17 +179,17 @@ export default createComponent({
       // limit max decimal length
       if (isDef(decimalLength) && formatted.indexOf('.') !== -1) {
         const pair = formatted.split('.');
-        formatted = `${pair[0]}.${pair[1].slice(0, decimalLength)}`;
+        formatted = `${pair[0]}.${pair[1].slice(0, +decimalLength)}`;
       }
 
       if (!equal(value, formatted)) {
-        event.target.value = formatted;
+        input.value = formatted;
       }
 
       emitChange(formatted);
     };
 
-    const onFocus = (event) => {
+    const onFocus = (event: Event) => {
       // readonly not work in lagacy mobile safari
       if (props.disableInput && inputRef.value) {
         inputRef.value.blur();
@@ -197,21 +198,22 @@ export default createComponent({
       }
     };
 
-    const onBlur = (event) => {
-      const value = format(event.target.value);
-      event.target.value = value;
+    const onBlur = (event: Event) => {
+      const input = event.target as HTMLInputElement;
+      const value = format(input.value);
+      input.value = String(value);
       current.value = value;
       emit('blur', event);
       resetScroll();
     };
 
-    let isLongPress;
-    let longPressTimer;
+    let isLongPress: boolean;
+    let longPressTimer: NodeJS.Timeout;
 
     const longPressStep = () => {
       longPressTimer = setTimeout(() => {
         onChange();
-        longPressStep(actionType);
+        longPressStep();
       }, LONG_PRESS_INTERVAL);
     };
 
@@ -227,7 +229,7 @@ export default createComponent({
       }
     };
 
-    const onTouchEnd = (event) => {
+    const onTouchEnd = (event: TouchEvent) => {
       if (props.longPress) {
         clearTimeout(longPressTimer);
         if (isLongPress) {
@@ -236,10 +238,10 @@ export default createComponent({
       }
     };
 
-    const createListeners = (type) => ({
-      onClick: (e) => {
+    const createListeners = (type: 'plus' | 'minus') => ({
+      onClick: (event: MouseEvent) => {
         // disable double tap scrolling on mobile safari
-        e.preventDefault();
+        event.preventDefault();
         actionType = type;
         onChange();
       },
@@ -265,7 +267,7 @@ export default createComponent({
       () => props.modelValue,
       (value) => {
         if (!equal(value, current.value)) {
-          current.value = value;
+          current.value = value!;
         }
       }
     );
@@ -298,9 +300,9 @@ export default createComponent({
           // set keyboard in mordern browers
           inputmode={props.integer ? 'numeric' : 'decimal'}
           placeholder={props.placeholder}
-          aria-valuemax={props.max}
-          aria-valuemin={props.min}
-          aria-valuenow={current.value}
+          aria-valuemax={+props.max}
+          aria-valuemin={+props.min}
+          aria-valuenow={+current.value}
           onInput={onInput}
           onFocus={onFocus}
           onBlur={onBlur}

From f2b6f3d4d13782645f90e6ff259bb1657e2ec5a6 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 16:56:11 +0800
Subject: [PATCH 593/626] chore: rename all legacy test cases

---
 src/action-bar/test/{demo.spec.js => demo.legacy.js}              | 0
 src/action-bar/test/{index.spec.js => index.legacy.js}            | 0
 src/action-sheet/test/{demo.spec.js => demo.legacy.js}            | 0
 src/action-sheet/test/{index.spec.js => index.legacy.js}          | 0
 src/address-edit/test/{demo.spec.js => demo.legacy.js}            | 0
 src/address-edit/test/{index.spec.js => index.legacy.js}          | 0
 src/address-list/test/{demo.spec.js => demo.legacy.js}            | 0
 src/address-list/test/{index.spec.js => index.legacy.js}          | 0
 src/area/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/area/test/{index.spec.js => index.legacy.js}                  | 0
 src/badge/test/{index.spec.js => index.legacy.js}                 | 0
 src/button/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/button/test/{index.spec.js => index.legacy.js}                | 0
 src/calendar/test/{demo.spec.js => demo.legacy.js}                | 0
 src/calendar/test/{index.spec.js => index.legacy.js}              | 0
 src/calendar/test/{prop.spec.js => prop.legacy.js}                | 0
 src/calendar/test/{utils.spec.js => utils.legacy.js}              | 0
 src/card/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/card/test/{index.spec.js => index.legacy.js}                  | 0
 src/cell/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/cell/test/{index.spec.js => index.legacy.js}                  | 0
 src/checkbox/test/{demo.spec.js => demo.legacy.js}                | 0
 src/checkbox/test/{index.spec.js => index.legacy.js}              | 0
 src/circle/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/circle/test/{index.spec.js => index.legacy.js}                | 0
 src/col/test/{demo.spec.js => demo.legacy.js}                     | 0
 src/col/test/{index.spec.js => index.legacy.js}                   | 0
 src/collapse/test/{demo.spec.js => demo.legacy.js}                | 0
 src/collapse/test/{index.spec.js => index.legacy.js}              | 0
 src/contact-card/test/{demo.spec.js => demo.legacy.js}            | 0
 src/contact-card/test/{index.spec.js => index.legacy.js}          | 0
 src/count-down/test/{index.spec.js => index.legacy.js}            | 0
 src/coupon-list/test/{demo.spec.js => demo.legacy.js}             | 0
 src/coupon-list/test/{index.spec.js => index.legacy.js}           | 0
 .../test/{date-picker.spec.js => date-picker.legacy.js}           | 0
 .../test/{datetime-picker.spec.js => datetime-picker.legacy.js}   | 0
 src/datetime-picker/test/{demo.spec.js => demo.legacy.js}         | 0
 .../test/{time-picker.spec.js => time-picker.legacy.js}           | 0
 src/dialog/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/dialog/test/{index.spec.js => index.legacy.js}                | 0
 src/divider/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/dropdown-menu/test/{demo.spec.js => demo.legacy.js}           | 0
 src/dropdown-menu/test/{index.spec.js => index.legacy.js}         | 0
 src/empty/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/empty/test/{index.spec.js => index.legacy.js}                 | 0
 src/field/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/field/test/{index.spec.js => index.legacy.js}                 | 0
 src/form/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/form/test/{events.spec.js => events.legacy.js}                | 0
 src/form/test/{field-type.spec.js => field-type.legacy.js}        | 0
 src/form/test/{index.spec.js => index.legacy.js}                  | 0
 src/form/test/{methods.spec.js => methods.legacy.js}              | 0
 src/form/test/{props.spec.js => props.legacy.js}                  | 0
 src/grid/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/grid/test/{index.spec.js => index.legacy.js}                  | 0
 src/icon/test/{index.spec.js => index.legacy.js}                  | 0
 src/image-preview/test/{index.spec.js => index.legacy.js}         | 0
 src/image/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/image/test/{index.spec.js => index.legacy.js}                 | 0
 src/index-bar/test/{demo.spec.js => demo.legacy.js}               | 0
 src/index-bar/test/{index.spec.js => index.legacy.js}             | 0
 src/list/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/list/test/{index.spec.js => index.legacy.js}                  | 0
 src/loading/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/loading/test/{index.spec.js => index.legacy.js}               | 0
 src/nav-bar/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/nav-bar/test/{index.spec.js => index.legacy.js}               | 0
 src/notice-bar/test/{demo.spec.js => demo.legacy.js}              | 0
 src/notice-bar/test/{index.spec.js => index.legacy.js}            | 0
 src/notify/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/notify/test/{index.spec.js => index.legacy.js}                | 0
 src/number-keyboard/test/{demo.spec.js => demo.legacy.js}         | 0
 src/number-keyboard/test/{index.spec.js => index.legacy.js}       | 0
 src/overlay/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/overlay/test/{index.spec.js => index.legacy.js}               | 0
 src/pagination/test/{demo.spec.js => demo.legacy.js}              | 0
 src/pagination/test/{index.spec.js => index.legacy.js}            | 0
 src/password-input/test/{demo.spec.js => demo.legacy.js}          | 0
 src/password-input/test/{index.spec.js => index.legacy.js}        | 0
 src/picker/test/{cascade.spec.js => cascade.legacy.js}            | 0
 src/picker/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/picker/test/{index.spec.js => index.legacy.js}                | 0
 src/popup/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/popup/test/{index.spec.js => index.legacy.js}                 | 0
 src/progress/test/{demo.spec.js => demo.legacy.js}                | 0
 src/progress/test/{index.spec.js => index.legacy.js}              | 0
 src/pull-refresh/test/{demo.spec.js => demo.legacy.js}            | 0
 src/pull-refresh/test/{index.spec.js => index.legacy.js}          | 0
 src/radio/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/radio/test/{index.spec.js => index.legacy.js}                 | 0
 src/rate/test/{demo.spec.js => demo.legacy.js}                    | 0
 src/rate/test/{index.spec.js => index.legacy.js}                  | 0
 src/search/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/search/test/{index.spec.js => index.legacy.js}                | 0
 src/share-sheet/test/{demo.spec.js => demo.legacy.js}             | 0
 src/share-sheet/test/{index.spec.js => index.legacy.js}           | 0
 src/sidebar/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/sidebar/test/{index.spec.js => index.legacy.js}               | 0
 src/skeleton/test/{demo.spec.js => demo.legacy.js}                | 0
 src/skeleton/test/{index.spec.js => index.legacy.js}              | 0
 src/slider/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/slider/test/{index.spec.js => index.legacy.js}                | 0
 src/stepper/test/{demo.spec.js => demo.legacy.js}                 | 0
 src/stepper/test/{index.spec.js => index.legacy.js}               | 0
 src/steps/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/steps/test/{index.spec.js => index.legacy.js}                 | 0
 src/sticky/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/sticky/test/{index.spec.js => index.legacy.js}                | 0
 src/submit-bar/test/{demo.spec.js => demo.legacy.js}              | 0
 src/submit-bar/test/{index.spec.js => index.legacy.js}            | 0
 src/swipe-cell/test/{demo.spec.js => demo.legacy.js}              | 0
 src/swipe-cell/test/{index.spec.js => index.legacy.js}            | 0
 src/swipe/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/swipe/test/{index.spec.js => index.legacy.js}                 | 0
 src/switch/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/switch/test/{index.spec.js => index.legacy.js}                | 0
 src/tab/test/{demo.spec.js => demo.legacy.js}                     | 0
 src/tab/test/{index.spec.js => index.legacy.js}                   | 0
 src/tab/test/{insert.spec.js => insert.legacy.js}                 | 0
 src/tabbar/test/{demo.spec.js => demo.legacy.js}                  | 0
 src/tabbar/test/{index.spec.js => index.legacy.js}                | 0
 src/tag/test/{demo.spec.js => demo.legacy.js}                     | 0
 src/tag/test/{index.spec.js => index.legacy.js}                   | 0
 src/toast/test/{demo.spec.js => demo.legacy.js}                   | 0
 src/toast/test/{index.spec.js => index.legacy.js}                 | 0
 src/tree-select/test/{demo.spec.js => demo.legacy.js}             | 0
 src/tree-select/test/{index.spec.js => index.legacy.js}           | 0
 src/uploader/test/{demo.spec.js => demo.legacy.js}                | 0
 src/uploader/test/{index.spec.js => index.legacy.js}              | 0
 src/uploader/test/{utils.spec.js => utils.legacy.js}              | 0
 src/utils/test/{bem.spec.js => bem.legacy.js}                     | 0
 src/utils/test/{index.spec.js => index.legacy.js}                 | 0
 src/utils/test/{interceptor.spec.js => interceptor.legacy.js}     | 0
 133 files changed, 0 insertions(+), 0 deletions(-)
 rename src/action-bar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/action-bar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/action-sheet/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/action-sheet/test/{index.spec.js => index.legacy.js} (100%)
 rename src/address-edit/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/address-edit/test/{index.spec.js => index.legacy.js} (100%)
 rename src/address-list/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/address-list/test/{index.spec.js => index.legacy.js} (100%)
 rename src/area/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/area/test/{index.spec.js => index.legacy.js} (100%)
 rename src/badge/test/{index.spec.js => index.legacy.js} (100%)
 rename src/button/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/button/test/{index.spec.js => index.legacy.js} (100%)
 rename src/calendar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/calendar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/calendar/test/{prop.spec.js => prop.legacy.js} (100%)
 rename src/calendar/test/{utils.spec.js => utils.legacy.js} (100%)
 rename src/card/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/card/test/{index.spec.js => index.legacy.js} (100%)
 rename src/cell/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/cell/test/{index.spec.js => index.legacy.js} (100%)
 rename src/checkbox/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/checkbox/test/{index.spec.js => index.legacy.js} (100%)
 rename src/circle/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/circle/test/{index.spec.js => index.legacy.js} (100%)
 rename src/col/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/col/test/{index.spec.js => index.legacy.js} (100%)
 rename src/collapse/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/collapse/test/{index.spec.js => index.legacy.js} (100%)
 rename src/contact-card/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/contact-card/test/{index.spec.js => index.legacy.js} (100%)
 rename src/count-down/test/{index.spec.js => index.legacy.js} (100%)
 rename src/coupon-list/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/coupon-list/test/{index.spec.js => index.legacy.js} (100%)
 rename src/datetime-picker/test/{date-picker.spec.js => date-picker.legacy.js} (100%)
 rename src/datetime-picker/test/{datetime-picker.spec.js => datetime-picker.legacy.js} (100%)
 rename src/datetime-picker/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/datetime-picker/test/{time-picker.spec.js => time-picker.legacy.js} (100%)
 rename src/dialog/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/dialog/test/{index.spec.js => index.legacy.js} (100%)
 rename src/divider/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/dropdown-menu/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/dropdown-menu/test/{index.spec.js => index.legacy.js} (100%)
 rename src/empty/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/empty/test/{index.spec.js => index.legacy.js} (100%)
 rename src/field/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/field/test/{index.spec.js => index.legacy.js} (100%)
 rename src/form/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/form/test/{events.spec.js => events.legacy.js} (100%)
 rename src/form/test/{field-type.spec.js => field-type.legacy.js} (100%)
 rename src/form/test/{index.spec.js => index.legacy.js} (100%)
 rename src/form/test/{methods.spec.js => methods.legacy.js} (100%)
 rename src/form/test/{props.spec.js => props.legacy.js} (100%)
 rename src/grid/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/grid/test/{index.spec.js => index.legacy.js} (100%)
 rename src/icon/test/{index.spec.js => index.legacy.js} (100%)
 rename src/image-preview/test/{index.spec.js => index.legacy.js} (100%)
 rename src/image/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/image/test/{index.spec.js => index.legacy.js} (100%)
 rename src/index-bar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/index-bar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/list/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/list/test/{index.spec.js => index.legacy.js} (100%)
 rename src/loading/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/loading/test/{index.spec.js => index.legacy.js} (100%)
 rename src/nav-bar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/nav-bar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/notice-bar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/notice-bar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/notify/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/notify/test/{index.spec.js => index.legacy.js} (100%)
 rename src/number-keyboard/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/number-keyboard/test/{index.spec.js => index.legacy.js} (100%)
 rename src/overlay/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/overlay/test/{index.spec.js => index.legacy.js} (100%)
 rename src/pagination/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/pagination/test/{index.spec.js => index.legacy.js} (100%)
 rename src/password-input/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/password-input/test/{index.spec.js => index.legacy.js} (100%)
 rename src/picker/test/{cascade.spec.js => cascade.legacy.js} (100%)
 rename src/picker/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/picker/test/{index.spec.js => index.legacy.js} (100%)
 rename src/popup/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/popup/test/{index.spec.js => index.legacy.js} (100%)
 rename src/progress/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/progress/test/{index.spec.js => index.legacy.js} (100%)
 rename src/pull-refresh/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/pull-refresh/test/{index.spec.js => index.legacy.js} (100%)
 rename src/radio/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/radio/test/{index.spec.js => index.legacy.js} (100%)
 rename src/rate/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/rate/test/{index.spec.js => index.legacy.js} (100%)
 rename src/search/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/search/test/{index.spec.js => index.legacy.js} (100%)
 rename src/share-sheet/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/share-sheet/test/{index.spec.js => index.legacy.js} (100%)
 rename src/sidebar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/sidebar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/skeleton/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/skeleton/test/{index.spec.js => index.legacy.js} (100%)
 rename src/slider/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/slider/test/{index.spec.js => index.legacy.js} (100%)
 rename src/stepper/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/stepper/test/{index.spec.js => index.legacy.js} (100%)
 rename src/steps/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/steps/test/{index.spec.js => index.legacy.js} (100%)
 rename src/sticky/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/sticky/test/{index.spec.js => index.legacy.js} (100%)
 rename src/submit-bar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/submit-bar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/swipe-cell/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/swipe-cell/test/{index.spec.js => index.legacy.js} (100%)
 rename src/swipe/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/swipe/test/{index.spec.js => index.legacy.js} (100%)
 rename src/switch/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/switch/test/{index.spec.js => index.legacy.js} (100%)
 rename src/tab/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/tab/test/{index.spec.js => index.legacy.js} (100%)
 rename src/tab/test/{insert.spec.js => insert.legacy.js} (100%)
 rename src/tabbar/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/tabbar/test/{index.spec.js => index.legacy.js} (100%)
 rename src/tag/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/tag/test/{index.spec.js => index.legacy.js} (100%)
 rename src/toast/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/toast/test/{index.spec.js => index.legacy.js} (100%)
 rename src/tree-select/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/tree-select/test/{index.spec.js => index.legacy.js} (100%)
 rename src/uploader/test/{demo.spec.js => demo.legacy.js} (100%)
 rename src/uploader/test/{index.spec.js => index.legacy.js} (100%)
 rename src/uploader/test/{utils.spec.js => utils.legacy.js} (100%)
 rename src/utils/test/{bem.spec.js => bem.legacy.js} (100%)
 rename src/utils/test/{index.spec.js => index.legacy.js} (100%)
 rename src/utils/test/{interceptor.spec.js => interceptor.legacy.js} (100%)

diff --git a/src/action-bar/test/demo.spec.js b/src/action-bar/test/demo.legacy.js
similarity index 100%
rename from src/action-bar/test/demo.spec.js
rename to src/action-bar/test/demo.legacy.js
diff --git a/src/action-bar/test/index.spec.js b/src/action-bar/test/index.legacy.js
similarity index 100%
rename from src/action-bar/test/index.spec.js
rename to src/action-bar/test/index.legacy.js
diff --git a/src/action-sheet/test/demo.spec.js b/src/action-sheet/test/demo.legacy.js
similarity index 100%
rename from src/action-sheet/test/demo.spec.js
rename to src/action-sheet/test/demo.legacy.js
diff --git a/src/action-sheet/test/index.spec.js b/src/action-sheet/test/index.legacy.js
similarity index 100%
rename from src/action-sheet/test/index.spec.js
rename to src/action-sheet/test/index.legacy.js
diff --git a/src/address-edit/test/demo.spec.js b/src/address-edit/test/demo.legacy.js
similarity index 100%
rename from src/address-edit/test/demo.spec.js
rename to src/address-edit/test/demo.legacy.js
diff --git a/src/address-edit/test/index.spec.js b/src/address-edit/test/index.legacy.js
similarity index 100%
rename from src/address-edit/test/index.spec.js
rename to src/address-edit/test/index.legacy.js
diff --git a/src/address-list/test/demo.spec.js b/src/address-list/test/demo.legacy.js
similarity index 100%
rename from src/address-list/test/demo.spec.js
rename to src/address-list/test/demo.legacy.js
diff --git a/src/address-list/test/index.spec.js b/src/address-list/test/index.legacy.js
similarity index 100%
rename from src/address-list/test/index.spec.js
rename to src/address-list/test/index.legacy.js
diff --git a/src/area/test/demo.spec.js b/src/area/test/demo.legacy.js
similarity index 100%
rename from src/area/test/demo.spec.js
rename to src/area/test/demo.legacy.js
diff --git a/src/area/test/index.spec.js b/src/area/test/index.legacy.js
similarity index 100%
rename from src/area/test/index.spec.js
rename to src/area/test/index.legacy.js
diff --git a/src/badge/test/index.spec.js b/src/badge/test/index.legacy.js
similarity index 100%
rename from src/badge/test/index.spec.js
rename to src/badge/test/index.legacy.js
diff --git a/src/button/test/demo.spec.js b/src/button/test/demo.legacy.js
similarity index 100%
rename from src/button/test/demo.spec.js
rename to src/button/test/demo.legacy.js
diff --git a/src/button/test/index.spec.js b/src/button/test/index.legacy.js
similarity index 100%
rename from src/button/test/index.spec.js
rename to src/button/test/index.legacy.js
diff --git a/src/calendar/test/demo.spec.js b/src/calendar/test/demo.legacy.js
similarity index 100%
rename from src/calendar/test/demo.spec.js
rename to src/calendar/test/demo.legacy.js
diff --git a/src/calendar/test/index.spec.js b/src/calendar/test/index.legacy.js
similarity index 100%
rename from src/calendar/test/index.spec.js
rename to src/calendar/test/index.legacy.js
diff --git a/src/calendar/test/prop.spec.js b/src/calendar/test/prop.legacy.js
similarity index 100%
rename from src/calendar/test/prop.spec.js
rename to src/calendar/test/prop.legacy.js
diff --git a/src/calendar/test/utils.spec.js b/src/calendar/test/utils.legacy.js
similarity index 100%
rename from src/calendar/test/utils.spec.js
rename to src/calendar/test/utils.legacy.js
diff --git a/src/card/test/demo.spec.js b/src/card/test/demo.legacy.js
similarity index 100%
rename from src/card/test/demo.spec.js
rename to src/card/test/demo.legacy.js
diff --git a/src/card/test/index.spec.js b/src/card/test/index.legacy.js
similarity index 100%
rename from src/card/test/index.spec.js
rename to src/card/test/index.legacy.js
diff --git a/src/cell/test/demo.spec.js b/src/cell/test/demo.legacy.js
similarity index 100%
rename from src/cell/test/demo.spec.js
rename to src/cell/test/demo.legacy.js
diff --git a/src/cell/test/index.spec.js b/src/cell/test/index.legacy.js
similarity index 100%
rename from src/cell/test/index.spec.js
rename to src/cell/test/index.legacy.js
diff --git a/src/checkbox/test/demo.spec.js b/src/checkbox/test/demo.legacy.js
similarity index 100%
rename from src/checkbox/test/demo.spec.js
rename to src/checkbox/test/demo.legacy.js
diff --git a/src/checkbox/test/index.spec.js b/src/checkbox/test/index.legacy.js
similarity index 100%
rename from src/checkbox/test/index.spec.js
rename to src/checkbox/test/index.legacy.js
diff --git a/src/circle/test/demo.spec.js b/src/circle/test/demo.legacy.js
similarity index 100%
rename from src/circle/test/demo.spec.js
rename to src/circle/test/demo.legacy.js
diff --git a/src/circle/test/index.spec.js b/src/circle/test/index.legacy.js
similarity index 100%
rename from src/circle/test/index.spec.js
rename to src/circle/test/index.legacy.js
diff --git a/src/col/test/demo.spec.js b/src/col/test/demo.legacy.js
similarity index 100%
rename from src/col/test/demo.spec.js
rename to src/col/test/demo.legacy.js
diff --git a/src/col/test/index.spec.js b/src/col/test/index.legacy.js
similarity index 100%
rename from src/col/test/index.spec.js
rename to src/col/test/index.legacy.js
diff --git a/src/collapse/test/demo.spec.js b/src/collapse/test/demo.legacy.js
similarity index 100%
rename from src/collapse/test/demo.spec.js
rename to src/collapse/test/demo.legacy.js
diff --git a/src/collapse/test/index.spec.js b/src/collapse/test/index.legacy.js
similarity index 100%
rename from src/collapse/test/index.spec.js
rename to src/collapse/test/index.legacy.js
diff --git a/src/contact-card/test/demo.spec.js b/src/contact-card/test/demo.legacy.js
similarity index 100%
rename from src/contact-card/test/demo.spec.js
rename to src/contact-card/test/demo.legacy.js
diff --git a/src/contact-card/test/index.spec.js b/src/contact-card/test/index.legacy.js
similarity index 100%
rename from src/contact-card/test/index.spec.js
rename to src/contact-card/test/index.legacy.js
diff --git a/src/count-down/test/index.spec.js b/src/count-down/test/index.legacy.js
similarity index 100%
rename from src/count-down/test/index.spec.js
rename to src/count-down/test/index.legacy.js
diff --git a/src/coupon-list/test/demo.spec.js b/src/coupon-list/test/demo.legacy.js
similarity index 100%
rename from src/coupon-list/test/demo.spec.js
rename to src/coupon-list/test/demo.legacy.js
diff --git a/src/coupon-list/test/index.spec.js b/src/coupon-list/test/index.legacy.js
similarity index 100%
rename from src/coupon-list/test/index.spec.js
rename to src/coupon-list/test/index.legacy.js
diff --git a/src/datetime-picker/test/date-picker.spec.js b/src/datetime-picker/test/date-picker.legacy.js
similarity index 100%
rename from src/datetime-picker/test/date-picker.spec.js
rename to src/datetime-picker/test/date-picker.legacy.js
diff --git a/src/datetime-picker/test/datetime-picker.spec.js b/src/datetime-picker/test/datetime-picker.legacy.js
similarity index 100%
rename from src/datetime-picker/test/datetime-picker.spec.js
rename to src/datetime-picker/test/datetime-picker.legacy.js
diff --git a/src/datetime-picker/test/demo.spec.js b/src/datetime-picker/test/demo.legacy.js
similarity index 100%
rename from src/datetime-picker/test/demo.spec.js
rename to src/datetime-picker/test/demo.legacy.js
diff --git a/src/datetime-picker/test/time-picker.spec.js b/src/datetime-picker/test/time-picker.legacy.js
similarity index 100%
rename from src/datetime-picker/test/time-picker.spec.js
rename to src/datetime-picker/test/time-picker.legacy.js
diff --git a/src/dialog/test/demo.spec.js b/src/dialog/test/demo.legacy.js
similarity index 100%
rename from src/dialog/test/demo.spec.js
rename to src/dialog/test/demo.legacy.js
diff --git a/src/dialog/test/index.spec.js b/src/dialog/test/index.legacy.js
similarity index 100%
rename from src/dialog/test/index.spec.js
rename to src/dialog/test/index.legacy.js
diff --git a/src/divider/test/demo.spec.js b/src/divider/test/demo.legacy.js
similarity index 100%
rename from src/divider/test/demo.spec.js
rename to src/divider/test/demo.legacy.js
diff --git a/src/dropdown-menu/test/demo.spec.js b/src/dropdown-menu/test/demo.legacy.js
similarity index 100%
rename from src/dropdown-menu/test/demo.spec.js
rename to src/dropdown-menu/test/demo.legacy.js
diff --git a/src/dropdown-menu/test/index.spec.js b/src/dropdown-menu/test/index.legacy.js
similarity index 100%
rename from src/dropdown-menu/test/index.spec.js
rename to src/dropdown-menu/test/index.legacy.js
diff --git a/src/empty/test/demo.spec.js b/src/empty/test/demo.legacy.js
similarity index 100%
rename from src/empty/test/demo.spec.js
rename to src/empty/test/demo.legacy.js
diff --git a/src/empty/test/index.spec.js b/src/empty/test/index.legacy.js
similarity index 100%
rename from src/empty/test/index.spec.js
rename to src/empty/test/index.legacy.js
diff --git a/src/field/test/demo.spec.js b/src/field/test/demo.legacy.js
similarity index 100%
rename from src/field/test/demo.spec.js
rename to src/field/test/demo.legacy.js
diff --git a/src/field/test/index.spec.js b/src/field/test/index.legacy.js
similarity index 100%
rename from src/field/test/index.spec.js
rename to src/field/test/index.legacy.js
diff --git a/src/form/test/demo.spec.js b/src/form/test/demo.legacy.js
similarity index 100%
rename from src/form/test/demo.spec.js
rename to src/form/test/demo.legacy.js
diff --git a/src/form/test/events.spec.js b/src/form/test/events.legacy.js
similarity index 100%
rename from src/form/test/events.spec.js
rename to src/form/test/events.legacy.js
diff --git a/src/form/test/field-type.spec.js b/src/form/test/field-type.legacy.js
similarity index 100%
rename from src/form/test/field-type.spec.js
rename to src/form/test/field-type.legacy.js
diff --git a/src/form/test/index.spec.js b/src/form/test/index.legacy.js
similarity index 100%
rename from src/form/test/index.spec.js
rename to src/form/test/index.legacy.js
diff --git a/src/form/test/methods.spec.js b/src/form/test/methods.legacy.js
similarity index 100%
rename from src/form/test/methods.spec.js
rename to src/form/test/methods.legacy.js
diff --git a/src/form/test/props.spec.js b/src/form/test/props.legacy.js
similarity index 100%
rename from src/form/test/props.spec.js
rename to src/form/test/props.legacy.js
diff --git a/src/grid/test/demo.spec.js b/src/grid/test/demo.legacy.js
similarity index 100%
rename from src/grid/test/demo.spec.js
rename to src/grid/test/demo.legacy.js
diff --git a/src/grid/test/index.spec.js b/src/grid/test/index.legacy.js
similarity index 100%
rename from src/grid/test/index.spec.js
rename to src/grid/test/index.legacy.js
diff --git a/src/icon/test/index.spec.js b/src/icon/test/index.legacy.js
similarity index 100%
rename from src/icon/test/index.spec.js
rename to src/icon/test/index.legacy.js
diff --git a/src/image-preview/test/index.spec.js b/src/image-preview/test/index.legacy.js
similarity index 100%
rename from src/image-preview/test/index.spec.js
rename to src/image-preview/test/index.legacy.js
diff --git a/src/image/test/demo.spec.js b/src/image/test/demo.legacy.js
similarity index 100%
rename from src/image/test/demo.spec.js
rename to src/image/test/demo.legacy.js
diff --git a/src/image/test/index.spec.js b/src/image/test/index.legacy.js
similarity index 100%
rename from src/image/test/index.spec.js
rename to src/image/test/index.legacy.js
diff --git a/src/index-bar/test/demo.spec.js b/src/index-bar/test/demo.legacy.js
similarity index 100%
rename from src/index-bar/test/demo.spec.js
rename to src/index-bar/test/demo.legacy.js
diff --git a/src/index-bar/test/index.spec.js b/src/index-bar/test/index.legacy.js
similarity index 100%
rename from src/index-bar/test/index.spec.js
rename to src/index-bar/test/index.legacy.js
diff --git a/src/list/test/demo.spec.js b/src/list/test/demo.legacy.js
similarity index 100%
rename from src/list/test/demo.spec.js
rename to src/list/test/demo.legacy.js
diff --git a/src/list/test/index.spec.js b/src/list/test/index.legacy.js
similarity index 100%
rename from src/list/test/index.spec.js
rename to src/list/test/index.legacy.js
diff --git a/src/loading/test/demo.spec.js b/src/loading/test/demo.legacy.js
similarity index 100%
rename from src/loading/test/demo.spec.js
rename to src/loading/test/demo.legacy.js
diff --git a/src/loading/test/index.spec.js b/src/loading/test/index.legacy.js
similarity index 100%
rename from src/loading/test/index.spec.js
rename to src/loading/test/index.legacy.js
diff --git a/src/nav-bar/test/demo.spec.js b/src/nav-bar/test/demo.legacy.js
similarity index 100%
rename from src/nav-bar/test/demo.spec.js
rename to src/nav-bar/test/demo.legacy.js
diff --git a/src/nav-bar/test/index.spec.js b/src/nav-bar/test/index.legacy.js
similarity index 100%
rename from src/nav-bar/test/index.spec.js
rename to src/nav-bar/test/index.legacy.js
diff --git a/src/notice-bar/test/demo.spec.js b/src/notice-bar/test/demo.legacy.js
similarity index 100%
rename from src/notice-bar/test/demo.spec.js
rename to src/notice-bar/test/demo.legacy.js
diff --git a/src/notice-bar/test/index.spec.js b/src/notice-bar/test/index.legacy.js
similarity index 100%
rename from src/notice-bar/test/index.spec.js
rename to src/notice-bar/test/index.legacy.js
diff --git a/src/notify/test/demo.spec.js b/src/notify/test/demo.legacy.js
similarity index 100%
rename from src/notify/test/demo.spec.js
rename to src/notify/test/demo.legacy.js
diff --git a/src/notify/test/index.spec.js b/src/notify/test/index.legacy.js
similarity index 100%
rename from src/notify/test/index.spec.js
rename to src/notify/test/index.legacy.js
diff --git a/src/number-keyboard/test/demo.spec.js b/src/number-keyboard/test/demo.legacy.js
similarity index 100%
rename from src/number-keyboard/test/demo.spec.js
rename to src/number-keyboard/test/demo.legacy.js
diff --git a/src/number-keyboard/test/index.spec.js b/src/number-keyboard/test/index.legacy.js
similarity index 100%
rename from src/number-keyboard/test/index.spec.js
rename to src/number-keyboard/test/index.legacy.js
diff --git a/src/overlay/test/demo.spec.js b/src/overlay/test/demo.legacy.js
similarity index 100%
rename from src/overlay/test/demo.spec.js
rename to src/overlay/test/demo.legacy.js
diff --git a/src/overlay/test/index.spec.js b/src/overlay/test/index.legacy.js
similarity index 100%
rename from src/overlay/test/index.spec.js
rename to src/overlay/test/index.legacy.js
diff --git a/src/pagination/test/demo.spec.js b/src/pagination/test/demo.legacy.js
similarity index 100%
rename from src/pagination/test/demo.spec.js
rename to src/pagination/test/demo.legacy.js
diff --git a/src/pagination/test/index.spec.js b/src/pagination/test/index.legacy.js
similarity index 100%
rename from src/pagination/test/index.spec.js
rename to src/pagination/test/index.legacy.js
diff --git a/src/password-input/test/demo.spec.js b/src/password-input/test/demo.legacy.js
similarity index 100%
rename from src/password-input/test/demo.spec.js
rename to src/password-input/test/demo.legacy.js
diff --git a/src/password-input/test/index.spec.js b/src/password-input/test/index.legacy.js
similarity index 100%
rename from src/password-input/test/index.spec.js
rename to src/password-input/test/index.legacy.js
diff --git a/src/picker/test/cascade.spec.js b/src/picker/test/cascade.legacy.js
similarity index 100%
rename from src/picker/test/cascade.spec.js
rename to src/picker/test/cascade.legacy.js
diff --git a/src/picker/test/demo.spec.js b/src/picker/test/demo.legacy.js
similarity index 100%
rename from src/picker/test/demo.spec.js
rename to src/picker/test/demo.legacy.js
diff --git a/src/picker/test/index.spec.js b/src/picker/test/index.legacy.js
similarity index 100%
rename from src/picker/test/index.spec.js
rename to src/picker/test/index.legacy.js
diff --git a/src/popup/test/demo.spec.js b/src/popup/test/demo.legacy.js
similarity index 100%
rename from src/popup/test/demo.spec.js
rename to src/popup/test/demo.legacy.js
diff --git a/src/popup/test/index.spec.js b/src/popup/test/index.legacy.js
similarity index 100%
rename from src/popup/test/index.spec.js
rename to src/popup/test/index.legacy.js
diff --git a/src/progress/test/demo.spec.js b/src/progress/test/demo.legacy.js
similarity index 100%
rename from src/progress/test/demo.spec.js
rename to src/progress/test/demo.legacy.js
diff --git a/src/progress/test/index.spec.js b/src/progress/test/index.legacy.js
similarity index 100%
rename from src/progress/test/index.spec.js
rename to src/progress/test/index.legacy.js
diff --git a/src/pull-refresh/test/demo.spec.js b/src/pull-refresh/test/demo.legacy.js
similarity index 100%
rename from src/pull-refresh/test/demo.spec.js
rename to src/pull-refresh/test/demo.legacy.js
diff --git a/src/pull-refresh/test/index.spec.js b/src/pull-refresh/test/index.legacy.js
similarity index 100%
rename from src/pull-refresh/test/index.spec.js
rename to src/pull-refresh/test/index.legacy.js
diff --git a/src/radio/test/demo.spec.js b/src/radio/test/demo.legacy.js
similarity index 100%
rename from src/radio/test/demo.spec.js
rename to src/radio/test/demo.legacy.js
diff --git a/src/radio/test/index.spec.js b/src/radio/test/index.legacy.js
similarity index 100%
rename from src/radio/test/index.spec.js
rename to src/radio/test/index.legacy.js
diff --git a/src/rate/test/demo.spec.js b/src/rate/test/demo.legacy.js
similarity index 100%
rename from src/rate/test/demo.spec.js
rename to src/rate/test/demo.legacy.js
diff --git a/src/rate/test/index.spec.js b/src/rate/test/index.legacy.js
similarity index 100%
rename from src/rate/test/index.spec.js
rename to src/rate/test/index.legacy.js
diff --git a/src/search/test/demo.spec.js b/src/search/test/demo.legacy.js
similarity index 100%
rename from src/search/test/demo.spec.js
rename to src/search/test/demo.legacy.js
diff --git a/src/search/test/index.spec.js b/src/search/test/index.legacy.js
similarity index 100%
rename from src/search/test/index.spec.js
rename to src/search/test/index.legacy.js
diff --git a/src/share-sheet/test/demo.spec.js b/src/share-sheet/test/demo.legacy.js
similarity index 100%
rename from src/share-sheet/test/demo.spec.js
rename to src/share-sheet/test/demo.legacy.js
diff --git a/src/share-sheet/test/index.spec.js b/src/share-sheet/test/index.legacy.js
similarity index 100%
rename from src/share-sheet/test/index.spec.js
rename to src/share-sheet/test/index.legacy.js
diff --git a/src/sidebar/test/demo.spec.js b/src/sidebar/test/demo.legacy.js
similarity index 100%
rename from src/sidebar/test/demo.spec.js
rename to src/sidebar/test/demo.legacy.js
diff --git a/src/sidebar/test/index.spec.js b/src/sidebar/test/index.legacy.js
similarity index 100%
rename from src/sidebar/test/index.spec.js
rename to src/sidebar/test/index.legacy.js
diff --git a/src/skeleton/test/demo.spec.js b/src/skeleton/test/demo.legacy.js
similarity index 100%
rename from src/skeleton/test/demo.spec.js
rename to src/skeleton/test/demo.legacy.js
diff --git a/src/skeleton/test/index.spec.js b/src/skeleton/test/index.legacy.js
similarity index 100%
rename from src/skeleton/test/index.spec.js
rename to src/skeleton/test/index.legacy.js
diff --git a/src/slider/test/demo.spec.js b/src/slider/test/demo.legacy.js
similarity index 100%
rename from src/slider/test/demo.spec.js
rename to src/slider/test/demo.legacy.js
diff --git a/src/slider/test/index.spec.js b/src/slider/test/index.legacy.js
similarity index 100%
rename from src/slider/test/index.spec.js
rename to src/slider/test/index.legacy.js
diff --git a/src/stepper/test/demo.spec.js b/src/stepper/test/demo.legacy.js
similarity index 100%
rename from src/stepper/test/demo.spec.js
rename to src/stepper/test/demo.legacy.js
diff --git a/src/stepper/test/index.spec.js b/src/stepper/test/index.legacy.js
similarity index 100%
rename from src/stepper/test/index.spec.js
rename to src/stepper/test/index.legacy.js
diff --git a/src/steps/test/demo.spec.js b/src/steps/test/demo.legacy.js
similarity index 100%
rename from src/steps/test/demo.spec.js
rename to src/steps/test/demo.legacy.js
diff --git a/src/steps/test/index.spec.js b/src/steps/test/index.legacy.js
similarity index 100%
rename from src/steps/test/index.spec.js
rename to src/steps/test/index.legacy.js
diff --git a/src/sticky/test/demo.spec.js b/src/sticky/test/demo.legacy.js
similarity index 100%
rename from src/sticky/test/demo.spec.js
rename to src/sticky/test/demo.legacy.js
diff --git a/src/sticky/test/index.spec.js b/src/sticky/test/index.legacy.js
similarity index 100%
rename from src/sticky/test/index.spec.js
rename to src/sticky/test/index.legacy.js
diff --git a/src/submit-bar/test/demo.spec.js b/src/submit-bar/test/demo.legacy.js
similarity index 100%
rename from src/submit-bar/test/demo.spec.js
rename to src/submit-bar/test/demo.legacy.js
diff --git a/src/submit-bar/test/index.spec.js b/src/submit-bar/test/index.legacy.js
similarity index 100%
rename from src/submit-bar/test/index.spec.js
rename to src/submit-bar/test/index.legacy.js
diff --git a/src/swipe-cell/test/demo.spec.js b/src/swipe-cell/test/demo.legacy.js
similarity index 100%
rename from src/swipe-cell/test/demo.spec.js
rename to src/swipe-cell/test/demo.legacy.js
diff --git a/src/swipe-cell/test/index.spec.js b/src/swipe-cell/test/index.legacy.js
similarity index 100%
rename from src/swipe-cell/test/index.spec.js
rename to src/swipe-cell/test/index.legacy.js
diff --git a/src/swipe/test/demo.spec.js b/src/swipe/test/demo.legacy.js
similarity index 100%
rename from src/swipe/test/demo.spec.js
rename to src/swipe/test/demo.legacy.js
diff --git a/src/swipe/test/index.spec.js b/src/swipe/test/index.legacy.js
similarity index 100%
rename from src/swipe/test/index.spec.js
rename to src/swipe/test/index.legacy.js
diff --git a/src/switch/test/demo.spec.js b/src/switch/test/demo.legacy.js
similarity index 100%
rename from src/switch/test/demo.spec.js
rename to src/switch/test/demo.legacy.js
diff --git a/src/switch/test/index.spec.js b/src/switch/test/index.legacy.js
similarity index 100%
rename from src/switch/test/index.spec.js
rename to src/switch/test/index.legacy.js
diff --git a/src/tab/test/demo.spec.js b/src/tab/test/demo.legacy.js
similarity index 100%
rename from src/tab/test/demo.spec.js
rename to src/tab/test/demo.legacy.js
diff --git a/src/tab/test/index.spec.js b/src/tab/test/index.legacy.js
similarity index 100%
rename from src/tab/test/index.spec.js
rename to src/tab/test/index.legacy.js
diff --git a/src/tab/test/insert.spec.js b/src/tab/test/insert.legacy.js
similarity index 100%
rename from src/tab/test/insert.spec.js
rename to src/tab/test/insert.legacy.js
diff --git a/src/tabbar/test/demo.spec.js b/src/tabbar/test/demo.legacy.js
similarity index 100%
rename from src/tabbar/test/demo.spec.js
rename to src/tabbar/test/demo.legacy.js
diff --git a/src/tabbar/test/index.spec.js b/src/tabbar/test/index.legacy.js
similarity index 100%
rename from src/tabbar/test/index.spec.js
rename to src/tabbar/test/index.legacy.js
diff --git a/src/tag/test/demo.spec.js b/src/tag/test/demo.legacy.js
similarity index 100%
rename from src/tag/test/demo.spec.js
rename to src/tag/test/demo.legacy.js
diff --git a/src/tag/test/index.spec.js b/src/tag/test/index.legacy.js
similarity index 100%
rename from src/tag/test/index.spec.js
rename to src/tag/test/index.legacy.js
diff --git a/src/toast/test/demo.spec.js b/src/toast/test/demo.legacy.js
similarity index 100%
rename from src/toast/test/demo.spec.js
rename to src/toast/test/demo.legacy.js
diff --git a/src/toast/test/index.spec.js b/src/toast/test/index.legacy.js
similarity index 100%
rename from src/toast/test/index.spec.js
rename to src/toast/test/index.legacy.js
diff --git a/src/tree-select/test/demo.spec.js b/src/tree-select/test/demo.legacy.js
similarity index 100%
rename from src/tree-select/test/demo.spec.js
rename to src/tree-select/test/demo.legacy.js
diff --git a/src/tree-select/test/index.spec.js b/src/tree-select/test/index.legacy.js
similarity index 100%
rename from src/tree-select/test/index.spec.js
rename to src/tree-select/test/index.legacy.js
diff --git a/src/uploader/test/demo.spec.js b/src/uploader/test/demo.legacy.js
similarity index 100%
rename from src/uploader/test/demo.spec.js
rename to src/uploader/test/demo.legacy.js
diff --git a/src/uploader/test/index.spec.js b/src/uploader/test/index.legacy.js
similarity index 100%
rename from src/uploader/test/index.spec.js
rename to src/uploader/test/index.legacy.js
diff --git a/src/uploader/test/utils.spec.js b/src/uploader/test/utils.legacy.js
similarity index 100%
rename from src/uploader/test/utils.spec.js
rename to src/uploader/test/utils.legacy.js
diff --git a/src/utils/test/bem.spec.js b/src/utils/test/bem.legacy.js
similarity index 100%
rename from src/utils/test/bem.spec.js
rename to src/utils/test/bem.legacy.js
diff --git a/src/utils/test/index.spec.js b/src/utils/test/index.legacy.js
similarity index 100%
rename from src/utils/test/index.spec.js
rename to src/utils/test/index.legacy.js
diff --git a/src/utils/test/interceptor.spec.js b/src/utils/test/interceptor.legacy.js
similarity index 100%
rename from src/utils/test/interceptor.spec.js
rename to src/utils/test/interceptor.legacy.js

From a3707791029486f61438b2305f9322f2a9a1cd4a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 17:00:52 +0800
Subject: [PATCH 594/626] chore: rename all legacy snapshot

---
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{prop.spec.js.snap => prop.legacy.js.snap} | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../{date-picker.spec.js.snap => date-picker.legacy.js.snap}      | 0
 ...atetime-picker.spec.js.snap => datetime-picker.legacy.js.snap} | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../{time-picker.spec.js.snap => time-picker.legacy.js.snap}      | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{events.spec.js.snap => events.legacy.js.snap}  | 0
 .../__snapshots__/{props.spec.js.snap => props.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../{cascade.spec.js.snap => cascade.legacy.js.snap}              | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../__snapshots__/{insert.spec.js.snap => insert.legacy.js.snap}  | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 .../test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} | 0
 .../__snapshots__/{index.spec.js.snap => index.legacy.js.snap}    | 0
 122 files changed, 0 insertions(+), 0 deletions(-)
 rename src/action-bar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/action-bar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/action-sheet/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/action-sheet/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/address-edit/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/address-edit/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/address-list/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/address-list/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/area/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/area/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/badge/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/button/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/button/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/calendar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/calendar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/calendar/test/__snapshots__/{prop.spec.js.snap => prop.legacy.js.snap} (100%)
 rename src/card/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/card/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/cell/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/cell/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/checkbox/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/checkbox/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/circle/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/circle/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/col/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/col/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/collapse/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/collapse/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/contact-card/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/contact-card/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/count-down/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/coupon-list/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/coupon-list/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/datetime-picker/test/__snapshots__/{date-picker.spec.js.snap => date-picker.legacy.js.snap} (100%)
 rename src/datetime-picker/test/__snapshots__/{datetime-picker.spec.js.snap => datetime-picker.legacy.js.snap} (100%)
 rename src/datetime-picker/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/datetime-picker/test/__snapshots__/{time-picker.spec.js.snap => time-picker.legacy.js.snap} (100%)
 rename src/dialog/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/dialog/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/divider/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/dropdown-menu/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/dropdown-menu/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/empty/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/empty/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/field/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/field/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/form/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/form/test/__snapshots__/{events.spec.js.snap => events.legacy.js.snap} (100%)
 rename src/form/test/__snapshots__/{props.spec.js.snap => props.legacy.js.snap} (100%)
 rename src/grid/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/grid/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/icon/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/image-preview/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/image/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/image/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/index-bar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/index-bar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/list/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/list/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/loading/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/loading/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/nav-bar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/nav-bar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/notice-bar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/notice-bar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/notify/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/notify/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/number-keyboard/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/number-keyboard/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/overlay/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/overlay/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/pagination/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/pagination/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/password-input/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/picker/test/__snapshots__/{cascade.spec.js.snap => cascade.legacy.js.snap} (100%)
 rename src/picker/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/picker/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/popup/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/popup/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/progress/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/progress/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/pull-refresh/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/pull-refresh/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/radio/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/radio/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/rate/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/rate/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/search/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/search/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/share-sheet/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/share-sheet/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/sidebar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/sidebar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/skeleton/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/skeleton/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/slider/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/slider/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/stepper/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/stepper/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/steps/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/steps/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/sticky/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/sticky/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/submit-bar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/submit-bar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/swipe-cell/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/swipe-cell/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/swipe/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/switch/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/switch/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/tab/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/tab/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/tab/test/__snapshots__/{insert.spec.js.snap => insert.legacy.js.snap} (100%)
 rename src/tabbar/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/tabbar/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/tag/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/toast/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/toast/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/tree-select/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/tree-select/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)
 rename src/uploader/test/__snapshots__/{demo.spec.js.snap => demo.legacy.js.snap} (100%)
 rename src/uploader/test/__snapshots__/{index.spec.js.snap => index.legacy.js.snap} (100%)

diff --git a/src/action-bar/test/__snapshots__/demo.spec.js.snap b/src/action-bar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/action-bar/test/__snapshots__/demo.spec.js.snap
rename to src/action-bar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/action-bar/test/__snapshots__/index.spec.js.snap b/src/action-bar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/action-bar/test/__snapshots__/index.spec.js.snap
rename to src/action-bar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/action-sheet/test/__snapshots__/demo.spec.js.snap b/src/action-sheet/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/action-sheet/test/__snapshots__/demo.spec.js.snap
rename to src/action-sheet/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/action-sheet/test/__snapshots__/index.spec.js.snap b/src/action-sheet/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/action-sheet/test/__snapshots__/index.spec.js.snap
rename to src/action-sheet/test/__snapshots__/index.legacy.js.snap
diff --git a/src/address-edit/test/__snapshots__/demo.spec.js.snap b/src/address-edit/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/address-edit/test/__snapshots__/demo.spec.js.snap
rename to src/address-edit/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/address-edit/test/__snapshots__/index.spec.js.snap b/src/address-edit/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/address-edit/test/__snapshots__/index.spec.js.snap
rename to src/address-edit/test/__snapshots__/index.legacy.js.snap
diff --git a/src/address-list/test/__snapshots__/demo.spec.js.snap b/src/address-list/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/address-list/test/__snapshots__/demo.spec.js.snap
rename to src/address-list/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/address-list/test/__snapshots__/index.spec.js.snap b/src/address-list/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/address-list/test/__snapshots__/index.spec.js.snap
rename to src/address-list/test/__snapshots__/index.legacy.js.snap
diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/area/test/__snapshots__/demo.spec.js.snap
rename to src/area/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/area/test/__snapshots__/index.spec.js.snap b/src/area/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/area/test/__snapshots__/index.spec.js.snap
rename to src/area/test/__snapshots__/index.legacy.js.snap
diff --git a/src/badge/test/__snapshots__/index.spec.js.snap b/src/badge/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/badge/test/__snapshots__/index.spec.js.snap
rename to src/badge/test/__snapshots__/index.legacy.js.snap
diff --git a/src/button/test/__snapshots__/demo.spec.js.snap b/src/button/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/button/test/__snapshots__/demo.spec.js.snap
rename to src/button/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/button/test/__snapshots__/index.spec.js.snap b/src/button/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/button/test/__snapshots__/index.spec.js.snap
rename to src/button/test/__snapshots__/index.legacy.js.snap
diff --git a/src/calendar/test/__snapshots__/demo.spec.js.snap b/src/calendar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/calendar/test/__snapshots__/demo.spec.js.snap
rename to src/calendar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/calendar/test/__snapshots__/index.spec.js.snap b/src/calendar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/calendar/test/__snapshots__/index.spec.js.snap
rename to src/calendar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/calendar/test/__snapshots__/prop.spec.js.snap b/src/calendar/test/__snapshots__/prop.legacy.js.snap
similarity index 100%
rename from src/calendar/test/__snapshots__/prop.spec.js.snap
rename to src/calendar/test/__snapshots__/prop.legacy.js.snap
diff --git a/src/card/test/__snapshots__/demo.spec.js.snap b/src/card/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/card/test/__snapshots__/demo.spec.js.snap
rename to src/card/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/card/test/__snapshots__/index.spec.js.snap b/src/card/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/card/test/__snapshots__/index.spec.js.snap
rename to src/card/test/__snapshots__/index.legacy.js.snap
diff --git a/src/cell/test/__snapshots__/demo.spec.js.snap b/src/cell/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/cell/test/__snapshots__/demo.spec.js.snap
rename to src/cell/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/cell/test/__snapshots__/index.spec.js.snap b/src/cell/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/cell/test/__snapshots__/index.spec.js.snap
rename to src/cell/test/__snapshots__/index.legacy.js.snap
diff --git a/src/checkbox/test/__snapshots__/demo.spec.js.snap b/src/checkbox/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/checkbox/test/__snapshots__/demo.spec.js.snap
rename to src/checkbox/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/checkbox/test/__snapshots__/index.spec.js.snap b/src/checkbox/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/checkbox/test/__snapshots__/index.spec.js.snap
rename to src/checkbox/test/__snapshots__/index.legacy.js.snap
diff --git a/src/circle/test/__snapshots__/demo.spec.js.snap b/src/circle/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/circle/test/__snapshots__/demo.spec.js.snap
rename to src/circle/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/circle/test/__snapshots__/index.spec.js.snap b/src/circle/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/circle/test/__snapshots__/index.spec.js.snap
rename to src/circle/test/__snapshots__/index.legacy.js.snap
diff --git a/src/col/test/__snapshots__/demo.spec.js.snap b/src/col/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/col/test/__snapshots__/demo.spec.js.snap
rename to src/col/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/col/test/__snapshots__/index.spec.js.snap b/src/col/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/col/test/__snapshots__/index.spec.js.snap
rename to src/col/test/__snapshots__/index.legacy.js.snap
diff --git a/src/collapse/test/__snapshots__/demo.spec.js.snap b/src/collapse/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/collapse/test/__snapshots__/demo.spec.js.snap
rename to src/collapse/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/collapse/test/__snapshots__/index.spec.js.snap b/src/collapse/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/collapse/test/__snapshots__/index.spec.js.snap
rename to src/collapse/test/__snapshots__/index.legacy.js.snap
diff --git a/src/contact-card/test/__snapshots__/demo.spec.js.snap b/src/contact-card/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/contact-card/test/__snapshots__/demo.spec.js.snap
rename to src/contact-card/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/contact-card/test/__snapshots__/index.spec.js.snap b/src/contact-card/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/contact-card/test/__snapshots__/index.spec.js.snap
rename to src/contact-card/test/__snapshots__/index.legacy.js.snap
diff --git a/src/count-down/test/__snapshots__/index.spec.js.snap b/src/count-down/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/count-down/test/__snapshots__/index.spec.js.snap
rename to src/count-down/test/__snapshots__/index.legacy.js.snap
diff --git a/src/coupon-list/test/__snapshots__/demo.spec.js.snap b/src/coupon-list/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/coupon-list/test/__snapshots__/demo.spec.js.snap
rename to src/coupon-list/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/coupon-list/test/__snapshots__/index.spec.js.snap b/src/coupon-list/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/coupon-list/test/__snapshots__/index.spec.js.snap
rename to src/coupon-list/test/__snapshots__/index.legacy.js.snap
diff --git a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/date-picker.legacy.js.snap
similarity index 100%
rename from src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
rename to src/datetime-picker/test/__snapshots__/date-picker.legacy.js.snap
diff --git a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/datetime-picker.legacy.js.snap
similarity index 100%
rename from src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
rename to src/datetime-picker/test/__snapshots__/datetime-picker.legacy.js.snap
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap b/src/datetime-picker/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/datetime-picker/test/__snapshots__/demo.spec.js.snap
rename to src/datetime-picker/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/time-picker.legacy.js.snap
similarity index 100%
rename from src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
rename to src/datetime-picker/test/__snapshots__/time-picker.legacy.js.snap
diff --git a/src/dialog/test/__snapshots__/demo.spec.js.snap b/src/dialog/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/dialog/test/__snapshots__/demo.spec.js.snap
rename to src/dialog/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/dialog/test/__snapshots__/index.spec.js.snap b/src/dialog/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/dialog/test/__snapshots__/index.spec.js.snap
rename to src/dialog/test/__snapshots__/index.legacy.js.snap
diff --git a/src/divider/test/__snapshots__/demo.spec.js.snap b/src/divider/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/divider/test/__snapshots__/demo.spec.js.snap
rename to src/divider/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/dropdown-menu/test/__snapshots__/demo.spec.js.snap b/src/dropdown-menu/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/dropdown-menu/test/__snapshots__/demo.spec.js.snap
rename to src/dropdown-menu/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/dropdown-menu/test/__snapshots__/index.spec.js.snap b/src/dropdown-menu/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/dropdown-menu/test/__snapshots__/index.spec.js.snap
rename to src/dropdown-menu/test/__snapshots__/index.legacy.js.snap
diff --git a/src/empty/test/__snapshots__/demo.spec.js.snap b/src/empty/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/empty/test/__snapshots__/demo.spec.js.snap
rename to src/empty/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/empty/test/__snapshots__/index.spec.js.snap b/src/empty/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/empty/test/__snapshots__/index.spec.js.snap
rename to src/empty/test/__snapshots__/index.legacy.js.snap
diff --git a/src/field/test/__snapshots__/demo.spec.js.snap b/src/field/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/field/test/__snapshots__/demo.spec.js.snap
rename to src/field/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/field/test/__snapshots__/index.spec.js.snap b/src/field/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/field/test/__snapshots__/index.spec.js.snap
rename to src/field/test/__snapshots__/index.legacy.js.snap
diff --git a/src/form/test/__snapshots__/demo.spec.js.snap b/src/form/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/form/test/__snapshots__/demo.spec.js.snap
rename to src/form/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/form/test/__snapshots__/events.spec.js.snap b/src/form/test/__snapshots__/events.legacy.js.snap
similarity index 100%
rename from src/form/test/__snapshots__/events.spec.js.snap
rename to src/form/test/__snapshots__/events.legacy.js.snap
diff --git a/src/form/test/__snapshots__/props.spec.js.snap b/src/form/test/__snapshots__/props.legacy.js.snap
similarity index 100%
rename from src/form/test/__snapshots__/props.spec.js.snap
rename to src/form/test/__snapshots__/props.legacy.js.snap
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/grid/test/__snapshots__/demo.spec.js.snap
rename to src/grid/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/grid/test/__snapshots__/index.spec.js.snap b/src/grid/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/grid/test/__snapshots__/index.spec.js.snap
rename to src/grid/test/__snapshots__/index.legacy.js.snap
diff --git a/src/icon/test/__snapshots__/index.spec.js.snap b/src/icon/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/icon/test/__snapshots__/index.spec.js.snap
rename to src/icon/test/__snapshots__/index.legacy.js.snap
diff --git a/src/image-preview/test/__snapshots__/index.spec.js.snap b/src/image-preview/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/image-preview/test/__snapshots__/index.spec.js.snap
rename to src/image-preview/test/__snapshots__/index.legacy.js.snap
diff --git a/src/image/test/__snapshots__/demo.spec.js.snap b/src/image/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/image/test/__snapshots__/demo.spec.js.snap
rename to src/image/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/image/test/__snapshots__/index.spec.js.snap b/src/image/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/image/test/__snapshots__/index.spec.js.snap
rename to src/image/test/__snapshots__/index.legacy.js.snap
diff --git a/src/index-bar/test/__snapshots__/demo.spec.js.snap b/src/index-bar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/index-bar/test/__snapshots__/demo.spec.js.snap
rename to src/index-bar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/index-bar/test/__snapshots__/index.spec.js.snap b/src/index-bar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/index-bar/test/__snapshots__/index.spec.js.snap
rename to src/index-bar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/list/test/__snapshots__/demo.spec.js.snap b/src/list/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/list/test/__snapshots__/demo.spec.js.snap
rename to src/list/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/list/test/__snapshots__/index.spec.js.snap b/src/list/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/list/test/__snapshots__/index.spec.js.snap
rename to src/list/test/__snapshots__/index.legacy.js.snap
diff --git a/src/loading/test/__snapshots__/demo.spec.js.snap b/src/loading/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/loading/test/__snapshots__/demo.spec.js.snap
rename to src/loading/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/loading/test/__snapshots__/index.spec.js.snap b/src/loading/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/loading/test/__snapshots__/index.spec.js.snap
rename to src/loading/test/__snapshots__/index.legacy.js.snap
diff --git a/src/nav-bar/test/__snapshots__/demo.spec.js.snap b/src/nav-bar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/nav-bar/test/__snapshots__/demo.spec.js.snap
rename to src/nav-bar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/nav-bar/test/__snapshots__/index.spec.js.snap b/src/nav-bar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/nav-bar/test/__snapshots__/index.spec.js.snap
rename to src/nav-bar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/notice-bar/test/__snapshots__/demo.spec.js.snap b/src/notice-bar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/notice-bar/test/__snapshots__/demo.spec.js.snap
rename to src/notice-bar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/notice-bar/test/__snapshots__/index.spec.js.snap b/src/notice-bar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/notice-bar/test/__snapshots__/index.spec.js.snap
rename to src/notice-bar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/notify/test/__snapshots__/demo.spec.js.snap b/src/notify/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/notify/test/__snapshots__/demo.spec.js.snap
rename to src/notify/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/notify/test/__snapshots__/index.spec.js.snap b/src/notify/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/notify/test/__snapshots__/index.spec.js.snap
rename to src/notify/test/__snapshots__/index.legacy.js.snap
diff --git a/src/number-keyboard/test/__snapshots__/demo.spec.js.snap b/src/number-keyboard/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/number-keyboard/test/__snapshots__/demo.spec.js.snap
rename to src/number-keyboard/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/number-keyboard/test/__snapshots__/index.spec.js.snap b/src/number-keyboard/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/number-keyboard/test/__snapshots__/index.spec.js.snap
rename to src/number-keyboard/test/__snapshots__/index.legacy.js.snap
diff --git a/src/overlay/test/__snapshots__/demo.spec.js.snap b/src/overlay/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/overlay/test/__snapshots__/demo.spec.js.snap
rename to src/overlay/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/overlay/test/__snapshots__/index.spec.js.snap b/src/overlay/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/overlay/test/__snapshots__/index.spec.js.snap
rename to src/overlay/test/__snapshots__/index.legacy.js.snap
diff --git a/src/pagination/test/__snapshots__/demo.spec.js.snap b/src/pagination/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/pagination/test/__snapshots__/demo.spec.js.snap
rename to src/pagination/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/pagination/test/__snapshots__/index.spec.js.snap b/src/pagination/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/pagination/test/__snapshots__/index.spec.js.snap
rename to src/pagination/test/__snapshots__/index.legacy.js.snap
diff --git a/src/password-input/test/__snapshots__/demo.spec.js.snap b/src/password-input/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/password-input/test/__snapshots__/demo.spec.js.snap
rename to src/password-input/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/picker/test/__snapshots__/cascade.spec.js.snap b/src/picker/test/__snapshots__/cascade.legacy.js.snap
similarity index 100%
rename from src/picker/test/__snapshots__/cascade.spec.js.snap
rename to src/picker/test/__snapshots__/cascade.legacy.js.snap
diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/picker/test/__snapshots__/demo.spec.js.snap
rename to src/picker/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/picker/test/__snapshots__/index.spec.js.snap b/src/picker/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/picker/test/__snapshots__/index.spec.js.snap
rename to src/picker/test/__snapshots__/index.legacy.js.snap
diff --git a/src/popup/test/__snapshots__/demo.spec.js.snap b/src/popup/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/popup/test/__snapshots__/demo.spec.js.snap
rename to src/popup/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/popup/test/__snapshots__/index.spec.js.snap b/src/popup/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/popup/test/__snapshots__/index.spec.js.snap
rename to src/popup/test/__snapshots__/index.legacy.js.snap
diff --git a/src/progress/test/__snapshots__/demo.spec.js.snap b/src/progress/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/progress/test/__snapshots__/demo.spec.js.snap
rename to src/progress/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/progress/test/__snapshots__/index.spec.js.snap b/src/progress/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/progress/test/__snapshots__/index.spec.js.snap
rename to src/progress/test/__snapshots__/index.legacy.js.snap
diff --git a/src/pull-refresh/test/__snapshots__/demo.spec.js.snap b/src/pull-refresh/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/pull-refresh/test/__snapshots__/demo.spec.js.snap
rename to src/pull-refresh/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/pull-refresh/test/__snapshots__/index.spec.js.snap b/src/pull-refresh/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/pull-refresh/test/__snapshots__/index.spec.js.snap
rename to src/pull-refresh/test/__snapshots__/index.legacy.js.snap
diff --git a/src/radio/test/__snapshots__/demo.spec.js.snap b/src/radio/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/radio/test/__snapshots__/demo.spec.js.snap
rename to src/radio/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/radio/test/__snapshots__/index.spec.js.snap b/src/radio/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/radio/test/__snapshots__/index.spec.js.snap
rename to src/radio/test/__snapshots__/index.legacy.js.snap
diff --git a/src/rate/test/__snapshots__/demo.spec.js.snap b/src/rate/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/rate/test/__snapshots__/demo.spec.js.snap
rename to src/rate/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/rate/test/__snapshots__/index.spec.js.snap b/src/rate/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/rate/test/__snapshots__/index.spec.js.snap
rename to src/rate/test/__snapshots__/index.legacy.js.snap
diff --git a/src/search/test/__snapshots__/demo.spec.js.snap b/src/search/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/search/test/__snapshots__/demo.spec.js.snap
rename to src/search/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/search/test/__snapshots__/index.spec.js.snap b/src/search/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/search/test/__snapshots__/index.spec.js.snap
rename to src/search/test/__snapshots__/index.legacy.js.snap
diff --git a/src/share-sheet/test/__snapshots__/demo.spec.js.snap b/src/share-sheet/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/share-sheet/test/__snapshots__/demo.spec.js.snap
rename to src/share-sheet/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/share-sheet/test/__snapshots__/index.spec.js.snap b/src/share-sheet/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/share-sheet/test/__snapshots__/index.spec.js.snap
rename to src/share-sheet/test/__snapshots__/index.legacy.js.snap
diff --git a/src/sidebar/test/__snapshots__/demo.spec.js.snap b/src/sidebar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/sidebar/test/__snapshots__/demo.spec.js.snap
rename to src/sidebar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/sidebar/test/__snapshots__/index.spec.js.snap b/src/sidebar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/sidebar/test/__snapshots__/index.spec.js.snap
rename to src/sidebar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/skeleton/test/__snapshots__/demo.spec.js.snap b/src/skeleton/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/skeleton/test/__snapshots__/demo.spec.js.snap
rename to src/skeleton/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/skeleton/test/__snapshots__/index.spec.js.snap b/src/skeleton/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/skeleton/test/__snapshots__/index.spec.js.snap
rename to src/skeleton/test/__snapshots__/index.legacy.js.snap
diff --git a/src/slider/test/__snapshots__/demo.spec.js.snap b/src/slider/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/slider/test/__snapshots__/demo.spec.js.snap
rename to src/slider/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/slider/test/__snapshots__/index.spec.js.snap b/src/slider/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/slider/test/__snapshots__/index.spec.js.snap
rename to src/slider/test/__snapshots__/index.legacy.js.snap
diff --git a/src/stepper/test/__snapshots__/demo.spec.js.snap b/src/stepper/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/stepper/test/__snapshots__/demo.spec.js.snap
rename to src/stepper/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/stepper/test/__snapshots__/index.spec.js.snap b/src/stepper/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/stepper/test/__snapshots__/index.spec.js.snap
rename to src/stepper/test/__snapshots__/index.legacy.js.snap
diff --git a/src/steps/test/__snapshots__/demo.spec.js.snap b/src/steps/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/steps/test/__snapshots__/demo.spec.js.snap
rename to src/steps/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/steps/test/__snapshots__/index.spec.js.snap b/src/steps/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/steps/test/__snapshots__/index.spec.js.snap
rename to src/steps/test/__snapshots__/index.legacy.js.snap
diff --git a/src/sticky/test/__snapshots__/demo.spec.js.snap b/src/sticky/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/sticky/test/__snapshots__/demo.spec.js.snap
rename to src/sticky/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/sticky/test/__snapshots__/index.spec.js.snap b/src/sticky/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/sticky/test/__snapshots__/index.spec.js.snap
rename to src/sticky/test/__snapshots__/index.legacy.js.snap
diff --git a/src/submit-bar/test/__snapshots__/demo.spec.js.snap b/src/submit-bar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/submit-bar/test/__snapshots__/demo.spec.js.snap
rename to src/submit-bar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/submit-bar/test/__snapshots__/index.spec.js.snap b/src/submit-bar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/submit-bar/test/__snapshots__/index.spec.js.snap
rename to src/submit-bar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/swipe-cell/test/__snapshots__/demo.spec.js.snap b/src/swipe-cell/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/swipe-cell/test/__snapshots__/demo.spec.js.snap
rename to src/swipe-cell/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/swipe-cell/test/__snapshots__/index.spec.js.snap b/src/swipe-cell/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/swipe-cell/test/__snapshots__/index.spec.js.snap
rename to src/swipe-cell/test/__snapshots__/index.legacy.js.snap
diff --git a/src/swipe/test/__snapshots__/demo.spec.js.snap b/src/swipe/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/swipe/test/__snapshots__/demo.spec.js.snap
rename to src/swipe/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/switch/test/__snapshots__/demo.spec.js.snap b/src/switch/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/switch/test/__snapshots__/demo.spec.js.snap
rename to src/switch/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/switch/test/__snapshots__/index.spec.js.snap b/src/switch/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/switch/test/__snapshots__/index.spec.js.snap
rename to src/switch/test/__snapshots__/index.legacy.js.snap
diff --git a/src/tab/test/__snapshots__/demo.spec.js.snap b/src/tab/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/tab/test/__snapshots__/demo.spec.js.snap
rename to src/tab/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/tab/test/__snapshots__/index.spec.js.snap b/src/tab/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/tab/test/__snapshots__/index.spec.js.snap
rename to src/tab/test/__snapshots__/index.legacy.js.snap
diff --git a/src/tab/test/__snapshots__/insert.spec.js.snap b/src/tab/test/__snapshots__/insert.legacy.js.snap
similarity index 100%
rename from src/tab/test/__snapshots__/insert.spec.js.snap
rename to src/tab/test/__snapshots__/insert.legacy.js.snap
diff --git a/src/tabbar/test/__snapshots__/demo.spec.js.snap b/src/tabbar/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/tabbar/test/__snapshots__/demo.spec.js.snap
rename to src/tabbar/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/tabbar/test/__snapshots__/index.spec.js.snap b/src/tabbar/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/tabbar/test/__snapshots__/index.spec.js.snap
rename to src/tabbar/test/__snapshots__/index.legacy.js.snap
diff --git a/src/tag/test/__snapshots__/demo.spec.js.snap b/src/tag/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/tag/test/__snapshots__/demo.spec.js.snap
rename to src/tag/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/toast/test/__snapshots__/demo.spec.js.snap b/src/toast/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/toast/test/__snapshots__/demo.spec.js.snap
rename to src/toast/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/toast/test/__snapshots__/index.spec.js.snap b/src/toast/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/toast/test/__snapshots__/index.spec.js.snap
rename to src/toast/test/__snapshots__/index.legacy.js.snap
diff --git a/src/tree-select/test/__snapshots__/demo.spec.js.snap b/src/tree-select/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/tree-select/test/__snapshots__/demo.spec.js.snap
rename to src/tree-select/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/tree-select/test/__snapshots__/index.spec.js.snap b/src/tree-select/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/tree-select/test/__snapshots__/index.spec.js.snap
rename to src/tree-select/test/__snapshots__/index.legacy.js.snap
diff --git a/src/uploader/test/__snapshots__/demo.spec.js.snap b/src/uploader/test/__snapshots__/demo.legacy.js.snap
similarity index 100%
rename from src/uploader/test/__snapshots__/demo.spec.js.snap
rename to src/uploader/test/__snapshots__/demo.legacy.js.snap
diff --git a/src/uploader/test/__snapshots__/index.spec.js.snap b/src/uploader/test/__snapshots__/index.legacy.js.snap
similarity index 100%
rename from src/uploader/test/__snapshots__/index.spec.js.snap
rename to src/uploader/test/__snapshots__/index.legacy.js.snap

From 438dcbc0ff6c189fe26c2777ba87b73ecac190f4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 17:01:55 +0800
Subject: [PATCH 595/626] test: ignore packages

---
 jest.config.js | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 jest.config.js

diff --git a/jest.config.js b/jest.config.js
new file mode 100644
index 000000000..7738c860d
--- /dev/null
+++ b/jest.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  testPathIgnorePatterns: ['/node_modules/', '/packages/'],
+};

From 30c24ba23fda17c26b75c88cf89c18c8d2dbd88b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 19:15:32 +0800
Subject: [PATCH 596/626] feat(cli): bump webpack@5

---
 packages/vant-cli/package.json                |    6 +-
 .../vant-cli/src/compiler/compile-package.ts  |    2 +-
 .../vant-cli/src/compiler/compile-site.ts     |    4 +-
 .../src/compiler/vant-cli-site-plugin.ts      |    4 +-
 packages/vant-cli/src/config/webpack.base.ts  |   19 +-
 packages/vant-cli/yarn.lock                   | 1091 +++++------------
 vant.config.js                                |    4 +-
 webpack.config.js                             |    2 +-
 8 files changed, 315 insertions(+), 817 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 1f32df4f2..c6ee0e4b5 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -47,7 +47,6 @@
     "@babel/preset-typescript": "^7.10.1",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.0",
     "@types/jest": "^26.0.0",
-    "@types/webpack": "^4.41.13",
     "@types/webpack-dev-server": "^3.11.0",
     "@vant/eslint-config": "^3.0.0-alpha.2",
     "@vant/markdown-loader": "^3.0.0-alpha.0",
@@ -62,7 +61,6 @@
     "babel-jest": "^26.0.1",
     "babel-loader": "^8.1.0",
     "babel-plugin-import": "^1.13.0",
-    "cache-loader": "^4.1.0",
     "chokidar": "^3.4.0",
     "clean-css": "^4.2.3",
     "codecov": "^3.7.0",
@@ -76,7 +74,7 @@
     "fork-ts-checker-webpack-plugin": "^5.0.0",
     "gh-pages": "^3.0.0",
     "hash-sum": "^2.0.0",
-    "html-webpack-plugin": "4.3.0",
+    "html-webpack-plugin": "4.5.0",
     "husky": "^4.2.5",
     "jest": "^26.0.0",
     "jest-canvas-mock": "^2.2.0",
@@ -100,7 +98,7 @@
     "vue-jest": "^5.0.0-alpha.4",
     "vue-loader": "^16.0.0-beta.7",
     "vue-router": "^4.0.0-beta.13",
-    "webpack": "^4.43.0",
+    "webpack": "^5.0.0",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^4.0.0"
diff --git a/packages/vant-cli/src/compiler/compile-package.ts b/packages/vant-cli/src/compiler/compile-package.ts
index 1da7d1915..a37adc701 100644
--- a/packages/vant-cli/src/compiler/compile-package.ts
+++ b/packages/vant-cli/src/compiler/compile-package.ts
@@ -6,7 +6,7 @@ export async function compilePackage(isMinify: boolean) {
     const config = getPackageConfig(isMinify);
 
     webpack(config, (err, stats) => {
-      if (err || stats.hasErrors()) {
+      if (err || (stats && stats.hasErrors())) {
         reject();
       } else {
         resolve();
diff --git a/packages/vant-cli/src/compiler/compile-site.ts b/packages/vant-cli/src/compiler/compile-site.ts
index d023c7e0c..43e47ccf0 100644
--- a/packages/vant-cli/src/compiler/compile-site.ts
+++ b/packages/vant-cli/src/compiler/compile-site.ts
@@ -24,7 +24,7 @@ function runDevServer(
   const server = new WebpackDevServer(webpack(config), config.devServer);
 
   // this is a hack to disable wds status log
-  (server as any).showStatus = function() {};
+  (server as any).showStatus = function () {};
 
   const host = get(config.devServer, 'host', 'localhost');
   server.listen(port, host, (err?: Error) => {
@@ -58,7 +58,7 @@ function build() {
     const config = getSitePrdConfig();
 
     webpack(config, (err, stats) => {
-      if (err || stats.hasErrors()) {
+      if (err || (stats && stats.hasErrors())) {
         reject();
       } else {
         resolve();
diff --git a/packages/vant-cli/src/compiler/vant-cli-site-plugin.ts b/packages/vant-cli/src/compiler/vant-cli-site-plugin.ts
index cc7f31165..3fcc999c4 100644
--- a/packages/vant-cli/src/compiler/vant-cli-site-plugin.ts
+++ b/packages/vant-cli/src/compiler/vant-cli-site-plugin.ts
@@ -10,7 +10,7 @@ import { PACKAGE_ENTRY_FILE, PACKAGE_STYLE_FILE } from '../common/constant';
 
 const PLUGIN_NAME = 'VantCliSitePlugin';
 
-export async function genSiteEntry() {
+export async function genSiteEntry(): Promise<void> {
   return new Promise((resolve, reject) => {
     genStyleDepsMap()
       .then(() => {
@@ -24,7 +24,7 @@ export async function genSiteEntry() {
         genSiteDesktopShared();
         resolve();
       })
-      .catch(err => {
+      .catch((err) => {
         console.log(err);
         reject(err);
       });
diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index 609c0bd0b..8f52f291c 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -8,19 +8,11 @@ import { existsSync } from 'fs';
 import { WebpackConfig } from '../common/types';
 import {
   CWD,
-  CACHE_DIR,
   STYLE_EXTS,
   SCRIPT_EXTS,
   POSTCSS_CONFIG_FILE,
 } from '../common/constant';
 
-const CACHE_LOADER = {
-  loader: 'cache-loader',
-  options: {
-    cacheDirectory: CACHE_DIR,
-  },
-};
-
 const CSS_LOADERS = [
   'style-loader',
   'css-loader',
@@ -85,7 +77,6 @@ export const baseConfig: WebpackConfig = {
       {
         test: /\.vue$/,
         use: [
-          CACHE_LOADER,
           {
             loader: 'vue-loader',
             options: {
@@ -99,7 +90,7 @@ export const baseConfig: WebpackConfig = {
       {
         test: /\.(js|ts|jsx|tsx)$/,
         exclude: /node_modules\/(?!(@vant\/cli))/,
-        use: [CACHE_LOADER, 'babel-loader'],
+        use: ['babel-loader'],
       },
       {
         test: /\.css$/,
@@ -126,9 +117,15 @@ export const baseConfig: WebpackConfig = {
       },
       {
         test: /\.md$/,
-        use: [CACHE_LOADER, '@vant/markdown-loader'],
+        use: ['@vant/markdown-loader'],
       },
     ],
   },
   plugins,
+  cache: {
+    type: 'filesystem',
+    buildDependencies: {
+      config: [__filename],
+    },
+  },
 };
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 180fc60ba..bfc9a33d7 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1105,6 +1105,13 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
+"@npmcli/move-file@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/@npmcli/move-file/download/@npmcli/move-file-1.0.1.tgz?cache=0&sync_timestamp=1591142965873&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40npmcli%2Fmove-file%2Fdownload%2F%40npmcli%2Fmove-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464"
+  integrity sha1-3hAwcNrA9IzknPZpPCOvWcD3BGQ=
+  dependencies:
+    mkdirp "^1.0.4"
+
 "@nuxt/friendly-errors-webpack-plugin@^2.5.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.5.0.tgz#5374665bc72d34b7dbadcc361a4777e3f0f5d46b"
@@ -1353,11 +1360,32 @@
   dependencies:
     "@types/node" "*"
 
+"@types/eslint-scope@^3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npm.taobao.org/@types/eslint-scope/download/@types/eslint-scope-3.7.0.tgz#4792816e31119ebd506902a482caec4951fabd86"
+  integrity sha1-R5KBbjERnr1QaQKkgsrsSVH6vYY=
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
 "@types/eslint-visitor-keys@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
+"@types/eslint@*":
+  version "7.2.4"
+  resolved "https://registry.npm.taobao.org/@types/eslint/download/@types/eslint-7.2.4.tgz?cache=0&sync_timestamp=1602173917803&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Feslint%2Fdownload%2F%40types%2Feslint-7.2.4.tgz#d12eeed7741d2491b69808576ac2d20c14f74c41"
+  integrity sha1-0S7u13QdJJG2mAhXasLSDBT3TEE=
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^0.0.45":
+  version "0.0.45"
+  resolved "https://registry.npm.taobao.org/@types/estree/download/@types/estree-0.0.45.tgz#e9387572998e5ecdac221950dab3e8c3b16af884"
+  integrity sha1-6Th1cpmOXs2sIhlQ2rPow7Fq+IQ=
+
 "@types/events@*":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
@@ -1464,7 +1492,7 @@
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
 
-"@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5":
+"@types/json-schema@*", "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6":
   version "7.0.6"
   resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.6.tgz?cache=0&sync_timestamp=1598910652146&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson-schema%2Fdownload%2F%40types%2Fjson-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
   integrity sha1-9MfsQ+gbMZqYFRFQMXCfJph4kfA=
@@ -1619,7 +1647,7 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
-"@types/webpack@*", "@types/webpack@^4.41.13", "@types/webpack@^4.41.8":
+"@types/webpack@*", "@types/webpack@^4.41.8":
   version "4.41.13"
   resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
   integrity sha1-mI0RTIkT0Dm4oOBQKn/k8fhPPV4=
@@ -1989,16 +2017,16 @@ acorn-walk@^7.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^6.4.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
-  integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
-
 acorn@^7.1.1, acorn@^7.3.1:
   version "7.4.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
   integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
 
+acorn@^8.0.3:
+  version "8.0.4"
+  resolved "https://registry.npm.taobao.org/acorn/download/acorn-8.0.4.tgz?cache=0&sync_timestamp=1602534280466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-8.0.4.tgz#7a3ae4191466a6984eee0fe3407a4f3aa9db8354"
+  integrity sha1-ejrkGRRmpphO7g/jQHpPOqnbg1Q=
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2049,6 +2077,16 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.5.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.6.tgz?cache=0&sync_timestamp=1602353715225&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha1-uvWmLoArB9l3A0WG+MO69a3ybfQ=
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -2129,11 +2167,6 @@ anymatch@^3.0.3, anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2235,15 +2268,6 @@ asap@~2.0.3:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
 
-asn1.js@^4.0.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
 asn1@~0.2.3:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
@@ -2256,14 +2280,6 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
 
-assert@^1.1.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
-  dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
-
 assign-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
@@ -2449,11 +2465,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
-base64-js@^1.0.2:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
-  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
-
 base@^0.11.1:
   version "0.11.2"
   resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
@@ -2506,16 +2517,11 @@ bindings@^1.5.0:
   dependencies:
     file-uri-to-path "1.0.0"
 
-bluebird@^3.1.1, bluebird@^3.5.5:
+bluebird@^3.1.1:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
-  version "4.11.9"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
-
 body-parser@1.19.0:
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
@@ -2594,76 +2600,12 @@ braces@^3.0.1, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-brorand@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
-
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
-  dependencies:
-    bn.js "^4.1.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
-  integrity sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=
-  dependencies:
-    bn.js "^4.1.1"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.2"
-    elliptic "^6.0.0"
-    inherits "^2.0.1"
-    parse-asn1 "^5.0.0"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
-browserslist@^4.11.1, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.8.3:
+browserslist@^4.11.1, browserslist@^4.12.0, browserslist@^4.14.3, browserslist@^4.14.5, browserslist@^4.8.3:
   version "4.14.5"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
   integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
@@ -2697,30 +2639,6 @@ buffer-indexof@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
   integrity sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==
 
-buffer-json@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-json/-/buffer-json-2.0.0.tgz#f73e13b1e42f196fe2fd67d001c7d7107edd7c23"
-  integrity sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
-
-buffer@^4.3.0:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
-
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -2731,26 +2649,28 @@ bytes@3.1.0:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
-cacache@^12.0.2:
-  version "12.0.3"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.3.tgz#be99abba4e1bf5df461cd5a2c1071fc432573390"
-  integrity sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==
+cacache@^15.0.5:
+  version "15.0.5"
+  resolved "https://registry.npm.taobao.org/cacache/download/cacache-15.0.5.tgz?cache=0&sync_timestamp=1594428108619&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
+  integrity sha1-aRYoM9opFw1nMjNGQ8YOAF9fF9A=
   dependencies:
-    bluebird "^3.5.5"
-    chownr "^1.1.1"
-    figgy-pudding "^3.5.1"
+    "@npmcli/move-file" "^1.0.1"
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
     glob "^7.1.4"
-    graceful-fs "^4.1.15"
-    infer-owner "^1.0.3"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
+    infer-owner "^1.0.4"
+    lru-cache "^6.0.0"
+    minipass "^3.1.1"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.2"
+    mkdirp "^1.0.3"
+    p-map "^4.0.0"
     promise-inflight "^1.0.1"
-    rimraf "^2.6.3"
-    ssri "^6.0.1"
+    rimraf "^3.0.2"
+    ssri "^8.0.0"
+    tar "^6.0.2"
     unique-filename "^1.1.1"
-    y18n "^4.0.0"
 
 cache-base@^1.0.1:
   version "1.0.1"
@@ -2767,18 +2687,6 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
-cache-loader@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cache-loader/-/cache-loader-4.1.0.tgz#9948cae353aec0a1fcb1eafda2300816ec85387e"
-  integrity sha512-ftOayxve0PwKzBF/GLsZNC9fJBXl8lkZE3TOsjkboHfVHVkL39iUEs1FO07A33mizmci5Dudt38UZrrYXDtbhw==
-  dependencies:
-    buffer-json "^2.0.0"
-    find-cache-dir "^3.0.0"
-    loader-utils "^1.2.3"
-    mkdirp "^0.5.1"
-    neo-async "^2.6.1"
-    schema-utils "^2.0.0"
-
 cacheable-lookup@^5.0.3:
   version "5.0.3"
   resolved "https://registry.npm.taobao.org/cacheable-lookup/download/cacheable-lookup-5.0.3.tgz#049fdc59dffdd4fc285e8f4f82936591bd59fec3"
@@ -3017,10 +2925,10 @@ chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/chownr/download/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha1-Fb++U9LqtM9w8YqM1o6+Wzyx3s4=
 
 chrome-trace-event@^1.0.2:
   version "1.0.2"
@@ -3039,14 +2947,6 @@ ci-info@^2.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 class-utils@^0.3.5:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
@@ -3296,16 +3196,6 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
-concat-stream@^1.5.0:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
-
 condense-newlines@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/condense-newlines/-/condense-newlines-0.2.1.tgz#3de985553139475d32502c83b02f60684d24c55f"
@@ -3350,11 +3240,6 @@ consola@^2.10.0, consola@^2.12.2, consola@^2.6.0:
   resolved "https://registry.npm.taobao.org/consola/download/consola-2.12.2.tgz#9610f158e7b0a9ecc8f8bb0c4fc8e7c52bf41d05"
   integrity sha1-lhDxWOewqezI+LsMT8jnxSv0HQU=
 
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
 consolidate@^0.15.1:
   version "0.15.1"
   resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
@@ -3362,11 +3247,6 @@ consolidate@^0.15.1:
   dependencies:
     bluebird "^3.1.1"
 
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
-
 contains-path@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
@@ -3548,18 +3428,6 @@ cookie@0.4.0:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
-copy-concurrently@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
-  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
-  dependencies:
-    aproba "^1.1.1"
-    fs-write-stream-atomic "^1.0.8"
-    iferr "^0.1.5"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.0"
-
 copy-descriptor@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
@@ -3610,37 +3478,6 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.0.0"
-
-create-hash@^1.1.0, create-hash@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
 cross-env@^7.0.2:
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.2.tgz#bd5ed31339a93a3418ac4f3ca9ca3403082ae5f9"
@@ -3668,23 +3505,6 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
@@ -3768,11 +3588,6 @@ currently-unhandled@^0.4.1:
   dependencies:
     array-find-index "^1.0.1"
 
-cyclist@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
-  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
-
 dargs@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-4.1.0.tgz#03a9dbb4b5c2f139bf14ae53f0b8a2a6a86f4e17"
@@ -3981,14 +3796,6 @@ deprecation@^2.0.0, deprecation@^2.3.1:
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
-des.js@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
 destroy@~1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
@@ -4024,15 +3831,6 @@ diff-sequences@^26.5.0:
   resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.5.0.tgz#ef766cf09d43ed40406611f11c6d8d9dd8b2fefd"
   integrity sha512-ZXx86srb/iYy6jG71k++wBN9P9J05UNQ5hQHQd9MtMPvcqXPx/vKU69jfHV637D00Q2gSgPk2D+jSx3l1lDW/Q==
 
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
 dir-glob@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
@@ -4097,11 +3895,6 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-domain-browser@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
 domelementtype@1, domelementtype@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
@@ -4169,16 +3962,6 @@ duplexer3@^0.1.4:
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
   integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
 
-duplexify@^3.4.2, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -4212,19 +3995,6 @@ elegant-spinner@^2.0.0:
   resolved "https://registry.npm.taobao.org/elegant-spinner/download/elegant-spinner-2.0.0.tgz#f236378985ecd16da75488d166be4b688fd5af94"
   integrity sha1-8jY3iYXs0W2nVIjRZr5LaI/Vr5Q=
 
-elliptic@^6.0.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
-  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
-  dependencies:
-    bn.js "^4.4.0"
-    brorand "^1.0.1"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.0"
-
 email-addresses@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
@@ -4255,21 +4025,20 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
+end-of-stream@^1.1.0:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
-  integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
+enhanced-resolve@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/enhanced-resolve/download/enhanced-resolve-5.2.0.tgz?cache=0&sync_timestamp=1601451681276&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fenhanced-resolve%2Fdownload%2Fenhanced-resolve-5.2.0.tgz#3db3307a608f236f33aeea79303d32915792cbab"
+  integrity sha1-PbMwemCPI28zrup5MD0ykVeSy6s=
   dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.5.0"
-    tapable "^1.0.0"
+    graceful-fs "^4.2.4"
+    tapable "^2.0.0"
 
 enquirer@^2.3.5:
   version "2.3.5"
@@ -4288,7 +4057,7 @@ entities@^2.0.0, entities@~2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.0.tgz#68d6084cab1b079767540d80e56a39b423e4abf4"
   integrity sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==
 
-errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
+errno@^0.1.1, errno@^0.1.3:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
   integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==
@@ -4433,14 +4202,6 @@ eslint-plugin-vue@7.0.0-beta.2:
     semver "^7.3.2"
     vue-eslint-parser "^7.1.0"
 
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
 eslint-scope@^5.0.0, eslint-scope@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
@@ -4565,10 +4326,10 @@ eventemitter3@^4.0.0:
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
-  integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
+events@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/events/download/events-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
+  integrity sha1-k7h8GPjvzUICpGGuxN/AVWtjk3k=
 
 eventsource@^1.0.7:
   version "1.0.7"
@@ -4577,14 +4338,6 @@ eventsource@^1.0.7:
   dependencies:
     original "^1.0.0"
 
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
 exec-sh@^0.3.2:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
@@ -4840,11 +4593,6 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-figgy-pudding@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
-  integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
-
 figures@^3.0.0, figures@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
@@ -4932,7 +4680,7 @@ find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-cache-dir@^3.0.0, find-cache-dir@^3.3.1:
+find-cache-dir@^3.3.1:
   version "3.3.1"
   resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
   integrity sha512-t2GDMt3oGC/v+BMwzmllWDuJF/xcDtE5j/fCGbqDD7OLuJkj0cfh1YSA5VKPvwMeLFLNDBkwOKZ2X85jGLVftQ==
@@ -4999,14 +4747,6 @@ flatted@^2.0.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08"
   integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==
 
-flush-write-stream@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
-  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
-  dependencies:
-    inherits "^2.0.3"
-    readable-stream "^2.3.6"
-
 follow-redirects@^1.0.0:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
@@ -5074,14 +4814,6 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-from2@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
-  integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-
 front-matter@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-3.1.0.tgz#a0b758c3c6c39ce43e107dd0909a57d42964c2de"
@@ -5108,21 +4840,18 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha1-f1A2/b8SxjwWkZDL5BmchSJx+fs=
+  dependencies:
+    minipass "^3.0.0"
+
 fs-monkey@1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/fs-monkey/download/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
   integrity sha1-SoLzaUQ2XmGfRFTZ//EGVTBnt4E=
 
-fs-write-stream-atomic@^1.0.8:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
-  integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=
-  dependencies:
-    graceful-fs "^4.1.2"
-    iferr "^0.1.5"
-    imurmurhash "^0.1.4"
-    readable-stream "1 || 2"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -5300,6 +5029,11 @@ glob-to-regexp@^0.3.0:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
   integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
 
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npm.taobao.org/glob-to-regexp/download/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha1-x1KXCHyFG5pXi9IX3VmpL1n+VG4=
+
 glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
@@ -5431,7 +5165,7 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.4"
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz?cache=0&sync_timestamp=1588086876757&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgraceful-fs%2Fdownload%2Fgraceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha1-Ila94U02MpWMRl68ltxGfKB6Kfs=
@@ -5534,14 +5268,6 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hash-base@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
-  integrity sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 hash-sum@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
@@ -5552,14 +5278,6 @@ hash-sum@^2.0.0:
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
   integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
 
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
 he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
@@ -5570,15 +5288,6 @@ highlight.js@^9.17.1:
   resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
   integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
 
-hmac-drbg@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
 hosted-git-info@^2.1.4:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
@@ -5634,10 +5343,10 @@ html-tags@^3.1.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
   integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
 
-html-webpack-plugin@4.3.0:
-  version "4.3.0"
-  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-4.3.0.tgz#53bf8f6d696c4637d5b656d3d9863d89ce8174fd"
-  integrity sha1-U7+PbWlsRjfVtlbT2YY9ic6BdP0=
+html-webpack-plugin@4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-4.5.0.tgz?cache=0&sync_timestamp=1600690506465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhtml-webpack-plugin%2Fdownload%2Fhtml-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
+  integrity sha1-YlCXZQiGuX6l2uMxwyDjI49sEhw=
   dependencies:
     "@types/html-minifier-terser" "^5.0.0"
     "@types/tapable" "^1.0.5"
@@ -5753,11 +5462,6 @@ http2-wrapper@^1.0.0-beta.4.5:
     quick-lru "^5.0.0"
     resolve-alpn "^1.0.0"
 
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
-
 https-proxy-agent@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz#702b71fb5520a132a66de1f67541d9e62154d82b"
@@ -5809,16 +5513,6 @@ icss-utils@^4.0.0, icss-utils@^4.1.1:
   dependencies:
     postcss "^7.0.14"
 
-ieee754@^1.1.4:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
-
-iferr@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
-  integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
-
 ignore-walk@3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
@@ -5943,10 +5637,10 @@ indexes-of@^1.0.1:
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
   integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
 
-infer-owner@^1.0.3:
+infer-owner@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
+  resolved "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha1-xM78qo5RBRwqQLos6KPScpWvlGc=
 
 inflight@^1.0.4:
   version "1.0.6"
@@ -5956,16 +5650,11 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
-
 inherits@2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
@@ -7279,10 +6968,10 @@ load-json-file@^4.0.0:
     pify "^3.0.0"
     strip-bom "^3.0.0"
 
-loader-runner@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
-  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
+loader-runner@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-4.1.0.tgz?cache=0&sync_timestamp=1601450780890&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-4.1.0.tgz#f70bc0c29edbabdf2043e7ee73ccc3fe1c96b42d"
+  integrity sha1-9wvAwp7bq98gQ+fuc8zD/hyWtC0=
 
 loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
@@ -7456,12 +7145,12 @@ lru-cache@^4.1.2, lru-cache@^4.1.5:
     pseudomap "^1.0.2"
     yallist "^2.1.2"
 
-lru-cache@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
-  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427573763&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=
   dependencies:
-    yallist "^3.0.2"
+    yallist "^4.0.0"
 
 macos-release@^2.2.0:
   version "2.3.0"
@@ -7560,15 +7249,6 @@ mathml-tag-names@^2.0.1, mathml-tag-names@^2.1.3:
   resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
   integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
 
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
 mdast-util-compact@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.4.tgz#d531bb7667b5123abf20859be086c4d06c894593"
@@ -7608,14 +7288,6 @@ memory-fs@^0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
-memory-fs@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
-  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
 meow@^3.3.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
@@ -7735,20 +7407,12 @@ micromatch@^4.0.2:
     braces "^3.0.1"
     picomatch "^2.0.5"
 
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
 mime-db@1.44.0, "mime-db@>= 1.43.0 < 2":
   version "1.44.0"
   resolved "https://registry.npm.taobao.org/mime-db/download/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
   integrity sha1-+hHF6wrKEzS0Izy01S8QxaYnL5I=
 
-mime-types@2.1.27, mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
+mime-types@2.1.27, mime-types@^2.1.12, mime-types@^2.1.27, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
   version "2.1.27"
   resolved "https://registry.npm.taobao.org/mime-types/download/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
   integrity sha1-R5SfmOJ56lMRn1ci4PNOUpvsAJ8=
@@ -7785,16 +7449,11 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.0.tgz#cfc45c37e9ec0d8f0a0ec3dd4ef7f7c3abe39256"
   integrity sha1-z8RcN+nsDY8KDsPdTvf3w6vjklY=
 
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+minimalistic-assert@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
-minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
-
 minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -7824,21 +7483,41 @@ minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-mississippi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
-  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/minipass-collect/download/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  integrity sha1-IrgTv3Rdxu26JXa5QAIq1u3Ixhc=
   dependencies:
-    concat-stream "^1.5.0"
-    duplexify "^3.4.2"
-    end-of-stream "^1.1.0"
-    flush-write-stream "^1.0.0"
-    from2 "^2.1.0"
-    parallel-transform "^1.1.0"
-    pump "^3.0.0"
-    pumpify "^1.3.3"
-    stream-each "^1.1.0"
-    through2 "^2.0.0"
+    minipass "^3.0.0"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/minipass-flush/download/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  integrity sha1-gucTXX6JpQ/+ZGEKeHlTxMTLs3M=
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.2:
+  version "1.2.4"
+  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.4.tgz?cache=0&sync_timestamp=1595998531778&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass-pipeline%2Fdownload%2Fminipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha1-aEcveXEcCEZXwGfFxq2Tzd6oIUw=
+  dependencies:
+    minipass "^3.0.0"
+
+minipass@^3.0.0, minipass@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npm.taobao.org/minipass/download/minipass-3.1.3.tgz?cache=0&sync_timestamp=1589332658869&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass%2Fdownload%2Fminipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha1-fUL/HzljVILhX5zbUxhN7r1YFf0=
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/minizlib/download/minizlib-2.1.2.tgz?cache=0&sync_timestamp=1597445621090&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminizlib%2Fdownload%2Fminizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha1-6Q00Zrogm5MkUVCKEc49NjIUWTE=
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
 
 mixin-deep@^1.2.0:
   version "1.3.2"
@@ -7855,23 +7534,16 @@ mkdirp@0.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
+mkdirp@^1.0.3, mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz?cache=0&sync_timestamp=1587535418745&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmkdirp%2Fdownload%2Fmkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
-move-concurrently@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
-  integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=
-  dependencies:
-    aproba "^1.1.1"
-    copy-concurrently "^1.0.0"
-    fs-write-stream-atomic "^1.0.8"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.3"
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -7942,11 +7614,16 @@ negotiator@0.6.2:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
   integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
 
-neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
+neo-async@^2.6.0, neo-async@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
   integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
 
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha1-tKr7k+OustgXTKU88WOrfXMIMF8=
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -7975,35 +7652,6 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
 
-node-libs-browser@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.1"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "^1.0.1"
-
 node-modules-regexp@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
@@ -8127,7 +7775,7 @@ oauth-sign@~0.9.0:
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
   integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
@@ -8309,11 +7957,6 @@ original@^1.0.0:
   dependencies:
     url-parse "^1.4.3"
 
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
-
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
@@ -8374,6 +8017,13 @@ p-limit@^2.0.0, p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-3.0.2.tgz?cache=0&sync_timestamp=1594559711554&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-3.0.2.tgz#1664e010af3cadc681baafd3e2a437be7b0fb5fe"
+  integrity sha1-FmTgEK88rcaBuq/T4qQ3vnsPtf4=
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -8441,20 +8091,6 @@ pad@^3.2.0:
   dependencies:
     wcwidth "^1.0.1"
 
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-parallel-transform@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
-  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
-  dependencies:
-    cyclist "^1.0.1"
-    inherits "^2.0.3"
-    readable-stream "^2.1.5"
-
 param-case@^3.0.3:
   version "3.0.3"
   resolved "https://registry.npm.taobao.org/param-case/download/param-case-3.0.3.tgz#4be41f8399eff621c56eebb829a5e451d9801238"
@@ -8470,18 +8106,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
-  integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
-  dependencies:
-    asn1.js "^4.0.0"
-    browserify-aes "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
-
 parse-color@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-color/-/parse-color-1.0.0.tgz#7b748b95a83f03f16a94f535e52d7f3d94658619"
@@ -8584,11 +8208,6 @@ pascalcase@^0.1.1:
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
 
-path-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -8669,17 +8288,6 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pbkdf2@^3.0.3:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
-  integrity sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -9054,11 +8662,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -9117,26 +8720,6 @@ psl@^1.1.28:
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.7.0.tgz#f1c4c47a8ef97167dea5d6bbf4816d736e884a3c"
   integrity sha512-5NsSEDv8zY70ScRnOTn7bK7eanl2MvFrOrS/R6x+dBt5g1ghnj9Zv90kO8GwT8gxcu2ANyFprnFYB85IogIJOQ==
 
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -9145,25 +8728,11 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
 punycode@1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
   integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
-punycode@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
-
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
@@ -9199,11 +8768,6 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
-
 querystring@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
@@ -9229,21 +8793,13 @@ quick-lru@^5.0.0:
   resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.0.tgz#1602f339bde554c4dace47880227ec9c2869f2e8"
   integrity sha1-FgLzOb3lVMTazkeIAifsnChp8ug=
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
+randombytes@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  resolved "https://registry.npm.taobao.org/randombytes/download/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha1-32+ENy8CcNxlzfYpE0mrekc9Tyo=
   dependencies:
     safe-buffer "^5.1.0"
 
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
 range-parser@^1.2.1, range-parser@~1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
@@ -9344,7 +8900,16 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -9357,15 +8922,6 @@ read-pkg@^5.2.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
@@ -9825,28 +9381,20 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^2.5.4, rimraf@^2.6.3:
+rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
   integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0:
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
     glob "^7.1.3"
 
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
 rsvp@^4.8.4:
   version "4.8.5"
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
@@ -9864,13 +9412,6 @@ run-parallel@^1.1.9:
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
   integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
 
-run-queue@^1.0.0, run-queue@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
-  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
-  dependencies:
-    aproba "^1.1.1"
-
 rxjs@^6.5.3, rxjs@^6.5.5:
   version "6.5.5"
   resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.5.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
@@ -9883,7 +9424,7 @@ safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
   integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
@@ -9958,7 +9499,7 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
-schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6, schema-utils@^2.7.1:
+schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6, schema-utils@^2.7.1:
   version "2.7.1"
   resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
   integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
@@ -9967,6 +9508,15 @@ schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-3.0.0.tgz#67502f6aa2b66a2d4032b4279a2944978a0913ef"
+  integrity sha1-Z1AvaqK2ai1AMrQnmilEl4oJE+8=
+  dependencies:
+    "@types/json-schema" "^7.0.6"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -10035,10 +9585,12 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
-serialize-javascript@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
-  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+serialize-javascript@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-5.0.1.tgz?cache=0&sync_timestamp=1599740689479&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4"
+  integrity sha1-eIbshIBJpGJGepfT2Rjrsqr5NPQ=
+  dependencies:
+    randombytes "^2.1.0"
 
 serve-index@^1.9.1:
   version "1.9.1"
@@ -10078,11 +9630,6 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
-
 setprototypeof@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
@@ -10093,14 +9640,6 @@ setprototypeof@1.1.1:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
   integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
 
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 shallow-clone@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
@@ -10256,7 +9795,7 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-list-map@^2.0.0:
+source-list-map@^2.0.0, source-list-map@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
@@ -10280,6 +9819,14 @@ source-map-support@^0.5.6, source-map-support@~0.5.12:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-support@~0.5.19:
+  version "0.5.19"
+  resolved "https://registry.npm.taobao.org/source-map-support/download/source-map-support-0.5.19.tgz?cache=0&sync_timestamp=1587719289626&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map-support%2Fdownload%2Fsource-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha1-qYti+G3K9PZzmWSMCFKRq56P7WE=
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
@@ -10295,7 +9842,7 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
+source-map@^0.7.3, source-map@~0.7.2:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
@@ -10395,12 +9942,12 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
-  integrity sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==
+ssri@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/ssri/download/ssri-8.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fssri%2Fdownload%2Fssri-8.0.0.tgz#79ca74e21f8ceaeddfcb4b90143c458b8d988808"
+  integrity sha1-ecp04h+M6u3fy0uQFDxFi42YiAg=
   dependencies:
-    figgy-pudding "^3.5.1"
+    minipass "^3.1.1"
 
 stack-utils@^2.0.2:
   version "2.0.2"
@@ -10444,22 +9991,6 @@ stealthy-require@^1.1.1:
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
   integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
 
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
-
-stream-each@^1.1.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
-  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    stream-shift "^1.0.0"
-
 stream-events@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/stream-events/-/stream-events-1.0.5.tgz#bbc898ec4df33a4902d892333d47da9bf1c406d5"
@@ -10467,22 +9998,6 @@ stream-events@^1.0.5:
   dependencies:
     stubs "^3.0.0"
 
-stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
@@ -10543,7 +10058,7 @@ string.prototype.trimstart@^1.0.1:
     define-properties "^1.1.3"
     es-abstract "^1.17.5"
 
-string_decoder@^1.0.0, string_decoder@^1.1.1:
+string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -10912,6 +10427,23 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tapable@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/tapable/download/tapable-2.0.0.tgz?cache=0&sync_timestamp=1600381229402&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
+  integrity sha1-pJw9aoortgbn2zcrgpBMlw1Tegg=
+
+tar@^6.0.2:
+  version "6.0.5"
+  resolved "https://registry.npm.taobao.org/tar/download/tar-6.0.5.tgz?cache=0&sync_timestamp=1597445621518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
+  integrity sha1-vegVCG4Qs58dzSmOidWW4VNeIA8=
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 teeny-request@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-6.0.1.tgz#9b1f512cef152945827ba7e34f62523a4ce2c5b0"
@@ -10936,22 +10468,22 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
-  integrity sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==
+terser-webpack-plugin@^4.1.0:
+  version "4.2.3"
+  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
+  integrity sha1-KNrvSoO9F8HbApcHCtwH/Iz8apo=
   dependencies:
-    cacache "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^2.1.2"
+    cacache "^15.0.5"
+    find-cache-dir "^3.3.1"
+    jest-worker "^26.5.0"
+    p-limit "^3.0.2"
+    schema-utils "^3.0.0"
+    serialize-javascript "^5.0.1"
     source-map "^0.6.1"
-    terser "^4.1.2"
-    webpack-sources "^1.4.0"
-    worker-farm "^1.7.0"
+    terser "^5.3.4"
+    webpack-sources "^1.4.3"
 
-terser@^4.1.2, terser@^4.6.3:
+terser@^4.6.3:
   version "4.6.10"
   resolved "https://registry.npm.taobao.org/terser/download/terser-4.6.10.tgz#90f5bd069ff456ddbc9503b18e52f9c493d3b7c2"
   integrity sha1-kPW9Bp/0Vt28lQOxjlL5xJPTt8I=
@@ -10960,6 +10492,15 @@ terser@^4.1.2, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^5.3.4:
+  version "5.3.5"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.5.tgz#9e080baa0568f96654621b20eb9effa440b1484e"
+  integrity sha1-nggLqgVo+WZUYhsg657/pECxSE4=
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.7.2"
+    source-map-support "~0.5.19"
+
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -11009,13 +10550,6 @@ thunky@^1.0.2:
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
-timers-browserify@^2.0.4:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
-  integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -11028,11 +10562,6 @@ tmpl@1.0.x:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
   integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
 
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
-
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
@@ -11191,11 +10720,6 @@ tsutils@^3.17.1:
   dependencies:
     tslib "^1.8.1"
 
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -11262,11 +10786,6 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
 typescript@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/typescript/download/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
@@ -11583,20 +11102,6 @@ util.promisify@1.0.0:
     define-properties "^1.1.2"
     object.getownpropertydescriptors "^2.0.3"
 
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
 utila@^0.4.0, utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
@@ -11709,11 +11214,6 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
 vue-eslint-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
@@ -11780,14 +11280,13 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
-watchpack@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-1.6.1.tgz#280da0a8718592174010c078c7585a74cd8cd0e2"
-  integrity sha1-KA2gqHGFkhdAEMB4x1hadM2M0OI=
+watchpack@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-2.0.0.tgz?cache=0&sync_timestamp=1600385425627&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwatchpack%2Fdownload%2Fwatchpack-2.0.0.tgz#b12248f32f0fd4799b7be0802ad1f6573a45955c"
+  integrity sha1-sSJI8y8P1Hmbe+CAKtH2VzpFlVw=
   dependencies:
-    chokidar "^2.1.8"
+    glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
 
 wbuf@^1.1.0, wbuf@^1.7.3:
   version "1.7.3"
@@ -11879,42 +11378,51 @@ webpack-merge@^5.0.0:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+webpack-sources@^1.4.3:
   version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
+  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz?cache=0&sync_timestamp=1601308231852&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
+  integrity sha1-7t2OwLko+/HL/plOItLYkPMwqTM=
   dependencies:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
-webpack@^4.43.0:
-  version "4.43.0"
-  resolved "https://registry.npm.taobao.org/webpack/download/webpack-4.43.0.tgz#c48547b11d563224c561dad1172c8aa0b8a678e6"
-  integrity sha1-xIVHsR1WMiTFYdrRFyyKoLimeOY=
+webpack-sources@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-2.0.1.tgz?cache=0&sync_timestamp=1601308231852&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-2.0.1.tgz#1467f6e692ddce91e88b8044c44347b1087bbd4f"
+  integrity sha1-FGf25pLdzpHoi4BExENHsQh7vU8=
   dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/webpack/download/webpack-5.0.0.tgz?cache=0&sync_timestamp=1602367731404&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-5.0.0.tgz#c028b2f0c1db2322de1f4a30cc36f6e373d5a26a"
+  integrity sha1-wCiy8MHbIyLeH0owzDb243PVomo=
+  dependencies:
+    "@types/eslint-scope" "^3.7.0"
+    "@types/estree" "^0.0.45"
     "@webassemblyjs/ast" "1.9.0"
     "@webassemblyjs/helper-module-context" "1.9.0"
     "@webassemblyjs/wasm-edit" "1.9.0"
     "@webassemblyjs/wasm-parser" "1.9.0"
-    acorn "^6.4.1"
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
+    acorn "^8.0.3"
+    browserslist "^4.14.3"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^4.1.0"
-    eslint-scope "^4.0.3"
+    enhanced-resolve "^5.2.0"
+    eslint-scope "^5.1.0"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.4"
     json-parse-better-errors "^1.0.2"
-    loader-runner "^2.4.0"
-    loader-utils "^1.2.3"
-    memory-fs "^0.4.1"
-    micromatch "^3.1.10"
-    mkdirp "^0.5.3"
-    neo-async "^2.6.1"
-    node-libs-browser "^2.2.1"
-    schema-utils "^1.0.0"
-    tapable "^1.1.3"
-    terser-webpack-plugin "^1.4.3"
-    watchpack "^1.6.1"
-    webpack-sources "^1.4.1"
+    loader-runner "^4.1.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    pkg-dir "^4.2.0"
+    schema-utils "^3.0.0"
+    tapable "^2.0.0"
+    terser-webpack-plugin "^4.1.0"
+    watchpack "^2.0.0"
+    webpack-sources "^2.0.1"
 
 webpackbar@^4.0.0:
   version "4.0.0"
@@ -12033,13 +11541,6 @@ wordwrap@^1.0.0:
   resolved "https://registry.npm.taobao.org/wordwrap/download/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
   integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
 
-worker-farm@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
-  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
-  dependencies:
-    errno "~0.1.7"
-
 wrap-ansi@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
@@ -12127,10 +11628,10 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
-yallist@^3.0.2:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
 
 yaml@1.10.0, yaml@^1.10.0, yaml@^1.7.2:
   version "1.10.0"
diff --git a/vant.config.js b/vant.config.js
index b6914beb7..5ead3f360 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -4,7 +4,9 @@ module.exports = {
     srcDir: 'src',
     skipInstall: ['lazyload'],
     site: {
-      publicPath: process.env.PUBLIC_PATH || 'https://b.yzcdn.cn/vant/',
+      publicPath:
+        (typeof window === 'undefined' && process.env.PUBLIC_PATH) ||
+        'https://b.yzcdn.cn/vant/',
     },
     vetur: {
       tagPrefix: 'van-',
diff --git a/webpack.config.js b/webpack.config.js
index de244338d..a50e02a0d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,7 +4,7 @@ module.exports = function () {
   }
 
   return {
-    devtool: 'none',
+    devtool: false,
     entry: {
       'site-mobile': ['./docs/site/mobile'],
     },

From b727a0f2b4d37691a6998ef5a77525abf4b6962d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:26:45 +0800
Subject: [PATCH 597/626] fix(cli): prefer contenthash

---
 packages/vant-cli/src/config/webpack.site.prd.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vant-cli/src/config/webpack.site.prd.ts b/packages/vant-cli/src/config/webpack.site.prd.ts
index 2a6549860..e9b6e55c4 100644
--- a/packages/vant-cli/src/config/webpack.site.prd.ts
+++ b/packages/vant-cli/src/config/webpack.site.prd.ts
@@ -21,8 +21,8 @@ export function getSitePrdConfig(): WebpackConfig {
       output: {
         publicPath,
         path: outputDir,
-        filename: '[name].[hash:8].js',
-        chunkFilename: 'async_[name].[chunkhash:8].js',
+        filename: '[name].[contenthash:8].js',
+        chunkFilename: 'async_[name].[contenthash:8].js',
       },
     })
   );

From b3e415d254bd9b70884f3749b4cc6e963bceef52 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:43:56 +0800
Subject: [PATCH 598/626] docs(Checkbox): fix model-value prop

---
 src/checkbox/demo/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index 74d965398..dbbfd1611 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -5,10 +5,10 @@
     </demo-block>
 
     <demo-block :title="t('disabled')">
-      <van-checkbox :value="false" disabled>
+      <van-checkbox :model-value="false" disabled>
         {{ t('checkbox') }}
       </van-checkbox>
-      <van-checkbox :value="true" disabled>
+      <van-checkbox :model-value="true" disabled>
         {{ t('checkbox') }}
       </van-checkbox>
     </demo-block>

From 86d5e0a4cf648bbebe1bdcf8cbc339780446dfeb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:46:01 +0800
Subject: [PATCH 599/626] docs(Icon): fix layout usage

---
 src/icon/demo/index.vue | 122 ++++++++++++++++++++++------------------
 1 file changed, 68 insertions(+), 54 deletions(-)

diff --git a/src/icon/demo/index.vue b/src/icon/demo/index.vue
index 248dbfea5..fb03bd2e0 100644
--- a/src/icon/demo/index.vue
+++ b/src/icon/demo/index.vue
@@ -3,79 +3,93 @@
     <van-tabs v-model="tab" sticky>
       <van-tab :title="t('demo')">
         <demo-block :title="t('basicUsage')">
-          <van-col span="6" @click="copy(demoIcon)">
-            <van-icon :name="demoIcon" />
-          </van-col>
-          <van-col span="6" @click="copy(demoImage)">
-            <van-icon :name="demoImage" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon)">
+              <van-icon :name="demoIcon" />
+            </van-col>
+            <van-col span="6" @click="copy(demoImage)">
+              <van-icon :name="demoImage" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('badge')">
-          <van-col span="6" @click="copy(demoIcon, { dot: true })">
-            <van-icon :name="demoIcon" dot />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
-            <van-icon :name="demoIcon" badge="9" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
-            <van-icon :name="demoIcon" badge="99+" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { dot: true })">
+              <van-icon :name="demoIcon" dot />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
+              <van-icon :name="demoIcon" badge="9" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
+              <van-icon :name="demoIcon" badge="99+" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('color')">
-          <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
-            <van-icon :name="demoIcon" :color="BLUE" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
-            <van-icon :name="demoIcon" :color="GREEN" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
+              <van-icon :name="demoIcon" :color="BLUE" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
+              <van-icon :name="demoIcon" :color="GREEN" />
+            </van-col>
+          </van-row>
         </demo-block>
 
         <demo-block :title="t('size')">
-          <van-col span="6" @click="copy(demoIcon, { size: '40' })">
-            <van-icon :name="demoIcon" size="40" />
-          </van-col>
-          <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
-            <van-icon :name="demoIcon" size="3rem" />
-          </van-col>
+          <van-row>
+            <van-col span="6" @click="copy(demoIcon, { size: '40' })">
+              <van-icon :name="demoIcon" size="40" />
+            </van-col>
+            <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
+              <van-icon :name="demoIcon" size="3rem" />
+            </van-col>
+          </van-row>
         </demo-block>
       </van-tab>
 
       <van-tab :title="t('basic')">
-        <van-col
-          v-for="icon in icons.basic"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.basic"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
 
       <van-tab :title="t('outline')">
-        <van-col
-          v-for="icon in icons.outline"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.outline"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
 
       <van-tab :title="t('filled')">
-        <van-col
-          v-for="icon in icons.filled"
-          :key="icon"
-          span="6"
-          @click="copy(icon)"
-        >
-          <van-icon :name="icon" />
-          <span>{{ icon }}</span>
-        </van-col>
+        <van-row>
+          <van-col
+            v-for="icon in icons.filled"
+            :key="icon"
+            span="6"
+            @click="copy(icon)"
+          >
+            <van-icon :name="icon" />
+            <span>{{ icon }}</span>
+          </van-col>
+        </van-row>
       </van-tab>
     </van-tabs>
   </demo-section>

From 2030c7b432b500f7fd6d683b474e2f623e315cfb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:53:32 +0800
Subject: [PATCH 600/626] chore(cli): bump release-it@14, eslint-config

---
 packages/vant-cli/package.json |   5 +-
 packages/vant-cli/yarn.lock    | 557 ++++++++++++++++++---------------
 2 files changed, 303 insertions(+), 259 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index c6ee0e4b5..245e98674 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -40,7 +40,6 @@
   },
   "dependencies": {
     "@babel/core": "^7.10.1",
-    "@babel/plugin-syntax-jsx": "^7.10.1",
     "@babel/plugin-transform-object-assign": "^7.10.1",
     "@babel/plugin-transform-runtime": "^7.10.1",
     "@babel/preset-env": "^7.10.1",
@@ -48,7 +47,7 @@
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.0",
     "@types/jest": "^26.0.0",
     "@types/webpack-dev-server": "^3.11.0",
-    "@vant/eslint-config": "^3.0.0-alpha.2",
+    "@vant/eslint-config": "^3.0.0-beta.0",
     "@vant/markdown-loader": "^3.0.0-alpha.0",
     "@vant/markdown-vetur": "^2.0.2",
     "@vant/stylelint-config": "^1.3.0",
@@ -89,7 +88,7 @@
     "postcss-load-config": "^3.0.0",
     "postcss-loader": "^3.0.0",
     "prettier": "^2.0.5",
-    "release-it": "^13.6.1",
+    "release-it": "^14.0.0",
     "sass": "^1.26.7",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.2.1",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index bfc9a33d7..f78984ba6 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -388,7 +388,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.10.1":
+"@babel/plugin-syntax-jsx@^7.0.0":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
   integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
@@ -1129,17 +1129,17 @@
   dependencies:
     "@octokit/types" "^2.0.0"
 
-"@octokit/core@^2.4.3":
-  version "2.4.3"
-  resolved "https://registry.npm.taobao.org/@octokit/core/download/@octokit/core-2.4.3.tgz#f51c0c228e6aa01253f9452ba5a25dc20aee8577"
-  integrity sha1-9RwMIo5qoBJT+UUrpaJdwgruhXc=
+"@octokit/core@^3.0.0":
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/@octokit/core/download/@octokit/core-3.1.2.tgz?cache=0&sync_timestamp=1596560038862&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Fcore%2Fdownload%2F%40octokit%2Fcore-3.1.2.tgz#c937d5f9621b764573068fcd2e5defcc872fd9cc"
+  integrity sha1-yTfV+WIbdkVzBo/NLl3vzIcv2cw=
   dependencies:
     "@octokit/auth-token" "^2.4.0"
     "@octokit/graphql" "^4.3.1"
-    "@octokit/request" "^5.3.1"
-    "@octokit/types" "^2.0.0"
+    "@octokit/request" "^5.4.0"
+    "@octokit/types" "^5.0.0"
     before-after-hook "^2.1.0"
-    universal-user-agent "^5.0.0"
+    universal-user-agent "^6.0.0"
 
 "@octokit/endpoint@^5.5.0":
   version "5.5.3"
@@ -1150,6 +1150,15 @@
     is-plain-object "^3.0.0"
     universal-user-agent "^5.0.0"
 
+"@octokit/endpoint@^6.0.1":
+  version "6.0.8"
+  resolved "https://registry.npm.taobao.org/@octokit/endpoint/download/@octokit/endpoint-6.0.8.tgz#91b07e236fdb69929c678c6439f7a560dc6058ac"
+  integrity sha1-kbB+I2/baZKcZ4xkOfelYNxgWKw=
+  dependencies:
+    "@octokit/types" "^5.0.0"
+    is-plain-object "^5.0.0"
+    universal-user-agent "^6.0.0"
+
 "@octokit/graphql@^4.3.1":
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/@octokit/graphql/-/graphql-4.3.1.tgz#9ee840e04ed2906c7d6763807632de84cdecf418"
@@ -1171,12 +1180,12 @@
   resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.0.tgz#eef87a431300f6148c39a7f75f8cfeb218b2547e"
   integrity sha512-ywoxP68aOT3zHCLgWZgwUJatiENeHE7xJzYjfz8WI0goynp96wETBF+d95b8g/uL4QmS6owPVlaxiz3wyMAzcw==
 
-"@octokit/plugin-rest-endpoint-methods@3.11.0":
-  version "3.11.0"
-  resolved "https://registry.npm.taobao.org/@octokit/plugin-rest-endpoint-methods/download/@octokit/plugin-rest-endpoint-methods-3.11.0.tgz#96e69d7904bcbb6172be2bc1c70757ff1377fbfe"
-  integrity sha1-luadeQS8u2FyvivBxwdX/xN3+/4=
+"@octokit/plugin-rest-endpoint-methods@4.2.0":
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/@octokit/plugin-rest-endpoint-methods/download/@octokit/plugin-rest-endpoint-methods-4.2.0.tgz#c5a0691b3aba5d8b4ef5dffd6af3649608f167ba"
+  integrity sha1-xaBpGzq6XYtO9d/9avNklgjxZ7o=
   dependencies:
-    "@octokit/types" "^2.16.0"
+    "@octokit/types" "^5.5.0"
     deprecation "^2.3.1"
 
 "@octokit/request-error@^1.0.1":
@@ -1188,7 +1197,16 @@
     deprecation "^2.0.0"
     once "^1.4.0"
 
-"@octokit/request@^5.3.0", "@octokit/request@^5.3.1":
+"@octokit/request-error@^2.0.0":
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/@octokit/request-error/download/@octokit/request-error-2.0.2.tgz?cache=0&sync_timestamp=1592238438749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frequest-error%2Fdownload%2F%40octokit%2Frequest-error-2.0.2.tgz#0e76b83f5d8fdda1db99027ea5f617c2e6ba9ed0"
+  integrity sha1-Dna4P12P3aHbmQJ+pfYXwua6ntA=
+  dependencies:
+    "@octokit/types" "^5.0.1"
+    deprecation "^2.0.0"
+    once "^1.4.0"
+
+"@octokit/request@^5.3.0":
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/@octokit/request/-/request-5.3.2.tgz#1ca8b90a407772a1ee1ab758e7e0aced213b9883"
   integrity sha512-7NPJpg19wVQy1cs2xqXjjRq/RmtSomja/VSWnptfYwuBxLdbYh2UjhGi0Wx7B1v5Iw5GKhfFDQL7jM7SSp7K2g==
@@ -1202,23 +1220,44 @@
     once "^1.4.0"
     universal-user-agent "^5.0.0"
 
-"@octokit/rest@17.9.0":
-  version "17.9.0"
-  resolved "https://registry.npm.taobao.org/@octokit/rest/download/@octokit/rest-17.9.0.tgz#48d20196eb3dbe1cb507d0e46e01d17c24cc3d0e"
-  integrity sha1-SNIBlus9vhy1B9DkbgHRfCTMPQ4=
+"@octokit/request@^5.4.0":
+  version "5.4.9"
+  resolved "https://registry.npm.taobao.org/@octokit/request/download/@octokit/request-5.4.9.tgz?cache=0&sync_timestamp=1600012609649&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frequest%2Fdownload%2F%40octokit%2Frequest-5.4.9.tgz#0a46f11b82351b3416d3157261ad9b1558c43365"
+  integrity sha1-CkbxG4I1GzQW0xVyYa2bFVjEM2U=
   dependencies:
-    "@octokit/core" "^2.4.3"
+    "@octokit/endpoint" "^6.0.1"
+    "@octokit/request-error" "^2.0.0"
+    "@octokit/types" "^5.0.0"
+    deprecation "^2.0.0"
+    is-plain-object "^5.0.0"
+    node-fetch "^2.6.1"
+    once "^1.4.0"
+    universal-user-agent "^6.0.0"
+
+"@octokit/rest@18.0.6":
+  version "18.0.6"
+  resolved "https://registry.npm.taobao.org/@octokit/rest/download/@octokit/rest-18.0.6.tgz?cache=0&sync_timestamp=1600063050504&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frest%2Fdownload%2F%40octokit%2Frest-18.0.6.tgz#76c274f1a68f40741a131768ef483f041e7b98b6"
+  integrity sha1-dsJ08aaPQHQaExdo70g/BB57mLY=
+  dependencies:
+    "@octokit/core" "^3.0.0"
     "@octokit/plugin-paginate-rest" "^2.2.0"
     "@octokit/plugin-request-log" "^1.0.0"
-    "@octokit/plugin-rest-endpoint-methods" "3.11.0"
+    "@octokit/plugin-rest-endpoint-methods" "4.2.0"
 
-"@octokit/types@^2.0.0", "@octokit/types@^2.12.1", "@octokit/types@^2.16.0":
+"@octokit/types@^2.0.0", "@octokit/types@^2.12.1":
   version "2.16.2"
   resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-2.16.2.tgz?cache=0&sync_timestamp=1590387414021&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Ftypes%2Fdownload%2F%40octokit%2Ftypes-2.16.2.tgz#4c5f8da3c6fecf3da1811aef678fda03edac35d2"
   integrity sha1-TF+No8b+zz2hgRrvZ4/aA+2sNdI=
   dependencies:
     "@types/node" ">= 8"
 
+"@octokit/types@^5.0.0", "@octokit/types@^5.0.1", "@octokit/types@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-5.5.0.tgz#e5f06e8db21246ca102aa28444cdb13ae17a139b"
+  integrity sha1-5fBujbISRsoQKqKERM2xOuF6E5s=
+  dependencies:
+    "@types/node" ">= 8"
+
 "@samverschueren/stream-to-observable@^0.3.0":
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.0.tgz#ecdf48d532c58ea477acfcab80348424f8d0662f"
@@ -1231,10 +1270,10 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
   integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
 
-"@sindresorhus/is@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-2.1.1.tgz#ceff6a28a5b4867c2dd4a1ba513de278ccbe8bb1"
-  integrity sha1-zv9qKKW0hnwt1KG6UT3ieMy+i7E=
+"@sindresorhus/is@^3.1.1":
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-3.1.2.tgz?cache=0&sync_timestamp=1602540622325&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40sindresorhus%2Fis%2Fdownload%2F%40sindresorhus%2Fis-3.1.2.tgz#548650de521b344e3781fbdb0ece4aa6f729afb8"
+  integrity sha1-VIZQ3lIbNE43gfvbDs5Kpvcpr7g=
 
 "@sinonjs/commons@^1.7.0":
   version "1.7.1"
@@ -1731,17 +1770,17 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/eslint-config@^3.0.0-alpha.2":
-  version "3.0.0-alpha.2"
-  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-alpha.2.tgz#a5145ba05f67a6d91c1d5565ab542322bec79250"
-  integrity sha1-pRRboF9nptkcHVVlq1QjIr7HklA=
+"@vant/eslint-config@^3.0.0-beta.0":
+  version "3.0.0-beta.0"
+  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-beta.0.tgz#110979111f3b4cd64c742e1b29be7470c464d3bc"
+  integrity sha1-EQl5ER87TNZMdC4bKb50cMRk07w=
   dependencies:
     "@typescript-eslint/eslint-plugin" "^3.9.1"
     "@typescript-eslint/parser" "^3.9.1"
     eslint-config-airbnb-base "^14.2.0"
     eslint-config-prettier "^6.11.0"
     eslint-plugin-import "^2.22.0"
-    eslint-plugin-vue "7.0.0-beta.2"
+    eslint-plugin-vue "^7.0.1"
 
 "@vant/markdown-loader@^3.0.0-alpha.0":
   version "3.0.0-alpha.0"
@@ -2823,10 +2862,10 @@ ccount@^1.0.0:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz#ac82a944905a65ce204eb03023157edf29425c17"
   integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==
 
-chalk@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.0.0.tgz#6e98081ed2d17faab615eb52ac66ec1fe6209e72"
-  integrity sha1-bpgIHtLRf6q2FetSrGbsH+YgnnI=
+chalk@4.1.0, chalk@^4.0.0, chalk@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1592843133653&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
   dependencies:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
@@ -2848,19 +2887,6 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^4.0.0, chalk@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1592843133653&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-changelog-filename-regex@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/changelog-filename-regex/-/changelog-filename-regex-1.1.2.tgz#19e98e38248cff0c1cf3ae3bf51bfb22c48592d6"
-  integrity sha512-kpOfKlZ9x2UpeC4at6FAXHLKfi/JEUqUqkPCb1JUCa5FnNbJIzOHRM9RfeQ1QDcpj+Gxuc/UoHqASgmEeFDejQ==
-
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
@@ -2981,7 +3007,7 @@ cli-cursor@^3.1.0:
   dependencies:
     restore-cursor "^3.1.0"
 
-cli-spinners@^2.2.0, cli-spinners@^2.4.0:
+cli-spinners@^2.4.0:
   version "2.4.0"
   resolved "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.4.0.tgz#c6256db216b878cfba4720e719cec7cf72685d7f"
   integrity sha512-sJAofoarcm76ZGpuooaO0eDy8saEy+YoZBLjC4h8srt4jeBnkYeOgqxgsJQTpyt2LjI5PTfLJHSL+41Yu4fEJA==
@@ -2994,10 +3020,10 @@ cli-truncate@2.1.0, cli-truncate@^2.1.0:
     slice-ansi "^3.0.0"
     string-width "^4.2.0"
 
-cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha1-ovSEN6LKqaIkNueUvwceyeYc7fY=
 
 cliui@^5.0.0:
   version "5.0.0"
@@ -3446,16 +3472,16 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@6.0.0, cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+cosmiconfig@7.0.0, cosmiconfig@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
   dependencies:
     "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
+    import-fresh "^3.2.1"
     parse-json "^5.0.0"
     path-type "^4.0.0"
-    yaml "^1.7.2"
+    yaml "^1.10.0"
 
 cosmiconfig@^5.0.0:
   version "5.2.1"
@@ -3467,16 +3493,16 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
-cosmiconfig@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
-  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
   dependencies:
     "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
+    import-fresh "^3.1.0"
     parse-json "^5.0.0"
     path-type "^4.0.0"
-    yaml "^1.10.0"
+    yaml "^1.7.2"
 
 cross-env@^7.0.2:
   version "7.0.2"
@@ -3623,13 +3649,20 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@4.1.1, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
   integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
   dependencies:
     ms "^2.1.1"
 
+debug@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502855763&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
+  integrity sha1-fxUPk5IOlMWPVXTC/QGjEQ7/5/E=
+  dependencies:
+    ms "2.1.2"
+
 debug@^3.1.1, debug@^3.2.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -3783,13 +3816,13 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
-deprecated-obj@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/deprecated-obj/-/deprecated-obj-1.0.1.tgz#d7051278d2c141dc672ac3410d06642e990003b7"
-  integrity sha512-igs766xNtF7Fv/R//gT644e6dr+bT6kJrg+qyJA9affCyvf70UUNKIUIMUSROBg1sPUrBnENPsDdDHcBLI5wFQ==
+deprecated-obj@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/deprecated-obj/download/deprecated-obj-2.0.0.tgz#e6ba93a3989f6ed18d685e7d99fb8d469b4beffc"
+  integrity sha1-5rqTo5ifbtGNaF59mfuNRptL7/w=
   dependencies:
-    flat "^4.1.0"
-    lodash "^4.17.11"
+    flat "^5.0.2"
+    lodash "^4.17.20"
 
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
@@ -3811,16 +3844,6 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
-detect-repo-changelog@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/detect-repo-changelog/-/detect-repo-changelog-1.0.1.tgz#c2108cbbf0964da7bc074645b6ad1d3b80a6bd6d"
-  integrity sha1-whCMu/CWTae8B0ZFtq0dO4CmvW0=
-  dependencies:
-    changelog-filename-regex "^1.1.0"
-    is-regular-file "^1.0.1"
-    lodash.find "^4.6.0"
-    pify "^2.3.0"
-
 diff-sequences@^25.2.6:
   version "25.2.6"
   resolved "https://registry.npm.taobao.org/diff-sequences/download/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"
@@ -4192,10 +4215,10 @@ eslint-plugin-import@^2.22.0:
     resolve "^1.17.0"
     tsconfig-paths "^3.9.0"
 
-eslint-plugin-vue@7.0.0-beta.2:
-  version "7.0.0-beta.2"
-  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0-beta.2.tgz#4828923ec24193060f80567bf8c15b18e13968b3"
-  integrity sha512-EpAVWT62JTM7Yo6IUJIaIvNMSuayDaMVMXv1SC96d1/7nyx18U0FrLRKpN2GdTY8Efi4UepgR75XW7ucSRiI7A==
+eslint-plugin-vue@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-7.0.1.tgz?cache=0&sync_timestamp=1601862810095&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-vue%2Fdownload%2Feslint-plugin-vue-7.0.1.tgz#8e69a9041bb9719c018f154fdcacbb17713e0240"
+  integrity sha1-jmmpBBu5cZwBjxVP3Ky7F3E+AkA=
   dependencies:
     eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
@@ -4343,10 +4366,10 @@ exec-sh@^0.3.2:
   resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
   integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
 
-execa@4.0.1:
-  version "4.0.1"
-  resolved "https://registry.npm.taobao.org/execa/download/execa-4.0.1.tgz?cache=0&sync_timestamp=1590156636749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fexeca%2Fdownload%2Fexeca-4.0.1.tgz#988488781f1f0238cd156f7aaede11c3e853b4c1"
-  integrity sha1-mISIeB8fAjjNFW96rt4Rw+hTtME=
+execa@4.0.3, execa@^4.0.0, execa@^4.0.1, execa@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
+  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -4371,21 +4394,6 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^4.0.0, execa@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
-  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    human-signals "^1.1.1"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.0"
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
 execall@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execall/-/execall-1.0.0.tgz#73d0904e395b3cab0658b08d09ec25307f29bb73"
@@ -4689,12 +4697,12 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+find-up@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/find-up/download/find-up-5.0.0.tgz?cache=0&sync_timestamp=1597169884679&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha1-TJKBnstwg1YeT0okCoa+UZj1Nvw=
   dependencies:
-    locate-path "^5.0.0"
+    locate-path "^6.0.0"
     path-exists "^4.0.0"
 
 find-up@^1.0.0:
@@ -4719,6 +4727,14 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 find-versions@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-3.2.0.tgz#10297f98030a786829681690545ef659ed1d254e"
@@ -4735,12 +4751,10 @@ flat-cache@^2.0.1:
     rimraf "2.6.3"
     write "1.0.3"
 
-flat@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-4.1.0.tgz#090bec8b05e39cba309747f1d588f04dbaf98db2"
-  integrity sha512-Px/TiLIznH7gEDlPXcUD4KnBusa6kR6ayRUVcnEAbreRIuhkqow/mun59BuRXwoYk7ZQOLW1ZM05ilIvK38hFw==
-  dependencies:
-    is-buffer "~2.0.3"
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npm.taobao.org/flat/download/flat-5.0.2.tgz?cache=0&sync_timestamp=1596729088991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat%2Fdownload%2Fflat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha1-jKb+MyBp/6nTJMMnGYxZglnOskE=
 
 flatted@^2.0.0:
   version "2.0.1"
@@ -4995,10 +5009,10 @@ git-up@^4.0.0:
     is-ssh "^1.3.0"
     parse-url "^5.0.0"
 
-git-url-parse@11.1.2:
-  version "11.1.2"
-  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-11.1.2.tgz#aff1a897c36cc93699270587bea3dbcbbb95de67"
-  integrity sha512-gZeLVGY8QVKMIkckncX+iCq2/L8PlwncvDFKiWkBn9EtCfYDbliRTTp6qzyQ1VMdITUfq7293zDzfpjdiGASSQ==
+git-url-parse@11.3.0:
+  version "11.3.0"
+  resolved "https://registry.npm.taobao.org/git-url-parse/download/git-url-parse-11.3.0.tgz#1515b4574c4eb2efda7d25cc50b29ce8beaefaae"
+  integrity sha1-FRW0V0xOsu/afSXMULKc6L6u+q4=
   dependencies:
     git-up "^4.0.0"
 
@@ -5081,7 +5095,19 @@ globals@^12.1.0:
   dependencies:
     type-fest "^0.8.1"
 
-globby@11.0.0, globby@^11.0.0:
+globby@11.0.1:
+  version "11.0.1"
+  resolved "https://registry.npm.taobao.org/globby/download/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
+  integrity sha1-mivxB6Bo8//qvEmtcCx57ejP01c=
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
+globby@^11.0.0:
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.0.tgz#56fd0e9f0d4f8fb0c456f1ab0dee96e1380bc154"
   integrity sha512-iuehFnR3xu5wBBtm4xi0dMe92Ob87ufyu/dHwpDYfbcpYpIbrO5OnS8M1vWvrBhSGEJ3/Ecj7gnX76P8YxpPEg==
@@ -5130,20 +5156,19 @@ gonzales-pe@^4.2.3, gonzales-pe@^4.3.0:
   dependencies:
     minimist "^1.2.5"
 
-got@11.1.4:
-  version "11.1.4"
-  resolved "https://registry.npm.taobao.org/got/download/got-11.1.4.tgz?cache=0&sync_timestamp=1589646612924&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-11.1.4.tgz#ecf0064aab26ae4b2989ab52aadd31a17e7bad63"
-  integrity sha1-7PAGSqsmrkspiatSqt0xoX57rWM=
+got@11.7.0:
+  version "11.7.0"
+  resolved "https://registry.npm.taobao.org/got/download/got-11.7.0.tgz?cache=0&sync_timestamp=1600463006759&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-11.7.0.tgz#a386360305571a74548872e674932b4ef70d3b24"
+  integrity sha1-o4Y2AwVXGnRUiHLmdJMrTvcNOyQ=
   dependencies:
-    "@sindresorhus/is" "^2.1.1"
+    "@sindresorhus/is" "^3.1.1"
     "@szmarczak/http-timer" "^4.0.5"
     "@types/cacheable-request" "^6.0.1"
     "@types/responselike" "^1.0.0"
     cacheable-lookup "^5.0.3"
     cacheable-request "^7.0.1"
     decompress-response "^6.0.0"
-    get-stream "^5.1.0"
-    http2-wrapper "^1.0.0-beta.4.5"
+    http2-wrapper "^1.0.0-beta.5.2"
     lowercase-keys "^2.0.0"
     p-cancelable "^2.0.0"
     responselike "^2.0.0"
@@ -5454,12 +5479,12 @@ http-signature@~1.2.0:
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
-http2-wrapper@^1.0.0-beta.4.5:
-  version "1.0.0-beta.4.6"
-  resolved "https://registry.npm.taobao.org/http2-wrapper/download/http2-wrapper-1.0.0-beta.4.6.tgz#9438f0fceb946c8cbd365076c228a4d3bd4d0143"
-  integrity sha1-lDjw/OuUbIy9NlB2wiik071NAUM=
+http2-wrapper@^1.0.0-beta.5.2:
+  version "1.0.0-beta.5.2"
+  resolved "https://registry.npm.taobao.org/http2-wrapper/download/http2-wrapper-1.0.0-beta.5.2.tgz?cache=0&sync_timestamp=1594436795894&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp2-wrapper%2Fdownload%2Fhttp2-wrapper-1.0.0-beta.5.2.tgz#8b923deb90144aea65cf834b016a340fc98556f3"
+  integrity sha1-i5I965AUSuplz4NLAWo0D8mFVvM=
   dependencies:
-    quick-lru "^5.0.0"
+    quick-lru "^5.1.1"
     resolve-alpn "^1.0.0"
 
 https-proxy-agent@^4.0.0:
@@ -5665,21 +5690,21 @@ ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@7.1.0:
-  version "7.1.0"
-  resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.1.0.tgz?cache=0&sync_timestamp=1583819732252&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.1.0.tgz#1298a01859883e17c7264b82870ae1034f92dd29"
-  integrity sha1-EpigGFmIPhfHJkuChwrhA0+S3Sk=
+inquirer@7.3.3:
+  version "7.3.3"
+  resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.3.3.tgz?cache=0&sync_timestamp=1595471601345&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha1-BNF2sq8Er8FXqD/XwQDpjuCq0AM=
   dependencies:
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
+    cli-width "^3.0.0"
     external-editor "^3.0.3"
     figures "^3.0.0"
-    lodash "^4.17.15"
+    lodash "^4.17.19"
     mute-stream "0.0.8"
     run-async "^2.4.0"
-    rxjs "^6.5.3"
+    rxjs "^6.6.0"
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
     through "^2.3.6"
@@ -5785,7 +5810,7 @@ is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-buffer@^2.0.0, is-buffer@~2.0.3:
+is-buffer@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
   integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
@@ -5923,10 +5948,10 @@ is-interactive@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
   integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
-is-npm@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
-  integrity sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==
+is-npm@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/is-npm/download/is-npm-5.0.0.tgz#43e8d65cc56e1b67f8d47262cf667099193f45a8"
+  integrity sha1-Q+jWXMVuG2f41HJiz2ZwmRk/Rag=
 
 is-number@^3.0.0:
   version "3.0.0"
@@ -5998,6 +6023,11 @@ is-plain-object@^3.0.0:
   dependencies:
     isobject "^4.0.0"
 
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-5.0.0.tgz?cache=0&sync_timestamp=1599667247216&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-plain-object%2Fdownload%2Fis-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha1-RCf1CrNCnpAl6n1S6QQ6nvQVk0Q=
+
 is-potential-custom-element-name@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
@@ -6025,11 +6055,6 @@ is-regexp@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
   integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==
 
-is-regular-file@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-regular-file/-/is-regular-file-1.1.1.tgz#ffcf9cae56ec63bc55b17d6fed1af441986dab66"
-  integrity sha512-+1U3MZrVwC4HM6VUKk3L5fiHtNd2d9kayzEJhmQ+B+uIBPE/p8Fy8QVdkx0HIr3o9J5TOKJY40eI5GfTfBqbdA==
-
 is-ssh@^1.3.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.1.tgz#f349a8cadd24e65298037a522cf7520f2e81a0f3"
@@ -6678,6 +6703,11 @@ json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npm.taobao.org/json-parse-even-better-errors/download/json-parse-even-better-errors-2.3.1.tgz?cache=0&sync_timestamp=1599064822543&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson-parse-even-better-errors%2Fdownload%2Fjson-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0=
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -7014,16 +7044,18 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha1-VTIeswn+u8WcSAHZMackUqaB0oY=
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
-lodash.find@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-4.6.0.tgz#cb0704d47ab71789ffa0de8b97dd926fb88b13b1"
-  integrity sha1-ywcE1Hq3F4n/oN6Ll92Sb7iLE7E=
-
 lodash.ismatch@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
@@ -7054,10 +7086,10 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
-lodash@4.17.15:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+lodash@4.17.20, lodash@^4.17.20:
+  version "4.17.20"
+  resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336053864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
 
 lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
   version "4.17.19"
@@ -7071,13 +7103,6 @@ log-symbols@^2.0.0, log-symbols@^2.2.0:
   dependencies:
     chalk "^2.0.1"
 
-log-symbols@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
-  dependencies:
-    chalk "^2.4.2"
-
 log-symbols@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/log-symbols/download/log-symbols-4.0.0.tgz#69b3cc46d20f448eccdb75ea1fa733d9e821c920"
@@ -7554,7 +7579,7 @@ ms@2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
-ms@^2.1.1:
+ms@2.1.2, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -7637,7 +7662,7 @@ no-case@^3.0.3:
     lower-case "^2.0.1"
     tslib "^1.10.0"
 
-node-fetch@^2.2.0, node-fetch@^2.3.0:
+node-fetch@^2.2.0, node-fetch@^2.3.0, node-fetch@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
   integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
@@ -7922,21 +7947,7 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-ora@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.npm.taobao.org/ora/download/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
-  integrity sha1-6NppfMW2pHJmZVv2jg+1iNKaVF0=
-  dependencies:
-    chalk "^3.0.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.2.0"
-    is-interactive "^1.0.0"
-    log-symbols "^3.0.0"
-    mute-stream "0.0.8"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-ora@^5.0.0:
+ora@5.1.0, ora@^5.0.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/ora/-/ora-5.1.0.tgz#b188cf8cd2d4d9b13fd25383bc3e5cba352c94f8"
   integrity sha512-9tXIMPvjZ7hPTbk8DFq1f7Kow/HU/pQYB60JbNq+QnGwcyhWVZaQ4hM9zQDEsPxw/muLpgiHSaumUZxCAmod/w==
@@ -7962,7 +7973,15 @@ os-homedir@^1.0.0:
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-name@3.1.0, os-name@^3.1.0:
+os-name@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/os-name/download/os-name-4.0.0.tgz#6c05c09c41c15848ea74658d12c9606f0f286599"
+  integrity sha1-bAXAnEHBWEjqdGWNEslgbw8oZZk=
+  dependencies:
+    macos-release "^2.2.0"
+    windows-release "^4.0.0"
+
+os-name@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-name/-/os-name-3.1.0.tgz#dec19d966296e1cd62d701a5a66ee1ddeae70801"
   integrity sha512-h8L+8aNjNcMpo/mAIBPn5PXCM16iyPGjHNWo6U1YO8sJTMHtEtyczI6QJnLoplswm6goopQkqc7OAnjhWcugVg==
@@ -8045,6 +8064,13 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-5.0.0.tgz?cache=0&sync_timestamp=1597081369770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha1-g8gxXGeFAF470CGDlBHJ4RDm2DQ=
+  dependencies:
+    p-limit "^3.0.2"
+
 p-map@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
@@ -8142,14 +8168,14 @@ parse-github-repo-url@^1.3.0:
   resolved "https://registry.yarnpkg.com/parse-github-repo-url/-/parse-github-repo-url-1.4.1.tgz#9e7d8bb252a6cb6ba42595060b7bf6df3dbc1f50"
   integrity sha1-nn2LslKmy2ukJZUGC3v23z28H1A=
 
-parse-json@5.0.0, parse-json@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+parse-json@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/parse-json/download/parse-json-5.1.0.tgz?cache=0&sync_timestamp=1598129230057&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-5.1.0.tgz#f96088cdf24a8faa9aea9a009f2d9d942c999646"
+  integrity sha1-+WCIzfJKj6qa6poAny2dlCyZlkY=
   dependencies:
     "@babel/code-frame" "^7.0.0"
     error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
+    json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
 parse-json@^2.2.0:
@@ -8167,6 +8193,16 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
+parse-json@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
+  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+    lines-and-columns "^1.1.6"
+
 parse-path@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.1.tgz#0ec769704949778cb3b8eda5e994c32073a1adff"
@@ -8788,10 +8824,10 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-quick-lru@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.0.tgz#1602f339bde554c4dace47880227ec9c2869f2e8"
-  integrity sha1-FgLzOb3lVMTazkeIAifsnChp8ug=
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha1-NmST5rPkKjpoheLpnRj4D7eoyTI=
 
 randombytes@^2.1.0:
   version "2.1.0"
@@ -9058,42 +9094,39 @@ relateurl@^0.2.7:
   resolved "https://registry.npm.taobao.org/relateurl/download/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
 
-release-it@^13.6.1:
-  version "13.6.1"
-  resolved "https://registry.npm.taobao.org/release-it/download/release-it-13.6.1.tgz#4ee5a3d7d42eefc3ac20b7bde07fcb98860e9a31"
-  integrity sha1-TuWj19Qu78OsILe94H/LmIYOmjE=
+release-it@^14.0.0:
+  version "14.1.0"
+  resolved "https://registry.npm.taobao.org/release-it/download/release-it-14.1.0.tgz#44dce71e35fcd57e0518c6dfdca1486a0c2889e6"
+  integrity sha1-RNznHjX81X4FGMbf3KFIagwoieY=
   dependencies:
     "@iarna/toml" "2.2.5"
-    "@octokit/rest" "17.9.0"
+    "@octokit/rest" "18.0.6"
     async-retry "1.3.1"
-    chalk "4.0.0"
-    cosmiconfig "6.0.0"
-    debug "4.1.1"
-    deprecated-obj "1.0.1"
-    detect-repo-changelog "1.0.1"
-    execa "4.0.1"
-    find-up "4.1.0"
+    chalk "4.1.0"
+    cosmiconfig "7.0.0"
+    debug "4.2.0"
+    deprecated-obj "2.0.0"
+    execa "4.0.3"
+    find-up "5.0.0"
     form-data "3.0.0"
-    git-url-parse "11.1.2"
-    globby "11.0.0"
-    got "11.1.4"
+    git-url-parse "11.3.0"
+    globby "11.0.1"
+    got "11.7.0"
     import-cwd "3.0.0"
-    inquirer "7.1.0"
+    inquirer "7.3.3"
     is-ci "2.0.0"
-    lodash "4.17.15"
+    lodash "4.17.20"
     mime-types "2.1.27"
-    ora "4.0.4"
-    os-name "3.1.0"
-    parse-json "5.0.0"
+    ora "5.1.0"
+    os-name "4.0.0"
+    parse-json "5.1.0"
     semver "7.3.2"
     shelljs "0.8.4"
-    supports-color "7.1.0"
-    update-notifier "4.1.0"
+    update-notifier "5.0.0"
     url-join "4.0.1"
-    uuid "8.0.0"
-    window-size "1.1.1"
+    uuid "8.3.1"
     yaml "1.10.0"
-    yargs-parser "18.1.3"
+    yargs-parser "20.2.1"
 
 remark-parse@^6.0.0:
   version "6.0.3"
@@ -9412,13 +9445,20 @@ run-parallel@^1.1.9:
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
   integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
 
-rxjs@^6.5.3, rxjs@^6.5.5:
+rxjs@^6.5.5:
   version "6.5.5"
   resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.5.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
   integrity sha1-xciE4wlMjP7jG/J+uH5UzPyH+ew=
   dependencies:
     tslib "^1.9.0"
 
+rxjs@^6.6.0:
+  version "6.6.3"
+  resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.6.3.tgz?cache=0&sync_timestamp=1600896629335&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
+  integrity sha1-jKhGNcTaqQDA05Z6buesYCce5VI=
+  dependencies:
+    tslib "^1.9.0"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -10373,13 +10413,6 @@ sugarss@^2.0.0:
   dependencies:
     postcss "^7.0.2"
 
-supports-color@7.1.0, supports-color@^7.0.0, supports-color@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -10394,6 +10427,13 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
+  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-hyperlinks@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz#f663df252af5f37c5d49bbd7eeefa9e0b9e59e47"
@@ -10992,6 +11032,11 @@ universal-user-agent@^5.0.0:
   dependencies:
     os-name "^3.1.0"
 
+universal-user-agent@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/universal-user-agent/download/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
+  integrity sha1-M4H4UDslHA2c0hvB3pOeyd9UgO4=
+
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
@@ -11020,22 +11065,23 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-notifier@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-4.1.0.tgz#4866b98c3bc5b5473c020b1250583628f9a328f3"
-  integrity sha512-w3doE1qtI0/ZmgeoDoARmI5fjDoT93IfKgEGqm26dGUOh8oNpaSTsGNdYRN/SjOuo10jcJGwkEL3mroKzktkew==
+update-notifier@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/update-notifier/download/update-notifier-5.0.0.tgz#308e0ae772f71d66df0303159a945bc1e1fb819a"
+  integrity sha1-MI4K53L3HWbfAwMVmpRbweH7gZo=
   dependencies:
     boxen "^4.2.0"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     configstore "^5.0.1"
     has-yarn "^2.1.0"
     import-lazy "^2.1.0"
     is-ci "^2.0.0"
     is-installed-globally "^0.3.1"
-    is-npm "^4.0.0"
+    is-npm "^5.0.0"
     is-yarn-global "^0.3.0"
     latest-version "^5.0.0"
     pupa "^2.0.1"
+    semver "^7.3.2"
     semver-diff "^3.1.1"
     xdg-basedir "^4.0.0"
 
@@ -11112,10 +11158,10 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
-uuid@8.0.0:
-  version "8.0.0"
-  resolved "https://registry.npm.taobao.org/uuid/download/uuid-8.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-8.0.0.tgz#bc6ccf91b5ff0ac07bbcdbf1c7c4e150db4dbb6c"
-  integrity sha1-vGzPkbX/CsB7vNvxx8ThUNtNu2w=
+uuid@8.3.1, uuid@^8.3.0:
+  version "8.3.1"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
+  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
 
 uuid@^3.3.2, uuid@^3.4.0:
   version "3.4.0"
@@ -11127,11 +11173,6 @@ uuid@^7.0.2:
   resolved "https://registry.npm.taobao.org/uuid/download/uuid-7.0.3.tgz?cache=0&sync_timestamp=1588192989289&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-7.0.3.tgz#c5c9f2c8cf25dc0a372c4df1441c41f5bd0c680b"
   integrity sha1-xcnyyM8l3Ao3LE3xRBxB9b0MaAs=
 
-uuid@^8.3.0:
-  version "8.3.1"
-  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
-  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
-
 v8-compile-cache@^2.0.3, v8-compile-cache@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
@@ -11516,14 +11557,6 @@ wildcard@^2.0.0:
   resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
   integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
-window-size@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-1.1.1.tgz#9858586580ada78ab26ecd6978a6e03115c1af20"
-  integrity sha512-5D/9vujkmVQ7pSmc0SCBmHXbkv6eaHwXEx65MywhmUMsI8sGqJ972APq1lotfcwMKPFLuCFfL8xGHLIp7jaBmA==
-  dependencies:
-    define-property "^1.0.0"
-    is-number "^3.0.0"
-
 windows-release@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/windows-release/-/windows-release-3.2.0.tgz#8122dad5afc303d833422380680a79cdfa91785f"
@@ -11531,6 +11564,13 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
+windows-release@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/windows-release/download/windows-release-4.0.0.tgz#4725ec70217d1bf6e02c7772413b29cdde9ec377"
+  integrity sha1-RyXscCF9G/bgLHdyQTspzd6ew3c=
+  dependencies:
+    execa "^4.0.2"
+
 word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
@@ -11645,13 +11685,10 @@ yargs-parser@10.x, yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@18.1.3, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
-  version "18.1.3"
-  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
+yargs-parser@20.2.1:
+  version "20.2.1"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-20.2.1.tgz?cache=0&sync_timestamp=1601576684570&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-20.2.1.tgz#28f3773c546cdd8a69ddae68116b48a5da328e77"
+  integrity sha1-KPN3PFRs3Ypp3a5oEWtIpdoyjnc=
 
 yargs-parser@^13.1.2:
   version "13.1.2"
@@ -11661,6 +11698,14 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^18.1.2, yargs-parser@^18.1.3:
+  version "18.1.3"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.npm.taobao.org/yargs/download/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"

From cc635150ac2dda1a7a791976e93ec431032c86fb Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:54:18 +0800
Subject: [PATCH 601/626] chore: release @vant/cli@3.0.0-beta.8

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 245e98674..471383cbb 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-beta.8",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 0acad33ab930239530edf35a536aa4ff7ee3d724 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 20:55:35 +0800
Subject: [PATCH 602/626] chore: bump @vant/cli@3.0.0-beta.8

---
 package.json |    2 +-
 yarn.lock    | 1588 +++++++++++++++++---------------------------------
 2 files changed, 549 insertions(+), 1041 deletions(-)

diff --git a/package.json b/package.json
index a586d4545..f80d192f7 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^3.0.0-beta.7",
+    "@vant/cli": "^3.0.0-beta.8",
     "@vue/compiler-sfc": "^3.0.0",
     "prettier": "^2.0.4",
     "vue": "^3.0.0"
diff --git a/yarn.lock b/yarn.lock
index 64736f3b9..6d5e1fcad 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -593,7 +593,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.10.1":
+"@babel/plugin-syntax-jsx@^7.0.0":
   version "7.10.4"
   resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
   integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
@@ -1432,6 +1432,13 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
+"@npmcli/move-file@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/@npmcli/move-file/download/@npmcli/move-file-1.0.1.tgz?cache=0&sync_timestamp=1591142981153&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40npmcli%2Fmove-file%2Fdownload%2F%40npmcli%2Fmove-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464"
+  integrity sha1-3hAwcNrA9IzknPZpPCOvWcD3BGQ=
+  dependencies:
+    mkdirp "^1.0.4"
+
 "@nuxt/friendly-errors-webpack-plugin@^2.5.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.5.0.tgz#5374665bc72d34b7dbadcc361a4777e3f0f5d46b"
@@ -1500,12 +1507,12 @@
   resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.0.tgz#eef87a431300f6148c39a7f75f8cfeb218b2547e"
   integrity sha512-ywoxP68aOT3zHCLgWZgwUJatiENeHE7xJzYjfz8WI0goynp96wETBF+d95b8g/uL4QmS6owPVlaxiz3wyMAzcw==
 
-"@octokit/plugin-rest-endpoint-methods@4.0.0":
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-4.0.0.tgz#b02a2006dda8e908c3f8ab381dd5475ef5a810a8"
-  integrity sha512-emS6gysz4E9BNi9IrCl7Pm4kR+Az3MmVB0/DoDCmF4U48NbYG3weKyDlgkrz6Jbl4Mu4nDx8YWZwC4HjoTdcCA==
+"@octokit/plugin-rest-endpoint-methods@4.2.0":
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/@octokit/plugin-rest-endpoint-methods/download/@octokit/plugin-rest-endpoint-methods-4.2.0.tgz#c5a0691b3aba5d8b4ef5dffd6af3649608f167ba"
+  integrity sha1-xaBpGzq6XYtO9d/9avNklgjxZ7o=
   dependencies:
-    "@octokit/types" "^5.0.0"
+    "@octokit/types" "^5.5.0"
     deprecation "^2.3.1"
 
 "@octokit/request-error@^1.0.1":
@@ -1554,15 +1561,15 @@
     once "^1.4.0"
     universal-user-agent "^5.0.0"
 
-"@octokit/rest@18.0.0":
-  version "18.0.0"
-  resolved "https://registry.npmjs.org/@octokit/rest/-/rest-18.0.0.tgz#7f401d9ce13530ad743dfd519ae62ce49bcc0358"
-  integrity sha512-4G/a42lry9NFGuuECnua1R1eoKkdBYJap97jYbWDNYBOUboWcM75GJ1VIcfvwDV/pW0lMPs7CEmhHoVrSV5shg==
+"@octokit/rest@18.0.6":
+  version "18.0.6"
+  resolved "https://registry.npm.taobao.org/@octokit/rest/download/@octokit/rest-18.0.6.tgz?cache=0&sync_timestamp=1600062995784&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Frest%2Fdownload%2F%40octokit%2Frest-18.0.6.tgz#76c274f1a68f40741a131768ef483f041e7b98b6"
+  integrity sha1-dsJ08aaPQHQaExdo70g/BB57mLY=
   dependencies:
     "@octokit/core" "^3.0.0"
     "@octokit/plugin-paginate-rest" "^2.2.0"
     "@octokit/plugin-request-log" "^1.0.0"
-    "@octokit/plugin-rest-endpoint-methods" "4.0.0"
+    "@octokit/plugin-rest-endpoint-methods" "4.2.0"
 
 "@octokit/types@^2.0.0", "@octokit/types@^2.12.1":
   version "2.12.2"
@@ -1578,15 +1585,22 @@
   dependencies:
     "@types/node" ">= 8"
 
+"@octokit/types@^5.5.0":
+  version "5.5.0"
+  resolved "https://registry.npm.taobao.org/@octokit/types/download/@octokit/types-5.5.0.tgz?cache=0&sync_timestamp=1600028517947&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40octokit%2Ftypes%2Fdownload%2F%40octokit%2Ftypes-5.5.0.tgz#e5f06e8db21246ca102aa28444cdb13ae17a139b"
+  integrity sha1-5fBujbISRsoQKqKERM2xOuF6E5s=
+  dependencies:
+    "@types/node" ">= 8"
+
 "@sindresorhus/is@^0.14.0":
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
   integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
 
-"@sindresorhus/is@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/@sindresorhus/is/-/is-2.1.1.tgz#ceff6a28a5b4867c2dd4a1ba513de278ccbe8bb1"
-  integrity sha512-/aPsuoj/1Dw/kzhkgz+ES6TxG0zfTMGLwuK2ZG00k/iJzYHTLCE8mVU8EPqEOp/lmxPoq1C1C9RYToRKb2KEfg==
+"@sindresorhus/is@^3.1.1":
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-3.1.2.tgz?cache=0&sync_timestamp=1602542828376&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40sindresorhus%2Fis%2Fdownload%2F%40sindresorhus%2Fis-3.1.2.tgz#548650de521b344e3781fbdb0ece4aa6f729afb8"
+  integrity sha1-VIZQ3lIbNE43gfvbDs5Kpvcpr7g=
 
 "@sinonjs/commons@^1.7.0":
   version "1.7.1"
@@ -1730,11 +1744,32 @@
   dependencies:
     "@types/node" "*"
 
+"@types/eslint-scope@^3.7.0":
+  version "3.7.0"
+  resolved "https://registry.npm.taobao.org/@types/eslint-scope/download/@types/eslint-scope-3.7.0.tgz#4792816e31119ebd506902a482caec4951fabd86"
+  integrity sha1-R5KBbjERnr1QaQKkgsrsSVH6vYY=
+  dependencies:
+    "@types/eslint" "*"
+    "@types/estree" "*"
+
 "@types/eslint-visitor-keys@^1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
   integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
+"@types/eslint@*":
+  version "7.2.4"
+  resolved "https://registry.npm.taobao.org/@types/eslint/download/@types/eslint-7.2.4.tgz?cache=0&sync_timestamp=1602174120409&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Feslint%2Fdownload%2F%40types%2Feslint-7.2.4.tgz#d12eeed7741d2491b69808576ac2d20c14f74c41"
+  integrity sha1-0S7u13QdJJG2mAhXasLSDBT3TEE=
+  dependencies:
+    "@types/estree" "*"
+    "@types/json-schema" "*"
+
+"@types/estree@*", "@types/estree@^0.0.45":
+  version "0.0.45"
+  resolved "https://registry.npm.taobao.org/@types/estree/download/@types/estree-0.0.45.tgz?cache=0&sync_timestamp=1596838578233&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Festree%2Fdownload%2F%40types%2Festree-0.0.45.tgz#e9387572998e5ecdac221950dab3e8c3b16af884"
+  integrity sha1-6Th1cpmOXs2sIhlQ2rPow7Fq+IQ=
+
 "@types/events@*":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
@@ -1836,6 +1871,11 @@
     jest-diff "^25.2.1"
     pretty-format "^25.2.1"
 
+"@types/json-schema@*", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6":
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
+  integrity sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==
+
 "@types/json-schema@^7.0.3":
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
@@ -1846,11 +1886,6 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.5.tgz#dcce4430e64b443ba8945f0290fb564ad5bac6dd"
   integrity sha512-7+2BITlgjgDhH0vvwZU/HZJVyk+2XUlvxXe8dFMedNX/aMkaOq++rMAFXc0tM7ij15QaWlbdQASBR9dihi+bDQ==
 
-"@types/json-schema@^7.0.5":
-  version "7.0.6"
-  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.6.tgz#f4c7ec43e81b319a9815115031709f26987891f0"
-  integrity sha512-3c+yGKvVP5Y9TYBEibGNR+kLtijnj7mYrXRg+WpFb2X9xm04g/DXYkfg4hmzJQosc9snFNUPkbYIhu+KAm6jJw==
-
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -1993,7 +2028,7 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
-"@types/webpack@*", "@types/webpack@^4.41.13":
+"@types/webpack@*":
   version "4.41.18"
   resolved "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.18.tgz#2945202617866ecdffa582087f1b6de04a7eed55"
   integrity sha512-mQm2R8vV2BZE/qIDVYqmBVLfX73a8muwjs74SpjEyJWJxeXBbsI9L65Pcia9XfYLYWzD1c1V8m+L0p30y2N7MA==
@@ -2089,24 +2124,22 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.7":
-  version "3.0.0-beta.7"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.7.tgz#1fb7b8ae7856d1ab1c6f5b0b73375f27a33c45d7"
-  integrity sha512-ukemi4OVRkc6rkIJybQdtm2o+L3u5MXRjHvNMGKmtTQ8a8V8Mwu4SrdpGEl+kz/KUH2BBioP6sq1XxYvxywKrg==
+"@vant/cli@^3.0.0-beta.8":
+  version "3.0.0-beta.8"
+  resolved "https://registry.npm.taobao.org/@vant/cli/download/@vant/cli-3.0.0-beta.8.tgz?cache=0&sync_timestamp=1602593671369&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fcli%2Fdownload%2F%40vant%2Fcli-3.0.0-beta.8.tgz#07395b171220e2baf89c67b702fd8f02bed36e43"
+  integrity sha1-BzlbFxIg4rr4nGe3Av2PAr7TbkM=
   dependencies:
     "@babel/core" "^7.10.1"
-    "@babel/plugin-syntax-jsx" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
     "@babel/plugin-transform-runtime" "^7.10.1"
     "@babel/preset-env" "^7.10.1"
     "@babel/preset-typescript" "^7.10.1"
     "@nuxt/friendly-errors-webpack-plugin" "^2.5.0"
     "@types/jest" "^26.0.0"
-    "@types/webpack" "^4.41.13"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vant/eslint-config" "^3.0.0-alpha.2"
+    "@vant/eslint-config" "^3.0.0-beta.0"
     "@vant/markdown-loader" "^3.0.0-alpha.0"
-    "@vant/markdown-vetur" "^2.0.1"
+    "@vant/markdown-vetur" "^2.0.2"
     "@vant/stylelint-config" "^1.3.0"
     "@vant/touch-emulator" "^1.2.0"
     "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
@@ -2117,7 +2150,6 @@
     babel-jest "^26.0.1"
     babel-loader "^8.1.0"
     babel-plugin-import "^1.13.0"
-    cache-loader "^4.1.0"
     chokidar "^3.4.0"
     clean-css "^4.2.3"
     codecov "^3.7.0"
@@ -2131,7 +2163,7 @@
     fork-ts-checker-webpack-plugin "^5.0.0"
     gh-pages "^3.0.0"
     hash-sum "^2.0.0"
-    html-webpack-plugin "4.3.0"
+    html-webpack-plugin "4.5.0"
     husky "^4.2.5"
     jest "^26.0.0"
     jest-canvas-mock "^2.2.0"
@@ -2146,7 +2178,7 @@
     postcss-load-config "^3.0.0"
     postcss-loader "^3.0.0"
     prettier "^2.0.5"
-    release-it "^13.6.1"
+    release-it "^14.0.0"
     sass "^1.26.7"
     sass-loader "^8.0.2"
     style-loader "^1.2.1"
@@ -2155,22 +2187,22 @@
     vue-jest "^5.0.0-alpha.4"
     vue-loader "^16.0.0-beta.7"
     vue-router "^4.0.0-beta.13"
-    webpack "^4.43.0"
+    webpack "^5.0.0"
     webpack-dev-server "3.11.0"
     webpack-merge "^5.0.0"
     webpackbar "^4.0.0"
 
-"@vant/eslint-config@^3.0.0-alpha.2":
-  version "3.0.0-alpha.2"
-  resolved "https://registry.npmjs.org/@vant/eslint-config/-/eslint-config-3.0.0-alpha.2.tgz#a5145ba05f67a6d91c1d5565ab542322bec79250"
-  integrity sha512-RR0sR73Yjg4aylApRKkVo14wARmeeZTlSE+hgAKDN8LBRvIijNTZcw6gWDO41go9Ohopvq01O/Iu6gHSrafcDw==
+"@vant/eslint-config@^3.0.0-beta.0":
+  version "3.0.0-beta.0"
+  resolved "https://registry.npm.taobao.org/@vant/eslint-config/download/@vant/eslint-config-3.0.0-beta.0.tgz#110979111f3b4cd64c742e1b29be7470c464d3bc"
+  integrity sha1-EQl5ER87TNZMdC4bKb50cMRk07w=
   dependencies:
     "@typescript-eslint/eslint-plugin" "^3.9.1"
     "@typescript-eslint/parser" "^3.9.1"
     eslint-config-airbnb-base "^14.2.0"
     eslint-config-prettier "^6.11.0"
     eslint-plugin-import "^2.22.0"
-    eslint-plugin-vue "7.0.0-beta.2"
+    eslint-plugin-vue "^7.0.1"
 
 "@vant/icons@1.3.1":
   version "1.3.1"
@@ -2189,10 +2221,10 @@
     markdown-it-anchor "^5.2.5"
     transliteration "^2.1.7"
 
-"@vant/markdown-vetur@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@vant/markdown-vetur/-/markdown-vetur-2.0.1.tgz#cb0c2d33b5e5606e1dc7f3e6531c18b39d6e57a3"
-  integrity sha512-OhNFTQhCBlK+qIxfyw9unqU77Kf7gd5EsTUXPqg23lALWwpJiVb0IKGwxnYTZ9i7JAzTAho7oIGt7GQ0hhyvow==
+"@vant/markdown-vetur@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/@vant/markdown-vetur/download/@vant/markdown-vetur-2.0.2.tgz#8e6be188952a2c4b0e1d626bf93f47f84ab0f22d"
+  integrity sha1-jmvhiJUqLEsOHWJr+T9H+Eqw8i0=
   dependencies:
     fast-glob "^3.2.2"
     fs-extra "^9.0.0"
@@ -2534,16 +2566,16 @@ acorn-walk@^7.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
-acorn@^6.4.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
-  integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
-
 acorn@^7.1.1, acorn@^7.3.1:
   version "7.4.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
   integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
 
+acorn@^8.0.3:
+  version "8.0.4"
+  resolved "https://registry.npm.taobao.org/acorn/download/acorn-8.0.4.tgz?cache=0&sync_timestamp=1602534280466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-8.0.4.tgz#7a3ae4191466a6984eee0fe3407a4f3aa9db8354"
+  integrity sha1-ejrkGRRmpphO7g/jQHpPOqnbg1Q=
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -2619,6 +2651,16 @@ ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha1-uvWmLoArB9l3A0WG+MO69a3ybfQ=
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -2699,11 +2741,6 @@ anymatch@^3.0.3, anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2805,15 +2842,6 @@ asap@~2.0.3:
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
 
-asn1.js@^4.0.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
 asn1@~0.2.3:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
@@ -2826,14 +2854,6 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
 
-assert@^1.1.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
-  dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
-
 assign-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
@@ -3080,11 +3100,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
-base64-js@^1.0.2:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
-  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
-
 base@^0.11.1:
   version "0.11.2"
   resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
@@ -3137,16 +3152,11 @@ bindings@^1.5.0:
   dependencies:
     file-uri-to-path "1.0.0"
 
-bluebird@^3.1.1, bluebird@^3.5.5, bluebird@^3.7.2:
+bluebird@^3.1.1, bluebird@^3.7.2:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
-  version "4.11.9"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
-
 body-parser@1.19.0:
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
@@ -3225,75 +3235,11 @@ braces@^3.0.1, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-brorand@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
-
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
-  dependencies:
-    bn.js "^4.1.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
-  integrity sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=
-  dependencies:
-    bn.js "^4.1.1"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.2"
-    elliptic "^6.0.0"
-    inherits "^2.0.1"
-    parse-asn1 "^5.0.0"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
 browserslist@^4.11.1, browserslist@^4.8.3:
   version "4.11.1"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.11.1.tgz#92f855ee88d6e050e7e7311d987992014f1a1f1b"
@@ -3314,7 +3260,7 @@ browserslist@^4.12.0:
     escalade "^3.0.1"
     node-releases "^1.1.58"
 
-browserslist@^4.14.5:
+browserslist@^4.14.3, browserslist@^4.14.5:
   version "4.14.5"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
   integrity sha512-Z+vsCZIvCBvqLoYkBFTwEYH3v5MCQbsAjp50ERycpOjnPmolg1Gjy4+KaWWpm8QOJt9GHkhdqAl14NpCX73CWA==
@@ -3348,30 +3294,6 @@ buffer-indexof@^1.0.0:
   resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
   integrity sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==
 
-buffer-json@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-json/-/buffer-json-2.0.0.tgz#f73e13b1e42f196fe2fd67d001c7d7107edd7c23"
-  integrity sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
-
-buffer@^4.3.0:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
-
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -3382,26 +3304,28 @@ bytes@3.1.0:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
-cacache@^12.0.2:
-  version "12.0.3"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.3.tgz#be99abba4e1bf5df461cd5a2c1071fc432573390"
-  integrity sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==
+cacache@^15.0.5:
+  version "15.0.5"
+  resolved "https://registry.npm.taobao.org/cacache/download/cacache-15.0.5.tgz?cache=0&sync_timestamp=1594428006433&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
+  integrity sha1-aRYoM9opFw1nMjNGQ8YOAF9fF9A=
   dependencies:
-    bluebird "^3.5.5"
-    chownr "^1.1.1"
-    figgy-pudding "^3.5.1"
+    "@npmcli/move-file" "^1.0.1"
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
     glob "^7.1.4"
-    graceful-fs "^4.1.15"
-    infer-owner "^1.0.3"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
+    infer-owner "^1.0.4"
+    lru-cache "^6.0.0"
+    minipass "^3.1.1"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.2"
+    mkdirp "^1.0.3"
+    p-map "^4.0.0"
     promise-inflight "^1.0.1"
-    rimraf "^2.6.3"
-    ssri "^6.0.1"
+    rimraf "^3.0.2"
+    ssri "^8.0.0"
+    tar "^6.0.2"
     unique-filename "^1.1.1"
-    y18n "^4.0.0"
 
 cache-base@^1.0.1:
   version "1.0.1"
@@ -3418,18 +3342,6 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
-cache-loader@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cache-loader/-/cache-loader-4.1.0.tgz#9948cae353aec0a1fcb1eafda2300816ec85387e"
-  integrity sha512-ftOayxve0PwKzBF/GLsZNC9fJBXl8lkZE3TOsjkboHfVHVkL39iUEs1FO07A33mizmci5Dudt38UZrrYXDtbhw==
-  dependencies:
-    buffer-json "^2.0.0"
-    find-cache-dir "^3.0.0"
-    loader-utils "^1.2.3"
-    mkdirp "^0.5.1"
-    neo-async "^2.6.1"
-    schema-utils "^2.0.0"
-
 cacheable-lookup@^5.0.3:
   version "5.0.3"
   resolved "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.3.tgz#049fdc59dffdd4fc285e8f4f82936591bd59fec3"
@@ -3609,11 +3521,6 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-changelog-filename-regex@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/changelog-filename-regex/-/changelog-filename-regex-1.1.2.tgz#19e98e38248cff0c1cf3ae3bf51bfb22c48592d6"
-  integrity sha512-kpOfKlZ9x2UpeC4at6FAXHLKfi/JEUqUqkPCb1JUCa5FnNbJIzOHRM9RfeQ1QDcpj+Gxuc/UoHqASgmEeFDejQ==
-
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
@@ -3678,10 +3585,10 @@ chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/chownr/download/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
+  integrity sha1-Fb++U9LqtM9w8YqM1o6+Wzyx3s4=
 
 chrome-trace-event@^1.0.2:
   version "1.0.2"
@@ -3700,14 +3607,6 @@ ci-info@^2.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 class-utils@^0.3.5:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
@@ -3742,11 +3641,6 @@ cli-cursor@^3.1.0:
   dependencies:
     restore-cursor "^3.1.0"
 
-cli-spinners@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
-  integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
-
 cli-spinners@^2.4.0:
   version "2.4.0"
   resolved "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.4.0.tgz#c6256db216b878cfba4720e719cec7cf72685d7f"
@@ -3760,10 +3654,10 @@ cli-truncate@2.1.0, cli-truncate@^2.1.0:
     slice-ansi "^3.0.0"
     string-width "^4.2.0"
 
-cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/cli-width/download/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha1-ovSEN6LKqaIkNueUvwceyeYc7fY=
 
 cliui@^5.0.0:
   version "5.0.0"
@@ -3967,16 +3861,6 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
-concat-stream@^1.5.0:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
-
 condense-newlines@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/condense-newlines/-/condense-newlines-0.2.1.tgz#3de985553139475d32502c83b02f60684d24c55f"
@@ -4026,11 +3910,6 @@ consola@^2.12.2:
   resolved "https://registry.npmjs.org/consola/-/consola-2.14.0.tgz#162ee903b6c9c4de25077d93f34ab902ebcb4dac"
   integrity sha512-A2j1x4u8d6SIVikhZROfpFJxQZie+cZOfQMyI/tu2+hWXe8iAv7R6FW6s6x04/7zBCst94lPddztot/d6GJiuQ==
 
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
 consolidate@^0.15.1:
   version "0.15.1"
   resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
@@ -4045,11 +3924,6 @@ consolidate@^0.16.0:
   dependencies:
     bluebird "^3.7.2"
 
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
-
 contains-path@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
@@ -4231,18 +4105,6 @@ cookie@0.4.0:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
-copy-concurrently@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
-  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
-  dependencies:
-    aproba "^1.1.1"
-    fs-write-stream-atomic "^1.0.8"
-    iferr "^0.1.5"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.0"
-
 copy-descriptor@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
@@ -4261,16 +4123,16 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@6.0.0, cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+cosmiconfig@7.0.0, cosmiconfig@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
+  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
   dependencies:
     "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
+    import-fresh "^3.2.1"
     parse-json "^5.0.0"
     path-type "^4.0.0"
-    yaml "^1.7.2"
+    yaml "^1.10.0"
 
 cosmiconfig@^5.0.0:
   version "5.2.1"
@@ -4282,47 +4144,16 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
-cosmiconfig@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
-  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
+cosmiconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
+  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
   dependencies:
     "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
+    import-fresh "^3.1.0"
     parse-json "^5.0.0"
     path-type "^4.0.0"
-    yaml "^1.10.0"
-
-create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.0.0"
-
-create-hash@^1.1.0, create-hash@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
+    yaml "^1.7.2"
 
 cross-env@^7.0.2:
   version "7.0.2"
@@ -4360,23 +4191,6 @@ cross-spawn@^7.0.2:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
@@ -4465,11 +4279,6 @@ currently-unhandled@^0.4.1:
   dependencies:
     array-find-index "^1.0.1"
 
-cyclist@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
-  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
-
 dargs@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-4.1.0.tgz#03a9dbb4b5c2f139bf14ae53f0b8a2a6a86f4e17"
@@ -4505,13 +4314,20 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@4.1.1, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
   integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
   dependencies:
     ms "^2.1.1"
 
+debug@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502873540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz#7f150f93920e94c58f5574c2fd01a3110effe7f1"
+  integrity sha1-fxUPk5IOlMWPVXTC/QGjEQ7/5/E=
+  dependencies:
+    ms "2.1.2"
+
 debug@^3.1.1, debug@^3.2.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
@@ -4665,27 +4481,19 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
-deprecated-obj@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/deprecated-obj/-/deprecated-obj-1.0.1.tgz#d7051278d2c141dc672ac3410d06642e990003b7"
-  integrity sha512-igs766xNtF7Fv/R//gT644e6dr+bT6kJrg+qyJA9affCyvf70UUNKIUIMUSROBg1sPUrBnENPsDdDHcBLI5wFQ==
+deprecated-obj@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/deprecated-obj/download/deprecated-obj-2.0.0.tgz#e6ba93a3989f6ed18d685e7d99fb8d469b4beffc"
+  integrity sha1-5rqTo5ifbtGNaF59mfuNRptL7/w=
   dependencies:
-    flat "^4.1.0"
-    lodash "^4.17.11"
+    flat "^5.0.2"
+    lodash "^4.17.20"
 
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
-des.js@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
 destroy@~1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
@@ -4701,16 +4509,6 @@ detect-node@^2.0.4:
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
   integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
 
-detect-repo-changelog@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/detect-repo-changelog/-/detect-repo-changelog-1.0.1.tgz#c2108cbbf0964da7bc074645b6ad1d3b80a6bd6d"
-  integrity sha1-whCMu/CWTae8B0ZFtq0dO4CmvW0=
-  dependencies:
-    changelog-filename-regex "^1.1.0"
-    is-regular-file "^1.0.1"
-    lodash.find "^4.6.0"
-    pify "^2.3.0"
-
 diff-sequences@^25.2.6:
   version "25.2.6"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"
@@ -4721,15 +4519,6 @@ diff-sequences@^26.5.0:
   resolved "https://registry.npmjs.org/diff-sequences/-/diff-sequences-26.5.0.tgz#ef766cf09d43ed40406611f11c6d8d9dd8b2fefd"
   integrity sha512-ZXx86srb/iYy6jG71k++wBN9P9J05UNQ5hQHQd9MtMPvcqXPx/vKU69jfHV637D00Q2gSgPk2D+jSx3l1lDW/Q==
 
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
 dir-glob@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
@@ -4794,11 +4583,6 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-domain-browser@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
 domelementtype@1, domelementtype@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
@@ -4866,16 +4650,6 @@ duplexer3@^0.1.4:
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
   integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
 
-duplexify@^3.4.2, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -4914,19 +4688,6 @@ electron-to-chromium@^1.3.571:
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.577.tgz#9885f3f72c6e3367010b461ff6f2d9624a929720"
   integrity sha512-dSb64JQSFif/pD8mpVAgSFkbVi6YHbK6JeEziwNNmXlr/Ne2rZtseFK5SM7JoWSLf6gP0gVvRGi4/2ZRhSX/rA==
 
-elliptic@^6.0.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
-  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
-  dependencies:
-    bn.js "^4.4.0"
-    brorand "^1.0.1"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.0"
-
 email-addresses@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
@@ -4957,21 +4718,20 @@ encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
+end-of-stream@^1.1.0:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
-  integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
+enhanced-resolve@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.npm.taobao.org/enhanced-resolve/download/enhanced-resolve-5.2.0.tgz#3db3307a608f236f33aeea79303d32915792cbab"
+  integrity sha1-PbMwemCPI28zrup5MD0ykVeSy6s=
   dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.5.0"
-    tapable "^1.0.0"
+    graceful-fs "^4.2.4"
+    tapable "^2.0.0"
 
 enquirer@^2.3.5:
   version "2.3.6"
@@ -4990,7 +4750,7 @@ entities@^2.0.0, entities@~2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.0.tgz#68d6084cab1b079767540d80e56a39b423e4abf4"
   integrity sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==
 
-errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
+errno@^0.1.1, errno@^0.1.3:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
   integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==
@@ -5147,24 +4907,16 @@ eslint-plugin-import@^2.22.0:
     resolve "^1.17.0"
     tsconfig-paths "^3.9.0"
 
-eslint-plugin-vue@7.0.0-beta.2:
-  version "7.0.0-beta.2"
-  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-7.0.0-beta.2.tgz#4828923ec24193060f80567bf8c15b18e13968b3"
-  integrity sha512-EpAVWT62JTM7Yo6IUJIaIvNMSuayDaMVMXv1SC96d1/7nyx18U0FrLRKpN2GdTY8Efi4UepgR75XW7ucSRiI7A==
+eslint-plugin-vue@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-7.0.1.tgz#8e69a9041bb9719c018f154fdcacbb17713e0240"
+  integrity sha1-jmmpBBu5cZwBjxVP3Ky7F3E+AkA=
   dependencies:
     eslint-utils "^2.1.0"
     natural-compare "^1.4.0"
     semver "^7.3.2"
     vue-eslint-parser "^7.1.0"
 
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
 eslint-scope@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
@@ -5321,10 +5073,10 @@ eventemitter3@^4.0.0:
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
-  integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
+events@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/events/download/events-3.2.0.tgz?cache=0&sync_timestamp=1595422602348&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fevents%2Fdownload%2Fevents-3.2.0.tgz#93b87c18f8efcd4202a461aec4dfc0556b639379"
+  integrity sha1-k7h8GPjvzUICpGGuxN/AVWtjk3k=
 
 eventsource@^1.0.7:
   version "1.0.7"
@@ -5333,23 +5085,15 @@ eventsource@^1.0.7:
   dependencies:
     original "^1.0.0"
 
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
 exec-sh@^0.3.2:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
   integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
 
-execa@4.0.2, execa@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.npmjs.org/execa/-/execa-4.0.2.tgz#ad87fb7b2d9d564f70d2b62d511bee41d5cbb240"
-  integrity sha512-QI2zLa6CjGWdiQsmSkZoGtDx2N+cQIGb3yNolGTdjSQzydzLgYYf8LRuagp7S7fPimjcrzUDSUFd/MgzELMi4Q==
+execa@4.0.3, execa@^4.0.0, execa@^4.0.2:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
+  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -5374,10 +5118,10 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-execa@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.npmjs.org/execa/-/execa-4.0.3.tgz#0a34dabbad6d66100bd6f2c576c8669403f317f2"
-  integrity sha512-WFDXGHckXPWZX19t1kCsXzOpqX9LWYNqn4C+HqZlk/V0imTkzJZqf87ZBhvpHaftERYknpk0fjSylnXVlVgI0A==
+execa@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/execa/-/execa-4.0.2.tgz#ad87fb7b2d9d564f70d2b62d511bee41d5cbb240"
+  integrity sha512-QI2zLa6CjGWdiQsmSkZoGtDx2N+cQIGb3yNolGTdjSQzydzLgYYf8LRuagp7S7fPimjcrzUDSUFd/MgzELMi4Q==
   dependencies:
     cross-spawn "^7.0.0"
     get-stream "^5.0.0"
@@ -5596,11 +5340,6 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-figgy-pudding@^3.5.1:
-  version "3.5.1"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
-  integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
-
 figures@^3.0.0, figures@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
@@ -5688,15 +5427,6 @@ find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-cache-dir@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.0.tgz#4d74ed1fe9ef1731467ca24378e8f8f5c8b6ed11"
-  integrity sha512-PtXtQb7IrD8O+h6Cq1dbpJH5NzD8+9keN1zZ0YlpDzl1PwXEJEBj6u1Xa92t1Hwluoozd9TNKul5Hi2iqpsWwg==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
 find-cache-dir@^3.3.1:
   version "3.3.1"
   resolved "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.1.tgz#89b33fad4a4670daa94f855f7fbe31d6d84fe880"
@@ -5706,12 +5436,12 @@ find-cache-dir@^3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+find-up@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/find-up/download/find-up-5.0.0.tgz?cache=0&sync_timestamp=1597756298124&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha1-TJKBnstwg1YeT0okCoa+UZj1Nvw=
   dependencies:
-    locate-path "^5.0.0"
+    locate-path "^6.0.0"
     path-exists "^4.0.0"
 
 find-up@^1.0.0:
@@ -5736,6 +5466,14 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 find-versions@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-3.2.0.tgz#10297f98030a786829681690545ef659ed1d254e"
@@ -5752,26 +5490,16 @@ flat-cache@^2.0.1:
     rimraf "2.6.3"
     write "1.0.3"
 
-flat@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-4.1.0.tgz#090bec8b05e39cba309747f1d588f04dbaf98db2"
-  integrity sha512-Px/TiLIznH7gEDlPXcUD4KnBusa6kR6ayRUVcnEAbreRIuhkqow/mun59BuRXwoYk7ZQOLW1ZM05ilIvK38hFw==
-  dependencies:
-    is-buffer "~2.0.3"
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npm.taobao.org/flat/download/flat-5.0.2.tgz?cache=0&sync_timestamp=1596729278264&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflat%2Fdownload%2Fflat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
+  integrity sha1-jKb+MyBp/6nTJMMnGYxZglnOskE=
 
 flatted@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08"
   integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==
 
-flush-write-stream@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
-  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
-  dependencies:
-    inherits "^2.0.3"
-    readable-stream "^2.3.6"
-
 follow-redirects@^1.0.0:
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
@@ -5839,14 +5567,6 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-from2@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
-  integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-
 front-matter@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-3.1.0.tgz#a0b758c3c6c39ce43e107dd0909a57d42964c2de"
@@ -5873,21 +5593,18 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
+  integrity sha1-f1A2/b8SxjwWkZDL5BmchSJx+fs=
+  dependencies:
+    minipass "^3.0.0"
+
 fs-monkey@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
   integrity sha512-fcSa+wyTqZa46iWweI7/ZiUfegOZl0SG8+dltIwFXo7+zYU9J9kpS3NB6pZcSlJdhvIwp81Adx2XhZorncxiaA==
 
-fs-write-stream-atomic@^1.0.8:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
-  integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=
-  dependencies:
-    graceful-fs "^4.1.2"
-    iferr "^0.1.5"
-    imurmurhash "^0.1.4"
-    readable-stream "1 || 2"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -6038,10 +5755,10 @@ git-up@^4.0.0:
     is-ssh "^1.3.0"
     parse-url "^5.0.0"
 
-git-url-parse@11.1.2:
-  version "11.1.2"
-  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-11.1.2.tgz#aff1a897c36cc93699270587bea3dbcbbb95de67"
-  integrity sha512-gZeLVGY8QVKMIkckncX+iCq2/L8PlwncvDFKiWkBn9EtCfYDbliRTTp6qzyQ1VMdITUfq7293zDzfpjdiGASSQ==
+git-url-parse@11.3.0:
+  version "11.3.0"
+  resolved "https://registry.npm.taobao.org/git-url-parse/download/git-url-parse-11.3.0.tgz?cache=0&sync_timestamp=1601459334842&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-url-parse%2Fdownload%2Fgit-url-parse-11.3.0.tgz#1515b4574c4eb2efda7d25cc50b29ce8beaefaae"
+  integrity sha1-FRW0V0xOsu/afSXMULKc6L6u+q4=
   dependencies:
     git-up "^4.0.0"
 
@@ -6072,6 +5789,11 @@ glob-to-regexp@^0.3.0:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
   integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
 
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npm.taobao.org/glob-to-regexp/download/glob-to-regexp-0.4.1.tgz?cache=0&sync_timestamp=1596697446688&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob-to-regexp%2Fdownload%2Fglob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha1-x1KXCHyFG5pXi9IX3VmpL1n+VG4=
+
 glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
@@ -6168,20 +5890,19 @@ gonzales-pe@^4.2.3, gonzales-pe@^4.3.0:
   dependencies:
     minimist "^1.2.5"
 
-got@11.3.0:
-  version "11.3.0"
-  resolved "https://registry.npmjs.org/got/-/got-11.3.0.tgz#25e8da8b0125b3b984613a6b719e678dd2e20406"
-  integrity sha512-yi/kiZY2tNMtt5IfbfX8UL3hAZWb2gZruxYZ72AY28pU5p0TZjZdl0uRsuaFbnC0JopdUi3I+Mh1F3dPQ9Dh0Q==
+got@11.7.0:
+  version "11.7.0"
+  resolved "https://registry.npm.taobao.org/got/download/got-11.7.0.tgz?cache=0&sync_timestamp=1600463391648&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-11.7.0.tgz#a386360305571a74548872e674932b4ef70d3b24"
+  integrity sha1-o4Y2AwVXGnRUiHLmdJMrTvcNOyQ=
   dependencies:
-    "@sindresorhus/is" "^2.1.1"
+    "@sindresorhus/is" "^3.1.1"
     "@szmarczak/http-timer" "^4.0.5"
     "@types/cacheable-request" "^6.0.1"
     "@types/responselike" "^1.0.0"
     cacheable-lookup "^5.0.3"
     cacheable-request "^7.0.1"
     decompress-response "^6.0.0"
-    get-stream "^5.1.0"
-    http2-wrapper "^1.0.0-beta.4.5"
+    http2-wrapper "^1.0.0-beta.5.2"
     lowercase-keys "^2.0.0"
     p-cancelable "^2.0.0"
     responselike "^2.0.0"
@@ -6203,7 +5924,7 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
+graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
@@ -6306,14 +6027,6 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hash-base@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
-  integrity sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 hash-sum@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
@@ -6324,14 +6037,6 @@ hash-sum@^2.0.0:
   resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
   integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
 
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
 he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
@@ -6342,15 +6047,6 @@ highlight.js@^9.17.1:
   resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
   integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
 
-hmac-drbg@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
 hosted-git-info@^2.1.4:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
@@ -6406,10 +6102,10 @@ html-tags@^3.1.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
   integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
 
-html-webpack-plugin@4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.3.0.tgz#53bf8f6d696c4637d5b656d3d9863d89ce8174fd"
-  integrity sha512-C0fzKN8yQoVLTelcJxZfJCE+aAvQiY2VUf3UuKrR4a9k5UMWYOtpDLsaXwATbcVCnI05hUS7L9ULQHWLZhyi3w==
+html-webpack-plugin@4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-4.5.0.tgz?cache=0&sync_timestamp=1600690506465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhtml-webpack-plugin%2Fdownload%2Fhtml-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
+  integrity sha1-YlCXZQiGuX6l2uMxwyDjI49sEhw=
   dependencies:
     "@types/html-minifier-terser" "^5.0.0"
     "@types/tapable" "^1.0.5"
@@ -6517,19 +6213,14 @@ http-signature@~1.2.0:
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
-http2-wrapper@^1.0.0-beta.4.5:
-  version "1.0.0-beta.4.6"
-  resolved "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.0-beta.4.6.tgz#9438f0fceb946c8cbd365076c228a4d3bd4d0143"
-  integrity sha512-9oB4BiGDTI1FmIBlOF9OJ5hwJvcBEmPCqk/hy314Uhy2uq5TjekUZM8w8SPLLlUEM+mxNhXdPAXfrJN2Zbb/GQ==
+http2-wrapper@^1.0.0-beta.5.2:
+  version "1.0.0-beta.5.2"
+  resolved "https://registry.npm.taobao.org/http2-wrapper/download/http2-wrapper-1.0.0-beta.5.2.tgz#8b923deb90144aea65cf834b016a340fc98556f3"
+  integrity sha1-i5I965AUSuplz4NLAWo0D8mFVvM=
   dependencies:
-    quick-lru "^5.0.0"
+    quick-lru "^5.1.1"
     resolve-alpn "^1.0.0"
 
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
-
 https-proxy-agent@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz#702b71fb5520a132a66de1f67541d9e62154d82b"
@@ -6586,16 +6277,6 @@ icss-utils@^4.0.0, icss-utils@^4.1.1:
   dependencies:
     postcss "^7.0.14"
 
-ieee754@^1.1.4:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
-
-iferr@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
-  integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
-
 ignore-walk@3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
@@ -6725,10 +6406,10 @@ indexes-of@^1.0.1:
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
   integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
 
-infer-owner@^1.0.3:
+infer-owner@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
+  resolved "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha1-xM78qo5RBRwqQLos6KPScpWvlGc=
 
 inflight@^1.0.4:
   version "1.0.6"
@@ -6738,16 +6419,11 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
-
 inherits@2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
@@ -6758,21 +6434,21 @@ ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@7.2.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/inquirer/-/inquirer-7.2.0.tgz#63ce99d823090de7eb420e4bb05e6f3449aa389a"
-  integrity sha512-E0c4rPwr9ByePfNlTIB8z51kK1s2n6jrHuJeEHENl/sbq2G/S1auvibgEwNR4uSyiU+PiYHqSwsgGiXjG8p5ZQ==
+inquirer@7.3.3:
+  version "7.3.3"
+  resolved "https://registry.npm.taobao.org/inquirer/download/inquirer-7.3.3.tgz?cache=0&sync_timestamp=1595471629455&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finquirer%2Fdownload%2Finquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha1-BNF2sq8Er8FXqD/XwQDpjuCq0AM=
   dependencies:
     ansi-escapes "^4.2.1"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     cli-cursor "^3.1.0"
-    cli-width "^2.0.0"
+    cli-width "^3.0.0"
     external-editor "^3.0.3"
     figures "^3.0.0"
-    lodash "^4.17.15"
+    lodash "^4.17.19"
     mute-stream "0.0.8"
     run-async "^2.4.0"
-    rxjs "^6.5.3"
+    rxjs "^6.6.0"
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
     through "^2.3.6"
@@ -6878,7 +6554,7 @@ is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
-is-buffer@^2.0.0, is-buffer@~2.0.3:
+is-buffer@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
   integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
@@ -7021,10 +6697,10 @@ is-interactive@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
   integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
-is-npm@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-4.0.0.tgz#c90dd8380696df87a7a6d823c20d0b12bbe3c84d"
-  integrity sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==
+is-npm@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/is-npm/download/is-npm-5.0.0.tgz#43e8d65cc56e1b67f8d47262cf667099193f45a8"
+  integrity sha1-Q+jWXMVuG2f41HJiz2ZwmRk/Rag=
 
 is-number@^3.0.0:
   version "3.0.0"
@@ -7130,11 +6806,6 @@ is-regexp@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d"
   integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==
 
-is-regular-file@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-regular-file/-/is-regular-file-1.1.1.tgz#ffcf9cae56ec63bc55b17d6fed1af441986dab66"
-  integrity sha512-+1U3MZrVwC4HM6VUKk3L5fiHtNd2d9kayzEJhmQ+B+uIBPE/p8Fy8QVdkx0HIr3o9J5TOKJY40eI5GfTfBqbdA==
-
 is-ssh@^1.3.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.1.tgz#f349a8cadd24e65298037a522cf7520f2e81a0f3"
@@ -7842,6 +7513,11 @@ json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npm.taobao.org/json-parse-even-better-errors/download/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha1-fEeAWpQxmSjgV3dAXcEuH3pO4C0=
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -8127,10 +7803,10 @@ load-json-file@^4.0.0:
     pify "^3.0.0"
     strip-bom "^3.0.0"
 
-loader-runner@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
-  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
+loader-runner@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-4.1.0.tgz?cache=0&sync_timestamp=1601450715716&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-4.1.0.tgz#f70bc0c29edbabdf2043e7ee73ccc3fe1c96b42d"
+  integrity sha1-9wvAwp7bq98gQ+fuc8zD/hyWtC0=
 
 loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
@@ -8173,6 +7849,13 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-6.0.0.tgz?cache=0&sync_timestamp=1597081904643&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flocate-path%2Fdownload%2Flocate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha1-VTIeswn+u8WcSAHZMackUqaB0oY=
+  dependencies:
+    p-locate "^5.0.0"
+
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
@@ -8183,11 +7866,6 @@ lodash.camelcase@^4.3.0:
   resolved "https://registry.npm.taobao.org/lodash.camelcase/download/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
 
-lodash.find@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-4.6.0.tgz#cb0704d47ab71789ffa0de8b97dd926fb88b13b1"
-  integrity sha1-ywcE1Hq3F4n/oN6Ll92Sb7iLE7E=
-
 lodash.ismatch@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
@@ -8218,7 +7896,12 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
-lodash@4.17.15, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4:
+lodash@4.17.20, lodash@^4.17.20:
+  version "4.17.20"
+  resolved "https://registry.npm.taobao.org/lodash/download/lodash-4.17.20.tgz?cache=0&sync_timestamp=1597336097104&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash%2Fdownload%2Flodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
+  integrity sha1-tEqbYpe8tpjxxRo1RaKzs2jVnFI=
+
+lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
@@ -8235,13 +7918,6 @@ log-symbols@^2.0.0, log-symbols@^2.2.0:
   dependencies:
     chalk "^2.0.1"
 
-log-symbols@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
-  dependencies:
-    chalk "^2.4.2"
-
 log-symbols@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz#69b3cc46d20f448eccdb75ea1fa733d9e821c920"
@@ -8316,6 +7992,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=
+  dependencies:
+    yallist "^4.0.0"
+
 macos-release@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
@@ -8420,15 +8103,6 @@ mathml-tag-names@^2.0.1, mathml-tag-names@^2.1.3:
   resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
   integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
 
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
 mdast-util-compact@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.4.tgz#d531bb7667b5123abf20859be086c4d06c894593"
@@ -8468,14 +8142,6 @@ memory-fs@^0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
-memory-fs@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
-  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
 meow@^3.3.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
@@ -8595,20 +8261,12 @@ micromatch@^4.0.2:
     braces "^3.0.1"
     picomatch "^2.0.5"
 
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
 mime-db@1.44.0, "mime-db@>= 1.43.0 < 2":
   version "1.44.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
   integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
 
-mime-types@2.1.27, mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
+mime-types@2.1.27, mime-types@^2.1.12, mime-types@^2.1.27, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
   version "2.1.27"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
   integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
@@ -8645,16 +8303,11 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.0.tgz#cfc45c37e9ec0d8f0a0ec3dd4ef7f7c3abe39256"
   integrity sha1-z8RcN+nsDY8KDsPdTvf3w6vjklY=
 
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+minimalistic-assert@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
   integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
-minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
-
 minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -8684,21 +8337,41 @@ minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-mississippi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
-  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/minipass-collect/download/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  integrity sha1-IrgTv3Rdxu26JXa5QAIq1u3Ixhc=
   dependencies:
-    concat-stream "^1.5.0"
-    duplexify "^3.4.2"
-    end-of-stream "^1.1.0"
-    flush-write-stream "^1.0.0"
-    from2 "^2.1.0"
-    parallel-transform "^1.1.0"
-    pump "^3.0.0"
-    pumpify "^1.3.3"
-    stream-each "^1.1.0"
-    through2 "^2.0.0"
+    minipass "^3.0.0"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/minipass-flush/download/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  integrity sha1-gucTXX6JpQ/+ZGEKeHlTxMTLs3M=
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.2:
+  version "1.2.4"
+  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.4.tgz?cache=0&sync_timestamp=1595998565446&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass-pipeline%2Fdownload%2Fminipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha1-aEcveXEcCEZXwGfFxq2Tzd6oIUw=
+  dependencies:
+    minipass "^3.0.0"
+
+minipass@^3.0.0, minipass@^3.1.1:
+  version "3.1.3"
+  resolved "https://registry.npm.taobao.org/minipass/download/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
+  integrity sha1-fUL/HzljVILhX5zbUxhN7r1YFf0=
+  dependencies:
+    yallist "^4.0.0"
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npm.taobao.org/minizlib/download/minizlib-2.1.2.tgz?cache=0&sync_timestamp=1597445445405&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminizlib%2Fdownload%2Fminizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
+  integrity sha1-6Q00Zrogm5MkUVCKEc49NjIUWTE=
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
 
 mixin-deep@^1.2.0:
   version "1.3.2"
@@ -8722,23 +8395,16 @@ mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
+mkdirp@^1.0.3, mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
-move-concurrently@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
-  integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=
-  dependencies:
-    aproba "^1.1.1"
-    copy-concurrently "^1.0.0"
-    fs-write-stream-atomic "^1.0.8"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.3"
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -8749,7 +8415,7 @@ ms@2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
-ms@^2.1.1:
+ms@2.1.2, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -8809,11 +8475,16 @@ negotiator@0.6.2:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
   integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
 
-neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
+neo-async@^2.6.0, neo-async@^2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
   integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
 
+neo-async@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.2.tgz?cache=0&sync_timestamp=1594317437265&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fneo-async%2Fdownload%2Fneo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
+  integrity sha1-tKr7k+OustgXTKU88WOrfXMIMF8=
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -8842,35 +8513,6 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
 
-node-libs-browser@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.1"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "^1.0.1"
-
 node-modules-regexp@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
@@ -9004,7 +8646,7 @@ oauth-sign@~0.9.0:
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
   integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
@@ -9151,21 +8793,7 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-ora@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-4.0.4.tgz#e8da697cc5b6a47266655bf68e0fb588d29a545d"
-  integrity sha512-77iGeVU1cIdRhgFzCK8aw1fbtT1B/iZAvWjS+l/o1x0RShMgxHUZaD2yDpWsNCPwXg9z1ZA78Kbdvr8kBmG/Ww==
-  dependencies:
-    chalk "^3.0.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.2.0"
-    is-interactive "^1.0.0"
-    log-symbols "^3.0.0"
-    mute-stream "0.0.8"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-ora@^5.0.0:
+ora@5.1.0, ora@^5.0.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/ora/-/ora-5.1.0.tgz#b188cf8cd2d4d9b13fd25383bc3e5cba352c94f8"
   integrity sha512-9tXIMPvjZ7hPTbk8DFq1f7Kow/HU/pQYB60JbNq+QnGwcyhWVZaQ4hM9zQDEsPxw/muLpgiHSaumUZxCAmod/w==
@@ -9186,17 +8814,20 @@ original@^1.0.0:
   dependencies:
     url-parse "^1.4.3"
 
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
-
 os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-name@3.1.0, os-name@^3.1.0:
+os-name@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/os-name/download/os-name-4.0.0.tgz?cache=0&sync_timestamp=1598732387986&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fos-name%2Fdownload%2Fos-name-4.0.0.tgz#6c05c09c41c15848ea74658d12c9606f0f286599"
+  integrity sha1-bAXAnEHBWEjqdGWNEslgbw8oZZk=
+  dependencies:
+    macos-release "^2.2.0"
+    windows-release "^4.0.0"
+
+os-name@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-name/-/os-name-3.1.0.tgz#dec19d966296e1cd62d701a5a66ee1ddeae70801"
   integrity sha512-h8L+8aNjNcMpo/mAIBPn5PXCM16iyPGjHNWo6U1YO8sJTMHtEtyczI6QJnLoplswm6goopQkqc7OAnjhWcugVg==
@@ -9251,6 +8882,13 @@ p-limit@^2.0.0, p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
+p-limit@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-3.0.2.tgz?cache=0&sync_timestamp=1594559720897&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-3.0.2.tgz#1664e010af3cadc681baafd3e2a437be7b0fb5fe"
+  integrity sha1-FmTgEK88rcaBuq/T4qQ3vnsPtf4=
+  dependencies:
+    p-try "^2.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -9272,6 +8910,13 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-5.0.0.tgz?cache=0&sync_timestamp=1597081785924&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-locate%2Fdownload%2Fp-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha1-g8gxXGeFAF470CGDlBHJ4RDm2DQ=
+  dependencies:
+    p-limit "^3.0.2"
+
 p-map@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
@@ -9311,20 +8956,6 @@ package-json@^6.3.0:
     registry-url "^5.0.0"
     semver "^6.2.0"
 
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-parallel-transform@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
-  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
-  dependencies:
-    cyclist "^1.0.1"
-    inherits "^2.0.3"
-    readable-stream "^2.1.5"
-
 param-case@^3.0.3:
   version "3.0.3"
   resolved "https://registry.npm.taobao.org/param-case/download/param-case-3.0.3.tgz#4be41f8399eff621c56eebb829a5e451d9801238"
@@ -9340,18 +8971,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
-  integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
-  dependencies:
-    asn1.js "^4.0.0"
-    browserify-aes "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
-
 parse-color@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-color/-/parse-color-1.0.0.tgz#7b748b95a83f03f16a94f535e52d7f3d94658619"
@@ -9388,14 +9007,14 @@ parse-github-repo-url@^1.3.0:
   resolved "https://registry.yarnpkg.com/parse-github-repo-url/-/parse-github-repo-url-1.4.1.tgz#9e7d8bb252a6cb6ba42595060b7bf6df3dbc1f50"
   integrity sha1-nn2LslKmy2ukJZUGC3v23z28H1A=
 
-parse-json@5.0.0, parse-json@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+parse-json@5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/parse-json/download/parse-json-5.1.0.tgz?cache=0&sync_timestamp=1598130878813&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fparse-json%2Fdownload%2Fparse-json-5.1.0.tgz#f96088cdf24a8faa9aea9a009f2d9d942c999646"
+  integrity sha1-+WCIzfJKj6qa6poAny2dlCyZlkY=
   dependencies:
     "@babel/code-frame" "^7.0.0"
     error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
+    json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
 parse-json@^2.2.0:
@@ -9413,6 +9032,16 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
+parse-json@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
+  integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+    lines-and-columns "^1.1.6"
+
 parse-path@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.1.tgz#0ec769704949778cb3b8eda5e994c32073a1adff"
@@ -9454,11 +9083,6 @@ pascalcase@^0.1.1:
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
 
-path-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -9539,17 +9163,6 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pbkdf2@^3.0.3:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
-  integrity sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
@@ -9967,11 +9580,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -10030,26 +9638,6 @@ psl@^1.1.28:
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.7.0.tgz#f1c4c47a8ef97167dea5d6bbf4816d736e884a3c"
   integrity sha512-5NsSEDv8zY70ScRnOTn7bK7eanl2MvFrOrS/R6x+dBt5g1ghnj9Zv90kO8GwT8gxcu2ANyFprnFYB85IogIJOQ==
 
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -10058,25 +9646,11 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
 punycode@1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
   integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
-punycode@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
-
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
@@ -10112,11 +9686,6 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
-
 querystring@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
@@ -10137,26 +9706,18 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-quick-lru@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.0.tgz#1602f339bde554c4dace47880227ec9c2869f2e8"
-  integrity sha512-WjAKQ9ORzvqjLijJXiXWqc3Gcs1ivoxCj6KJmEjoWBE6OtHwuaDLSAUqGHALUiid7A1KqGqsSHZs8prxF5xxAQ==
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npm.taobao.org/quick-lru/download/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha1-NmST5rPkKjpoheLpnRj4D7eoyTI=
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
+randombytes@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  resolved "https://registry.npm.taobao.org/randombytes/download/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha1-32+ENy8CcNxlzfYpE0mrekc9Tyo=
   dependencies:
     safe-buffer "^5.1.0"
 
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
 range-parser@^1.2.1, range-parser@~1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
@@ -10257,7 +9818,16 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
+  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -10270,15 +9840,6 @@ read-pkg@^5.2.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-  integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
@@ -10420,42 +9981,39 @@ relateurl@^0.2.7:
   resolved "https://registry.npm.taobao.org/relateurl/download/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
 
-release-it@^13.6.1:
-  version "13.6.4"
-  resolved "https://registry.npmjs.org/release-it/-/release-it-13.6.4.tgz#535bf1fb32cd7ed91f83704948e06dbf080b8286"
-  integrity sha512-7r4uSp9OCisPwrWht6srHJOfA+2J0CFSDzguKZgX+oM6YuB083ZfXt9BwNN2aPVgv/DwhcMsQ2pDLEQSqJGlWQ==
+release-it@^14.0.0:
+  version "14.1.0"
+  resolved "https://registry.npm.taobao.org/release-it/download/release-it-14.1.0.tgz#44dce71e35fcd57e0518c6dfdca1486a0c2889e6"
+  integrity sha1-RNznHjX81X4FGMbf3KFIagwoieY=
   dependencies:
     "@iarna/toml" "2.2.5"
-    "@octokit/rest" "18.0.0"
+    "@octokit/rest" "18.0.6"
     async-retry "1.3.1"
     chalk "4.1.0"
-    cosmiconfig "6.0.0"
-    debug "4.1.1"
-    deprecated-obj "1.0.1"
-    detect-repo-changelog "1.0.1"
-    execa "4.0.2"
-    find-up "4.1.0"
+    cosmiconfig "7.0.0"
+    debug "4.2.0"
+    deprecated-obj "2.0.0"
+    execa "4.0.3"
+    find-up "5.0.0"
     form-data "3.0.0"
-    git-url-parse "11.1.2"
+    git-url-parse "11.3.0"
     globby "11.0.1"
-    got "11.3.0"
+    got "11.7.0"
     import-cwd "3.0.0"
-    inquirer "7.2.0"
+    inquirer "7.3.3"
     is-ci "2.0.0"
-    lodash "4.17.15"
+    lodash "4.17.20"
     mime-types "2.1.27"
-    ora "4.0.4"
-    os-name "3.1.0"
-    parse-json "5.0.0"
+    ora "5.1.0"
+    os-name "4.0.0"
+    parse-json "5.1.0"
     semver "7.3.2"
     shelljs "0.8.4"
-    supports-color "7.1.0"
-    update-notifier "4.1.0"
+    update-notifier "5.0.0"
     url-join "4.0.1"
-    uuid "8.2.0"
-    window-size "1.1.1"
+    uuid "8.3.1"
     yaml "1.10.0"
-    yargs-parser "18.1.3"
+    yargs-parser "20.2.1"
 
 remark-parse@^6.0.0:
   version "6.0.3"
@@ -10743,28 +10301,20 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^2.5.4, rimraf@^2.6.3:
+rimraf@^2.6.3:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
   integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0:
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
     glob "^7.1.3"
 
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
 rsvp@^4.8.4:
   version "4.8.5"
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
@@ -10782,20 +10332,6 @@ run-parallel@^1.1.9:
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
   integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
 
-run-queue@^1.0.0, run-queue@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
-  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
-  dependencies:
-    aproba "^1.1.1"
-
-rxjs@^6.5.3:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
-  integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
-  dependencies:
-    tslib "^1.9.0"
-
 rxjs@^6.5.5:
   version "6.6.0"
   resolved "https://registry.npmjs.org/rxjs/-/rxjs-6.6.0.tgz#af2901eedf02e3a83ffa7f886240ff9018bbec84"
@@ -10803,12 +10339,19 @@ rxjs@^6.5.5:
   dependencies:
     tslib "^1.9.0"
 
+rxjs@^6.6.0:
+  version "6.6.3"
+  resolved "https://registry.npm.taobao.org/rxjs/download/rxjs-6.6.3.tgz?cache=0&sync_timestamp=1600896620500&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frxjs%2Fdownload%2Frxjs-6.6.3.tgz#8ca84635c4daa900c0d3967a6ee7ac60271ee552"
+  integrity sha1-jKhGNcTaqQDA05Z6buesYCce5VI=
+  dependencies:
+    tslib "^1.9.0"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
   integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
@@ -10883,7 +10426,7 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
-schema-utils@^2.0.0, schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6:
+schema-utils@^2.6.1, schema-utils@^2.6.5, schema-utils@^2.6.6:
   version "2.6.6"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.6.6.tgz#299fe6bd4a3365dc23d99fd446caff8f1d6c330c"
   integrity sha512-wHutF/WPSbIi9x6ctjGGk2Hvl0VOz5l3EKEuKbjPlB30mKZUzb9A5k9yEXRX3pwyqVLPvpfZZEllaFq/M718hA==
@@ -10900,6 +10443,15 @@ schema-utils@^2.7.1:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-3.0.0.tgz?cache=0&sync_timestamp=1601922251376&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fschema-utils%2Fdownload%2Fschema-utils-3.0.0.tgz#67502f6aa2b66a2d4032b4279a2944978a0913ef"
+  integrity sha1-Z1AvaqK2ai1AMrQnmilEl4oJE+8=
+  dependencies:
+    "@types/json-schema" "^7.0.6"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -10968,10 +10520,12 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
-serialize-javascript@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
-  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+serialize-javascript@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-5.0.1.tgz?cache=0&sync_timestamp=1599740666792&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4"
+  integrity sha1-eIbshIBJpGJGepfT2Rjrsqr5NPQ=
+  dependencies:
+    randombytes "^2.1.0"
 
 serve-index@^1.9.1:
   version "1.9.1"
@@ -11011,11 +10565,6 @@ set-value@^2.0.0, set-value@^2.0.1:
     is-plain-object "^2.0.3"
     split-string "^3.0.1"
 
-setimmediate@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
-
 setprototypeof@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
@@ -11026,14 +10575,6 @@ setprototypeof@1.1.1:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
   integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
 
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 shallow-clone@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
@@ -11189,7 +10730,7 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-list-map@^2.0.0:
+source-list-map@^2.0.0, source-list-map@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
@@ -11213,6 +10754,14 @@ source-map-support@^0.5.6, source-map-support@~0.5.12:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-support@~0.5.19:
+  version "0.5.19"
+  resolved "https://registry.npm.taobao.org/source-map-support/download/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha1-qYti+G3K9PZzmWSMCFKRq56P7WE=
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map-url@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
@@ -11228,7 +10777,7 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
+source-map@^0.7.3, source-map@~0.7.2:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
@@ -11333,12 +10882,12 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
-  integrity sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==
+ssri@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/ssri/download/ssri-8.0.0.tgz#79ca74e21f8ceaeddfcb4b90143c458b8d988808"
+  integrity sha1-ecp04h+M6u3fy0uQFDxFi42YiAg=
   dependencies:
-    figgy-pudding "^3.5.1"
+    minipass "^3.1.1"
 
 stack-utils@^2.0.2:
   version "2.0.2"
@@ -11382,22 +10931,6 @@ stealthy-require@^1.1.1:
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
   integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
 
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
-
-stream-each@^1.1.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
-  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    stream-shift "^1.0.0"
-
 stream-events@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/stream-events/-/stream-events-1.0.5.tgz#bbc898ec4df33a4902d892333d47da9bf1c406d5"
@@ -11405,22 +10938,6 @@ stream-events@^1.0.5:
   dependencies:
     stubs "^3.0.0"
 
-stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
@@ -11502,7 +11019,7 @@ string.prototype.trimstart@^1.0.1:
     define-properties "^1.1.3"
     es-abstract "^1.17.5"
 
-string_decoder@^1.0.0, string_decoder@^1.1.1:
+string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -11817,13 +11334,6 @@ sugarss@^2.0.0:
   dependencies:
     postcss "^7.0.2"
 
-supports-color@7.1.0, supports-color@^7.0.0, supports-color@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -11838,6 +11348,13 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
+  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-hyperlinks@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz#f663df252af5f37c5d49bbd7eeefa9e0b9e59e47"
@@ -11871,6 +11388,23 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tapable@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/tapable/download/tapable-2.0.0.tgz?cache=0&sync_timestamp=1600381257656&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
+  integrity sha1-pJw9aoortgbn2zcrgpBMlw1Tegg=
+
+tar@^6.0.2:
+  version "6.0.5"
+  resolved "https://registry.npm.taobao.org/tar/download/tar-6.0.5.tgz?cache=0&sync_timestamp=1597445446483&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
+  integrity sha1-vegVCG4Qs58dzSmOidWW4VNeIA8=
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^3.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
 teeny-request@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-6.0.1.tgz#9b1f512cef152945827ba7e34f62523a4ce2c5b0"
@@ -11895,22 +11429,22 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
-  integrity sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==
+terser-webpack-plugin@^4.1.0:
+  version "4.2.3"
+  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
+  integrity sha1-KNrvSoO9F8HbApcHCtwH/Iz8apo=
   dependencies:
-    cacache "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^2.1.2"
+    cacache "^15.0.5"
+    find-cache-dir "^3.3.1"
+    jest-worker "^26.5.0"
+    p-limit "^3.0.2"
+    schema-utils "^3.0.0"
+    serialize-javascript "^5.0.1"
     source-map "^0.6.1"
-    terser "^4.1.2"
-    webpack-sources "^1.4.0"
-    worker-farm "^1.7.0"
+    terser "^5.3.4"
+    webpack-sources "^1.4.3"
 
-terser@^4.1.2, terser@^4.6.3:
+terser@^4.6.3:
   version "4.6.10"
   resolved "https://registry.npm.taobao.org/terser/download/terser-4.6.10.tgz#90f5bd069ff456ddbc9503b18e52f9c493d3b7c2"
   integrity sha1-kPW9Bp/0Vt28lQOxjlL5xJPTt8I=
@@ -11919,6 +11453,15 @@ terser@^4.1.2, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^5.3.4:
+  version "5.3.5"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.5.tgz?cache=0&sync_timestamp=1602497328882&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser%2Fdownload%2Fterser-5.3.5.tgz#9e080baa0568f96654621b20eb9effa440b1484e"
+  integrity sha1-nggLqgVo+WZUYhsg657/pECxSE4=
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.7.2"
+    source-map-support "~0.5.19"
+
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -11968,13 +11511,6 @@ thunky@^1.0.2:
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
   integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
 
-timers-browserify@^2.0.4:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
-  integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
@@ -11987,11 +11523,6 @@ tmpl@1.0.x:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
   integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
 
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
-
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
@@ -12150,11 +11681,6 @@ tsutils@^3.17.1:
   dependencies:
     tslib "^1.8.1"
 
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -12221,11 +11747,6 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
 typescript@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npmjs.org/typescript/-/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
@@ -12460,22 +11981,23 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-notifier@4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-4.1.0.tgz#4866b98c3bc5b5473c020b1250583628f9a328f3"
-  integrity sha512-w3doE1qtI0/ZmgeoDoARmI5fjDoT93IfKgEGqm26dGUOh8oNpaSTsGNdYRN/SjOuo10jcJGwkEL3mroKzktkew==
+update-notifier@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/update-notifier/download/update-notifier-5.0.0.tgz#308e0ae772f71d66df0303159a945bc1e1fb819a"
+  integrity sha1-MI4K53L3HWbfAwMVmpRbweH7gZo=
   dependencies:
     boxen "^4.2.0"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     configstore "^5.0.1"
     has-yarn "^2.1.0"
     import-lazy "^2.1.0"
     is-ci "^2.0.0"
     is-installed-globally "^0.3.1"
-    is-npm "^4.0.0"
+    is-npm "^5.0.0"
     is-yarn-global "^0.3.0"
     latest-version "^5.0.0"
     pupa "^2.0.1"
+    semver "^7.3.2"
     semver-diff "^3.1.1"
     xdg-basedir "^4.0.0"
 
@@ -12542,20 +12064,6 @@ util.promisify@1.0.0:
     define-properties "^1.1.2"
     object.getownpropertydescriptors "^2.0.3"
 
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
 utila@^0.4.0, utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
@@ -12566,21 +12074,16 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
-uuid@8.2.0:
-  version "8.2.0"
-  resolved "https://registry.npmjs.org/uuid/-/uuid-8.2.0.tgz#cb10dd6b118e2dada7d0cd9730ba7417c93d920e"
-  integrity sha512-CYpGiFTUrmI6OBMkAdjSDM0k5h8SkkiTP4WAjQgDgNB1S3Ou9VBEvr6q0Kv2H1mMk7IWfxYGpMH5sd5AvcIV2Q==
+uuid@8.3.1, uuid@^8.3.0:
+  version "8.3.1"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
+  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
 
 uuid@^3.3.2, uuid@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-uuid@^8.3.0:
-  version "8.3.1"
-  resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.1.tgz#2ba2e6ca000da60fce5a196954ab241131e05a31"
-  integrity sha512-FOmRr+FmWEIG8uhZv6C2bTgEVXsHk08kE7mPlrBbEe+c3r9pjceVPgupIfNIhc4yx55H69OXANrUaSuu9eInKg==
-
 v8-compile-cache@^2.0.3:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
@@ -12668,11 +12171,6 @@ vfile@^4.0.0:
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
 vue-eslint-parser@^7.1.0:
   version "7.1.0"
   resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.1.0.tgz#9cdbcc823e656b087507a1911732b867ac101e83"
@@ -12753,14 +12251,13 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
-watchpack@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.1.tgz#280da0a8718592174010c078c7585a74cd8cd0e2"
-  integrity sha512-+IF9hfUFOrYOOaKyfaI7h7dquUIOgyEMoQMLA7OP5FxegKA2+XdXThAZ9TU2kucfhDH7rfMHs1oPYziVGWRnZA==
+watchpack@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/watchpack/download/watchpack-2.0.0.tgz?cache=0&sync_timestamp=1600385388649&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwatchpack%2Fdownload%2Fwatchpack-2.0.0.tgz#b12248f32f0fd4799b7be0802ad1f6573a45955c"
+  integrity sha1-sSJI8y8P1Hmbe+CAKtH2VzpFlVw=
   dependencies:
-    chokidar "^2.1.8"
+    glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
 
 wbuf@^1.1.0, wbuf@^1.7.3:
   version "1.7.3"
@@ -12852,42 +12349,51 @@ webpack-merge@^5.0.0:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+webpack-sources@^1.4.3:
   version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
+  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
+  integrity sha1-7t2OwLko+/HL/plOItLYkPMwqTM=
   dependencies:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
-webpack@^4.43.0:
-  version "4.43.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.43.0.tgz#c48547b11d563224c561dad1172c8aa0b8a678e6"
-  integrity sha512-GW1LjnPipFW2Y78OOab8NJlCflB7EFskMih2AHdvjbpKMeDJqEgSx24cXXXiPS65+WSwVyxtDsJH6jGX2czy+g==
+webpack-sources@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-2.0.1.tgz#1467f6e692ddce91e88b8044c44347b1087bbd4f"
+  integrity sha1-FGf25pLdzpHoi4BExENHsQh7vU8=
   dependencies:
+    source-list-map "^2.0.1"
+    source-map "^0.6.1"
+
+webpack@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.npm.taobao.org/webpack/download/webpack-5.1.0.tgz?cache=0&sync_timestamp=1602590961567&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-5.1.0.tgz#7ba2fc8f587ecf0a412477d2e977b3a8818db83c"
+  integrity sha1-e6L8j1h+zwpBJHfS6XezqIGNuDw=
+  dependencies:
+    "@types/eslint-scope" "^3.7.0"
+    "@types/estree" "^0.0.45"
     "@webassemblyjs/ast" "1.9.0"
     "@webassemblyjs/helper-module-context" "1.9.0"
     "@webassemblyjs/wasm-edit" "1.9.0"
     "@webassemblyjs/wasm-parser" "1.9.0"
-    acorn "^6.4.1"
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
+    acorn "^8.0.3"
+    browserslist "^4.14.3"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^4.1.0"
-    eslint-scope "^4.0.3"
+    enhanced-resolve "^5.2.0"
+    eslint-scope "^5.1.0"
+    events "^3.2.0"
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.2.4"
     json-parse-better-errors "^1.0.2"
-    loader-runner "^2.4.0"
-    loader-utils "^1.2.3"
-    memory-fs "^0.4.1"
-    micromatch "^3.1.10"
-    mkdirp "^0.5.3"
-    neo-async "^2.6.1"
-    node-libs-browser "^2.2.1"
-    schema-utils "^1.0.0"
-    tapable "^1.1.3"
-    terser-webpack-plugin "^1.4.3"
-    watchpack "^1.6.1"
-    webpack-sources "^1.4.1"
+    loader-runner "^4.1.0"
+    mime-types "^2.1.27"
+    neo-async "^2.6.2"
+    pkg-dir "^4.2.0"
+    schema-utils "^3.0.0"
+    tapable "^2.0.0"
+    terser-webpack-plugin "^4.1.0"
+    watchpack "^2.0.0"
+    webpack-sources "^2.0.1"
 
 webpackbar@^4.0.0:
   version "4.0.0"
@@ -12981,14 +12487,6 @@ wildcard@^2.0.0:
   resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
   integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
-window-size@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-1.1.1.tgz#9858586580ada78ab26ecd6978a6e03115c1af20"
-  integrity sha512-5D/9vujkmVQ7pSmc0SCBmHXbkv6eaHwXEx65MywhmUMsI8sGqJ972APq1lotfcwMKPFLuCFfL8xGHLIp7jaBmA==
-  dependencies:
-    define-property "^1.0.0"
-    is-number "^3.0.0"
-
 windows-release@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/windows-release/-/windows-release-3.2.0.tgz#8122dad5afc303d833422380680a79cdfa91785f"
@@ -12996,6 +12494,13 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
+windows-release@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/windows-release/download/windows-release-4.0.0.tgz#4725ec70217d1bf6e02c7772413b29cdde9ec377"
+  integrity sha1-RyXscCF9G/bgLHdyQTspzd6ew3c=
+  dependencies:
+    execa "^4.0.2"
+
 word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
@@ -13006,13 +12511,6 @@ wordwrap@^1.0.0:
   resolved "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
   integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
 
-worker-farm@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
-  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
-  dependencies:
-    errno "~0.1.7"
-
 wrap-ansi@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
@@ -13105,6 +12603,11 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
+
 yaml@1.10.0, yaml@^1.10.0:
   version "1.10.0"
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
@@ -13124,13 +12627,10 @@ yargs-parser@10.x, yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@18.1.3, yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
+yargs-parser@20.2.1:
+  version "20.2.1"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-20.2.1.tgz?cache=0&sync_timestamp=1601576779920&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-20.2.1.tgz#28f3773c546cdd8a69ddae68116b48a5da328e77"
+  integrity sha1-KPN3PFRs3Ypp3a5oEWtIpdoyjnc=
 
 yargs-parser@^13.1.2:
   version "13.1.2"
@@ -13140,6 +12640,14 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
+  version "18.1.3"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"

From 9cd48e0e333fc6f0a2f71b568b7e5b5ca2138bae Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 13 Oct 2020 21:07:49 +0800
Subject: [PATCH 603/626] fix(Field): incorrect empty cell title

---
 src/field/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index f3fd0d6e4..756d1824a 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -542,12 +542,14 @@ export default createComponent({
 
     return () => {
       const labelAlign = getProp('labelAlign');
+      const Label = renderLabel();
+      const LeftIcon = renderLeftIcon();
 
       return (
         <Cell
           v-slots={{
-            icon: renderLeftIcon,
-            title: renderLabel,
+            icon: LeftIcon ? () => LeftIcon : null,
+            title: Label ? () => Label : null,
             extra: slots.extra,
           }}
           size={props.size}

From 3f2dea28b7ce200a3eeead8850a92fadd1995c3f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 18 Oct 2020 20:11:44 +0800
Subject: [PATCH 604/626] chore: bump vue@3.0.1

---
 package.json |   4 +-
 yarn.lock    | 144 +++++++++++++++++++++++++++------------------------
 2 files changed, 79 insertions(+), 69 deletions(-)

diff --git a/package.json b/package.json
index ae38e1d28..28a4276a8 100644
--- a/package.json
+++ b/package.json
@@ -66,9 +66,9 @@
   },
   "devDependencies": {
     "@vant/cli": "^3.0.0-beta.8",
-    "@vue/compiler-sfc": "^3.0.0",
+    "@vue/compiler-sfc": "^3.0.1",
     "prettier": "^2.0.4",
-    "vue": "^3.0.0"
+    "vue": "^3.0.1"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/yarn.lock b/yarn.lock
index 9f867f9d4..ec48c1a28 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -441,10 +441,10 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
   integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
 
-"@babel/parser@^7.11.5":
-  version "7.11.5"
-  resolved "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
-  integrity sha1-x/9jA99xCA7HpPW4wAPFjxz1EDc=
+"@babel/parser@^7.12.0":
+  version "7.12.3"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.12.3.tgz#a305415ebe7a6c7023b40b5122a0662d928334cd"
+  integrity sha512-kFsOS0IbsuhO5ojF8Hc8z/8vEIOkylVBrjiZUbLTE3XFe0Qi+uu6HjzQixkFaqr0ZPAMZcBVxEwmsnsLPZ2Xsw==
 
 "@babel/plugin-proposal-async-generator-functions@^7.10.4":
   version "7.10.4"
@@ -1144,10 +1144,10 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.11.5":
-  version "7.11.5"
-  resolved "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
-  integrity sha1-2d5XfQElLXfGgAzuA57mT691Zi0=
+"@babel/types@^7.12.0":
+  version "7.12.1"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.12.1.tgz#e109d9ab99a8de735be287ee3d6a9947a190c4ae"
+  integrity sha512-BzSY3NJBKM4kyatSOWh3D/JJ2O3CVzBybHWxtgxnggaxEuaSTTDqeiSb/xk9lrkw2Tbqyivw5ZU4rT+EfznQsA==
   dependencies:
     "@babel/helper-validator-identifier" "^7.10.4"
     lodash "^4.17.19"
@@ -2268,36 +2268,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-core/download/@vue/compiler-core-3.0.0.tgz?cache=0&sync_timestamp=1600443978488&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-core%2Fdownload%2F%40vue%2Fcompiler-core-3.0.0.tgz#25e4f079cf6c39f83bad23700f814c619105a0f2"
-  integrity sha1-JeTwec9sOfg7rSNwD4FMYZEFoPI=
+"@vue/compiler-core@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.1.tgz#3ce57531078c6220be7ea458e41e4bab3522015b"
+  integrity sha512-BbQQj9YVNaNWEPnP4PiFKgW8QSGB3dcPSKCtekx1586m4VA1z8hHNLQnzeygtV8BM4oU6yriiWmOIYghbJHwFw==
   dependencies:
-    "@babel/parser" "^7.11.5"
-    "@babel/types" "^7.11.5"
-    "@vue/shared" "3.0.0"
+    "@babel/parser" "^7.12.0"
+    "@babel/types" "^7.12.0"
+    "@vue/shared" "3.0.1"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-dom/download/@vue/compiler-dom-3.0.0.tgz?cache=0&sync_timestamp=1600443978610&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-dom%2Fdownload%2F%40vue%2Fcompiler-dom-3.0.0.tgz#4cbb48fcf1f852daef2babcf9953b681ac463526"
-  integrity sha1-TLtI/PH4UtrvK6vPmVO2gaxGNSY=
+"@vue/compiler-dom@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.1.tgz#00b12f2e4aa55e624e2a5257e4bed93cf7555f0b"
+  integrity sha512-8cjgswVU2YmV35H9ARZmSlDr1P9VZxUihRwefkrk6Vrsb7kui5C3d/WQ2/su34FSDpyMU1aacUOiL2CV/vdX6w==
   dependencies:
-    "@vue/compiler-core" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@vue/compiler-core" "3.0.1"
+    "@vue/shared" "3.0.1"
 
-"@vue/compiler-sfc@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-sfc/download/@vue/compiler-sfc-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-sfc%2Fdownload%2F%40vue%2Fcompiler-sfc-3.0.0.tgz#efa38037984bd64aae315828aa5c1248c6eadca9"
-  integrity sha1-76OAN5hL1kquMVgoqlwSSMbq3Kk=
+"@vue/compiler-sfc@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.1.tgz#f340f8f75b5c1c4509e0f3a12c79d1544899b663"
+  integrity sha512-VO5gJ7SyHw0hf1rkKXRlxjXI9+Q4ngcuUWYnyjOSDch7Wtt2IdOEiC82KFWIkfWMpHqA5HPzL2nDmys3y9d19w==
   dependencies:
-    "@babel/parser" "^7.11.5"
-    "@babel/types" "^7.11.5"
-    "@vue/compiler-core" "3.0.0"
-    "@vue/compiler-dom" "3.0.0"
-    "@vue/compiler-ssr" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@babel/parser" "^7.12.0"
+    "@babel/types" "^7.12.0"
+    "@vue/compiler-core" "3.0.1"
+    "@vue/compiler-dom" "3.0.1"
+    "@vue/compiler-ssr" "3.0.1"
+    "@vue/shared" "3.0.1"
     consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2306,16 +2306,16 @@
     merge-source-map "^1.1.0"
     postcss "^7.0.32"
     postcss-modules "^3.2.2"
-    postcss-selector-parser "^6.0.2"
+    postcss-selector-parser "^6.0.4"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/compiler-ssr/download/@vue/compiler-ssr-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.0.0.tgz#d717abcd23a89fb38d1497228633a21bcf9a0e28"
-  integrity sha1-1xerzSOon7ONFJcihjOiG8+aDig=
+"@vue/compiler-ssr@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.1.tgz#0455b011d72d4ed02faa93610f14981c3d44a079"
+  integrity sha512-U0Vb7BOniw9rY0/YvXNw5EuIuO0dCoZd3XhnDjAKL9A5pSBxTlx6fPJeQ53gV0XH40M5z8q4yXukFqSVTXC6hQ==
   dependencies:
-    "@vue/compiler-dom" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@vue/compiler-dom" "3.0.1"
+    "@vue/shared" "3.0.1"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2333,34 +2333,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/reactivity/download/@vue/reactivity-3.0.0.tgz?cache=0&sync_timestamp=1600443978749&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.0.0.tgz#fd15632a608650ce2a969c721787e27e2c80aa6b"
-  integrity sha1-/RVjKmCGUM4qlpxyF4fifiyAqms=
+"@vue/reactivity@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.1.tgz#8bf6d88d0fe398e956dd8ea3df206c149ec6b92b"
+  integrity sha512-XWeqNTbvcAq8BmtR5M+XU6mfIhzi1NTcrQho7nI03I+Zf6QW1hHl/ri+iNfCNCasukQI/tzpkqJYPfyZxCRKyg==
   dependencies:
-    "@vue/shared" "3.0.0"
+    "@vue/shared" "3.0.1"
 
-"@vue/runtime-core@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-core/download/@vue/runtime-core-3.0.0.tgz?cache=0&sync_timestamp=1600443978874&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.0.0.tgz#480febf1bfe32798b6abbd71a88f8e8b473a51c2"
-  integrity sha1-SA/r8b/jJ5i2q71xqI+Oi0c6UcI=
+"@vue/runtime-core@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.1.tgz#75ae586515aaa89e7be790ea0f2c09d436511e4d"
+  integrity sha512-HporlL3cbD0/79U0a7mDIMEn5XoxstVXrOx0TDTi2O2CUv6yjteUQdxhmMOa8m7pnqU4DL/ZuVntBWFaf4ccaw==
   dependencies:
-    "@vue/reactivity" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@vue/reactivity" "3.0.1"
+    "@vue/shared" "3.0.1"
 
-"@vue/runtime-dom@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/runtime-dom/download/@vue/runtime-dom-3.0.0.tgz?cache=0&sync_timestamp=1600443978991&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fruntime-dom%2Fdownload%2F%40vue%2Fruntime-dom-3.0.0.tgz#e0d1f7c7e22e1318696014cc3501e06b288c2e11"
-  integrity sha1-4NH3x+IuExhpYBTMNQHgayiMLhE=
+"@vue/runtime-dom@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.1.tgz#2cc74550a635f38eb5f61f35f374d5bdb55156b0"
+  integrity sha512-ijb2qTRU8OzllzYQ6BSymuu9KHFDyjzn4m6jcLGlNeazdk1/YA01lFtGkl6oAErdiWPglloUJzIz0ilv0laPwA==
   dependencies:
-    "@vue/runtime-core" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@vue/runtime-core" "3.0.1"
+    "@vue/shared" "3.0.1"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/@vue/shared/download/@vue/shared-3.0.0.tgz?cache=0&sync_timestamp=1600443979119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.0.0.tgz#ec089236629ecc0f10346b92f101ff4339169f1a"
-  integrity sha1-7AiSNmKezA8QNGuS8QH/QzkWnxo=
+"@vue/shared@3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.1.tgz#48196c056726aa7466d0182698524c84f203006b"
+  integrity sha512-/X6AUbTFCyD2BcJnBoacUct8qcv1A5uk1+N+3tbzDVuhGPRmoYrTSnNUuF53C/GIsTkChrEiXaJh2kyo/0tRvw==
 
 "@vue/test-utils@2.0.0-beta.6":
   version "2.0.0-beta.6"
@@ -9434,6 +9434,16 @@ postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss-selector-parser@^6.0.4:
+  version "6.0.4"
+  resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
+  integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==
+  dependencies:
+    cssesc "^3.0.0"
+    indexes-of "^1.0.1"
+    uniq "^1.0.1"
+    util-deprecate "^1.0.2"
+
 postcss-sorting@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-4.1.0.tgz#a107f0bf3852977fa64e4442bc340c88d5aacdb3"
@@ -12051,7 +12061,7 @@ use@^3.1.0:
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
   integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
 
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
@@ -12221,14 +12231,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/vue/download/vue-3.0.0.tgz?cache=0&sync_timestamp=1600441287086&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-3.0.0.tgz#cfb5df5c34efce319b113a1667d12b74dcfd9c90"
-  integrity sha1-z7XfXDTvzjGbEToWZ9ErdNz9nJA=
+vue@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.1.tgz#dcdabf07da37e655e23d7d22eacc18c2da5f5a16"
+  integrity sha512-WBTgaQMJIWQuhlzMV6C0qvVrxyQSpx3gKwflYC0sqGKEZSxMIOYRnrIlHUN4ivUVvP7mUMxcnFTt7P+akdOkQA==
   dependencies:
-    "@vue/compiler-dom" "3.0.0"
-    "@vue/runtime-dom" "3.0.0"
-    "@vue/shared" "3.0.0"
+    "@vue/compiler-dom" "3.0.1"
+    "@vue/runtime-dom" "3.0.1"
+    "@vue/shared" "3.0.1"
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"

From 22c7dd879ca474ef9007be7fde6c5c2ad295e7bf Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 18 Oct 2020 20:14:20 +0800
Subject: [PATCH 605/626] chore: release 3.0.0-beta.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 28a4276a8..6afb877f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.4",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From 453507ad455de96dce30fb11643328edbee5fc85 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 18 Oct 2020 20:18:21 +0800
Subject: [PATCH 606/626] docs(changelog): 3.0.0-beta.4

---
 docs/markdown/changelog-v3.zh-CN.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 0cbec9349..145e2b66c 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,27 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.4](https://github.com/youzan/vant/compare/v2.10.10...v3.0.0-beta.4)
+
+`2020-10-18`
+
+**refactor**
+
+- Layout: 默认使用 flex 布局，移除 type 属性 [f7a120](https://github.com/youzan/vant/commit/f7a1208a18f61eaa9dbec80db1c585f19229cd91)
+
+**style**
+
+- Stepper: 布局方式调整为 inline-block [e9c282](https://github.com/youzan/vant/commit/e9c28212358cd0317442051383b92d23441920c6)
+
+**Bug Fixes**
+
+- ContactList: 修复 select 事件重复触发的问题 [1dd408](https://github.com/youzan/vant/commit/1dd4083102272250637d6397bd98355d87d99bf5)
+- Search: 修复布局错误的问题 [9cd48e](https://github.com/youzan/vant/commit/9cd48e0e333fc6f0a2f71b568b7e5b5ca2138bae)
+- Image: 修复图片加载错误时仍会渲染图片节点的问题 [59fb1d](https://github.com/youzan/vant/commit/59fb1d4dfcdc99773642a63c62e6b08baa3fac30)
+- Pagination: 修复 change 事件触发时机错误的问题 [346035](https://github.com/youzan/vant/commit/3460351ce396bb418408ddbfad462ddac8ef9477)
+- Toast: 修复展示时会锁定滚动的问题 [a622ca](https://github.com/youzan/vant/commit/a622caa649baedac7cfe9614ded88e7ec1cd18e1)
+- 包含 `v2.10.10` 版本的所有改动
+
 ### [v3.0.0-beta.3](https://github.com/youzan/vant/compare/v2.10.9...v3.0.0-beta.3)
 
 `2020-10-03`

From c33547f26b8f4d2f4e367e4c257cd4df568f939f Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 19 Oct 2020 20:48:35 +0800
Subject: [PATCH 607/626] chore(cli): bump deps

---
 packages/vant-cli/package.json |  10 +-
 packages/vant-cli/yarn.lock    | 281 ++++++---------------------------
 2 files changed, 57 insertions(+), 234 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 471383cbb..1255fefc8 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -54,7 +54,7 @@
     "@vant/touch-emulator": "^1.2.0",
     "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "2.0.0-beta.6",
+    "@vue/test-utils": "2.0.0-beta.7",
     "address": "^1.1.2",
     "autoprefixer": "^10.0.0",
     "babel-jest": "^26.0.1",
@@ -73,7 +73,7 @@
     "fork-ts-checker-webpack-plugin": "^5.0.0",
     "gh-pages": "^3.0.0",
     "hash-sum": "^2.0.0",
-    "html-webpack-plugin": "4.5.0",
+    "html-webpack-plugin": "^5.0.0-alpha.6",
     "husky": "^4.2.5",
     "jest": "^26.0.0",
     "jest-canvas-mock": "^2.2.0",
@@ -94,10 +94,10 @@
     "style-loader": "^1.2.1",
     "stylelint": "^13.5.0",
     "typescript": "^4.0.0",
-    "vue-jest": "^5.0.0-alpha.4",
-    "vue-loader": "^16.0.0-beta.7",
+    "vue-jest": "^5.0.0-alpha.5",
+    "vue-loader": "^16.0.0-beta.8",
     "vue-router": "^4.0.0-beta.13",
-    "webpack": "^5.0.0",
+    "webpack": "^5.1.2",
     "webpack-dev-server": "3.11.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^4.0.0"
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index f78984ba6..a3088c0d2 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1105,13 +1105,6 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
-"@npmcli/move-file@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.npm.taobao.org/@npmcli/move-file/download/@npmcli/move-file-1.0.1.tgz?cache=0&sync_timestamp=1591142965873&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40npmcli%2Fmove-file%2Fdownload%2F%40npmcli%2Fmove-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464"
-  integrity sha1-3hAwcNrA9IzknPZpPCOvWcD3BGQ=
-  dependencies:
-    mkdirp "^1.0.4"
-
 "@nuxt/friendly-errors-webpack-plugin@^2.5.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.5.0.tgz#5374665bc72d34b7dbadcc361a4777e3f0f5d46b"
@@ -1558,13 +1551,6 @@
   resolved "https://registry.yarnpkg.com/@types/mime/-/mime-2.0.1.tgz#dc488842312a7f075149312905b5e3c0b054c79d"
   integrity sha512-FwI9gX75FgVBJ7ywgnq/P7tw+/o1GUbtP0KzbtusLigAOgIgNISRK0ZPl4qertvXSIE8YbsVJueQ90cDt9YYyw==
 
-"@types/mini-css-extract-plugin@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.1.tgz#d4bdde5197326fca039d418f4bdda03dc74dc451"
-  integrity sha512-+mN04Oszdz9tGjUP/c1ReVwJXxSniLd7lF++sv+8dkABxVNthg6uccei+4ssKxRHGoMmPxdn7uBdJWONSJGTGQ==
-  dependencies:
-    "@types/webpack" "*"
-
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1686,7 +1672,7 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
-"@types/webpack@*", "@types/webpack@^4.41.8":
+"@types/webpack@*":
   version "4.41.13"
   resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
   integrity sha1-mI0RTIkT0Dm4oOBQKn/k8fhPPV4=
@@ -1852,10 +1838,10 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/test-utils@2.0.0-beta.6":
-  version "2.0.0-beta.6"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.6.tgz#2f7a653b0025cd4236968269c5972e807fa1fb2c"
-  integrity sha512-nBj5HHoTD+2xg0OQ93p/Hil5SkFUcNJ5BA2RUnHlOH6a4PVskgMK8dOLyVcZ1ZJif7knjt7yQVJ6K6YwIzeR1A==
+"@vue/test-utils@2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.npm.taobao.org/@vue/test-utils/download/@vue/test-utils-2.0.0-beta.7.tgz?cache=0&sync_timestamp=1603008369913&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Ftest-utils%2Fdownload%2F%40vue%2Ftest-utils-2.0.0-beta.7.tgz#27751991e0b013ee4af487e51e16a58d477e5857"
+  integrity sha1-J3UZkeCwE+5K9IflHhaljUd+WFc=
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -2688,29 +2674,6 @@ bytes@3.1.0:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
-cacache@^15.0.5:
-  version "15.0.5"
-  resolved "https://registry.npm.taobao.org/cacache/download/cacache-15.0.5.tgz?cache=0&sync_timestamp=1594428108619&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
-  integrity sha1-aRYoM9opFw1nMjNGQ8YOAF9fF9A=
-  dependencies:
-    "@npmcli/move-file" "^1.0.1"
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    glob "^7.1.4"
-    infer-owner "^1.0.4"
-    lru-cache "^6.0.0"
-    minipass "^3.1.1"
-    minipass-collect "^1.0.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.2"
-    mkdirp "^1.0.3"
-    p-map "^4.0.0"
-    promise-inflight "^1.0.1"
-    rimraf "^3.0.2"
-    ssri "^8.0.0"
-    tar "^6.0.2"
-    unique-filename "^1.1.1"
-
 cache-base@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -2951,11 +2914,6 @@ chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/chownr/download/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha1-Fb++U9LqtM9w8YqM1o6+Wzyx3s4=
-
 chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
@@ -4854,13 +4812,6 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha1-f1A2/b8SxjwWkZDL5BmchSJx+fs=
-  dependencies:
-    minipass "^3.0.0"
-
 fs-monkey@1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/fs-monkey/download/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
@@ -5368,20 +5319,18 @@ html-tags@^3.1.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
   integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
 
-html-webpack-plugin@4.5.0:
-  version "4.5.0"
-  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-4.5.0.tgz?cache=0&sync_timestamp=1600690506465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhtml-webpack-plugin%2Fdownload%2Fhtml-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
-  integrity sha1-YlCXZQiGuX6l2uMxwyDjI49sEhw=
+html-webpack-plugin@^5.0.0-alpha.6:
+  version "5.0.0-alpha.6"
+  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-5.0.0-alpha.6.tgz#948f218b27d6f2bfbf0ae4f40816141dcdf55674"
+  integrity sha1-lI8hiyfW8r+/CuT0CBYUHc31VnQ=
   dependencies:
     "@types/html-minifier-terser" "^5.0.0"
     "@types/tapable" "^1.0.5"
-    "@types/webpack" "^4.41.8"
     html-minifier-terser "^5.0.1"
-    loader-utils "^1.2.3"
-    lodash "^4.17.15"
+    loader-utils "2.0.0"
+    lodash "^4.17.20"
     pretty-error "^2.1.1"
-    tapable "^1.1.3"
-    util.promisify "1.0.0"
+    tapable "2.0.0"
 
 htmlparser2@^3.10.0, htmlparser2@^3.3.0:
   version "3.10.1"
@@ -5662,11 +5611,6 @@ indexes-of@^1.0.1:
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
   integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
 
-infer-owner@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha1-xM78qo5RBRwqQLos6KPScpWvlGc=
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -7003,6 +6947,15 @@ loader-runner@^4.1.0:
   resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-4.1.0.tgz?cache=0&sync_timestamp=1601450780890&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-4.1.0.tgz#f70bc0c29edbabdf2043e7ee73ccc3fe1c96b42d"
   integrity sha1-9wvAwp7bq98gQ+fuc8zD/hyWtC0=
 
+loader-utils@2.0.0, loader-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
+  integrity sha1-5MrOW4FtQloWa18JfhDNErNgZLA=
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
 loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
@@ -7012,15 +6965,6 @@ loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
-loader-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
-  integrity sha1-5MrOW4FtQloWa18JfhDNErNgZLA=
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -7170,13 +7114,6 @@ lru-cache@^4.1.2, lru-cache@^4.1.5:
     pseudomap "^1.0.2"
     yallist "^2.1.2"
 
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427573763&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=
-  dependencies:
-    yallist "^4.0.0"
-
 macos-release@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
@@ -7508,42 +7445,6 @@ minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-minipass-collect@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npm.taobao.org/minipass-collect/download/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
-  integrity sha1-IrgTv3Rdxu26JXa5QAIq1u3Ixhc=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-flush@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.npm.taobao.org/minipass-flush/download/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
-  integrity sha1-gucTXX6JpQ/+ZGEKeHlTxMTLs3M=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-pipeline@^1.2.2:
-  version "1.2.4"
-  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.4.tgz?cache=0&sync_timestamp=1595998531778&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass-pipeline%2Fdownload%2Fminipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
-  integrity sha1-aEcveXEcCEZXwGfFxq2Tzd6oIUw=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass@^3.0.0, minipass@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.npm.taobao.org/minipass/download/minipass-3.1.3.tgz?cache=0&sync_timestamp=1589332658869&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass%2Fdownload%2Fminipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
-  integrity sha1-fUL/HzljVILhX5zbUxhN7r1YFf0=
-  dependencies:
-    yallist "^4.0.0"
-
-minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.npm.taobao.org/minizlib/download/minizlib-2.1.2.tgz?cache=0&sync_timestamp=1597445621090&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminizlib%2Fdownload%2Fminizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha1-6Q00Zrogm5MkUVCKEc49NjIUWTE=
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
 mixin-deep@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -7559,11 +7460,6 @@ mkdirp@0.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz?cache=0&sync_timestamp=1587535418745&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmkdirp%2Fdownload%2Fmkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
-
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -7855,14 +7751,6 @@ object.entries@^1.1.2:
     es-abstract "^1.17.5"
     has "^1.0.3"
 
-object.getownpropertydescriptors@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
-  integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -8703,11 +8591,6 @@ progress@^2.0.0:
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
 
-promise-inflight@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
-
 promise@^7.1.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
@@ -9421,7 +9304,7 @@ rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -9835,7 +9718,7 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-list-map@^2.0.0, source-list-map@^2.0.1:
+source-list-map@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
@@ -9982,13 +9865,6 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.npm.taobao.org/ssri/download/ssri-8.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fssri%2Fdownload%2Fssri-8.0.0.tgz#79ca74e21f8ceaeddfcb4b90143c458b8d988808"
-  integrity sha1-ecp04h+M6u3fy0uQFDxFi42YiAg=
-  dependencies:
-    minipass "^3.1.1"
-
 stack-utils@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.2.tgz#5cf48b4557becb4638d0bc4f21d23f5d19586593"
@@ -10462,27 +10338,15 @@ table@^5.0.0, table@^5.2.3, table@^5.4.6:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
-tapable@^1.0.0, tapable@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
-tapable@^2.0.0:
+tapable@2.0.0, tapable@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/tapable/download/tapable-2.0.0.tgz?cache=0&sync_timestamp=1600381229402&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
   integrity sha1-pJw9aoortgbn2zcrgpBMlw1Tegg=
 
-tar@^6.0.2:
-  version "6.0.5"
-  resolved "https://registry.npm.taobao.org/tar/download/tar-6.0.5.tgz?cache=0&sync_timestamp=1597445621518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
-  integrity sha1-vegVCG4Qs58dzSmOidWW4VNeIA8=
-  dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^3.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
 teeny-request@6.0.1:
   version "6.0.1"
@@ -10508,20 +10372,17 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^4.1.0:
-  version "4.2.3"
-  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
-  integrity sha1-KNrvSoO9F8HbApcHCtwH/Iz8apo=
+terser-webpack-plugin@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-5.0.0.tgz?cache=0&sync_timestamp=1602701904534&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-5.0.0.tgz#88f58d27d1c8244965c59540d3ccda1598fc958c"
+  integrity sha1-iPWNJ9HIJEllxZVA08zaFZj8lYw=
   dependencies:
-    cacache "^15.0.5"
-    find-cache-dir "^3.3.1"
     jest-worker "^26.5.0"
     p-limit "^3.0.2"
     schema-utils "^3.0.0"
     serialize-javascript "^5.0.1"
     source-map "^0.6.1"
-    terser "^5.3.4"
-    webpack-sources "^1.4.3"
+    terser "^5.3.5"
 
 terser@^4.6.3:
   version "4.6.10"
@@ -10532,10 +10393,10 @@ terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-terser@^5.3.4:
-  version "5.3.5"
-  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.5.tgz#9e080baa0568f96654621b20eb9effa440b1484e"
-  integrity sha1-nggLqgVo+WZUYhsg657/pECxSE4=
+terser@^5.3.5:
+  version "5.3.6"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.6.tgz#3490ab11b99184f2d6fb8e65ddf53fc3d4b6147a"
+  integrity sha1-NJCrEbmRhPLW+45l3fU/w9S2FHo=
   dependencies:
     commander "^2.20.0"
     source-map "~0.7.2"
@@ -10916,20 +10777,6 @@ uniq@^1.0.1:
   resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
   integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
 
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
-  dependencies:
-    unique-slug "^2.0.0"
-
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
-  dependencies:
-    imurmurhash "^0.1.4"
-
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -11140,14 +10987,6 @@ util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
-  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
-  dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
-
 utila@^0.4.0, utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
@@ -11267,10 +11106,10 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.4:
-  version "5.0.0-alpha.4"
-  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.4.tgz#77fb581b476b5a9c228111a17cc14eb0be2ba297"
-  integrity sha512-mseL2qWZ17fb20lprwNVzjjr2dWzI3tQOZGIUuoD9g9CC38bex3knVFKZs8bm0+hPEJN1lBo835pA/fENuJKlQ==
+vue-jest@^5.0.0-alpha.5:
+  version "5.0.0-alpha.5"
+  resolved "https://registry.npm.taobao.org/vue-jest/download/vue-jest-5.0.0-alpha.5.tgz#a24b7569ba2078836a316033f283e151afc4906b"
+  integrity sha1-okt1abogeINqMWAz8oPhUa/EkGs=
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -11278,17 +11117,14 @@ vue-jest@^5.0.0-alpha.4:
     extract-from-css "^0.4.4"
     ts-jest "^24.0.0"
 
-vue-loader@^16.0.0-beta.7:
-  version "16.0.0-beta.7"
-  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.0.0-beta.7.tgz?cache=0&sync_timestamp=1599639267088&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-16.0.0-beta.7.tgz#6f2726fa0e2b1fbae67895c47593bbf69f2b9ab8"
-  integrity sha1-bycm+g4rH7rmeJXEdZO79p8rmrg=
+vue-loader@^16.0.0-beta.8:
+  version "16.0.0-beta.8"
+  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.0.0-beta.8.tgz?cache=0&sync_timestamp=1600850508665&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-16.0.0-beta.8.tgz#1f523d9fea8e8c6e4f5bb99fd768165af5845879"
+  integrity sha1-H1I9n+qOjG5PW7mf12gWWvWEWHk=
   dependencies:
-    "@types/mini-css-extract-plugin" "^0.9.1"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     hash-sum "^2.0.0"
-    loader-utils "^1.2.3"
-    merge-source-map "^1.1.0"
-    source-map "^0.6.1"
+    loader-utils "^2.0.0"
 
 vue-router@^4.0.0-beta.13:
   version "4.0.0-beta.13"
@@ -11419,14 +11255,6 @@ webpack-merge@^5.0.0:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz?cache=0&sync_timestamp=1601308231852&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha1-7t2OwLko+/HL/plOItLYkPMwqTM=
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
 webpack-sources@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-2.0.1.tgz?cache=0&sync_timestamp=1601308231852&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-sources%2Fdownload%2Fwebpack-sources-2.0.1.tgz#1467f6e692ddce91e88b8044c44347b1087bbd4f"
@@ -11435,10 +11263,10 @@ webpack-sources@^2.0.1:
     source-list-map "^2.0.1"
     source-map "^0.6.1"
 
-webpack@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npm.taobao.org/webpack/download/webpack-5.0.0.tgz?cache=0&sync_timestamp=1602367731404&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-5.0.0.tgz#c028b2f0c1db2322de1f4a30cc36f6e373d5a26a"
-  integrity sha1-wCiy8MHbIyLeH0owzDb243PVomo=
+webpack@^5.1.2:
+  version "5.1.3"
+  resolved "https://registry.npm.taobao.org/webpack/download/webpack-5.1.3.tgz?cache=0&sync_timestamp=1602853943944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-5.1.3.tgz#a6e4fd250ef2513f94844ae5d8f7570215a2ac49"
+  integrity sha1-puT9JQ7yUT+UhErl2PdXAhWirEk=
   dependencies:
     "@types/eslint-scope" "^3.7.0"
     "@types/estree" "^0.0.45"
@@ -11461,7 +11289,7 @@ webpack@^5.0.0:
     pkg-dir "^4.2.0"
     schema-utils "^3.0.0"
     tapable "^2.0.0"
-    terser-webpack-plugin "^4.1.0"
+    terser-webpack-plugin "^5.0.0"
     watchpack "^2.0.0"
     webpack-sources "^2.0.1"
 
@@ -11668,11 +11496,6 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
-
 yaml@1.10.0, yaml@^1.10.0, yaml@^1.7.2:
   version "1.10.0"
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"

From 422d23f546e9221b64785e4b67f7c685ced9dd7b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 19 Oct 2020 20:49:10 +0800
Subject: [PATCH 608/626] chore: release @vant/cli@3.0.0-beta.9

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 1255fefc8..b23ca23d4 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.8",
+  "version": "3.0.0-beta.9",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From f819bd1eb13936cbeff767dd3dcb0eec710687c4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Mon, 19 Oct 2020 20:52:22 +0800
Subject: [PATCH 609/626] chore: bump @vant/cli@3.0.0-beta.9

---
 package.json |   2 +-
 yarn.lock    | 311 ++++++++++-----------------------------------------
 2 files changed, 62 insertions(+), 251 deletions(-)

diff --git a/package.json b/package.json
index 6afb877f3..dab7ca7ef 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^3.0.0-beta.8",
+    "@vant/cli": "^3.0.0-beta.9",
     "@vue/compiler-sfc": "^3.0.1",
     "prettier": "^2.0.4",
     "vue": "^3.0.1"
diff --git a/yarn.lock b/yarn.lock
index ec48c1a28..e251d258e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1432,13 +1432,6 @@
     "@nodelib/fs.scandir" "2.1.3"
     fastq "^1.6.0"
 
-"@npmcli/move-file@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.npm.taobao.org/@npmcli/move-file/download/@npmcli/move-file-1.0.1.tgz?cache=0&sync_timestamp=1591142981153&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40npmcli%2Fmove-file%2Fdownload%2F%40npmcli%2Fmove-file-1.0.1.tgz#de103070dac0f48ce49cf6693c23af59c0f70464"
-  integrity sha1-3hAwcNrA9IzknPZpPCOvWcD3BGQ=
-  dependencies:
-    mkdirp "^1.0.4"
-
 "@nuxt/friendly-errors-webpack-plugin@^2.5.0":
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.5.0.tgz#5374665bc72d34b7dbadcc361a4777e3f0f5d46b"
@@ -1903,13 +1896,6 @@
   resolved "https://registry.npmjs.org/@types/mime/-/mime-2.0.2.tgz#857a118d8634c84bba7ae14088e4508490cd5da5"
   integrity sha512-4kPlzbljFcsttWEq6aBW0OZe6BDajAmyvr2xknBG92tejQnvdGtT9+kXSZ580DqpxY9qG2xeQVF9Dq0ymUTo5Q==
 
-"@types/mini-css-extract-plugin@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.npmjs.org/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.1.tgz#d4bdde5197326fca039d418f4bdda03dc74dc451"
-  integrity sha512-+mN04Oszdz9tGjUP/c1ReVwJXxSniLd7lF++sv+8dkABxVNthg6uccei+4ssKxRHGoMmPxdn7uBdJWONSJGTGQ==
-  dependencies:
-    "@types/webpack" "*"
-
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -2040,18 +2026,6 @@
     "@types/webpack-sources" "*"
     source-map "^0.6.0"
 
-"@types/webpack@^4.41.8":
-  version "4.41.10"
-  resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.10.tgz?cache=0&sync_timestamp=1585610818206&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fwebpack%2Fdownload%2F%40types%2Fwebpack-4.41.10.tgz#2e1f6b3508a249854efe3dcc7690905ac5ee10be"
-  integrity sha1-Lh9rNQiiSYVO/j3MdpCQWsXuEL4=
-  dependencies:
-    "@types/anymatch" "*"
-    "@types/node" "*"
-    "@types/tapable" "*"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    source-map "^0.6.0"
-
 "@types/yargs-parser@*":
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
@@ -2124,10 +2098,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.8":
-  version "3.0.0-beta.8"
-  resolved "https://registry.npm.taobao.org/@vant/cli/download/@vant/cli-3.0.0-beta.8.tgz?cache=0&sync_timestamp=1602593671369&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fcli%2Fdownload%2F%40vant%2Fcli-3.0.0-beta.8.tgz#07395b171220e2baf89c67b702fd8f02bed36e43"
-  integrity sha1-BzlbFxIg4rr4nGe3Av2PAr7TbkM=
+"@vant/cli@^3.0.0-beta.9":
+  version "3.0.0-beta.9"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.9.tgz#c1d12c699d12a5e453f64e6274853c56468042d2"
+  integrity sha512-qlIm1Ii9RL0mT2Eq2zAx0h6GZ/vC2aG0LnliRcpJp/amHYFqWPTyk0SOFjteGCpjep7tRVTvKTPwFpsBIW3FdQ==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2144,7 +2118,7 @@
     "@vant/touch-emulator" "^1.2.0"
     "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "2.0.0-beta.6"
+    "@vue/test-utils" "2.0.0-beta.7"
     address "^1.1.2"
     autoprefixer "^10.0.0"
     babel-jest "^26.0.1"
@@ -2163,7 +2137,7 @@
     fork-ts-checker-webpack-plugin "^5.0.0"
     gh-pages "^3.0.0"
     hash-sum "^2.0.0"
-    html-webpack-plugin "4.5.0"
+    html-webpack-plugin "^5.0.0-alpha.6"
     husky "^4.2.5"
     jest "^26.0.0"
     jest-canvas-mock "^2.2.0"
@@ -2184,10 +2158,10 @@
     style-loader "^1.2.1"
     stylelint "^13.5.0"
     typescript "^4.0.0"
-    vue-jest "^5.0.0-alpha.4"
-    vue-loader "^16.0.0-beta.7"
+    vue-jest "^5.0.0-alpha.5"
+    vue-loader "^16.0.0-beta.8"
     vue-router "^4.0.0-beta.13"
-    webpack "^5.0.0"
+    webpack "^5.1.2"
     webpack-dev-server "3.11.0"
     webpack-merge "^5.0.0"
     webpackbar "^4.0.0"
@@ -2362,10 +2336,10 @@
   resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.1.tgz#48196c056726aa7466d0182698524c84f203006b"
   integrity sha512-/X6AUbTFCyD2BcJnBoacUct8qcv1A5uk1+N+3tbzDVuhGPRmoYrTSnNUuF53C/GIsTkChrEiXaJh2kyo/0tRvw==
 
-"@vue/test-utils@2.0.0-beta.6":
-  version "2.0.0-beta.6"
-  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.6.tgz#2f7a653b0025cd4236968269c5972e807fa1fb2c"
-  integrity sha512-nBj5HHoTD+2xg0OQ93p/Hil5SkFUcNJ5BA2RUnHlOH6a4PVskgMK8dOLyVcZ1ZJif7knjt7yQVJ6K6YwIzeR1A==
+"@vue/test-utils@2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-beta.7.tgz#27751991e0b013ee4af487e51e16a58d477e5857"
+  integrity sha512-cAe7VqoxxkxTr/2N93UpW/LQbcUVKC+QRA3ZBq5ZWImtAf/8jtcdC2mQ9g4AKmSvyaKQtqxrRn4i/y5z7yrrKA==
 
 "@webassemblyjs/ast@1.9.0":
   version "1.9.0"
@@ -3304,29 +3278,6 @@ bytes@3.1.0:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
   integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
 
-cacache@^15.0.5:
-  version "15.0.5"
-  resolved "https://registry.npm.taobao.org/cacache/download/cacache-15.0.5.tgz?cache=0&sync_timestamp=1594428006433&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcacache%2Fdownload%2Fcacache-15.0.5.tgz#69162833da29170d6732334643c60e005f5f17d0"
-  integrity sha1-aRYoM9opFw1nMjNGQ8YOAF9fF9A=
-  dependencies:
-    "@npmcli/move-file" "^1.0.1"
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    glob "^7.1.4"
-    infer-owner "^1.0.4"
-    lru-cache "^6.0.0"
-    minipass "^3.1.1"
-    minipass-collect "^1.0.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.2"
-    mkdirp "^1.0.3"
-    p-map "^4.0.0"
-    promise-inflight "^1.0.1"
-    rimraf "^3.0.2"
-    ssri "^8.0.0"
-    tar "^6.0.2"
-    unique-filename "^1.1.1"
-
 cache-base@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -3585,11 +3536,6 @@ chokidar@^2.1.8:
   optionalDependencies:
     fsevents "^1.2.7"
 
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/chownr/download/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha1-Fb++U9LqtM9w8YqM1o6+Wzyx3s4=
-
 chrome-trace-event@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
@@ -5593,13 +5539,6 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npm.taobao.org/fs-minipass/download/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha1-f1A2/b8SxjwWkZDL5BmchSJx+fs=
-  dependencies:
-    minipass "^3.0.0"
-
 fs-monkey@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.1.tgz#4a82f36944365e619f4454d9fff106553067b781"
@@ -6102,20 +6041,18 @@ html-tags@^3.1.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140"
   integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==
 
-html-webpack-plugin@4.5.0:
-  version "4.5.0"
-  resolved "https://registry.npm.taobao.org/html-webpack-plugin/download/html-webpack-plugin-4.5.0.tgz?cache=0&sync_timestamp=1600690506465&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhtml-webpack-plugin%2Fdownload%2Fhtml-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
-  integrity sha1-YlCXZQiGuX6l2uMxwyDjI49sEhw=
+html-webpack-plugin@^5.0.0-alpha.6:
+  version "5.0.0-alpha.6"
+  resolved "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.0.0-alpha.6.tgz#948f218b27d6f2bfbf0ae4f40816141dcdf55674"
+  integrity sha512-duuDbc+3/GZtTmxP7N4jsTyF83QpjOlM2llL0AjCg22wSreSmbzD6r2ZjnAgLjHvNAmSrMQgPxL9PrE0pTaBmQ==
   dependencies:
     "@types/html-minifier-terser" "^5.0.0"
     "@types/tapable" "^1.0.5"
-    "@types/webpack" "^4.41.8"
     html-minifier-terser "^5.0.1"
-    loader-utils "^1.2.3"
-    lodash "^4.17.15"
+    loader-utils "2.0.0"
+    lodash "^4.17.20"
     pretty-error "^2.1.1"
-    tapable "^1.1.3"
-    util.promisify "1.0.0"
+    tapable "2.0.0"
 
 htmlparser2@^3.10.0, htmlparser2@^3.3.0:
   version "3.10.1"
@@ -6406,11 +6343,6 @@ indexes-of@^1.0.1:
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
   integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
 
-infer-owner@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/infer-owner/download/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha1-xM78qo5RBRwqQLos6KPScpWvlGc=
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -7808,6 +7740,15 @@ loader-runner@^4.1.0:
   resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-4.1.0.tgz?cache=0&sync_timestamp=1601450715716&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-4.1.0.tgz#f70bc0c29edbabdf2043e7ee73ccc3fe1c96b42d"
   integrity sha1-9wvAwp7bq98gQ+fuc8zD/hyWtC0=
 
+loader-utils@2.0.0, loader-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
+  integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
 loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
@@ -7817,15 +7758,6 @@ loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
     emojis-list "^3.0.0"
     json5 "^1.0.1"
 
-loader-utils@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
-  integrity sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
-
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -7992,13 +7924,6 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1594427519396&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=
-  dependencies:
-    yallist "^4.0.0"
-
 macos-release@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
@@ -8337,42 +8262,6 @@ minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-minipass-collect@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npm.taobao.org/minipass-collect/download/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
-  integrity sha1-IrgTv3Rdxu26JXa5QAIq1u3Ixhc=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-flush@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.npm.taobao.org/minipass-flush/download/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
-  integrity sha1-gucTXX6JpQ/+ZGEKeHlTxMTLs3M=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass-pipeline@^1.2.2:
-  version "1.2.4"
-  resolved "https://registry.npm.taobao.org/minipass-pipeline/download/minipass-pipeline-1.2.4.tgz?cache=0&sync_timestamp=1595998565446&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass-pipeline%2Fdownload%2Fminipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
-  integrity sha1-aEcveXEcCEZXwGfFxq2Tzd6oIUw=
-  dependencies:
-    minipass "^3.0.0"
-
-minipass@^3.0.0, minipass@^3.1.1:
-  version "3.1.3"
-  resolved "https://registry.npm.taobao.org/minipass/download/minipass-3.1.3.tgz#7d42ff1f39635482e15f9cdb53184deebd5815fd"
-  integrity sha1-fUL/HzljVILhX5zbUxhN7r1YFf0=
-  dependencies:
-    yallist "^4.0.0"
-
-minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.npm.taobao.org/minizlib/download/minizlib-2.1.2.tgz?cache=0&sync_timestamp=1597445445405&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminizlib%2Fdownload%2Fminizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha1-6Q00Zrogm5MkUVCKEc49NjIUWTE=
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
 mixin-deep@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -8395,11 +8284,6 @@ mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha1-PrXtYmInVteaXw4qIh3+utdcL34=
-
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -8701,14 +8585,6 @@ object.entries@^1.1.2:
     es-abstract "^1.17.5"
     has "^1.0.3"
 
-object.getownpropertydescriptors@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
-  integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-
 object.pick@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@@ -9595,11 +9471,6 @@ progress@^2.0.0:
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
 
-promise-inflight@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
-
 promise@^7.1.1:
   version "7.3.1"
   resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
@@ -10318,7 +10189,7 @@ rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -10740,7 +10611,7 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-list-map@^2.0.0, source-list-map@^2.0.1:
+source-list-map@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
@@ -10892,13 +10763,6 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.npm.taobao.org/ssri/download/ssri-8.0.0.tgz#79ca74e21f8ceaeddfcb4b90143c458b8d988808"
-  integrity sha1-ecp04h+M6u3fy0uQFDxFi42YiAg=
-  dependencies:
-    minipass "^3.1.1"
-
 stack-utils@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.2.tgz#5cf48b4557becb4638d0bc4f21d23f5d19586593"
@@ -11393,28 +11257,16 @@ table@^5.0.0, table@^5.2.3, table@^5.4.6:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
-tapable@^1.0.0, tapable@^1.1.3:
+tapable@2.0.0, tapable@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
+  integrity sha512-bjzn0C0RWoffnNdTzNi7rNDhs1Zlwk2tRXgk8EiHKAOX1Mag3d6T0Y5zNa7l9CJ+EoUne/0UHdwS8tMbkh9zDg==
+
+tapable@^1.0.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-tapable@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/tapable/download/tapable-2.0.0.tgz?cache=0&sync_timestamp=1600381257656&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftapable%2Fdownload%2Ftapable-2.0.0.tgz#a49c3d6a8a2bb606e7db372b82904c970d537a08"
-  integrity sha1-pJw9aoortgbn2zcrgpBMlw1Tegg=
-
-tar@^6.0.2:
-  version "6.0.5"
-  resolved "https://registry.npm.taobao.org/tar/download/tar-6.0.5.tgz?cache=0&sync_timestamp=1597445446483&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftar%2Fdownload%2Ftar-6.0.5.tgz#bde815086e10b39f1dcd298e89d596e1535e200f"
-  integrity sha1-vegVCG4Qs58dzSmOidWW4VNeIA8=
-  dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^3.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
-
 teeny-request@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/teeny-request/-/teeny-request-6.0.1.tgz#9b1f512cef152945827ba7e34f62523a4ce2c5b0"
@@ -11439,20 +11291,17 @@ terminal-link@^2.0.0:
     ansi-escapes "^4.2.1"
     supports-hyperlinks "^2.0.0"
 
-terser-webpack-plugin@^4.1.0:
-  version "4.2.3"
-  resolved "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
-  integrity sha1-KNrvSoO9F8HbApcHCtwH/Iz8apo=
+terser-webpack-plugin@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.0.0.tgz#88f58d27d1c8244965c59540d3ccda1598fc958c"
+  integrity sha512-rf7l5a9xamIVX3enQeTl0MY2MNeZClo5yPX/tVPy22oY0nzu0b45h7JqyFi/bygqKWtzXMnml0u12mArhQPsBQ==
   dependencies:
-    cacache "^15.0.5"
-    find-cache-dir "^3.3.1"
     jest-worker "^26.5.0"
     p-limit "^3.0.2"
     schema-utils "^3.0.0"
     serialize-javascript "^5.0.1"
     source-map "^0.6.1"
-    terser "^5.3.4"
-    webpack-sources "^1.4.3"
+    terser "^5.3.5"
 
 terser@^4.6.3:
   version "4.6.10"
@@ -11463,10 +11312,10 @@ terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-terser@^5.3.4:
-  version "5.3.5"
-  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.5.tgz?cache=0&sync_timestamp=1602497328882&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser%2Fdownload%2Fterser-5.3.5.tgz#9e080baa0568f96654621b20eb9effa440b1484e"
-  integrity sha1-nggLqgVo+WZUYhsg657/pECxSE4=
+terser@^5.3.5:
+  version "5.3.6"
+  resolved "https://registry.npmjs.org/terser/-/terser-5.3.6.tgz#3490ab11b99184f2d6fb8e65ddf53fc3d4b6147a"
+  integrity sha512-145ap5v1HYx69HfLuwWaxTIlXyiSr+nSTb7ZWlJCgJn2JptuJRKziNa/zwFx9B1IU99Q055jHni74nLuuEC78w==
   dependencies:
     commander "^2.20.0"
     source-map "~0.7.2"
@@ -11847,20 +11696,6 @@ uniq@^1.0.1:
   resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
   integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
 
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
-  dependencies:
-    unique-slug "^2.0.0"
-
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
-  dependencies:
-    imurmurhash "^0.1.4"
-
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -12066,14 +11901,6 @@ util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
-  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
-  dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
-
 utila@^0.4.0, utila@~0.4:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
@@ -12193,10 +12020,10 @@ vue-eslint-parser@^7.1.0:
     esquery "^1.0.1"
     lodash "^4.17.15"
 
-vue-jest@^5.0.0-alpha.4:
-  version "5.0.0-alpha.4"
-  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.4.tgz#77fb581b476b5a9c228111a17cc14eb0be2ba297"
-  integrity sha512-mseL2qWZ17fb20lprwNVzjjr2dWzI3tQOZGIUuoD9g9CC38bex3knVFKZs8bm0+hPEJN1lBo835pA/fENuJKlQ==
+vue-jest@^5.0.0-alpha.5:
+  version "5.0.0-alpha.5"
+  resolved "https://registry.npmjs.org/vue-jest/-/vue-jest-5.0.0-alpha.5.tgz#a24b7569ba2078836a316033f283e151afc4906b"
+  integrity sha512-/ddNgiJYEtStK4kfTgIRSpBrkkrFepsCyu6qhIi2ph8rJk8OaI6HJANMjzD2tz2mnGqQOf0mTyZICVfDnLLZHA==
   dependencies:
     "@babel/plugin-transform-modules-commonjs" "^7.2.0"
     chalk "^2.1.0"
@@ -12209,17 +12036,14 @@ vue-lazyload@1.2.3:
   resolved "https://registry.yarnpkg.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz#901f9ec15c7e6ca78781a2bae4a343686bdedb2c"
   integrity sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g==
 
-vue-loader@^16.0.0-beta.7:
-  version "16.0.0-beta.7"
-  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.7.tgz#6f2726fa0e2b1fbae67895c47593bbf69f2b9ab8"
-  integrity sha512-xQ8/GZmRPdQ3EinnE0IXwdVoDzh7Dowo0MowoyBuScEBXrRabw6At5/IdtD3waKklKW5PGokPsm8KRN6rvQ1cw==
+vue-loader@^16.0.0-beta.8:
+  version "16.0.0-beta.8"
+  resolved "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.8.tgz#1f523d9fea8e8c6e4f5bb99fd768165af5845879"
+  integrity sha512-oouKUQWWHbSihqSD7mhymGPX1OQ4hedzAHyvm8RdyHh6m3oIvoRF+NM45i/bhNOlo8jCnuJhaSUf/6oDjv978g==
   dependencies:
-    "@types/mini-css-extract-plugin" "^0.9.1"
-    chalk "^3.0.0"
+    chalk "^4.1.0"
     hash-sum "^2.0.0"
-    loader-utils "^1.2.3"
-    merge-source-map "^1.1.0"
-    source-map "^0.6.1"
+    loader-utils "^2.0.0"
 
 vue-router@^4.0.0-beta.13:
   version "4.0.0-beta.13"
@@ -12359,14 +12183,6 @@ webpack-merge@^5.0.0:
     clone-deep "^4.0.1"
     wildcard "^2.0.0"
 
-webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha1-7t2OwLko+/HL/plOItLYkPMwqTM=
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
 webpack-sources@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/webpack-sources/download/webpack-sources-2.0.1.tgz#1467f6e692ddce91e88b8044c44347b1087bbd4f"
@@ -12375,10 +12191,10 @@ webpack-sources@^2.0.1:
     source-list-map "^2.0.1"
     source-map "^0.6.1"
 
-webpack@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.npm.taobao.org/webpack/download/webpack-5.1.0.tgz?cache=0&sync_timestamp=1602590961567&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack%2Fdownload%2Fwebpack-5.1.0.tgz#7ba2fc8f587ecf0a412477d2e977b3a8818db83c"
-  integrity sha1-e6L8j1h+zwpBJHfS6XezqIGNuDw=
+webpack@^5.1.2:
+  version "5.1.3"
+  resolved "https://registry.npmjs.org/webpack/-/webpack-5.1.3.tgz#a6e4fd250ef2513f94844ae5d8f7570215a2ac49"
+  integrity sha512-bNBF5EOpt5a6NeCBFu0+8KJtG61cVmOb2b/a5tPNRLz3OWgDpHMbmnDkaSm3nf/UQ6ufw4PWYGVsVOAi8UfL2A==
   dependencies:
     "@types/eslint-scope" "^3.7.0"
     "@types/estree" "^0.0.45"
@@ -12401,7 +12217,7 @@ webpack@^5.0.0:
     pkg-dir "^4.2.0"
     schema-utils "^3.0.0"
     tapable "^2.0.0"
-    terser-webpack-plugin "^4.1.0"
+    terser-webpack-plugin "^5.0.0"
     watchpack "^2.0.0"
     webpack-sources "^2.0.1"
 
@@ -12613,11 +12429,6 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
-
 yaml@1.10.0, yaml@^1.10.0:
   version "1.10.0"
   resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"

From 07b2ad3e7efd9e30ca2b64d108b65cd744b32356 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 20 Oct 2020 20:37:13 +0800
Subject: [PATCH 610/626] chore: fix terser node engine warning

---
 packages/vant-cli/yarn.lock | 6 +++---
 yarn.lock                   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index a3088c0d2..e0674e532 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -10394,9 +10394,9 @@ terser@^4.6.3:
     source-map-support "~0.5.12"
 
 terser@^5.3.5:
-  version "5.3.6"
-  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.6.tgz#3490ab11b99184f2d6fb8e65ddf53fc3d4b6147a"
-  integrity sha1-NJCrEbmRhPLW+45l3fU/w9S2FHo=
+  version "5.3.7"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.7.tgz?cache=0&sync_timestamp=1603116524754&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser%2Fdownload%2Fterser-5.3.7.tgz#798a4ae2e7ff67050c3e99fcc4e00725827d97e2"
+  integrity sha1-eYpK4uf/ZwUMPpn8xOAHJYJ9l+I=
   dependencies:
     commander "^2.20.0"
     source-map "~0.7.2"
diff --git a/yarn.lock b/yarn.lock
index e251d258e..522da25bb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11313,9 +11313,9 @@ terser@^4.6.3:
     source-map-support "~0.5.12"
 
 terser@^5.3.5:
-  version "5.3.6"
-  resolved "https://registry.npmjs.org/terser/-/terser-5.3.6.tgz#3490ab11b99184f2d6fb8e65ddf53fc3d4b6147a"
-  integrity sha512-145ap5v1HYx69HfLuwWaxTIlXyiSr+nSTb7ZWlJCgJn2JptuJRKziNa/zwFx9B1IU99Q055jHni74nLuuEC78w==
+  version "5.3.7"
+  resolved "https://registry.npm.taobao.org/terser/download/terser-5.3.7.tgz?cache=0&sync_timestamp=1603116524754&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser%2Fdownload%2Fterser-5.3.7.tgz#798a4ae2e7ff67050c3e99fcc4e00725827d97e2"
+  integrity sha1-eYpK4uf/ZwUMPpn8xOAHJYJ9l+I=
   dependencies:
     commander "^2.20.0"
     source-map "~0.7.2"

From 1d6dac991587dcc47bbbc48de23eb125c05aae62 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Tue, 20 Oct 2020 20:45:47 +0800
Subject: [PATCH 611/626] chore(Key): use tsx

---
 src/number-keyboard/Key.js               |  92 ---------------------
 src/number-keyboard/{Icon.js => Key.tsx} | 100 ++++++++++++++++++++++-
 2 files changed, 96 insertions(+), 96 deletions(-)
 delete mode 100644 src/number-keyboard/Key.js
 rename src/number-keyboard/{Icon.js => Key.tsx} (56%)

diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
deleted file mode 100644
index 83b9b4263..000000000
--- a/src/number-keyboard/Key.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ref } from 'vue';
-import { createNamespace } from '../utils';
-import { useTouch } from '../composition/use-touch';
-import Loading from '../loading';
-import { DeleteIcon, CollapseIcon } from './Icon';
-
-const [createComponent, bem] = createNamespace('key');
-
-export default createComponent({
-  props: {
-    type: String,
-    text: [Number, String],
-    color: String,
-    wider: Boolean,
-    large: Boolean,
-    loading: Boolean,
-  },
-
-  emits: ['press'],
-
-  setup(props, { emit, slots }) {
-    const active = ref(false);
-    const touch = useTouch();
-
-    const onTouchStart = (event) => {
-      touch.start(event);
-      active.value = true;
-    };
-
-    const onTouchMove = (event) => {
-      touch.move(event);
-
-      if (touch.direction.value) {
-        active.value = false;
-      }
-    };
-
-    const onTouchEnd = (event) => {
-      if (active.value) {
-        // eliminate tap delay on safari
-        // see: https://github.com/youzan/vant/issues/6836
-        if (!slots.default) {
-          event.preventDefault();
-        }
-        active.value = false;
-        emit('press', props.text, props.type);
-      }
-    };
-
-    const renderContent = () => {
-      if (props.loading) {
-        return <Loading class={bem('loading-icon')} />;
-      }
-
-      const text = slots.default ? slots.default() : props.text;
-
-      switch (props.type) {
-        case 'delete':
-          return text || <DeleteIcon class={bem('delete-icon')} />;
-        case 'extra':
-          return text || <CollapseIcon class={bem('collapse-icon')} />;
-        default:
-          return text;
-      }
-    };
-
-    return () => (
-      <div
-        class={bem('wrapper', { wider: props.wider })}
-        onTouchstart={onTouchStart}
-        onTouchmove={onTouchMove}
-        onTouchend={onTouchEnd}
-        onTouchcancel={onTouchEnd}
-      >
-        <div
-          role="button"
-          tabindex="0"
-          class={bem([
-            props.color,
-            {
-              large: props.large,
-              active: active.value,
-              delete: props.type === 'delete',
-            },
-          ])}
-        >
-          {renderContent()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src/number-keyboard/Icon.js b/src/number-keyboard/Key.tsx
similarity index 56%
rename from src/number-keyboard/Icon.js
rename to src/number-keyboard/Key.tsx
index 5b47616f3..b036a937a 100644
--- a/src/number-keyboard/Icon.js
+++ b/src/number-keyboard/Key.tsx
@@ -1,5 +1,12 @@
-export const CollapseIcon = (
-  <svg viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
+import { PropType, ref } from 'vue';
+import { createNamespace } from '../utils';
+import { useTouch } from '../composition/use-touch';
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('key');
+
+const CollapseIcon = (
+  <svg class={bem('collapse-icon')} viewBox="0 0 30 24">
     <path
       d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
       fill="currentColor"
@@ -7,11 +14,96 @@ export const CollapseIcon = (
   </svg>
 );
 
-export const DeleteIcon = (
-  <svg viewBox="0 0 32 22" xmlns="http://www.w3.org/2000/svg">
+const DeleteIcon = (
+  <svg class={bem('delete-icon')} viewBox="0 0 32 22">
     <path
       d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
       fill="currentColor"
     />
   </svg>
 );
+
+export default createComponent({
+  props: {
+    type: String as PropType<'delete' | 'extra' | 'close'>,
+    text: [Number, String],
+    color: String,
+    wider: Boolean,
+    large: Boolean,
+    loading: Boolean,
+  },
+
+  emits: ['press'],
+
+  setup(props, { emit, slots }) {
+    const active = ref(false);
+    const touch = useTouch();
+
+    const onTouchStart = (event: TouchEvent) => {
+      touch.start(event);
+      active.value = true;
+    };
+
+    const onTouchMove = (event: TouchEvent) => {
+      touch.move(event);
+
+      if (touch.direction.value) {
+        active.value = false;
+      }
+    };
+
+    const onTouchEnd = (event: TouchEvent) => {
+      if (active.value) {
+        // eliminate tap delay on safari
+        // see: https://github.com/youzan/vant/issues/6836
+        if (!slots.default) {
+          event.preventDefault();
+        }
+        active.value = false;
+        emit('press', props.text, props.type);
+      }
+    };
+
+    const renderContent = () => {
+      if (props.loading) {
+        return <Loading class={bem('loading-icon')} />;
+      }
+
+      const text = slots.default ? slots.default() : props.text;
+
+      switch (props.type) {
+        case 'delete':
+          return text || DeleteIcon;
+        case 'extra':
+          return text || CollapseIcon;
+        default:
+          return text;
+      }
+    };
+
+    return () => (
+      <div
+        class={bem('wrapper', { wider: props.wider })}
+        onTouchstart={onTouchStart}
+        onTouchmove={onTouchMove}
+        onTouchend={onTouchEnd}
+        onTouchcancel={onTouchEnd}
+      >
+        <div
+          role="button"
+          tabindex={0}
+          class={bem([
+            props.color,
+            {
+              large: props.large,
+              active: active.value,
+              delete: props.type === 'delete',
+            },
+          ])}
+        >
+          {renderContent()}
+        </div>
+      </div>
+    );
+  },
+});

From c7a2a538e13717f5e7cd3d2940f80cb3284423fc Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 21 Oct 2020 14:28:57 +0800
Subject: [PATCH 612/626] fix(Swipe): dynamically render failed #7366

---
 src/number-keyboard/Key.tsx | 2 +-
 src/swipe/index.js          | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/number-keyboard/Key.tsx b/src/number-keyboard/Key.tsx
index b036a937a..46cb35b41 100644
--- a/src/number-keyboard/Key.tsx
+++ b/src/number-keyboard/Key.tsx
@@ -1,4 +1,4 @@
-import { PropType, ref } from 'vue';
+import { ref, PropType } from 'vue';
 import { createNamespace } from '../utils';
 import { useTouch } from '../composition/use-touch';
 import Loading from '../loading';
diff --git a/src/swipe/index.js b/src/swipe/index.js
index 92a8c4259..993b722d6 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -232,6 +232,7 @@ export default createComponent({
 
     // initialize swipe position
     const initialize = (active = +props.initialSwipe) => {
+      console.log('initialize', children.length, active);
       if (!root.value || isHidden(root)) {
         return;
       }
@@ -373,7 +374,9 @@ export default createComponent({
 
     linkChildren({ size, props, count, activeIndicator });
 
-    watch([() => children.length, () => props.initialSwipe], initialize);
+    watch([() => children.length, () => props.initialSwipe], () => {
+      initialize();
+    });
 
     watch(
       () => props.autoplay,

From 8b8ddd6522f610ded89cc8a999f99470d9b230fa Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:18:09 +0800
Subject: [PATCH 613/626] chore(cli): demo-block add demoName class

---
 .../vant-cli/site/mobile/components/DemoBlock.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/vant-cli/site/mobile/components/DemoBlock.vue b/packages/vant-cli/site/mobile/components/DemoBlock.vue
index 65c89a033..10e5260d5 100644
--- a/packages/vant-cli/site/mobile/components/DemoBlock.vue
+++ b/packages/vant-cli/site/mobile/components/DemoBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="van-doc-demo-block">
+  <div class="van-doc-demo-block" :class="demoName">
     <h2 v-if="title" class="van-doc-demo-block__title">{{ title }}</h2>
     <div v-if="card" class="van-doc-demo-block__card">
       <slot />
@@ -9,6 +9,8 @@
 </template>
 
 <script>
+import { decamelize } from '../../common';
+
 export default {
   name: 'demo-block',
 
@@ -16,6 +18,17 @@ export default {
     card: Boolean,
     title: String,
   },
+
+  computed: {
+    demoName() {
+      const { meta } = this.$route || {};
+      if (meta && meta.name) {
+        return `demo-${decamelize(meta.name)}`;
+      }
+
+      return '';
+    },
+  },
 };
 </script>
 

From 57be8f4da0aec0abeac626946d52c888641d2545 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:19:12 +0800
Subject: [PATCH 614/626] chore: release @vant/cli@3.0.0-beta.10

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index b23ca23d4..e4ca58062 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.9",
+  "version": "3.0.0-beta.10",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From fd915d1cffa4971f6394de43f9323207c8dbaf7b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:21:57 +0800
Subject: [PATCH 615/626] types: fix vm typing

---
 package.json                 |   6 +-
 src/composition/use-route.ts |   2 +-
 yarn.lock                    | 114 +++++++++++++++++------------------
 3 files changed, 61 insertions(+), 61 deletions(-)

diff --git a/package.json b/package.json
index dab7ca7ef..6df725977 100644
--- a/package.json
+++ b/package.json
@@ -65,10 +65,10 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^3.0.0-beta.9",
-    "@vue/compiler-sfc": "^3.0.1",
+    "@vant/cli": "^3.0.0-beta.10",
+    "@vue/compiler-sfc": "^3.0.2",
     "prettier": "^2.0.4",
-    "vue": "^3.0.1"
+    "vue": "^3.0.2"
   },
   "sideEffects": [
     "es/**/style/*",
diff --git a/src/composition/use-route.ts b/src/composition/use-route.ts
index b6cbc8e17..f06c0680e 100644
--- a/src/composition/use-route.ts
+++ b/src/composition/use-route.ts
@@ -29,7 +29,7 @@ export function route(vm: ComponentPublicInstance<RouteProps>) {
 }
 
 export function useRoute() {
-  const vm = getCurrentInstance()!.proxy!;
+  const vm = getCurrentInstance()!.proxy as ComponentPublicInstance<RouteProps>;
   return () => {
     route(vm);
   };
diff --git a/yarn.lock b/yarn.lock
index 522da25bb..39b5371ba 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2098,10 +2098,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.9":
-  version "3.0.0-beta.9"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.9.tgz#c1d12c699d12a5e453f64e6274853c56468042d2"
-  integrity sha512-qlIm1Ii9RL0mT2Eq2zAx0h6GZ/vC2aG0LnliRcpJp/amHYFqWPTyk0SOFjteGCpjep7tRVTvKTPwFpsBIW3FdQ==
+"@vant/cli@^3.0.0-beta.10":
+  version "3.0.0-beta.10"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.10.tgz#32d4e8315a606ec399768acfe587242b94ba5b91"
+  integrity sha512-G+bbBCL9sMCJ072BO3f+rsk+tnMWKGKeO8yiDSYhfsUb+kHLu6UsMFBqHSVdteKIfSG6IIjJ0P21RkFuG0Hapw==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"
@@ -2242,36 +2242,36 @@
     html-tags "^3.1.0"
     svg-tags "^1.0.0"
 
-"@vue/compiler-core@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.1.tgz#3ce57531078c6220be7ea458e41e4bab3522015b"
-  integrity sha512-BbQQj9YVNaNWEPnP4PiFKgW8QSGB3dcPSKCtekx1586m4VA1z8hHNLQnzeygtV8BM4oU6yriiWmOIYghbJHwFw==
+"@vue/compiler-core@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.2.tgz#7790b7a1fcbba5ace4d81a70ce59096fa5c95734"
+  integrity sha512-GOlEMTlC/OdzBkKaKOniYErbkjoKxkBOmulxGmMR10I2JJX6TvXd/peaO/kla2xhpliV/M6Z4TLJp0yjAvRIAw==
   dependencies:
     "@babel/parser" "^7.12.0"
     "@babel/types" "^7.12.0"
-    "@vue/shared" "3.0.1"
+    "@vue/shared" "3.0.2"
     estree-walker "^2.0.1"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.1.tgz#00b12f2e4aa55e624e2a5257e4bed93cf7555f0b"
-  integrity sha512-8cjgswVU2YmV35H9ARZmSlDr1P9VZxUihRwefkrk6Vrsb7kui5C3d/WQ2/su34FSDpyMU1aacUOiL2CV/vdX6w==
+"@vue/compiler-dom@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.2.tgz#1d40de04bcdf9aabb79fb6a802dd70a2f3c2992a"
+  integrity sha512-jvaL4QF2yXBJVD+JLbM2YA3e5fNfflJnfQ+GtfYk46ENGsEetqbkZqcX7fO+RHdG8tZBo7LCNBvgD0QLr+V4sg==
   dependencies:
-    "@vue/compiler-core" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/compiler-core" "3.0.2"
+    "@vue/shared" "3.0.2"
 
-"@vue/compiler-sfc@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.1.tgz#f340f8f75b5c1c4509e0f3a12c79d1544899b663"
-  integrity sha512-VO5gJ7SyHw0hf1rkKXRlxjXI9+Q4ngcuUWYnyjOSDch7Wtt2IdOEiC82KFWIkfWMpHqA5HPzL2nDmys3y9d19w==
+"@vue/compiler-sfc@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.0.2.tgz#22c70fed72c347a4d5fa2db2e80594b3193dce57"
+  integrity sha512-viYjT5ehDSLM3v0jQ9hbTs4I5e/7lSlYsDOp7TQ1qcwHRvzoTQMTkFpY/Iae+LFKM124Ld17tBfXgfrZl9dt+g==
   dependencies:
     "@babel/parser" "^7.12.0"
     "@babel/types" "^7.12.0"
-    "@vue/compiler-core" "3.0.1"
-    "@vue/compiler-dom" "3.0.1"
-    "@vue/compiler-ssr" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/compiler-core" "3.0.2"
+    "@vue/compiler-dom" "3.0.2"
+    "@vue/compiler-ssr" "3.0.2"
+    "@vue/shared" "3.0.2"
     consolidate "^0.16.0"
     estree-walker "^2.0.1"
     hash-sum "^2.0.0"
@@ -2283,13 +2283,13 @@
     postcss-selector-parser "^6.0.4"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.1.tgz#0455b011d72d4ed02faa93610f14981c3d44a079"
-  integrity sha512-U0Vb7BOniw9rY0/YvXNw5EuIuO0dCoZd3XhnDjAKL9A5pSBxTlx6fPJeQ53gV0XH40M5z8q4yXukFqSVTXC6hQ==
+"@vue/compiler-ssr@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.0.2.tgz#73af4d274a79bfcc72a996a9b45f1072e7deaa26"
+  integrity sha512-gOgK1lf+0bFl+kQj6TU0TU1jIDFlsPRlSBZaUUA16DGeeiJrFanhsMuIs/l9U0IBFr/VJcHgzYpTXqHp95luHw==
   dependencies:
-    "@vue/compiler-dom" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/compiler-dom" "3.0.2"
+    "@vue/shared" "3.0.2"
 
 "@vue/component-compiler-utils@^3.1.2":
   version "3.1.2"
@@ -2307,34 +2307,34 @@
   optionalDependencies:
     prettier "^1.18.2"
 
-"@vue/reactivity@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.1.tgz#8bf6d88d0fe398e956dd8ea3df206c149ec6b92b"
-  integrity sha512-XWeqNTbvcAq8BmtR5M+XU6mfIhzi1NTcrQho7nI03I+Zf6QW1hHl/ri+iNfCNCasukQI/tzpkqJYPfyZxCRKyg==
+"@vue/reactivity@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.2.tgz#42ed5af6025b494a5e69b05169fcddf04eebfe77"
+  integrity sha512-GdRloNcBar4yqWGXOcba1t//j/WizwfthfPUYkjcIPHjYnA/vTEQYp0C9+ZjPdinv1WRK1BSMeN/xj31kQES4A==
   dependencies:
-    "@vue/shared" "3.0.1"
+    "@vue/shared" "3.0.2"
 
-"@vue/runtime-core@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.1.tgz#75ae586515aaa89e7be790ea0f2c09d436511e4d"
-  integrity sha512-HporlL3cbD0/79U0a7mDIMEn5XoxstVXrOx0TDTi2O2CUv6yjteUQdxhmMOa8m7pnqU4DL/ZuVntBWFaf4ccaw==
+"@vue/runtime-core@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.2.tgz#d7ed462af1cb0bf9836668e4e6fab3f2f4b1bc00"
+  integrity sha512-3m/jOs2xSipEFah9FgpEzvC9nERFonVGLN06+pf8iYPIy54Nlv7D2cyrk3Lhbjz4w3PbIrkxJnoTJYvJM7HDfA==
   dependencies:
-    "@vue/reactivity" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/reactivity" "3.0.2"
+    "@vue/shared" "3.0.2"
 
-"@vue/runtime-dom@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.1.tgz#2cc74550a635f38eb5f61f35f374d5bdb55156b0"
-  integrity sha512-ijb2qTRU8OzllzYQ6BSymuu9KHFDyjzn4m6jcLGlNeazdk1/YA01lFtGkl6oAErdiWPglloUJzIz0ilv0laPwA==
+"@vue/runtime-dom@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.2.tgz#9d166d03225558025d3d80f5039b646e0051b71c"
+  integrity sha512-vqC1KK1yWthTw1FKzajT0gYQaEqAq7bpeeXQC473nllGC5YHbJhNAJLSmrDun1tjXqGF0UNCWYljYm+++BJv6w==
   dependencies:
-    "@vue/runtime-core" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/runtime-core" "3.0.2"
+    "@vue/shared" "3.0.2"
     csstype "^2.6.8"
 
-"@vue/shared@3.0.1":
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.1.tgz#48196c056726aa7466d0182698524c84f203006b"
-  integrity sha512-/X6AUbTFCyD2BcJnBoacUct8qcv1A5uk1+N+3tbzDVuhGPRmoYrTSnNUuF53C/GIsTkChrEiXaJh2kyo/0tRvw==
+"@vue/shared@3.0.2":
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.0.2.tgz#419bd85a2ebdbd4f42963e98c5a1b103452176d9"
+  integrity sha512-Zx869zlNoujFOclKIoYmkh8ES2RcS/+Jn546yOiPyZ+3+Ejivnr+fb8l+DdXUEFjo+iVDNR3KyLzg03aBFfZ4Q==
 
 "@vue/test-utils@2.0.0-beta.7":
   version "2.0.0-beta.7"
@@ -12055,14 +12055,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.npmjs.org/vue/-/vue-3.0.1.tgz#dcdabf07da37e655e23d7d22eacc18c2da5f5a16"
-  integrity sha512-WBTgaQMJIWQuhlzMV6C0qvVrxyQSpx3gKwflYC0sqGKEZSxMIOYRnrIlHUN4ivUVvP7mUMxcnFTt7P+akdOkQA==
+vue@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.0.2.tgz#9d5b7b2983f35e64a34d13c7c9d6831239feca3c"
+  integrity sha512-ciKFjutKRs+2Vbvgrist1oDd5wZQqtOel/K//ku54zLbf8tcTV+XbyAfanTHcTkML9CUj09vnC+y+5uaOz2/9g==
   dependencies:
-    "@vue/compiler-dom" "3.0.1"
-    "@vue/runtime-dom" "3.0.1"
-    "@vue/shared" "3.0.1"
+    "@vue/compiler-dom" "3.0.2"
+    "@vue/runtime-dom" "3.0.2"
+    "@vue/shared" "3.0.2"
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"

From 862c3ec1a448058c352294ef4c8647611fada124 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:28:34 +0800
Subject: [PATCH 616/626] chore(cli): auto wrap demo-section

---
 packages/vant-cli/site/mobile/App.vue             | 14 +++++++-------
 .../vant-cli/site/mobile/components/DemoBlock.vue | 15 +--------------
 2 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/packages/vant-cli/site/mobile/App.vue b/packages/vant-cli/site/mobile/App.vue
index d3bb17eed..33f03f6c0 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <demo-nav />
-    <router-view v-slot="{ Component }">
-      <keep-alive>
+  <demo-nav />
+  <router-view v-slot="{ Component }">
+    <keep-alive>
+      <demo-section>
         <component :is="Component" />
-      </keep-alive>
-    </router-view>
-  </div>
+      </demo-section>
+    </keep-alive>
+  </router-view>
 </template>
 
 <script>
diff --git a/packages/vant-cli/site/mobile/components/DemoBlock.vue b/packages/vant-cli/site/mobile/components/DemoBlock.vue
index 10e5260d5..65c89a033 100644
--- a/packages/vant-cli/site/mobile/components/DemoBlock.vue
+++ b/packages/vant-cli/site/mobile/components/DemoBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="van-doc-demo-block" :class="demoName">
+  <div class="van-doc-demo-block">
     <h2 v-if="title" class="van-doc-demo-block__title">{{ title }}</h2>
     <div v-if="card" class="van-doc-demo-block__card">
       <slot />
@@ -9,8 +9,6 @@
 </template>
 
 <script>
-import { decamelize } from '../../common';
-
 export default {
   name: 'demo-block',
 
@@ -18,17 +16,6 @@ export default {
     card: Boolean,
     title: String,
   },
-
-  computed: {
-    demoName() {
-      const { meta } = this.$route || {};
-      if (meta && meta.name) {
-        return `demo-${decamelize(meta.name)}`;
-      }
-
-      return '';
-    },
-  },
 };
 </script>
 

From e8244c44e1e06b68371c7691895e6ebafd379126 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:44:19 +0800
Subject: [PATCH 617/626] docs: remove demo-section

---
 .../templates/src/demo-button/demo/index.vue  |  14 +-
 src/action-bar/demo/index.vue                 | 122 +++++----
 src/action-sheet/demo/index.vue               |  96 ++++---
 src/address-edit/demo/index.vue               |  30 ++-
 src/address-list/demo/index.vue               |  24 +-
 src/area/demo/index.vue                       |  38 ++-
 src/badge/demo/index.vue                      |  56 ++---
 src/button/demo/index.vue                     | 128 +++++-----
 src/calendar/demo/index.vue                   | 234 +++++++++---------
 src/card/demo/index.vue                       | 102 ++++----
 src/cell/demo/index.vue                       | 130 +++++-----
 src/checkbox/demo/index.vue                   | 182 +++++++-------
 src/circle/demo/index.vue                     | 122 +++++----
 src/col/demo/index.vue                        |  96 ++++---
 src/collapse/demo/index.vue                   | 114 +++++----
 src/contact-card/demo/index.vue               |  74 +++---
 src/count-down/demo/index.vue                 |  76 +++---
 src/coupon-list/demo/index.vue                |  40 ++-
 src/datetime-picker/demo/index.vue            | 152 ++++++------
 src/dialog/demo/index.vue                     |  48 ++--
 src/divider/demo/index.vue                    |  56 ++---
 src/dropdown-menu/demo/index.vue              | 106 ++++----
 src/empty/demo/index.vue                      |  62 +++--
 src/field/demo/index.vue                      |  22 +-
 src/form/demo/FieldTypeArea.vue               |  24 +-
 src/form/demo/FieldTypeCalendar.vue           |  17 +-
 src/form/demo/FieldTypeDatetimePicker.vue     |  20 +-
 src/form/demo/FieldTypePicker.vue             |  24 +-
 src/form/demo/index.vue                       |   8 +-
 src/grid/demo/index.vue                       | 143 +++++------
 src/icon/demo/index.vue                       | 164 ++++++------
 src/image-preview/demo/index.vue              |  64 +++--
 src/image/demo/index.vue                      | 104 ++++----
 src/index-bar/demo/index.vue                  |  50 ++--
 src/lazyload/demo/index.vue                   |  32 ++-
 src/list/demo/index.vue                       |  68 +++--
 src/loading/demo/index.vue                    |  46 ++--
 src/nav-bar/demo/index.vue                    |  36 ++-
 src/notice-bar/demo/index.vue                 |  74 +++---
 src/notify/demo/index.vue                     |  54 ++--
 src/number-keyboard/demo/index.vue            | 142 ++++++-----
 src/overlay/demo/index.vue                    |  48 ++--
 src/pagination/demo/index.vue                 |  90 ++++---
 src/password-input/demo/index.vue             | 102 ++++----
 src/picker/demo/index.vue                     | 124 +++++-----
 src/popup/demo/index.vue                      | 178 +++++++------
 src/progress/demo/index.vue                   |  44 ++--
 src/pull-refresh/demo/index.vue               |  78 +++---
 src/radio/demo/index.vue                      | 174 +++++++------
 src/rate/demo/index.vue                       |  74 +++---
 src/search/demo/index.vue                     |  92 ++++---
 src/share-sheet/demo/index.vue                |  82 +++---
 src/sidebar/demo/index.vue                    |  70 +++---
 src/skeleton/demo/index.vue                   |  36 ++-
 src/slider/demo/index.vue                     |  84 +++----
 src/stepper/demo/index.vue                    |  72 +++---
 src/steps/demo/index.vue                      |  78 +++---
 src/sticky/demo/index.vue                     |  48 ++--
 src/style/demo/index.vue                      |  40 ++-
 src/submit-bar/demo/index.vue                 |  82 +++---
 src/swipe-cell/demo/index.vue                 |  88 ++++---
 src/swipe/demo/index.vue                      | 118 +++++----
 src/switch/demo/index.vue                     |  60 +++--
 src/tab/demo/index.vue                        | 182 +++++++-------
 src/tabbar/demo/index.vue                     | 134 +++++-----
 src/tag/demo/index.vue                        | 118 +++++----
 src/toast/demo/index.vue                      |  54 ++--
 src/tree-select/demo/index.vue                |  86 ++++---
 src/uploader/demo/index.vue                   |  82 +++---
 69 files changed, 2732 insertions(+), 2980 deletions(-)

diff --git a/packages/create-vant-cli-app/generators/templates/src/demo-button/demo/index.vue b/packages/create-vant-cli-app/generators/templates/src/demo-button/demo/index.vue
index c367d40fd..8e4c835c4 100644
--- a/packages/create-vant-cli-app/generators/templates/src/demo-button/demo/index.vue
+++ b/packages/create-vant-cli-app/generators/templates/src/demo-button/demo/index.vue
@@ -1,11 +1,9 @@
 <template>
-  <demo-section>
-    <demo-block title="基础用法">
-      <demo-button type="primary" style="margin-left: 15px;">按钮</demo-button>
-    </demo-block>
+  <demo-block title="基础用法">
+    <demo-button type="primary" style="margin-left: 15px;">按钮</demo-button>
+  </demo-block>
 
-    <demo-block title="自定义颜色">
-      <demo-button color="#03a9f4" style="margin-left: 15px;">按钮</demo-button>
-    </demo-block>
-  </demo-section>
+  <demo-block title="自定义颜色">
+    <demo-button color="#03a9f4" style="margin-left: 15px;">按钮</demo-button>
+  </demo-block>
 </template>
diff --git a/src/action-bar/demo/index.vue b/src/action-bar/demo/index.vue
index 96cd4ab28..b09aa0b00 100644
--- a/src/action-bar/demo/index.vue
+++ b/src/action-bar/demo/index.vue
@@ -1,71 +1,65 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-action-bar>
-        <van-action-bar-icon
-          icon="chat-o"
-          :text="t('icon1')"
-          @click="onClickIcon"
-        />
-        <van-action-bar-icon
-          icon="cart-o"
-          :text="t('icon2')"
-          @click="onClickIcon"
-        />
-        <van-action-bar-icon
-          icon="shop-o"
-          :text="t('icon3')"
-          @click="onClickIcon"
-        />
-        <van-action-bar-button
-          type="danger"
-          :text="t('button2')"
-          @click="onClickButton"
-        />
-      </van-action-bar>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-action-bar>
+      <van-action-bar-icon
+        icon="chat-o"
+        :text="t('icon1')"
+        @click="onClickIcon"
+      />
+      <van-action-bar-icon
+        icon="cart-o"
+        :text="t('icon2')"
+        @click="onClickIcon"
+      />
+      <van-action-bar-icon
+        icon="shop-o"
+        :text="t('icon3')"
+        @click="onClickIcon"
+      />
+      <van-action-bar-button
+        type="danger"
+        :text="t('button2')"
+        @click="onClickButton"
+      />
+    </van-action-bar>
+  </demo-block>
 
-    <demo-block :title="t('iconBadge')">
-      <van-action-bar>
-        <van-action-bar-icon icon="chat-o" dot :text="t('icon1')" />
-        <van-action-bar-icon icon="cart-o" badge="5" :text="t('icon2')" />
-        <van-action-bar-icon icon="shop-o" badge="12" :text="t('icon3')" />
-        <van-action-bar-button type="warning" :text="t('button1')" />
-        <van-action-bar-button type="danger" :text="t('button2')" />
-      </van-action-bar>
-    </demo-block>
+  <demo-block :title="t('iconBadge')">
+    <van-action-bar>
+      <van-action-bar-icon icon="chat-o" dot :text="t('icon1')" />
+      <van-action-bar-icon icon="cart-o" badge="5" :text="t('icon2')" />
+      <van-action-bar-icon icon="shop-o" badge="12" :text="t('icon3')" />
+      <van-action-bar-button type="warning" :text="t('button1')" />
+      <van-action-bar-button type="danger" :text="t('button2')" />
+    </van-action-bar>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('customIconColor')">
-      <van-action-bar>
-        <van-action-bar-icon icon="chat-o" :text="t('icon1')" color="#07c160" />
-        <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
-        <van-action-bar-icon
-          icon="star"
-          :text="t('collected')"
-          color="#ff5000"
-        />
-        <van-action-bar-button type="warning" :text="t('button1')" />
-        <van-action-bar-button type="danger" :text="t('button2')" />
-      </van-action-bar>
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('customIconColor')">
+    <van-action-bar>
+      <van-action-bar-icon icon="chat-o" :text="t('icon1')" color="#07c160" />
+      <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
+      <van-action-bar-icon icon="star" :text="t('collected')" color="#ff5000" />
+      <van-action-bar-button type="warning" :text="t('button1')" />
+      <van-action-bar-button type="danger" :text="t('button2')" />
+    </van-action-bar>
+  </demo-block>
 
-    <demo-block :title="t('customButtonColor')">
-      <van-action-bar>
-        <van-action-bar-icon icon="chat-o" :text="t('icon1')" />
-        <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
-        <van-action-bar-button
-          color="#be99ff"
-          type="warning"
-          :text="t('button1')"
-        />
-        <van-action-bar-button
-          color="#7232dd"
-          type="danger"
-          :text="t('button2')"
-        />
-      </van-action-bar>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('customButtonColor')">
+    <van-action-bar>
+      <van-action-bar-icon icon="chat-o" :text="t('icon1')" />
+      <van-action-bar-icon icon="cart-o" :text="t('icon2')" />
+      <van-action-bar-button
+        color="#be99ff"
+        type="warning"
+        :text="t('button1')"
+      />
+      <van-action-bar-button
+        color="#7232dd"
+        type="danger"
+        :text="t('button2')"
+      />
+    </van-action-bar>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/action-sheet/demo/index.vue b/src/action-sheet/demo/index.vue
index ed6f85807..98f240d46 100644
--- a/src/action-sheet/demo/index.vue
+++ b/src/action-sheet/demo/index.vue
@@ -1,60 +1,54 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('basicUsage')" @click="show.basic = true" />
-      <van-cell is-link :title="t('showCancel')" @click="show.cancel = true" />
-      <van-cell
-        is-link
-        :title="t('showDescription')"
-        @click="show.description = true"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('optionStatus')">
-      <van-cell
-        is-link
-        :title="t('optionStatus')"
-        @click="show.status = true"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('customPanel')">
-      <van-cell is-link :title="t('customPanel')" @click="show.title = true" />
-    </demo-block>
-
-    <van-action-sheet
-      v-model:show="show.basic"
-      :actions="simpleActions"
-      @select="onSelect"
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link :title="t('basicUsage')" @click="show.basic = true" />
+    <van-cell is-link :title="t('showCancel')" @click="show.cancel = true" />
+    <van-cell
+      is-link
+      :title="t('showDescription')"
+      @click="show.description = true"
     />
+  </demo-block>
 
-    <van-action-sheet
-      v-model:show="show.cancel"
-      :actions="simpleActions"
-      close-on-click-action
-      :cancel-text="t('cancel')"
-      @cancel="onCancel"
-    />
+  <demo-block card :title="t('optionStatus')">
+    <van-cell is-link :title="t('optionStatus')" @click="show.status = true" />
+  </demo-block>
 
-    <van-action-sheet
-      v-model:show="show.description"
-      :actions="actionsWithDescription"
-      close-on-click-action
-      :cancel-text="t('cancel')"
-      :description="t('description')"
-    />
+  <demo-block card :title="t('customPanel')">
+    <van-cell is-link :title="t('customPanel')" @click="show.title = true" />
+  </demo-block>
 
-    <van-action-sheet
-      v-model:show="show.status"
-      close-on-click-action
-      :actions="statusActions"
-      :cancel-text="t('cancel')"
-    />
+  <van-action-sheet
+    v-model:show="show.basic"
+    :actions="simpleActions"
+    @select="onSelect"
+  />
 
-    <van-action-sheet v-model:show="show.title" :title="t('title')">
-      <div class="demo-action-sheet-content">{{ t('content') }}</div>
-    </van-action-sheet>
-  </demo-section>
+  <van-action-sheet
+    v-model:show="show.cancel"
+    :actions="simpleActions"
+    close-on-click-action
+    :cancel-text="t('cancel')"
+    @cancel="onCancel"
+  />
+
+  <van-action-sheet
+    v-model:show="show.description"
+    :actions="actionsWithDescription"
+    close-on-click-action
+    :cancel-text="t('cancel')"
+    :description="t('description')"
+  />
+
+  <van-action-sheet
+    v-model:show="show.status"
+    close-on-click-action
+    :actions="statusActions"
+    :cancel-text="t('cancel')"
+  />
+
+  <van-action-sheet v-model:show="show.title" :title="t('title')">
+    <div class="demo-action-sheet-content">{{ t('content') }}</div>
+  </van-action-sheet>
 </template>
 
 <script>
diff --git a/src/address-edit/demo/index.vue b/src/address-edit/demo/index.vue
index a9eed0f0a..308ae2733 100644
--- a/src/address-edit/demo/index.vue
+++ b/src/address-edit/demo/index.vue
@@ -1,20 +1,18 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-address-edit
-        :area-list="areaList"
-        show-postal
-        show-delete
-        show-set-default
-        show-search-result
-        :search-result="searchResult"
-        :area-columns-placeholder="t('areaColumnsPlaceholder')"
-        @save="onSave"
-        @delete="onDelete"
-        @change-detail="onChangeDetail"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('basicUsage')">
+    <van-address-edit
+      :area-list="areaList"
+      show-postal
+      show-delete
+      show-set-default
+      show-search-result
+      :search-result="searchResult"
+      :area-columns-placeholder="t('areaColumnsPlaceholder')"
+      @save="onSave"
+      @delete="onDelete"
+      @change-detail="onChangeDetail"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/address-list/demo/index.vue b/src/address-list/demo/index.vue
index 60d74b2f6..3a8826e65 100644
--- a/src/address-list/demo/index.vue
+++ b/src/address-list/demo/index.vue
@@ -1,17 +1,15 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-address-list
-        v-model="chosenAddressId"
-        :list="t('list')"
-        :disabled-list="t('disabledList')"
-        :disabled-text="t('disabledText')"
-        :default-tag-text="t('defaultTagText')"
-        @add="onAdd"
-        @edit="onEdit"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('basicUsage')">
+    <van-address-list
+      v-model="chosenAddressId"
+      :list="t('list')"
+      :disabled-list="t('disabledList')"
+      :disabled-text="t('disabledText')"
+      :default-tag-text="t('defaultTagText')"
+      @add="onAdd"
+      @edit="onEdit"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/area/demo/index.vue b/src/area/demo/index.vue
index d88fc3e12..1d8d89a8d 100644
--- a/src/area/demo/index.vue
+++ b/src/area/demo/index.vue
@@ -1,29 +1,23 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-area :title="t('title')" :area-list="t('areaList')" />
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-area :title="t('title')" :area-list="t('areaList')" />
+  </demo-block>
 
-    <demo-block card :title="t('title2')">
-      <van-area :title="t('title')" :area-list="t('areaList')" :value="value" />
-    </demo-block>
+  <demo-block card :title="t('title2')">
+    <van-area :title="t('title')" :area-list="t('areaList')" :value="value" />
+  </demo-block>
 
-    <demo-block card :title="t('title3')">
-      <van-area
-        :title="t('title')"
-        :area-list="t('areaList')"
-        :columns-num="2"
-      />
-    </demo-block>
+  <demo-block card :title="t('title3')">
+    <van-area :title="t('title')" :area-list="t('areaList')" :columns-num="2" />
+  </demo-block>
 
-    <demo-block card :title="t('title4')">
-      <van-area
-        :title="t('title')"
-        :area-list="t('areaList')"
-        :columns-placeholder="t('columnsPlaceholder')"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('title4')">
+    <van-area
+      :title="t('title')"
+      :area-list="t('areaList')"
+      :columns-placeholder="t('columnsPlaceholder')"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/badge/demo/index.vue b/src/badge/demo/index.vue
index c7558afc4..235008996 100644
--- a/src/badge/demo/index.vue
+++ b/src/badge/demo/index.vue
@@ -1,36 +1,34 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-badge content="5">
-        <div class="child" />
-      </van-badge>
-      <van-badge dot>
-        <div class="child" />
-      </van-badge>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-badge content="5">
+      <div class="child" />
+    </van-badge>
+    <van-badge dot>
+      <div class="child" />
+    </van-badge>
+  </demo-block>
 
-    <demo-block :title="t('max')">
-      <van-badge content="20" max="9">
-        <div class="child" />
-      </van-badge>
-      <van-badge content="200" max="99">
-        <div class="child" />
-      </van-badge>
-    </demo-block>
+  <demo-block :title="t('max')">
+    <van-badge content="20" max="9">
+      <div class="child" />
+    </van-badge>
+    <van-badge content="200" max="99">
+      <div class="child" />
+    </van-badge>
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-badge content="5" :color="BLUE">
-        <div class="child" />
-      </van-badge>
-      <van-badge dot :color="BLUE">
-        <div class="child" />
-      </van-badge>
-    </demo-block>
+  <demo-block :title="t('customColor')">
+    <van-badge content="5" :color="BLUE">
+      <div class="child" />
+    </van-badge>
+    <van-badge dot :color="BLUE">
+      <div class="child" />
+    </van-badge>
+  </demo-block>
 
-    <demo-block :title="t('standalone')">
-      <van-badge content="200" max="99" style="margin-left: 16px;" />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('standalone')">
+    <van-badge content="200" max="99" style="margin-left: 16px;" />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/button/demo/index.vue b/src/button/demo/index.vue
index 7e44aab2c..8b59cd48b 100644
--- a/src/button/demo/index.vue
+++ b/src/button/demo/index.vue
@@ -1,81 +1,75 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('type')">
-      <div class="demo-button-row">
-        <van-button type="primary">{{ t('primary') }}</van-button>
-        <van-button type="success">{{ t('success') }}</van-button>
-        <van-button type="default">{{ t('default') }}</van-button>
-      </div>
-      <van-button type="danger">{{ t('danger') }}</van-button>
-      <van-button type="warning">{{ t('warning') }}</van-button>
-    </demo-block>
+  <demo-block :title="t('type')">
+    <div class="demo-button-row">
+      <van-button type="primary">{{ t('primary') }}</van-button>
+      <van-button type="success">{{ t('success') }}</van-button>
+      <van-button type="default">{{ t('default') }}</van-button>
+    </div>
+    <van-button type="danger">{{ t('danger') }}</van-button>
+    <van-button type="warning">{{ t('warning') }}</van-button>
+  </demo-block>
 
-    <demo-block :title="t('plain')">
-      <van-button plain type="primary" :text="t('plain')" />
-      <van-button plain type="success" :text="t('plain')" />
-    </demo-block>
+  <demo-block :title="t('plain')">
+    <van-button plain type="primary" :text="t('plain')" />
+    <van-button plain type="success" :text="t('plain')" />
+  </demo-block>
 
-    <demo-block :title="t('hairline')">
-      <van-button plain hairline type="primary" :text="t('hairlineButton')" />
-      <van-button plain hairline type="success" :text="t('hairlineButton')" />
-    </demo-block>
+  <demo-block :title="t('hairline')">
+    <van-button plain hairline type="primary" :text="t('hairlineButton')" />
+    <van-button plain hairline type="success" :text="t('hairlineButton')" />
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-button disabled type="primary" :text="t('disabled')" />
-      <van-button disabled type="success" :text="t('disabled')" />
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-button disabled type="primary" :text="t('disabled')" />
+    <van-button disabled type="success" :text="t('disabled')" />
+  </demo-block>
 
-    <demo-block :title="t('loadingStatus')">
-      <van-button loading type="primary" />
-      <van-button loading type="primary" loading-type="spinner" />
-      <van-button loading :loading-text="t('loadingText')" type="success" />
-    </demo-block>
+  <demo-block :title="t('loadingStatus')">
+    <van-button loading type="primary" />
+    <van-button loading type="primary" loading-type="spinner" />
+    <van-button loading :loading-text="t('loadingText')" type="success" />
+  </demo-block>
 
-    <demo-block :title="t('shape')">
-      <van-button type="primary" square :text="t('square')" />
-      <van-button type="success" round :text="t('round')" />
-    </demo-block>
+  <demo-block :title="t('shape')">
+    <van-button type="primary" square :text="t('square')" />
+    <van-button type="success" round :text="t('round')" />
+  </demo-block>
 
-    <demo-block :title="t('icon')">
-      <van-button type="primary" icon="plus" />
-      <van-button type="primary" icon="plus" :text="t('button')" />
-      <van-button
-        plain
-        type="primary"
-        icon="https://img.yzcdn.cn/vant/user-active.png"
-        :text="t('button')"
-      />
-    </demo-block>
+  <demo-block :title="t('icon')">
+    <van-button type="primary" icon="plus" />
+    <van-button type="primary" icon="plus" :text="t('button')" />
+    <van-button
+      plain
+      type="primary"
+      icon="https://img.yzcdn.cn/vant/user-active.png"
+      :text="t('button')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('size')">
-      <van-button type="primary" size="large">{{ t('large') }}</van-button>
-      <van-button type="primary" size="normal">{{ t('normal') }}</van-button>
-      <van-button type="primary" size="small">{{ t('small') }}</van-button>
-      <van-button type="primary" size="mini">{{ t('mini') }}</van-button>
-    </demo-block>
+  <demo-block :title="t('size')">
+    <van-button type="primary" size="large">{{ t('large') }}</van-button>
+    <van-button type="primary" size="normal">{{ t('normal') }}</van-button>
+    <van-button type="primary" size="small">{{ t('small') }}</van-button>
+    <van-button type="primary" size="mini">{{ t('mini') }}</van-button>
+  </demo-block>
 
-    <demo-block :title="t('blockElement')">
-      <van-button type="primary" block>{{ t('blockElement') }}</van-button>
-    </demo-block>
+  <demo-block :title="t('blockElement')">
+    <van-button type="primary" block>{{ t('blockElement') }}</van-button>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('router')">
-      <van-button
-        :text="t('urlRoute')"
-        type="primary"
-        url="/vant/mobile.html"
-      />
-      <van-button :text="t('vueRoute')" type="primary" to="index" />
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('router')">
+    <van-button :text="t('urlRoute')" type="primary" url="/vant/mobile.html" />
+    <van-button :text="t('vueRoute')" type="primary" to="index" />
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-button color="#7232dd" :text="t('pure')" />
-      <van-button plain color="#7232dd" :text="t('pure')" />
-      <van-button
-        color="linear-gradient(to right, #ff6034, #ee0a24)"
-        :text="t('gradient')"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('customColor')">
+    <van-button color="#7232dd" :text="t('pure')" />
+    <van-button plain color="#7232dd" :text="t('pure')" />
+    <van-button
+      color="linear-gradient(to right, #ff6034, #ee0a24)"
+      :text="t('gradient')"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/calendar/demo/index.vue b/src/calendar/demo/index.vue
index 1dfb3476c..752478427 100644
--- a/src/calendar/demo/index.vue
+++ b/src/calendar/demo/index.vue
@@ -1,123 +1,121 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell
-        is-link
-        :title="t('selectSingle')"
-        :value="formatFullDate(date.selectSingle)"
-        @click="show('single', 'selectSingle')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('selectMultiple')"
-        :value="formatMultiple(date.selectMultiple)"
-        @click="show('multiple', 'selectMultiple')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('selectRange')"
-        :value="formatRange(date.selectRange)"
-        @click="show('range', 'selectRange')"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('quickSelect')">
-      <van-cell
-        is-link
-        :title="t('selectSingle')"
-        :value="formatFullDate(date.quickSelect1)"
-        @click="show('single', 'quickSelect1')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('selectRange')"
-        :value="formatRange(date.quickSelect2)"
-        @click="show('range', 'quickSelect2')"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('customCalendar')">
-      <van-cell
-        is-link
-        :title="t('customColor')"
-        :value="formatRange(date.customColor)"
-        @click="show('range', 'customColor')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('customRange')"
-        :value="formatFullDate(date.customRange)"
-        @click="show('single', 'customRange')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('customConfirm')"
-        :value="formatRange(date.customConfirm)"
-        @click="show('range', 'customConfirm')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('customDayText')"
-        :value="formatRange(date.customDayText)"
-        @click="show('range', 'customDayText')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('customPosition')"
-        :value="formatFullDate(date.customPosition)"
-        @click="show('single', 'customPosition')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('maxRange')"
-        :value="formatRange(date.maxRange)"
-        @click="show('range', 'maxRange')"
-      />
-
-      <van-cell
-        is-link
-        :title="t('firstDayOfWeek')"
-        @click="show('single', 'firstDayOfWeek')"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('tiledDisplay')">
-      <van-calendar
-        :title="t('calendar')"
-        :poppable="false"
-        :show-confirm="false"
-        :min-date="tiledMinDate"
-        :max-date="tiledMaxDate"
-        :default-date="tiledMinDate"
-        :style="{ height: '500px' }"
-      />
-    </demo-block>
-
-    <van-calendar
-      v-model:show="showCalendar"
-      :type="type"
-      :color="color"
-      :round="round"
-      :position="position"
-      :min-date="minDate"
-      :max-date="maxDate"
-      :max-range="maxRange"
-      :formatter="formatter"
-      :show-confirm="showConfirm"
-      :confirm-text="confirmText"
-      :confirm-disabled-text="confirmDisabledText"
-      :first-day-of-week="firstDayOfWeek"
-      @confirm="onConfirm"
+  <demo-block card :title="t('basicUsage')">
+    <van-cell
+      is-link
+      :title="t('selectSingle')"
+      :value="formatFullDate(date.selectSingle)"
+      @click="show('single', 'selectSingle')"
     />
-  </demo-section>
+
+    <van-cell
+      is-link
+      :title="t('selectMultiple')"
+      :value="formatMultiple(date.selectMultiple)"
+      @click="show('multiple', 'selectMultiple')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('selectRange')"
+      :value="formatRange(date.selectRange)"
+      @click="show('range', 'selectRange')"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('quickSelect')">
+    <van-cell
+      is-link
+      :title="t('selectSingle')"
+      :value="formatFullDate(date.quickSelect1)"
+      @click="show('single', 'quickSelect1')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('selectRange')"
+      :value="formatRange(date.quickSelect2)"
+      @click="show('range', 'quickSelect2')"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('customCalendar')">
+    <van-cell
+      is-link
+      :title="t('customColor')"
+      :value="formatRange(date.customColor)"
+      @click="show('range', 'customColor')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('customRange')"
+      :value="formatFullDate(date.customRange)"
+      @click="show('single', 'customRange')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('customConfirm')"
+      :value="formatRange(date.customConfirm)"
+      @click="show('range', 'customConfirm')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('customDayText')"
+      :value="formatRange(date.customDayText)"
+      @click="show('range', 'customDayText')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('customPosition')"
+      :value="formatFullDate(date.customPosition)"
+      @click="show('single', 'customPosition')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('maxRange')"
+      :value="formatRange(date.maxRange)"
+      @click="show('range', 'maxRange')"
+    />
+
+    <van-cell
+      is-link
+      :title="t('firstDayOfWeek')"
+      @click="show('single', 'firstDayOfWeek')"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('tiledDisplay')">
+    <van-calendar
+      :title="t('calendar')"
+      :poppable="false"
+      :show-confirm="false"
+      :min-date="tiledMinDate"
+      :max-date="tiledMaxDate"
+      :default-date="tiledMinDate"
+      :style="{ height: '500px' }"
+    />
+  </demo-block>
+
+  <van-calendar
+    v-model:show="showCalendar"
+    :type="type"
+    :color="color"
+    :round="round"
+    :position="position"
+    :min-date="minDate"
+    :max-date="maxDate"
+    :max-range="maxRange"
+    :formatter="formatter"
+    :show-confirm="showConfirm"
+    :confirm-text="confirmText"
+    :confirm-disabled-text="confirmDisabledText"
+    :first-day-of-week="firstDayOfWeek"
+    @confirm="onConfirm"
+  />
 </template>
 
 <script>
diff --git a/src/card/demo/index.vue b/src/card/demo/index.vue
index 010f84f49..f450cbaba 100644
--- a/src/card/demo/index.vue
+++ b/src/card/demo/index.vue
@@ -1,59 +1,57 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-card
-        num="2"
-        price="2.00"
-        :desc="t('desc')"
-        :title="t('title')"
-        :thumb="imageURL"
-      />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-card
+      num="2"
+      price="2.00"
+      :desc="t('desc')"
+      :title="t('title')"
+      :thumb="imageURL"
+    />
+  </demo-block>
 
-    <demo-block :title="t('discountInfo')">
-      <van-card
-        num="2"
-        price="2.00"
-        origin-price="10.00"
-        :tag="t('tag')"
-        :desc="t('desc')"
-        :title="t('title')"
-        :thumb="imageURL"
-      />
-    </demo-block>
+  <demo-block :title="t('discountInfo')">
+    <van-card
+      num="2"
+      price="2.00"
+      origin-price="10.00"
+      :tag="t('tag')"
+      :desc="t('desc')"
+      :title="t('title')"
+      :thumb="imageURL"
+    />
+  </demo-block>
 
-    <demo-block :title="t('customContent')">
-      <van-card
-        num="2"
-        price="2.00"
-        :desc="t('desc')"
-        :title="t('title')"
-        :thumb="imageURL"
-      >
-        <template #tags>
-          <div>
-            <van-tag plain type="danger" style="margin-right: 5px;">
-              标签
-            </van-tag>
-            <van-tag plain type="danger">
-              标签
-            </van-tag>
-          </div>
-        </template>
+  <demo-block :title="t('customContent')">
+    <van-card
+      num="2"
+      price="2.00"
+      :desc="t('desc')"
+      :title="t('title')"
+      :thumb="imageURL"
+    >
+      <template #tags>
+        <div>
+          <van-tag plain type="danger" style="margin-right: 5px;">
+            标签
+          </van-tag>
+          <van-tag plain type="danger">
+            标签
+          </van-tag>
+        </div>
+      </template>
 
-        <template #footer>
-          <div>
-            <van-button round size="mini">
-              {{ t('button') }}
-            </van-button>
-            <van-button round size="mini">
-              {{ t('button') }}
-            </van-button>
-          </div>
-        </template>
-      </van-card>
-    </demo-block>
-  </demo-section>
+      <template #footer>
+        <div>
+          <van-button round size="mini">
+            {{ t('button') }}
+          </van-button>
+          <van-button round size="mini">
+            {{ t('button') }}
+          </van-button>
+        </div>
+      </template>
+    </van-card>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/cell/demo/index.vue b/src/cell/demo/index.vue
index b1462a942..77678dce1 100644
--- a/src/cell/demo/index.vue
+++ b/src/cell/demo/index.vue
@@ -1,79 +1,77 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-cell-group>
-        <van-cell :title="t('cell')" :value="t('content')" />
-        <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
-      </van-cell-group>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-cell-group>
+      <van-cell :title="t('cell')" :value="t('content')" />
+      <van-cell :title="t('cell')" :value="t('content')" :label="t('desc')" />
+    </van-cell-group>
+  </demo-block>
 
-    <demo-block :title="t('largeSize')">
-      <van-cell :title="t('cell')" :value="t('content')" size="large" />
-      <van-cell
-        :title="t('cell')"
-        :value="t('content')"
-        size="large"
-        :label="t('desc')"
-      />
-    </demo-block>
+  <demo-block :title="t('largeSize')">
+    <van-cell :title="t('cell')" :value="t('content')" size="large" />
+    <van-cell
+      :title="t('cell')"
+      :value="t('content')"
+      size="large"
+      :label="t('desc')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('showIcon')">
-      <van-cell :title="t('cell')" :value="t('content')" icon="location-o" />
-    </demo-block>
+  <demo-block :title="t('showIcon')">
+    <van-cell :title="t('cell')" :value="t('content')" icon="location-o" />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('valueOnly')">
-      <van-cell :value="t('content')" />
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('valueOnly')">
+    <van-cell :value="t('content')" />
+  </demo-block>
 
-    <demo-block :title="t('showArrow')">
-      <van-cell :title="t('cell')" is-link />
-      <van-cell :title="t('cell')" is-link :value="t('content')" />
-      <van-cell
-        :title="t('cell')"
-        is-link
-        arrow-direction="down"
-        :value="t('content')"
-      />
-    </demo-block>
+  <demo-block :title="t('showArrow')">
+    <van-cell :title="t('cell')" is-link />
+    <van-cell :title="t('cell')" is-link :value="t('content')" />
+    <van-cell
+      :title="t('cell')"
+      is-link
+      arrow-direction="down"
+      :value="t('content')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('router')">
-      <van-cell :title="t('urlRoute')" is-link url="/vant/mobile.html" />
-      <van-cell :title="t('vueRoute')" is-link to="index" />
-    </demo-block>
+  <demo-block :title="t('router')">
+    <van-cell :title="t('urlRoute')" is-link url="/vant/mobile.html" />
+    <van-cell :title="t('vueRoute')" is-link to="index" />
+  </demo-block>
 
-    <demo-block :title="t('groupTitle')">
-      <van-cell-group :title="`${t('group')} 1`">
-        <van-cell :title="t('cell')" :value="t('content')" />
-      </van-cell-group>
-      <van-cell-group :title="`${t('group')} 2`">
-        <van-cell :title="t('cell')" :value="t('content')" />
-      </van-cell-group>
-    </demo-block>
+  <demo-block :title="t('groupTitle')">
+    <van-cell-group :title="`${t('group')} 1`">
+      <van-cell :title="t('cell')" :value="t('content')" />
+    </van-cell-group>
+    <van-cell-group :title="`${t('group')} 2`">
+      <van-cell :title="t('cell')" :value="t('content')" />
+    </van-cell-group>
+  </demo-block>
 
-    <demo-block :title="t('useSlots')">
-      <van-cell :value="t('content')" is-link>
-        <template #title>
-          <span class="custom-title">{{ t('cell') }}</span>
-          <van-tag type="danger">{{ t('tag') }}</van-tag>
-        </template>
-      </van-cell>
+  <demo-block :title="t('useSlots')">
+    <van-cell :value="t('content')" is-link>
+      <template #title>
+        <span class="custom-title">{{ t('cell') }}</span>
+        <van-tag type="danger">{{ t('tag') }}</van-tag>
+      </template>
+    </van-cell>
 
-      <van-cell icon="shop-o" :title="t('cell')">
-        <template #right-icon>
-          <van-icon name="search" class="search-icon" />
-        </template>
-      </van-cell>
-    </demo-block>
+    <van-cell icon="shop-o" :title="t('cell')">
+      <template #right-icon>
+        <van-icon name="search" class="search-icon" />
+      </template>
+    </van-cell>
+  </demo-block>
 
-    <demo-block :title="t('verticalCenter')">
-      <van-cell
-        center
-        :title="t('cell')"
-        :value="t('content')"
-        :label="t('desc')"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('verticalCenter')">
+    <van-cell
+      center
+      :title="t('cell')"
+      :value="t('content')"
+      :label="t('desc')"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index dbbfd1611..b61467be0 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -1,108 +1,106 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-checkbox v-model="checkbox1">{{ t('checkbox') }}</van-checkbox>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-checkbox v-model="checkbox1">{{ t('checkbox') }}</van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-checkbox :model-value="false" disabled>
-        {{ t('checkbox') }}
-      </van-checkbox>
-      <van-checkbox :model-value="true" disabled>
-        {{ t('checkbox') }}
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-checkbox :model-value="false" disabled>
+      {{ t('checkbox') }}
+    </van-checkbox>
+    <van-checkbox :model-value="true" disabled>
+      {{ t('checkbox') }}
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('customShape')">
-      <van-checkbox v-model="checkboxShape" shape="square">
-        {{ t('customColor') }}
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('customShape')">
+    <van-checkbox v-model="checkboxShape" shape="square">
+      {{ t('customColor') }}
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-checkbox v-model="checkbox2" checked-color="#07c160">
-        {{ t('customColor') }}
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('customColor')">
+    <van-checkbox v-model="checkbox2" checked-color="#07c160">
+      {{ t('customColor') }}
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('customIconSize')">
-      <van-checkbox v-model="checboxIcon" icon-size="24px">
-        {{ t('customIconSize') }}
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('customIconSize')">
+    <van-checkbox v-model="checboxIcon" icon-size="24px">
+      {{ t('customIconSize') }}
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('customIcon')">
-      <van-checkbox v-model="checkbox3">
-        {{ t('customIcon') }}
-        <template #icon="{ checked }">
-          <img :src="checked ? activeIcon : inactiveIcon" />
-        </template>
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('customIcon')">
+    <van-checkbox v-model="checkbox3">
+      {{ t('customIcon') }}
+      <template #icon="{ checked }">
+        <img :src="checked ? activeIcon : inactiveIcon" />
+      </template>
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('disableLabel')">
-      <van-checkbox v-model="checkboxLabel" label-disabled>
-        {{ t('checkbox') }}
-      </van-checkbox>
-    </demo-block>
+  <demo-block :title="t('disableLabel')">
+    <van-checkbox v-model="checkboxLabel" label-disabled>
+      {{ t('checkbox') }}
+    </van-checkbox>
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-checkbox-group v-model="result">
-        <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
-        <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
-      </van-checkbox-group>
-    </demo-block>
+  <demo-block :title="t('title3')">
+    <van-checkbox-group v-model="result">
+      <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
+      <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
+    </van-checkbox-group>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('horizontal')">
-      <van-checkbox-group v-model="horizontalResult" direction="horizontal">
-        <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
-        <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
-      </van-checkbox-group>
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('horizontal')">
+    <van-checkbox-group v-model="horizontalResult" direction="horizontal">
+      <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
+      <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
+    </van-checkbox-group>
+  </demo-block>
 
-    <demo-block :title="t('title4')">
-      <van-checkbox-group v-model="result2" :max="2">
-        <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
-        <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
-        <van-checkbox name="c">{{ t('checkbox') }} c</van-checkbox>
-      </van-checkbox-group>
-    </demo-block>
+  <demo-block :title="t('title4')">
+    <van-checkbox-group v-model="result2" :max="2">
+      <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
+      <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
+      <van-checkbox name="c">{{ t('checkbox') }} c</van-checkbox>
+    </van-checkbox-group>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('toggleAll')">
-      <van-checkbox-group v-model="checkAllResult" ref="group">
-        <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
-        <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
-        <van-checkbox name="c">{{ t('checkbox') }} c</van-checkbox>
-      </van-checkbox-group>
+  <demo-block v-if="!isWeapp" :title="t('toggleAll')">
+    <van-checkbox-group v-model="checkAllResult" ref="group">
+      <van-checkbox name="a">{{ t('checkbox') }} a</van-checkbox>
+      <van-checkbox name="b">{{ t('checkbox') }} b</van-checkbox>
+      <van-checkbox name="c">{{ t('checkbox') }} c</van-checkbox>
+    </van-checkbox-group>
 
-      <div class="demo-checkbox-buttons">
-        <van-button type="primary" @click="checkAll">
-          {{ t('checkAll') }}
-        </van-button>
-        <van-button type="primary" @click="toggleAll">
-          {{ t('inverse') }}
-        </van-button>
-      </div>
-    </demo-block>
+    <div class="demo-checkbox-buttons">
+      <van-button type="primary" @click="checkAll">
+        {{ t('checkAll') }}
+      </van-button>
+      <van-button type="primary" @click="toggleAll">
+        {{ t('inverse') }}
+      </van-button>
+    </div>
+  </demo-block>
 
-    <demo-block :title="t('title5')">
-      <van-checkbox-group v-model="result3">
-        <van-cell-group>
-          <van-cell
-            v-for="(item, index) in list"
-            clickable
-            :key="index"
-            :title="`${t('checkbox')} ${item}`"
-            @click="toggle(index)"
-          >
-            <template #right-icon>
-              <van-checkbox :ref="setRefs(index)" :name="item" @click.stop />
-            </template>
-          </van-cell>
-        </van-cell-group>
-      </van-checkbox-group>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('title5')">
+    <van-checkbox-group v-model="result3">
+      <van-cell-group>
+        <van-cell
+          v-for="(item, index) in list"
+          clickable
+          :key="index"
+          :title="`${t('checkbox')} ${item}`"
+          @click="toggle(index)"
+        >
+          <template #right-icon>
+            <van-checkbox :ref="setRefs(index)" :name="item" @click.stop />
+          </template>
+        </van-cell>
+      </van-cell-group>
+    </van-checkbox-group>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/circle/demo/index.vue b/src/circle/demo/index.vue
index 39d26ebae..16597c39b 100644
--- a/src/circle/demo/index.vue
+++ b/src/circle/demo/index.vue
@@ -1,72 +1,70 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-circle
-        v-model:current-rate="currentRate1"
-        :rate="rate"
-        :speed="100"
-        :text="currentRate1.toFixed(0) + '%'"
-      />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-circle
+      v-model:current-rate="currentRate1"
+      :rate="rate"
+      :speed="100"
+      :text="currentRate1.toFixed(0) + '%'"
+    />
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-circle
-        v-model:current-rate="currentRate3"
-        :rate="rate"
-        :speed="100"
-        :stroke-width="60"
-        :text="t('customWidth')"
-      />
+  <demo-block :title="t('customStyle')">
+    <van-circle
+      v-model:current-rate="currentRate3"
+      :rate="rate"
+      :speed="100"
+      :stroke-width="60"
+      :text="t('customWidth')"
+    />
 
-      <van-circle
-        v-model:current-rate="currentRate3"
-        color="#ee0a24"
-        :rate="rate"
-        layer-color="#ebedf0"
-        :speed="100"
-        :text="t('customColor')"
-      />
+    <van-circle
+      v-model:current-rate="currentRate3"
+      color="#ee0a24"
+      :rate="rate"
+      layer-color="#ebedf0"
+      :speed="100"
+      :text="t('customColor')"
+    />
 
-      <van-circle
-        v-model:current-rate="currentRate2"
-        :rate="rate"
-        :speed="100"
-        :color="gradientColor"
-        :text="t('gradient')"
-      />
+    <van-circle
+      v-model:current-rate="currentRate2"
+      :rate="rate"
+      :speed="100"
+      :color="gradientColor"
+      :text="t('gradient')"
+    />
 
-      <van-circle
-        v-model:current-rate="currentRate4"
-        color="#07c160"
-        :rate="rate"
-        :speed="100"
-        :clockwise="false"
-        :text="t('counterClockwise')"
-        style="margin-top: 15px;"
-      />
+    <van-circle
+      v-model:current-rate="currentRate4"
+      color="#07c160"
+      :rate="rate"
+      :speed="100"
+      :clockwise="false"
+      :text="t('counterClockwise')"
+      style="margin-top: 15px;"
+    />
 
-      <van-circle
-        v-model:current-rate="currentRate4"
-        color="#7232dd"
-        :rate="rate"
-        :speed="100"
-        size="120px"
-        :clockwise="false"
-        :text="t('customSize')"
-        style="margin-top: 15px;"
-      />
-    </demo-block>
+    <van-circle
+      v-model:current-rate="currentRate4"
+      color="#7232dd"
+      :rate="rate"
+      :speed="100"
+      size="120px"
+      :clockwise="false"
+      :text="t('customSize')"
+      style="margin-top: 15px;"
+    />
+  </demo-block>
 
-    <div style="margin-top: 15px;">
-      <van-button :text="t('add')" type="primary" size="small" @click="add" />
-      <van-button
-        :text="t('decrease')"
-        type="danger"
-        size="small"
-        @click="reduce"
-      />
-    </div>
-  </demo-section>
+  <div style="margin-top: 15px;">
+    <van-button :text="t('add')" type="primary" size="small" @click="add" />
+    <van-button
+      :text="t('decrease')"
+      type="danger"
+      size="small"
+      @click="reduce"
+    />
+  </div>
 </template>
 
 <script>
diff --git a/src/col/demo/index.vue b/src/col/demo/index.vue
index 041bce8e1..991b83d43 100644
--- a/src/col/demo/index.vue
+++ b/src/col/demo/index.vue
@@ -1,60 +1,58 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-row>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-      </van-row>
+  <demo-block :title="t('basicUsage')">
+    <van-row>
+      <van-col span="8">span: 8</van-col>
+      <van-col span="8">span: 8</van-col>
+      <van-col span="8">span: 8</van-col>
+    </van-row>
 
-      <van-row>
-        <van-col span="4">span: 4</van-col>
-        <van-col span="10" offset="4">
-          offset: 4, span: 10
-        </van-col>
-      </van-row>
+    <van-row>
+      <van-col span="4">span: 4</van-col>
+      <van-col span="10" offset="4">
+        offset: 4, span: 10
+      </van-col>
+    </van-row>
 
-      <van-row>
-        <van-col offset="12" span="12">
-          offset: 12, span: 12
-        </van-col>
-      </van-row>
-    </demo-block>
+    <van-row>
+      <van-col offset="12" span="12">
+        offset: 12, span: 12
+      </van-col>
+    </van-row>
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-row gutter="20">
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-        <van-col span="8">span: 8</van-col>
-      </van-row>
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-row gutter="20">
+      <van-col span="8">span: 8</van-col>
+      <van-col span="8">span: 8</van-col>
+      <van-col span="8">span: 8</van-col>
+    </van-row>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('justify')">
-      <van-row justify="center">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
+  <demo-block v-if="!isWeapp" :title="t('justify')">
+    <van-row justify="center">
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+    </van-row>
 
-      <van-row justify="end">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
+    <van-row justify="end">
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+    </van-row>
 
-      <van-row justify="space-between">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
+    <van-row justify="space-between">
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+    </van-row>
 
-      <van-row justify="space-around">
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-        <van-col span="6">span: 6</van-col>
-      </van-row>
-    </demo-block>
-  </demo-section>
+    <van-row justify="space-around">
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+      <van-col span="6">span: 6</van-col>
+    </van-row>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/collapse/demo/index.vue b/src/collapse/demo/index.vue
index ba437398b..d2efc3773 100644
--- a/src/collapse/demo/index.vue
+++ b/src/collapse/demo/index.vue
@@ -1,65 +1,63 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-collapse v-model="active1">
-        <van-collapse-item :title="t('title') + 1">
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 2">
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 3">
-          {{ t('text') }}
-        </van-collapse-item>
-      </van-collapse>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-collapse v-model="active1">
+      <van-collapse-item :title="t('title') + 1">
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 2">
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 3">
+        {{ t('text') }}
+      </van-collapse-item>
+    </van-collapse>
+  </demo-block>
 
-    <demo-block :title="t('accordion')">
-      <van-collapse v-model="active2" accordion>
-        <van-collapse-item :title="t('title') + 1">
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 2">
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 3">
-          {{ t('text') }}
-        </van-collapse-item>
-      </van-collapse>
-    </demo-block>
+  <demo-block :title="t('accordion')">
+    <van-collapse v-model="active2" accordion>
+      <van-collapse-item :title="t('title') + 1">
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 2">
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 3">
+        {{ t('text') }}
+      </van-collapse-item>
+    </van-collapse>
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-collapse v-model="active3">
-        <van-collapse-item :title="t('title') + 1">
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 2" disabled>
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item :title="t('title') + 3" disabled>
-          {{ t('text') }}
-        </van-collapse-item>
-      </van-collapse>
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-collapse v-model="active3">
+      <van-collapse-item :title="t('title') + 1">
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 2" disabled>
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item :title="t('title') + 3" disabled>
+        {{ t('text') }}
+      </van-collapse-item>
+    </van-collapse>
+  </demo-block>
 
-    <demo-block :title="t('titleSlot')">
-      <van-collapse v-model="active4">
-        <van-collapse-item>
-          <template #title>
-            {{ t('title') + 1 }}<van-icon name="question-o" />
-          </template>
-          {{ t('text') }}
-        </van-collapse-item>
-        <van-collapse-item
-          :title="t('title') + 2"
-          :value="t('content')"
-          icon="shop-o"
-        >
-          {{ t('text') }}
-        </van-collapse-item>
-      </van-collapse>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('titleSlot')">
+    <van-collapse v-model="active4">
+      <van-collapse-item>
+        <template #title>
+          {{ t('title') + 1 }}<van-icon name="question-o" />
+        </template>
+        {{ t('text') }}
+      </van-collapse-item>
+      <van-collapse-item
+        :title="t('title') + 2"
+        :value="t('content')"
+        icon="shop-o"
+      >
+        {{ t('text') }}
+      </van-collapse-item>
+    </van-collapse>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/contact-card/demo/index.vue b/src/contact-card/demo/index.vue
index e4c52e05f..5ac4a7233 100644
--- a/src/contact-card/demo/index.vue
+++ b/src/contact-card/demo/index.vue
@@ -1,45 +1,43 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-contact-card
-        :type="cardType"
-        :name="currentContact.name"
-        :tel="currentContact.tel"
-        @click="showList = true"
+  <demo-block :title="t('basicUsage')">
+    <van-contact-card
+      :type="cardType"
+      :name="currentContact.name"
+      :tel="currentContact.tel"
+      @click="showList = true"
+    />
+
+    <van-popup v-model:show="showList" position="bottom" :lazy-render="false">
+      <van-contact-list
+        v-model="chosenContactId"
+        :list="list"
+        :default-tag-text="t('defaultTagText')"
+        @add="onAdd"
+        @edit="onEdit"
+        @select="onSelect"
       />
+    </van-popup>
 
-      <van-popup v-model:show="showList" position="bottom" :lazy-render="false">
-        <van-contact-list
-          v-model="chosenContactId"
-          :list="list"
-          :default-tag-text="t('defaultTagText')"
-          @add="onAdd"
-          @edit="onEdit"
-          @select="onSelect"
-        />
-      </van-popup>
-
-      <van-popup v-model:show="showEdit" position="bottom" :lazy-render="false">
-        <van-contact-edit
-          show-set-default
-          :set-default-label="t('defaultLabel')"
-          :contact-info="editingContact"
-          :is-edit="isEdit"
-          @save="onSave"
-          @delete="onDelete"
-        />
-      </van-popup>
-    </demo-block>
-
-    <demo-block :title="t('uneditable')">
-      <van-contact-card
-        type="edit"
-        :name="mockContact.name"
-        :tel="mockContact.tel"
-        :editable="false"
+    <van-popup v-model:show="showEdit" position="bottom" :lazy-render="false">
+      <van-contact-edit
+        show-set-default
+        :set-default-label="t('defaultLabel')"
+        :contact-info="editingContact"
+        :is-edit="isEdit"
+        @save="onSave"
+        @delete="onDelete"
       />
-    </demo-block>
-  </demo-section>
+    </van-popup>
+  </demo-block>
+
+  <demo-block :title="t('uneditable')">
+    <van-contact-card
+      type="edit"
+      :name="mockContact.name"
+      :tel="mockContact.tel"
+      :editable="false"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/count-down/demo/index.vue b/src/count-down/demo/index.vue
index 5b583dbc8..d60e7a821 100644
--- a/src/count-down/demo/index.vue
+++ b/src/count-down/demo/index.vue
@@ -1,49 +1,43 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-count-down :time="time" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-count-down :time="time" />
+  </demo-block>
 
-    <demo-block :title="t('customFormat')">
-      <van-count-down :time="time" :format="t('formatWithDay')" />
-    </demo-block>
+  <demo-block :title="t('customFormat')">
+    <van-count-down :time="time" :format="t('formatWithDay')" />
+  </demo-block>
 
-    <demo-block :title="t('millisecond')">
-      <van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
-    </demo-block>
+  <demo-block :title="t('millisecond')">
+    <van-count-down millisecond :time="time" format="HH:mm:ss:SS" />
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-count-down :time="time">
-        <template #default="currentTime">
-          <span class="block">{{ currentTime.hours }}</span>
-          <span class="colon">:</span>
-          <span class="block">{{ currentTime.minutes }}</span>
-          <span class="colon">:</span>
-          <span class="block">{{ currentTime.seconds }}</span>
-        </template>
-      </van-count-down>
-    </demo-block>
+  <demo-block :title="t('customStyle')">
+    <van-count-down :time="time">
+      <template #default="currentTime">
+        <span class="block">{{ currentTime.hours }}</span>
+        <span class="colon">:</span>
+        <span class="block">{{ currentTime.minutes }}</span>
+        <span class="colon">:</span>
+        <span class="block">{{ currentTime.seconds }}</span>
+      </template>
+    </van-count-down>
+  </demo-block>
 
-    <demo-block :title="t('manualControl')">
-      <van-count-down
-        ref="countDown"
-        millisecond
-        :time="3000"
-        :auto-start="false"
-        format="ss:SSS"
-        @finish="$toast(t('finished'))"
-      />
-      <van-grid clickable :column-num="3">
-        <van-grid-item icon="play-circle-o" :text="t('start')" @click="start" />
-        <van-grid-item
-          icon="pause-circle-o"
-          :text="t('pause')"
-          @click="pause"
-        />
-        <van-grid-item icon="replay" :text="t('reset')" @click="reset" />
-      </van-grid>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('manualControl')">
+    <van-count-down
+      ref="countDown"
+      millisecond
+      :time="3000"
+      :auto-start="false"
+      format="ss:SSS"
+      @finish="$toast(t('finished'))"
+    />
+    <van-grid clickable :column-num="3">
+      <van-grid-item icon="play-circle-o" :text="t('start')" @click="start" />
+      <van-grid-item icon="pause-circle-o" :text="t('pause')" @click="pause" />
+      <van-grid-item icon="replay" :text="t('reset')" @click="reset" />
+    </van-grid>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/coupon-list/demo/index.vue b/src/coupon-list/demo/index.vue
index d4dfb55ae..b5dd09da0 100644
--- a/src/coupon-list/demo/index.vue
+++ b/src/coupon-list/demo/index.vue
@@ -1,28 +1,26 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-coupon-cell
+  <demo-block :title="t('basicUsage')">
+    <van-coupon-cell
+      :coupons="coupons"
+      :chosen-coupon="chosenCoupon"
+      @click="showList = true"
+    />
+    <van-popup
+      v-model:show="showList"
+      round
+      position="bottom"
+      style="height: 90%; padding-top: 4px;"
+    >
+      <van-coupon-list
         :coupons="coupons"
         :chosen-coupon="chosenCoupon"
-        @click="showList = true"
+        :disabled-coupons="disabledCoupons"
+        :show-count="false"
+        @change="onChange"
+        @exchange="onExchange"
       />
-      <van-popup
-        v-model:show="showList"
-        round
-        position="bottom"
-        style="height: 90%; padding-top: 4px;"
-      >
-        <van-coupon-list
-          :coupons="coupons"
-          :chosen-coupon="chosenCoupon"
-          :disabled-coupons="disabledCoupons"
-          :show-count="false"
-          @change="onChange"
-          @exchange="onExchange"
-        />
-      </van-popup>
-    </demo-block>
-  </demo-section>
+    </van-popup>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/datetime-picker/demo/index.vue b/src/datetime-picker/demo/index.vue
index 690cf5644..40b032399 100644
--- a/src/datetime-picker/demo/index.vue
+++ b/src/datetime-picker/demo/index.vue
@@ -1,88 +1,86 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('dateType')">
-      <van-datetime-picker
-        v-model="value.date"
-        type="date"
-        :title="t('dateType')"
-        :min-date="minDate"
-        :max-date="maxDate"
-      />
-    </demo-block>
+  <demo-block card :title="t('dateType')">
+    <van-datetime-picker
+      v-model="value.date"
+      type="date"
+      :title="t('dateType')"
+      :min-date="minDate"
+      :max-date="maxDate"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('yearMonthType')">
-      <van-datetime-picker
-        v-model="value.yearMonth"
-        type="year-month"
-        :title="t('yearMonthType')"
-        :min-date="minDate"
-        :max-date="maxDate"
-        :formatter="formatter"
-      />
-    </demo-block>
+  <demo-block card :title="t('yearMonthType')">
+    <van-datetime-picker
+      v-model="value.yearMonth"
+      type="year-month"
+      :title="t('yearMonthType')"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :formatter="formatter"
+    />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" card :title="t('monthDayType')">
-      <van-datetime-picker
-        v-model="value.monthDayType"
-        type="month-day"
-        :title="t('monthDayType')"
-        :min-date="minDate"
-        :max-date="maxDate"
-        :formatter="formatter"
-      />
-    </demo-block>
+  <demo-block v-if="!isWeapp" card :title="t('monthDayType')">
+    <van-datetime-picker
+      v-model="value.monthDayType"
+      type="month-day"
+      :title="t('monthDayType')"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :formatter="formatter"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('timeType')">
-      <van-datetime-picker
-        v-model="value.time"
-        type="time"
-        :title="t('timeType')"
-        :min-hour="10"
-        :max-hour="20"
-      />
-    </demo-block>
+  <demo-block card :title="t('timeType')">
+    <van-datetime-picker
+      v-model="value.time"
+      type="time"
+      :title="t('timeType')"
+      :min-hour="10"
+      :max-hour="20"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('datetimeType')">
-      <van-datetime-picker
-        v-model="value.datetime"
-        type="datetime"
-        :title="t('datetimeType')"
-        :min-date="minDate"
-        :max-date="maxDate"
-      />
-    </demo-block>
+  <demo-block card :title="t('datetimeType')">
+    <van-datetime-picker
+      v-model="value.datetime"
+      type="datetime"
+      :title="t('datetimeType')"
+      :min-date="minDate"
+      :max-date="maxDate"
+    />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" card :title="t('datehourType')">
-      <van-datetime-picker
-        v-model="value.datehour"
-        type="datehour"
-        :title="t('datehourType')"
-        :min-date="minDate"
-        :max-date="maxDate"
-      />
-    </demo-block>
+  <demo-block v-if="!isWeapp" card :title="t('datehourType')">
+    <van-datetime-picker
+      v-model="value.datehour"
+      type="datehour"
+      :title="t('datehourType')"
+      :min-date="minDate"
+      :max-date="maxDate"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('optionFilter')">
-      <van-datetime-picker
-        v-model="value.optionFilter"
-        type="time"
-        :title="t('optionFilter')"
-        :filter="filter"
-      />
-    </demo-block>
+  <demo-block card :title="t('optionFilter')">
+    <van-datetime-picker
+      v-model="value.optionFilter"
+      type="time"
+      :title="t('optionFilter')"
+      :filter="filter"
+    />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" card :title="t('sortColumns')">
-      <van-datetime-picker
-        v-model="value.sortColumnsDate"
-        type="date"
-        :title="t('sortColumns')"
-        :columns-order="['month', 'day', 'year']"
-        :min-date="minDate"
-        :max-date="maxDate"
-        :formatter="formatter"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block v-if="!isWeapp" card :title="t('sortColumns')">
+    <van-datetime-picker
+      v-model="value.sortColumnsDate"
+      type="date"
+      :title="t('sortColumns')"
+      :columns-order="['month', 'day', 'year']"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :formatter="formatter"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/dialog/demo/index.vue b/src/dialog/demo/index.vue
index c78970a45..e7723657a 100644
--- a/src/dialog/demo/index.vue
+++ b/src/dialog/demo/index.vue
@@ -1,32 +1,30 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('alert1')" @click="onClickAlert" />
-      <van-cell is-link :title="t('alert2')" @click="onClickAlert2" />
-      <van-cell is-link :title="t('confirm')" @click="onClickConfirm" />
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link :title="t('alert1')" @click="onClickAlert" />
+    <van-cell is-link :title="t('alert2')" @click="onClickAlert2" />
+    <van-cell is-link :title="t('confirm')" @click="onClickConfirm" />
+  </demo-block>
 
-    <demo-block card :title="t('roundButton')">
-      <van-cell is-link :title="t('alert1')" @click="onClickRound" />
-      <van-cell is-link :title="t('alert2')" @click="onClickRound2" />
-    </demo-block>
+  <demo-block card :title="t('roundButton')">
+    <van-cell is-link :title="t('alert1')" @click="onClickRound" />
+    <van-cell is-link :title="t('alert2')" @click="onClickRound2" />
+  </demo-block>
 
-    <demo-block card :title="t('beforeClose')">
-      <van-cell is-link :title="t('beforeClose')" @click="onClickBeforeClose" />
-    </demo-block>
+  <demo-block card :title="t('beforeClose')">
+    <van-cell is-link :title="t('beforeClose')" @click="onClickBeforeClose" />
+  </demo-block>
 
-    <demo-block card :title="t('componentCall')">
-      <van-cell is-link :title="t('componentCall')" @click="show = true" />
-      <van-dialog
-        v-model:show="show"
-        :title="t('title')"
-        show-cancel-button
-        :lazy-render="false"
-      >
-        <img :src="image" />
-      </van-dialog>
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('componentCall')">
+    <van-cell is-link :title="t('componentCall')" @click="show = true" />
+    <van-dialog
+      v-model:show="show"
+      :title="t('title')"
+      show-cancel-button
+      :lazy-render="false"
+    >
+      <img :src="image" />
+    </van-dialog>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/divider/demo/index.vue b/src/divider/demo/index.vue
index c1ab46bc8..98ea8b586 100644
--- a/src/divider/demo/index.vue
+++ b/src/divider/demo/index.vue
@@ -1,39 +1,35 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-divider />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-divider />
+  </demo-block>
 
-    <demo-block :title="t('withText')">
-      <van-divider>
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
+  <demo-block :title="t('withText')">
+    <van-divider>
+      {{ t('text') }}
+    </van-divider>
+  </demo-block>
 
-    <demo-block :title="t('contentPosition')">
-      <van-divider content-position="left">
-        {{ t('text') }}
-      </van-divider>
+  <demo-block :title="t('contentPosition')">
+    <van-divider content-position="left">
+      {{ t('text') }}
+    </van-divider>
 
-      <van-divider content-position="right">
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
+    <van-divider content-position="right">
+      {{ t('text') }}
+    </van-divider>
+  </demo-block>
 
-    <demo-block :title="t('dashed')">
-      <van-divider dashed :hairline="false">
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
+  <demo-block :title="t('dashed')">
+    <van-divider dashed :hairline="false">
+      {{ t('text') }}
+    </van-divider>
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-divider
-        :style="{ borderColor: BLUE, color: BLUE, padding: '0 16px' }"
-      >
-        {{ t('text') }}
-      </van-divider>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('customStyle')">
+    <van-divider :style="{ borderColor: BLUE, color: BLUE, padding: '0 16px' }">
+      {{ t('text') }}
+    </van-divider>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/dropdown-menu/demo/index.vue b/src/dropdown-menu/demo/index.vue
index b3685b29d..8a7e0d9e5 100644
--- a/src/dropdown-menu/demo/index.vue
+++ b/src/dropdown-menu/demo/index.vue
@@ -1,62 +1,60 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-dropdown-menu>
-        <van-dropdown-item v-model="value1" :options="option1" />
-        <van-dropdown-item v-model="value2" :options="option2" />
-      </van-dropdown-menu>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-dropdown-menu>
+      <van-dropdown-item v-model="value1" :options="option1" />
+      <van-dropdown-item v-model="value2" :options="option2" />
+    </van-dropdown-menu>
+  </demo-block>
 
-    <demo-block :title="t('customContent')">
-      <van-dropdown-menu>
-        <van-dropdown-item v-model="value1" :options="option1" />
-        <van-dropdown-item :title="t('itemTitle')" ref="item">
-          <van-cell center :title="t('switchTitle1')">
-            <template #right-icon>
-              <van-switch v-model="switch1" size="24" :active-color="RED" />
-            </template>
-          </van-cell>
-          <van-cell center :title="t('switchTitle2')">
-            <template #right-icon>
-              <van-switch v-model="switch2" size="24" :active-color="RED" />
-            </template>
-          </van-cell>
-          <div style="padding: 5px 16px;">
-            <van-button
-              type="danger"
-              block
-              round
-              style="height: 40px;"
-              @click="onConfirm"
-            >
-              {{ t('confirm') }}
-            </van-button>
-          </div>
-        </van-dropdown-item>
-      </van-dropdown-menu>
-    </demo-block>
+  <demo-block :title="t('customContent')">
+    <van-dropdown-menu>
+      <van-dropdown-item v-model="value1" :options="option1" />
+      <van-dropdown-item :title="t('itemTitle')" ref="item">
+        <van-cell center :title="t('switchTitle1')">
+          <template #right-icon>
+            <van-switch v-model="switch1" size="24" :active-color="RED" />
+          </template>
+        </van-cell>
+        <van-cell center :title="t('switchTitle2')">
+          <template #right-icon>
+            <van-switch v-model="switch2" size="24" :active-color="RED" />
+          </template>
+        </van-cell>
+        <div style="padding: 5px 16px;">
+          <van-button
+            type="danger"
+            block
+            round
+            style="height: 40px;"
+            @click="onConfirm"
+          >
+            {{ t('confirm') }}
+          </van-button>
+        </div>
+      </van-dropdown-item>
+    </van-dropdown-menu>
+  </demo-block>
 
-    <demo-block :title="t('customActiveColor')">
-      <van-dropdown-menu :active-color="BLUE">
-        <van-dropdown-item v-model="value1" :options="option1" />
-        <van-dropdown-item v-model="value2" :options="option2" />
-      </van-dropdown-menu>
-    </demo-block>
+  <demo-block :title="t('customActiveColor')">
+    <van-dropdown-menu :active-color="BLUE">
+      <van-dropdown-item v-model="value1" :options="option1" />
+      <van-dropdown-item v-model="value2" :options="option2" />
+    </van-dropdown-menu>
+  </demo-block>
 
-    <demo-block :title="t('expandDirection')">
-      <van-dropdown-menu direction="up">
-        <van-dropdown-item v-model="value1" :options="option1" />
-        <van-dropdown-item v-model="value2" :options="option2" />
-      </van-dropdown-menu>
-    </demo-block>
+  <demo-block :title="t('expandDirection')">
+    <van-dropdown-menu direction="up">
+      <van-dropdown-item v-model="value1" :options="option1" />
+      <van-dropdown-item v-model="value2" :options="option2" />
+    </van-dropdown-menu>
+  </demo-block>
 
-    <demo-block :title="t('disableMenu')">
-      <van-dropdown-menu>
-        <van-dropdown-item v-model="value1" disabled :options="option1" />
-        <van-dropdown-item v-model="value2" disabled :options="option2" />
-      </van-dropdown-menu>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('disableMenu')">
+    <van-dropdown-menu>
+      <van-dropdown-item v-model="value1" disabled :options="option1" />
+      <van-dropdown-item v-model="value2" disabled :options="option2" />
+    </van-dropdown-menu>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/empty/demo/index.vue b/src/empty/demo/index.vue
index 3c8d4d49a..7b06eb0f4 100644
--- a/src/empty/demo/index.vue
+++ b/src/empty/demo/index.vue
@@ -1,39 +1,37 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-empty :description="t('description')" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-empty :description="t('description')" />
+  </demo-block>
 
-    <demo-block :title="t('imageType')">
-      <van-tabs v-model="active">
-        <van-tab name="error" :title="t('error')">
-          <van-empty image="error" :description="t('description')" />
-        </van-tab>
-        <van-tab name="network" :title="t('network')">
-          <van-empty image="network" :description="t('description')" />
-        </van-tab>
-        <van-tab name="search" :title="t('search')">
-          <van-empty image="search" :description="t('description')" />
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('imageType')">
+    <van-tabs v-model="active">
+      <van-tab name="error" :title="t('error')">
+        <van-empty image="error" :description="t('description')" />
+      </van-tab>
+      <van-tab name="network" :title="t('network')">
+        <van-empty image="network" :description="t('description')" />
+      </van-tab>
+      <van-tab name="search" :title="t('search')">
+        <van-empty image="search" :description="t('description')" />
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('customImage')">
-      <van-empty
-        class="custom-image"
-        image="https://img.yzcdn.cn/vant/custom-empty-image.png"
-        :description="t('description')"
-      />
-    </demo-block>
+  <demo-block :title="t('customImage')">
+    <van-empty
+      class="custom-image"
+      image="https://img.yzcdn.cn/vant/custom-empty-image.png"
+      :description="t('description')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('bottomContent')">
-      <van-empty :description="t('description')">
-        <van-button round type="danger" class="bottom-button">
-          {{ t('button') }}
-        </van-button>
-      </van-empty>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('bottomContent')">
+    <van-empty :description="t('description')">
+      <van-button round type="danger" class="bottom-button">
+        {{ t('button') }}
+      </van-button>
+    </van-empty>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/field/demo/index.vue b/src/field/demo/index.vue
index 2ba3649dd..1a5266d1c 100644
--- a/src/field/demo/index.vue
+++ b/src/field/demo/index.vue
@@ -1,16 +1,14 @@
 <template>
-  <demo-section>
-    <basic-usage />
-    <custom-type />
-    <disabled />
-    <show-icon />
-    <error-info />
-    <insert-button />
-    <format-value />
-    <autosize />
-    <show-word-limit />
-    <input-align />
-  </demo-section>
+  <basic-usage />
+  <custom-type />
+  <disabled />
+  <show-icon />
+  <error-info />
+  <insert-button />
+  <format-value />
+  <autosize />
+  <show-word-limit />
+  <input-align />
 </template>
 
 <script>
diff --git a/src/form/demo/FieldTypeArea.vue b/src/form/demo/FieldTypeArea.vue
index ec100b854..9dbf6d306 100644
--- a/src/form/demo/FieldTypeArea.vue
+++ b/src/form/demo/FieldTypeArea.vue
@@ -7,22 +7,14 @@
     :model-value="value"
     :placeholder="t('placeholder')"
     @click="showArea = true"
-  >
-    <template #extra>
-      <van-popup
-        v-model:show="showArea"
-        round
-        position="bottom"
-        teleport="body"
-      >
-        <van-area
-          :area-list="t('areaList')"
-          @confirm="onConfirm"
-          @cancel="onCancel"
-        />
-      </van-popup>
-    </template>
-  </van-field>
+  />
+  <van-popup v-model:show="showArea" round position="bottom" teleport="body">
+    <van-area
+      :area-list="t('areaList')"
+      @confirm="onConfirm"
+      @cancel="onCancel"
+    />
+  </van-popup>
 </template>
 
 <script>
diff --git a/src/form/demo/FieldTypeCalendar.vue b/src/form/demo/FieldTypeCalendar.vue
index 49b785899..3725901d1 100644
--- a/src/form/demo/FieldTypeCalendar.vue
+++ b/src/form/demo/FieldTypeCalendar.vue
@@ -7,16 +7,13 @@
     :model-value="value"
     :placeholder="t('placeholder')"
     @click="showCalendar = true"
-  >
-    <template #extra>
-      <van-calendar
-        v-model:show="showCalendar"
-        round
-        teleport="body"
-        @confirm="onConfirm"
-      />
-    </template>
-  </van-field>
+  />
+  <van-calendar
+    v-model:show="showCalendar"
+    round
+    teleport="body"
+    @confirm="onConfirm"
+  />
 </template>
 
 <script>
diff --git a/src/form/demo/FieldTypeDatetimePicker.vue b/src/form/demo/FieldTypeDatetimePicker.vue
index 7d0d0cbcc..e8123b4ae 100644
--- a/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/src/form/demo/FieldTypeDatetimePicker.vue
@@ -7,22 +7,10 @@
     :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
-  >
-    <template #extra>
-      <van-popup
-        v-model:show="showPicker"
-        round
-        position="bottom"
-        teleport="body"
-      >
-        <van-datetime-picker
-          type="time"
-          @confirm="onConfirm"
-          @cancel="onCancel"
-        />
-      </van-popup>
-    </template>
-  </van-field>
+  />
+  <van-popup v-model:show="showPicker" round position="bottom" teleport="body">
+    <van-datetime-picker type="time" @confirm="onConfirm" @cancel="onCancel" />
+  </van-popup>
 </template>
 
 <script>
diff --git a/src/form/demo/FieldTypePicker.vue b/src/form/demo/FieldTypePicker.vue
index 81db922d7..d78630680 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -7,22 +7,14 @@
     :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
-  >
-    <template #extra>
-      <van-popup
-        v-model:show="showPicker"
-        round
-        position="bottom"
-        teleport="body"
-      >
-        <van-picker
-          :columns="t('textColumns')"
-          @confirm="onConfirm"
-          @cancel="onCancel"
-        />
-      </van-popup>
-    </template>
-  </van-field>
+  />
+  <van-popup v-model:show="showPicker" round position="bottom" teleport="body">
+    <van-picker
+      :columns="t('textColumns')"
+      @confirm="onConfirm"
+      @cancel="onCancel"
+    />
+  </van-popup>
 </template>
 
 <script>
diff --git a/src/form/demo/index.vue b/src/form/demo/index.vue
index 3f7794103..4e519a2b1 100644
--- a/src/form/demo/index.vue
+++ b/src/form/demo/index.vue
@@ -1,9 +1,7 @@
 <template>
-  <demo-section>
-    <basic-usage />
-    <validate-rules />
-    <field-type />
-  </demo-section>
+  <basic-usage />
+  <validate-rules />
+  <field-type />
 </template>
 
 <script>
diff --git a/src/grid/demo/index.vue b/src/grid/demo/index.vue
index 544f524f1..c9bea75a0 100644
--- a/src/grid/demo/index.vue
+++ b/src/grid/demo/index.vue
@@ -1,98 +1,67 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-grid>
-        <van-grid-item
-          v-for="i in 4"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-grid>
+      <van-grid-item v-for="i in 4" :key="i" icon="photo-o" :text="t('text')" />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('columnNum')">
-      <van-grid :column-num="3">
-        <van-grid-item
-          v-for="i in 6"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('columnNum')">
+    <van-grid :column-num="3">
+      <van-grid-item v-for="i in 6" :key="i" icon="photo-o" :text="t('text')" />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('customContent')">
-      <van-grid :border="false" :column-num="3">
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-1.jpg"
-          />
-        </van-grid-item>
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-2.jpg"
-          />
-        </van-grid-item>
-        <van-grid-item>
-          <van-image
-            fit="contain"
-            src="https://img.yzcdn.cn/vant/apple-3.jpg"
-          />
-        </van-grid-item>
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('customContent')">
+    <van-grid :border="false" :column-num="3">
+      <van-grid-item>
+        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+      </van-grid-item>
+      <van-grid-item>
+        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+      </van-grid-item>
+      <van-grid-item>
+        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+      </van-grid-item>
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('square')">
-      <van-grid square>
-        <van-grid-item
-          v-for="i in 8"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('square')">
+    <van-grid square>
+      <van-grid-item v-for="i in 8" :key="i" icon="photo-o" :text="t('text')" />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('gutter')">
-      <van-grid :gutter="10">
-        <van-grid-item
-          v-for="i in 8"
-          :key="i"
-          icon="photo-o"
-          :text="t('text')"
-        />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('gutter')">
+    <van-grid :gutter="10">
+      <van-grid-item v-for="i in 8" :key="i" icon="photo-o" :text="t('text')" />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('horizontal')">
-      <van-grid direction="horizontal" :column-num="3">
-        <van-grid-item icon="photo-o" :text="t('text')" />
-        <van-grid-item icon="photo-o" :text="t('text')" />
-        <van-grid-item icon="photo-o" :text="t('text')" />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('horizontal')">
+    <van-grid direction="horizontal" :column-num="3">
+      <van-grid-item icon="photo-o" :text="t('text')" />
+      <van-grid-item icon="photo-o" :text="t('text')" />
+      <van-grid-item icon="photo-o" :text="t('text')" />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('route')">
-      <van-grid clickable :column-num="2">
-        <van-grid-item icon="home-o" :text="t('vueRoute')" to="/" />
-        <van-grid-item
-          icon="search"
-          :text="t('urlRoute')"
-          url="/vant/mobile.html"
-        />
-      </van-grid>
-    </demo-block>
+  <demo-block :title="t('route')">
+    <van-grid clickable :column-num="2">
+      <van-grid-item icon="home-o" :text="t('vueRoute')" to="/" />
+      <van-grid-item
+        icon="search"
+        :text="t('urlRoute')"
+        url="/vant/mobile.html"
+      />
+    </van-grid>
+  </demo-block>
 
-    <demo-block :title="t('showBadge')">
-      <van-grid :column-num="2">
-        <van-grid-item icon="home-o" :text="t('text')" dot />
-        <van-grid-item icon="search" :text="t('text')" badge="99+" />
-      </van-grid>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('showBadge')">
+    <van-grid :column-num="2">
+      <van-grid-item icon="home-o" :text="t('text')" dot />
+      <van-grid-item icon="search" :text="t('text')" badge="99+" />
+    </van-grid>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/icon/demo/index.vue b/src/icon/demo/index.vue
index fb03bd2e0..31a03337f 100644
--- a/src/icon/demo/index.vue
+++ b/src/icon/demo/index.vue
@@ -1,98 +1,96 @@
 <template>
-  <demo-section>
-    <van-tabs v-model="tab" sticky>
-      <van-tab :title="t('demo')">
-        <demo-block :title="t('basicUsage')">
-          <van-row>
-            <van-col span="6" @click="copy(demoIcon)">
-              <van-icon :name="demoIcon" />
-            </van-col>
-            <van-col span="6" @click="copy(demoImage)">
-              <van-icon :name="demoImage" />
-            </van-col>
-          </van-row>
-        </demo-block>
-
-        <demo-block :title="t('badge')">
-          <van-row>
-            <van-col span="6" @click="copy(demoIcon, { dot: true })">
-              <van-icon :name="demoIcon" dot />
-            </van-col>
-            <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
-              <van-icon :name="demoIcon" badge="9" />
-            </van-col>
-            <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
-              <van-icon :name="demoIcon" badge="99+" />
-            </van-col>
-          </van-row>
-        </demo-block>
-
-        <demo-block :title="t('color')">
-          <van-row>
-            <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
-              <van-icon :name="demoIcon" :color="BLUE" />
-            </van-col>
-            <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
-              <van-icon :name="demoIcon" :color="GREEN" />
-            </van-col>
-          </van-row>
-        </demo-block>
-
-        <demo-block :title="t('size')">
-          <van-row>
-            <van-col span="6" @click="copy(demoIcon, { size: '40' })">
-              <van-icon :name="demoIcon" size="40" />
-            </van-col>
-            <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
-              <van-icon :name="demoIcon" size="3rem" />
-            </van-col>
-          </van-row>
-        </demo-block>
-      </van-tab>
-
-      <van-tab :title="t('basic')">
+  <van-tabs v-model="tab" sticky>
+    <van-tab :title="t('demo')">
+      <demo-block :title="t('basicUsage')">
         <van-row>
-          <van-col
-            v-for="icon in icons.basic"
-            :key="icon"
-            span="6"
-            @click="copy(icon)"
-          >
-            <van-icon :name="icon" />
-            <span>{{ icon }}</span>
+          <van-col span="6" @click="copy(demoIcon)">
+            <van-icon :name="demoIcon" />
+          </van-col>
+          <van-col span="6" @click="copy(demoImage)">
+            <van-icon :name="demoImage" />
           </van-col>
         </van-row>
-      </van-tab>
+      </demo-block>
 
-      <van-tab :title="t('outline')">
+      <demo-block :title="t('badge')">
         <van-row>
-          <van-col
-            v-for="icon in icons.outline"
-            :key="icon"
-            span="6"
-            @click="copy(icon)"
-          >
-            <van-icon :name="icon" />
-            <span>{{ icon }}</span>
+          <van-col span="6" @click="copy(demoIcon, { dot: true })">
+            <van-icon :name="demoIcon" dot />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { badge: '9' })">
+            <van-icon :name="demoIcon" badge="9" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
+            <van-icon :name="demoIcon" badge="99+" />
           </van-col>
         </van-row>
-      </van-tab>
+      </demo-block>
 
-      <van-tab :title="t('filled')">
+      <demo-block :title="t('color')">
         <van-row>
-          <van-col
-            v-for="icon in icons.filled"
-            :key="icon"
-            span="6"
-            @click="copy(icon)"
-          >
-            <van-icon :name="icon" />
-            <span>{{ icon }}</span>
+          <van-col span="6" @click="copy(demoIcon, { color: BLUE })">
+            <van-icon :name="demoIcon" :color="BLUE" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { color: GREEN })">
+            <van-icon :name="demoIcon" :color="GREEN" />
           </van-col>
         </van-row>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
+      </demo-block>
+
+      <demo-block :title="t('size')">
+        <van-row>
+          <van-col span="6" @click="copy(demoIcon, { size: '40' })">
+            <van-icon :name="demoIcon" size="40" />
+          </van-col>
+          <van-col span="6" @click="copy(demoIcon, { size: '3rem' })">
+            <van-icon :name="demoIcon" size="3rem" />
+          </van-col>
+        </van-row>
+      </demo-block>
+    </van-tab>
+
+    <van-tab :title="t('basic')">
+      <van-row>
+        <van-col
+          v-for="icon in icons.basic"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-row>
+    </van-tab>
+
+    <van-tab :title="t('outline')">
+      <van-row>
+        <van-col
+          v-for="icon in icons.outline"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-row>
+    </van-tab>
+
+    <van-tab :title="t('filled')">
+      <van-row>
+        <van-col
+          v-for="icon in icons.filled"
+          :key="icon"
+          span="6"
+          @click="copy(icon)"
+        >
+          <van-icon :name="icon" />
+          <span>{{ icon }}</span>
+        </van-col>
+      </van-row>
+    </van-tab>
+  </van-tabs>
 </template>
 
 <script>
diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index dec20af7a..d324624dd 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -1,42 +1,36 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link @click="showImagePreview()">
-        {{ t('showImages') }}
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link @click="showImagePreview()">
+      {{ t('showImages') }}
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('customConfig')">
-      <van-cell is-link @click="showImagePreview({ startPosition: 1 })">
-        {{ t('startPosition') }}
-      </van-cell>
-      <van-cell is-link @click="showImagePreview({ closeable: true })">
-        {{ t('showClose') }}
-      </van-cell>
-      <van-cell is-link @click="showImagePreview({ onClose })">
-        {{ t('closeEvent') }}
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('customConfig')">
+    <van-cell is-link @click="showImagePreview({ startPosition: 1 })">
+      {{ t('startPosition') }}
+    </van-cell>
+    <van-cell is-link @click="showImagePreview({ closeable: true })">
+      {{ t('showClose') }}
+    </van-cell>
+    <van-cell is-link @click="showImagePreview({ onClose })">
+      {{ t('closeEvent') }}
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('beforeClose')">
-      <van-cell is-link @click="showImagePreview({ beforeClose })">
-        {{ t('beforeClose') }}
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('beforeClose')">
+    <van-cell is-link @click="showImagePreview({ beforeClose })">
+      {{ t('beforeClose') }}
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('componentCall')">
-      <van-cell is-link @click="componentCall">
-        {{ t('componentCall') }}
-      </van-cell>
-      <van-image-preview
-        v-model:show="show"
-        :images="images"
-        @change="onChange"
-      >
-        <template #index>{{ t('index', index) }}</template>
-      </van-image-preview>
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('componentCall')">
+    <van-cell is-link @click="componentCall">
+      {{ t('componentCall') }}
+    </van-cell>
+    <van-image-preview v-model:show="show" :images="images" @change="onChange">
+      <template #index>{{ t('index', index) }}</template>
+    </van-image-preview>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/image/demo/index.vue b/src/image/demo/index.vue
index c3abac32f..235f94f7b 100644
--- a/src/image/demo/index.vue
+++ b/src/image/demo/index.vue
@@ -1,63 +1,61 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-row>
-        <van-image width="100" height="100" :src="image" />
-      </van-row>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-row>
+      <van-image width="100" height="100" :src="image" />
+    </van-row>
+  </demo-block>
 
-    <demo-block :title="t('fitMode')">
-      <van-row gutter="20">
-        <van-col v-for="fit in fits" span="8" :key="fit">
-          <van-image :fit="fit" width="100%" height="27vw" :src="image" />
-          <div class="text">{{ fit }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
+  <demo-block :title="t('fitMode')">
+    <van-row gutter="20">
+      <van-col v-for="fit in fits" span="8" :key="fit">
+        <van-image :fit="fit" width="100%" height="27vw" :src="image" />
+        <div class="text">{{ fit }}</div>
+      </van-col>
+    </van-row>
+  </demo-block>
 
-    <demo-block :title="t('round')">
-      <van-row gutter="20">
-        <van-col v-for="fit in fits" span="8" :key="fit">
-          <van-image round :fit="fit" width="100%" height="27vw" :src="image" />
-          <div class="text">{{ fit }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
+  <demo-block :title="t('round')">
+    <van-row gutter="20">
+      <van-col v-for="fit in fits" span="8" :key="fit">
+        <van-image round :fit="fit" width="100%" height="27vw" :src="image" />
+        <div class="text">{{ fit }}</div>
+      </van-col>
+    </van-row>
+  </demo-block>
 
-    <demo-block :title="t('loading')">
-      <van-row gutter="20">
-        <van-col span="8">
-          <van-image width="100%" height="27vw" />
-          <div class="text">{{ t('defaultTip') }}</div>
-        </van-col>
+  <demo-block :title="t('loading')">
+    <van-row gutter="20">
+      <van-col span="8">
+        <van-image width="100%" height="27vw" />
+        <div class="text">{{ t('defaultTip') }}</div>
+      </van-col>
 
-        <van-col span="8">
-          <van-image width="100%" height="27vw">
-            <template #loading>
-              <van-loading type="spinner" size="20" />
-            </template>
-          </van-image>
-          <div class="text">{{ t('customTip') }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
+      <van-col span="8">
+        <van-image width="100%" height="27vw">
+          <template #loading>
+            <van-loading type="spinner" size="20" />
+          </template>
+        </van-image>
+        <div class="text">{{ t('customTip') }}</div>
+      </van-col>
+    </van-row>
+  </demo-block>
 
-    <demo-block :title="t('error')">
-      <van-row gutter="20">
-        <van-col span="8">
-          <van-image width="100%" height="27vw" src="x" />
-          <div class="text">{{ t('defaultTip') }}</div>
-        </van-col>
+  <demo-block :title="t('error')">
+    <van-row gutter="20">
+      <van-col span="8">
+        <van-image width="100%" height="27vw" src="x" />
+        <div class="text">{{ t('defaultTip') }}</div>
+      </van-col>
 
-        <van-col span="8">
-          <van-image width="100%" height="27vw" src="x">
-            <template #error>{{ t('loadFail') }}</template>
-          </van-image>
-          <div class="text">{{ t('customTip') }}</div>
-        </van-col>
-      </van-row>
-    </demo-block>
-  </demo-section>
+      <van-col span="8">
+        <van-image width="100%" height="27vw" src="x">
+          <template #error>{{ t('loadFail') }}</template>
+        </van-image>
+        <div class="text">{{ t('customTip') }}</div>
+      </van-col>
+    </van-row>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/index-bar/demo/index.vue b/src/index-bar/demo/index.vue
index c0b5ba0cf..84cd38a41 100644
--- a/src/index-bar/demo/index.vue
+++ b/src/index-bar/demo/index.vue
@@ -1,31 +1,29 @@
 <template>
-  <demo-section>
-    <van-tabs v-model="activeTab">
-      <van-tab :title="t('basicUsage')">
-        <van-index-bar>
-          <div v-for="index in indexList" :key="index">
-            <van-index-anchor :index="index" />
-            <van-cell :title="t('text')" />
-            <van-cell :title="t('text')" />
-            <van-cell :title="t('text')" />
-          </div>
-        </van-index-bar>
-      </van-tab>
+  <van-tabs v-model="activeTab">
+    <van-tab :title="t('basicUsage')">
+      <van-index-bar>
+        <div v-for="index in indexList" :key="index">
+          <van-index-anchor :index="index" />
+          <van-cell :title="t('text')" />
+          <van-cell :title="t('text')" />
+          <van-cell :title="t('text')" />
+        </div>
+      </van-index-bar>
+    </van-tab>
 
-      <van-tab :title="t('customIndexList')">
-        <van-index-bar :index-list="customIndexList">
-          <div v-for="index in customIndexList" :key="index">
-            <van-index-anchor :index="index">
-              {{ t('title') + index }}
-            </van-index-anchor>
-            <van-cell :title="t('text')" />
-            <van-cell :title="t('text')" />
-            <van-cell :title="t('text')" />
-          </div>
-        </van-index-bar>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
+    <van-tab :title="t('customIndexList')">
+      <van-index-bar :index-list="customIndexList">
+        <div v-for="index in customIndexList" :key="index">
+          <van-index-anchor :index="index">
+            {{ t('title') + index }}
+          </van-index-anchor>
+          <van-cell :title="t('text')" />
+          <van-cell :title="t('text')" />
+          <van-cell :title="t('text')" />
+        </div>
+      </van-index-bar>
+    </van-tab>
+  </van-tabs>
 </template>
 
 <script>
diff --git a/src/lazyload/demo/index.vue b/src/lazyload/demo/index.vue
index be583be37..66f27ea77 100644
--- a/src/lazyload/demo/index.vue
+++ b/src/lazyload/demo/index.vue
@@ -1,23 +1,21 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <img v-for="img in imageList" :key="img" v-lazy="img" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <img v-for="img in imageList" :key="img" v-lazy="img" />
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <div
-        v-for="img in backgroundImageList"
-        :key="img"
-        v-lazy:background-image="img"
-      />
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <div
+      v-for="img in backgroundImageList"
+      :key="img"
+      v-lazy:background-image="img"
+    />
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <lazy-component>
-        <img v-for="img in componentImageList" :key="img" v-lazy="img" />
-      </lazy-component>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('title3')">
+    <lazy-component>
+      <img v-for="img in componentImageList" :key="img" v-lazy="img" />
+    </lazy-component>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/list/demo/index.vue b/src/list/demo/index.vue
index 09c0daf71..b04c24229 100644
--- a/src/list/demo/index.vue
+++ b/src/list/demo/index.vue
@@ -1,43 +1,41 @@
 <template>
-  <demo-section>
-    <van-tabs>
-      <van-tab :title="t('basicUsage')">
+  <van-tabs>
+    <van-tab :title="t('basicUsage')">
+      <van-list
+        v-model:loading="list[0].loading"
+        :finished="list[0].finished"
+        :finished-text="t('finishedText')"
+        @load="onLoad(0)"
+      >
+        <van-cell v-for="item in list[0].items" :key="item" :title="item" />
+      </van-list>
+    </van-tab>
+
+    <van-tab :title="t('errorInfo')">
+      <van-list
+        v-model:loading="list[1].loading"
+        v-model:error="list[1].error"
+        :finished="list[1].finished"
+        :error-text="t('errorText')"
+        @load="onLoad(1)"
+      >
+        <van-cell v-for="item in list[1].items" :key="item" :title="item" />
+      </van-list>
+    </van-tab>
+
+    <van-tab :title="t('pullRefresh')">
+      <van-pull-refresh v-model="list[2].refreshing" @refresh="onRefresh(2)">
         <van-list
-          v-model:loading="list[0].loading"
-          :finished="list[0].finished"
+          v-model:loading="list[2].loading"
+          :finished="list[2].finished"
           :finished-text="t('finishedText')"
-          @load="onLoad(0)"
+          @load="onLoad(2)"
         >
-          <van-cell v-for="item in list[0].items" :key="item" :title="item" />
+          <van-cell v-for="item in list[2].items" :key="item" :title="item" />
         </van-list>
-      </van-tab>
-
-      <van-tab :title="t('errorInfo')">
-        <van-list
-          v-model:loading="list[1].loading"
-          v-model:error="list[1].error"
-          :finished="list[1].finished"
-          :error-text="t('errorText')"
-          @load="onLoad(1)"
-        >
-          <van-cell v-for="item in list[1].items" :key="item" :title="item" />
-        </van-list>
-      </van-tab>
-
-      <van-tab :title="t('pullRefresh')">
-        <van-pull-refresh v-model="list[2].refreshing" @refresh="onRefresh(2)">
-          <van-list
-            v-model:loading="list[2].loading"
-            :finished="list[2].finished"
-            :finished-text="t('finishedText')"
-            @load="onLoad(2)"
-          >
-            <van-cell v-for="item in list[2].items" :key="item" :title="item" />
-          </van-list>
-        </van-pull-refresh>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
+      </van-pull-refresh>
+    </van-tab>
+  </van-tabs>
 </template>
 
 <script>
diff --git a/src/loading/demo/index.vue b/src/loading/demo/index.vue
index 16cb624ab..10ed6b3c7 100644
--- a/src/loading/demo/index.vue
+++ b/src/loading/demo/index.vue
@@ -1,32 +1,30 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('type')">
-      <van-loading />
-      <van-loading type="spinner" />
-    </demo-block>
+  <demo-block :title="t('type')">
+    <van-loading />
+    <van-loading type="spinner" />
+  </demo-block>
 
-    <demo-block :title="t('color')">
-      <van-loading color="#1989fa" />
-      <van-loading type="spinner" color="#1989fa" />
-    </demo-block>
+  <demo-block :title="t('color')">
+    <van-loading color="#1989fa" />
+    <van-loading type="spinner" color="#1989fa" />
+  </demo-block>
 
-    <demo-block :title="t('size')">
-      <van-loading size="24" />
-      <van-loading type="spinner" size="24" />
-    </demo-block>
+  <demo-block :title="t('size')">
+    <van-loading size="24" />
+    <van-loading type="spinner" size="24" />
+  </demo-block>
 
-    <demo-block :title="t('text')">
-      <van-loading size="24px">
-        {{ t('loading') }}
-      </van-loading>
-    </demo-block>
+  <demo-block :title="t('text')">
+    <van-loading size="24px">
+      {{ t('loading') }}
+    </van-loading>
+  </demo-block>
 
-    <demo-block :title="t('vertical')">
-      <van-loading size="24px" vertical>
-        {{ t('loading') }}
-      </van-loading>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('vertical')">
+    <van-loading size="24px" vertical>
+      {{ t('loading') }}
+    </van-loading>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/nav-bar/demo/index.vue b/src/nav-bar/demo/index.vue
index cededbc20..24678fbbc 100644
--- a/src/nav-bar/demo/index.vue
+++ b/src/nav-bar/demo/index.vue
@@ -1,24 +1,22 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-nav-bar
-        :title="t('title')"
-        :left-text="t('back')"
-        :right-text="t('button')"
-        left-arrow
-        @click-left="onClickLeft"
-        @click-right="onClickRight"
-      />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-nav-bar
+      :title="t('title')"
+      :left-text="t('back')"
+      :right-text="t('button')"
+      left-arrow
+      @click-left="onClickLeft"
+      @click-right="onClickRight"
+    />
+  </demo-block>
 
-    <demo-block :title="t('useSlot')">
-      <van-nav-bar :title="t('title')" :left-text="t('back')" left-arrow>
-        <template #right>
-          <van-icon name="search" size="18" />
-        </template>
-      </van-nav-bar>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('useSlot')">
+    <van-nav-bar :title="t('title')" :left-text="t('back')" left-arrow>
+      <template #right>
+        <van-icon name="search" size="18" />
+      </template>
+    </van-nav-bar>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/notice-bar/demo/index.vue b/src/notice-bar/demo/index.vue
index 2e9c385a2..0e4154384 100644
--- a/src/notice-bar/demo/index.vue
+++ b/src/notice-bar/demo/index.vue
@@ -1,47 +1,45 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-notice-bar :text="t('text')" scrollable left-icon="volume-o" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-notice-bar :text="t('text')" scrollable left-icon="volume-o" />
+  </demo-block>
 
-    <demo-block :title="t('scrollable')">
-      <van-notice-bar scrollable :text="t('shortText')" />
-      <van-notice-bar :scrollable="false" :text="t('text')" />
-    </demo-block>
+  <demo-block :title="t('scrollable')">
+    <van-notice-bar scrollable :text="t('shortText')" />
+    <van-notice-bar :scrollable="false" :text="t('text')" />
+  </demo-block>
 
-    <demo-block :title="t('wrapable')">
-      <van-notice-bar wrapable :scrollable="false" :text="t('text')" />
-    </demo-block>
+  <demo-block :title="t('wrapable')">
+    <van-notice-bar wrapable :scrollable="false" :text="t('text')" />
+  </demo-block>
 
-    <demo-block :title="t('mode')">
-      <van-notice-bar mode="closeable" :text="t('shortText')" />
-      <van-notice-bar mode="link" :text="t('shortText')" />
-    </demo-block>
+  <demo-block :title="t('mode')">
+    <van-notice-bar mode="closeable" :text="t('shortText')" />
+    <van-notice-bar mode="link" :text="t('shortText')" />
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-notice-bar
-        :text="t('shortText')"
-        color="#1989fa"
-        background="#ecf9ff"
-        left-icon="info-o"
-      />
-    </demo-block>
+  <demo-block :title="t('customStyle')">
+    <van-notice-bar
+      :text="t('shortText')"
+      color="#1989fa"
+      background="#ecf9ff"
+      left-icon="info-o"
+    />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('verticalScroll')">
-      <van-notice-bar left-icon="volume-o" :scrollable="false">
-        <van-swipe
-          vertical
-          class="notice-swipe"
-          :autoplay="3000"
-          :show-indicators="false"
-        >
-          <van-swipe-item>{{ t('content') }} 1</van-swipe-item>
-          <van-swipe-item>{{ t('content') }} 2</van-swipe-item>
-          <van-swipe-item>{{ t('content') }} 3</van-swipe-item>
-        </van-swipe>
-      </van-notice-bar>
-    </demo-block>
-  </demo-section>
+  <demo-block v-if="!isWeapp" :title="t('verticalScroll')">
+    <van-notice-bar left-icon="volume-o" :scrollable="false">
+      <van-swipe
+        vertical
+        class="notice-swipe"
+        :autoplay="3000"
+        :show-indicators="false"
+      >
+        <van-swipe-item>{{ t('content') }} 1</van-swipe-item>
+        <van-swipe-item>{{ t('content') }} 2</van-swipe-item>
+        <van-swipe-item>{{ t('content') }} 3</van-swipe-item>
+      </van-swipe>
+    </van-notice-bar>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/notify/demo/index.vue b/src/notify/demo/index.vue
index e5ace9303..2d3522267 100644
--- a/src/notify/demo/index.vue
+++ b/src/notify/demo/index.vue
@@ -1,38 +1,32 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('basicUsage')" @click="showNotify" />
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link :title="t('basicUsage')" @click="showNotify" />
+  </demo-block>
 
-    <demo-block card :title="t('notifyType')">
-      <van-cell is-link :title="t('primary')" @click="showType('primary')" />
-      <van-cell is-link :title="t('success')" @click="showType('success')" />
-      <van-cell is-link :title="t('danger')" @click="showType('danger')" />
-      <van-cell is-link :title="t('warning')" @click="showType('warning')" />
-    </demo-block>
+  <demo-block card :title="t('notifyType')">
+    <van-cell is-link :title="t('primary')" @click="showType('primary')" />
+    <van-cell is-link :title="t('success')" @click="showType('success')" />
+    <van-cell is-link :title="t('danger')" @click="showType('danger')" />
+    <van-cell is-link :title="t('warning')" @click="showType('warning')" />
+  </demo-block>
 
-    <demo-block card :title="t('customNotify')">
-      <van-cell is-link :title="t('customColor')" @click="showCustomColor" />
-      <van-cell
-        is-link
-        :title="t('customDuration')"
-        @click="showCustomDuration"
-      />
-    </demo-block>
+  <demo-block card :title="t('customNotify')">
+    <van-cell is-link :title="t('customColor')" @click="showCustomColor" />
+    <van-cell
+      is-link
+      :title="t('customDuration')"
+      @click="showCustomDuration"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('componentCall')">
-      <van-cell
-        is-link
-        :title="t('componentCall')"
-        @click="showComponentCall"
-      />
+  <demo-block card :title="t('componentCall')">
+    <van-cell is-link :title="t('componentCall')" @click="showComponentCall" />
 
-      <van-notify v-model:show="show" type="success">
-        <van-icon name="bell" style="margin-right: 4px;" />
-        <span>{{ t('content') }}</span>
-      </van-notify>
-    </demo-block>
-  </demo-section>
+    <van-notify v-model:show="show" type="success">
+      <van-icon name="bell" style="margin-right: 4px;" />
+      <span>{{ t('content') }}</span>
+    </van-notify>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/number-keyboard/demo/index.vue b/src/number-keyboard/demo/index.vue
index 116f17688..7db1d7891 100644
--- a/src/number-keyboard/demo/index.vue
+++ b/src/number-keyboard/demo/index.vue
@@ -1,82 +1,80 @@
 <template>
-  <demo-section>
-    <van-cell is-link @touchstart.stop="keyboard = 'default'">
-      {{ t('button1') }}
-    </van-cell>
-    <van-cell is-link @touchstart.stop="keyboard = 'custom'">
-      {{ t('button2') }}
-    </van-cell>
-    <van-cell is-link @touchstart.stop="keyboard = 'extraKey'">
-      {{ t('button3') }}
-    </van-cell>
-    <van-cell is-link @touchstart.stop="keyboard = 'title'">
-      {{ t('button4') }}
-    </van-cell>
-    <van-cell is-link @touchstart.stop="keyboard = 'multiExtraKey'">
-      {{ t('button5') }}
-    </van-cell>
-    <van-field
-      readonly
-      clickable
-      :label="t('bindValue')"
-      :model-value="value"
-      :placeholder="t('clickToInput')"
-      @touchstart.stop="keyboard = 'bindValue'"
-    />
+  <van-cell is-link @touchstart.stop="keyboard = 'default'">
+    {{ t('button1') }}
+  </van-cell>
+  <van-cell is-link @touchstart.stop="keyboard = 'custom'">
+    {{ t('button2') }}
+  </van-cell>
+  <van-cell is-link @touchstart.stop="keyboard = 'extraKey'">
+    {{ t('button3') }}
+  </van-cell>
+  <van-cell is-link @touchstart.stop="keyboard = 'title'">
+    {{ t('button4') }}
+  </van-cell>
+  <van-cell is-link @touchstart.stop="keyboard = 'multiExtraKey'">
+    {{ t('button5') }}
+  </van-cell>
+  <van-field
+    readonly
+    clickable
+    :label="t('bindValue')"
+    :model-value="value"
+    :placeholder="t('clickToInput')"
+    @touchstart.stop="keyboard = 'bindValue'"
+  />
 
-    <van-number-keyboard
-      :show="keyboard === 'default'"
-      @blur="keyboard = ''"
-      @input="onInput"
-      @delete="onDelete"
-    />
+  <van-number-keyboard
+    :show="keyboard === 'default'"
+    @blur="keyboard = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 
-    <van-number-keyboard
-      :show="keyboard === 'custom'"
-      :close-button-text="t('close')"
-      theme="custom"
-      extra-key="."
-      @blur="keyboard = ''"
-      @input="onInput"
-      @delete="onDelete"
-    />
+  <van-number-keyboard
+    :show="keyboard === 'custom'"
+    :close-button-text="t('close')"
+    theme="custom"
+    extra-key="."
+    @blur="keyboard = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 
-    <van-number-keyboard
-      :show="keyboard === 'extraKey'"
-      :close-button-text="t('close')"
-      extra-key="X"
-      @blur="keyboard = ''"
-      @input="onInput"
-      @delete="onDelete"
-    />
+  <van-number-keyboard
+    :show="keyboard === 'extraKey'"
+    :close-button-text="t('close')"
+    extra-key="X"
+    @blur="keyboard = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 
-    <van-number-keyboard
-      :show="keyboard === 'title'"
-      :close-button-text="t('close')"
-      :title="t('title')"
-      extra-key="."
-      @blur="keyboard = ''"
-      @input="onInput"
-      @delete="onDelete"
-    />
+  <van-number-keyboard
+    :show="keyboard === 'title'"
+    :close-button-text="t('close')"
+    :title="t('title')"
+    extra-key="."
+    @blur="keyboard = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 
-    <van-number-keyboard
-      :show="keyboard === 'multiExtraKey'"
-      :close-button-text="t('close')"
-      theme="custom"
-      :extra-key="['00', '.']"
-      @blur="keyboard = ''"
-      @input="onInput"
-      @delete="onDelete"
-    />
+  <van-number-keyboard
+    :show="keyboard === 'multiExtraKey'"
+    :close-button-text="t('close')"
+    theme="custom"
+    :extra-key="['00', '.']"
+    @blur="keyboard = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 
-    <van-number-keyboard
-      v-model="value"
-      :show="keyboard === 'bindValue'"
-      maxlength="6"
-      @blur="keyboard = ''"
-    />
-  </demo-section>
+  <van-number-keyboard
+    v-model="value"
+    :show="keyboard === 'bindValue'"
+    maxlength="6"
+    @blur="keyboard = ''"
+  />
 </template>
 
 <script>
diff --git a/src/overlay/demo/index.vue b/src/overlay/demo/index.vue
index d98f1cf6d..3c16ac00a 100644
--- a/src/overlay/demo/index.vue
+++ b/src/overlay/demo/index.vue
@@ -1,31 +1,27 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-button
-        type="primary"
-        :text="t('showOverlay')"
-        style="margin-left: 16px;"
-        @click="show = true"
-      />
+  <demo-block :title="t('basicUsage')">
+    <van-button
+      type="primary"
+      :text="t('showOverlay')"
+      style="margin-left: 16px;"
+      @click="show = true"
+    />
+    <van-overlay :show="show" @click="show = false" />
+  </demo-block>
 
-      <van-overlay :show="show" @click="show = false" />
-    </demo-block>
-
-    <demo-block :title="t('embeddedContent')">
-      <van-button
-        type="primary"
-        :text="t('embeddedContent')"
-        style="margin-left: 16px;"
-        @click="showEmbedded = true"
-      />
-
-      <van-overlay :show="showEmbedded" @click="showEmbedded = false">
-        <div class="wrapper">
-          <div class="block" />
-        </div>
-      </van-overlay>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('embeddedContent')">
+    <van-button
+      type="primary"
+      :text="t('embeddedContent')"
+      style="margin-left: 16px;"
+      @click="showEmbedded = true"
+    />
+    <van-overlay :show="showEmbedded" @click="showEmbedded = false">
+      <div class="wrapper">
+        <div class="block" />
+      </div>
+    </van-overlay>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/pagination/demo/index.vue b/src/pagination/demo/index.vue
index dce90025f..20d22a37c 100644
--- a/src/pagination/demo/index.vue
+++ b/src/pagination/demo/index.vue
@@ -1,53 +1,51 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-pagination
-        v-model="currentPage1"
-        :total-items="24"
-        :items-per-page="5"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-      />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-pagination
+      v-model="currentPage1"
+      :total-items="24"
+      :items-per-page="5"
+      :prev-text="t('prevText')"
+      :next-text="t('nextText')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-pagination
-        v-model="currentPage2"
-        :page-count="12"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-        mode="simple"
-        size="small"
-      />
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-pagination
+      v-model="currentPage2"
+      :page-count="12"
+      :prev-text="t('prevText')"
+      :next-text="t('nextText')"
+      mode="simple"
+      size="small"
+    />
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-pagination
-        v-model="currentPage3"
-        force-ellipses
-        :total-items="125"
-        :show-page-size="3"
-        :prev-text="t('prevText')"
-        :next-text="t('nextText')"
-      />
-    </demo-block>
+  <demo-block :title="t('title3')">
+    <van-pagination
+      v-model="currentPage3"
+      force-ellipses
+      :total-items="125"
+      :show-page-size="3"
+      :prev-text="t('prevText')"
+      :next-text="t('nextText')"
+    />
+  </demo-block>
 
-    <demo-block :title="t('title4')">
-      <van-pagination
-        v-model="currentPage4"
-        :total-items="125"
-        :show-page-size="5"
-      >
-        <template #prev-text>
-          <van-icon name="arrow-left" />
-        </template>
-        <template #next-text>
-          <van-icon name="arrow" />
-        </template>
-        <template #page="{ text }">{{ text }}</template>
-      </van-pagination>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('title4')">
+    <van-pagination
+      v-model="currentPage4"
+      :total-items="125"
+      :show-page-size="5"
+    >
+      <template #prev-text>
+        <van-icon name="arrow-left" />
+      </template>
+      <template #next-text>
+        <van-icon name="arrow" />
+      </template>
+      <template #page="{ text }">{{ text }}</template>
+    </van-pagination>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/password-input/demo/index.vue b/src/password-input/demo/index.vue
index 28122ac87..5baa08ff3 100644
--- a/src/password-input/demo/index.vue
+++ b/src/password-input/demo/index.vue
@@ -1,57 +1,55 @@
 <template>
-  <demo-section>
-    <demo-block ref="basicUsage" :title="t('basicUsage')">
-      <van-password-input
-        :value="value.basicUsage"
-        :focused="current === 'basicUsage'"
-        @focus="current = 'basicUsage'"
-      />
-    </demo-block>
-
-    <demo-block ref="customLength" :title="t('customLength')">
-      <van-password-input
-        :value="value.customLength"
-        :length="4"
-        :focused="current === 'customLength'"
-        @focus="current = 'customLength'"
-      />
-    </demo-block>
-
-    <demo-block ref="addGutter" :title="t('addGutter')">
-      <van-password-input
-        :value="value.addGutter"
-        :gutter="10"
-        :focused="current === 'addGutter'"
-        @focus="current = 'addGutter'"
-      />
-    </demo-block>
-
-    <demo-block ref="removeMask" :title="t('removeMask')">
-      <van-password-input
-        :mask="false"
-        :value="value.removeMask"
-        :focused="current === 'removeMask'"
-        @focus="current = 'removeMask'"
-      />
-    </demo-block>
-
-    <demo-block ref="showInfo" :title="t('showInfo')">
-      <van-password-input
-        :info="t('info')"
-        :value="value.showInfo"
-        :error-info="errorInfo"
-        :focused="current === 'showInfo'"
-        @focus="current = 'showInfo'"
-      />
-    </demo-block>
-
-    <van-number-keyboard
-      :show="!!current"
-      @blur="current = ''"
-      @input="onInput"
-      @delete="onDelete"
+  <demo-block ref="basicUsage" :title="t('basicUsage')">
+    <van-password-input
+      :value="value.basicUsage"
+      :focused="current === 'basicUsage'"
+      @focus="current = 'basicUsage'"
     />
-  </demo-section>
+  </demo-block>
+
+  <demo-block ref="customLength" :title="t('customLength')">
+    <van-password-input
+      :value="value.customLength"
+      :length="4"
+      :focused="current === 'customLength'"
+      @focus="current = 'customLength'"
+    />
+  </demo-block>
+
+  <demo-block ref="addGutter" :title="t('addGutter')">
+    <van-password-input
+      :value="value.addGutter"
+      :gutter="10"
+      :focused="current === 'addGutter'"
+      @focus="current = 'addGutter'"
+    />
+  </demo-block>
+
+  <demo-block ref="removeMask" :title="t('removeMask')">
+    <van-password-input
+      :mask="false"
+      :value="value.removeMask"
+      :focused="current === 'removeMask'"
+      @focus="current = 'removeMask'"
+    />
+  </demo-block>
+
+  <demo-block ref="showInfo" :title="t('showInfo')">
+    <van-password-input
+      :info="t('info')"
+      :value="value.showInfo"
+      :error-info="errorInfo"
+      :focused="current === 'showInfo'"
+      @focus="current = 'showInfo'"
+    />
+  </demo-block>
+
+  <van-number-keyboard
+    :show="!!current"
+    @blur="current = ''"
+    @input="onInput"
+    @delete="onDelete"
+  />
 </template>
 
 <script>
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 983f09015..3923348af 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -1,71 +1,69 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
+  <demo-block card :title="t('basicUsage')">
+    <van-picker
+      :title="t('title')"
+      :columns="t('textColumns')"
+      @change="onChange1"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('defaultIndex')">
+    <van-picker
+      :title="t('title')"
+      :columns="t('textColumns')"
+      :default-index="2"
+      @change="onChange1"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('multipleColumns')">
+    <van-picker
+      :title="t('title')"
+      :columns="t('dateColumns')"
+      @cancel="onCancel"
+      @confirm="onConfirm"
+    />
+  </demo-block>
+
+  <demo-block card v-if="!isWeapp" :title="t('cascade')">
+    <van-picker :title="t('title')" :columns="t('cascadeColumns')" />
+  </demo-block>
+
+  <demo-block card :title="t('disableOption')">
+    <van-picker :title="t('title')" :columns="t('disabledColumns')" />
+  </demo-block>
+
+  <demo-block card :title="t('setColumnValues')">
+    <van-picker
+      ref="picker"
+      :title="t('title')"
+      :columns="columns"
+      @change="onChange2"
+    />
+  </demo-block>
+
+  <demo-block card :title="t('loadingStatus')">
+    <van-picker loading :title="t('title')" :columns="columns" />
+  </demo-block>
+
+  <demo-block card v-if="!isWeapp" :title="t('withPopup')">
+    <van-field
+      v-model="fieldValue"
+      readonly
+      clickable
+      :label="t('city')"
+      :placeholder="t('chooseCity')"
+      @click="onClickField"
+    />
+    <van-popup v-model:show="showPicker" round position="bottom">
       <van-picker
         :title="t('title')"
         :columns="t('textColumns')"
-        @change="onChange1"
+        @cancel="onCancel2"
+        @confirm="onConfirm2"
       />
-    </demo-block>
-
-    <demo-block card :title="t('defaultIndex')">
-      <van-picker
-        :title="t('title')"
-        :columns="t('textColumns')"
-        :default-index="2"
-        @change="onChange1"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('multipleColumns')">
-      <van-picker
-        :title="t('title')"
-        :columns="t('dateColumns')"
-        @cancel="onCancel"
-        @confirm="onConfirm"
-      />
-    </demo-block>
-
-    <demo-block card v-if="!isWeapp" :title="t('cascade')">
-      <van-picker :title="t('title')" :columns="t('cascadeColumns')" />
-    </demo-block>
-
-    <demo-block card :title="t('disableOption')">
-      <van-picker :title="t('title')" :columns="t('disabledColumns')" />
-    </demo-block>
-
-    <demo-block card :title="t('setColumnValues')">
-      <van-picker
-        ref="picker"
-        :title="t('title')"
-        :columns="columns"
-        @change="onChange2"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('loadingStatus')">
-      <van-picker loading :title="t('title')" :columns="columns" />
-    </demo-block>
-
-    <demo-block card v-if="!isWeapp" :title="t('withPopup')">
-      <van-field
-        v-model="fieldValue"
-        readonly
-        clickable
-        :label="t('city')"
-        :placeholder="t('chooseCity')"
-        @click="onClickField"
-      />
-      <van-popup v-model:show="showPicker" round position="bottom">
-        <van-picker
-          :title="t('title')"
-          :columns="t('textColumns')"
-          @cancel="onCancel2"
-          @confirm="onConfirm2"
-        />
-      </van-popup>
-    </demo-block>
-  </demo-section>
+    </van-popup>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/popup/demo/index.vue b/src/popup/demo/index.vue
index 3eb7a8c25..1d903b11c 100644
--- a/src/popup/demo/index.vue
+++ b/src/popup/demo/index.vue
@@ -1,102 +1,96 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
-      <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
-        {{ t('content') }}
-      </van-popup>
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell :title="t('buttonBasic')" is-link @click="showBasic = true" />
+    <van-popup v-model:show="showBasic" :style="{ padding: '30px 50px' }">
+      {{ t('content') }}
+    </van-popup>
+  </demo-block>
 
-    <demo-block card :title="t('position')">
-      <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
-      <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
-      <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
-      <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
+  <demo-block card :title="t('position')">
+    <van-cell :title="t('buttonTop')" is-link @click="showTop = true" />
+    <van-cell :title="t('buttonBottom')" is-link @click="showBottom = true" />
+    <van-cell :title="t('buttonLeft')" is-link @click="showLeft = true" />
+    <van-cell :title="t('buttonRight')" is-link @click="showRight = true" />
 
-      <van-popup
-        v-model:show="showTop"
-        position="top"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showBottom"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showLeft"
-        position="left"
-        :style="{ width: '30%', height: '100%' }"
-      />
-      <van-popup
-        v-model:show="showRight"
-        position="right"
-        :style="{ width: '30%', height: '100%' }"
-      />
-    </demo-block>
+    <van-popup
+      v-model:show="showTop"
+      position="top"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showBottom"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showLeft"
+      position="left"
+      :style="{ width: '30%', height: '100%' }"
+    />
+    <van-popup
+      v-model:show="showRight"
+      position="right"
+      :style="{ width: '30%', height: '100%' }"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('closeIcon')">
-      <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
-      <van-cell
-        :title="t('customCloseIcon')"
-        is-link
-        @click="showCustomCloseIcon = true"
-      />
-      <van-cell
-        :title="t('customIconPosition')"
-        is-link
-        @click="showCustomIconPosition = true"
-      />
+  <demo-block card :title="t('closeIcon')">
+    <van-cell :title="t('closeIcon')" is-link @click="showCloseIcon = true" />
+    <van-cell
+      :title="t('customCloseIcon')"
+      is-link
+      @click="showCustomCloseIcon = true"
+    />
+    <van-cell
+      :title="t('customIconPosition')"
+      is-link
+      @click="showCustomIconPosition = true"
+    />
 
-      <van-popup
-        v-model:show="showCloseIcon"
-        closeable
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomCloseIcon"
-        closeable
-        close-icon="close"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model:show="showCustomIconPosition"
-        closeable
-        close-icon-position="top-left"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
+    <van-popup
+      v-model:show="showCloseIcon"
+      closeable
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showCustomCloseIcon"
+      closeable
+      close-icon="close"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+    <van-popup
+      v-model:show="showCustomIconPosition"
+      closeable
+      close-icon-position="top-left"
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('roundCorner')">
-      <van-cell
-        :title="t('roundCorner')"
-        is-link
-        @click="showRoundCorner = true"
-      />
-      <van-popup
-        v-model:show="showRoundCorner"
-        round
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-    </demo-block>
+  <demo-block card :title="t('roundCorner')">
+    <van-cell
+      :title="t('roundCorner')"
+      is-link
+      @click="showRoundCorner = true"
+    />
+    <van-popup
+      v-model:show="showRoundCorner"
+      round
+      position="bottom"
+      :style="{ height: '30%' }"
+    />
+  </demo-block>
 
-    <demo-block card v-if="!isWeapp" :title="t('teleport')">
-      <van-cell
-        :title="t('teleport')"
-        is-link
-        @click="showGetContainer = true"
-      />
-      <van-popup
-        v-model:show="showGetContainer"
-        teleport="body"
-        :style="{ padding: '30px 50px' }"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block card v-if="!isWeapp" :title="t('teleport')">
+    <van-cell :title="t('teleport')" is-link @click="showGetContainer = true" />
+    <van-popup
+      v-model:show="showGetContainer"
+      teleport="body"
+      :style="{ padding: '30px 50px' }"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/progress/demo/index.vue b/src/progress/demo/index.vue
index f07c9d46f..e6f0498f7 100644
--- a/src/progress/demo/index.vue
+++ b/src/progress/demo/index.vue
@@ -1,32 +1,26 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-progress :percentage="50" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-progress :percentage="50" />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('strokeWidth')">
-      <van-progress :percentage="50" stroke-width="8" />
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('strokeWidth')">
+    <van-progress :percentage="50" stroke-width="8" />
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-progress inactive :percentage="50" />
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-progress inactive :percentage="50" />
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-progress
-        color="#f2826a"
-        :percentage="25"
-        :pivot-text="t('orange')"
-      />
-      <van-progress color="#ee0a24" :percentage="50" :pivot-text="t('red')" />
-      <van-progress
-        :percentage="75"
-        :pivot-text="t('purple')"
-        pivot-color="#7232dd"
-        color="linear-gradient(to right, #be99ff, #7232dd)"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('title3')">
+    <van-progress color="#f2826a" :percentage="25" :pivot-text="t('orange')" />
+    <van-progress color="#ee0a24" :percentage="50" :pivot-text="t('red')" />
+    <van-progress
+      :percentage="75"
+      :pivot-text="t('purple')"
+      pivot-color="#7232dd"
+      color="linear-gradient(to right, #be99ff, #7232dd)"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/pull-refresh/demo/index.vue b/src/pull-refresh/demo/index.vue
index 27dccc5b1..9167711ea 100644
--- a/src/pull-refresh/demo/index.vue
+++ b/src/pull-refresh/demo/index.vue
@@ -1,46 +1,44 @@
 <template>
-  <demo-section name="pull-refresh">
-    <van-tabs>
-      <van-tab :title="t('basicUsage')">
-        <van-pull-refresh v-model="isLoading" @refresh="onRefresh(true)">
-          <p>{{ tips }}</p>
-        </van-pull-refresh>
-      </van-tab>
+  <van-tabs>
+    <van-tab :title="t('basicUsage')">
+      <van-pull-refresh v-model="isLoading" @refresh="onRefresh(true)">
+        <p>{{ tips }}</p>
+      </van-pull-refresh>
+    </van-tab>
 
-      <van-tab :title="t('successTip')">
-        <van-pull-refresh
-          v-model="isLoading"
-          :success-text="t('success')"
-          @refresh="onRefresh(false)"
-        >
-          <p>{{ tips }}</p>
-        </van-pull-refresh>
-      </van-tab>
+    <van-tab :title="t('successTip')">
+      <van-pull-refresh
+        v-model="isLoading"
+        :success-text="t('success')"
+        @refresh="onRefresh(false)"
+      >
+        <p>{{ tips }}</p>
+      </van-pull-refresh>
+    </van-tab>
 
-      <van-tab :title="t('customTips')">
-        <van-pull-refresh
-          v-model="isLoading"
-          head-height="80"
-          @refresh="onRefresh(true)"
-        >
-          <template #pulling="{ distance }">
-            <img
-              class="doge"
-              src="https://b.yzcdn.cn/vant/doge.png"
-              :style="{ transform: `scale(${distance / 80})` }"
-            />
-          </template>
-          <template #loosing>
-            <img src="https://b.yzcdn.cn/vant/doge.png" class="doge" />
-          </template>
-          <template #loading>
-            <img src="https://b.yzcdn.cn/vant/doge-fire.jpg" class="doge" />
-          </template>
-          <p>{{ tips }}</p>
-        </van-pull-refresh>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
+    <van-tab :title="t('customTips')">
+      <van-pull-refresh
+        v-model="isLoading"
+        head-height="80"
+        @refresh="onRefresh(true)"
+      >
+        <template #pulling="{ distance }">
+          <img
+            class="doge"
+            src="https://b.yzcdn.cn/vant/doge.png"
+            :style="{ transform: `scale(${distance / 80})` }"
+          />
+        </template>
+        <template #loosing>
+          <img src="https://b.yzcdn.cn/vant/doge.png" class="doge" />
+        </template>
+        <template #loading>
+          <img src="https://b.yzcdn.cn/vant/doge-fire.jpg" class="doge" />
+        </template>
+        <p>{{ tips }}</p>
+      </van-pull-refresh>
+    </van-tab>
+  </van-tabs>
 </template>
 
 <script>
diff --git a/src/radio/demo/index.vue b/src/radio/demo/index.vue
index ec64036d4..5b9a9dc00 100644
--- a/src/radio/demo/index.vue
+++ b/src/radio/demo/index.vue
@@ -1,100 +1,98 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-radio-group v-model="radio1" class="demo-radio-group">
-        <van-radio name="1">{{ t('radio') }} 1</van-radio>
-        <van-radio name="2">{{ t('radio') }} 2</van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-radio-group v-model="radio1" class="demo-radio-group">
+      <van-radio name="1">{{ t('radio') }} 1</van-radio>
+      <van-radio name="2">{{ t('radio') }} 2</van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('horizontal')">
-      <van-radio-group
-        v-model="radioHorizontal"
-        class="demo-radio-group"
-        direction="horizontal"
-      >
-        <van-radio name="1">{{ t('radio') }} 1</van-radio>
-        <van-radio name="2">{{ t('radio') }} 2</van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('horizontal')">
+    <van-radio-group
+      v-model="radioHorizontal"
+      class="demo-radio-group"
+      direction="horizontal"
+    >
+      <van-radio name="1">{{ t('radio') }} 1</van-radio>
+      <van-radio name="2">{{ t('radio') }} 2</van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-radio-group v-model="radio2" class="demo-radio-group" disabled>
-        <van-radio name="1">{{ t('radio') }} 1</van-radio>
-        <van-radio name="2">{{ t('radio') }} 2</van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-radio-group v-model="radio2" class="demo-radio-group" disabled>
+      <van-radio name="1">{{ t('radio') }} 1</van-radio>
+      <van-radio name="2">{{ t('radio') }} 2</van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block :title="t('customShape')">
-      <van-radio-group v-model="radioShape" class="demo-radio-group">
-        <van-radio name="1" shape="square">{{ t('radio') }} 1</van-radio>
-        <van-radio name="2" shape="square">{{ t('radio') }} 2</van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block :title="t('customShape')">
+    <van-radio-group v-model="radioShape" class="demo-radio-group">
+      <van-radio name="1" shape="square">{{ t('radio') }} 1</van-radio>
+      <van-radio name="2" shape="square">{{ t('radio') }} 2</van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-radio-group v-model="radio3" class="demo-radio-group">
-        <van-radio name="1" checked-color="#07c160">
-          {{ t('radio') }} 1
-        </van-radio>
-        <van-radio name="2" checked-color="#07c160">
-          {{ t('radio') }} 2
-        </van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block :title="t('customColor')">
+    <van-radio-group v-model="radio3" class="demo-radio-group">
+      <van-radio name="1" checked-color="#07c160">
+        {{ t('radio') }} 1
+      </van-radio>
+      <van-radio name="2" checked-color="#07c160">
+        {{ t('radio') }} 2
+      </van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block :title="t('customIconSize')">
-      <van-radio-group v-model="radioIconSize" class="demo-radio-group">
-        <van-radio name="1" checked-color="#07c160" icon-size="24px">
-          {{ t('radio') }} 1
-        </van-radio>
-        <van-radio name="2" checked-color="#07c160" icon-size="24px">
-          {{ t('radio') }} 2
-        </van-radio>
-      </van-radio-group>
-    </demo-block>
+  <demo-block :title="t('customIconSize')">
+    <van-radio-group v-model="radioIconSize" class="demo-radio-group">
+      <van-radio name="1" checked-color="#07c160" icon-size="24px">
+        {{ t('radio') }} 1
+      </van-radio>
+      <van-radio name="2" checked-color="#07c160" icon-size="24px">
+        {{ t('radio') }} 2
+      </van-radio>
+    </van-radio-group>
+  </demo-block>
 
-    <demo-block :title="t('customIcon')">
-      <van-radio-group v-model="radio4" class="demo-radio-group">
-        <van-radio name="1">
-          {{ t('radio') }} 1
-          <template #icon="{ checked }">
-            <img :src="checked ? icon.active : icon.inactive" />
+  <demo-block :title="t('customIcon')">
+    <van-radio-group v-model="radio4" class="demo-radio-group">
+      <van-radio name="1">
+        {{ t('radio') }} 1
+        <template #icon="{ checked }">
+          <img :src="checked ? icon.active : icon.inactive" />
+        </template>
+      </van-radio>
+      <van-radio name="2">
+        {{ t('radio') }} 2
+        <template #icon="{ checked }">
+          <img :src="checked ? icon.active : icon.inactive" />
+        </template>
+      </van-radio>
+    </van-radio-group>
+  </demo-block>
+
+  <demo-block :title="t('disableLabel')">
+    <van-radio-group v-model="radioLabel" class="demo-radio-group">
+      <van-radio name="1" label-disabled>{{ t('radio') }} 1</van-radio>
+      <van-radio name="2" label-disabled>{{ t('radio') }} 2</van-radio>
+    </van-radio-group>
+  </demo-block>
+
+  <demo-block :title="t('withCell')">
+    <van-radio-group v-model="radio5">
+      <van-cell-group>
+        <van-cell clickable :title="t('radio') + 1" @click="radio5 = '1'">
+          <template #right-icon>
+            <van-radio name="1" />
           </template>
-        </van-radio>
-        <van-radio name="2">
-          {{ t('radio') }} 2
-          <template #icon="{ checked }">
-            <img :src="checked ? icon.active : icon.inactive" />
+        </van-cell>
+        <van-cell clickable :title="t('radio') + 2" @click="radio5 = '2'">
+          <template #right-icon>
+            <van-radio name="2" />
           </template>
-        </van-radio>
-      </van-radio-group>
-    </demo-block>
-
-    <demo-block :title="t('disableLabel')">
-      <van-radio-group v-model="radioLabel" class="demo-radio-group">
-        <van-radio name="1" label-disabled>{{ t('radio') }} 1</van-radio>
-        <van-radio name="2" label-disabled>{{ t('radio') }} 2</van-radio>
-      </van-radio-group>
-    </demo-block>
-
-    <demo-block :title="t('withCell')">
-      <van-radio-group v-model="radio5">
-        <van-cell-group>
-          <van-cell clickable :title="t('radio') + 1" @click="radio5 = '1'">
-            <template #right-icon>
-              <van-radio name="1" />
-            </template>
-          </van-cell>
-          <van-cell clickable :title="t('radio') + 2" @click="radio5 = '2'">
-            <template #right-icon>
-              <van-radio name="2" />
-            </template>
-          </van-cell>
-        </van-cell-group>
-      </van-radio-group>
-    </demo-block>
-  </demo-section>
+        </van-cell>
+      </van-cell-group>
+    </van-radio-group>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/rate/demo/index.vue b/src/rate/demo/index.vue
index b66911d0b..ba85bfac0 100644
--- a/src/rate/demo/index.vue
+++ b/src/rate/demo/index.vue
@@ -1,49 +1,47 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-rate v-model="value1" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-rate v-model="value1" />
+  </demo-block>
 
-    <demo-block :title="t('customIcon')">
-      <van-rate v-model="value2" icon="like" void-icon="like-o" />
-    </demo-block>
+  <demo-block :title="t('customIcon')">
+    <van-rate v-model="value2" icon="like" void-icon="like-o" />
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-rate
-        v-model="value3"
-        :size="25"
-        color="#ffd21e"
-        void-icon="star"
-        void-color="#eee"
-      />
-    </demo-block>
+  <demo-block :title="t('customStyle')">
+    <van-rate
+      v-model="value3"
+      :size="25"
+      color="#ffd21e"
+      void-icon="star"
+      void-color="#eee"
+    />
+  </demo-block>
 
-    <demo-block :title="t('halfStar')">
-      <van-rate
-        v-model="value4"
-        :size="25"
-        allow-half
-        void-icon="star"
-        void-color="#eee"
-      />
-    </demo-block>
+  <demo-block :title="t('halfStar')">
+    <van-rate
+      v-model="value4"
+      :size="25"
+      allow-half
+      void-icon="star"
+      void-color="#eee"
+    />
+  </demo-block>
 
-    <demo-block :title="t('customCount')">
-      <van-rate v-model="value5" :count="6" />
-    </demo-block>
+  <demo-block :title="t('customCount')">
+    <van-rate v-model="value5" :count="6" />
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-rate v-model="value6" disabled />
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-rate v-model="value6" disabled />
+  </demo-block>
 
-    <demo-block :title="t('readonly')">
-      <van-rate v-model="value6" readonly />
-    </demo-block>
+  <demo-block :title="t('readonly')">
+    <van-rate v-model="value6" readonly />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('changeEvent')">
-      <van-rate v-model="value7" @change="onChange" />
-    </demo-block>
-  </demo-section>
+  <demo-block v-if="!isWeapp" :title="t('changeEvent')">
+    <van-rate v-model="value7" @change="onChange" />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/search/demo/index.vue b/src/search/demo/index.vue
index d47c77cb5..bb3c3a69d 100644
--- a/src/search/demo/index.vue
+++ b/src/search/demo/index.vue
@@ -1,56 +1,54 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-search v-model="value1" :placeholder="t('placeholder')" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-search v-model="value1" :placeholder="t('placeholder')" />
+  </demo-block>
 
-    <demo-block :title="t('listenToEvents')">
-      <form action="/">
-        <van-search
-          v-model="value5"
-          :placeholder="t('placeholder')"
-          show-action
-          @search="onSearch"
-          @cancel="onCancel"
-        />
-      </form>
-    </demo-block>
-
-    <demo-block :title="t('inputAlign')">
+  <demo-block :title="t('listenToEvents')">
+    <form action="/">
       <van-search
-        v-model="value4"
+        v-model="value5"
         :placeholder="t('placeholder')"
-        input-align="center"
-      />
-    </demo-block>
-
-    <demo-block :title="t('disabled')">
-      <van-search v-model="value3" :placeholder="t('placeholder')" disabled />
-    </demo-block>
-
-    <demo-block :title="t('background')">
-      <van-search
-        v-model="value2"
-        :placeholder="t('placeholder')"
-        shape="round"
-        background="#4fc08d"
-      />
-    </demo-block>
-
-    <demo-block :title="t('customButton')">
-      <van-search
-        v-model="value6"
         show-action
-        :label="t('label')"
-        :placeholder="t('placeholder')"
         @search="onSearch"
-      >
-        <template #action>
-          <div @click="onSearch">{{ t('search') }}</div>
-        </template>
-      </van-search>
-    </demo-block>
-  </demo-section>
+        @cancel="onCancel"
+      />
+    </form>
+  </demo-block>
+
+  <demo-block :title="t('inputAlign')">
+    <van-search
+      v-model="value4"
+      :placeholder="t('placeholder')"
+      input-align="center"
+    />
+  </demo-block>
+
+  <demo-block :title="t('disabled')">
+    <van-search v-model="value3" :placeholder="t('placeholder')" disabled />
+  </demo-block>
+
+  <demo-block :title="t('background')">
+    <van-search
+      v-model="value2"
+      :placeholder="t('placeholder')"
+      shape="round"
+      background="#4fc08d"
+    />
+  </demo-block>
+
+  <demo-block :title="t('customButton')">
+    <van-search
+      v-model="value6"
+      show-action
+      :label="t('label')"
+      :placeholder="t('placeholder')"
+      @search="onSearch"
+    >
+      <template #action>
+        <div @click="onSearch">{{ t('search') }}</div>
+      </template>
+    </van-search>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/share-sheet/demo/index.vue b/src/share-sheet/demo/index.vue
index 733827c1c..5702b806d 100644
--- a/src/share-sheet/demo/index.vue
+++ b/src/share-sheet/demo/index.vue
@@ -1,53 +1,43 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('showSheet')" @click="show.basic = true" />
-      <van-share-sheet
-        v-model:show="show.basic"
-        :title="t('title')"
-        :options="options"
-        @select="onSelect"
-      />
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link :title="t('showSheet')" @click="show.basic = true" />
+    <van-share-sheet
+      v-model:show="show.basic"
+      :title="t('title')"
+      :options="options"
+      @select="onSelect"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('multiLine')">
-      <van-cell
-        is-link
-        :title="t('showSheet')"
-        @click="show.multiLine = true"
-      />
-      <van-share-sheet
-        v-model:show="show.multiLine"
-        :title="t('title')"
-        :options="multiLineOptions"
-        @select="onSelect"
-      />
-    </demo-block>
+  <demo-block card :title="t('multiLine')">
+    <van-cell is-link :title="t('showSheet')" @click="show.multiLine = true" />
+    <van-share-sheet
+      v-model:show="show.multiLine"
+      :title="t('title')"
+      :options="multiLineOptions"
+      @select="onSelect"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('customIcon')">
-      <van-cell
-        is-link
-        :title="t('showSheet')"
-        @click="show.customIcon = true"
-      />
-      <van-share-sheet
-        v-model:show="show.customIcon"
-        :options="customIconOptions"
-        @select="onSelect"
-      />
-    </demo-block>
+  <demo-block card :title="t('customIcon')">
+    <van-cell is-link :title="t('showSheet')" @click="show.customIcon = true" />
+    <van-share-sheet
+      v-model:show="show.customIcon"
+      :options="customIconOptions"
+      @select="onSelect"
+    />
+  </demo-block>
 
-    <demo-block card :title="t('withDesc')">
-      <van-cell is-link :title="t('showSheet')" @click="show.withDesc = true" />
-      <van-share-sheet
-        v-model:show="show.withDesc"
-        :title="t('title')"
-        :options="optionsWithDesc"
-        :description="t('description')"
-        @select="onSelect"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('withDesc')">
+    <van-cell is-link :title="t('showSheet')" @click="show.withDesc = true" />
+    <van-share-sheet
+      v-model:show="show.withDesc"
+      :title="t('title')"
+      :options="optionsWithDesc"
+      :description="t('description')"
+      @select="onSelect"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/sidebar/demo/index.vue b/src/sidebar/demo/index.vue
index 5ab0d55f8..c82b67f14 100644
--- a/src/sidebar/demo/index.vue
+++ b/src/sidebar/demo/index.vue
@@ -1,43 +1,41 @@
 <template>
-  <demo-section>
-    <van-grid :column-num="2" :border="false">
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('basicUsage') }}</h3>
-        <van-sidebar v-model="activeKey1">
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" />
-        </van-sidebar>
-      </van-grid-item>
+  <van-grid :column-num="2" :border="false">
+    <van-grid-item>
+      <h3 class="demo-sidebar-title">{{ t('basicUsage') }}</h3>
+      <van-sidebar v-model="activeKey1">
+        <van-sidebar-item :title="t('title')" />
+        <van-sidebar-item :title="t('title')" />
+        <van-sidebar-item :title="t('title')" />
+      </van-sidebar>
+    </van-grid-item>
 
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('showBadge') }}</h3>
-        <van-sidebar v-model="activeKey2">
-          <van-sidebar-item :title="t('title')" dot />
-          <van-sidebar-item :title="t('title')" badge="5" />
-          <van-sidebar-item :title="t('title')" badge="99+" />
-        </van-sidebar>
-      </van-grid-item>
+    <van-grid-item>
+      <h3 class="demo-sidebar-title">{{ t('showBadge') }}</h3>
+      <van-sidebar v-model="activeKey2">
+        <van-sidebar-item :title="t('title')" dot />
+        <van-sidebar-item :title="t('title')" badge="5" />
+        <van-sidebar-item :title="t('title')" badge="99+" />
+      </van-sidebar>
+    </van-grid-item>
 
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('disabled') }}</h3>
-        <van-sidebar v-model="activeKey3">
-          <van-sidebar-item :title="t('title')" />
-          <van-sidebar-item :title="t('title')" disabled />
-          <van-sidebar-item :title="t('title')" />
-        </van-sidebar>
-      </van-grid-item>
+    <van-grid-item>
+      <h3 class="demo-sidebar-title">{{ t('disabled') }}</h3>
+      <van-sidebar v-model="activeKey3">
+        <van-sidebar-item :title="t('title')" />
+        <van-sidebar-item :title="t('title')" disabled />
+        <van-sidebar-item :title="t('title')" />
+      </van-sidebar>
+    </van-grid-item>
 
-      <van-grid-item>
-        <h3 class="demo-sidebar-title">{{ t('changeEvent') }}</h3>
-        <van-sidebar v-model="activeKey4" @change="onChange">
-          <van-sidebar-item :title="t('title') + 1" />
-          <van-sidebar-item :title="t('title') + 2" />
-          <van-sidebar-item :title="t('title') + 3" />
-        </van-sidebar>
-      </van-grid-item>
-    </van-grid>
-  </demo-section>
+    <van-grid-item>
+      <h3 class="demo-sidebar-title">{{ t('changeEvent') }}</h3>
+      <van-sidebar v-model="activeKey4" @change="onChange">
+        <van-sidebar-item :title="t('title') + 1" />
+        <van-sidebar-item :title="t('title') + 2" />
+        <van-sidebar-item :title="t('title') + 3" />
+      </van-sidebar>
+    </van-grid-item>
+  </van-grid>
 </template>
 
 <script>
diff --git a/src/skeleton/demo/index.vue b/src/skeleton/demo/index.vue
index 9dc9591d7..ba3b6d2c9 100644
--- a/src/skeleton/demo/index.vue
+++ b/src/skeleton/demo/index.vue
@@ -1,26 +1,24 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-skeleton title :row="3" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-skeleton title :row="3" />
+  </demo-block>
 
-    <demo-block :title="t('showAvatar')">
-      <van-skeleton title avatar :row="3" />
-    </demo-block>
+  <demo-block :title="t('showAvatar')">
+    <van-skeleton title avatar :row="3" />
+  </demo-block>
 
-    <demo-block :title="t('showChildren')">
-      <van-switch v-model="show" size="24px" />
-      <van-skeleton title avatar :row="3" :loading="!show">
-        <div class="demo-preview">
-          <img src="https://img.yzcdn.cn/vant/logo.png" />
-          <div class="demo-content">
-            <h3>{{ t('title') }}</h3>
-            <p>{{ t('desc') }}</p>
-          </div>
+  <demo-block :title="t('showChildren')">
+    <van-switch v-model="show" size="24px" />
+    <van-skeleton title avatar :row="3" :loading="!show">
+      <div class="demo-preview">
+        <img src="https://img.yzcdn.cn/vant/logo.png" />
+        <div class="demo-content">
+          <h3>{{ t('title') }}</h3>
+          <p>{{ t('desc') }}</p>
         </div>
-      </van-skeleton>
-    </demo-block>
-  </demo-section>
+      </div>
+    </van-skeleton>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index 5d8302ad4..2b02445b8 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -1,55 +1,53 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('title1')">
-      <van-slider v-model="value1" @change="onChange" />
-    </demo-block>
+  <demo-block :title="t('title1')">
+    <van-slider v-model="value1" @change="onChange" />
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-slider range v-model="value2" @change="onChange" />
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-slider range v-model="value2" @change="onChange" />
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-slider v-model="value3" :min="-50" :max="50" @change="onChange" />
-    </demo-block>
+  <demo-block :title="t('title3')">
+    <van-slider v-model="value3" :min="-50" :max="50" @change="onChange" />
+  </demo-block>
 
-    <demo-block :title="t('title4')">
-      <van-slider v-model="value4" disabled />
-    </demo-block>
+  <demo-block :title="t('title4')">
+    <van-slider v-model="value4" disabled />
+  </demo-block>
 
-    <demo-block :title="t('title5')">
-      <van-slider v-model="value5" :step="10" @change="onChange" />
-    </demo-block>
+  <demo-block :title="t('title5')">
+    <van-slider v-model="value5" :step="10" @change="onChange" />
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
+  <demo-block :title="t('customStyle')">
+    <van-slider
+      v-model="value6"
+      bar-height="4px"
+      active-color="#ee0a24"
+      @change="onChange"
+    />
+  </demo-block>
+
+  <demo-block :title="t('customButton')">
+    <van-slider v-model="value7" active-color="#ee0a24">
+      <template #button>
+        <div class="custom-button">{{ value7 }}</div>
+      </template>
+    </van-slider>
+  </demo-block>
+
+  <demo-block v-if="!isWeapp" :title="t('vertical')">
+    <div :style="{ height: '150px', paddingLeft: '30px' }">
+      <van-slider v-model="value8" vertical @change="onChange" />
       <van-slider
-        v-model="value6"
-        bar-height="4px"
-        active-color="#ee0a24"
+        v-model="value9"
+        range
+        vertical
+        style="margin-left: 100px;"
         @change="onChange"
       />
-    </demo-block>
-
-    <demo-block :title="t('customButton')">
-      <van-slider v-model="value7" active-color="#ee0a24">
-        <template #button>
-          <div class="custom-button">{{ value7 }}</div>
-        </template>
-      </van-slider>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('vertical')">
-      <div :style="{ height: '150px', paddingLeft: '30px' }">
-        <van-slider v-model="value8" vertical @change="onChange" />
-        <van-slider
-          v-model="value9"
-          range
-          vertical
-          style="margin-left: 100px;"
-          @change="onChange"
-        />
-      </div>
-    </demo-block>
-  </demo-section>
+    </div>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/stepper/demo/index.vue b/src/stepper/demo/index.vue
index 399cdb52f..550edf81b 100644
--- a/src/stepper/demo/index.vue
+++ b/src/stepper/demo/index.vue
@@ -1,50 +1,48 @@
 <template>
-  <demo-section>
-    <van-cell center :title="t('basicUsage')">
-      <van-stepper v-model="stepper1" />
-    </van-cell>
+  <van-cell center :title="t('basicUsage')">
+    <van-stepper v-model="stepper1" />
+  </van-cell>
 
-    <van-cell center :title="t('step')">
-      <van-stepper v-model="stepper2" step="2" />
-    </van-cell>
+  <van-cell center :title="t('step')">
+    <van-stepper v-model="stepper2" step="2" />
+  </van-cell>
 
-    <van-cell center :title="t('range')">
-      <van-stepper v-model="stepper3" :min="5" :max="8" />
-    </van-cell>
+  <van-cell center :title="t('range')">
+    <van-stepper v-model="stepper3" :min="5" :max="8" />
+  </van-cell>
 
-    <van-cell center :title="t('integer')">
-      <van-stepper v-model="stepper4" integer />
-    </van-cell>
+  <van-cell center :title="t('integer')">
+    <van-stepper v-model="stepper4" integer />
+  </van-cell>
 
-    <van-cell center :title="t('disabled')">
-      <van-stepper v-model="stepper5" disabled />
-    </van-cell>
+  <van-cell center :title="t('disabled')">
+    <van-stepper v-model="stepper5" disabled />
+  </van-cell>
 
-    <van-cell center :title="t('disableInput')">
-      <van-stepper v-model="disabledInput" disable-input />
-    </van-cell>
+  <van-cell center :title="t('disableInput')">
+    <van-stepper v-model="disabledInput" disable-input />
+  </van-cell>
 
-    <van-cell center :title="t('decimalLength')">
-      <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
-    </van-cell>
+  <van-cell center :title="t('decimalLength')">
+    <van-stepper v-model="stepper8" :decimal-length="1" step="0.2" />
+  </van-cell>
 
-    <van-cell center :title="t('customSize')">
-      <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
-    </van-cell>
+  <van-cell center :title="t('customSize')">
+    <van-stepper v-model="stepper7" button-size="32px" input-width="40px" />
+  </van-cell>
 
-    <van-cell center :title="t('asyncChange')">
-      <van-stepper :model-value="stepper6" async-change @change="onChange" />
-    </van-cell>
+  <van-cell center :title="t('asyncChange')">
+    <van-stepper :model-value="stepper6" async-change @change="onChange" />
+  </van-cell>
 
-    <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
-      <van-stepper
-        v-model="stepperRound"
-        theme="round"
-        button-size="22"
-        disable-input
-      />
-    </van-cell>
-  </demo-section>
+  <van-cell v-if="!isWeapp" center :title="t('roundTheme')">
+    <van-stepper
+      v-model="stepperRound"
+      theme="round"
+      button-size="22"
+      disable-input
+    />
+  </van-cell>
 </template>
 
 <script>
diff --git a/src/steps/demo/index.vue b/src/steps/demo/index.vue
index 1d0a6236b..ed762f0db 100644
--- a/src/steps/demo/index.vue
+++ b/src/steps/demo/index.vue
@@ -1,47 +1,45 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-steps :active="active">
-        <van-step>{{ t('step1') }}</van-step>
-        <van-step>{{ t('step2') }}</van-step>
-        <van-step>{{ t('step3') }}</van-step>
-        <van-step>{{ t('step4') }}</van-step>
-      </van-steps>
+  <demo-block :title="t('basicUsage')">
+    <van-steps :active="active">
+      <van-step>{{ t('step1') }}</van-step>
+      <van-step>{{ t('step2') }}</van-step>
+      <van-step>{{ t('step3') }}</van-step>
+      <van-step>{{ t('step4') }}</van-step>
+    </van-steps>
 
-      <van-button @click="nextStep">{{ t('nextStep') }}</van-button>
-    </demo-block>
+    <van-button @click="nextStep">{{ t('nextStep') }}</van-button>
+  </demo-block>
 
-    <demo-block :title="t('customStyle')">
-      <van-steps
-        :active="active"
-        active-icon="success"
-        inactive-icon="arrow"
-        active-color="#38f"
-      >
-        <van-step>{{ t('step1') }}</van-step>
-        <van-step>{{ t('step2') }}</van-step>
-        <van-step>{{ t('step3') }}</van-step>
-        <van-step>{{ t('step4') }}</van-step>
-      </van-steps>
-    </demo-block>
+  <demo-block :title="t('customStyle')">
+    <van-steps
+      :active="active"
+      active-icon="success"
+      inactive-icon="arrow"
+      active-color="#38f"
+    >
+      <van-step>{{ t('step1') }}</van-step>
+      <van-step>{{ t('step2') }}</van-step>
+      <van-step>{{ t('step3') }}</van-step>
+      <van-step>{{ t('step4') }}</van-step>
+    </van-steps>
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-steps :active="0" direction="vertical">
-        <van-step>
-          <h3>{{ t('status1') }}</h3>
-          <p>2016-07-12 12:40</p>
-        </van-step>
-        <van-step>
-          <h3>{{ t('status2') }}</h3>
-          <p>2016-07-11 10:00</p>
-        </van-step>
-        <van-step>
-          <h3>{{ t('status3') }}</h3>
-          <p>2016-07-10 09:30</p>
-        </van-step>
-      </van-steps>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('title3')">
+    <van-steps :active="0" direction="vertical">
+      <van-step>
+        <h3>{{ t('status1') }}</h3>
+        <p>2016-07-12 12:40</p>
+      </van-step>
+      <van-step>
+        <h3>{{ t('status2') }}</h3>
+        <p>2016-07-11 10:00</p>
+      </van-step>
+      <van-step>
+        <h3>{{ t('status3') }}</h3>
+        <p>2016-07-10 09:30</p>
+      </van-step>
+    </van-steps>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/sticky/demo/index.vue b/src/sticky/demo/index.vue
index 0aacd6bab..ba7bc0dd9 100644
--- a/src/sticky/demo/index.vue
+++ b/src/sticky/demo/index.vue
@@ -1,31 +1,29 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-sticky>
-        <van-button type="primary" style="margin-left: 15px;">
-          {{ t('basicUsage') }}
+  <demo-block :title="t('basicUsage')">
+    <van-sticky>
+      <van-button type="primary" style="margin-left: 15px;">
+        {{ t('basicUsage') }}
+      </van-button>
+    </van-sticky>
+  </demo-block>
+
+  <demo-block :title="t('offsetTop')">
+    <van-sticky :offset-top="50">
+      <van-button type="primary" style="margin-left: 115px;">
+        {{ t('offsetTop') }}
+      </van-button>
+    </van-sticky>
+  </demo-block>
+
+  <demo-block v-if="!isWeapp" :title="t('setContainer')">
+    <div ref="container" style="height: 150px; background-color: #fff;">
+      <van-sticky :container="container">
+        <van-button type="warning" style="margin-left: 215px;">
+          {{ t('setContainer') }}
         </van-button>
       </van-sticky>
-    </demo-block>
-
-    <demo-block :title="t('offsetTop')">
-      <van-sticky :offset-top="50">
-        <van-button type="primary" style="margin-left: 115px;">
-          {{ t('offsetTop') }}
-        </van-button>
-      </van-sticky>
-    </demo-block>
-
-    <demo-block v-if="!isWeapp" :title="t('setContainer')">
-      <div ref="container" style="height: 150px; background-color: #fff;">
-        <van-sticky :container="container">
-          <van-button type="warning" style="margin-left: 215px;">
-            {{ t('setContainer') }}
-          </van-button>
-        </van-sticky>
-      </div>
-    </demo-block>
-  </demo-section>
+    </div>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/style/demo/index.vue b/src/style/demo/index.vue
index df01ad4a7..8f7fbea01 100644
--- a/src/style/demo/index.vue
+++ b/src/style/demo/index.vue
@@ -1,30 +1,24 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('ellipsis')">
-      <div class="van-ellipsis">{{ t('text1') }}</div>
-      <div class="van-multi-ellipsis--l2">{{ t('text2') }}</div>
-    </demo-block>
+  <demo-block :title="t('ellipsis')">
+    <div class="van-ellipsis">{{ t('text1') }}</div>
+    <div class="van-multi-ellipsis--l2">{{ t('text2') }}</div>
+  </demo-block>
 
-    <demo-block card :title="t('hairline')">
-      <div class="van-hairline--top" />
-    </demo-block>
+  <demo-block card :title="t('hairline')">
+    <div class="van-hairline--top" />
+  </demo-block>
 
-    <demo-block card :title="t('animation')">
-      <van-cell is-link title="Fade" @click="animate('van-fade')" />
-      <van-cell is-link title="Slide Up" @click="animate('van-slide-up')" />
-      <van-cell is-link title="Slide Down" @click="animate('van-slide-down')" />
-      <van-cell is-link title="Slide Left" @click="animate('van-slide-left')" />
-      <van-cell
-        is-link
-        title="Slide Right"
-        @click="animate('van-slide-right')"
-      />
-    </demo-block>
+  <demo-block card :title="t('animation')">
+    <van-cell is-link title="Fade" @click="animate('van-fade')" />
+    <van-cell is-link title="Slide Up" @click="animate('van-slide-up')" />
+    <van-cell is-link title="Slide Down" @click="animate('van-slide-down')" />
+    <van-cell is-link title="Slide Left" @click="animate('van-slide-left')" />
+    <van-cell is-link title="Slide Right" @click="animate('van-slide-right')" />
+  </demo-block>
 
-    <transition :name="transitionName">
-      <div v-show="show" class="demo-animate-block" />
-    </transition>
-  </demo-section>
+  <transition :name="transitionName">
+    <div v-show="show" class="demo-animate-block" />
+  </transition>
 </template>
 
 <script>
diff --git a/src/submit-bar/demo/index.vue b/src/submit-bar/demo/index.vue
index cfeb247b0..65a557f4f 100644
--- a/src/submit-bar/demo/index.vue
+++ b/src/submit-bar/demo/index.vue
@@ -1,49 +1,47 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-submit-bar
-        :price="3050"
-        :button-text="t('submit')"
-        @submit="onClickButton"
-      />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-submit-bar
+      :price="3050"
+      :button-text="t('submit')"
+      @submit="onClickButton"
+    />
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-submit-bar
-        disabled
-        :price="3050"
-        :button-text="t('submit')"
-        :tip="t('tip1')"
-        tip-icon="info-o"
-        @submit="onClickButton"
-      />
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-submit-bar
+      disabled
+      :price="3050"
+      :button-text="t('submit')"
+      :tip="t('tip1')"
+      tip-icon="info-o"
+      @submit="onClickButton"
+    />
+  </demo-block>
 
-    <demo-block :title="t('loadingStatus')">
-      <van-submit-bar
-        loading
-        :price="3050"
-        :button-text="t('submit')"
-        @submit="onClickButton"
-      />
-    </demo-block>
+  <demo-block :title="t('loadingStatus')">
+    <van-submit-bar
+      loading
+      :price="3050"
+      :button-text="t('submit')"
+      @submit="onClickButton"
+    />
+  </demo-block>
 
-    <demo-block :title="t('advancedUsage')">
-      <van-submit-bar
-        :price="3050"
-        :button-text="t('submit')"
-        @submit="onClickButton"
-      >
-        <van-checkbox v-model="checked">{{ t('check') }}</van-checkbox>
-        <template #tip>
-          {{ t('tip2') }}
-          <span class="edit-address" @click="onClickLink">
-            {{ t('tip3') }}
-          </span>
-        </template>
-      </van-submit-bar>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('advancedUsage')">
+    <van-submit-bar
+      :price="3050"
+      :button-text="t('submit')"
+      @submit="onClickButton"
+    >
+      <van-checkbox v-model="checked">{{ t('check') }}</van-checkbox>
+      <template #tip>
+        {{ t('tip2') }}
+        <span class="edit-address" @click="onClickLink">
+          {{ t('tip3') }}
+        </span>
+      </template>
+    </van-submit-bar>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/swipe-cell/demo/index.vue b/src/swipe-cell/demo/index.vue
index d574d10fb..a1c4b50b4 100644
--- a/src/swipe-cell/demo/index.vue
+++ b/src/swipe-cell/demo/index.vue
@@ -1,52 +1,48 @@
 <template>
-  <div>
-    <demo-section>
-      <demo-block :title="t('basicUsage')">
-        <van-swipe-cell>
-          <template #left>
-            <van-button square type="primary" :text="t('select')" />
-          </template>
-          <van-cell :border="false" :title="t('title')" :value="t('content')" />
-          <template #right>
-            <van-button square type="danger" :text="t('delete')" />
-            <van-button square type="primary" :text="t('collect')" />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-swipe-cell>
+      <template #left>
+        <van-button square type="primary" :text="t('select')" />
+      </template>
+      <van-cell :border="false" :title="t('title')" :value="t('content')" />
+      <template #right>
+        <van-button square type="danger" :text="t('delete')" />
+        <van-button square type="primary" :text="t('collect')" />
+      </template>
+    </van-swipe-cell>
+  </demo-block>
 
-      <demo-block :title="t('customContent')">
-        <van-swipe-cell>
-          <van-card
-            num="2"
-            price="2.00"
-            :desc="t('desc')"
-            :title="t('cardTitle')"
-            :thumb="imageURL"
-          />
-          <template #right>
-            <van-button
-              square
-              type="danger"
-              class="delete-button"
-              :text="t('delete')"
-            />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
+  <demo-block :title="t('customContent')">
+    <van-swipe-cell>
+      <van-card
+        num="2"
+        price="2.00"
+        :desc="t('desc')"
+        :title="t('cardTitle')"
+        :thumb="imageURL"
+      />
+      <template #right>
+        <van-button
+          square
+          type="danger"
+          class="delete-button"
+          :text="t('delete')"
+        />
+      </template>
+    </van-swipe-cell>
+  </demo-block>
 
-      <demo-block :title="t('beforeClose')">
-        <van-swipe-cell :before-close="beforeClose">
-          <template #left>
-            <van-button square type="primary" :text="t('select')" />
-          </template>
-          <van-cell :border="false" :title="t('title')" :value="t('content')" />
-          <template #right>
-            <van-button square type="danger" :text="t('delete')" />
-          </template>
-        </van-swipe-cell>
-      </demo-block>
-    </demo-section>
-  </div>
+  <demo-block :title="t('beforeClose')">
+    <van-swipe-cell :before-close="beforeClose">
+      <template #left>
+        <van-button square type="primary" :text="t('select')" />
+      </template>
+      <van-cell :border="false" :title="t('title')" :value="t('content')" />
+      <template #right>
+        <van-button square type="danger" :text="t('delete')" />
+      </template>
+    </van-swipe-cell>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/swipe/demo/index.vue b/src/swipe/demo/index.vue
index a39c21dbd..ad82ecc0f 100644
--- a/src/swipe/demo/index.vue
+++ b/src/swipe/demo/index.vue
@@ -1,70 +1,68 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-swipe :autoplay="3000" indicator-color="white">
-        <van-swipe-item>1</van-swipe-item>
-        <van-swipe-item>2</van-swipe-item>
-        <van-swipe-item>3</van-swipe-item>
-        <van-swipe-item>4</van-swipe-item>
-      </van-swipe>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-swipe :autoplay="3000" indicator-color="white">
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+      <van-swipe-item>4</van-swipe-item>
+    </van-swipe>
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-swipe :autoplay="3000">
-        <van-swipe-item v-for="(image, index) in images" :key="index">
-          <img :src="image" />
-          <!-- TODO -->
-          <!-- <img v-lazy="image" /> -->
-        </van-swipe-item>
-      </van-swipe>
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-swipe :autoplay="3000">
+      <van-swipe-item v-for="(image, index) in images" :key="index">
+        <img :src="image" />
+        <!-- TODO -->
+        <!-- <img v-lazy="image" /> -->
+      </van-swipe-item>
+    </van-swipe>
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-swipe indicator-color="white" @change="onChange1">
-        <van-swipe-item>1</van-swipe-item>
-        <van-swipe-item>2</van-swipe-item>
-        <van-swipe-item>3</van-swipe-item>
-        <van-swipe-item>4</van-swipe-item>
-      </van-swipe>
-    </demo-block>
+  <demo-block :title="t('title3')">
+    <van-swipe indicator-color="white" @change="onChange1">
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+      <van-swipe-item>4</van-swipe-item>
+    </van-swipe>
+  </demo-block>
 
-    <demo-block :title="t('title4')">
-      <van-swipe
-        vertical
-        :autoplay="3000"
-        indicator-color="white"
-        style="height: 200px;"
-        class="demo-swipe--vertical"
-      >
-        <van-swipe-item>1</van-swipe-item>
-        <van-swipe-item>2</van-swipe-item>
-        <van-swipe-item>3</van-swipe-item>
-        <van-swipe-item>4</van-swipe-item>
-      </van-swipe>
-    </demo-block>
+  <demo-block :title="t('title4')">
+    <van-swipe
+      vertical
+      :autoplay="3000"
+      indicator-color="white"
+      style="height: 200px;"
+      class="demo-swipe--vertical"
+    >
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+      <van-swipe-item>4</van-swipe-item>
+    </van-swipe>
+  </demo-block>
 
-    <demo-block :title="t('title5')">
-      <van-swipe :width="300" :loop="false" indicator-color="white">
-        <van-swipe-item>1</van-swipe-item>
-        <van-swipe-item>2</van-swipe-item>
-        <van-swipe-item>3</van-swipe-item>
-        <van-swipe-item>4</van-swipe-item>
-      </van-swipe>
-    </demo-block>
+  <demo-block :title="t('title5')">
+    <van-swipe :width="300" :loop="false" indicator-color="white">
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+      <van-swipe-item>4</van-swipe-item>
+    </van-swipe>
+  </demo-block>
 
-    <demo-block :title="t('title6')">
-      <van-swipe @change="onChange2">
-        <van-swipe-item>1</van-swipe-item>
-        <van-swipe-item>2</van-swipe-item>
-        <van-swipe-item>3</van-swipe-item>
-        <van-swipe-item>4</van-swipe-item>
+  <demo-block :title="t('title6')">
+    <van-swipe @change="onChange2">
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+      <van-swipe-item>4</van-swipe-item>
 
-        <template #indicator>
-          <div class="custom-indicator">{{ current + 1 }}/4</div>
-        </template>
-      </van-swipe>
-    </demo-block>
-  </demo-section>
+      <template #indicator>
+        <div class="custom-indicator">{{ current + 1 }}/4</div>
+      </template>
+    </van-swipe>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/switch/demo/index.vue b/src/switch/demo/index.vue
index 51d4ab39f..508e3f1be 100644
--- a/src/switch/demo/index.vue
+++ b/src/switch/demo/index.vue
@@ -1,41 +1,39 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-switch v-model="checked" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-switch v-model="checked" />
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-switch v-model="checked" disabled />
-    </demo-block>
+  <demo-block :title="t('disabled')">
+    <van-switch v-model="checked" disabled />
+  </demo-block>
 
-    <demo-block :title="t('loadingStatus')">
-      <van-switch v-model="checked" loading />
-    </demo-block>
+  <demo-block :title="t('loadingStatus')">
+    <van-switch v-model="checked" loading />
+  </demo-block>
 
-    <demo-block :title="t('customSize')">
-      <van-switch v-model="checked2" size="24px" />
-    </demo-block>
+  <demo-block :title="t('customSize')">
+    <van-switch v-model="checked2" size="24px" />
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-switch
-        v-model="checked3"
-        active-color="#07c160"
-        inactive-color="#ee0a24"
-      />
-    </demo-block>
+  <demo-block :title="t('customColor')">
+    <van-switch
+      v-model="checked3"
+      active-color="#07c160"
+      inactive-color="#ee0a24"
+    />
+  </demo-block>
 
-    <demo-block :title="t('asyncControl')">
-      <van-switch :model-value="checked4" @update:model-value="onInput" />
-    </demo-block>
+  <demo-block :title="t('asyncControl')">
+    <van-switch :model-value="checked4" @update:model-value="onInput" />
+  </demo-block>
 
-    <demo-block :title="t('withCell')">
-      <van-cell center :title="t('title')">
-        <template #right-icon>
-          <van-switch v-model="checked5" size="24" />
-        </template>
-      </van-cell>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('withCell')">
+    <van-cell center :title="t('title')">
+      <template #right-icon>
+        <van-switch v-model="checked5" size="24" />
+      </template>
+    </van-cell>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue
index 9c7467926..cd3a6f628 100644
--- a/src/tab/demo/index.vue
+++ b/src/tab/demo/index.vue
@@ -1,107 +1,105 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-tabs v-model:active="active">
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-tabs v-model:active="active">
+      <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('matchByName')">
-      <van-tabs v-model:active="activeName">
-        <van-tab name="a" :title="t('tab') + 1"> {{ t('content') }} 1 </van-tab>
-        <van-tab name="b" :title="t('tab') + 2"> {{ t('content') }} 2 </van-tab>
-        <van-tab name="c" :title="t('tab') + 3"> {{ t('content') }} 3 </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('matchByName')">
+    <van-tabs v-model:active="activeName">
+      <van-tab name="a" :title="t('tab') + 1"> {{ t('content') }} 1 </van-tab>
+      <van-tab name="b" :title="t('tab') + 2"> {{ t('content') }} 2 </van-tab>
+      <van-tab name="c" :title="t('tab') + 3"> {{ t('content') }} 3 </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title2')">
-      <van-tabs>
-        <van-tab v-for="index in 8" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title2')">
+    <van-tabs>
+      <van-tab v-for="index in 8" :title="t('tab') + index" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title3')">
-      <van-tabs @disabled="onClickDisabled">
-        <van-tab
-          v-for="index in 3"
-          :title="t('tab') + index"
-          :disabled="index === 2"
-          :key="index"
-        >
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title3')">
+    <van-tabs @disabled="onClickDisabled">
+      <van-tab
+        v-for="index in 3"
+        :title="t('tab') + index"
+        :disabled="index === 2"
+        :key="index"
+      >
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title4')">
-      <van-tabs type="card">
-        <van-tab v-for="index in 3" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title4')">
+    <van-tabs type="card">
+      <van-tab v-for="index in 3" :title="t('tab') + index" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title5')">
-      <van-tabs @click="onClick">
-        <van-tab v-for="index in 2" :title="t('tab') + index" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title5')">
+    <van-tabs @click="onClick">
+      <van-tab v-for="index in 2" :title="t('tab') + index" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title6')">
-      <van-tabs :active="active" sticky>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title6')">
+    <van-tabs :active="active" sticky>
+      <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('title7')">
-      <van-tabs :active="active">
-        <van-tab v-for="index in 2" :key="index">
-          <template #title> <van-icon name="more-o" />{{ t('tab') }} </template>
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('title7')">
+    <van-tabs :active="active">
+      <van-tab v-for="index in 2" :key="index">
+        <template #title> <van-icon name="more-o" />{{ t('tab') }} </template>
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title8')">
-      <van-tabs animated>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title8')">
+    <van-tabs animated>
+      <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block :title="t('title9')">
-      <van-tabs :active="active" swipeable>
-        <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block :title="t('title9')">
+    <van-tabs :active="active" swipeable>
+      <van-tab :title="t('tab') + index" v-for="index in tabs" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('title10')">
-      <van-tabs scrollspy sticky>
-        <van-tab :title="t('tab') + index" v-for="index in 8" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('title10')">
+    <van-tabs scrollspy sticky>
+      <van-tab :title="t('tab') + index" v-for="index in 8" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('beforeChange')">
-      <van-tabs :before-change="beforeChange">
-        <van-tab :title="t('tab') + index" v-for="index in 4" :key="index">
-          {{ t('content') }} {{ index }}
-        </van-tab>
-      </van-tabs>
-    </demo-block>
-  </demo-section>
+  <demo-block v-if="!isWeapp" :title="t('beforeChange')">
+    <van-tabs :before-change="beforeChange">
+      <van-tab :title="t('tab') + index" v-for="index in 4" :key="index">
+        {{ t('content') }} {{ index }}
+      </van-tab>
+    </van-tabs>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/tabbar/demo/index.vue b/src/tabbar/demo/index.vue
index 47535eae6..2ecef602b 100644
--- a/src/tabbar/demo/index.vue
+++ b/src/tabbar/demo/index.vue
@@ -1,79 +1,73 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-tabbar v-model="active">
-        <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-tabbar v-model="active">
+      <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 
-    <demo-block :title="t('matchByName')">
-      <van-tabbar v-model="activeName">
-        <van-tabbar-item name="home" icon="home-o">
-          {{ t('tab') }}
-        </van-tabbar-item>
-        <van-tabbar-item name="search" icon="search">
-          {{ t('tab') }}
-        </van-tabbar-item>
-        <van-tabbar-item name="friends" icon="friends-o">
-          {{ t('tab') }}
-        </van-tabbar-item>
-        <van-tabbar-item name="setting" icon="setting-o">
-          {{ t('tab') }}
-        </van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
+  <demo-block :title="t('matchByName')">
+    <van-tabbar v-model="activeName">
+      <van-tabbar-item name="home" icon="home-o">
+        {{ t('tab') }}
+      </van-tabbar-item>
+      <van-tabbar-item name="search" icon="search">
+        {{ t('tab') }}
+      </van-tabbar-item>
+      <van-tabbar-item name="friends" icon="friends-o">
+        {{ t('tab') }}
+      </van-tabbar-item>
+      <van-tabbar-item name="setting" icon="setting-o">
+        {{ t('tab') }}
+      </van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 
-    <demo-block :title="t('badge')">
-      <van-tabbar v-model="active2">
-        <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="search" dot>{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="friends-o" badge="5">
-          {{ t('tab') }}
-        </van-tabbar-item>
-        <van-tabbar-item icon="setting-o" badge="20">
-          {{ t('tab') }}
-        </van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
+  <demo-block :title="t('badge')">
+    <van-tabbar v-model="active2">
+      <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="search" dot>{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="friends-o" badge="5">
+        {{ t('tab') }}
+      </van-tabbar-item>
+      <van-tabbar-item icon="setting-o" badge="20">
+        {{ t('tab') }}
+      </van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 
-    <demo-block :title="t('customIcon')">
-      <van-tabbar v-model="active3">
-        <van-tabbar-item badge="3">
-          <span>{{ t('custom') }}</span>
-          <template #icon="props">
-            <img :src="props.active ? icon.active : icon.inactive" />
-          </template>
-        </van-tabbar-item>
-        <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
+  <demo-block :title="t('customIcon')">
+    <van-tabbar v-model="active3">
+      <van-tabbar-item badge="3">
+        <span>{{ t('custom') }}</span>
+        <template #icon="props">
+          <img :src="props.active ? icon.active : icon.inactive" />
+        </template>
+      </van-tabbar-item>
+      <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 
-    <demo-block :title="t('customColor')">
-      <van-tabbar
-        v-model="active4"
-        active-color="#07c160"
-        inactive-color="#000"
-      >
-        <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
-        <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
+  <demo-block :title="t('customColor')">
+    <van-tabbar v-model="active4" active-color="#07c160" inactive-color="#000">
+      <van-tabbar-item icon="home-o">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="search">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="friends-o">{{ t('tab') }}</van-tabbar-item>
+      <van-tabbar-item icon="setting-o">{{ t('tab') }}</van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 
-    <demo-block :title="t('switchEvent')">
-      <van-tabbar v-model="active5" @change="onChange">
-        <van-tabbar-item icon="home-o">{{ t('tab') + 1 }}</van-tabbar-item>
-        <van-tabbar-item icon="search">{{ t('tab') + 2 }}</van-tabbar-item>
-        <van-tabbar-item icon="friends-o">{{ t('tab') + 3 }}</van-tabbar-item>
-        <van-tabbar-item icon="setting-o">{{ t('tab') + 4 }}</van-tabbar-item>
-      </van-tabbar>
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('switchEvent')">
+    <van-tabbar v-model="active5" @change="onChange">
+      <van-tabbar-item icon="home-o">{{ t('tab') + 1 }}</van-tabbar-item>
+      <van-tabbar-item icon="search">{{ t('tab') + 2 }}</van-tabbar-item>
+      <van-tabbar-item icon="friends-o">{{ t('tab') + 3 }}</van-tabbar-item>
+      <van-tabbar-item icon="setting-o">{{ t('tab') + 4 }}</van-tabbar-item>
+    </van-tabbar>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/tag/demo/index.vue b/src/tag/demo/index.vue
index 71fa7386f..5bd223536 100644
--- a/src/tag/demo/index.vue
+++ b/src/tag/demo/index.vue
@@ -1,67 +1,65 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell :title="`primary ${t('type')}`">
-        <van-tag type="primary">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="`success ${t('type')}`">
-        <van-tag type="success">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="`danger ${t('type')}`">
-        <van-tag type="danger">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="`warning ${t('type')}`">
-        <van-tag type="warning">{{ t('tag') }}</van-tag>
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell :title="`primary ${t('type')}`">
+      <van-tag type="primary">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="`success ${t('type')}`">
+      <van-tag type="success">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="`danger ${t('type')}`">
+      <van-tag type="danger">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="`warning ${t('type')}`">
+      <van-tag type="warning">{{ t('tag') }}</van-tag>
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('tagStyle')">
-      <van-cell :title="t('plain')">
-        <van-tag plain type="primary">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('round')">
-        <van-tag round type="primary">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('mark')">
-        <van-tag mark type="primary">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('closeable')">
-        <van-tag
-          closeable
-          :show="show"
-          size="medium"
-          type="primary"
-          @close="close"
-        >
-          {{ t('tag') }}
-        </van-tag>
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('tagStyle')">
+    <van-cell :title="t('plain')">
+      <van-tag plain type="primary">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('round')">
+      <van-tag round type="primary">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('mark')">
+      <van-tag mark type="primary">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('closeable')">
+      <van-tag
+        closeable
+        :show="show"
+        size="medium"
+        type="primary"
+        @close="close"
+      >
+        {{ t('tag') }}
+      </van-tag>
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('customSize')">
-      <van-cell :title="t('smallSize')">
-        <van-tag type="primary">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('mediumSize')">
-        <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('largeSize')">
-        <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
-      </van-cell>
-    </demo-block>
+  <demo-block card :title="t('customSize')">
+    <van-cell :title="t('smallSize')">
+      <van-tag type="primary">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('mediumSize')">
+      <van-tag type="primary" size="medium">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('largeSize')">
+      <van-tag type="primary" size="large">{{ t('tag') }}</van-tag>
+    </van-cell>
+  </demo-block>
 
-    <demo-block card :title="t('customColor')">
-      <van-cell :title="t('customBgColor')">
-        <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('customTextColor')">
-        <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
-      </van-cell>
-      <van-cell :title="t('customPlainColor')">
-        <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
-      </van-cell>
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('customColor')">
+    <van-cell :title="t('customBgColor')">
+      <van-tag color="#7232dd">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('customTextColor')">
+      <van-tag color="#ffe1e1" text-color="#ad0000">{{ t('tag') }}</van-tag>
+    </van-cell>
+    <van-cell :title="t('customPlainColor')">
+      <van-tag color="#7232dd" plain>{{ t('tag') }}</van-tag>
+    </van-cell>
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/toast/demo/index.vue b/src/toast/demo/index.vue
index 0890d6aec..b908432e8 100644
--- a/src/toast/demo/index.vue
+++ b/src/toast/demo/index.vue
@@ -1,35 +1,33 @@
 <template>
-  <demo-section>
-    <demo-block card :title="t('basicUsage')">
-      <van-cell is-link :title="t('title1')" @click="$toast(t('text'))" />
-      <van-cell is-link :title="t('title2')" @click="showLoadingToast()" />
-      <van-cell is-link :title="t('success')" @click="showSuccessToast" />
-      <van-cell is-link :title="t('fail')" @click="showFailToast" />
-    </demo-block>
+  <demo-block card :title="t('basicUsage')">
+    <van-cell is-link :title="t('title1')" @click="$toast(t('text'))" />
+    <van-cell is-link :title="t('title2')" @click="showLoadingToast()" />
+    <van-cell is-link :title="t('success')" @click="showSuccessToast" />
+    <van-cell is-link :title="t('fail')" @click="showFailToast" />
+  </demo-block>
 
-    <demo-block card v-if="!isWeapp" :title="t('customIcon')">
-      <van-cell is-link :title="t('customIcon')" @click="showIconToast" />
-      <van-cell is-link :title="t('customImage')" @click="showImageToast" />
-      <van-cell
-        is-link
-        :title="t('loadingType')"
-        @click="showLoadingToast('spinner')"
-      />
-    </demo-block>
+  <demo-block card v-if="!isWeapp" :title="t('customIcon')">
+    <van-cell is-link :title="t('customIcon')" @click="showIconToast" />
+    <van-cell is-link :title="t('customImage')" @click="showImageToast" />
+    <van-cell
+      is-link
+      :title="t('loadingType')"
+      @click="showLoadingToast('spinner')"
+    />
+  </demo-block>
 
-    <demo-block card v-if="!isWeapp" :title="t('customPosition')">
-      <van-cell is-link :title="t('positionTop')" @click="showTopToast" />
-      <van-cell is-link :title="t('positionBottom')" @click="showBottomToast" />
-    </demo-block>
+  <demo-block card v-if="!isWeapp" :title="t('customPosition')">
+    <van-cell is-link :title="t('positionTop')" @click="showTopToast" />
+    <van-cell is-link :title="t('positionBottom')" @click="showBottomToast" />
+  </demo-block>
 
-    <demo-block card :title="t('updateMessage')">
-      <van-cell
-        is-link
-        :title="t('updateMessage')"
-        @click="showCustomizedToast"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block card :title="t('updateMessage')">
+    <van-cell
+      is-link
+      :title="t('updateMessage')"
+      @click="showCustomizedToast"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/tree-select/demo/index.vue b/src/tree-select/demo/index.vue
index ab0754d9b..df299cf70 100644
--- a/src/tree-select/demo/index.vue
+++ b/src/tree-select/demo/index.vue
@@ -1,51 +1,49 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('radioMode')">
-      <van-tree-select
-        v-model:active-id="activeId"
-        v-model:main-active-index="activeIndex"
-        :items="items"
-      />
-    </demo-block>
+  <demo-block :title="t('radioMode')">
+    <van-tree-select
+      v-model:active-id="activeId"
+      v-model:main-active-index="activeIndex"
+      :items="items"
+    />
+  </demo-block>
 
-    <demo-block :title="t('multipleMode')">
-      <van-tree-select
-        v-model:active-id="activeIds"
-        v-model:main-active-index="activeIndex2"
-        :items="items"
-      />
-    </demo-block>
+  <demo-block :title="t('multipleMode')">
+    <van-tree-select
+      v-model:active-id="activeIds"
+      v-model:main-active-index="activeIndex2"
+      :items="items"
+    />
+  </demo-block>
 
-    <demo-block :title="t('customContent')">
-      <van-tree-select
-        v-model:main-active-index="activeIndex3"
-        height="55vw"
-        :items="simpleItems"
-      >
-        <template #content>
-          <van-image
-            v-if="activeIndex3 === 0"
-            :show-loading="false"
-            src="https://img.yzcdn.cn/vant/apple-1.jpg"
-          />
-          <van-image
-            v-if="activeIndex3 === 1"
-            :show-loading="false"
-            src="https://img.yzcdn.cn/vant/apple-2.jpg"
-          />
-        </template>
-      </van-tree-select>
-    </demo-block>
+  <demo-block :title="t('customContent')">
+    <van-tree-select
+      v-model:main-active-index="activeIndex3"
+      height="55vw"
+      :items="simpleItems"
+    >
+      <template #content>
+        <van-image
+          v-if="activeIndex3 === 0"
+          :show-loading="false"
+          src="https://img.yzcdn.cn/vant/apple-1.jpg"
+        />
+        <van-image
+          v-if="activeIndex3 === 1"
+          :show-loading="false"
+          src="https://img.yzcdn.cn/vant/apple-2.jpg"
+        />
+      </template>
+    </van-tree-select>
+  </demo-block>
 
-    <demo-block :title="t('showBadge')">
-      <van-tree-select
-        v-model:active-id="activeId2"
-        v-model:main-active-index="activeIndex4"
-        height="55vw"
-        :items="badgeItems"
-      />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('showBadge')">
+    <van-tree-select
+      v-model:active-id="activeId2"
+      v-model:main-active-index="activeIndex4"
+      height="55vw"
+      :items="badgeItems"
+    />
+  </demo-block>
 </template>
 
 <script>
diff --git a/src/uploader/demo/index.vue b/src/uploader/demo/index.vue
index e28cbe625..5f59f1dee 100644
--- a/src/uploader/demo/index.vue
+++ b/src/uploader/demo/index.vue
@@ -1,54 +1,52 @@
 <template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-uploader :after-read="afterRead" />
-    </demo-block>
+  <demo-block :title="t('basicUsage')">
+    <van-uploader :after-read="afterRead" />
+  </demo-block>
 
-    <demo-block :title="t('preview')">
-      <van-uploader v-model="fileList" multiple accept="*" />
-    </demo-block>
+  <demo-block :title="t('preview')">
+    <van-uploader v-model="fileList" multiple accept="*" />
+  </demo-block>
 
-    <demo-block v-if="!isWeapp" :title="t('status')">
-      <van-uploader v-model="statusFileList" :after-read="afterReadFailed" />
-    </demo-block>
+  <demo-block v-if="!isWeapp" :title="t('status')">
+    <van-uploader v-model="statusFileList" :after-read="afterReadFailed" />
+  </demo-block>
 
-    <demo-block :title="t('maxCount')">
-      <van-uploader v-model="fileList2" multiple :max-count="2" />
-    </demo-block>
+  <demo-block :title="t('maxCount')">
+    <van-uploader v-model="fileList2" multiple :max-count="2" />
+  </demo-block>
 
-    <demo-block :title="t('maxSize')">
-      <van-uploader
-        v-model="fileList4"
-        multiple
-        :max-size="500 * 1024"
-        @oversize="onOversize"
-      />
-    </demo-block>
+  <demo-block :title="t('maxSize')">
+    <van-uploader
+      v-model="fileList4"
+      multiple
+      :max-size="500 * 1024"
+      @oversize="onOversize"
+    />
+  </demo-block>
 
-    <demo-block :title="t('customUpload')">
-      <van-uploader>
-        <van-button type="primary" icon="plus">
-          {{ t('upload') }}
-        </van-button>
-      </van-uploader>
-    </demo-block>
+  <demo-block :title="t('customUpload')">
+    <van-uploader>
+      <van-button type="primary" icon="plus">
+        {{ t('upload') }}
+      </van-button>
+    </van-uploader>
+  </demo-block>
 
-    <demo-block :title="t('previewCover')">
-      <van-uploader v-model="previewCoverFiles">
-        <template #preview-cover="{ file }">
-          <div class="preview-cover van-ellipsis">{{ file.name }}</div>
-        </template>
-      </van-uploader>
-    </demo-block>
+  <demo-block :title="t('previewCover')">
+    <van-uploader v-model="previewCoverFiles">
+      <template #preview-cover="{ file }">
+        <div class="preview-cover van-ellipsis">{{ file.name }}</div>
+      </template>
+    </van-uploader>
+  </demo-block>
 
-    <demo-block :title="t('beforeRead')">
-      <van-uploader v-model="fileList3" :before-read="beforeRead" />
-    </demo-block>
+  <demo-block :title="t('beforeRead')">
+    <van-uploader v-model="fileList3" :before-read="beforeRead" />
+  </demo-block>
 
-    <demo-block :title="t('disabled')">
-      <van-uploader :after-read="afterRead" disabled />
-    </demo-block>
-  </demo-section>
+  <demo-block :title="t('disabled')">
+    <van-uploader :after-read="afterRead" disabled />
+  </demo-block>
 </template>
 
 <script>

From 2949e342a9cd56eb36f2c7576408610af2141fc9 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:45:19 +0800
Subject: [PATCH 618/626] chore: release @vant/cli@3.0.0-beta.11

---
 packages/vant-cli/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index e4ca58062..4169bdb0e 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.11",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

From 5802a246a0ac5ae5bdf407d9da9da77bd68c3b7b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:51:08 +0800
Subject: [PATCH 619/626] chore: bump @vant/cli@3.0.0-beta.11

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 6df725977..9d79bf2fa 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^3.0.0-beta.10",
+    "@vant/cli": "^3.0.0-beta.11",
     "@vue/compiler-sfc": "^3.0.2",
     "prettier": "^2.0.4",
     "vue": "^3.0.2"
diff --git a/yarn.lock b/yarn.lock
index 39b5371ba..32afdd226 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2098,10 +2098,10 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-"@vant/cli@^3.0.0-beta.10":
-  version "3.0.0-beta.10"
-  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.10.tgz#32d4e8315a606ec399768acfe587242b94ba5b91"
-  integrity sha512-G+bbBCL9sMCJ072BO3f+rsk+tnMWKGKeO8yiDSYhfsUb+kHLu6UsMFBqHSVdteKIfSG6IIjJ0P21RkFuG0Hapw==
+"@vant/cli@^3.0.0-beta.11":
+  version "3.0.0-beta.11"
+  resolved "https://registry.npmjs.org/@vant/cli/-/cli-3.0.0-beta.11.tgz#d506a0be5a2d15d6fe1fc6eda2e3b689563c47d0"
+  integrity sha512-RWehOMPFxNplbTI25QZ9deHiSzn9DFdP5rYzEGtpuayJlBy4H1q8bY6mFUteHxf+4+FLniGiqtjBJoJ0mk/HkQ==
   dependencies:
     "@babel/core" "^7.10.1"
     "@babel/plugin-transform-object-assign" "^7.10.1"

From 25ceea18973505f0523d1b9c31e80ea201099420 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:58:06 +0800
Subject: [PATCH 620/626] chore(markdown-loader): bump deps

---
 packages/vant-cli/package.json             |   2 +-
 packages/vant-cli/yarn.lock                |  81 ++---
 packages/vant-markdown-loader/package.json |  17 +-
 packages/vant-markdown-loader/yarn.lock    | 327 +++++++++------------
 yarn.lock                                  |  98 +++---
 5 files changed, 235 insertions(+), 290 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 4169bdb0e..6b7ee201f 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -48,7 +48,7 @@
     "@types/jest": "^26.0.0",
     "@types/webpack-dev-server": "^3.11.0",
     "@vant/eslint-config": "^3.0.0-beta.0",
-    "@vant/markdown-loader": "^3.0.0-alpha.0",
+    "@vant/markdown-loader": "^3.0.0-alpha.2",
     "@vant/markdown-vetur": "^2.0.2",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index e0674e532..8ddc66788 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1768,17 +1768,17 @@
     eslint-plugin-import "^2.22.0"
     eslint-plugin-vue "^7.0.1"
 
-"@vant/markdown-loader@^3.0.0-alpha.0":
-  version "3.0.0-alpha.0"
-  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.0.tgz#a14fa5c6bf4ffd57916855210dffc0daf8d9d6cb"
-  integrity sha512-cDDXfYhyS6yfVtqx+hwgN4blqd/+V1mYsvtDKsrpAZnirFhWfVFWeNZEjXPN6JYfXk3rEprEepjY/FPtCJG2EQ==
+"@vant/markdown-loader@^3.0.0-alpha.2":
+  version "3.0.0-alpha.2"
+  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.2.tgz#88ab27d82608ab44bdff6087c1cab6928d2714b6"
+  integrity sha512-2SDfXchN6rglKLydVg26NHS5sUvN8vZgASrZLzOBchXD3Y6lpS+CUU3R6Ar9p9rDwkIbpwTiI5joHlIRUZrjJg==
   dependencies:
-    front-matter "^3.0.2"
-    highlight.js "^9.17.1"
-    loader-utils "^1.2.3"
-    markdown-it "^10.0.0"
-    markdown-it-anchor "^5.2.5"
-    transliteration "^2.1.7"
+    front-matter "^4.0.2"
+    highlight.js "^10.3.1"
+    loader-utils "^2.0.0"
+    markdown-it "^12.0.1"
+    markdown-it-anchor "^6.0.0"
+    transliteration "^2.1.11"
 
 "@vant/markdown-vetur@^2.0.2":
   version "2.0.2"
@@ -2199,6 +2199,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
 argv@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/argv/-/argv-0.0.2.tgz#ecbd16f8949b157183711b1bda334f37840185ab"
@@ -4786,10 +4791,10 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-front-matter@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-3.1.0.tgz#a0b758c3c6c39ce43e107dd0909a57d42964c2de"
-  integrity sha512-RFEK8N6waWTdwBZOPNEtvwMjZ/hUfpwXkYUYkmmOhQGdhSulXhWrFwiUhdhkduLDiIwbROl/faF1X/PC/GGRMw==
+front-matter@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz#b14e54dc745cfd7293484f3210d15ea4edd7f4d5"
+  integrity sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==
   dependencies:
     js-yaml "^3.13.1"
 
@@ -5259,10 +5264,10 @@ he@^1.2.0:
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
 
-highlight.js@^9.17.1:
-  version "9.18.1"
-  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
-  integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
+highlight.js@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-10.3.1.tgz#3ca6bf007377faae347e8135ff25900aac734b9a"
+  integrity sha512-jeW8rdPdhshYKObedYg5XGbpVgb1/DT4AHvDFXhkU7UnGSIjy9kkJ7zHG7qplhFHMitTSzh5/iClKQk3Kb2RFQ==
 
 hosted-git-info@^2.1.4:
   version "2.8.8"
@@ -6864,10 +6869,10 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
-linkify-it@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
-  integrity sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==
+linkify-it@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.2.tgz#f55eeb8bc1d3ae754049e124ab3bb56d97797fb8"
+  integrity sha512-gDBO4aHNZS6coiZCKVhSNh43F9ioIL4JwRjLZPkoLIY4yZFwg264Y5lu2x6rb1Js42Gh6Yqm2f6L2AJcnkzinQ==
   dependencies:
     uc.micro "^1.0.1"
 
@@ -7178,19 +7183,19 @@ markdown-escapes@^1.0.0:
   resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535"
   integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
 
-markdown-it-anchor@^5.2.5:
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-5.2.5.tgz#dbf13cfcdbffd16a510984f1263e1d479a47d27a"
-  integrity sha512-xLIjLQmtym3QpoY9llBgApknl7pxAcN3WDRc2d3rwpl+/YvDZHPmKscGs+L6E05xf2KrCXPBvosWt7MZukwSpQ==
+markdown-it-anchor@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-6.0.0.tgz#2ec2554fa4d065f2d1ca2422a50c14c10cf67c2a"
+  integrity sha512-WOcIGhG1M1W94VV5cmSZAMSKi2vqCxpLAqQZ0wSO9RzQ9Rbls7ecjRVXp5DIPoXrNy9bjv9K7M0nYqNk60ctxQ==
 
-markdown-it@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-10.0.0.tgz#abfc64f141b1722d663402044e43927f1f50a8dc"
-  integrity sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==
+markdown-it@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-12.0.1.tgz#29e617276869614d6b0b45a90df39b8e7f58c53c"
+  integrity sha512-+y+88n2za9jayLU9ELoGdTKucnW4qIIg6JRWmkesrw8LBnp/Eb2Vurg2P1epf+iNvpRc7IzDjbYcgreOuuOZzw==
   dependencies:
-    argparse "^1.0.7"
+    argparse "^2.0.1"
     entities "~2.0.0"
-    linkify-it "^2.0.0"
+    linkify-it "^3.0.1"
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
@@ -10534,12 +10539,12 @@ tr46@^2.0.2:
   dependencies:
     punycode "^2.1.1"
 
-transliteration@^2.1.7:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/transliteration/-/transliteration-2.1.8.tgz#b2a032107be42910dbb792ff96b39938114a4eb8"
-  integrity sha512-ds3uRxcS0yCxzP4xP30dz+ImEeVhgAwSaewhlApuYYTUuT8+wFFLoFfO1nHvfJzbpoRBp4lS52Ai3wm8IkemIQ==
+transliteration@^2.1.11:
+  version "2.1.11"
+  resolved "https://registry.npmjs.org/transliteration/-/transliteration-2.1.11.tgz#84a274349525cf8bb9f09d5fcd28c07c66ee6940"
+  integrity sha512-CMCKB2VHgc9JabQ3NiC2aXG5hEd3FKoU+F+zRQJoDRtZFdQwLYKfRSK8zH/B/4HML4WnOx8U0xmob1ehlt/xvw==
   dependencies:
-    yargs "^15.0.2"
+    yargs "^15.3.1"
 
 trim-newlines@^1.0.0:
   version "1.0.0"
@@ -11545,7 +11550,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2, yargs@^15.4.1:
+yargs@^15.3.1, yargs@^15.4.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
diff --git a/packages/vant-markdown-loader/package.json b/packages/vant-markdown-loader/package.json
index 606bce339..7d74a1149 100644
--- a/packages/vant-markdown-loader/package.json
+++ b/packages/vant-markdown-loader/package.json
@@ -1,19 +1,20 @@
 {
   "name": "@vant/markdown-loader",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.2",
   "description": "Simple and fast vue markdown loader",
   "main": "src/index.js",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "license": "MIT",
   "repository": "https://github.com/youzan/vant/tree/dev/packages/vant-markdown-loader",
   "dependencies": {
-    "front-matter": "^3.0.2",
-    "highlight.js": "^9.17.1",
-    "loader-utils": "^1.2.3",
-    "markdown-it": "^10.0.0",
-    "markdown-it-anchor": "^5.2.5",
-    "transliteration": "^2.1.7"
+    "front-matter": "^4.0.2",
+    "highlight.js": "^10.3.1",
+    "loader-utils": "^2.0.0",
+    "markdown-it": "^12.0.1",
+    "markdown-it-anchor": "^6.0.0",
+    "transliteration": "^2.1.11"
   }
 }
diff --git a/packages/vant-markdown-loader/yarn.lock b/packages/vant-markdown-loader/yarn.lock
index 770fecda6..af7bdb7ba 100644
--- a/packages/vant-markdown-loader/yarn.lock
+++ b/packages/vant-markdown-loader/yarn.lock
@@ -2,17 +2,17 @@
 # yarn lockfile v1
 
 
-ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-  integrity sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=
 
-ansi-styles@^3.2.0:
-  version "3.2.1"
-  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-3.2.1.tgz?cache=0&sync_timestamp=1573557628456&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=
+ansi-styles@^4.0.0:
+  version "4.3.0"
+  resolved "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha1-7dgDYornHATIWuegkG7a00tkiTc=
   dependencies:
-    color-convert "^1.9.0"
+    color-convert "^2.0.1"
 
 argparse@^1.0.7:
   version "1.0.10"
@@ -21,6 +21,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/argparse/download/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha1-JG9Q88p4oyQPbJl+ipvR6sSeSzg=
+
 big.js@^5.2.2:
   version "5.2.2"
   resolved "https://registry.npm.taobao.org/big.js/download/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
@@ -31,46 +36,41 @@ camelcase@^5.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-cliui@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.npm.taobao.org/cliui/download/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
-  integrity sha1-3u/P2y6AB4SqNPRvoI4GhRx7u8U=
+cliui@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/cliui/download/cliui-6.0.0.tgz?cache=0&sync_timestamp=1602861405708&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcliui%2Fdownload%2Fcliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
+  integrity sha1-UR1wLAxOQcoVbX0OlgIfI+EyJbE=
   dependencies:
-    string-width "^3.1.0"
-    strip-ansi "^5.2.0"
-    wrap-ansi "^5.1.0"
+    string-width "^4.2.0"
+    strip-ansi "^6.0.0"
+    wrap-ansi "^6.2.0"
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=
   dependencies:
-    color-name "1.1.3"
+    color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-commander@~2.20.3:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=
 
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha1-kzoEBShgyF6DwSJHnEdIqOTHIVY=
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha1-6Bj9ac5cz8tARZT4QpY79TFkzDc=
 
-emojis-list@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.npm.taobao.org/emojis-list/download/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
-  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/emojis-list/download/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
+  integrity sha1-VXBmIEatKeLpFucariYKvf9Pang=
 
 entities@~2.0.0:
   version "2.0.0"
@@ -82,17 +82,18 @@ esprima@^4.0.0:
   resolved "https://registry.npm.taobao.org/esprima/download/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha1-E7BM2z5sXRnfkatph6hpVhmwqnE=
 
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha1-SRafHXmTQwZG2mHsxa41XCHJe3M=
+find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/find-up/download/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha1-l6/n1s3AvFkoWEt8jXsW6KmqXRk=
   dependencies:
-    locate-path "^3.0.0"
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
 
-front-matter@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.npm.taobao.org/front-matter/download/front-matter-3.0.2.tgz#2401cd05fcf22bd0de48a104ffb4efb1ff5c8465"
-  integrity sha1-JAHNBfzyK9DeSKEE/7Tvsf9chGU=
+front-matter@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/front-matter/download/front-matter-4.0.2.tgz#b14e54dc745cfd7293484f3210d15ea4edd7f4d5"
+  integrity sha1-sU5U3HRc/XKTSE8yENFepO3X9NU=
   dependencies:
     js-yaml "^3.13.1"
 
@@ -101,28 +102,15 @@ get-caller-file@^2.0.1:
   resolved "https://registry.npm.taobao.org/get-caller-file/download/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha1-T5RBKoLbMvNuOwuXQfipf+sDH34=
 
-handlebars@^4.5.3:
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.5.3.tgz#5cf75bd8714f7605713511a56be7c349becb0482"
-  integrity sha512-3yPecJoJHK/4c6aZhSvxOyG4vJKDshV36VHp0iVCDVh7o9w2vwi3NSnL2MMPj3YdduqaBcu7cGbggJQM0br9xA==
-  dependencies:
-    neo-async "^2.6.0"
-    optimist "^0.6.1"
-    source-map "^0.6.1"
-  optionalDependencies:
-    uglify-js "^3.1.4"
+highlight.js@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.npm.taobao.org/highlight.js/download/highlight.js-10.3.1.tgz#3ca6bf007377faae347e8135ff25900aac734b9a"
+  integrity sha1-PKa/AHN3+q40foE1/yWQCqxzS5o=
 
-highlight.js@^9.17.1:
-  version "9.17.1"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.17.1.tgz#14a4eded23fd314b05886758bb906e39dd627f9a"
-  integrity sha512-TA2/doAur5Ol8+iM3Ov7qy3jYcr/QiJ2eDTdRF4dfbjG7AaaB99J5G+zSl11ljbl6cIcahgPY6SKb3sC3EJ0fw==
-  dependencies:
-    handlebars "^4.5.3"
-
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=
 
 js-yaml@^3.13.1:
   version "3.13.1"
@@ -132,50 +120,49 @@ js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
-json5@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-  integrity sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=
+json5@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npm.taobao.org/json5/download/json5-2.1.3.tgz?cache=0&sync_timestamp=1586045666090&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
+  integrity sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=
   dependencies:
-    minimist "^1.2.0"
+    minimist "^1.2.5"
 
-linkify-it@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.npm.taobao.org/linkify-it/download/linkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
-  integrity sha1-47VGl+eL+RXHCjis14/QngBYsc8=
+linkify-it@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/linkify-it/download/linkify-it-3.0.2.tgz#f55eeb8bc1d3ae754049e124ab3bb56d97797fb8"
+  integrity sha1-9V7ri8HTrnVASeEkqzu1bZd5f7g=
   dependencies:
     uc.micro "^1.0.1"
 
-loader-utils@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
-  integrity sha1-H/XcaRHJ8KBiUxpMBLYJQGEIwsc=
+loader-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz#e4cace5b816d425a166b5f097e10cd12b36064b0"
+  integrity sha1-5MrOW4FtQloWa18JfhDNErNgZLA=
   dependencies:
     big.js "^5.2.2"
-    emojis-list "^2.0.0"
-    json5 "^1.0.1"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4=
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-5.0.0.tgz?cache=0&sync_timestamp=1597081764621&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flocate-path%2Fdownload%2Flocate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha1-Gvujlq/WdqbUJQTQpno6frn2KqA=
   dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
+    p-locate "^4.1.0"
 
-markdown-it-anchor@^5.2.5:
-  version "5.2.5"
-  resolved "https://registry.npm.taobao.org/markdown-it-anchor/download/markdown-it-anchor-5.2.5.tgz?cache=0&sync_timestamp=1571233383580&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarkdown-it-anchor%2Fdownload%2Fmarkdown-it-anchor-5.2.5.tgz#dbf13cfcdbffd16a510984f1263e1d479a47d27a"
-  integrity sha1-2/E8/Nv/0WpRCYTxJj4dR5pH0no=
+markdown-it-anchor@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/markdown-it-anchor/download/markdown-it-anchor-6.0.0.tgz#2ec2554fa4d065f2d1ca2422a50c14c10cf67c2a"
+  integrity sha1-LsJVT6TQZfLRyiQipQwUwQz2fCo=
 
-markdown-it@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.npm.taobao.org/markdown-it/download/markdown-it-10.0.0.tgz#abfc64f141b1722d663402044e43927f1f50a8dc"
-  integrity sha1-q/xk8UGxci1mNAIETkOSfx9QqNw=
+markdown-it@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.npm.taobao.org/markdown-it/download/markdown-it-12.0.1.tgz?cache=0&sync_timestamp=1603111192383&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarkdown-it%2Fdownload%2Fmarkdown-it-12.0.1.tgz#29e617276869614d6b0b45a90df39b8e7f58c53c"
+  integrity sha1-KeYXJ2hpYU1rC0WpDfObjn9YxTw=
   dependencies:
-    argparse "^1.0.7"
+    argparse "^2.0.1"
     entities "~2.0.0"
-    linkify-it "^2.0.0"
+    linkify-it "^3.0.1"
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
@@ -184,52 +171,34 @@ mdurl@^1.0.1:
   resolved "https://registry.npm.taobao.org/mdurl/download/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
   integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
 
-minimist@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-  integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
+minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=
 
-minimist@~0.0.1:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
-  integrity sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=
-
-neo-async@^2.6.0:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
-  integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
-
-optimist@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
-  integrity sha1-2j6nRob6IaGaERwybpDrFaAZZoY=
-  dependencies:
-    minimist "~0.0.1"
-    wordwrap "~0.0.2"
-
-p-limit@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
-  integrity sha1-qgeniMwxUck5tRMfY1cPDdIAlTc=
+p-limit@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz?cache=0&sync_timestamp=1594559733441&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=
   dependencies:
     p-try "^2.0.0"
 
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ=
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha1-o0KLtwiLOmApL2aRkni3wpetTwc=
   dependencies:
-    p-limit "^2.0.0"
+    p-limit "^2.2.0"
 
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha1-yyhoVA4xPWHeWPr741zpAE1VQOY=
 
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/path-exists/download/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/path-exists/download/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha1-UTvb4tO5XXdi6METfvoZXGxhtbM=
 
 require-directory@^2.1.1:
   version "2.1.1"
@@ -246,97 +215,79 @@ set-blocking@^2.0.0:
   resolved "https://registry.npm.taobao.org/set-blocking/download/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
-source-map@^0.6.1, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
-string-width@^3.0.0, string-width@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha1-InZ74htirxCBV0MG9prFG2IgOWE=
+string-width@^4.1.0, string-width@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/string-width/download/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
+  integrity sha1-lSGCxGzHssMT0VluYjmSvRY7crU=
   dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.0"
 
-strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1573280549549&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz?cache=0&sync_timestamp=1573280577145&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=
   dependencies:
-    ansi-regex "^4.1.0"
+    ansi-regex "^5.0.0"
 
-transliteration@^2.1.7:
-  version "2.1.7"
-  resolved "https://registry.npm.taobao.org/transliteration/download/transliteration-2.1.7.tgz#43fbd2e259777516a667a76e1d11aa9f85264413"
-  integrity sha1-Q/vS4ll3dRamZ6duHRGqn4UmRBM=
+transliteration@^2.1.11:
+  version "2.1.11"
+  resolved "https://registry.npm.taobao.org/transliteration/download/transliteration-2.1.11.tgz#84a274349525cf8bb9f09d5fcd28c07c66ee6940"
+  integrity sha1-hKJ0NJUlz4u58J1fzSjAfGbuaUA=
   dependencies:
-    yargs "^14.0.0"
+    yargs "^15.3.1"
 
 uc.micro@^1.0.1, uc.micro@^1.0.5:
   version "1.0.6"
   resolved "https://registry.npm.taobao.org/uc.micro/download/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
   integrity sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw=
 
-uglify-js@^3.1.4:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.7.2.tgz#cb1a601e67536e9ed094a92dd1e333459643d3f9"
-  integrity sha512-uhRwZcANNWVLrxLfNFEdltoPNhECUR3lc+UdJoG9CBpMcSnKyWA94tc3eAujB1GcMY5Uwq8ZMp4qWpxWYDQmaA==
-  dependencies:
-    commander "~2.20.3"
-    source-map "~0.6.1"
-
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/which-module/download/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-wordwrap@~0.0.2:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
-  integrity sha1-o9XabNXAvAAI03I0u68b7WMFkQc=
-
-wrap-ansi@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
-  integrity sha1-H9H2cjXVttD+54EFYAG/tpTAOwk=
+wrap-ansi@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
+  integrity sha1-6Tk7oHEC5skaOyIUePAlfNKFblM=
   dependencies:
-    ansi-styles "^3.2.0"
-    string-width "^3.0.0"
-    strip-ansi "^5.0.0"
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
 
 y18n@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npm.taobao.org/y18n/download/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
   integrity sha1-le+U+F7MgdAHwmThkKEg8KPIVms=
 
-yargs-parser@^15.0.0:
-  version "15.0.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.1.tgz#54786af40b820dcb2fb8025b11b4d659d76323b3"
-  integrity sha512-0OAMV2mAZQrs3FkNpDQcBk1x5HXb8X4twADss4S0Iuk+2dGnLOE/fRHrsYm542GduMveyA77OF4wrNJuanRCWw==
+yargs-parser@^18.1.2:
+  version "18.1.3"
+  resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.3.tgz?cache=0&sync_timestamp=1602861427247&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
+  integrity sha1-vmjEl1xrKr9GkjawyHA2L6sJp7A=
   dependencies:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs@^14.0.0:
-  version "14.2.2"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5"
-  integrity sha1-J2lWQ3kAn/hZfN04+6CdqbSTxLU=
+yargs@^15.3.1:
+  version "15.4.1"
+  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.4.1.tgz?cache=0&sync_timestamp=1602805705179&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
+  integrity sha1-DYehbeAa7p2L7Cv7909nhRcw9Pg=
   dependencies:
-    cliui "^5.0.0"
+    cliui "^6.0.0"
     decamelize "^1.2.0"
-    find-up "^3.0.0"
+    find-up "^4.1.0"
     get-caller-file "^2.0.1"
     require-directory "^2.1.1"
     require-main-filename "^2.0.0"
     set-blocking "^2.0.0"
-    string-width "^3.0.0"
+    string-width "^4.2.0"
     which-module "^2.0.0"
     y18n "^4.0.0"
-    yargs-parser "^15.0.0"
+    yargs-parser "^18.1.2"
diff --git a/yarn.lock b/yarn.lock
index 32afdd226..9d54f4d6e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2184,16 +2184,16 @@
   integrity sha512-uP0nUWw0pyMMGt3L9BO5fEacz/Cn7QIea0/gFoC/jPLv9ufvUxjPsV9HSyyUJsqMJ3qlYLAI/SxZDbmMZA814A==
 
 "@vant/markdown-loader@^3.0.0-alpha.0":
-  version "3.0.0-alpha.0"
-  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.0.tgz#a14fa5c6bf4ffd57916855210dffc0daf8d9d6cb"
-  integrity sha512-cDDXfYhyS6yfVtqx+hwgN4blqd/+V1mYsvtDKsrpAZnirFhWfVFWeNZEjXPN6JYfXk3rEprEepjY/FPtCJG2EQ==
+  version "3.0.0-alpha.2"
+  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.2.tgz#88ab27d82608ab44bdff6087c1cab6928d2714b6"
+  integrity sha512-2SDfXchN6rglKLydVg26NHS5sUvN8vZgASrZLzOBchXD3Y6lpS+CUU3R6Ar9p9rDwkIbpwTiI5joHlIRUZrjJg==
   dependencies:
-    front-matter "^3.0.2"
-    highlight.js "^9.17.1"
-    loader-utils "^1.2.3"
-    markdown-it "^10.0.0"
-    markdown-it-anchor "^5.2.5"
-    transliteration "^2.1.7"
+    front-matter "^4.0.2"
+    highlight.js "^10.3.1"
+    loader-utils "^2.0.0"
+    markdown-it "^12.0.1"
+    markdown-it-anchor "^6.0.0"
+    transliteration "^2.1.11"
 
 "@vant/markdown-vetur@^2.0.2":
   version "2.0.2"
@@ -2722,6 +2722,11 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
 argv@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/argv/-/argv-0.0.2.tgz#ecbd16f8949b157183711b1bda334f37840185ab"
@@ -5513,10 +5518,10 @@ fresh@0.5.2:
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
 
-front-matter@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-3.1.0.tgz#a0b758c3c6c39ce43e107dd0909a57d42964c2de"
-  integrity sha512-RFEK8N6waWTdwBZOPNEtvwMjZ/hUfpwXkYUYkmmOhQGdhSulXhWrFwiUhdhkduLDiIwbROl/faF1X/PC/GGRMw==
+front-matter@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/front-matter/-/front-matter-4.0.2.tgz#b14e54dc745cfd7293484f3210d15ea4edd7f4d5"
+  integrity sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg==
   dependencies:
     js-yaml "^3.13.1"
 
@@ -5981,10 +5986,10 @@ he@^1.2.0:
   resolved "https://registry.npm.taobao.org/he/download/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
 
-highlight.js@^9.17.1:
-  version "9.18.1"
-  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
-  integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
+highlight.js@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.npmjs.org/highlight.js/-/highlight.js-10.3.1.tgz#3ca6bf007377faae347e8135ff25900aac734b9a"
+  integrity sha512-jeW8rdPdhshYKObedYg5XGbpVgb1/DT4AHvDFXhkU7UnGSIjy9kkJ7zHG7qplhFHMitTSzh5/iClKQk3Kb2RFQ==
 
 hosted-git-info@^2.1.4:
   version "2.8.8"
@@ -7662,10 +7667,10 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
-linkify-it@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.2.0.tgz#e3b54697e78bf915c70a38acd78fd09e0058b1cf"
-  integrity sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==
+linkify-it@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/linkify-it/-/linkify-it-3.0.2.tgz#f55eeb8bc1d3ae754049e124ab3bb56d97797fb8"
+  integrity sha512-gDBO4aHNZS6coiZCKVhSNh43F9ioIL4JwRjLZPkoLIY4yZFwg264Y5lu2x6rb1Js42Gh6Yqm2f6L2AJcnkzinQ==
   dependencies:
     uc.micro "^1.0.1"
 
@@ -7995,19 +8000,19 @@ markdown-escapes@^1.0.0:
   resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535"
   integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
 
-markdown-it-anchor@^5.2.5:
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-5.2.5.tgz#dbf13cfcdbffd16a510984f1263e1d479a47d27a"
-  integrity sha512-xLIjLQmtym3QpoY9llBgApknl7pxAcN3WDRc2d3rwpl+/YvDZHPmKscGs+L6E05xf2KrCXPBvosWt7MZukwSpQ==
+markdown-it-anchor@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-6.0.0.tgz#2ec2554fa4d065f2d1ca2422a50c14c10cf67c2a"
+  integrity sha512-WOcIGhG1M1W94VV5cmSZAMSKi2vqCxpLAqQZ0wSO9RzQ9Rbls7ecjRVXp5DIPoXrNy9bjv9K7M0nYqNk60ctxQ==
 
-markdown-it@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-10.0.0.tgz#abfc64f141b1722d663402044e43927f1f50a8dc"
-  integrity sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==
+markdown-it@^12.0.1:
+  version "12.0.1"
+  resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-12.0.1.tgz#29e617276869614d6b0b45a90df39b8e7f58c53c"
+  integrity sha512-+y+88n2za9jayLU9ELoGdTKucnW4qIIg6JRWmkesrw8LBnp/Eb2Vurg2P1epf+iNvpRc7IzDjbYcgreOuuOZzw==
   dependencies:
-    argparse "^1.0.7"
+    argparse "^2.0.1"
     entities "~2.0.0"
-    linkify-it "^2.0.0"
+    linkify-it "^3.0.1"
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
@@ -11453,12 +11458,12 @@ tr46@^2.0.2:
   dependencies:
     punycode "^2.1.1"
 
-transliteration@^2.1.7:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/transliteration/-/transliteration-2.1.8.tgz#b2a032107be42910dbb792ff96b39938114a4eb8"
-  integrity sha512-ds3uRxcS0yCxzP4xP30dz+ImEeVhgAwSaewhlApuYYTUuT8+wFFLoFfO1nHvfJzbpoRBp4lS52Ai3wm8IkemIQ==
+transliteration@^2.1.11:
+  version "2.1.11"
+  resolved "https://registry.npmjs.org/transliteration/-/transliteration-2.1.11.tgz#84a274349525cf8bb9f09d5fcd28c07c66ee6940"
+  integrity sha512-CMCKB2VHgc9JabQ3NiC2aXG5hEd3FKoU+F+zRQJoDRtZFdQwLYKfRSK8zH/B/4HML4WnOx8U0xmob1ehlt/xvw==
   dependencies:
-    yargs "^15.0.2"
+    yargs "^15.3.1"
 
 trim-newlines@^1.0.0:
   version "1.0.0"
@@ -12461,7 +12466,7 @@ yargs-parser@^13.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^18.1.1, yargs-parser@^18.1.2, yargs-parser@^18.1.3:
+yargs-parser@^18.1.2, yargs-parser@^18.1.3:
   version "18.1.3"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
   integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
@@ -12485,24 +12490,7 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2:
-  version "15.3.1"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz?cache=0&sync_timestamp=1584344189540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
-  integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.1"
-
-yargs@^15.4.1:
+yargs@^15.3.1, yargs@^15.4.1:
   version "15.4.1"
   resolved "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
   integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==

From 8e76317e4987ce7e774fe746b73d22f1d550404a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 17:00:01 +0800
Subject: [PATCH 621/626] chore: release @vant/markdown-loader@3.0.0

---
 packages/vant-cli/package.json             | 2 +-
 packages/vant-cli/yarn.lock                | 8 ++++----
 packages/vant-markdown-loader/package.json | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index 6b7ee201f..84c1681d1 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -48,7 +48,7 @@
     "@types/jest": "^26.0.0",
     "@types/webpack-dev-server": "^3.11.0",
     "@vant/eslint-config": "^3.0.0-beta.0",
-    "@vant/markdown-loader": "^3.0.0-alpha.2",
+    "@vant/markdown-loader": "^3.0.0",
     "@vant/markdown-vetur": "^2.0.2",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index 8ddc66788..536366860 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -1768,10 +1768,10 @@
     eslint-plugin-import "^2.22.0"
     eslint-plugin-vue "^7.0.1"
 
-"@vant/markdown-loader@^3.0.0-alpha.2":
-  version "3.0.0-alpha.2"
-  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0-alpha.2.tgz#88ab27d82608ab44bdff6087c1cab6928d2714b6"
-  integrity sha512-2SDfXchN6rglKLydVg26NHS5sUvN8vZgASrZLzOBchXD3Y6lpS+CUU3R6Ar9p9rDwkIbpwTiI5joHlIRUZrjJg==
+"@vant/markdown-loader@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/@vant/markdown-loader/-/markdown-loader-3.0.0.tgz#a189fbf75e0152ec16f82f8dafb918cd9c11d90a"
+  integrity sha512-p7i9yAILiRqV6w6Avburo4w7+pYwPXes22HbA/vMisbUzRmapKwx9kJiITIo17pK6Gx/57Oyp8mQ3Co5r2r0sg==
   dependencies:
     front-matter "^4.0.2"
     highlight.js "^10.3.1"
diff --git a/packages/vant-markdown-loader/package.json b/packages/vant-markdown-loader/package.json
index 7d74a1149..401ab6cc7 100644
--- a/packages/vant-markdown-loader/package.json
+++ b/packages/vant-markdown-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/markdown-loader",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0",
   "description": "Simple and fast vue markdown loader",
   "main": "src/index.js",
   "publishConfig": {

From bd1ed1c1ce7d33154b51f4070ff413349a96aa97 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 23 Oct 2020 22:12:21 +0800
Subject: [PATCH 622/626] fix(Toast): shoud watch duration #7394

---
 src/toast/Toast.js | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index e86b6a18d..a7b19261f 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -94,17 +94,14 @@ export default createComponent({
 
     watch([() => props.show, () => props.forbidClick], toggleClickable);
 
-    watch(
-      () => props.show,
-      (value) => {
-        clearTimer();
-        if (value && props.duration > 0) {
-          timer = setTimeout(() => {
-            emit('update:show', false);
-          }, props.duration);
-        }
+    watch([() => props.show, () => props.duration], () => {
+      clearTimer();
+      if (props.show && props.duration > 0) {
+        timer = setTimeout(() => {
+          emit('update:show', false);
+        }, props.duration);
       }
-    );
+    });
 
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);

From 763018907de7f986b2698223fa9840bd10ffc05e Mon Sep 17 00:00:00 2001
From: Mikasa33 <mikasa33@qq.com>
Date: Fri, 23 Oct 2020 22:16:13 +0800
Subject: [PATCH 623/626] fix(Toast): can't forbid click (#7396)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

解决禁止背景点击失效的问题
---
 src/toast/Toast.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/toast/Toast.js b/src/toast/Toast.js
index a7b19261f..89b304e76 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -41,7 +41,7 @@ export default createComponent({
 
   setup(props, { emit }) {
     let timer;
-    let clickable;
+    let clickable = false;
 
     const toggleClickable = () => {
       const newValue = props.show && props.forbidClick;

From a82a1202cdc7c865302c5990835508f8d9309c68 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 23 Oct 2020 22:17:54 +0800
Subject: [PATCH 624/626] fix(Toast): lockCount might be minus

---
 src/toast/lock-click.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/toast/lock-click.ts b/src/toast/lock-click.ts
index 7562b78e9..b0c155944 100644
--- a/src/toast/lock-click.ts
+++ b/src/toast/lock-click.ts
@@ -7,7 +7,7 @@ export function lockClick(lock: boolean) {
     }
 
     lockCount++;
-  } else {
+  } else if (lockCount) {
     lockCount--;
 
     if (!lockCount) {

From f818fdda50163fc409bbaa0f352905f5ef5fc0b4 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 24 Oct 2020 09:27:15 +0800
Subject: [PATCH 625/626] chore: release 3.0.0-beta.5

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9d79bf2fa..942e2672f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.5",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",

From bda3c34de4a940efd41f8781c9ff5d07f765357b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sat, 24 Oct 2020 09:30:04 +0800
Subject: [PATCH 626/626] docs(changelog): 3.0.0-beta.5

---
 docs/markdown/changelog-v3.zh-CN.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 145e2b66c..55cd15e1d 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -14,6 +14,17 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - 次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。
 - 主版本号：发布时间不定，包含不兼容更新。
 
+### [v3.0.0-beta.5](https://github.com/youzan/vant/compare/v2.10.11...v3.0.0-beta.5)
+
+`2020-10-24`
+
+**Bug Fixes**
+
+- Swipe: 修复动态插入轮播时无法滚动的问题 [#7366](https://github.com/youzan/vant/issues/7366)
+- Toast: 修复 forbidClick 属性不生效的问题 [#7396](https://github.com/youzan/vant/issues/7396)
+- Toast: 修复 duration 变化未生效的问题 [#7394](https://github.com/youzan/vant/issues/7394)
+- 包含 `v2.10.11` 版本的所有改动
+
 ### [v3.0.0-beta.4](https://github.com/youzan/vant/compare/v2.10.10...v3.0.0-beta.4)
 
 `2020-10-18`