form-create

# Maker

# Hidden

# maker.hidden

  • Parameters：{string} field、{string|number} value

  • Usage：

    maker.hidden('field','value')

    生成一个 hidden 组件

# Input

# maker.input

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.input('field','title','value',{disabled:true})

    生成一个 input 组件,type 默认为 text

# maker.text

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.text('field','title','value',{disabled:true})

    生成一个 input 组件,type 为 text

# maker.url

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.url('field','title','value',{disabled:true})

    生成一个 input 组件,type 为 url

# maker.idate

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.idate('field','title','value',{disabled:true})

    生成一个 input 组件,type 为 date

# maker.password

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.password('field','title','value',{disabled:true})

    生成一个 input 组件,type 为 password

# InputNumber

# maker.inputNumber

  • Parameters：{string} field、{string} title、{number} value、{object} props

  • Usage：

    maker.inputNumber('field','title','value',{disabled:true})

    生成一个 inputNumber 组件,maker.number是该方法的别名

# AutoComplete

# maker.autoComplete

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.autoComplete('field','title','xaboy',{data:['xaboy','github','xian']})

    生成一个 autoComplete 组件,maker.auto是该方法的别名

# Radio

# maker.radio

  • Parameters：{string} field、{string} title、{string|number} value、{object} props

  • Usage：

    maker.radio('field','title',1)
    .options([{value:1,label:'好用'},{value:2,label:'不好用',disabled:true}])

    生成一个 radio 组件

# Checkbox

# maker.checkbox

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.checkbox('field','title',[1,2])
    .options([{value:1,label:'高效'},{value:2,label:'简单'}])

    生成一个 checkbox 组件

# Select

# maker.select

  • Parameters：{string} field、{string} title、{string|number|array} value、{object} props

  • Usage：

    maker.select('field','title',1)
    .options([{value:1,label:'高效'},{value:2,label:'简单'}])

    生成一个 select 组件,props.multiple 默认为 false

# maker.selectOne

  • Parameters：{string} field、{string} title、{string|number} value、{object} props

  • Usage：

    maker.selectOne('field','title',1)
    .options([{value:1,label:'高效'},{value:2,label:'简单'}])

    生成一个 select 组件,props.multiple 为 false即为单选的下拉选择框

# maker.selectMultiple

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.selectMultiple('field','title',[1,2])
    .options([{value:1,label:'高效'},{value:2,label:'简单'}])

    生成一个 select 组件,props.multiple 为 true即为可多选的下拉选择框

# Switch

# maker.switch

  • Parameters：{string} field、{string} title、{string|number} value、{object} props

  • Usage：

    maker.switch('field','title',1,{trueValue:1,falseValue:0})

    生成一个 switch 组件

# Cascader

# maker.cascader

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.cascader('field','title',[],{data:[]})

    生成一个 cascader 组件

# DatePicker

# maker.datePicker

  • Parameters：{string} field、{string} title、{array|string|date} value、{object} props

  • Usage：

    maker.datePicker('field','title','2018-12-16')

    生成一个 datePicker 组件,type 默认为 date

# maker.date

  • Parameters：{string} field、{string} title、{date|string} value、{object} props

  • Usage：

    maker.date('field','title','2018-12-16')

    生成一个 datePicker 组件,type 为 date,可选择日期

# maker.dateRange

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.dateRange('field','title',['2018-11-30','2018-12-16'])

    生成一个 datePicker 组件,type 为 dateRange,可选择日期区间

# maker.dateTime

  • Parameters：{string} field、{string} title、{date|string} value、{object} props

  • Usage：

    maker.dateTime('field','title','2018-12-16 23:23:23')

    生成一个 datePicker 组件,type 为 dateTime,可选择日期+时间

# maker.dateTimeRange

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.dateTimeRange('field','title',['2018-11-30 23:23:23','2018-12-16 23:23:23'])

    生成一个 datePicker 组件,type 为 dateTimeRange,可选择日期+时间区间

# maker.year

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.year('field','title','2018-12-16')

    生成一个 datePicker 组件,type 为 year,可选择年份

# maker.month

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.dateRange('field','title','2018-12-16')

    生成一个 datePicker 组件,type 为 month,可选择月份

# TimePicker

# maker.timePicker

  • Parameters：{string} field、{string} title、{array|string|date} value、{object} props

  • Usage：

    maker.timePicker('field','title','23:23:23')

    生成一个 timePicker 组件,type 默认为 time

# maker.time

  • Parameters：{string} field、{string} title、{string|date} value、{object} props

  • Usage：

    maker.timePicker('field','title','23:23:23')

    生成一个 timePicker 组件,type 为 time,可选择时间

# maker.timeRang

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.timePicker('field','title',['23:23:23','23:59:59'])

    生成一个 timePicker 组件,type 默认为 time,可选择时间区间

# ColorPicker

# maker.colorPicker

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.colorPicker('field','title','#FF7271')

    生成一个 colorPicker 组件,maker.color是该方法的别名

# Upload

# maker.upload

  • Parameters：{string} field、{string} title、{string|array} value、{object} props

  • Usage：

    maker.upload('field','title','image1.png',{action:'upload.php',maxLength:1})

    生成一个 upload 组件,type 默认为 field

# maker.uploadImage

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.uploadImage('field','title',['image1.png'.'image2.png'],{action:'upload.php'})

    生成一个 upload 组件,type 为 image,maker.image是该方法的别名

# maker.uploadFile

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.uploadFile('field','title',['image1.png'.'image2.png'],{action:'upload.php'})

    生成一个 upload 组件,type 为 file,maker.file是该方法的别名

# maker.uploadImageOne

  • Parameters：{string} field、{string} title、{string|array} value、{object} props

  • Usage：

    maker.uploadImageOne('field','title','image1.png',{action:'upload.php'})

    生成一个 upload 组件,type 为 image且maxLength为1只能上传一张图片

    maker.imageOne是该方法的别名

# maker.uploadFileOne

  • Parameters：{string} field、{string} title、{string} value、{object} props

  • Usage：

    maker.uploadFileOne('field','title','image1.png',{action:'upload.php'})

    生成一个 upload 组件,type 为 file且maxLength为1只能上传一个文件

    maker.fileOne是该方法的别名

# Rate

# maker.rate

  • Parameters：{string} field、{string} title、{number} value、{object} props

  • Usage：

    maker.rate('field','title',10)

    生成一个 rate 组件

# Slider

# maker.slider

  • Parameters：{string} field、{string} title、{number} value、{object} props

  • Usage：

    maker.slider('field','title',10)

    生成一个 slider 组件,props.range默认为false

# maker.sliderRange

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.sliderRange('field','title',[10,100])

    生成一个 slider 组件,props.range为true,可选择区间

# Tree

# maker.tree

  • Parameters：{string} field、{string} title、{array} value、{object} props

  • Usage：

    maker.tree('field','title',[12,13],{data:[]})

    生成一个 tree 组件

  • 相关方法：

    • maker.treeSelected
    • maker.treechecked

# Frame

# maker.frame

  • Parameters：{string} field、{string} title、{array|string} value、{object} props

  • Usage：

    maker.frame('field','title',10)

    生成一个 frame 组件

  • 相关方法：

    • maker.frameInputs
    • maker.frameInputOne
    • maker.frameFiles
    • maker.frameFileOne
    • maker.frameImages
    • maker.frameImageOne

← Hidden →