import type { ExtractPublicPropTypes, Ref, RenderFunction, SetupContext } from 'vue'
import type { dropdownItemProps as elDropdownItemProps, dropdownProps as elDropdownProps } from 'element-plus'

import type { DropdownProps } from '../base'
import type {
  ComponentBaseOptions,
  ComponentSlotType,
  DefineComponentApp,
  DefineComponentInstance,
  Merge,
} from '../common'

// dropdown
export declare const KDropdown: DefineComponentApp<KDropdownProps, KDropdownEmits, KDropdownSlots>

export type KDropdownInstance = DefineComponentInstance<KDropdownProps, KDropdownConstructor>

export interface KDropdownConstructor extends ComponentBaseOptions, KDropdownMethods {
  props: KDropdownProps
  context: SetupContext<KDropdownEmits>
  getRefMaps(): KDropdownPrivateRef
  getComputeMaps(): KDropdownPrivateComputed
  renderVN: RenderFunction
}

export interface KDropdownPrivateRef {
  refElem: Ref<HTMLDivElement | undefined>
}

export interface KDropdownPrivateComputed { }

export type KDropdownProps = Merge<DropdownProps, ExtractPublicPropTypes<typeof elDropdownProps>>
export type KDropdownEmits = {
  click: (event: MouseEvent) => void
  command: (command: string) => void
  visibleChange: (visible: boolean) => void
}

export interface KDropdownSlots {
  default: () => ComponentSlotType
  title: () => ComponentSlotType
}

export type KDropdownMethods = {
  handleOpen: () => void
  handleClose: () => void
}

// dropdown-item
export declare const KDropdownItem: DefineComponentApp<KDropdownItemProps, KDropdownItemEmits, KDropdownItemSlots>

export type KDropdownItemInstance = DefineComponentInstance<KDropdownItemProps, KDropdownItemConstructor>

export interface KDropdownItemConstructor extends ComponentBaseOptions, KDropdownItemMethods {
  props: KDropdownItemProps
  context: SetupContext<KDropdownItemEmits>
  getRefMaps(): KDropdownItemPrivateRef
  getComputeMaps(): KDropdownItemPrivateComputed
  renderVN: RenderFunction
}

export interface KDropdownItemPrivateRef {
  refElem: Ref<HTMLDivElement | undefined>
}

export interface KDropdownItemPrivateComputed { }

export type KDropdownItemProps = ExtractPublicPropTypes<typeof elDropdownItemProps>
export interface KDropdownItemEmits { }

export interface KDropdownItemSlots {
  default: () => ComponentSlotType
}

export interface KDropdownItemMethods { }