import { VNode } from 'vue';

export type MenuCallback<T = any> = (arg0?: any, arg1?: HTMLElement | null, arg2?: HTMLElement | null, arg3?: MouseEvent) => T
export type MenuSetting = {
  fn?: MenuCallback;
  label?: string | MenuCallback<string>;
  tips?: string | MenuCallback<string>;
  hidden?: boolean | MenuCallback<boolean>;
  disabled?: boolean | MenuCallback<boolean>;
  icon?: string | MenuCallback | VNode;
  line?: boolean;
  children?: MenuSetting[];
  customClass?: string;
}
export type CustomMouseMenuOptions = {
  menuList: MenuSetting[];
  menuWidth?: number;
  hasIcon?: boolean;
  iconType?: string;
  menuWrapperCss?: Record<string, string>;
  menuItemCss?: Record<string, string>;
  params?: any;
  appendToBody?: boolean;
  menuHiddenFn?: MenuCallback;
  el?: HTMLElement;
  customClass?: string;
  disabled?: MenuCallback<boolean>;
  useLongPressInMobile?: boolean;
  longPressDuration?: number;
  longPressPreventDefault?: boolean | PreventCheckFn;
  injectCloseListener?: boolean;
  onOpen?: MenuCallback;
  onClose?: MenuCallback;
}

export type ContextMenuListenFn = (e: MouseEvent) => void
export type TouchListenFn = (e: TouchEvent) => void
export type PreventCheckFn = (e?: TouchEvent, el?: HTMLElement) => boolean

export type CustomMouseMenu = (options: CustomMouseMenuOptions) => any