feat(snackbar): add types

packages/varlet-ui/src/snackbar/example/index.vue

@@ -56,7 +56,7 @@
 </template>
 
 <script>
-import { defineComponent, ref, reactive, toRefs } from 'vue'
+import { defineComponent, reactive, toRefs } from 'vue'
 import Button from '../../button'
 import Snackbar from '..'
 import { pack, use } from './locale'
@@ -71,7 +71,6 @@ export default defineComponent({
     AppType,
   },
   setup() {
-    const isAllowMultiple = ref(true)
     const shows = reactive({
       show1: false,
       show2: false,

packages/varlet-ui/src/snackbar/index.ts

@@ -1,4 +1,4 @@
-import { h, reactive, TransitionGroup, App, RendererElement } from 'vue'
+import { h, reactive, TransitionGroup, App, Component } from 'vue'
 import VarSnackbarCore from './core.vue'
 import VarSnackbar from './Snackbar.vue'
 import { mountInstance } from '../utils/components'
@@ -60,7 +60,7 @@ interface Snackbar {
 
   isAllowMultiple: boolean
 
-  Component: RendererElement
+  Component: Component
 }
 
 let sid = 0

packages/varlet-ui/types/snackbar.d.ts

@@ -0,0 +1,55 @@
+import { App, Component } from 'vue'
+import { VarComponent } from './varComponent'
+
+export class SnackbarComponent extends VarComponent {
+  static Component: Component
+}
+
+export type SnackbarType = 'success' | 'warning' | 'info' | 'error' | 'loading'
+
+export interface SnackbarHandel {
+  clear: () => void
+}
+
+export interface SnackbarOptions {
+  type?: SnackbarType
+  content?: string
+  position?: 'top' | 'center' | 'bottom'
+  loadingType?: string
+  loadingSize?: string
+  teleport?: string
+  lockScroll?: boolean
+  contentClass?: string
+  duration?: number
+  vertical?: boolean
+  show?: boolean
+  forbidClick?: boolean
+  onOpen?: () => void
+  onClose?: () => void
+  onOpened?: () => void
+  onClosed?: () => void
+}
+
+export interface ISnackbar {
+  (options: SnackbarOptions): SnackbarHandel
+
+  install(app: App): void
+
+  allowMultiple(bool: boolean): void
+
+  success(options: SnackbarOptions | string): SnackbarHandel
+
+  warning(options: SnackbarOptions | string): SnackbarHandel
+
+  info(options: SnackbarOptions | string): SnackbarHandel
+
+  error(options: SnackbarOptions | string): SnackbarHandel
+
+  loading(options: SnackbarOptions | string): SnackbarHandel
+
+  clear(): void
+
+  Component: SnackbarComponent
+}
+
+export const Snackbar: ISnackbar