rat-dropdown

组件介绍

• category: Components
• chinese: 下拉菜单
• type: 弹层

开发指南

何时使用

当页面上的操作命令过多时，用此组件可以收纳操作元素。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。

API

Dropdown

继承 Popup 的 API，除非特别说明

| 参数 | 说明 | 类型 | 默认值 | | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------------------------------ | | children | 弹层内容 | ReactNode | - | | visible | 弹层当前是否显示 | Boolean | - | | defaultVisible | 弹层默认是否显示 | Boolean | false | | onVisibleChange | 弹层显示或隐藏时触发的回调函数签名:Function(visible: Boolean, type: String, e: Object) => void参数:visible: {Boolean} 弹层是否显示type: {String} 触发弹层显示或隐藏的来源e: {Object} DOM事件 | Function | func.noop | | trigger | 触发弹层显示或者隐藏的元素 | ReactNode | - | | triggerType | 触发弹层显示或隐藏的操作类型可选值:'hover', 'click', 'focus' | Enum | 'hover' | | disabled | 设置此属性，弹层无法显示或隐藏 | Boolean | false | | align | 弹层相对于触发元素的定位, 详见 Overlay 的定位部分 | String | 'tl bl' | | offset | 弹层相对于触发元素定位的微调 | Array | [0, 0] | | delay | 弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效 | Number | 200 | | autoFocus | 弹层打开时是否让其中的元素自动获取焦点 | Boolean | true | | hasMask | 是否显示遮罩 | Boolean | false | | cache | 隐藏时是否保留子节点 | Boolean | false | | animation | 配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画 | Object/Boolean | { in: 'expandInDown', out: 'expandOutUp' } |