/**
 * title: "下拉菜单"
 * description: "通过triggerType 属性控制触发方式。"
 */
import React from 'react';
import { Dropdown, Menu, Button } from '@alicloud/console-components';

const menu = (
  <Menu>
    <Menu.Item>默认项 1</Menu.Item>
    <Menu.Item>默认项 2</Menu.Item>
    <Menu.Item>默认项 3</Menu.Item>
    <Menu.Item>默认项 4</Menu.Item>
    <Menu.Item disabled>失效项 5</Menu.Item>
  </Menu>
);

export default () => {
  return (
    <Dropdown
      trigger={<Button>触发器</Button>}
      triggerType={['click', 'hover']}
      afterOpen={() => console.log('after open')}
    >
      {menu}
    </Dropdown>
  );
};