@beisen-phoenix/dropdown-list

@beisen-phoenix/dropdown-list

Usage no npm install needed!

<script type="module">
  import beisenPhoenixDropdownList from 'https://cdn.skypack.dev/@beisen-phoenix/dropdown-list';
</script>

README

下拉菜单

@beisen-phoenix/dropdown-list

概述

此组件仅用于pagebuilder

Dropdown API

参数 说明 类型 默认值 是否必传
disable 是否禁用 boolean false 否
visible 弹层是否显示 boolean false 否
trigger 触发展示的行为: hover click click / ['click'] `` 否
items 弹层数据源 Array -- 否
layerSize 尺寸大小: small(170px) large(340px) auto(与父级自适应) small large auto --
getPopupContainer 弹层挂载的容器(默认是挂载到body下,通过此函数可以改变弹层挂载的节点) Funtion -- 否
buttonText 按钮文字 string 我是示例 否
buttonStyleType 按钮样式类型 primary,secondary,normal primary 否
buttonSize 按钮尺寸 super,big,middle,small false 否
onVisibleChange 弹层显示状态改变时调用, 参数为visible (visible: boolean) => void 无 否
onSelectChange 弹层中列表点击事件的回调 (value: string) => void 无 否