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

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

import type { ComponentInternalInstance } from 'vue'
import type { MessagePropsType } from '../message/src/props'
import type { MessageType } from '../message/src/interface'

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

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

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

export type MessageOptions = InstanceOptions<MessagePropsType>

export interface MessageFn {
  (options: MessageOptions | string): MessageInstance
}

type Mutable<T> = { -readonly [P in keyof T]: T[P] }

export interface UseMassageManageReturnInterface {
  instances: Partial<{ [key in messagePlacementType]: MessageInstance[] }>
  getSiblingOffset(placement: messagePlacementType, id: string, isNext: boolean): number
  removeInstance(placement: messagePlacementType, id: string): void
  createInstance(instance: MessageInstance, placement: messagePlacementType): MessageInstance
}