t-fighting-design/lib/_interface/notification.d.ts

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import type { ComponentInternalInstance } from 'vue'
import type { NotificationPropsType } from '../notification/src/props'
import type { NotificationType } from '../notification/src/interface'

export type InstanceOptions<T> = Partial<Mutable<T>> & {
  onDestroy?: () => void
}

export interface NotificationInstance {
  visible: number
  bottom: number
  id: string
  vm: ComponentInternalInstance
  close: () => void
}

export type NotificationFnWithType = {
  [key in NotificationType]: (text: string) => void
}

export type NotificationOptions = InstanceOptions<NotificationPropsType>

export interface FNotificationFn {
  (options: NotificationOptions | string): NotificationInstance
}