import { ComponentDescription } from '@vtj/engine';
const Menu: ComponentDescription[] = [
  {
    name: 'ElMenu',
    childIncludes: true,
    title: 'Menu菜单',
    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: 'mode',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['horizontal', 'vertical']
      },
      {
        name: 'collapse',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'ellipsis',
        defaultValue: true,
        setters: 'BooleanSetter'
      },
      {
        name: 'backgroundColor',
        defaultValue: '#ffffff',
        setters: 'InputSetter'
      },
      {
        name: 'textColor',
        defaultValue: '#303133',
        setters: 'InputSetter'
      },
      {
        name: 'activeTextColor',
        defaultValue: '#409EFF',
        setters: 'InputSetter'
      },
      {
        name: 'defaultActive',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'defaultOpeneds',
        defaultValue: '',
        setters: 'JSONSetter'
      },
      {
        name: 'uniqueOpened',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'menuTrigger',
        defaultValue: 'vertical',
        setters: 'SelectSetter',
        options: ['hover', 'click']
      },
      {
        name: 'router',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'collapseTransition',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'select'
      },
      {
        name: 'open'
      },
      {
        name: 'close'
      }
    ],
    snippet: {
      style: {
        width: '200px',
        height: '100px'
      },
      name: 'ElMenu',
      children: [
        {
          name: 'ElMenuItem',
          children: 'LOGO',
          props: {
            index: '0'
          }
        },
        {
          name: 'ElMenuItem',
          children: 'LOGO3',
          props: {
            index: '1',
            disabled: true
          }
        },
        {
          name: 'ElMenuItem',
          children: 'LOGO1',
          props: {
            index: '1'
          }
        },
        {
          name: 'ElSubMenu',
          children: [
            {
              name: 'span',
              slotName: 'title',
              children: 'LOGO2'
            },
            {
              name: 'ElMenuItem',
              children: 'LOGO2-1',
              props: {
                index: '2-1'
              }
            }
          ],
          props: {
            index: '2'
          }
        },
      ]
    }
  },
  {
    name: 'ElSubMenu',
    childIncludes: true,
    title: 'Menu菜单-SubMenu',
    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: 'index',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'popperClass',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'showTimeout',
        defaultValue: 300,
        setters: 'NumberSetter'
      },
      {
        name: 'hideTimeout',
        defaultValue: 300,
        setters: 'NumberSetter'
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'popperOffset',
        defaultValue: 6,
        setters: 'NumberSetter'
      },
      {
        name: 'expandCloseIcon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      },
      {
        name: 'expandOpenIcon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      },
      {
        name: 'collapseCloseIcon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      },
      {
        name: 'collapseOpenIcon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      },
    ],
    slots: [
      {
        name: 'default'
      },
      {
        name: 'title'
      }
    ],
    snippet: {
      name: 'ElSubMenu',
    }
  },
  {
    name: 'ElMenuItem',
    childIncludes: true,
    title: 'Menu菜单-ElMenuItem',
    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: 'index',
        defaultValue: null,
        setters: 'InputSetter'
      },
      {
        name: 'route',
        defaultValue: '',
        setters: 'JSONSetter'
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
    ],
    events: [
      {
        name: 'click'
      }
    ],
    slots: [
      {
        name: 'default'
      },
      {
        name: 'title'
      }
    ],
  },
  {
    name: 'ElMenuItemGroup',
    childIncludes: true,
    title: 'Menu菜单-ElMenuItemGroup',
    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: 'title',
        defaultValue: '',
        setters: 'InputSetter'
      },
    ],
    slots: [
      {
        name: 'default'
      },
      {
        name: 'title'
      }
    ],
  }
]

export default Menu;
