v-dialogs/types/base.d.ts

A simple command-style pop-up dialog components for Vue3

import {
  AllowedComponentProps,
  ComponentCustomProps,
  VNodeProps,
  VNode,
  Component
} from 'vue'

export interface DialogBaseOptions {
  /**
   * Plugin language
   * @default `en`
   */
  language?: 'cn' | 'en' | 'pt' | 'jp' | 'tr'
  /** Custom class name */
  customClass?: string
  /** Only one singleton key dialog can be open at a time */
  singletonKey?: string
}

declare interface ContainerBoxOptions {
  /**
   * Whether to display the dialog
   * @default false
   */
  visible?: boolean
}

type ComponentResult = VNode | Component
export declare type DialogMessageType = 'info' | 'warning' | 'error' |'success'

export declare type MessageContent = string | VNode
export declare type ComponentContent = ComponentResult | (() => ComponentResult)

declare type EmitUpdateVisible = (event: "update:visible", value: boolean) => void
declare type EmitClose = (event: "close") => void

export declare function MessageDialog<T> (
  message?: MessageContent,
  callback?: Function,
  options?: T
): Function
export declare function MessageDialog<T> (
  message: MessageContent,
  options?: T
): Function

export declare function ContainerDialog<T> (
  component: ComponentContent,
  options?: T
): Function

export declare interface ContainerDialogBox<T> {
  new (): {
    $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & T & ContainerBoxOptions
    $emit: EmitClose & EmitUpdateVisible
    $slots: {
      default?: () => VNode[]
    }
  }
}