rl-vue-components

rl-vue-component

install

npm install rl-vue-component / 
npm i rl-vue-component

cite

1、import rlVueComponent from 'rl-vue-component'
Vue.use(rlVueComponent) / 
2、import {baseBtn,baseClock...} from 'rl-vue-component'
Vue.component(baseBtn)
Vue.component(baseClock)

components

按钮组件base-btn

|-- @params{*必填} btnList: type=> Array
|-- template:[{name:'',class:'',type:'',icon:'',disabled:'',loading:'',size:'',round:''}]
|-- @return $emit('btnClick',***)

计时器组件base-clock

|-- @params{*必填} endDate: type=>  String
|-- @params{*非必填} clockTime: type=>  String default:'ss'
|-- @params{*非必填} clockFormat: type=>  String default:'dd hh:mm:ss'
|-- template
|-- @return text => String

详情组件base-detail

|-- @params{*必填} detailConfig： type=> Object
|-- template:{align:'',labelSpan:'',data:{},config:[{{ span: 8, label: '', value: '' }}]}
|-- @return

弹框组件base-dialog

|-- @params{*非必填} title: type=> String
|-- @params{*非必填} title: width=> String  default:'600px'
|-- @params{*非必填} title: dialogType=> String default:'confirm'
|-- @params{*非必填} title: dialogLoading=> String
|-- @params{*非必填} title: isCancel=> String
|-- template
|-- @return $emit('dialogClickType',***)

富文本编辑器组件base-editor

|-- @params{*非必填} myRef:  type=> String  default:myQuillEditor
|-- @params{*非必填} option:  type=> Object
|-- @params{*必填} uploadApi:  type=> String
|-- @params{*非必填} headers:  type=> String
|-- @params{*非必填} data:  type=> String
|-- @params{*非必填} uploadFun:  type=> String
|-- template
|-- @return $emit('returnHtml',***) $emit('onEditorFocus',***)

form组件base-form

|-- @params{*必填}  formConfig：  type=>  Obje
|-- template:{labelWidth:'',values{},config:[],rules[]}
|-- @return $emit('formChangeValue',***) $emit('formSelect') $emit('clickValue',***)

图片剪切组件base-img-cropper

|-- @params{*非必填} width：type=>  String default:'500px'
|-- @params{*非必填} hieght：type=>  String default:'400px'
|-- @params{*必填} option：type=>  Object
|-- template
|-- @return $emit('retureCropper',***)

图片预览组件base-img-preview

|-- @params{*必填}  imgList: type=> Array default:[]
|-- @params{*非必填}  imgFiles: type=> Array
|-- @params{*非必填}  imgOpration: type=> Boolean default:true
|-- @params{*非必填}  imgSize: type=> Object
|-- @params{*非必填}  uploadConfig: type=> Object
|-- @params{*非必填}  beforeUpload: type=> Function
|-- @params{*非必填}  handleSuccess: type=> Function
|-- @params{*非必填}  handleError: type=> Function
|-- template
|-- @return $emit('returnImgList',***)

搜索组件base-search

|-- @params{*必填} searchConfig：type=> Object
|-- template:{values:{},config:[],rules:[]}
|-- @return $emit('changeValue',***)  $emit('searchReturn',***)

表格组件base-table

|-- @params{*必填}  tableConfig： type=> Object
|-- @params{*非必填}  selectData： type=> Array
|-- @params{*非必填}  selectParams： type=> String
|-- @params{*非必填}  selectable： type=> Function
|-- @params{*非必填}  radioData： type=> String
|-- @params{*非必填}  pages： type=> Object
|-- @params{*非必填}  totalFun： type=> Function
|-- @params{*非必填}  spanMethod： type=> Function
|-- template:{size:'',stripe:'',border:'',height:'',maxHeight:'',data:[],type:'',config:[]}
|-- @return $emit('selectData', ***) $emit('clickItem',***) $emit('pageChange',***)