veui/types/components/select.d.ts

Baidu Enterprise UI for Vue.js.

import {
  VeuiDefineComponent,
  VeuiDefineInstance,
  SearchableProps,
  Normalized,
  UiMixin,
  InputMixin,
  DropdownMixin,
  ControllableMixin
} from '../common'
import { Item, LooseOptionLeaf, LooseOptionParent } from './option-group'

export { Item }
export type MultipleAndValue<T extends Item> =
  | {
      multiple: true
      value?: Array<T['value']>
      showSelectAll?: false
      max?: number
    }
  | {
      multiple: true
      value?: Array<T['value']>
      showSelectAll: true
      max: undefined
    }
  | {
      multiple?: false
      value?: T['value']
    }

type Props<T extends Item> = MultipleAndValue<T> & {
  options?: Array<T>
  placeholder?: string
  clearable?: boolean
  searchable?: boolean
  composition?: boolean
} & SearchableProps<T>

type Emits = {
  clear(): void
  input(val: string): void
  afteropen(): void
}

type Mixins = [
  UiMixin,
  InputMixin,
  DropdownMixin,
  ControllableMixin<{
    change(value: unknown): void
  }>
]

type SlotProps = {
  expanded: Array<unknown>
  value: unknown
  toggle: (force?: boolean) => unknown
  select: (val: unknown) => unknown
  close: () => unknown
}

type SelectState = {
  selected: boolean
}

export type Slots = {
  default(): unknown
  before(slotProps: SlotProps): unknown
  after(slotProps: SlotProps): unknown
  'no-data'(slotProps: { keyword?: string }): unknown
  label(
    slotProps:
      | { selected: SlotProps['value'] }
      | Normalized<'options', Item, true>
  ): unknown
  selected(
    slotProps:
      | { selected: SlotProps['value'] }
      | Normalized<'options', Item, true>
  ): unknown
  'group-label'(slotProps: LooseOptionParent & SelectState): unknown
  option(slotProps: LooseOptionLeaf & SelectState): unknown
  'option-label'(slotProps: LooseOptionLeaf & SelectState): unknown
  trigger(
    slotProps: SlotProps & {
      handlers: Record<any, unknown>
      attrs: Record<any, unknown>
    }
  ): unknown
}

type Select = VeuiDefineComponent<{
  new <T extends Item = Item>(...args: any[]): VeuiDefineInstance<
    Props<T>,
    Emits,
    Slots,
    Mixins
  >
}>

export default Select