import { ElementUIComponent, ElementUIComponentSize } from './component'
import { TreeNode, FilterNodeMethod } from './tree'

type valueType = string | number
type showCheckedStrategy = 'all' | 'parent' | 'child'

/** TreeSelect Component */
export declare class ElTreeSelect extends ElementUIComponent {
  /** Selected value */
  value: valueType | Array<valueType>

  /** Tree data */
  data: TreeNode[]

  /** Whether Select is disabled */
  disabled: boolean

  placement: string

  separator: string

  /** Whether multiple-tree-select is activated */
  multiple: boolean

  /** Whether single TreeSelect can be cleared */
  clearable: boolean

  showAllLevels: boolean

  /** Whether TreeSelect is filterable */
  filterable: boolean

  overlay: boolean

  virtual: boolean

  /** Custom filter method */
  filterMethod:	FilterNodeMethod

  /** Placeholder */
  placeholder: string

  tagType: string

  /** Size of Input */
  size: ElementUIComponentSize

  /** Whether Checkbox shows */
  showCheckbox: boolean

  /** Strategy to display selected nodes */
  showCheckedStrategy: showCheckedStrategy

  /** Configuration options for Tree */
  props: object

  /** Whether to lazy load leaf node*/
  lazy: boolean

  /** Method for loading subtree data */
  load: (node: TreeNode, resolve: Function) => void

  /** Whether checked state of a node not affects its father and child nodes when show-checkbox is true */
  checkStrictly: boolean
}