chenglin0006 / bnq-common-dialog Goto Github PK

npm i bnq-common-dialog

支持：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