0.1.28 • Published 5 years ago

rat-dropdown v0.1.28

Weekly downloads
3
License
BSD-3-Clause
Repository
github
Last release
5 years ago

rat-dropdown

组件介绍

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

开发指南

何时使用

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

API

Dropdown

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

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

5 years ago

0.1.27

6 years ago

0.1.26

6 years ago

0.1.25

6 years ago

0.1.24

6 years ago

0.1.23

7 years ago

0.1.22

7 years ago

0.1.21

7 years ago

0.1.20

7 years ago

0.1.19

7 years ago

0.1.18

7 years ago

0.1.17

7 years ago

0.1.16

7 years ago

0.1.15

7 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago