Skip to content

PresetInput 配置输入框

Demo

loading

Types

ts
export interface PresetInputType {
  'button': ButtonProps & {
    label?: string
  }
  'color-picker': ColorPickerProps
  'checkbox': CheckboxGroupProps & {
    options?: CheckboxProps[]
  }
  'divider ': DividerProps
  'date-picker': DatePickerProps
  'dynamic-tags': DynamicTagsProps
  'input': InputProps
  'input-number': InputNumberProps
  'search': SearchInputProps
  'radio': RadioGroupProps & {
    options?: RadioProps[]
  }
  'rate': RateProps
  'select': SelectProps
  'slider': SliderProps
  'switch': SwitchProps
  'time-picker': TimePickerProps
}
export type PresetInputOptions = {
  [K in keyof PresetInputType]: {
    type?: K
    props?: PresetInputType[K] & {
      style?: CSSProperties
      class?: string
    }
  };
}[keyof PresetInputType]
export interface PresetInputProps<V> {
  value?: V
  options?: PresetInputOptions
}

Props

NameTypeDefaultDescription
valueString-输入的值。
optionsPresetInputOptions-输入框配置

Emits

NameTypeDefaultDescription
update:valueString-输入的值。