From cb3219ab6631cad52db5fe746afa29787778d480 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 20 Jan 2021 21:00:36 +0800
Subject: [PATCH] docs: prefer shorter demo

---
 src/action-bar/README.md            |  8 ++------
 src/action-bar/README.zh-CN.md      |  8 ++------
 src/action-bar/demo/index.vue       | 11 ++---------
 src/action-sheet/README.md          |  4 +---
 src/action-sheet/README.zh-CN.md    |  4 +---
 src/action-sheet/demo/index.vue     |  5 +----
 src/address-edit/README.md          |  8 ++------
 src/address-edit/README.zh-CN.md    |  8 ++------
 src/address-edit/demo/index.vue     | 10 ++--------
 src/address-list/README.md          |  8 ++------
 src/address-list/README.zh-CN.md    |  8 ++------
 src/contact-card/README.md          |  9 ++-------
 src/contact-card/README.zh-CN.md    |  9 ++-------
 src/contact-card/demo/index.vue     |  9 ++-------
 src/contact-edit/README.md          |  9 ++-------
 src/contact-edit/README.zh-CN.md    |  9 ++-------
 src/contact-edit/demo/index.vue     |  8 ++------
 src/contact-list/README.md          | 12 +++---------
 src/contact-list/README.zh-CN.md    | 12 +++---------
 src/count-down/README.md            |  4 +---
 src/count-down/README.zh-CN.md      |  4 +---
 src/count-down/demo/index.vue       |  4 +---
 src/image-preview/demo/index.vue    |  4 +---
 src/nav-bar/README.md               |  8 ++------
 src/nav-bar/README.zh-CN.md         |  8 ++------
 src/nav-bar/demo/index.vue          | 10 ++--------
 src/number-keyboard/README.md       |  8 ++------
 src/number-keyboard/README.zh-CN.md |  8 ++------
 src/number-keyboard/demo/index.vue  |  9 ++-------
 src/picker/README.md                |  4 +---
 src/picker/README.zh-CN.md          |  4 +---
 src/picker/demo/index.vue           |  4 +---
 src/popover/README.md               |  5 +----
 src/popover/README.zh-CN.md         |  5 +----
 src/popover/demo/index.vue          |  4 +---
 src/rate/README.md                  |  4 +---
 src/rate/README.zh-CN.md            |  4 +---
 src/rate/demo/index.vue             |  4 +---
 src/search/README.md                |  8 ++------
 src/search/README.zh-CN.md          |  8 ++------
 src/search/demo/index.vue           |  9 ++-------
 src/sidebar/README.md               |  5 +----
 src/sidebar/README.zh-CN.md         |  5 +----
 src/sidebar/demo/index.vue          |  4 +---
 src/slider/README.md                | 12 +++---------
 src/slider/README.zh-CN.md          | 12 +++---------
 src/slider/demo/index.vue           |  4 +---
 src/submit-bar/README.md            | 14 +++-----------
 src/submit-bar/README.zh-CN.md      | 14 +++-----------
 src/submit-bar/demo/index.vue       |  8 ++------
 src/swipe/README.md                 |  4 +---
 src/swipe/README.zh-CN.md           |  4 +---
 src/swipe/demo/index.vue            |  5 +----
 src/tab/README.md                   | 10 ++--------
 src/tab/README.zh-CN.md             | 10 ++--------
 src/tabbar/README.md                |  5 +----
 src/tabbar/README.zh-CN.md          |  5 +----
 57 files changed, 95 insertions(+), 315 deletions(-)

diff --git a/src/action-bar/README.md b/src/action-bar/README.md
index d60d4da93..462d492ce 100644
--- a/src/action-bar/README.md
+++ b/src/action-bar/README.md
@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickIcon = () => {
-      Toast('Click Icon');
-    };
-    const onClickButton = () => {
-      Toast('Click Button');
-    };
+    const onClickIcon = () => Toast('Click Icon');
+    const onClickButton = () => Toast('Click Button');
     return {
       onClickIcon,
       onClickButton,
diff --git a/src/action-bar/README.zh-CN.md b/src/action-bar/README.zh-CN.md
index a2f845efb..469ff4412 100644
--- a/src/action-bar/README.zh-CN.md
+++ b/src/action-bar/README.zh-CN.md
@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickIcon = () => {
-      Toast('点击图标');
-    };
-    const onClickButton = () => {
-      Toast('点击按钮');
-    };
+    const onClickIcon = () => Toast('点击图标');
+    const onClickButton = () => Toast('点击按钮');
     return {
       onClickIcon,
       onClickButton,
diff --git a/src/action-bar/demo/index.vue b/src/action-bar/demo/index.vue
index b7f7225b3..e4f6c0c06 100644
--- a/src/action-bar/demo/index.vue
+++ b/src/action-bar/demo/index.vue
@@ -98,15 +98,8 @@ const i18n = {
 export default {
   setup() {
     const t = useTranslate(i18n);
-
-    const onClickIcon = () => {
-      Toast(t('clickIcon'));
-    };
-
-    const onClickButton = () => {
-      Toast(t('clickButton'));
-    };
-
+    const onClickIcon = () => Toast(t('clickIcon'));
+    const onClickButton = () => Toast(t('clickButton'));
     return {
       t,
       onClickIcon,
diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md
index 1af00a3a8..7089cb900 100644
--- a/src/action-sheet/README.md
+++ b/src/action-sheet/README.md
@@ -71,9 +71,7 @@ export default {
       { name: 'Option 2' },
       { name: 'Option 3' },
     ];
-    const onCancel = () => {
-      Toast('cancel');
-    };
+    const onCancel = () => Toast('cancel');
 
     return {
       show,
diff --git a/src/action-sheet/README.zh-CN.md b/src/action-sheet/README.zh-CN.md
index 310c3d334..eb692af61 100644
--- a/src/action-sheet/README.zh-CN.md
+++ b/src/action-sheet/README.zh-CN.md
@@ -79,9 +79,7 @@ export default {
       { name: '选项二' },
       { name: '选项三' },
     ];
-    const onCancel = () => {
-      Toast('取消');
-    };
+    const onCancel = () => Toast('取消');
 
     return {
       show,
diff --git a/src/action-sheet/demo/index.vue b/src/action-sheet/demo/index.vue
index 5792591c0..98a19122b 100644
--- a/src/action-sheet/demo/index.vue
+++ b/src/action-sheet/demo/index.vue
@@ -122,10 +122,7 @@ export default {
       state.show.basic = false;
       Toast(item.name);
     };
-
-    const onCancel = () => {
-      Toast(t('cancel'));
-    };
+    const onCancel = () => Toast(t('cancel'));
 
     return {
       ...toRefs(state),
diff --git a/src/address-edit/README.md b/src/address-edit/README.md
index e35296db5..4fdae133e 100644
--- a/src/address-edit/README.md
+++ b/src/address-edit/README.md
@@ -37,12 +37,8 @@ export default {
   setup() {
     const searchResult = ref([]);
 
-    const onSave = () => {
-      Toast('save');
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
+    const onSave = () => Toast('save');
+    const onDelete = () => Toast('delete');
     const onChangeDetail = (val) => {
       if (val) {
         searchResult.value = [
diff --git a/src/address-edit/README.zh-CN.md b/src/address-edit/README.zh-CN.md
index 5a21fef23..e258b82bd 100644
--- a/src/address-edit/README.zh-CN.md
+++ b/src/address-edit/README.zh-CN.md
@@ -41,12 +41,8 @@ export default {
   setup() {
     const searchResult = ref([]);
 
-    const onSave = () => {
-      Toast('save');
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
+    const onSave = () => Toast('save');
+    const onDelete = () => Toast('delete');
     const onChangeDetail = (val) => {
       if (val) {
         searchResult.value = [
diff --git a/src/address-edit/demo/index.vue b/src/address-edit/demo/index.vue
index 556cd4de8..5370aa81a 100644
--- a/src/address-edit/demo/index.vue
+++ b/src/address-edit/demo/index.vue
@@ -61,14 +61,8 @@ export default {
     const t = useTranslate(i18n);
     const searchResult = ref([]);
 
-    const onSave = () => {
-      Toast(t('save'));
-    };
-
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
-
+    const onSave = () => Toast(t('save'));
+    const onDelete = () => Toast(t('delete'));
     const onChangeDetail = (val: string) => {
       searchResult.value = val ? t('searchResult') : [];
     };
diff --git a/src/address-list/README.md b/src/address-list/README.md
index c831bdd89..6a8230b8f 100644
--- a/src/address-list/README.md
+++ b/src/address-list/README.md
@@ -57,12 +57,8 @@ export default {
       },
     ];
 
-    const onAdd = () => {
-      Toast('Add');
-    };
-    const onEdit = (item, index) => {
-      Toast('Edit:' + index);
-    };
+    const onAdd = () => Toast('Add');
+    const onEdit = (item, index) => Toast('Edit:' + index);
 
     return {
       list,
diff --git a/src/address-list/README.zh-CN.md b/src/address-list/README.zh-CN.md
index 7ccf9f53c..805cb7528 100644
--- a/src/address-list/README.zh-CN.md
+++ b/src/address-list/README.zh-CN.md
@@ -61,12 +61,8 @@ export default {
       },
     ];
 
-    const onAdd = () => {
-      Toast('新增地址');
-    };
-    const onEdit = (item, index) => {
-      Toast('编辑地址:' + index);
-    };
+    const onAdd = () => Toast('新增地址');
+    const onEdit = (item, index) => Toast('编辑地址:' + index);
 
     return {
       list,
diff --git a/src/contact-card/README.md b/src/contact-card/README.md
index 8c0ce4407..029a7e5ef 100644
--- a/src/contact-card/README.md
+++ b/src/contact-card/README.md
@@ -23,9 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onAdd = () => {
-      Toast('add');
-    };
+    const onAdd = () => Toast('add');
     return {
       onAdd,
     };
@@ -54,10 +52,7 @@ export default {
       name: 'John Snow',
       tel: '13000000000',
     });
-
-    const onEdit = () => {
-      Toast('edit');
-    };
+    const onEdit = () => Toast('edit');
 
     return {
       onEdit,
diff --git a/src/contact-card/README.zh-CN.md b/src/contact-card/README.zh-CN.md
index 08ce7cbc5..f9a117417 100644
--- a/src/contact-card/README.zh-CN.md
+++ b/src/contact-card/README.zh-CN.md
@@ -27,9 +27,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onAdd = () => {
-      Toast('新增');
-    };
+    const onAdd = () => Toast('新增');
     return {
       onAdd,
     };
@@ -58,10 +56,7 @@ export default {
       name: '张三',
       tel: '13000000000',
     });
-
-    const onEdit = () => {
-      Toast('edit');
-    };
+    const onEdit = () => Toast('edit');
 
     return {
       onEdit,
diff --git a/src/contact-card/demo/index.vue b/src/contact-card/demo/index.vue
index 1762b86c1..01a52dc55 100644
--- a/src/contact-card/demo/index.vue
+++ b/src/contact-card/demo/index.vue
@@ -53,13 +53,8 @@ export default {
       tel: '13000000000',
     }));
 
-    const onAdd = () => {
-      Toast(t('add'));
-    };
-
-    const onEdit = () => {
-      Toast(t('edit'));
-    };
+    const onAdd = () => Toast(t('add'));
+    const onEdit = () => Toast(t('edit'));
 
     return {
       t,
diff --git a/src/contact-edit/README.md b/src/contact-edit/README.md
index 7409cd7d2..9f51ac3a8 100644
--- a/src/contact-edit/README.md
+++ b/src/contact-edit/README.md
@@ -32,13 +32,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const editingContact = ref({});
-    const onSave = (contactInfo) => {
-      Toast('Save');
-    };
-    const onDelete = (contactInfo) => {
-      Toast('Delete');
-    };
-
+    const onSave = (contactInfo) => Toast('Save');
+    const onDelete = (contactInfo) => Toast('Delete');
     return {
       onSave,
       onDelete,
diff --git a/src/contact-edit/README.zh-CN.md b/src/contact-edit/README.zh-CN.md
index 0116ca0ae..7849cf6ea 100644
--- a/src/contact-edit/README.zh-CN.md
+++ b/src/contact-edit/README.zh-CN.md
@@ -36,13 +36,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const editingContact = ref({});
-    const onSave = (contactInfo) => {
-      Toast('保存');
-    };
-    const onDelete = (contactInfo) => {
-      Toast('删除');
-    };
-
+    const onSave = (contactInfo) => Toast('保存');
+    const onDelete = (contactInfo) => Toast('删除');
     return {
       onSave,
       onDelete,
diff --git a/src/contact-edit/demo/index.vue b/src/contact-edit/demo/index.vue
index 53e9c6e60..1f960fd99 100644
--- a/src/contact-edit/demo/index.vue
+++ b/src/contact-edit/demo/index.vue
@@ -30,12 +30,8 @@ export default {
     const t = useTranslate(i18n);
     const editingContact = ref({});
 
-    const onSave = () => {
-      Toast(t('save'));
-    };
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
+    const onSave = () => Toast(t('save'));
+    const onDelete = () => Toast(t('delete'));
 
     return {
       t,
diff --git a/src/contact-list/README.md b/src/contact-list/README.md
index 1f8889e20..e6ef10a06 100644
--- a/src/contact-list/README.md
+++ b/src/contact-list/README.md
@@ -48,15 +48,9 @@ export default {
       ],
     });
 
-    const onAdd = () => {
-      Toast('Add');
-    };
-    const onEdit = (contact) => {
-      Toast('Edit' + contact.id);
-    };
-    const onSelect = (contact) => {
-      Toast('Select' + contact.id);
-    };
+    const onAdd = () => Toast('Add');
+    const onEdit = (contact) => Toast('Edit' + contact.id);
+    const onSelect = (contact) => Toast('Select' + contact.id);
 
     return {
       state,
diff --git a/src/contact-list/README.zh-CN.md b/src/contact-list/README.zh-CN.md
index dc6e1044d..c5c1cb46b 100644
--- a/src/contact-list/README.zh-CN.md
+++ b/src/contact-list/README.zh-CN.md
@@ -52,15 +52,9 @@ export default {
       ],
     });
 
-    const onAdd = () => {
-      Toast('新增');
-    };
-    const onEdit = (contact) => {
-      Toast('编辑' + contact.id);
-    };
-    const onSelect = (contact) => {
-      Toast('选择' + contact.id);
-    };
+    const onAdd = () => Toast('新增');
+    const onEdit = (contact) => Toast('编辑' + contact.id);
+    const onSelect = (contact) => Toast('选择' + contact.id);
 
     return {
       state,
diff --git a/src/count-down/README.md b/src/count-down/README.md
index 3ebdad90e..2dcc11b59 100644
--- a/src/count-down/README.md
+++ b/src/count-down/README.md
@@ -105,9 +105,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
-      Toast('Finished');
-    };
+    const onFinish = () => Toast('Finished');
 
     return {
       start,
diff --git a/src/count-down/README.zh-CN.md b/src/count-down/README.zh-CN.md
index 4bd6c586b..bcd718daa 100644
--- a/src/count-down/README.zh-CN.md
+++ b/src/count-down/README.zh-CN.md
@@ -119,9 +119,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
-      Toast('倒计时结束');
-    };
+    const onFinish = () => Toast('倒计时结束');
 
     return {
       start,
diff --git a/src/count-down/demo/index.vue b/src/count-down/demo/index.vue
index 67316ab15..9ed385c2f 100644
--- a/src/count-down/demo/index.vue
+++ b/src/count-down/demo/index.vue
@@ -85,9 +85,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
-      Toast(t('finished'));
-    };
+    const onFinish = () => Toast(t('finished'));
 
     return {
       t,
diff --git a/src/image-preview/demo/index.vue b/src/image-preview/demo/index.vue
index 7da83112e..baea36b58 100644
--- a/src/image-preview/demo/index.vue
+++ b/src/image-preview/demo/index.vue
@@ -79,9 +79,7 @@ export default {
       index: 0,
     });
 
-    const onClose = () => {
-      Toast(t('closed'));
-    };
+    const onClose = () => Toast(t('closed'));
 
     const beforeClose = () =>
       new Promise((resolve) => {
diff --git a/src/nav-bar/README.md b/src/nav-bar/README.md
index d0d25c741..0e7711faf 100644
--- a/src/nav-bar/README.md
+++ b/src/nav-bar/README.md
@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickLeft = () => {
-      Toast('Back');
-    };
-    const onClickRight = () => {
-      Toast('Button');
-    };
+    const onClickLeft = () => Toast('Back');
+    const onClickRight = () => Toast('Button');
     return {
       onClickLeft,
       onClickRight,
diff --git a/src/nav-bar/README.zh-CN.md b/src/nav-bar/README.zh-CN.md
index 6e0b3d90f..c156452e8 100644
--- a/src/nav-bar/README.zh-CN.md
+++ b/src/nav-bar/README.zh-CN.md
@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickLeft = () => {
-      Toast('返回');
-    };
-    const onClickRight = () => {
-      Toast('按钮');
-    };
+    const onClickLeft = () => Toast('返回');
+    const onClickRight = () => Toast('按钮');
     return {
       onClickLeft,
       onClickRight,
diff --git a/src/nav-bar/demo/index.vue b/src/nav-bar/demo/index.vue
index 5b6eb1558..c39affd22 100644
--- a/src/nav-bar/demo/index.vue
+++ b/src/nav-bar/demo/index.vue
@@ -35,14 +35,8 @@ const i18n = {
 export default {
   setup() {
     const t = useTranslate(i18n);
-
-    const onClickLeft = () => {
-      Toast(t('back'));
-    };
-
-    const onClickRight = () => {
-      Toast(t('button'));
-    };
+    const onClickLeft = () => Toast(t('back'));
+    const onClickRight = () => Toast(t('button'));
 
     return {
       t,
diff --git a/src/number-keyboard/README.md b/src/number-keyboard/README.md
index 0a9e858e3..32ac5da14 100644
--- a/src/number-keyboard/README.md
+++ b/src/number-keyboard/README.md
@@ -31,12 +31,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const show = ref(true);
-    const onInput = (value) => {
-      Toast(value);
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
+    const onInput = (value) => Toast(value);
+    const onDelete = () => Toast('delete');
 
     return {
       show,
diff --git a/src/number-keyboard/README.zh-CN.md b/src/number-keyboard/README.zh-CN.md
index eb93b4604..1bc9e633b 100644
--- a/src/number-keyboard/README.zh-CN.md
+++ b/src/number-keyboard/README.zh-CN.md
@@ -37,12 +37,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const show = ref(true);
-    const onInput = (value) => {
-      Toast(value);
-    };
-    const onDelete = () => {
-      Toast('删除');
-    };
+    const onInput = (value) => Toast(value);
+    const onDelete = () => Toast('删除');
 
     return {
       show,
diff --git a/src/number-keyboard/demo/index.vue b/src/number-keyboard/demo/index.vue
index 3a093342f..202a07992 100644
--- a/src/number-keyboard/demo/index.vue
+++ b/src/number-keyboard/demo/index.vue
@@ -137,13 +137,8 @@ export default {
       keyboard: 'default',
     });
 
-    const onInput = (value: string) => {
-      Toast(`${t('input')}: ${value}`);
-    };
-
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
+    const onInput = (value: string) => Toast(`${t('input')}: ${value}`);
+    const onDelete = () => Toast(t('delete'));
 
     return {
       ...toRefs(state),
diff --git a/src/picker/README.md b/src/picker/README.md
index 0da0e602a..837f50d58 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -41,9 +41,7 @@ export default {
     const onChange = (value, index) => {
       Toast(`Value: ${value}, Index: ${index}`);
     };
-    const onCancel = () => {
-      Toast('Cancel');
-    };
+    const onCancel = () => Toast('Cancel');
 
     return {
       columns,
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index 5f3a2834f..29af4b9f5 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -49,9 +49,7 @@ export default {
     const onChange = (value, index) => {
       Toast(`当前值: ${value}, 当前索引: ${index}`);
     };
-    const onCancel = () => {
-      Toast('取消');
-    };
+    const onCancel = () => Toast('取消');
 
     return {
       columns,
diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue
index 4a0db0976..2bc31235d 100644
--- a/src/picker/demo/index.vue
+++ b/src/picker/demo/index.vue
@@ -183,9 +183,7 @@ export default {
       Toast(t('toastContent', value, index));
     };
 
-    const onCancel = () => {
-      Toast(t('cancel'));
-    };
+    const onCancel = () => Toast(t('cancel'));
 
     const onCancel2 = () => {
       state.showPicker = false;
diff --git a/src/popover/README.md b/src/popover/README.md
index d16d87087..f05a80638 100644
--- a/src/popover/README.md
+++ b/src/popover/README.md
@@ -34,10 +34,7 @@ export default {
       { text: 'Option 2' },
       { text: 'Option 3' },
     ];
-
-    const onSelect = (action) => {
-      Toast(action.text);
-    };
+    const onSelect = (action) => Toast(action.text);
 
     return {
       actions,
diff --git a/src/popover/README.zh-CN.md b/src/popover/README.zh-CN.md
index a81f4980f..7df97a9ca 100644
--- a/src/popover/README.zh-CN.md
+++ b/src/popover/README.zh-CN.md
@@ -42,10 +42,7 @@ export default {
       { text: '选项二' },
       { text: '选项三' },
     ];
-
-    const onSelect = (action) => {
-      Toast(action.text);
-    };
+    const onSelect = (action) => Toast(action.text);
 
     return {
       actions,
diff --git a/src/popover/demo/index.vue b/src/popover/demo/index.vue
index dfdd5e335..57aa539c8 100644
--- a/src/popover/demo/index.vue
+++ b/src/popover/demo/index.vue
@@ -212,9 +212,7 @@ export default {
       });
     };
 
-    const onSelect = (action: { text: string }) => {
-      Toast(action.text);
-    };
+    const onSelect = (action: { text: string }) => Toast(action.text);
 
     return {
       ...toRefs(state),
diff --git a/src/rate/README.md b/src/rate/README.md
index b424d62c7..160e85981 100644
--- a/src/rate/README.md
+++ b/src/rate/README.md
@@ -95,9 +95,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(3);
-    const onChange = (value) => {
-      Toast('current value:' + value);
-    };
+    const onChange = (value) => Toast('current value:' + value);
     return {
       value,
       onChange,
diff --git a/src/rate/README.zh-CN.md b/src/rate/README.zh-CN.md
index a5a1720fb..11d13da80 100644
--- a/src/rate/README.zh-CN.md
+++ b/src/rate/README.zh-CN.md
@@ -99,9 +99,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(3);
-    const onChange = (value) => {
-      Toast('当前值:' + value);
-    };
+    const onChange = (value) => Toast('当前值:' + value);
     return {
       value,
       onChange,
diff --git a/src/rate/demo/index.vue b/src/rate/demo/index.vue
index a602d7558..371a823cb 100644
--- a/src/rate/demo/index.vue
+++ b/src/rate/demo/index.vue
@@ -85,9 +85,7 @@ export default {
       value7: 2,
     });
 
-    const onChange = (value) => {
-      Toast(t('toastContent', value));
-    };
+    const onChange = (value) => Toast(t('toastContent', value));
 
     return {
       ...toRefs(state),
diff --git a/src/search/README.md b/src/search/README.md
index 7a4e1189c..0ca581c35 100644
--- a/src/search/README.md
+++ b/src/search/README.md
@@ -52,12 +52,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref('');
-    const onSearch = (val) => {
-      Toast(val);
-    };
-    const onCancel = () => {
-      Toast('Cancel');
-    };
+    const onSearch = (val) => Toast(val);
+    const onCancel = () => Toast('Cancel');
     return {
       value,
       onSearch,
diff --git a/src/search/README.zh-CN.md b/src/search/README.zh-CN.md
index e1c832191..fbc237f69 100644
--- a/src/search/README.zh-CN.md
+++ b/src/search/README.zh-CN.md
@@ -58,12 +58,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref('');
-    const onSearch = (val) => {
-      Toast(val);
-    };
-    const onCancel = () => {
-      Toast('取消');
-    };
+    const onSearch = (val) => Toast(val);
+    const onCancel = () => Toast('取消');
     return {
       value,
       onSearch,
diff --git a/src/search/demo/index.vue b/src/search/demo/index.vue
index 63fccb79e..11e863310 100644
--- a/src/search/demo/index.vue
+++ b/src/search/demo/index.vue
@@ -89,13 +89,8 @@ export default {
       value6: '',
     });
 
-    const onSearch = (val) => {
-      Toast(val);
-    };
-
-    const onCancel = () => {
-      Toast(t('cancel'));
-    };
+    const onSearch = (val) => Toast(val);
+    const onCancel = () => Toast(t('cancel'));
 
     return {
       ...toRefs(state),
diff --git a/src/sidebar/README.md b/src/sidebar/README.md
index f0faf606d..f6e75059e 100644
--- a/src/sidebar/README.md
+++ b/src/sidebar/README.md
@@ -71,10 +71,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
-      Toast(`Title ${index + 1}`);
-    };
-
+    const onChange = (index) => Toast(`Title ${index + 1}`);
     return {
       active,
       onChange,
diff --git a/src/sidebar/README.zh-CN.md b/src/sidebar/README.zh-CN.md
index e36b37012..44caadcb6 100644
--- a/src/sidebar/README.zh-CN.md
+++ b/src/sidebar/README.zh-CN.md
@@ -79,10 +79,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
-      Toast(`标签名 ${index + 1}`);
-    };
-
+    const onChange = (index) => Toast(`标签名 ${index + 1}`);
     return {
       active,
       onChange,
diff --git a/src/sidebar/demo/index.vue b/src/sidebar/demo/index.vue
index 4bd42b640..da1948568 100644
--- a/src/sidebar/demo/index.vue
+++ b/src/sidebar/demo/index.vue
@@ -67,9 +67,7 @@ export default {
       active4: 0,
     });
 
-    const onChange = (index: number) => {
-      Toast(`${t('title')} ${index + 1}`);
-    };
+    const onChange = (index: number) => Toast(`${t('title')} ${index + 1}`);
 
     return {
       ...toRefs(state),
diff --git a/src/slider/README.md b/src/slider/README.md
index f425e6829..49c970bf4 100644
--- a/src/slider/README.md
+++ b/src/slider/README.md
@@ -25,9 +25,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(50);
-    const onChange = (value) => {
-      Toast('Current value: ' + value);
-    };
+    const onChange = (value) => Toast('Current value: ' + value);
     return {
       value,
       onChange,
@@ -52,9 +50,7 @@ export default {
   setup() {
     // value must be an Array
     const value = ref([10, 50]);
-    const onChange = (value) => {
-      Toast('Current value: ' + value);
-    };
+    const onChange = (value) => Toast('Current value: ' + value);
     return {
       value,
       onChange,
@@ -132,9 +128,7 @@ export default {
   setup() {
     const value = ref(50);
     const value2 = ref([10, 50]);
-    const onChange = (value) => {
-      Toast('Current value: ' + value);
-    };
+    const onChange = (value) => Toast('Current value: ' + value);
     return {
       value,
       value2,
diff --git a/src/slider/README.zh-CN.md b/src/slider/README.zh-CN.md
index 01a8d9bba..13b0fc74a 100644
--- a/src/slider/README.zh-CN.md
+++ b/src/slider/README.zh-CN.md
@@ -29,9 +29,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(50);
-    const onChange = (value) => {
-      Toast('当前值:' + value);
-    };
+    const onChange = (value) => Toast('当前值:' + value);
     return {
       value,
       onChange,
@@ -56,9 +54,7 @@ export default {
   setup() {
     // 双滑块模式时,值必须是数组
     const value = ref([10, 50]);
-    const onChange = (value) => {
-      Toast('当前值:' + value);
-    };
+    const onChange = (value) => Toast('当前值:' + value);
     return {
       value,
       onChange,
@@ -138,9 +134,7 @@ export default {
   setup() {
     const value = ref(50);
     const value2 = ref([10, 50]);
-    const onChange = (value) => {
-      Toast('当前值:' + value);
-    };
+    const onChange = (value) => Toast('当前值:' + value);
     return {
       value,
       value2,
diff --git a/src/slider/demo/index.vue b/src/slider/demo/index.vue
index 0bd207734..f6e32fa11 100644
--- a/src/slider/demo/index.vue
+++ b/src/slider/demo/index.vue
@@ -95,9 +95,7 @@ export default {
       value9: [20, 60],
     });
 
-    const onChange = (value) => {
-      Toast(t('text') + value);
-    };
+    const onChange = (value) => Toast(t('text') + value);
 
     return {
       ...toRefs(state),
diff --git a/src/submit-bar/README.md b/src/submit-bar/README.md
index 525d3827c..6b9579810 100644
--- a/src/submit-bar/README.md
+++ b/src/submit-bar/README.md
@@ -23,10 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
-      Toast('Submit');
-    };
-
+    const onSubmit = () => Toast('Submit');
     return {
       onSubmit,
     };
@@ -73,13 +70,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
-      Toast('Submit');
-    };
-    const onClickLink = () => {
-      Toast('Click Link');
-    };
-
+    const onSubmit = () => Toast('Submit');
+    const onClickLink = () => Toast('Click Link');
     return {
       onSubmit,
       onClickLink,
diff --git a/src/submit-bar/README.zh-CN.md b/src/submit-bar/README.zh-CN.md
index 945a52d17..06c0184d3 100644
--- a/src/submit-bar/README.zh-CN.md
+++ b/src/submit-bar/README.zh-CN.md
@@ -23,10 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
-      Toast('点击按钮');
-    };
-
+    const onSubmit = () => Toast('点击按钮');
     return {
       onSubmit,
     };
@@ -80,13 +77,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
-      Toast('点击按钮');
-    };
-    const onClickLink = () => {
-      Toast('修改地址');
-    };
-
+    const onSubmit = () => Toast('点击按钮');
+    const onClickLink = () => Toast('修改地址');
     return {
       onSubmit,
       onClickLink,
diff --git a/src/submit-bar/demo/index.vue b/src/submit-bar/demo/index.vue
index 6d68650be..4b2361ca7 100644
--- a/src/submit-bar/demo/index.vue
+++ b/src/submit-bar/demo/index.vue
@@ -71,12 +71,8 @@ export default {
     const t = useTranslate(i18n);
     const checked = ref(true);
 
-    const onSubmit = () => {
-      Toast(t('clickButton'));
-    };
-    const onClickLink = () => {
-      Toast(t('clickLink'));
-    };
+    const onSubmit = () => Toast(t('clickButton'));
+    const onClickLink = () => Toast(t('clickLink'));
 
     return {
       t,
diff --git a/src/swipe/README.md b/src/swipe/README.md
index 8cbe7dd84..62ecbaefb 100644
--- a/src/swipe/README.md
+++ b/src/swipe/README.md
@@ -76,9 +76,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onChange = (index) => {
-      Toast('Current Swipe index:' + index);
-    };
+    const onChange = (index) => Toast('Current Swipe index:' + index);
     return { onChange };
   },
 };
diff --git a/src/swipe/README.zh-CN.md b/src/swipe/README.zh-CN.md
index 365c61478..1218bfb0e 100644
--- a/src/swipe/README.zh-CN.md
+++ b/src/swipe/README.zh-CN.md
@@ -80,9 +80,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onChange = (index) => {
-      Toast('当前 Swipe 索引:' + index);
-    };
+    const onChange = (index) => Toast('当前 Swipe 索引:' + index);
     return { onChange };
   },
 };
diff --git a/src/swipe/demo/index.vue b/src/swipe/demo/index.vue
index 90e223aea..074ec864b 100644
--- a/src/swipe/demo/index.vue
+++ b/src/swipe/demo/index.vue
@@ -98,10 +98,7 @@ export default {
       'https://img.yzcdn.cn/vant/apple-4.jpg',
     ];
 
-    const onChange1 = (index) => {
-      Toast(t('message') + index);
-    };
-
+    const onChange1 = (index) => Toast(t('message') + index);
     const onChange2 = (index) => {
       current.value = index;
     };
diff --git a/src/tab/README.md b/src/tab/README.md
index 47b72e835..1bc4bfe0f 100644
--- a/src/tab/README.md
+++ b/src/tab/README.md
@@ -86,10 +86,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickDisabled = (name, title) => {
-      Toast(name + ' is disabled');
-    };
-
+    const onClickDisabled = (name, title) => Toast(`${name} is disabled`);
     return {
       onClickDisabled,
     };
@@ -124,10 +121,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClick = (name, title) => {
-      Toast(title);
-    };
-
+    const onClick = (name, title) => Toast(title);
     return {
       onClick,
     };
diff --git a/src/tab/README.zh-CN.md b/src/tab/README.zh-CN.md
index 38a491ad5..b5e5833cd 100644
--- a/src/tab/README.zh-CN.md
+++ b/src/tab/README.zh-CN.md
@@ -89,10 +89,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickDisabled = (name, title) => {
-      Toast(name + '已被禁用');
-    };
-
+    const onClickDisabled = (name, title) => Toast(`${name}已被禁用`);
     return {
       onClickDisabled,
     };
@@ -128,10 +125,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClick = (name, title) => {
-      Toast(title);
-    };
-
+    const onClick = (name, title) => Toast(title);
     return {
       onClick,
     };
diff --git a/src/tabbar/README.md b/src/tabbar/README.md
index 62de9c1b6..3c3a4fb2f 100644
--- a/src/tabbar/README.md
+++ b/src/tabbar/README.md
@@ -132,10 +132,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
-      Toast(`Tab ${index}`);
-    };
-
+    const onChange = (index) => Toast(`Tab ${index}`);
     return {
       icon,
       onChange,
diff --git a/src/tabbar/README.zh-CN.md b/src/tabbar/README.zh-CN.md
index 6f0c25b1a..19d565cb0 100644
--- a/src/tabbar/README.zh-CN.md
+++ b/src/tabbar/README.zh-CN.md
@@ -138,10 +138,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
-      Toast(`标签 ${index}`);
-    };
-
+    const onChange = (index) => Toast(`标签 ${index}`);
     return {
       icon,
       onChange,