import { ComponentDescription } from '@vtj/engine';
const Dropdown: ComponentDescription[] = [
  {
    name: 'ElDropdown',
    childIncludes: ['ElDropdownMenu'],
    title: '下拉菜单',
    groupId: 'el',
    categoryId: 'nav',
    // icon: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png',
    package: 'element-plus',
    props: [
      {
        name: 'type',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'size',
        defaultValue: 'default',
        setters: 'SelectSetter',
        options: ['large', 'default', 'small']
      },
      {
        name: 'maxHeight',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter']
      },
      {
        name: 'splitButton',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'placement',
        defaultValue: 'bottom',
        setters: 'SelectSetter',
        options: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end']
      },
      {
        name: 'trigger',
        defaultValue: 'bottom',
        setters: 'SelectSetter',
        options: ['hover', 'click', 'contextmenu']
      },
      {
        name: 'hideOnClick',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'showTimeout',
        defaultValue: 250,
        setters: 'NumberSetter'
      },
      {
        name: 'hideTimeout',
        defaultValue: 150,
        setters: 'NumberSetter'
      },
      {
        name: 'role',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'tabindex',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'popperClass',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'popperOptions',
        defaultValue: { boundariesElement: 'body', gpuAcceleration: false },
        setters: 'JSONSetter'
      }
    ],
    slots: [
      {
        name: 'default'
      },
      {
        name: 'dropdown'
      }
    ],
    events: [
      {
        name: 'click'
      },
      {
        name: 'command'
      },
      {
        name: 'visible-change'
      }
    ],
    snippet: {
      name: 'ElDropdown',
      children: [
        {
          children: '下拉选项',
          style: {
            height: '20px',
            width: '100px',
            border: '1px solid #ddd'
          }
        }
      ]
    }
  },
  {
    name: 'ElDropdownMenu',
    childIncludes: ['ElDropdownItem'],
    title: '下拉菜单DropdownMenu',
    groupId: 'el',
    categoryId: 'nav',
    package: 'element-plus',
    snippet: {
      name: 'ElDropdownMenu'
    }
  },
  {
    name: 'ElDropdownItem',
    childIncludes: false,
    title: '下拉菜单DropdownItem',
    groupId: 'el',
    categoryId: 'nav',
    package: 'element-plus',
    props: [
      {
        name: 'command',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter', 'JSONSetter']
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'divided',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'icon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      }
    ],
    snippet: {
      name: 'ElDropdownItem',
      children: '下拉选项'
    }
  }
]
export default Dropdown;
