/// <reference types="react" />

import * as React from "react";

export interface TooltipProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式类名的品牌前缀
   */
  prefix?: string;

  /**
   * 自定义类名
   */
  className?: string;

  /**
   * 自定义内敛样式
   */
  style?: React.CSSProperties;

  /**
   * 弹出层位置
   */
  align?:
    | "t"
    | "r"
    | "b"
    | "l"
    | "tl"
    | "tr"
    | "bl"
    | "br"
    | "lt"
    | "lb"
    | "rt"
    | "rb";

  /**
   * tooltip 内部内容文案
   */
  text?: React.ReactNode;

  /**
   * 触发元素
   */
  trigger?: any;
}

export class Tooltip extends React.Component<TooltipProps, any> {}
export interface BalloonProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式类名的品牌前缀
   */
  prefix?: string;

  /**
   * 自定义类名
   */
  className?: string;

  /**
   * 自定义内敛样式
   */
  style?: React.CSSProperties;

  /**
   * 浮层的内容
   */
  children?: any;

  /**
   * 样式类型
   */
  type?: "normal" | "primary";

  /**
   * 弹层当前显示的状态
   */
  visible?: boolean;

  /**
   * 弹层默认显示的状态
   */
  defaultVisible?: boolean;

  /**
   * 弹层在显示和隐藏触发的事件
   */
  onVisibleChange?: (visible: boolean) => void;

  /**
   * 弹出层对齐方式
   */
  alignment?: "normal" | "edge";

  /**
   * 是否显示关闭按钮
   */
  closable?: boolean;

  /**
   * 弹出层位置
   */
  align?:
    | "t"
    | "r"
    | "b"
    | "l"
    | "tl"
    | "tr"
    | "bl"
    | "br"
    | "lt"
    | "lb"
    | "rt"
    | "rb";

  /**
   * 弹层相对于trigger的定位的微调
   */
  offset?: Array<any>;

  /**
   * 触发元素
   */
  trigger?: any;

  /**
   * 触发行为
   */
  triggerType?: "hover" | "focus" | "click";

  /**
   * 任何visible为false时会触发的事件
   */
  onClose?: () => void;

  /**
   * 点击关闭按钮的click事件
   */
  onCloseClick?: () => void;

  /**
   * 是否进行自动位置调整
   */
  needAdjust?: boolean;

  /**
   * 弹层在触发以后的延时显示
   */
  delay?: number;

  /**
   * 浮层关闭后触发的事件, 如果有动画，则在动画结束后触发
   */
  afterClose?: () => void;

  /**
   * 强制更新定位信息
   */
  shouldUpdatePosition?: boolean;

  /**
   * 弹层出现后是否自动focus到内部第一个元素
   */
  autoFocus?: boolean;

  /**
   * 安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象
   */
  safeNode?: string;

  /**
   * 用来指定safeNode节点的id，和safeNode配合使用
   */
  safeId?: string;

  /**
   * 配置动画的播放方式
   */
  animation?: {} | boolean;

  /**
   * 弹层的dom节点关闭时是否删除
   */
  cache?: boolean;

  /**
   * 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。
   */
  container?: string | (() => void);
}

export default class Balloon extends React.Component<BalloonProps, any> {
  static Tooltip: typeof Tooltip;
}