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

@@ -262,7 +262,7 @@ export default {
   &__subtitle {
     display: inline-block;
     color: #999;
-    margin-left: 8px;
+    margin-left: 4px;
     vertical-align: -4px;
     font-size: 13px;
   }

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 {

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 {

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'));

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': {

packages/vant/src/count-down/test/index.spec.tsx

@@ -1,7 +1,10 @@
-import { KeepAlive, nextTick } from 'vue';
+import { nextTick, KeepAlive } from 'vue';
-import { CountDown } from '..';
+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, {

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;
 

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>

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

packages/vant/src/sticky/demo/index.vue

@@ -17,7 +17,7 @@ const t = useTranslate({
   },
 });
 
-const container = ref(null);
+const container = ref<Element>();
 </script>
 
 <template>

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);
+        });
       });
   }
 };

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);
   });
 };

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[],

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[],