0.0.2 • Published 6 years ago
@beisen-cmps/dropdown v0.0.2
drop-down 使用说明
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
drop-down参数
{
"title":"测试" //input框前的文字标识,可为空
,"multiple": true //下拉菜单为单选或者多选,true为多选,false为单选,默认为false
,"hasSearch": false //是否显示搜索框
,'hiddenTip': false
,'sideTip': false //信息是否左右显示
,"limitCount": 5 //限制选择数量,当超过该数量后,其它的则禁用
,"children":[
{
"value":0
,"text":"查看详情"
,"isActive":false
,"isChecked":true
}
,{
"value":1
,"text":"性质维度"
,"isActive":false
,"isChecked":true
}
,{
"value":2
,"text":"地域维度"
,"isActive":false
,"isChecked":false
}
,{
"value":3
,"text":"包含下aaaaaaaaaaaaaaaaaaaaa属包含下aaaaaaaaaaaaaaaaaaaaa属包含下aaaaaaaaaaaaaaaaaaaaa属包含下aaaaaaaaaaaaaaaaaaaaa属"
,"isActive":false
,"isChecked":false
}
] /** MenuItem **/
,"hidden":false //是否显示
,"templateDrop": true //是否使用模板下拉(空内容的弹层)
,"templateComponent": [<div onClick={this.clickLi}>111</div>,<div>111</div>,<div>111</div>,<div>111</div>,<div>111</div>,<div>111</div>,<div>111</div>,<div>111</div>,<div>111</div>] // 自定义模板弹层内容
,"dropdownWidth":"500px" //弹层宽度,外部传入,最小为170px
,"maxHeight":"" //最大高度
,"onClick":function(event, val){console.log(val);} /**点击后事件回调;event:事件,val:抛出的值,单选为对象,多选为数组**/
}
drop-down调用方法
1.安装npm组件包
npm install @beisen/drop-down --save-dev
2.引用组件
import DropDown from "@beisen/drop-down"
传入参数
该参数为上述参数,传入方式使用: {...参数}
render () { return ( <DropDown {...data} /> ) }