docs: redirect from the old domain (#5811 )

docs: add new document site URL (#5810 )
* docs: add new document site URL * fix: proxy
2025-04-06 03:58:05 +08:00 · 2024-06-02 18:13:20 +08:00 · 2024-06-02 18:11:02 +08:00 · 2024-05-31 11:58:36 +08:00 · 2024-05-26 10:54:01 +08:00 · 2024-05-26 10:15:24 +08:00
567 changed files with 13499 additions and 8653 deletions
--- a/.gitee/ISSUE_TEMPLATE.zh-CN.md
+++ b/.gitee/ISSUE_TEMPLATE.zh-CN.md
@ -1,3 +1,3 @@
 你好，请使用下面的链接创建 issue 以帮助我们更快的排查问题，不规范的 issue 会被关闭，感谢配合。

-http://vant-contrib.gitee.io/vant-issue-generater?repo=VantWeapp
+http://vant-ui.github.io/vant-issue-generater?repo=VantWeapp
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@ -1,3 +0,0 @@
-你好，请使用下面的链接创建 issue 以帮助我们更快的排查问题，不规范的 issue 会被关闭，感谢配合。
-
-http://vant-contrib.gitee.io/vant-issue-generater?repo=VantWeapp
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@ -0,0 +1 @@
+blank_issues_enabled: false
--- a/.github/ISSUE_TEMPLATE/template-1-bug-report-vant.zh-CN.yml
+++ b/.github/ISSUE_TEMPLATE/template-1-bug-report-vant.zh-CN.yml
@ -0,0 +1,56 @@
+name: 我要反馈 Vant Weapp 的 Bug
+description: 通过标准模板进行 Bug 反馈
+title: "[Bug Report] 请在此填写标题"
+labels: ["bug: need confirm"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        在提交 Bug 报告前，请注意：
+
+        - 确认你的问题无法通过官方文档得到解决。
+        - 确认你搜索过 [历史 issue](https://github.com/youzan/vant-weapp/issues)，并且没有发现同样的问题。
+        - 如果不是反馈 Bug，请到 [Discussions 讨论区](https://github.com/youzan/vant-weapp/discussions) 发帖。
+
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: 重现链接
+      description: 请提供一个尽可能简单的微信小程序代码片段协助我们排查，这可以更快的帮助我们定位问题，解决 issue。
+    validations:
+      required: true
+
+  - type: input
+    id: version
+    attributes:
+      label: Vant Weapp 版本
+      description: 你正在使用的 Vant Weapp 版本是多少？（请填写 node_modules/@vant/weapp/package.json 里实际安装的版本）
+      placeholder: 比如 1.10.5
+    validations:
+      required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 描述一下你遇到的问题。
+      placeholder: 比如：弹窗无法展示、日历组件报错
+    validations:
+      required: true
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: 重现步骤
+      description: 请提供一个最简单的操作步骤，方便我们快速重现问题。
+      placeholder: |
+        比如：
+        1. 点击按钮
+        2. 弹窗无法展示
+    validations:
+      required: true
+
+  - type: input
+    id: browsers
+    attributes:
+      label: 设备/浏览器
+      description: 在哪些设备/浏览器上能重现这个问题？
--- a/.github/ISSUE_TEMPLATE/template-3-feature-request-vant.zh-CN.yml
+++ b/.github/ISSUE_TEMPLATE/template-3-feature-request-vant.zh-CN.yml
@ -0,0 +1,33 @@
+name: 我想要一个 Vant Weapp 的新功能
+description: 通过标准模板描述一下你的功能需求。
+title: "[Feature Request] 请在此填写标题"
+labels: ["feature: need confirm"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        在提交功能需求前，请注意：
+
+        - 确认这是一个通用功能，并且无法通过现有的 API 或 Slot 实现。
+        - 确认你搜索过 [历史 issue](https://github.com/youzan/vant-weapp/issues)，并且没有发现同样的需求。
+        - 可以先到 [Discussions 讨论区](https://github.com/youzan/vant-weapp/discussions) 发帖，讨论一下需求是否合理。
+
+  - type: textarea
+    id: description
+    attributes:
+      label: 这个功能解决了什么问题？
+      description: 请尽可能详细地说明这个功能的使用场景。
+    validations:
+      required: true
+
+  - type: textarea
+    id: api
+    attributes:
+      label: 你期望的 API 是什么样子的？
+      description: 描述一下这个新功能的 API，并提供一些代码示例。
+      placeholder: |
+        ```xml
+        <van-button some-prop="xxx" />
+        ```
+    validations:
+      required: true
--- a/.github/pr-labeler.yml
+++ b/.github/pr-labeler.yml
@ -0,0 +1,10 @@
+"change: feat":
+  - "/^(feat|types|style)/"
+"change: fix":
+  - "/^fix/"
+"change: perf":
+  - "/^perf/"
+"change: breaking":
+  - "/^breaking change/"
+"change: docs":
+  - "/^docs/"
--- a/.github/workflows/deploy-site.yml
+++ b/.github/workflows/deploy-site.yml
@ -4,7 +4,10 @@ on:
  push:
    branches: [dev]
    paths:
-      - 'docs/**'
+      - 'docs/**/*.md'
+      - 'packages/**/*.md'
+
+  workflow_dispatch:

 jobs:
  build-and-deploy:
@ -21,9 +24,16 @@ jobs:
      - name: Build Site
        run: npx --no-install vant-cli build-site

-      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@4.1.1
+      - name: Deploy for GitHub 🚀
+        uses: JamesIves/github-pages-deploy-action@v4.6.0
        with:
          branch: gh-pages
          folder: site-dist
-          clean-exclude: 0.x
+          token: ${{ secrets.VANT_UI_TOKEN }}
+          repository-name: vant-ui/vant-ui.github.io
+          target-folder: vant-weapp
+          # enable single-commit to reduce the repo size
+          single-commit: true
+          clean: true
+          clean-exclude: |
+            0.x
--- a/.github/workflows/pr-label.yaml
+++ b/.github/workflows/pr-label.yaml
@ -0,0 +1,20 @@
+name: PR Labeler
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+
+jobs:
+  change-labeling:
+    name: Labeling for changes
+    runs-on: ubuntu-latest
+    steps:
+      - uses: github/issue-labeler@v3.4
+        with:
+          repo-token: "${{ secrets.GITHUB_TOKEN }}"
+          configuration-path: .github/pr-labeler.yml
+          enable-versioned-regex: 0
+          include-title: 1
+          sync-labels: 1
--- a/.github/workflows/release-tag.yml
+++ b/.github/workflows/release-tag.yml
@ -11,13 +11,12 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
-        uses: actions/checkout@master
+        uses: actions/checkout@v4
+
      - name: Create Release for Tag
        id: release_tag
-        uses: yyx990803/release-tag@master
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        uses: ncipollo/release-action@v1
        with:
-          tag_name: ${{ github.ref }}
+          generateReleaseNotes: "true"
          body: |
-            更新内容参见 [CHANGELOG](https://vant-contrib.gitee.io/vant-weapp/#/changelog)。
+            > 请访问 [更新日志](https://vant-ui.github.io/vant-weapp/#/changelog) 了解所有更新。
--- a/.github/workflows/sync-gitee.yml
+++ b/.github/workflows/sync-gitee.yml
@ -1,20 +0,0 @@
-name: Sync to Gitee
-
-on:
-  push:
-    branches: [dev, gh-pages]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Sync to Gitee
-        uses: wearerequired/git-mirror-action@master
-        env:
-          # 注意在 Settings->Secrets 配置 GITEE_RSA_PRIVATE_KEY
-          SSH_PRIVATE_KEY: ${{ secrets.GITEE_RSA_PRIVATE_KEY }}
-        with:
-          # 注意替换为你的 GitHub 源仓库地址
-          source-repo: git@github.com:youzan/vant-weapp.git
-          # 注意替换为你的 Gitee 目标仓库地址
-          destination-repo: git@gitee.com:vant-contrib/vant-weapp.git
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@ -9,7 +9,7 @@ jobs:
    - uses: actions/checkout@v1
    - uses: actions/setup-node@v1
      with:
-        node-version: '14.x'
+        node-version: '18.x'

    - name: Install dependencies
      uses: bahmutov/npm-install@v1
@ -20,10 +20,15 @@ jobs:
  test:
    runs-on: ubuntu-latest
    steps:
+    - uses: szenius/set-timezone@v1.0
+      with:
+        timezoneLinux: "Asia/Shanghai"
+        timezoneMacos: "Asia/Shanghai"
+        timezoneWindows: "China Standard Time"
    - uses: actions/checkout@v1
    - uses: actions/setup-node@v1
      with:
-        node-version: '14.x'
+        node-version: '18.x'

    - name: Install dependencies
      uses: bahmutov/npm-install@v1
@ -42,7 +47,7 @@ jobs:
    - uses: actions/checkout@v1
    - uses: actions/setup-node@v1
      with:
-        node-version: '14.x'
+        node-version: '18.x'

    - name: Install dependencies
      uses: bahmutov/npm-install@v1
--- a/.gitignore
+++ b/.gitignore
@ -11,3 +11,4 @@ example/dist
 changelog.generated.md
 package-lock.json
 build/private.wx1c01b35002d3ba14.key
+project.private.config.json
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+registry=https://registry.npmjs.org
--- a/README.md
+++ b/README.md
@ -11,24 +11,24 @@
 </p>

 <p align="center">
-  🔥 <a href="https://vant-contrib.gitee.io/vant-weapp">文档网站（国内）</a>
+  🔥 <a href="https://vant.pro/vant-weapp/">文档网站（国内）</a>
  &nbsp;
-  🌈 <a href="https://youzan.github.io/vant-weapp">文档网站（GitHub）</a>
+  🔥 <a href="https://vant-ui.github.io/vant-weapp/">文档网站（GitHub）</a>
  &nbsp;
-  🚀 <a href="https://github.com/youzan/vant" target="_blank">Vue 版</a>
+  🚀 <a href="https://github.com/vant-ui/vant" target="_blank">Vue 版</a>
 </p>

 ---

 ### 介绍

-Vant 是**有赞前端团队**开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。
+Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。

-目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant)、[Vue 3 版本](https://vant-contrib.gitee.io/vant/v3)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护 [React 版本](https://github.com/mxdi9i7/vant-react)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
+目前 Vant 官方提供了 [Vue 2 版本](https://vant-ui.github.io/vant/v2/)、[Vue 3 版本](https://vant-ui.github.io/vant/)和[微信小程序版本](http://vant-ui.github.io/vant-weapp/)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。

 ## 预览

-扫描下方小程序二维码，体验组件库示例：
+扫描下方小程序二维码，体验组件库示例。注意：因微信审核机制限制，目前示例小程序不是最新版本，可以 clone 代码到本地开发工具预览

 <img src="https://img.yzcdn.cn/vant-weapp/qrcode-201808101114.jpg" width="200" height="200" style="margin-top: 10px;" >

@ -99,18 +99,24 @@ Vant Weapp 最低支持到小程序基础库 2.6.5 版本。

 ## 链接

- [更新日志](https://github.com/youzan/vant-weapp/blob/dev/docs/markdown/changelog.md)
+- [文档网站（GitHub）](https://vant-ui.github.io/vant-weapp/)
+- [文档网站（国内）](https://vant.pro/vant-weapp/)
 - [意见反馈](https://github.com/youzan/vant-weapp/issues)
- [加入我们](https://job.youzan.com)
- [Vant Vue 版](https://github.com/youzan/vant)
+- [设计资源](https://vant-ui.github.io/vant/#/zh-CN/design)
+- [更新日志](https://vant-ui.github.io/vant-weapp/#/changelog)
+- [官方示例](https://github.com/vant-ui/vant-demo)

 ## 核心团队

 以下是 Vant 和 Vant Weapp 的核心贡献者们：

-| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![nemo-shen](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) |
-| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
-| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) |
+| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) |
+| :-: | :-: | :-: | :-: | :-: | :-: |
+| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) |
+
+| [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) | [![inottn](https://avatars.githubusercontent.com/u/18509404?s=80&v=4)](https://github.com/inottn/) | [![zhousg](https://avatars.githubusercontent.com/u/15833290?s=80&v=4)](https://github.com/zhousg/) |
+| :-: | :-: | :-: | :-: | :-: | :-: |
+| [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) | [inottn](https://github.com/inottn/) | [zhousg](https://github.com/zhousg/) |

 ## 贡献者们

--- a/build/compiler.js
+++ b/build/compiler.js
@ -7,6 +7,7 @@ const rename = require('gulp-rename');
 const postcss = require('gulp-postcss');
 const ts = require('gulp-typescript');
 const util = require('util');
+const merge2 = require('merge2');
 const exec = util.promisify(require('child_process').exec);

 const src = path.resolve(__dirname, '../packages');
@ -54,26 +55,31 @@ const lessCompiler = (dist) =>

 const tsCompiler = (dist, config) =>
  function compileTs() {
-    const tsProject = ts.createProject(config);
-    return tsProject
-      .src()
-      .pipe(tsProject())
-      .js.pipe(
-        insert.transform((contents, file) => {
-          if (dist === exampleDistDir && file.path.includes('/demo/')) {
-            const iconConfig = '@vant/icons/src/config';
-            contents = contents.replace(
-              iconConfig,
-              path.relative(
-                path.dirname(file.path),
-                `${exampleDistDir}/${iconConfig}`
-              )
-            );
-          }
-          return contents;
-        })
-      )
-      .pipe(gulp.dest(dist));
+    const tsProject = ts.createProject(config, {
+      declaration: true,
+    });
+    const tsResult = tsProject.src().pipe(tsProject());
+
+    return merge2(
+      tsResult.js
+        .pipe(
+          insert.transform((contents, file) => {
+            if (dist === exampleDistDir && file.path.includes(`${path.sep}demo${path.sep}`)) {
+              const iconConfig = '@vant/icons/src/config';
+              contents = contents.replace(
+                iconConfig,
+                path.relative(
+                  path.dirname(file.path),
+                  `${exampleDistDir}/${iconConfig}`
+                ).replace(/\\/g, '/')
+              );
+            }
+            return contents;
+          })
+        )
+        .pipe(gulp.dest(dist)),
+      tsResult.dts.pipe(gulp.dest(dist))
+    );
  };

 const copier = (dist, ext) =>
@ -86,7 +92,7 @@ const copier = (dist, ext) =>
      .src(srcPath)
      .pipe(
        insert.transform((contents, file) => {
-          if (ext === 'json' && file.path.includes('/demo/')) {
+          if (ext === 'json' &&  file.path.includes(`${path.sep}demo${path.sep}`)  ) {
            contents = contents.replace('/example', '');
          }
          return contents;
--- a/build/dev.js
+++ b/build/dev.js
@ -1,15 +0,0 @@
-const path = require('path');
-const { dev } = require('@vant/cli');
-const { exec } = require('child_process');
-
-const gulpConfig = path.resolve(__dirname, './compiler.js');
-
-async function run() {
-  await dev();
-
-  const p = exec(`npx gulp -f ${gulpConfig} buildExample --color`);
-  p.stdout.on('data', (stdout) => console.info(stdout));
-  p.stderr.on('data', (stderr) => console.info(stderr));
-}
-
-run();
--- a/build/dev.mjs
+++ b/build/dev.mjs
@ -0,0 +1,17 @@
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
+import { dev } from '@vant/cli/lib/commands/dev.js';
+import { exec } from 'child_process';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const gulpConfig = resolve(__dirname, './compiler.js');
+
+async function run() {
+  await dev();
+
+  const p = exec(`npx gulp -f ${gulpConfig} buildExample --color`);
+  p.stdout.on('data', (stdout) => console.info(stdout));
+  p.stderr.on('data', (stderr) => console.info(stderr));
+}
+
+run();
--- a/build/release.sh
+++ b/build/release.sh
@ -28,7 +28,4 @@ then
  else 
    npm publish
  fi
-
-  # changelog
-  vant-cli changelog
 fi
--- a/dist/action-sheet/index.d.ts
+++ b/dist/action-sheet/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/action-sheet/index.js
+++ b/dist/action-sheet/index.js
@ -1,6 +1,7 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
 VantComponent({
+    classes: ['list-class'],
    mixins: [button],
    props: {
        show: Boolean,
@ -35,6 +36,10 @@ VantComponent({
            type: Boolean,
            value: true,
        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
    },
    methods: {
        onSelect(event) {
--- a/dist/action-sheet/index.wxml
+++ b/dist/action-sheet/index.wxml
@ -6,9 +6,10 @@
  round="{{ round }}"
  z-index="{{ zIndex }}"
  overlay="{{ overlay }}"
-  custom-class="van-action-sheet"
+  custom-class="van-action-sheet custom-class"
  safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  root-portal="{{ rootPortal }}"
  bind:close="onClickOverlay"
 >
  <view wx:if="{{ title }}" class="van-action-sheet__header">
@ -22,7 +23,7 @@
  <view wx:if="{{ description }}" class="van-action-sheet__description van-hairline--bottom">
    {{ description }}
  </view>
-  <view wx:if="{{ actions && actions.length }}">
+  <view wx:if="{{ actions && actions.length }}" class="list-class">
    <!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
    <button
      wx:for="{{ actions }}"
--- a/dist/area/index.d.ts
+++ b/dist/area/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/area/index.js
+++ b/dist/area/index.js
@ -4,7 +4,10 @@ import { requestAnimationFrame } from '../common/utils';
 const EMPTY_CODE = '000000';
 VantComponent({
    classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { value: {
+    props: Object.assign(Object.assign({}, pickerProps), { showToolbar: {
+            type: Boolean,
+            value: true,
+        }, value: {
            type: String,
            observer(value) {
                this.code = value;
--- a/dist/area/index.wxml
+++ b/dist/area/index.wxml
@ -5,7 +5,7 @@
  active-class="active-class"
  toolbar-class="toolbar-class"
  column-class="column-class"
-  show-toolbar
+  show-toolbar="{{ showToolbar }}"
  value-key="name"
  title="{{ title }}"
  loading="{{ loading }}"
--- a/dist/button/index.d.ts
+++ b/dist/button/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/button/index.wxml
+++ b/dist/button/index.wxml
@ -2,10 +2,10 @@
 <wxs src="./index.wxs" module="computed" />

 <button
-  id="{{ id }}"
+  id="{{ id || buttonId }}"
  data-detail="{{ dataset }}"
  class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
-  hover-class="van-button--active hover-class"
+  hover-class="{{ disabled || loading ? '' : 'van-button--active hover-class'}}"
  lang="{{ lang }}"
  form-type="{{ formType }}"
  style="{{ computed.rootStyle({ plain, color, customStyle }) }}"
@ -22,9 +22,12 @@
  bindgetuserinfo="onGetUserInfo"
  bindcontact="onContact"
  bindgetphonenumber="onGetPhoneNumber"
+  bindgetrealtimephonenumber="onGetRealTimePhoneNumber"
+  bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
  binderror="onError"
  bindlaunchapp="onLaunchApp"
  bindopensetting="onOpenSetting"
+  bindchooseavatar="onChooseAvatar"
 >
  <block wx:if="{{ loading }}">
    <van-loading
--- a/dist/calendar/calendar.wxml
+++ b/dist/calendar/calendar.wxml
@ -1,3 +1,5 @@
+<wxs src="./index.wxs" module="computed" />
+<wxs src="../wxs/utils.wxs" module="utils" />
 <view class="van-calendar">
  <header
    title="{{ title }}"
@ -54,12 +56,12 @@
      type="danger"
      color="{{ color }}"
      custom-class="van-calendar__confirm"
-      disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
+      disabled="{{ computed.getButtonDisabled(type, currentDate, minRange) }}"
      nativeType="text"
      bind:click="onConfirm"
    >
      {{
-        computed.getButtonDisabled(type, currentDate)
+        computed.getButtonDisabled(type, currentDate, minRange)
          ? confirmDisabledText
          : confirmText
      }}
--- a/dist/calendar/components/header/index.d.ts
+++ b/dist/calendar/components/header/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/calendar/components/month/index.d.ts
+++ b/dist/calendar/components/month/index.d.ts
@ -0,0 +1,6 @@
+export interface Day {
+    date: Date;
+    type: string;
+    text: number;
+    bottomInfo?: string;
+}
--- a/dist/calendar/components/month/index.wxml
+++ b/dist/calendar/components/month/index.wxml
@ -19,7 +19,7 @@
      data-index="{{ index }}"
      bindtap="onClick"
    >
-      <view wx:if="{{ item.type === 'selected' }}" class="van-calendar__selected-day" style="background: {{ color }}">
+      <view wx:if="{{ item.type === 'selected' }}" class="van-calendar__selected-day" style="width: {{ rowHeight }}px; height: {{ rowHeight }}px; background: {{ color }}">
        <view wx:if="{{ item.topInfo }}" class="van-calendar__top-info">{{ item.topInfo }}</view>
        {{ item.text }}
        <view wx:if="{{ item.bottomInfo }}" class="van-calendar__bottom-info">
--- a/dist/calendar/index.d.ts
+++ b/dist/calendar/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/calendar/index.js
+++ b/dist/calendar/index.js
@ -40,6 +40,7 @@ VantComponent({
        },
        defaultDate: {
            type: null,
+            value: getToday().getTime(),
            observer(val) {
                this.setData({ currentDate: val });
                this.scrollIntoView();
@ -103,17 +104,33 @@ VantComponent({
            type: null,
            value: null,
        },
+        minRange: {
+            type: Number,
+            value: 1,
+        },
        firstDayOfWeek: {
            type: Number,
            value: 0,
        },
        readonly: Boolean,
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
    },
    data: {
        subtitle: '',
        currentDate: null,
        scrollIntoView: '',
    },
+    watch: {
+        minDate() {
+            this.initRect();
+        },
+        maxDate() {
+            this.initRect();
+        },
+    },
    created() {
        this.setData({
            currentDate: this.getInitialDate(this.data.defaultDate),
@ -127,7 +144,7 @@ VantComponent({
    },
    methods: {
        reset() {
-            this.setData({ currentDate: this.getInitialDate() });
+            this.setData({ currentDate: this.getInitialDate(this.data.defaultDate) });
            this.scrollIntoView();
        },
        initRect() {
@ -159,15 +176,19 @@ VantComponent({
            return date;
        },
        getInitialDate(defaultDate = null) {
-            const { type, minDate, maxDate } = this.data;
+            const { type, minDate, maxDate, allowSameDay } = this.data;
+            if (!defaultDate)
+                return [];
            const now = getToday().getTime();
            if (type === 'range') {
                if (!Array.isArray(defaultDate)) {
                    defaultDate = [];
                }
                const [startDay, endDay] = defaultDate || [];
-                const start = this.limitDateRange(startDay || now, minDate, getPrevDay(new Date(maxDate)).getTime());
-                const end = this.limitDateRange(endDay || now, getNextDay(new Date(minDate)).getTime());
+                const startDate = getTime(startDay || now);
+                const start = this.limitDateRange(startDate, minDate, allowSameDay ? startDate : getPrevDay(new Date(maxDate)).getTime());
+                const date = getTime(endDay || now);
+                const end = this.limitDateRange(date, allowSameDay ? date : getNextDay(new Date(minDate)).getTime());
                return [start, end];
            }
            if (type === 'multiple') {
@ -184,6 +205,8 @@ VantComponent({
        scrollIntoView() {
            requestAnimationFrame(() => {
                const { currentDate, type, show, poppable, minDate, maxDate } = this.data;
+                if (!currentDate)
+                    return;
                // @ts-ignore
                const targetDate = type === 'single' ? currentDate : currentDate[0];
                const displayed = show || !poppable;
@ -240,7 +263,7 @@ VantComponent({
                        this.select([date, null]);
                    }
                    else if (allowSameDay) {
-                        this.select([date, date]);
+                        this.select([date, date], true);
                    }
                }
                else {
--- a/dist/calendar/index.wxml
+++ b/dist/calendar/index.wxml
@ -12,6 +12,8 @@
  position="{{ position }}"
  closeable="{{ showTitle || showSubtitle }}"
  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  root-portal="{{ rootPortal }}"
  bind:enter="onOpen"
  bind:close="onClose"
  bind:after-enter="onOpened"
--- a/dist/calendar/index.wxs
+++ b/dist/calendar/index.wxs
@ -6,7 +6,6 @@ function getMonths(minDate, maxDate) {
  var cursor = getDate(minDate);

  cursor.setDate(1);
-  cursor.setMinutes(cursor.getMinutes() - cursor.getTimezoneOffset());

  do {
    months.push(cursor.getTime());
@ -16,7 +15,7 @@ function getMonths(minDate, maxDate) {
  return months;
 }

-function getButtonDisabled(type, currentDate) {
+function getButtonDisabled(type, currentDate, minRange) {
  if (currentDate == null) {
    return true;
  }
@ -26,7 +25,7 @@ function getButtonDisabled(type, currentDate) {
  }

  if (type === 'multiple') {
-    return !currentDate.length;
+    return currentDate.length < minRange;
  }

  return !currentDate;
--- a/dist/calendar/index.wxss
+++ b/dist/calendar/index.wxss
@ -1 +1 @@
-@import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,80%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}
+@import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,90%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important}
--- a/dist/calendar/utils.d.ts
+++ b/dist/calendar/utils.d.ts
@ -0,0 +1,12 @@
+export declare const ROW_HEIGHT = 64;
+export declare function formatMonthTitle(date: Date): string;
+export declare function compareMonth(date1: Date | number, date2: Date | number): 0 | 1 | -1;
+export declare function compareDay(day1: Date | number, day2: Date | number): 0 | 1 | -1;
+export declare function getDayByOffset(date: Date, offset: number): Date;
+export declare function getPrevDay(date: Date): Date;
+export declare function getNextDay(date: Date): Date;
+export declare function getToday(): Date;
+export declare function calcDateNum(date: [Date, Date]): number;
+export declare function copyDates(dates: Date | Date[]): Date | Date[];
+export declare function getMonthEndDay(year: number, month: number): number;
+export declare function getMonths(minDate: number, maxDate: number): number[];
--- a/dist/card/index.d.ts
+++ b/dist/card/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/cascader/index.d.ts
+++ b/dist/cascader/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/cascader/index.js
+++ b/dist/cascader/index.js
@ -0,0 +1,210 @@
+import { VantComponent } from '../common/component';
+var FieldName;
+(function (FieldName) {
+    FieldName["TEXT"] = "text";
+    FieldName["VALUE"] = "value";
+    FieldName["CHILDREN"] = "children";
+})(FieldName || (FieldName = {}));
+const defaultFieldNames = {
+    text: FieldName.TEXT,
+    value: FieldName.VALUE,
+    children: FieldName.CHILDREN,
+};
+VantComponent({
+    props: {
+        title: String,
+        value: {
+            type: String,
+        },
+        placeholder: {
+            type: String,
+            value: '请选择',
+        },
+        activeColor: {
+            type: String,
+            value: '#1989fa',
+        },
+        options: {
+            type: Array,
+            value: [],
+        },
+        swipeable: {
+            type: Boolean,
+            value: false,
+        },
+        closeable: {
+            type: Boolean,
+            value: true,
+        },
+        showHeader: {
+            type: Boolean,
+            value: true,
+        },
+        closeIcon: {
+            type: String,
+            value: 'cross',
+        },
+        fieldNames: {
+            type: Object,
+            value: defaultFieldNames,
+            observer: 'updateFieldNames',
+        },
+        useTitleSlot: Boolean,
+    },
+    data: {
+        tabs: [],
+        activeTab: 0,
+        textKey: FieldName.TEXT,
+        valueKey: FieldName.VALUE,
+        childrenKey: FieldName.CHILDREN,
+        innerValue: '',
+    },
+    watch: {
+        options() {
+            this.updateTabs();
+        },
+        value(newVal) {
+            this.updateValue(newVal);
+        },
+    },
+    created() {
+        this.updateTabs();
+    },
+    methods: {
+        updateValue(val) {
+            if (val !== undefined) {
+                const values = this.data.tabs.map((tab) => tab.selected && tab.selected[this.data.valueKey]);
+                if (values.indexOf(val) > -1) {
+                    return;
+                }
+            }
+            this.innerValue = val;
+            this.updateTabs();
+        },
+        updateFieldNames() {
+            const { text = 'text', value = 'value', children = 'children', } = this.data.fieldNames || defaultFieldNames;
+            this.setData({
+                textKey: text,
+                valueKey: value,
+                childrenKey: children,
+            });
+        },
+        getSelectedOptionsByValue(options, value) {
+            for (let i = 0; i < options.length; i++) {
+                const option = options[i];
+                if (option[this.data.valueKey] === value) {
+                    return [option];
+                }
+                if (option[this.data.childrenKey]) {
+                    const selectedOptions = this.getSelectedOptionsByValue(option[this.data.childrenKey], value);
+                    if (selectedOptions) {
+                        return [option, ...selectedOptions];
+                    }
+                }
+            }
+        },
+        updateTabs() {
+            const { options } = this.data;
+            const { innerValue } = this;
+            if (!options.length) {
+                return;
+            }
+            if (innerValue !== undefined) {
+                const selectedOptions = this.getSelectedOptionsByValue(options, innerValue);
+                if (selectedOptions) {
+                    let optionsCursor = options;
+                    const tabs = selectedOptions.map((option) => {
+                        const tab = {
+                            options: optionsCursor,
+                            selected: option,
+                        };
+                        const next = optionsCursor.find((item) => item[this.data.valueKey] === option[this.data.valueKey]);
+                        if (next) {
+                            optionsCursor = next[this.data.childrenKey];
+                        }
+                        return tab;
+                    });
+                    if (optionsCursor) {
+                        tabs.push({
+                            options: optionsCursor,
+                            selected: null,
+                        });
+                    }
+                    this.setData({
+                        tabs,
+                    });
+                    wx.nextTick(() => {
+                        this.setData({
+                            activeTab: tabs.length - 1,
+                        });
+                    });
+                    return;
+                }
+            }
+            this.setData({
+                tabs: [
+                    {
+                        options,
+                        selected: null,
+                    },
+                ],
+                activeTab: 0,
+            });
+        },
+        onClose() {
+            this.$emit('close');
+        },
+        onClickTab(e) {
+            const { index: tabIndex, title } = e.detail;
+            this.$emit('click-tab', { title, tabIndex });
+            this.setData({
+                activeTab: tabIndex,
+            });
+        },
+        // 选中
+        onSelect(e) {
+            const { option, tabIndex } = e.currentTarget.dataset;
+            if (option && option.disabled) {
+                return;
+            }
+            const { valueKey, childrenKey } = this.data;
+            let { tabs } = this.data;
+            tabs[tabIndex].selected = option;
+            if (tabs.length > tabIndex + 1) {
+                tabs = tabs.slice(0, tabIndex + 1);
+            }
+            if (option[childrenKey]) {
+                const nextTab = {
+                    options: option[childrenKey],
+                    selected: null,
+                };
+                if (tabs[tabIndex + 1]) {
+                    tabs[tabIndex + 1] = nextTab;
+                }
+                else {
+                    tabs.push(nextTab);
+                }
+                wx.nextTick(() => {
+                    this.setData({
+                        activeTab: tabIndex + 1,
+                    });
+                });
+            }
+            this.setData({
+                tabs,
+            });
+            const selectedOptions = tabs.map((tab) => tab.selected).filter(Boolean);
+            const value = option[valueKey];
+            const params = {
+                value,
+                tabIndex,
+                selectedOptions,
+            };
+            this.innerValue = value;
+            this.$emit('change', params);
+            if (!option[childrenKey]) {
+                this.$emit('finish', params);
+            }
+        },
+    },
+});
--- a/dist/cascader/index.json
+++ b/dist/cascader/index.json
@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-tab":  "../tab/index",
+    "van-tabs": "../tabs/index"
+  }
+}
--- a/dist/cascader/index.wxml
+++ b/dist/cascader/index.wxml
@ -0,0 +1,54 @@
+<wxs src="./index.wxs" module="utils" />
+
+<view wx:if="{{ showHeader }}" class="van-cascader__header">
+  <slot name="title" wx:if="{{ useTitleSlot }}"></slot>
+  <text class="van-cascader__title" wx:else>{{ title }}</text>
+  <van-icon
+    wx:if="{{ closeable }}"
+    name="{{ closeIcon }}"
+    class="van-cascader__close-icon"
+    bind:tap="onClose"
+  />
+</view>
+
+<van-tabs
+  active="{{ activeTab }}"
+  custom-class="van-cascader__tabs"
+  wrap-class="van-cascader__tabs-wrap"
+  tab-class="van-cascader__tab"
+  color="{{ activeColor }}"
+  border="{{ false }}"
+  swipeable="{{ swipeable }}"
+  bind:click="onClickTab"
+>
+  <van-tab
+    wx:for="{{ tabs }}"
+    wx:for-item="tab"
+    wx:for-index="tabIndex"
+    wx:key="tabIndex"
+    title="{{ tab.selected ? tab.selected[textKey] : placeholder }}"
+    style="width: 100%;"
+    title-style="{{ !tab.selected ? 'color: #969799;font-weight:normal;' : '' }}"
+  >
+    <!-- 暂不支持 -->
+    <!-- <slot name="options-top"></slot> -->
+
+    <view class="van-cascader__options">
+      <view
+        wx:for="{{ tab.options }}"
+        wx:for-item="option"
+        wx:key="index"
+        class="{{ option.className }} {{ utils.optionClass(tab, valueKey, option) }}"
+        style="{{ utils.optionStyle({ tab, valueKey, option, activeColor }) }}"
+        data-option="{{ option }}"
+        data-tab-index="{{ tabIndex }}"
+        bind:tap="onSelect"
+      >
+        <text>{{ option[textKey] }}</text>
+        <van-icon wx:if="{{ utils.isSelected(tab, valueKey, option) }}" name="success" size="18" />
+      </view>
+    </view>
+    <!-- 暂不支持 -->
+    <!-- <slot name="options-bottom"></slot> -->
+  </van-tab>
+</van-tabs>
--- a/dist/cascader/index.wxs
+++ b/dist/cascader/index.wxs
@ -0,0 +1,24 @@
+var utils = require('../wxs/utils.wxs');
+var style = require('../wxs/style.wxs');
+
+function isSelected(tab, valueKey, option) {
+  return tab.selected && tab.selected[valueKey] === option[valueKey]
+}
+
+function optionClass(tab, valueKey, option) {
+  return utils.bem('cascader__option', { selected: isSelected(tab, valueKey, option), disabled: option.disabled })
+}
+
+function optionStyle(data) {
+  var color = data.option.color || (isSelected(data.tab, data.valueKey, data.option) ? data.activeColor : undefined);
+  return style({
+    color
+  });
+}
+
+
+module.exports = {
+  isSelected: isSelected,
+  optionClass: optionClass,
+  optionStyle: optionStyle,
+};
--- a/dist/cascader/index.wxss
+++ b/dist/cascader/index.wxss
@ -0,0 +1 @@
+@import '../common/index.wxss';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}
--- a/dist/cell-group/index.d.ts
+++ b/dist/cell-group/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/cell/index.d.ts
+++ b/dist/cell/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/checkbox-group/index.d.ts
+++ b/dist/checkbox-group/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/checkbox/index.d.ts
+++ b/dist/checkbox/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/circle/canvas.d.ts
+++ b/dist/circle/canvas.d.ts
@ -0,0 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
+type CanvasContext = WechatMiniprogram.CanvasContext;
+export declare function adaptor(ctx: CanvasContext & Record<string, unknown>): CanvasContext;
+export {};
--- a/dist/circle/index.d.ts
+++ b/dist/circle/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/circle/index.js
+++ b/dist/circle/index.js
@ -93,6 +93,8 @@ VantComponent({
            const { color, size } = this.data;
            if (isObj(color)) {
                return this.getContext().then((context) => {
+                    if (!context)
+                        return;
                    const LinearColor = context.createLinearGradient(size, 0, 0, 0);
                    Object.keys(color)
                        .sort((a, b) => parseFloat(a) - parseFloat(b))
@ -134,6 +136,8 @@ VantComponent({
        drawCircle(currentValue) {
            const { size } = this.data;
            this.getContext().then((context) => {
+                if (!context)
+                    return;
                context.clearRect(0, 0, size, size);
                this.renderLayerCircle(context);
                const formatValue = format(currentValue);
--- a/dist/col/index.d.ts
+++ b/dist/col/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/collapse-item/animate.d.ts
+++ b/dist/collapse-item/animate.d.ts
@ -0,0 +1,2 @@
+/// <reference types="miniprogram-api-typings" />
+export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void;
--- a/dist/collapse-item/index.d.ts
+++ b/dist/collapse-item/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/collapse-item/index.js
+++ b/dist/collapse-item/index.js
@ -5,6 +5,7 @@ VantComponent({
    classes: ['title-class', 'content-class'],
    relation: useParent('collapse'),
    props: {
+        size: String,
        name: null,
        title: null,
        value: null,
--- a/dist/collapse-item/index.wxml
+++ b/dist/collapse-item/index.wxml
@ -2,6 +2,7 @@

 <view class="van-collapse-item custom-class {{ index !== 0 ? 'van-hairline--top' : '' }}">
  <van-cell
+    size="{{ size }}"
    title="{{ title }}"
    title-class="title-class"
    icon="{{ icon }}"
--- a/dist/collapse/index.d.ts
+++ b/dist/collapse/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/common/color.d.ts
+++ b/dist/common/color.d.ts
@ -0,0 +1,7 @@
+export declare const RED = "#ee0a24";
+export declare const BLUE = "#1989fa";
+export declare const WHITE = "#fff";
+export declare const GREEN = "#07c160";
+export declare const ORANGE = "#ff976a";
+export declare const GRAY = "#323233";
+export declare const GRAY_DARK = "#969799";
--- a/dist/common/component.d.ts
+++ b/dist/common/component.d.ts
@ -0,0 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
+import { VantComponentOptions } from 'definitions/index';
+declare function VantComponent<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption>(vantOptions: VantComponentOptions<Data, Props, Methods>): void;
+export { VantComponent };
--- a/dist/common/component.js
+++ b/dist/common/component.js
@ -11,6 +11,7 @@ function VantComponent(vantOptions) {
    mapKeys(vantOptions, options, {
        data: 'data',
        props: 'properties',
+        watch: 'observers',
        mixins: 'behaviors',
        methods: 'methods',
        beforeCreate: 'created',
--- a/dist/common/relation.d.ts
+++ b/dist/common/relation.d.ts
@ -0,0 +1,15 @@
+/// <reference types="miniprogram-api-typings" />
+type TrivialInstance = WechatMiniprogram.Component.TrivialInstance;
+export declare function useParent(name: string, onEffect?: (this: TrivialInstance) => void): {
+    relations: {
+        [x: string]: WechatMiniprogram.Component.RelationOption;
+    };
+    mixin: string;
+};
+export declare function useChildren(name: string, onEffect?: (this: TrivialInstance, target: TrivialInstance) => void): {
+    relations: {
+        [x: string]: WechatMiniprogram.Component.RelationOption;
+    };
+    mixin: string;
+};
+export {};
--- a/dist/common/utils.d.ts
+++ b/dist/common/utils.d.ts
@ -0,0 +1,21 @@
+/// <reference types="node" />
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+export { isDef } from './validator';
+export { getSystemInfoSync } from './version';
+export declare function range(num: number, min: number, max: number): number;
+export declare function nextTick(cb: (...args: any[]) => void): void;
+export declare function addUnit(value?: string | number): string | undefined;
+export declare function requestAnimationFrame(cb: () => void): NodeJS.Timeout;
+export declare function pickExclude(obj: unknown, keys: string[]): {};
+export declare function getRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
+export declare function getAllRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise<WechatMiniprogram.BoundingClientRectCallbackResult[]>;
+export declare function groupSetData(context: WechatMiniprogram.Component.TrivialInstance, cb: () => void): void;
+export declare function toPromise(promiseLike: Promise<unknown> | unknown): Promise<unknown>;
+export declare function addNumber(num1: any, num2: any): number;
+export declare const clamp: (num: any, min: any, max: any) => number;
+export declare function getCurrentPage<T>(): T & WechatMiniprogram.OptionalInterface<WechatMiniprogram.Page.ILifetime> & WechatMiniprogram.Page.InstanceProperties & WechatMiniprogram.Page.InstanceMethods<WechatMiniprogram.IAnyObject> & WechatMiniprogram.Page.Data<WechatMiniprogram.IAnyObject> & WechatMiniprogram.IAnyObject;
+export declare const isPC: boolean;
+export declare const isWxWork: boolean;
--- a/dist/common/utils.js
+++ b/dist/common/utils.js
@ -1,6 +1,7 @@
 import { isDef, isNumber, isPlainObject, isPromise } from './validator';
-import { canIUseGroupSetData, canIUseNextTick } from './version';
+import { canIUseGroupSetData, canIUseNextTick, getSystemInfoSync, } from './version';
 export { isDef } from './validator';
+export { getSystemInfoSync } from './version';
 export function range(num, min, max) {
    return Math.min(Math.max(num, min), max);
 }
@ -14,13 +15,6 @@ export function nextTick(cb) {
        }, 1000 / 30);
    }
 }
-let systemInfo;
-export function getSystemInfoSync() {
-    if (systemInfo == null) {
-        systemInfo = wx.getSystemInfoSync();
-    }
-    return systemInfo;
-}
 export function addUnit(value) {
    if (!isDef(value)) {
        return undefined;
@ -29,19 +23,9 @@ export function addUnit(value) {
    return isNumber(value) ? `${value}px` : value;
 }
 export function requestAnimationFrame(cb) {
-    const systemInfo = getSystemInfoSync();
-    if (systemInfo.platform === 'devtools') {
-        return setTimeout(() => {
-            cb();
-        }, 1000 / 30);
-    }
-    return wx
-        .createSelectorQuery()
-        .selectViewport()
-        .boundingClientRect()
-        .exec(() => {
+    return setTimeout(() => {
        cb();
-    });
+    }, 1000 / 30);
 }
 export function pickExclude(obj, keys) {
    if (!isPlainObject(obj)) {
@ -86,7 +70,17 @@ export function toPromise(promiseLike) {
    }
    return Promise.resolve(promiseLike);
 }
+// 浮点数精度处理
+export function addNumber(num1, num2) {
+    const cardinal = Math.pow(10, 10);
+    return Math.round((num1 + num2) * cardinal) / cardinal;
+}
+// 限制value在[min, max]之间
+export const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
 export function getCurrentPage() {
    const pages = getCurrentPages();
    return pages[pages.length - 1];
 }
+export const isPC = ['mac', 'windows'].includes(getSystemInfoSync().platform);
+// 是否企业微信
+export const isWxWork = getSystemInfoSync().environment === 'wxwork';
--- a/dist/common/validator.d.ts
+++ b/dist/common/validator.d.ts
@ -0,0 +1,9 @@
+export declare function isFunction(val: unknown): val is Function;
+export declare function isPlainObject(val: unknown): val is Record<string, unknown>;
+export declare function isPromise<T = unknown>(val: unknown): val is Promise<T>;
+export declare function isDef(value: unknown): boolean;
+export declare function isObj(x: unknown): x is Record<string, unknown>;
+export declare function isNumber(value: string): boolean;
+export declare function isBoolean(value: unknown): value is boolean;
+export declare function isImageUrl(url: string): boolean;
+export declare function isVideoUrl(url: string): boolean;
--- a/dist/common/version.d.ts
+++ b/dist/common/version.d.ts
@ -0,0 +1,15 @@
+/// <reference types="miniprogram-api-typings" />
+interface WxWorkSystemInfo extends WechatMiniprogram.SystemInfo {
+    environment?: 'wxwork';
+}
+interface SystemInfo extends WxWorkSystemInfo, WechatMiniprogram.SystemInfo {
+}
+export declare function getSystemInfoSync(): SystemInfo;
+export declare function canIUseModel(): boolean;
+export declare function canIUseFormFieldButton(): boolean;
+export declare function canIUseAnimate(): boolean;
+export declare function canIUseGroupSetData(): boolean;
+export declare function canIUseNextTick(): boolean;
+export declare function canIUseCanvas2d(): boolean;
+export declare function canIUseGetUserProfile(): boolean;
+export {};
--- a/dist/common/version.js
+++ b/dist/common/version.js
@ -1,4 +1,10 @@
-import { getSystemInfoSync } from './utils';
+let systemInfo;
+export function getSystemInfoSync() {
+    if (systemInfo == null) {
+        systemInfo = wx.getSystemInfoSync();
+    }
+    return systemInfo;
+}
 function compareVersion(v1, v2) {
    v1 = v1.split('.');
    v2 = v2.split('.');
@ -38,7 +44,12 @@ export function canIUseGroupSetData() {
    return gte('2.4.0');
 }
 export function canIUseNextTick() {
-    return wx.canIUse('nextTick');
+    try {
+        return wx.canIUse('nextTick');
+    }
+    catch (e) {
+        return gte('2.7.1');
+    }
 }
 export function canIUseCanvas2d() {
    return gte('2.9.0');
--- a/dist/config-provider/index.d.ts
+++ b/dist/config-provider/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/count-down/index.d.ts
+++ b/dist/count-down/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/count-down/utils.d.ts
+++ b/dist/count-down/utils.d.ts
@ -0,0 +1,10 @@
+export type TimeData = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+};
+export declare function parseTimeData(time: number): TimeData;
+export declare function parseFormat(format: string, timeData: TimeData): string;
+export declare function isSameSecond(time1: number, time2: number): boolean;
--- a/dist/datetime-picker/index.d.ts
+++ b/dist/datetime-picker/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/definitions/index.d.ts
+++ b/dist/definitions/index.d.ts
@ -0,0 +1,29 @@
+/// <reference types="miniprogram-api-typings" />
+interface VantComponentInstance {
+    parent: WechatMiniprogram.Component.TrivialInstance;
+    children: WechatMiniprogram.Component.TrivialInstance[];
+    index: number;
+    $emit: (name: string, detail?: unknown, options?: WechatMiniprogram.Component.TriggerEventOption) => void;
+    setView: (value: Record<string, any>, callback?: () => void) => void;
+}
+export type VantComponentOptions<Data extends WechatMiniprogram.Component.DataOption, Props extends WechatMiniprogram.Component.PropertyOption, Methods extends WechatMiniprogram.Component.MethodOption> = {
+    data?: Data;
+    field?: boolean;
+    classes?: string[];
+    mixins?: string[];
+    props?: Props;
+    relation?: {
+        relations: Record<string, WechatMiniprogram.Component.RelationOption>;
+        mixin: string;
+    };
+    watch?: Record<string, (...args: any[]) => any>;
+    methods?: Methods;
+    beforeCreate?: () => void;
+    created?: () => void;
+    mounted?: () => void;
+    destroyed?: () => void;
+} & ThisType<VantComponentInstance & WechatMiniprogram.Component.Instance<Data & {
+    name: string;
+    value: any;
+} & Record<string, any>, Props, Methods> & Record<string, any>>;
+export {};
--- a/dist/dialog/dialog.d.ts
+++ b/dist/dialog/dialog.d.ts
@ -0,0 +1,55 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+export type Action = 'confirm' | 'cancel' | 'overlay';
+type DialogContext = WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance;
+interface DialogOptions {
+    lang?: string;
+    show?: boolean;
+    title?: string;
+    width?: string | number | null;
+    zIndex?: number;
+    theme?: string;
+    context?: (() => DialogContext) | DialogContext;
+    message?: string;
+    overlay?: boolean;
+    selector?: string;
+    ariaLabel?: string;
+    /**
+     * @deprecated use custom-class instead
+     */
+    className?: string;
+    customStyle?: string;
+    transition?: string;
+    /**
+     * @deprecated use beforeClose instead
+     */
+    asyncClose?: boolean;
+    beforeClose?: null | ((action: Action) => Promise<void | boolean> | void);
+    businessId?: number;
+    sessionFrom?: string;
+    overlayStyle?: string;
+    appParameter?: string;
+    messageAlign?: string;
+    sendMessageImg?: string;
+    showMessageCard?: boolean;
+    sendMessagePath?: string;
+    sendMessageTitle?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+    closeOnClickOverlay?: boolean;
+    confirmButtonOpenType?: string;
+}
+declare const Dialog: {
+    (options: DialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    alert(options: DialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    confirm(options: DialogOptions): Promise<WechatMiniprogram.Component.TrivialInstance>;
+    close(): void;
+    stopLoading(): void;
+    currentOptions: DialogOptions;
+    defaultOptions: DialogOptions;
+    setDefaultOptions(options: DialogOptions): void;
+    resetDefaultOptions(): void;
+};
+export default Dialog;
--- a/dist/dialog/dialog.js
+++ b/dist/dialog/dialog.js
@ -30,7 +30,9 @@ function getContext() {
 const Dialog = (options) => {
    options = Object.assign(Object.assign({}, currentOptions), options);
    return new Promise((resolve, reject) => {
-        const context = options.context || getContext();
+        const context = (typeof options.context === 'function'
+            ? options.context()
+            : options.context) || getContext();
        const dialog = context.selectComponent(options.selector);
        delete options.context;
        delete options.selector;
--- a/dist/dialog/index.d.ts
+++ b/dist/dialog/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/dialog/index.js
+++ b/dist/dialog/index.js
@ -4,6 +4,7 @@ import { GRAY, RED } from '../common/color';
 import { toPromise } from '../common/utils';
 VantComponent({
    mixins: [button],
+    classes: ['cancle-button-class', 'confirm-button-class'],
    props: {
        show: {
            type: Boolean,
@ -17,14 +18,17 @@ VantComponent({
            type: String,
            value: 'default',
        },
-        useSlot: Boolean,
+        confirmButtonId: String,
        className: String,
        customStyle: String,
        asyncClose: Boolean,
        messageAlign: String,
        beforeClose: null,
        overlayStyle: String,
+        useSlot: Boolean,
        useTitleSlot: Boolean,
+        useConfirmButtonSlot: Boolean,
+        useCancelButtonSlot: Boolean,
        showCancelButton: Boolean,
        closeOnClickOverlay: Boolean,
        confirmButtonOpenType: String,
@ -61,6 +65,10 @@ VantComponent({
            type: String,
            value: 'scale',
        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
    },
    data: {
        loading: {
--- a/dist/dialog/index.wxml
+++ b/dist/dialog/index.wxml
@ -5,10 +5,11 @@
  z-index="{{ zIndex }}"
  overlay="{{ overlay }}"
  transition="{{ transition }}"
-  custom-class="van-dialog van-dialog--{{ theme }} {{ className }}"
+  custom-class="van-dialog van-dialog--{{ theme }}{{ className }} custom-class"
  custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}"
  overlay-style="{{ overlayStyle }}"
  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  root-portal="{{ rootPortal }}"
  bind:close="onClickOverlay"
 >
  <view
@ -33,7 +34,7 @@
      size="large"
      loading="{{ loading.cancel }}"
      class="van-dialog__button van-hairline--right"
-      custom-class="van-dialog__cancel"
+      custom-class="van-dialog__cancel cancle-button-class"
      custom-style="color: {{ cancelButtonColor }}"
      bind:click="onCancel"
    >
@ -44,9 +45,9 @@
      size="large"
      class="van-dialog__button"
      loading="{{ loading.confirm }}"
-      custom-class="van-dialog__confirm"
+      custom-class="van-dialog__confirm confirm-button-class"
      custom-style="color: {{ confirmButtonColor }}"
-
+      button-id="{{ confirmButtonId }}"
      open-type="{{ confirmButtonOpenType }}"
      lang="{{ lang }}"
      business-id="{{ businessId }}"
@ -56,7 +57,8 @@
      send-message-img="{{ sendMessageImg }}"
      show-message-card="{{ showMessageCard }}"
      app-parameter="{{ appParameter }}"
-
+      bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+      bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
      bind:click="onConfirm"
      bindgetuserinfo="onGetUserInfo"
      bindcontact="onContact"
@ -69,45 +71,55 @@
    </van-goods-action-button>
  </van-goods-action>

-  <view wx:else class="van-hairline--top van-dialog__footer">
-    <van-button
-      wx:if="{{ showCancelButton }}"
-      size="large"
-      loading="{{ loading.cancel }}"
-      class="van-dialog__button van-hairline--right"
-      custom-class="van-dialog__cancel"
-      custom-style="color: {{ cancelButtonColor }}"
-      bind:click="onCancel"
-    >
-      {{ cancelButtonText }}
-    </van-button>
-    <van-button
-      wx:if="{{ showConfirmButton }}"
-      size="large"
-      class="van-dialog__button"
-      loading="{{ loading.confirm }}"
-      custom-class="van-dialog__confirm"
-      custom-style="color: {{ confirmButtonColor }}"
+  <view wx:elif="{{ showCancelButton || showConfirmButton }}" class="van-hairline--top van-dialog__footer">
+    <block wx:if="{{ showCancelButton }}">
+      <slot wx:if="{{ useCancelButtonSlot }}" name="cancel-button" />

-      open-type="{{ confirmButtonOpenType }}"
-      lang="{{ lang }}"
-      business-id="{{ businessId }}"
-      session-from="{{ sessionFrom }}"
-      send-message-title="{{ sendMessageTitle }}"
-      send-message-path="{{ sendMessagePath }}"
-      send-message-img="{{ sendMessageImg }}"
-      show-message-card="{{ showMessageCard }}"
-      app-parameter="{{ appParameter }}"
+      <van-button
+        wx:else
+        size="large"
+        loading="{{ loading.cancel }}"
+        class="van-dialog__button van-hairline--right"
+        custom-class="van-dialog__cancel cancle-button-class"
+        custom-style="color: {{ cancelButtonColor }}"
+        bind:click="onCancel"
+      >
+        {{ cancelButtonText }}
+      </van-button>
+    </block>

-      bind:click="onConfirm"
-      bindgetuserinfo="onGetUserInfo"
-      bindcontact="onContact"
-      bindgetphonenumber="onGetPhoneNumber"
-      binderror="onError"
-      bindlaunchapp="onLaunchApp"
-      bindopensetting="onOpenSetting"
-    >
-      {{ confirmButtonText }}
-    </van-button>
+    <block wx:if="{{ showConfirmButton }}">
+      <slot wx:if="{{ useConfirmButtonSlot }}" name="confirm-button" />
+
+      <van-button
+        wx:else
+        size="large"
+        class="van-dialog__button"
+        loading="{{ loading.confirm }}"
+        custom-class="van-dialog__confirm confirm-button-class"
+        custom-style="color: {{ confirmButtonColor }}"
+        button-id="{{ confirmButtonId }}"
+        open-type="{{ confirmButtonOpenType }}"
+        lang="{{ lang }}"
+        business-id="{{ businessId }}"
+        session-from="{{ sessionFrom }}"
+        send-message-title="{{ sendMessageTitle }}"
+        send-message-path="{{ sendMessagePath }}"
+        send-message-img="{{ sendMessageImg }}"
+        show-message-card="{{ showMessageCard }}"
+        app-parameter="{{ appParameter }}"
+        bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+        bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
+        bind:click="onConfirm"
+        bindgetuserinfo="onGetUserInfo"
+        bindcontact="onContact"
+        bindgetphonenumber="onGetPhoneNumber"
+        binderror="onError"
+        bindlaunchapp="onLaunchApp"
+        bindopensetting="onOpenSetting"
+      >
+        {{ confirmButtonText }}
+      </van-button>
+    </block>
  </view>
 </van-popup>
--- a/dist/dialog/index.wxss
+++ b/dist/dialog/index.wxss
@ -1 +1 @@
-@import '../common/index.wxss';.van-dialog{background-color:var(--dialog-background-color,#fff);border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,320px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{font-weight:var(--dialog-header-font-weight,500);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;font-size:var(--dialog-message-font-size,14px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,#646566);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{color:#323233;padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{padding:8px 24px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}
+@import '../common/index.wxss';.van-dialog{background-color:var(--dialog-background-color,#fff);border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,320px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{font-weight:var(--dialog-header-font-weight,500);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;font-size:var(--dialog-message-font-size,14px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,#646566);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{color:#323233;padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{padding:8px 24px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)}
--- a/dist/divider/index.d.ts
+++ b/dist/divider/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/dropdown-item/index.d.ts
+++ b/dist/dropdown-item/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/dropdown-item/index.js
+++ b/dist/dropdown-item/index.js
@ -1,6 +1,7 @@
 import { useParent } from '../common/relation';
 import { VantComponent } from '../common/component';
 VantComponent({
+    classes: ['item-title-class'],
    field: true,
    relation: useParent('dropdown-menu', function () {
        this.updateDataFromParent();
@ -25,12 +26,21 @@ VantComponent({
            observer: 'rerender',
        },
        popupStyle: String,
+        useBeforeToggle: {
+            type: Boolean,
+            value: false,
+        },
+        rootPortal: {
+            type: Boolean,
+            value: false,
+        },
    },
    data: {
        transition: true,
        showPopup: false,
        showWrapper: false,
        displayTitle: '',
+        safeAreaTabBar: false,
    },
    methods: {
        rerender() {
@ -41,13 +51,14 @@ VantComponent({
        },
        updateDataFromParent() {
            if (this.parent) {
-                const { overlay, duration, activeColor, closeOnClickOverlay, direction, } = this.parent.data;
+                const { overlay, duration, activeColor, closeOnClickOverlay, direction, safeAreaTabBar, } = this.parent.data;
                this.setData({
                    overlay,
                    duration,
                    activeColor,
                    closeOnClickOverlay,
                    direction,
+                    safeAreaTabBar,
                });
            }
        },
@ -76,7 +87,6 @@ VantComponent({
            }
        },
        toggle(show, options = {}) {
-            var _a;
            const { showPopup } = this.data;
            if (typeof show !== 'boolean') {
                show = !showPopup;
@ -84,19 +94,37 @@ VantComponent({
            if (show === showPopup) {
                return;
            }
-            this.setData({
-                transition: !options.immediate,
-                showPopup: show,
-            });
-            if (show) {
-                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then((wrapperStyle) => {
-                    this.setData({ wrapperStyle, showWrapper: true });
-                    this.rerender();
+            this.onBeforeToggle(show).then((status) => {
+                var _a;
+                if (!status) {
+                    return;
+                }
+                this.setData({
+                    transition: !options.immediate,
+                    showPopup: show,
                });
+                if (show) {
+                    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then((wrapperStyle) => {
+                        this.setData({ wrapperStyle, showWrapper: true });
+                        this.rerender();
+                    });
+                }
+                else {
+                    this.rerender();
+                }
+            });
+        },
+        onBeforeToggle(status) {
+            const { useBeforeToggle } = this.data;
+            if (!useBeforeToggle) {
+                return Promise.resolve(true);
            }
-            else {
-                this.rerender();
-            }
+            return new Promise((resolve) => {
+                this.$emit('before-toggle', {
+                    status,
+                    callback: (value) => resolve(value),
+                });
+            });
        },
    },
 });
--- a/dist/dropdown-item/index.wxml
+++ b/dist/dropdown-item/index.wxml
@ -2,7 +2,7 @@

 <view
  wx:if="{{ showWrapper }}"
-  class="{{ utils.bem('dropdown-item', direction) }}"
+  class="{{ utils.bem('dropdown-item', direction) }} custom-class"
  style="{{ wrapperStyle }}"
 >
  <van-popup
@ -12,7 +12,9 @@
    overlay="{{ overlay }}"
    position="{{ direction === 'down' ? 'top' : 'bottom' }}"
    duration="{{ transition ? duration : 0 }}"
+    safe-area-tab-bar="{{ safeAreaTabBar }}"
    close-on-click-overlay="{{ closeOnClickOverlay }}"
+    rootPortal="{{ rootPortal }}"
    bind:enter="onOpen"
    bind:leave="onClose"
    bind:close="toggle"
@ -30,7 +32,7 @@
    >
      <view
        slot="title"
-        class="van-dropdown-item__title"
+        class="van-dropdown-item__title item-title-class"
        style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
      >
        {{ item.text }}
--- a/dist/dropdown-item/shared.d.ts
+++ b/dist/dropdown-item/shared.d.ts
@ -0,0 +1,5 @@
+export interface Option {
+    text: string;
+    value: string | number;
+    icon: string;
+}
--- a/dist/dropdown-menu/index.d.ts
+++ b/dist/dropdown-menu/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/dropdown-menu/index.js
+++ b/dist/dropdown-menu/index.js
@ -4,6 +4,7 @@ import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
 let ARRAY = [];
 VantComponent({
    field: true,
+    classes: ['title-class'],
    relation: useChildren('dropdown-item', function () {
        this.updateItemListData();
    }),
@ -31,6 +32,10 @@ VantComponent({
            value: 'down',
            observer: 'updateChildrenData',
        },
+        safeAreaTabBar: {
+            type: Boolean,
+            value: false,
+        },
        closeOnClickOverlay: {
            type: Boolean,
            value: true,
--- a/dist/dropdown-menu/index.wxml
+++ b/dist/dropdown-menu/index.wxml
@ -10,7 +10,7 @@
    bind:tap="onTitleTap"
  >
    <view
-      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
+      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }} title-class"
      style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
    >
      <view class="van-ellipsis">
--- a/dist/dropdown-menu/index.wxss
+++ b/dist/dropdown-menu/index.wxss
@ -1 +1 @@
-@import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,#fff);box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px hsla(210,1%,40%,.12));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,#323233);font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:-4px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+@import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,#fff);box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px hsla(210,1%,40%,.12));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,#323233);font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
--- a/dist/empty/index.d.ts
+++ b/dist/empty/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/field/index.d.ts
+++ b/dist/field/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/field/index.js
+++ b/dist/field/index.js
@ -22,22 +22,45 @@ VantComponent({
        }, clearIcon: {
            type: String,
            value: 'clear',
+        }, extraEventParams: {
+            type: Boolean,
+            value: false,
        } }),
    data: {
        focused: false,
        innerValue: '',
        showClear: false,
    },
+    watch: {
+        value(value) {
+            if (value !== this.value) {
+                this.setData({ innerValue: value });
+                this.value = value;
+                this.setShowClear();
+            }
+        },
+        clearTrigger() {
+            this.setShowClear();
+        },
+    },
    created() {
        this.value = this.data.value;
        this.setData({ innerValue: this.value });
    },
    methods: {
+        formatValue(value) {
+            const { maxlength } = this.data;
+            if (maxlength !== -1 && value.length > maxlength) {
+                return value.slice(0, maxlength);
+            }
+            return value;
+        },
        onInput(event) {
            const { value = '' } = event.detail || {};
-            this.value = value;
+            const formatValue = this.formatValue(value);
+            this.value = formatValue;
            this.setShowClear();
-            this.emitChange();
+            return this.emitChange(Object.assign(Object.assign({}, event.detail), { value: formatValue }));
        },
        onFocus(event) {
            this.focused = true;
@ -60,7 +83,7 @@ VantComponent({
            this.value = '';
            this.setShowClear();
            nextTick(() => {
-                this.emitChange();
+                this.emitChange({ value: '' });
                this.$emit('clear', '');
            });
        },
@ -76,7 +99,7 @@ VantComponent({
            if (value === '') {
                this.setData({ innerValue: '' });
            }
-            this.emitChange();
+            this.emitChange({ value });
        },
        onLineChange(event) {
            this.$emit('linechange', event.detail);
@ -84,12 +107,20 @@ VantComponent({
        onKeyboardHeightChange(event) {
            this.$emit('keyboardheightchange', event.detail);
        },
-        emitChange() {
-            this.setData({ value: this.value });
-            nextTick(() => {
-                this.$emit('input', this.value);
-                this.$emit('change', this.value);
-            });
+        onBindNicknameReview(event) {
+            this.$emit('nicknamereview', event.detail);
+        },
+        emitChange(detail) {
+            const { extraEventParams } = this.data;
+            this.setData({ value: detail.value });
+            let result;
+            const data = extraEventParams
+                ? Object.assign(Object.assign({}, detail), { callback: (data) => {
+                        result = data;
+                    } }) : detail.value;
+            this.$emit('input', data);
+            this.$emit('change', data);
+            return result;
        },
        setShowClear() {
            const { clearable, readonly, clearTrigger } = this.data;
@ -100,7 +131,7 @@ VantComponent({
                const trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused);
                showClear = hasValue && trigger;
            }
-            this.setData({ showClear });
+            this.setView({ showClear });
        },
        noop() { },
    },
--- a/dist/field/index.wxml
+++ b/dist/field/index.wxml
@ -13,12 +13,12 @@
  title-style="margin-right: 12px;"
  custom-style="{{ customStyle }}"
  arrow-direction="{{ arrowDirection }}"
-  custom-class="van-field"
+  custom-class="custom-class van-field"
 >
  <slot name="left-icon" slot="icon" />
-  <view wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">
+  <label for="{{ name }}" wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">
    {{ label }}
-  </view>
+  </label>
  <slot wx:else name="label" slot="title" />
  <view class="{{ utils.bem('field__body', [type]) }}">
    <view class="{{ utils.bem('field__control', [inputAlign, 'custom']) }}" bindtap="onClickInput">
@ -47,10 +47,10 @@
      <slot name="button" />
    </view>
  </view>
-  <view wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
+  <label for="{{ name }}" wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
    <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }}
-  </view>
-  <view wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
+  </label>
+  <label for="{{ name }}"  wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
    {{ errorMessage }}
-  </view>
+  </label>
 </van-cell>
--- a/dist/field/index.wxss
+++ b/dist/field/index.wxss
@ -1 +1 @@
-@import '../common/index.wxss';.van-field{--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:var(--field-label-color,#646566)}.van-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{align-items:center;display:flex}.van-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.van-field__control:empty+.van-field__control{display:block}.van-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.van-field__control:empty{display:none}.van-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.van-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.van-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.van-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{flex-shrink:0}.van-field__clear-root{color:var(--field-clear-icon-color,#c8c9cc);font-size:var(--field-clear-icon-size,16px)}.van-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{color:var(--field-error-message-color,#ee0a24);font-size:var(--field-error-message-text-font-size,12px);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.van-field__word-num{display:inline}.van-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)}
+@import '../common/index.wxss';.van-field{--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:var(--field-label-color,#646566)}.van-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{align-items:center;display:flex}.van-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.van-field__control:empty+.van-field__control{display:block}.van-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.van-field__control:empty{display:none}.van-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.van-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.van-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.van-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{flex-shrink:0}.van-field__clear-root{color:var(--field-clear-icon-color,#c8c9cc);font-size:var(--field-clear-icon-size,16px)}.van-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{color:var(--field-error-message-color,#ee0a24);display:block;font-size:var(--field-error-message-text-font-size,12px);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.van-field__word-num{display:inline}.van-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)}
--- a/dist/field/input.wxml
+++ b/dist/field/input.wxml
@ -1,4 +1,6 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
 <input
+  id="{{ name }}"
  class="{{ utils.bem('field__control', [inputAlign, { disabled, error }]) }} input-class"
  type="{{ type }}"
  focus="{{ focus }}"
@ -25,4 +27,5 @@
  bindfocus="onFocus"
  bindconfirm="onConfirm"
  bindkeyboardheightchange="onKeyboardHeightChange"
+  bindnicknamereview="onBindNicknameReview"
 />
--- a/dist/field/props.d.ts
+++ b/dist/field/props.d.ts
@ -0,0 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
+export declare const commonProps: WechatMiniprogram.Component.PropertyOption;
+export declare const inputProps: WechatMiniprogram.Component.PropertyOption;
+export declare const textareaProps: WechatMiniprogram.Component.PropertyOption;
--- a/dist/field/props.js
+++ b/dist/field/props.js
@ -1,13 +1,5 @@
 export const commonProps = {
-    value: {
-        type: String,
-        observer(value) {
-            if (value !== this.value) {
-                this.setData({ innerValue: value });
-                this.value = value;
-            }
-        },
-    },
+    value: String,
    placeholder: String,
    placeholderStyle: String,
    placeholderClass: String,
--- a/dist/field/textarea.wxml
+++ b/dist/field/textarea.wxml
@ -1,4 +1,7 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 <textarea
+  id="{{ name }}"
  class="{{ utils.bem('field__control', [inputAlign, type, { disabled, error }]) }} input-class"
  fixed="{{ fixed }}"
  focus="{{ focus }}"
--- a/dist/field/types.d.ts
+++ b/dist/field/types.d.ts
@ -0,0 +1,8 @@
+export interface InputDetails {
+    /** 输入框内容 */
+    value: string;
+    /** 光标位置 */
+    cursor?: number;
+    /** keyCode 为键值 (目前工具还不支持返回keyCode参数) `2.1.0` 起支持 */
+    keyCode?: number;
+}
--- a/dist/field/types.js
+++ b/dist/field/types.js
@ -0,0 +1 @@
+export {};
--- a/dist/goods-action-button/index.d.ts
+++ b/dist/goods-action-button/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/dist/goods-action-button/index.js
+++ b/dist/goods-action-button/index.js
@ -8,6 +8,10 @@ VantComponent({
    props: {
        text: String,
        color: String,
+        size: {
+            type: String,
+            value: 'normal',
+        },
        loading: Boolean,
        disabled: Boolean,
        plain: Boolean,
@ -15,6 +19,10 @@ VantComponent({
            type: String,
            value: 'danger',
        },
+        customStyle: {
+            type: String,
+            value: '',
+        },
    },
    methods: {
        onClick(event) {
--- a/dist/goods-action-button/index.wxml
+++ b/dist/goods-action-button/index.wxml
@ -1,15 +1,18 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
 <van-button
  id="{{ id }}"
+  button-id="{{ buttonId }}"
  lang="{{ lang }}"
  type="{{ type }}"
+  size="{{ size }}"
  color="{{ color }}"
  plain="{{ plain }}"
  loading="{{ loading }}"
  disabled="{{ disabled }}"
  open-type="{{ openType }}"
  class="{{ utils.bem('goods-action-button', [type, { first: isFirst, last: isLast, plain: plain }])}}"
-  custom-class="van-goods-action-button__inner"
+  custom-class="van-goods-action-button__inner custom-class"
+  custom-style="{{customStyle}}"
  business-id="{{ businessId }}"
  session-from="{{ sessionFrom }}"
  app-parameter="{{ appParameter }}"
@ -22,6 +25,8 @@
  bindcontact="onContact"
  bindopensetting="onOpenSetting"
  bindgetuserinfo="onGetUserInfo"
+  bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
+  bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
  bindgetphonenumber="onGetPhoneNumber"
  bindlaunchapp="onLaunchApp"
 >
--- a/dist/goods-action-icon/index.d.ts
+++ b/dist/goods-action-icon/index.d.ts
@ -0,0 +1 @@
+export {};
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				@import '../common/index.wxss';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px}