import type { Ref, RenderFunction, SetupContext } from 'vue'
import type { InputNumberEmits as ElInputNumberEmits, InputNumberProps as ElInputNumberProps } from 'element-plus'

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

export declare const KInputNumber: DefineComponentApp<KInputNumberProps, KInputNumberEmits, KInputNumberSlots>

export type KInputNumberInstance = DefineComponentInstance<KInputNumberProps, KInputNumberConstructor>

export interface KInputNumberConstructor extends ComponentBaseOptions, KInputNumberMethods {
  props: KInputNumberProps
  context: SetupContext<KInputNumberEmits>
  getRefMaps(): KInputNumberPrivateRef
  getComputeMaps(): KInputNumberPrivateComputed
  renderVN: RenderFunction
}

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

export interface KInputNumberPrivateComputed { }

export type KInputNumberProps = Merge<InputNumberProps, ElInputNumberProps>
export type KInputNumberEmits = ElInputNumberEmits

export interface KInputNumberSlots {
  'decrease-icon': () => ComponentSlotType
  'increase-icon': () => ComponentSlotType
  prefix: () => ComponentSlotType
  suffix: () => ComponentSlotType
}

export type KInputNumberMethods = {
  focus: () => void
  blur: () => void
}