types(Toast): fix Toast.clear typing (#10699)

packages/vant/src/toast/function-call.tsx

@@ -1,14 +1,8 @@
 import { ref, watch, getCurrentInstance, type App } from 'vue';
-import {
+import { extend, isObject, inBrowser, withInstall } from '../utils';
-  extend,
-  isObject,
-  inBrowser,
-  withInstall,
-  type ComponentInstance,
-} from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';
-import type { ToastType, ToastOptions } from './types';
+import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
 
 const defaultOptions: ToastOptions = {
   icon: '',
@@ -32,7 +26,7 @@ const defaultOptions: ToastOptions = {
   closeOnClickOverlay: false,
 };
 
-let queue: ComponentInstance[] = [];
+let queue: ToastWrapperInstance[] = [];
 let allowMultiple = false;
 let currentOptions = extend({}, defaultOptions);
 
@@ -83,7 +77,7 @@ function createInstance() {
     },
   });
 
-  return instance;
+  return instance as ToastWrapperInstance;
 }
 
 function getInstance() {
@@ -97,7 +91,7 @@ function getInstance() {
 
 function Toast(options: string | ToastOptions = {}) {
   if (!inBrowser) {
-    return {} as ComponentInstance;
+    return {} as ToastWrapperInstance;
   }
 
   const toast = getInstance();

packages/vant/src/toast/types.ts

@@ -1,5 +1,5 @@
 import { Toast } from './function-call';
-import type { TeleportProps } from 'vue';
+import type { ComponentPublicInstance, TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
 import type { Numeric } from '../utils';
 
@@ -34,3 +34,14 @@ declare module '@vue/runtime-core' {
     $toast: typeof Toast;
   }
 }
+
+export type ToastWrapperInstance = ComponentPublicInstance<
+  { message: Numeric },
+  {
+    clear: () => void;
+    /**
+     * @private
+     */
+    open: (props: Record<string, any>) => void;
+  }
+>;