import { CreateElement, VNode } from 'vue'
import { MmUIComponent } from './component'

/** Transfer component */
export declare class MmTransfer extends MmUIComponent {
  /** Checked list */
  value: any[]

  /** The data source */
  data: any[]

  /** Is searchable */
  filterable: boolean

  /** Search box placeholder text */
  filterPlaceholder: string

  /** Customize the search method */
  filterMethod(keyword: string, item: any): boolean

  /**
   * Sorting strategy of right list element:
   * if it is original, keep the same order as the data source;
   * If push is used, the newly added elements are listed at the end;
   * If it is unshift, the new elements are at the top of the list
   * */
  targetOrder: "original" | "push" | "unshift"

  /** Customize the list title */
  titles: string[]

  /** Custom button text */
  buttonTexts: string[]

  /** Customize the data item rendering function */
  renderContent(h: CreateElement, option: any): VNode

  /** Check the status copy at the top of the list */
  format: {
    noChecked: string
    hasChecked: string
  }

  /** Field alias for the data source */
  props: {
    key: string
    label: string
    disabled: string
  }

  /** The key array of checked items in the left list in the initial state */
  leftDefaultChecked: any[]

  /** The key array of checked items in the right list in the initial state */
  rightDefaultChecked: any[]
}