{
    "name": "gov-picker",
    "label": "picker",
    "description": "picker",
    "codeSnap": "<gov-picker mode='selector' range='{{['北京市', '山西省', '黑龙江省']}}' label='普通选择器' value='1' placeholder='请选择城市'></gov-picker>",
    "groups": "layout",
    "demoCode": {
        "s": "<gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}'  rangeKey='name' label='折行折行折行' value='1' labelWidth='4em'  placeholder='请选择城市' /> <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='无下边框线' rangeKey='name' noborder='{{true}}' value='1' labelWidth='6em' placeholder='请选择城市' /> <gov-picker mode='selector' ='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='6字折行北京市' rangeKey='name' value='1' labelWidth='6em' placeholder='请选择城市' />   <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='普通选择器' rangeKey='name' value='1' labelWidth='6em' placeholder='请选择城市' />  <gov-picker mode='selector' range='{{[{name: '北京市',  value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='label飘红' rangeKey='name' value=' errStatus='{{true}}' labelWidth='6em' placeholder='请选择城市' /> <gov-picker mode='time' label='禁用按钮' value='1:01' labelWidth='6em' disabled placeholder='请选择时间' />    <gov-picker mode='time' label='时间选择器' value='1:01' labelWidth='6em' placeholder='请选择时间' /> <gov-picker ='date' label='日期选择器' labelWidth='6em' placeholder='请选择日期' end='2020-3-1' /> <gov-picker mode='multiSelector' range='{ {multiArray}}' rangeKey='name' label='多列选择器' labelWidth='6em' displayType='{{true}}' value='{{multiIndex}}' bind:change='change' bind:columnchange='columnChange' bind:cancel='cancel' placeholder='请选择城市' /> <gov-picker mode='region' range='{{[]}}' labelWidth='6em' label='省市区选择器' placeholder='请选择城市' /> <gov-picker mode='location' locationName='{{locationName}}' bind:choosesuccess='choosesuccess' labelWidth='6em' label='所在位置' bind:tap='selectorClick' placeholder='请选择' />  <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省',  value: 2}, {name: '黑龙江省', value: 3}]}}' label='externalClass' rangeKey='name' value=' gov-lable='gov-lable'  gov-content='gov-content' labelWidth='6em' placeholder='请选择城市' />",
        "js":" Page({ data: { locationName: '', multiArray: [ [ { name: '北京市', value: 1 }, { name: '山西省', value: 2 }, { name: '黑龙江省', value: 3 } ], [ { name: '海淀区 }  ] ], multiIndex: [] }, change(e) { this.setData('multiIndex', e.detail.detail.value); }, choosesuccess({detail}) { this.setData('locationName', detail.name); }, columnChange(e) { let data = { multiArray: this.getData('multiArray'), multiIndex: this.getData('multiIndex') }; data.multiIndex[e.detail.detail.column] = e.detail.detail.value; switch (e.detail.detail.column) { case 0: switch (data.multiIndex[0]) { case 0: data.multiArray[1] = [ { name: '海淀区', value: 1 }, { name: '大兴区', value: 2 }, {  name: '朝阳区',  value: 3 } ]; break; case 1: data.multiArray[1] = [ { name: '吕梁市', value: 1 }, { name: '大同市', value: 2 }, { name: '太原市', value: 3 } ]; break; case 2: data.multiArray[1] = [ { name: '黑河市', value: 1 }, { name: '哈尔滨市', value: 2 }, { name: '大连市', value: 3 } ]; break; } data.multiIndex[1] = 0; break; } this.setData('multiArray', data.multiArray); } }); ",
        "css": ".gov-lable { color: #6495ed !important; }  .gov-content { color: #6495ed; }"
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "mode",
                "type": "String",
                "description": "picker的类型 location:位置选择器、selector:普通选择器、time:时间选择器、date:日期选择器、multiSelector:多列选择器、region:省市区选择器",
                "required": "否",
                "default": "selector"
            },
            {
                "name": "noborder",
                "type": "Boolean",
                "description": "picker是否有下边框线",
                "required": "否",
                "default": "false"
            },
            {
                "name": "range",
                "type": "Array",
                "description": "pikcer内容",
                "required": "否",
                "default": ""
            },
            {
                "name": "labelWidth",
                "type": "String",
                "description": "左侧文字宽度，须包含单位，例如em、px、rpx、vw、vh... 默认为4字宽度4em，6字宽度6em, 建议用em，可以适配",
                "required": "否",
                "default": "4em"
            },
            {
                "name": "label",
                "type": "String",
                "description": "左侧文字描述",
                "required": "否",
                "default": ""
            },
            {
                "name": "placeholder",
                "type": "String",
                "description": "picker没值默认显示",
                "required": "否",
                "default": ""
            },
            {
                "name": "value",
                "type": "String",
                "description": "picker选中时的下标",
                "required": "否",
                "default": ""
            },
            {
                "name": "rangeKey",
                "type": "String",
                "description": "指定 Object 中 key 的值作为选择器显示内容",
                "required": "否",
                "default": ""
            },
            {
                "name": "displayType",
                "type": "Boolean",
                "description": "picker级联格式选中时是否全部展示,默认为全部展示",
                "required": "否",
                "default": "true"
            },
            {
                "name": "start",
                "type": "String",
                "description": "类型为时间或日期的开始时间",
                "required": "否",
                "default": ""
            },
            {
                "name": "end",
                "type": "String",
                "description": "类型为时间或日期的结束时间",
                "required": "否",
                "default": ""
            },
            {
                "name": "disabled",
                "type": "Boolean",
                "description": "picker是否禁用",
                "required": "否",
                "default": "false"
            },
            {
                "name": "errColor",
                "type": "String",
                "description": "picker label颜色",
                "required": "否",
                "default": "#BD1A2D"
            },
            {
                "name": "errStatus",
                "type": "Boolean",
                "description": "picker label是否飘红",
                "required": "否",
                "default": "false"
            },
            {
                "name": "locationName",
                "type": "String",
                "description": "picker类型为location时页面显示的内容",
                "required": "否",
                "default": "false"
            }
        ],
        "events": [
            {
                "name": "change",
                "type": "Event",
                "description": "picker改变时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "columnchange",
                "type": "Event",
                "description": "picker类型为多列选择改变时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "cancel",
                "type": "Event",
                "description": "picker取消时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "choosesuccess",
                "type": "Event",
                "description": "地理位置获取成功时触发，当返回地理位置的信息，需将需要在页面显示的内容赋值给组件的locationName字段",
                "required": "否",
                "default": "-"
            },
            {
                "name": "choosefail",
                "type": "Event",
                "description": "地理位置获取失败时触发",
                "required": "否",
                "default": "-"
            }
        ]
    }
}