docs: prefer shorter demo

src/action-bar/README.md

@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickIcon = () => {
+    const onClickIcon = () => Toast('Click Icon');
-      Toast('Click Icon');
+    const onClickButton = () => Toast('Click Button');
-    };
-    const onClickButton = () => {
-      Toast('Click Button');
-    };
     return {
       onClickIcon,
       onClickButton,

src/action-bar/README.zh-CN.md

@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickIcon = () => {
+    const onClickIcon = () => Toast('点击图标');
-      Toast('点击图标');
+    const onClickButton = () => Toast('点击按钮');
-    };
-    const onClickButton = () => {
-      Toast('点击按钮');
-    };
     return {
       onClickIcon,
       onClickButton,

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 onClickIcon = () => {
+    const onClickButton = () => Toast(t('clickButton'));
-      Toast(t('clickIcon'));
-    };
-
-    const onClickButton = () => {
-      Toast(t('clickButton'));
-    };
-
     return {
       t,
       onClickIcon,

src/action-sheet/README.md

@@ -71,9 +71,7 @@ export default {
       { name: 'Option 2' },
       { name: 'Option 3' },
     ];
-    const onCancel = () => {
+    const onCancel = () => Toast('cancel');
-      Toast('cancel');
-    };
 
     return {
       show,

src/action-sheet/README.zh-CN.md

@@ -79,9 +79,7 @@ export default {
       { name: '选项二' },
       { name: '选项三' },
     ];
-    const onCancel = () => {
+    const onCancel = () => Toast('取消');
-      Toast('取消');
-    };
 
     return {
       show,

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),

src/address-edit/README.md

@@ -37,12 +37,8 @@ export default {
   setup() {
     const searchResult = ref([]);
 
-    const onSave = () => {
+    const onSave = () => Toast('save');
-      Toast('save');
+    const onDelete = () => Toast('delete');
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
     const onChangeDetail = (val) => {
       if (val) {
         searchResult.value = [

src/address-edit/README.zh-CN.md

@@ -41,12 +41,8 @@ export default {
   setup() {
     const searchResult = ref([]);
 
-    const onSave = () => {
+    const onSave = () => Toast('save');
-      Toast('save');
+    const onDelete = () => Toast('delete');
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
     const onChangeDetail = (val) => {
       if (val) {
         searchResult.value = [

src/address-edit/demo/index.vue

@@ -61,14 +61,8 @@ export default {
     const t = useTranslate(i18n);
     const searchResult = ref([]);
 
-    const onSave = () => {
+    const onSave = () => Toast(t('save'));
-      Toast(t('save'));
+    const onDelete = () => Toast(t('delete'));
-    };
-
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
-
     const onChangeDetail = (val: string) => {
       searchResult.value = val ? t('searchResult') : [];
     };

src/address-list/README.md

@@ -57,12 +57,8 @@ export default {
       },
     ];
 
-    const onAdd = () => {
+    const onAdd = () => Toast('Add');
-      Toast('Add');
+    const onEdit = (item, index) => Toast('Edit:' + index);
-    };
-    const onEdit = (item, index) => {
-      Toast('Edit:' + index);
-    };
 
     return {
       list,

src/address-list/README.zh-CN.md

@@ -61,12 +61,8 @@ export default {
       },
     ];
 
-    const onAdd = () => {
+    const onAdd = () => Toast('新增地址');
-      Toast('新增地址');
+    const onEdit = (item, index) => Toast('编辑地址:' + index);
-    };
-    const onEdit = (item, index) => {
-      Toast('编辑地址:' + index);
-    };
 
     return {
       list,

src/contact-card/README.md

@@ -23,9 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onAdd = () => {
+    const onAdd = () => Toast('add');
-      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,

src/contact-card/README.zh-CN.md

@@ -27,9 +27,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onAdd = () => {
+    const onAdd = () => Toast('新增');
-      Toast('新增');
-    };
     return {
       onAdd,
     };
@@ -58,10 +56,7 @@ export default {
       name: '张三',
       tel: '13000000000',
     });
-
+    const onEdit = () => Toast('edit');
-    const onEdit = () => {
-      Toast('edit');
-    };
 
     return {
       onEdit,

src/contact-card/demo/index.vue

@@ -53,13 +53,8 @@ export default {
       tel: '13000000000',
     }));
 
-    const onAdd = () => {
+    const onAdd = () => Toast(t('add'));
-      Toast(t('add'));
+    const onEdit = () => Toast(t('edit'));
-    };
-
-    const onEdit = () => {
-      Toast(t('edit'));
-    };
 
     return {
       t,

src/contact-edit/README.md

@@ -32,13 +32,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const editingContact = ref({});
-    const onSave = (contactInfo) => {
+    const onSave = (contactInfo) => Toast('Save');
-      Toast('Save');
+    const onDelete = (contactInfo) => Toast('Delete');
-    };
-    const onDelete = (contactInfo) => {
-      Toast('Delete');
-    };
-
     return {
       onSave,
       onDelete,

src/contact-edit/README.zh-CN.md

@@ -36,13 +36,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const editingContact = ref({});
-    const onSave = (contactInfo) => {
+    const onSave = (contactInfo) => Toast('保存');
-      Toast('保存');
+    const onDelete = (contactInfo) => Toast('删除');
-    };
-    const onDelete = (contactInfo) => {
-      Toast('删除');
-    };
-
     return {
       onSave,
       onDelete,

src/contact-edit/demo/index.vue

@@ -30,12 +30,8 @@ export default {
     const t = useTranslate(i18n);
     const editingContact = ref({});
 
-    const onSave = () => {
+    const onSave = () => Toast(t('save'));
-      Toast(t('save'));
+    const onDelete = () => Toast(t('delete'));
-    };
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
 
     return {
       t,

src/contact-list/README.md

@@ -48,15 +48,9 @@ export default {
       ],
     });
 
-    const onAdd = () => {
+    const onAdd = () => Toast('Add');
-      Toast('Add');
+    const onEdit = (contact) => Toast('Edit' + contact.id);
-    };
+    const onSelect = (contact) => Toast('Select' + contact.id);
-    const onEdit = (contact) => {
-      Toast('Edit' + contact.id);
-    };
-    const onSelect = (contact) => {
-      Toast('Select' + contact.id);
-    };
 
     return {
       state,

src/contact-list/README.zh-CN.md

@@ -52,15 +52,9 @@ export default {
       ],
     });
 
-    const onAdd = () => {
+    const onAdd = () => Toast('新增');
-      Toast('新增');
+    const onEdit = (contact) => Toast('编辑' + contact.id);
-    };
+    const onSelect = (contact) => Toast('选择' + contact.id);
-    const onEdit = (contact) => {
-      Toast('编辑' + contact.id);
-    };
-    const onSelect = (contact) => {
-      Toast('选择' + contact.id);
-    };
 
     return {
       state,

src/count-down/README.md

@@ -105,9 +105,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
+    const onFinish = () => Toast('Finished');
-      Toast('Finished');
-    };
 
     return {
       start,

src/count-down/README.zh-CN.md

@@ -119,9 +119,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
+    const onFinish = () => Toast('倒计时结束');
-      Toast('倒计时结束');
-    };
 
     return {
       start,

src/count-down/demo/index.vue

@@ -85,9 +85,7 @@ export default {
     const reset = () => {
       countDown.value.reset();
     };
-    const onFinish = () => {
+    const onFinish = () => Toast(t('finished'));
-      Toast(t('finished'));
-    };
 
     return {
       t,

src/image-preview/demo/index.vue

@@ -79,9 +79,7 @@ export default {
       index: 0,
     });
 
-    const onClose = () => {
+    const onClose = () => Toast(t('closed'));
-      Toast(t('closed'));
-    };
 
     const beforeClose = () =>
       new Promise((resolve) => {

src/nav-bar/README.md

@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickLeft = () => {
+    const onClickLeft = () => Toast('Back');
-      Toast('Back');
+    const onClickRight = () => Toast('Button');
-    };
-    const onClickRight = () => {
-      Toast('Button');
-    };
     return {
       onClickLeft,
       onClickRight,

src/nav-bar/README.zh-CN.md

@@ -30,12 +30,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickLeft = () => {
+    const onClickLeft = () => Toast('返回');
-      Toast('返回');
+    const onClickRight = () => Toast('按钮');
-    };
-    const onClickRight = () => {
-      Toast('按钮');
-    };
     return {
       onClickLeft,
       onClickRight,

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 onClickLeft = () => {
+    const onClickRight = () => Toast(t('button'));
-      Toast(t('back'));
-    };
-
-    const onClickRight = () => {
-      Toast(t('button'));
-    };
 
     return {
       t,

src/number-keyboard/README.md

@@ -31,12 +31,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const show = ref(true);
-    const onInput = (value) => {
+    const onInput = (value) => Toast(value);
-      Toast(value);
+    const onDelete = () => Toast('delete');
-    };
-    const onDelete = () => {
-      Toast('delete');
-    };
 
     return {
       show,

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) => {
+    const onInput = (value) => Toast(value);
-      Toast(value);
+    const onDelete = () => Toast('删除');
-    };
-    const onDelete = () => {
-      Toast('删除');
-    };
 
     return {
       show,

src/number-keyboard/demo/index.vue

@@ -137,13 +137,8 @@ export default {
       keyboard: 'default',
     });
 
-    const onInput = (value: string) => {
+    const onInput = (value: string) => Toast(`${t('input')}: ${value}`);
-      Toast(`${t('input')}: ${value}`);
+    const onDelete = () => Toast(t('delete'));
-    };
-
-    const onDelete = () => {
-      Toast(t('delete'));
-    };
 
     return {
       ...toRefs(state),

src/picker/README.md

@@ -41,9 +41,7 @@ export default {
     const onChange = (value, index) => {
       Toast(`Value: ${value}, Index: ${index}`);
     };
-    const onCancel = () => {
+    const onCancel = () => Toast('Cancel');
-      Toast('Cancel');
-    };
 
     return {
       columns,

src/picker/README.zh-CN.md

@@ -49,9 +49,7 @@ export default {
     const onChange = (value, index) => {
       Toast(`当前值: ${value}, 当前索引: ${index}`);
     };
-    const onCancel = () => {
+    const onCancel = () => Toast('取消');
-      Toast('取消');
-    };
 
     return {
       columns,

src/picker/demo/index.vue

@@ -183,9 +183,7 @@ export default {
       Toast(t('toastContent', value, index));
     };
 
-    const onCancel = () => {
+    const onCancel = () => Toast(t('cancel'));
-      Toast(t('cancel'));
-    };
 
     const onCancel2 = () => {
       state.showPicker = false;

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,

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,

src/popover/demo/index.vue

@@ -212,9 +212,7 @@ export default {
       });
     };
 
-    const onSelect = (action: { text: string }) => {
+    const onSelect = (action: { text: string }) => Toast(action.text);
-      Toast(action.text);
-    };
 
     return {
       ...toRefs(state),

src/rate/README.md

@@ -95,9 +95,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(3);
-    const onChange = (value) => {
+    const onChange = (value) => Toast('current value:' + value);
-      Toast('current value:' + value);
-    };
     return {
       value,
       onChange,

src/rate/README.zh-CN.md

@@ -99,9 +99,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(3);
-    const onChange = (value) => {
+    const onChange = (value) => Toast('当前值：' + value);
-      Toast('当前值：' + value);
-    };
     return {
       value,
       onChange,

src/rate/demo/index.vue

@@ -85,9 +85,7 @@ export default {
       value7: 2,
     });
 
-    const onChange = (value) => {
+    const onChange = (value) => Toast(t('toastContent', value));
-      Toast(t('toastContent', value));
-    };
 
     return {
       ...toRefs(state),

src/search/README.md

@@ -52,12 +52,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref('');
-    const onSearch = (val) => {
+    const onSearch = (val) => Toast(val);
-      Toast(val);
+    const onCancel = () => Toast('Cancel');
-    };
-    const onCancel = () => {
-      Toast('Cancel');
-    };
     return {
       value,
       onSearch,

src/search/README.zh-CN.md

@@ -58,12 +58,8 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref('');
-    const onSearch = (val) => {
+    const onSearch = (val) => Toast(val);
-      Toast(val);
+    const onCancel = () => Toast('取消');
-    };
-    const onCancel = () => {
-      Toast('取消');
-    };
     return {
       value,
       onSearch,

src/search/demo/index.vue

@@ -89,13 +89,8 @@ export default {
       value6: '',
     });
 
-    const onSearch = (val) => {
+    const onSearch = (val) => Toast(val);
-      Toast(val);
+    const onCancel = () => Toast(t('cancel'));
-    };
-
-    const onCancel = () => {
-      Toast(t('cancel'));
-    };
 
     return {
       ...toRefs(state),

src/sidebar/README.md

@@ -71,10 +71,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
+    const onChange = (index) => Toast(`Title ${index + 1}`);
-      Toast(`Title ${index + 1}`);
-    };
-
     return {
       active,
       onChange,

src/sidebar/README.zh-CN.md

@@ -79,10 +79,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
+    const onChange = (index) => Toast(`标签名 ${index + 1}`);
-      Toast(`标签名 ${index + 1}`);
-    };
-
     return {
       active,
       onChange,

src/sidebar/demo/index.vue

@@ -67,9 +67,7 @@ export default {
       active4: 0,
     });
 
-    const onChange = (index: number) => {
+    const onChange = (index: number) => Toast(`${t('title')} ${index + 1}`);
-      Toast(`${t('title')} ${index + 1}`);
-    };
 
     return {
       ...toRefs(state),

src/slider/README.md

@@ -25,9 +25,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(50);
-    const onChange = (value) => {
+    const onChange = (value) => Toast('Current value: ' + 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) => {
+    const onChange = (value) => Toast('Current value: ' + 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) => {
+    const onChange = (value) => Toast('Current value: ' + value);
-      Toast('Current value: ' + value);
-    };
     return {
       value,
       value2,

src/slider/README.zh-CN.md

@@ -29,9 +29,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const value = ref(50);
-    const onChange = (value) => {
+    const onChange = (value) => Toast('当前值：' + value);
-      Toast('当前值：' + value);
-    };
     return {
       value,
       onChange,
@@ -56,9 +54,7 @@ export default {
   setup() {
     // 双滑块模式时，值必须是数组
     const value = ref([10, 50]);
-    const onChange = (value) => {
+    const onChange = (value) => Toast('当前值：' + 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) => {
+    const onChange = (value) => Toast('当前值：' + value);
-      Toast('当前值：' + value);
-    };
     return {
       value,
       value2,

src/slider/demo/index.vue

@@ -95,9 +95,7 @@ export default {
       value9: [20, 60],
     });
 
-    const onChange = (value) => {
+    const onChange = (value) => Toast(t('text') + value);
-      Toast(t('text') + value);
-    };
 
     return {
       ...toRefs(state),

src/submit-bar/README.md

@@ -23,10 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
+    const onSubmit = () => Toast('Submit');
-      Toast('Submit');
-    };
-
     return {
       onSubmit,
     };
@@ -73,13 +70,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
+    const onSubmit = () => Toast('Submit');
-      Toast('Submit');
+    const onClickLink = () => Toast('Click Link');
-    };
-    const onClickLink = () => {
-      Toast('Click Link');
-    };
-
     return {
       onSubmit,
       onClickLink,

src/submit-bar/README.zh-CN.md

@@ -23,10 +23,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
+    const onSubmit = () => Toast('点击按钮');
-      Toast('点击按钮');
-    };
-
     return {
       onSubmit,
     };
@@ -80,13 +77,8 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onSubmit = () => {
+    const onSubmit = () => Toast('点击按钮');
-      Toast('点击按钮');
+    const onClickLink = () => Toast('修改地址');
-    };
-    const onClickLink = () => {
-      Toast('修改地址');
-    };
-
     return {
       onSubmit,
       onClickLink,

src/submit-bar/demo/index.vue

@@ -71,12 +71,8 @@ export default {
     const t = useTranslate(i18n);
     const checked = ref(true);
 
-    const onSubmit = () => {
+    const onSubmit = () => Toast(t('clickButton'));
-      Toast(t('clickButton'));
+    const onClickLink = () => Toast(t('clickLink'));
-    };
-    const onClickLink = () => {
-      Toast(t('clickLink'));
-    };
 
     return {
       t,

src/swipe/README.md

@@ -76,9 +76,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onChange = (index) => {
+    const onChange = (index) => Toast('Current Swipe index:' + index);
-      Toast('Current Swipe index:' + index);
-    };
     return { onChange };
   },
 };

src/swipe/README.zh-CN.md

@@ -80,9 +80,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onChange = (index) => {
+    const onChange = (index) => Toast('当前 Swipe 索引：' + index);
-      Toast('当前 Swipe 索引：' + index);
-    };
     return { onChange };
   },
 };

src/swipe/demo/index.vue

@@ -98,10 +98,7 @@ export default {
       'https://img.yzcdn.cn/vant/apple-4.jpg',
     ];
 
-    const onChange1 = (index) => {
+    const onChange1 = (index) => Toast(t('message') + index);
-      Toast(t('message') + index);
-    };
-
     const onChange2 = (index) => {
       current.value = index;
     };

src/tab/README.md

@@ -86,10 +86,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickDisabled = (name, title) => {
+    const onClickDisabled = (name, title) => Toast(`${name} is disabled`);
-      Toast(name + ' is disabled');
-    };
-
     return {
       onClickDisabled,
     };
@@ -124,10 +121,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClick = (name, title) => {
+    const onClick = (name, title) => Toast(title);
-      Toast(title);
-    };
-
     return {
       onClick,
     };

src/tab/README.zh-CN.md

@@ -89,10 +89,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClickDisabled = (name, title) => {
+    const onClickDisabled = (name, title) => Toast(`${name}已被禁用`);
-      Toast(name + '已被禁用');
-    };
-
     return {
       onClickDisabled,
     };
@@ -128,10 +125,7 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const onClick = (name, title) => {
+    const onClick = (name, title) => Toast(title);
-      Toast(title);
-    };
-
     return {
       onClick,
     };

src/tabbar/README.md

@@ -132,10 +132,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
+    const onChange = (index) => Toast(`Tab ${index}`);
-      Toast(`Tab ${index}`);
-    };
-
     return {
       icon,
       onChange,

src/tabbar/README.zh-CN.md

@@ -138,10 +138,7 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const active = ref(0);
-    const onChange = (index) => {
+    const onChange = (index) => Toast(`标签 ${index}`);
-      Toast(`标签 ${index}`);
-    };
-
     return {
       icon,
       onChange,