import { MmUIComponent } from './component'

/** Select component */
export declare class MmSelect extends MmUIComponent {
  /** A list of options */
  options: {
    [key: string]: any
  }[]

  /** Input box contents */
  value: string | number | any[]

  /** Placeholder */
  placeholder: string

  /** Define gradient animation */
  transition: string

  /** Input size */
  size: "large" | "medium" | "small"

  /** Is it multiple selection */
  multiple: boolean

  /** Specifies the property name of the value */
  valueKey: string

  /** A key name that is uniquely identified by the value, when the binding value is an object type */
  valueObjectKey: string

  /** How many can be chosen when multiple=true */
  multipleLimit: number

  /** The length of the Tag text in multi-select mode */
  maxTagTextLength: number

  /** Maximum width of multi-select mode tag */
  maxTagWidth: string

  /** Is searchable */
  filterable: boolean

  /** Customize the search filter function */
  filterMethod(option: any): boolean

  /** Is support to clear */
  clearable: boolean

  /** Show dropdown arrow or not */
  showArrow: boolean

  /** Limit the display amount in multiplexed mode */
  maxCount: number

  /** Change event's callback */
  onChange(value: string | number | any[], e: Event): void
}