import { ComponentDescription } from '@vtj/engine';
const Autodcomplete: ComponentDescription = {
  name: 'ElAutocomplete',
  title: '自动补全输入框',
  childIncludes: false,
  groupId: 'el',
  categoryId: 'form',
  package: 'element-plus',
  props: [
    {
      name: 'placeholder',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'clearable',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'disabled',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'valueKey',
      defaultValue: 'value',
      setters: 'InputSetter'
    },
    {
      name: 'modelValue',
      defaultValue: 'value',
      title: '选中项绑定值',
      setters: 'InputSetter'
    },
    {
      name: 'debounce',
      defaultValue: 300,
      title: '获取输入建议的防抖延时',
      setters: 'NumberSetter'
    },
    {
      name: 'placement',
      defaultValue: 'bottom-start',
      title: '菜单弹出位置',
      options: [
        'top ',
        'top-start',
        'top-end',
        'top-end',
        'bottom',
        'bottom-start',
        'bottom-end'
      ],
      setters: 'SelectSetter'
    },
    {
      name: 'fetchSuggestions',
      defaultValue: '',
      title: '获取输入建议的方法',
      label: '建议方法',
      setters: 'ExpressionSetter'
    },
    {
      name: 'popperClass',
      defaultValue: '',
      title: '下拉列表的类名',
      setters: 'InputSetter'
    },
    {
      name: 'triggerOnFocus',
      defaultValue: true,
      title: '是否在输入框focus时显示建议列表',
      label: '建议列表',
      setters: 'BooleanSetter'
    },
    {
      name: 'name',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'selectWhenUnmatched',
      defaultValue: false,
      title: '在输入没有任何匹配建议的情况下，按下回车是否触发select事件',
      label: '回车',
      setters: 'BooleanSetter'
    },
    {
      name: 'label',
      defaultValue: '',
      title: '标签文本',
      setters: 'InputSetter'
    },
    {
      name: 'hideLoading',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'popperAppendToBody',
      defaultValue: false,
      title: '是否将下拉列表插入至body元素',
      label: '下拉列表',
      setters: 'BooleanSetter'
    },
    {
      name: 'teleported',
      defaultValue: true,
      setters: 'BooleanSetter'
    },
    {
      name: 'highlightFirstItem',
      defaultValue: false,
      title: '是否默认突出显示远程搜索建议中的第一项',
      label: '搜索建议',
      setters: 'BooleanSetter'
    }
  ],
  slots: [
    {
      name: 'default'
    },
    {
      name: 'prefix'
    },
    {
      name: 'suffix'
    },
    {
      name: 'prepend'
    },
    {
      name: 'append'
    }
  ],
  events: [
    {
      name: 'select'
    },
    {
      name: 'change'
    }
  ]
};

export default Autodcomplete;
