Socket
Socket
Sign inDemoInstall

@beisen-phoenix/dropdown-list

Package Overview
Dependencies
3
Maintainers
1
Versions
369
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @beisen-phoenix/dropdown-list

> @beisen-phoenix/dropdown-list


Version published
Weekly downloads
2
decreased by-81.82%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

下拉菜单

@beisen-phoenix/dropdown-list

概述

此组件仅用于pagebuilder

Dropdown API

参数说明类型默认值是否必传
disable是否禁用booleanfalse
visible弹层是否显示booleanfalse
trigger触发展示的行为: hover clickclick / ['click']``
content弹窗内容React.ReactNode--
layerSize尺寸大小: small(170px) large(340px) auto(与父级自适应)small largeauto--
prefixCls弹层根元素的类名称string“common-unmodeled-layer”
blockContainer外层容器的显示类型(true是block类型,false则是inline-block)Booleanfalse
placement弹层的显示位置(可选值:topLeft, topRight, bottomRight, bottomLeft)stringbottomLeft
builtinPlacements弹层的可定义偏移位置(具体可参考dom-align)object--
childMargin子组件的外边距string0px
getPopupContainer弹层挂载的容器(默认是挂载到body下,通过此函数可以改变弹层挂载的节点)Funtion--
onVisibleChange弹层显示状态改变时调用, 参数为visible(visible: boolean) => void

builtinPlacements取值举例

{
  topLeft: {
    points: ['bl', 'tl'],
  },
  topRight: {
    points: ['br', 'tr'],
  },
  bottomRight: {
    points: ['tr', 'br'],
  },
  bottomLeft: {
    points: ['tl', 'bl'],
    offset: [-11, -15]
  },
}

FAQs

Last updated on 30 Jul 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc