import * as React from 'react';

declare type getContainerFunc = () => HTMLElement;

export interface ModalProps {
  /**
   * @description 对话框是否可见
   * @default -
   */
  visible?: boolean;

  /**
   * @description 确定按钮 loading
   * @default false
   */
  confirmLoading?: boolean;

  /**
   * @description 标题
   * @default -
   */
  title?: React.ReactNode | string;

  /**
   * @description 是否显示右上角的关闭按钮
   * @default true
   */
  closable?: boolean;

  /**
   * @description 点击确定回调
   * @type function(e: MouseEvent<HTMLElement>)
   * @default -
   */
  onOk?: (e: React.MouseEvent<HTMLElement>) => void;

  /**
   * @description 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调
   * @type function(e: MouseEvent<HTMLElement>)
   * @default -
   */
  onCancel?: (e: React.MouseEvent<HTMLElement>) => void;

  /**
   * @description 点Modal 完全关闭后的回调
   * @type function
   * @default -
   */
  afterClose?: () => void;

  /**
   * @description 垂直居中展示 Modal
   * @default false
   */
  centered?: boolean;

  /**
   * @description 宽度
   * @default 416
   */
  width?: string | number;

  /**
   * @description 底部内容，当不需要默认底部按钮时，可以设为 footer={null}
   * @default (确定取消按钮)
   */
  footer?: React.ReactNode;

  /**
   * @description 确认按钮文字
   * @default 确定
   */
  okText?: React.ReactNode;

  /**
   * @description 确认按钮类型
   * @default primary
   */
  okType?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default';

  /**
   * @description 取消按钮文字
   * @default 取消
   */
  cancelText?: React.ReactNode;

  /**
   * @description 点击蒙层是否允许关闭
   * @default true
   */
  maskClosable?: boolean;

  /**
   * @description 强制渲染 Modal
   * @default false
   */
  forceRender?: boolean;

  /**
   * @description 确认按钮props
   * @type Object
   * @default -
   */
  okButtonProps?: any;

  /**
   * @description 取消按钮props
   * @type Object
   * @default -
   */
  cancelButtonProps?: any;

  /**
   * @description 关闭时销毁 Modal 里的子元素
   * @default false
   */
  destroyOnClose?: boolean;

  /**
   * @description 可用于设置浮层的样式，调整浮层位置等
   * @default -
   */
  style?: React.CSSProperties;

  /**
   * @description 对话框外层容器的类名
   * @default -
   */
  wrapClassName?: string;

  /**
   * @description mask动画
   * @default -
   */
  maskTransitionName?: string;

  /**
   * @description 动画
   * @default -
   */
  transitionName?: string;

  /**
   * @description 容器类名
   * @default -
   */
  className?: string;

  /**
   * @description 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom
   * @default body
   */
  getContainer?: string | HTMLElement | getContainerFunc | false | null;

  /**
   * @description 设置 Modal 的 z-index
   * @default 1000
   */
  zIndex?: number;

  /**
   * @description Modal body 样式
   * @default -
   */
  bodyStyle?: React.CSSProperties;

  /**
   * @description 遮罩样式
   * @default -
   */
  maskStyle?: React.CSSProperties;

  /**
   * @description 是否展示遮罩
   * @default true
   */
  mask?: boolean;

  /**
   * @description 是否支持键盘 esc 关闭
   * @default true
   */
  keyboard?: boolean;

  /**
   * @description 自定义关闭图标
   * @default -
   */
  closeIcon?: React.ReactNode;

  children: React.ReactNode;
}
export interface ModalFuncProps {
  /**
   * @description 容器类名
   * @default -
   */
  className?: string;

  /**
   * @description 标题
   * @default -
   */
  title?: React.ReactNode;

  /**
   * @description 内容
   * @default -
   */
  content?: React.ReactNode;

  /**
   * @description 点击确定回调
   * @type function(e: MouseEvent<HTMLElement>)
   * @default -
   */
  onOk?: (...args: any[]) => any;

  /**
   * @description 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调
   * @type function(e: MouseEvent<HTMLElement>)
   * @default -
   */
  onCancel?: (...args: any[]) => any;

  /**
   * @description 确认按钮props(antd ButtonProps)
   * @type Object
   * @default -
   */
  okButtonProps?: any;

  /**
   * @description 取消按钮props(antd ButtonProps)
   * @type Object
   * @default -
   */
  cancelButtonProps?: any;

  /**
   * @description 垂直居中展示 Modal
   * @default false
   */
  centered?: boolean;

  /**
   * @description 宽度
   * @default 416
   */
  width?: string | number;

  /**
   * @description 确认按钮文字
   * @default 确定
   */
  okText?: React.ReactNode;

  /**
   * @description 确认按钮类型
   * @default primary
   */
  okType?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default';

  /**
   * @description 取消按钮文字
   * @default 取消
   */
  cancelText?: React.ReactNode;

  /**
   * @description 自定义图标
   * @default <QuestionCircle />
   */
  icon?: React.ReactNode;

  /**
   * @description 是否展示遮罩
   * @default true
   */
  mask?: boolean;

  /**
   * @description 点击蒙层是否允许关闭
   * @default true
   */
  maskClosable?: boolean;

  /**
   * @description 设置 Modal 的 z-index
   * @default 1000
   */
  zIndex?: number;

  /**
   * @description 用于设置浮层的样式，调整浮层位置等
   * @default -
   */
  style?: React.CSSProperties;

  /**
   * @description 遮罩样式
   * @default -
   */
  maskStyle?: React.CSSProperties;

  /**
   * @description 是否支持键盘 esc 关闭
   * @default true
   */
  keyboard?: boolean;

  /**
   * @description 指定 Modal 挂载的 HTML 节点, false 为挂载在当前 dom
   * @default body
   */
  getContainer?: string | HTMLElement | getContainerFunc | false | null;

  /**
   * @description 指定自动获得焦点的按钮
   * @default ok
   */
  autoFocusButton?: null | 'ok' | 'cancel';
}
export declare type ModalFunc = (props: ModalFuncProps) => {
  destroy: () => void;
  update: (newConfig: ModalFuncProps) => void;
};

export interface IModalStatic {
  info: ModalFunc;
  success: ModalFunc;
  error: ModalFunc;
  warn: ModalFunc;
  warning: ModalFunc;
  confirm: ModalFunc;
  destroyAll: () => void;
}

export declare const ModalFuncProps: React.FC<ModalFuncProps>;