rat-dropdown

0.1.28 • Public • Published

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' }

/rat-dropdown/

    Package Sidebar

    Install

    npm i rat-dropdown

    Weekly Downloads

    3

    Version

    0.1.28

    License

    BSD-3-Clause

    Unpacked Size

    49.3 kB

    Total Files

    12

    Last publish

    Collaborators

    • 55555azhe