bnq-common-dialog v0.0.18
Install
npm i bnq-common-dialog
use 见demo
支持：detail/radio/textarea/select/number/rangedatepicker/treeSelect/cascader/dialogContent为表格内容，titles&&values的结构
DialogForm.propTypes = {
title:'弹窗标题',
formData:[{
id: 'verifyResult',
type:'radio', //radio
name:'审核结果',
data:{name:'通过',id:2},{name:'拒绝',id:3},
initialValue:2,
isRequired:true
},{
id: 'remark',
type:'textarea', //textarea
name:'原因描述'
},{
id: 'closeReason', //select
type:'select',
data:{name:'原因1',id:2},{name:'原因2',id:3},
name:'关闭原因',
initialValue:3,
isRequired:true,
isHidePleaseSelect:true
},{
id: 'subscriptionAmount', //number
name: '金额',
type: 'number',
min:0,
max:1000000,
formatter:(value) => ${value}元,
parse:value => value.replace(/^\d./g,"").replace(/^./g,"").replace(/.{2,}/g,".").replace(".","$#$").replace(/./g,"").replace("$#$",".").replace(/^(-)(\d+).(\d\d).$/,'$1$2.$3'),
},{
id: 'time', //rangedatepicker
type:'rangedatepicker',
name:'选择时间',
initialValue:moment('2018-09-20','YYYY-MM-DD'),
showTime:true
},{ //树形选择器
id:'treeSelect',
type:'treeSelect',
treeData:treeData,//treeData参考demo里面的数据结构
showSearch:false,
allowClear:true,
name:'树形选择器',
placeholder:'请选择',
initialValue:'0-0-2',
multiple:true
},{ //cascader
id: 'cardTypeList',
name: '指定卡类型',
type:'cascader',
className:'block-div cascader-div',
placeholder:'请选择',
options:cascaderData,
changeOnSelect:false,//是否允许选中父级
onChange :(value, selectedOptions)=>{},
loadData:(selectedOptions)=>{}
expandTrigger:"click" //click||hover
}],
dialogWidth:500,
dialogHeight:550,
dialogButton:{
text: '取消',
clickHandle: () => {
console.log('close')
}
},
{
text: '确认',
type: 'primary',
clickHandle: (values) => {
console.log(values)
}
}
}
##test npm run test
##demo cd demo npm start
##build npm run bulid
##publish npm publish