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
diff --git a/README.md b/README.md
index 47eb27037..f3f32ab16 100644
--- a/README.md
+++ b/README.md
@@ -42,10 +42,10 @@
 
 ```bash
 # Using npm
-npm i vant -S
+npm i vant@next -S
 
 # Using yarn
-yarn add vant
+yarn add vant@next
 ```
 
 > Tips: Please install Vant 3.0 for Vue 3 projects, see [issue#7035](https://github.com/youzan/vant/issues/7035).
@@ -53,11 +53,12 @@ yarn add vant
 ## Quickstart
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 import 'vant/lib/index.css';
 
-Vue.use(Button);
+const app = createApp();
+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 62b8224f4..7fc234fd2 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -45,10 +45,10 @@ Vant 是**有赞前端团队**开源的移动端组件库，于 2016 年开源
 
 ```bash
 # 通过 npm 安装
-npm i vant -S
+npm i vant@next -S
 
 # 通过 yarn 安装
-yarn add vant
+yarn add vant@next
 ```
 
 > Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035)。
@@ -56,11 +56,12 @@ yarn add vant
 ## 快速上手
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 import 'vant/lib/index.css';
 
-Vue.use(Button);
+const app = createApp();
+app.use(Button);
 ```
 
 vant 也支持按需引入、CDN 引入等方式，详细说明见 [快速上手](https://vant-contrib.gitee.io/vant#/zh-CN/quickstart).
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
new file mode 100644
index 000000000..55cd15e1d
--- /dev/null
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -0,0 +1,270 @@
+# 更新日志
+
+### 提示
+
+当前文档为 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-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`
+
+**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`
+
+**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`
+
+**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`
+
+**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)
+- 包含 `v2.10.8` 版本的所有改动
+
+### [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`
+
+**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`
+
+**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`
+
+**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`
+
+**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`
+
+**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
+
+`2020-08-22`
+
+**主要改动**
+
+- 完成 Vue 3 适配
+- 调整部分组件的 v-model 和 prop.sync 用法，以适配 v-model 语法变更
+- 调整部分组件的 prop 和 event 用法
+- 重命名所有组件的 info 属性为 badge
+- 重命名所有组件的 get-container 属性为 teleport
+- 废弃 SwitchCell 组件
+- 废弃个别 API
+
+**已知问题**
+
+- Lazyload、Panel 和 Sku 组件暂未完成 Vue 3 适配
+
+> 详细改动请参考 [从 v2 升级](https://youzan.github.io/vant/next/#/zh-CN/migrate-from-v2)。
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..e30950dc4
--- /dev/null
+++ b/docs/markdown/migrate-from-v2.zh-CN.md
@@ -0,0 +1,232 @@
+# 从 v2 升级
+
+### 介绍
+
+本文档提供了从 Vant 2 到 Vant 3 的升级指南。
+
+### 升级步骤
+
+#### 1. 升级 Vue 3
+
+Vant 3 是基于 Vue 3 开发的，在使用 Vant 3 前，请将项目中的 Vue 升级到 3.0 以上版本。
+
+#### 2. 处理不兼容更新
+
+Vant 2 到 Vant 3 存在一些不兼容更新，请仔细阅读下方的不兼容更新内容，并依次处理。
+
+## 不兼容更新
+
+### 组件命名调整
+
+GoodsAction 商品导航组件重命名为 **ActionBar 行动栏**。
+
+```html
+<!-- Vant 2 -->
+<van-goods-action>
+  <van-goods-action-icon text="图标" />
+  <van-goods-action-button text="按钮" />
+</van-goods-action>
+
+<!-- Vant 3 -->
+<van-action-bar>
+  <van-action-bar-icon text="图标" />
+  <van-action-bar-button text="按钮" />
+</van-action-bar>
+```
+
+### 废弃组件
+
+移除 SwitchCell 组件，可以直接使用 Cell 和 Switch 组件代替。
+
+```html
+<!-- Vant 2 -->
+<van-switch-cell title="标题" v-model="checked" />
+
+<!-- Vant 3 -->
+<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
+<!-- Vant 2 -->
+<van-popup v-model="show" />
+
+<!-- Vant 3 -->
+<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
+<!-- Vant 2 -->
+<van-field :value="value" @input="onInput" />
+
+<!-- Vant 3 -->
+<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`
+
+### 徽标属性命名调整
+
+在之前的版本中，我们通过 info 属性来展示图标右上角的徽标信息，为了更符合社区的命名习惯，我们将这个属性重命名为 badge，影响以下组件：
+
+- Tab
+- Icon
+- GridItem
+- TreeSelect
+- TabbarItem
+- SidebarItem
+- GoodsActionIcon
+
+同时内部使用的 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`。
+
+```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` 事件参数不再传入组件实例
+
+#### Button
+
+- 蓝色按钮对应的类型由 `info` 调整为 `primary`
+- 绿色按钮对应的类型由 `primary` 调整为 `success`
+- `native-type` 的默认值由 `submit` 调整为 `button`
+
+#### Checkbox
+
+- 在 Cell 内部使用时，现在需要手动添加 `@click.stop` 来阻止事件冒泡
+
+#### Dialog
+
+- 默认关闭 `allow-html` 属性
+- `before-close` 属性用法调整，不再传入 done 函数，而是通过返回 Promise 来控制
+
+#### DatetimePicker
+
+- `change` 事件参数不再传入组件实例
+
+#### ImagePreview
+
+- 移除 `async-close` 属性，可以使用新增的 `before-close` 属性代替
+
+#### Picker
+
+- `change` 事件参数不再传入组件实例
+- 默认关闭 `allow-html` 属性
+- 默认开启 `show-toolbar` 属性
+- 级联选择下，`confirm`、`change` 事件返回的回调参数将包含为完整的选项对象。
+
+#### SwipeCell
+
+- `open` 事件的 `detail` 参数重命名为 `name`
+- `on-close` 属性重命名为 `before-close`，并调整参数结构
+- `before-close` 属性不再传入组件实例
+
+#### Toast
+
+- `mask` 属性重命名为 `overlay`
+
+#### TreeSelect
+
+- `navclick` 事件重命名为 `click-nav`
+- `itemclick` 事件重命名为 `click-item`
+
+### 注册全局方法
+
+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/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md
index 851a2e0f5..333452932 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
 ```
 
 > Tips: Please install Vant 3.0 for Vue 3 projects, see [issue#7035](https://github.com/youzan/vant/issues/7035)
@@ -84,11 +84,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.
@@ -101,25 +102,26 @@ 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.10/lib/index.css"
+  href="https://cdn.jsdelivr.net/npm/vant@next/lib/index.css"
 />
 
 <!-- import script -->
-<script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/vant@2.10/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');
 
   // 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 405375e95..584e41161 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
 ```
 
 > Tips: Vue 3 项目请安装 Vant 3.0，参见 [issue#7035](https://github.com/youzan/vant/issues/7035)。
@@ -101,11 +101,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);
 ```
 
 > Tips: 配置按需引入后，将不允许直接导入所有组件。
@@ -118,26 +119,27 @@ Vue.use(Vant);
 <!-- 引入样式文件 -->
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/vant@2.10/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@2.6/dist/vue.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/vant@2.10/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('提示');
 
   // 通过 CDN 引入时不会自动注册 Lazyload 组件
   // 可以通过下面的方式手动注册
-  Vue.use(vant.Lazyload);
+  // app.use(vant.Lazyload);
 </script>
 ```
 
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 a27993dd5..880e84fc3 100644
--- a/docs/site/mobile.js
+++ b/docs/site/mobile.js
@@ -1,130 +1,13 @@
-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 { DemoLocaleMixin } from './demo-locale';
+// import Lazyload from '../../src/lazyload';
 
-Vue.use(Lazyload, {
-  lazyComponent: true,
-});
+// TODO
+// Vue.use(Lazyload, {
+//   lazyComponent: true,
+// });
 
-Locale.add({
-  'en-US': enUS,
-});
-
-// flag for vant-weapp demos
-const isWeapp = location.search.indexOf('weapp=1') !== -1;
-
-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];
-
-      return (path, ...args) => {
-        const message = get(messages, prefix + path) || get(messages, path);
-        return typeof message === 'function' ? message(...args) : message;
-      };
-    },
-
-    isWeapp() {
-      return isWeapp;
-    },
-  },
-
-  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/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
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/'],
+};
diff --git a/package.json b/package.json
index 0cd94f471..942e2672f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "2.10.11",
+  "version": "3.0.0-beta.5",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,11 +21,14 @@
     "lint": "vant-cli 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"
   },
+  "npm": {
+    "tag": "next"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged",
@@ -55,17 +58,17 @@
   "dependencies": {
     "@babel/runtime": "7.x",
     "@vant/icons": "1.3.2",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+    "@vant/use": "^0.0.9",
     "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
-    "vue": ">= 2.5.22"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vant/cli": "^2.6.0",
+    "@vant/cli": "^3.0.0-beta.11",
+    "@vue/compiler-sfc": "^3.0.2",
     "prettier": "^2.0.4",
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11"
+    "vue": "^3.0.2"
   },
   "sideEffects": [
     "es/**/style/*",
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/packages/vant-cli/changelog.md b/packages/vant-cli/changelog.md
index 0ae0b378c..50728632b 100644
--- a/packages/vant-cli/changelog.md
+++ b/packages/vant-cli/changelog.md
@@ -16,7 +16,7 @@
 
 `2020-09-26`
 
-- 新增 Open Sas 字体
+- 新增 Open Sans 字体
 - 修复搜索时无法跳转到对应锚点的问题
 - 修复自定义 webpack 配置时某些情况下出现配置错误的问题
 
diff --git a/packages/vant-cli/package.json b/packages/vant-cli/package.json
index e58f65ee7..84c1681d1 100644
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vant/cli",
-  "version": "2.6.1",
+  "version": "3.0.0-beta.11",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -30,40 +30,36 @@
   "author": "chenjiahan",
   "license": "MIT",
   "peerDependencies": {
-    "vue": "^2.5.22",
-    "vue-template-compiler": "^2.5.22"
+    "@vue/compiler-sfc": "^3.0.0",
+    "vue": "^3.0.0"
   },
   "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",
-    "@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.3",
-    "@types/webpack": "^4.41.13",
+    "@types/jest": "^26.0.0",
     "@types/webpack-dev-server": "^3.11.0",
-    "@vant/eslint-config": "^2.2.2",
-    "@vant/markdown-loader": "^2.3.0",
+    "@vant/eslint-config": "^3.0.0-beta.0",
+    "@vant/markdown-loader": "^3.0.0",
     "@vant/markdown-vetur": "^2.0.2",
     "@vant/stylelint-config": "^1.3.0",
     "@vant/touch-emulator": "^1.2.0",
-    "@vue/babel-preset-jsx": "^1.1.2",
+    "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/component-compiler-utils": "^3.1.2",
-    "@vue/test-utils": "1.0.0-beta.29",
+    "@vue/test-utils": "2.0.0-beta.7",
     "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",
-    "cache-loader": "^4.1.0",
     "chokidar": "^3.4.0",
     "clean-css": "^4.2.3",
     "codecov": "^3.7.0",
@@ -72,37 +68,38 @@
     "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",
+    "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": "^5.0.0-alpha.6",
     "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": "^8.0.0",
+    "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",
     "stylelint": "^13.5.0",
-    "typescript": "^3.9.3",
-    "vue-jest": "4.0.0-rc.0",
-    "vue-loader": "^15.9.2",
-    "vue-router": "^3.3.1",
-    "webpack": "^4.43.0",
+    "typescript": "^4.0.0",
+    "vue-jest": "^5.0.0-alpha.5",
+    "vue-loader": "^16.0.0-beta.8",
+    "vue-router": "^4.0.0-beta.13",
+    "webpack": "^5.1.2",
     "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/site/common/iframe-router.js b/packages/vant-cli/site/common/iframe-router.js
index 703beec2b..45d873899 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);
@@ -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/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/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/App.vue b/packages/vant-cli/site/desktop/App.vue
index 1c7be8ee3..267d95f23 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"
@@ -16,6 +17,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 +41,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 || '',
       }));
@@ -65,21 +67,48 @@ export default {
   },
 
   watch: {
+    // eslint-disable-next-line
+    '$route.path'() {
+      this.setTitle();
+    },
+
     lang(val) {
       setLang(val);
       this.setTitle();
     },
+
+    config: {
+      handler(val) {
+        if (val) {
+          this.setTitle();
+        }
+      },
+      immediate: true,
+    },
   },
 
-  created() {
-    this.setTitle();
+  mounted() {
+    if (this.$route.hash) {
+      scrollToAnchor(this.$route.hash);
+    }
   },
 
   methods: {
     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/Content.vue b/packages/vant-cli/site/desktop/components/Content.vue
index 9d534dcc4..1bb0dcee6 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;
   }
 
@@ -220,7 +220,8 @@ export default {
     border-radius: @van-doc-border-radius;
   }
 
-  &--changelog {
+  &--changelog,
+  &--changelog-v3 {
     strong {
       display: block;
       margin: 24px 0 12px;
diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index a30fc2894..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)"
                   >
@@ -90,7 +95,7 @@ export default {
     },
 
     anotherLang() {
-      const items = this.langConfigs.filter(item => item.lang !== this.lang);
+      const items = this.langConfigs.filter((item) => item.lang !== this.lang);
       if (items.length) {
         return items[0];
       }
diff --git a/packages/vant-cli/site/desktop/components/Nav.vue b/packages/vant-cli/site/desktop/components/Nav.vue
index 6a3028069..f4e47e73f 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 {
@@ -121,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,
@@ -134,7 +133,9 @@ export default {
       }
 
       &.active {
-        -webkit-font-smoothing: auto;
+        font-weight: 600;
+        background-color: #ebfff0;
+        border-radius: 999px;
       }
 
       span {
diff --git a/packages/vant-cli/site/desktop/components/SearchInput.vue b/packages/vant-cli/site/desktop/components/SearchInput.vue
index 92793710b..5f192e1fe 100644
--- a/packages/vant-cli/site/desktop/components/SearchInput.vue
+++ b/packages/vant-cli/site/desktop/components/SearchInput.vue
@@ -54,8 +54,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;
diff --git a/packages/vant-cli/site/desktop/components/index.vue b/packages/vant-cli/site/desktop/components/index.vue
index c087db09c..4be02f785 100644
--- a/packages/vant-cli/site/desktop/components/index.vue
+++ b/packages/vant-cli/site/desktop/components/index.vue
@@ -50,9 +50,10 @@ export default {
     },
   },
 
+  emits: ['switch-version'],
+
   watch: {
-    // eslint-disable-next-line object-shorthand
-    '$route.path'() {
+    $route() {
       this.setNav();
     },
   },
diff --git a/packages/vant-cli/site/desktop/main.js b/packages/vant-cli/site/desktop/main.js
index 33c2a7708..0e6974d07 100644
--- a/packages/vant-cli/site/desktop/main.js
+++ b/packages/vant-cli/site/desktop/main.js
@@ -1,19 +1,5 @@
-import Vue from 'vue';
+import { createApp } from 'vue';
 import App from './App';
 import { router } from './router';
-import { scrollToAnchor } from './utils';
 
-if (process.env.NODE_ENV !== 'production') {
-  Vue.config.productionTip = false;
-}
-
-new Vue({
-  el: '#app',
-  mounted() {
-    if (this.$route.hash) {
-      scrollToAnchor(this.$route.hash);
-    }
-  },
-  render: h => h(App),
-  router,
-});
+window.app = 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 a55e60a9a..56d3e41c7 100644
--- a/packages/vant-cli/site/desktop/router.js
+++ b/packages/vant-cli/site/desktop/router.js
@@ -1,5 +1,5 @@
-import Vue from 'vue';
-import VueRouter from 'vue-router';
+import { nextTick } from 'vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import { isMobile, decamelize } from '../common';
 import { config, documents } from 'site-desktop-shared';
 import { getLang, setDefaultLang } from '../common/locales';
@@ -47,12 +47,14 @@ function getRoutes() {
 
   if (locales) {
     routes.push({
-      path: '*',
-      redirect: route => `/${getLangFromRoute(route)}/`,
+      name: 'notFound',
+      path: '/:path(.*)+',
+      redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
   } else {
     routes.push({
-      path: '*',
+      name: 'notFound',
+      path: '/:path(.*)+',
       redirect: '/',
     });
   }
@@ -66,7 +68,7 @@ function getRoutes() {
     });
   }
 
-  names.forEach(name => {
+  names.forEach((name) => {
     const { component, lang } = parseName(name);
 
     if (component === 'home') {
@@ -98,10 +100,8 @@ function getRoutes() {
   return routes;
 }
 
-Vue.use(VueRouter);
-
-export const router = new VueRouter({
-  mode: 'hash',
+export const router = createRouter({
+  history: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior(to) {
     if (to.hash) {
@@ -113,7 +113,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/App.vue b/packages/vant-cli/site/mobile/App.vue
index 905517f1b..33f03f6c0 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -1,10 +1,12 @@
 <template>
-  <div>
-    <demo-nav />
+  <demo-nav />
+  <router-view v-slot="{ Component }">
     <keep-alive>
-      <router-view />
+      <demo-section>
+        <component :is="Component" />
+      </demo-section>
     </keep-alive>
-  </div>
+  </router-view>
 </template>
 
 <script>
diff --git a/packages/vant-cli/site/mobile/components/DemoHome.vue b/packages/vant-cli/site/mobile/components/DemoHome.vue
index 35bdb7cbe..7c7f62562 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>
 
diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index 94c80f4ae..59278dfbf 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -1,21 +1,17 @@
-import Vue from 'vue';
+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';
 
-if (process.env.NODE_ENV !== 'production') {
-  Vue.config.productionTip = false;
-}
-
-Vue.component(DemoBlock.name, DemoBlock);
-Vue.component(DemoSection.name, DemoSection);
+window.app = createApp(App)
+  .use(router)
+  .use(packageEntry)
+  .component(DemoBlock.name, DemoBlock)
+  .component(DemoSection.name, DemoSection);
 
 setTimeout(() => {
-  new Vue({
-    el: '#app',
-    render: h => h(App),
-    router,
-  });
+  window.app.mount('#app');
 }, 0);
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index c3f1d9fa0..926f53648 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -1,5 +1,5 @@
-import Vue from 'vue';
-import VueRouter from 'vue-router';
+import { watch, nextTick } from 'vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import DemoHome from './components/DemoHome';
 import { decamelize } from '../common';
 import { demos, config } from 'site-mobile-shared';
@@ -28,11 +28,12 @@ function getRoutes() {
 
   if (langs.length) {
     routes.push({
-      path: '*',
-      redirect: route => `/${getLangFromRoute(route)}/`,
+      name: 'NotFound',
+      path: '/:path(.*)+',
+      redirect: (route) => `/${getLangFromRoute(route)}/`,
     });
 
-    langs.forEach(lang => {
+    langs.forEach((lang) => {
       routes.push({
         path: `/${lang}`,
         component: DemoHome,
@@ -41,7 +42,8 @@ function getRoutes() {
     });
   } else {
     routes.push({
-      path: '*',
+      name: 'NotFound',
+      path: '/:path(.*)+',
       redirect: () => '/',
     });
 
@@ -51,11 +53,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,17 +83,15 @@ function getRoutes() {
   return routes;
 }
 
-Vue.use(VueRouter);
-
-export const router = new VueRouter({
-  mode: 'hash',
+export const router = createRouter({
+  history: createWebHashHistory(),
   routes: getRoutes(),
   scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 },
 });
 
-router.afterEach(() => {
-  if (!router.currentRoute.redirectedFrom) {
-    Vue.nextTick(window.syncPath);
+watch(router.currentRoute, () => {
+  if (!router.currentRoute.value.redirectedFrom) {
+    nextTick(window.syncPath);
   }
 });
 
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;
     }
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/common/index.ts b/packages/vant-cli/src/common/index.ts
index 8cb091a93..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,
@@ -38,6 +38,7 @@ export function hasDefaultExport(code: string) {
 export function getComponents() {
   const EXCLUDES = ['.DS_Store'];
   const dirs = readdirSync(SRC_DIR);
+
   return dirs
     .filter((dir) => !EXCLUDES.includes(dir))
     .filter((dir) =>
@@ -101,7 +102,7 @@ export function normalizePath(path: string): string {
   return path.replace(/\\/g, '/');
 }
 
-export function getWebpackConfig(defaultConfig: WebpackConfig): object {
+export function getWebpackConfig(defaultConfig: WebpackConfig): WebpackConfig {
   if (existsSync(ROOT_WEBPACK_CONFIG_FILE)) {
     const config = require(ROOT_WEBPACK_CONFIG_FILE);
 
@@ -117,7 +118,7 @@ export function getWebpackConfig(defaultConfig: WebpackConfig): object {
   return defaultConfig;
 }
 
-export function getPostcssConfig(): object {
+export function getPostcssConfig() {
   if (existsSync(ROOT_POSTCSS_CONFIG_FILE)) {
     return require(ROOT_POSTCSS_CONFIG_FILE);
   }
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-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/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/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,
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)}
 
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/babel.config.ts b/packages/vant-cli/src/config/babel.config.ts
index c7acb2434..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();
   }
@@ -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',
       ],
+      '@vue/babel-plugin-jsx',
       '@babel/plugin-transform-object-assign',
     ],
   };
diff --git a/packages/vant-cli/src/config/jest.setup.ts b/packages/vant-cli/src/config/jest.setup.ts
index 28e007f28..b3b0e5798 100644
--- a/packages/vant-cli/src/config/jest.setup.ts
+++ b/packages/vant-cli/src/config/jest.setup.ts
@@ -1,6 +1,12 @@
-import Vue from 'vue';
-import 'jest-canvas-mock';
+/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
 // @ts-ignore
-import Package from '../../dist/package-entry';
+import vant from '../../dist/package-entry';
+import 'jest-canvas-mock';
 
-Vue.use(Package);
+declare global {
+  interface Window {
+    vant: any;
+  }
+}
+
+window.vant = vant;
diff --git a/packages/vant-cli/src/config/webpack.base.ts b/packages/vant-cli/src/config/webpack.base.ts
index 78e8382de..8f52f291c 100644
--- a/packages/vant-cli/src/config/webpack.base.ts
+++ b/packages/vant-cli/src/config/webpack.base.ts
@@ -1,25 +1,18 @@
 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';
-import { existsSync } from 'fs';
 import { consola } from '../common/logger';
+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',
@@ -34,6 +27,10 @@ const CSS_LOADERS = [
 ];
 
 const plugins = [
+  new webpack.DefinePlugin({
+    __VUE_OPTIONS_API__: 'true',
+    __VUE_PROD_DEVTOOLS__: 'false',
+  }),
   new VueLoaderPlugin(),
   new FriendlyErrorsPlugin({
     clearConsole: false,
@@ -46,16 +43,24 @@ 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);
+      typescript: {
+        extensions: {
+          vue: {
+            enabled: true,
+            compiler: '@vue/compiler-sfc',
+          },
         },
-        error(message: string) {
-          consola.error(message);
+      },
+      logger: {
+        issues: {
+          // skip info message
+          log() {},
+          warn(message: string) {
+            consola.warn(message);
+          },
+          error(message: string) {
+            consola.error(message);
+          },
         },
       },
     })
@@ -72,7 +77,6 @@ export const baseConfig: WebpackConfig = {
       {
         test: /\.vue$/,
         use: [
-          CACHE_LOADER,
           {
             loader: 'vue-loader',
             options: {
@@ -86,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$/,
@@ -113,9 +117,15 @@ export const baseConfig: WebpackConfig = {
       },
       {
         test: /\.md$/,
-        use: [CACHE_LOADER, 'vue-loader', '@vant/markdown-loader'],
+        use: ['@vant/markdown-loader'],
       },
     ],
   },
   plugins,
+  cache: {
+    type: 'filesystem',
+    buildDependencies: {
+      config: [__filename],
+    },
+  },
 };
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..e9b6e55c4 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';
@@ -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',
       },
     })
   );
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();
diff --git a/packages/vant-cli/yarn.lock b/packages/vant-cli/yarn.lock
index ac463701f..536366860 100644
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@@ -2,19 +2,12 @@
 # yarn lockfile v1
 
 
-"@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"
-  integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
+"@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=
   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/highlight" "^7.10.4"
 
 "@babel/compat-data@^7.10.1":
   version "7.10.1"
@@ -25,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=
@@ -69,24 +40,13 @@
     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=
+"@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=
   dependencies:
-    "@babel/types" "^7.10.1"
+    "@babel/types" "^7.10.5"
     jsesc "^2.5.1"
-    lodash "^4.17.13"
-    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":
@@ -96,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"
@@ -134,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=
@@ -143,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"
@@ -169,37 +113,21 @@
     "@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=
+"@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=
   dependencies:
-    "@babel/helper-get-function-arity" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
+    "@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"
-  integrity sha1-K1OCDTUnUSDhh0qC5aq+E3aSClw=
+"@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/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.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/types" "^7.10.4"
 
 "@babel/helper-hoist-variables@^7.10.1":
   version "7.10.1"
@@ -215,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=
@@ -249,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"
@@ -269,22 +170,10 @@
   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.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==
 
 "@babel/helper-regex@^7.10.1":
   version "7.10.1"
@@ -293,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"
@@ -321,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"
@@ -339,37 +211,17 @@
     "@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==
+"@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/template" "^7.8.3"
-    "@babel/types" "^7.8.3"
+    "@babel/types" "^7.10.4"
 
-"@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.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.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-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.1":
   version "7.10.1"
@@ -390,42 +242,19 @@
     "@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=
+"@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/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"
+    "@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"
-  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.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=
 
 "@babel/plugin-proposal-async-generator-functions@^7.10.1":
   version "7.10.1"
@@ -509,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=
@@ -517,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"
@@ -539,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"
@@ -560,6 +374,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"
@@ -567,19 +388,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@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=
+"@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.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/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.8.3"
@@ -595,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"
@@ -703,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=
@@ -711,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"
@@ -772,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=
@@ -782,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"
@@ -1028,77 +817,44 @@
     "@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=
+"@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=
   dependencies:
-    "@babel/code-frame" "^7.10.1"
-    "@babel/parser" "^7.10.1"
-    "@babel/types" "^7.10.1"
+    "@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"
-  integrity sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
+"@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=
   dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@babel/parser" "^7.8.6"
-    "@babel/types" "^7.8.6"
-
-"@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"
+    "@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.13"
+    lodash "^4.17.19"
 
-"@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=
+"@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=
   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"
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
 "@bcoe/v8-coverage@^0.2.3":
@@ -1134,179 +890,160 @@
   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-haste-map "^26.5.2"
+    jest-runner "^26.5.2"
+    jest-runtime "^26.5.2"
 
-"@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=
+"@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" "^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/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"
+    "@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.0.1"
+    jest-haste-map "^26.5.2"
     jest-regex-util "^26.0.0"
-    jest-util "^26.0.1"
+    jest-util "^26.5.2"
     micromatch "^4.0.2"
     pirates "^4.0.1"
     slash "^3.0.0"
@@ -1323,20 +1060,10 @@
     "@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.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=
+"@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"
@@ -1395,17 +1122,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"
@@ -1416,6 +1143,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"
@@ -1437,12 +1173,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":
@@ -1454,7 +1190,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==
@@ -1468,30 +1213,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":
-  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":
   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"
@@ -1504,10 +1263,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"
@@ -1516,6 +1275,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"
@@ -1555,10 +1321,10 @@
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
   integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
 
-"@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=
+"@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==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -1581,10 +1347,10 @@
     "@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==
+"@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==
   dependencies:
     "@babel/types" "^7.3.0"
 
@@ -1626,11 +1392,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"
@@ -1724,31 +1511,28 @@
 
 "@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=
+  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.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=
+"@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"
 
-"@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=
-  dependencies:
-    jest-diff "^25.2.1"
-    pretty-format "^25.2.1"
+"@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=
 
-"@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/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"
@@ -1800,10 +1584,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"
@@ -1830,10 +1614,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"
@@ -1879,13 +1663,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"
@@ -1895,19 +1672,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@*":
   version "4.41.13"
   resolved "https://registry.npm.taobao.org/@types/webpack/download/@types/webpack-4.41.13.tgz#988d114c8913d039b8a0e0502a7fe4f1f84f3d5e"
   integrity sha1-mI0RTIkT0Dm4oOBQKn/k8fhPPV4=
@@ -1931,72 +1696,89 @@
   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/markdown-loader@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.npm.taobao.org/@vant/markdown-loader/download/@vant/markdown-loader-2.3.0.tgz#ea8ab4d8d41609839b40b817bc3a598cf13f9920"
-  integrity sha1-6oq02NQWCYObQLgXvDpZjPE/mSA=
+"@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:
-    front-matter "^3.0.2"
-    highlight.js "^9.16.2"
-    loader-utils "^1.2.3"
-    markdown-it "^10.0.0"
-    markdown-it-anchor "^5.2.5"
-    transliteration "^2.1.7"
+    "@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.1"
+
+"@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"
+    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"
@@ -2021,71 +1803,26 @@
   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-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-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==
+"@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.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    html-tags "^2.0.0"
-    lodash.kebabcase "^4.1.1"
+    "@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/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@^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=
@@ -2101,13 +1838,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-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"
@@ -2272,10 +2006,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"
@@ -2290,33 +2024,33 @@ 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:
-  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@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
+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"
@@ -2353,15 +2087,25 @@ 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==
+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=
+  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.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"
@@ -2448,11 +2192,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"
@@ -2460,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"
@@ -2480,11 +2224,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"
@@ -2505,9 +2244,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"
@@ -2536,9 +2275,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"
@@ -2559,15 +2298,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"
@@ -2580,14 +2310,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"
@@ -2642,6 +2364,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"
@@ -2655,19 +2389,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"
@@ -2678,30 +2399,16 @@ 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=
+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==
   dependencies:
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
+    "@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 "^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"
-  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"
+    babel-preset-jest "^26.5.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.4"
     slash "^3.0.0"
@@ -2743,32 +2450,25 @@ 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=
+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-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-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=
+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-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"
@@ -2777,21 +2477,13 @@ 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-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 "^25.5.0"
-    babel-preset-current-node-syntax "^0.1.2"
-
-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-plugin-jest-hoist "^26.5.0"
+    babel-preset-current-node-syntax "^0.1.3"
 
 bail@^1.0.0:
   version "1.0.5"
@@ -2803,11 +2495,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"
@@ -2860,16 +2547,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"
@@ -2948,101 +2630,20 @@ 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==
 
-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==
+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==
   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"
-  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.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"
+    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"
@@ -3068,30 +2669,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"
@@ -3102,27 +2679,6 @@ 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==
-  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.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -3138,18 +2694,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"
@@ -3264,15 +2808,10 @@ 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, caniuse-lite@^1.0.30001061:
-  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.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==
 
 capture-exit@^2.0.0:
   version "2.0.0"
@@ -3291,10 +2830,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, 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"
@@ -3316,10 +2855,10 @@ chalk@^3.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"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
 character-entities-html4@^1.0.0:
   version "1.1.4"
@@ -3380,11 +2919,6 @@ 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==
-
 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"
@@ -3402,14 +2936,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"
@@ -3444,10 +2970,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.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"
@@ -3457,10 +2983,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"
@@ -3584,6 +3110,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"
@@ -3654,16 +3185,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"
@@ -3703,21 +3224,11 @@ 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=
 
-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"
@@ -3725,11 +3236,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"
@@ -3911,18 +3417,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"
@@ -3941,16 +3435,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"
@@ -3962,36 +3456,16 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.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==
+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:
-    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"
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
 
 cross-env@^7.0.2:
   version "7.0.2"
@@ -4000,7 +3474,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==
@@ -4011,32 +3485,15 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     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==
+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==
   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"
-  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"
@@ -4096,9 +3553,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:
@@ -4106,10 +3563,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"
 
@@ -4120,11 +3577,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"
@@ -4139,14 +3591,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"
@@ -4160,13 +3612,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"
@@ -4187,6 +3646,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"
@@ -4228,9 +3692,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:
@@ -4315,27 +3779,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"
@@ -4351,29 +3807,15 @@ 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"
   integrity sha1-X0Z8AO3TU1K3vKRteSfWDmh6dt0=
 
-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"
+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==
 
 dir-glob@^2.2.2:
   version "2.2.2"
@@ -4431,11 +3873,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"
@@ -4444,11 +3881,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"
@@ -4459,12 +3891,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"
@@ -4516,16 +3948,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"
@@ -4549,39 +3971,26 @@ 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"
+  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"
   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"
   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"
@@ -4602,21 +4011,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"
@@ -4635,7 +4043,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==
@@ -4656,22 +4064,22 @@ 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==
+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==
   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"
+    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.trimleft "^2.1.1"
-    string.prototype.trimright "^2.1.1"
+    string.prototype.trimend "^1.0.1"
+    string.prototype.trimstart "^1.0.1"
 
 es-to-primitive@^1.2.1:
   version "1.2.1"
@@ -4682,6 +4090,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"
@@ -4697,10 +4110,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"
@@ -4709,116 +4127,104 @@ 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.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"
-    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"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
+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==
   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"
-  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
-  dependencies:
-    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-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-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-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==
 
-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@^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"
@@ -4827,45 +4233,52 @@ 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"
   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==
+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==
   dependencies:
-    estraverse "^4.0.0"
+    estraverse "^5.1.0"
 
 esrecurse@^4.1.0:
   version "4.2.1"
@@ -4874,11 +4287,16 @@ 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==
 
+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"
@@ -4894,10 +4312,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"
@@ -4906,23 +4324,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.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"
@@ -4947,37 +4357,6 @@ 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==
-  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"
-    p-finally "^2.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"
@@ -5010,17 +4389,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"
@@ -5152,9 +4531,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:
@@ -5185,11 +4564,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"
@@ -5277,21 +4651,21 @@ 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.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"
-  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:
@@ -5316,6 +4690,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"
@@ -5332,26 +4714,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=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"
   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"
@@ -5367,18 +4739,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"
@@ -5415,18 +4791,10 @@ 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"
-  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"
 
@@ -5449,15 +4817,10 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
-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-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.realpath@^1.0.0:
   version "1.0.0"
@@ -5554,15 +4917,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"
 
@@ -5601,10 +4965,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"
 
@@ -5635,6 +4999,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"
@@ -5682,7 +5051,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==
@@ -5731,20 +5112,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"
@@ -5766,7 +5146,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=
@@ -5869,14 +5249,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"
@@ -5887,32 +5259,15 @@ 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"
   integrity sha1-hK5l+n6vsWX922FWauFLrwVmTw8=
 
-highlight.js@^9.16.2:
-  version "9.18.3"
-  resolved "https://registry.npm.taobao.org/highlight.js/download/highlight.js-9.18.3.tgz#a1a0a2028d5e3149e2380f8a865ee8516703d634"
-  integrity sha1-oaCiAo1eMUniOA+Khl7oUWcD1jQ=
-
-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"
+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"
@@ -5929,12 +5284,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"
@@ -5969,20 +5324,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.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@^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"
@@ -6080,19 +5433,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.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-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"
@@ -6144,16 +5492,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"
@@ -6176,7 +5514,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==
@@ -6185,7 +5523,7 @@ import-cwd@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"
+  resolved "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
   integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
   dependencies:
     import-from "^2.1.0"
@@ -6198,7 +5536,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==
@@ -6208,7 +5546,7 @@ import-fresh@^3.0.0, import-fresh@^3.1.0:
 
 import-from@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  resolved "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
   integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
   dependencies:
     resolve-from "^3.0.0"
@@ -6278,11 +5616,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.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -6291,16 +5624,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"
@@ -6311,21 +5639,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, 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=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"
@@ -6431,15 +5759,15 @@ 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==
 
-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.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==
 
 is-ci@2.0.0, is-ci@^2.0.0:
   version "2.0.0"
@@ -6495,6 +5823,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"
@@ -6564,10 +5897,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"
@@ -6639,17 +5972,27 @@ 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"
+  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"
   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==
+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==
   dependencies:
-    has "^1.0.3"
+    has-symbols "^1.0.1"
 
 is-regexp@^1.0.0:
   version "1.0.0"
@@ -6661,11 +6004,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"
@@ -6742,10 +6080,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"
@@ -6789,15 +6129,12 @@ 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==
+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==
   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"
@@ -6836,61 +6173,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=
@@ -6900,250 +6235,244 @@ 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=
+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.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" "^25.5.0"
+    "@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-serializer "^25.5.0"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
+    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"
-    which "^2.0.2"
   optionalDependencies:
     fsevents "^2.1.2"
 
-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-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-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"
@@ -7152,123 +6481,90 @@ 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=
+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-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-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-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"
+    pretty-format "^26.5.2"
+    semver "^7.3.2"
 
-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=
+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" "^26.3.0"
+    "@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-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=
+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" "^25.5.0"
-    chalk "^3.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    make-dir "^3.0.0"
-
-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"
+    "@jest/types" "^26.5.2"
+    camelcase "^6.0.0"
     chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    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=
-  dependencies:
-    "@jest/types" "^25.5.0"
-    camelcase "^5.3.1"
-    chalk "^3.0.0"
-    jest-get-type "^25.2.6"
+    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"
+    chalk "^4.0.0"
+    jest-util "^26.5.2"
+    string-length "^4.0.1"
 
-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=
+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:
+    "@types/node" "*"
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-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=
+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:
-    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=
-  dependencies:
-    "@jest/core" "^25.5.4"
+    "@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"
@@ -7299,36 +6595,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:
@@ -7356,6 +6652,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"
@@ -7474,6 +6775,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:
+  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"
@@ -7491,15 +6797,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"
@@ -7535,7 +6840,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=
@@ -7543,15 +6856,23 @@ levn@^0.3.0, 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"
   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"
 
@@ -7626,21 +6947,12 @@ 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.0.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"
-  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
-
-loader-utils@^2.0.0:
+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=
@@ -7649,6 +6961,15 @@ loader-utils@^2.0.0:
     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"
+  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^1.0.1"
+
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -7672,26 +6993,23 @@ 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"
   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.memoize@4.x:
   version "4.1.2"
   resolved "https://registry.npm.taobao.org/lodash.memoize/download/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -7717,12 +7035,12 @@ 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.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==
@@ -7734,13 +7052,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"
@@ -7763,13 +7074,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"
@@ -7815,13 +7119,6 @@ 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==
-  dependencies:
-    yallist "^3.0.2"
-
 macos-release@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
@@ -7886,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"
 
@@ -7919,15 +7216,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"
@@ -7952,6 +7240,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"
@@ -7960,14 +7255,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"
@@ -8060,11 +7347,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"
@@ -8092,20 +7374,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=
@@ -8142,16 +7416,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"
@@ -8181,22 +7450,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=
 
-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==
-  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.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -8205,15 +7458,10 @@ 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.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=
+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"
 
@@ -8222,18 +7470,6 @@ modify-values@^1.0.0:
   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"
@@ -8244,7 +7480,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==
@@ -8272,6 +7508,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"
@@ -8299,11 +7540,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"
@@ -8317,7 +7563,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==
@@ -8332,55 +7578,27 @@ 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"
   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"
@@ -8483,7 +7701,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=
@@ -8529,24 +7747,15 @@ 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:
-  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"
@@ -8554,9 +7763,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"
@@ -8607,7 +7816,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==
@@ -8619,16 +7828,28 @@ optionator@^0.8.1, optionator@^0.8.3:
     type-check "~0.3.2"
     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"
-  integrity sha1-6NppfMW2pHJmZVv2jg+1iNKaVF0=
+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:
-    chalk "^3.0.0"
+    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@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==
+  dependencies:
+    chalk "^4.1.0"
     cli-cursor "^3.1.0"
-    cli-spinners "^2.2.0"
+    cli-spinners "^2.4.0"
     is-interactive "^1.0.0"
-    log-symbols "^3.0.0"
+    log-symbols "^4.0.0"
     mute-stream "0.0.8"
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
@@ -8640,17 +7861,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#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==
@@ -8691,11 +7915,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"
@@ -8710,6 +7929,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"
@@ -8731,6 +7957,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"
@@ -8777,20 +8010,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"
@@ -8806,18 +8025,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"
@@ -8854,14 +8061,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:
@@ -8879,6 +8086,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"
@@ -8897,10 +8114,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"
@@ -8920,11 +8137,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"
@@ -9005,17 +8217,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"
@@ -9081,13 +8282,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"
@@ -9095,11 +8289,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"
@@ -9136,16 +8325,24 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
     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==
+  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"
+  integrity sha512-lErrN8imuEF1cSiHBV8MiR7HeuzlDpCGNtaMyYHlOBuJHHOGw6S4xOMZp8BbXPr7AGQp14L6PZDlIOpfFJ6f7w==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    import-cwd "^3.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"
+  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"
@@ -9288,26 +8485,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.31:
+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=
@@ -9316,6 +8499,21 @@ 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"
+  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,6 +8557,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"
@@ -9383,21 +8591,11 @@ 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"
   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"
@@ -9446,26 +8644,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"
@@ -9474,25 +8652,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"
@@ -9528,11 +8692,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"
@@ -9553,26 +8712,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.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.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"
@@ -9673,7 +8824,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==
@@ -9686,15 +8846,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"
@@ -9711,11 +8862,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"
@@ -9788,15 +8934,10 @@ 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.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==
 
 regexpu-core@^4.7.0:
   version "4.7.0"
@@ -9841,42 +8982,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"
@@ -10017,25 +9155,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"
@@ -10113,12 +9251,7 @@ 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.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=
@@ -10169,7 +9302,7 @@ 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==
@@ -10183,14 +9316,6 @@ rimraf@^3.0.0:
   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"
@@ -10208,20 +9333,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.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"
@@ -10229,12 +9340,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=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"
   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==
@@ -10284,12 +9402,21 @@ 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"
+  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"
@@ -10300,13 +9427,23 @@ 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.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"
+
+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"
@@ -10337,7 +9474,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==
@@ -10347,12 +9484,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.x:
+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==
@@ -10376,10 +9513,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"
@@ -10419,11 +9558,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"
@@ -10434,14 +9568,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"
@@ -10597,7 +9723,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:
   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==
@@ -10621,16 +9747,19 @@ 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"
   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.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -10641,7 +9770,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==
@@ -10741,17 +9870,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==
+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:
-    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==
+    escape-string-regexp "^2.0.0"
 
 stackframe@^1.1.1:
   version "1.1.1"
@@ -10788,22 +9912,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"
@@ -10811,22 +9919,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"
@@ -10837,13 +9929,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"
@@ -10871,23 +9963,23 @@ 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.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==
+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"
-    function-bind "^1.1.1"
+    es-abstract "^1.17.5"
 
-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==
+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"
-    function-bind "^1.1.1"
+    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==
@@ -11005,10 +10097,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"
@@ -11202,13 +10294,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"
@@ -11223,6 +10308,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"
@@ -11236,9 +10328,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:
@@ -11251,7 +10343,12 @@ 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.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=
+
+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==
@@ -11280,22 +10377,19 @@ 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@^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 "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^2.1.2"
+    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.5"
 
-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=
@@ -11304,6 +10398,15 @@ terser@^4.1.2, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^5.3.5:
+  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"
+    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"
@@ -11353,13 +10456,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"
@@ -11372,11 +10468,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"
@@ -11441,19 +10532,19 @@ 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"
-  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"
@@ -11497,22 +10588,31 @@ trough@^1.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
   integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
 
-ts-jest@26.x:
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/ts-jest/download/ts-jest-26.3.0.tgz?cache=0&sync_timestamp=1598425510444&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fts-jest%2Fdownload%2Fts-jest-26.3.0.tgz#6b2845045347dce394f069bb59358253bc1338a9"
-  integrity sha1-ayhFBFNH3OOU8Gm7WTWCU7wTOKk=
+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:
-    "@types/jest" "26.x"
     bs-logger "0.x"
     buffer-from "1.x"
     fast-json-stable-stringify "2.x"
-    jest-util "26.x"
     json5 "2.x"
     lodash.memoize "4.x"
     make-error "1.x"
-    mkdirp "1.x"
-    semver "7.x"
-    yargs-parser "18.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"
@@ -11526,11 +10626,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"
@@ -11543,6 +10638,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"
@@ -11590,15 +10692,10 @@ 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@^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"
@@ -11685,20 +10782,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"
@@ -11801,6 +10884,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"
@@ -11829,22 +10917,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"
 
@@ -11903,28 +10992,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"
-
-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"
@@ -11935,10 +11002,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"
@@ -11955,10 +11022,10 @@ v8-compile-cache@^2.0.3, v8-compile-cache@^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"
@@ -12032,83 +11099,60 @@ 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.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-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-rc.0:
-  version "4.0.0-rc.0"
-  resolved "https://registry.npm.taobao.org/vue-jest/download/vue-jest-4.0.0-rc.0.tgz?cache=0&sync_timestamp=1600064230071&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-jest%2Fdownload%2Fvue-jest-4.0.0-rc.0.tgz#0ce263c7f923441d0eeb99841620e8e9470336f4"
-  integrity sha1-DOJjx/kjRB0O65mEFiDo6UcDNvQ=
+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"
-    "@vue/component-compiler-utils" "^3.1.0"
     chalk "^2.1.0"
+    convert-source-map "^1.6.0"
     extract-from-css "^0.4.4"
-    source-map "0.5.6"
-    ts-jest "26.x"
+    ts-jest "^24.0.0"
 
-vue-loader@^15.9.2:
-  version "15.9.2"
-  resolved "https://registry.npm.taobao.org/vue-loader/download/vue-loader-15.9.2.tgz#ae01f5f4c9c6a04bff4483912e72ef91a402c1ae"
-  integrity sha1-rgH19MnGoEv/RIORLnLvkaQCwa4=
+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:
-    "@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 "^4.1.0"
+    hash-sum "^2.0.0"
+    loader-utils "^2.0.0"
 
-vue-router@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-3.3.1.tgz?cache=0&sync_timestamp=1590599727341&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.3.1.tgz#7d0545dd8ebf4f45494ca185b7eccb38d67689c1"
-  integrity sha1-fQVF3Y6/T0VJTKGFt+zLONZ2icE=
-
-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-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"
   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:
@@ -12118,14 +11162,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"
@@ -12141,10 +11184,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"
@@ -12204,49 +11252,51 @@ 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"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
+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.0"
-    source-map "~0.6.1"
+    source-list-map "^2.0.1"
+    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@^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"
     "@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 "^5.0.0"
+    watchpack "^2.0.0"
+    webpack-sources "^2.0.1"
 
 webpackbar@^4.0.0:
   version "4.0.0"
@@ -12283,26 +11333,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"
@@ -12335,13 +11385,10 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
-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"
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
 windows-release@^3.1.0:
   version "3.2.0"
@@ -12350,9 +11397,16 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-word-wrap@~1.2.3:
+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"
+  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:
@@ -12360,20 +11414,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"
-
-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"
@@ -12421,10 +11461,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"
@@ -12441,9 +11481,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:
@@ -12461,38 +11501,23 @@ 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==
-
-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=
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
+  integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
 
-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"
-
-yargs-parser@18.1.3, yargs-parser@18.x, 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=
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^10.0.0:
+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@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"
   resolved "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
@@ -12501,6 +11526,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"
@@ -12517,10 +11550,10 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2, yargs@^15.3.1:
-  version "15.3.1"
-  resolved "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
-  integrity sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=
+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==
   dependencies:
     cliui "^6.0.0"
     decamelize "^1.2.0"
@@ -12532,4 +11565,4 @@ yargs@^15.0.2, yargs@^15.3.1:
     string-width "^4.2.0"
     which-module "^2.0.0"
     y18n "^4.0.0"
-    yargs-parser "^18.1.1"
+    yargs-parser "^18.1.2"
diff --git a/packages/vant-eslint-config/index.js b/packages/vant-eslint-config/index.js
index f93f76530..dbee9daba 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',
   ],
@@ -57,12 +56,13 @@ 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',
     '@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 9ddb46287..71a85e09b 100644
--- a/packages/vant-eslint-config/package.json
+++ b/packages/vant-eslint-config/package.json
@@ -1,25 +1,26 @@
 {
   "name": "@vant/eslint-config",
-  "version": "2.2.3",
+  "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",
   "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.1"
   },
   "devDependencies": {
-    "eslint": "^6.8.0"
+    "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=
diff --git a/packages/vant-markdown-loader/package.json b/packages/vant-markdown-loader/package.json
index ac97807a5..401ab6cc7 100644
--- a/packages/vant-markdown-loader/package.json
+++ b/packages/vant-markdown-loader/package.json
@@ -1,19 +1,20 @@
 {
   "name": "@vant/markdown-loader",
-  "version": "2.3.0",
+  "version": "3.0.0",
   "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/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();
 
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/packages/vant-markdown-vetur/src/parser.ts b/packages/vant-markdown-vetur/src/parser.ts
index faaf90722..97dbb1ff8 100644
--- a/packages/vant-markdown-vetur/src/parser.ts
+++ b/packages/vant-markdown-vetur/src/parser.ts
@@ -27,7 +27,7 @@ function readLine(input: string) {
 function splitTableLine(line: string) {
   line = line.replace('\\|', 'JOIN');
 
-  const items = line.split('|').map(item => item.trim().replace('JOIN', '|'));
+  const items = line.split('|').map((item) => item.trim().replace('JOIN', '|'));
 
   // remove pipe character on both sides
   items.pop();
diff --git a/packages/vant-use/.vuepress/config.js b/packages/vant-use/.vuepress/config.js
new file mode 100644
index 000000000..5999612b2
--- /dev/null
+++ b/packages/vant-use/.vuepress/config.js
@@ -0,0 +1,45 @@
+module.exports = {
+  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: [
+      {
+        text: 'Github',
+        link: 'https://github.com/youzan/vant/tree/next/packages/vant-use',
+      },
+    ],
+    sidebarDepth: 0,
+    sidebar: [
+      {
+        title: '介绍',
+        collapsable: false,
+        children: ['/', 'changelog'],
+      },
+      {
+        title: 'State',
+        collapsable: false,
+        children: ['/src/useToggle/', '/src/useCountDown/'],
+      },
+      {
+        title: 'DOM',
+        collapsable: false,
+        children: [
+          '/src/useRect/',
+          '/src/useClickAway/',
+          '/src/useEventListener/',
+          '/src/usePageVisibility/',
+          '/src/useScrollParent/',
+          '/src/useWindowSize/',
+        ],
+      },
+      {
+        title: 'Enhanced',
+        collapsable: false,
+        children: ['/src/useRelation/'],
+      },
+    ],
+  },
+};
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..e4aa009d2
--- /dev/null
+++ b/packages/vant-use/README.md
@@ -0,0 +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) 协议，请自由地享受和参与开源。
diff --git a/packages/vant-use/changelog.md b/packages/vant-use/changelog.md
new file mode 100644
index 000000000..5c8372632
--- /dev/null
+++ b/packages/vant-use/changelog.md
@@ -0,0 +1,54 @@
+# 更新日志
+
+### v0.0.8
+
+`2020-10-09`
+
+- 改进类型定义
+
+### 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`
+
+- 新增 `useRect` 方法
+
+### 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` 方法
diff --git a/packages/vant-use/package.json b/packages/vant-use/package.json
new file mode 100644
index 000000000..5f3fdc3a0
--- /dev/null
+++ b/packages/vant-use/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "@vant/use",
+  "version": "0.0.9",
+  "description": "Vant Composition API",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "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",
+    "docs:dev": "vuepress dev",
+    "docs:build": "vuepress build && gh-pages -d dist --add --dest vant-use"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "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"
+  },
+  "release-it": {
+    "git": {
+      "tag": false,
+      "commitMessage": "chore: release @vant/use@${version}"
+    }
+  }
+}
diff --git a/packages/vant-use/src/index.ts b/packages/vant-use/src/index.ts
new file mode 100644
index 000000000..779ffe9b1
--- /dev/null
+++ b/packages/vant-use/src/index.ts
@@ -0,0 +1,10 @@
+export * from './useRect';
+export * from './useToggle';
+export * from './useCountDown';
+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/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.md b/packages/vant-use/src/useClickAway/README.md
new file mode 100644
index 000000000..714215ac2
--- /dev/null
+++ b/packages/vant-use/src/useClickAway/README.md
@@ -0,0 +1,85 @@
+# 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
+<div ref="root" />
+```
+
+```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 };
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useClickAway(
+  target: Element | Ref<Element | undefined>,
+  listener: EventListener,
+  options?: Options
+): void;
+
+type Options = {
+  eventName?: string;
+};
+```
+
+### 参数
+
+| 参数     | 说明                     | 类型                       | 默认值 |
+| -------- | ------------------------ | -------------------------- | ------ |
+| target   | 绑定事件的元素           | _Element \| Ref\<Element>_ | -      |
+| listener | 点击外部时触发的回调函数 | _EventListener_            | -      |
+| options  | 可选的配置项             | _Options_                  | 见下表 |
+
+### Options
+
+| 参数      | 说明           | 类型     | 默认值  |
+| --------- | -------------- | -------- | ------- |
+| eventName | 监听的事件类型 | _string_ | `click` |
diff --git a/packages/vant-use/src/useClickAway/index.ts b/packages/vant-use/src/useClickAway/index.ts
new file mode 100644
index 000000000..b36312dba
--- /dev/null
+++ b/packages/vant-use/src/useClickAway/index.ts
@@ -0,0 +1,28 @@
+import { Ref, unref } from 'vue';
+import { inBrowser } from '../utils';
+import { useEventListener } from '../useEventListener';
+
+export type UseClickAwayOptions = {
+  eventName?: string;
+};
+
+export function useClickAway(
+  target: Element | Ref<Element | undefined>,
+  listener: EventListener,
+  options: UseClickAwayOptions = {}
+) {
+  if (!inBrowser) {
+    return;
+  }
+
+  const { eventName = 'click' } = options;
+
+  const onClick = (event: Event) => {
+    const element = unref(target);
+    if (element && !element.contains(event.target as Node)) {
+      listener(event);
+    }
+  };
+
+  useEventListener(eventName, onClick, { target: document });
+}
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_ |
diff --git a/packages/vant-use/src/useCountDown/index.ts b/packages/vant-use/src/useCountDown/index.ts
new file mode 100644
index 000000000..25f5176e6
--- /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;
+
+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 = options.time) => {
+    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/README.md b/packages/vant-use/src/useEventListener/README.md
new file mode 100644
index 000000000..3df4ecbcd
--- /dev/null
+++ b/packages/vant-use/src/useEventListener/README.md
@@ -0,0 +1,65 @@
+# useEventListener
+
+方便地进行事件绑定，在组件 `mounted` 和 `activated` 时绑定事件，`unmounted` 和 `deactivated` 时解绑事件。
+
+## 代码演示
+
+### 基本用法
+
+```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
+function useEventListener(
+  type: string,
+  listener: EventListener,
+  options?: Options
+): void;
+
+type Options = {
+  target?: EventTarget | Ref<EventTarget>;
+  capture?: boolean;
+  passive?: boolean;
+};
+```
+
+## API
+
+### 参数
+
+| 参数     | 说明                     | 类型            | 默认值 |
+| -------- | ------------------------ | --------------- | ------ |
+| type     | 监听的事件类型           | _string_        | -      |
+| listener | 点击外部时触发的回调函数 | _EventListener_ | -      |
+| options  | 可选的配置项             | _Options_       | -      |
+
+### Options
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| target | 绑定事件的元素 | _EventTarget \| Ref\<EventTarget>_ | `window` |
+| capture | 是否在事件捕获阶段触发 | _boolean_ | `false` |
+| passive | 设置为 `true` 时，表示 `listener` 永远不会调用 `preventDefault` | _boolean_ | `false` |
diff --git a/packages/vant-use/src/useEventListener/index.ts b/packages/vant-use/src/useEventListener/index.ts
new file mode 100644
index 000000000..b7b8e9031
--- /dev/null
+++ b/packages/vant-use/src/useEventListener/index.ts
@@ -0,0 +1,70 @@
+import {
+  Ref,
+  unref,
+  onMounted,
+  onActivated,
+  onUnmounted,
+  onDeactivated,
+} from 'vue';
+import { inBrowser } from '../utils';
+
+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 = {
+  target?: EventTarget | Ref<EventTarget | undefined>;
+  capture?: boolean;
+  passive?: boolean;
+};
+
+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 && !attached) {
+      element.addEventListener(
+        type,
+        listener,
+        supportsPassive ? { capture, passive } : capture
+      );
+      attached = true;
+    }
+  };
+
+  const remove = () => {
+    const element = unref(target);
+
+    if (element && attached) {
+      element.removeEventListener(type, listener, capture);
+      attached = false;
+    }
+  };
+
+  onMounted(add);
+  onActivated(add);
+  onUnmounted(remove);
+  onDeactivated(remove);
+}
diff --git a/packages/vant-use/src/usePageVisibility/README.md b/packages/vant-use/src/usePageVisibility/README.md
new file mode 100644
index 000000000..8af5a42c9
--- /dev/null
+++ b/packages/vant-use/src/usePageVisibility/README.md
@@ -0,0 +1,38 @@
+# usePageVisibility
+
+获取页面的可见状态。
+
+## 代码演示
+
+### 基本用法
+
+```js
+import { watch } from 'vue';
+import { usePageVisibility } from '@vant/use';
+
+export default {
+  setup() {
+    const pageVisibility = usePageVisibility();
+
+    watch(pageVisibility, (value) => {
+      console.log('visibility: ', value);
+    });
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function usePageVisibility(): Ref<VisibilityState>;
+
+type VisibilityState = 'visible' | 'hidden';
+```
+
+### 返回值
+
+| 参数 | 说明 | 类型 |
+| --- | --- | --- |
+| visibilityState | 页面当前的可见状态，`visible` 为可见，`hidden` 为隐藏 | _Ref\<VisibilityState>_ |
diff --git a/packages/vant-use/src/usePageVisibility/index.ts b/packages/vant-use/src/usePageVisibility/index.ts
new file mode 100644
index 000000000..767192698
--- /dev/null
+++ b/packages/vant-use/src/usePageVisibility/index.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../utils';
+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;
+}
diff --git a/packages/vant-use/src/useRect/README.md b/packages/vant-use/src/useRect/README.md
new file mode 100644
index 000000000..ba62af274
--- /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 | undefined>): 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..e02b96af4
--- /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 | undefined>
+) => {
+  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 && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0,
+  };
+};
diff --git a/packages/vant-use/src/useRelation/README.md b/packages/vant-use/src/useRelation/README.md
new file mode 100644
index 000000000..dfc0f3aca
--- /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 | symbol
+): {
+  parent?: T;
+  index?: Ref<number>;
+};
+
+function useChildren(
+  key: string | symbol
+): {
+  children: ComponentPublicInstance[];
+  linkChildren: (value: any) => void;
+};
+```
+
+### useParent 返回值
+
+| 参数   | 说明                                         | 类型           |
+| ------ | -------------------------------------------- | -------------- |
+| parent | 父组件提供的值                               | _any_          |
+| index  | 当前组件在父组件的所有子组件中对应的索引位置 | _Ref\<number>_ |
+
+### useChildren 返回值
+
+| 参数         | 说明                 | 类型                        |
+| ------------ | -------------------- | --------------------------- |
+| children     | 子组件列表           | _ComponentPublicInstance[]_ |
+| linkChildren | 向子组件提供值的方法 | _(value: any) => void_      |
diff --git a/packages/vant-use/src/useRelation/index.ts b/packages/vant-use/src/useRelation/index.ts
new file mode 100644
index 000000000..c56a40646
--- /dev/null
+++ b/packages/vant-use/src/useRelation/index.ts
@@ -0,0 +1,2 @@
+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..dce0b72b7
--- /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 {};
+}
diff --git a/packages/vant-use/src/useScrollParent/README.md b/packages/vant-use/src/useScrollParent/README.md
new file mode 100644
index 000000000..475258ea8
--- /dev/null
+++ b/packages/vant-use/src/useScrollParent/README.md
@@ -0,0 +1,55 @@
+# 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 };
+  },
+};
+```
+
+## API
+
+### 类型定义
+
+```ts
+function useScrollParent(
+  element: Ref<Element | undefined>
+): Ref<Element | Window | undefined>;
+```
+
+### 参数
+
+| 参数    | 说明     | 类型            | 默认值 |
+| ------- | -------- | --------------- | ------ |
+| element | 当前元素 | _Ref\<Element>_ | -      |
+
+### 返回值
+
+| 参数         | 说明               | 类型            |
+| ------------ | ------------------ | --------------- |
+| scrollParent | 最近的可滚动父元素 | _Ref\<Element>_ |
diff --git a/packages/vant-use/src/useScrollParent/index.ts b/packages/vant-use/src/useScrollParent/index.ts
new file mode 100644
index 000000000..1c546402b
--- /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
+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 | undefined>) {
+  const scrollParent = ref<Element | Window>();
+
+  onMounted(() => {
+    if (el.value) {
+      scrollParent.value = getScrollParent(el.value);
+    }
+  });
+
+  return scrollParent;
+}
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_ |
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/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
new file mode 100644
index 000000000..6a9c90662
--- /dev/null
+++ b/packages/vant-use/src/useWindowSize/index.ts
@@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../utils';
+import { useEventListener } from '../useEventListener';
+
+export function useWindowSize() {
+  const width = ref(inBrowser ? window.innerWidth : 0);
+  const height = ref(inBrowser ? window.innerHeight : 0);
+
+  const onResize = () => {
+    width.value = window.innerWidth;
+    height.value = window.innerHeight;
+  };
+
+  useEventListener('resize', onResize);
+  useEventListener('orientationchange', onResize);
+
+  return { width, height };
+}
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/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/tsconfig.json b/packages/vant-use/tsconfig.json
new file mode 100644
index 000000000..60581a788
--- /dev/null
+++ b/packages/vant-use/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES5",
+    "outDir": "./lib",
+    "module": "CommonJS",
+    "strict": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "moduleResolution": "Node"
+  },
+  "include": ["src/**/*"]
+}
diff --git a/packages/vant-use/yarn.lock b/packages/vant-use/yarn.lock
new file mode 100644
index 000000000..262a9d548
--- /dev/null
+++ b/packages/vant-use/yarn.lock
@@ -0,0 +1,8908 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@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"
+  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", "@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.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/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"
+    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=
+
+"@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"
+  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.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"
+  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/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"
+  integrity sha1-5FpFMk/KnatxarEjDuJJyftSz6c=
+  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"
+  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/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"
+  integrity sha1-JR9P59FU0rrRJavhtCmyOv0mLik=
+  dependencies:
+    "@types/node" "*"
+
+"@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/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-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:
+    "@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/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:
+    "@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-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:
+    "@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/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"
+  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-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"
+  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@^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=
+  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"
+
+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"
+  integrity sha1-E58x+N3OUMCHCwulWKYHloSq7VU=
+  dependencies:
+    retry "0.12.0"
+
+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=
+  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"
+  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@^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"
+  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"
+
+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=
+
+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"
+  integrity sha1-ThSHCmGNni7dl92DRf2dncMVZGo=
+  dependencies:
+    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?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=
+  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=
+
+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"
+  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=
+
+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"
+  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=
+
+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=
+  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.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=
+
+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.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=
+
+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"
+  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"
+
+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"
+  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"
+
+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"
+  integrity sha1-9zqFudXUHQRVUcF34ogtSshXKKY=
+  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.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=
+
+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"
+  resolved "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=
+  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"
+  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-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"
+  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=
+
+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"
+  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=
+
+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"
+  integrity sha1-Vtv3PZkqSpO6FYT0U0Bj/S5BcX8=
+  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"
+  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=
+
+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"
+
+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"
+  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=
+
+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"
+  integrity sha1-tKxAZIEH/c3PriQvQovqihTU8b8=
+  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-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=
+
+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"
+  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"
+
+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"
+  integrity sha1-ywP3QL764D6k0oPK7SdBqD8zVJU=
+  dependencies:
+    chardet "^0.7.0"
+    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"
+  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"
+
+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"
+  integrity sha1-VQ4fn1m7xl/hhctqm02VNXEH9IE=
+  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"
+  integrity sha1-YlwYvSk8YE3EqN2y/r8MiDQXRq8=
+  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=
+
+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"
+  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"
+  integrity sha1-GRmmp8df44ssfHflGYU12prN2kA=
+  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-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"
+  integrity sha1-TJKBnstwg1YeT0okCoa+UZj1Nvw=
+  dependencies:
+    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"
+
+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"
+  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"
+  integrity sha1-MbfjnIXxNVtxOe4MZHzw3n+DxoI=
+  dependencies:
+    asynckit "^0.4.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-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"
+  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=
+
+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=
+  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"
+
+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"
+
+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"
+  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@^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-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=
+  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"
+
+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"
+  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@^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"
+  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.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=
+
+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"
+  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.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"
+  integrity sha1-i5I965AUSuplz4NLAWo0D8mFVvM=
+  dependencies:
+    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=
+
+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"
+  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"
+  integrity sha1-IIRVR3GAFRJuqbNna3WS+4vUz5I=
+  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"
+  integrity sha1-Yz/2GFBueTr1rJG/SLcmd+FcvmY=
+  dependencies:
+    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"
+  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=
+
+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"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+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"
+  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"
+
+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"
+  integrity sha1-a8YzQYGBDgS1wis9WJ/cpVAmQEw=
+  dependencies:
+    ci-info "^2.0.0"
+
+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=
+
+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@^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=
+  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-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"
+  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-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"
+  integrity sha1-pLgqtj1zl2/YJjzO7if5moi9ris=
+  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-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=
+
+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"
+  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-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"
+  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"
+
+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"
+  integrity sha1-EZ3+kI/jjRXfpD7NE/oS7Igy+s4=
+  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@^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"
+  integrity sha1-VTIeswn+u8WcSAHZMackUqaB0oY=
+  dependencies:
+    p-locate "^5.0.0"
+
+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=
+
+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"
+
+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"
+  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=
+
+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, 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=
+  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.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"
+  integrity sha1-T8sJmb+fvC/L3SEvbWKbmlbDklk=
+  dependencies:
+    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-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"
+  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=
+
+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"
+  integrity sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=
+  dependencies:
+    brace-expansion "^1.1.7"
+
+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=
+
+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=
+
+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@^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"
+  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=
+
+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@^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"
+  integrity sha1-t+zR5e1T2o43pV4cImnguX7XSOo=
+  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"
+  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"
+
+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"
+  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"
+
+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"
+  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-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.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"
+  integrity sha1-FmTgEK88rcaBuq/T4qQ3vnsPtf4=
+  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@^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"
+  integrity sha1-g8gxXGeFAF470CGDlBHJ4RDm2DQ=
+  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"
+  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"
+
+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"
+  integrity sha1-aR0nCeeMefrjoVZiJFLQB2LKqqI=
+  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"
+  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-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"
+  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"
+
+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"
+  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-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"
+  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-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=
+
+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"
+
+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"
+  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@^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"
+  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"
+  integrity sha1-tKIRaBW94vTh6mAjVOjHVWUQemQ=
+  dependencies:
+    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"
+  integrity sha1-29yf9I/76komoGm2+fersFEAhyY=
+  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@^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"
+  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"
+  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"
+
+"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"
+  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
+  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"
+  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"
+
+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"
+  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"
+
+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"
+  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-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=
+  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"
+
+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=
+
+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=
+
+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"
+  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=
+
+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"
+  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.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"
+  integrity sha1-Bfd85Z8yXgDicGr9Z7tQbdscoys=
+  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@^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"
+  integrity sha1-zNCvT4g1+9wmW4JGGq8MNmY/NOo=
+  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"
+  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.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=
+
+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@^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"
+  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=
+
+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=
+  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"
+
+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=
+  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-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"
+  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=
+
+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"
+  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"
+  integrity sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=
+  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"
+  integrity sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=
+  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=
+
+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"
+  integrity sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=
+  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#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"
+  integrity sha1-FkjESq58jZiKMmAY7XL1tN0DkuQ=
+  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"
+
+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"
+  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"
+  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=
+
+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"
+  integrity sha1-qX7nqf9CaRufeD/xvFES/j/KkIA=
+  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"
+  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=
+
+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"
+  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"
+
+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"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  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=
+
+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:
+    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"
+  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"
+
+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"
+  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"
+
+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"
+  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"
+
+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"
+  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=
+
+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=
diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
new file mode 100644
index 000000000..07e8bd325
--- /dev/null
+++ b/src/action-bar-button/index.js
@@ -0,0 +1,71 @@
+import { computed } from 'vue';
+import { createNamespace } from '../utils';
+import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
+import Button from '../button';
+
+const [createComponent, bem] = createNamespace('action-bar-button');
+
+export default createComponent({
+  props: {
+    ...routeProps,
+    type: String,
+    text: String,
+    icon: String,
+    color: String,
+    loading: Boolean,
+    disabled: Boolean,
+  },
+
+  setup(props, { slots }) {
+    const route = useRoute();
+    const { parent, index } = useParent(ACTION_BAR_KEY);
+
+    const isFirst = computed(() => {
+      if (parent) {
+        const prev = parent.children[index.value - 1];
+        return !(prev && 'isButton' in prev);
+      }
+    });
+
+    const isLast = computed(() => {
+      if (parent) {
+        const next = parent.children[index.value + 1];
+        return !(next && 'isButton' in next);
+      }
+    });
+
+    useExpose({ isButton: true });
+
+    return () => {
+      const { type, icon, text, color, loading, disabled } = props;
+
+      return (
+        <Button
+          class={bem([
+            type,
+            {
+              last: isLast.value,
+              first: isFirst.value,
+            },
+          ])}
+          size="large"
+          type={type}
+          icon={icon}
+          color={color}
+          loading={loading}
+          disabled={disabled}
+          onClick={route}
+        >
+          {slots.default ? slots.default() : text}
+        </Button>
+      );
+    };
+  },
+});
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/action-bar-icon/index.less b/src/action-bar-icon/index.less
new file mode 100644
index 000000000..9ad5b129b
--- /dev/null
+++ b/src/action-bar-icon/index.less
@@ -0,0 +1,26 @@
+@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 {
+    width: 1em;
+    margin: 0 auto 5px;
+    color: @action-bar-icon-color;
+    font-size: @action-bar-icon-size;
+  }
+}
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
new file mode 100644
index 000000000..7fb8f25c4
--- /dev/null
+++ b/src/action-bar-icon/index.tsx
@@ -0,0 +1,60 @@
+import { createNamespace } from '../utils';
+import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '@vant/use';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
+import Icon from '../icon';
+import Badge from '../badge';
+
+const [createComponent, bem] = createNamespace('action-bar-icon');
+
+export default createComponent({
+  props: {
+    ...routeProps,
+    dot: Boolean,
+    text: String,
+    icon: String,
+    color: String,
+    badge: [Number, String],
+    iconClass: null,
+  },
+
+  setup(props, { slots }) {
+    const route = useRoute();
+
+    useParent(ACTION_BAR_KEY);
+
+    const renderIcon = () => {
+      const { dot, badge, icon, color, iconClass } = props;
+
+      if (slots.icon) {
+        return (
+          <Badge dot={dot} content={badge} class={bem('icon')}>
+            {slots.icon()}
+          </Badge>
+        );
+      }
+
+      return (
+        <Icon
+          tag="div"
+          dot={dot}
+          name={icon}
+          badge={badge}
+          color={color}
+          class={[bem('icon'), iconClass]}
+        />
+      );
+    };
+
+    return () => (
+      <div role="button" class={bem()} tabindex={0} onClick={route}>
+        {renderIcon()}
+        {slots.default ? slots.default() : props.text}
+      </div>
+    );
+  },
+});
diff --git a/src/goods-action/README.md b/src/action-bar/README.md
similarity index 55%
rename from src/goods-action/README.md
rename to src/action-bar/README.md
index 4b4803c36..da8d84b75 100644
--- a/src/goods-action/README.md
+++ b/src/action-bar/README.md
@@ -1,14 +1,15 @@
-# GoodsAction
+# ActionBar
 
 ### Install
 
 ```js
-import Vue from 'vue';
-import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
+import { createApp } from 'vue';
+import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(GoodsAction);
-Vue.use(GoodsActionButton);
-Vue.use(GoodsActionIcon);
+const app = createApp();
+app.use(ActionBar);
+app.use(ActionBarIcon);
+app.use(ActionBarButton);
 ```
 
 ## Usage
@@ -16,12 +17,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 +45,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 +99,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 +114,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 50%
rename from src/goods-action/README.zh-CN.md
rename to src/action-bar/README.zh-CN.md
index c6d5f783f..de8aad212 100644
--- a/src/goods-action/README.zh-CN.md
+++ b/src/action-bar/README.zh-CN.md
@@ -1,14 +1,15 @@
-# GoodsAction 商品导航
+# ActionBar 动作栏
 
 ### 引入
 
 ```js
-import Vue from 'vue';
-import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
+import { createApp } from 'vue';
+import { ActionBar, ActionBarIcon, ActionBarButton } from 'vant';
 
-Vue.use(GoodsAction);
-Vue.use(GoodsActionButton);
-Vue.use(GoodsActionIcon);
+const app = createApp();
+app.use(ActionBar);
+app.use(ActionBarIcon);
+app.use(ActionBarButton);
 ```
 
 ## 代码演示
@@ -16,16 +17,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 +42,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
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
@@ -102,12 +99,11 @@ 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` |
 
-### 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/action-bar/demo/index.vue b/src/action-bar/demo/index.vue
new file mode 100644
index 000000000..b09aa0b00
--- /dev/null
+++ b/src/action-bar/demo/index.vue
@@ -0,0 +1,113 @@
+<template>
+  <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 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>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      icon1: '客服',
+      icon2: '购物车',
+      icon3: '店铺',
+      button1: '加入购物车',
+      button2: '立即购买',
+      iconBadge: '徽标提示',
+      collected: '已收藏',
+      clickIcon: '点击图标',
+      clickButton: '点击按钮',
+      customIconColor: '自定义图标颜色',
+      customButtonColor: '自定义按钮颜色',
+    },
+    'en-US': {
+      icon1: 'Icon1',
+      icon2: 'Icon2',
+      icon3: 'Icon3',
+      button1: 'Button',
+      button2: 'Button',
+      iconBadge: 'Icon Badge',
+      collected: 'Collected',
+      clickIcon: 'Click Icon',
+      clickButton: 'Click Button',
+      customIconColor: 'Custom Icon Color',
+      customButtonColor: 'Custom Button Color',
+    },
+  },
+  methods: {
+    onClickIcon() {
+      this.$toast(this.t('clickIcon'));
+    },
+    onClickButton() {
+      this.$toast(this.t('clickButton'));
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.demo-action-bar {
+  .van-action-bar {
+    position: relative;
+    padding-bottom: 0;
+  }
+}
+</style>
diff --git a/src/action-bar/index.js b/src/action-bar/index.js
new file mode 100644
index 000000000..e3e631052
--- /dev/null
+++ b/src/action-bar/index.js
@@ -0,0 +1,27 @@
+import { createNamespace } from '../utils';
+import { useChildren } from '@vant/use';
+
+const [createComponent, bem] = createNamespace('action-bar');
+
+export const ACTION_BAR_KEY = 'vanActionBar';
+
+export default createComponent({
+  props: {
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props, { slots }) {
+    const { linkChildren } = useChildren(ACTION_BAR_KEY);
+
+    linkChildren();
+
+    return () => (
+      <div class={bem({ unfit: !props.safeAreaInsetBottom })}>
+        {slots.default?.()}
+      </div>
+    );
+  },
+});
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.legacy.js.snap b/src/action-bar/test/__snapshots__/demo.legacy.js.snap
new file mode 100644
index 000000000..eb1a3881d
--- /dev/null
+++ b/src/action-bar/test/__snapshots__/demo.legacy.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-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-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-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>
+      </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.legacy.js.snap b/src/action-bar/test/__snapshots__/index.legacy.js.snap
new file mode 100644
index 000000000..d83e14ad9
--- /dev/null
+++ b/src/action-bar/test/__snapshots__/index.legacy.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-badge van-badge--dot"></div>
+  </div>Text
+</div>
+`;
+
+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-badge">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/action-sheet/test/demo.spec.js b/src/action-bar/test/demo.legacy.js
similarity index 100%
rename from src/action-sheet/test/demo.spec.js
rename to src/action-bar/test/demo.legacy.js
diff --git a/src/goods-action/test/index.spec.js b/src/action-bar/test/index.legacy.js
similarity index 91%
rename from src/goods-action/test/index.spec.js
rename to src/action-bar/test/index.legacy.js
index 719698116..1db44eaeb 100644
--- a/src/goods-action/test/index.spec.js
+++ b/src/action-bar/test/index.legacy.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/action-sheet/README.md b/src/action-sheet/README.md
index c7e67d974..ad4da46bd 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
@@ -17,7 +18,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 +48,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 +82,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="Cancel"
   description="Description"
@@ -108,7 +109,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 +134,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 +151,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_ | - |
@@ -166,7 +167,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 4c536711d..3475edf21 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);
 ```
 
 ## 代码演示
@@ -21,7 +22,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 +52,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   close-on-click-action
@@ -83,7 +84,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   description="这是一段描述信息"
@@ -112,7 +113,7 @@ export default {
 
 ```html
 <van-action-sheet
-  v-model="show"
+  v-model:show="show"
   :actions="actions"
   cancel-text="取消"
   close-on-click-action
@@ -139,7 +140,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 +157,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model (value) | 是否显示动作面板 | _boolean_ | `false` |
+| v-model:show | 是否显示动作面板 | _boolean_ | `false` |
 | actions | 面板选项列表 | _Action[]_ | `[]` |
 | title | 顶部标题 | _string_ | - |
 | cancel-text | 取消按钮文字 | _string_ | - |
@@ -172,7 +173,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/demo/index.vue b/src/action-sheet/demo/index.vue
index 758420870..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.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.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.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.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.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/action-sheet/index.js b/src/action-sheet/index.js
new file mode 100644
index 000000000..ca26d0f97
--- /dev/null
+++ b/src/action-sheet/index.js
@@ -0,0 +1,144 @@
+// Utils
+import { createNamespace, pick } from '../utils';
+
+// Components
+import Icon from '../icon';
+import Popup, { popupSharedProps } from '../popup';
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('action-sheet');
+
+export default createComponent({
+  props: {
+    ...popupSharedProps,
+    title: String,
+    actions: Array,
+    cancelText: String,
+    description: String,
+    closeOnPopstate: Boolean,
+    closeOnClickAction: Boolean,
+    round: {
+      type: Boolean,
+      default: true,
+    },
+    closeable: {
+      type: Boolean,
+      default: true,
+    },
+    closeIcon: {
+      type: String,
+      default: 'cross',
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: ['select', 'cancel', 'update:show'],
+
+  setup(props, { slots, emit }) {
+    const popupPropKeys = Object.keys(popupSharedProps);
+
+    const onUpdateShow = (show) => {
+      emit('update:show', show);
+    };
+
+    const onCancel = () => {
+      onUpdateShow(false);
+      emit('cancel');
+    };
+
+    const renderHeader = () => {
+      if (props.title) {
+        return (
+          <div class={bem('header')}>
+            {props.title}
+            {props.closeable && (
+              <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) {
+          onUpdateShow(false);
+        }
+      };
+
+      return (
+        <button
+          type="button"
+          style={{ color }}
+          class={[bem('item', { loading, disabled }), className]}
+          onClick={onClick}
+        >
+          {Content}
+        </button>
+      );
+    };
+
+    const renderDescription = () => {
+      if (props.description || slots.description) {
+        const content = slots.description
+          ? slots.description()
+          : props.description;
+        return <div class={bem('description')}>{content}</div>;
+      }
+    };
+
+    const renderOptions = () => {
+      if (props.actions) {
+        return props.actions.map(renderOption);
+      }
+    };
+
+    return () => (
+      <Popup
+        class={bem()}
+        round={props.round}
+        position="bottom"
+        {...{
+          ...pick(props, popupPropKeys),
+          'onUpdate:show': onUpdateShow,
+        }}
+      >
+        {renderHeader()}
+        {renderDescription()}
+        {renderOptions()}
+        {slots.default && <div class={bem('content')}>{slots.default()}</div>}
+        {renderCancel()}
+      </Popup>
+    );
+  },
+});
diff --git a/src/action-sheet/index.tsx b/src/action-sheet/index.tsx
deleted file mode 100644
index bf91976a4..000000000
--- a/src/action-sheet/index.tsx
+++ /dev/null
@@ -1,207 +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 { ScopedSlot, 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;
-  closeable?: boolean;
-  closeIcon: string;
-  cancelText?: string;
-  description?: string;
-  closeOnPopstate?: boolean;
-  closeOnClickAction?: boolean;
-  safeAreaInsetBottom?: boolean;
-};
-
-export type ActionSheetSlots = DefaultSlots & {
-  description?: ScopedSlot;
-};
-
-const [createComponent, bem] = createNamespace('action-sheet');
-
-function ActionSheet(
-  h: CreateElement,
-  props: ActionSheetProps,
-  slots: ActionSheetSlots,
-  ctx: RenderContext<ActionSheetProps>
-) {
-  const { title, cancelText, closeable } = props;
-
-  function onCancel() {
-    emit(ctx, 'input', false);
-    emit(ctx, 'cancel');
-  }
-
-  function Header() {
-    if (title) {
-      return (
-        <div class={bem('header')}>
-          {title}
-          {closeable && (
-            <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 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>,
-      ];
-    }
-  }
-
-  function Description() {
-    const description = slots.description?.() || props.description;
-    if (description) {
-      return <div class={bem('description')}>{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,
-  },
-  closeable: {
-    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/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/demo.spec.js b/src/action-sheet/test/demo.legacy.js
similarity index 100%
rename from src/address-edit/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 97%
rename from src/action-sheet/test/index.spec.js
rename to src/action-sheet/test/index.legacy.js
index f73946c2e..3228ce2a9 100644
--- a/src/action-sheet/test/index.spec.js
+++ b/src/action-sheet/test/index.legacy.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/Detail.js b/src/address-edit/Detail.js
index c1c05e811..59ae60a15 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';
@@ -11,6 +13,7 @@ const android = isAndroid();
 
 export default createComponent({
   props: {
+    show: Boolean,
     value: String,
     errorMessage: String,
     focused: Boolean,
@@ -20,88 +23,106 @@ export default createComponent({
     showSearchResult: Boolean,
   },
 
-  computed: {
-    shouldShowSearchResult() {
-      return this.focused && this.searchResult && this.showSearchResult;
-    },
-  },
+  emits: ['blur', 'focus', 'input', 'select-search'],
 
-  methods: {
-    onSelect(express) {
-      this.$emit('select-search', express);
-      this.$emit(
-        'input',
-        `${express.address || ''} ${express.name || ''}`.trim()
-      );
-    },
+  setup(props, { emit }) {
+    const field = ref();
 
-    onFinish() {
-      this.$refs.field.blur();
-    },
+    const showSearchResult = () =>
+      props.focused && props.searchResult && props.showSearchResult;
 
-    genFinish() {
-      const show = this.value && this.focused && android;
-      if (show) {
+    const onSelect = (express) => {
+      emit('select-search', express);
+      emit('input', `${express.address || ''} ${express.name || ''}`.trim());
+    };
+
+    const onFinish = () => {
+      field.value.blur();
+    };
+
+    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
-            key={express.name + express.address}
-            clickable
-            border={false}
-            icon="location-o"
-            label={express.address}
-            class={bem('search-item')}
-            onClick={() => {
-              this.onSelect(express);
-            }}
-            scopedSlots={{
-              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 domPropsInnerHTML={text} />;
-                }
-              },
-            }}
-          />
-        ));
+        return <div innerHTML={text} />;
       }
-    },
-  },
+    };
 
-  render() {
-    return (
-      <Cell class={bem()}>
-        <Field
-          autosize
-          ref="field"
-          rows={this.detailRows}
-          clearable={!android}
-          type="textarea"
-          value={this.value}
-          errorMessage={this.errorMessage}
-          border={!this.shouldShowSearchResult}
-          label={t('label')}
-          maxlength={this.detailMaxlength}
-          placeholder={t('placeholder')}
-          scopedSlots={{ icon: this.genFinish }}
-          {...{ on: this.$listeners }}
+    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 () => {
+      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/README.md b/src/address-edit/README.md
index c1256d35e..55d0967f5 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 4fe7e99a6..c065b8c9b 100644
--- a/src/address-edit/README.zh-CN.md
+++ b/src/address-edit/README.zh-CN.md
@@ -7,10 +7,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-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-edit/index.js b/src/address-edit/index.js
index e208cc87c..f30bb3033 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';
@@ -40,6 +45,7 @@ export default createComponent({
     validator: Function,
     showDelete: Boolean,
     showPostal: Boolean,
+    disableArea: Boolean,
     searchResult: Array,
     telMaxlength: [Number, String],
     showSetDefault: Boolean,
@@ -55,7 +61,6 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    disableArea: Boolean,
     detailRows: {
       type: [Number, String],
       default: 1,
@@ -82,8 +87,22 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: [
+    'save',
+    'focus',
+    'delete',
+    'click-area',
+    'change-area',
+    'change-detail',
+    'cancel-delete',
+    'select-search',
+    'change-default',
+  ],
+
+  setup(props, { emit, slots }) {
+    const areaRef = ref();
+
+    const state = reactive({
       data: {},
       showAreaPopup: false,
       detailFocused: false,
@@ -94,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) {
@@ -112,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;
         }
@@ -218,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);
               }}
             />
           ),
@@ -282,129 +273,156 @@ export default createComponent({
 
         return (
           <Cell
-            vShow={!this.hideBottomFields}
+            v-slots={slots}
+            v-show={!hideBottomFields.value}
             center
             title={t('defaultAddress')}
             class={bem('default')}
-            scopedSlots={slots}
           />
         );
       }
 
       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}
-            value={this.areaText}
-            onFocus={onFocus('areaCode')}
-            onClick={() => {
-              this.$emit('click-area');
-              this.showAreaPopup = !disableArea;
-            }}
-          />
-          <Detail
-            vShow={this.showDetail}
-            focused={this.detailFocused}
-            value={data.addressDetail}
-            errorMessage={errorInfo.addressDetail}
-            detailRows={this.detailRows}
-            detailMaxlength={this.detailMaxlength}
-            searchResult={this.searchResult}
-            showSearchResult={this.showSearchResult}
-            onFocus={onFocus('addressDetail')}
-            onBlur={this.onDetailBlur}
-            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()}
-        </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
+              v-show={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
+                v-show={!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 v-show={!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}
-          round
-          position="bottom"
-          lazyRender={false}
-          getContainer="body"
-        >
-          <Area
-            ref="area"
-            value={data.areaCode}
-            loading={!this.areaListLoaded}
-            areaList={this.areaList}
-            columnsPlaceholder={this.areaColumnsPlaceholder}
-            onConfirm={this.onAreaConfirm}
-            onCancel={() => {
-              this.showAreaPopup = false;
-            }}
-          />
-        </Popup>
-      </div>
-    );
+      );
+    };
   },
 });
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;
     }
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/demo.spec.js b/src/address-edit/test/demo.legacy.js
similarity index 100%
rename from src/address-list/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/Item.js b/src/address-list/Item.js
new file mode 100644
index 000000000..5e8331b20
--- /dev/null
+++ b/src/address-list/Item.js
@@ -0,0 +1,92 @@
+// 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 }) {
+    const onClick = () => {
+      if (props.switchable) {
+        emit('select');
+      }
+      emit('click');
+    };
+
+    const renderRightIcon = () => (
+      <Icon
+        name="edit"
+        class={bem('edit')}
+        onClick={(event) => {
+          event.stopPropagation();
+          emit('edit');
+          emit('click');
+        }}
+      />
+    );
+
+    const renderTag = () => {
+      if (props.data.isDefault && props.defaultTagText) {
+        return (
+          <Tag type="danger" round class={bem('tag')}>
+            {props.defaultTagText}
+          </Tag>
+        );
+      }
+    };
+
+    const renderContent = () => {
+      const { data, disabled, switchable } = props;
+
+      const Info = [
+        <div class={bem('name')}>
+          {`${data.name} ${data.tel}`}
+          {renderTag()}
+        </div>,
+        <div class={bem('address')}>{data.address}</div>,
+      ];
+
+      if (switchable && !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: renderContent,
+              'right-icon': renderRightIcon,
+            }}
+            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/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 69f26d023..a6fff4fae 100644
--- a/src/address-list/README.zh-CN.md
+++ b/src/address-list/README.zh-CN.md
@@ -7,10 +7,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/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/address-list/index.js b/src/address-list/index.js
new file mode 100644
index 000000000..2cd7b86dd
--- /dev/null
+++ b/src/address-list/index.js
@@ -0,0 +1,116 @@
+// 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 }) {
+    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 (
+        <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}
+        />
+      );
+    };
+
+    const renderList = (list, disabled) => {
+      if (list) {
+        return list.map((item, index) => renderItem(item, index, disabled));
+      }
+    };
+
+    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>
+          {DisabledText}
+          {DisabledList}
+          {slots.default?.()}
+          {renderBottom()}
+        </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/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/demo.spec.js b/src/address-list/test/demo.legacy.js
similarity index 100%
rename from src/area/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/README.md b/src/area/README.md
index 2a063927f..ba926d42b 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
@@ -77,7 +78,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 9ab47d544..43206b917 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);
 ```
 
 ## 代码演示
@@ -73,11 +74,11 @@ Vue.use(Area);
 
 ### Events
 
-| 事件    | 说明               | 回调参数                                    |
-| ------- | ------------------ | ------------------------------------------- |
-| confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节    |
-| cancel  | 点击取消按钮时     | -                                           |
-| change  | 选项改变时触发     | Picker 实例，所有列选中值，当前列对应的索引 |
+| 事件    | 说明               | 回调参数                                 |
+| ------- | ------------------ | ---------------------------------------- |
+| confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节 |
+| cancel  | 点击取消按钮时     | -                                        |
+| change  | 选项改变时触发     | 所有列选中值，当前列对应的索引           |
 
 ### Slots
 
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/area/index.js b/src/area/index.js
index cc13576ee..c8e6dde01 100644
--- a/src/area/index.js
+++ b/src/area/index.js
@@ -1,28 +1,19 @@
-import { createNamespace } from '../utils';
+import { ref, watch, computed, reactive, nextTick, onMounted } from 'vue';
+import { createNamespace, pick } from '../utils';
+import { useExpose } from '../composition/use-expose';
 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 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;
+function clone(obj) {
+  return JSON.parse(JSON.stringify(obj));
 }
 
 export default createComponent({
@@ -47,70 +38,62 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      code: this.value,
+  emits: ['change', 'confirm'],
+
+  setup(props, { emit, slots }) {
+    const pickerRef = ref();
+
+    const state = reactive({
+      code: props.value,
       columns: [{ values: [] }, { values: [] }, { values: [] }],
-    };
-  },
+    });
 
-  computed: {
-    province() {
-      return this.areaList.province_list || {};
-    },
-
-    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 || {},
       };
-    },
-  },
+    });
 
-  watch: {
-    value(val) {
-      this.code = val;
-      this.setValues();
-    },
+    const placeholderMap = computed(() => {
+      const { columnsPlaceholder } = props;
+      return {
+        province: columnsPlaceholder[0] || '',
+        city: columnsPlaceholder[1] || '',
+        county: columnsPlaceholder[2] || '',
+      };
+    });
 
-    areaList: {
-      deep: true,
-      handler: 'setValues',
-    },
+    const getDefaultCode = () => {
+      if (props.columnsPlaceholder.length) {
+        return EMPTY_CODE;
+      }
 
-    columnsNum() {
-      this.$nextTick(() => {
-        this.setValues();
-      });
-    },
-  },
+      const { county, city } = areaList.value;
 
-  mounted() {
-    this.setValues();
-  },
+      const countyCodes = Object.keys(county);
+      if (countyCodes[0]) {
+        return countyCodes[0];
+      }
+
+      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],
@@ -118,38 +101,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;
       }
 
@@ -162,67 +144,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(picker, values, index) {
-      this.code = values[index].code;
-      this.setValues();
-
-      const parsedValues = this.parseOutputValues(picker.getValues());
-      this.$emit('change', picker, 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;
@@ -234,30 +166,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: '',
@@ -277,7 +224,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 {
@@ -287,44 +234,71 @@ export default createComponent({
       }
 
       return area;
-    },
-
-    // @exposed-api
-    reset(code) {
-      this.code = code || '';
-      this.setValues();
-    },
-  },
-
-  render() {
-    const on = {
-      ...this.$listeners,
-      change: this.onChange,
-      confirm: this.onConfirm,
     };
 
-    return (
-      <Picker
-        ref="picker"
-        class={bem()}
-        showToolbar
-        valueKey="name"
-        title={this.title}
-        columns={this.displayColumns}
-        loading={this.loading}
-        readonly={this.readonly}
-        itemHeight={this.itemHeight}
-        swipeDuration={this.swipeDuration}
-        visibleItemCount={this.visibleItemCount}
-        cancelButtonText={this.cancelButtonText}
-        confirmButtonText={this.confirmButtonText}
-        scopedSlots={pickSlots(this, [
-          'title',
-          'columns-top',
-          'columns-bottom',
-        ])}
-        {...{ on }}
-      />
+    const reset = (newCode = '') => {
+      state.code = newCode;
+      setValues();
+    };
+
+    const onChange = (values, index) => {
+      state.code = values[index].code;
+      setValues();
+
+      const parsedValues = parseValues(pickerRef.value.getValues());
+      emit('change', parsedValues, index);
+    };
+
+    const onConfirm = (values, index) => {
+      setValues();
+      emit('confirm', parseValues(values), index);
+    };
+
+    onMounted(setValues);
+
+    watch(
+      () => props.value,
+      (value) => {
+        state.code = value;
+        setValues();
+      }
     );
+
+    watch(() => props.areaList, setValues, { deep: true });
+
+    watch(
+      () => props.columnsNum,
+      () => {
+        nextTick(setValues);
+      }
+    );
+
+    useExpose({ reset, getArea });
+
+    return () => {
+      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',
+            'readonly',
+            'itemHeight',
+            'swipeDuration',
+            'visibleItemCount',
+            'cancelButtonText',
+            'confirmButtonText',
+          ])}
+        />
+      );
+    };
   },
 });
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/button/test/demo.spec.js b/src/area/test/demo.legacy.js
similarity index 100%
rename from src/button/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/README.md b/src/badge/README.md
new file mode 100644
index 000000000..6cc4b3e63
--- /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 | _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 | _number \| string_ | - |
+
+### 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..0bea13e48
--- /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 | 徽标内容 | _number \| string_ | - |
+| color | 徽标背景颜色 | _string_ | `#ee0a24` |
+| dot | 是否展示为小红点 | _boolean_ | `false` |
+| max | 最大值，超过最大值会显示 `{max}+`，仅当 content 为数字时有效 | _number \| string_ | - |
+
+### Slots
+
+| 名称    | 说明             |
+| ------- | ---------------- |
+| default | 徽标包裹的子元素 |
+| content | 自定义徽标内容   |
diff --git a/src/badge/demo/index.vue b/src/badge/demo/index.vue
new file mode 100644
index 000000000..235008996
--- /dev/null
+++ b/src/badge/demo/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <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" style="margin-left: 16px;" />
+  </demo-block>
+</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
new file mode 100644
index 000000000..6bbd1c791
--- /dev/null
+++ b/src/badge/index.less
@@ -0,0 +1,38 @@
+@import '../style/var';
+
+.van-badge {
+  display: inline-block;
+  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: @border-radius-max;
+
+  &--fixed {
+    position: absolute;
+    top: 0;
+    right: 0;
+    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%;
+  }
+
+  &__wrapper {
+    position: relative;
+    display: inline-block;
+  }
+}
diff --git a/src/badge/index.tsx b/src/badge/index.tsx
new file mode 100644
index 000000000..596820199
--- /dev/null
+++ b/src/badge/index.tsx
@@ -0,0 +1,66 @@
+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: {
+    dot: Boolean,
+    max: [Number, String],
+    color: String,
+    content: [Number, String],
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'div',
+    },
+  },
+
+  setup(props, { slots }) {
+    const hasContent = () =>
+      !!(slots.content || (isDef(props.content) && props.content !== ''));
+
+    const renderContent = () => {
+      const { dot, max, content } = props;
+
+      if (!dot && hasContent()) {
+        if (slots.content) {
+          return slots.content();
+        }
+
+        if (isDef(max) && isNumeric(content!) && +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/info/test/__snapshots__/index.spec.js.snap b/src/badge/test/__snapshots__/index.legacy.js.snap
similarity index 68%
rename from src/info/test/__snapshots__/index.spec.js.snap
rename to src/badge/test/__snapshots__/index.legacy.js.snap
index a8eb57b2b..f1dda6f62 100644
--- a/src/info/test/__snapshots__/index.spec.js.snap
+++ b/src/badge/test/__snapshots__/index.legacy.js.snap
@@ -4,4 +4,4 @@ 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`] = ``;
+exports[`should render when badge is zero 1`] = `<div class="van-badge">0</div>`;
diff --git a/src/info/test/index.spec.js b/src/badge/test/index.legacy.js
similarity index 79%
rename from src/info/test/index.spec.js
rename to src/badge/test/index.legacy.js
index 0ca1c2050..276a3c2ab 100644
--- a/src/info/test/index.spec.js
+++ b/src/badge/test/index.legacy.js
@@ -1,8 +1,8 @@
-import Info from '..';
+import Badge from '..';
 import { mount } from '../../../test';
 
 test('should not render when badge is empty string', () => {
-  const wrapper = mount(Info, {
+  const wrapper = mount(Badge, {
     propsData: {
       badge: '',
     },
@@ -12,7 +12,7 @@ test('should not render when badge is empty string', () => {
 });
 
 test('should not render when badge is empty undefined', () => {
-  const wrapper = mount(Info, {
+  const wrapper = mount(Badge, {
     propsData: {
       badge: undefined,
     },
@@ -22,7 +22,7 @@ test('should not render when badge is empty undefined', () => {
 });
 
 test('should render when badge is zero', () => {
-  const wrapper = mount(Info, {
+  const wrapper = mount(Badge, {
     propsData: {
       badge: 0,
     },
diff --git a/src/button/README.md b/src/button/README.md
index 7caef15b0..c292664e8 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
@@ -15,7 +16,7 @@ Vue.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>
@@ -25,21 +26,21 @@ Vue.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
@@ -47,14 +48,14 @@ Vue.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
@@ -62,7 +63,7 @@ Vue.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>
 ```
@@ -105,7 +106,7 @@ Vue.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 | Color, support linear-gradient | _string_ | - |
@@ -113,7 +114,7 @@ Vue.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` | _string_ | `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 d37c668ca..c65973976 100644
--- a/src/button/README.zh-CN.md
+++ b/src/button/README.zh-CN.md
@@ -7,21 +7,22 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Button } from 'vant';
 
-Vue.use(Button);
+const app = createApp();
+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>
@@ -33,7 +34,7 @@ Vue.use(Button);
 
 ```html
 <van-button plain type="primary">朴素按钮</van-button>
-<van-button plain type="info">朴素按钮</van-button>
+<van-button plain type="primary">朴素按钮</van-button>
 ```
 
 ### 细边框
@@ -42,7 +43,7 @@ Vue.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>
 ```
 
 ### 禁用状态
@@ -51,7 +52,7 @@ Vue.use(Button);
 
 ```html
 <van-button disabled type="primary">禁用状态</van-button>
-<van-button disabled type="info">禁用状态</van-button>
+<van-button disabled type="primary">禁用状态</van-button>
 ```
 
 ### 加载状态
@@ -61,7 +62,7 @@ Vue.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="加载中..." />
 ```
 
 ### 按钮形状
@@ -70,7 +71,7 @@ Vue.use(Button);
 
 ```html
 <van-button square type="primary">方形按钮</van-button>
-<van-button round type="info">圆形按钮</van-button>
+<van-button round type="primary">圆形按钮</van-button>
 ```
 
 ### 图标按钮
@@ -80,7 +81,7 @@ Vue.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>
 ```
@@ -131,7 +132,7 @@ Vue.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 | 按钮颜色，支持传入 `linear-gradient` 渐变色 | _string_ | - |
@@ -139,7 +140,7 @@ Vue.use(Button);
 | icon-prefix `v2.6.0` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
 | icon-position `v2.10.7` | 图标展示位置，可选值为 `right` | _string_ | `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/demo/index.vue b/src/button/demo/index.vue
index befe6c9b4..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="info">{{ t('info') }}</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="info" :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="info" :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="info" :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="info" />
-    </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="info" 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="info"
-        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>
@@ -89,7 +83,7 @@ export default {
       shape: '按钮形状',
       default: '默认按钮',
       primary: '主要按钮',
-      info: '信息按钮',
+      success: '成功按钮',
       danger: '危险按钮',
       warning: '警告按钮',
       large: '大号按钮',
@@ -118,7 +112,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 10cd8e797..a2be3c196 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/button/index.tsx b/src/button/index.tsx
index dbcfc06ad..f0663ba83 100644
--- a/src/button/index.tsx
+++ b/src/button/index.tsx
@@ -1,123 +1,78 @@
+import { PropType, CSSProperties } from 'vue';
+
 // 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';
+import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
 import Loading, { LoadingType } from '../loading';
 
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { ScopedSlot, DefaultSlots } from '../utils/types';
+const [createComponent, bem] = createNamespace('button');
 
-export type ButtonType = 'default' | 'primary' | 'info' | 'warning' | 'danger';
+export type ButtonType =
+  | 'default'
+  | 'primary'
+  | 'success'
+  | '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;
-  iconPosition: 'left' | 'right';
-};
+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,
+    loadingText: String,
+    loadingType: String as PropType<LoadingType>,
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'button',
+    },
+    type: {
+      type: String as PropType<ButtonType>,
+      default: 'default',
+    },
+    size: {
+      type: String as PropType<ButtonSize>,
+      default: 'normal',
+    },
+    nativeType: {
+      type: String,
+      default: 'button',
+    },
+    loadingSize: {
+      type: String,
+      default: '20px',
+    },
+    iconPosition: {
+      type: String as PropType<'left' | 'right'>,
+      default: 'left',
+    },
+  },
 
-export type ButtonEvents = {
-  onClick?(event: Event): void;
-};
+  emits: ['click'],
 
-export type ButttonSlots = DefaultSlots & {
-  loading?: ScopedSlot;
-};
+  setup(props, { emit, slots }) {
+    const route = useRoute();
 
-const [createComponent, bem] = createNamespace('button');
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
+      }
 
-function Button(
-  h: CreateElement,
-  props: ButtonProps,
-  slots: ButttonSlots,
-  ctx: RenderContext<ButtonProps>
-) {
-  const {
-    tag,
-    icon,
-    type,
-    color,
-    plain,
-    disabled,
-    loading,
-    hairline,
-    loadingText,
-    iconPosition,
-  } = 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 renderIcon() {
-    if (loading) {
-      return slots.loading ? (
-        slots.loading()
-      ) : (
+      return (
         <Loading
           class={bem('loading')}
           size={props.loadingSize}
@@ -125,91 +80,115 @@ function Button(
           color="currentColor"
         />
       );
-    }
+    };
+
+    const renderIcon = () => {
+      if (props.loading) {
+        return renderLoadingIcon();
+      }
+
+      if (props.icon) {
+        return (
+          <Icon
+            name={props.icon}
+            class={bem('icon')}
+            classPrefix={props.iconPrefix}
+          />
+        );
+      }
+    };
+
+    const renderText = () => {
+      let text;
+      if (props.loading) {
+        text = props.loadingText;
+      } else {
+        text = slots.default ? slots.default() : props.text;
+      }
+
+      if (text) {
+        return <span class={bem('text')}>{text}</span>;
+      }
+    };
+
+    const getStyle = () => {
+      const { color, plain } = props;
+      if (color) {
+        const style: CSSProperties = {};
+
+        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;
+        }
+
+        return style;
+      }
+    };
+
+    const onClick = (event: MouseEvent) => {
+      if (!props.loading && !props.disabled) {
+        emit('click', event);
+        route();
+      }
+    };
+
+    return () => {
+      const {
+        tag,
+        type,
+        size,
+        block,
+        round,
+        plain,
+        square,
+        loading,
+        disabled,
+        hairline,
+        nativeType,
+        iconPosition,
+      } = props;
+
+      const classes = [
+        bem([
+          type,
+          size,
+          {
+            plain,
+            block,
+            round,
+            square,
+            loading,
+            disabled,
+            hairline,
+          },
+        ]),
+        { [BORDER_SURROUND]: hairline },
+      ];
 
-    if (icon) {
       return (
-        <Icon name={icon} class={bem('icon')} classPrefix={props.iconPrefix} />
+        <tag
+          type={nativeType}
+          class={classes}
+          style={getStyle()}
+          disabled={disabled}
+          onClick={onClick}
+        >
+          <div class={bem('content')}>
+            {iconPosition === 'left' && renderIcon()}
+            {renderText()}
+            {iconPosition === 'right' && renderIcon()}
+          </div>
+        </tag>
       );
-    }
-  }
-
-  function renderContent() {
-    const content = [];
-
-    if (iconPosition === 'left') {
-      content.push(renderIcon());
-    }
-
-    let text;
-    if (loading) {
-      text = loadingText;
-    } else {
-      text = slots.default ? slots.default() : props.text;
-    }
-
-    if (text) {
-      content.push(<span class={bem('text')}>{text}</span>);
-    }
-
-    if (iconPosition === 'right') {
-      content.push(renderIcon());
-    }
-
-    return content;
-  }
-
-  return (
-    <tag
-      style={style}
-      class={classes}
-      type={props.nativeType}
-      disabled={disabled}
-      onClick={onClick}
-      onTouchstart={onTouchstart}
-      {...inherit(ctx)}
-    >
-      <div class={bem('content')}>{renderContent()}</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',
-  },
-  iconPosition: {
-    type: String,
-    default: 'left',
-  },
-};
-
-export default createComponent<ButtonProps, ButtonEvents, ButttonSlots>(Button);
+});
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/demo.spec.js b/src/button/test/demo.legacy.js
similarity index 100%
rename from src/calendar/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/README.md b/src/calendar/README.md
index be87db300..d076999bc 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
@@ -21,7 +22,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 +49,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 +75,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 +104,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 +112,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 +120,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 +141,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 +153,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 +190,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
@@ -252,13 +253,13 @@ 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` |
 | 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 d1b949be9..d0c1a38eb 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);
 ```
 
 ## 代码演示
@@ -21,7 +22,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 +51,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 +77,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 +106,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 +114,7 @@ export default {
 通过 `color` 属性可以自定义日历的颜色，对选中日期和底部按钮生效。
 
 ```html
-<van-calendar v-model="show" color="#07c160" />
+<van-calendar v-model:show="show" color="#07c160" />
 ```
 
 ### 自定义日期范围
@@ -121,7 +122,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 +143,7 @@ export default {
 
 ```html
 <van-calendar
-  v-model="show"
+  v-model:show="show"
   type="range"
   confirm-text="完成"
   confirm-disabled-text="请选择结束时间"
@@ -154,7 +155,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 +192,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" />
 ```
 
 ### 日期区间最大范围
@@ -254,13 +255,13 @@ 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` |
 | 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/components/Day.js b/src/calendar/components/Day.js
new file mode 100644
index 000000000..73a8d4b3c
--- /dev/null
+++ b/src/calendar/components/Day.js
@@ -0,0 +1,98 @@
+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 { item, index, color, offset, rowHeight } = props;
+      const style = {
+        height: rowHeight,
+      };
+
+      if (index === 0) {
+        style.marginLeft = `${(100 * offset) / 7}%`;
+      }
+
+      if (color) {
+        switch (item.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.item.type !== 'disabled') {
+        emit('click', props.item);
+      }
+    };
+
+    const renderContent = () => {
+      const { item, color, rowHeight } = props;
+      const { type, text, topInfo, bottomInfo } = item;
+
+      const TopInfo = topInfo && <div class={bem('top-info')}>{topInfo}</div>;
+
+      const BottomInfo = bottomInfo && (
+        <div class={bem('bottom-info')}>{bottomInfo}</div>
+      );
+
+      const Nodes = [TopInfo, text, BottomInfo];
+
+      if (type === 'selected') {
+        return (
+          <div
+            class={bem('selected-day')}
+            style={{
+              width: rowHeight,
+              height: rowHeight,
+              background: color,
+            }}
+          >
+            {Nodes}
+          </div>
+        );
+      }
+
+      return Nodes;
+    };
+
+    return () => {
+      const { type, className } = props.item;
+      return (
+        <div
+          role="gridcell"
+          style={style.value}
+          class={[bem('day', type), className]}
+          tabindex={type === 'disabled' ? null : -1}
+          onClick={onClick}
+        >
+          {renderContent()}
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/calendar/components/Header.js b/src/calendar/components/Header.js
index 814583b29..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 9a6508a00..e52985392 100644
--- a/src/calendar/components/Month.js
+++ b/src/calendar/components/Month.js
@@ -1,5 +1,8 @@
-import { createNamespace, addUnit } from '../../utils';
-import { setScrollTop } from '../../utils/dom/scroll';
+import { ref, computed, watch, nextTick } from 'vue';
+
+// Utils
+import { addUnit, unitToPx, setScrollTop, createNamespace } from '../../utils';
+import { getMonthEndDay } from '../../datetime-picker/utils';
 import {
   t,
   bem,
@@ -8,7 +11,15 @@ import {
   getNextDay,
   formatMonthTitle,
 } from '../utils';
-import { getMonthEndDay } from '../../datetime-picker/utils';
+
+// Composition
+import { useRect, useToggle } from '@vant/use';
+import { useRefs } from '../../composition/use-refs';
+import { useExpose } from '../../composition/use-expose';
+import { useHeight } from '../../composition/use-height';
+
+// Components
+import Day from './Day';
 
 const [createComponent] = createNamespace('calendar-month');
 
@@ -31,107 +42,50 @@ export default createComponent({
     firstDayOfWeek: Number,
   },
 
-  data() {
-    return {
-      visible: false,
-    };
-  },
+  emits: ['click', 'update-height'],
 
-  computed: {
-    title() {
-      return formatMonthTitle(this.date);
-    },
+  setup(props, { emit }) {
+    const [visible, setVisible] = useToggle();
+    const [dayRefs, setDayRefs] = useRefs();
+    const daysRef = ref();
+    const monthRef = ref();
+    const height = useHeight(monthRef);
 
-    rowHeightWithUnit() {
-      return addUnit(this.rowHeight);
-    },
+    const title = computed(() => formatMonthTitle(props.date));
 
-    offset() {
-      const { firstDayOfWeek } = this;
+    const rowHeight = computed(() => addUnit(props.rowHeight));
 
-      const realDay = this.date.getDay();
+    const offset = computed(() => {
+      const realDay = props.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.realRowHeight;
+    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.realRowHeight);
         return {
           paddingBottom: `${padding}px`,
         };
       }
-    },
+    });
 
-    days() {
-      const days = [];
-      const year = this.date.getFullYear();
-      const month = this.date.getMonth();
+    const getDate = () => props.data;
 
-      for (let day = 1; day <= this.totalDay; day++) {
-        const date = new Date(year, month, day);
-        const type = this.getDayType(date);
+    const getTitle = () => title.value;
 
-        let config = {
-          date,
-          type,
-          text: day,
-          bottomInfo: this.getBottomInfo(type),
-        };
-
-        if (this.formatter) {
-          config = this.formatter(config);
-        }
-
-        days.push(config);
-      }
-
-      return days;
-    },
-  },
-
-  watch: {
-    shouldRender(value) {
-      if (value) {
-        this.$nextTick(() => {
-          if (this.$refs.day[0] && !this.realRowHeight) {
-            const { height } = this.$refs.day[0].getBoundingClientRect();
-            this.$emit('update-height', height);
-          }
-        });
-      }
-    },
-
-    realRowHeight() {
-      this.height = null;
-    },
-  },
-
-  methods: {
-    getHeight() {
-      if (!this.height) {
-        this.height = this.$el.getBoundingClientRect().height;
-      }
-      return this.height;
-    },
-
-    scrollIntoView(body) {
-      const { days, month } = this.$refs;
-      const el = this.showSubtitle ? days : month;
+    const scrollIntoView = (body) => {
+      const el = props.showSubtitle ? daysRef.value : monthRef.value;
 
       const scrollTop =
         el.getBoundingClientRect().top -
@@ -139,11 +93,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);
@@ -154,19 +108,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 '';
@@ -180,25 +135,22 @@ export default createComponent({
 
       const compareToEnd = compareDay(day, endDay);
 
-      if (compareToStart === 0 && compareToEnd === 0 && this.allowSameDay) {
+      if (props.allowSameDay && compareToStart === 0 && compareToEnd === 0) {
         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';
@@ -208,149 +160,126 @@ export default createComponent({
         return;
       }
 
-      if (type === 'single') {
+      if (Array.isArray(currentDate)) {
+        if (type === 'multiple') {
+          return getMultipleDayType(day);
+        }
+        if (type === 'range') {
+          return 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) {
-      if (this.type === 'range') {
-        if (type === 'start' || type === 'end') {
-          return t(type);
+    const getBottomInfo = (dayType) => {
+      if (props.type === 'range') {
+        if (dayType === 'start' || dayType === 'end') {
+          return t(dayType);
         }
-        if (type === 'start-end') {
+        if (dayType === 'start-end') {
           return t('startEnd');
         }
       }
-    },
+    };
 
-    getDayStyle(type, index) {
-      const style = {
-        height: this.rowHeightWithUnit,
-      };
-
-      if (index === 0) {
-        style.marginLeft = `${(100 * this.offset) / 7}%`;
+    const renderTitle = () => {
+      if (props.showMonthTitle) {
+        return <div class={bem('month-title')}>{title.value}</div>;
       }
+    };
 
-      if (this.color) {
-        if (
-          type === 'start' ||
-          type === 'end' ||
-          type === 'start-end' ||
-          type === 'multiple-selected' ||
-          type === 'multiple-middle'
-        ) {
-          style.background = this.color;
-        } else if (type === 'middle') {
-          style.color = this.color;
+    const renderMark = () => {
+      if (props.showMark) {
+        return <div class={bem('month-mark')}>{props.date.getMonth() + 1}</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 style;
-    },
+      return days;
+    });
 
-    genTitle() {
-      if (this.showMonthTitle) {
-        return <div class={bem('month-title')}>{this.title}</div>;
-      }
-    },
+    const renderDay = (item, index) => (
+      <Day
+        ref={setDayRefs(index)}
+        item={item}
+        index={index}
+        color={props.color}
+        offset={offset.value}
+        rowHeight={rowHeight.value}
+        onClick={(item) => {
+          emit('click', item);
+        }}
+      />
+    );
 
-    genMark() {
-      if (this.showMark) {
-        return <div class={bem('month-mark')}>{this.date.getMonth() + 1}</div>;
-      }
-    },
-
-    genDays() {
-      if (this.shouldRender) {
+    const renderDays = () => {
+      if (shouldRender.value) {
         return (
-          <div ref="days" role="grid" class={bem('days')}>
-            {this.genMark()}
-            {this.days.map(this.genDay)}
+          <div ref={daysRef} role="grid" class={bem('days')}>
+            {renderMark()}
+            {days.value.map(renderDay)}
           </div>
         );
       }
 
-      return <div ref="days" />;
-    },
+      return <div ref={daysRef} />;
+    };
 
-    genDay(item, index) {
-      const { type, topInfo, bottomInfo } = item;
-      const style = this.getDayStyle(type, index);
-      const disabled = type === 'disabled';
-
-      const onClick = () => {
-        if (!disabled) {
-          this.$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
-            ref="day"
-            refInFor
-            role="gridcell"
-            style={style}
-            class={[bem('day'), item.className]}
-            tabindex={-1}
-            onClick={onClick}
-          >
-            <div
-              class={bem('selected-day')}
-              style={{
-                width: this.rowHeightWithUnit,
-                height: this.rowHeightWithUnit,
-                background: this.color,
-              }}
-            >
-              {TopInfo}
-              {item.text}
-              {BottomInfo}
-            </div>
-          </div>
-        );
+    watch(
+      () => props.realRowHeight,
+      () => {
+        nextTick(() => {
+          height.value = useRect(monthRef).height;
+        });
       }
+    );
 
-      return (
-        <div
-          ref="day"
-          refInFor
-          role="gridcell"
-          style={style}
-          class={[bem('day', type), item.className]}
-          tabindex={disabled ? null : -1}
-          onClick={onClick}
-        >
-          {TopInfo}
-          {item.text}
-          {BottomInfo}
-        </div>
-      );
-    },
-  },
+    watch(shouldRender, (value) => {
+      if (value) {
+        nextTick(() => {
+          if (dayRefs.value[0] && !props.realRowHeight) {
+            const { height } = dayRefs.value[0].$el.getBoundingClientRect();
+            emit('update-height', height);
+          }
+        });
+      }
+    });
 
-  render() {
-    return (
-      <div class={bem('month')} ref="month" style={this.monthStyle}>
-        {this.genTitle()}
-        {this.genDays()}
+    useExpose({
+      getDate,
+      getTitle,
+      getHeight: () => height.value,
+      setVisible,
+      scrollIntoView,
+    });
+
+    return () => (
+      <div class={bem('month')} ref={monthRef} style={monthStyle.value}>
+        {renderTitle()}
+        {renderDays()}
       </div>
     );
   },
diff --git a/src/calendar/demo/index.vue b/src/calendar/demo/index.vue
index 5b2c7a767..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="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/calendar/index.js b/src/calendar/index.js
index 6f6b7052d..24ea16fa7 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -1,7 +1,8 @@
+import { ref, watch, reactive, computed, onMounted, onActivated } from 'vue';
+
 // Utils
-import { raf } from '../utils/dom/raf';
+import { pick, getScrollTop } from '../utils';
 import { isDate } from '../utils/validate/date';
-import { getScrollTop } from '../utils/dom/scroll';
 import {
   t,
   bem,
@@ -15,6 +16,11 @@ import {
   getDayByOffset,
 } from './utils';
 
+// Composition
+import { raf, useRect } from '@vant/use';
+import { useRefs } from '../composition/use-refs';
+import { useExpose } from '../composition/use-expose';
+
 // Components
 import Popup from '../popup';
 import Button from '../button';
@@ -24,16 +30,16 @@ import Header from './components/Header';
 
 export default createComponent({
   props: {
+    show: Boolean,
     title: String,
     color: String,
-    value: Boolean,
     readonly: Boolean,
+    teleport: [String, Object],
     formatter: Function,
     rowHeight: [Number, String],
     confirmText: String,
     rangePrompt: String,
     defaultDate: [Date, Array],
-    getContainer: [String, Function],
     allowSameDay: Boolean,
     confirmDisabledText: String,
     type: {
@@ -108,123 +114,11 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      subtitle: '',
-      currentDate: this.getInitialDate(),
-      realRowHeight: 0,
-    };
-  },
+  emits: ['select', 'confirm', 'unselect', 'month-show', 'update:show'],
 
-  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: {
-    type: 'reset',
-    value: 'init',
-
-    defaultDate(val) {
-      this.currentDate = val;
-      this.scrollIntoView();
-    },
-  },
-
-  mounted() {
-    this.init();
-  },
-
-  /* istanbul ignore next */
-  activated() {
-    this.init();
-  },
-
-  methods: {
-    // @exposed-api
-    reset() {
-      this.currentDate = this.getInitialDate();
-      this.scrollIntoView();
-    },
-
-    init() {
-      if (this.poppable && !this.value) {
-        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.value || !this.poppable;
-
-        /* istanbul ignore if */
-        if (!targetDate || !displayed) {
-          return;
-        }
-
-        this.months.some((month, index) => {
-          if (compareMonth(month, targetDate) === 0) {
-            const { body, months } = this.$refs;
-            months[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;
@@ -248,15 +142,91 @@ 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, months } = this.$refs;
-      const top = getScrollTop(body);
-      const bottom = top + this.bodyHeight;
-      const heights = months.map((item) => item.getHeight());
+    const onScroll = () => {
+      const top = getScrollTop(bodyRef.value);
+      const bottom = top + bodyHeight;
+
+      const heights = months.value.map((item, index) =>
+        monthRefs.value[index].getHeight()
+      );
       const heightSum = heights.reduce((a, b) => a + b, 0);
 
       // iOS scroll bounce may exceed the range
@@ -268,21 +238,22 @@ export default createComponent({
       let currentMonth;
       const visibleRange = [-1, -1];
 
-      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) {
           visibleRange[1] = i;
 
           if (!currentMonth) {
-            currentMonth = months[i];
+            currentMonth = month;
             visibleRange[0] = i;
           }
 
-          if (!months[i].visible) {
-            this.$emit('month-show', {
-              date: months[i].date,
-              title: months[i].title,
+          if (!month.visible) {
+            emit('month-show', {
+              date: month.date,
+              title: month.title,
             });
           }
         }
@@ -290,28 +261,94 @@ export default createComponent({
         height += heights[i];
       }
 
-      months.forEach((month, index) => {
-        month.visible =
+      months.value.forEach((month, index) => {
+        const visible =
           index >= visibleRange[0] - 1 && index <= visibleRange[1] + 1;
+        monthRefs.value[index].setVisible(visible);
       });
 
       /* istanbul ignore else */
       if (currentMonth) {
-        this.subtitle = currentMonth.title;
+        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;
         }
 
@@ -321,23 +358,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;
@@ -347,179 +384,138 @@ 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('input', 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="months"
-          refInFor
+          ref={setMonthRefs(index)}
           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}
-          realRowHeight={this.realRowHeight}
+          currentDate={state.currentDate}
+          realRowHeight={state.realRowHeight}
           showMonthTitle={showMonthTitle}
-          firstDayOfWeek={this.dayOffset}
-          onClick={this.onClickDay}
-          onUpdate-height={this.onUpdateHeight}
+          firstDayOfWeek={dayOffset.value}
+          {...pick(props, [
+            'type',
+            'color',
+            'minDate',
+            'maxDate',
+            'showMark',
+            'formatter',
+            'rowHeight',
+            'lazyRender',
+            'showSubtitle',
+            'allowSameDay',
+          ])}
+          onClick={onClickDay}
+          onUpdate-height={onUpdateHeight}
         />
       );
-    },
+    };
 
-    genFooterContent() {
-      const slot = this.slots('footer');
-
-      if (slot) {
-        return slot;
+    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
-            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}>
-            {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) {
-      const createListener = (name) => () => this.$emit(name);
+    onMounted(init);
+    onActivated(init);
 
-      return (
-        <Popup
-          round
-          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')}
-        >
-          {this.genCalendar()}
-        </Popup>
-      );
-    }
+    useExpose({ reset });
 
-    return this.genCalendar();
+    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();
+    };
   },
 });
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/demo.spec.js b/src/calendar/test/demo.legacy.js
similarity index 100%
rename from src/card/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/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 aa5fdac7f..ad2bf8a9b 100644
--- a/src/card/README.zh-CN.md
+++ b/src/card/README.zh-CN.md
@@ -7,10 +7,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/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/card/index.js b/src/card/index.js
new file mode 100644
index 000000000..3d1d6fb7f
--- /dev/null
+++ b/src/card/index.js
@@ -0,0 +1,174 @@
+// 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 }) {
+    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;
+
+      const Price = showPrice && (
+        <div class={bem('price')}>
+          {slots.price ? slots.price() : renderPriceText()}
+        </div>
+      );
+
+      const OriginPrice = showOriginPrice && (
+        <div class={bem('origin-price')}>
+          {slots['origin-price']
+            ? slots['origin-price']()
+            : `${props.currency} ${props.originPrice}`}
+        </div>
+      );
+
+      const Num = showNum && (
+        <div class={bem('num')}>
+          {slots.num ? slots.num() : `x${props.num}`}
+        </div>
+      );
+
+      const Footer = slots.footer && (
+        <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')}>
+            {renderThumb()}
+            <div class={bem('content', { centered: props.centered })}>
+              <div>
+                {renderTitle()}
+                {renderDesc()}
+                {slots.tags?.()}
+              </div>
+              {Bottom}
+            </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/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/demo.spec.js b/src/card/test/demo.legacy.js
similarity index 100%
rename from src/cell/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-group/index.js b/src/cell-group/index.js
new file mode 100644
index 000000000..72800f262
--- /dev/null
+++ b/src/cell-group/index.js
@@ -0,0 +1,41 @@
+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: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props, { slots, attrs }) {
+    return () => {
+      const { title, border } = props;
+
+      const Group = (
+        <div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
+          {slots.default?.()}
+        </div>
+      );
+
+      if (title || slots.title) {
+        return (
+          <>
+            <div class={bem('title')}>
+              {slots.title ? slots.title() : title}
+            </div>
+            {Group}
+          </>
+        );
+      }
+
+      return Group;
+    };
+  },
+});
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/cell/README.md b/src/cell/README.md
index a3e13a470..ddd5e9b50 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 0d208b202..220f2427d 100644
--- a/src/cell/README.zh-CN.md
+++ b/src/cell/README.zh-CN.md
@@ -7,11 +7,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/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/cell/index.tsx b/src/cell/index.tsx
index c1a741ea2..6cbcfc277 100644
--- a/src/cell/index.tsx
+++ b/src/cell/index.tsx
@@ -1,150 +1,145 @@
+import { PropType } from 'vue';
+
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { emit, inherit } from '../utils/functional';
-import { routeProps, RouteProps, functionalRoute } from '../utils/router';
-import { cellProps, SharedCellProps } from './shared';
+
+// Composition
+import { useRoute, routeProps } from '../composition/use-route';
 
 // 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);
+export type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
 
-  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 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<CellProps, CellEvents, CellSlots>(Cell);
+export default createComponent({
+  props: {
+    ...cellProps,
+    ...routeProps,
+  },
+
+  setup(props, { slots }) {
+    const route = useRoute();
+
+    const renderLabel = () => {
+      const showLabel = slots.label || isDef(props.label);
+
+      if (showLabel) {
+        return (
+          <div class={[bem('label'), props.labelClass]}>
+            {slots.label ? slots.label() : props.label}
+          </div>
+        );
+      }
+    };
+
+    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>
+        );
+      }
+    };
+
+    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();
+      }
+
+      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']();
+      }
+
+      if (props.isLink) {
+        const name = props.arrowDirection
+          ? `arrow-${props.arrowDirection}`
+          : 'arrow';
+        return <Icon name={name} class={bem('right-icon')} />;
+      }
+    };
+
+    return () => {
+      const { size, center, border, isLink, required } = props;
+      const clickable = isLink || props.clickable;
+
+      const classes: Record<string, boolean | undefined> = {
+        center,
+        required,
+        clickable,
+        borderless: !border,
+      };
+      if (size) {
+        classes[size] = !!size;
+      }
+
+      return (
+        <div
+          class={bem(classes)}
+          role={clickable ? 'button' : undefined}
+          tabindex={clickable ? 0 : undefined}
+          onClick={route}
+        >
+          {renderLeftIcon()}
+          {renderTitle()}
+          {renderValue()}
+          {renderRightIcon()}
+          {slots.extra?.()}
+        </div>
+      );
+    };
+  },
+});
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/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/demo.spec.js b/src/cell/test/demo.legacy.js
similarity index 100%
rename from src/checkbox/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-group/index.js b/src/checkbox-group/index.js
index 2bd6cac3e..639dce5c4 100644
--- a/src/checkbox-group/index.js
+++ b/src/checkbox-group/index.js
@@ -1,49 +1,52 @@
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ParentMixin } from '../mixins/relation';
+import { CHECKBOX_KEY } from '../checkbox';
+import { useChildren } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('checkbox-group');
 
 export default createComponent({
-  mixins: [ParentMixin('vanCheckbox'), FieldMixin],
-
   props: {
     max: [Number, String],
     disabled: Boolean,
     direction: String,
     iconSize: [Number, String],
     checkedColor: String,
-    value: {
+    modelValue: {
       type: Array,
       default: () => [],
     },
   },
 
-  watch: {
-    value(val) {
-      this.$emit('change', val);
-    },
-  },
+  emits: ['change', 'update:modelValue'],
 
-  methods: {
-    // @exposed-api
-    toggleAll(checked) {
+  setup(props, { emit, slots }) {
+    const { children, linkChildren } = useChildren(CHECKBOX_KEY);
+
+    const toggleAll = (checked) => {
       if (checked === false) {
-        this.$emit('input', []);
-        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('input', names);
-    },
-  },
+    useExpose({ toggleAll });
+    useLinkField(() => props.modelValue);
+    linkChildren({ emit, props });
 
-  render() {
-    return <div class={bem([this.direction])}>{this.slots()}</div>;
+    return () => <div class={bem([props.direction])}>{slots.default?.()}</div>;
   },
 });
diff --git a/src/checkbox/Checker.tsx b/src/checkbox/Checker.tsx
new file mode 100644
index 000000000..51151b051
--- /dev/null
+++ b/src/checkbox/Checker.tsx
@@ -0,0 +1,133 @@
+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<HTMLElement>();
+
+    const getParentProp = (name: string) => {
+      if (props.parent) {
+        return props.parent.props[name];
+      }
+      return null;
+    };
+
+    const disabled = computed(
+      () => getParentProp('disabled') || props.disabled
+    );
+
+    const direction = computed(() => getParentProp('direction') || null);
+
+    const iconStyle = computed(() => {
+      const checkedColor = props.checkedColor || getParentProp('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 as Node);
+
+      if (!disabled.value && (iconClicked || !props.labelDisabled)) {
+        emit('toggle');
+      }
+      emit('click', event);
+    };
+
+    const renderIcon = () => {
+      const { bem, shape, checked } = props;
+      const iconSize = props.iconSize || getParentProp('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/README.md b/src/checkbox/README.md
index 3f6321f27..75aa98b4a 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
@@ -149,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
@@ -183,7 +184,11 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" ref="checkboxes" />
+        <van-checkbox
+          :name="item"
+          :ref="el => checkboxes[index] = el"
+          @click.stop
+        />
       </template>
     </van-cell>
   </van-cell-group>
@@ -191,19 +196,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 bf14f123f..289db155e 100644
--- a/src/checkbox/README.zh-CN.md
+++ b/src/checkbox/README.zh-CN.md
@@ -7,11 +7,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);
 ```
 
 ## 代码演示
@@ -171,7 +172,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
@@ -207,7 +208,11 @@ export default {
       @click="toggle(index)"
     >
       <template #right-icon>
-        <van-checkbox :name="item" ref="checkboxes" />
+        <van-checkbox
+          :name="item"
+          :ref="el => checkboxes[index] = el"
+          @click.stop
+        />
       </template>
     </van-cell>
   </van-cell-group>
@@ -215,18 +220,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();
-    },
-  },
 };
 ```
 
diff --git a/src/checkbox/demo/index.vue b/src/checkbox/demo/index.vue
index aee4d571b..b61467be0 100644
--- a/src/checkbox/demo/index.vue
+++ b/src/checkbox/demo/index.vue
@@ -1,111 +1,112 @@
 <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 :value="false" disabled>
-        {{ t('checkbox') }}
-      </van-checkbox>
-      <van-checkbox :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="info" @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="checkboxes" :name="item" />
-            </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>
+import { ref } from 'vue';
+import { useRefs } from '../../composition/use-refs';
+
 export default {
   i18n: {
     'zh-CN': {
@@ -140,6 +141,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,20 +184,6 @@ export default {
       inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
     };
   },
-
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-
-    checkAll() {
-      this.$refs.group.toggleAll(true);
-    },
-
-    toggleAll() {
-      this.$refs.group.toggleAll();
-    },
-  },
 };
 </script>
 
diff --git a/src/checkbox/index.js b/src/checkbox/index.js
index 507f6f9c9..f7cefc3b7 100644
--- a/src/checkbox/index.js
+++ b/src/checkbox/index.js
@@ -1,77 +1,86 @@
-import { createNamespace } from '../utils';
-import { CheckboxMixin } from '../mixins/checkbox';
+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 Checker, { checkerProps } from './Checker';
 
 const [createComponent, bem] = createNamespace('checkbox');
 
+export const CHECKBOX_KEY = 'vanCheckbox';
+
 export default createComponent({
-  mixins: [
-    CheckboxMixin({
-      bem,
-      role: 'checkbox',
-      parent: 'vanCheckbox',
-    }),
-  ],
-
-  computed: {
-    checked: {
-      get() {
-        if (this.parent) {
-          return this.parent.value.indexOf(this.name) !== -1;
-        }
-        return this.value;
-      },
-
-      set(val) {
-        if (this.parent) {
-          this.setParentValue(val);
-        } else {
-          this.$emit('input', val);
-        }
-      },
+  props: {
+    ...checkerProps,
+    // TODO
+    bindGroup: {
+      type: Boolean,
+      default: true,
     },
   },
 
-  watch: {
-    value(val) {
-      this.$emit('change', val);
-    },
-  },
+  emits: ['change', 'update:modelValue'],
 
-  methods: {
-    // @exposed-api
-    toggle(checked = !this.checked) {
-      // 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;
-      });
-    },
+  setup(props, { emit, slots }) {
+    const { parent } = useParent(CHECKBOX_KEY);
 
-    setParentValue(val) {
-      const { parent } = this;
-      const value = parent.value.slice();
+    const setParentValue = (checked) => {
+      const { name } = props;
+      const { max, modelValue } = parent.props;
+      const value = modelValue.slice();
 
-      if (val) {
-        if (parent.max && value.length >= parent.max) {
-          return;
-        }
+      if (checked) {
+        const overlimit = max && value.length >= max;
 
-        /* istanbul ignore else */
-        if (value.indexOf(this.name) === -1) {
-          value.push(this.name);
-          parent.$emit('input', value);
+        if (!overlimit && value.indexOf(name) === -1) {
+          value.push(name);
+          parent.emit('update:modelValue', value);
         }
       } else {
-        const index = value.indexOf(this.name);
+        const index = value.indexOf(name);
 
-        /* istanbul ignore else */
         if (index !== -1) {
           value.splice(index, 1);
-          parent.$emit('input', value);
+          parent.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) => {
+      if (parent) {
+        setParentValue(newValue);
+      } else {
+        emit('update:modelValue', newValue);
+      }
+    };
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit('change', value);
+      }
+    );
+
+    useExpose({ toggle, checked });
+    useLinkField(() => props.modelValue);
+
+    return () => (
+      <Checker
+        v-slots={pick(slots, ['default', 'icon'])}
+        bem={bem}
+        role="checkbox"
+        parent={parent}
+        checked={checked.value}
+        onToggle={toggle}
+        {...props}
+      />
+    );
   },
 });
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/demo.spec.js b/src/checkbox/test/demo.legacy.js
similarity index 100%
rename from src/circle/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/README.md b/src/circle/README.md
index aa152c2b7..5fad3cac4 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" :rate="30" :speed="100" :text="text" />
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="30"
+  :speed="100"
+  :text="text"
+/>
 ```
 
 ```js
@@ -36,7 +42,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="Custom Width"
@@ -47,7 +53,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="Custom Color"
@@ -58,7 +64,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="Gradient"
@@ -83,7 +89,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="Counter Clockwise"
@@ -94,7 +100,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   size="120px"
   text="Custom Size"
@@ -107,7 +113,7 @@ export default {
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | 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 2b788652d..1e876675d 100644
--- a/src/circle/README.zh-CN.md
+++ b/src/circle/README.zh-CN.md
@@ -7,20 +7,26 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Circle } from 'vant';
 
-Vue.use(Circle);
+const app = createApp();
+app.use(Circle);
 ```
 
 ## 代码演示
 
 ### 基础用法
 
-`rate` 属性表示进度条的目标进度，`v-model` 表示动画过程中的实时进度。当 `rate` 发生变化时，`v-model` 会以 `speed` 的速度变化，直至达到 `rate` 设定的值。
+`rate` 属性表示进度条的目标进度，`v-model:current-rate` 表示动画过程中的实时进度。当 `rate` 发生变化时，`v-model:current-rate` 会以 `speed` 的速度变化，直至达到 `rate` 设定的值。
 
 ```html
-<van-circle v-model="currentRate" :rate="30" :speed="100" :text="text" />
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="30"
+  :speed="100"
+  :text="text"
+/>
 ```
 
 ```js
@@ -44,7 +50,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :stroke-width="60"
   text="宽度定制"
@@ -57,7 +63,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   layer-color="#ebedf0"
   text="颜色定制"
@@ -70,7 +76,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :color="gradientColor"
   text="渐变色"
@@ -97,7 +103,7 @@ export default {
 
 ```html
 <van-circle
-  v-model="currentRate"
+  v-model:current-rate="currentRate"
   :rate="rate"
   :clockwise="false"
   text="逆时针方向"
@@ -109,7 +115,12 @@ export default {
 通过 `size` 属性设置圆环直径。
 
 ```html
-<van-circle v-model="currentRate" :rate="rate" size="120px" text="大小定制" />
+<van-circle
+  v-model:current-rate="currentRate"
+  :rate="rate"
+  size="120px"
+  text="大小定制"
+/>
 ```
 
 ## API
@@ -118,7 +129,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 当前进度 | _number_ | - |
+| v-model:current-rate | 当前进度 | _number_ | - |
 | rate | 目标进度 | _number \| string_ | `100` |
 | size | 圆环直径，默认单位为 `px` | _number \| string_ | `100px` |
 | color | 进度条颜色，传入对象格式可以定义渐变色 | _string \| object_ | `#1989fa` |
@@ -127,7 +138,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/demo/index.vue b/src/circle/demo/index.vue
index 55899e03f..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="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="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="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="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="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="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/circle/index.js b/src/circle/index.js
deleted file mode 100644
index 9e9ca50eb..000000000
--- a/src/circle/index.js
+++ /dev/null
@@ -1,183 +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,
-    value: {
-      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.value) / 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.value;
-        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('input', 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('input', 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() ||
-          (this.text && <div class={bem('text')}>{this.text}</div>)}
-      </div>
-    );
-  },
-});
diff --git a/src/circle/index.tsx b/src/circle/index.tsx
new file mode 100644
index 000000000..95270542d
--- /dev/null
+++ b/src/circle/index.tsx
@@ -0,0 +1,180 @@
+import { watch, computed, PropType } from 'vue';
+import { raf, cancelRaf } from '@vant/use';
+import { isObject, getSizeStyle, createNamespace } from '../utils';
+import { BLUE, WHITE } from '../utils/constant';
+
+const [createComponent, bem] = createNamespace('circle');
+
+let uid = 0;
+
+function format(rate: string | number) {
+  return Math.min(Math.max(+rate, 0), 100);
+}
+
+function getPath(clockwise: boolean, viewBoxSize: number) {
+  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 as PropType<CanvasLineCap>,
+    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'],
+
+  setup(props, { emit, slots }) {
+    const id = `van-circle-${uid++}`;
+
+    const viewBoxSize = computed(() => +props.strokeWidth + 1000);
+
+    const path = computed(() => getPath(props.clockwise, viewBoxSize.value));
+
+    watch(
+      () => 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
+        );
+
+        const animate = () => {
+          const now = Date.now();
+          const progress = Math.min((now - startTime) / duration, 1);
+          const rate = progress * (endRate - startRate) + startRate;
+
+          emit('update:currentRate', format(parseFloat(rate.toFixed(1))));
+
+          if (endRate > startRate ? rate < endRate : rate > endRate) {
+            rafId = raf(animate);
+          }
+        };
+
+        if (props.speed) {
+          if (rafId) {
+            cancelRaf(rafId);
+          }
+          rafId = raf(animate);
+        } else {
+          emit('update:currentRate', endRate);
+        }
+      },
+      { immediate: true }
+    );
+
+    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`,
+      };
+
+      return (
+        <path
+          d={path.value}
+          style={style}
+          class={bem('layer')}
+          stroke={isObject(color) ? `url(#${id})` : color}
+        />
+      );
+    };
+
+    const renderGradient = () => {
+      const { color } = props;
+
+      if (!isObject(color)) {
+        return;
+      }
+
+      const Stops = Object.keys(color)
+        .sort((a, b) => parseFloat(a) - parseFloat(b))
+        .map((key, index) => (
+          <stop key={index} offset={key} stop-color={color[key]} />
+        ));
+
+      return (
+        <defs>
+          <linearGradient id={id} x1="100%" y1="0%" x2="0%" y2="0%">
+            {Stops}
+          </linearGradient>
+        </defs>
+      );
+    };
+
+    const renderText = () => {
+      if (slots.default) {
+        return slots.default();
+      }
+      if (props.text) {
+        return <div class={bem('text')}>{props.text}</div>;
+      }
+    };
+
+    return () => (
+      <div class={bem()} style={getSizeStyle(props.size)}>
+        <svg viewBox={`0 0 ${viewBoxSize.value} ${viewBoxSize.value}`}>
+          {renderGradient()}
+          {renderHover()}
+          {renderLayer()}
+        </svg>
+        {renderText()}
+      </div>
+    );
+  },
+});
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/demo.spec.js b/src/circle/test/demo.legacy.js
similarity index 100%
rename from src/col/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/README.md b/src/col/README.md
index 28cc21d2b..949d2c215 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
@@ -50,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>
@@ -92,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 eba29bda0..c005f499d 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);
 ```
 
 ## 代码演示
@@ -49,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>
@@ -96,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..991b83d43 100644
--- a/src/col/demo/index.vue
+++ b/src/col/demo/index.vue
@@ -1,66 +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('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>
+  <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-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 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 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-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>
@@ -68,11 +60,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.js b/src/col/index.js
deleted file mode 100644
index 056d47c32..000000000
--- a/src/col/index.js
+++ /dev/null
@@ -1,51 +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',
-    },
-  },
-
-  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()}
-      </this.tag>
-    );
-  },
-});
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/col/index.tsx b/src/col/index.tsx
new file mode 100644
index 000000000..8a445f4fe
--- /dev/null
+++ b/src/col/index.tsx
@@ -0,0 +1,53 @@
+import { computed, PropType } from 'vue';
+import { createNamespace } from '../utils';
+import { useParent } from '@vant/use';
+import { ROW_KEY, RowProvide } from '../row';
+
+const [createComponent, bem] = createNamespace('col');
+
+export default createComponent({
+  props: {
+    offset: [Number, String],
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'div',
+    },
+    span: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  setup(props, { slots }) {
+    const { parent, index } = useParent<RowProvide>(ROW_KEY);
+
+    const style = computed(() => {
+      if (!parent) {
+        return;
+      }
+
+      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 () => {
+      const { tag, span, offset } = props;
+
+      return (
+        <tag
+          style={style.value}
+          class={bem({ [span]: span, [`offset-${offset}`]: offset })}
+        >
+          {slots.default?.()}
+        </tag>
+      );
+    };
+  },
+});
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/demo.spec.js b/src/col/test/demo.legacy.js
similarity index 100%
rename from src/collapse/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-item/index.js b/src/collapse-item/index.js
index 08542e809..00ef6c242 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -1,21 +1,20 @@
+import { ref, watch, computed, nextTick } from 'vue';
+
 // Utils
 import { createNamespace } from '../utils';
-import { raf, doubleRaf } from '../utils/dom/raf';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { raf, doubleRaf, useParent } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
+import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
-import Cell from '../cell';
-import { cellProps } from '../cell/shared';
+import Cell, { cellProps } from '../cell';
+import { COLLAPSE_KEY } from '../collapse';
 
 const [createComponent, bem] = createNamespace('collapse-item');
 
-const CELL_SLOTS = ['title', 'icon', 'right-icon'];
-
 export default createComponent({
-  mixins: [ChildrenMixin('vanCollapse')],
-
   props: {
     ...cellProps,
     name: [Number, String],
@@ -26,157 +25,118 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      show: null,
-      inited: null,
+  setup(props, { slots }) {
+    const wrapperRef = ref();
+    const contentRef = ref();
+    const { parent, index } = useParent(COLLAPSE_KEY);
+
+    const currentName = computed(() => props.name ?? index.value);
+
+    const expanded = computed(() => {
+      if (parent) {
+        return parent.isExpanded(currentName.value);
+      }
+      return null;
+    });
+
+    const show = ref(expanded.value);
+    const lazyRender = useLazyRender(show);
+
+    const onTransitionEnd = () => {
+      if (!expanded.value) {
+        show.value = false;
+      } else {
+        wrapperRef.value.style.height = '';
+      }
     };
-  },
 
-  computed: {
-    currentName() {
-      return this.name ?? this.index;
-    },
-
-    expanded() {
-      if (!this.parent) {
-        return null;
-      }
-
-      const { value, accordion } = this.parent;
-
-      if (
-        process.env.NODE_ENV === 'development' &&
-        !accordion &&
-        !Array.isArray(value)
-      ) {
-        console.error('[Vant] Collapse: type of prop "value" should be Array');
+    watch(expanded, (value, oldValue) => {
+      if (oldValue === null) {
         return;
       }
 
-      return accordion
-        ? value === this.currentName
-        : value.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;
       }
 
       // 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 (!contentRef.value || !wrapperRef.value) {
           return;
         }
 
-        const { offsetHeight } = content;
+        const { offsetHeight } = contentRef.value;
         if (offsetHeight) {
           const contentHeight = `${offsetHeight}px`;
-          wrapper.style.height = expanded ? 0 : contentHeight;
+          wrapperRef.value.style.height = value ? 0 : contentHeight;
 
           // use double raf to ensure animation can start
           doubleRaf(() => {
-            wrapper.style.height = expanded ? contentHeight : 0;
+            wrapperRef.value.style.height = value ? contentHeight : 0;
           });
         } else {
-          this.onTransitionEnd();
+          onTransitionEnd();
         }
       });
-    },
-  },
+    });
 
-  methods: {
-    onClick() {
-      if (!this.disabled) {
-        this.toggle();
+    const toggle = (value = !expanded.value) => {
+      parent.toggle(currentName.value, value);
+    };
+
+    const onClickTitle = () => {
+      if (!props.disabled) {
+        toggle();
       }
-    },
+    };
 
-    // @exposed-api
-    toggle(expanded = !this.expanded) {
-      const { parent, currentName } = this;
-      const close = parent.accordion && currentName === parent.value;
-      const name = close ? '' : currentName;
-      this.parent.switch(name, expanded);
-    },
-
-    onTransitionEnd() {
-      if (!this.expanded) {
-        this.show = false;
-      } else {
-        this.$refs.wrapper.style.height = '';
-      }
-    },
-
-    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 renderTitle = () => {
+      const { border, disabled } = props;
 
       return (
         <Cell
+          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}
-          scopedSlots={titleSlots}
+          class={bem('title', {
+            disabled,
+            expanded: expanded.value,
+            borderless: !border,
+          })}
           tabindex={disabled ? -1 : 0}
-          aria-expanded={String(expanded)}
-          {...{ props: this.$props }}
+          aria-expanded={String(expanded.value)}
+          onClick={onClickTitle}
+          {...props}
         />
       );
-    },
+    };
 
-    genContent() {
-      if (this.inited) {
-        return (
-          <div
-            vShow={this.show}
-            ref="wrapper"
-            class={bem('wrapper')}
-            onTransitionend={this.onTransitionEnd}
-          >
-            <div ref="content" class={bem('content')}>
-              {this.slots()}
-            </div>
-          </div>
-        );
-      }
-    },
-  },
+    const renderContent = lazyRender(() => (
+      <div
+        v-show={show.value}
+        ref={wrapperRef}
+        class={bem('wrapper')}
+        onTransitionend={onTransitionEnd}
+      >
+        <div ref={contentRef} class={bem('content')}>
+          {slots.default?.()}
+        </div>
+      </div>
+    ));
 
-  render() {
-    return (
-      <div class={[bem({ border: this.index && this.border })]}>
-        {this.genTitle()}
-        {this.genContent()}
+    useExpose({ toggle });
+
+    return () => (
+      <div class={[bem({ border: index.value && props.border })]}>
+        {renderTitle()}
+        {renderContent()}
       </div>
     );
   },
diff --git a/src/collapse/README.md b/src/collapse/README.md
index 5bbfe7241..8a2b62ed2 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 a74043f65..c62fae600 100644
--- a/src/collapse/README.zh-CN.md
+++ b/src/collapse/README.zh-CN.md
@@ -7,11 +7,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/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/collapse/index.js b/src/collapse/index.js
index fe159a03d..35fff2527 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,37 +1,65 @@
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('collapse');
 
-export default createComponent({
-  mixins: [ParentMixin('vanCollapse')],
+export const COLLAPSE_KEY = 'vanCollapse';
 
+export default createComponent({
   props: {
     accordion: Boolean,
-    value: [String, Number, Array],
+    modelValue: [String, Number, Array],
     border: {
       type: Boolean,
       default: true,
     },
   },
 
-  methods: {
-    switch(name, expanded) {
-      if (!this.accordion) {
-        name = expanded
-          ? this.value.concat(name)
-          : this.value.filter((activeName) => activeName !== name);
-      }
-      this.$emit('change', name);
-      this.$emit('input', name);
-    },
-  },
+  emits: ['change', 'update:modelValue'],
 
-  render() {
-    return (
-      <div class={[bem(), { [BORDER_TOP_BOTTOM]: this.border }]}>
-        {this.slots()}
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(COLLAPSE_KEY);
+
+    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;
+    };
+
+    linkChildren({ toggle, isExpanded });
+
+    return () => (
+      <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>
+        {slots.default?.()}
       </div>
     );
   },
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/demo.spec.js b/src/collapse/test/demo.legacy.js
similarity index 100%
rename from src/contact-card/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/composition/use-expose.ts b/src/composition/use-expose.ts
new file mode 100644
index 000000000..3a06d4ac4
--- /dev/null
+++ b/src/composition/use-expose.ts
@@ -0,0 +1,9 @@
+import { getCurrentInstance } from 'vue';
+
+// expose public api
+export function useExpose(apis: Record<string, any>) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
+  }
+}
diff --git a/src/composition/use-height.ts b/src/composition/use-height.ts
new file mode 100644
index 000000000..3120dd8e7
--- /dev/null
+++ b/src/composition/use-height.ts
@@ -0,0 +1,14 @@
+import { useRect } from '@vant/use';
+import { Ref, ref, onMounted, nextTick } from 'vue';
+
+export const useHeight = (element: Element | Ref<Element>) => {
+  const height = ref();
+
+  onMounted(() => {
+    nextTick(() => {
+      height.value = useRect(element).height;
+    });
+  });
+
+  return height;
+};
diff --git a/src/composition/use-lazy-render.ts b/src/composition/use-lazy-render.ts
new file mode 100644
index 000000000..992df2d45
--- /dev/null
+++ b/src/composition/use-lazy-render.ts
@@ -0,0 +1,17 @@
+import { ref, watch, WatchSource } from 'vue';
+
+export function useLazyRender(show: WatchSource<boolean | undefined>) {
+  const inited = ref(false);
+
+  watch(
+    show,
+    (value) => {
+      if (value) {
+        inited.value = value;
+      }
+    },
+    { immediate: true }
+  );
+
+  return (render: () => JSX.Element) => () => (inited.value ? render() : null);
+}
diff --git a/src/composition/use-link-field.ts b/src/composition/use-link-field.ts
new file mode 100644
index 000000000..52c83ef35
--- /dev/null
+++ b/src/composition/use-link-field.ts
@@ -0,0 +1,15 @@
+import { watch, inject } from 'vue';
+import { FIELD_KEY } from '../field';
+
+export function useLinkField(getValue: () => unknown) {
+  const field = inject(FIELD_KEY, null) as any;
+
+  if (field && !field.childFieldValue.value) {
+    field.childFieldValue.value = getValue;
+
+    watch(getValue, () => {
+      field.resetValidation();
+      field.validateWithTrigger('onChange');
+    });
+  }
+}
diff --git a/src/composition/use-lock-scroll.ts b/src/composition/use-lock-scroll.ts
new file mode 100644
index 000000000..c64e9edf6
--- /dev/null
+++ b/src/composition/use-lock-scroll.ts
@@ -0,0 +1,25 @@
+let count = 0;
+
+const CLASSNAME = 'van-overflow-hidden';
+
+export function useLockScroll(shouldLock: () => boolean) {
+  const lock = () => {
+    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/composition/use-placeholder.tsx b/src/composition/use-placeholder.tsx
new file mode 100644
index 000000000..330c0c9d3
--- /dev/null
+++ b/src/composition/use-placeholder.tsx
@@ -0,0 +1,16 @@
+import { useHeight } from './use-height';
+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: () => JSX.Element) => (
+    <div
+      class={bem('placeholder')}
+      style={{ height: height.value ? `${height.value}px` : undefined }}
+    >
+      {renderContent()}
+    </div>
+  );
+}
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];
+}
diff --git a/src/composition/use-route.ts b/src/composition/use-route.ts
new file mode 100644
index 000000000..f06c0680e
--- /dev/null
+++ b/src/composition/use-route.ts
@@ -0,0 +1,36 @@
+/**
+ * Vue Router support
+ */
+import {
+  PropType,
+  ExtractPropTypes,
+  getCurrentInstance,
+  ComponentPublicInstance,
+} from 'vue';
+import type { RouteLocation } from 'vue-router';
+
+export const routeProps = {
+  to: [String, Object] as PropType<RouteLocation>,
+  url: String,
+  replace: Boolean,
+};
+
+export type RouteProps = ExtractPropTypes<typeof routeProps>;
+
+export function route(vm: ComponentPublicInstance<RouteProps>) {
+  const router = vm.$router;
+  const { to, url, replace } = vm;
+
+  if (to && router) {
+    router[replace ? 'replace' : 'push'](to);
+  } else if (url) {
+    replace ? location.replace(url) : (location.href = url);
+  }
+}
+
+export function useRoute() {
+  const vm = getCurrentInstance()!.proxy as ComponentPublicInstance<RouteProps>;
+  return () => {
+    route(vm);
+  };
+}
diff --git a/src/composition/use-touch.ts b/src/composition/use-touch.ts
new file mode 100644
index 000000000..7becdd053
--- /dev/null
+++ b/src/composition/use-touch.ts
@@ -0,0 +1,69 @@
+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 '';
+}
+
+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<Direction>('');
+
+  const isVertical = () => direction.value === 'vertical';
+  const isHorizontal = () => direction.value === 'horizontal';
+
+  const reset = () => {
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+    direction.value = '';
+  };
+
+  const start = ((event: TouchEvent) => {
+    reset();
+    startX.value = event.touches[0].clientX;
+    startY.value = event.touches[0].clientY;
+  }) as EventListener;
+
+  const move = ((event: TouchEvent) => {
+    const touch = event.touches[0];
+    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);
+    }
+  }) as EventListener;
+
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal,
+  };
+}
diff --git a/src/composition/use-visibility-change.ts b/src/composition/use-visibility-change.ts
new file mode 100644
index 000000000..f7bec82fc
--- /dev/null
+++ b/src/composition/use-visibility-change.ts
@@ -0,0 +1,44 @@
+import { inBrowser } from '../utils';
+import {
+  Ref,
+  onMounted,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
+
+// @Experimental
+export function useVisibilityChange(
+  target: Ref<Element | undefined>,
+  onChange: (visible: boolean) => void
+) {
+  // compatibility: https://caniuse.com/#feat=intersectionobserver
+  if (!inBrowser || !window.IntersectionObserver) {
+    return;
+  }
+
+  const observer = new IntersectionObserver(
+    (entries) => {
+      // visibility changed
+      onChange(entries[0].intersectionRatio > 0);
+    },
+    { root: document.body }
+  );
+
+  const observe = () => {
+    if (target.value) {
+      observer.observe(target.value);
+    }
+  };
+
+  const unobserve = () => {
+    if (target.value) {
+      observer.unobserve(target.value);
+    }
+  };
+
+  onMounted(observe);
+  onActivated(observe);
+  onDeactivated(unobserve);
+  onBeforeUnmount(unobserve);
+}
diff --git a/src/contact-card/README.md b/src/contact-card/README.md
index 1b2b91dff..925af6e0b 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
@@ -25,7 +26,7 @@ Vue.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"
@@ -36,7 +37,7 @@ Vue.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 ed9e441af..2838814e7 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);
 ```
 
 ## 代码演示
@@ -29,7 +30,7 @@ Vue.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"
@@ -40,7 +41,7 @@ Vue.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/contact-card/demo/index.vue b/src/contact-card/demo/index.vue
index c1968e315..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="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="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/contact-card/index.js b/src/contact-card/index.js
new file mode 100644
index 000000000..43765181a
--- /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 }) {
+    const onClick = (event) => {
+      if (props.editable) {
+        emit('click', event);
+      }
+    };
+
+    const renderContent = () => {
+      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
+        icon={props.type === 'edit' ? 'contact' : 'add-square'}
+        class={bem([props.type])}
+        border={false}
+        isLink={props.editable}
+        valueClass={bem('value')}
+        onClick={onClick}
+      >
+        {renderContent()}
+      </Cell>
+    );
+  },
+});
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-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/coupon-list/test/demo.spec.js b/src/contact-card/test/demo.legacy.js
similarity index 100%
rename from src/coupon-list/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/contact-edit/index.js b/src/contact-edit/index.js
index 6ca3a97bd..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,
@@ -33,128 +35,139 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      data: {
-        ...defaultContact,
-        ...this.contactInfo,
+  emits: ['save', 'delete', 'change-default'],
+
+  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
-            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>
-        )}
-        <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>
+      );
+    };
   },
 });
diff --git a/src/contact-list/index.js b/src/contact-list/index.js
new file mode 100644
index 000000000..5fbbdf688
--- /dev/null
+++ b/src/contact-list/index.js
@@ -0,0 +1,98 @@
+// 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 }) {
+    const renderItem = (item, index) => {
+      const onClick = () => {
+        emit('update:modelValue', item.id);
+        emit('select', item, index);
+      };
+
+      const renderRightIcon = () => (
+        <Radio name={item.id} iconSize={16} checkedColor={RED} />
+      );
+
+      const renderLeftIcon = () => (
+        <Icon
+          name="edit"
+          class={bem('edit')}
+          onClick={(event) => {
+            event.stopPropagation();
+            emit('edit', item, index);
+          }}
+        />
+      );
+
+      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: 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>
+    );
+  },
+});
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/src/count-down/README.md b/src/count-down/README.md
index 99e5b7c46..64fef8755 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
@@ -133,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 3d1f32901..56a05287d 100644
--- a/src/count-down/README.zh-CN.md
+++ b/src/count-down/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { CountDown } from 'vant';
 
-Vue.use(CountDown);
+const app = createApp();
+app.use(CountDown);
 ```
 
 ## 代码演示
@@ -147,26 +148,27 @@ export default {
 
 ### Events
 
-| 事件名          | 说明             | 回调参数             |
-| --------------- | ---------------- | -------------------- |
-| finish          | 倒计时结束时触发 | -                    |
-| change `v2.4.4` | 倒计时变化时触发 | _timeData: TimeData_ |
+| 事件名          | 说明             | 回调参数                   |
+| --------------- | ---------------- | -------------------------- |
+| finish          | 倒计时结束时触发 | -                          |
+| change `v2.4.4` | 倒计时变化时触发 | _currentTime: CurrentTime_ |
 
 ### Slots
 
-| 名称    | 说明       | 参数                 |
-| ------- | ---------- | -------------------- |
-| default | 自定义内容 | _timeData: TimeData_ |
+| 名称    | 说明       | 参数                       |
+| ------- | ---------- | -------------------------- |
+| 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/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/count-down/index.js b/src/count-down/index.js
deleted file mode 100644
index c13d36779..000000000
--- a/src/count-down/index.js
+++ /dev/null
@@ -1,160 +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,
-    },
-  },
-
-  data() {
-    return {
-      remain: 0,
-    };
-  },
-
-  computed: {
-    timeData() {
-      return parseTimeData(this.remain);
-    },
-
-    formattedTime() {
-      return parseFormat(this.format, this.timeData);
-    },
-  },
-
-  watch: {
-    time: {
-      immediate: true,
-      handler: '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.timeData) || this.formattedTime}
-      </div>
-    );
-  },
-});
diff --git a/src/count-down/index.tsx b/src/count-down/index.tsx
new file mode 100644
index 000000000..0deed0b3b
--- /dev/null
+++ b/src/count-down/index.tsx
@@ -0,0 +1,68 @@
+import { watch, computed } from 'vue';
+
+// Utils
+import { createNamespace } from '../utils';
+import { parseFormat } from './utils';
+
+// Composition
+import { useCountDown } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
+
+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'],
+
+  setup(props, { emit, slots }) {
+    const { start, pause, reset, current } = useCountDown({
+      time: +props.time,
+      millisecond: props.millisecond,
+      onChange(current) {
+        emit('change', current);
+      },
+      onFinish() {
+        emit('finish');
+      },
+    });
+
+    const timeText = computed(() => parseFormat(props.format, current.value));
+
+    const resetTime = () => {
+      reset(+props.time);
+
+      if (props.autoStart) {
+        start();
+      }
+    };
+
+    watch(() => props.time, resetTime, { immediate: true });
+
+    useExpose({
+      start,
+      pause,
+      reset: resetTime,
+    });
+
+    return () => (
+      <div class={bem()}>
+        {slots.default ? slots.default(current.value) : timeText.value}
+      </div>
+    );
+  },
+});
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/count-down/test/index.spec.js b/src/count-down/test/index.legacy.js
similarity index 99%
rename from src/count-down/test/index.spec.js
rename to src/count-down/test/index.legacy.js
index 1f0376509..53abbf532 100644
--- a/src/count-down/test/index.spec.js
+++ b/src/count-down/test/index.legacy.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/count-down/utils.ts b/src/count-down/utils.ts
index 63c17264e..ce66f1fbb 100644
--- a/src/count-down/utils.ts
+++ b/src/count-down/utils.ts
@@ -1,37 +1,9 @@
-import { padZero } from '../utils/format/string';
+import { padZero } from '../utils';
+import { CurrentTime } from '@vant/use';
 
-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;
@@ -71,7 +43,3 @@ export function parseFormat(format: string, timeData: TimeData): string {
 
   return format;
 }
-
-export function isSameSecond(time1: number, time2: number): boolean {
-  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
-}
diff --git a/src/coupon-cell/index.js b/src/coupon-cell/index.js
new file mode 100644
index 000000000..3aa3b059a
--- /dev/null
+++ b/src/coupon-cell/index.js
@@ -0,0 +1,67 @@
+import { isDef, 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) {
+    let value = 0;
+
+    if (isDef(coupon.value)) {
+      ({ value } = coupon);
+    } else if (isDef(coupon.denominations)) {
+      value = coupon.denominations;
+    }
+
+    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 selected = props.coupons[+props.chosenCoupon];
+      const value = formatValue(props);
+
+      return (
+        <Cell
+          class={bem()}
+          value={value}
+          title={props.title || t('title')}
+          border={props.border}
+          isLink={props.editable}
+          valueClass={bem('value', { selected })}
+        />
+      );
+    };
+  },
+});
diff --git a/src/coupon-cell/index.tsx b/src/coupon-cell/index.tsx
deleted file mode 100644
index 368758649..000000000
--- a/src/coupon-cell/index.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-// Utils
-import { createNamespace, isDef } 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) {
-    let value = 0;
-
-    if (isDef(coupon.value)) {
-      ({ value } = coupon);
-    } else if (isDef(coupon.denominations)) {
-      value = coupon.denominations;
-    }
-
-    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 selected = props.coupons[+props.chosenCoupon];
-  const value = formatValue(props);
-
-  return (
-    <Cell
-      class={bem()}
-      value={value}
-      title={props.title || t('title')}
-      border={props.border}
-      isLink={props.editable}
-      valueClass={bem('value', { selected })}
-      {...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.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 a5b496288..81d8588ce 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);
 ```
 
 ## 代码演示
@@ -88,7 +89,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..b5dd09da0 100644
--- a/src/coupon-list/demo/index.vue
+++ b/src/coupon-list/demo/index.vue
@@ -1,29 +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="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/coupon-list/index.js b/src/coupon-list/index.js
index 8f991535b..b6d809b9e 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';
@@ -12,16 +18,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,178 +69,170 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['change', 'exchange', 'update:code'],
+
+  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('input', 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}
-              currency={this.currency}
-              chosen={index === this.chosenCoupon}
-              nativeOnClick={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}
+            v-show={props.showCloseButton}
             round
-            type="danger"
             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/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/demo.spec.js b/src/coupon-list/test/demo.legacy.js
similarity index 100%
rename from src/datetime-picker/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/coupon/index.js b/src/coupon/index.js
index a7740c145..43638463f 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -1,6 +1,6 @@
-import { createNamespace } from '../utils';
+import { computed } from 'vue';
+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');
@@ -33,22 +33,22 @@ 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>`;
+        return [coupon.valueDesc, <span>{coupon.unitDesc || ''}</span>];
       }
 
       if (coupon.denominations) {
         const denominations = formatAmount(coupon.denominations);
-        return `<span>${this.currency}</span> ${denominations}`;
+        return [<span>{currency}</span>, ` ${denominations}`];
       }
 
       if (coupon.discount) {
@@ -56,42 +56,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')} domPropsInnerHTML={this.faceAmount} />
-            <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}
-                value={this.chosen}
-                class={bem('corner')}
-                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>
-    );
+      );
+    };
   },
 });
diff --git a/src/datetime-picker/DatePicker.js b/src/datetime-picker/DatePicker.js
index 6ee4ac6cd..d0f67a7a4 100644
--- a/src/datetime-picker/DatePicker.js
+++ b/src/datetime-picker/DatePicker.js
@@ -1,15 +1,21 @@
-import { createNamespace } from '../utils';
+import { ref, watch, computed, nextTick, onMounted } from 'vue';
+
+// Utils
 import { isDate } from '../utils/validate/date';
-import { padZero } from '../utils/format/string';
-import { getTrueValue, getMonthEndDay } from './utils';
-import { sharedProps, TimePickerMixin } from './shared';
+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';
 
 const currentYear = new Date().getFullYear();
 const [createComponent] = createNamespace('date-picker');
 
 export default createComponent({
-  mixins: [TimePickerMixin],
-
   props: {
     ...sharedProps,
     type: {
@@ -28,103 +34,25 @@ export default createComponent({
     },
   },
 
-  watch: {
-    filter: 'updateInnerValue',
-    minDate: 'updateInnerValue',
-    maxDate: 'updateInnerValue',
+  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-    value(val) {
-      val = this.formatValue(val);
-
-      if (val.valueOf() !== this.innerValue.valueOf()) {
-        this.innerValue = val;
-      }
-    },
-  },
-
-  computed: {
-    ranges() {
-      const {
-        maxYear,
-        maxDate,
-        maxMonth,
-        maxHour,
-        maxMinute,
-      } = this.getBoundary('max', this.innerValue);
-
-      const {
-        minYear,
-        minDate,
-        minMonth,
-        minHour,
-        minMinute,
-      } = this.getBoundary('min', this.innerValue);
-
-      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;
-    },
-  },
-
-  methods: {
-    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;
@@ -158,19 +86,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]]);
       };
 
@@ -178,7 +221,7 @@ export default createComponent({
       let month;
       let day;
       if (type === 'month-day') {
-        year = this.innerValue.getFullYear();
+        year = currentDate.value.getFullYear();
         month = getValue('month');
         day = getValue('day');
       } else {
@@ -203,45 +246,67 @@ export default createComponent({
       }
 
       const value = new Date(year, month - 1, day, hour, minute);
+      currentDate.value = formatValue(value);
+    };
 
-      this.innerValue = 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', currentDate.value);
         });
       });
-    },
+    };
 
-    updateColumnValue() {
-      const value = this.innerValue;
-      const { formatter } = this;
+    onMounted(() => {
+      updateColumnValue();
+      nextTick(updateInnerValue);
+    });
 
-      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;
+    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;
         }
-      });
+      }
+    );
 
-      this.$nextTick(() => {
-        this.getPicker().setValues(values);
-      });
-    },
+    useExpose({
+      getPicker: () => picker.value,
+    });
+
+    return () => (
+      <Picker
+        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/README.md b/src/datetime-picker/README.md
index 0b2c4e23a..c4b4ef3d2 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
@@ -286,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 04f5c4b5e..c2fd16df2 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);
 ```
 
 ## 代码演示
@@ -80,7 +81,7 @@ export default {
 
 ### 选择月日
 
-将 type 设置为 `month-day` 即可选择月份和日期（从 2.8.4 版本开始支持）。
+将 type 设置为 `month-day` 即可选择月份和日期。
 
 ```html
 <van-datetime-picker
@@ -167,7 +168,7 @@ export default {
 
 ### 选择年月日小时
 
-将 type 设置为 `datehour` 即可选择日期和小时，包括年月日和小时（从 2.9.1 版本开始支持）。
+将 type 设置为 `datehour` 即可选择日期和小时，包括年月日和小时。
 
 ```html
 <van-datetime-picker
@@ -297,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 a283ac810..37cce832c 100644
--- a/src/datetime-picker/TimePicker.js
+++ b/src/datetime-picker/TimePicker.js
@@ -1,13 +1,19 @@
-import { createNamespace } from '../utils';
-import { padZero } from '../utils/format/string';
-import { range } from '../utils/format/number';
-import { sharedProps, TimePickerMixin } from './shared';
+import { ref, watch, computed, nextTick, onMounted } from 'vue';
+
+// 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';
 
 const [createComponent] = createNamespace('time-picker');
 
 export default createComponent({
-  mixins: [TimePickerMixin],
-
   props: {
     ...sharedProps,
     minHour: {
@@ -28,80 +34,151 @@ export default createComponent({
     },
   },
 
-  computed: {
-    ranges() {
-      return [
-        {
-          type: 'hour',
-          range: [+this.minHour, +this.maxHour],
-        },
-        {
-          type: 'minute',
-          range: [+this.minMinute, +this.maxMinute],
-        },
-      ];
-    },
-  },
+  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  watch: {
-    filter: 'updateInnerValue',
-    minHour: 'updateInnerValue',
-    maxHour: 'updateInnerValue',
-    minMinute: 'updateInnerValue',
-    maxMinute: 'updateInnerValue',
+  setup(props, { emit }) {
+    const formatValue = (value) => {
+      const { minHour, maxHour, maxMinute, minMinute } = props;
 
-    value(val) {
-      val = this.formatValue(val);
-
-      if (val !== this.innerValue) {
-        this.innerValue = val;
-        this.updateColumnValue();
-      }
-    },
-  },
-
-  methods: {
-    formatValue(value) {
       if (!value) {
-        value = `${padZero(this.minHour)}:${padZero(this.minMinute)}`;
+        value = `${padZero(minHour)}:${padZero(minMinute)}`;
       }
 
       let [hour, minute] = value.split(':');
-      hour = padZero(range(hour, this.minHour, this.maxHour));
-      minute = padZero(range(minute, this.minMinute, this.maxMinute));
+      hour = padZero(range(hour, minHour, maxHour));
+      minute = padZero(range(minute, minMinute, maxMinute));
 
       return `${hour}:${minute}`;
-    },
+    };
 
-    updateInnerValue() {
-      const [hourIndex, minuteIndex] = this.getPicker().getIndexes();
-      const [hourColumn, minuteColumn] = this.originColumns;
+    const picker = ref();
+    const currentDate = ref(formatValue(props.modelValue));
+
+    const ranges = computed(() => [
+      {
+        type: 'hour',
+        range: [+props.minHour, +props.maxHour],
+      },
+      {
+        type: 'minute',
+        range: [+props.minMinute, +props.maxMinute],
+      },
+    ]);
+
+    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,
+        };
+      })
+    );
+
+    const columns = computed(() =>
+      originColumns.value.map((column) => ({
+        values: column.values.map((value) =>
+          props.formatter(column.type, value)
+        ),
+      }))
+    );
+
+    const updateColumnValue = () => {
+      const pair = currentDate.value.split(':');
+      const values = [
+        props.formatter('hour', pair[0]),
+        props.formatter('minute', pair[1]),
+      ];
+
+      nextTick(() => {
+        picker.value.setValues(values);
+      });
+    };
+
+    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', currentDate.value);
         });
       });
-    },
+    };
 
-    updateColumnValue() {
-      const { formatter } = this;
-      const pair = this.innerValue.split(':');
-      const values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
+    onMounted(() => {
+      updateColumnValue();
+      nextTick(updateInnerValue);
+    });
 
-      this.$nextTick(() => {
-        this.getPicker().setValues(values);
-      });
-    },
+    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();
+        }
+      }
+    );
+
+    useExpose({
+      getPicker: () => picker.value,
+    });
+
+    return () => (
+      <Picker
+        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/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/datetime-picker/index.js b/src/datetime-picker/index.js
index 50a0c3080..105b7225d 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 { useExpose } from '../composition/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 
@@ -10,25 +12,16 @@ export default createComponent({
     ...DatePicker.props,
   },
 
-  methods: {
-    // @exposed-api
-    getPicker() {
-      return this.$refs.root.getPicker();
-    },
-  },
+  setup(props, { attrs }) {
+    const root = ref();
 
-  render() {
-    const Component = this.type === 'time' ? TimePicker : DatePicker;
+    useExpose({
+      getPicker: () => root.value?.getPicker(),
+    });
 
-    return (
-      <Component
-        ref="root"
-        class={bem()}
-        {...{
-          props: this.$props,
-          on: this.$listeners,
-        }}
-      />
-    );
+    return () => {
+      const Component = props.type === 'time' ? TimePicker : DatePicker;
+      return <Component ref={root} class={bem()} {...{ ...props, ...attrs }} />;
+    };
   },
 });
diff --git a/src/datetime-picker/shared.js b/src/datetime-picker/shared.js
deleted file mode 100644
index a3f9126cc..000000000
--- a/src/datetime-picker/shared.js
+++ /dev/null
@@ -1,105 +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,
-  value: null,
-  filter: Function,
-  columnsOrder: Array,
-  showToolbar: {
-    type: Boolean,
-    default: true,
-  },
-  formatter: {
-    type: Function,
-    default: (type, value) => value,
-  },
-};
-
-export const TimePickerMixin = {
-  data() {
-    return {
-      innerValue: this.formatValue(this.value),
-    };
-  },
-
-  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('input', 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/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/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/dialog/test/demo.spec.js b/src/datetime-picker/test/demo.legacy.js
similarity index 100%
rename from src/dialog/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/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;
diff --git a/src/dialog/Dialog.js b/src/dialog/Dialog.js
index 68359efac..95edeccf6 100644
--- a/src/dialog/Dialog.js
+++ b/src/dialog/Dialog.js
@@ -1,37 +1,42 @@
-import { createNamespace, addUnit } from '../utils';
+import { reactive } from 'vue';
+
+// Utils
+import { callInterceptor } from '../utils/interceptor';
+import { createNamespace, addUnit, pick } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
-import { PopupMixin } from '../mixins/popup';
+
+// Components
+import Popup, { popupSharedProps } 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');
 
-export default createComponent({
-  mixins: [PopupMixin()],
+const popupKeys = [
+  ...Object.keys(popupSharedProps),
+  'transition',
+  'closeOnPopstate',
+];
 
+export default createComponent({
   props: {
+    ...popupSharedProps,
     title: String,
     theme: String,
     width: [Number, String],
     message: String,
-    className: null,
     callback: Function,
+    allowHtml: Boolean,
+    className: null,
     beforeClose: Function,
     messageAlign: String,
+    showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
     confirmButtonText: String,
     confirmButtonColor: String,
-    showCancelButton: Boolean,
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
-    allowHtml: {
-      type: Boolean,
-      default: true,
-    },
+    closeOnClickOverlay: Boolean,
     transition: {
       type: String,
       default: 'van-dialog-bounce',
@@ -44,191 +49,170 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: false,
-    },
   },
 
-  data() {
-    return {
-      loading: {
-        confirm: false,
-        cancel: false,
-      },
+  emits: ['confirm', 'cancel', 'update:show'],
+
+  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.value) {
+    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;
+        callInterceptor({
+          interceptor: props.beforeClose,
+          args: [action],
+          done() {
+            close(action);
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
+          },
         });
       } else {
-        this.onClose(action);
+        close(action);
       }
-    },
-
-    onClose(action) {
-      this.close();
-
-      if (this.callback) {
-        this.callback(action);
-      }
-    },
-
-    onOpened() {
-      this.$emit('opened');
-    },
-
-    onClosed() {
-      this.$emit('closed');
-    },
-
-    genRoundButtons() {
-      return (
-        <GoodsAction class={bem('footer')}>
-          {this.showCancelButton && (
-            <GoodsActionButton
-              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 && (
-            <GoodsActionButton
-              size="large"
-              type="danger"
-              text={this.confirmButtonText || t('confirm')}
-              class={bem('confirm')}
-              color={this.confirmButtonColor}
-              loading={this.loading.confirm}
-              onClick={() => {
-                this.handleAction('confirm');
-              }}
-            />
-          )}
-        </GoodsAction>
-      );
-    },
-
-    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, messageSlot) {
-      if (messageSlot) {
-        return <div class={bem('content')}>{messageSlot}</div>;
-      }
-
-      const { message, messageAlign } = this;
-      if (message) {
-        const data = {
-          class: bem('message', {
-            'has-title': hasTitle,
-            [messageAlign]: messageAlign,
-          }),
-          domProps: {
-            [this.allowHtml ? 'innerHTML' : 'textContent']: message,
-          },
-        };
+    };
 
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
+      if (title) {
         return (
-          <div class={bem('content', { isolated: !hasTitle })}>
-            <div {...data} />
+          <div
+            class={bem('header', {
+              isolated: !props.message && !slots.default,
+            })}
+          >
+            {title}
           </div>
         );
       }
-    },
-  },
+    };
 
-  render() {
-    if (!this.shouldRender) {
-      return;
-    }
+    const renderContent = () => {
+      if (slots.default) {
+        return <div class={bem('content')}>{slots.default()}</div>;
+      }
 
-    const { message } = this;
-    const messageSlot = this.slots();
-    const title = this.slots('title') || this.title;
-    const Title = title && (
-      <div class={bem('header', { isolated: !message && !messageSlot })}>
-        {title}
+      const { title, message, allowHtml, messageAlign } = props;
+      if (message) {
+        const hasTitle = title || slots.title;
+        return (
+          <div class={bem('content', { isolated: !hasTitle })}>
+            <div
+              class={bem('message', {
+                'has-title': hasTitle,
+                [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 (
-      <transition
-        name={this.transition}
-        onAfterEnter={this.onOpened}
-        onAfterLeave={this.onClosed}
-      >
-        <div
-          vShow={this.value}
-          role="dialog"
-          aria-labelledby={this.title || message}
-          class={[bem([this.theme]), this.className]}
-          style={{ width: addUnit(this.width) }}
-        >
-          {Title}
-          {this.genContent(title, messageSlot)}
-          {this.theme === 'round-button'
-            ? this.genRoundButtons()
-            : this.genButtons()}
-        </div>
-      </transition>
+    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/README.md b/src/dialog/README.md
index 2505aa145..c333909f0 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
@@ -71,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',
@@ -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 {
@@ -105,7 +105,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>
 ```
@@ -155,16 +155,16 @@ 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` |
-| beforeClose | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
+| 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_ | - |
-| getContainer | Return the mount node for Dialog | _string \| () => Element_ | `body` |
+| teleport | Return the mount node for Dialog | _string \| Element_ | `body` |
 
 ### Props
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| v-model | Whether to show dialog | _boolean_ | - |
+| v-model:show | Whether to show dialog | _boolean_ | - |
 | title | Title | _string_ | - |
 | width | Width | _number \| string_ | `320px` |
 | message | Message | _string_ | - |
@@ -183,10 +183,10 @@ 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` |
-| before-close | Callback before close,<br>call done() to close dialog,<br>call done(false) to cancel loading | (action: string, done: Function) => void | - |
+| 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_ | - |
-| 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 6c9e688df..05f693578 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 {
@@ -99,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: '标题',
@@ -116,7 +121,7 @@ Dialog.confirm({
 
 ### 全局方法
 
-引入 Dialog 组件后，会自动在 Vue 的 prototype 上挂载 `$dialog` 方法，在所有组件内部都可以直接调用此方法。
+通过 `app.use` 注册 Dialog 组件后，会自动在 app 的所有子组件上挂载 `$dialog` 方法，在所有组件内部都可以直接调用此方法。
 
 ```js
 export default {
@@ -133,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>
 ```
@@ -185,10 +190,10 @@ 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_ | - |
-| 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
 
@@ -215,10 +220,10 @@ 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` |
-| before-close | 关闭前的回调函数，<br>调用 done() 后关闭弹窗，<br>调用 done(false) 阻止弹窗关闭 | _(action, done) => void_ | - |
+| 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_ | - |
-| 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/demo/index.vue b/src/dialog/demo/index.vue
index 25c659597..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('asyncClose')">
-      <van-cell is-link :title="t('asyncClose')" @click="onClickAsyncClose" />
-    </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"
-        :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>
@@ -36,7 +34,7 @@ export default {
       alert1: '提示弹窗',
       alert2: '提示弹窗（无标题）',
       confirm: '确认弹窗',
-      asyncClose: '异步关闭',
+      beforeClose: '异步关闭',
       roundButton: '圆角按钮样式',
       componentCall: '组件调用',
       content: '代码是写出来给人看的，附带能在机器上运行',
@@ -45,7 +43,7 @@ export default {
       alert1: 'Alert',
       alert2: 'Alert without title',
       confirm: 'Confirm dialog',
-      asyncClose: 'Async Close',
+      beforeClose: 'Before Close',
       roundButton: 'Round Button Style',
       componentCall: 'Component Call',
     },
@@ -95,14 +93,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/dialog/index.js b/src/dialog/index.js
index 9161d5008..dbe8350c0 100644
--- a/src/dialog/index.js
+++ b/src/dialog/index.js
@@ -1,65 +1,57 @@
-import Vue from 'vue';
+import { inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanDialog from './Dialog';
-import { isServer } from '../utils';
 
 let instance;
 
-function isInDocument(element) {
-  return document.body.contains(element);
-}
-
 function initInstance() {
-  if (instance) {
-    instance.$destroy();
-  }
-
-  instance = new (Vue.extend(VanDialog))({
-    el: document.createElement('div'),
-    // avoid missing animation when first rendered
-    propsData: {
-      lazyRender: false,
+  const Wrapper = {
+    setup() {
+      const { state, toggle } = usePopupState();
+      return () => <VanDialog {...{ ...state, 'onUpdate:show': toggle }} />;
     },
-  });
+  };
 
-  instance.$on('input', (value) => {
-    instance.value = value;
-  });
+  ({ instance } = mountComponent(Wrapper));
 }
 
 function Dialog(options) {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return Promise.resolve();
   }
 
   return new Promise((resolve, reject) => {
-    if (!instance || !isInDocument(instance.$el)) {
+    if (!instance) {
       initInstance();
     }
 
-    Object.assign(instance, Dialog.currentOptions, options, {
-      resolve,
-      reject,
+    instance.open({
+      ...Dialog.currentOptions,
+      ...options,
+      callback: (action) => {
+        (action === 'confirm' ? resolve : reject)(action);
+      },
     });
   });
 }
 
 Dialog.defaultOptions = {
-  value: true,
   title: '',
   width: '',
   theme: null,
   message: '',
   overlay: true,
+  callback: null,
+  teleport: 'body',
   className: '',
-  allowHtml: true,
+  allowHtml: false,
   lockScroll: true,
   transition: 'van-dialog-bounce',
   beforeClose: null,
   overlayClass: '',
   overlayStyle: null,
   messageAlign: '',
-  getContainer: 'body',
   cancelButtonText: '',
   cancelButtonColor: null,
   confirmButtonText: '',
@@ -68,9 +60,6 @@ Dialog.defaultOptions = {
   showCancelButton: false,
   closeOnPopstate: true,
   closeOnClickOverlay: false,
-  callback: (action) => {
-    instance[action === 'confirm' ? 'resolve' : 'reject'](action);
-  },
 };
 
 Dialog.alert = Dialog;
@@ -83,7 +72,7 @@ Dialog.confirm = (options) =>
 
 Dialog.close = () => {
   if (instance) {
-    instance.value = false;
+    instance.toggle(false);
   }
 };
 
@@ -97,12 +86,11 @@ Dialog.resetDefaultOptions = () => {
 
 Dialog.resetDefaultOptions();
 
-Dialog.install = () => {
-  Vue.use(VanDialog);
+Dialog.install = (app) => {
+  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 ad8a76b92..523c7f430 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;
@@ -108,7 +106,7 @@
     }
   }
 
-  &-bounce-enter {
+  &-bounce-enter-from {
     transform: translate3d(-50%, -50%, 0) scale(0.7);
     opacity: 0;
   }
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/demo.spec.js b/src/dialog/test/demo.legacy.js
similarity index 100%
rename from src/divider/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/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 ee53b571c..f3499dc3f 100644
--- a/src/divider/README.zh-CN.md
+++ b/src/divider/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Divider } from 'vant';
 
-Vue.use(Divider);
+const app = createApp();
+app.use(Divider);
 ```
 
 ## 代码演示
@@ -64,11 +65,11 @@ Vue.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/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/divider/index.tsx b/src/divider/index.tsx
index ba400221e..daacc7df5 100644
--- a/src/divider/index.tsx
+++ b/src/divider/index.tsx
@@ -1,52 +1,35 @@
-// Utils
+import { PropType } from 'vue';
 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>
-  );
-}
+export type DividerContentPosition = 'left' | 'center' | 'right';
 
-Divider.props = {
-  dashed: Boolean,
-  hairline: {
-    type: Boolean,
-    default: true,
+export default createComponent({
+  props: {
+    dashed: Boolean,
+    hairline: {
+      type: Boolean,
+      default: true,
+    },
+    contentPosition: {
+      type: String as PropType<DividerContentPosition>,
+      default: 'center',
+    },
   },
-  contentPosition: {
-    type: String,
-    default: 'center',
-  },
-};
 
-export default createComponent<DividerProps>(Divider);
+  setup(props, { slots }) {
+    return () => (
+      <div
+        role="separator"
+        class={bem({
+          dashed: props.dashed,
+          hairline: props.hairline,
+          [`content-${props.contentPosition}`]: !!slots.default,
+        })}
+      >
+        {slots.default?.()}
+      </div>
+    );
+  },
+});
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/demo.spec.js b/src/divider/test/demo.legacy.js
similarity index 100%
rename from src/dropdown-menu/test/demo.spec.js
rename to src/divider/test/demo.legacy.js
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 9bf2d2171..e76114e7c 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -1,10 +1,12 @@
+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 { PortalMixin } from '../mixins/portal';
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Cell from '../cell';
@@ -14,12 +16,11 @@ import Popup from '../popup';
 const [createComponent, bem] = createNamespace('dropdown-item');
 
 export default createComponent({
-  mixins: [PortalMixin({ ref: 'wrapper' }), ChildrenMixin('vanDropdownMenu')],
-
   props: {
-    value: null,
     title: String,
     disabled: Boolean,
+    teleport: [String, Object],
+    modelValue: null,
     titleClass: String,
     options: {
       type: Array,
@@ -31,88 +32,76 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      transition: true,
+  emits: ['open', 'opened', 'close', 'closed', 'change', 'update:modelValue'],
+
+  setup(props, { emit, slots }) {
+    const state = reactive({
       showPopup: false,
+      transition: true,
       showWrapper: false,
+    });
+
+    const { parent } = useParent(DROPDOWN_KEY);
+
+    const createEmitter = (eventName) => () => emit(eventName);
+    const onOpen = createEmitter('open');
+    const onClose = createEmitter('close');
+    const onOpened = createEmitter('opened');
+
+    const onClosed = () => {
+      state.showWrapper = false;
+      emit('closed');
     };
-  },
 
-  computed: {
-    displayTitle() {
-      if (this.title) {
-        return this.title;
+    const onClickWrapper = (event) => {
+      // prevent being identified as clicking outside and closed when using teleport
+      if (props.teleport) {
+        event.stopPropagation();
       }
+    };
 
-      const match = this.options.filter(
-        (option) => option.value === this.value
-      );
-      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);
-    },
-
-    onScroll() {
-      this.parent.updateOffset();
-    },
-
-    onClickWrapper(event) {
-      // prevent being identified as clicking outside and closed when use get-contaienr
-      if (this.getContainer) {
-        event.stopPropagation();
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
       }
-    },
-  },
 
-  render() {
-    const {
-      zIndex,
-      offset,
-      overlay,
-      duration,
-      direction,
-      activeColor,
-      closeOnClickOverlay,
-    } = this.parent;
+      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;
+
+      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.value;
       return (
         <Cell
           clickable
@@ -121,60 +110,67 @@ export default createComponent({
           title={option.text}
           class={bem('option', { active })}
           style={{ color: active ? activeColor : '' }}
-          onClick={() => {
-            this.showPopup = false;
-
-            if (option.value !== this.value) {
-              this.$emit('input', 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;
 
-    return (
-      <div>
+      const style = { zIndex };
+      if (direction === 'down') {
+        style.top = `${offset.value}px`;
+      } else {
+        style.bottom = `${offset.value}px`;
+      }
+
+      return (
         <div
-          vShow={this.showWrapper}
-          ref="wrapper"
+          v-show={state.showWrapper}
           style={style}
           class={bem([direction])}
-          onClick={this.onClickWrapper}
+          onClick={onClickWrapper}
         >
           <Popup
-            vModel={this.showPopup}
-            overlay={overlay}
+            vModel={[state.showPopup, 'show']}
             class={bem('content')}
+            overlay={overlay}
             position={direction === 'down' ? 'top' : 'bottom'}
-            duration={this.transition ? duration : 0}
-            lazyRender={this.lazyRender}
+            duration={state.transition ? duration : 0}
+            lazyRender={props.lazyRender}
             overlayStyle={{ position: 'absolute' }}
             closeOnClickOverlay={closeOnClickOverlay}
-            onOpen={this.onOpen}
-            onClose={this.onClose}
-            onOpened={this.onOpened}
-            onClosed={() => {
-              this.showWrapper = false;
-              this.$emit('closed');
-            }}
+            onOpen={onOpen}
+            onClose={onClose}
+            onOpened={onOpened}
+            onClosed={onClosed}
           >
-            {Options}
-            {this.slots('default')}
+            {props.options.map(renderOption)}
+            {slots.default?.()}
           </Popup>
         </div>
-      </div>
-    );
+      );
+    };
+
+    useExpose({ state, toggle, renderTitle });
+
+    return () => {
+      if (props.teleport) {
+        return <Teleport to={props.teleport}>{renderContent()}</Teleport>;
+      }
+      return renderContent();
+    };
   },
 });
diff --git a/src/dropdown-menu/README.md b/src/dropdown-menu/README.md
index d7c7e71fb..a11fd8d53 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
@@ -142,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 | Return the mount node for menu | _string \| () => Element_ | - |
+| teleport | 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 cc5648cb2..0b75bded3 100644
--- a/src/dropdown-menu/README.zh-CN.md
+++ b/src/dropdown-menu/README.zh-CN.md
@@ -7,11 +7,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);
 ```
 
 ## 代码演示
@@ -150,7 +151,7 @@ export default {
 | disabled | 是否禁用菜单 | _boolean_ | `false` |
 | lazy-render `v2.8.5` | 是否在首次展开时才渲染菜单内容 | _boolean_ | `true` |
 | title-class | 标题额外类名 | _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_ | - |
 
 ### DropdownItem Events
 
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/dropdown-menu/index.js b/src/dropdown-menu/index.js
index 383591887..8e5862059 100644
--- a/src/dropdown-menu/index.js
+++ b/src/dropdown-menu/index.js
@@ -1,22 +1,22 @@
+import { ref, 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,
+  useChildren,
+  useClickAway,
+  useScrollParent,
+  useEventListener,
+} from '@vant/use';
 
 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 +38,105 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      offset: 0,
-    };
-  },
+  setup(props, { slots }) {
+    const root = ref();
+    const offset = ref(0);
+    const barRef = ref();
 
-  computed: {
-    scroller() {
-      return getScroller(this.$el);
-    },
+    const { children, linkChildren } = useChildren(DROPDOWN_KEY);
+    const scrollParent = useScrollParent(root);
 
-    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 onClickAway = () => {
+      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;
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
       }
-    },
+    };
 
-    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;
 
-  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.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')}
+      );
+    };
+
+    linkChildren({ props, offset });
+    useClickAway(root, onClickAway);
+    useEventListener('scroll', onScroll, { target: scrollParent });
+
+    return () => (
+      <div ref={root} class={bem()}>
+        <div
+          ref={barRef}
+          style={barStyle.value}
+          class={bem('bar', { opened: opened.value })}
+        >
+          {children.map(renderTitle)}
+        </div>
+        {slots.default?.()}
       </div>
     );
   },
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/demo.spec.js b/src/dropdown-menu/test/demo.legacy.js
similarity index 100%
rename from src/empty/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/Network.tsx b/src/empty/Network.tsx
index a6cedf812..ab821b25c 100644
--- a/src/empty/Network.tsx
+++ b/src/empty/Network.tsx
@@ -1,125 +1,108 @@
-export default {
-  render() {
-    const genStop = (color: string, offset: number, opacity?: number) => (
-      <stop stop-color={color} offset={`${offset}%`} stop-opacity={opacity} />
-    );
+const renderStop = (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>
-    );
-  },
-};
+export const Network = (
+  <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)}
+        {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/README.md b/src/empty/README.md
index 1da5f5315..1ff99f5ad 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 39c70ab88..3d1acf19f 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/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/empty/index.js b/src/empty/index.js
deleted file mode 100644
index ce23f843b..000000000
--- a/src/empty/index.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import { addUnit, createNamespace } from '../utils';
-import Network from './Network';
-
-const [createComponent, bem] = createNamespace('empty');
-
-const PRESETS = ['error', 'search', 'default'];
-
-export default createComponent({
-  props: {
-    imageSize: [Number, String],
-    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() {
-      const imageStyle = {
-        width: addUnit(this.imageSize),
-        height: addUnit(this.imageSize),
-      };
-
-      return (
-        <div class={bem('image')} style={imageStyle}>
-          {this.genImageContent()}
-        </div>
-      );
-    },
-
-    genDescription() {
-      const description = this.slots('description') || this.description;
-
-      if (description) {
-        return <p class={bem('description')}>{description}</p>;
-      }
-    },
-
-    genBottom() {
-      const slot = this.slots();
-
-      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/empty/index.tsx b/src/empty/index.tsx
new file mode 100644
index 000000000..11d62d66c
--- /dev/null
+++ b/src/empty/index.tsx
@@ -0,0 +1,63 @@
+import { createNamespace, getSizeStyle } from '../utils';
+import { Network } from './Network';
+
+const [createComponent, bem] = createNamespace('empty');
+
+const PRESET_IMAGES = ['error', 'search', 'default'];
+
+export default createComponent({
+  props: {
+    imageSize: [Number, String],
+    description: String,
+    image: {
+      type: String,
+      default: 'default',
+    },
+  },
+
+  setup(props, { slots }) {
+    const renderImage = () => {
+      if (slots.image) {
+        return slots.image();
+      }
+
+      let { image } = props;
+
+      if (image === 'network') {
+        return Network;
+      }
+
+      if (PRESET_IMAGES.indexOf(image) !== -1) {
+        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
+      }
+
+      return <img src={image} />;
+    };
+
+    const renderDescription = () => {
+      const description = slots.description
+        ? slots.description()
+        : props.description;
+
+      if (description) {
+        return <p class={bem('description')}>{description}</p>;
+      }
+    };
+
+    const renderBottom = () => {
+      if (slots.default) {
+        return <div class={bem('bottom')}>{slots.default()}</div>;
+      }
+    };
+
+    return () => (
+      <div class={bem()}>
+        <div class={bem('image')} style={getSizeStyle(props.imageSize)}>
+          {renderImage()}
+        </div>
+        {renderDescription()}
+        {renderBottom()}
+      </div>
+    );
+  },
+});
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/demo.spec.js b/src/empty/test/demo.legacy.js
similarity index 100%
rename from src/field/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/README.md b/src/field/README.md
index 43261bdbf..4bbfd7689 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 242b745f0..c37e401b3 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);
 ```
 
 ## 代码演示
@@ -280,8 +281,6 @@ export default {
 
 ### Events
 
-除下列事件外，Field 默认支持 Input 标签所有的原生事件
-
 | 事件                 | 说明                 | 回调参数                       |
 | -------------------- | -------------------- | ------------------------------ |
 | input                | 输入框内容变化时触发 | _value: string (当前输入的值)_ |
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/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/field/index.js b/src/field/index.js
index 994bff946..756d1824a 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -1,40 +1,45 @@
+import {
+  ref,
+  watch,
+  provide,
+  computed,
+  nextTick,
+  reactive,
+  onMounted,
+} from 'vue';
+
 // Utils
-import { resetScroll } from '../utils/dom/reset-scroll';
-import { formatNumber } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
 import {
   isDef,
+  trigger,
   addUnit,
   isObject,
   isPromise,
   isFunction,
+  resetScroll,
+  formatNumber,
+  preventDefault,
   createNamespace,
 } from '../utils';
+import { runSyncRule } from './utils';
+
+// Composition
+import { useParent } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Icon from '../icon';
-import Cell from '../cell';
-import { cellProps } from '../cell/shared';
+import Cell, { cellProps } from '../cell';
+import { FORM_KEY } from '../form';
 
 const [createComponent, bem] = createNamespace('field');
 
+export const FIELD_KEY = 'vanField';
+
 export default createComponent({
-  inheritAttrs: false,
-
-  provide() {
-    return {
-      vanField: this,
-    };
-  },
-
-  inject: {
-    vanForm: {
-      default: null,
-    },
-  },
-
   props: {
     ...cellProps,
+    rows: [Number, String],
     name: String,
     rules: Array,
     disabled: Boolean,
@@ -53,10 +58,6 @@ export default createComponent({
     errorMessage: String,
     errorMessageAlign: String,
     showWordLimit: Boolean,
-    value: {
-      type: [Number, String],
-      default: '',
-    },
     type: {
       type: String,
       default: 'text',
@@ -69,6 +70,10 @@ export default createComponent({
       type: Boolean,
       default: null,
     },
+    modelValue: {
+      type: [String, Number],
+      default: '',
+    },
     clearTrigger: {
       type: String,
       default: 'focus',
@@ -79,103 +84,47 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: [
+    'blur',
+    'focus',
+    'clear',
+    'keypress',
+    'click-input',
+    'click-left-icon',
+    'click-right-icon',
+    'update:modelValue',
+  ],
+
+  setup(props, { emit, slots }) {
+    const state = reactive({
       focused: false,
       validateFailed: false,
       validateMessage: '',
-    };
-  },
+    });
 
-  watch: {
-    value() {
-      this.updateValue(this.value);
-      this.resetValidation();
-      this.validateWithTrigger('onChange');
-      this.$nextTick(this.adjustSize);
-    },
-  },
+    const inputRef = ref();
+    const childFieldValue = ref();
 
-  mounted() {
-    this.updateValue(this.value, this.formatTrigger);
-    this.$nextTick(this.adjustSize);
-
-    if (this.vanForm) {
-      this.vanForm.addField(this);
-    }
-  },
-
-  beforeDestroy() {
-    if (this.vanForm) {
-      this.vanForm.removeField(this);
-    }
-  },
-
-  computed: {
-    showClear() {
-      if (this.clearable && !this.readonly) {
-        const hasValue = isDef(this.value) && this.value !== '';
+    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;
+    });
 
-    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;
-      }
-      return this.value;
-    },
-  },
-
-  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,95 +133,80 @@ export default createComponent({
 
         resolve(returnVal);
       });
-    },
 
-    isEmptyValue(value) {
-      if (Array.isArray(value)) {
-        return !value.length;
-      }
-      if (value === 0) {
-        return false;
-      }
-      return !value;
-    },
-
-    runSyncRule(value, rule) {
-      if (rule.required && this.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);
+
+    const validateWithTrigger = (trigger) => {
+      if (form && props.rules) {
+        const defaultTrigger = form.props.validateTrigger === trigger;
+        const rules = props.rules.filter((rule) => {
           if (rule.trigger) {
             return rule.trigger === trigger;
           }
@@ -280,129 +214,164 @@ 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 have incorrect line-break counting
       // see: https://github.com/youzan/vant/issues/5033
-      const { maxlength } = this;
+      const { maxlength, modelValue } = props;
       if (isDef(maxlength) && value.length > maxlength) {
-        if (this.value && this.value.length === +maxlength) {
-          ({ value } = this);
+        if (modelValue && modelValue.length === +maxlength) {
+          value = modelValue;
         } else {
           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.value) {
-        this.$emit('input', value);
+      if (value !== props.modelValue) {
+        emit('update:modelValue', 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.value, 'onBlur');
-      this.$emit('blur', event);
-      this.validateWithTrigger('onBlur');
+    const onBlur = (event) => {
+      state.focused = false;
+      updateValue(props.modelValue, 'onBlur');
+      emit('blur', event);
+      validateWithTrigger('onBlur');
       resetScroll();
-    },
+    };
 
-    onClick(event) {
-      this.$emit('click', event);
-    },
+    const onClickInput = (event) => {
+      emit('click-input', event);
+    };
 
-    onClickInput(event) {
-      this.$emit('click-input', event);
-    },
+    const onClickLeftIcon = (event) => {
+      emit('click-left-icon', event);
+    };
 
-    onClickLeftIcon(event) {
-      this.$emit('click-left-icon', event);
-    },
+    const onClickRightIcon = (event) => {
+      emit('click-right-icon', event);
+    };
 
-    onClickRightIcon(event) {
-      this.$emit('click-right-icon', event);
-    },
-
-    onClear(event) {
+    const onClear = (event) => {
       preventDefault(event);
-      this.$emit('input', '');
-      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.props.showError && state.validateFailed) {
+        return true;
+      }
+    });
+
+    const getProp = (key) => {
+      if (isDef(props[key])) {
+        return props[key];
+      }
+      if (form && isDef(form.props[key])) {
+        return form.props[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);
+    };
 
-    adjustSize() {
-      const { input } = this.$refs;
-      if (!(this.type === 'textarea' && this.autosize) || !input) {
+    const onCompositionStart = (event) => {
+      event.target.composing = true;
+    };
+
+    const onCompositionEnd = (event) => {
+      const { target } = event;
+      if (target.composing) {
+        target.composing = false;
+        trigger(target, '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);
         }
@@ -414,47 +383,43 @@ export default createComponent({
       if (height) {
         input.style.height = height + 'px';
       }
-    },
+    };
 
-    genInput() {
-      const { type } = this;
-      const inputSlot = this.slots('input');
-      const inputAlign = this.getProp('inputAlign');
+    const renderInput = () => {
+      const inputAlign = getProp('inputAlign');
 
-      if (inputSlot) {
+      if (slots.input) {
         return (
           <div
             class={bem('control', [inputAlign, 'custom'])}
-            onClick={this.onClickInput}
+            onClick={onClickInput}
           >
-            {inputSlot}
+            {slots.input()}
           </div>
         );
       }
 
       const inputProps = {
-        ref: 'input',
+        ref: inputRef,
+        name: props.name,
+        rows: props.rows,
         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,
-        // add model directive to skip IME composition
-        directives: [
-          {
-            name: 'model',
-            value: this.value,
-          },
-        ],
+        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} />;
       }
@@ -475,145 +440,148 @@ export default createComponent({
       }
 
       return <input type={inputType} inputmode={inputMode} {...inputProps} />;
-    },
+    };
 
-    genLeftIcon() {
-      const showLeftIcon = this.slots('left-icon') || this.leftIcon;
+    const renderLeftIcon = () => {
+      const leftIconSlot = slots['left-icon'];
 
-      if (showLeftIcon) {
+      if (props.leftIcon || leftIconSlot) {
         return (
-          <div class={bem('left-icon')} onClick={this.onClickLeftIcon}>
-            {this.slots('left-icon') || (
-              <Icon name={this.leftIcon} classPrefix={this.iconPrefix} />
+          <div class={bem('left-icon')} onClick={onClickLeftIcon}>
+            {leftIconSlot ? (
+              leftIconSlot()
+            ) : (
+              <Icon name={props.leftIcon} classPrefix={props.iconPrefix} />
             )}
           </div>
         );
       }
-    },
+    };
 
-    genRightIcon() {
-      const { slots } = this;
-      const showRightIcon = slots('right-icon') || this.rightIcon;
+    const renderRightIcon = () => {
+      const rightIconSlot = slots['right-icon'];
 
-      if (showRightIcon) {
+      if (props.rightIcon || rightIconSlot) {
         return (
-          <div class={bem('right-icon')} onClick={this.onClickRightIcon}>
-            {slots('right-icon') || (
-              <Icon name={this.rightIcon} classPrefix={this.iconPrefix} />
+          <div class={bem('right-icon')} onClick={onClickRightIcon}>
+            {rightIconSlot ? (
+              rightIconSlot()
+            ) : (
+              <Icon name={props.rightIcon} classPrefix={props.iconPrefix} />
             )}
           </div>
         );
       }
-    },
-
-    genWordLimit() {
-      if (this.showWordLimit && this.maxlength) {
-        const count = (this.value || '').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.props.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];
-      }
-
-      if (this.vanForm && isDef(this.vanForm[key])) {
-        return this.vanForm[key];
-      }
-    },
-
-    genLabel() {
-      const colon = this.getProp('colon') ? ':' : '';
-
-      if (this.slots('label')) {
-        return [this.slots('label'), colon];
-      }
-
-      if (this.label) {
-        return <span>{this.label + colon}</span>;
-      }
-    },
-  },
-
-  render() {
-    const { slots } = this;
-    const labelAlign = this.getProp('labelAlign');
-
-    const scopedSlots = {
-      icon: this.genLeftIcon,
     };
 
-    const Label = this.genLabel();
-    if (Label) {
-      scopedSlots.title = () => Label;
-    }
+    const renderLabel = () => {
+      const colon = getProp('colon') ? ':' : '';
 
-    const extra = this.slots('extra');
-    if (extra) {
-      scopedSlots.extra = () => extra;
-    }
+      if (slots.label) {
+        return [slots.label(), colon];
+      }
+      if (props.label) {
+        return <span>{props.label + colon}</span>;
+      }
+    };
 
-    return (
-      <Cell
-        icon={this.leftIcon}
-        size={this.size}
-        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]}
-        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')}>
-          {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>
+    useExpose({
+      blur,
+      focus,
+      validate,
+      formValue,
+      resetValidation,
+    });
+
+    provide(FIELD_KEY, {
+      childFieldValue,
+      resetValidation,
+      validateWithTrigger,
+    });
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        updateValue(value);
+        resetValidation();
+        validateWithTrigger('onChange');
+        nextTick(adjustSize);
+      }
     );
+
+    onMounted(() => {
+      updateValue(props.modelValue, props.formatTrigger);
+      nextTick(adjustSize);
+    });
+
+    return () => {
+      const labelAlign = getProp('labelAlign');
+      const Label = renderLabel();
+      const LeftIcon = renderLeftIcon();
+
+      return (
+        <Cell
+          v-slots={{
+            icon: LeftIcon ? () => LeftIcon : null,
+            title: Label ? () => Label : null,
+            extra: slots.extra,
+          }}
+          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/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/demo.spec.js b/src/field/test/demo.legacy.js
similarity index 100%
rename from src/form/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/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.md b/src/form/README.md
index e90b9ff37..0fd8e7321 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
@@ -31,7 +32,7 @@ Vue.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>
@@ -77,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>
@@ -281,9 +282,8 @@ 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
-    show-toolbar
     :columns="columns"
     @confirm="onConfirm"
     @cancel="showPicker = false"
@@ -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 8722be87f..78f299507 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);
 ```
 
 ## 代码演示
@@ -37,7 +38,7 @@ Vue.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>
@@ -88,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>
@@ -310,9 +311,8 @@ export default {
   placeholder="点击选择城市"
   @click="showPicker = true"
 />
-<van-popup v-model="showPicker" position="bottom">
+<van-popup v-model:show="showPicker" position="bottom">
   <van-picker
-    show-toolbar
     :columns="columns"
     @confirm="onConfirm"
     @cancel="showPicker = false"
@@ -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"
@@ -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  可选值
@@ -522,17 +522,3 @@ export default {
 | 名称    | 说明     |
 | ------- | -------- |
 | default | 表单内容 |
-
-## 常见问题
-
-### 点击表单中的普通按钮为什么会触发表单提交？
-
-在表单中，除了提交按钮外，可能还有一些其他的功能性按钮，如发送验证码按钮。在使用这些按钮时，要注意将`native-type`设置为`button`，否则会触发表单提交。
-
-```html
-<van-button native-type="button">
-  发送验证码
-</van-button>
-```
-
-这个问题的原因是浏览器中 button 标签 type 属性的默认值为`submit`，导致触发表单提交。我们会在下个大版本中将 type 的默认值调整为`button`来避免这个问题。
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/FieldTypeArea.vue b/src/form/demo/FieldTypeArea.vue
index 28dd916a7..9dbf6d306 100644
--- a/src/form/demo/FieldTypeArea.vue
+++ b/src/form/demo/FieldTypeArea.vue
@@ -3,26 +3,18 @@
     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"
-        round
-        position="bottom"
-        get-container="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 01d4e5d72..3725901d1 100644
--- a/src/form/demo/FieldTypeCalendar.vue
+++ b/src/form/demo/FieldTypeCalendar.vue
@@ -3,20 +3,17 @@
     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"
-        round
-        get-container="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 72629cf65..e8123b4ae 100644
--- a/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/src/form/demo/FieldTypeDatetimePicker.vue
@@ -3,26 +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"
-        round
-        position="bottom"
-        get-container="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 779a4e89b..d78630680 100644
--- a/src/form/demo/FieldTypePicker.vue
+++ b/src/form/demo/FieldTypePicker.vue
@@ -3,27 +3,18 @@
     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"
-        round
-        position="bottom"
-        get-container="body"
-      >
-        <van-picker
-          show-toolbar
-          :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/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/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/form/index.js b/src/form/index.js
index 0a73f1858..1ac4e8421 100644
--- a/src/form/index.js
+++ b/src/form/index.js
@@ -1,8 +1,11 @@
 import { createNamespace } from '../utils';
-import { sortChildren } from '../utils/vnodes';
+import { useChildren } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 const [createComponent, bem] = createNamespace('form');
 
+export const FORM_KEY = 'vanForm';
+
 export default createComponent({
   props: {
     colon: Boolean,
@@ -30,24 +33,16 @@ export default createComponent({
     },
   },
 
-  provide() {
-    return {
-      vanForm: this,
-    };
-  },
+  emits: ['submit', 'failed'],
 
-  data() {
-    return {
-      fields: [],
-    };
-  },
+  setup(props, { emit, slots }) {
+    const { children, linkChildren } = useChildren(FORM_KEY);
 
-  methods: {
-    validateSeq() {
-      return new Promise((resolve, reject) => {
+    const validateSeq = () =>
+      new Promise((resolve, reject) => {
         const errors = [];
 
-        this.fields
+        children
           .reduce(
             (promise, field) =>
               promise.then(() => {
@@ -69,34 +64,22 @@ export default createComponent({
             }
           });
       });
-    },
 
-    validateAll() {
-      return new Promise((resolve, reject) => {
-        Promise.all(this.fields.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.fields.filter((item) => item.name === name);
+    const validateField = (name) => {
+      const matched = children.filter((item) => item.name === name);
 
       if (matched.length) {
         return new Promise((resolve, reject) => {
@@ -111,74 +94,71 @@ export default createComponent({
       }
 
       return Promise.reject();
-    },
+    };
 
-    // @exposed-api
-    resetValidation(name) {
-      this.fields.forEach((item) => {
+    const validate = (name) => {
+      if (name) {
+        return validateField(name);
+      }
+      return props.validateFirst ? validateSeq() : validateAll();
+    };
+
+    const resetValidation = (name) => {
+      children.forEach((item) => {
         if (!name || item.name === name) {
           item.resetValidation();
         }
       });
-    },
+    };
 
-    // @exposed-api
-    scrollToField(name, options) {
-      this.fields.some((item) => {
+    const scrollToField = (name, options) => {
+      children.some((item) => {
         if (item.name === name) {
           item.$el.scrollIntoView(options);
           return true;
         }
         return false;
       });
-    },
+    };
 
-    addField(field) {
-      this.fields.push(field);
-      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;
+    const getValues = () =>
+      children.reduce((form, field) => {
+        form[field.name] = field.formValue.value;
         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()}
+    const onSubmit = (event) => {
+      event.preventDefault();
+      submit();
+    };
+
+    linkChildren({ props });
+    useExpose({
+      submit,
+      validate,
+      scrollToField,
+      resetValidation,
+    });
+
+    return () => (
+      <form class={bem()} onSubmit={onSubmit}>
+        {slots.default?.()}
       </form>
     );
   },
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/goods-action/test/demo.spec.js b/src/form/test/demo.legacy.js
similarity index 100%
rename from src/goods-action/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/goods-action-button/index.js b/src/goods-action-button/index.js
deleted file mode 100644
index 39f8e974e..000000000
--- a/src/goods-action-button/index.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import { createNamespace } from '../utils';
-import { route, routeProps } from '../utils/router';
-import { ChildrenMixin } from '../mixins/relation';
-import Button from '../button';
-
-const [createComponent, bem] = createNamespace('goods-action-button');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanGoodsAction')],
-
-  props: {
-    ...routeProps,
-    type: String,
-    text: String,
-    icon: String,
-    color: String,
-    loading: Boolean,
-    disabled: Boolean,
-  },
-
-  computed: {
-    isFirst() {
-      const prev = this.parent && this.parent.children[this.index - 1];
-      return !prev || prev.$options.name !== this.$options.name;
-    },
-
-    isLast() {
-      const next = this.parent && this.parent.children[this.index + 1];
-      return !next || next.$options.name !== this.$options.name;
-    },
-  },
-
-  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() || this.text}
-      </Button>
-    );
-  },
-});
diff --git a/src/goods-action-icon/index.js b/src/goods-action-icon/index.js
deleted file mode 100644
index 3ff75177d..000000000
--- a/src/goods-action-icon/index.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import { createNamespace } from '../utils';
-import { route, routeProps } from '../utils/router';
-import { ChildrenMixin } from '../mixins/relation';
-import Info from '../info';
-import Icon from '../icon';
-
-const [createComponent, bem] = createNamespace('goods-action-icon');
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanGoodsAction')],
-
-  props: {
-    ...routeProps,
-    dot: Boolean,
-    text: String,
-    icon: String,
-    color: String,
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    iconClass: null,
-  },
-
-  methods: {
-    onClick(event) {
-      this.$emit('click', event);
-      route(this.$router, this);
-    },
-
-    genIcon() {
-      const slot = this.slots('icon');
-      const info = this.badge ?? this.info;
-
-      if (process.env.NODE_ENV === 'development' && this.info) {
-        console.warn(
-          '[Vant] GoodsActionIcon: "info" prop is deprecated, use "badge" prop instead.'
-        );
-      }
-
-      if (slot) {
-        return (
-          <div class={bem('icon')}>
-            {slot}
-            <Info dot={this.dot} info={info} />
-          </div>
-        );
-      }
-
-      return (
-        <Icon
-          class={[bem('icon'), this.iconClass]}
-          tag="div"
-          dot={this.dot}
-          info={info}
-          name={this.icon}
-          color={this.color}
-        />
-      );
-    },
-  },
-
-  render() {
-    return (
-      <div role="button" tabindex="0" class={bem()} onClick={this.onClick}>
-        {this.genIcon()}
-        {this.slots() || this.text}
-      </div>
-    );
-  },
-});
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/demo/index.vue b/src/goods-action/demo/index.vue
deleted file mode 100644
index 85ff7f0cc..000000000
--- a/src/goods-action/demo/index.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <demo-section>
-    <demo-block :title="t('basicUsage')">
-      <van-goods-action>
-        <van-goods-action-icon
-          icon="chat-o"
-          :text="t('icon1')"
-          @click="onClickIcon"
-        />
-        <van-goods-action-icon
-          icon="cart-o"
-          :text="t('icon2')"
-          @click="onClickIcon"
-        />
-        <van-goods-action-icon
-          icon="shop-o"
-          :text="t('icon3')"
-          @click="onClickIcon"
-        />
-        <van-goods-action-button
-          type="danger"
-          :text="t('button2')"
-          @click="onClickButton"
-        />
-      </van-goods-action>
-    </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>
-    </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
-          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>
-    </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
-          color="#be99ff"
-          type="warning"
-          :text="t('button1')"
-        />
-        <van-goods-action-button
-          color="#7232dd"
-          type="danger"
-          :text="t('button2')"
-        />
-      </van-goods-action>
-    </demo-block>
-  </demo-section>
-</template>
-
-<script>
-export default {
-  i18n: {
-    'zh-CN': {
-      icon1: '客服',
-      icon2: '购物车',
-      icon3: '店铺',
-      button1: '加入购物车',
-      button2: '立即购买',
-      iconBadge: '徽标提示',
-      collected: '已收藏',
-      clickIcon: '点击图标',
-      clickButton: '点击按钮',
-      customIconColor: '自定义图标颜色',
-      customButtonColor: '自定义按钮颜色',
-    },
-    'en-US': {
-      icon1: 'Icon1',
-      icon2: 'Icon2',
-      icon3: 'Icon3',
-      button1: 'Button',
-      button2: 'Button',
-      iconBadge: 'Icon Badge',
-      collected: 'Collected',
-      clickIcon: 'Click Icon',
-      clickButton: 'Click Button',
-      customIconColor: 'Custom Icon Color',
-      customButtonColor: 'Custom Button Color',
-    },
-  },
-  methods: {
-    onClickIcon() {
-      this.$toast(this.t('clickIcon'));
-    },
-    onClickButton() {
-      this.$toast(this.t('clickButton'));
-    },
-  },
-};
-</script>
-
-<style lang="less">
-.demo-goods-action {
-  .van-goods-action {
-    position: relative;
-    padding-bottom: 0;
-  }
-}
-</style>
diff --git a/src/goods-action/index.js b/src/goods-action/index.js
deleted file mode 100644
index a5ec63f97..000000000
--- a/src/goods-action/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-const [createComponent, bem] = createNamespace('goods-action');
-
-export default createComponent({
-  mixins: [ParentMixin('vanGoodsAction')],
-
-  props: {
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem({ unfit: !this.safeAreaInsetBottom })}>
-        {this.slots()}
-      </div>
-    );
-  },
-});
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 1ae7f19ff..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 badge 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[`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[`disable safe-area-inset-bottom prop 1`] = `<div class="van-goods-action van-goods-action--unfit"></div>`;
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index e9be76851..b6d6512a0 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -1,36 +1,37 @@
+import { computed } from 'vue';
+
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router';
+import { GRID_KEY } from '../grid';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '@vant/use';
+import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
-import Info from '../info';
 import Icon from '../icon';
+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,
-    // @deprecated
-    info: [Number, String],
     badge: [Number, String],
+    iconPrefix: String,
   },
 
-  computed: {
-    style() {
-      const { square, gutter, columnNum } = this.parent;
-      const percent = `${100 / columnNum}%`;
+  setup(props, { slots }) {
+    const { parent, index } = useParent(GRID_KEY);
+    const route = useRoute();
 
+    const rootStyle = computed(() => {
+      const { square, gutter, columnNum } = parent.props;
+      const percent = `${100 / columnNum}%`;
       const style = {
         flexBasis: percent,
       };
@@ -41,124 +42,102 @@ 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() {
-      const iconSlot = this.slots('icon');
-      const info = this.badge ?? this.info;
-
-      if (process.env.NODE_ENV === 'development' && this.info) {
-        console.warn(
-          '[Vant] GridItem: "info" prop is deprecated, use "badge" prop instead.'
-        );
-      }
-
-      if (iconSlot) {
+    const renderIcon = () => {
+      if (slots.icon) {
         return (
-          <div class={bem('icon-wrapper')}>
-            {iconSlot}
-            <Info dot={this.dot} info={info} />
-          </div>
+          <Badge dot={props.dot} content={props.badge}>
+            {slots.icon()}
+          </Badge>
         );
       }
 
-      if (this.icon) {
+      if (props.icon) {
         return (
           <Icon
-            name={this.icon}
-            dot={this.dot}
-            info={info}
-            size={this.parent.iconSize}
+            dot={props.dot}
+            name={props.icon}
+            size={parent.props.iconSize}
+            badge={props.badge}
             class={bem('icon')}
-            classPrefix={this.iconPrefix}
+            classPrefix={props.iconPrefix}
           />
         );
       }
-    },
+    };
 
-    getText() {
-      const textSlot = this.slots('text');
-
-      if (textSlot) {
-        return textSlot;
+    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() {
-      const slot = this.slots();
-
-      if (slot) {
-        return slot;
+    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-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/grid/README.md b/src/grid/README.md
index 0c997fbc3..e8b86545b 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 dd342f02d..f986b7316 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);
 ```
 
 ## 代码演示
@@ -135,7 +136,6 @@ Vue.use(GridItem);
 | 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 `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/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/grid/index.js b/src/grid/index.js
index aaf85788b..51218100e 100644
--- a/src/grid/index.js
+++ b/src/grid/index.js
@@ -1,12 +1,12 @@
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
-import { ParentMixin } from '../mixins/relation';
+import { useChildren } from '@vant/use';
 
 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,17 @@ export default createComponent({
     },
   },
 
-  computed: {
-    style() {
-      const { gutter } = this;
+  setup(props, { slots }) {
+    const { linkChildren } = useChildren(GRID_KEY);
 
-      if (gutter) {
-        return {
-          paddingLeft: addUnit(gutter),
-        };
-      }
-    },
-  },
+    linkChildren({ props });
 
-  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()}
+        {slots.default?.()}
       </div>
     );
   },
diff --git a/src/grid/test/__snapshots__/demo.spec.js.snap b/src/grid/test/__snapshots__/demo.legacy.js.snap
similarity index 99%
rename from src/grid/test/__snapshots__/demo.spec.js.snap
rename to src/grid/test/__snapshots__/demo.legacy.js.snap
index b917973ee..95f2bd6e5 100644
--- a/src/grid/test/__snapshots__/demo.spec.js.snap
+++ b/src/grid/test/__snapshots__/demo.legacy.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.legacy.js.snap
similarity index 97%
rename from src/grid/test/__snapshots__/index.spec.js.snap
rename to src/grid/test/__snapshots__/index.legacy.js.snap
index 92eb96f44..1387be1b9 100644
--- a/src/grid/test/__snapshots__/index.spec.js.snap
+++ b/src/grid/test/__snapshots__/index.legacy.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/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/README.md b/src/icon/README.md
index 4e6f0f7b7..fab273bb6 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 a65d298b5..980d46dcb 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);
 ```
 
 ## 代码演示
@@ -93,7 +94,6 @@ import 'vant/lib/icon/local.css';
 | name | 图标名称或图片链接 | _string_ | - |
 | dot | 是否显示图标右上角小红点 | _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/demo/index.vue b/src/icon/demo/index.vue
index 248dbfea5..31a03337f 100644
--- a/src/icon/demo/index.vue
+++ b/src/icon/demo/index.vue
@@ -1,17 +1,19 @@
 <template>
-  <demo-section>
-    <van-tabs v-model="tab" sticky>
-      <van-tab :title="t('demo')">
-        <demo-block :title="t('basicUsage')">
+  <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>
-        </demo-block>
+        </van-row>
+      </demo-block>
 
-        <demo-block :title="t('badge')">
+      <demo-block :title="t('badge')">
+        <van-row>
           <van-col span="6" @click="copy(demoIcon, { dot: true })">
             <van-icon :name="demoIcon" dot />
           </van-col>
@@ -21,28 +23,34 @@
           <van-col span="6" @click="copy(demoIcon, { badge: '99+' })">
             <van-icon :name="demoIcon" badge="99+" />
           </van-col>
-        </demo-block>
+        </van-row>
+      </demo-block>
 
-        <demo-block :title="t('color')">
+      <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>
-        </demo-block>
+        </van-row>
+      </demo-block>
 
-        <demo-block :title="t('size')">
+      <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>
-        </demo-block>
-      </van-tab>
+        </van-row>
+      </demo-block>
+    </van-tab>
 
-      <van-tab :title="t('basic')">
+    <van-tab :title="t('basic')">
+      <van-row>
         <van-col
           v-for="icon in icons.basic"
           :key="icon"
@@ -52,9 +60,11 @@
           <van-icon :name="icon" />
           <span>{{ icon }}</span>
         </van-col>
-      </van-tab>
+      </van-row>
+    </van-tab>
 
-      <van-tab :title="t('outline')">
+    <van-tab :title="t('outline')">
+      <van-row>
         <van-col
           v-for="icon in icons.outline"
           :key="icon"
@@ -64,9 +74,11 @@
           <van-icon :name="icon" />
           <span>{{ icon }}</span>
         </van-col>
-      </van-tab>
+      </van-row>
+    </van-tab>
 
-      <van-tab :title="t('filled')">
+    <van-tab :title="t('filled')">
+      <van-row>
         <van-col
           v-for="icon in icons.filled"
           :key="icon"
@@ -76,9 +88,9 @@
           <van-icon :name="icon" />
           <span>{{ icon }}</span>
         </van-col>
-      </van-tab>
-    </van-tabs>
-  </demo-section>
+      </van-row>
+    </van-tab>
+  </van-tabs>
 </template>
 
 <script>
diff --git a/src/icon/index.tsx b/src/icon/index.tsx
index 21eb8f861..82849f5bb 100644
--- a/src/icon/index.tsx
+++ b/src/icon/index.tsx
@@ -1,97 +1,50 @@
-// Utils
-import { createNamespace, addUnit } 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;
-};
+import { PropType } from 'vue';
+import { addUnit, createNamespace } from '../utils';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('icon');
 
-function isImage(name?: string): boolean {
+function isImage(name?: string) {
   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',
-  'calender-o': 'calendar-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);
-
-  if (process.env.NODE_ENV === 'development' && props.info) {
-    console.warn(
-      '[Vant] Icon: "info" prop is deprecated, use "badge" prop instead.'
-    );
-  }
-
-  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={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',
+export default createComponent({
+  props: {
+    dot: Boolean,
+    name: String,
+    size: [Number, String],
+    badge: [Number, String],
+    color: String,
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'i',
+    },
+    classPrefix: {
+      type: String,
+      default: bem(),
+    },
   },
-  classPrefix: {
-    type: String,
-    default: bem(),
-  },
-};
 
-export default createComponent<IconProps, IconEvents>(Icon);
+  setup(props, { slots }) {
+    return () => {
+      const { tag, dot, name, size, badge, color, classPrefix } = props;
+      const isImageIcon = isImage(name);
+
+      return (
+        <Badge
+          dot={dot}
+          tag={tag}
+          content={badge}
+          class={[classPrefix, isImageIcon ? '' : `${classPrefix}-${name}`]}
+          style={{
+            color,
+            fontSize: addUnit(size),
+          }}
+        >
+          {slots.default?.()}
+          {isImageIcon && <img class={bem('image')} src={name} />}
+        </Badge>
+      );
+    };
+  },
+});
diff --git a/src/icon/test/__snapshots__/index.spec.js.snap b/src/icon/test/__snapshots__/index.legacy.js.snap
similarity index 94%
rename from src/icon/test/__snapshots__/index.spec.js.snap
rename to src/icon/test/__snapshots__/index.legacy.js.snap
index 54ddf2e50..c5fb94374 100644
--- a/src/icon/test/__snapshots__/index.spec.js.snap
+++ b/src/icon/test/__snapshots__/index.legacy.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/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/ImagePreview.js b/src/image-preview/ImagePreview.js
index 9b5d6156b..bab5d5b4b 100644
--- a/src/image-preview/ImagePreview.js
+++ b/src/image-preview/ImagePreview.js
@@ -1,32 +1,25 @@
+import { nextTick, onMounted, reactive, ref, watch } from 'vue';
+
 // Utils
 import { bem, createComponent } from './shared';
+import { callInterceptor } from '../utils/interceptor';
 
-// Mixins
-import { PopupMixin } from '../mixins/popup';
-import { TouchMixin } from '../mixins/touch';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import { useWindowSize } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 // 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);
-    }),
-  ],
-
   props: {
+    show: Boolean,
     className: null,
     closeable: Boolean,
-    asyncClose: Boolean,
+    beforeClose: Function,
     showIndicators: Boolean,
     images: {
       type: Array,
@@ -60,10 +53,6 @@ export default createComponent({
       type: [Number, String],
       default: 0,
     },
-    overlayClass: {
-      type: String,
-      default: bem('overlay'),
-    },
     closeIcon: {
       type: String,
       default: 'clear',
@@ -78,152 +67,156 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['scale', 'close', 'closed', 'change', 'update:show'],
+
+  setup(props, { emit, slots }) {
+    const swipeRef = ref();
+    const windowSize = useWindowSize();
+
+    const state = reactive({
       active: 0,
       rootWidth: 0,
       rootHeight: 0,
-      doubleClickTimer: null,
+    });
+
+    const resize = () => {
+      if (swipeRef.value) {
+        const rect = swipeRef.value.$el.getBoundingClientRect();
+        state.rootWidth = rect.width;
+        state.rootHeight = rect.height;
+      }
     };
-  },
 
-  mounted() {
-    this.resize();
-  },
+    const emitScale = (args) => {
+      emit('scale', args);
+    };
 
-  watch: {
-    startPosition: 'setActive',
+    const emitClose = () => {
+      callInterceptor({
+        interceptor: props.beforeClose,
+        args: [state.active],
+        done: () => {
+          emit('update:show', false);
+        },
+      });
+    };
 
-    value(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],
-        });
+    const setActive = (active) => {
+      if (active !== state.active) {
+        state.active = active;
+        emit('change', active);
       }
-    },
-  },
+    };
 
-  methods: {
-    resize() {
-      if (this.$el && this.$el.getBoundingClientRect) {
-        const rect = this.$el.getBoundingClientRect();
-        this.rootWidth = rect.width;
-        this.rootHeight = rect.height;
-      }
-    },
-
-    emitClose() {
-      if (!this.asyncClose) {
-        this.$emit('input', false);
-      }
-    },
-
-    emitScale(args) {
-      this.$emit('scale', args);
-    },
-
-    setActive(active) {
-      if (active !== this.active) {
-        this.active = active;
-        this.$emit('change', active);
-      }
-    },
-
-    genIndex() {
-      if (this.showIndex) {
+    const renderIndex = () => {
+      if (props.showIndex) {
         return (
           <div class={bem('index')}>
-            {this.slots('index') ||
-              `${this.active + 1} / ${this.images.length}`}
+            {slots.index
+              ? slots.index()
+              : `${state.active + 1} / ${props.images.length}`}
           </div>
         );
       }
-    },
+    };
 
-    genCover() {
-      const cover = this.slots('cover');
-
-      if (cover) {
-        return <div class={bem('cover')}>{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.value}
-              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() {
-    if (!this.shouldRender) {
-      return;
-    }
+    useExpose({ swipeTo });
 
-    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>
+    onMounted(resize);
+
+    watch([windowSize.width, windowSize.height], 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={props.show}
+        class={[bem(), props.className]}
+        overlayClass={bem('overlay')}
+        closeOnPopstate={props.closeOnPopstate}
+        onClosed={onClosed}
+      >
+        {renderClose()}
+        {renderImages()}
+        {renderIndex()}
+        {renderCover()}
+      </Popup>
     );
   },
 });
diff --git a/src/image-preview/ImagePreviewItem.js b/src/image-preview/ImagePreviewItem.js
index 14a7f1848..a208514a8 100644
--- a/src/image-preview/ImagePreviewItem.js
+++ b/src/image-preview/ImagePreviewItem.js
@@ -1,10 +1,11 @@
+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';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
+// Composition
+import { useTouch } from '../composition/use-touch';
 
 // Component
 import Image from '../image';
@@ -19,8 +20,6 @@ function getDistance(touches) {
 }
 
 export default {
-  mixins: [TouchMixin],
-
   props: {
     src: String,
     show: Boolean,
@@ -31,8 +30,10 @@ export default {
     rootHeight: Number,
   },
 
-  data() {
-    return {
+  emits: ['scale', 'close'],
+
+  setup(props, { emit }) {
+    const state = reactive({
       scale: 1,
       moveX: 0,
       moveY: 0,
@@ -41,163 +42,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();
           }
         }
       }
@@ -205,56 +226,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
-          src={this.src}
-          fit="contain"
-          class={bem('image', { vertical: this.vertical })}
-          style={this.imageStyle}
-          scopedSlots={imageSlots}
-          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>
+      );
+    };
   },
 };
diff --git a/src/image-preview/README.md b/src/image-preview/README.md
index 3fb4392cb..67739b83b 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
@@ -62,7 +63,7 @@ ImagePreview({
 });
 ```
 
-### Async Close
+### Before Close
 
 ```js
 const instance = ImagePreview({
@@ -70,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(() => {
@@ -81,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>
 ```
@@ -122,14 +123,14 @@ 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 function before close | _(action) => boolean \| Promise_ | - |
 | className | Custom className | _any_ | - |
 | maxZoom | Max zoom | _number \| string_ | `3` |
 | minZoom | Min zoom | _number \| string_ | `1/3` |
 | 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
 
@@ -141,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 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` |
@@ -149,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 4b6f52420..78e17b0a8 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 {
@@ -94,7 +95,7 @@ ImagePreview({
 
 ### 异步关闭
 
-通过 `asyncClose` 属性可以开启异步关闭，开启后异步关闭后，只能通过实例上的 close 方法关闭图片预览。
+通过 `beforeClose` 属性可以拦截关闭行为。
 
 ```js
 const instance = ImagePreview({
@@ -102,20 +103,21 @@ 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);
 ```
 
 ### 组件调用
 
-如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `Vue.use` 注册组件。
+如果需要在图片预览内嵌入组件或其他自定义内容，可以使用组件调用的方式，调用前需要通过 `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>
 ```
@@ -157,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` |
@@ -165,7 +167,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
 
@@ -179,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` |
@@ -187,7 +189,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/demo/index.vue b/src/image-preview/demo/index.vue
index 531fb8b65..d324624dd 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -1,38 +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('asyncClose')">
-      <van-cell is-link @click="showImagePreview({ asyncClose: true })">
-        {{ t('asyncClose') }}
-      </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" :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>
@@ -51,7 +49,7 @@ export default {
       closed: '关闭',
       showClose: '展示关闭按钮',
       showImages: '预览图片',
-      asyncClose: '异步关闭',
+      beforeClose: '异步关闭',
       closeEvent: '监听关闭事件',
       customConfig: '传入配置项',
       startPosition: '指定初始位置',
@@ -62,7 +60,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',
@@ -84,6 +82,14 @@ export default {
       this.$toast(this.t('closed'));
     },
 
+    beforeClose() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(true);
+        }, 1000);
+      });
+    },
+
     componentCall() {
       this.show = true;
     },
@@ -92,13 +98,13 @@ export default {
       this.index = index;
     },
 
-    showImagePreview(options) {
+    showImagePreview(options = {}) {
       const instance = ImagePreview({
         images,
         ...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 0b156636c..4cd178fd8 100644
--- a/src/image-preview/index.js
+++ b/src/image-preview/index.js
@@ -1,23 +1,23 @@
-import Vue from 'vue';
-import VueImagePreview from './ImagePreview';
-import { isServer } from '../utils';
+import { inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
+import VanImagePreview from './ImagePreview';
 
 let instance;
 
 const defaultConfig = {
   loop: true,
-  value: true,
   images: [],
   maxZoom: 3,
   minZoom: 1 / 3,
+  onScale: null,
   onClose: null,
   onChange: null,
+  teleport: 'body',
   className: '',
   showIndex: true,
   closeable: false,
   closeIcon: 'clear',
-  asyncClose: false,
-  getContainer: 'body',
+  beforeClose: null,
   startPosition: 0,
   swipeDuration: 500,
   showIndicators: false,
@@ -25,28 +25,31 @@ const defaultConfig = {
   closeIconPosition: 'top-right',
 };
 
-const initInstance = () => {
-  instance = new (Vue.extend(VueImagePreview))({
-    el: document.createElement('div'),
-  });
-  document.body.appendChild(instance.$el);
+function initInstance() {
+  ({ instance } = mountComponent({
+    setup() {
+      const { state, toggle } = usePopupState();
 
-  instance.$on('change', (index) => {
-    if (instance.onChange) {
-      instance.onChange(index);
-    }
-  });
+      const onClosed = () => {
+        state.images = [];
+      };
 
-  instance.$on('scale', (data) => {
-    if (instance.onScale) {
-      instance.onScale(data);
-    }
-  });
-};
+      return () => (
+        <VanImagePreview
+          {...{
+            ...state,
+            onClosed,
+            'onUpdate:show': toggle,
+          }}
+        />
+      );
+    },
+  }));
+}
 
 const ImagePreview = (images, startPosition = 0) => {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return;
   }
 
@@ -56,28 +59,18 @@ 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.open({
+    ...defaultConfig,
+    ...options,
   });
 
-  instance.$once('closed', () => {
-    instance.images = [];
-  });
-
-  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/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-preview/test/index.spec.js b/src/image-preview/test/index.legacy.js
similarity index 97%
rename from src/image-preview/test/index.spec.js
rename to src/image-preview/test/index.legacy.js
index 64aca1fe5..95d2752dc 100644
--- a/src/image-preview/test/index.spec.js
+++ b/src/image-preview/test/index.legacy.js
@@ -329,7 +329,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');
@@ -351,22 +351,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/image/README.md b/src/image/README.md
index 83ea8f509..e043826e1 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 ca26e2797..36cd3cc5a 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);
 ```
 
 ### 加载中提示
@@ -118,7 +120,7 @@ Vue.use(Lazyload);
 | cover      | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 |
 | fill       | 拉伸图片，使图片填满元素                               |
 | none       | 保持图片原有尺寸                                       |
-| scale-down | 取`none`或`contain`中较小的一个                        |
+| scale-down | 取 `none` 或 `contain` 中较小的一个                    |
 
 ### Events
 
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/image/index.js b/src/image/index.js
deleted file mode 100644
index b1daea8ee..000000000
--- a/src/image/index.js
+++ /dev/null
@@ -1,180 +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: 'photo-fail',
-    },
-    loadingIcon: {
-      type: String,
-      default: 'photo',
-    },
-  },
-
-  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 && inBrowser) {
-        return (
-          <div class={bem('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') || (
-              <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()}
-      </div>
-    );
-  },
-});
diff --git a/src/image/index.tsx b/src/image/index.tsx
new file mode 100644
index 000000000..2ea55cea9
--- /dev/null
+++ b/src/image/index.tsx
@@ -0,0 +1,170 @@
+import { ref, watch, computed, PropType, CSSProperties } from 'vue';
+import { isDef, addUnit, inBrowser, createNamespace } 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,
+    alt: String,
+    fit: String as PropType<ImageFit>,
+    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: 'photo-fail',
+    },
+    loadingIcon: {
+      type: String,
+      default: 'photo',
+    },
+  },
+
+  emits: ['load', 'error'],
+
+  setup(props, { emit, slots }) {
+    const error = ref(false);
+    const loading = ref(true);
+    const imageRef = ref<HTMLElement>();
+
+    const style = computed(() => {
+      const style: CSSProperties = {};
+
+      if (isDef(props.width)) {
+        style.width = addUnit(props.width);
+      }
+
+      if (isDef(props.height)) {
+        style.height = addUnit(props.height);
+      }
+
+      if (isDef(props.radius)) {
+        style.overflow = 'hidden';
+        style.borderRadius = addUnit(props.radius);
+      }
+
+      return style;
+    });
+
+    watch(
+      () => props.src,
+      () => {
+        error.value = false;
+        loading.value = true;
+      }
+    );
+
+    const onLoad = (event: Event) => {
+      loading.value = false;
+      emit('load', event);
+    };
+
+    const onError = (event: Event) => {
+      error.value = true;
+      loading.value = false;
+      emit('error', event);
+    };
+
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
+      }
+
+      return <Icon name={props.loadingIcon} class={bem('loading-icon')} />;
+    };
+
+    const renderErrorIcon = () => {
+      if (slots.error) {
+        return slots.error();
+      }
+
+      return <Icon name={props.errorIcon} class={bem('error-icon')} />;
+    };
+
+    const renderPlaceholder = () => {
+      if (loading.value && props.showLoading && inBrowser) {
+        return <div class={bem('loading')}>{renderLoadingIcon()}</div>;
+      }
+      if (error.value && props.showError) {
+        return <div class={bem('error')}>{renderErrorIcon()}</div>;
+      }
+    };
+
+    const renderImage = () => {
+      if (error.value || !props.src) {
+        return;
+      }
+
+      const attrs = {
+        alt: props.alt,
+        class: bem('img'),
+        style: {
+          objectFit: props.fit,
+        },
+      };
+
+      if (props.lazyLoad) {
+        return <img ref={imageRef} v-lazy={props.src} {...attrs} />;
+      }
+
+      return (
+        <img src={props.src} onLoad={onLoad} onError={onError} {...attrs} />
+      );
+    };
+
+    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();
+  //   }
+  // },
+  // },
+});
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/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-anchor/index.js b/src/index-anchor/index.js
index 2852203a8..df74a9200 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -1,65 +1,68 @@
+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 { useParent } from '@vant/use';
+import { useHeight } from '../composition/use-height';
+import { useExpose } from '../composition/use-expose';
 
 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 root = ref();
+    const height = useHeight(root);
+    const { parent } = useParent(INDEX_BAR_KEY);
 
-    anchorStyle() {
-      if (this.sticky) {
+    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.height = this.$el.offsetHeight;
-  },
+    useExpose({
+      state,
+      height,
+    });
 
-  methods: {
-    scrollIntoView() {
-      this.$el.scrollIntoView();
-    },
-  },
+    return () => {
+      const sticky = isSticky();
 
-  render() {
-    const { sticky } = this;
-
-    return (
-      <div style={{ height: sticky ? `${this.height}px` : null }}>
-        <div
-          style={this.anchorStyle}
-          class={[bem({ sticky }), { [BORDER_BOTTOM]: sticky }]}
-        >
-          {this.slots('default') || this.index}
+      return (
+        <div ref={root} style={{ height: sticky ? `${height.value}px` : null }}>
+          <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/README.md b/src/index-bar/README.md
index ec0856ced..560989a97 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 f0d6027f2..3558958b5 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/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/index-bar/index.js b/src/index-bar/index.js
index b3b93cf6d..a16d1f995 100644
--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@@ -1,19 +1,27 @@
+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 {
-  getScroller,
+  isDef,
+  isHidden,
   getScrollTop,
   getElementTop,
+  preventDefault,
+  createNamespace,
   getRootScrollTop,
   setRootScrollTop,
-} from '../utils/dom/scroll';
+} from '../utils';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+import {
+  useRect,
+  useChildren,
+  useScrollParent,
+  useEventListener,
+} from '@vant/use';
+import { useTouch } from '../composition/use-touch';
+
+export const INDEX_BAR_KEY = 'vanIndexBar';
 
 function genAlphabet() {
   const indexList = [];
@@ -29,18 +37,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,
@@ -58,130 +54,172 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      activeAnchorIndex: null,
-    };
-  },
+  emits: ['select', 'change'],
 
-  computed: {
-    sidebarStyle() {
-      if (isDef(this.zIndex)) {
+  setup(props, { emit, slots }) {
+    const root = ref();
+    const activeAnchor = ref();
+
+    const touch = useTouch();
+    const scrollParent = useScrollParent(root);
+    const { children, linkChildren } = useChildren(INDEX_BAR_KEY);
+
+    linkChildren({ props });
+
+    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);
-    },
-
-    activeAnchorIndex(value) {
-      if (value) {
-        this.$emit('change', value);
+    const getScrollerRect = () => {
+      if (scrollParent.value.getBoundingClientRect) {
+        return useRect(scrollParent);
       }
-    },
-  },
-
-  methods: {
-    onScroll() {
-      if (isHidden(this.$el)) {
-        return;
-      }
-
-      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, scrollParentRect) => {
+      if (
+        scrollParent.value === window ||
+        scrollParent.value === document.body
+      ) {
+        return getElementTop(element);
       }
 
-      const eleRect = ele.getBoundingClientRect();
+      const rect = useRect(element);
+      return rect.top - scrollParentRect.top + getScrollTop(scrollParent);
+    };
 
-      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(root)) {
+        return;
+      }
 
-    onTouchMove(event) {
-      this.touchMove(event);
+      const { sticky, indexList } = props;
+      const scrollTop = getScrollTop(scrollParent.value);
+      const scrollParentRect = getScrollerRect();
 
-      if (this.direction === 'vertical') {
+      const rects = children.map((item) => ({
+        height: item.height.value,
+        top: getAnchorTop(item.$el, scrollParentRect),
+      }));
+
+      const active = getActiveAnchor(scrollTop, rects);
+
+      activeAnchor.value = indexList[active];
+
+      if (sticky) {
+        children.forEach((item, index) => {
+          const { state, height, $el } = item;
+          if (index === active || index === active - 1) {
+            const rect = $el.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) +
+              scrollParentRect.top;
+          } else if (index === active - 1) {
+            const activeItemTop = rects[active].top - scrollTop;
+            state.active = activeItemTop > 0;
+            state.top = activeItemTop + scrollParentRect.top - height.value;
+          } else {
+            state.active = false;
+          }
+        });
+      }
+    };
+
+    useEventListener('scroll', onScroll, { target: scrollParent });
+
+    watch(
+      () => props.indexList,
+      () => {
+        nextTick(onScroll);
+      }
+    );
+
+    watch(activeAnchor, (value) => {
+      if (value) {
+        emit('change', value);
+      }
+    });
+
+    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.index) === index);
+
+      if (match[0]) {
+        match[0].$el.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.isVertical()) {
         preventDefault(event);
 
         const { clientX, clientY } = event.touches[0];
@@ -190,69 +228,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={root} 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>
     );
   },
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/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/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/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/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 7853edb9b..b12ed5d8d 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/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/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 {};
diff --git a/src/list/README.md b/src/list/README.md
index 71e7e68b4..88c87a4ab 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
@@ -19,7 +20,7 @@ Vue.use(List);
 
 ```html
 <van-list
-  v-model="loading"
+  v-model:loading="loading"
   :finished="finished"
   finished-text="Finished"
   @load="onLoad"
@@ -58,8 +59,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"
 >
@@ -91,7 +92,7 @@ export default {
 ```html
 <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
   <van-list
-    v-model="loading"
+    v-model:loading="loading"
     :finished="finished"
     finished-text="Finished"
     @load="onLoad"
@@ -144,7 +145,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 6d50869b0..a78e3f7fa 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);
 ```
 
 ## 代码演示
@@ -21,7 +22,7 @@ List 组件通过 `loading` 和 `finished` 两个变量控制加载状态，当
 
 ```html
 <van-list
-  v-model="loading"
+  v-model:loading="loading"
   :finished="finished"
   finished-text="没有更多了"
   @load="onLoad"
@@ -67,8 +68,8 @@ export default {
 
 ```html
 <van-list
-  v-model="loading"
-  :error.sync="error"
+  v-model:loading="loading"
+  v-model:error="error"
   error-text="请求失败，点击重新加载"
   @load="onLoad"
 >
@@ -102,7 +103,7 @@ List 组件可以与 [PullRefresh](#/zh-CN/pull-refresh) 组件结合使用，
 ```html
 <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
   <van-list
-    v-model="loading"
+    v-model:loading="loading"
     :finished="finished"
     finished-text="没有更多了"
     @load="onLoad"
@@ -159,7 +160,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..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="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="list[1].loading"
-          :finished="list[1].finished"
-          :error.sync="list[1].error"
-          :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="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/list/index.js b/src/list/index.js
deleted file mode 100644
index 282bc8eeb..000000000
--- a/src/list/index.js
+++ /dev/null
@@ -1,173 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { isHidden } from '../utils/dom/style';
-import { getScroller } from '../utils/dom/scroll';
-
-// Mixins
-import { BindEventMixin } from '../mixins/bind-event';
-
-// Components
-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);
-    }),
-  ],
-
-  model: {
-    prop: 'loading',
-  },
-
-  props: {
-    error: Boolean,
-    loading: Boolean,
-    finished: Boolean,
-    errorText: String,
-    loadingText: String,
-    finishedText: String,
-    immediateCheck: {
-      type: Boolean,
-      default: true,
-    },
-    offset: {
-      type: [Number, String],
-      default: 300,
-    },
-    direction: {
-      type: String,
-      default: 'down',
-    },
-  },
-
-  data() {
-    return {
-      // use sync innerLoading state to avoid repeated loading in some edge cases
-      innerLoading: this.loading,
-    };
-  },
-
-  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) {
-          return;
-        }
-
-        const { $el: el, scroller, offset, direction } = this;
-        let scrollerRect;
-
-        if (scroller.getBoundingClientRect) {
-          scrollerRect = scroller.getBoundingClientRect();
-        } else {
-          scrollerRect = {
-            top: 0,
-            bottom: scroller.innerHeight,
-          };
-        }
-
-        const scrollerHeight = scrollerRect.bottom - scrollerRect.top;
-
-        /* istanbul ignore next */
-        if (!scrollerHeight || isHidden(el)) {
-          return false;
-        }
-
-        let isReachEdge = false;
-        const placeholderRect = this.$refs.placeholder.getBoundingClientRect();
-
-        if (direction === 'up') {
-          isReachEdge = scrollerRect.top - placeholderRect.top <= offset;
-        } else {
-          isReachEdge = placeholderRect.bottom - scrollerRect.bottom <= offset;
-        }
-
-        if (isReachEdge) {
-          this.innerLoading = true;
-          this.$emit('input', true);
-          this.$emit('load');
-        }
-      });
-    },
-
-    clickErrorText() {
-      this.$emit('update:error', false);
-      this.check();
-    },
-
-    genLoading() {
-      if (this.innerLoading && !this.finished) {
-        return (
-          <div key="loading" class={bem('loading')}>
-            {this.slots('loading') || (
-              <Loading size="16">{this.loadingText || t('loading')}</Loading>
-            )}
-          </div>
-        );
-      }
-    },
-
-    genFinishedText() {
-      if (this.finished) {
-        const text = this.slots('finished') || this.finishedText;
-
-        if (text) {
-          return <div class={bem('finished-text')}>{text}</div>;
-        }
-      }
-    },
-
-    genErrorText() {
-      if (this.error) {
-        const text = this.slots('error') || this.errorText;
-
-        if (text) {
-          return (
-            <div onClick={this.clickErrorText} class={bem('error-text')}>
-              {text}
-            </div>
-          );
-        }
-      }
-    },
-  },
-
-  render() {
-    const Placeholder = (
-      <div ref="placeholder" key="placeholder" class={bem('placeholder')} />
-    );
-
-    return (
-      <div class={bem()} role="feed" aria-busy={this.innerLoading}>
-        {this.direction === 'down' ? this.slots() : Placeholder}
-        {this.genLoading()}
-        {this.genFinishedText()}
-        {this.genErrorText()}
-        {this.direction === 'up' ? this.slots() : Placeholder}
-      </div>
-    );
-  },
-});
diff --git a/src/list/index.tsx b/src/list/index.tsx
new file mode 100644
index 000000000..8384318e3
--- /dev/null
+++ b/src/list/index.tsx
@@ -0,0 +1,149 @@
+import { ref, watch, nextTick, onUpdated, onMounted, PropType } from 'vue';
+
+// Utils
+import { isHidden, createNamespace } from '../utils';
+
+// Composition
+import { useRect, useScrollParent, useEventListener } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
+
+// Components
+import Loading from '../loading';
+
+const [createComponent, bem, t] = createNamespace('list');
+
+export default createComponent({
+  props: {
+    error: Boolean,
+    loading: Boolean,
+    finished: Boolean,
+    errorText: String,
+    loadingText: String,
+    finishedText: String,
+    offset: {
+      type: [Number, String],
+      default: 300,
+    },
+    direction: {
+      type: String as PropType<'up' | 'down'>,
+      default: 'down',
+    },
+    immediateCheck: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: ['load', 'update:error', 'update:loading'],
+
+  setup(props, { emit, slots }) {
+    // use sync innerLoading state to avoid repeated loading in some edge cases
+    const loading = ref(false);
+    const root = ref<HTMLElement>();
+    const placeholder = ref<HTMLElement>();
+    const scrollParent = useScrollParent(root);
+
+    const check = () => {
+      nextTick(() => {
+        if (loading.value || props.finished || props.error) {
+          return;
+        }
+
+        const { offset, direction } = props;
+        const scrollParentRect = useRect(scrollParent);
+
+        if (!scrollParentRect.height || isHidden(root)) {
+          return false;
+        }
+
+        let isReachEdge = false;
+        const placeholderRect = useRect(placeholder);
+
+        if (direction === 'up') {
+          isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
+        } else {
+          isReachEdge =
+            placeholderRect.bottom - scrollParentRect.bottom <= offset;
+        }
+
+        if (isReachEdge) {
+          loading.value = true;
+          emit('update:loading', true);
+          emit('load');
+        }
+      });
+    };
+
+    const renderFinishedText = () => {
+      if (props.finished) {
+        const text = slots.finished ? slots.finished() : props.finishedText;
+        if (text) {
+          return <div class={bem('finished-text')}>{text}</div>;
+        }
+      }
+    };
+
+    const clickErrorText = () => {
+      emit('update:error', false);
+      check();
+    };
+
+    const renderErrorText = () => {
+      if (props.error) {
+        const text = slots.error ? slots.error() : props.errorText;
+        if (text) {
+          return (
+            <div class={bem('error-text')} onClick={clickErrorText}>
+              {text}
+            </div>
+          );
+        }
+      }
+    };
+
+    const renderLoading = () => {
+      if (loading.value && !props.finished) {
+        return (
+          <div class={bem('loading')}>
+            {slots.loading ? (
+              slots.loading()
+            ) : (
+              <Loading size={16}>{props.loadingText || t('loading')}</Loading>
+            )}
+          </div>
+        );
+      }
+    };
+
+    watch([() => props.loading, () => props.finished], check);
+
+    onUpdated(() => {
+      loading.value = props.loading!;
+    });
+
+    onMounted(() => {
+      if (props.immediateCheck) {
+        check();
+      }
+    });
+
+    useExpose({ check });
+
+    useEventListener('scroll', check, { target: scrollParent });
+
+    return () => {
+      const Content = slots.default?.();
+      const Placeholder = <div ref={placeholder} class={bem('placeholder')} />;
+
+      return (
+        <div ref={root} role="feed" class={bem()} aria-busy={loading.value}>
+          {props.direction === 'down' ? Content : Placeholder}
+          {renderLoading()}
+          {renderFinishedText()}
+          {renderErrorText()}
+          {props.direction === 'up' ? Content : Placeholder}
+        </div>
+      );
+    };
+  },
+});
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/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/README.md b/src/loading/README.md
index 51f9ca7e5..cbc7fbf99 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 ea6a838d5..e6beea036 100644
--- a/src/loading/README.zh-CN.md
+++ b/src/loading/README.zh-CN.md
@@ -7,10 +7,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/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/loading/index.tsx b/src/loading/index.tsx
index a13371607..9f813e64c 100644
--- a/src/loading/index.tsx
+++ b/src/loading/index.tsx
@@ -1,94 +1,64 @@
-// 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;
-};
+import { computed, PropType } from 'vue';
+import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 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>
-  );
+const SpinIcon: JSX.Element[] = [];
+for (let i = 0; i < 12; i++) {
+  SpinIcon.push(<i />);
 }
 
-function LoadingText(
-  h: CreateElement,
-  props: LoadingProps,
-  slots: DefaultSlots
-) {
-  if (slots.default) {
-    const style = props.textSize && {
-      fontSize: addUnit(props.textSize),
+const CircularIcon = (
+  <svg class={bem('circular')} viewBox="25 25 50 50">
+    <circle cx="50" cy="50" r="20" fill="none" />
+  </svg>
+);
+
+export type LoadingType = 'circular' | 'spinner';
+
+export default createComponent({
+  props: {
+    size: [Number, String],
+    color: String,
+    vertical: Boolean,
+    textSize: [Number, String],
+    type: {
+      type: String as PropType<LoadingType>,
+      default: 'circular',
+    },
+  },
+
+  setup(props, { slots }) {
+    const spinnerStyle = computed(() => ({
+      color: props.color,
+      ...getSizeStyle(props.size),
+    }));
+
+    const renderText = () => {
+      if (slots.default) {
+        return (
+          <span
+            class={bem('text')}
+            style={{
+              fontSize: addUnit(props.textSize),
+            }}
+          >
+            {slots.default()}
+          </span>
+        );
+      }
     };
 
-    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',
+    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>
+      );
+    };
   },
-};
-
-export default createComponent<LoadingProps>(Loading);
+});
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/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/locale/index.ts b/src/locale/index.ts
index 3c8bdc257..28487acf1 100644
--- a/src/locale/index.ts
+++ b/src/locale/index.ts
@@ -1,34 +1,26 @@
-import Vue from 'vue';
+import { ref, reactive } 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 Message = Record<string, any>;
+type Messages = Record<string, Message>;
 
-const proto = Vue.prototype;
-const { defineReactive } = Vue.util;
-
-defineReactive(proto, '$vantLang', 'zh-CN');
-defineReactive(proto, '$vantMessages', {
+const lang = ref('zh-CN');
+const messages = reactive<Messages>({
   'zh-CN': defaultMessages,
 });
 
 export default {
-  messages() {
-    return proto.$vantMessages[proto.$vantLang];
+  messages(): Message {
+    return messages[lang.value];
   },
 
-  use(lang: string, messages?: object) {
-    proto.$vantLang = lang;
-    this.add({ [lang]: messages });
+  use(newLang: string, newMessages?: Message) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
   },
 
-  add(messages = {}) {
-    deepAssign(proto.$vantMessages, messages);
+  add(newMessages: Message = {}) {
+    deepAssign(messages, 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/mixins/checkbox.js b/src/mixins/checkbox.js
deleted file mode 100644
index 5fc341d67..000000000
--- a/src/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/mixins/click-outside.js b/src/mixins/click-outside.js
deleted file mode 100644
index 534d026f9..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);
-  },
-
-  beforeDestroy() {
-    off(document, config.event, this.clickOutsideHandler);
-  },
-});
diff --git a/src/mixins/close-on-popstate.js b/src/mixins/close-on-popstate.js
deleted file mode 100644
index 21822a3d9..000000000
--- a/src/mixins/close-on-popstate.js
+++ /dev/null
@@ -1,46 +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: {
-    onPopstate() {
-      this.close();
-      this.shouldReopen = false;
-    },
-
-    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.onPopstate);
-      }
-    },
-  },
-};
diff --git a/src/mixins/field.js b/src/mixins/field.js
deleted file mode 100644
index 603cff7da..000000000
--- a/src/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/mixins/popup/context.ts b/src/mixins/popup/context.ts
deleted file mode 100644
index 6ab98f914..000000000
--- a/src/mixins/popup/context.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-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/mixins/popup/index.js b/src/mixins/popup/index.js
deleted file mode 100644
index a0182e133..000000000
--- a/src/mixins/popup/index.js
+++ /dev/null
@@ -1,223 +0,0 @@
-// 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() {
-      removeOverlay(this);
-
-      if (this.opened) {
-        this.removeLock();
-      }
-
-      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/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/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/mixins/portal.js b/src/mixins/portal.js
deleted file mode 100644
index ec3e65f26..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
deleted file mode 100644
index f6d503616..000000000
--- a/src/mixins/relation.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import { sortChildren } from '../utils/vnodes';
-
-export function ChildrenMixin(parent, options = {}) {
-  const indexKey = options.indexKey || 'index';
-
-  return {
-    inject: {
-      [parent]: {
-        default: null,
-      },
-    },
-
-    computed: {
-      parent() {
-        if (this.disableBindRelation) {
-          return null;
-        }
-
-        return this[parent];
-      },
-
-      [indexKey]() {
-        this.bindRelation();
-
-        if (this.parent) {
-          return this.parent.children.indexOf(this);
-        }
-
-        return null;
-      },
-    },
-
-    watch: {
-      disableBindRelation(val) {
-        if (!val) {
-          this.bindRelation();
-        }
-      },
-    },
-
-    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/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];
-    },
-  },
-};
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/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 104f7022d..83f63d70b 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/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/nav-bar/index.js b/src/nav-bar/index.js
deleted file mode 100644
index 24eeb92b1..000000000
--- a/src/nav-bar/index.js
+++ /dev/null
@@ -1,111 +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,
-    },
-  },
-
-  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 }]}
-        >
-          {this.hasLeft() && <div class={bem('left')} onClick={this.onClickLeft}>
-            {this.genLeft()}
-          </div>}
-          <div class={[bem('title'), 'van-ellipsis']}>
-            {this.slots('title') || this.title}
-          </div>
-          {this.hasRight() && <div class={bem('right')} onClick={this.onClickRight}>
-            {this.genRight()}
-          </div>}
-        </div>
-      );
-    },
-
-    hasLeft() {
-      return this.leftArrow || this.leftText || this.slots('left');
-    },
-
-    hasRight() {
-      return this.rightText || this.slots('right');
-    },
-
-    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/nav-bar/index.tsx b/src/nav-bar/index.tsx
new file mode 100644
index 000000000..1b625b814
--- /dev/null
+++ b/src/nav-bar/index.tsx
@@ -0,0 +1,104 @@
+import { ref, CSSProperties } from 'vue';
+
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_BOTTOM } from '../utils/constant';
+
+// Composition
+import { usePlaceholder } from '../composition/use-placeholder';
+
+// 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'],
+
+  setup(props, { emit, slots }) {
+    const navBarRef = ref();
+    const renderPlaceholder = usePlaceholder(navBarRef, bem);
+
+    const onClickLeft = (event: MouseEvent) => {
+      emit('click-left', event);
+    };
+
+    const onClickRight = (event: MouseEvent) => {
+      emit('click-right', event);
+    };
+
+    const renderLeft = () => {
+      if (slots.left) {
+        return slots.left();
+      }
+
+      return [
+        props.leftArrow && <Icon class={bem('arrow')} name="arrow-left" />,
+        props.leftText && <span class={bem('text')}>{props.leftText}</span>,
+      ];
+    };
+
+    const renderRight = () => {
+      if (slots.right) {
+        return slots.right();
+      }
+
+      if (props.rightText) {
+        return <span class={bem('text')}>{props.rightText}</span>;
+      }
+    };
+
+    const renderNavBar = () => {
+      const { title, fixed, border, zIndex } = props;
+      const style: CSSProperties = {
+        zIndex: zIndex !== undefined ? +zIndex : undefined,
+      };
+
+      const hasLeft = props.leftArrow || props.leftText || slots.left;
+      const hasRight = props.rightText || slots.right;
+
+      return (
+        <div
+          ref={navBarRef}
+          style={style}
+          class={[bem({ fixed }), { [BORDER_BOTTOM]: border }]}
+        >
+          {hasLeft && (
+            <div class={bem('left')} onClick={onClickLeft}>
+              {renderLeft()}
+            </div>
+          )}
+          <div class={[bem('title'), 'van-ellipsis']}>
+            {slots.title ? slots.title() : title}
+          </div>
+          {hasRight && (
+            <div class={bem('right')} onClick={onClickRight}>
+              {renderRight()}
+            </div>
+          )}
+        </div>
+      );
+    };
+
+    return () => {
+      if (props.fixed && props.placeholder) {
+        return renderPlaceholder(renderNavBar);
+      }
+      return renderNavBar();
+    };
+  },
+});
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/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/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 7954c2b8a..a9cd23fa7 100644
--- a/src/notice-bar/README.zh-CN.md
+++ b/src/notice-bar/README.zh-CN.md
@@ -7,10 +7,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/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/notice-bar/index.js b/src/notice-bar/index.js
index 7c2784ff7..8e82966ad 100644
--- a/src/notice-bar/index.js
+++ b/src/notice-bar/index.js
@@ -1,19 +1,15 @@
-import { createNamespace, isDef } from '../utils';
-import { doubleRaf } from '../utils/dom/raf';
-import { BindEventMixin } from '../mixins/bind-event';
+import { ref, watch, reactive, nextTick, onActivated } from 'vue';
+import { isDef, createNamespace } from '../utils';
+
+// Composition
+import { useRect, doubleRaf, useEventListener } from '@vant/use';
+
+// Components
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('notice-bar');
 
 export default createComponent({
-  mixins: [
-    BindEventMixin(function (bind) {
-      // fix cache issues with forwards and back history in safari
-      // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
-      bind(window, 'pageshow', this.start);
-    }),
-  ],
-
   props: {
     text: String,
     mode: String,
@@ -35,161 +31,157 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['close', 'replay'],
+
+  setup(props, { emit, slots }) {
+    let wrapWidth = 0;
+    let contentWidth = 0;
+    let startTimer;
+
+    const wrapRef = ref();
+    const contentRef = ref();
+
+    const state = reactive({
       show: true,
       offset: 0,
       duration: 0,
-      wrapWidth: 0,
-      contentWidth: 0,
-    };
-  },
+    });
 
-  watch: {
-    scrollable: 'start',
-    text: {
-      handler: 'start',
-      immediate: true,
-    },
-  },
-
-  activated() {
-    this.start();
-  },
-
-  methods: {
-    onClickIcon(event) {
-      if (this.mode === 'closeable') {
-        this.show = false;
-        this.$emit('close', event);
+    const renderLeftIcon = () => {
+      if (slots['left-icon']) {
+        return slots['left-icon']();
+      }
+      if (props.leftIcon) {
+        return <Icon class={bem('left-icon')} name={props.leftIcon} />;
       }
-    },
-
-    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();
-
-      clearTimeout(this.startTimer);
-      this.startTimer = 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, 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',
+    const getRightIconName = () => {
+      if (props.mode === 'closeable') {
+        return 'cross';
+      }
+      if (props.mode === 'link') {
+        return 'arrow';
+      }
     };
 
-    function LeftIcon() {
-      const slot = slots('left-icon');
+    const onClickRightIcon = (event) => {
+      if (props.mode === 'closeable') {
+        state.show = false;
+        emit('close', event);
+      }
+    };
 
-      if (slot) {
-        return slot;
+    const renderRightIcon = () => {
+      if (slots['right-icon']) {
+        return slots['right-icon']();
       }
 
-      if (leftIcon) {
-        return <Icon class={bem('left-icon')} name={leftIcon} />;
-      }
-    }
-
-    function RightIcon() {
-      const slot = slots('right-icon');
-
-      if (slot) {
-        return slot;
-      }
-
-      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}
-        onClick={(event) => {
-          this.$emit('click', event);
-        }}
-      >
-        {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}
           >
-            {this.slots() || 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();
+
+      clearTimeout(startTimer);
+      startTimer = setTimeout(() => {
+        if (!wrapRef.value || !contentRef.value || scrollable === false) {
+          return;
+        }
+
+        const wrapRefWidth = useRect(wrapRef).width;
+        const contentRefWidth = useRect(contentRef).width;
+
+        if (scrollable || contentRefWidth > wrapRefWidth) {
+          doubleRaf(() => {
+            wrapWidth = wrapRefWidth;
+            contentWidth = contentRefWidth;
+            state.offset = -contentWidth;
+            state.duration = contentWidth / speed;
+          });
+        }
+      }, ms);
+    };
+
+    onActivated(start);
+
+    // fix cache issues with forwards and back history in safari
+    // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
+    useEventListener('pageshow', start);
+
+    watch([() => props.text, () => props.scrollable], start, {
+      immediate: true,
+    });
+
+    return () => {
+      const { color, wrapable, background } = props;
+      return (
+        <div
+          v-show={state.show}
+          role="alert"
+          class={bem({ wrapable })}
+          style={{ color, background }}
+        >
+          {renderLeftIcon()}
+          {renderMarquee()}
+          {renderRightIcon()}
+        </div>
+      );
+    };
   },
 });
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/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/Notify.js b/src/notify/Notify.js
new file mode 100644
index 000000000..7e8655800
--- /dev/null
+++ b/src/notify/Notify.js
@@ -0,0 +1,41 @@
+import { createNamespace } from '../utils';
+import Popup, { popupSharedProps } from '../popup';
+
+const [createComponent, bem] = createNamespace('notify');
+
+export default createComponent({
+  props: {
+    ...popupSharedProps,
+    color: String,
+    message: [Number, String],
+    className: null,
+    background: String,
+    type: {
+      type: String,
+      default: 'danger',
+    },
+  },
+
+  setup(props, { slots }) {
+    return () => {
+      const style = {
+        color: props.color,
+        background: props.background,
+      };
+
+      return (
+        <Popup
+          show={props.show}
+          class={[bem([props.type]), props.className]}
+          style={style}
+          overlay={false}
+          position="top"
+          duration={0.2}
+          lockScroll={false}
+        >
+          {slots.default ? 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 1e75397b5..5407fe444 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
@@ -43,7 +44,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 {
@@ -57,7 +58,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 ed4782dc6..b9262ae4c 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 {
@@ -78,7 +79,7 @@ Notify({
 
 ### 全局方法
 
-引入 Notify 组件后，会自动在 Vue 的 prototype 上挂载 `$notify` 方法，便于在组件内调用。
+通过 `app.use` 注册 Notify 组件后，会自动在 app 的所有子组件上挂载 `$notify` 方法，便于在组件内调用。
 
 ```js
 export default {
@@ -94,7 +95,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..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" 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/notify/index.js b/src/notify/index.js
new file mode 100644
index 000000000..5e72f66df
--- /dev/null
+++ b/src/notify/index.js
@@ -0,0 +1,89 @@
+import { isObject, inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
+import VanNotify from './Notify';
+
+let timer;
+let instance;
+
+function parseOptions(message) {
+  return isObject(message) ? message : { message };
+}
+
+function initInstance() {
+  ({ instance } = mountComponent({
+    setup() {
+      const { state, toggle } = usePopupState();
+      return () => (
+        <VanNotify
+          {...{
+            ...state,
+            'onUpdate:show': toggle,
+          }}
+        />
+      );
+    },
+  }));
+}
+
+function Notify(options) {
+  if (!inBrowser) {
+    return;
+  }
+
+  if (!instance) {
+    initInstance();
+  }
+
+  options = {
+    ...Notify.currentOptions,
+    ...parseOptions(options),
+  };
+
+  instance.open(options);
+  clearTimeout(timer);
+
+  if (options.duration > 0) {
+    timer = setTimeout(Notify.clear, options.duration);
+  }
+
+  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/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/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/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/Key.js b/src/number-keyboard/Key.js
deleted file mode 100644
index 37987d205..000000000
--- a/src/number-keyboard/Key.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-import Loading from '../loading';
-import DeleteIcon from './DeleteIcon';
-import CollapseIcon from './CollapseIcon';
-
-const [createComponent, bem] = createNamespace('key');
-
-export default createComponent({
-  mixins: [TouchMixin],
-
-  props: {
-    type: String,
-    text: [Number, String],
-    color: String,
-    wider: Boolean,
-    large: Boolean,
-    loading: Boolean,
-  },
-
-  data() {
-    return {
-      active: false,
-    };
-  },
-
-  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;
-      }
-    },
-
-    onTouchEnd(event) {
-      if (this.active) {
-        // eliminate tap delay on safari
-        // see: https://github.com/youzan/vant/issues/6836
-        if (!this.slots('default')) {
-          event.preventDefault();
-        }
-        this.active = false;
-        this.$emit('press', this.text, this.type);
-      }
-    },
-
-    genContent() {
-      const isExtra = this.type === 'extra';
-      const isDelete = this.type === 'delete';
-      const text = this.slots('default') || this.text;
-
-      if (this.loading) {
-        return <Loading class={bem('loading-icon')} />;
-      }
-
-      if (isDelete) {
-        return text || <DeleteIcon class={bem('delete-icon')} />;
-      }
-
-      if (isExtra) {
-        return text || <CollapseIcon class={bem('collapse-icon')} />;
-      }
-
-      return text;
-    },
-  },
-
-  render() {
-    return (
-      <div class={bem('wrapper', { wider: this.wider })}>
-        <div
-          role="button"
-          tabindex="0"
-          class={bem([
-            this.color,
-            {
-              large: this.large,
-              active: this.active,
-              delete: this.type === 'delete',
-            },
-          ])}
-        >
-          {this.genContent()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src/number-keyboard/Key.tsx b/src/number-keyboard/Key.tsx
new file mode 100644
index 000000000..46cb35b41
--- /dev/null
+++ b/src/number-keyboard/Key.tsx
@@ -0,0 +1,109 @@
+import { ref, PropType } 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"
+    />
+  </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>
+    );
+  },
+});
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index 73456df9d..a3af15944 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
@@ -14,7 +15,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 +65,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 +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.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   Show Keyboard With Title
 </van-cell>
 <van-number-keyboard
@@ -100,7 +101,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 +117,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"
@@ -160,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 a52e8685d..865985e25 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);
 ```
 
 ## 代码演示
@@ -20,7 +21,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 +75,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 +93,7 @@ export default {
 通过 `title` 属性可以设置键盘标题。
 
 ```html
-<van-cell plain type="info" @touchstart.native.stop="show = true">
+<van-cell plain type="primary" @touchstart.stop="show = true">
   弹出带标题的键盘
 </van-cell>
 <van-number-keyboard
@@ -111,7 +112,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 +130,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"
@@ -173,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/number-keyboard/demo/index.vue b/src/number-keyboard/demo/index.vue
index 9b33eae08..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.native.stop="keyboard = 'default'">
-      {{ t('button1') }}
-    </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'custom'">
-      {{ t('button2') }}
-    </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'extraKey'">
-      {{ t('button3') }}
-    </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'title'">
-      {{ t('button4') }}
-    </van-cell>
-    <van-cell is-link @touchstart.native.stop="keyboard = 'multiExtraKey'">
-      {{ t('button5') }}
-    </van-cell>
-    <van-field
-      readonly
-      clickable
-      :value="value"
-      :label="t('bindValue')"
-      :placeholder="t('clickToInput')"
-      @touchstart.native.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/number-keyboard/index.js b/src/number-keyboard/index.js
index 5af8c6b98..93b805067 100644
--- a/src/number-keyboard/index.js
+++ b/src/number-keyboard/index.js
@@ -1,29 +1,16 @@
-import { createNamespace } from '../utils';
-import { stopPropagation } from '../utils/dom/event';
-import { PortalMixin } from '../mixins/portal';
-import { BindEventMixin } from '../mixins/bind-event';
+import { ref, watch, computed, Teleport, Transition } from 'vue';
+import { createNamespace, stopPropagation } from '../utils';
+import { useClickAway } from '@vant/use';
 import Key from './Key';
 
 const [createComponent, bem] = createNamespace('number-keyboard');
 
 export default createComponent({
-  mixins: [
-    PortalMixin(),
-    BindEventMixin(function (bind) {
-      if (this.hideOnClickOutside) {
-        bind(document.body, 'touchstart', this.onBlur);
-      }
-    }),
-  ],
-
-  model: {
-    event: 'update:value',
-  },
-
   props: {
     show: Boolean,
     title: String,
     zIndex: [Number, String],
+    teleport: [String, Object],
     closeButtonText: String,
     deleteButtonText: String,
     closeButtonLoading: Boolean,
@@ -31,7 +18,7 @@ export default createComponent({
       type: String,
       default: 'default',
     },
-    value: {
+    modelValue: {
       type: String,
       default: '',
     },
@@ -61,47 +48,40 @@ export default createComponent({
     },
   },
 
-  watch: {
-    show(val) {
-      if (!this.transition) {
-        this.$emit(val ? 'show' : 'hide');
-      }
-    },
-  },
+  emits: [
+    'show',
+    'hide',
+    'blur',
+    'input',
+    'close',
+    'delete',
+    'update:modelValue',
+  ],
 
-  computed: {
-    keys() {
-      if (this.theme === 'custom') {
-        return this.genCustomKeys();
-      }
-      return this.genDefaultKeys();
-    },
-  },
+  setup(props, { emit, slots }) {
+    const root = ref();
 
-  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) {
@@ -118,47 +98,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;
+      const value = props.modelValue;
 
       if (type === 'delete') {
-        this.$emit('delete');
-        this.$emit('update:value', 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:value', 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;
@@ -166,81 +152,109 @@ 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) => (
-        <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>
-      ));
-    },
+    const renderKeys = () => {
+      return keys.value.map((key) => {
+        const slots = {};
 
-    genSidebar() {
-      if (this.theme === 'custom') {
+        if (key.type === 'delete') {
+          slots.default = slots.delete;
+        }
+        if (key.type === 'extra') {
+          slots.default = slots['extra-key'];
+        }
+
+        return (
+          <Key
+            v-slots={slots}
+            key={key.text}
+            text={key.text}
+            type={key.type}
+            wider={key.wider}
+            color={key.color}
+            onPress={onPress}
+          />
+        );
+      });
+    };
+
+    const renderSidebar = () => {
+      if (props.theme === 'custom') {
         return (
           <div class={bem('sidebar')}>
-            {this.showDeleteKey && (
+            {props.showDeleteKey && (
               <Key
+                v-slots={{ delete: slots.delete }}
                 large
-                text={this.deleteButtonText}
+                text={props.deleteButtonText}
                 type="delete"
-                onPress={this.onPress}
-              >
-                {this.slots('delete')}
-              </Key>
+                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();
-
-    return (
-      <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');
+        }
+      }
     );
+
+    useClickAway(root, onClose, { eventName: 'touchstart' });
+
+    return () => {
+      const Title = renderTitle();
+      const Content = (
+        <Transition name={props.transition ? 'van-slide-up' : ''}>
+          <div
+            v-show={props.show}
+            ref={root}
+            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;
+    };
   },
 });
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/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/README.md b/src/overlay/README.md
index dafca6221..5d36e6bb1 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 31fbd82a4..41da85523 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/overlay/demo/index.vue b/src/overlay/demo/index.vue
index a919f4f8c..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>
@@ -67,6 +63,7 @@ export default {
     width: 120px;
     height: 120px;
     background-color: @white;
+    border-radius: 4px;
   }
 }
 </style>
diff --git a/src/overlay/index.tsx b/src/overlay/index.tsx
index 070d47942..c5df5b85e 100644
--- a/src/overlay/index.tsx
+++ b/src/overlay/index.tsx
@@ -1,71 +1,51 @@
-// 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;
-};
+import { PropType, Transition, CSSProperties } from 'vue';
+import { noop, isDef, preventDefault, createNamespace } from '../utils';
+import { useLazyRender } from '../composition/use-lazy-render';
 
 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({
+  props: {
+    show: Boolean,
+    zIndex: [Number, String],
+    duration: [Number, String],
+    className: null,
+    customStyle: Object as PropType<CSSProperties>,
+    lockScroll: {
+      type: Boolean,
+      default: true,
+    },
   },
-};
 
-export default createComponent<OverlayProps, OverlayEvents>(Overlay);
+  setup(props, { slots }) {
+    const lazyRender = useLazyRender(() => props.show);
+
+    const preventTouchMove = (event: TouchEvent) => {
+      preventDefault(event, true);
+    };
+
+    const renderOverlay = lazyRender(() => {
+      const style: CSSProperties = {
+        zIndex: props.zIndex !== undefined ? +props.zIndex : undefined,
+        ...props.customStyle,
+      };
+
+      if (isDef(props.duration)) {
+        style.animationDuration = `${props.duration}s`;
+      }
+
+      return (
+        <div
+          v-show={props.show}
+          style={style}
+          class={[bem(), props.className]}
+          onTouchmove={props.lockScroll ? preventTouchMove : noop}
+        >
+          {slots.default?.()}
+        </div>
+      );
+    });
+
+    return () => <Transition name="van-fade">{renderOverlay()}</Transition>;
+  },
+});
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/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/README.md b/src/pagination/README.md
index c82cd7d04..e94e1f3d0 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 b6062f073..86cbc5c39 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/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/pagination/index.js b/src/pagination/index.js
deleted file mode 100644
index 33cdc9f9f..000000000
--- a/src/pagination/index.js
+++ /dev/null
@@ -1,162 +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',
-    },
-    value: {
-      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.value - 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.value);
-        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: {
-    value: {
-      handler(page) {
-        this.select(page || this.value);
-      },
-      immediate: true,
-    },
-  },
-
-  methods: {
-    select(page, emitChange) {
-      page = Math.min(this.count, Math.max(1, page));
-      if (this.value !== page) {
-        this.$emit('input', page);
-
-        if (emitChange) {
-          this.$emit('change', page);
-        }
-      }
-    },
-  },
-
-  render() {
-    const { value } = this;
-    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.slots('prev-text') ?? this.prevText) || t('prev')}
-        </li>
-        {this.pages.map((page) => (
-          <li
-            class={[bem('item', { active: page.active }), bem('page'), BORDER]}
-            onClick={onSelect(page.number)}
-          >
-            {this.slots('page', page) ?? page.text}
-          </li>
-        ))}
-        {simple && (
-          <li class={bem('page-desc')}>
-            {this.slots('pageDesc') || `${value}/${this.count}`}
-          </li>
-        )}
-        <li
-          class={[
-            bem('item', { disabled: value === this.count }),
-            bem('next'),
-            BORDER,
-          ]}
-          onClick={onSelect(value + 1)}
-        >
-          {(this.slots('next-text') ?? this.nextText) || t('next')}
-        </li>
-      </ul>
-    );
-  },
-});
diff --git a/src/pagination/index.tsx b/src/pagination/index.tsx
new file mode 100644
index 000000000..d74543827
--- /dev/null
+++ b/src/pagination/index.tsx
@@ -0,0 +1,194 @@
+import { createNamespace } from '../utils';
+import { BORDER } from '../utils/constant';
+import { computed, watch } from 'vue';
+
+const [createComponent, bem, t] = createNamespace('pagination');
+
+type PageItem = {
+  text: string | number;
+  number: number;
+  active?: boolean;
+};
+
+function makePage(
+  number: number,
+  text: string | number,
+  active?: boolean
+): PageItem {
+  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'],
+
+  setup(props, { emit, slots }) {
+    const count = computed(() => {
+      const { pageCount, totalItems, itemsPerPage } = props;
+      const count = +pageCount || Math.ceil(+totalItems / +itemsPerPage);
+      return Math.max(1, count);
+    });
+
+    const pages = computed(() => {
+      const items: PageItem[] = [];
+      const pageCount = count.value;
+      const showPageSize = +props.showPageSize;
+      const { modelValue, forceEllipses } = props;
+
+      if (props.mode !== 'multi') {
+        return items;
+      }
+
+      // 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(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 === modelValue);
+        items.push(page);
+      }
+
+      // Add links to move between page sets
+      if (isMaxSized && showPageSize > 0 && forceEllipses) {
+        if (startPage > 1) {
+          const prevPages = makePage(startPage - 1, '...');
+          items.unshift(prevPages);
+        }
+
+        if (endPage < pageCount) {
+          const nextPages = makePage(endPage + 1, '...');
+          items.push(nextPages);
+        }
+      }
+
+      return items;
+    });
+
+    const select = (page: number, emitChange?: boolean) => {
+      page = Math.min(count.value, Math.max(1, page));
+
+      if (props.modelValue !== page) {
+        emit('update:modelValue', page);
+
+        if (emitChange) {
+          emit('change', page);
+        }
+      }
+    };
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        select(value);
+      },
+      { immediate: true }
+    );
+
+    const renderDesc = () => {
+      if (props.mode !== 'multi') {
+        return (
+          <li class={bem('page-desc')}>
+            {slots.pageDesc
+              ? slots.pageDesc()
+              : `${props.modelValue}/${count.value}`}
+          </li>
+        );
+      }
+    };
+
+    return () => {
+      const value = props.modelValue;
+      const simple = props.mode !== 'multi';
+
+      const onSelect = (value: number) => () => {
+        select(value, true);
+      };
+
+      return (
+        <ul class={bem({ simple })}>
+          <li
+            class={[
+              bem('item', { disabled: value === 1 }),
+              bem('prev'),
+              BORDER,
+            ]}
+            onClick={onSelect(value - 1)}
+          >
+            {slots['prev-text']
+              ? slots['prev-text']()
+              : props.prevText || t('prev')}
+          </li>
+          {pages.value.map((page) => (
+            <li
+              class={[
+                bem('item', { active: page.active }),
+                bem('page'),
+                BORDER,
+              ]}
+              onClick={onSelect(page.number)}
+            >
+              {slots.page ? slots.page(page) : page.text}
+            </li>
+          ))}
+          {renderDesc()}
+          <li
+            class={[
+              bem('item', { disabled: value === count.value }),
+              bem('next'),
+              BORDER,
+            ]}
+            onClick={onSelect(value + 1)}
+          >
+            {slots['next-text']
+              ? slots['next-text']()
+              : props.nextText || t('next')}
+          </li>
+        </ul>
+      );
+    };
+  },
+});
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/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 80%
rename from src/pagination/test/index.spec.js
rename to src/pagination/test/index.legacy.js
index 3996c8532..e4915ac20 100644
--- a/src/pagination/test/index.spec.js
+++ b/src/pagination/test/index.legacy.js
@@ -1,16 +1,16 @@
 import { mount } from '../../../test';
-import Paginaion from '..'
+import Paginaion from '..';
 
 test('render prev-text & next-text slot', () => {
   const wrapper = mount(Paginaion, {
     propsData: {
       totalItems: 50,
-      showPageSize: 5
+      showPageSize: 5,
     },
     scopedSlots: {
       'prev-text': () => 'Custom PrevText',
       'next-text': () => 'Custom NextText',
-    }
+    },
   });
 
   expect(wrapper).toMatchSnapshot();
@@ -20,11 +20,11 @@ test('render page slot', () => {
   const wrapper = mount(Paginaion, {
     propsData: {
       totalItems: 50,
-      showPageSize: 5
+      showPageSize: 5,
     },
     scopedSlots: {
-      'page': ({ text }) => `${text}`,
-    }
+      page: ({ text }) => `${text}`,
+    },
   });
 
   expect(wrapper).toMatchSnapshot();
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 f889e01c9..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>
-```
-
-### 高级用法
-
-使用插槽自定义内容。
-
-```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/password-input/README.md b/src/password-input/README.md
index dc469b83a..7b99e8519 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 c892a818f..2d3ceb8ef 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/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/password-input/index.tsx b/src/password-input/index.tsx
index 4b1258f06..ce92c74ab 100644
--- a/src/password-input/index.tsx
+++ b/src/password-input/index.tsx
@@ -1,93 +1,88 @@
-// 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,
+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,
+    },
   },
-  value: {
-    type: String,
-    default: '',
-  },
-  length: {
-    type: [Number, String],
-    default: 6,
-  },
-};
 
-export default createComponent<PasswordInputProps>(PasswordInput);
+  emits: ['focus'],
+
+  setup(props, { emit }) {
+    const onTouchStart = (event: TouchEvent) => {
+      event.stopPropagation();
+      emit('focus', event);
+    };
+
+    const renderPoints = () => {
+      const Points: JSX.Element[] = [];
+      const { mask, value, length, gutter, focused } = props;
+
+      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 Points;
+    };
+
+    return () => {
+      const info = props.errorInfo || props.info;
+      return (
+        <div class={bem()}>
+          <ul
+            class={[bem('security'), { [BORDER_SURROUND]: !props.gutter }]}
+            onTouchstart={onTouchStart}
+          >
+            {renderPoints()}
+          </ul>
+          {info && (
+            <div class={bem(props.errorInfo ? 'error-info' : 'info')}>
+              {info}
+            </div>
+          )}
+        </div>
+      );
+    };
+  },
+});
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/panel/test/demo.spec.js b/src/password-input/test/demo.legacy.js
similarity index 100%
rename from src/panel/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/PickerColumn.js b/src/picker/PickerColumn.js
index 5e36c1a8b..487bf42d0 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -1,8 +1,14 @@
+import { reactive, ref, watch } from 'vue';
+import { PICKER_KEY } from './shared';
+
+// Utils
 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';
+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';
 
 const DEFAULT_DURATION = 200;
 
@@ -27,8 +33,6 @@ function isOptionDisabled(option) {
 }
 
 export default createComponent({
-  mixins: [TouchMixin],
-
   props: {
     valueKey: String,
     readonly: Boolean,
@@ -44,292 +48,279 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['change'],
+
+  setup(props, { emit, slots }) {
+    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;
 
-  destroyed() {
-    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 = {
+          role: 'button',
           style: optionStyle,
-          attrs: {
-            role: 'button',
-            tabindex: disabled ? -1 : 0,
-          },
-          class: [
-            bem('item', {
-              disabled,
-              selected: index === this.currentIndex,
-            }),
-          ],
-          on: {
-            click: () => {
-              this.onClickItem(index);
-            },
+          tabindex: disabled ? -1 : 0,
+          class: bem('item', {
+            disabled,
+            selected: index === state.index,
+          }),
+          onClick: () => {
+            onClickItem(index);
           },
         };
 
         const childData = {
           class: 'van-ellipsis',
-          domProps: {
-            [this.allowHtml ? 'innerHTML' : 'textContent']: text,
-          },
+          [props.allowHtml ? 'innerHTML' : 'textContent']: text,
         };
 
         return (
           <li {...data}>
-            {this.slots('option', option) || <div {...childData} />}
+            {slots.option ? slots.option(option) : <div {...childData} />}
           </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);
+    useExpose({
+      state,
+      setIndex,
+      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/README.md b/src/picker/README.md
index b8609568f..527fff729 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
@@ -19,7 +20,6 @@ Vue.use(Picker);
 
 ```html
 <van-picker
-  show-toolbar
   title="Title"
   :columns="columns"
   @confirm="onConfirm"
@@ -41,7 +41,7 @@ export default {
     onConfirm(value, index) {
       Toast(`Value: ${value}, Index: ${index}`);
     },
-    onChange(picker, value, index) {
+    onChange(value, index) {
       Toast(`Value: ${value}, Index: ${index}`);
     },
     onCancel() {
@@ -54,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
@@ -85,7 +85,7 @@ export default {
 ### Cascade
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" />
+<van-picker title="Title" :columns="columns" />
 ```
 
 ```js
@@ -128,7 +128,7 @@ export default {
 ### Disable option
 
 ```html
-<van-picker show-toolbar :columns="columns" />
+<van-picker :columns="columns" />
 ```
 
 ```js
@@ -148,7 +148,7 @@ export default {
 ### Set Column Values
 
 ```html
-<van-picker show-toolbar title="Title" :columns="columns" @change="onChange" />
+<van-picker ref="picker" title="Title" :columns="columns" @change="onChange" />
 ```
 
 ```js
@@ -164,8 +164,8 @@ export default {
     };
   },
   methods: {
-    onChange(picker, values) {
-      picker.setColumnValues(1, states[values[0]]);
+    onChange(values) {
+      this.$refs.picker.setColumnValues(1, states[values[0]]);
     },
   },
 };
@@ -176,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
@@ -207,10 +207,9 @@ 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"
-    show-toolbar
     :columns="columns"
     @cancel="showPicker = false"
     @confirm="onConfirm"
@@ -249,9 +248,8 @@ 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` |
-| readonly `v2.10.5` | Whether to be readonly | _boolean_ | `false` |
-| show-toolbar | Whether to show toolbar | _boolean_ | `false` |
-| allow-html | Whether to allow HTML in option text | _boolean_ | `true` |
+| show-toolbar | Whether to show toolbar | _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 c7a22a457..011c83421 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);
 ```
 
 ## 代码演示
@@ -23,12 +24,11 @@ Picker 组件通过 `columns` 属性配置选项数据，`columns` 是一个包
 
 #### 顶部栏
 
-设置 `show-toolbar` 属性后会展示顶部操作栏，顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发 `confirm` 事件，点击取消按钮触发 `cancel` 事件。
+顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发 `confirm` 事件，点击取消按钮触发 `cancel` 事件。
 
 ```html
 <van-picker
   title="标题"
-  show-toolbar
   :columns="columns"
   @confirm="onConfirm"
   @cancel="onCancel"
@@ -49,7 +49,7 @@ export default {
     onConfirm(value, index) {
       Toast(`当前值：${value}, 当前索引：${index}`);
     },
-    onChange(picker, value, index) {
+    onChange(value, index) {
       Toast(`当前值：${value}, 当前索引：${index}`);
     },
     onCancel() {
@@ -64,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" />
 ```
 
 ### 多列选择
@@ -72,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
@@ -101,7 +101,7 @@ export default {
 使用 `columns` 的 `children` 字段可以实现选项级联的效果（从 2.4.5 版本开始支持）。
 
 ```html
-<van-picker show-toolbar title="标题" :columns="columns" />
+<van-picker title="标题" :columns="columns" />
 ```
 
 ```js
@@ -148,7 +148,7 @@ export default {
 选项可以为对象结构，通过设置 `disabled` 来禁用该选项。
 
 ```html
-<van-picker show-toolbar :columns="columns" />
+<van-picker :columns="columns" />
 ```
 
 ```js
@@ -170,7 +170,7 @@ export default {
 通过 Picker 上的实例方法可以更灵活地控制选择器，比如使用 `setColumnValues` 方法实现多列联动。
 
 ```html
-<van-picker show-toolbar :columns="columns" @change="onChange" />
+<van-picker ref="picker" :columns="columns" @change="onChange" />
 ```
 
 ```js
@@ -186,8 +186,8 @@ export default {
     };
   },
   methods: {
-    onChange(picker, values) {
-      picker.setColumnValues(1, cities[values[0]]);
+    onChange(values) {
+      this.$refs.picker.setColumnValues(1, cities[values[0]]);
     },
   },
 };
@@ -198,7 +198,7 @@ export default {
 若选择器数据是异步获取的，可以通过 `loading` 属性显示加载提示。
 
 ```html
-<van-picker show-toolbar :columns="columns" :loading="loading" />
+<van-picker :columns="columns" :loading="loading" />
 ```
 
 ```js
@@ -231,9 +231,8 @@ 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
-    show-toolbar
     :columns="columns"
     @cancel="showPicker = false"
     @confirm="onConfirm"
@@ -272,9 +271,8 @@ export default {
 | value-key | 选项对象中，选项文字对应的键名 | _string_ | `text` |
 | toolbar-position | 顶部栏位置，可选值为`bottom` | _string_ | `top` |
 | loading | 是否显示加载状态 | _boolean_ | `false` |
-| readonly `v2.10.5` | 是否为只读状态，只读状态下无法切换选项 | _boolean_ | `false` |
-| show-toolbar | 是否显示顶部栏 | _boolean_ | `false` |
-| allow-html | 是否允许选项内容中渲染 HTML | _boolean_ | `true` |
+| show-toolbar | 是否显示顶部栏 | _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` |
@@ -288,7 +286,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 a275b02bf..3923348af 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -1,85 +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
-        show-toolbar
         :title="t('title')"
         :columns="t('textColumns')"
-        @change="onChange1"
+        @cancel="onCancel2"
+        @confirm="onConfirm2"
       />
-    </demo-block>
-
-    <demo-block card :title="t('defaultIndex')">
-      <van-picker
-        show-toolbar
-        :title="t('title')"
-        :columns="t('textColumns')"
-        :default-index="2"
-        @change="onChange1"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('multipleColumns')">
-      <van-picker
-        show-toolbar
-        :title="t('title')"
-        :columns="t('dateColumns')"
-        @cancel="onCancel"
-        @confirm="onConfirm"
-      />
-    </demo-block>
-
-    <demo-block card v-if="!isWeapp" :title="t('cascade')">
-      <van-picker
-        show-toolbar
-        :title="t('title')"
-        :columns="t('cascadeColumns')"
-        @cancel="onCancel"
-        @confirm="onConfirm"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('disableOption')">
-      <van-picker
-        show-toolbar
-        :title="t('title')"
-        :columns="t('disabledColumns')"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('setColumnValues')">
-      <van-picker
-        show-toolbar
-        :title="t('title')"
-        :columns="columns"
-        @change="onChange2"
-      />
-    </demo-block>
-
-    <demo-block card :title="t('loadingStatus')">
-      <van-picker loading show-toolbar :title="t('title')" :columns="columns" />
-    </demo-block>
-
-    <demo-block card v-if="!isWeapp" :title="t('withPopup')">
-      <van-field
-        readonly
-        clickable
-        :label="t('city')"
-        :value="fieldValue"
-        :placeholder="t('chooseCity')"
-        @click="onClickField"
-      />
-      <van-popup v-model="showPicker" round position="bottom">
-        <van-picker
-          show-toolbar
-          :title="t('title')"
-          :columns="t('textColumns')"
-          @cancel="onCancel2"
-          @confirm="onConfirm2"
-        />
-      </van-popup>
-    </demo-block>
-  </demo-section>
+    </van-popup>
+  </demo-block>
 </template>
 
 <script>
@@ -171,12 +155,12 @@ export default {
   },
 
   methods: {
-    onChange1(picker, value, index) {
+    onChange1(value, index) {
       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 805a0062f..66efacc46 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -1,9 +1,13 @@
+import { ref, watch, computed } from 'vue';
+import { pickerProps, PICKER_KEY } 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 { pickerProps, DEFAULT_ITEM_HEIGHT } from './shared';
-import { unitToPx } from '../utils/format/unit';
+
+// Composition
+import { useChildren } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 // Components
 import Loading from '../loading';
@@ -14,14 +18,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',
@@ -32,61 +36,37 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      children: [],
-      formattedColumns: [],
-    };
-  },
+  emits: ['confirm', 'cancel', 'change'],
 
-  computed: {
-    itemPxHeight() {
-      return this.itemHeight ? unitToPx(this.itemHeight) : DEFAULT_ITEM_HEIGHT;
-    },
+  setup(props, { emit, slots }) {
+    const formattedColumns = ref([]);
 
-    dataType() {
-      const { columns } = this;
+    const { children, linkChildren } = useChildren(PICKER_KEY);
+
+    linkChildren();
+
+    const itemHeight = computed(() => unitToPx(props.itemHeight));
+
+    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: '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,
@@ -97,29 +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 {
-        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());
+        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]];
@@ -127,187 +113,161 @@ 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,
-          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('change', this, values, 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() {
-      const titleSlot = this.slots('title');
-
-      if (titleSlot) {
-        return titleSlot;
+    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);
       }
-    },
+    };
 
-    genCancel() {
+    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 renderCancel = () => {
+      const text = props.cancelButtonText || t('cancel');
       return (
-        <button type="button" class={bem('cancel')} onClick={this.cancel}>
-          {this.slots('cancel') || this.cancelButtonText || t('cancel')}
+        <button type="button" class={bem('cancel')} onClick={cancel}>
+          {slots.cancel ? slots.cancel() : text}
         </button>
       );
-    },
+    };
 
-    genConfirm() {
+    const renderConfirm = () => {
+      const text = props.confirmButtonText || t('confirm');
       return (
-        <button type="button" class={bem('confirm')} onClick={this.confirm}>
-          {this.slots('confirm') || this.confirmButtonText || t('confirm')}
+        <button type="button" class={bem('confirm')} onClick={confirm}>
+          {slots.confirm ? slots.confirm() : text}
         </button>
       );
-    },
+    };
 
-    genToolbar() {
-      if (this.showToolbar) {
+    const renderToolbar = () => {
+      if (props.showToolbar) {
         return (
           <div class={bem('toolbar')}>
-            {this.slots() || [
-              this.genCancel(),
-              this.genTitle(),
-              this.genConfirm(),
-            ]}
+            {slots.default
+              ? slots.default()
+              : [renderCancel(), renderTitle(), renderConfirm()]}
           </div>
         );
       }
-    },
+    };
 
-    genColumns() {
-      const { itemPxHeight } = this;
-      const wrapHeight = itemPxHeight * this.visibleItemCount;
+    const renderColumnItems = () =>
+      formattedColumns.value.map((item, columnIndex) => (
+        <PickerColumn
+          v-slots={{ option: slots.option }}
+          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 (
@@ -316,7 +276,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')]}
@@ -324,40 +284,32 @@ 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}
-          scopedSlots={{
-            option: this.$scopedSlots.option,
-          }}
-          onChange={() => {
-            this.onChange(columnIndex);
-          }}
-        />
-      ));
-    },
-  },
+    watch(() => props.columns, format, { immediate: true });
 
-  render(h) {
-    return (
+    useExpose({
+      confirm,
+      getValues,
+      setValues,
+      getIndexes,
+      setIndexes,
+      getColumnIndex,
+      setColumnIndex,
+      getColumnValue,
+      setColumnValue,
+      getColumnValues,
+      setColumnValues,
+    });
+
+    return () => (
       <div class={bem()}>
-        {this.toolbarPosition === 'top' ? this.genToolbar() : h()}
-        {this.loading ? <Loading class={bem('loading')} /> : h()}
-        {this.slots('columns-top')}
-        {this.genColumns()}
-        {this.slots('columns-bottom')}
-        {this.toolbarPosition === 'bottom' ? this.genToolbar() : h()}
+        {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 d3b2db7bf..f39093563 100644
--- a/src/picker/shared.ts
+++ b/src/picker/shared.ts
@@ -8,17 +8,20 @@ export type SharedPickerProps = {
   confirmButtonText?: string;
 };
 
-export const DEFAULT_ITEM_HEIGHT = 44;
+export const PICKER_KEY = 'vanPicker';
 
 export const pickerProps = {
   title: String,
   loading: Boolean,
   readonly: Boolean,
-  itemHeight: [Number, String],
-  showToolbar: Boolean,
+  allowHtml: Boolean,
   cancelButtonText: String,
   confirmButtonText: String,
-  allowHtml: {
+  itemHeight: {
+    type: [Number, String],
+    default: 44,
+  },
+  showToolbar: {
     type: Boolean,
     default: true,
   },
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/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/password-input/test/demo.spec.js b/src/picker/test/demo.legacy.js
similarity index 100%
rename from src/password-input/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 99%
rename from src/picker/test/index.spec.js
rename to src/picker/test/index.legacy.js
index 9d9d97fb2..c13aab4d2 100644
--- a/src/picker/test/index.spec.js
+++ b/src/picker/test/index.legacy.js
@@ -138,7 +138,7 @@ test('column watch default index', async () => {
 test('render title slot', () => {
   const wrapper = mount({
     template: `
-      <van-picker show-toolbar>
+      <van-picker>
         <template v-slot:title>Custom title</template>
       </van-picker>
     `,
@@ -150,7 +150,7 @@ test('render title slot', () => {
 test('render confirm/cancel slot', () => {
   const wrapper = mount({
     template: `
-      <van-picker show-toolbar>
+      <van-picker>
         <template v-slot:confirm>Custom Confirm</template>
         <template v-slot:cancel>Custom Cancel</template>
       </van-picker>
diff --git a/src/popup/README.md b/src/popup/README.md
index 6956e1e06..f19ce50d9 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
@@ -15,7 +16,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 +40,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 +62,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,35 +73,38 @@ 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
 
-Use `get-container` prop to specify mount location.
+Use `teleport` prop to specify mount location.
 
 ```html
 <!-- mount to body -->
-<van-popup v-model="show" get-container="body" />
+<van-popup v-model:show="show" teleport="body" />
 
 <!-- mount to #app -->
-<van-popup v-model="show" get-container="#app" />
+<van-popup v-model:show="show" teleport="#app" />
 
-<!-- Specify the mount location by function -->
-<van-popup v-model="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
 
@@ -108,7 +112,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_ | - |
@@ -123,8 +127,8 @@ export default {
 | close-icon | Close icon name | _string_ | `cross` |
 | close-icon-position | 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 | Whether to enable bottom safe area adaptation | _boolean_ | `false` |
+| 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 877ab20f8..51838db87 100644
--- a/src/popup/README.zh-CN.md
+++ b/src/popup/README.zh-CN.md
@@ -7,21 +7,22 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Popup } from 'vant';
 
-Vue.use(Popup);
+const app = createApp();
+app.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 +46,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 +55,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 +70,7 @@ export default {
 />
 <!-- 图标位置 -->
 <van-popup
-  v-model="show"
+  v-model:show="show"
   closeable
   close-icon-position="top-left"
   position="bottom"
@@ -82,36 +83,38 @@ 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%' }"
+/>
 ```
 
 ### 指定挂载位置
 
-弹出层默认挂载到组件所在位置，可以通过 `get-container` 属性指定挂载位置。
+弹出层默认挂载到组件所在位置，可以通过 `teleport` 属性指定挂载位置。
 
 ```html
 <!-- 挂载到 body 节点下 -->
-<van-popup v-model="show" get-container="body" />
+<van-popup v-model:show="show" teleport="body" />
 
 <!-- 挂载到 #app 节点下 -->
-<van-popup v-model="show" get-container="#app" />
+<van-popup v-model:show="show" teleport="#app" />
 
-<!-- 通过函数指定挂载位置 -->
-<van-popup v-model="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
 
@@ -119,7 +122,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_ | - |
@@ -134,7 +137,7 @@ export default {
 | close-icon | 关闭图标名称或图片链接 | _string_ | `cross` |
 | close-icon-position | 关闭图标位置，可选值为`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 | 是否开启[底部安全区适配](#/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 3364f2301..1d903b11c 100644
--- a/src/popup/demo/index.vue
+++ b/src/popup/demo/index.vue
@@ -1,98 +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="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="showTop" position="top" :style="{ height: '30%' }" />
-      <van-popup
-        v-model="showBottom"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model="showLeft"
-        position="left"
-        :style="{ width: '30%', height: '100%' }"
-      />
-      <van-popup
-        v-model="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="showCloseIcon"
-        closeable
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model="showCustomCloseIcon"
-        closeable
-        close-icon="close"
-        position="bottom"
-        :style="{ height: '30%' }"
-      />
-      <van-popup
-        v-model="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="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('getContainer')">
-      <van-cell
-        :title="t('getContainer')"
-        is-link
-        @click="showGetContainer = true"
-      />
-      <van-popup
-        v-model="showGetContainer"
-        get-container="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>
@@ -105,7 +103,7 @@ export default {
       buttonBottom: '底部弹出',
       buttonLeft: '左侧弹出',
       buttonRight: '右侧弹出',
-      getContainer: '指定挂载节点',
+      teleport: '指定挂载节点',
       roundCorner: '圆角弹窗',
       closeIcon: '关闭图标',
       customCloseIcon: '自定义图标',
@@ -118,7 +116,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 000db4b1f..77a50b2bd 100644
--- a/src/popup/index.js
+++ b/src/popup/index.js
@@ -1,18 +1,86 @@
+// Utils
+import {
+  ref,
+  watch,
+  Teleport,
+  computed,
+  onMounted,
+  Transition,
+  onActivated,
+  onBeforeMount,
+  onDeactivated,
+} from 'vue';
 import { createNamespace, isDef } from '../utils';
-import { PopupMixin } from '../mixins/popup';
+
+// Composition
+import { useEventListener } from '@vant/use';
+import { useLockScroll } from '../composition/use-lock-scroll';
+import { useLazyRender } from '../composition/use-lazy-render';
+
+// 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,
+  // 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,
+  // whether to show overlay
+  overlay: {
+    type: Boolean,
+    default: true,
+  },
+  // prevent body scroll
+  lockScroll: {
+    type: Boolean,
+    default: true,
+  },
+  // whether to lazy render
+  lazyRender: {
+    type: Boolean,
+    default: true,
+  },
+  // whether to close popup when click overlay
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true,
+  },
+};
+
 export default createComponent({
-  mixins: [PopupMixin()],
+  inheritAttrs: false,
 
   props: {
+    ...popupSharedProps,
     round: Boolean,
-    duration: [Number, String],
     closeable: Boolean,
     transition: String,
+    closeOnPopstate: Boolean,
     safeAreaInsetBottom: Boolean,
+    position: {
+      type: String,
+      default: 'center',
+    },
     closeIcon: {
       type: String,
       default: 'cross',
@@ -21,75 +89,202 @@ export default createComponent({
       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);
+  emits: [
+    'open',
+    'close',
+    'click',
+    'opened',
+    'closed',
+    'update:show',
+    'click-overlay',
+  ],
 
-    this.onClick = createEmitter('click');
-    this.onOpened = createEmitter('opened');
-    this.onClosed = createEmitter('closed');
-  },
+  setup(props, { emit, attrs, slots }) {
+    let opened;
+    let shouldReopen;
 
-  render() {
-    if (!this.shouldRender) {
-      return;
-    }
+    const zIndex = ref();
 
-    const { round, position, duration } = this;
-    const isCenter = position === 'center';
+    const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
 
-    const transitionName =
-      this.transition ||
-      (isCenter ? 'van-fade' : `van-popup-slide-${position}`);
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
 
-    const style = {};
-    if (isDef(duration)) {
-      const key = isCenter ? 'animationDuration' : 'transitionDuration';
-      style[key] = `${duration}s`;
-    }
+    const style = computed(() => {
+      const style = {
+        zIndex: zIndex.value,
+      };
 
-    return (
-      <transition
-        name={transitionName}
-        onAfterEnter={this.onOpened}
-        onAfterLeave={this.onClosed}
-      >
+      if (isDef(props.duration)) {
+        const key =
+          props.position === 'center'
+            ? 'animationDuration'
+            : 'transitionDuration';
+        style[key] = `${props.duration}s`;
+      }
+
+      return style;
+    });
+
+    const open = () => {
+      if (!opened) {
+        if (props.zIndex !== undefined) {
+          context.zIndex = props.zIndex;
+        }
+
+        opened = true;
+        lockScroll();
+        zIndex.value = ++context.zIndex;
+      }
+    };
+
+    const close = () => {
+      if (opened) {
+        opened = false;
+        unlockScroll();
+        emit('update:show', false);
+      }
+    };
+
+    const onClickOverlay = () => {
+      emit('click-overlay');
+      if (props.closeOnClickOverlay) {
+        close();
+      }
+    };
+
+    const renderOverlay = () => {
+      if (props.overlay) {
+        return (
+          <Overlay
+            show={props.show}
+            class={props.overlayClass}
+            style={props.overlayStyle}
+            zIndex={zIndex.value}
+            duration={props.duration}
+            onClick={onClickOverlay}
+          />
+        );
+      }
+    };
+
+    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 = lazyRender(() => {
+      const { round, position, safeAreaInsetBottom } = props;
+      return (
         <div
-          vShow={this.value}
-          style={style}
+          v-show={props.show}
+          style={style.value}
           class={bem({
             round,
             [position]: position,
-            'safe-area-inset-bottom': this.safeAreaInsetBottom,
+            'safe-area-inset-bottom': safeAreaInsetBottom,
           })}
-          onClick={this.onClick}
+          onClick={onClick}
+          {...attrs}
         >
-          {this.slots()}
-          {this.closeable && (
-            <Icon
-              role="button"
-              tabindex="0"
-              name={this.closeIcon}
-              class={bem('close-icon', this.closeIconPosition)}
-              onClick={this.close}
-            />
-          )}
+          {slots.default?.()}
+          {renderCloseIcon()}
         </div>
-      </transition>
+      );
+    });
+
+    const renderTransition = () => {
+      const { position, transition } = props;
+      const name =
+        position === 'center' ? 'van-fade' : `van-popup-slide-${position}`;
+
+      return (
+        <Transition
+          name={transition || name}
+          onAfterEnter={onOpened}
+          onAfterLeave={onClosed}
+        >
+          {renderPopup()}
+        </Transition>
+      );
+    };
+
+    watch(
+      () => props.show,
+      (value) => {
+        if (value) {
+          open();
+          emit('open');
+        } else {
+          close();
+          emit('close');
+        }
+      }
     );
+
+    useEventListener('popstate', () => {
+      if (props.closeOnPopstate) {
+        close();
+        shouldReopen = false;
+      }
+    });
+
+    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()}
+            {renderTransition()}
+          </Teleport>
+        );
+      }
+
+      return (
+        <>
+          {renderOverlay()}
+          {renderTransition()}
+        </>
+      );
+    };
   },
 });
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/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/picker/test/demo.spec.js b/src/popup/test/demo.legacy.js
similarity index 100%
rename from src/picker/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 86%
rename from src/popup/test/index.spec.js
rename to src/popup/test/index.legacy.js
index f570087a7..2aa3d27e5 100644
--- a/src/popup/test/index.spec.js
+++ b/src/popup/test/index.legacy.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/progress/README.md b/src/progress/README.md
index b7bd30132..362a2486f 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 d8db3325c..b46f1dade 100644
--- a/src/progress/README.zh-CN.md
+++ b/src/progress/README.zh-CN.md
@@ -7,10 +7,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/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/progress/index.js b/src/progress/index.js
deleted file mode 100644
index 9d90b94ba..000000000
--- a/src/progress/index.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import { createNamespace, 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 = 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/progress/index.tsx b/src/progress/index.tsx
new file mode 100644
index 000000000..b7951bce2
--- /dev/null
+++ b/src/progress/index.tsx
@@ -0,0 +1,92 @@
+import { ref, watch, computed, nextTick, reactive, onMounted } from 'vue';
+import { createNamespace, 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: number | string) => value >= 0 && value <= 100,
+    },
+    showPivot: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props) {
+    const root = ref<HTMLElement>();
+    const pivotRef = ref<HTMLElement>();
+
+    const state = reactive({
+      rootWidth: 0,
+      pivotWidth: 0,
+    });
+
+    const background = computed(() =>
+      props.inactive ? '#cacaca' : props.color
+    );
+
+    const setWidth = () => {
+      nextTick(() => {
+        state.rootWidth = root.value ? root.value.offsetWidth : 0;
+        state.pivotWidth = pivotRef.value ? pivotRef.value.offsetWidth : 0;
+      });
+    };
+
+    const renderPivot = () => {
+      const { rootWidth, pivotWidth } = state;
+      const { textColor, pivotText, pivotColor, percentage } = props;
+      const text = 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={root} class={bem()} style={rootStyle}>
+          <span class={bem('portion')} style={portionStyle}>
+            {renderPivot()}
+          </span>
+        </div>
+      );
+    };
+  },
+});
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/popup/test/demo.spec.js b/src/progress/test/demo.legacy.js
similarity index 100%
rename from src/popup/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/README.md b/src/pull-refresh/README.md
index f36c9ebb8..ed8fff9bd 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 46b24adbb..0540b5a4c 100644
--- a/src/pull-refresh/README.zh-CN.md
+++ b/src/pull-refresh/README.zh-CN.md
@@ -7,10 +7,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/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/pull-refresh/index.js b/src/pull-refresh/index.js
deleted file mode 100644
index 776017e71..000000000
--- a/src/pull-refresh/index.js
+++ /dev/null
@@ -1,217 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { preventDefault } from '../utils/dom/event';
-import { getScrollTop, getScroller } from '../utils/dom/scroll';
-
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-
-// Components
-import Loading from '../loading';
-
-const [createComponent, bem, t] = createNamespace('pull-refresh');
-
-const DEFAULT_HEAD_HEIGHT = 50;
-const TEXT_STATUS = ['pulling', 'loosing', 'success'];
-
-export default createComponent({
-  mixins: [TouchMixin],
-
-  props: {
-    disabled: Boolean,
-    successText: String,
-    pullingText: String,
-    loosingText: String,
-    loadingText: String,
-    value: {
-      type: Boolean,
-      required: true,
-    },
-    successDuration: {
-      type: [Number, String],
-      default: 500,
-    },
-    animationDuration: {
-      type: [Number, String],
-      default: 300,
-    },
-    headHeight: {
-      type: [Number, String],
-      default: DEFAULT_HEAD_HEIGHT,
-    },
-  },
-
-  data() {
-    return {
-      status: 'normal',
-      distance: 0,
-      duration: 0,
-    };
-  },
-
-  computed: {
-    touchable() {
-      return (
-        this.status !== 'loading' && this.status !== 'success' && !this.disabled
-      );
-    },
-
-    headStyle() {
-      if (this.headHeight !== DEFAULT_HEAD_HEIGHT) {
-        return {
-          height: `${this.headHeight}px`,
-        };
-      }
-    },
-  },
-
-  watch: {
-    value(loading) {
-      this.duration = this.animationDuration;
-
-      if (loading) {
-        this.setStatus(+this.headHeight, true);
-      } else if (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('input', true);
-
-          // ensure value change can be watched
-          this.$nextTick(() => {
-            this.$emit('refresh');
-          });
-        } else {
-          this.setStatus(0);
-        }
-      }
-    },
-
-    ease(distance) {
-      const headHeight = +this.headHeight;
-
-      if (distance > headHeight) {
-        if (distance < headHeight * 2) {
-          distance = headHeight + (distance - headHeight) / 2;
-        } else {
-          distance = headHeight * 1.5 + (distance - headHeight * 2) / 4;
-        }
-      }
-
-      return Math.round(distance);
-    },
-
-    setStatus(distance, isLoading) {
-      let status;
-      if (isLoading) {
-        status = 'loading';
-      } else if (distance === 0) {
-        status = 'normal';
-      } else {
-        status = distance < this.headHeight ? 'pulling' : 'loosing';
-      }
-
-      this.distance = distance;
-
-      if (status !== this.status) {
-        this.status = status;
-      }
-    },
-
-    genStatus() {
-      const { status, distance } = this;
-      const slot = this.slots(status, { distance });
-
-      if (slot) {
-        return slot;
-      }
-
-      const nodes = [];
-      const text = this[`${status}Text`] || t(status);
-
-      if (TEXT_STATUS.indexOf(status) !== -1) {
-        nodes.push(<div class={bem('text')}>{text}</div>);
-      }
-
-      if (status === 'loading') {
-        nodes.push(<Loading size="16">{text}</Loading>);
-      }
-
-      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()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src/pull-refresh/index.tsx b/src/pull-refresh/index.tsx
new file mode 100644
index 000000000..0b759d52c
--- /dev/null
+++ b/src/pull-refresh/index.tsx
@@ -0,0 +1,233 @@
+import { ref, watch, reactive, nextTick } from 'vue';
+
+// Utils
+import { preventDefault, getScrollTop, createNamespace } from '../utils';
+
+// Composition
+import { useScrollParent } from '@vant/use';
+import { useTouch } from '../composition/use-touch';
+
+// Components
+import Loading from '../loading';
+
+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,
+    successText: String,
+    pullingText: String,
+    loosingText: String,
+    loadingText: String,
+    modelValue: {
+      type: Boolean,
+      required: true,
+    },
+    successDuration: {
+      type: [Number, String],
+      default: 500,
+    },
+    animationDuration: {
+      type: [Number, String],
+      default: 300,
+    },
+    headHeight: {
+      type: [Number, String],
+      default: DEFAULT_HEAD_HEIGHT,
+    },
+  },
+
+  emits: ['refresh', 'update:modelValue'],
+
+  setup(props, { emit, slots }) {
+    let reachTop: boolean;
+
+    const root = ref();
+    const scrollParent = useScrollParent(root);
+
+    const state = reactive({
+      status: 'normal' as PullRefreshStatus,
+      distance: 0,
+      duration: 0,
+    });
+
+    const touch = useTouch();
+
+    const getHeadStyle = () => {
+      if (props.headHeight !== DEFAULT_HEAD_HEIGHT) {
+        return {
+          height: `${props.headHeight}px`,
+        };
+      }
+    };
+
+    const isTouchable = () =>
+      state.status !== 'loading' &&
+      state.status !== 'success' &&
+      !props.disabled;
+
+    const ease = (distance: number) => {
+      const headHeight = +props.headHeight;
+
+      if (distance > headHeight) {
+        if (distance < headHeight * 2) {
+          distance = headHeight + (distance - headHeight) / 2;
+        } else {
+          distance = headHeight * 1.5 + (distance - headHeight * 2) / 4;
+        }
+      }
+
+      return Math.round(distance);
+    };
+
+    const setStatus = (distance: number, isLoading?: boolean) => {
+      state.distance = distance;
+
+      if (isLoading) {
+        state.status = 'loading';
+      } else if (distance === 0) {
+        state.status = 'normal';
+      } else if (distance < props.headHeight) {
+        state.status = 'pulling';
+      } else {
+        state.status = 'loosing';
+      }
+    };
+
+    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 });
+      }
+
+      const nodes = [];
+
+      if (TEXT_STATUS.indexOf(status) !== -1) {
+        nodes.push(<div class={bem('text')}>{getStatusText()}</div>);
+      }
+      if (status === 'loading') {
+        nodes.push(<Loading size="16">{getStatusText()}</Loading>);
+      }
+
+      return nodes;
+    };
+
+    const showSuccessTip = () => {
+      state.status = 'success';
+
+      setTimeout(() => {
+        setStatus(0);
+      }, +props.successDuration);
+    };
+
+    const checkPosition = (event: TouchEvent) => {
+      reachTop = getScrollTop(scrollParent.value!) === 0;
+
+      if (reachTop) {
+        state.duration = 0;
+        touch.start(event);
+      }
+    };
+
+    const onTouchStart = (event: TouchEvent) => {
+      if (isTouchable()) {
+        checkPosition(event);
+      }
+    };
+
+    const onTouchMove = (event: TouchEvent) => {
+      if (isTouchable()) {
+        if (!reachTop) {
+          checkPosition(event);
+        }
+
+        const { deltaY } = touch;
+        touch.move(event);
+
+        if (reachTop && deltaY.value >= 0 && touch.isVertical()) {
+          preventDefault(event);
+          setStatus(ease(deltaY.value));
+        }
+      }
+    };
+
+    const onTouchEnd = () => {
+      if (reachTop && touch.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={root} 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>
+      );
+    };
+  },
+});
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/progress/test/demo.spec.js b/src/pull-refresh/test/demo.legacy.js
similarity index 100%
rename from src/progress/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-group/index.js b/src/radio-group/index.js
index 88755a5c5..31565faca 100644
--- a/src/radio-group/index.js
+++ b/src/radio-group/index.js
@@ -1,30 +1,39 @@
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { FieldMixin } from '../mixins/field';
-import { ParentMixin } from '../mixins/relation';
+import { useChildren } from '@vant/use';
+import { useLinkField } from '../composition/use-link-field';
 
 const [createComponent, bem] = createNamespace('radio-group');
 
+export const RADIO_KEY = 'vanRadio';
+
 export default createComponent({
-  mixins: [ParentMixin('vanRadio'), FieldMixin],
-
   props: {
-    value: null,
     disabled: Boolean,
-    direction: String,
-    checkedColor: String,
     iconSize: [Number, String],
+    direction: String,
+    modelValue: null,
+    checkedColor: String,
   },
 
-  watch: {
-    value(value) {
-      this.$emit('change', value);
-    },
-  },
+  emits: ['change', 'update:modelValue'],
 
-  render() {
-    return (
-      <div class={bem([this.direction])} role="radiogroup">
-        {this.slots()}
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(RADIO_KEY);
+
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit('change', value);
+      }
+    );
+
+    linkChildren({ emit, props });
+    useLinkField(() => props.modelValue);
+
+    return () => (
+      <div class={bem([props.direction])} role="radiogroup">
+        {slots.default?.()}
       </div>
     );
   },
diff --git a/src/radio/README.md b/src/radio/README.md
index 7baffe57c..d312caa7b 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 c54caf793..84ee0354f 100644
--- a/src/radio/README.zh-CN.md
+++ b/src/radio/README.zh-CN.md
@@ -7,11 +7,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/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/radio/index.js b/src/radio/index.js
index 3b9584a97..90d84bb51 100644
--- a/src/radio/index.js
+++ b/src/radio/index.js
@@ -1,36 +1,38 @@
-import { createNamespace } from '../utils';
-import { CheckboxMixin } from '../mixins/checkbox';
+import { pick, createNamespace } from '../utils';
+import { useParent } from '@vant/use';
+import Checker, { checkerProps } from '../checkbox/Checker';
+import { RADIO_KEY } from '../radio-group';
 
 const [createComponent, bem] = createNamespace('radio');
 
 export default createComponent({
-  mixins: [
-    CheckboxMixin({
-      bem,
-      role: 'radio',
-      parent: 'vanRadio',
-    }),
-  ],
+  props: checkerProps,
 
-  computed: {
-    currentValue: {
-      get() {
-        return this.parent ? this.parent.value : this.value;
-      },
+  emits: ['update:modelValue'],
 
-      set(val) {
-        (this.parent || this).$emit('input', val);
-      },
-    },
+  setup(props, { emit, slots }) {
+    const { parent } = useParent(RADIO_KEY);
 
-    checked() {
-      return this.currentValue === this.name;
-    },
-  },
+    const checked = () => {
+      const value = parent ? parent.props.modelValue : props.modelValue;
+      return value === props.name;
+    };
 
-  methods: {
-    toggle() {
-      this.currentValue = this.name;
-    },
+    const toggle = () => {
+      const emitter = parent ? parent.emit : emit;
+      emitter('update:modelValue', props.name);
+    };
+
+    return () => (
+      <Checker
+        v-slots={pick(slots, ['default', 'icon'])}
+        bem={bem}
+        role="radio"
+        parent={parent}
+        checked={checked()}
+        onToggle={toggle}
+        {...props}
+      />
+    );
   },
 });
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/pull-refresh/test/demo.spec.js b/src/radio/test/demo.legacy.js
similarity index 100%
rename from src/pull-refresh/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/README.md b/src/rate/README.md
index a87c5fbf8..c6bf9e249 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 5c7a140c2..7a79e605f 100644
--- a/src/rate/README.zh-CN.md
+++ b/src/rate/README.zh-CN.md
@@ -7,10 +7,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/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/rate/index.js b/src/rate/index.js
index cdef5b880..a1983853d 100644
--- a/src/rate/index.js
+++ b/src/rate/index.js
@@ -1,10 +1,12 @@
-// Utils
-import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event';
+import { computed } from 'vue';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field';
+// Utils
+import { addUnit, createNamespace, preventDefault } from '../utils';
+
+// Composition
+import { useRefs } from '../composition/use-refs';
+import { useTouch } from '../composition/use-touch';
+import { useLinkField } from '../composition/use-link-field';
 
 // Components
 import Icon from '../icon';
@@ -15,17 +17,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,
@@ -36,7 +34,7 @@ export default createComponent({
     voidColor: String,
     iconPrefix: String,
     disabledColor: String,
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
@@ -58,51 +56,53 @@ export default createComponent({
     },
   },
 
-  computed: {
-    list() {
+  emits: ['change', 'update:modelValue'],
+
+  setup(props, { emit }) {
+    let ranges;
+
+    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.value, 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.value) {
-        this.$emit('input', 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.$refs.items.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 }
@@ -111,107 +111,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.isHorizontal()) {
         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
-          ref="items"
-          refInFor
           key={index}
+          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 (
+    useLinkField(() => 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>
     );
   },
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/radio/test/demo.spec.js b/src/rate/test/demo.legacy.js
similarity index 100%
rename from src/radio/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/row/index.js b/src/row/index.js
deleted file mode 100644
index b875976e4..000000000
--- a/src/row/index.js
+++ /dev/null
@@ -1,87 +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,
-    },
-  },
-
-  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()}
-      </this.tag>
-    );
-  },
-});
diff --git a/src/row/index.less b/src/row/index.less
index 8e8d5e967..c460ffce3 100644
--- a/src/row/index.less
+++ b/src/row/index.less
@@ -1,20 +1,8 @@
 @import '../style/var';
 
 .van-row {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  &--flex {
-    display: flex;
-    flex-wrap: wrap;
-
-    &::after {
-      display: none;
-    }
-  }
+  display: flex;
+  flex-wrap: wrap;
 
   &--justify-center {
     justify-content: center;
diff --git a/src/row/index.tsx b/src/row/index.tsx
new file mode 100644
index 000000000..c5c864b4b
--- /dev/null
+++ b/src/row/index.tsx
@@ -0,0 +1,102 @@
+import { computed, PropType, ComputedRef } from 'vue';
+import { createNamespace } from '../utils';
+import { useChildren } from '@vant/use';
+
+const [createComponent, bem] = createNamespace('row');
+
+export const ROW_KEY = 'vanRow';
+
+export type RowSpaces = { left?: number; right: number }[];
+
+export type RowProvide = {
+  spaces: ComputedRef<RowSpaces>;
+};
+
+export type RowAlign = 'top' | 'center' | 'bottom';
+
+export type RowJustify =
+  | 'start'
+  | 'end'
+  | 'center'
+  | 'space-around'
+  | 'space-between';
+
+export default createComponent({
+  props: {
+    align: String as PropType<RowAlign>,
+    justify: String as PropType<RowJustify>,
+    tag: {
+      type: String as PropType<keyof HTMLElementTagNameMap>,
+      default: 'div',
+    },
+    gutter: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  setup(props, { slots }) {
+    const { children, linkChildren } = useChildren(ROW_KEY);
+
+    const groups = computed(() => {
+      const groups: number[][] = [[]];
+
+      let totalSpan = 0;
+      children.forEach((child, index) => {
+        // TODO
+        // @ts-ignore
+        totalSpan += Number(child.span);
+
+        if (totalSpan > 24) {
+          groups.push([index]);
+          totalSpan -= 24;
+        } else {
+          groups[groups.length - 1].push(index);
+        }
+      });
+
+      return groups;
+    });
+
+    const spaces = computed(() => {
+      const gutter = Number(props.gutter);
+      const spaces: RowSpaces = [];
+
+      if (!gutter) {
+        return spaces;
+      }
+
+      groups.value.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;
+    });
+
+    linkChildren({ spaces });
+
+    return () => {
+      const { tag, align, justify } = props;
+      return (
+        <tag
+          class={bem({
+            [`align-${align}`]: align,
+            [`justify-${justify}`]: justify,
+          })}
+        >
+          {slots.default?.()}
+        </tag>
+      );
+    };
+  },
+});
diff --git a/src/search/README.md b/src/search/README.md
index 12827d091..256f143d3 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 8be86e3f8..ad984bc44 100644
--- a/src/search/README.zh-CN.md
+++ b/src/search/README.zh-CN.md
@@ -7,10 +7,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/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/search/index.js b/src/search/index.js
new file mode 100644
index 000000000..2631bc937
--- /dev/null
+++ b/src/search/index.js
@@ -0,0 +1,119 @@
+// Utils
+import { pick, createNamespace, preventDefault } from '../utils';
+
+// 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'],
+
+  setup(props, { emit, slots, attrs }) {
+    const onCancel = () => {
+      if (!slots.action) {
+        emit('update:modelValue', '');
+        emit('cancel');
+      }
+    };
+
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        preventDefault(event);
+        emit('search', props.modelValue);
+      }
+    };
+
+    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')}
+            role="button"
+            tabindex="0"
+            onClick={onCancel}
+          >
+            {slots.action ? slots.action() : text}
+          </div>
+        );
+      }
+    };
+
+    const fieldPropNames = [
+      'leftIcon',
+      'rightIcon',
+      'clearable',
+      'modelValue',
+      'clearTrigger',
+    ];
+
+    const renderField = () => {
+      const fieldAttrs = {
+        ...attrs,
+        ...pick(props, fieldPropNames),
+        style: null,
+        class: null,
+      };
+
+      return (
+        <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>
+    );
+  },
+});
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/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/rate/test/demo.spec.js b/src/search/test/demo.legacy.js
similarity index 100%
rename from src/rate/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/README.md b/src/share-sheet/README.md
index f6d0c9dcb..d6e0e7ba8 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
@@ -16,7 +17,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 +52,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 +81,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   :options="options"
   title="Share"
   description="Description"
@@ -110,6 +111,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'` |
@@ -121,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 f1ce56156..d88edc317 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);
 ```
 
 ## 代码演示
@@ -22,7 +23,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 +61,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   title="立即分享给好友"
   :options="options"
 />
@@ -93,7 +94,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 +127,7 @@ export default {
 
 ```html
 <van-share-sheet
-  v-model="showShare"
+  v-model:show="showShare"
   :options="options"
   title="立即分享给好友"
   description="描述信息"
@@ -156,6 +157,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
+| v-model:show | 是否显示分享面板 | _boolean_ | `false` |
 | options | 分享选项 | _Option[]_ | `[]` |
 | title | 顶部标题 | _string_ | - |
 | cancel-text | 取消按钮文字，传入空字符串可以隐藏按钮 | _string_ | `'取消'` |
@@ -167,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/demo/index.vue b/src/share-sheet/demo/index.vue
index 62f042a33..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.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.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.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.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/share-sheet/index.js b/src/share-sheet/index.js
index 39335f436..673c9ef5b 100644
--- a/src/share-sheet/index.js
+++ b/src/share-sheet/index.js
@@ -1,31 +1,30 @@
 // Utils
-import { createNamespace } from '../utils';
-
-// Mixins
-import { popupMixinProps } from '../mixins/popup';
+import { createNamespace, pick } from '../utils';
 
 // Components
-import Popup from '../popup';
+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({
   props: {
-    ...popupMixinProps,
+    ...popupSharedProps,
     title: String,
     cancelText: String,
     description: String,
-    getContainer: [String, Function],
     options: {
       type: Array,
       default: () => [],
     },
-    overlay: {
-      type: Boolean,
-      default: true,
-    },
     closeOnPopstate: {
       type: Boolean,
       default: true,
@@ -34,121 +33,108 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
-    closeOnClickOverlay: {
-      type: Boolean,
-      default: true,
-    },
   },
 
-  methods: {
-    onCancel() {
-      this.toggle(false);
-      this.$emit('cancel');
-    },
+  emits: ['cancel', 'select', 'update:show'],
 
-    onSelect(option, index) {
-      this.$emit('select', option, index);
-    },
+  setup(props, { emit, slots }) {
+    const toggle = (value) => {
+      emit('update:show', value);
+    };
 
-    toggle(val) {
-      this.$emit('input', val);
-    },
+    const onCancel = () => {
+      toggle(false);
+      emit('cancel');
+    };
 
-    getIconURL(icon) {
-      if (PRESET_ICONS.indexOf(icon) !== -1) {
-        return `https://img.yzcdn.cn/vant/share-icon-${icon}.png`;
-      }
+    const onSelect = (option, index) => {
+      emit('select', option, index);
+    };
 
-      return icon;
-    },
+    const renderHeader = () => {
+      const title = slots.title ? slots.title() : props.title;
+      const description = slots.description
+        ? slots.description()
+        : props.description;
 
-    genHeader() {
-      const title = this.slots('title') || this.title;
-      const 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 = 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 = 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
         class={bem()}
-        value={this.value}
         position="bottom"
-        overlay={this.overlay}
-        duration={this.duration}
-        lazyRender={this.lazyRender}
-        lockScroll={this.lockScroll}
-        getContainer={this.getContainer}
-        closeOnPopstate={this.closeOnPopstate}
-        closeOnClickOverlay={this.closeOnClickOverlay}
-        safeAreaInsetBottom={this.safeAreaInsetBottom}
-        onInput={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>
     );
   },
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/search/test/demo.spec.js b/src/share-sheet/test/demo.legacy.js
similarity index 100%
rename from src/search/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 98%
rename from src/share-sheet/test/index.spec.js
rename to src/share-sheet/test/index.legacy.js
index d4a3a87bd..f8a1e437a 100644
--- a/src/share-sheet/test/index.spec.js
+++ b/src/share-sheet/test/index.legacy.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/sidebar-item/index.js b/src/sidebar-item/index.js
index 0ca4a32d3..e632277ff 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,63 +1,48 @@
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { route, routeProps } from '../utils/router';
-import Info from '../info';
+import { useParent } from '@vant/use';
+import { useRoute, routeProps } from '../composition/use-route';
+import { SIDEBAR_KEY } from '../sidebar';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('sidebar-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanSidebar')],
-
   props: {
     ...routeProps,
     dot: Boolean,
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
     title: String,
+    badge: [Number, String],
     disabled: Boolean,
   },
 
-  computed: {
-    select() {
-      return this.index === +this.parent.activeKey;
-    },
-  },
+  emits: ['click'],
 
-  methods: {
-    onClick() {
-      if (this.disabled) {
+  setup(props, { emit, slots }) {
+    const route = useRoute();
+    const { parent, index } = useParent(SIDEBAR_KEY);
+
+    const onClick = () => {
+      if (props.disabled) {
         return;
       }
 
-      this.$emit('click', this.index);
-      this.parent.$emit('input', this.index);
-      this.parent.setIndex(this.index);
-      route(this.$router, this);
-    },
-  },
+      emit('click', index.value);
+      parent.emit('update:modelValue', index.value);
+      parent.setActive(index.value);
+      route();
+    };
 
-  render() {
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn(
-        '[Vant] SidebarItem: "info" prop is deprecated, use "badge" prop instead.'
+    return () => {
+      const { dot, badge, title, disabled } = props;
+      const selected = index.value === parent.active();
+
+      return (
+        <a class={bem({ select: selected, disabled })} onClick={onClick}>
+          <Badge dot={dot} content={badge} class={bem('text')}>
+            {slots.title ? slots.title() : title}
+          </Badge>
+        </a>
       );
-    }
-
-    return (
-      <a
-        class={bem({ select: this.select, disabled: this.disabled })}
-        onClick={this.onClick}
-      >
-        <div class={bem('text')}>
-          {this.slots('title') ?? this.title}
-          <Info
-            dot={this.dot}
-            info={this.badge ?? this.info}
-            class={bem('info')}
-          />
-        </div>
-      </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/sidebar/README.md b/src/sidebar/README.md
index 72427ed27..a06360219 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 d79e01c25..e7fac9863 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);
 ```
 
 ## 代码演示
@@ -108,7 +109,6 @@ export default {
 | title | 内容 | _string_ | `''` |
 | dot | 是否显示右上角小红点 | _boolean_ | `false` |
 | badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
-| info | 图标右上角徽标的内容（已废弃，请使用 badge 属性） | _number \| string_ | - |
 | disabled | 是否禁用该项 | _boolean_ | `false` |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
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/sidebar/index.js b/src/sidebar/index.js
index 2485dac6e..e949277a1 100644
--- a/src/sidebar/index.js
+++ b/src/sidebar/index.js
@@ -1,44 +1,40 @@
+import { watch } from 'vue';
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('sidebar');
 
+export const SIDEBAR_KEY = 'vanSidebar';
+
 export default createComponent({
-  mixins: [ParentMixin('vanSidebar')],
-
-  model: {
-    prop: 'activeKey',
-  },
-
   props: {
-    activeKey: {
+    modelValue: {
       type: [Number, String],
       default: 0,
     },
   },
 
-  data() {
-    return {
-      index: +this.activeKey,
-    };
-  },
+  emits: ['change', 'update:modelValue'],
 
-  watch: {
-    activeKey() {
-      this.setIndex(+this.activeKey);
-    },
-  },
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(SIDEBAR_KEY);
 
-  methods: {
-    setIndex(index) {
-      if (index !== this.index) {
-        this.index = index;
-        this.$emit('change', index);
+    const active = () => +props.modelValue;
+
+    const setActive = (value) => {
+      if (value !== active()) {
+        emit('change', value);
       }
-    },
-  },
+    };
 
-  render() {
-    return <div class={bem()}>{this.slots()}</div>;
+    watch(active, setActive);
+
+    linkChildren({
+      emit,
+      active,
+      setActive,
+    });
+
+    return () => <div class={bem()}>{slots.default?.()}</div>;
   },
 });
diff --git a/src/sidebar/test/__snapshots__/demo.spec.js.snap b/src/sidebar/test/__snapshots__/demo.legacy.js.snap
similarity index 94%
rename from src/sidebar/test/__snapshots__/demo.spec.js.snap
rename to src/sidebar/test/__snapshots__/demo.legacy.js.snap
index 1a7caf7b3..a5221621b 100644
--- a/src/sidebar/test/__snapshots__/demo.spec.js.snap
+++ b/src/sidebar/test/__snapshots__/demo.legacy.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/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/share-sheet/test/demo.spec.js b/src/sidebar/test/demo.legacy.js
similarity index 100%
rename from src/share-sheet/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/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 5695c7359..d35f02e3a 100644
--- a/src/skeleton/README.zh-CN.md
+++ b/src/skeleton/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Skeleton } from 'vant';
 
-Vue.use(Skeleton);
+const app = createApp();
+app.use(Skeleton);
 ```
 
 ## 代码演示
@@ -69,4 +70,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/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/skeleton/index.tsx b/src/skeleton/index.tsx
index fa68231d8..a17e256ea 100644
--- a/src/skeleton/index.tsx
+++ b/src/skeleton/index.tsx
@@ -1,51 +1,73 @@
-// 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)[];
-};
+import { PropType } from 'vue';
+import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
 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();
-  }
+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 as PropType<'square' | 'round'>,
+      default: 'round',
+    },
+    titleWidth: {
+      type: [Number, String],
+      default: '40%',
+    },
+    rowWidth: {
+      type: [Number, String, Array] as PropType<
+        number | string | (number | string)[]
+      >,
+      default: DEFAULT_ROW_WIDTH,
+    },
+  },
 
-  function Title() {
-    if (props.title) {
-      return (
-        <h3 class={bem('title')} style={{ width: addUnit(props.titleWidth) }} />
-      );
-    }
-  }
+  setup(props, { slots }) {
+    const renderAvatar = () => {
+      if (props.avatar) {
+        return (
+          <div
+            class={bem('avatar', props.avatarShape)}
+            style={getSizeStyle(props.avatarSize)}
+          />
+        );
+      }
+    };
 
-  function Rows() {
-    const Rows = [];
-    const { rowWidth } = props;
+    const renderTitle = () => {
+      if (props.title) {
+        return (
+          <h3
+            class={bem('title')}
+            style={{ width: addUnit(props.titleWidth) }}
+          />
+        );
+      }
+    };
+
+    const getRowWidth = (index: number) => {
+      const { rowWidth } = props;
 
-    function getRowWidth(index: number) {
       if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
         return DEFAULT_LAST_ROW_WIDTH;
       }
@@ -55,75 +77,34 @@ function Skeleton(
       }
 
       return rowWidth;
-    }
+    };
 
-    for (let i = 0; i < props.row; i++) {
-      Rows.push(
-        <div class={bem('row')} style={{ width: addUnit(getRowWidth(i)) }} />
-      );
-    }
+    const renderRows = () => {
+      const Rows: JSX.Element[] = [];
 
-    return 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?.();
+      }
 
-  function Avatar() {
-    if (props.avatar) {
-      const size = addUnit(props.avatarSize);
       return (
-        <div
-          class={bem('avatar', props.avatarShape)}
-          style={{ width: size, height: size }}
-        />
+        <div class={bem({ animate: props.animate, round: props.round })}>
+          {renderAvatar()}
+          <div class={bem('content')}>
+            {renderTitle()}
+            {renderRows()}
+          </div>
+        </div>
       );
-    }
-  }
-
-  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/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/sidebar/test/demo.spec.js b/src/skeleton/test/demo.legacy.js
similarity index 100%
rename from src/sidebar/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/sku/README.md b/src/sku/README.md
deleted file mode 100644
index 179e99240..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 | 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 dca1ce63c..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 | 是否开启[底部安全区适配](#/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 919ab40b1..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 } 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 = 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/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;
-}
diff --git a/src/slider/README.md b/src/slider/README.md
index 5ec705a41..d0824d8df 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
@@ -153,7 +154,7 @@ export default {
 | 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 `v2.10.7` | Whether to enable dual thumb mode | _boolean_ | `false` |
+| 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 b36d9b0d8..631b095dc 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Slider } from 'vant';
 
-Vue.use(Slider);
+const app = createApp();
+app.use(Slider);
 ```
 
 ## 代码演示
@@ -159,7 +160,7 @@ export default {
 | button-size `v2.4.5` | 滑块按钮大小，默认单位为`px` | _number \| string_ | `24px` |
 | active-color | 进度条激活态颜色 | _string_ | `#1989fa` |
 | inactive-color | 进度条非激活态颜色 | _string_ | `#e5e5e5` |
-| range `v2.10.7` | 是否开启双滑块模式 | _boolean_ | `false` |
+| range | 是否开启双滑块模式 | _boolean_ | `false` |
 | disabled | 是否禁用滑块 | _boolean_ | `false` |
 | vertical | 是否垂直展示 | _boolean_ | `false` |
 
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index 3a33fa83a..2b02445b8 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -1,83 +1,82 @@
 <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>
 export default {
   i18n: {
     'zh-CN': {
+      text: '当前值：',
       title1: '基础用法',
       title2: '双滑块',
       title3: '指定选择范围',
       title4: '禁用',
       title5: '指定步长',
+      vertical: '垂直方向',
       customStyle: '自定义样式',
       customButton: '自定义按钮',
-      text: '当前值：',
-      vertical: '垂直方向',
     },
     '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',
     },
   },
+
   data() {
     return {
       value1: 50,
@@ -91,6 +90,7 @@ export default {
       value9: [20, 60],
     };
   },
+
   methods: {
     onChange(value) {
       this.$toast(this.t('text') + value);
diff --git a/src/slider/index.js b/src/slider/index.js
deleted file mode 100644
index fb33c087f..000000000
--- a/src/slider/index.js
+++ /dev/null
@@ -1,285 +0,0 @@
-import { createNamespace, addUnit } from '../utils';
-import { deepClone } from '../utils/deep-clone';
-import { preventDefault } from '../utils/dom/event';
-import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field';
-
-const [createComponent, bem] = createNamespace('slider');
-
-const isSameValue = (newValue, oldValue) => {
-  return JSON.stringify(newValue) === JSON.stringify(oldValue);
-};
-
-export default createComponent({
-  mixins: [TouchMixin, FieldMixin],
-
-  props: {
-    disabled: Boolean,
-    vertical: Boolean,
-    range: 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,
-    },
-    value: {
-      type: [Number, Array],
-      default: 0,
-    },
-  },
-
-  data() {
-    return {
-      dragStatus: '',
-    };
-  },
-
-  computed: {
-    scope() {
-      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.value);
-  },
-
-  mounted() {
-    if (this.range) {
-      this.bindTouchEvent(this.$refs.wrapper0);
-      this.bindTouchEvent(this.$refs.wrapper1);
-    } else {
-      this.bindTouchEvent(this.$refs.wrapper);
-    }
-  },
-
-  methods: {
-    onTouchStart(event) {
-      if (this.disabled) {
-        return;
-      }
-
-      this.touchStart(event);
-      this.currentValue = this.value;
-      if (this.range) {
-        this.startValue = this.value.map(this.format);
-      } else {
-        this.startValue = this.format(this.value);
-      }
-      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.scope;
-
-      if (this.range) {
-        this.currentValue[this.index] = this.startValue[this.index] + diff;
-      } else {
-        this.currentValue = this.startValue + diff;
-      }
-      this.updateValue(this.currentValue);
-    },
-
-    onTouchEnd() {
-      if (this.disabled) {
-        return;
-      }
-
-      if (this.dragStatus === 'draging') {
-        this.updateValue(this.currentValue, 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;
-      let value = +this.min + (delta / total) * this.scope;
-
-      if (this.range) {
-        let [left, right] = this.value;
-        const middle = (left + right) / 2;
-        if (value <= middle) {
-          left = value;
-        } else {
-          right = value;
-        }
-        value = [left, right];
-      }
-
-      this.startValue = this.value;
-      this.updateValue(value, true);
-    },
-
-    // 处理两个滑块重叠之后的情况
-    handleOverlap(value) {
-      if (value[0] > value[1]) {
-        value = deepClone(value);
-        return value.reverse();
-      }
-      return value;
-    },
-
-    updateValue(value, end) {
-      if (this.range) {
-        value = this.handleOverlap(value).map(this.format);
-      } else {
-        value = this.format(value);
-      }
-
-      if (!isSameValue(value, this.value)) {
-        this.$emit('input', value);
-      }
-
-      if (end && !isSameValue(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 calcMainAxis = () => {
-      const { value, min, range, scope } = this;
-      if (range) {
-        return `${((value[1] - value[0]) * 100) / scope}%`;
-      }
-      return `${((value - min) * 100) / scope}%`;
-    };
-
-    // 计算选中条的开始位置的偏移量
-    const calcOffset = () => {
-      const { value, min, range, scope } = this;
-      if (range) {
-        return `${((value[0] - min) * 100) / scope}%`;
-      }
-      return null;
-    };
-
-    const barStyle = {
-      [mainAxis]: calcMainAxis(),
-      left: this.vertical ? null : calcOffset(),
-      top: this.vertical ? calcOffset() : null,
-      background: this.activeColor,
-    };
-
-    if (this.dragStatus) {
-      barStyle.transition = 'none';
-    }
-
-    const renderButton = (i) => {
-      const map = ['left', 'right'];
-      const isNumber = typeof i === 'number';
-      const getClassName = () => {
-        if (isNumber) {
-          return `button-wrapper-${map[i]}`;
-        }
-        return `button-wrapper`;
-      };
-      const getRefName = () => {
-        if (isNumber) {
-          return `wrapper${i}`;
-        }
-        return `wrapper`;
-      };
-
-      return (
-        <div
-          ref={getRefName()}
-          role="slider"
-          tabindex={this.disabled ? -1 : 0}
-          aria-valuemin={this.min}
-          aria-valuenow={this.value}
-          aria-valuemax={this.max}
-          aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
-          class={bem(getClassName())}
-          onTouchstart={() => {
-            if (isNumber) {
-              // 保存当前按钮的索引
-              this.index = i;
-            }
-          }}
-          onClick={(e) => e.stopPropagation()}
-        >
-          {this.slots('button') || (
-            <div class={bem('button')} style={this.buttonStyle} />
-          )}
-        </div>
-      );
-    };
-
-    return (
-      <div
-        style={wrapperStyle}
-        class={bem({ disabled: this.disabled, vertical })}
-        onClick={this.onClick}
-      >
-        <div class={bem('bar')} style={barStyle}>
-          {this.range ? [renderButton(0), renderButton(1)] : renderButton()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src/slider/index.tsx b/src/slider/index.tsx
new file mode 100644
index 000000000..e0930b270
--- /dev/null
+++ b/src/slider/index.tsx
@@ -0,0 +1,284 @@
+import { ref, computed, PropType, CSSProperties } from 'vue';
+
+// Utils
+import {
+  addUnit,
+  getSizeStyle,
+  preventDefault,
+  stopPropagation,
+  createNamespace,
+} from '../utils';
+
+// Composition
+import { useRect } from '@vant/use';
+import { useTouch } from '../composition/use-touch';
+import { useLinkField } from '../composition/use-link-field';
+
+const [createComponent, bem] = createNamespace('slider');
+
+type SliderValue = number | number[];
+
+export default createComponent({
+  props: {
+    range: Boolean,
+    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, Array] as PropType<SliderValue>,
+      default: 0,
+    },
+  },
+
+  emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
+
+  setup(props, { emit, slots }) {
+    let buttonIndex: number;
+    let startValue: SliderValue;
+    let currentValue: SliderValue;
+
+    const root = ref<HTMLElement>();
+    const dragStatus = ref<'start' | 'draging' | ''>();
+    const touch = useTouch();
+
+    const scope = computed(() => Number(props.max) - Number(props.min));
+
+    const wrapperStyle = computed(() => {
+      const crossAxis = props.vertical ? 'width' : 'height';
+      return {
+        background: props.inactiveColor,
+        [crossAxis]: addUnit(props.barHeight),
+      };
+    });
+
+    const isRange = (val: unknown): val is number[] =>
+      !!props.range && Array.isArray(val);
+
+    // 计算选中条的长度百分比
+    const calcMainAxis = () => {
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
+        return `${((modelValue[1] - modelValue[0]) * 100) / scope.value}%`;
+      }
+      return `${((modelValue - Number(min)) * 100) / scope.value}%`;
+    };
+
+    // 计算选中条的开始位置的偏移量
+    const calcOffset = () => {
+      const { modelValue, min } = props;
+      if (isRange(modelValue)) {
+        return `${((modelValue[0] - Number(min)) * 100) / scope.value}%`;
+      }
+      return `0%`;
+    };
+
+    const barStyle = computed<CSSProperties>(() => {
+      const mainAxis = props.vertical ? 'height' : 'width';
+      return {
+        [mainAxis]: calcMainAxis(),
+        left: props.vertical ? undefined : calcOffset(),
+        top: props.vertical ? calcOffset() : undefined,
+        background: props.activeColor,
+        transition: dragStatus.value ? 'none' : undefined,
+      };
+    });
+
+    const format = (value: number) => {
+      const { min, max, step } = props;
+      value = Math.max(+min, Math.min(value, +max));
+      return Math.round(value / +step) * +step;
+    };
+
+    const isSameValue = (newValue: SliderValue, oldValue: SliderValue) =>
+      JSON.stringify(newValue) === JSON.stringify(oldValue);
+
+    // 处理两个滑块重叠之后的情况
+    const handleOverlap = (value: number[]) => {
+      if (value[0] > value[1]) {
+        return value.slice(0).reverse();
+      }
+      return value;
+    };
+
+    const updateValue = (value: SliderValue, end?: boolean) => {
+      if (isRange(value)) {
+        value = handleOverlap(value).map(format);
+      } else {
+        value = format(value);
+      }
+
+      if (!isSameValue(value, props.modelValue)) {
+        emit('update:modelValue', value);
+      }
+
+      if (end && !isSameValue(value, startValue)) {
+        emit('change', value);
+      }
+    };
+
+    const onClick = (event: MouseEvent) => {
+      event.stopPropagation();
+
+      if (props.disabled) {
+        return;
+      }
+
+      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;
+      const value = Number(min) + (delta / total) * scope.value;
+
+      if (isRange(modelValue)) {
+        const [left, right] = modelValue;
+        const middle = (left + right) / 2;
+
+        if (value <= middle) {
+          updateValue([value, right], true);
+        } else {
+          updateValue([left, value], true);
+        }
+      } else {
+        updateValue(value, true);
+      }
+    };
+
+    const onTouchStart = (event: TouchEvent) => {
+      if (props.disabled) {
+        return;
+      }
+
+      touch.start(event);
+      currentValue = props.modelValue;
+
+      if (isRange(currentValue)) {
+        startValue = currentValue.map(format);
+      } else {
+        startValue = format(currentValue);
+      }
+
+      dragStatus.value = 'start';
+    };
+
+    const onTouchMove = (event: TouchEvent) => {
+      if (props.disabled) {
+        return;
+      }
+
+      if (dragStatus.value === 'start') {
+        emit('drag-start');
+      }
+
+      preventDefault(event, true);
+      touch.move(event);
+      dragStatus.value = 'draging';
+
+      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;
+
+      if (isRange(startValue)) {
+        (currentValue as number[])[buttonIndex] =
+          startValue[buttonIndex] + diff;
+      } else {
+        currentValue = startValue + diff;
+      }
+      updateValue(currentValue);
+    };
+
+    const onTouchEnd = () => {
+      if (props.disabled) {
+        return;
+      }
+
+      if (dragStatus.value === 'draging') {
+        updateValue(currentValue, true);
+        emit('drag-end');
+      }
+
+      dragStatus.value = '';
+    };
+
+    const renderButton = (index?: number) => {
+      const getClassName = () => {
+        if (typeof index === 'number') {
+          const position = ['left', 'right'];
+          return `button-wrapper-${position[index]}`;
+        }
+        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={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);
+          }}
+          onTouchmove={onTouchMove}
+          onTouchend={onTouchEnd}
+          onTouchcancel={onTouchEnd}
+          onClick={stopPropagation}
+        >
+          {slots.button ? (
+            slots.button()
+          ) : (
+            <div class={bem('button')} style={getSizeStyle(props.buttonSize)} />
+          )}
+        </div>
+      );
+    };
+
+    // format initial value
+    updateValue(props.modelValue);
+    useLinkField(() => props.modelValue);
+
+    return () => (
+      <div
+        ref={root}
+        style={wrapperStyle.value}
+        class={bem({
+          vertical: props.vertical,
+          disabled: props.disabled,
+        })}
+        onClick={onClick}
+      >
+        <div class={bem('bar')} style={barStyle.value}>
+          {props.range ? [renderButton(0), renderButton(1)] : renderButton()}
+        </div>
+      </div>
+    );
+  },
+});
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/skeleton/test/demo.spec.js b/src/slider/test/demo.legacy.js
similarity index 100%
rename from src/skeleton/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/step/index.js b/src/step/index.js
index 80a6d757a..941632d8e 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -1,94 +1,101 @@
+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 '@vant/use';
 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);
+    };
+
+    const renderCircle = () => {
+      const { activeIcon, activeColor, inactiveIcon } = parent.props;
+
+      if (isActive()) {
+        if (slots['active-icon']) {
+          return slots['active-icon']();
+        }
 
-      if (this.active) {
         return (
-          this.slots('active-icon') || (
-            <Icon
-              class={bem('icon', 'active')}
-              name={activeIcon}
-              color={activeColor}
-            />
-          )
+          <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 (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()}
+      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/stepper/README.md b/src/stepper/README.md
index 06b6700f9..953850fd5 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
@@ -72,7 +73,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 4cc6968e1..f3ebe7dee 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);
 ```
 
 ## 代码演示
@@ -94,7 +95,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
@@ -140,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/demo/index.vue b/src/stepper/demo/index.vue
index 7119ee440..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 :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/stepper/index.js b/src/stepper/index.js
deleted file mode 100644
index b31a85177..000000000
--- a/src/stepper/index.js
+++ /dev/null
@@ -1,329 +0,0 @@
-import { createNamespace, isDef, addUnit } from '../utils';
-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';
-
-const [createComponent, bem] = createNamespace('stepper');
-
-const LONG_PRESS_START_TIME = 600;
-const LONG_PRESS_INTERVAL = 200;
-
-function equal(value1, value2) {
-  return String(value1) === String(value2);
-}
-
-// add num and avoid float number
-function add(num1, num2) {
-  const cardinal = 10 ** 10;
-  return Math.round((num1 + num2) * cardinal) / cardinal;
-}
-
-export default createComponent({
-  mixins: [FieldMixin],
-
-  props: {
-    value: null,
-    theme: String,
-    integer: Boolean,
-    disabled: Boolean,
-    allowEmpty: Boolean,
-    inputWidth: [Number, String],
-    buttonSize: [Number, String],
-    asyncChange: Boolean,
-    placeholder: String,
-    disablePlus: Boolean,
-    disableMinus: Boolean,
-    disableInput: Boolean,
-    decimalLength: [Number, String],
-    name: {
-      type: [Number, String],
-      default: '',
-    },
-    min: {
-      type: [Number, String],
-      default: 1,
-    },
-    max: {
-      type: [Number, String],
-      default: Infinity,
-    },
-    step: {
-      type: [Number, String],
-      default: 1,
-    },
-    defaultValue: {
-      type: [Number, String],
-      default: 1,
-    },
-    showPlus: {
-      type: Boolean,
-      default: true,
-    },
-    showMinus: {
-      type: Boolean,
-      default: true,
-    },
-    longPress: {
-      type: Boolean,
-      default: true,
-    },
-  },
-
-  data() {
-    const defaultValue = this.value ?? this.defaultValue;
-    const value = this.format(defaultValue);
-
-    if (!equal(value, this.value)) {
-      this.$emit('input', 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() {
-      if (this.buttonSize) {
-        const size = addUnit(this.buttonSize);
-
-        return {
-          width: size,
-          height: size,
-        };
-      }
-    },
-  },
-
-  watch: {
-    max: 'check',
-    min: 'check',
-    integer: 'check',
-    decimalLength: 'check',
-
-    value(val) {
-      if (!equal(val, this.currentValue)) {
-        this.currentValue = this.format(val);
-      }
-    },
-
-    currentValue(val) {
-      this.$emit('input', 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 === '') {
-        return value;
-      }
-
-      value = this.formatNumber(value);
-
-      // format range
-      value = value === '' ? 0 : +value;
-      value = isNaN(value) ? this.min : value;
-      value = Math.max(Math.min(this.max, value), this.min);
-
-      // format decimal
-      if (isDef(this.decimalLength)) {
-        value = value.toFixed(this.decimalLength);
-      }
-
-      return value;
-    },
-
-    onInput(event) {
-      const { value } = event.target;
-
-      let formatted = this.formatNumber(value);
-
-      // limit max decimal length
-      if (isDef(this.decimalLength) && formatted.indexOf('.') !== -1) {
-        const pair = formatted.split('.');
-        formatted = `${pair[0]}.${pair[1].slice(0, this.decimalLength)}`;
-      }
-
-      if (!equal(value, formatted)) {
-        event.target.value = formatted;
-      }
-
-      this.emitChange(formatted);
-    },
-
-    emitChange(value) {
-      if (this.asyncChange) {
-        this.$emit('input', 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) {
-      // readonly not work in lagacy mobile safari
-      if (this.disableInput && this.$refs.input) {
-        this.$refs.input.blur();
-      } else {
-        this.$emit('focus', event);
-      }
-    },
-
-    onBlur(event) {
-      const value = this.format(event.target.value);
-      event.target.value = value;
-      this.currentValue = value;
-      this.$emit('blur', event);
-
-      resetScroll();
-    },
-
-    longPressStep() {
-      this.longPressTimer = setTimeout(() => {
-        this.onChange();
-        this.longPressStep(this.type);
-      }, LONG_PRESS_INTERVAL);
-    },
-
-    onTouchStart() {
-      if (!this.longPress) {
-        return;
-      }
-
-      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;
-      }
-
-      clearTimeout(this.longPressTimer);
-
-      if (this.isLongPress) {
-        preventDefault(event);
-      }
-    },
-  },
-
-  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,
-      },
-    });
-
-    return (
-      <div class={bem([this.theme])}>
-        <button
-          vShow={this.showMinus}
-          type="button"
-          style={this.buttonStyle}
-          class={bem('minus', { disabled: this.minusDisabled })}
-          {...createListeners('minus')}
-        />
-        <input
-          ref="input"
-          type={this.integer ? 'tel' : 'text'}
-          role="spinbutton"
-          class={bem('input')}
-          value={this.currentValue}
-          style={this.inputStyle}
-          disabled={this.disabled}
-          readonly={this.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}
-        />
-        <button
-          vShow={this.showPlus}
-          type="button"
-          style={this.buttonStyle}
-          class={bem('plus', { disabled: this.plusDisabled })}
-          {...createListeners('plus')}
-        />
-      </div>
-    );
-  },
-});
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,
diff --git a/src/stepper/index.tsx b/src/stepper/index.tsx
new file mode 100644
index 000000000..091ba699a
--- /dev/null
+++ b/src/stepper/index.tsx
@@ -0,0 +1,320 @@
+import { ref, watch, computed } from 'vue';
+
+// Utils
+import { isNaN } from '../utils/validate/number';
+import {
+  isDef,
+  addUnit,
+  resetScroll,
+  formatNumber,
+  getSizeStyle,
+  preventDefault,
+  createNamespace,
+} from '../utils';
+
+// Composition
+import { useLinkField } from '../composition/use-link-field';
+
+const [createComponent, bem] = createNamespace('stepper');
+
+const LONG_PRESS_INTERVAL = 200;
+const LONG_PRESS_START_TIME = 600;
+
+function equal(value1?: string | number, value2?: string | number) {
+  return String(value1) === String(value2);
+}
+
+// add num and avoid float number
+function add(num1: number, num2: number) {
+  const cardinal = 10 ** 10;
+  return Math.round((num1 + num2) * cardinal) / cardinal;
+}
+
+export default createComponent({
+  props: {
+    theme: String,
+    integer: Boolean,
+    disabled: Boolean,
+    allowEmpty: Boolean,
+    modelValue: [Number, String],
+    inputWidth: [Number, String],
+    buttonSize: [Number, String],
+    asyncChange: Boolean,
+    placeholder: String,
+    disablePlus: Boolean,
+    disableMinus: Boolean,
+    disableInput: Boolean,
+    decimalLength: [Number, String],
+    name: {
+      type: [Number, String],
+      default: '',
+    },
+    min: {
+      type: [Number, String],
+      default: 1,
+    },
+    max: {
+      type: [Number, String],
+      default: Infinity,
+    },
+    step: {
+      type: [Number, String],
+      default: 1,
+    },
+    defaultValue: {
+      type: [Number, String],
+      default: 1,
+    },
+    showPlus: {
+      type: Boolean,
+      default: true,
+    },
+    showMinus: {
+      type: Boolean,
+      default: true,
+    },
+    longPress: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: [
+    'plus',
+    'blur',
+    'minus',
+    'focus',
+    'change',
+    'overlimit',
+    'update:modelValue',
+  ],
+
+  setup(props, { emit }) {
+    const format = (value: string | number) => {
+      const { min, max, allowEmpty, decimalLength } = props;
+
+      if (allowEmpty && value === '') {
+        return value;
+      }
+
+      value = formatNumber(String(value), !props.integer);
+      value = value === '' ? 0 : +value;
+      value = isNaN(value) ? +min : value;
+      value = Math.max(Math.min(+max, value), +min);
+
+      // format decimal
+      if (isDef(decimalLength)) {
+        value = value.toFixed(+decimalLength);
+      }
+
+      return value;
+    };
+
+    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: 'plus' | 'minus';
+    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: string | number) => {
+      if (props.asyncChange) {
+        emit('update:modelValue', value);
+        emit('change', value, { name: props.name });
+      } else {
+        current.value = value;
+      }
+    };
+
+    const onChange = () => {
+      if ((props as any)[`${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: Event) => {
+      const input = event.target as HTMLInputElement;
+      const { value } = input;
+      const { decimalLength } = props;
+
+      let formatted = formatNumber(String(value), !props.integer);
+
+      // limit max decimal length
+      if (isDef(decimalLength) && formatted.indexOf('.') !== -1) {
+        const pair = formatted.split('.');
+        formatted = `${pair[0]}.${pair[1].slice(0, +decimalLength)}`;
+      }
+
+      if (!equal(value, formatted)) {
+        input.value = formatted;
+      }
+
+      emitChange(formatted);
+    };
+
+    const onFocus = (event: Event) => {
+      // readonly not work in lagacy mobile safari
+      if (props.disableInput && inputRef.value) {
+        inputRef.value.blur();
+      } else {
+        emit('focus', event);
+      }
+    };
+
+    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: boolean;
+    let longPressTimer: NodeJS.Timeout;
+
+    const longPressStep = () => {
+      longPressTimer = setTimeout(() => {
+        onChange();
+        longPressStep();
+      }, LONG_PRESS_INTERVAL);
+    };
+
+    const onTouchStart = () => {
+      if (props.longPress) {
+        isLongPress = false;
+        clearTimeout(longPressTimer);
+        longPressTimer = setTimeout(() => {
+          isLongPress = true;
+          onChange();
+          longPressStep();
+        }, LONG_PRESS_START_TIME);
+      }
+    };
+
+    const onTouchEnd = (event: TouchEvent) => {
+      if (props.longPress) {
+        clearTimeout(longPressTimer);
+        if (isLongPress) {
+          preventDefault(event);
+        }
+      }
+    };
+
+    const createListeners = (type: 'plus' | 'minus') => ({
+      onClick: (event: MouseEvent) => {
+        // disable double tap scrolling on mobile safari
+        event.preventDefault();
+        actionType = type;
+        onChange();
+      },
+      onTouchstart: () => {
+        actionType = type;
+        onTouchStart();
+      },
+      onTouchend: onTouchEnd,
+      onTouchcancel: onTouchEnd,
+    });
+
+    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 });
+    });
+
+    useLinkField(() => props.modelValue);
+
+    return () => (
+      <div class={bem([props.theme])}>
+        <button
+          v-show={props.showMinus}
+          type="button"
+          style={buttonStyle.value}
+          class={bem('minus', { disabled: minusDisabled.value })}
+          {...createListeners('minus')}
+        />
+        <input
+          ref={inputRef}
+          type={props.integer ? 'tel' : 'text'}
+          role="spinbutton"
+          class={bem('input')}
+          value={current.value}
+          style={inputStyle.value}
+          disabled={props.disabled}
+          readonly={props.disableInput}
+          // 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}
+          onInput={onInput}
+          onFocus={onFocus}
+          onBlur={onBlur}
+        />
+        <button
+          v-show={props.showPlus}
+          type="button"
+          style={buttonStyle.value}
+          class={bem('plus', { disabled: plusDisabled.value })}
+          {...createListeners('plus')}
+        />
+      </div>
+    );
+  },
+});
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/sku/test/demo.spec.js b/src/stepper/test/demo.legacy.js
similarity index 100%
rename from src/sku/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/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 73a61e30a..bd39d61ac 100644
--- a/src/steps/README.zh-CN.md
+++ b/src/steps/README.zh-CN.md
@@ -7,11 +7,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/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/steps/index.js b/src/steps/index.js
index 730fa96eb..a22f91646 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -1,11 +1,11 @@
 import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
+import { useChildren } from '@vant/use';
 
 const [createComponent, bem] = createNamespace('steps');
 
-export default createComponent({
-  mixins: [ParentMixin('vanSteps')],
+export const STEPS_KEY = 'vanSteps';
 
+export default createComponent({
   props: {
     activeColor: String,
     inactiveIcon: String,
@@ -24,10 +24,16 @@ export default createComponent({
     },
   },
 
-  render() {
-    return (
-      <div class={bem([this.direction])}>
-        <div class={bem('items')}>{this.slots()}</div>
+  emits: ['click-step'],
+
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(STEPS_KEY);
+
+    linkChildren({ emit, props });
+
+    return () => (
+      <div class={bem([props.direction])}>
+        <div class={bem('items')}>{slots.default?.()}</div>
       </div>
     );
   },
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/slider/test/demo.spec.js b/src/steps/test/demo.legacy.js
similarity index 100%
rename from src/slider/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/README.md b/src/sticky/README.md
index 17ce81ccd..7f45ae6ed 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
@@ -23,7 +24,7 @@ Vue.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 79c9f4467..15e6d8e8e 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);
 ```
 
 ## 代码演示
@@ -31,7 +32,7 @@ Vue.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..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="info" 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/sticky/index.js b/src/sticky/index.js
deleted file mode 100644
index 8dcba9e1e..000000000
--- a/src/sticky/index.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import { isHidden } from '../utils/dom/style';
-import { unitToPx } from '../utils/format/unit';
-import { createNamespace, isDef, isServer } from '../utils';
-import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
-import { BindEventMixin } from '../mixins/bind-event';
-
-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,
-    offsetTop: {
-      type: [Number, String],
-      default: 0,
-    },
-  },
-
-  data() {
-    return {
-      fixed: false,
-      height: 0,
-      transform: 0,
-    };
-  },
-
-  computed: {
-    offsetTopPx() {
-      return unitToPx(this.offsetTop);
-    },
-
-    style() {
-      if (!this.fixed) {
-        return;
-      }
-
-      const style = {};
-
-      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 (!isServer && 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,
-        });
-      };
-
-      // 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 (distanceToBottom < this.height) {
-            this.fixed = true;
-            this.transform = -(distanceToBottom + offsetTopPx);
-          } else {
-            this.fixed = false;
-          }
-
-          emitScrollEvent();
-          return;
-        }
-      }
-
-      if (scrollTop + offsetTopPx > topToPageTop) {
-        this.fixed = true;
-        this.transform = 0;
-      } else {
-        this.fixed = false;
-      }
-
-      emitScrollEvent();
-    },
-  },
-
-  render() {
-    const { fixed } = this;
-    const style = {
-      height: fixed ? `${this.height}px` : null,
-    };
-
-    return (
-      <div style={style}>
-        <div class={bem({ fixed })} style={this.style}>
-          {this.slots()}
-        </div>
-      </div>
-    );
-  },
-});
diff --git a/src/sticky/index.tsx b/src/sticky/index.tsx
new file mode 100644
index 000000000..572e42e49
--- /dev/null
+++ b/src/sticky/index.tsx
@@ -0,0 +1,124 @@
+import { ref, reactive, computed, CSSProperties } from 'vue';
+
+// Utils
+import {
+  isHidden,
+  unitToPx,
+  getScrollTop,
+  getElementTop,
+  createNamespace,
+} from '../utils';
+
+// Composition
+import { useScrollParent, useEventListener } from '@vant/use';
+import { useVisibilityChange } from '../composition/use-visibility-change';
+
+const [createComponent, bem] = createNamespace('sticky');
+
+export default createComponent({
+  props: {
+    zIndex: [Number, String],
+    container: null,
+    offsetTop: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  emits: ['scroll'],
+
+  setup(props, { emit, slots }) {
+    const root = ref<HTMLElement>();
+    const scrollParent = useScrollParent(root);
+
+    const state = reactive({
+      fixed: false,
+      height: 0,
+      transform: 0,
+    });
+
+    const offsetTop = computed(() => unitToPx(props.offsetTop));
+
+    const style = computed<CSSProperties | undefined>(() => {
+      if (!state.fixed) {
+        return;
+      }
+
+      const top = offsetTop.value ? `${offsetTop.value}px` : undefined;
+      const transform = state.transform
+        ? `translate3d(0, ${state.transform}px, 0)`
+        : undefined;
+
+      return {
+        top,
+        zIndex: props.zIndex !== undefined ? +props.zIndex : undefined,
+        transform,
+      };
+    });
+
+    const emitScrollEvent = (scrollTop: number) => {
+      emit('scroll', {
+        scrollTop,
+        isFixed: state.fixed,
+      });
+    };
+
+    const onScroll = () => {
+      if (!root.value || isHidden(root)) {
+        return;
+      }
+
+      state.height = root.value.offsetHeight;
+
+      const { container } = props;
+      const scrollTop = getScrollTop(window);
+      const topToPageTop = getElementTop(root.value);
+
+      // The sticky component should be kept inside the container element
+      if (container) {
+        const bottomToPageTop = topToPageTop + container.offsetHeight;
+
+        if (scrollTop + offsetTop.value + state.height > bottomToPageTop) {
+          const distanceToBottom = state.height + scrollTop - bottomToPageTop;
+
+          if (distanceToBottom < state.height) {
+            state.fixed = true;
+            state.transform = -(distanceToBottom + offsetTop.value);
+          } else {
+            state.fixed = false;
+          }
+
+          emitScrollEvent(scrollTop);
+          return;
+        }
+      }
+
+      if (scrollTop + offsetTop.value > topToPageTop) {
+        state.fixed = true;
+        state.transform = 0;
+      } else {
+        state.fixed = false;
+      }
+
+      emitScrollEvent(scrollTop);
+    };
+
+    useEventListener('scroll', onScroll, { target: scrollParent });
+    useVisibilityChange(root, onScroll);
+
+    return () => {
+      const { fixed, height } = state;
+      const rootStyle: CSSProperties = {
+        height: fixed ? `${height}px` : undefined,
+      };
+
+      return (
+        <div ref={root} style={rootStyle}>
+          <div class={bem({ fixed })} style={style.value}>
+            {slots.default?.()}
+          </div>
+        </div>
+      );
+    };
+  },
+});
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/stepper/test/demo.spec.js b/src/sticky/test/demo.legacy.js
similarity index 100%
rename from src/stepper/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/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/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/src/style/var.less b/src/style/var.less
index 332bc6c5d..bc7fa03c4 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;
@@ -127,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;
@@ -380,19 +392,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;
@@ -411,18 +423,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/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 553d69d1a..d388b4827 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/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/submit-bar/index.js b/src/submit-bar/index.js
new file mode 100644
index 000000000..64b6b7baa
--- /dev/null
+++ b/src/submit-bar/index.js
@@ -0,0 +1,112 @@
+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 }) {
+    const renderText = () => {
+      const {
+        price,
+        label,
+        currency,
+        textAlign,
+        suffixLabel,
+        decimalLength,
+      } = props;
+
+      if (typeof price === 'number') {
+        const pricePair = (price / 100).toFixed(decimalLength).split('.');
+        const decimal = decimalLength ? `.${pricePair[1]}` : '';
+
+        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>
+        );
+      }
+    };
+
+    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 7d7f7cd28..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;
     }
@@ -72,7 +72,7 @@
     border: none;
 
     &--danger {
-      background: @goods-action-button-danger-color;
+      background: @action-bar-button-danger-color;
     }
   }
 
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/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/steps/test/demo.spec.js b/src/submit-bar/test/demo.legacy.js
similarity index 100%
rename from src/steps/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/README.md b/src/swipe-cell/README.md
index 16762f6e3..cc2ee332c 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
@@ -77,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;
       }
     },
   },
@@ -101,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 8a6c0a555..3b1494f64 100644
--- a/src/swipe-cell/README.zh-CN.md
+++ b/src/swipe-cell/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { SwipeCell } from 'vant';
 
-Vue.use(SwipeCell);
+const app = createApp();
+app.use(SwipeCell);
 ```
 
 ## 代码演示
@@ -83,21 +84,20 @@ Vue.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;
       }
     },
   },
@@ -113,7 +113,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` |
 
@@ -137,11 +137,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..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>
@@ -81,22 +77,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 ede8c0169..33410c0c4 100644
--- a/src/swipe-cell/index.js
+++ b/src/swipe-cell/index.js
@@ -1,28 +1,18 @@
-// Utils
-import { createNamespace } from '../utils';
-import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event';
+import { ref, reactive, computed } from 'vue';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ClickOutsideMixin } from '../mixins/click-outside';
+// Utils
+import { range, createNamespace, preventDefault } from '../utils';
+import { callInterceptor } from '../utils/interceptor';
+
+// Composition
+import { useRect, useClickAway } from '@vant/use';
+import { useTouch } from '../composition/use-touch';
+import { useExpose } from '../composition/use-expose';
 
 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],
@@ -34,213 +24,187 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['open', 'close', 'click'],
+
+  setup(props, { emit, slots }) {
+    let opened;
+    let lockClick;
+    let startOffset;
+
+    const root = 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();
 
-    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,
-        // @deprecated
-        // should be removed in next major version
-        detail: 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);
-    },
+      const { deltaX } = touch;
+      touch.move(event);
 
-    onTouchMove(event) {
-      if (this.disabled) {
-        return;
-      }
+      if (touch.isHorizontal()) {
+        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;
-
-      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()}
-          {this.genRightPart()}
+    const onClick = (position = 'outside') => {
+      emit('click', position);
+
+      if (opened && !lockClick) {
+        callInterceptor({
+          interceptor: props.beforeClose,
+          args: [
+            {
+              name: props.name,
+              position,
+            },
+          ],
+          done: () => {
+            close(position);
+          },
+        });
+      }
+    };
+
+    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>
+        );
+      }
+    };
+
+    useExpose({
+      open,
+      close,
+    });
+
+    useClickAway(root, onClick, { eventName: 'touchstart' });
+
+    return () => {
+      const wrapperStyle = {
+        transform: `translate3d(${state.offset}px, 0, 0)`,
+        transitionDuration: state.dragging ? '0s' : '.6s',
+      };
+
+      return (
+        <div
+          ref={root}
+          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>
-    );
+      );
+    };
   },
 });
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/sticky/test/demo.spec.js b/src/swipe-cell/test/demo.legacy.js
similarity index 100%
rename from src/sticky/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 83%
rename from src/swipe-cell/test/index.spec.js
rename to src/swipe-cell/test/index.legacy.js
index 0f1d11693..ebc3f8c3f 100644
--- a/src/swipe-cell/test/index.spec.js
+++ b/src/swipe-cell/test/index.legacy.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;
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 6e01fed0e..7776fbf2f 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,63 +1,66 @@
+import { computed, nextTick, onMounted, reactive } from 'vue';
+import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
+import { useParent } from '@vant/use';
+import { useExpose } from '../composition/use-expose';
 
 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 { parent, index } = useParent(SWIPE_KEY);
+
+    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} {...{ on: this.$listeners }}>
-        {this.shouldRender && this.slots()}
+    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}
       </div>
     );
   },
diff --git a/src/swipe/README.md b/src/swipe/README.md
index c1a3daef5..c3d85cd6e 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 0c55b3f79..5352da8f3 100644
--- a/src/swipe/README.zh-CN.md
+++ b/src/swipe/README.zh-CN.md
@@ -7,11 +7,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);
 ```
 
 ## 代码演示
@@ -52,10 +53,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/swipe/demo/index.vue b/src/swipe/demo/index.vue
index 5833b0de6..ad82ecc0f 100644
--- a/src/swipe/demo/index.vue
+++ b/src/swipe/demo/index.vue
@@ -1,68 +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 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/swipe/index.js b/src/swipe/index.js
index fd18fdeff..993b722d6 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -1,34 +1,33 @@
-// 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 {
+  ref,
+  watch,
+  reactive,
+  computed,
+  onMounted,
+  onActivated,
+  onDeactivated,
+  onBeforeUnmount,
+} from 'vue';
 
-// Mixins
-import { TouchMixin } from '../mixins/touch';
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Utils
+import { range, isHidden, preventDefault, createNamespace } from '../utils';
+
+// Composition
+import {
+  useRect,
+  doubleRaf,
+  useChildren,
+  useWindowSize,
+  usePageVisibility,
+} from '@vant/use';
+import { useTouch } from '../composition/use-touch';
+import { useExpose } from '../composition/use-expose';
 
 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],
@@ -62,361 +61,362 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['change'],
+
+  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,
-    };
-  },
+    });
 
-  watch: {
-    children() {
-      this.initialize();
-    },
+    const touch = useTouch();
+    const windowSize = useWindowSize();
+    const { children, linkChildren } = useChildren(SWIPE_KEY);
 
-    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.floor(+this.width || rect.width);
-      this.computedHeight = Math.floor(+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) => {
+      console.log('initialize', children.length, active);
+      if (!root.value || isHidden(root)) {
+        return;
+      }
+
+      stopAutoplay();
+
+      const rect = useRect(root);
+
+      state.rect = rect;
+      state.swiping = true;
+      state.active = active;
+      state.width = Math.floor(+props.width || rect.width);
+      state.height = Math.floor(+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;
-      const slot = this.slots('indicator');
-
-      if (slot) {
-        return slot;
-      }
-
-      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,
+      state,
+      resize,
+      swipeTo,
+    });
+
+    linkChildren({ size, props, count, activeIndicator });
+
+    watch([() => children.length, () => 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()}
+          {slots.default?.()}
         </div>
-        {this.genIndicator()}
+        {renderIndicator()}
       </div>
     );
   },
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/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-cell/README.md b/src/switch-cell/README.md
deleted file mode 100644
index fb51c9935..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 fc2062a33..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 d9164e1f9..000000000
--- a/src/switch-cell/index.tsx
+++ /dev/null
@@ -1,67 +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>
-) {
-  if (process.env.NODE_ENV === 'development') {
-    console.warn(
-      '[Vant] "SwitchCell" component is deprecated, see: https://youzan.github.io/vant/#/zh-CN/switch-cell.'
-    );
-  }
-
-  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/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();
-});
diff --git a/src/switch/README.md b/src/switch/README.md
index 7f0351b24..9529aae48 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
@@ -54,7 +55,7 @@ export default {
 ### Async Control
 
 ```html
-<van-switch :value="checked" @input="onInput" />
+<van-switch :model-value="checked" @update:model-value="onUpdateValue" />
 ```
 
 ```js
@@ -65,7 +66,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 0485c573b..18d4b823b 100644
--- a/src/switch/README.zh-CN.md
+++ b/src/switch/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Switch } from 'vant';
 
-Vue.use(Switch);
+const app = createApp();
+app.use(Switch);
 ```
 
 ## 代码演示
@@ -67,10 +68,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
@@ -81,7 +82,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 2f44b1c55..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 :value="checked4" @input="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/switch/index.js b/src/switch/index.js
deleted file mode 100644
index a705ef5dd..000000000
--- a/src/switch/index.js
+++ /dev/null
@@ -1,69 +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,
-
-  computed: {
-    checked() {
-      return this.value === 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('input', 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/switch/index.tsx b/src/switch/index.tsx
new file mode 100644
index 000000000..82e2e4b81
--- /dev/null
+++ b/src/switch/index.tsx
@@ -0,0 +1,72 @@
+import { createNamespace, addUnit } from '../utils';
+import { useLinkField } from '../composition/use-link-field';
+import Loading from '../loading';
+
+const [createComponent, bem] = createNamespace('switch');
+
+export default createComponent({
+  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'],
+
+  setup(props, { emit }) {
+    const isChecked = () => props.modelValue === props.activeValue;
+
+    const onClick = () => {
+      if (!props.disabled && !props.loading) {
+        const newValue = isChecked() ? props.inactiveValue : props.activeValue;
+        emit('update:modelValue', newValue);
+        emit('change', newValue);
+      }
+    };
+
+    const renderLoading = () => {
+      if (props.loading) {
+        const color = isChecked() ? props.activeColor : props.inactiveColor;
+        return <Loading class={bem('loading')} color={color} />;
+      }
+    };
+
+    useLinkField(() => props.modelValue);
+
+    return () => {
+      const { size, loading, disabled, activeColor, inactiveColor } = props;
+      const checked = isChecked();
+      const style = {
+        fontSize: addUnit(size),
+        backgroundColor: checked ? activeColor : inactiveColor,
+      };
+
+      return (
+        <div
+          role="switch"
+          class={bem({
+            on: checked,
+            loading,
+            disabled,
+          })}
+          style={style}
+          aria-checked={checked}
+          onClick={onClick}
+        >
+          <div class={bem('node')}>{renderLoading()}</div>
+        </div>
+      );
+    };
+  },
+});
diff --git a/src/switch/shared.ts b/src/switch/shared.ts
deleted file mode 100644
index 0b4c269d0..000000000
--- a/src/switch/shared.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Common Switch Props
- */
-
-export type SharedSwitchProps = {
-  size?: string | number;
-  value?: any;
-  loading?: boolean;
-  disabled?: boolean;
-  activeValue: any;
-  inactiveValue: any;
-  activeColor?: string;
-  inactiveColor?: string;
-};
-
-export const switchProps = {
-  size: [Number, String],
-  value: null as any,
-  loading: Boolean,
-  disabled: Boolean,
-  activeColor: String,
-  inactiveColor: String,
-  activeValue: {
-    type: null as any,
-    default: true,
-  },
-  inactiveValue: {
-    type: null as any,
-    default: false,
-  },
-};
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/submit-bar/test/demo.spec.js b/src/switch/test/demo.legacy.js
similarity index 100%
rename from src/submit-bar/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/README.md b/src/tab/README.md
index a0bf32707..7fb204126 100644
--- a/src/tab/README.md
+++ b/src/tab/README.md
@@ -3,21 +3,22 @@
 ### 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
 
 ### 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 +38,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 +130,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 +142,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 +155,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 +167,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 +179,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 +220,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 ef11a0dae..93b77138a 100644
--- a/src/tab/README.zh-CN.md
+++ b/src/tab/README.zh-CN.md
@@ -3,21 +3,22 @@
 ### 引入
 
 ```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);
 ```
 
 ## 代码演示
 
 ### 基础用法
 
-通过 `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 +38,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 +134,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 +146,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 +159,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 +171,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 +183,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 +227,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 绑定当前选中标签的标识符 | _number \| string_ | `0` |
+| v-model:active | 绑定当前选中标签的标识符 | _number \| string_ | `0` |
 | type | 样式风格类型，可选值为 `card` | _string_ | `line` |
 | color | 标签主题色 | _string_ | `#ee0a24` |
 | background | 标签栏背景色 | _string_ | `white` |
@@ -254,7 +255,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 | 标签名称，作为匹配的标识符 | _number \| string_ | 标签的索引值 |
 | url | 点击后跳转的链接地址 | _string_ | - |
 | to | 点击后跳转的目标路由对象，同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue
index bcd50a70a..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">
-        <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="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/tab/index.js b/src/tab/index.js
index 73e3c0e18..ab30f2fac 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -1,93 +1,94 @@
+import { ref, watch, nextTick } from 'vue';
 import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
+import { TABS_KEY } from '../tabs';
+
+// Composition
+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({
-  mixins: [ChildrenMixin('vanTabs')],
-
   props: {
     ...routeProps,
     dot: Boolean,
     name: [Number, String],
-    // @deprecated
-    info: [Number, String],
     badge: [Number, String],
     title: String,
     titleStyle: null,
     disabled: Boolean,
   },
 
-  data() {
-    return {
-      inited: false,
-    };
-  },
+  setup(props, { slots }) {
+    const inited = ref(false);
+    const { parent, index } = useParent(TABS_KEY);
 
-  computed: {
-    computedName() {
-      return this.name ?? this.index;
-    },
+    if (!parent) {
+      throw new Error('[Vant] Tabs: <van-tab> must be used inside <van-tabs>');
+    }
 
-    isActive() {
-      const active = this.computedName === this.parent.currentName;
+    const getName = () => props.name ?? index.value;
 
-      if (active) {
-        this.inited = true;
-      }
-      return active;
-    },
-  },
+    const init = () => {
+      inited.value = true;
 
-  watch: {
-    title() {
-      this.parent.setLine();
-    },
-
-    inited(val) {
-      if (this.parent.lazyRender && val) {
-        this.$nextTick(() => {
-          this.parent.$emit('rendered', this.computedName, this.title);
+      if (parent.props.lazyRender) {
+        nextTick(() => {
+          parent.emit('rendered', getName(), props.title);
         });
       }
-    },
-  },
+    };
 
-  render(h) {
-    const { slots, parent, isActive } = this;
-    const slotContent = slots();
+    const isActive = () => {
+      const active = getName() === parent.currentName.value;
 
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn(
-        '[Vant] Tab: "info" prop is deprecated, use "badge" prop instead.'
-      );
-    }
+      if (active && !inited.value) {
+        init();
+      }
 
-    if (!slotContent && !parent.animated) {
-      return;
-    }
+      return active;
+    };
 
-    const show = parent.scrollspy || isActive;
-    const shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
-    const Content = shouldRender ? slotContent : h();
+    watch(
+      () => props.title,
+      () => {
+        parent.setLine();
+      }
+    );
+
+    return () => {
+      const { animated, swipeable, scrollspy, lazyRender } = parent.props;
+
+      if (!slots.default && !animated) {
+        return;
+      }
+
+      const active = isActive();
+      const show = scrollspy || active;
+
+      if (animated || swipeable) {
+        return (
+          <SwipeItem
+            role="tabpanel"
+            aria-hidden={!active}
+            class={bem('pane-wrapper', { inactive: !active })}
+          >
+            <div class={bem('pane')}>{slots.default?.()}</div>
+          </SwipeItem>
+        );
+      }
+
+      const shouldRender = inited.value || scrollspy || !lazyRender;
+      const Content = shouldRender ? 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 v-show={show} role="tabpanel" class={bem('pane')}>
+          {Content}
         </div>
       );
-    }
-
-    return (
-      <div vShow={show} role="tabpanel" class={bem('pane')}>
-        {Content}
-      </div>
-    );
+    };
   },
 });
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 96%
rename from src/tab/test/__snapshots__/index.spec.js.snap
rename to src/tab/test/__snapshots__/index.legacy.js.snap
index 271d18de1..141db9ee3 100644
--- a/src/tab/test/__snapshots__/index.spec.js.snap
+++ b/src/tab/test/__snapshots__/index.legacy.js.snap
@@ -121,7 +121,23 @@ 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>
+  </div>
+  <div class="van-tabs__content">
+    <div role="tabpanel" class="van-tab__pane">Text</div>
+  </div>
+</div>
+`;
+
+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-badge">10</div>
         </span></div>
       <div class="van-tabs__line"></div>
     </div>
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/swipe-cell/test/demo.spec.js b/src/tab/test/demo.legacy.js
similarity index 100%
rename from src/swipe-cell/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-item/index.js b/src/tabbar-item/index.js
index 4b8cad40a..cfc064997 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -1,87 +1,86 @@
+import { computed, getCurrentInstance } from 'vue';
+import { TABBAR_KEY } from '../tabbar';
+
 // Utils
 import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router';
 
-// Mixins
-import { ChildrenMixin } from '../mixins/relation';
+// Composition
+import { useParent } from '@vant/use';
+import { routeProps, useRoute } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';
-import Info from '../info';
+import Badge from '../badge';
 
 const [createComponent, bem] = createNamespace('tabbar-item');
 
 export default createComponent({
-  mixins: [ChildrenMixin('vanTabbar')],
-
   props: {
     ...routeProps,
     dot: Boolean,
     icon: String,
     name: [Number, String],
-    // @deprecated
-    info: [Number, String],
     badge: [Number, String],
     iconPrefix: String,
   },
 
-  data() {
-    return {
-      active: false,
-    };
-  },
+  emits: ['click'],
 
-  computed: {
-    routeActive() {
-      const { to, $route } = this;
-      if (to && $route) {
+  setup(props, { emit, slots }) {
+    const route = useRoute();
+    const vm = getCurrentInstance().proxy;
+    const { parent, index } = useParent(TABBAR_KEY);
+
+    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) {
-      const slot = this.slots('icon', { active });
+    const onClick = (event) => {
+      parent.setActive(props.name || index.value);
+      emit('click', event);
+      route();
+    };
 
-      if (slot) {
-        return slot;
+    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;
 
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn(
-        '[Vant] TabbarItem: "info" prop is deprecated, use "badge" prop instead.'
-      );
-    }
-
-    return (
-      <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
-        <div class={bem('icon')}>
-          {this.genIcon(active)}
-          <Info dot={this.dot} info={this.badge ?? this.info} />
+      return (
+        <div
+          class={bem({ active: active.value })}
+          style={{ color }}
+          onClick={onClick}
+        >
+          <Badge dot={dot} content={badge} class={bem('icon')}>
+            {renderIcon()}
+          </Badge>
+          <div class={bem('text')}>
+            {slots.default?.({ active: active.value })}
+          </div>
         </div>
-        <div class={bem('text')}>{this.slots('default', { active })}</div>
-      </div>
-    );
+      );
+    };
   },
 });
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index 3a3cbc6b9..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;
 
@@ -28,11 +27,11 @@
   }
 
   &--active {
-    background-color: @tabbar-item-active-background-color;
     color: @tabbar-item-active-color;
+    background-color: @tabbar-item-active-background-color;
   }
 
-  .van-info {
+  .van-badge {
     margin-top: @padding-base;
   }
 }
diff --git a/src/tabbar/README.md b/src/tabbar/README.md
index 48af8bb8e..f528f506a 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 6eaada296..e65d52fe5 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);
 ```
 
 ## 代码演示
@@ -185,7 +186,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/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/tabbar/index.js b/src/tabbar/index.js
index b1c4af25e..51ad9f410 100644
--- a/src/tabbar/index.js
+++ b/src/tabbar/index.js
@@ -1,13 +1,19 @@
-import { createNamespace } from '../utils';
+import { ref } from 'vue';
+
+// Utils
+import { createNamespace, isDef } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
-import { ParentMixin } from '../mixins/relation';
+
+// Composition
+import { useChildren } from '@vant/use';
+import { usePlaceholder } from '../composition/use-placeholder';
 
 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],
@@ -15,7 +21,7 @@ export default createComponent({
     activeColor: String,
     beforeChange: Function,
     inactiveColor: String,
-    value: {
+    modelValue: {
       type: [Number, String],
       default: 0,
     },
@@ -33,81 +39,55 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
-      height: null,
-    };
-  },
+  emits: ['change', 'update:modelValue'],
 
-  computed: {
-    fit() {
-      if (this.safeAreaInsetBottom !== null) {
-        return this.safeAreaInsetBottom;
+  setup(props, { emit, slots }) {
+    const root = ref();
+    const { linkChildren } = useChildren(TABBAR_KEY);
+    const renderPlaceholder = usePlaceholder(root, bem);
+
+    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: {
-    value: 'setActiveItem',
-    children: 'setActiveItem',
-  },
+    const renderTabbar = () => {
+      const { fixed, zIndex, border } = props;
+      const unfit = isUnfit();
+      return (
+        <div
+          ref={root}
+          style={{ zIndex }}
+          class={[bem({ unfit, fixed }), { [BORDER_TOP_BOTTOM]: border }]}
+        >
+          {slots.default?.()}
+        </div>
+      );
+    };
 
-  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.value;
-      });
-    },
-
-    onChange(active) {
-      if (active !== this.value) {
+    const setActive = (active) => {
+      if (active !== props.modelValue) {
         callInterceptor({
-          interceptor: this.beforeChange,
+          interceptor: props.beforeChange,
           args: [active],
-          done: () => {
-            this.$emit('input', active);
-            this.$emit('change', active);
+          done() {
+            emit('update:modelValue', active);
+            emit('change', active);
           },
         });
       }
-    },
+    };
 
-    genTabbar() {
-      return (
-        <div
-          ref="tabbar"
-          style={{ zIndex: this.zIndex }}
-          class={[
-            { [BORDER_TOP_BOTTOM]: this.border },
-            bem({
-              unfit: !this.fit,
-              fixed: this.fixed,
-            }),
-          ]}
-        >
-          {this.slots()}
-        </div>
-      );
-    },
-  },
+    linkChildren({ props, setActive });
 
-  render() {
-    if (this.placeholder && this.fixed) {
-      return (
-        <div class={bem('placeholder')} style={{ height: `${this.height}px` }}>
-          {this.genTabbar()}
-        </div>
-      );
-    }
-
-    return this.genTabbar();
+    return () => {
+      if (props.fixed && props.placeholder) {
+        return renderPlaceholder(renderTabbar);
+      }
+      return renderTabbar();
+    };
   },
 });
diff --git a/src/tabbar/test/__snapshots__/demo.spec.js.snap b/src/tabbar/test/__snapshots__/demo.legacy.js.snap
similarity index 97%
rename from src/tabbar/test/__snapshots__/demo.spec.js.snap
rename to src/tabbar/test/__snapshots__/demo.legacy.js.snap
index 4edc5c2d9..c65307606 100644
--- a/src/tabbar/test/__snapshots__/demo.spec.js.snap
+++ b/src/tabbar/test/__snapshots__/demo.legacy.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/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/switch-cell/test/demo.spec.js b/src/tabbar/test/demo.legacy.js
similarity index 100%
rename from src/switch-cell/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/tabs/Content.js b/src/tabs/Content.js
deleted file mode 100644
index a65bf0d47..000000000
--- a/src/tabs/Content.js
+++ /dev/null
@@ -1,79 +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,
-  },
-
-  computed: {
-    style() {
-      if (this.animated) {
-        return {
-          transform: `translate3d(${-1 * this.currentIndex * 100}%, 0, 0)`,
-          transitionDuration: `${this.duration}s`,
-        };
-      }
-    },
-
-    listeners() {
-      if (this.swipeable) {
-        return {
-          touchstart: this.touchStart,
-          touchmove: this.touchMove,
-          touchend: this.onTouchEnd,
-          touchcancel: 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() {
-      if (this.animated) {
-        return (
-          <div class={bem('track')} style={this.style}>
-            {this.slots()}
-          </div>
-        );
-      }
-
-      return this.slots();
-    },
-  },
-
-  render() {
-    return (
-      <div
-        class={bem('content', { animated: this.animated })}
-        {...{ on: this.listeners }}
-      >
-        {this.genChildren()}
-      </div>
-    );
-  },
-});
diff --git a/src/tabs/TabsContent.tsx b/src/tabs/TabsContent.tsx
new file mode 100644
index 000000000..3ebd4066a
--- /dev/null
+++ b/src/tabs/TabsContent.tsx
@@ -0,0 +1,82 @@
+import { ref, watch, onMounted } from 'vue';
+import { createNamespace } from '../utils';
+import Swipe from '../swipe';
+
+const [createComponent, bem] = createNamespace('tabs');
+
+export default createComponent({
+  props: {
+    inited: Boolean,
+    animated: Boolean,
+    swipeable: Boolean,
+    lazyRender: Boolean,
+    count: {
+      type: Number,
+      required: true,
+    },
+    duration: {
+      type: [Number, String],
+      required: true,
+    },
+    currentIndex: {
+      type: Number,
+      required: true,
+    },
+  },
+
+  emits: ['change'],
+
+  setup(props, { emit, slots }) {
+    const swipeRef = ref();
+
+    const onChange = (index: number) => {
+      emit('change', index);
+    };
+
+    const renderChildren = () => {
+      const Content = slots.default?.();
+
+      if (props.animated || props.swipeable) {
+        return (
+          <Swipe
+            ref={swipeRef}
+            loop={false}
+            class={bem('track')}
+            duration={+props.duration * 1000}
+            touchable={props.swipeable}
+            lazyRender={props.lazyRender}
+            showIndicators={false}
+            onChange={onChange}
+          >
+            {Content}
+          </Swipe>
+        );
+      }
+
+      return Content;
+    };
+
+    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
+        class={bem('content', {
+          animated: props.animated || props.swipeable,
+        })}
+      >
+        {renderChildren()}
+      </div>
+    );
+  },
+});
diff --git a/src/tabs/TabsTitle.tsx b/src/tabs/TabsTitle.tsx
new file mode 100644
index 000000000..fd5273445
--- /dev/null
+++ b/src/tabs/TabsTitle.tsx
@@ -0,0 +1,91 @@
+import { computed, CSSProperties } from 'vue';
+import { createNamespace, isDef } from '../utils';
+import Badge from '../badge';
+
+const [createComponent, bem] = createNamespace('tab');
+
+export default createComponent({
+  props: {
+    dot: Boolean,
+    type: String,
+    color: String,
+    title: String,
+    badge: [Number, String],
+    isActive: Boolean,
+    disabled: Boolean,
+    scrollable: Boolean,
+    activeColor: String,
+    renderTitle: Function,
+    inactiveColor: String,
+  },
+
+  setup(props) {
+    const style = computed(() => {
+      const style: CSSProperties = {};
+      const {
+        type,
+        color,
+        disabled,
+        isActive,
+        activeColor,
+        inactiveColor,
+      } = props;
+
+      const isCard = type === 'card';
+
+      // card theme color
+      if (color && isCard) {
+        style.borderColor = color;
+
+        if (!disabled) {
+          if (isActive) {
+            style.backgroundColor = color;
+          } else {
+            style.color = color;
+          }
+        }
+      }
+
+      const titleColor = isActive ? activeColor : inactiveColor;
+      if (titleColor) {
+        style.color = titleColor;
+      }
+
+      return style;
+    });
+
+    const renderText = () => {
+      const Text = (
+        <span class={bem('text', { ellipsis: !props.scrollable })}>
+          {props.renderTitle ? props.renderTitle() : props.title}
+        </span>
+      );
+
+      if (props.dot || (isDef(props.badge) && props.badge !== '')) {
+        return (
+          <Badge dot={props.dot} content={props.badge}>
+            {Text}
+          </Badge>
+        );
+      }
+
+      return Text;
+    };
+
+    return () => (
+      <div
+        role="tab"
+        class={[
+          bem({
+            active: props.isActive,
+            disabled: props.disabled,
+          }),
+        ]}
+        style={style.value}
+        aria-selected={props.isActive}
+      >
+        {renderText()}
+      </div>
+    );
+  },
+});
diff --git a/src/tabs/Title.js b/src/tabs/Title.js
deleted file mode 100644
index 58c3d87f8..000000000
--- a/src/tabs/Title.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import { createNamespace, isDef } from '../utils';
-import Info from '../info';
-
-const [createComponent, bem] = createNamespace('tab');
-
-export default createComponent({
-  props: {
-    dot: Boolean,
-    type: String,
-    info: [Number, String],
-    color: String,
-    title: String,
-    isActive: Boolean,
-    disabled: Boolean,
-    scrollable: Boolean,
-    activeColor: String,
-    inactiveColor: String,
-  },
-
-  computed: {
-    style() {
-      const style = {};
-      const { color, isActive } = this;
-      const isCard = this.type === 'card';
-
-      // card theme color
-      if (color && isCard) {
-        style.borderColor = color;
-
-        if (!this.disabled) {
-          if (isActive) {
-            style.backgroundColor = color;
-          } else {
-            style.color = color;
-          }
-        }
-      }
-
-      const titleColor = isActive ? this.activeColor : this.inactiveColor;
-      if (titleColor) {
-        style.color = titleColor;
-      }
-
-      return style;
-    },
-  },
-
-  methods: {
-    onClick() {
-      this.$emit('click');
-    },
-
-    genText() {
-      const Text = (
-        <span class={bem('text', { ellipsis: !this.scrollable })}>
-          {this.slots() || this.title}
-        </span>
-      );
-
-      if (this.dot || (isDef(this.info) && this.info !== '')) {
-        return (
-          <span class={bem('text-wrapper')}>
-            {Text}
-            {<Info dot={this.dot} info={this.info} />}
-          </span>
-        );
-      }
-
-      return Text;
-    },
-  },
-
-  render() {
-    return (
-      <div
-        role="tab"
-        aria-selected={this.isActive}
-        class={[
-          bem({
-            active: this.isActive,
-            disabled: this.disabled,
-          }),
-        ]}
-        style={this.style}
-        onClick={this.onClick}
-      >
-        {this.genText()}
-      </div>
-    );
-  },
-});
diff --git a/src/tabs/index.js b/src/tabs/index.js
index da2af15a0..32e0fb94a 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -1,51 +1,50 @@
-// Utils
-import { createNamespace, isDef, addUnit } from '../utils';
-import { scrollLeftTo, scrollTopTo } from './utils';
-import { route } from '../utils/router';
-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,
+  ref,
+  watch,
+  computed,
+  reactive,
+  nextTick,
+  onMounted,
+  onActivated,
+} from 'vue';
+
+// Utils
+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';
 
-// Mixins
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event';
+// Composition
+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';
 
 // Components
-import Title from './Title';
 import Sticky from '../sticky';
-import Content from './Content';
+import TabsTitle from './TabsTitle';
+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);
-      }
-    }),
-  ],
-
-  model: {
-    prop: 'active',
-  },
-
   props: {
     color: String,
     border: Boolean,
@@ -89,137 +88,111 @@ export default createComponent({
     },
   },
 
-  data() {
-    return {
+  emits: ['click', 'change', 'scroll', 'disabled', 'rendered', 'update:active'],
+
+  setup(props, { emit, slots }) {
+    let tabHeight;
+    let lockScroll;
+    let stickyFixed;
+
+    const root = ref();
+    const navRef = ref();
+    const wrapRef = ref();
+
+    const windowSize = useWindowSize();
+    const scroller = useScrollParent(root);
+    const [titleRefs, setTitleRefs] = useRefs();
+    const { children, linkChildren } = useChildren(TABS_KEY);
+
+    const state = reactive({
+      inited: false,
       position: '',
-      currentIndex: null,
+      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.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(() => {
+        state.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 = state.inited;
 
-      this.$nextTick(() => {
-        const { titles } = this.$refs;
+      nextTick(() => {
+        const titles = titleRefs.value;
 
         if (
           !titles ||
-          !titles[this.currentIndex] ||
-          this.type !== 'line' ||
-          isHidden(this.$el)
+          !titles[state.currentIndex] ||
+          props.type !== 'line' ||
+          isHidden(root.value)
         ) {
           return;
         }
 
-        const title = titles[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 +201,251 @@ 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('input', 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].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].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].$el;
+
+        if (target) {
+          const to = getElementTop(target, 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];
+      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);
-        route(item.$router, item);
+        emit('click', name, title);
+        route(item);
       }
-    },
+    };
 
-    // scroll active tab into view
-    scrollIntoView(immediate) {
-      const { titles } = this.$refs;
+    const onStickyScroll = (params) => {
+      stickyFixed = params.isFixed;
+      emit('scroll', params);
+    };
 
-      if (!this.scrollable || !titles || !titles[this.currentIndex]) {
-        return;
-      }
-
-      const { nav } = this.$refs;
-      const title = titles[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);
 
-        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) => (
-      <Title
-        ref="titles"
-        refInFor
-        type={type}
-        dot={item.dot}
-        info={item.badge ?? item.info}
-        title={item.title}
-        color={this.color}
-        style={item.titleStyle}
-        isActive={index === this.currentIndex}
-        disabled={item.disabled}
-        scrollable={scrollable}
-        activeColor={this.titleActiveColor}
-        inactiveColor={this.titleInactiveColor}
-        scopedSlots={{
-          default: () => item.slots('title'),
-        }}
-        onClick={() => {
-          this.onClick(item, index);
-        }}
-      />
-    ));
+    const renderNav = () =>
+      children.map((item, index) => (
+        <TabsTitle
+          ref={setTitleRefs(index)}
+          dot={item.dot}
+          type={props.type}
+          badge={item.badge}
+          title={item.title}
+          color={props.color}
+          style={item.titleStyle}
+          isActive={index === state.currentIndex}
+          disabled={item.disabled}
+          scrollable={scrollable.value}
+          renderTitle={item.$slots.title}
+          activeColor={props.titleActiveColor}
+          inactiveColor={props.titleInactiveColor}
+          onClick={() => {
+            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.length,
+      () => {
+        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 });
+
+    linkChildren({
+      emit,
+      props,
+      setLine,
+      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()
         )}
-        <Content
-          count={this.children.length}
-          animated={animated}
-          duration={this.duration}
-          swipeable={this.swipeable}
-          currentIndex={this.currentIndex}
-          onChange={this.setCurrentIndex}
+        <TabsContent
+          count={children.length}
+          inited={state.inited}
+          animated={props.animated}
+          duration={props.duration}
+          swipeable={props.swipeable}
+          lazyRender={props.lazyRender}
+          currentIndex={state.currentIndex}
+          onChange={setCurrentIndex}
         >
-          {this.slots()}
-        </Content>
+          {slots.default?.()}
+        </TabsContent>
       </div>
     );
   },
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/src/tabs/utils.ts b/src/tabs/utils.ts
index 26c8ef2d3..2477dd899 100644
--- a/src/tabs/utils.ts
+++ b/src/tabs/utils.ts
@@ -1,14 +1,14 @@
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { getScrollTop, setScrollTop } from '../utils/dom/scroll';
+import { raf, cancelRaf } from '@vant/use';
+import { 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 +18,7 @@ export function scrollLeftTo(
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      scrollLeftRafId = raf(animate);
+      rafId = raf(animate);
     }
   }
 
@@ -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/tag/README.md b/src/tag/README.md
index 70e04a2df..0c8baecdd 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
@@ -41,7 +42,7 @@ Vue.use(Tag);
 ### Closeable
 
 ```html
-<van-tag v-if="show" closeable size="medium" type="primary" @close="close">
+<van-tag :show="show" closeable size="medium" type="primary" @close="close">
   Tag
 </van-tag>
 ```
@@ -86,6 +87,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 b3ed64347..d9e0ec6e6 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);
 ```
 
 ## 代码演示
@@ -51,7 +52,7 @@ Vue.use(Tag);
 添加 `closeable` 属性表示标签是可关闭的，关闭标签时会触发 `close` 事件，在 `close` 事件中可以执行隐藏标签的逻辑。
 
 ```html
-<van-tag v-if="show" closeable size="medium" type="primary" @close="close">
+<van-tag :show="show" closeable size="medium" type="primary" @close="close">
   标签
 </van-tag>
 ```
@@ -100,6 +101,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 bf53cf93e..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
-          v-if="show"
-          size="medium"
-          closeable
-          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/tag/index.js b/src/tag/index.js
new file mode 100644
index 000000000..a1c1d9d98
--- /dev/null
+++ b/src/tag/index.js
@@ -0,0 +1,70 @@
+import { Transition } from 'vue';
+import { createNamespace } from '../utils';
+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',
+    },
+    show: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  emits: ['close'],
+
+  setup(props, { slots, emit }) {
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit('close');
+    };
+
+    const getStyle = () => {
+      if (props.plain) {
+        return {
+          color: props.textColor || props.color,
+        };
+      }
+      return {
+        color: props.textColor,
+        background: props.color,
+      };
+    };
+
+    return () => {
+      const { show, type, mark, plain, round, size, closeable } = props;
+
+      const classes = { mark, plain, round };
+      if (size) {
+        classes[size] = size;
+      }
+
+      const CloseIcon = closeable && (
+        <Icon name="cross" class={bem('close')} onClick={onClose} />
+      );
+
+      return (
+        <Transition name={closeable ? 'van-fade' : undefined}>
+          {show ? (
+            <span style={getStyle()} class={bem([classes, type])}>
+              {slots.default?.()}
+              {CloseIcon}
+            </span>
+          ) : null}
+        </Transition>
+      );
+    };
+  },
+});
diff --git a/src/tag/index.tsx b/src/tag/index.tsx
deleted file mode 100644
index f33604ca0..000000000
--- a/src/tag/index.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional';
-
-// 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])}
-        {...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/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/switch/test/demo.spec.js b/src/tag/test/demo.legacy.js
similarity index 100%
rename from src/switch/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/README.md b/src/toast/README.md
index ae5d0a2bb..12ac5067c 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
@@ -91,7 +92,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 {
@@ -167,4 +168,4 @@ Toast.resetDefaultOptions('loading');
 | onOpened | Callback function after opened | _Function_ | - |
 | onClose | Callback function after close | _Function_ | - |
 | transition | 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 310c1a62b..aa5731c95 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);
 ```
 
 ## 代码演示
@@ -106,7 +107,7 @@ const timer = setInterval(() => {
 
 ### 全局方法
 
-引入 Toast 组件后，会自动在 Vue 的 prototype 上挂载 `$toast` 方法，便于在组件内调用。
+通过 `app.use` 注册 Toast 组件后，会自动在 app 的所有子组件上挂载 `$toast` 方法，便于在组件内调用。
 
 ```js
 export default {
@@ -182,4 +183,4 @@ Toast.resetDefaultOptions('loading');
 | onOpened | 完全展示后的回调函数 | _Function_ | - |
 | onClose | 关闭时的回调函数 | _Function_ | - |
 | transition | 动画类名，等价于 [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/Toast.js b/src/toast/Toast.js
index 8ab8ceb23..89b304e76 100644
--- a/src/toast/Toast.js
+++ b/src/toast/Toast.js
@@ -1,27 +1,28 @@
+import { watch, onMounted, onUnmounted } from 'vue';
+
 // Utils
 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,
+    message: [Number, String],
+    duration: Number,
     className: null,
     iconPrefix: String,
+    lockScroll: Boolean,
     loadingType: String,
     forbidClick: Boolean,
     closeOnClick: Boolean,
-    message: [Number, String],
     type: {
       type: String,
       default: 'text',
@@ -34,70 +35,42 @@ export default createComponent({
       type: String,
       default: 'van-fade',
     },
-    lockScroll: {
-      type: Boolean,
-      default: false,
-    },
   },
 
-  data() {
-    return {
-      clickable: false,
-    };
-  },
+  emits: ['update:show'],
 
-  mounted() {
-    this.toggleClickable();
-  },
+  setup(props, { emit }) {
+    let timer;
+    let clickable = false;
 
-  destroyed() {
-    this.toggleClickable();
-  },
-
-  watch: {
-    value: 'toggleClickable',
-    forbidClick: 'toggleClickable',
-  },
-
-  methods: {
-    onClick() {
-      if (this.closeOnClick) {
-        this.close();
-      }
-    },
-
-    toggleClickable() {
-      const clickable = this.value && 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');
-    },
+    const clearTimer = () => {
+      clearTimeout(timer);
+    };
 
-    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,42 +78,49 @@ 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')} domPropsInnerHTML={message} />;
+    watch([() => props.show, () => props.forbidClick], toggleClickable);
+
+    watch([() => props.show, () => props.duration], () => {
+      clearTimer();
+      if (props.show && props.duration > 0) {
+        timer = setTimeout(() => {
+          emit('update:show', false);
+        }, props.duration);
       }
+    });
 
-      return <div class={bem('text')}>{message}</div>;
-    },
-  },
+    onMounted(toggleClickable);
+    onUnmounted(toggleClickable);
 
-  render() {
-    return (
-      <transition
-        name={this.transition}
-        onAfterEnter={this.onAfterEnter}
-        onAfterLeave={this.onAfterLeave}
+    return () => (
+      <Popup
+        show={props.show}
+        class={[
+          bem([props.position, { [props.type]: !props.icon }]),
+          props.className,
+        ]}
+        lockScroll={false}
+        transition={props.transition}
+        onClick={onClick}
+        onClosed={clearTimer}
       >
-        <div
-          vShow={this.value}
-          class={[
-            bem([this.position, { [this.type]: !this.icon }]),
-            this.className,
-          ]}
-          onClick={this.onClick}
-        >
-          {this.genIcon()}
-          {this.genMessage()}
-        </div>
-      </transition>
+        {renderIcon()}
+        {renderMessage()}
+      </Popup>
     );
   },
 });
diff --git a/src/toast/demo/index.vue b/src/toast/demo/index.vue
index f9a10075f..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>
@@ -125,6 +123,7 @@ export default {
         message: this.t('text4', 3),
       });
 
+      // TODO failed to modify message
       let second = 3;
       const timer = setInterval(() => {
         second--;
diff --git a/src/toast/index.js b/src/toast/index.js
index 514a45202..953294b01 100644
--- a/src/toast/index.js
+++ b/src/toast/index.js
@@ -1,26 +1,23 @@
-import Vue from 'vue';
-import VueToast from './Toast';
-import { isObject, isServer } from '../utils';
-import { removeNode } from '../utils/dom/node';
+import { ref, watch, getCurrentInstance } from 'vue';
+import { isObject, inBrowser } from '../utils';
+import { mountComponent, usePopupState } from '../utils/mount-component';
+import VanToast from './Toast';
 
 const defaultOptions = {
   icon: '',
   type: 'text',
-  // @deprecated
-  mask: false,
-  value: true,
   message: '',
   className: '',
   overlay: false,
   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,
@@ -28,9 +25,8 @@ const defaultOptions = {
 
 // default options of specific type
 let defaultOptionsMap = {};
-
 let queue = [];
-let multiple = false;
+let allowMultiple = false;
 let currentOptions = {
   ...defaultOptions,
 };
@@ -39,56 +35,63 @@ 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 { open, state, close, toggle } = usePopupState();
+
+      const onClosed = () => {
+        if (allowMultiple) {
+          queue = queue.filter((item) => item !== instance);
+          unmount();
+        }
+      };
+
+      watch(message, (value) => {
+        state.message = value;
+      });
+
+      getCurrentInstance().render = () => (
+        <VanToast
+          {...{
+            ...state,
+            onClosed,
+            'onUpdate:show': toggle,
+          }}
+        />
+      );
+
+      return {
+        open,
+        clear: close,
+        message,
+      };
+    },
+  });
+
+  return instance;
 }
 
-function createInstance() {
+function getInstance() {
   /* istanbul ignore if */
-  if (isServer) {
+  if (!inBrowser) {
     return {};
   }
 
-  queue = queue.filter(
-    (item) => !item.$el.parentNode || isInDocument(item.$el)
-  );
-
-  if (!queue.length || multiple) {
-    const toast = new (Vue.extend(VueToast))({
-      el: document.createElement('div'),
-    });
-
-    toast.$on('input', (value) => {
-      toast.value = value;
-    });
-
-    queue.push(toast);
+  if (!queue.length || allowMultiple) {
+    const instance = createInstance();
+    queue.push(instance);
   }
 
   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();
-
-  // should add z-index if previous toast has not disappeared
-  if (toast.value) {
-    toast.updateZIndex();
-  }
+  const toast = getInstance();
 
   options = parseOptions(options);
   options = {
@@ -97,38 +100,7 @@ function Toast(options = {}) {
     ...options,
   };
 
-  if (process.env.NODE_ENV === 'development' && options.mask) {
-    console.warn(
-      '[Vant] Toast: "mask" option is deprecated, use "overlay" option instead.'
-    );
-  }
-
-  options.clear = () => {
-    toast.value = false;
-
-    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);
-  }
+  toast.open(options);
 
   return toast;
 }
@@ -150,7 +122,7 @@ Toast.clear = (all) => {
         toast.clear();
       });
       queue = [];
-    } else if (!multiple) {
+    } else if (!allowMultiple) {
       queue[0].clear();
     } else {
       queue.shift().clear();
@@ -176,13 +148,12 @@ Toast.resetDefaultOptions = (type) => {
 };
 
 Toast.allowMultiple = (value = true) => {
-  multiple = value;
+  allowMultiple = 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/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) {
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/tab/test/demo.spec.js b/src/toast/test/demo.legacy.js
similarity index 100%
rename from src/tab/test/demo.spec.js
rename to src/toast/test/demo.legacy.js
diff --git a/src/toast/test/demo.spec.js b/src/toast/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/toast/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/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/README.md b/src/tree-select/README.md
index 81d662a45..8e4ff325f 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
@@ -15,9 +16,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 +38,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 +59,11 @@ 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 +92,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 6823be6c7..98457593b 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);
 ```
 
 ## 代码演示
@@ -17,9 +18,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 +42,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 +65,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 +100,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 542f0b1a1..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
-        :items="items"
-        :active-id.sync="activeId"
-        :main-active-index.sync="activeIndex"
-      />
-    </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
-        :items="items"
-        :active-id.sync="activeIds"
-        :main-active-index.sync="activeIndex2"
-      />
-    </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
-        height="55vw"
-        :items="simpleItems"
-        :main-active-index.sync="activeIndex3"
-      >
-        <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
-        height="55vw"
-        :items="badgeItems"
-        :active-id.sync="activeId2"
-        :main-active-index.sync="activeIndex4"
-      />
-    </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/tree-select/index.js b/src/tree-select/index.js
new file mode 100644
index 000000000..1c304cfbe
--- /dev/null
+++ b/src/tree-select/index.js
@@ -0,0 +1,143 @@
+// Utils
+import { createNamespace, addUnit } 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 }) {
+    const isMultiple = () => Array.isArray(props.activeId);
+
+    const isActiveItem = (id) => {
+      return isMultiple()
+        ? props.activeId.indexOf(id) !== -1
+        : props.activeId === id;
+    };
+
+    const renderSubItem = (item) => {
+      const onClick = () => {
+        if (item.disabled) {
+          return;
+        }
+
+        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}
+          badge={item.badge}
+          disabled={item.disabled}
+          class={[bem('nav-item'), item.className]}
+        />
+      ));
+
+      return (
+        <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>
+    );
+  },
+});
diff --git a/src/tree-select/index.tsx b/src/tree-select/index.tsx
deleted file mode 100644
index e16d1afd3..000000000
--- a/src/tree-select/index.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-// Utils
-import { createNamespace, addUnit } 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;
-
-  if (process.env.NODE_ENV === 'development') {
-    if (ctx.listeners.navclick) {
-      console.warn(
-        '[Vant] TreeSelect: "navclick" event is deprecated, use "click-nav" instead.'
-      );
-    }
-    if (ctx.listeners.itemclick) {
-      console.warn(
-        '[Vant] TreeSelect: "itemclick" event is deprecated, use "click-item" instead.'
-      );
-    }
-  }
-
-  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={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/tree-select/test/__snapshots__/demo.spec.js.snap b/src/tree-select/test/__snapshots__/demo.legacy.js.snap
similarity index 97%
rename from src/tree-select/test/__snapshots__/demo.spec.js.snap
rename to src/tree-select/test/__snapshots__/demo.legacy.js.snap
index ef3181896..073f62275 100644
--- a/src/tree-select/test/__snapshots__/demo.spec.js.snap
+++ b/src/tree-select/test/__snapshots__/demo.legacy.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.legacy.js.snap
similarity index 97%
rename from src/tree-select/test/__snapshots__/index.spec.js.snap
rename to src/tree-select/test/__snapshots__/index.legacy.js.snap
index adaf3102b..25f199302 100644
--- a/src/tree-select/test/__snapshots__/index.spec.js.snap
+++ b/src/tree-select/test/__snapshots__/index.legacy.js.snap
@@ -28,7 +28,7 @@ exports[`height prop 1`] = `
 exports[`nav render 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/tabbar/test/demo.spec.js b/src/tree-select/test/demo.legacy.js
similarity index 100%
rename from src/tabbar/test/demo.spec.js
rename to src/tree-select/test/demo.legacy.js
diff --git a/src/tree-select/test/demo.spec.js b/src/tree-select/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/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/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/PreviewItem.js b/src/uploader/PreviewItem.js
new file mode 100644
index 000000000..144662349
--- /dev/null
+++ b/src/uploader/PreviewItem.js
@@ -0,0 +1,122 @@
+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 renderMask = () => {
+      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 renderCover = () => {
+      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}
+          >
+            {renderCover()}
+          </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>
+          {renderCover()}
+        </div>
+      );
+    };
+
+    return () => (
+      <div class={bem('preview')}>
+        {renderPreview()}
+        {renderMask()}
+        {renderDeleteIcon()}
+      </div>
+    );
+  },
+};
diff --git a/src/uploader/README.md b/src/uploader/README.md
index d7531e2a2..e279b1cc1 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 7415372d8..cb7bc2662 100644
--- a/src/uploader/README.zh-CN.md
+++ b/src/uploader/README.zh-CN.md
@@ -7,10 +7,11 @@
 ### 引入
 
 ```js
-import Vue from 'vue';
+import { createApp } from 'vue';
 import { Uploader } from 'vant';
 
-Vue.use(Uploader);
+const app = createApp();
+app.use(Uploader);
 ```
 
 ## 代码演示
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>
diff --git a/src/uploader/index.js b/src/uploader/index.js
index 909bcbcf7..6900fbab1 100644
--- a/src/uploader/index.js
+++ b/src/uploader/index.js
@@ -1,28 +1,29 @@
-// Utils
-import { createNamespace, addUnit, noop, isPromise, isDef } from '../utils';
-import { toArray, readFile, isOversize, isImageFile } from './utils';
+import { ref } from 'vue';
 
-// Mixins
-import { FieldMixin } from '../mixins/field';
+// Utils
+import { bem, createComponent } from './shared';
+import { isPromise, getSizeStyle, pick } from '../utils';
+import {
+  toArray,
+  isOversize,
+  filterFiles,
+  isImageFile,
+  readFileContent,
+} from './utils';
+
+// Composition
+import { useExpose } from '../composition/use-expose';
+import { useLinkField } from '../composition/use-link-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({
-  inheritAttrs: false,
-
-  mixins: [FieldMixin],
-
-  model: {
-    prop: 'fileList',
-  },
-
   props: {
+    capture: String,
+    multiple: Boolean,
     disabled: Boolean,
     lazyLoad: Boolean,
     uploadText: String,
@@ -39,7 +40,7 @@ export default createComponent({
       type: String,
       default: 'image/*',
     },
-    fileList: {
+    modelValue: {
       type: Array,
       default: () => [],
     },
@@ -81,39 +82,105 @@ export default createComponent({
     },
   },
 
-  computed: {
-    previewSizeWithUnit() {
-      return addUnit(this.previewSize);
-    },
+  emits: [
+    'delete',
+    'oversize',
+    'close-preview',
+    'click-preview',
+    'update:modelValue',
+  ],
 
-    // for form
-    value() {
-      return this.fileList;
-    },
-  },
+  setup(props, { emit, slots }) {
+    const inputRef = ref();
 
-  methods: {
-    getDetail(index = this.fileList.length) {
-      return {
-        name: this.name,
-        index,
-      };
-    },
+    const getDetail = (index = props.modelValue.length) => ({
+      name: props.name,
+      index,
+    });
 
-    onChange(event) {
+    const resetInput = () => {
+      if (inputRef.value) {
+        inputRef.value.value = '';
+      }
+    };
+
+    const onAfterRead = (items) => {
+      resetInput();
+
+      if (isOversize(items, props.maxSize)) {
+        if (Array.isArray(items)) {
+          const result = filterFiles(items, props.maxSize);
+          items = result.valid;
+          emit('oversize', result.invalid, getDetail());
+
+          if (!items.length) {
+            return;
+          }
+        } else {
+          emit('oversize', items, getDetail());
+          return;
+        }
+      }
+
+      emit('update:modelValue', [...props.modelValue, ...toArray(items)]);
+
+      if (props.afterRead) {
+        props.afterRead(items, getDetail());
+      }
+    };
+
+    const readFile = (files) => {
+      const { maxCount, modelValue, resultType } = props;
+
+      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);
+        });
+      } else {
+        readFileContent(files, resultType).then((content) => {
+          const result = { file: files, status: '', message: '' };
+
+          if (content) {
+            result.content = content;
+          }
+
+          onAfterRead(result);
+        });
+      }
+    };
+
+    const onChange = (event) => {
       let { files } = event.target;
 
-      if (this.disabled || !files.length) {
+      if (props.disabled || !files.length) {
         return;
       }
 
       files = files.length === 1 ? files[0] : [].slice.call(files);
 
-      if (this.beforeRead) {
-        const response = this.beforeRead(files, this.getDetail());
+      if (props.beforeRead) {
+        const response = props.beforeRead(files, getDetail());
 
         if (!response) {
-          this.resetInput();
+          resetInput();
           return;
         }
 
@@ -121,319 +188,138 @@ export default createComponent({
           response
             .then((data) => {
               if (data) {
-                this.readFile(data);
+                readFile(data);
               } else {
-                this.readFile(files);
+                readFile(files);
               }
             })
-            .catch(this.resetInput);
-
-          return;
+            .catch(resetInput);
         }
-      }
-
-      this.readFile(files);
-    },
-
-    readFile(files) {
-      const oversize = isOversize(files, this.maxSize);
-
-      if (Array.isArray(files)) {
-        const maxCount = this.maxCount - this.fileList.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: '' };
+        readFile(files);
+      }
+    };
 
-          if (content) {
-            result.content = content;
-          }
+    let imagePreview;
 
-          this.onAfterRead(result, oversize);
+    const onClosePreview = () => {
+      emit('close-preview');
+    };
+
+    const previewImage = (item) => {
+      if (props.previewFullImage) {
+        const imageFiles = props.modelValue.filter(isImageFile);
+        const images = imageFiles.map((item) => item.content || item.url);
+
+        imagePreview = ImagePreview({
+          images,
+          startPosition: imageFiles.indexOf(item),
+          onClose: onClosePreview,
+          ...props.previewOptions,
         });
       }
-    },
+    };
 
-    onAfterRead(files, oversize) {
-      this.resetInput();
-
-      let validFiles = files;
-
-      if (oversize) {
-        let oversizeFiles = files;
-        if (Array.isArray(files)) {
-          oversizeFiles = [];
-          validFiles = [];
-          files.forEach((item) => {
-            if (item.file) {
-              if (item.file.size > this.maxSize) {
-                oversizeFiles.push(item);
-              } else {
-                validFiles.push(item);
-              }
-            }
-          });
-        } else {
-          validFiles = null;
-        }
-        this.$emit('oversize', oversizeFiles, this.getDetail());
+    const closeImagePreview = () => {
+      if (imagePreview) {
+        imagePreview.close();
       }
+    };
 
-      const isValidFiles = Array.isArray(validFiles)
-        ? Boolean(validFiles.length)
-        : Boolean(validFiles);
-
-      if (isValidFiles) {
-        this.$emit('input', [...this.fileList, ...toArray(validFiles)]);
-
-        if (this.afterRead) {
-          this.afterRead(validFiles, this.getDetail());
-        }
-      }
-    },
-
-    onDelete(file, index) {
-      if (this.beforeDelete) {
-        const response = this.beforeDelete(file, this.getDetail(index));
-
-        if (!response) {
-          return;
-        }
-
-        if (isPromise(response)) {
-          response
-            .then(() => {
-              this.deleteFile(file, index);
-            })
-            .catch(noop);
-          return;
-        }
-      }
-
-      this.deleteFile(file, index);
-    },
-
-    deleteFile(file, index) {
-      const fileList = this.fileList.slice(0);
+    const deleteFile = (item, index) => {
+      const fileList = props.modelValue.slice(0);
       fileList.splice(index, 1);
 
-      this.$emit('input', fileList);
-      this.$emit('delete', file, this.getDetail(index));
-    },
+      emit('update:modelValue', fileList);
+      emit('delete', item, getDetail(index));
+    };
 
-    resetInput() {
-      /* istanbul ignore else */
-      if (this.$refs.input) {
-        this.$refs.input.value = '';
+    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) {
+        return props.modelValue.map(renderPreviewItem);
       }
-    },
+    };
 
-    onPreviewImage(item) {
-      if (!this.previewFullImage) {
+    const renderUpload = () => {
+      if (props.modelValue.length >= props.maxCount || !props.showUpload) {
         return;
       }
 
-      const imageFiles = this.fileList.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();
-      }
-    },
-
-    // @exposed-api
-    chooseFile() {
-      if (this.disabled) {
-        return;
-      }
-      /* istanbul ignore else */
-      if (this.$refs.input) {
-        this.$refs.input.click();
-      }
-    },
-
-    genPreviewMask(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>
-        );
-      }
-    },
-
-    genPreviewItem(item, index) {
-      const showDelete = item.status !== 'uploading' && this.deletable;
-
-      const DeleteIcon = showDelete && (
-        <div
-          class={bem('preview-delete')}
-          onClick={(event) => {
-            event.stopPropagation();
-            this.onDelete(item, index);
-          }}
-        >
-          <Icon name="cross" class={bem('preview-delete-icon')} />
-        </div>
-      );
-
-      const PreviewCoverContent = this.slots('preview-cover', {
-        index,
-        ...item,
-      });
-
-      const PreviewCover = PreviewCoverContent && (
-        <div class={bem('preview-cover')}>{PreviewCoverContent}</div>
-      );
-
-      const Preview = isImageFile(item) ? (
-        <Image
-          fit={this.imageFit}
-          src={item.content || item.url}
-          class={bem('preview-image')}
-          width={this.previewSize}
-          height={this.previewSize}
-          lazyLoad={this.lazyLoad}
-          onClick={() => {
-            this.onPreviewImage(item);
-          }}
-        >
-          {PreviewCover}
-        </Image>
-      ) : (
-        <div
-          class={bem('file')}
-          style={{
-            width: this.previewSizeWithUnit,
-            height: this.previewSizeWithUnit,
-          }}
-        >
-          <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={() => {
-            this.$emit('click-preview', item, this.getDetail(index));
-          }}
-        >
-          {Preview}
-          {this.genPreviewMask(item)}
-          {DeleteIcon}
-        </div>
-      );
-    },
-
-    genPreviewList() {
-      if (this.previewImage) {
-        return this.fileList.map(this.genPreviewItem);
-      }
-    },
-
-    genUpload() {
-      if (this.fileList.length >= this.maxCount || !this.showUpload) {
-        return;
-      }
-
-      const slot = this.slots();
-
       const Input = (
         <input
-          {...{ attrs: this.$attrs }}
-          ref="input"
+          ref={inputRef}
           type="file"
-          accept={this.accept}
           class={bem('input')}
-          disabled={this.disabled}
-          onChange={this.onChange}
+          accept={props.accept}
+          capture={props.capture}
+          multiple={props.multiple}
+          disabled={props.disabled}
+          onChange={onChange}
         />
       );
 
-      if (slot) {
+      if (slots.default) {
         return (
           <div class={bem('input-wrapper')}>
-            {slot}
+            {slots.default()}
             {Input}
           </div>
         );
       }
 
-      let style;
-      if (this.previewSize) {
-        const size = this.previewSizeWithUnit;
-        style = {
-          width: size,
-          height: size,
-        };
-      }
-
       return (
-        <div class={bem('upload')} style={style}>
-          <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 (
+    const chooseFile = () => {
+      if (inputRef.value && !props.disabled) {
+        inputRef.value.click();
+      }
+    };
+
+    useExpose({
+      chooseFile,
+      closeImagePreview,
+    });
+
+    useLinkField(() => 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/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/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
diff --git a/src/tag/test/demo.spec.js b/src/uploader/test/demo.legacy.js
similarity index 100%
rename from src/tag/test/demo.spec.js
rename to src/uploader/test/demo.legacy.js
diff --git a/src/uploader/test/demo.spec.js b/src/uploader/test/demo.spec.js
deleted file mode 100644
index 5c70922b5..000000000
--- a/src/uploader/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/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/uploader/utils.ts b/src/uploader/utils.ts
index 11cf4c8c2..c31908147 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();
@@ -29,13 +29,6 @@ export function readFile(file: File, resultType: ResultType) {
   });
 }
 
-export function isOversize(
-  files: File | File[],
-  maxSize: number | string
-): boolean {
-  return toArray(files).some((file) => 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 {
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 eb46d5ebf..711476143 100644
--- a/src/utils/create/component.ts
+++ b/src/utils/create/component.ts
@@ -1,86 +1,17 @@
 /**
  * Create a basic component with common options
  */
-import '../../locale';
-import { isFunction } from '..';
+import { App, defineComponent, ComponentOptionsWithObjectProps } from 'vue';
 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),
-  };
-}
 
 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: ComponentOptionsWithObjectProps) {
     sfc.name = name;
-    sfc.install = install;
+    sfc.install = (app: App) => {
+      app.component(name as string, sfc);
+      app.component(camelize(`-${name}`), sfc);
+    };
 
-    return sfc as TsxComponent<Props, Events, Slots>;
-  };
+    return defineComponent(sfc);
+  } as typeof defineComponent;
 }
diff --git a/src/utils/create/i18n.ts b/src/utils/create/i18n.ts
index 37da6501d..456289551 100644
--- a/src/utils/create/i18n.ts
+++ b/src/utils/create/i18n.ts
@@ -1,4 +1,4 @@
-import { get, isFunction } from '..';
+import { get, isFunction } from '../base';
 import { camelize } from '../format/string';
 import locale from '../../locale';
 
diff --git a/src/utils/create/index.ts b/src/utils/create/index.ts
index 996fcc304..1e4a8a50f 100644
--- a/src/utils/create/index.ts
+++ b/src/utils/create/index.ts
@@ -1,14 +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;
 }
diff --git a/src/utils/deep-assign.ts b/src/utils/deep-assign.ts
index 6a175c57a..d55f403cb 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;
 
@@ -13,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/dom/event.ts b/src/utils/dom/event.ts
index 459e581f1..8f73fac5c 100644
--- a/src/utils/dom/event.ts
+++ b/src/utils/dom/event.ts
@@ -1,45 +1,3 @@
-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();
 }
@@ -54,3 +12,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);
+}
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);
-  }
-}
diff --git a/src/utils/dom/raf.ts b/src/utils/dom/raf.ts
deleted file mode 100644
index fa32db10b..000000000
--- a/src/utils/dom/raf.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * 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/utils/dom/reset-scroll.ts b/src/utils/dom/reset-scroll.ts
deleted file mode 100644
index 8cdf18a40..000000000
--- a/src/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/utils/dom/scroll.ts b/src/utils/dom/scroll.ts
index 6d7457f74..61c8ac8c0 100644
--- a/src/utils/dom/scroll.ts
+++ b/src/utils/dom/scroll.ts
@@ -1,44 +1,11 @@
-type ScrollElement = HTMLElement | Window;
+import { isIOS as checkIsIOS } from '../validate/system';
+
+type ScrollElement = Element | 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 {
   const top = 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
 
@@ -91,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/dom/style.ts b/src/utils/dom/style.ts
index e3fe897b1..0c180497d 100644
--- a/src/utils/dom/style.ts
+++ b/src/utils/dom/style.ts
@@ -1,4 +1,13 @@
-export function isHidden(el: HTMLElement) {
+import { unref, Ref } from 'vue';
+
+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';
 
diff --git a/src/utils/format/unit.ts b/src/utils/format/unit.ts
index 9b2de011d..a08f22dfe 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 {
@@ -6,8 +6,17 @@ 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) {
+  if (isDef(originSize)) {
+    const size = addUnit(originSize);
+    return {
+      width: size,
+      height: size,
+    };
+  }
 }
 
 // cache
diff --git a/src/utils/functional.ts b/src/utils/functional.ts
deleted file mode 100644
index da06f7fdc..000000000
--- a/src/utils/functional.ts
+++ /dev/null
@@ -1,72 +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',
-  'refInFor',
-  '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 3e6e9e187..b940e5293 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,37 +1,8 @@
-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;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export function noop() {}
-
-export function isDef<T>(val: T): val is NonNullable<T> {
-  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 = result[key] ?? '';
-  });
-
-  return result;
-}
+export * from './base';
+export * from './create';
+export * from './format/unit';
+export * from './format/number';
+export * from './format/string';
+export * from './dom/style';
+export * from './dom/event';
+export * from './dom/scroll';
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();
diff --git a/src/utils/mount-component.ts b/src/utils/mount-component.ts
new file mode 100644
index 000000000..724dfaf19
--- /dev/null
+++ b/src/utils/mount-component.ts
@@ -0,0 +1,48 @@
+import { createApp, reactive, Component, nextTick } from 'vue';
+import { useExpose } from '../composition/use-expose';
+
+export function usePopupState() {
+  const state = reactive({
+    show: false,
+  });
+
+  const toggle = (show: boolean) => {
+    state.show = show;
+  };
+
+  const open = (props: Record<string, any>) => {
+    Object.assign(state, props);
+
+    nextTick(() => {
+      toggle(true);
+    });
+  };
+
+  const close = () => {
+    toggle(false);
+  };
+
+  useExpose({ open, close, toggle });
+
+  return {
+    open,
+    close,
+    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);
+    },
+  };
+}
diff --git a/src/utils/router.ts b/src/utils/router.ts
deleted file mode 100644
index 7a005e4e9..000000000
--- a/src/utils/router.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * 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/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 99%
rename from src/utils/test/index.spec.js
rename to src/utils/test/index.legacy.js
index 2dd16e4d4..186dc2176 100644
--- a/src/utils/test/index.spec.js
+++ b/src/utils/test/index.legacy.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/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
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;
-};
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 {
diff --git a/src/utils/validate/system.ts b/src/utils/validate/system.ts
index d91f2f131..1667621b1 100644
--- a/src/utils/validate/system.ts
+++ b/src/utils/validate/system.ts
@@ -1,13 +1,11 @@
-import { isServer } from '..';
+import { inBrowser } from '../base';
 
 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/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';
diff --git a/tsconfig.json b/tsconfig.json
index c0484590a..5d7e935f2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,7 @@
   },
   "include": [
     "types/**/*",
-    "src/**/*",
+    "src/**/*"
   ],
   "exclude": [
     "**/*.spec.ts",
diff --git a/types/component.d.ts b/types/component.d.ts
index bec9d7e59..73b0b2240 100644
--- a/types/component.d.ts
+++ b/types/component.d.ts
@@ -1,7 +1,9 @@
-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;
+
+  $props: Record<string, any>;
 }
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/image-preview.d.ts b/types/image-preview.d.ts
index 01a209c91..45515bbcd 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 =
@@ -13,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;
@@ -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/index.d.ts b/types/index.d.ts
index 38a46936a..bbc3b179a 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -1,5 +1,5 @@
 /* eslint-disable max-classes-per-file */
-import Vue from 'vue';
+import { App } from 'vue';
 import { VanComponent } from './component';
 import { AddressEdit } from './address-edit';
 import { Area } from './area';
@@ -27,7 +27,8 @@ import { Toast } from './toast';
 import { Uploader } from './uploader';
 
 export const version: string;
-export function install(vue: typeof Vue): void;
+
+export const install: (app: App) => any;
 
 export class ActionSheet extends VanComponent {}
 export class AddressList extends VanComponent {}
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/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/notify.d.ts b/types/notify.d.ts
index 0bef54afb..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;
@@ -34,8 +33,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/swipe.d.ts b/types/swipe.d.ts
index e02f98473..977890cc6 100644
--- a/types/swipe.d.ts
+++ b/types/swipe.d.ts
@@ -6,7 +6,10 @@ export type SwipeToOptions = {
 
 export class Swipe extends VanComponent {
   prev(): void;
+
   next(): void;
+
   swipeTo(index: number, options?: SwipeToOptions): void;
+
   resize(): void;
 }
diff --git a/types/toast.d.ts b/types/toast.d.ts
index 6697cb7a4..45ff7d200 100644
--- a/types/toast.d.ts
+++ b/types/toast.d.ts
@@ -1,6 +1,3 @@
-import Vue from 'vue';
-import { VanPopupMixin } from './mixins/popup';
-
 type ToastMessage = string | number;
 type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 type ToastPosition = 'top' | 'middle' | 'bottom';
@@ -26,7 +23,7 @@ export type ToastOptions = {
   getContainer?: string | (() => Element);
 };
 
-export interface VanToast extends Vue, VanPopupMixin {
+export interface VanToast {
   type: ToastType;
   position: ToastPosition;
   loadingType: ToastLoadingType;
@@ -50,8 +47,8 @@ export interface Toast {
   allowMultiple(allow: boolean): void;
 }
 
-declare module 'vue/types/vue' {
-  interface Vue {
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
     $toast: Toast;
   }
 }
diff --git a/vant.config.js b/vant.config.js
index 713773291..5ead3f360 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -1,9 +1,12 @@
 module.exports = {
   name: 'vant',
   build: {
+    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-',
@@ -13,7 +16,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',
@@ -64,9 +67,13 @@ module.exports = {
                 title: '快速上手',
               },
               {
-                path: 'changelog',
+                path: 'changelog-v3',
                 title: '更新日志',
               },
+              {
+                path: 'migrate-from-v2',
+                title: '从 v2 升级',
+              },
               {
                 path: 'theme',
                 title: '定制主题',
@@ -235,6 +242,10 @@ module.exports = {
           {
             title: '展示组件',
             items: [
+              {
+                path: 'badge',
+                title: 'Badge 徽标',
+              },
               {
                 path: 'circle',
                 title: 'Circle 环形进度条',
@@ -259,10 +270,10 @@ module.exports = {
                 path: 'image-preview',
                 title: 'ImagePreview 图片预览',
               },
-              {
-                path: 'lazyload',
-                title: 'Lazyload 懒加载',
-              },
+              // {
+              //   path: 'lazyload',
+              //   title: 'Lazyload 懒加载',
+              // },
               {
                 path: 'list',
                 title: 'List 列表',
@@ -300,6 +311,10 @@ module.exports = {
           {
             title: '导航组件',
             items: [
+              {
+                path: 'action-bar',
+                title: 'ActionBar 动作栏',
+              },
               {
                 path: 'grid',
                 title: 'Grid 宫格',
@@ -361,31 +376,10 @@ module.exports = {
                 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 开关单元格',
-              },
             ],
           },
         ],
@@ -532,10 +526,6 @@ module.exports = {
                 path: 'switch',
                 title: 'Switch',
               },
-              {
-                path: 'switch-cell',
-                title: 'SwitchCell',
-              },
               {
                 path: 'uploader',
                 title: 'Uploader',
@@ -586,6 +576,10 @@ module.exports = {
           {
             title: 'Display Components',
             items: [
+              {
+                path: 'badge',
+                title: 'Badge',
+              },
               {
                 path: 'circle',
                 title: 'Circle',
@@ -610,10 +604,10 @@ module.exports = {
                 path: 'image-preview',
                 title: 'ImagePreview',
               },
-              {
-                path: 'lazyload',
-                title: 'Lazyload',
-              },
+              // {
+              //   path: 'lazyload',
+              //   title: 'Lazyload',
+              // },
               {
                 path: 'list',
                 title: 'List',
@@ -651,6 +645,10 @@ module.exports = {
           {
             title: 'Navigation Components',
             items: [
+              {
+                path: 'action-bar',
+                title: 'ActionBar',
+              },
               {
                 path: 'grid',
                 title: 'Grid',
@@ -712,31 +710,10 @@ module.exports = {
                 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',
-              },
             ],
           },
         ],
diff --git a/webpack.config.js b/webpack.config.js
index d5e3de6a0..a50e02a0d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -4,6 +4,7 @@ module.exports = function () {
   }
 
   return {
+    devtool: false,
     entry: {
       'site-mobile': ['./docs/site/mobile'],
     },
diff --git a/yarn.lock b/yarn.lock
index 0a498877f..9d54f4d6e 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==
@@ -79,6 +79,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"
@@ -427,6 +436,16 @@
   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/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"
   resolved "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.4.tgz#4b65abb3d9bacc6c657aaa413e56696f9f170fc6"
@@ -560,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"
@@ -567,20 +593,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.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==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@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.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.8.3.tgz#3995d7d7ffff432f6ddc742b47e730c054599897"
@@ -1053,6 +1072,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"
@@ -1101,6 +1135,24 @@
     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"
+
+"@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"
+    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"
@@ -1134,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"
@@ -1313,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"
@@ -1333,10 +1387,10 @@
     "@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=
+"@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"
@@ -1446,12 +1500,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":
@@ -1500,15 +1554,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"
@@ -1524,15 +1578,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"
@@ -1541,6 +1602,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"
@@ -1624,6 +1692,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"
@@ -1662,11 +1737,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"
@@ -1755,26 +1851,23 @@
 
 "@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=
+  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.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=
+"@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"
 
-"@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==
-  dependencies:
-    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"
@@ -1786,6 +1879,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"
@@ -1823,10 +1921,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"
@@ -1858,10 +1956,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"
@@ -1916,7 +2014,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==
@@ -1928,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"
@@ -1952,78 +2038,92 @@
   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@^2.6.0":
-  version "2.6.0"
-  resolved "https://registry.npm.taobao.org/@vant/cli/download/@vant/cli-2.6.0.tgz?cache=0&sync_timestamp=1601208618517&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fcli%2Fdownload%2F%40vant%2Fcli-2.6.0.tgz#e40c195ee303747154d5d2cfca66560dba08d6a8"
-  integrity sha1-5AwZXuMDdHFU1dLPymZWDboI1qg=
+"@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:
+    eslint-visitor-keys "^1.1.0"
+
+"@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-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.3"
-    "@types/webpack" "^4.41.13"
+    "@types/jest" "^26.0.0"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vant/eslint-config" "^2.2.2"
-    "@vant/markdown-loader" "^2.3.0"
-    "@vant/markdown-vetur" "^2.0.1"
+    "@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"
     "@vant/touch-emulator" "^1.2.0"
-    "@vue/babel-preset-jsx" "^1.1.2"
+    "@vue/babel-plugin-jsx" "^1.0.0-rc.3"
     "@vue/component-compiler-utils" "^3.1.2"
-    "@vue/test-utils" "1.0.0-beta.29"
+    "@vue/test-utils" "2.0.0-beta.7"
     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"
-    cache-loader "^4.1.0"
     chokidar "^3.4.0"
     clean-css "^4.2.3"
     codecov "^3.7.0"
@@ -2032,72 +2132,73 @@
     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"
+    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 "^5.0.0-alpha.6"
     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 "^8.0.0"
+    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"
     stylelint "^13.5.0"
-    typescript "^3.9.3"
-    vue-jest "4.0.0-rc.0"
-    vue-loader "^15.9.2"
-    vue-router "^3.3.1"
-    webpack "^4.43.0"
+    typescript "^4.0.0"
+    vue-jest "^5.0.0-alpha.5"
+    vue-loader "^16.0.0-beta.8"
+    vue-router "^4.0.0-beta.13"
+    webpack "^5.1.2"
     webpack-dev-server "3.11.0"
-    webpack-merge "^4.2.2"
+    webpack-merge "^5.0.0"
     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-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" "^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.1"
 
 "@vant/icons@1.3.2":
   version "1.3.2"
   resolved "https://registry.npmjs.org/@vant/icons/-/icons-1.3.2.tgz#f0930010e7aaa9b06b03636fe9b5bc6477ea224b"
   integrity sha512-uP0nUWw0pyMMGt3L9BO5fEacz/Cn7QIea0/gFoC/jPLv9ufvUxjPsV9HSyyUJsqMJ3qlYLAI/SxZDbmMZA814A==
 
-"@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.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.16.2"
-    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.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"
@@ -2117,71 +2218,80 @@
   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==
+"@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-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==
+"@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.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.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
-    html-tags "^2.0.0"
-    lodash.kebabcase "^4.1.1"
+    "@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/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==
+"@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:
-    "@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"
+    "@babel/parser" "^7.12.0"
+    "@babel/types" "^7.12.0"
+    "@vue/shared" "3.0.2"
+    estree-walker "^2.0.1"
+    source-map "^0.6.1"
 
-"@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==
+"@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:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/compiler-core" "3.0.2"
+    "@vue/shared" "3.0.2"
 
-"@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==
+"@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/plugin-syntax-jsx" "^7.2.0"
+    "@babel/parser" "^7.12.0"
+    "@babel/types" "^7.12.0"
+    "@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"
+    lru-cache "^5.1.1"
+    magic-string "^0.25.7"
+    merge-source-map "^1.1.0"
+    postcss "^7.0.32"
+    postcss-modules "^3.2.2"
+    postcss-selector-parser "^6.0.4"
+    source-map "^0.6.1"
 
-"@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==
+"@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:
-    "@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/compiler-dom" "3.0.2"
+    "@vue/shared" "3.0.2"
 
-"@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@^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==
@@ -2197,13 +2307,39 @@
   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==
+"@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:
-    dom-event-types "^1.0.0"
-    lodash "^4.17.4"
+    "@vue/shared" "3.0.2"
+
+"@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.2"
+    "@vue/shared" "3.0.2"
+
+"@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.2"
+    "@vue/shared" "3.0.2"
+    csstype "^2.6.8"
+
+"@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"
+  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"
@@ -2368,10 +2504,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"
@@ -2386,33 +2522,33 @@ 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:
-  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@^7.1.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
-  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
+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"
@@ -2454,6 +2590,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"
@@ -2474,6 +2615,26 @@ 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"
+
+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"
@@ -2554,11 +2715,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"
@@ -2566,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"
@@ -2586,11 +2747,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"
@@ -2611,9 +2767,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"
@@ -2642,9 +2798,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"
@@ -2665,15 +2821,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"
@@ -2686,14 +2833,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"
@@ -2748,6 +2887,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"
@@ -2784,20 +2935,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"
@@ -2812,6 +2949,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"
@@ -2849,15 +3000,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"
@@ -2868,6 +3010,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"
@@ -2884,13 +3036,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"
@@ -2900,6 +3061,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"
@@ -2910,11 +3079,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"
@@ -2967,16 +3131,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, 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"
@@ -3055,82 +3214,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==
 
-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"
-  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"
@@ -3151,6 +3239,16 @@ browserslist@^4.12.0:
     escalade "^3.0.1"
     node-releases "^1.1.58"
 
+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==
+  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"
@@ -3175,30 +3273,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"
@@ -3209,27 +3283,6 @@ 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==
-  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.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -3245,18 +3298,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"
@@ -3381,6 +3422,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"
@@ -3431,10 +3477,10 @@ 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"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
 character-entities-html4@^1.0.0:
   version "1.1.4"
@@ -3495,11 +3541,6 @@ 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==
-
 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"
@@ -3517,14 +3558,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"
@@ -3559,10 +3592,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.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"
@@ -3572,10 +3605,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"
@@ -3704,6 +3737,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"
@@ -3774,16 +3812,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"
@@ -3833,11 +3861,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"
@@ -3845,10 +3868,12 @@ 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=
+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"
 
 contains-path@^0.1.0:
   version "0.1.0"
@@ -4031,18 +4056,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"
@@ -4061,16 +4074,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"
@@ -4082,36 +4095,16 @@ cosmiconfig@^5.0.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.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==
+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:
-    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"
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.1.0"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.7.2"
 
 cross-env@^7.0.2:
   version "7.0.2"
@@ -4120,7 +4113,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==
@@ -4140,22 +4133,14 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1:
     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==
+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:
-    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"
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
 
 crypto-random-string@^2.0.0:
   version "2.0.0"
@@ -4216,9 +4201,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:
@@ -4226,13 +4211,18 @@ 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"
 
+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"
@@ -4240,11 +4230,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"
@@ -4259,25 +4244,20 @@ 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"
   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"
@@ -4285,13 +4265,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"
@@ -4312,6 +4299,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"
@@ -4353,7 +4345,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=
@@ -4440,27 +4432,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"
@@ -4476,29 +4460,15 @@ 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"
   integrity sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg==
 
-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"
+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==
 
 dir-glob@^2.2.2:
   version "2.2.2"
@@ -4556,11 +4526,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"
@@ -4569,11 +4534,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"
@@ -4584,12 +4544,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"
@@ -4641,16 +4601,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"
@@ -4684,24 +4634,21 @@ 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==
 
-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"
+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==
 
 email-addresses@^3.0.1:
   version "3.1.0"
   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"
@@ -4722,21 +4669,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"
@@ -4755,7 +4701,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==
@@ -4793,6 +4739,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"
@@ -4807,6 +4770,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"
@@ -4822,10 +4790,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"
@@ -4834,72 +4807,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.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"
-
-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"
+    semver "^7.3.2"
+    vue-eslint-parser "^7.1.0"
 
 eslint-scope@^5.0.0:
   version "5.0.0"
@@ -4909,12 +4876,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"
@@ -4923,27 +4891,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"
@@ -4952,34 +4933,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"
@@ -4992,6 +4980,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"
@@ -5004,6 +4999,16 @@ 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"
+  integrity sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -5019,10 +5024,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"
@@ -5031,23 +5036,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"
@@ -5072,10 +5069,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.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"
@@ -5084,7 +5081,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"
 
@@ -5120,17 +5116,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"
@@ -5262,7 +5258,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=
@@ -5295,11 +5291,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"
@@ -5387,21 +5378,21 @@ 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.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"
-  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:
@@ -5426,6 +5417,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"
@@ -5442,26 +5441,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"
@@ -5477,18 +5466,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"
@@ -5525,18 +5518,10 @@ 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"
-  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"
 
@@ -5559,15 +5544,10 @@ fs-extra@^9.0.0:
     jsonfile "^6.0.1"
     universalify "^1.0.0"
 
-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-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.realpath@^1.0.0:
   version "1.0.0"
@@ -5597,6 +5577,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"
@@ -5664,15 +5651,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"
 
@@ -5711,10 +5699,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"
 
@@ -5745,6 +5733,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"
@@ -5841,20 +5834,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"
@@ -5876,7 +5868,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==
@@ -5979,14 +5971,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"
@@ -5997,32 +5981,15 @@ 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.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=
 
-highlight.js@^9.16.2:
-  version "9.18.1"
-  resolved "https://registry.yarnpkg.com/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"
+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"
@@ -6039,12 +6006,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"
@@ -6079,20 +6046,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.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@^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"
@@ -6190,19 +6155,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"
@@ -6247,6 +6207,11 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24:
   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.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"
@@ -6254,16 +6219,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"
@@ -6291,7 +6246,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==
@@ -6300,7 +6255,7 @@ import-cwd@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"
+  resolved "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
   integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
   dependencies:
     import-from "^2.1.0"
@@ -6313,7 +6268,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==
@@ -6323,7 +6278,7 @@ import-fresh@^3.0.0, import-fresh@^3.1.0:
 
 import-from@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
+  resolved "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
   integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
   dependencies:
     resolve-from "^3.0.0"
@@ -6393,11 +6348,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.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -6406,16 +6356,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"
@@ -6426,40 +6371,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"
-    string-width "^4.1.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"
+    rxjs "^6.6.0"
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
     through "^2.3.6"
@@ -6565,7 +6491,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==
@@ -6575,6 +6501,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"
@@ -6629,6 +6560,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"
@@ -6698,10 +6634,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"
@@ -6773,6 +6709,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"
@@ -6785,6 +6726,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"
@@ -6795,11 +6743,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"
@@ -6876,10 +6819,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"
@@ -6936,6 +6881,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"
@@ -6970,61 +6925,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==
@@ -7034,72 +6987,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"
@@ -7121,163 +7070,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"
@@ -7286,13 +7253,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"
@@ -7300,49 +7260,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"
-    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"
-    natural-compare "^1.4.0"
-    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" "*"
+    "@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"
-    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"
-  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"
+    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 "^26.5.2"
+    semver "^7.3.2"
 
 jest-util@^26.1.0:
   version "26.1.0"
@@ -7355,37 +7301,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"
@@ -7395,14 +7346,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"
@@ -7433,36 +7393,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:
@@ -7490,6 +7450,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"
@@ -7608,6 +7573,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:
+  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"
@@ -7625,15 +7595,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"
@@ -7652,23 +7621,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"
@@ -7686,7 +7638,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=
@@ -7694,15 +7654,23 @@ levn@^0.3.0, 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"
   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"
 
@@ -7772,21 +7740,12 @@ 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.0.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"
-  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
-
-loader-utils@^2.0.0:
+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==
@@ -7795,6 +7754,15 @@ loader-utils@^2.0.0:
     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"
+  integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^1.0.1"
+
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -7818,26 +7786,28 @@ 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"
   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.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.ismatch@^4.4.0:
   version "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.memoize@4.x:
   version "4.1.2"
   resolved "https://registry.npm.taobao.org/lodash.memoize/download/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -7863,11 +7833,21 @@ 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==
 
+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"
@@ -7875,13 +7855,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"
@@ -7904,13 +7877,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"
@@ -7968,7 +7934,14 @@ macos-release@^2.2.0:
   resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
   integrity sha512-OHhSbtcviqMPt7yfw5ef5aghS2jzFVKEFyCJndQt2YpSQ9qRVSEv2axSJI1paVThEu+FFGs584h/1YhxjVqajA==
 
-make-dir@^2.0.0, make-dir@^2.1.0:
+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:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
   integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
@@ -8027,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"
 
@@ -8060,15 +8033,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"
@@ -8093,6 +8057,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"
@@ -8101,14 +8072,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"
@@ -8201,11 +8164,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"
@@ -8233,20 +8191,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==
@@ -8283,16 +8233,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"
@@ -8322,22 +8267,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=
 
-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==
-  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.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
@@ -8346,10 +8275,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"
@@ -8363,18 +8294,6 @@ modify-values@^1.0.0:
   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"
@@ -8385,7 +8304,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==
@@ -8413,6 +8332,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"
@@ -8440,11 +8364,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"
@@ -8473,50 +8402,22 @@ 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"
   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"
@@ -8528,6 +8429,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"
@@ -8629,7 +8535,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=
@@ -8675,24 +8581,15 @@ 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:
-  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"
@@ -8700,9 +8597,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"
@@ -8753,7 +8650,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==
@@ -8765,16 +8662,28 @@ optionator@^0.8.1, optionator@^0.8.3:
     type-check "~0.3.2"
     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"
-  integrity sha512-77iGeVU1cIdRhgFzCK8aw1fbtT1B/iZAvWjS+l/o1x0RShMgxHUZaD2yDpWsNCPwXg9z1ZA78Kbdvr8kBmG/Ww==
+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:
-    chalk "^3.0.0"
+    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@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==
+  dependencies:
+    chalk "^4.1.0"
     cli-cursor "^3.1.0"
-    cli-spinners "^2.2.0"
+    cli-spinners "^2.4.0"
     is-interactive "^1.0.0"
-    log-symbols "^3.0.0"
+    log-symbols "^4.0.0"
     mute-stream "0.0.8"
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
@@ -8786,17 +8695,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==
@@ -8837,11 +8749,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"
@@ -8856,6 +8763,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"
@@ -8877,6 +8791,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"
@@ -8916,20 +8837,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"
@@ -8945,18 +8852,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"
@@ -8993,14 +8888,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:
@@ -9018,6 +8913,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"
@@ -9036,10 +8941,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"
@@ -9059,11 +8964,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"
@@ -9144,17 +9044,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"
@@ -9234,11 +9123,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"
@@ -9275,16 +9159,24 @@ postcss-less@^3.1.0, postcss-less@^3.1.4:
     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==
+  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"
+    import-cwd "^3.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"
+  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"
@@ -9338,6 +9230,21 @@ postcss-modules-values@^3.0.0:
     icss-utils "^4.0.0"
     postcss "^7.0.6"
 
+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"
+    lodash.camelcase "^4.3.0"
+    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:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-6.0.1.tgz#7c055120060a97c8837b4e48215661aafb74245f"
@@ -9408,6 +9315,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"
@@ -9453,7 +9370,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==
@@ -9462,6 +9379,21 @@ 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"
+  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"
@@ -9505,6 +9437,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"
@@ -9529,21 +9471,11 @@ 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"
   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"
@@ -9592,26 +9524,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"
@@ -9620,25 +9532,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"
@@ -9674,11 +9572,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"
@@ -9699,26 +9592,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"
@@ -9819,7 +9704,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==
@@ -9832,15 +9726,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"
@@ -9857,11 +9742,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"
@@ -9934,16 +9814,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"
@@ -9987,42 +9867,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"
@@ -10163,23 +10040,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==
@@ -10259,12 +10136,7 @@ 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.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==
@@ -10315,7 +10187,7 @@ 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==
@@ -10329,14 +10201,6 @@ rimraf@^3.0.0:
   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"
@@ -10354,20 +10218,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"
@@ -10375,12 +10225,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==
@@ -10430,12 +10287,21 @@ 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"
+  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"
@@ -10446,7 +10312,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==
@@ -10454,14 +10320,23 @@ 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==
+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.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
+    "@types/json-schema" "^7.0.5"
+    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"
@@ -10492,7 +10367,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==
@@ -10502,12 +10377,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.x:
+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==
@@ -10531,10 +10406,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"
@@ -10574,11 +10451,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"
@@ -10589,14 +10461,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"
@@ -10752,7 +10616,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:
   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==
@@ -10776,16 +10640,19 @@ 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"
   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.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -10796,11 +10663,16 @@ 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==
 
+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"
@@ -10896,17 +10768,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==
+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:
-    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==
+    escape-string-regexp "^2.0.0"
 
 stackframe@^1.1.1:
   version "1.1.1"
@@ -10943,22 +10810,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"
@@ -10966,22 +10817,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"
@@ -10992,13 +10827,18 @@ 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-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@^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"
@@ -11026,6 +10866,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"
@@ -11042,7 +10890,15 @@ string.prototype.trimright@^2.1.1:
     define-properties "^1.1.3"
     function-bind "^1.1.1"
 
-string_decoder@^1.0.0, string_decoder@^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.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==
@@ -11160,10 +11016,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"
@@ -11357,13 +11213,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"
@@ -11378,6 +11227,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"
@@ -11391,9 +11247,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:
@@ -11406,7 +11262,12 @@ 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==
@@ -11435,22 +11296,19 @@ 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@^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 "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^2.1.2"
+    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.5"
 
-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=
@@ -11459,6 +11317,15 @@ terser@^4.1.2, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^5.3.5:
+  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"
+    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"
@@ -11508,13 +11375,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"
@@ -11527,11 +11387,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"
@@ -11596,19 +11451,19 @@ 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"
-  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"
@@ -11652,22 +11507,31 @@ trough@^1.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
   integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
 
-ts-jest@26.x:
-  version "26.3.0"
-  resolved "https://registry.npm.taobao.org/ts-jest/download/ts-jest-26.3.0.tgz?cache=0&sync_timestamp=1598423155483&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fts-jest%2Fdownload%2Fts-jest-26.3.0.tgz#6b2845045347dce394f069bb59358253bc1338a9"
-  integrity sha1-ayhFBFNH3OOU8Gm7WTWCU7wTOKk=
+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:
-    "@types/jest" "26.x"
     bs-logger "0.x"
     buffer-from "1.x"
     fast-json-stable-stringify "2.x"
-    jest-util "26.x"
     json5 "2.x"
     lodash.memoize "4.x"
     make-error "1.x"
-    mkdirp "1.x"
-    semver "7.x"
-    yargs-parser "18.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"
@@ -11681,11 +11545,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"
@@ -11698,6 +11557,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"
@@ -11745,15 +11611,10 @@ 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@^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"
@@ -11840,20 +11701,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"
@@ -11984,22 +11831,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"
 
@@ -12053,33 +11901,11 @@ 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=
 
-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"
-
-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"
@@ -12090,10 +11916,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.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"
@@ -12110,10 +11936,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"
@@ -12187,101 +12013,74 @@ 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.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-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-rc.0:
-  version "4.0.0-rc.0"
-  resolved "https://registry.npm.taobao.org/vue-jest/download/vue-jest-4.0.0-rc.0.tgz?cache=0&sync_timestamp=1600063997479&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-jest%2Fdownload%2Fvue-jest-4.0.0-rc.0.tgz#0ce263c7f923441d0eeb99841620e8e9470336f4"
-  integrity sha1-DOJjx/kjRB0O65mEFiDo6UcDNvQ=
+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"
-    "@vue/component-compiler-utils" "^3.1.0"
     chalk "^2.1.0"
+    convert-source-map "^1.6.0"
     extract-from-css "^0.4.4"
-    source-map "0.5.6"
-    ts-jest "26.x"
+    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@^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.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:
-    "@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 "^4.1.0"
+    hash-sum "^2.0.0"
+    loader-utils "^2.0.0"
 
-vue-router@^3.3.1:
-  version "3.3.4"
-  resolved "https://registry.npmjs.org/vue-router/-/vue-router-3.3.4.tgz#4e38abc34a11c41b6c3d8244449a2e363ba6250b"
-  integrity sha512-SdKRBeoXUjaZ9R/8AyxsdTqkOfMcI5tWxPZOUX5Ie1BTL5rPSZ0O++pbiZCeYeythiZIdLEfkDiQPKIaWk5hDg==
-
-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-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-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"
   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.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.2"
+    "@vue/runtime-dom" "3.0.2"
+    "@vue/shared" "3.0.2"
 
-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:
@@ -12291,14 +12090,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"
@@ -12314,10 +12112,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"
@@ -12377,49 +12180,51 @@ 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"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
+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.0"
-    source-map "~0.6.1"
+    source-list-map "^2.0.1"
+    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@^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"
     "@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 "^5.0.0"
+    watchpack "^2.0.0"
+    webpack-sources "^2.0.1"
 
 webpackbar@^4.0.0:
   version "4.0.0"
@@ -12456,26 +12261,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"
@@ -12508,13 +12313,10 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
-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"
+wildcard@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
+  integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
 windows-release@^3.1.0:
   version "3.2.0"
@@ -12523,7 +12325,14 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-word-wrap@~1.2.3:
+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"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
@@ -12533,20 +12342,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"
-
-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"
@@ -12594,10 +12389,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"
@@ -12614,9 +12409,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:
@@ -12639,7 +12434,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==
@@ -12651,21 +12446,18 @@ 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:
-  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@^10.0.0:
+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@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"
   resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
@@ -12674,6 +12466,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.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"
@@ -12690,10 +12490,10 @@ yargs@^13.3.2:
     y18n "^4.0.0"
     yargs-parser "^13.1.2"
 
-yargs@^15.0.2, yargs@^15.3.1:
-  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=
+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==
   dependencies:
     cliui "^6.0.0"
     decamelize "^1.2.0"
@@ -12705,4 +12505,4 @@ yargs@^15.0.2, yargs@^15.3.1:
     string-width "^4.2.0"
     which-module "^2.0.0"
     y18n "^4.0.0"
-    yargs-parser "^18.1.1"
+    yargs-parser "^18.1.2"