{
    "name": "gov-captcha",
    "label": "图形验证码",
    "description": "图形验证码",
    "codeSnap": "<gov-captcha gov-code=\"sort\" s-if=\"vcodeData.verifyImgUrl\" id=\"vcodeData\" ipt-area-width=\"{{vcodeData.iptAreaWidth}}\" ipt-name=\"{{vcodeData.iptName}}\" placeholder-content=\"{{vcodeData.placeholderContent}}\" ipt-value=\"{{vcodeData.iptValue}}\" max-length=\"{{vcodeData.maxLength}}\" verify-img-url=\"{{vcodeData.verifyImgUrl}}\" bindkeyinput=\"iptKeyInput\" bindrefreshimg=\"refreshVerifyImg\" bindkeyinput=\"iptKeyInput\" bindiptconfirm=\"iptConfirm\" >\n        </gov-captcha>",
    "groups": "layout",
    "demoCode": {
        "s": "<gov-captcha gov-code=\"sort\" s-if=\"vcodeData.verifyImgUrl\" id=\"vcodeData\" ipt-area-width=\"{{vcodeData.iptAreaWidth}}\" ipt-name=\"{{vcodeData.iptName}}\" placeholder-content=\"{{vcodeData.placeholderContent}}\" ipt-value=\"{{vcodeData.iptValue}}\" max-length=\"{{vcodeData.maxLength}}\" verify-img-url=\"{{vcodeData.verifyImgUrl}}\" bindkeyinput=\"iptKeyInput\" bindrefreshimg=\"refreshVerifyImg\" bindkeyinput=\"iptKeyInput\" bindiptconfirm=\"iptConfirm\" >\n        </gov-captcha>",
        "js": "Page({\n    data: btnStatus: false,\n        vcodeData: {\n            type: 'text',\n            maxLength: 4,\n            focus: false,\n            iptAreaWidth: 200,\n            placeholderContent: '请输入验证码',\n            defaultValue: '',\n            iptName: 'verifycode',\n            iptErrorFlag: false,\n            value: '',\n            verifyImgUrl: 'https://images2015.cnblogs.com/blog/908744/201703/908744-20170303142728141-434774652.png'\n        }\n    }\n});\n",
        "css": ".gov-btn-text {\n    margin: 20px 0 20px 12px !important;\n}\n.sort {\n    color: #744848 !important;\n}"
    },
    "properties": {
        "attributes": [
            {
                "name": "iptAreaWidth",
                "type": "String",
                "description": "输入区域的宽度",
                "required": "否",
                "default": "4em"
            },
            {
                "name": "iptName",
                "type": "String",
                "description": "输入框名字",
                "required": "否",
                "default": ""
            },
            {
                "name": "placeholderContent",
                "type": "String",
                "description": "占位文案",
                "required": "否",
                "default": "请输入验证码"
            },
            {
                "name": "iptValue",
                "type": "String",
                "description": "输入框value",
                "required": "否",
                "default": ""
            },
            {
                "name": "type",
                "type": "String",
                "description": "input类型：text、number、idcard",
                "required": "否",
                "default": ""
            },
            {
                "name": "maxlength",
                "type": "Number",
                "description": "输入最大长度",
                "required": "否",
                "default": "4"
            },
            {
                "name": "focus",
                "type": "Boolean",
                "description": "获取聚焦，调起键盘",
                "required": "否",
                "default": "false"
            },
            {
                "name": "verifyImgUrl",
                "type": "String",
                "description": "图片验证码的url地址",
                "required": "否",
                "default": ""
            },
            {
                "name": "iptErrorInfo",
                "type": "Boolean",
                "description": "验证码输入文字飘红提示",
                "required": "否",
                "default": "false"
            }
        ],
        "events": [
            {
                "name": "iptfocus",
                "type": "Event",
                "description": "聚焦时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "iptblur",
                "type": "Event",
                "description": "失焦时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "keyinput",
                "type": "Event",
                "description": "输入时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "refreshimg",
                "type": "Event",
                "description": "刷新验证码",
                "required": "是",
                "default": "-"
            }
        ]
    }
}