3.3.55 • Published 6 years ago
@beisen-phoenix/dropdown
Licence
ISC
Version
3.3.55
Deps
1
Size
15 kB
Vulns
0
Weekly
0
下拉菜单
@beisen-phoenix/dropdown
概述
用于按钮、文字、图标下拉菜单
Dropdown API
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
|---|---|---|---|---|
| disable | 是否禁用 | boolean | false | 否 |
| visible | 弹层是否显示 | boolean | false | 否 |
| trigger | 触发展示的行为: hover click | click / ['click'] |
`` | 否 |
| content | 弹窗内容 | React.ReactNode | -- | 否 |
| layerSize | 尺寸大小: small(170px) large(340px) auto(与父级自适应) | small large |
auto |
-- |
| prefixCls | 弹层根元素的类名称 | string | “common-unmodeled-layer” | 否 |
| blockContainer | 外层容器的显示类型（true是block类型，false则是inline-block） | Boolean | false | 否 |
| placement | 弹层的显示位置(可选值：topLeft, topRight, bottomRight, bottomLeft) | string | bottomLeft | 否 |
| builtinPlacements | 弹层的可定义偏移位置(具体可参考dom-align) | object | -- | 否 |
| childMargin | 子组件的外边距 | string | 0px | 否 |
| 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]
},
}