From 334699d264a4cb0c653bbd359d43fee7a3f3ec54 Mon Sep 17 00:00:00 2001
From: Nemo Shen <kienshin626@gmail.com>
Date: Wed, 23 Mar 2022 17:34:46 +0800
Subject: [PATCH 1/9] fix(Tab): add key when render TabsTitle (#10392)

* fix(Tab): add key when render TabsTitle

* fix(Tab): change key

* fix(Tabs): use each TabRef.id as key
---
 packages/vant/src/tabs/Tabs.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index 7f0809a40..b4cfe595c 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -365,6 +365,7 @@ export default defineComponent({
     const renderNav = () =>
       children.map((item, index) => (
         <TabsTitle
+          key={item.id}
           v-slots={{ title: item.$slots.title }}
           id={`${id}-${index}`}
           ref={setTitleRefs(index)}

From 12a0f9a24cb1d7a248186d462338ae8828bcc54f Mon Sep 17 00:00:00 2001
From: zhbhun <zhbhun@gmail.com>
Date: Wed, 23 Mar 2022 21:52:35 +0800
Subject: [PATCH 2/9] fix: fix wrong ternary expression (#10426)

---
 packages/vant/src/composables/use-touch.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vant/src/composables/use-touch.ts b/packages/vant/src/composables/use-touch.ts
index ffb5e8cc5..0525c42d9 100644
--- a/packages/vant/src/composables/use-touch.ts
+++ b/packages/vant/src/composables/use-touch.ts
@@ -41,7 +41,7 @@ export function useTouch() {
   const move = ((event: TouchEvent) => {
     const touch = event.touches[0];
     // safari back will set clientX to negative number
-    deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
+    deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
     deltaY.value = touch.clientY - startY.value;
     offsetX.value = Math.abs(deltaX.value);
     offsetY.value = Math.abs(deltaY.value);

From 651305e8ce2014e44b791d2a0af5c865f76cd037 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 23 Mar 2022 22:09:48 +0800
Subject: [PATCH 3/9] feat(NumberKeyboard): improve shuffle algorithm (#10428)

---
 packages/vant/src/number-keyboard/NumberKeyboard.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/number-keyboard/NumberKeyboard.tsx b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
index 91e86f6ab..94c92d4b7 100644
--- a/packages/vant/src/number-keyboard/NumberKeyboard.tsx
+++ b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
@@ -65,6 +65,16 @@ const numberKeyboardProps = {
 
 export type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
 
+function shuffle(array: unknown[]) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+  return array;
+}
+
 export default defineComponent({
   name,
 
@@ -89,7 +99,7 @@ export default defineComponent({
         .map((_, i) => ({ text: i + 1 }));
 
       if (props.randomKeyOrder) {
-        keys.sort(() => (Math.random() > 0.5 ? 1 : -1));
+        shuffle(keys);
       }
 
       return keys;

From aa304ad22f2a5dea42b011b271b6abaa64aeb75f Mon Sep 17 00:00:00 2001
From: aisen <caixusheng60@gmail.com>
Date: Thu, 24 Mar 2022 09:38:58 +0800
Subject: [PATCH 4/9] docs(SwipeCell): remove css variables document (#10429)

---
 packages/vant/src/swipe-cell/README.md       | 13 -------------
 packages/vant/src/swipe-cell/README.zh-CN.md | 12 ------------
 2 files changed, 25 deletions(-)

diff --git a/packages/vant/src/swipe-cell/README.md b/packages/vant/src/swipe-cell/README.md
index 0412568a8..4f1114499 100644
--- a/packages/vant/src/swipe-cell/README.md
+++ b/packages/vant/src/swipe-cell/README.md
@@ -169,16 +169,3 @@ const swipeCellRef = ref<SwipeCellInstance>();
 
 swipeCellRef.value?.close();
 ```
-
-## Theming
-
-### CSS Variables
-
-The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
-
-| Name | Default Value | Description |
-| --- | --- | --- |
-| --van-switch-cell-padding-top | _var(--van-cell-vertical-padding) - 1px_ | - |
-| --van-switch-cell-padding-bottom | _var(--van-cell-vertical-padding) - 1px_ | - |
-| --van-switch-cell-large-padding-top | _var(--van-cell-large-vertical-padding) - 1px_ | - |
-| --van-switch-cell-large-padding-bottom | _var(--van-cell-large-vertical-padding) - 1px_ | - |
diff --git a/packages/vant/src/swipe-cell/README.zh-CN.md b/packages/vant/src/swipe-cell/README.zh-CN.md
index 42a3305d9..10c2601c1 100644
--- a/packages/vant/src/swipe-cell/README.zh-CN.md
+++ b/packages/vant/src/swipe-cell/README.zh-CN.md
@@ -179,18 +179,6 @@ const swipeCellRef = ref<SwipeCellInstance>();
 swipeCellRef.value?.close();
 ```
 
-## 主题定制
-
-### 样式变量
-
-组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
-
-| 名称 | 默认值 | 描述 |
-| --- | --- | --- |
-| --van-switch-cell-padding-top | _var(--van-cell-vertical-padding) - 1px_ | - |
-| --van-switch-cell-padding-bottom | _var(--van-cell-vertical-padding) - 1px_ | - |
-| --van-switch-cell-large-padding-top | _var(--van-cell-large-vertical-padding) - 1px_ | - |
-| --van-switch-cell-large-padding-bottom | _var(--van-cell-large-vertical-padding) - 1px_ | - |
 
 ## 常见问题
 

From c7904c4f63efc09bb0054921a9bdfb3e6b79b6a1 Mon Sep 17 00:00:00 2001
From: Nemo Shen <kienshin626@gmail.com>
Date: Thu, 24 Mar 2022 23:11:17 +0800
Subject: [PATCH 5/9] fix(DatetimePicker): fix minDate && maxDate wacher
 (#10431)

* fix(DatetimePicker): fix minDate

* fix(DatePicker): prettier

* fix(DatePicker): prettier
---
 packages/vant/src/datetime-picker/DatePicker.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/vant/src/datetime-picker/DatePicker.tsx b/packages/vant/src/datetime-picker/DatePicker.tsx
index 3bebf8809..79dacd7c3 100644
--- a/packages/vant/src/datetime-picker/DatePicker.tsx
+++ b/packages/vant/src/datetime-picker/DatePicker.tsx
@@ -296,10 +296,8 @@ export default defineComponent({
       emit('update:modelValue', oldValue ? value : null)
     );
 
-    watch(() => [props.filter, props.maxDate], updateInnerValue);
-
     watch(
-      () => props.minDate,
+      () => [props.filter, props.minDate, props.maxDate],
       () => {
         nextTick(updateInnerValue);
       }

From d02b0b8eb65f33402df6c3a3a414756bfe4fc772 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 26 Mar 2022 09:33:47 +0800
Subject: [PATCH 6/9] docs: using jsdelivr for assets (#10434)

---
 README.md                                     |  4 +--
 README.zh-CN.md                               |  4 +--
 .../generators/vue2/vant.config.js            |  2 +-
 .../generators/vue3/vant.config.mjs           |  2 +-
 packages/vant-cli/docs/config.md              |  2 +-
 packages/vant-icons/contribution.zh-CN.md     |  4 +--
 .../docs/markdown/advanced-usage.zh-CN.md     |  7 ++--
 .../vant/docs/markdown/changelog.en-US.md     |  2 +-
 .../vant/docs/markdown/changelog.zh-CN.md     |  4 +--
 packages/vant/docs/markdown/design.en-US.md   | 10 +++---
 packages/vant/docs/markdown/design.zh-CN.md   | 10 +++---
 packages/vant/docs/markdown/home.en-US.md     |  2 +-
 packages/vant/docs/markdown/home.zh-CN.md     |  2 +-
 .../vant/docs/markdown/quickstart.en-US.md    |  2 +-
 packages/vant/src/button/README.md            |  5 ++-
 packages/vant/src/button/README.zh-CN.md      |  5 ++-
 packages/vant/src/button/demo/index.vue       |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/card/README.md              |  6 ++--
 packages/vant/src/card/README.zh-CN.md        |  6 ++--
 packages/vant/src/card/demo/index.vue         |  2 +-
 .../card/test/__snapshots__/demo.spec.ts.snap |  6 ++--
 packages/vant/src/checkbox/README.md          |  5 +--
 packages/vant/src/checkbox/README.zh-CN.md    |  5 +--
 packages/vant/src/checkbox/demo/index.vue     |  5 +--
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 .../test/__snapshots__/index.spec.ts.snap     |  2 +-
 .../vant/src/coupon-list/test/index.spec.ts   |  2 +-
 packages/vant/src/dialog/README.md            |  2 +-
 packages/vant/src/dialog/README.zh-CN.md      |  2 +-
 packages/vant/src/dialog/demo/index.vue       |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/empty/README.md             |  2 +-
 packages/vant/src/empty/README.zh-CN.md       |  2 +-
 packages/vant/src/empty/demo/index.vue        |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/form/README.md              |  4 ++-
 packages/vant/src/form/README.zh-CN.md        |  4 ++-
 packages/vant/src/form/demo/FieldType.vue     |  4 ++-
 .../form/test/__snapshots__/demo.spec.ts.snap |  2 +-
 packages/vant/src/grid/README.md              |  6 ++--
 packages/vant/src/grid/README.zh-CN.md        |  6 ++--
 packages/vant/src/grid/demo/index.vue         | 15 ++++++--
 .../grid/test/__snapshots__/demo.spec.ts.snap |  6 ++--
 packages/vant/src/icon/README.md              |  2 +-
 packages/vant/src/icon/README.zh-CN.md        |  2 +-
 packages/vant/src/icon/demo/index.vue         |  2 +-
 .../icon/test/__snapshots__/demo.spec.ts.snap |  2 +-
 .../test/__snapshots__/index.spec.ts.snap     |  2 +-
 packages/vant/src/icon/test/index.spec.ts     |  2 +-
 packages/vant/src/image-preview/README.md     | 24 ++++++-------
 .../vant/src/image-preview/README.zh-CN.md    | 26 +++++++-------
 .../vant/src/image-preview/demo/index.vue     |  8 ++---
 .../test/__snapshots__/index.spec.ts.snap     |  4 +--
 .../vant/src/image-preview/test/shared.ts     |  6 ++--
 packages/vant/src/image/README.md             | 14 +++++---
 packages/vant/src/image/README.zh-CN.md       | 18 ++++++----
 packages/vant/src/image/demo/index.vue        |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap      | 34 +++++++++----------
 packages/vant/src/lazyload/README.md          |  4 +--
 packages/vant/src/lazyload/README.zh-CN.md    |  4 +--
 packages/vant/src/lazyload/demo/index.vue     | 16 ++++-----
 packages/vant/src/pull-refresh/README.md      | 12 +++++--
 .../vant/src/pull-refresh/README.zh-CN.md     | 12 +++++--
 packages/vant/src/pull-refresh/demo/index.vue | 16 ++++++---
 packages/vant/src/radio/README.md             |  5 +--
 packages/vant/src/radio/README.zh-CN.md       |  5 +--
 packages/vant/src/radio/demo/index.vue        |  5 +--
 .../test/__snapshots__/demo.spec.ts.snap      |  4 +--
 packages/vant/src/share-sheet/README.md       |  6 ++--
 packages/vant/src/share-sheet/README.zh-CN.md |  6 ++--
 packages/vant/src/share-sheet/demo/index.vue  |  6 ++--
 packages/vant/src/skeleton/demo/index.vue     |  2 +-
 packages/vant/src/swipe-cell/README.md        |  2 +-
 packages/vant/src/swipe-cell/README.zh-CN.md  |  3 +-
 packages/vant/src/swipe-cell/demo/index.vue   |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/swipe/README.md             |  4 +--
 packages/vant/src/swipe/README.zh-CN.md       |  4 +--
 packages/vant/src/swipe/demo/index.vue        |  8 ++---
 .../test/__snapshots__/demo.spec.ts.snap      |  6 ++--
 packages/vant/src/tabbar/README.md            |  4 +--
 packages/vant/src/tabbar/README.zh-CN.md      |  4 +--
 packages/vant/src/tabbar/demo/index.vue       |  4 +--
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/toast/README.md             |  2 +-
 packages/vant/src/toast/README.zh-CN.md       |  2 +-
 packages/vant/src/toast/demo/index.vue        |  2 +-
 packages/vant/src/tree-select/README.md       |  4 +--
 packages/vant/src/tree-select/README.zh-CN.md |  4 +--
 packages/vant/src/tree-select/demo/index.vue  |  4 +--
 .../test/__snapshots__/demo.spec.ts.snap      |  2 +-
 packages/vant/src/uploader/README.md          | 12 +++----
 packages/vant/src/uploader/README.zh-CN.md    | 12 +++----
 packages/vant/src/uploader/demo/index.vue     | 24 +++++++------
 .../test/__snapshots__/demo.spec.ts.snap      | 20 +++++------
 .../test/__snapshots__/index.spec.ts.snap     | 12 +++----
 packages/vant/src/uploader/test/index.spec.ts | 12 ++++---
 packages/vant/vant.config.mjs                 | 10 +++---
 99 files changed, 326 insertions(+), 267 deletions(-)

diff --git a/README.md b/README.md
index 5660e0794..279cbf6a9 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://img.yzcdn.cn/vant/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
 </p>
 
 <h1 align="center">Vant</h1>
@@ -113,7 +113,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 You can scan the following QR code to access the demo：
 
-<img src="https://img.yzcdn.cn/vant/preview_qrcode_20180528.png" width="220" height="220" >
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
 
 ## Core Team
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index c76cea373..476b07bb8 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://img.yzcdn.cn/vant/logo.png" width="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" width="120" style="margin-bottom: 10px;">
 </p>
 
 <h1 align="center">Vant</h1>
@@ -121,7 +121,7 @@ Vant 3/4 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一
 
 可以手机扫码以下二维码访问手机端 demo：
 
-<img src="https://img.yzcdn.cn/vant/preview_qrcode_20180528.png" width="220" height="220" >
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
 
 ## 核心团队
 
diff --git a/packages/create-vant-cli-app/generators/vue2/vant.config.js b/packages/create-vant-cli-app/generators/vue2/vant.config.js
index 749ef1a35..a7fe8bb3c 100644
--- a/packages/create-vant-cli-app/generators/vue2/vant.config.js
+++ b/packages/create-vant-cli-app/generators/vue2/vant.config.js
@@ -10,7 +10,7 @@ module.exports = {
   },
   site: {
     title: '<%= name %>',
-    logo: 'https://img.yzcdn.cn/vant/logo.png',
+    logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
     nav: [
       {
         title: '开发指南',
diff --git a/packages/create-vant-cli-app/generators/vue3/vant.config.mjs b/packages/create-vant-cli-app/generators/vue3/vant.config.mjs
index 314aa23e8..6e71e8679 100644
--- a/packages/create-vant-cli-app/generators/vue3/vant.config.mjs
+++ b/packages/create-vant-cli-app/generators/vue3/vant.config.mjs
@@ -10,7 +10,7 @@ export default {
   },
   site: {
     title: '<%= name %>',
-    logo: 'https://img.yzcdn.cn/vant/logo.png',
+    logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
     nav: [
       {
         title: '开发指南',
diff --git a/packages/vant-cli/docs/config.md b/packages/vant-cli/docs/config.md
index 88303e7fd..4e927cbc9 100644
--- a/packages/vant-cli/docs/config.md
+++ b/packages/vant-cli/docs/config.md
@@ -44,7 +44,7 @@ export default {
     // 标题
     title: 'Demo UI',
     // 图标
-    logo: 'https://img.yzcdn.cn/vant/logo.png',
+    logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
     // 描述
     description: '示例组件库',
     // 左侧导航
diff --git a/packages/vant-icons/contribution.zh-CN.md b/packages/vant-icons/contribution.zh-CN.md
index 410ed2787..222b9d8f1 100644
--- a/packages/vant-icons/contribution.zh-CN.md
+++ b/packages/vant-icons/contribution.zh-CN.md
@@ -20,7 +20,7 @@ Vant 图标库托管在 [iconfont.cn](https://iconfont.cn) 上，同时仓库中
 
 从 Sketch 中导出图标对应的 SVG 文件，并上传到 [iconfont 项目](https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2553510)中。
 
-<img src="https://img.yzcdn.cn/upload_files/2021/12/21/Fi0XXEorB1SVr_BT-Dz6txHOKNlB.png" style="width: 800px;">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/iconfont-upload.png" style="width: 800px;">
 
 > 此步骤需要图标库管理员权限，请联系 Vant 维护者进行添加。
 
@@ -38,7 +38,7 @@ Vant 图标库托管在 [iconfont.cn](https://iconfont.cn) 上，同时仓库中
 
 字体文件的 base64 URL 通过 [transfonter](https://transfonter.org/) 生成，步骤如下图所示：
 
-<img src="https://img01.yzcdn.cn/upload_files/2021/12/21/FlMHanQNhDV1XWaw8spnAtHKumjW.png" style="width: 800px;">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/icon-transform.png" style="width: 800px;">
 
 ### 4. 发布图标库
 
diff --git a/packages/vant/docs/markdown/advanced-usage.zh-CN.md b/packages/vant/docs/markdown/advanced-usage.zh-CN.md
index ca0edc4e8..50ce21981 100644
--- a/packages/vant/docs/markdown/advanced-usage.zh-CN.md
+++ b/packages/vant/docs/markdown/advanced-usage.zh-CN.md
@@ -92,8 +92,9 @@ export default {
   data() {
     return {
       checked: true,
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      activeIcon: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactiveIcon:
+        'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
   },
 };
@@ -223,4 +224,4 @@ iPhone X 等机型底部存在底部指示条，指示条的操作区域与页
 <van-number-keyboard safe-area-inset-bottom />
 ```
 
-<img src="https://img.yzcdn.cn/vant/safearea.png">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/safearea.png">
diff --git a/packages/vant/docs/markdown/changelog.en-US.md b/packages/vant/docs/markdown/changelog.en-US.md
index 6053d8498..7f6ee63c6 100644
--- a/packages/vant/docs/markdown/changelog.en-US.md
+++ b/packages/vant/docs/markdown/changelog.en-US.md
@@ -978,7 +978,7 @@ Reference: [Vant 3.0 正式发布：全面拥抱 Vue 3](https://github.com/youza
 
 - add Cascader component [#7771](https://github.com/youzan/vant/pull/7771)
 
-<img src="https://b.yzcdn.cn/vant/cascader_1221.png">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/cascader_1221.png">
 
 **Feature**
 
diff --git a/packages/vant/docs/markdown/changelog.zh-CN.md b/packages/vant/docs/markdown/changelog.zh-CN.md
index e50ff912c..f0cb7a6b8 100644
--- a/packages/vant/docs/markdown/changelog.zh-CN.md
+++ b/packages/vant/docs/markdown/changelog.zh-CN.md
@@ -981,7 +981,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 - 新增 Cascader 级联选择组件 [#7771](https://github.com/youzan/vant/pull/7771)
 
-<img src="https://b.yzcdn.cn/vant/cascader_1221.png">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/cascader_1221.png">
 
 **Feature**
 
@@ -1069,7 +1069,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 
 - 新增 [Popover 气泡弹出框](#/zh-CN/popover)组件 [#7579](https://github.com/youzan/vant/issues/7579)
 
-![](https://img.yzcdn.cn/vant/component-preview-1122.png)
+![](https://cdn.jsdelivr.net/npm/@vant/assets/component-preview-1122.png)
 
 **Feature**
 
diff --git a/packages/vant/docs/markdown/design.en-US.md b/packages/vant/docs/markdown/design.en-US.md
index c518f2417..fc2a49b7d 100644
--- a/packages/vant/docs/markdown/design.en-US.md
+++ b/packages/vant/docs/markdown/design.en-US.md
@@ -12,15 +12,15 @@ Contains color specifications, font specifications, and component design specifi
 
 #### Colors
 
-<img src="https://img.yzcdn.cn/vant/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 #### Fonts
 
-<img src="https://img.yzcdn.cn/vant/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 #### Components
 
-<img src="https://img.yzcdn.cn/vant/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://github.com/youzan/vant/blob/dev/packages/vant/docs/assets/design.sketch?raw=true">Download</a>
 
@@ -28,13 +28,13 @@ Contains color specifications, font specifications, and component design specifi
 
 Contains icon library resources.
 
-<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://github.com/youzan/vant/blob/dev/packages/vant-icons/assets/icons.sketch?raw=true">Download</a>
 
 ### Axure
 
-<img src="https://img.yzcdn.cn/vant/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200905.zip">Download</a>
 
diff --git a/packages/vant/docs/markdown/design.zh-CN.md b/packages/vant/docs/markdown/design.zh-CN.md
index 99d62c5b3..c752cc242 100644
--- a/packages/vant/docs/markdown/design.zh-CN.md
+++ b/packages/vant/docs/markdown/design.zh-CN.md
@@ -12,15 +12,15 @@
 
 #### 色彩规范
 
-<img src="https://img.yzcdn.cn/vant/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 #### 字体规范
 
-<img src="https://img.yzcdn.cn/vant/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 #### 组件规范
 
-<img src="https://img.yzcdn.cn/vant/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://github.com/youzan/vant/blob/dev/packages/vant/docs/assets/design.sketch?raw=true">下载</a>
 
@@ -28,7 +28,7 @@
 
 包含 Sketch 格式的图标库资源。
 
-<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://github.com/youzan/vant/blob/dev/packages/vant-icons/assets/icons.sketch?raw=true">下载</a>
 
@@ -40,7 +40,7 @@ Vant 的所有图标都托管在 **iconfont.cn** 上，点此查看：[Vant 图
 
 Axure 元件库，由社区的 [@axure-tczy](https://github.com/axure-tczy) 同学贡献。
 
-<img src="https://img.yzcdn.cn/vant/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+<img src="https://cdn.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
 <a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200905.zip">下载</a>
 
diff --git a/packages/vant/docs/markdown/home.en-US.md b/packages/vant/docs/markdown/home.en-US.md
index 4113ce6ea..ed50b2880 100644
--- a/packages/vant/docs/markdown/home.en-US.md
+++ b/packages/vant/docs/markdown/home.en-US.md
@@ -1,6 +1,6 @@
 <div class="van-doc-card">
   <div class="van-doc-intro">
-    <img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://img.yzcdn.cn/vant/logo.png">
+    <img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png">
     <h2 style="margin: 0; font-size: 36px; line-height: 60px;">Vant</h2>
     <p>Mobile UI Components built on Vue</p>
   </div>
diff --git a/packages/vant/docs/markdown/home.zh-CN.md b/packages/vant/docs/markdown/home.zh-CN.md
index 03bca6a89..d01bd3f7d 100644
--- a/packages/vant/docs/markdown/home.zh-CN.md
+++ b/packages/vant/docs/markdown/home.zh-CN.md
@@ -1,6 +1,6 @@
 <div class="van-doc-card">
   <div class="van-doc-intro">
-    <img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://img.yzcdn.cn/vant/logo.png">
+    <img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png">
     <h2 style="margin: 0; font-size: 36px; line-height: 60px;">Vant</h2>
     <p>轻量、可靠的移动端 Vue 组件库</p>
   </div>
diff --git a/packages/vant/docs/markdown/quickstart.en-US.md b/packages/vant/docs/markdown/quickstart.en-US.md
index 85e21413d..eeba1f27d 100644
--- a/packages/vant/docs/markdown/quickstart.en-US.md
+++ b/packages/vant/docs/markdown/quickstart.en-US.md
@@ -86,7 +86,7 @@ vue create hello-world
 vue ui
 ```
 
-![](https://img.yzcdn.cn/vant/vue-cli-demo-201809030812.png)
+![](https://cdn.jsdelivr.net/npm/@vant/assets/vue-cli-demo-201809030812.png)
 
 In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to the dependencies.
 
diff --git a/packages/vant/src/button/README.md b/packages/vant/src/button/README.md
index 2e7fdbf0a..323bc7810 100644
--- a/packages/vant/src/button/README.md
+++ b/packages/vant/src/button/README.md
@@ -69,7 +69,10 @@ app.use(Button);
 ```html
 <van-button icon="plus" type="primary" />
 <van-button icon="plus" type="primary">Button</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="primary">
+<van-button
+  icon="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png"
+  type="primary"
+>
   Button
 </van-button>
 ```
diff --git a/packages/vant/src/button/README.zh-CN.md b/packages/vant/src/button/README.zh-CN.md
index a5c01399d..6d9080c54 100644
--- a/packages/vant/src/button/README.zh-CN.md
+++ b/packages/vant/src/button/README.zh-CN.md
@@ -83,7 +83,10 @@ app.use(Button);
 ```html
 <van-button icon="plus" type="primary" />
 <van-button icon="plus" type="primary">按钮</van-button>
-<van-button icon="https://img.yzcdn.cn/vant/user-active.png" type="primary">
+<van-button
+  icon="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png"
+  type="primary"
+>
   按钮
 </van-button>
 ```
diff --git a/packages/vant/src/button/demo/index.vue b/packages/vant/src/button/demo/index.vue
index b2d92f8f6..1b328962f 100644
--- a/packages/vant/src/button/demo/index.vue
+++ b/packages/vant/src/button/demo/index.vue
@@ -107,7 +107,7 @@ const t = useTranslate({
     <van-button
       plain
       type="primary"
-      icon="https://img.yzcdn.cn/vant/user-active.png"
+      icon="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png"
       :text="t('button')"
     />
   </demo-block>
diff --git a/packages/vant/src/button/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/button/test/__snapshots__/demo.spec.ts.snap
index e099ab638..8804e27c2 100644
--- a/packages/vant/src/button/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/button/test/__snapshots__/demo.spec.ts.snap
@@ -237,7 +237,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-button__content">
       <i class="van-badge__wrapper van-icon van-button__icon">
         <img class="van-icon__image"
-             src="https://img.yzcdn.cn/vant/user-active.png"
+             src="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png"
         >
       </i>
       <span class="van-button__text">
diff --git a/packages/vant/src/card/README.md b/packages/vant/src/card/README.md
index 5c1e9aef5..927f1fc09 100644
--- a/packages/vant/src/card/README.md
+++ b/packages/vant/src/card/README.md
@@ -26,7 +26,7 @@ app.use(Card);
   price="2.00"
   title="Title"
   desc="Description"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
 />
 ```
 
@@ -40,7 +40,7 @@ app.use(Card);
   title="Title"
   desc="Description"
   origin-price="10.00"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
 />
 ```
 
@@ -54,7 +54,7 @@ Use slot to custom content.
   title="Title"
   desc="Description"
   price="2.00"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
 >
   <template #tags>
     <van-tag plain type="danger">Tag</van-tag>
diff --git a/packages/vant/src/card/README.zh-CN.md b/packages/vant/src/card/README.zh-CN.md
index 56f2b6dae..e67961705 100644
--- a/packages/vant/src/card/README.zh-CN.md
+++ b/packages/vant/src/card/README.zh-CN.md
@@ -26,7 +26,7 @@ app.use(Card);
   price="2.00"
   desc="描述信息"
   title="商品标题"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
 />
 ```
 
@@ -41,7 +41,7 @@ app.use(Card);
   price="2.00"
   desc="描述信息"
   title="商品标题"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
   origin-price="10.00"
 />
 ```
@@ -56,7 +56,7 @@ app.use(Card);
   price="2.00"
   desc="描述信息"
   title="商品标题"
-  thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
+  thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
 >
   <template #tags>
     <van-tag plain type="danger">标签</van-tag>
diff --git a/packages/vant/src/card/demo/index.vue b/packages/vant/src/card/demo/index.vue
index 901f4ec8d..fc2f39da8 100644
--- a/packages/vant/src/card/demo/index.vue
+++ b/packages/vant/src/card/demo/index.vue
@@ -16,7 +16,7 @@ const t = useTranslate({
   },
 });
 
-const imageURL = 'https://img.yzcdn.cn/vant/ipad.jpeg';
+const imageURL = 'https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg';
 </script>
 
 <template>
diff --git a/packages/vant/src/card/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/card/test/__snapshots__/demo.spec.ts.snap
index 164ef9a03..f20677b26 100644
--- a/packages/vant/src/card/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/card/test/__snapshots__/demo.spec.ts.snap
@@ -8,7 +8,7 @@ exports[`should render demo and match snapshot 1`] = `
         <div class="van-image"
              style="width: 100%; height: 100%;"
         >
-          <img src="https://img.yzcdn.cn/vant/ipad.jpeg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -57,7 +57,7 @@ exports[`should render demo and match snapshot 1`] = `
         <div class="van-image"
              style="width: 100%; height: 100%;"
         >
-          <img src="https://img.yzcdn.cn/vant/ipad.jpeg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -116,7 +116,7 @@ exports[`should render demo and match snapshot 1`] = `
         <div class="van-image"
              style="width: 100%; height: 100%;"
         >
-          <img src="https://img.yzcdn.cn/vant/ipad.jpeg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
diff --git a/packages/vant/src/checkbox/README.md b/packages/vant/src/checkbox/README.md
index 37cbdee96..bcc751908 100644
--- a/packages/vant/src/checkbox/README.md
+++ b/packages/vant/src/checkbox/README.md
@@ -89,8 +89,9 @@ export default {
     const checked = ref(true);
     return {
       checked,
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      activeIcon: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactiveIcon:
+        'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
   },
 };
diff --git a/packages/vant/src/checkbox/README.zh-CN.md b/packages/vant/src/checkbox/README.zh-CN.md
index 749ee1b39..cc0176a93 100644
--- a/packages/vant/src/checkbox/README.zh-CN.md
+++ b/packages/vant/src/checkbox/README.zh-CN.md
@@ -97,8 +97,9 @@ export default {
     const checked = ref(true);
     return {
       checked,
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      activeIcon: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactiveIcon:
+        'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
   },
 };
diff --git a/packages/vant/src/checkbox/demo/index.vue b/packages/vant/src/checkbox/demo/index.vue
index 75ab4b606..c42b8011a 100644
--- a/packages/vant/src/checkbox/demo/index.vue
+++ b/packages/vant/src/checkbox/demo/index.vue
@@ -58,8 +58,9 @@ const state = reactive({
   horizontalResult: [],
 });
 
-const activeIcon = 'https://img.yzcdn.cn/vant/user-active.png';
-const inactiveIcon = 'https://img.yzcdn.cn/vant/user-inactive.png';
+const activeIcon = 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png';
+const inactiveIcon =
+  'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png';
 
 const group = ref<CheckboxGroupInstance>();
 const [refs, setRefs] = useRefs<CheckboxInstance>();
diff --git a/packages/vant/src/checkbox/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/checkbox/test/__snapshots__/demo.spec.ts.snap
index 23931ec5e..026536bcf 100644
--- a/packages/vant/src/checkbox/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/checkbox/test/__snapshots__/demo.spec.ts.snap
@@ -98,7 +98,7 @@ exports[`should render demo and match snapshot 1`] = `
        aria-checked="true"
   >
     <div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
-      <img src="https://img.yzcdn.cn/vant/user-active.png">
+      <img src="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png">
     </div>
     <span class="van-checkbox__label">
       Custom Icon
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index a460ec48e..41a01ffc2 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -589,7 +589,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
              style="height: 624px;"
         >
           <div class="van-coupon-list__empty">
-            <img src="https://img.yzcdn.com/xxx.png">
+            <img src="https://cdn.jsdelivr.net/npm/@vant/assets/xxx.jpeg">
             <p>
               No coupons
             </p>
diff --git a/packages/vant/src/coupon-list/test/index.spec.ts b/packages/vant/src/coupon-list/test/index.spec.ts
index a6e1ed734..e897313b1 100644
--- a/packages/vant/src/coupon-list/test/index.spec.ts
+++ b/packages/vant/src/coupon-list/test/index.spec.ts
@@ -106,7 +106,7 @@ test('should have two "van-coupon-list__empty" classes when render coupon list i
 test('should use custom src when using empty-image prop', async () => {
   const wrapper = mount(CouponList, {
     props: {
-      emptyImage: 'https://img.yzcdn.com/xxx.png',
+      emptyImage: 'https://cdn.jsdelivr.net/npm/@vant/assets/xxx.jpeg',
     },
   });
 
diff --git a/packages/vant/src/dialog/README.md b/packages/vant/src/dialog/README.md
index 2caec7b5a..afccdf491 100644
--- a/packages/vant/src/dialog/README.md
+++ b/packages/vant/src/dialog/README.md
@@ -112,7 +112,7 @@ If you need to render vue components within a dialog, you can use dialog compone
 
 ```html
 <van-dialog v-model:show="show" title="Title" show-cancel-button>
-  <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+  <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg" />
 </van-dialog>
 ```
 
diff --git a/packages/vant/src/dialog/README.zh-CN.md b/packages/vant/src/dialog/README.zh-CN.md
index 5e3354929..edcd9261c 100644
--- a/packages/vant/src/dialog/README.zh-CN.md
+++ b/packages/vant/src/dialog/README.zh-CN.md
@@ -156,7 +156,7 @@ export default {
 
 ```html
 <van-dialog v-model:show="show" title="标题" show-cancel-button>
-  <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+  <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg" />
 </van-dialog>
 ```
 
diff --git a/packages/vant/src/dialog/demo/index.vue b/packages/vant/src/dialog/demo/index.vue
index 30dc145da..43fab7105 100644
--- a/packages/vant/src/dialog/demo/index.vue
+++ b/packages/vant/src/dialog/demo/index.vue
@@ -36,7 +36,7 @@ const t = useTranslate({
 });
 
 const show = ref(false);
-const image = 'https://img.yzcdn.cn/vant/apple-3.jpg';
+const image = 'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg';
 
 const onClickAlert = () => {
   Dialog.alert({
diff --git a/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
index 449213100..9222edfc1 100644
--- a/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
@@ -105,7 +105,7 @@ exports[`should render demo and match snapshot 1`] = `
         Title
       </div>
       <div class="van-dialog__content">
-        <img src="https://img.yzcdn.cn/vant/apple-3.jpg">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg">
       </div>
       <div class="van-hairline--top van-dialog__footer">
         <button type="button"
diff --git a/packages/vant/src/empty/README.md b/packages/vant/src/empty/README.md
index cb2452178..7d4d8400d 100644
--- a/packages/vant/src/empty/README.md
+++ b/packages/vant/src/empty/README.md
@@ -42,7 +42,7 @@ Use the image prop to display different placeholder images.
 ```html
 <van-empty
   class="custom-image"
-  image="https://img.yzcdn.cn/vant/leaf.jpg"
+  image="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
   description="Description"
 />
 
diff --git a/packages/vant/src/empty/README.zh-CN.md b/packages/vant/src/empty/README.zh-CN.md
index f506c40cb..6e1e6a44e 100644
--- a/packages/vant/src/empty/README.zh-CN.md
+++ b/packages/vant/src/empty/README.zh-CN.md
@@ -44,7 +44,7 @@ Empty 组件内置了多种占位图片类型，可以在不同业务场景下
 ```html
 <van-empty
   class="custom-image"
-  image="https://img.yzcdn.cn/vant/custom-empty-image.png"
+  image="https://cdn.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
   description="描述文字"
 />
 
diff --git a/packages/vant/src/empty/demo/index.vue b/packages/vant/src/empty/demo/index.vue
index 0290533a6..8812e680a 100644
--- a/packages/vant/src/empty/demo/index.vue
+++ b/packages/vant/src/empty/demo/index.vue
@@ -52,7 +52,7 @@ const active = ref('error');
   <demo-block :title="t('customImage')">
     <van-empty
       class="custom-image"
-      image="https://img.yzcdn.cn/vant/custom-empty-image.png"
+      image="https://cdn.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
       :description="t('description')"
     />
   </demo-block>
diff --git a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
index d55e14031..cfc5ab50b 100644
--- a/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/empty/test/__snapshots__/demo.spec.ts.snap
@@ -96,7 +96,7 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-empty custom-image">
     <div class="van-empty__image">
-      <img src="https://img.yzcdn.cn/vant/custom-empty-image.png">
+      <img src="https://cdn.jsdelivr.net/npm/@vant/assets/custom-empty-image.png">
     </div>
     <p class="van-empty__description">
       Description
diff --git a/packages/vant/src/form/README.md b/packages/vant/src/form/README.md
index cc928af84..f652b9f33 100644
--- a/packages/vant/src/form/README.md
+++ b/packages/vant/src/form/README.md
@@ -308,7 +308,9 @@ import { ref } from 'vue';
 
 export default {
   setup() {
-    const value = ref([{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' }]);
+    const value = ref([
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
+    ]);
     return { value };
   },
 };
diff --git a/packages/vant/src/form/README.zh-CN.md b/packages/vant/src/form/README.zh-CN.md
index 2f4e1b769..41904eb48 100644
--- a/packages/vant/src/form/README.zh-CN.md
+++ b/packages/vant/src/form/README.zh-CN.md
@@ -332,7 +332,9 @@ import { ref } from 'vue';
 
 export default {
   setup() {
-    const value = ref([{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' }]);
+    const value = ref([
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
+    ]);
     return { value };
   },
 };
diff --git a/packages/vant/src/form/demo/FieldType.vue b/packages/vant/src/form/demo/FieldType.vue
index 81b42e7c5..b1da7ca56 100644
--- a/packages/vant/src/form/demo/FieldType.vue
+++ b/packages/vant/src/form/demo/FieldType.vue
@@ -54,7 +54,9 @@ const rate = ref(3);
 const radio = ref('1');
 const slider = ref(50);
 const stepper = ref(1);
-const uploader = ref([{ url: 'https://img.yzcdn.cn/vant/leaf.jpg' }]);
+const uploader = ref([
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
+]);
 const checkbox = ref(false);
 const checkboxGroup = ref([]);
 const switchChecked = ref(false);
diff --git a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
index 04062414c..f567d4dec 100644
--- a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
@@ -450,7 +450,7 @@ exports[`should render demo and match snapshot 1`] = `
                 <div class="van-uploader__wrapper">
                   <div class="van-uploader__preview">
                     <div class="van-image van-uploader__preview-image">
-                      <img src="https://img.yzcdn.cn/vant/leaf.jpg"
+                      <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
                            class="van-image__img"
                            style="object-fit: cover;"
                       >
diff --git a/packages/vant/src/grid/README.md b/packages/vant/src/grid/README.md
index 16e01ddf6..952c95949 100644
--- a/packages/vant/src/grid/README.md
+++ b/packages/vant/src/grid/README.md
@@ -43,13 +43,13 @@ app.use(GridItem);
 ```html
 <van-grid :border="false" :column-num="3">
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg" />
   </van-grid-item>
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg" />
   </van-grid-item>
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg" />
   </van-grid-item>
 </van-grid>
 ```
diff --git a/packages/vant/src/grid/README.zh-CN.md b/packages/vant/src/grid/README.zh-CN.md
index ee3a88412..3f68233b1 100644
--- a/packages/vant/src/grid/README.zh-CN.md
+++ b/packages/vant/src/grid/README.zh-CN.md
@@ -49,13 +49,13 @@ app.use(GridItem);
 ```html
 <van-grid :border="false" :column-num="3">
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg" />
   </van-grid-item>
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg" />
   </van-grid-item>
   <van-grid-item>
-    <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+    <van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg" />
   </van-grid-item>
 </van-grid>
 ```
diff --git a/packages/vant/src/grid/demo/index.vue b/packages/vant/src/grid/demo/index.vue
index 49882447b..81f265be5 100644
--- a/packages/vant/src/grid/demo/index.vue
+++ b/packages/vant/src/grid/demo/index.vue
@@ -48,13 +48,22 @@ const t = useTranslate({
   <demo-block :title="t('customContent')">
     <van-grid :border="false" :column-num="3">
       <van-grid-item>
-        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+        <van-image
+          fit="contain"
+          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
+        />
       </van-grid-item>
       <van-grid-item>
-        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+        <van-image
+          fit="contain"
+          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
+        />
       </van-grid-item>
       <van-grid-item>
-        <van-image fit="contain" src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+        <van-image
+          fit="contain"
+          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg"
+        />
       </van-grid-item>
     </van-grid>
   </demo-block>
diff --git a/packages/vant/src/grid/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/grid/test/__snapshots__/demo.spec.ts.snap
index a9807a062..c301f7d78 100644
--- a/packages/vant/src/grid/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/grid/test/__snapshots__/demo.spec.ts.snap
@@ -126,7 +126,7 @@ exports[`should render demo and match snapshot 1`] = `
     >
       <div class="van-grid-item__content van-grid-item__content--center">
         <div class="van-image">
-          <img src="https://img.yzcdn.cn/vant/apple-1.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
                class="van-image__img"
                style="object-fit: contain;"
           >
@@ -142,7 +142,7 @@ exports[`should render demo and match snapshot 1`] = `
     >
       <div class="van-grid-item__content van-grid-item__content--center">
         <div class="van-image">
-          <img src="https://img.yzcdn.cn/vant/apple-2.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
                class="van-image__img"
                style="object-fit: contain;"
           >
@@ -158,7 +158,7 @@ exports[`should render demo and match snapshot 1`] = `
     >
       <div class="van-grid-item__content van-grid-item__content--center">
         <div class="van-image">
-          <img src="https://img.yzcdn.cn/vant/apple-3.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg"
                class="van-image__img"
                style="object-fit: contain;"
           >
diff --git a/packages/vant/src/icon/README.md b/packages/vant/src/icon/README.md
index 2c4571264..4a4a2c016 100644
--- a/packages/vant/src/icon/README.md
+++ b/packages/vant/src/icon/README.md
@@ -31,7 +31,7 @@ Use `name` prop to set icon name or icon URL.
 You can directly passing an image URL to the `name` props.
 
 ```html
-<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
+<van-icon name="https://cdn.jsdelivr.net/npm/@vant/assets/icon-demo.png" />
 ```
 
 ### Show Badge
diff --git a/packages/vant/src/icon/README.zh-CN.md b/packages/vant/src/icon/README.zh-CN.md
index 5d4ae2822..0982a0b38 100644
--- a/packages/vant/src/icon/README.zh-CN.md
+++ b/packages/vant/src/icon/README.zh-CN.md
@@ -31,7 +31,7 @@ app.use(Icon);
 你也可以直接在 `name` 属性中传入一个图片 URL 来作为图标。
 
 ```html
-<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
+<van-icon name="https://cdn.jsdelivr.net/npm/@vant/assets/icon-demo.png" />
 ```
 
 ### 徽标提示
diff --git a/packages/vant/src/icon/demo/index.vue b/packages/vant/src/icon/demo/index.vue
index 241361dde..78cb7462b 100644
--- a/packages/vant/src/icon/demo/index.vue
+++ b/packages/vant/src/icon/demo/index.vue
@@ -63,7 +63,7 @@ const t = useTranslate({
 
 const tab = ref(0);
 const demoIcon = 'chat-o';
-const demoImage = 'https://b.yzcdn.cn/vant/icon-demo-1126.png';
+const demoImage = 'https://cdn.jsdelivr.net/npm/@vant/assets/icon-demo.png';
 
 const copy = (icon: string, option: Record<string, unknown> = {}) => {
   let tag = `<van-icon name="${icon}"`;
diff --git a/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
index eaac74dc5..d2d7c37cc 100644
--- a/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/icon/test/__snapshots__/demo.spec.ts.snap
@@ -78,7 +78,7 @@ exports[`should render demo and match snapshot 1`] = `
           <div class="van-col van-col--6">
             <i class="van-badge__wrapper van-icon">
               <img class="van-icon__image"
-                   src="https://b.yzcdn.cn/vant/icon-demo-1126.png"
+                   src="https://cdn.jsdelivr.net/npm/@vant/assets/icon-demo.png"
               >
             </i>
           </div>
diff --git a/packages/vant/src/icon/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/icon/test/__snapshots__/index.spec.ts.snap
index 90a603fd9..3c7a3e5cc 100644
--- a/packages/vant/src/icon/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/icon/test/__snapshots__/index.spec.ts.snap
@@ -33,7 +33,7 @@ exports[`should render icon with local image correctly 1`] = `
 exports[`should render icon with url name correctly 1`] = `
 <i class="van-badge__wrapper van-icon">
   <img class="van-icon__image"
-       src="https://img.yzcdn.com/icon.jpg"
+       src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
   >
 </i>
 `;
diff --git a/packages/vant/src/icon/test/index.spec.ts b/packages/vant/src/icon/test/index.spec.ts
index 6d272131c..12b7b5fd3 100644
--- a/packages/vant/src/icon/test/index.spec.ts
+++ b/packages/vant/src/icon/test/index.spec.ts
@@ -13,7 +13,7 @@ test('should render icon with builtin icon name correctly', () => {
 test('should render icon with url name correctly', () => {
   const wrapper = mount(Icon, {
     props: {
-      name: 'https://img.yzcdn.com/icon.jpg',
+      name: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
     },
   });
   expect(wrapper.html()).toMatchSnapshot();
diff --git a/packages/vant/src/image-preview/README.md b/packages/vant/src/image-preview/README.md
index 48d69c8e4..18708ea98 100644
--- a/packages/vant/src/image-preview/README.md
+++ b/packages/vant/src/image-preview/README.md
@@ -22,8 +22,8 @@ app.use(ImagePreview);
 
 ```js
 ImagePreview([
-  'https://img.yzcdn.cn/vant/apple-1.jpg',
-  'https://img.yzcdn.cn/vant/apple-2.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
 ]);
 ```
 
@@ -32,8 +32,8 @@ ImagePreview([
 ```js
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   startPosition: 1,
 });
@@ -46,8 +46,8 @@ After setting the `closeable` attribute, the close icon will be displayed in the
 ```js
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   closeable: true,
 });
@@ -60,8 +60,8 @@ import { Toast } from 'vant';
 
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   onClose() {
     Toast('closed');
@@ -74,8 +74,8 @@ ImagePreview({
 ```js
 const instance = ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   beforeClose: () => false,
 });
@@ -101,8 +101,8 @@ export default {
     const show = ref(false);
     const index = ref(0);
     const images = [
-      'https://img.yzcdn.cn/vant/apple-1.jpg',
-      'https://img.yzcdn.cn/vant/apple-2.jpg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
     ];
     const onChange = (newIndex) => {
       index.value = newIndex;
diff --git a/packages/vant/src/image-preview/README.zh-CN.md b/packages/vant/src/image-preview/README.zh-CN.md
index 8387dbef9..758316c91 100644
--- a/packages/vant/src/image-preview/README.zh-CN.md
+++ b/packages/vant/src/image-preview/README.zh-CN.md
@@ -11,7 +11,7 @@
 ```js
 import { ImagePreview } from 'vant';
 
-ImagePreview(['https://img.yzcdn.cn/vant/apple-1.jpg']);
+ImagePreview(['https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg']);
 ```
 
 ### 组件调用
@@ -57,8 +57,8 @@ export default {
 
 ```js
 ImagePreview([
-  'https://img.yzcdn.cn/vant/apple-1.jpg',
-  'https://img.yzcdn.cn/vant/apple-2.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
 ]);
 ```
 
@@ -69,8 +69,8 @@ ImagePreview([
 ```js
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   startPosition: 1,
 });
@@ -83,8 +83,8 @@ ImagePreview({
 ```js
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   closeable: true,
 });
@@ -99,8 +99,8 @@ import { Toast } from 'vant';
 
 ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   onClose() {
     Toast('关闭');
@@ -115,8 +115,8 @@ ImagePreview({
 ```js
 const instance = ImagePreview({
   images: [
-    'https://img.yzcdn.cn/vant/apple-1.jpg',
-    'https://img.yzcdn.cn/vant/apple-2.jpg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+    'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
   ],
   beforeClose: () => false,
 });
@@ -145,8 +145,8 @@ export default {
     const show = ref(false);
     const index = ref(0);
     const images = [
-      'https://img.yzcdn.cn/vant/apple-1.jpg',
-      'https://img.yzcdn.cn/vant/apple-2.jpg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
     ];
     const onChange = (newIndex) => {
       index.value = newIndex;
diff --git a/packages/vant/src/image-preview/demo/index.vue b/packages/vant/src/image-preview/demo/index.vue
index 749944a7b..344b742b8 100644
--- a/packages/vant/src/image-preview/demo/index.vue
+++ b/packages/vant/src/image-preview/demo/index.vue
@@ -33,10 +33,10 @@ const t = useTranslate({
 });
 
 const images = [
-  'https://img.yzcdn.cn/vant/apple-1.jpg',
-  'https://img.yzcdn.cn/vant/apple-2.jpg',
-  'https://img.yzcdn.cn/vant/apple-3.jpg',
-  'https://img.yzcdn.cn/vant/apple-4.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
 ];
 
 const show = ref(false);
diff --git a/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
index af5819660..502fe84fd 100644
--- a/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
@@ -79,7 +79,7 @@ exports[`zoom in and drag image to move 1`] = `
 <div class="van-image van-image-preview__image"
      style="transition-duration: .3s;"
 >
-  <img src="https://img.yzcdn.cn/1.png"
+  <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
        class="van-image__img"
        style="object-fit: contain;"
   >
@@ -120,7 +120,7 @@ exports[`zoom in and drag image to move 2`] = `
 <div class="van-image van-image-preview__image"
      style="transition-duration: .3s;"
 >
-  <img src="https://img.yzcdn.cn/1.png"
+  <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
        class="van-image__img"
        style="object-fit: contain;"
   >
diff --git a/packages/vant/src/image-preview/test/shared.ts b/packages/vant/src/image-preview/test/shared.ts
index f5ea64fd4..6888d96e2 100644
--- a/packages/vant/src/image-preview/test/shared.ts
+++ b/packages/vant/src/image-preview/test/shared.ts
@@ -2,9 +2,9 @@ import { DOMWrapper } from '@vue/test-utils/dist/domWrapper';
 import { trigger } from '../../../test';
 
 export const images = [
-  'https://img.yzcdn.cn/1.png',
-  'https://img.yzcdn.cn/2.png',
-  'https://img.yzcdn.cn/3.png',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
 ];
 
 function triggerTwoFingerTouchmove(
diff --git a/packages/vant/src/image/README.md b/packages/vant/src/image/README.md
index a212addb0..99d9194fd 100644
--- a/packages/vant/src/image/README.md
+++ b/packages/vant/src/image/README.md
@@ -21,7 +21,11 @@ app.use(VanImage);
 ### Basic Usage
 
 ```html
-<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+<van-image
+  width="100"
+  height="100"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
+/>
 ```
 
 ### Fit Mode
@@ -33,7 +37,7 @@ Same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
   width="10rem"
   height="10rem"
   fit="contain"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -47,7 +51,7 @@ Same as [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/objec
   height="10rem"
   fit="cover"
   position="left"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -60,7 +64,7 @@ Show round image, it may not works at `fit=contain` and `fit=scale-down`.
   round
   width="10rem"
   height="10rem"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -71,7 +75,7 @@ Show round image, it may not works at `fit=contain` and `fit=scale-down`.
   width="100"
   height="100"
   lazy-load
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
diff --git a/packages/vant/src/image/README.zh-CN.md b/packages/vant/src/image/README.zh-CN.md
index 8dd0f42c3..d75ba7896 100644
--- a/packages/vant/src/image/README.zh-CN.md
+++ b/packages/vant/src/image/README.zh-CN.md
@@ -23,7 +23,11 @@ app.use(VanImage);
 基础用法与原生 `img` 标签一致，可以设置 `src`、`width`、`height`、`alt` 等原生属性。
 
 ```html
-<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg" />
+<van-image
+  width="100"
+  height="100"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
+/>
 ```
 
 ### 填充模式
@@ -35,7 +39,7 @@ app.use(VanImage);
   width="10rem"
   height="10rem"
   fit="contain"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -49,7 +53,7 @@ app.use(VanImage);
   height="10rem"
   fit="cover"
   position="left"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -62,7 +66,7 @@ app.use(VanImage);
   round
   width="10rem"
   height="10rem"
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -75,7 +79,7 @@ app.use(VanImage);
   width="100"
   height="100"
   lazy-load
-  src="https://img.yzcdn.cn/vant/cat.jpeg"
+  src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
 />
 ```
 
@@ -92,7 +96,7 @@ app.use(Lazyload);
 `Image` 组件提供了默认的加载中提示，支持通过 `loading` 插槽自定义内容。
 
 ```html
-<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
+<van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg">
   <template v-slot:loading>
     <van-loading type="spinner" size="20" />
   </template>
@@ -104,7 +108,7 @@ app.use(Lazyload);
 `Image` 组件提供了默认的加载失败提示，支持通过 `error` 插槽自定义内容。
 
 ```html
-<van-image src="https://img.yzcdn.cn/vant/cat.jpeg">
+<van-image src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg">
   <template v-slot:error>加载失败</template>
 </van-image>
 ```
diff --git a/packages/vant/src/image/demo/index.vue b/packages/vant/src/image/demo/index.vue
index 4935cc831..bbca12ae3 100644
--- a/packages/vant/src/image/demo/index.vue
+++ b/packages/vant/src/image/demo/index.vue
@@ -28,7 +28,7 @@ const t = useTranslate({
   },
 });
 
-const image = 'https://img.yzcdn.cn/vant/cat.jpeg';
+const image = 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg';
 const fits = ['contain', 'cover', 'fill', 'none', 'scale-down'] as const;
 const positions1 = ['left', 'center', 'right'] as const;
 const positions2 = ['top', 'center', 'bottom'] as const;
diff --git a/packages/vant/src/image/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/image/test/__snapshots__/demo.spec.ts.snap
index d78cfe8e8..083923483 100644
--- a/packages/vant/src/image/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/image/test/__snapshots__/demo.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-image"
          style="width: 100px; height: 100px;"
     >
-      <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+      <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
            class="van-image__img"
       >
       <div class="van-image__loading">
@@ -24,7 +24,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain;"
         >
@@ -43,7 +43,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -62,7 +62,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: fill;"
         >
@@ -81,7 +81,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: none;"
         >
@@ -100,7 +100,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: scale-down;"
         >
@@ -123,7 +123,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover; object-position: left;"
         >
@@ -145,7 +145,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover; object-position: center;"
         >
@@ -167,7 +167,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover; object-position: right;"
         >
@@ -189,7 +189,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain; object-position: top;"
         >
@@ -211,7 +211,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain; object-position: center;"
         >
@@ -233,7 +233,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain; object-position: bottom;"
         >
@@ -259,7 +259,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image van-image--round"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain;"
         >
@@ -278,7 +278,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image van-image--round"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -297,7 +297,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image van-image--round"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: fill;"
         >
@@ -316,7 +316,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image van-image--round"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: none;"
         >
@@ -335,7 +335,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-image van-image--round"
            style="width: 100%; height: 27vw;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: scale-down;"
         >
diff --git a/packages/vant/src/lazyload/README.md b/packages/vant/src/lazyload/README.md
index f0f81da39..c019e7d32 100644
--- a/packages/vant/src/lazyload/README.md
+++ b/packages/vant/src/lazyload/README.md
@@ -34,8 +34,8 @@ export default {
   setup() {
     return {
       imageList: [
-        'https://img.yzcdn.cn/vant/apple-1.jpg',
-        'https://img.yzcdn.cn/vant/apple-2.jpg',
+        'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+        'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
       ],
     };
   },
diff --git a/packages/vant/src/lazyload/README.zh-CN.md b/packages/vant/src/lazyload/README.zh-CN.md
index 8bbfdec6f..2e7fba9c3 100644
--- a/packages/vant/src/lazyload/README.zh-CN.md
+++ b/packages/vant/src/lazyload/README.zh-CN.md
@@ -38,8 +38,8 @@ export default {
   setup() {
     return {
       imageList: [
-        'https://img.yzcdn.cn/vant/apple-1.jpg',
-        'https://img.yzcdn.cn/vant/apple-2.jpg',
+        'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+        'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
       ],
     };
   },
diff --git a/packages/vant/src/lazyload/demo/index.vue b/packages/vant/src/lazyload/demo/index.vue
index cdb5fed26..099acd002 100644
--- a/packages/vant/src/lazyload/demo/index.vue
+++ b/packages/vant/src/lazyload/demo/index.vue
@@ -18,18 +18,18 @@ const t = useTranslate({
 });
 
 const imageList = [
-  'https://img.yzcdn.cn/vant/apple-1.jpg',
-  'https://img.yzcdn.cn/vant/apple-2.jpg',
-  'https://img.yzcdn.cn/vant/apple-3.jpg',
-  'https://img.yzcdn.cn/vant/apple-4.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
 ];
 const backgroundImageList = [
-  'https://img.yzcdn.cn/vant/apple-5.jpg',
-  'https://img.yzcdn.cn/vant/apple-6.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-5.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-6.jpeg',
 ];
 const componentImageList = [
-  'https://img.yzcdn.cn/vant/apple-8.jpg',
-  'https://img.yzcdn.cn/vant/apple-7.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-8.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-7.jpeg',
 ];
 </script>
 
diff --git a/packages/vant/src/pull-refresh/README.md b/packages/vant/src/pull-refresh/README.md
index 59ddf9bc1..173bb623c 100644
--- a/packages/vant/src/pull-refresh/README.md
+++ b/packages/vant/src/pull-refresh/README.md
@@ -76,17 +76,23 @@ Use slots to custom tips.
   <template #pulling="props">
     <img
       class="doge"
-      src="https://img.yzcdn.cn/vant/doge.png"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
       :style="{ transform: `scale(${props.distance / 80})` }"
     />
   </template>
 
   <template #loosing>
-    <img class="doge" src="https://img.yzcdn.cn/vant/doge.png" />
+    <img
+      class="doge"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
+    />
   </template>
 
   <template #loading>
-    <img class="doge" src="https://img.yzcdn.cn/vant/doge-fire.jpg" />
+    <img
+      class="doge"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg"
+    />
   </template>
   <p>Refresh Count: {{ count }}</p>
 </van-pull-refresh>
diff --git a/packages/vant/src/pull-refresh/README.zh-CN.md b/packages/vant/src/pull-refresh/README.zh-CN.md
index 7d7a4fcba..999a112b8 100644
--- a/packages/vant/src/pull-refresh/README.zh-CN.md
+++ b/packages/vant/src/pull-refresh/README.zh-CN.md
@@ -77,19 +77,25 @@ export default {
   <template #pulling="props">
     <img
       class="doge"
-      src="https://img.yzcdn.cn/vant/doge.png"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
       :style="{ transform: `scale(${props.distance / 80})` }"
     />
   </template>
 
   <!-- 释放提示 -->
   <template #loosing>
-    <img class="doge" src="https://img.yzcdn.cn/vant/doge.png" />
+    <img
+      class="doge"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
+    />
   </template>
 
   <!-- 加载提示 -->
   <template #loading>
-    <img class="doge" src="https://img.yzcdn.cn/vant/doge-fire.jpg" />
+    <img
+      class="doge"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg"
+    />
   </template>
   <p>刷新次数: {{ count }}</p>
 </van-pull-refresh>
diff --git a/packages/vant/src/pull-refresh/demo/index.vue b/packages/vant/src/pull-refresh/demo/index.vue
index e74b03e40..bc40a1277 100644
--- a/packages/vant/src/pull-refresh/demo/index.vue
+++ b/packages/vant/src/pull-refresh/demo/index.vue
@@ -48,8 +48,8 @@ const preloadImage = () => {
   const doge = new Image();
   const dogeFire = new Image();
 
-  doge.src = 'https://b.yzcdn.cn/vant/doge.png';
-  dogeFire.src = 'https://b.yzcdn.cn/vant/doge-fire.jpg';
+  doge.src = 'https://cdn.jsdelivr.net/npm/@vant/assets/doge.png';
+  dogeFire.src = 'https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg';
 };
 
 onMounted(preloadImage);
@@ -82,15 +82,21 @@ onMounted(preloadImage);
         <template #pulling="{ distance }">
           <img
             class="doge"
-            src="https://b.yzcdn.cn/vant/doge.png"
+            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
             :style="{ transform: `scale(${distance / 80})` }"
           />
         </template>
         <template #loosing>
-          <img src="https://b.yzcdn.cn/vant/doge.png" class="doge" />
+          <img
+            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
+            class="doge"
+          />
         </template>
         <template #loading>
-          <img src="https://b.yzcdn.cn/vant/doge-fire.jpg" class="doge" />
+          <img
+            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg"
+            class="doge"
+          />
         </template>
         <p>{{ tips }}</p>
       </van-pull-refresh>
diff --git a/packages/vant/src/radio/README.md b/packages/vant/src/radio/README.md
index 8ad461b43..9d3fcf13d 100644
--- a/packages/vant/src/radio/README.md
+++ b/packages/vant/src/radio/README.md
@@ -121,8 +121,9 @@ export default {
     const checked = ref('1');
     return {
       checked,
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      activeIcon: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactiveIcon:
+        'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
   },
 };
diff --git a/packages/vant/src/radio/README.zh-CN.md b/packages/vant/src/radio/README.zh-CN.md
index 8bcead820..90ed26eb9 100644
--- a/packages/vant/src/radio/README.zh-CN.md
+++ b/packages/vant/src/radio/README.zh-CN.md
@@ -131,8 +131,9 @@ export default {
     const checked = ref('1');
     return {
       checked,
-      activeIcon: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactiveIcon: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      activeIcon: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactiveIcon:
+        'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
   },
 };
diff --git a/packages/vant/src/radio/demo/index.vue b/packages/vant/src/radio/demo/index.vue
index 74292f00c..7e565a651 100644
--- a/packages/vant/src/radio/demo/index.vue
+++ b/packages/vant/src/radio/demo/index.vue
@@ -42,8 +42,9 @@ const radioLabel = ref('1');
 const radioShape = ref('1');
 const radioIconSize = ref('1');
 const radioHorizontal = ref('1');
-const activeIcon = 'https://img.yzcdn.cn/vant/user-active.png';
-const inactiveIcon = 'https://img.yzcdn.cn/vant/user-inactive.png';
+const activeIcon = 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png';
+const inactiveIcon =
+  'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png';
 </script>
 
 <template>
diff --git a/packages/vant/src/radio/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/radio/test/__snapshots__/demo.spec.ts.snap
index 0012e07ab..f9964f422 100644
--- a/packages/vant/src/radio/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/radio/test/__snapshots__/demo.spec.ts.snap
@@ -207,7 +207,7 @@ exports[`should render demo and match snapshot 1`] = `
          aria-checked="true"
     >
       <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
-        <img src="https://img.yzcdn.cn/vant/user-active.png">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png">
       </div>
       <span class="van-radio__label">
         Radio 1
@@ -219,7 +219,7 @@ exports[`should render demo and match snapshot 1`] = `
          aria-checked="false"
     >
       <div class="van-radio__icon van-radio__icon--round">
-        <img src="https://img.yzcdn.cn/vant/user-inactive.png">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png">
       </div>
       <span class="van-radio__label">
         Radio 2
diff --git a/packages/vant/src/share-sheet/README.md b/packages/vant/src/share-sheet/README.md
index 77d47512d..03295f57c 100644
--- a/packages/vant/src/share-sheet/README.md
+++ b/packages/vant/src/share-sheet/README.md
@@ -109,15 +109,15 @@ export default {
     const options = [
       {
         name: 'Name',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-fire.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-fire.png',
       },
       {
         name: 'Name',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-light.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-light.png',
       },
       {
         name: 'Name',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-water.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-water.png',
       },
     ];
 
diff --git a/packages/vant/src/share-sheet/README.zh-CN.md b/packages/vant/src/share-sheet/README.zh-CN.md
index 977f557e8..5e76f9532 100644
--- a/packages/vant/src/share-sheet/README.zh-CN.md
+++ b/packages/vant/src/share-sheet/README.zh-CN.md
@@ -119,15 +119,15 @@ export default {
     const options = [
       {
         name: '名称',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-fire.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-fire.png',
       },
       {
         name: '名称',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-light.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-light.png',
       },
       {
         name: '名称',
-        icon: 'https://img.yzcdn.cn/vant/custom-icon-water.png',
+        icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-water.png',
       },
     ];
 
diff --git a/packages/vant/src/share-sheet/demo/index.vue b/packages/vant/src/share-sheet/demo/index.vue
index b22694369..d887bc8b8 100644
--- a/packages/vant/src/share-sheet/demo/index.vue
+++ b/packages/vant/src/share-sheet/demo/index.vue
@@ -73,15 +73,15 @@ const multiLineOptions = computed(() => [
 const customIconOptions = computed(() => [
   {
     name: t('name'),
-    icon: 'https://img.yzcdn.cn/vant/custom-icon-fire.png',
+    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-fire.png',
   },
   {
     name: t('name'),
-    icon: 'https://img.yzcdn.cn/vant/custom-icon-light.png',
+    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-light.png',
   },
   {
     name: t('name'),
-    icon: 'https://img.yzcdn.cn/vant/custom-icon-water.png',
+    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-water.png',
   },
 ]);
 
diff --git a/packages/vant/src/skeleton/demo/index.vue b/packages/vant/src/skeleton/demo/index.vue
index e1d08e671..29648f070 100644
--- a/packages/vant/src/skeleton/demo/index.vue
+++ b/packages/vant/src/skeleton/demo/index.vue
@@ -35,7 +35,7 @@ const show = ref(false);
     <van-switch v-model="show" size="24px" />
     <van-skeleton title avatar :row="3" :loading="!show">
       <div class="demo-preview">
-        <img src="https://img.yzcdn.cn/vant/logo.png" />
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" />
         <div class="demo-content">
           <h3>{{ t('title') }}</h3>
           <p>{{ t('desc') }}</p>
diff --git a/packages/vant/src/swipe-cell/README.md b/packages/vant/src/swipe-cell/README.md
index 4f1114499..a36ee7c4c 100644
--- a/packages/vant/src/swipe-cell/README.md
+++ b/packages/vant/src/swipe-cell/README.md
@@ -43,7 +43,7 @@ app.use(SwipeCell);
     desc="Description"
     title="Title"
     class="goods-card"
-    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
+    thumb="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
   />
   <template #right>
     <van-button square text="Delete" type="danger" class="delete-button" />
diff --git a/packages/vant/src/swipe-cell/README.zh-CN.md b/packages/vant/src/swipe-cell/README.zh-CN.md
index 10c2601c1..bbebe5042 100644
--- a/packages/vant/src/swipe-cell/README.zh-CN.md
+++ b/packages/vant/src/swipe-cell/README.zh-CN.md
@@ -47,7 +47,7 @@ app.use(SwipeCell);
     desc="描述信息"
     title="商品标题"
     class="goods-card"
-    thumb="https://img.yzcdn.cn/vant/cat.jpeg"
+    thumb="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
   />
   <template #right>
     <van-button square text="删除" type="danger" class="delete-button" />
@@ -179,7 +179,6 @@ const swipeCellRef = ref<SwipeCellInstance>();
 swipeCellRef.value?.close();
 ```
 
-
 ## 常见问题
 
 ### 在桌面端无法操作组件？
diff --git a/packages/vant/src/swipe-cell/demo/index.vue b/packages/vant/src/swipe-cell/demo/index.vue
index 8553dd3ae..ebde24645 100644
--- a/packages/vant/src/swipe-cell/demo/index.vue
+++ b/packages/vant/src/swipe-cell/demo/index.vue
@@ -29,7 +29,7 @@ const t = useTranslate({
   },
 });
 
-const imageURL = 'https://img.yzcdn.cn/vant/ipad.jpeg';
+const imageURL = 'https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg';
 
 const beforeClose = ({ position }: { position: string }) => {
   switch (position) {
diff --git a/packages/vant/src/swipe-cell/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/swipe-cell/test/__snapshots__/demo.spec.ts.snap
index 4d7b9ddf6..cecd160cb 100644
--- a/packages/vant/src/swipe-cell/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/swipe-cell/test/__snapshots__/demo.spec.ts.snap
@@ -63,7 +63,7 @@ exports[`should render demo and match snapshot 1`] = `
             <div class="van-image"
                  style="width: 100%; height: 100%;"
             >
-              <img src="https://img.yzcdn.cn/vant/ipad.jpeg"
+              <img src="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                    class="van-image__img"
                    style="object-fit: cover;"
               >
diff --git a/packages/vant/src/swipe/README.md b/packages/vant/src/swipe/README.md
index eb78fc8cc..4f656e69e 100644
--- a/packages/vant/src/swipe/README.md
+++ b/packages/vant/src/swipe/README.md
@@ -58,8 +58,8 @@ Use `lazy-render` prop to enable lazy rendering.
 export default {
   setup() {
     const images = [
-      'https://img.yzcdn.cn/vant/apple-1.jpg',
-      'https://img.yzcdn.cn/vant/apple-2.jpg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
     ];
     return { images };
   },
diff --git a/packages/vant/src/swipe/README.zh-CN.md b/packages/vant/src/swipe/README.zh-CN.md
index 39f448dd0..9606ebb63 100644
--- a/packages/vant/src/swipe/README.zh-CN.md
+++ b/packages/vant/src/swipe/README.zh-CN.md
@@ -58,8 +58,8 @@ app.use(SwipeItem);
 export default {
   setup() {
     const images = [
-      'https://img.yzcdn.cn/vant/apple-1.jpg',
-      'https://img.yzcdn.cn/vant/apple-2.jpg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+      'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
     ];
     return { images };
   },
diff --git a/packages/vant/src/swipe/demo/index.vue b/packages/vant/src/swipe/demo/index.vue
index 7ef724ab8..da6ffb525 100644
--- a/packages/vant/src/swipe/demo/index.vue
+++ b/packages/vant/src/swipe/demo/index.vue
@@ -24,10 +24,10 @@ const t = useTranslate({
 });
 
 const images = [
-  'https://img.yzcdn.cn/vant/apple-1.jpg',
-  'https://img.yzcdn.cn/vant/apple-2.jpg',
-  'https://img.yzcdn.cn/vant/apple-3.jpg',
-  'https://img.yzcdn.cn/vant/apple-4.jpg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
+  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
 ];
 
 const onChange = (index: number) => Toast(t('message') + index);
diff --git a/packages/vant/src/swipe/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/swipe/test/__snapshots__/demo.spec.ts.snap
index 68ca0e841..1a9baec5f 100644
--- a/packages/vant/src/swipe/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/swipe/test/__snapshots__/demo.spec.ts.snap
@@ -49,12 +49,12 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-swipe-item"
            style="width: 100px;"
       >
-        <img src="https://img.yzcdn.cn/vant/apple-1.jpg">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg">
       </div>
       <div class="van-swipe-item"
            style="width: 100px;"
       >
-        <img src="https://img.yzcdn.cn/vant/apple-2.jpg">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg">
       </div>
       <div class="van-swipe-item"
            style="width: 100px;"
@@ -63,7 +63,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-swipe-item"
            style="width: 100px;"
       >
-        <img src="https://img.yzcdn.cn/vant/apple-4.jpg">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg">
       </div>
     </div>
     <div class="van-swipe__indicators">
diff --git a/packages/vant/src/tabbar/README.md b/packages/vant/src/tabbar/README.md
index c39c200d5..a64b2c31d 100644
--- a/packages/vant/src/tabbar/README.md
+++ b/packages/vant/src/tabbar/README.md
@@ -98,8 +98,8 @@ export default {
   setup() {
     const active = ref(0);
     const icon = {
-      active: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactive: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      active: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactive: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
     return {
       icon,
diff --git a/packages/vant/src/tabbar/README.zh-CN.md b/packages/vant/src/tabbar/README.zh-CN.md
index e86a5cbaf..39dc71927 100644
--- a/packages/vant/src/tabbar/README.zh-CN.md
+++ b/packages/vant/src/tabbar/README.zh-CN.md
@@ -104,8 +104,8 @@ export default {
   setup() {
     const active = ref(0);
     const icon = {
-      active: 'https://img.yzcdn.cn/vant/user-active.png',
-      inactive: 'https://img.yzcdn.cn/vant/user-inactive.png',
+      active: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+      inactive: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
     };
     return {
       icon,
diff --git a/packages/vant/src/tabbar/demo/index.vue b/packages/vant/src/tabbar/demo/index.vue
index 5b5e6e9fd..623007c9d 100644
--- a/packages/vant/src/tabbar/demo/index.vue
+++ b/packages/vant/src/tabbar/demo/index.vue
@@ -30,8 +30,8 @@ const active5 = ref(0);
 const activeName = ref('home');
 
 const icon = {
-  active: 'https://img.yzcdn.cn/vant/user-active.png',
-  inactive: 'https://img.yzcdn.cn/vant/user-inactive.png',
+  active: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
+  inactive: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
 };
 
 const onChange = (index: number) => {
diff --git a/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
index f2264cb4d..e0b6cde5a 100644
--- a/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/tabbar/test/__snapshots__/demo.spec.ts.snap
@@ -193,7 +193,7 @@ exports[`should render demo and match snapshot 1`] = `
          aria-selected="true"
     >
       <div class="van-badge__wrapper van-tabbar-item__icon">
-        <img src="https://img.yzcdn.cn/vant/user-active.png">
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png">
         <div class="van-badge van-badge--top-right van-badge--fixed">
           3
         </div>
diff --git a/packages/vant/src/toast/README.md b/packages/vant/src/toast/README.md
index c82952acc..38f12290a 100644
--- a/packages/vant/src/toast/README.md
+++ b/packages/vant/src/toast/README.md
@@ -50,7 +50,7 @@ Toast({
 
 Toast({
   message: 'Custom Image',
-  icon: 'https://img.yzcdn.cn/vant/logo.png',
+  icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
 });
 
 Toast.loading({
diff --git a/packages/vant/src/toast/README.zh-CN.md b/packages/vant/src/toast/README.zh-CN.md
index e4b918a15..e20c74a62 100644
--- a/packages/vant/src/toast/README.zh-CN.md
+++ b/packages/vant/src/toast/README.zh-CN.md
@@ -56,7 +56,7 @@ Toast({
 
 Toast({
   message: '自定义图片',
-  icon: 'https://img.yzcdn.cn/vant/logo.png',
+  icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
 });
 ```
 
diff --git a/packages/vant/src/toast/demo/index.vue b/packages/vant/src/toast/demo/index.vue
index 7275ff060..c4f2785c0 100644
--- a/packages/vant/src/toast/demo/index.vue
+++ b/packages/vant/src/toast/demo/index.vue
@@ -83,7 +83,7 @@ const showIconToast = () => {
 const showImageToast = () => {
   Toast({
     message: t('customImage'),
-    icon: 'https://img.yzcdn.cn/vant/logo.png',
+    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
   });
 };
 
diff --git a/packages/vant/src/tree-select/README.md b/packages/vant/src/tree-select/README.md
index 85f5c5d2b..d3dcdfbdf 100644
--- a/packages/vant/src/tree-select/README.md
+++ b/packages/vant/src/tree-select/README.md
@@ -115,11 +115,11 @@ export default {
   <template #content>
     <van-image
       v-if="activeIndex === 0"
-      src="https://img.yzcdn.cn/vant/apple-1.jpg"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
     />
     <van-image
       v-if="activeIndex === 1"
-      src="https://img.yzcdn.cn/vant/apple-2.jpg"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
     />
   </template>
 </van-tree-select>
diff --git a/packages/vant/src/tree-select/README.zh-CN.md b/packages/vant/src/tree-select/README.zh-CN.md
index 6d6150e04..d84789972 100644
--- a/packages/vant/src/tree-select/README.zh-CN.md
+++ b/packages/vant/src/tree-select/README.zh-CN.md
@@ -121,11 +121,11 @@ export default {
   <template #content>
     <van-image
       v-if="activeIndex === 0"
-      src="https://img.yzcdn.cn/vant/apple-1.jpg"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
     />
     <van-image
       v-if="activeIndex === 1"
-      src="https://img.yzcdn.cn/vant/apple-2.jpg"
+      src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
     />
   </template>
 </van-tree-select>
diff --git a/packages/vant/src/tree-select/demo/index.vue b/packages/vant/src/tree-select/demo/index.vue
index 4c14c53e3..cdc50fa33 100644
--- a/packages/vant/src/tree-select/demo/index.vue
+++ b/packages/vant/src/tree-select/demo/index.vue
@@ -73,12 +73,12 @@ const badgeItems = computed(() => {
         <van-image
           v-if="activeIndex3 === 0"
           :show-loading="false"
-          src="https://img.yzcdn.cn/vant/apple-1.jpg"
+          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
         />
         <van-image
           v-if="activeIndex3 === 1"
           :show-loading="false"
-          src="https://img.yzcdn.cn/vant/apple-2.jpg"
+          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
         />
       </template>
     </van-tree-select>
diff --git a/packages/vant/src/tree-select/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/tree-select/test/__snapshots__/demo.spec.ts.snap
index 0aa04278a..478f70732 100644
--- a/packages/vant/src/tree-select/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/tree-select/test/__snapshots__/demo.spec.ts.snap
@@ -135,7 +135,7 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
     <div class="van-tree-select__content">
       <div class="van-image">
-        <img src="https://img.yzcdn.cn/vant/apple-1.jpg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
              class="van-image__img"
         >
       </div>
diff --git a/packages/vant/src/uploader/README.md b/packages/vant/src/uploader/README.md
index 29a40fd38..1a51536a3 100644
--- a/packages/vant/src/uploader/README.md
+++ b/packages/vant/src/uploader/README.md
@@ -50,7 +50,7 @@ import { ref } from 'vue';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       { url: 'https://cloud-image', isImage: true },
     ]);
 
@@ -74,12 +74,12 @@ export default {
   setup() {
     const fileList = ref([
       {
-        url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
         status: 'uploading',
         message: 'Uploading...',
       },
       {
-        url: 'https://img.yzcdn.cn/vant/tree.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
         status: 'failed',
         message: 'Failed',
       },
@@ -263,16 +263,16 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       {
-        url: 'https://img.yzcdn.cn/vant/sand.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
         deletable: true,
         beforeDelete: () => {
           Toast('Customize the events and styles of a single preview image');
         },
       },
       {
-        url: 'https://img.yzcdn.cn/vant/tree.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
         deletable: true,
         imageFit: 'contain',
         previewSize: 120,
diff --git a/packages/vant/src/uploader/README.zh-CN.md b/packages/vant/src/uploader/README.zh-CN.md
index a21d5441c..74e5f4cbd 100644
--- a/packages/vant/src/uploader/README.zh-CN.md
+++ b/packages/vant/src/uploader/README.zh-CN.md
@@ -55,7 +55,7 @@ import { ref } from 'vue';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       // Uploader 根据文件后缀来判断是否为图片文件
       // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
       { url: 'https://cloud-image', isImage: true },
@@ -83,12 +83,12 @@ export default {
   setup() {
     const fileList = ref([
       {
-        url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
         status: 'uploading',
         message: '上传中...',
       },
       {
-        url: 'https://img.yzcdn.cn/vant/tree.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
         status: 'failed',
         message: '上传失败',
       },
@@ -284,16 +284,16 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       {
-        url: 'https://img.yzcdn.cn/vant/sand.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
         deletable: true,
         beforeDelete: () => {
           Toast('自定义单个预览图片的事件和样式');
         },
       },
       {
-        url: 'https://img.yzcdn.cn/vant/tree.jpg',
+        url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
         deletable: true,
         imageFit: 'contain',
         previewSize: 120,
diff --git a/packages/vant/src/uploader/demo/index.vue b/packages/vant/src/uploader/demo/index.vue
index f03ca5b5b..52d5b5981 100644
--- a/packages/vant/src/uploader/demo/index.vue
+++ b/packages/vant/src/uploader/demo/index.vue
@@ -46,27 +46,31 @@ const t = useTranslate({
 });
 
 const fileList = ref([
-  { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
-  { url: 'https://img.yzcdn.cn/vant/tree.jpg' },
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg' },
 ]);
 
-const fileList2 = ref([{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }]);
+const fileList2 = ref([
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg' },
+]);
 
 const fileList3 = ref([]);
 
-const fileList4 = ref([{ url: 'https://img.yzcdn.cn/vant/sand.jpg' }]);
+const fileList4 = ref([
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg' },
+]);
 
 const fileList5 = ref<UploaderFileListItem[]>([
-  { url: 'https://img.yzcdn.cn/vant/leaf.jpg' },
+  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
   {
-    url: 'https://img.yzcdn.cn/vant/sand.jpg',
+    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
     deletable: true,
     beforeDelete: () => {
       Toast(t('deleteMessage'));
     },
   },
   {
-    url: 'https://img.yzcdn.cn/vant/tree.jpg',
+    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
     deletable: true,
     imageFit: 'contain',
     previewSize: 120,
@@ -75,12 +79,12 @@ const fileList5 = ref<UploaderFileListItem[]>([
 
 const statusFileList = ref<UploaderFileListItem[]>([
   {
-    url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
     status: 'uploading',
     message: t('uploading'),
   },
   {
-    url: 'https://img.yzcdn.cn/vant/tree.jpg',
+    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
     status: 'failed',
     message: t('failed'),
   },
@@ -88,7 +92,7 @@ const statusFileList = ref<UploaderFileListItem[]>([
 
 const previewCoverFiles = ref<UploaderFileListItem[]>([
   {
-    url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
     file: {
       name: t('imageName'),
     } as File,
diff --git a/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
index 17ec1bc81..50b97af36 100644
--- a/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
@@ -20,7 +20,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/leaf.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -40,7 +40,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/tree.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -75,7 +75,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/leaf.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -106,7 +106,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/tree.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -147,7 +147,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/sand.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -182,7 +182,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/sand.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -240,7 +240,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/leaf.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -308,7 +308,7 @@ exports[`should render demo and match snapshot 1`] = `
     <div class="van-uploader__wrapper">
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/leaf.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -320,7 +320,7 @@ exports[`should render demo and match snapshot 1`] = `
       </div>
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
-          <img src="https://img.yzcdn.cn/vant/sand.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg"
                class="van-image__img"
                style="object-fit: cover;"
           >
@@ -342,7 +342,7 @@ exports[`should render demo and match snapshot 1`] = `
         <div class="van-image van-uploader__preview-image"
              style="width: 120px; height: 120px;"
         >
-          <img src="https://img.yzcdn.cn/vant/tree.jpg"
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg"
                class="van-image__img"
                style="object-fit: contain;"
           >
diff --git a/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
index 7db4ac44d..959196010 100644
--- a/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`delete preview image 1`] = `
       <div class="van-image van-uploader__preview-image"
            style="width: 30px; height: 30px;"
       >
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -106,7 +106,7 @@ exports[`image-fit prop 1`] = `
   <div class="van-uploader__wrapper">
     <div class="van-uploader__preview">
       <div class="van-image van-uploader__preview-image">
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: contain;"
         >
@@ -141,7 +141,7 @@ exports[`preview-cover slot 1`] = `
   <div class="van-uploader__wrapper">
     <div class="van-uploader__preview">
       <div class="van-image van-uploader__preview-image">
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -164,7 +164,7 @@ exports[`preview-cover slot 1`] = `
     </div>
     <div class="van-uploader__preview">
       <div class="van-image van-uploader__preview-image">
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -238,7 +238,7 @@ exports[`render preview image 1`] = `
   <div class="van-uploader__wrapper">
     <div class="van-uploader__preview">
       <div class="van-image van-uploader__preview-image">
-        <img src="https://img.yzcdn.cn/vant/cat.jpeg"
+        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg"
              class="van-image__img"
              style="object-fit: cover;"
         >
@@ -261,7 +261,7 @@ exports[`render preview image 1`] = `
         <i class="van-badge__wrapper van-icon van-icon-description van-uploader__file-icon">
         </i>
         <div class="van-uploader__file-name van-ellipsis">
-          https://img.yzcdn.cn/vant/test.pdf
+          https://cdn.jsdelivr.net/npm/@vant/assets/test.pdf
         </div>
       </div>
       <div role="button"
diff --git a/packages/vant/src/uploader/test/index.spec.ts b/packages/vant/src/uploader/test/index.spec.ts
index 73cac2700..267ee7d8f 100644
--- a/packages/vant/src/uploader/test/index.spec.ts
+++ b/packages/vant/src/uploader/test/index.spec.ts
@@ -6,8 +6,8 @@ const mockFileDataUrl = 'data:image/test';
 const mockFile = new File([new ArrayBuffer(10000)], 'test.jpg', {
   type: 'test',
 });
-const IMAGE = 'https://img.yzcdn.cn/vant/cat.jpeg';
-const PDF = 'https://img.yzcdn.cn/vant/test.pdf';
+const IMAGE = 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg';
+const PDF = 'https://cdn.jsdelivr.net/npm/@vant/assets/test.pdf';
 
 function mockFileReader() {
   function mockReadAsText(this: FileReader) {
@@ -293,8 +293,8 @@ test('render preview image', async () => {
   const wrapper = mount(Uploader, {
     props: {
       modelValue: [
-        { url: 'https://img.yzcdn.cn/vant/cat.jpeg' },
-        { url: 'https://img.yzcdn.cn/vant/test.pdf' },
+        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg' },
+        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/test.pdf' },
         { file: mockFile },
       ],
     },
@@ -307,7 +307,9 @@ test('image-fit prop', () => {
   const wrapper = mount(Uploader, {
     props: {
       imageFit: 'contain',
-      modelValue: [{ url: 'https://img.yzcdn.cn/vant/cat.jpeg' }],
+      modelValue: [
+        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg' },
+      ],
     },
   });
 
diff --git a/packages/vant/vant.config.mjs b/packages/vant/vant.config.mjs
index dec76a87e..fea3c41ab 100644
--- a/packages/vant/vant.config.mjs
+++ b/packages/vant/vant.config.mjs
@@ -31,15 +31,15 @@ export default {
         title: 'Vant 3',
         subtitle: '（适用于 Vue 3）',
         description: '轻量、可靠的移动端组件库',
-        logo: 'https://img.yzcdn.cn/vant/logo.png',
+        logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
         langLabel: '中',
         links: [
           {
-            logo: 'https://b.yzcdn.cn/vant/logo/weapp.svg',
+            logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/weapp.svg',
             url: 'https://vant-contrib.gitee.io/vant-weapp/',
           },
           {
-            logo: 'https://b.yzcdn.cn/vant/logo/github.svg',
+            logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/github.svg',
             url: 'https://github.com/youzan/vant',
           },
         ],
@@ -478,11 +478,11 @@ export default {
         title: 'Vant 3',
         subtitle: ' (for Vue 3)',
         description: 'Mobile UI Components built on Vue',
-        logo: 'https://img.yzcdn.cn/vant/logo.png',
+        logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
         langLabel: 'EN',
         links: [
           {
-            logo: 'https://b.yzcdn.cn/vant/logo/github.svg',
+            logo: 'https://cdn.jsdelivr.net/npm/@vant/assets/github.svg',
             url: 'https://github.com/youzan/vant',
           },
         ],

From 9414c381547f312a4cc76a5258194148197bf99c Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 26 Mar 2022 11:13:22 +0800
Subject: [PATCH 7/9] feat(CouponList): update empty image (#10436)

* feat(CouponList): update empty image

* docs: update axure link
---
 packages/vant/docs/markdown/design.en-US.md   |  2 +-
 packages/vant/docs/markdown/design.zh-CN.md   |  2 +-
 packages/vant/src/coupon-list/CouponList.tsx  | 11 ++-
 packages/vant/src/coupon-list/README.md       |  3 +-
 packages/vant/src/coupon-list/README.zh-CN.md |  3 +-
 packages/vant/src/coupon-list/index.less      | 20 ++----
 .../test/__snapshots__/index.spec.ts.snap     | 70 ++++++++++++-------
 packages/vant/src/coupon-list/var.less        |  1 -
 8 files changed, 58 insertions(+), 54 deletions(-)

diff --git a/packages/vant/docs/markdown/design.en-US.md b/packages/vant/docs/markdown/design.en-US.md
index fc2a49b7d..bd757fd2f 100644
--- a/packages/vant/docs/markdown/design.en-US.md
+++ b/packages/vant/docs/markdown/design.en-US.md
@@ -36,7 +36,7 @@ Contains icon library resources.
 
 <img src="https://cdn.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
-<a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200905.zip">Download</a>
+<a class="design-download" href="https://github.com/vant-ui/vant-assets/blob/main/design/axure-20200905.zip?raw=true">Download</a>
 
 <style>
 a.design-download {
diff --git a/packages/vant/docs/markdown/design.zh-CN.md b/packages/vant/docs/markdown/design.zh-CN.md
index c752cc242..651ff4c4b 100644
--- a/packages/vant/docs/markdown/design.zh-CN.md
+++ b/packages/vant/docs/markdown/design.zh-CN.md
@@ -42,7 +42,7 @@ Axure 元件库，由社区的 [@axure-tczy](https://github.com/axure-tczy) 同
 
 <img src="https://cdn.jsdelivr.net/npm/@vant/assets/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
 
-<a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200905.zip">下载</a>
+<a class="design-download" href="https://github.com/vant-ui/vant-assets/blob/main/design/axure-20200905.zip?raw=true">下载</a>
 
 <style>
 a.design-download {
diff --git a/packages/vant/src/coupon-list/CouponList.tsx b/packages/vant/src/coupon-list/CouponList.tsx
index ef1201891..60caf7119 100644
--- a/packages/vant/src/coupon-list/CouponList.tsx
+++ b/packages/vant/src/coupon-list/CouponList.tsx
@@ -24,19 +24,19 @@ import { useRefs } from '../composables/use-refs';
 // Components
 import { Tab } from '../tab';
 import { Tabs } from '../tabs';
+import { Empty } from '../empty';
 import { Field } from '../field';
 import { Button } from '../button';
 import { Coupon, CouponInfo } from '../coupon';
 import { useRect } from '@vant/use';
 
 const [name, bem, t] = createNamespace('coupon-list');
-const EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
 const couponListProps = {
   code: makeStringProp(''),
   coupons: makeArrayProp<CouponInfo>(),
   currency: makeStringProp('¥'),
   showCount: truthProp,
-  emptyImage: makeStringProp(EMPTY_IMAGE),
+  emptyImage: String,
   chosenCoupon: makeNumberProp(-1),
   enabledTitle: String,
   disabledTitle: String,
@@ -101,10 +101,9 @@ export default defineComponent({
     };
 
     const renderEmpty = () => (
-      <div class={bem('empty')}>
-        <img src={props.emptyImage} />
-        <p>{t('noCoupon')}</p>
-      </div>
+      <Empty image={props.emptyImage}>
+        <p class={bem('empty-tip')}>{t('noCoupon')}</p>
+      </Empty>
     );
 
     const renderExchangeBar = () => {
diff --git a/packages/vant/src/coupon-list/README.md b/packages/vant/src/coupon-list/README.md
index daf92e0ba..36f43fc43 100644
--- a/packages/vant/src/coupon-list/README.md
+++ b/packages/vant/src/coupon-list/README.md
@@ -117,7 +117,7 @@ export default {
 | close-button-text | Close button text | _string_ | `Close` |
 | input-placeholder | Input placeholder | _string_ | `Coupon code` |
 | currency | Currency symbol | _string_ | `¥` |
-| empty-image | Placeholder image when list is empty | _string_ | `https://img.yzcdn.cn/vant/coupon-empty.png` |
+| empty-image | Placeholder image when list is empty | _string_ | - |
 | show-count | Whether to show coupon count in tab title | _boolean_ | `true` |
 
 ### CouponList Events
@@ -186,7 +186,6 @@ The component provides the following CSS variables, which can be used to customi
 | --van-coupon-list-field-padding | _5px 0 5px var(--van-padding-md)_ | - |
 | --van-coupon-list-exchange-button-height | _32px_ | - |
 | --van-coupon-list-close-button-height | _40px_ | - |
-| --van-coupon-list-empty-image-size | _200px_ | - |
 | --van-coupon-list-empty-tip-color | _var(--van-text-color-2)_ | - |
 | --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - |
 | --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - |
diff --git a/packages/vant/src/coupon-list/README.zh-CN.md b/packages/vant/src/coupon-list/README.zh-CN.md
index 771f17b87..6c5bd4bf9 100644
--- a/packages/vant/src/coupon-list/README.zh-CN.md
+++ b/packages/vant/src/coupon-list/README.zh-CN.md
@@ -119,7 +119,7 @@ export default {
 | input-placeholder | 输入框文字提示 | _string_ | `请输入优惠码` |
 | show-exchange-bar | 是否展示兑换栏 | _boolean_ | `true` |
 | currency | 货币符号 | _string_ | `¥` |
-| empty-image | 列表为空时的占位图 | _string_ | `https://img.yzcdn.cn/vant/coupon-empty.png` |
+| empty-image | 列表为空时的占位图 | _string_ | - |
 | show-count | 是否展示可用 / 不可用数量 | _boolean_ | `true` |
 
 ### CouponList Events
@@ -188,7 +188,6 @@ import type { CouponCellProps, CouponListProps } from 'vant';
 | --van-coupon-list-field-padding | _5px 0 5px var(--van-padding-md)_ | - |
 | --van-coupon-list-exchange-button-height | _32px_ | - |
 | --van-coupon-list-close-button-height | _40px_ | - |
-| --van-coupon-list-empty-image-size | _200px_ | - |
 | --van-coupon-list-empty-tip-color | _var(--van-text-color-2)_ | - |
 | --van-coupon-list-empty-tip-font-size | _var(--van-font-size-md)_ | - |
 | --van-coupon-list-empty-tip-line-height | _var(--van-line-height-md)_ | - |
diff --git a/packages/vant/src/coupon-list/index.less b/packages/vant/src/coupon-list/index.less
index 5935ce447..1973500c6 100644
--- a/packages/vant/src/coupon-list/index.less
+++ b/packages/vant/src/coupon-list/index.less
@@ -5,7 +5,6 @@
   --van-coupon-list-field-padding: @coupon-list-field-padding;
   --van-coupon-list-exchange-button-height: @coupon-list-exchange-button-height;
   --van-coupon-list-close-button-height: @coupon-list-close-button-height;
-  --van-coupon-list-empty-image-size: @coupon-list-empty-image-size;
   --van-coupon-list-empty-tip-color: @coupon-list-empty-tip-color;
   --van-coupon-list-empty-tip-font-size: @coupon-list-empty-tip-font-size;
   --van-coupon-list-empty-tip-line-height: @coupon-list-empty-tip-line-height;
@@ -81,20 +80,9 @@
     height: var(--van-coupon-list-close-button-height);
   }
 
-  &__empty {
-    padding-top: 60px;
-    text-align: center;
-
-    p {
-      margin: var(--van-padding-md) 0;
-      color: var(--van-coupon-list-empty-tip-color);
-      font-size: var(--van-coupon-list-empty-tip-font-size);
-      line-height: var(--van-coupon-list-empty-tip-line-height);
-    }
-
-    img {
-      width: var(--van-coupon-list-empty-image-size);
-      height: var(--van-coupon-list-empty-image-size);
-    }
+  &__empty-tip {
+    color: var(--van-coupon-list-empty-tip-color);
+    font-size: var(--van-coupon-list-empty-tip-font-size);
+    line-height: var(--van-coupon-list-empty-tip-line-height);
   }
 }
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index 41a01ffc2..e9b17704e 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -362,11 +362,15 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
         <div class="van-coupon-list__list van-coupon-list__list--with-bottom"
              style="height: 624px;"
         >
-          <div class="van-coupon-list__empty">
-            <img src="https://img.yzcdn.cn/vant/coupon-empty.png">
-            <p>
-              No coupons
-            </p>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="https://img.yzcdn.cn/vant/empty-image-default.png">
+            </div>
+            <div class="van-empty__bottom">
+              <p class="van-coupon-list__empty-tip">
+                No coupons
+              </p>
+            </div>
           </div>
         </div>
       </div>
@@ -380,11 +384,15 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
         <div class="van-coupon-list__list van-coupon-list__list--with-bottom"
              style="height: 624px;"
         >
-          <div class="van-coupon-list__empty">
-            <img src="https://img.yzcdn.cn/vant/coupon-empty.png">
-            <p>
-              No coupons
-            </p>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="https://img.yzcdn.cn/vant/empty-image-default.png">
+            </div>
+            <div class="van-empty__bottom">
+              <p class="van-coupon-list__empty-tip">
+                No coupons
+              </p>
+            </div>
           </div>
         </div>
       </div>
@@ -474,11 +482,15 @@ exports[`should render list-footer slot correctly 1`] = `
         <div class="van-coupon-list__list van-coupon-list__list--with-bottom"
              style="height: 624px;"
         >
-          <div class="van-coupon-list__empty">
-            <img src="https://img.yzcdn.cn/vant/coupon-empty.png">
-            <p>
-              No coupons
-            </p>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="https://img.yzcdn.cn/vant/empty-image-default.png">
+            </div>
+            <div class="van-empty__bottom">
+              <p class="van-coupon-list__empty-tip">
+                No coupons
+              </p>
+            </div>
           </div>
           List Footer
         </div>
@@ -493,11 +505,15 @@ exports[`should render list-footer slot correctly 1`] = `
         <div class="van-coupon-list__list van-coupon-list__list--with-bottom"
              style="height: 624px;"
         >
-          <div class="van-coupon-list__empty">
-            <img src="https://img.yzcdn.cn/vant/coupon-empty.png">
-            <p>
-              No coupons
-            </p>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="https://img.yzcdn.cn/vant/empty-image-default.png">
+            </div>
+            <div class="van-empty__bottom">
+              <p class="van-coupon-list__empty-tip">
+                No coupons
+              </p>
+            </div>
           </div>
           Disabled List Footer
         </div>
@@ -588,11 +604,15 @@ exports[`should use custom src when using empty-image prop 1`] = `
         <div class="van-coupon-list__list van-coupon-list__list--with-bottom"
              style="height: 624px;"
         >
-          <div class="van-coupon-list__empty">
-            <img src="https://cdn.jsdelivr.net/npm/@vant/assets/xxx.jpeg">
-            <p>
-              No coupons
-            </p>
+          <div class="van-empty">
+            <div class="van-empty__image">
+              <img src="https://cdn.jsdelivr.net/npm/@vant/assets/xxx.jpeg">
+            </div>
+            <div class="van-empty__bottom">
+              <p class="van-coupon-list__empty-tip">
+                No coupons
+              </p>
+            </div>
           </div>
         </div>
       </div>
diff --git a/packages/vant/src/coupon-list/var.less b/packages/vant/src/coupon-list/var.less
index c4a585cce..b5164de7e 100644
--- a/packages/vant/src/coupon-list/var.less
+++ b/packages/vant/src/coupon-list/var.less
@@ -4,7 +4,6 @@
 @coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
 @coupon-list-exchange-button-height: 32px;
 @coupon-list-close-button-height: 40px;
-@coupon-list-empty-image-size: 200px;
 @coupon-list-empty-tip-color: var(--van-text-color-2);
 @coupon-list-empty-tip-font-size: var(--van-font-size-md);
 @coupon-list-empty-tip-line-height: var(--van-line-height-md);

From 66cb7110664dac3ef96b4528b5485808647d84e3 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 26 Mar 2022 11:15:04 +0800
Subject: [PATCH 8/9] docs(Grid): fix reverse prop (#10437)

---
 packages/vant/src/grid/README.md       | 2 +-
 packages/vant/src/grid/README.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vant/src/grid/README.md b/packages/vant/src/grid/README.md
index 952c95949..6f1451fcb 100644
--- a/packages/vant/src/grid/README.md
+++ b/packages/vant/src/grid/README.md
@@ -112,6 +112,7 @@ app.use(GridItem);
 | square | Whether to be square shape | _boolean_ | `false` |
 | clickable | Whether to show click feedback when clicked | _boolean_ | `false` |
 | direction | Content arrangement direction, can be set to `horizontal` | _string_ | `vertical` |
+| reverse `v3.1.0` | Whether to reverse the position of icon and text | _boolean_ | `false` |
 
 ### GridItem Props
 
@@ -121,7 +122,6 @@ app.use(GridItem);
 | icon | Icon name or URL | _string_ | - |
 | icon-prefix | Icon className prefix | _string_ | `van-icon` |
 | icon-color | Icon color | _string_ | - |
-| reverse `v3.1.0` | Whether to reverse the position of icon and text | _boolean_ | `false` |
 | dot | Whether to show red dot | _boolean_ | `false` |
 | badge | Content of the badge | _number \| string_ | - |
 | badge-props `v3.2.8` | Props of Badge，see [Badge - props](#/en-US/badge#props) | _BadgeProps_ | - |
diff --git a/packages/vant/src/grid/README.zh-CN.md b/packages/vant/src/grid/README.zh-CN.md
index 3f68233b1..5ef0cd52b 100644
--- a/packages/vant/src/grid/README.zh-CN.md
+++ b/packages/vant/src/grid/README.zh-CN.md
@@ -128,6 +128,7 @@ app.use(GridItem);
 | square | 是否将格子固定为正方形 | _boolean_ | `false` |
 | clickable | 是否开启格子点击反馈 | _boolean_ | `false` |
 | direction | 格子内容排列的方向，可选值为 `horizontal` | _string_ | `vertical` |
+| reverse `v3.1.0` | 是否调换图标和文本的位置 | _boolean_ | `false` |
 
 ### GridItem Props
 
@@ -137,7 +138,6 @@ app.use(GridItem);
 | icon | 图标名称或图片链接，等同于 Icon 组件的 [name 属性](#/zh-CN/icon#props) | _string_ | - |
 | icon-prefix | 图标类名前缀，等同于 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
 | icon-color | 图标颜色，等同于 Icon 组件的 [color 属性](#/zh-CN/icon#props) | _string_ | - |
-| reverse `v3.1.0` | 是否调换图标和文本的位置 | _boolean_ | `false` |
 | dot | 是否显示图标右上角小红点 | _boolean_ | `false` |
 | badge | 图标右上角徽标的内容 | _number \| string_ | - |
 | badge-props `v3.2.8` | 自定义徽标的属性，传入的对象会被透传给 [Badge 组件的 props](#/zh-CN/badge#props) | _BadgeProps_ | - |

From 0eae222b88e0201c6daaa57d09e0a3a601eb4c9d Mon Sep 17 00:00:00 2001
From: Alan Wang <wp_scut@163.com>
Date: Fri, 25 Mar 2022 23:21:56 -0400
Subject: [PATCH 9/9] fix(calendar): scrollToDate method is invalid (#10432)

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

diff --git a/packages/vant/src/calendar/Calendar.tsx b/packages/vant/src/calendar/Calendar.tsx
index 6ddfa66c8..dd1baa47c 100644
--- a/packages/vant/src/calendar/Calendar.tsx
+++ b/packages/vant/src/calendar/Calendar.tsx
@@ -308,8 +308,8 @@ export default defineComponent({
         // add Math.floor to avoid decimal height issues
         // https://github.com/youzan/vant/issues/5640
         bodyHeight = Math.floor(useRect(bodyRef).height);
-        scrollToCurrentDate();
       });
+      scrollToCurrentDate();
     };
 
     const reset = (date = getInitialDate()) => {