From 0dc09cab8c33949490055b50bc22a121b5ead6bc Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 4 Jun 2022 20:17:16 +0800
Subject: [PATCH 01/10] fix(Area): failed to render picker mask after reopened
 (#10664)

---
 .../src/area/test/__snapshots__/index.spec.js.snap    |  8 ++++++++
 packages/vant/src/picker/Picker.tsx                   | 11 ++++++-----
 packages/vant/src/picker/PickerColumn.tsx             |  3 +++
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/vant/src/area/test/__snapshots__/index.spec.js.snap b/packages/vant/src/area/test/__snapshots__/index.spec.js.snap
index 67059984e..4d0aac653 100644
--- a/packages/vant/src/area/test/__snapshots__/index.spec.js.snap
+++ b/packages/vant/src/area/test/__snapshots__/index.spec.js.snap
@@ -122,6 +122,14 @@ exports[`should render two columns when columns-num prop is two 1`] = `
         </li>
       </ul>
     </div>
+    <div class="van-picker__mask"
+         style="background-size: 100% 110px;"
+    >
+    </div>
+    <div class="van-hairline-unset--top-bottom van-picker__frame"
+         style="height: 44px;"
+    >
+    </div>
   </div>
 </div>
 `;
diff --git a/packages/vant/src/picker/Picker.tsx b/packages/vant/src/picker/Picker.tsx
index 049b1bd0c..8e3bb7c09 100644
--- a/packages/vant/src/picker/Picker.tsx
+++ b/packages/vant/src/picker/Picker.tsx
@@ -164,11 +164,12 @@ export default defineComponent({
         formattedColumns.value = columns as PickerObjectColumn[];
       }
 
-      hasOptions.value = formattedColumns.value.some(
-        (item) =>
-          item[columnsFieldNames.value.values] &&
-          item[columnsFieldNames.value.values].length !== 0
-      );
+      hasOptions.value =
+        formattedColumns.value.some(
+          (item) =>
+            item[columnsFieldNames.value.values] &&
+            item[columnsFieldNames.value.values].length !== 0
+        ) || children.some((item) => item.hasOptions);
     };
 
     // get indexes of all columns
diff --git a/packages/vant/src/picker/PickerColumn.tsx b/packages/vant/src/picker/PickerColumn.tsx
index 2768c8dd7..66f917526 100644
--- a/packages/vant/src/picker/PickerColumn.tsx
+++ b/packages/vant/src/picker/PickerColumn.tsx
@@ -283,6 +283,8 @@ export default defineComponent({
 
     const getValue = (): PickerOption => state.options[state.index];
 
+    const hasOptions = () => state.options.length;
+
     setIndex(state.index);
 
     useParent(PICKER_KEY);
@@ -292,6 +294,7 @@ export default defineComponent({
       getValue,
       setValue,
       setOptions,
+      hasOptions,
       stopMomentum,
     });
 

From 4a602f7e46c54d514b48f2823f1e6c01a19801ae Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 4 Jun 2022 20:19:19 +0800
Subject: [PATCH 02/10] feat(Dialog): allow to disable confirm or cancel button
 (#10665)

---
 packages/vant/src/dialog/Dialog.tsx         |  6 +++++
 packages/vant/src/dialog/README.md          |  4 +++
 packages/vant/src/dialog/README.zh-CN.md    |  4 +++
 packages/vant/src/dialog/function-call.tsx  |  2 ++
 packages/vant/src/dialog/test/index.spec.js | 27 +++++++++++++++++++++
 packages/vant/src/dialog/types.ts           |  4 ++-
 6 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/dialog/Dialog.tsx b/packages/vant/src/dialog/Dialog.tsx
index 9275ef386..742b3acd6 100644
--- a/packages/vant/src/dialog/Dialog.tsx
+++ b/packages/vant/src/dialog/Dialog.tsx
@@ -56,8 +56,10 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean,
 });
@@ -197,6 +199,7 @@ export default defineComponent({
             class={bem('cancel')}
             style={{ color: props.cancelButtonColor }}
             loading={loading.cancel}
+            disabled={props.cancelButtonDisabled}
             onClick={onCancel}
           />
         )}
@@ -207,6 +210,7 @@ export default defineComponent({
             class={[bem('confirm'), { [BORDER_LEFT]: props.showCancelButton }]}
             style={{ color: props.confirmButtonColor }}
             loading={loading.confirm}
+            disabled={props.confirmButtonDisabled}
             onClick={onConfirm}
           />
         )}
@@ -222,6 +226,7 @@ export default defineComponent({
             class={bem('cancel')}
             color={props.cancelButtonColor}
             loading={loading.cancel}
+            disabled={props.cancelButtonDisabled}
             onClick={onCancel}
           />
         )}
@@ -232,6 +237,7 @@ export default defineComponent({
             class={bem('confirm')}
             color={props.confirmButtonColor}
             loading={loading.confirm}
+            disabled={props.confirmButtonDisabled}
             onClick={onConfirm}
           />
         )}
diff --git a/packages/vant/src/dialog/README.md b/packages/vant/src/dialog/README.md
index 8a022ae35..fae78a536 100644
--- a/packages/vant/src/dialog/README.md
+++ b/packages/vant/src/dialog/README.md
@@ -154,8 +154,10 @@ export default {
 | showCancelButton | Whether to show cancel button | _boolean_ | `false` |
 | cancelButtonText | Cancel button text | _string_ | `Cancel` |
 | cancelButtonColor | Cancel button color | _string_ | `black` |
+| confirmButtonDisabled `v3.5.0` | Whether to disable cancel button | _boolean_ | `false` |
 | confirmButtonText | Confirm button text | _string_ | `Confirm` |
 | confirmButtonColor | Confirm button color | _string_ | `#ee0a24` |
+| confirmButtonDisabled `v3.5.0` | Whether to disable confirm button | _boolean_ | `false` |
 | overlay | Whether to show overlay | _boolean_ | `true` |
 | overlayClass | Custom overlay class | _string \| Array \| object_ | - |
 | overlayStyle | Custom overlay style | _object_ | - |
@@ -181,8 +183,10 @@ export default {
 | show-cancel-button | Whether to show cancel button | _boolean_ | `false` |
 | cancel-button-text | Cancel button text | _string_ | `Cancel` |
 | cancel-button-color | Cancel button color | _string_ | `black` |
+| cancel-button-disabled `v3.5.0` | Whether to disable cancel button | _boolean_ | `false` |
 | confirm-button-text | Confirm button text | _string_ | `Confirm` |
 | confirm-button-color | Confirm button color | _string_ | `#ee0a24` |
+| confirm-button-disabled `v3.5.0` | Whether to disable confirm button | _boolean_ | `false` |
 | overlay | Whether to show overlay | _boolean_ | `true` |
 | overlay-class | Custom overlay class | _string_ | - |
 | overlay-style | Custom overlay style | _object_ | - |
diff --git a/packages/vant/src/dialog/README.zh-CN.md b/packages/vant/src/dialog/README.zh-CN.md
index 7e5736074..d73543415 100644
--- a/packages/vant/src/dialog/README.zh-CN.md
+++ b/packages/vant/src/dialog/README.zh-CN.md
@@ -200,8 +200,10 @@ export default {
 | showCancelButton | 是否展示取消按钮 | _boolean_ | `false` |
 | confirmButtonText | 确认按钮文案 | _string_ | `确认` |
 | confirmButtonColor | 确认按钮颜色 | _string_ | `#ee0a24` |
+| confirmButtonDisabled `v3.5.0` | 是否禁用确认按钮 | _boolean_ | `false` |
 | cancelButtonText | 取消按钮文案 | _string_ | `取消` |
 | cancelButtonColor | 取消按钮颜色 | _string_ | `black` |
+| cancelButtonDisabled `v3.5.0` | 是否禁用取消按钮 | _boolean_ | `false` |
 | overlay | 是否展示遮罩层 | _boolean_ | `true` |
 | overlayClass | 自定义遮罩层类名 | _string \| Array \| object_ | - |
 | overlayStyle | 自定义遮罩层样式 | _object_ | - |
@@ -229,8 +231,10 @@ export default {
 | show-cancel-button | 是否展示取消按钮 | _boolean_ | `false` |
 | confirm-button-text | 确认按钮文案 | _string_ | `确认` |
 | confirm-button-color | 确认按钮颜色 | _string_ | `#ee0a24` |
+| confirm-button-disabled `v3.5.0` | 是否禁用确认按钮 | _boolean_ | `false` |
 | cancel-button-text | 取消按钮文案 | _string_ | `取消` |
 | cancel-button-color | 取消按钮颜色 | _string_ | `black` |
+| cancel-button-disabled `v3.5.0` | 是否禁用取消按钮 | _boolean_ | `false` |
 | overlay | 是否展示遮罩层 | _boolean_ | `true` |
 | overlay-class | 自定义遮罩层类名 | _string_ | - |
 | overlay-style | 自定义遮罩层样式 | _object_ | - |
diff --git a/packages/vant/src/dialog/function-call.tsx b/packages/vant/src/dialog/function-call.tsx
index bf9498255..138d72e59 100644
--- a/packages/vant/src/dialog/function-call.tsx
+++ b/packages/vant/src/dialog/function-call.tsx
@@ -56,8 +56,10 @@ Dialog.defaultOptions = {
   messageAlign: '',
   cancelButtonText: '',
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: '',
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,
diff --git a/packages/vant/src/dialog/test/index.spec.js b/packages/vant/src/dialog/test/index.spec.js
index 6007464ec..59417f0c0 100644
--- a/packages/vant/src/dialog/test/index.spec.js
+++ b/packages/vant/src/dialog/test/index.spec.js
@@ -142,3 +142,30 @@ test('should render footer slot correctly', () => {
   });
   expect(wrapper.find('.van-dialog').html()).toMatchSnapshot();
 });
+
+test('should allow to disable confirm button', () => {
+  const wrapper = mount(Dialog, {
+    props: {
+      show: true,
+      message: 'message',
+      confirmButtonDisabled: true,
+    },
+  });
+  expect(wrapper.find('.van-dialog__confirm').classes()).toContain(
+    'van-button--disabled'
+  );
+});
+
+test('should allow to disable cancel button', () => {
+  const wrapper = mount(Dialog, {
+    props: {
+      show: true,
+      showCancelButton: true,
+      message: 'message',
+      cancelButtonDisabled: true,
+    },
+  });
+  expect(wrapper.find('.van-dialog__cancel').classes()).toContain(
+    'van-button--disabled'
+  );
+});
diff --git a/packages/vant/src/dialog/types.ts b/packages/vant/src/dialog/types.ts
index cf6a9785a..46db56343 100644
--- a/packages/vant/src/dialog/types.ts
+++ b/packages/vant/src/dialog/types.ts
@@ -23,12 +23,14 @@ export type DialogOptions = {
   overlayClass?: string;
   overlayStyle?: CSSProperties;
   closeOnPopstate?: boolean;
-  cancelButtonText?: string;
   showCancelButton?: boolean;
   showConfirmButton?: boolean;
+  cancelButtonText?: string;
   cancelButtonColor?: string;
+  cancelButtonDisabled?: boolean;
   confirmButtonText?: string;
   confirmButtonColor?: string;
+  confirmButtonDisabled?: boolean;
   closeOnClickOverlay?: boolean;
 };
 

From 586bc21dd311ac81c59e3c167a27e54c6dd1b4f5 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 4 Jun 2022 20:29:28 +0800
Subject: [PATCH 03/10] feat(Switch): add background slot (#10666)

* feat(Switch): add background slot

* chore: revert lock file

* chore: new line
---
 packages/vant/src/switch/README.md            |  7 ++---
 packages/vant/src/switch/README.zh-CN.md      | 27 ++++++++++---------
 packages/vant/src/switch/Switch.tsx           |  1 +
 .../test/__snapshots__/index.spec.ts.snap     | 24 +++++++++++++++++
 packages/vant/src/switch/test/index.spec.ts   | 20 ++++++++++++++
 5 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/packages/vant/src/switch/README.md b/packages/vant/src/switch/README.md
index b4ade437a..dadde0149 100644
--- a/packages/vant/src/switch/README.md
+++ b/packages/vant/src/switch/README.md
@@ -154,9 +154,10 @@ export default {
 
 ### Slots
 
-| Name          | Description                | SlotProps |
-| ------------- | -------------------------- | --------- |
-| node `v3.5.0` | Custom the content of node | -         |
+| Name                | Description                     | SlotProps |
+| ------------------- | ------------------------------- | --------- |
+| node `v3.5.0`       | Custom the content of node      | -         |
+| background `v3.5.0` | Custom the background of switch | -         |
 
 ### Types
 
diff --git a/packages/vant/src/switch/README.zh-CN.md b/packages/vant/src/switch/README.zh-CN.md
index 371c5653e..9ffd1297e 100644
--- a/packages/vant/src/switch/README.zh-CN.md
+++ b/packages/vant/src/switch/README.zh-CN.md
@@ -146,16 +146,16 @@ export default {
 
 ### Props
 
-| 参数           | 说明                     | 类型               | 默认值    |
-| -------------- | ------------------------ | ------------------ | --------- |
-| v-model        | 开关选中状态             | _any_              | `false`   |
-| loading        | 是否为加载状态           | _boolean_          | `false`   |
-| disabled       | 是否为禁用状态           | _boolean_          | `false`   |
-| size           | 开关尺寸，默认单位为`px` | _number \| string_ | `30px`    |
-| active-color   | 打开时的背景色           | _string_           | `#1989fa` |
-| inactive-color | 关闭时的背景色           | _string_           | `white`   |
-| active-value   | 打开时对应的值           | _any_              | `true`    |
-| inactive-value | 关闭时对应的值           | _any_              | `false`   |
+| 参数           | 说明                      | 类型               | 默认值    |
+| -------------- | ------------------------- | ------------------ | --------- |
+| v-model        | 开关选中状态              | _any_              | `false`   |
+| loading        | 是否为加载状态            | _boolean_          | `false`   |
+| disabled       | 是否为禁用状态            | _boolean_          | `false`   |
+| size           | 开关尺寸，默认单位为 `px` | _number \| string_ | `30px`    |
+| active-color   | 打开时的背景色            | _string_           | `#1989fa` |
+| inactive-color | 关闭时的背景色            | _string_           | `white`   |
+| active-value   | 打开时对应的值            | _any_              | `true`    |
+| inactive-value | 关闭时对应的值            | _any_              | `false`   |
 
 ### Events
 
@@ -166,9 +166,10 @@ export default {
 
 ### Slots
 
-| 名称          | 说明             | 参数 |
-| ------------- | ---------------- | ---- |
-| node `v3.5.0` | 自定义按钮的内容 | -    |
+| 名称                | 说明                 | 参数 |
+| ------------------- | -------------------- | ---- |
+| node `v3.5.0`       | 自定义按钮的内容     | -    |
+| background `v3.5.0` | 自定义开关的背景内容 | -    |
 
 ### 类型定义
 
diff --git a/packages/vant/src/switch/Switch.tsx b/packages/vant/src/switch/Switch.tsx
index 73f18c997..830552e54 100644
--- a/packages/vant/src/switch/Switch.tsx
+++ b/packages/vant/src/switch/Switch.tsx
@@ -76,6 +76,7 @@ export default defineComponent({
           onClick={onClick}
         >
           <div class={bem('node')}>{renderLoading()}</div>
+          {slots.background?.()}
         </div>
       );
     };
diff --git a/packages/vant/src/switch/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/switch/test/__snapshots__/index.spec.ts.snap
index c965d285a..8533e5f54 100644
--- a/packages/vant/src/switch/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/switch/test/__snapshots__/index.spec.ts.snap
@@ -43,3 +43,27 @@ exports[`should apply inactive color to loading icon 1`] = `
   </span>
 </div>
 `;
+
+exports[`should render background slot correctly 1`] = `
+<div role="switch"
+     class="van-switch"
+     tabindex="0"
+     aria-checked="false"
+>
+  <div class="van-switch__node">
+  </div>
+  Custom background
+</div>
+`;
+
+exports[`should render node slot correctly 1`] = `
+<div role="switch"
+     class="van-switch"
+     tabindex="0"
+     aria-checked="false"
+>
+  <div class="van-switch__node">
+    Custom node
+  </div>
+</div>
+`;
diff --git a/packages/vant/src/switch/test/index.spec.ts b/packages/vant/src/switch/test/index.spec.ts
index df3e97e92..b920f0c0c 100644
--- a/packages/vant/src/switch/test/index.spec.ts
+++ b/packages/vant/src/switch/test/index.spec.ts
@@ -109,3 +109,23 @@ test('should allow to custom active-value and inactive-value', () => {
   wrapper.trigger('click');
   expect(wrapper.emitted('update:modelValue')![0]).toEqual(['off']);
 });
+
+test('should render node slot correctly', () => {
+  const wrapper = mount(Switch, {
+    slots: {
+      node: () => 'Custom node',
+    },
+  });
+
+  expect(wrapper.html()).toMatchSnapshot();
+});
+
+test('should render background slot correctly', () => {
+  const wrapper = mount(Switch, {
+    slots: {
+      background: () => 'Custom background',
+    },
+  });
+
+  expect(wrapper.html()).toMatchSnapshot();
+});

From b6920a56911e20da08a1161820d63816b9c14826 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan.jait@bytedance.com>
Date: Sun, 5 Jun 2022 09:31:35 +0800
Subject: [PATCH 04/10] release: 3.5.0

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

diff --git a/packages/vant/package.json b/packages/vant/package.json
index b9ea0cf56..da453792a 100644
--- a/packages/vant/package.json
+++ b/packages/vant/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vant",
-  "version": "3.5.0-beta.1",
+  "version": "3.5.0",
   "description": "Mobile UI Components built on Vue",
   "main": "lib/vant.cjs.js",
   "module": "es/index.mjs",

From 2765ff555540d105fa0c0bdc5207a461db0b9923 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan.jait@bytedance.com>
Date: Sun, 5 Jun 2022 09:48:44 +0800
Subject: [PATCH 05/10] docs(changelog): 3.5.0

---
 .../vant/docs/markdown/changelog.en-US.md     | 34 +++++++++++++++++++
 .../vant/docs/markdown/changelog.zh-CN.md     | 34 +++++++++++++++++++
 2 files changed, 68 insertions(+)

diff --git a/packages/vant/docs/markdown/changelog.en-US.md b/packages/vant/docs/markdown/changelog.en-US.md
index fdd8e104d..7372ed0fb 100644
--- a/packages/vant/docs/markdown/changelog.en-US.md
+++ b/packages/vant/docs/markdown/changelog.en-US.md
@@ -19,6 +19,40 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 
 ## Details
 
+### [v3.5.0](https://github.com/youzan/vant/compare/v3.4.9...v3.5.0)
+
+`2022-06-05`
+
+**Support Nuxt 3**
+
+In order to support Nuxt 3, we adjusted the file extension of ESModules from `.js` to `.mjs`:
+
+- `vant/es/**/*.js` --> `vant/es/**/*.mjs`
+- `@vant/use/dist/index.esm.js` --> `@vant/use/dist/index.esm.mjs`
+- `@vant/popperjs/dist/index.esm.js` --> `@vant/popperjs/dist/index.esm.mjs`
+- `@vant/area-data/dist/index.esm.js` --> `@vant/area-data/dist/index.esm.mjs`
+
+webpack, vite and other build tools support the `.mjs` by default, so no additional configuration is needed. For tools like uni-app, you may need to add configuration to resolve the `.mjs` files.
+
+**Feature**
+
+- Add exports fields to sub-packages [#10650](https://github.com/youzan/vant/issues/10650)
+- Dialog: allow to disable confirm or cancel button [#10665](https://github.com/youzan/vant/issues/10665)
+- Locale: add Bulgarian lang [#10609](https://github.com/youzan/vant/issues/10609)
+- Locale: add Farsi lang [#10637](https://github.com/youzan/vant/issues/10637)
+- Locale: add Greek lang [#10621](https://github.com/youzan/vant/issues/10621)
+- Locale: add Hebrew lang [#10591](https://github.com/youzan/vant/issues/10591)
+- Switch: add node slot [#10573](https://github.com/youzan/vant/issues/10573)
+- Switch: add background slot [#10666](https://github.com/youzan/vant/issues/10666)
+- Form: add getValidationStatus method [#10620](https://github.com/youzan/vant/issues/10620)
+- Uploader: add preview-delete slot [#10606](https://github.com/youzan/vant/issues/10606)
+
+**Bug Fixes**
+
+- Area: failed to render picker mask after reopened [#10664](https://github.com/youzan/vant/issues/10664)
+- field: dynamic data causes the input to be emptied [#10582](https://github.com/youzan/vant/issues/10582)
+- Picker: picker columns-field-names responsiveness [#10562](https://github.com/youzan/vant/issues/10562)
+
 ### [v3.4.9](https://github.com/youzan/vant/compare/v3.4.8...v3.4.9)
 
 `2022-05-02`
diff --git a/packages/vant/docs/markdown/changelog.zh-CN.md b/packages/vant/docs/markdown/changelog.zh-CN.md
index cc3328abe..9fcbbb2ab 100644
--- a/packages/vant/docs/markdown/changelog.zh-CN.md
+++ b/packages/vant/docs/markdown/changelog.zh-CN.md
@@ -19,6 +19,40 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 ## 更新内容
 
+### [v3.5.0](https://github.com/youzan/vant/compare/v3.4.9...v3.5.0)
+
+`2022-06-05`
+
+**支持 Nuxt 3**
+
+为了支持 Nuxt 3，我们调整了部分 ESModule 文件的后缀名，从 `.js` 调整为 `.mjs`：
+
+- `vant/es/**/*.js` --> `vant/es/**/*.mjs`
+- `@vant/use/dist/index.esm.js` --> `@vant/use/dist/index.esm.mjs`
+- `@vant/popperjs/dist/index.esm.js` --> `@vant/popperjs/dist/index.esm.mjs`
+- `@vant/area-data/dist/index.esm.js` --> `@vant/area-data/dist/index.esm.mjs`
+
+webpack、vite 等构建工具默认支持 `.mjs` 后缀，因此不需要额外配置。对于 uni-app 等工具，可能需要添加配置来解析 `.mjs` 文件。
+
+**Feature**
+
+- `@vant/use` `@vant/popperjs` 等 npm 包添加 exports 字段 [#10650](https://github.com/youzan/vant/issues/10650)
+- Dialog: 支持禁用按钮 [#10665](https://github.com/youzan/vant/issues/10665)
+- Locale: 新增 Bulgarian 保加利亚语 [#10609](https://github.com/youzan/vant/issues/10609)
+- Locale: 新增 Farsi 波斯语 [#10637](https://github.com/youzan/vant/issues/10637)
+- Locale: 新增 Greek 希腊语 [#10621](https://github.com/youzan/vant/issues/10621)
+- Locale: 新增 Hebrew 希伯来语 [#10591](https://github.com/youzan/vant/issues/10591)
+- Switch: 新增 node 插槽 [#10573](https://github.com/youzan/vant/issues/10573)
+- Switch: 新增 background 插槽 [#10666](https://github.com/youzan/vant/issues/10666)
+- Form: 新增 getValidationStatus 方法 [#10620](https://github.com/youzan/vant/issues/10620)
+- Uploader: 新增 preview-delete 插槽 [#10606](https://github.com/youzan/vant/issues/10606)
+
+**Bug Fixes**
+
+- Area: 修复二次打开时未正确渲染遮罩层的问题 [#10664](https://github.com/youzan/vant/issues/10664)
+- field: 修复动态渲染插槽时可能导致输入框拼音被清空的问题 [#10582](https://github.com/youzan/vant/issues/10582)
+- Picker: 修复动态设置 columns-field-names 不生效的问题 [#10562](https://github.com/youzan/vant/issues/10562)
+
 ### [v3.4.9](https://github.com/youzan/vant/compare/v3.4.8...v3.4.9)
 
 `2022-05-02`

From bab0636014863554f2e95438fce2ec24c72270ef Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 14:51:07 +0800
Subject: [PATCH 06/10] types(Uploader): preview-options images should be
 optional (#10698)

---
 packages/vant/src/uploader/Uploader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant/src/uploader/Uploader.tsx b/packages/vant/src/uploader/Uploader.tsx
index 7929cdefb..09c8a3498 100644
--- a/packages/vant/src/uploader/Uploader.tsx
+++ b/packages/vant/src/uploader/Uploader.tsx
@@ -74,7 +74,7 @@ const uploaderProps = {
     Numeric | [Numeric, Numeric]
   >,
   previewImage: truthProp,
-  previewOptions: Object as PropType<ImagePreviewOptions>,
+  previewOptions: Object as PropType<Partial<ImagePreviewOptions>>,
   previewFullImage: truthProp,
   maxSize: {
     type: [Number, String, Function] as PropType<UploaderMaxSize>,

From 525653b68d71990be97331acd70b9dc21f458b42 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 15:00:07 +0800
Subject: [PATCH 07/10] types(Toast): fix Toast.clear typing (#10699)

---
 packages/vant/src/toast/function-call.tsx | 16 +++++-----------
 packages/vant/src/toast/types.ts          | 13 ++++++++++++-
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/packages/vant/src/toast/function-call.tsx b/packages/vant/src/toast/function-call.tsx
index f23787d18..1628c3f58 100644
--- a/packages/vant/src/toast/function-call.tsx
+++ b/packages/vant/src/toast/function-call.tsx
@@ -1,14 +1,8 @@
 import { ref, watch, getCurrentInstance, type App } from 'vue';
-import {
-  extend,
-  isObject,
-  inBrowser,
-  withInstall,
-  type ComponentInstance,
-} from '../utils';
+import { extend, isObject, inBrowser, withInstall } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';
-import type { ToastType, ToastOptions } from './types';
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
 
 const defaultOptions: ToastOptions = {
   icon: '',
@@ -32,7 +26,7 @@ const defaultOptions: ToastOptions = {
   closeOnClickOverlay: false,
 };
 
-let queue: ComponentInstance[] = [];
+let queue: ToastWrapperInstance[] = [];
 let allowMultiple = false;
 let currentOptions = extend({}, defaultOptions);
 
@@ -83,7 +77,7 @@ function createInstance() {
     },
   });
 
-  return instance;
+  return instance as ToastWrapperInstance;
 }
 
 function getInstance() {
@@ -97,7 +91,7 @@ function getInstance() {
 
 function Toast(options: string | ToastOptions = {}) {
   if (!inBrowser) {
-    return {} as ComponentInstance;
+    return {} as ToastWrapperInstance;
   }
 
   const toast = getInstance();
diff --git a/packages/vant/src/toast/types.ts b/packages/vant/src/toast/types.ts
index dbb906823..d03904d4f 100644
--- a/packages/vant/src/toast/types.ts
+++ b/packages/vant/src/toast/types.ts
@@ -1,5 +1,5 @@
 import { Toast } from './function-call';
-import type { TeleportProps } from 'vue';
+import type { ComponentPublicInstance, TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 
@@ -34,3 +34,14 @@ declare module '@vue/runtime-core' {
     $toast: typeof Toast;
   }
 }
+
+export type ToastWrapperInstance = ComponentPublicInstance<
+  { message: Numeric },
+  {
+    clear: () => void;
+    /**
+     * @private
+     */
+    open: (props: Record<string, any>) => void;
+  }
+>;

From 4dab4e20c27326cc9aa397c7090d7695b0a28b30 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 15:45:00 +0800
Subject: [PATCH 08/10] feat(PullRefresh): add change event (#10702)

---
 packages/vant/src/pull-refresh/PullRefresh.tsx    |  7 ++++++-
 packages/vant/src/pull-refresh/README.md          |  7 ++++---
 packages/vant/src/pull-refresh/README.zh-CN.md    |  7 ++++---
 packages/vant/src/pull-refresh/test/index.spec.ts | 11 +++++++++++
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/packages/vant/src/pull-refresh/PullRefresh.tsx b/packages/vant/src/pull-refresh/PullRefresh.tsx
index 7720efd28..fa6f6f97a 100644
--- a/packages/vant/src/pull-refresh/PullRefresh.tsx
+++ b/packages/vant/src/pull-refresh/PullRefresh.tsx
@@ -55,7 +55,7 @@ export default defineComponent({
 
   props: pullRefreshProps,
 
-  emits: ['refresh', 'update:modelValue'],
+  emits: ['change', 'refresh', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
     let reachTop: boolean;
@@ -111,6 +111,11 @@ export default defineComponent({
       } else {
         state.status = 'loosing';
       }
+
+      emit('change', {
+        status: state.status,
+        distance,
+      });
     };
 
     const getStatusText = () => {
diff --git a/packages/vant/src/pull-refresh/README.md b/packages/vant/src/pull-refresh/README.md
index 5fe4f0249..5501a3008 100644
--- a/packages/vant/src/pull-refresh/README.md
+++ b/packages/vant/src/pull-refresh/README.md
@@ -126,9 +126,10 @@ Use slots to custom tips.
 
 ### Events
 
-| Event   | Description                   | Parameters |
-| ------- | ----------------------------- | ---------- |
-| refresh | Emitted after pulling refresh | -          |
+| Event | Description | Parameters |
+| --- | --- | --- |
+| refresh | Emitted after pulling refresh | - |
+| change `v3.5.1` | Emitted when draging or status changed | _{ status: string, distance: number }_ |
 
 ### Slots
 
diff --git a/packages/vant/src/pull-refresh/README.zh-CN.md b/packages/vant/src/pull-refresh/README.zh-CN.md
index 6cf810bec..bd965f779 100644
--- a/packages/vant/src/pull-refresh/README.zh-CN.md
+++ b/packages/vant/src/pull-refresh/README.zh-CN.md
@@ -129,9 +129,10 @@ export default {
 
 ### Events
 
-| 事件名  | 说明           | 回调参数 |
-| ------- | -------------- | -------- |
-| refresh | 下拉刷新时触发 | -        |
+| 事件名 | 说明 | 回调参数 |
+| --- | --- | --- |
+| refresh | 下拉刷新时触发 | - |
+| change `v3.5.1` | 拖动时或状态改变时触发 | _{ status: string, distance: number }_ |
 
 ### Slots
 
diff --git a/packages/vant/src/pull-refresh/test/index.spec.ts b/packages/vant/src/pull-refresh/test/index.spec.ts
index c3adb0ed9..f10496faa 100644
--- a/packages/vant/src/pull-refresh/test/index.spec.ts
+++ b/packages/vant/src/pull-refresh/test/index.spec.ts
@@ -164,3 +164,14 @@ test('should allow to custom pull distance', async () => {
   await later();
   expect(wrapper.html()).toMatchSnapshot();
 });
+
+test('should emit change event when status changed', async () => {
+  const wrapper = mount(PullRefresh);
+  const track = wrapper.find('.van-pull-refresh__track');
+  trigger(track, 'touchstart', 0, 0);
+  trigger(track, 'touchmove', 0, 20);
+  await later();
+  expect(wrapper.emitted('change')).toEqual([
+    [{ distance: 20, status: 'pulling' }],
+  ]);
+});

From a317984da1cc850ebb44bc7d0dd90024b6e1f257 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 19:49:34 +0800
Subject: [PATCH 09/10] docs: recommend using unplugin-vue-components (#10703)

---
 .../vant/docs/markdown/quickstart.en-US.md    | 15 +++----
 .../vant/docs/markdown/quickstart.zh-CN.md    | 15 +++----
 packages/vant/docs/markdown/theme.en-US.md    | 39 ------------------
 packages/vant/docs/markdown/theme.zh-CN.md    | 41 -------------------
 4 files changed, 16 insertions(+), 94 deletions(-)

diff --git a/packages/vant/docs/markdown/quickstart.en-US.md b/packages/vant/docs/markdown/quickstart.en-US.md
index efc877e92..52097b3ac 100644
--- a/packages/vant/docs/markdown/quickstart.en-US.md
+++ b/packages/vant/docs/markdown/quickstart.en-US.md
@@ -94,19 +94,19 @@ In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to
 
 ### Import on demand in vite projects (recommended)
 
-If you are using vite, please use [vite-plugin-style-import](https://github.com/anncwb/vite-plugin-style-import).
+If you are using vite, please use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components).
 
 #### 1. Install Plugin
 
 ```bash
 # with npm
-npm i vite-plugin-style-import@1.4.1 -D
+npm i unplugin-vue-components -D
 
 # with yarn
-yarn add vite-plugin-style-import@1.4.1 -D
+yarn add unplugin-vue-components -D
 
 # with pnpm
-pnpm add vite-plugin-style-import@1.4.1 -D
+pnpm add unplugin-vue-components -D
 ```
 
 #### 2. Configure Plugin
@@ -115,13 +115,14 @@ Configure the plugin in the `vite.config.js` file:
 
 ```js
 import vue from '@vitejs/plugin-vue';
-import styleImport, { VantResolve } from 'vite-plugin-style-import';
+import Components from 'unplugin-vue-components/vite';
+import { VantResolver } from 'unplugin-vue-components/resolvers';
 
 export default {
   plugins: [
     vue(),
-    styleImport({
-      resolves: [VantResolve()],
+    Components({
+      resolvers: [VantResolver()],
     }),
   ],
 };
diff --git a/packages/vant/docs/markdown/quickstart.zh-CN.md b/packages/vant/docs/markdown/quickstart.zh-CN.md
index 841223f19..050d5e447 100644
--- a/packages/vant/docs/markdown/quickstart.zh-CN.md
+++ b/packages/vant/docs/markdown/quickstart.zh-CN.md
@@ -95,19 +95,19 @@ pnpm add vant
 
 ### 在 vite 项目中按需引入组件（推荐）
 
-在 vite 项目中使用 Vant 时，推荐安装 [vite-plugin-style-import](https://github.com/anncwb/vite-plugin-style-import) 插件，它可以自动按需引入组件的样式。
+在 vite 项目中使用 Vant 时，推荐安装 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 插件，它可以自动按需引入组件。
 
 #### 1. 安装插件
 
 ```bash
 # 通过 npm 安装
-npm i vite-plugin-style-import@1.4.1 -D
+npm i unplugin-vue-components -D
 
 # 通过 yarn 安装
-yarn add vite-plugin-style-import@1.4.1 -D
+yarn add unplugin-vue-components -D
 
 # 通过 pnpm 安装
-pnpm add vite-plugin-style-import@1.4.1 -D
+pnpm add unplugin-vue-components -D
 ```
 
 #### 2. 配置插件
@@ -116,13 +116,14 @@ pnpm add vite-plugin-style-import@1.4.1 -D
 
 ```js
 import vue from '@vitejs/plugin-vue';
-import styleImport, { VantResolve } from 'vite-plugin-style-import';
+import Components from 'unplugin-vue-components/vite';
+import { VantResolver } from 'unplugin-vue-components/resolvers';
 
 export default {
   plugins: [
     vue(),
-    styleImport({
-      resolves: [VantResolve()],
+    Components({
+      resolvers: [VantResolver()],
     }),
   ],
 };
diff --git a/packages/vant/docs/markdown/theme.en-US.md b/packages/vant/docs/markdown/theme.en-US.md
index 2ca693bcb..e6e302ba1 100644
--- a/packages/vant/docs/markdown/theme.en-US.md
+++ b/packages/vant/docs/markdown/theme.en-US.md
@@ -174,42 +174,3 @@ module.exports = {
   },
 };
 ```
-
-### Vite
-
-Add the following config in `vite.config.js`.
-
-```js
-// vite.config.js
-import vue from '@vitejs/plugin-vue';
-import styleImport from 'vite-plugin-style-import';
-
-export default {
-  css: {
-    preprocessorOptions: {
-      less: {
-        javascriptEnabled: true,
-        modifyVars: {
-          'text-color': '#111',
-          'border-color': '#eee',
-        },
-      },
-    },
-  },
-  resolve: {
-    alias: [{ find: /^~/, replacement: '' }],
-  },
-  plugins: [
-    vue(),
-    styleImport({
-      libs: [
-        {
-          libraryName: 'vant',
-          esModule: true,
-          resolveStyle: (name) => `vant/es/${name}/style/less`,
-        },
-      ],
-    }),
-  ],
-};
-```
diff --git a/packages/vant/docs/markdown/theme.zh-CN.md b/packages/vant/docs/markdown/theme.zh-CN.md
index c5763966f..919aaf3f6 100644
--- a/packages/vant/docs/markdown/theme.zh-CN.md
+++ b/packages/vant/docs/markdown/theme.zh-CN.md
@@ -182,44 +182,3 @@ module.exports = {
   },
 };
 ```
-
-### Vite 项目
-
-如果是 vite 项目，可以跳过以上步骤，直接在 `vite.config.js` 中添加如下配置即可。
-
-```js
-// vite.config.js
-import vue from '@vitejs/plugin-vue';
-import styleImport from 'vite-plugin-style-import';
-
-export default {
-  css: {
-    preprocessorOptions: {
-      less: {
-        javascriptEnabled: true,
-        // 覆盖样式变量
-        modifyVars: {
-          'text-color': '#111',
-          'border-color': '#eee',
-        },
-      },
-    },
-  },
-  resolve: {
-    alias: [{ find: /^~/, replacement: '' }],
-  },
-  plugins: [
-    vue(),
-    // 按需引入样式源文件
-    styleImport({
-      libs: [
-        {
-          libraryName: 'vant',
-          esModule: true,
-          resolveStyle: (name) => `vant/es/${name}/style/less`,
-        },
-      ],
-    }),
-  ],
-};
-```

From 88d44cf4eaff58244bbc9b6ac94e54777f8e7e48 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 20:20:13 +0800
Subject: [PATCH 10/10] docs: remove babel-plugin-import (#10704)

---
 .../generators/vue2/package.json.tpl          |  1 -
 packages/vant-cli/docs/directory.md           |  2 +-
 packages/vant-cli/docs/directory.zh-CN.md     |  2 +-
 .../vant/docs/markdown/quickstart.en-US.md    | 86 ++++++++-----------
 .../vant/docs/markdown/quickstart.zh-CN.md    | 86 ++++++++-----------
 5 files changed, 74 insertions(+), 103 deletions(-)

diff --git a/packages/create-vant-cli-app/generators/vue2/package.json.tpl b/packages/create-vant-cli-app/generators/vue2/package.json.tpl
index b8785f752..c51c9f126 100644
--- a/packages/create-vant-cli-app/generators/vue2/package.json.tpl
+++ b/packages/create-vant-cli-app/generators/vue2/package.json.tpl
@@ -34,7 +34,6 @@
   },
   "devDependencies": {
     "@vant/cli": "^2.0.0",
-    "babel-plugin-import": "^1.13.0",
     "vue": "^2.6.11",
     "vue-template-compiler": "^2.6.11"
   },
diff --git a/packages/vant-cli/docs/directory.md b/packages/vant-cli/docs/directory.md
index 6a49c902f..b1731753c 100644
--- a/packages/vant-cli/docs/directory.md
+++ b/packages/vant-cli/docs/directory.md
@@ -42,7 +42,7 @@ button
 └─ README.md        # component doc
 ```
 
-When using this directory structure, the developer of the component library needs to import the JS and CSS files respectively, and the styles can also be imported automatically through babel-plugin-import.
+When using this directory structure, the developer of the component library needs to import the JS and CSS files respectively.
 
 Theme customization can be achieved by importing style source files (less or scss) and modifying style variables.
 
diff --git a/packages/vant-cli/docs/directory.zh-CN.md b/packages/vant-cli/docs/directory.zh-CN.md
index a0e6a77ef..6f3f2f400 100644
--- a/packages/vant-cli/docs/directory.zh-CN.md
+++ b/packages/vant-cli/docs/directory.zh-CN.md
@@ -42,7 +42,7 @@ button
 └─ README.md        # 组件文档
 ```
 
-采用这种目录结构时，组件的使用者需要分别引入 JS 和 CSS 文件，也可以通过 babel-plugin-import 自动引入样式。
+采用这种目录结构时，组件的使用者需要分别引入 JS 和 CSS 文件。
 
 通过引入样式源文件（less 或 scss）并修改样式变量，可以实现主题定制功能。
 
diff --git a/packages/vant/docs/markdown/quickstart.en-US.md b/packages/vant/docs/markdown/quickstart.en-US.md
index 52097b3ac..759a093b7 100644
--- a/packages/vant/docs/markdown/quickstart.en-US.md
+++ b/packages/vant/docs/markdown/quickstart.en-US.md
@@ -92,9 +92,9 @@ In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to
 
 ## Usage
 
-### Import on demand in vite projects (recommended)
+### Import on demand (recommended)
 
-If you are using vite, please use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components).
+If you are using vite, webpack or vue-cli, please use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components).
 
 #### 1. Install Plugin
 
@@ -111,7 +111,7 @@ pnpm add unplugin-vue-components -D
 
 #### 2. Configure Plugin
 
-Configure the plugin in the `vite.config.js` file:
+For `vite` based project，configure the plugin in the `vite.config.js` file:
 
 ```js
 import vue from '@vitejs/plugin-vue';
@@ -128,6 +128,38 @@ export default {
 };
 ```
 
+For `vue-cli` based project，configure the plugin in the `vue.config.js` file:
+
+```js
+const { VantResolver } = require('unplugin-vue-components/resolvers');
+const ComponentsPlugin = require('unplugin-vue-components/webpack');
+
+module.exports = {
+  configureWebpack: {
+    plugins: [
+      ComponentsPlugin({
+        resolvers: [VantResolver()],
+      }),
+    ],
+  },
+};
+```
+
+For `webpack` based project，configure the plugin in the `webpack.config.js` file:
+
+```js
+const { VantResolver } = require('unplugin-vue-components/resolvers');
+const ComponentsPlugin = require('unplugin-vue-components/webpack');
+
+module.exports = {
+  plugins: [
+    ComponentsPlugin({
+      resolvers: [VantResolver()],
+    }),
+  ],
+};
+```
+
 #### 3. Import Components
 
 Then you can import components from Vant:
@@ -140,51 +172,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-> Vant supports Tree Shaking by default.
-
-### Import on demand in non-vite projects (recommended)
-
-In non-vite projects, use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) to import components on demand.
-
-#### 1. Install Plugin
-
-```bash
-npm i babel-plugin-import -D
-```
-
-#### 2. Configure Plugin
-
-Set babel config in `.babelrc` or `babel.config.js`:
-
-```json
-{
-  "plugins": [
-    [
-      "import",
-      {
-        "libraryName": "vant",
-        "libraryDirectory": "es",
-        "style": true
-      }
-    ]
-  ]
-}
-```
-
-#### 3. Import Components
-
-Then you can import components from Vant:
-
-```js
-// Input
-import { Button } from 'vant';
-
-// Output
-import Button from 'vant/es/button';
-import 'vant/es/button/style';
-```
-
-> If you are using TypeScript，please use [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) instead.
+> Vant supports tree shaking by default, so you don't necessarily need the webpack plugin, if you can't accept the full import of css.
 
 ### Import all components (not recommended)
 
@@ -199,8 +187,6 @@ const app = createApp();
 app.use(Vant);
 ```
 
-> If you configured babel-plugin-import, you won't be allowed to import all components.
-
 ### Manually import (not recommended)
 
 ```js
diff --git a/packages/vant/docs/markdown/quickstart.zh-CN.md b/packages/vant/docs/markdown/quickstart.zh-CN.md
index 050d5e447..de5aec147 100644
--- a/packages/vant/docs/markdown/quickstart.zh-CN.md
+++ b/packages/vant/docs/markdown/quickstart.zh-CN.md
@@ -93,9 +93,9 @@ pnpm add vant
 
 ## 引入组件
 
-### 在 vite 项目中按需引入组件（推荐）
+### 按需引入组件（推荐）
 
-在 vite 项目中使用 Vant 时，推荐安装 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 插件，它可以自动按需引入组件。
+在基于 `vite`、`webpack` 或 `vue-cli` 的项目中使用 Vant 时，推荐安装 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 插件，它可以自动按需引入组件。
 
 #### 1. 安装插件
 
@@ -112,7 +112,7 @@ pnpm add unplugin-vue-components -D
 
 #### 2. 配置插件
 
-安装完成后，在 `vite.config.js` 文件中配置插件：
+如果是基于 `vite` 的项目，在 `vite.config.js` 文件中配置插件：
 
 ```js
 import vue from '@vitejs/plugin-vue';
@@ -129,6 +129,38 @@ export default {
 };
 ```
 
+如果是基于 `vue-cli` 的项目，在 `vue.config.js` 文件中配置插件：
+
+```js
+const { VantResolver } = require('unplugin-vue-components/resolvers');
+const ComponentsPlugin = require('unplugin-vue-components/webpack');
+
+module.exports = {
+  configureWebpack: {
+    plugins: [
+      ComponentsPlugin({
+        resolvers: [VantResolver()],
+      }),
+    ],
+  },
+};
+```
+
+如果是基于 `webpack` 的项目，在 `webpack.config.js` 文件中配置插件：
+
+```js
+const { VantResolver } = require('unplugin-vue-components/resolvers');
+const ComponentsPlugin = require('unplugin-vue-components/webpack');
+
+module.exports = {
+  plugins: [
+    ComponentsPlugin({
+      resolvers: [VantResolver()],
+    }),
+  ],
+};
+```
+
 #### 3. 引入组件
 
 完成以上两步，就可以直接使用 Vant 组件了：
@@ -141,51 +173,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-> Vant 默认支持通过 Tree Shaking 实现 script 的按需引入。
-
-### 在非 vite 项目中按需引入组件（推荐）
-
-在非 vite 的项目中，可以通过 babel 插件来实现按需引入组件。我们需要安装 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) 插件，它会在编译过程中将 import 语句自动转换为按需引入的方式。
-
-#### 1. 安装插件
-
-```bash
-npm i babel-plugin-import -D
-```
-
-#### 2. 配置插件
-
-在.babelrc 或 babel.config.js 中添加配置：
-
-```json
-{
-  "plugins": [
-    [
-      "import",
-      {
-        "libraryName": "vant",
-        "libraryDirectory": "es",
-        "style": true
-      }
-    ]
-  ]
-}
-```
-
-#### 3. 引入组件
-
-接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为按需引入的形式。
-
-```js
-// 原始代码
-import { Button } from 'vant';
-
-// 编译后代码
-import Button from 'vant/es/button';
-import 'vant/es/button/style';
-```
-
-> 如果你在使用 TypeScript，可以使用 [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) 实现按需引入。
+> 注意：Vant 默认支持通过 Tree Shaking，因此你也可以不配置任何插件，直接通过 Tree Shaking 来移除不需要的 JS 代码，但 CSS 无法通过这种方式优化。
 
 ### 导入所有组件（不推荐）
 
@@ -200,8 +188,6 @@ const app = createApp();
 app.use(Vant);
 ```
 
-> Tips: 配置按需引入插件后，将不允许直接导入所有组件。
-
 ### 手动按需引入组件（不推荐）
 
 在不使用任何构建插件的情况下，可以手动引入需要使用的组件和样式。