{
    "name": "gov-sms-input",
    "label": "短信验证码",
    "description": "短信验证码",
    "codeSnap": "<gov-sms-input\n        type=\"text\"\n        label-width=\"6em\"\n        max-length=\"10\"\n        ipt-title=\"验证码验证码验证验证码\"\n        focus=\"{{false}}\"\n        placeholder-content=\"请输入验证码\"\n        ipt-value=\"\"\n        ipt-name=\"smsDatat\"\n        ipt-error-flag=\"{{false}}\"\n        ipt-error-color=\"\"\n        bindkeyinput=\"iptKeyInput\"\n        bindiptblur=\"iptBlur\"\n        bindiptfocus=\"iptFocus\"\n        bindiptconfirm=\"iptConfirm\"\n        bindsmssend=\"bindSmsSend\"\n    >\n    </gov-sms-input>",
    "groups": "layout",
    "demoCode": {
        "swan": "<sms-input-item\n            id=\"smsData\"\n            type=\"{{smsData.type}}\"\n            label-width=\"short\"\n            max-length=\"{{smsData.maxLength}}\"\n            ipt-title=\"验证码码\"\n            focus=\"{{smsData.focus}}\"\n            ipt-area-width=\"{{smsData.iptAreaWidth}}\"\n            ipt-item-width=\"{{smsData.iptItemWidth}}\"\n            placeholder-content=\"{{smsData.placeholderContent}}\"\n            ipt-value=\"{{smsErrData.iptValue}}\"\n            ipt-name=\"{{smsData.iptName}}\"\n            bindkeyinput=\"iptKeyInput\"\n            bindiptblur=\"iptBlur\"\n            bindiptfocus=\"iptFocus\"\n            bindiptconfirm=\"iptConfirm\"\n            bindsmssend=\"bindSmsSend\"\n        >",
        "js": "data: {\n        smsData: {\n            type: 'text',\n            maxLength: 4,\n            focus: false,\n            placeholderContent: '请输入验证码',\n            defaultValue: '',\n            iptName: 'smsData',\n            iptErrorFlag: true,\n            iptErrorColor: 'blue'\n        }\n    },\n    iptKeyInput(e) {\n        console.log('输入组件发生了keyinput事件，携带数据为：', e.detail);\n    },\n    iptBlur(e) {\n        console.log('输入组件发生了blur事件，携带数据为：', e.detail);\n    },\n    iptFocus(e) {\n        console.log('输入组件发生了focus事件，携带数据为：', e.detail);\n    },\n    iptConfirm() {\n        console.log('输入组件发生了confirm事件');\n    },\n    bindSmsSend() {\n        console.log('短信已发送');\n    }",
        "css": ""
    },
    "fragement": "",
    "properties": {
        "attributes": [
            {
                "name": "iptTitle",
                "type": "String",
                "description": "短信验证码title",
                "required": "否",
                "default": "验证码"
            },
            {
                "name": "labelWidth",
                "type": "String",
                "description": "左侧文字宽度，须包含单位，例如em、px、rpx、vw、vh... 默认为4字宽度4em，6字宽度6em, 建议用em，可以适配",
                "required": "否",
                "default": "4em"
            },
            {
                "name": "iptName",
                "type": "String",
                "description": "input的name",
                "required": "否",
                "default": "smsData"
            },
            {
                "name": "placeholderContent",
                "type": "String",
                "description": "占位文案",
                "required": "否",
                "default": "请输入验证码"
            },
            {
                "name": "iptValue",
                "type": "String",
                "description": "输入框value",
                "required": "否",
                "default": ""
            },
            {
                "name": "type",
                "type": "String",
                "description": "input类型text,number,idcard,digit",
                "required": "否",
                "default": "text"
            },
            {
                "name": "confirmType",
                "type": "String",
                "description": "键盘右下角按钮 send:发送 search:搜索 next:下一个 go:前往 done:完成",
                "required": "否",
                "default": "done"
            },
            {
                "name": "maxlength",
                "type": "number",
                "description": "输入最大长度",
                "required": "否",
                "default": "10"
            },
            {
                "name": "focus",
                "type": "Boolean",
                "description": "获取聚焦，调起键盘",
                "required": "否",
                "default": "false"
            },
            {
                "name": "iptErrorFlag",
                "type": "Boolean",
                "description": "输入错误时定义",
                "required": "否",
                "default": "false"
            },
            {
                "name": "iptErrorColor",
                "type": "String",
                "description": "错误标题颜色",
                "required": "否",
                "default": "#f00"
            },
            {
                "name": "placeholderColor",
                "type": "String",
                "description": "输入框的默认颜色",
                "required": "否",
                "default": "#ccc"
            },
            {
                "name": "id",
                "type": "String",
                "description": "短信验证码的id",
                "required": "否",
                "default": "smsId"
            }
        ],
        "events": [
            {
                "name": "keyinput",
                "type": "Event",
                "description": "当输入框输入时触发, 返回值： iptname： 组件的name值，iptvalue：输入框的value值",
                "required": "否",
                "default": "-"
            },
            {
                "name": "iptblur",
                "type": "Event",
                "description": "当输入框失焦时触发, 返回值： iptname： 组件的name值，iptvalue：输入框的value值",
                "required": "否",
                "default": "-"
            },
            {
                "name": "iptfocus",
                "type": "Event",
                "description": "当输入框聚焦时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "iptconfirm",
                "type": "Event",
                "description": "当键盘点击确认时触发",
                "required": "否",
                "default": "-"
            },
            {
                "name": "smssend",
                "type": "Event",
                "description": "当短信发送时触发",
                "required": "否",
                "default": "-"
            }
        ],
        "externalClasses": [
            {
                "name": "gov-sms",
                "type": "",
                "description": "短信验证码外层部分的扩展样式类，可通过此class改变其的样式，如字体大小：font-size: 54px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-sms-content",
                "type": "",
                "description": "短信验证码组件内容（标题，输入框，获取验证码）的扩展样式，可通过此class改变其外部的样式，如内边距，padding: 60px 0",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-sms-title",
                "type": "",
                "description": "短信验证码标题的扩展样式类，可通过此class改变其的样式，如字体大小：font-size: 54px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-sms-ipt",
                "type": "",
                "description": "短信验证码输入框的扩展样式，可通过此class改变其外部的样式，如宽度，width: 500px",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-msg-code",
                "type": "",
                "description": "未发送验证码时的宽度的扩展样式，可通过此class改变标题栏标题的样式，如字体颜色：color: #eee",
                "required": "否",
                "default": "-"
            },
            {
                "name": "gov-msg-down",
                "type": "",
                "description": "发送验证码之后的的扩展样式，可通过此class改变标题栏标题的样式，如字体颜色：color: #f00",
                "required": "否",
                "default": "-"
            }
        ]
    }
}