PEDIT 模块所有配置json

• module.json

var module = {
    title:'模块标题',                               //界面tab标题
    description:'模块描述',                         //模块描述，待定
    icon:'icon iconfont iconfuwenbenkuang',         //界面tab标题左边图标
    tabIndex:0,                                     //默认显示的tab选项卡下标
    topcss:'width:1000px;',                          //模块顶级div的style样式
    template:'',                                    //渲染前的 cssHTML 模板
    tabs:[{
        title:'tab标题',
        description:'tab描述',
        icon:'icon iconfont  icondingwei',
        groupIndex:0,
        groups:[{
            title:'组标题1',
            description:'组描述',
            icon:'icon iconfont  iconzuzhijiagou',
            controls:[{控件1},{控件2}]
        },{
            title:'组标题2',
            description:'组描述',
            icon:'icon iconfont  iconzuzhijiagou',
            controls:[{
                id:'slide',                 // template 中的id
                list:[
                    [{控件1},{控件2}]
                ]
            }]
        }]
    }]
}

• controls.json 单项

controls:[{控件1},{控件2}]

• controls.json 列表

controls:[{
    id:'slide',                 // template 中的id
    list:[
        [{控件1},{控件2}]
    ]
}]

• range控件

{
    input:'range',
    range:{
        max:10,
        min:0,
        step:1
    },
    title:'左右拖动',
    placeholder:'控件描述',
    description:'hover说明hover说明hover说明hover说明hover说明<img src="https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_300x300.jpg">',
    icon:'图标',
    key:'range',
    value:5
}

• image控件

{
    input:'common',
    title:'通用图片',
    placeholder:'控件描述',
    type:'image',
    disabled:false,
    description:'',
    icon:'icon iconfont icontupian',
    urlIframe:'/puim/index/pedit_dev_iframe',
    key:'commonpic',
    value:''
}

• music控件

{
    input:'common',
    title:'通用音乐',
    placeholder:'控件描述',
    type:'music',
    disabled:false,
    description:'',
    icon:'icon iconfont iconyinle',
    urlIframe:'/puim/index/pedit_dev_iframe',
    key:'commonmusic',
    value:'http://www.w3school.com.cn/i/horse.ogg'
}

• text控件

{
    input:'common',
    title:'通用文本',
    placeholder:'控件描述',
    type:'text',
    disabled:false,
    description:'',
    icon:'icon iconfont icontupian',
    urlIframe:'',//此项为空则不显示右侧操作按钮
    key:'text',
    value:'文本内容'
}

• html控件

{
    input:'common',
    title:'通用HTML',
    placeholder:'控件描述',
    type:'html',
    disabled:false,
    description:'',
    icon:'icon iconfont iconfuwenbenkuang',
    urlIframe:'/puim/index/pedit_dev_iframe',//此项为空则不显示右侧操作按钮
    key:'commonhtml',
    value:'<div style="background:#ff0000;">文本内容</div>'
}

• icon控件

{
    input:'common',
    title:'通用图标',
    placeholder:'控件描述',
    type:'icon',
    disabled:false,
    description:'',
    icon:'icon iconfont iconsetup_icon',
    urlIframe:'/puim/index/pedit_dev_iframe',
    key:'commonicon',
    value:'icon iconfont iconzuzhijiagou'
}

• videoIframe控件

{
    input:'common',
    title:'通用视频',
    placeholder:'控件描述',
    type:'videoIframe',
    disabled:false,
    description:'',
    icon:'icon iconfont iconshipin',
    urlIframe:'/puim/index/pedit_dev_iframe',
    key:'commonvideoIframe',
    value:'<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=u0628tlmx4o" allowFullScreen="true"></iframe>'
}

• videoUpload控件

{
    input:'common',
    title:'通用视频1',
    placeholder:'控件描述，视频链接，非iframe',
    type:'videoUpload',
    disabled:false,
    description:'',
    icon:'icon iconfont iconshipin',
    urlIframe:'/puim/index/pedit_dev_iframe',
    key:'commonvideoUpload',
    value:'http://www.w3school.com.cn/i/movie.mp4'
}

• color控件

{
    input:'color',
    title:'颜色控件',
    placeholder:'控件描述拓展',
    description:'控件描述',
    icon:'图标',
    key:'bgcolor',
    value:'#bbddaa'
}

• select控件

{
    input:'select',
    title:'下拉控件',
    placeholder:'控件描述',
    description:'控件描述',
    icon:'图标',
    defaultValue:[{
        text:'居左',
        value:'left'
    },{
        text:'居中',
        value:'center'
    },{
        text:'居右',
        value:'right'
    }],
    key:'select',
    value:'left'
}

• radio控件

{
    input:'radio',
    title:'单选控件',
    placeholder:'控件描述',
    description:'控件描述',
    icon:'图标',
    defaultValue:[{
        text:'居左',
        value:'left'
    },{
        text:'居中',
        value:'center'
    },{
        text:'居右',
        value:'right'
    }],
    key:'radio',
    value:'left'
}