From b5d0fec61183b25a98998ed5b2e2de5039ef2b51 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 9 Feb 2022 14:56:44 +0800
Subject: [PATCH] types: fix ts errors in demo files (#10275)

* types: fix ts errors in demo files

* docs: upd
---
 packages/vant-cli/site/desktop/components/Header.vue | 2 +-
 packages/vant/src/contact-edit/README.md             | 5 ++++-
 packages/vant/src/contact-edit/README.zh-CN.md       | 5 ++++-
 packages/vant/src/contact-edit/demo/index.vue        | 7 +++++--
 packages/vant/src/count-down/demo/index.vue          | 3 +--
 packages/vant/src/count-down/test/index.spec.tsx     | 9 ++++++---
 packages/vant/src/notify/demo/index.vue              | 3 +--
 packages/vant/src/slider/demo/index.vue              | 4 ++--
 packages/vant/src/stepper/demo/index.vue             | 2 +-
 packages/vant/src/sticky/demo/index.vue              | 2 +-
 packages/vant/src/swipe-cell/demo/index.vue          | 6 ++++--
 packages/vant/src/tab/demo/index.vue                 | 2 +-
 packages/vant/src/uploader/test/index.spec.ts        | 2 +-
 packages/vant/src/uploader/types.ts                  | 2 +-
 14 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index 175482753..0501ff13d 100644
--- a/packages/vant-cli/site/desktop/components/Header.vue
+++ b/packages/vant-cli/site/desktop/components/Header.vue
@@ -262,7 +262,7 @@ export default {
   &__subtitle {
     display: inline-block;
     color: #999;
-    margin-left: 8px;
+    margin-left: 4px;
     vertical-align: -4px;
     font-size: 13px;
   }
diff --git a/packages/vant/src/contact-edit/README.md b/packages/vant/src/contact-edit/README.md
index f0571c6d7..2f3446c53 100644
--- a/packages/vant/src/contact-edit/README.md
+++ b/packages/vant/src/contact-edit/README.md
@@ -37,7 +37,10 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const editingContact = ref({});
+    const editingContact = ref({
+      tel: '',
+      name: '',
+    });
     const onSave = (contactInfo) => Toast('Save');
     const onDelete = (contactInfo) => Toast('Delete');
     return {
diff --git a/packages/vant/src/contact-edit/README.zh-CN.md b/packages/vant/src/contact-edit/README.zh-CN.md
index 6b19dcf7b..4409314aa 100644
--- a/packages/vant/src/contact-edit/README.zh-CN.md
+++ b/packages/vant/src/contact-edit/README.zh-CN.md
@@ -37,7 +37,10 @@ import { Toast } from 'vant';
 
 export default {
   setup() {
-    const editingContact = ref({});
+    const editingContact = ref({
+      tel: '',
+      name: '',
+    });
     const onSave = (contactInfo) => Toast('保存');
     const onDelete = (contactInfo) => Toast('删除');
     return {
diff --git a/packages/vant/src/contact-edit/demo/index.vue b/packages/vant/src/contact-edit/demo/index.vue
index 7e36f7ee8..23405172c 100644
--- a/packages/vant/src/contact-edit/demo/index.vue
+++ b/packages/vant/src/contact-edit/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VanContactEdit from '..';
 import { ref } from 'vue';
+import VanContactEdit, { type ContactEditInfo } from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
@@ -13,7 +13,10 @@ const t = useTranslate({
   },
 });
 
-const editingContact = ref({});
+const editingContact = ref<ContactEditInfo>({
+  tel: '',
+  name: '',
+});
 
 const onSave = () => Toast(t('save'));
 const onDelete = () => Toast(t('delete'));
diff --git a/packages/vant/src/count-down/demo/index.vue b/packages/vant/src/count-down/demo/index.vue
index fa27148b5..7c82cd169 100644
--- a/packages/vant/src/count-down/demo/index.vue
+++ b/packages/vant/src/count-down/demo/index.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import VanCountDown from '..';
 import VanGrid from '../../grid';
 import VanGridItem from '../../grid-item';
+import VanCountDown, { type CountDownInstance } from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
-import type { CountDownInstance } from '../CountDown';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/count-down/test/index.spec.tsx b/packages/vant/src/count-down/test/index.spec.tsx
index de8778d66..9e4fef77e 100644
--- a/packages/vant/src/count-down/test/index.spec.tsx
+++ b/packages/vant/src/count-down/test/index.spec.tsx
@@ -1,7 +1,10 @@
-import { KeepAlive, nextTick } from 'vue';
-import { CountDown } from '..';
+import { nextTick, KeepAlive } from 'vue';
+import {
+  CountDown,
+  type CountDownInstance,
+  type CountDownCurrentTime,
+} from '..';
 import { mount, later } from '../../../test';
-import type { CountDownCurrentTime, CountDownInstance } from '../CountDown';
 
 test('should emit finish event when finished', async () => {
   const wrapper = mount(CountDown, {
diff --git a/packages/vant/src/notify/demo/index.vue b/packages/vant/src/notify/demo/index.vue
index f49ee4cb4..ea4341c39 100644
--- a/packages/vant/src/notify/demo/index.vue
+++ b/packages/vant/src/notify/demo/index.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import VanCell from '../../cell';
 import VanIcon from '../../icon';
-import { Notify } from '..';
 import { ref } from 'vue';
+import { Notify, type NotifyType } from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { NotifyType } from '../Notify';
 
 const VanNotify = Notify.Component;
 
diff --git a/packages/vant/src/slider/demo/index.vue b/packages/vant/src/slider/demo/index.vue
index a4b699730..f2c7d7c86 100644
--- a/packages/vant/src/slider/demo/index.vue
+++ b/packages/vant/src/slider/demo/index.vue
@@ -30,14 +30,14 @@ const t = useTranslate({
 });
 
 const value1 = ref(50);
-const value2 = ref([20, 60]);
+const value2 = ref<[number, number]>([20, 60]);
 const value3 = ref(0);
 const value4 = ref(50);
 const value5 = ref(50);
 const value6 = ref(50);
 const value7 = ref(50);
 const value8 = ref(50);
-const value9 = ref([20, 60]);
+const value9 = ref<[number, number]>([20, 60]);
 
 const onChange = (value: string) => Toast(t('text') + value);
 </script>
diff --git a/packages/vant/src/stepper/demo/index.vue b/packages/vant/src/stepper/demo/index.vue
index 33db318de..b28273b29 100644
--- a/packages/vant/src/stepper/demo/index.vue
+++ b/packages/vant/src/stepper/demo/index.vue
@@ -42,7 +42,7 @@ const disabledInput = ref(1);
 const beforeChange = () => {
   Toast.loading({ forbidClick: true });
 
-  return new Promise((resolve) => {
+  return new Promise<boolean>((resolve) => {
     setTimeout(() => {
       Toast.clear();
       resolve(true);
diff --git a/packages/vant/src/sticky/demo/index.vue b/packages/vant/src/sticky/demo/index.vue
index 4b77033ac..2e8e3a4d0 100644
--- a/packages/vant/src/sticky/demo/index.vue
+++ b/packages/vant/src/sticky/demo/index.vue
@@ -17,7 +17,7 @@ const t = useTranslate({
   },
 });
 
-const container = ref(null);
+const container = ref<Element>();
 </script>
 
 <template>
diff --git a/packages/vant/src/swipe-cell/demo/index.vue b/packages/vant/src/swipe-cell/demo/index.vue
index 77a1e7ebd..8553dd3ae 100644
--- a/packages/vant/src/swipe-cell/demo/index.vue
+++ b/packages/vant/src/swipe-cell/demo/index.vue
@@ -38,10 +38,12 @@ const beforeClose = ({ position }: { position: string }) => {
     case 'outside':
       return true;
     case 'right':
-      return new Promise((resolve) => {
+      return new Promise<boolean>((resolve) => {
         Dialog.confirm({
           title: t('confirm'),
-        }).then(resolve);
+        }).then(() => {
+          resolve(true);
+        });
       });
   }
 };
diff --git a/packages/vant/src/tab/demo/index.vue b/packages/vant/src/tab/demo/index.vue
index 4f648cdae..9f7f4b586 100644
--- a/packages/vant/src/tab/demo/index.vue
+++ b/packages/vant/src/tab/demo/index.vue
@@ -64,7 +64,7 @@ const beforeChange = (name: number) => {
   if (name === 1) {
     return false;
   }
-  return new Promise((resolve) => {
+  return new Promise<boolean>((resolve) => {
     resolve(name !== 3);
   });
 };
diff --git a/packages/vant/src/uploader/test/index.spec.ts b/packages/vant/src/uploader/test/index.spec.ts
index 38295523a..73cac2700 100644
--- a/packages/vant/src/uploader/test/index.spec.ts
+++ b/packages/vant/src/uploader/test/index.spec.ts
@@ -99,7 +99,7 @@ test('set input name', (done) => {
         detail: { name: string | number; index: number }
       ) => {
         expect(detail.name).toEqual('uploader');
-        return file;
+        return true;
       },
       afterRead: (
         readFile: UploaderFileListItem | UploaderFileListItem[],
diff --git a/packages/vant/src/uploader/types.ts b/packages/vant/src/uploader/types.ts
index 883181ce3..2b422c862 100644
--- a/packages/vant/src/uploader/types.ts
+++ b/packages/vant/src/uploader/types.ts
@@ -26,7 +26,7 @@ export type UploaderBeforeRead = (
     name: string | number;
     index: number;
   }
-) => boolean | Promise<File | File[] | undefined>;
+) => boolean | undefined | Promise<File | File[] | undefined>;
 
 export type UploaderAfterRead = (
   items: UploaderFileListItem | UploaderFileListItem[],