选框组件（单个）

该组件采用自定义入参将实现某一个属性的切换，类似于开关组件。例如实现属性显示/隐藏的切换。

属性	值	备注
type	ShadowTitleDisplay
name	属性名，可以自定义，不要超过4个字，否则会折行。
use	custom	采用自定义入参
callback	String/object	可以直接配置回调函数名或一个对象。当配置callback为回调函数名时，回调函数会接收一个返回值。格式：{show:true} 当配置为对象时，具体用法请看尺寸组件下面的callback配置为object

customInput下可以配置的属性：

属性	类型	值	备注
show	布尔	true/false	多选框默认值

config.json下的配置

{
    "develop":{
        "html":"index.html",
        "css":["./styles/index.css"],
        "entry":"./scripts/main.js",
        "scripts":{
        }
    },
    "plugins":[],
    "services":[],
  "libs":[],
  "customAttributes":{
        "pro":[
            {
                "type":"ShadowTitleDisplay",
                "name":"显示隐藏",
                "use":"custom",
                "customInput":{
                    "show":false
                },
                "callback":"checkboxChange"
            }
        ],
        "con":[
           
        ]

    }
}

上面的例子中，配置了"use"属性为"custom",该属性的作用是将这个属性栏组件作为普通自定义组件使用。（如果不配置use属性的话，该组件默认具有控制组件的数据源参与组件过滤的功能）

并且在customInput下添加了入参值show为false，show为单选框的初始值，使单选框成取消选中状态。

main.js:

(function(){
    return {
        ...,
    checkboxChange(data){
      console.log(data);//false
    }
    ...
  }
})

效果如图所示：

Application