{"version":3,"sources":["webpack:///11.c5edde87.js","webpack:///x-input.vue","webpack:///./zh-CN/components/x-input.vue?345d","webpack:///./zh-CN/components/x-input.vue?8729","webpack:///./zh-CN/components/x-input.vue?91fb","webpack:///./zh-CN/components/x-input_git_metas.json","webpack:///./zh-CN/components/x-input.vue"],"names":["webpackJsonp","1636","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default","n","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default","__WEBPACK_IMPORTED_MODULE_2_axios__","__WEBPACK_IMPORTED_MODULE_2_axios___default","metas","category","en","zh-CN","icon","extra","tags","props","type","default","is-type","required","title","placeholder","show-clear","min","max","disabled","readonly","debounce","placeholder-align","version","text-align","label-width","mask","should-toast-error","slots","label","restricted-label","right","right-full-height","events","on-blur","params","on-focus","on-enter","on-change","on-click-error-icon","on-click-clear-icon","methods","focus","blur","reset","changes","v2.9.2","v2.9.0","v2.8.1","v2.8.0","v2.7.9","v2.7.7","v2.7.6","v2.7.4","v2.7.1","v2.6.5","v2.6.3","v2.6.1","v2.5.6","v2.5.5","v2.3.1","v2.2.1-rc.4","v2.1.1-rc.10","v2.1.1-rc.8","v2.1.0-rc.51","v2.1.0-rc.49","v2.1.0-rc.48","v2.1.0-rc.46","v2.0.0","v2.0.1","demos","componentList","Array","isArray","items","forEach","item","index","meta","name","length","variables","push","e","console","log","gitMetas","demoCode","decodeURIComponent","domainMap","development","production","head","content","property","link","rel","hreflang","href","script","innerHTML","__dangerouslyDisableSanitizers","filters","parseCode","str","replace","mounted","_this","this","a","mark","_callee","rs","wrap","_context","prev","next","get","componentName","sent","issues","data","hasReady","stop","watch","sourceCodeDialogVisibility","val","_this2","_callee2","_context2","$nextTick","document","querySelector","addEventListener","onCopyError","$message","message","onCopy","showSourceCode","getTypeHTML","test","split","map","one","toLowerCase","join","computed","lang","$route","path","indexOf","isBeta","showQr","localImportCode","globalImportCode","needImport","toc","domain","1650","exports","i","1812","locals","2468","render","_vm","_h","$createElement","_c","_self","staticClass","class","attrs","id","_v","target","_e","on","click","$event","preventDefault","trigger","staticStyle","width","src","slot","height","display","border","border-radius","overflow","z-index","frameborder","_l","t","anchor","_s","_t","slice","placement","directives","rawName","expression","arg","_m","demo","style","margin","noBackgroundColor","file","oriHeight","contenteditable","domProps","code","encodeURIComponent","component","description","prop","hide-after","open-delay","event","slot-disabled","method","variable","$refs","backgroundColor","ref","refInFor","inherited_name","tips","tip","size","q","issue","html_url","number","color","commitCount","commitUniqueCount","person","authorName","count","changelog","to","references","top","visible","update:visible","staticRenderFns","_withStripped","3138","commitMembers","464","injectStyle","ssrContext","disposed","Component","options","__file","esModule","keys","some","key","substr","error","functional"],"mappings":"AAAAA,cAAc,KAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YACAC,QAAOC,eAAeH,EAAqB,cAAgBI,OAAO,GAC7C,IAAIC,GAA0DJ,EAAoB,IAC9EK,EAAkEL,EAAoBM,EAAEF,GACxFG,EAAuEP,EAAoB,IAC3FQ,EAA+ER,EAAoBM,EAAEC,GACrGE,EAAsCT,EAAoB,IAC1DU,EAA8CV,EAAoBM,EAAEG,GAOzFE,GACFC,UACEC,GC4YJ,OD3YIC,QC6YJ,MD3YEC,KC4YF,WD3YEC,OACEF,QC6YJ,mXD3YEG,MACEJ,IC6YJ,OAEA,SD9YIC,SCgZJ,MACA,KAGA,UDlZEI,OACEf,OACEU,GCmZN,yCDlZMC,QCoZN,qBDlZIK,MACEA,KCmZN,SDlZMC,QCmZN,ODlZMP,GCmZN,8DDlZMC,QCoZN,iEDlZIO,WACEF,KCmZN,kBDlZMN,GCmZN,8FDlZMC,QCoZN,gHDlZIQ,UACEH,KCmZN,UDlZMC,SCmZN,EDlZMP,GCmZN,iBDlZMC,QCoZN,mCDlZIS,OACEV,GCmZN,aDlZMC,QCoZN,WDlZIU,aACEX,GCmZN,cDlZMC,QCoZN,kBDlZIW,cACEN,KCmZN,UDlZMC,SCmZN,EDlZMP,GCmZN,qBDlZMC,QCoZN,cDlZIY,KACEP,KCmZN,SDlZMN,GCmZN,sBDlZMC,QCoZN,YDlZIa,KACER,KCmZN,SDlZMN,GCmZN,sBDlZMC,QCoZN,sCDlZIc,UACET,KCmZN,UDlZMC,SCmZN,EDlZMP,GCmZN,uBDlZMC,QCoZN,UDlZIe,UACEV,KCmZN,UDlZMC,SCmZN,EDlZMP,GCmZN,uBDlZMC,QCoZN,uBDlZIgB,UACEX,KCmZN,SDlZMC,QCmZN,GDlZMP,GCmZN,gBDlZMC,QCoZN,8EDlZIiB,qBACEZ,KCmZN,SDlZMC,QCmZN,ODlZMY,QCmZN,cDlZMnB,GCmZN,0BDlZMC,QCoZN,sBDlZImB,cACEd,KCmZN,SDlZMC,QCmZN,ODlZMP,GCmZN,+BDlZMC,QCoZN,SDlZIoB,eACEf,KCmZN,SDlZMa,QCmZN,cDlZMnB,GCmZN,sEDlZMC,QCoZN,sEDlZIqB,MACEH,QCmZN,SDlZMnB,GCmZN,qEDlZMC,QCoZN,gEDlZIsB,sBACEJ,QCmZN,SDlZMZ,SCmZN,EDlZMP,GCmZN,kDDlZMC,QCqZN,8BDlZEuB,OACEC,OACExB,QCoZN,wCDlZIyB,oBACEzB,QCoZN,2DDlZI0B,OACE1B,QCoZN,+BDlZI2B,qBACET,QCmZN,SDlZMlB,QCqZN,wBDlZE4B,QACEC,WACEC,OCmZN,oBDlZM9B,QCoZN,kBDlZI+B,YACED,OCmZN,oBDlZM9B,QCoZN,mBDlZIgC,YACEF,OCmZN,oBDlZM9B,QCoZN,6BDlZIiC,aACEH,OCmZN,YDlZM9B,QCoZN,0CDlZIkC,uBACEhB,QCmZN,SDlZMY,OCmZN,YDlZM/B,GCmZN,iCDlZMC,QCoZN,6DDlZImC,uBACEjB,QCmZN,SDlZMnB,GCmZN,iCDlZMC,QCqZN,cDlZEoC,SACEC,OACEtC,GCmZN,kBDlZMC,QCoZN,UDlZIsC,MACEvC,GCmZN,0BDlZMC,QCoZN,mBDlZIuC,OACErB,QCmZN,eDlZMY,OCmZN,iBDlZM/B,GCmZN,qCDlZMC,QCqZN,kBDlZEwC,SACEC,UACE1C,ICqZN,gDDpZMC,SCwZN,oCDtZI0C,UACE3C,ICwZN,yDACA,wCACA,4DACA,gDAEA,qED5ZMC,SC8ZN,sCACA,yCACA,+BACA,2CAGA,0CDlaI2C,UACE5C,ICqaN,qEDpaMC,SCwaN,0DDtaI4C,UACE7C,ICyaN,oEDxaMC,SC4aN,kCD1aI6C,UACE9C,IC6aN,yDD5aMC,SCgbN,6BD9aI8C,UACE/C,ICibN,iDDhbMC,SCobN,8BDlbI+C,UACEhD,ICqbN,sCDpbMC,SCwbN,iCDtbIgD,UACEjD,ICybN,6CDxbMC,SC4bN,kCD1bIiD,UACElD,IC4bN,oDAEA,2CD7bMC,SC+bN,0CAGA,uCDhcIkD,UACEnD,ICmcN,2EDlcMC,SCscN,2DDpcImD,UACEpD,ICucN,wDDtcMC,SC0cN,kCDxcIoD,UACErD,IC0cN,0CAEA,+BD3cMC,SC6cN,oCAGA,kCD9cIqD,UACEtD,ICidN,4CDhdMC,SCodN,gCDldIsD,UACEvD,ICodN,8DAEA,8CDrdMC,SCudN,oDAGA,6BDxdIuD,UACExD,IC2dN,qCD1dMC,SC8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","file":"11.c5edde87.js","sourcesContent":["webpackJsonp([11],{\n\n/***/ 1636:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(70);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__ = __webpack_require__(69);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(68);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);\n\n\n\n\n\n\nvar metas = {\n  \"category\": {\n    \"en\": \"Form\",\n    \"zh-CN\": \"表单\"\n  },\n  \"icon\": \"&#xe614;\",\n  \"extra\": {\n    \"zh-CN\": \"```html\\n  <group>\\n    <x-input title=\\\"title\\\" v-model=\\\"value\\\"></x-input>\\n  </group>\\n```\\n\\n::: tip\\n`x-input`只能在`Group`中使用\\n:::\\n\\n如果你想实现在输入框右边按钮切换密码明文，请使用`slot=right`实现`type`切换。\\n<br>\\n::: warning\\n`mask` 在 `2.6.1` 支持，但注意的是使用 mask 后值也是经过 mask 处理后的值，进行判断或者提交到接口前应该注意。\\n<br>\\n比如格式化手机号码，`mask` 值为 `999 9999 9999`，得到的值将是 13 位的 `145 3456 3456`，提交或者判断都应该先清除中间空格。\\n:::\\n\"\n  },\n  \"tags\": {\n    \"en\": [\"form\", \"input\"],\n    \"zh-CN\": [\"输入框\", \"表单\", \"单行输入框\"]\n  },\n  \"props\": {\n    \"value\": {\n      \"en\": \"input value, use `v-model` for binding\",\n      \"zh-CN\": \"表单值，使用`v-model`绑定\"\n    },\n    \"type\": {\n      \"type\": \"String\",\n      \"default\": \"text\",\n      \"en\": \"input type, one of `text`,`number`,`email`,`password`,`tel`\",\n      \"zh-CN\": \"即input的`type`属性，目前支持 `text`,`number`,`email`,`password`,`tel`\"\n    },\n    \"is-type\": {\n      \"type\": \"String,Function\",\n      \"en\": \"custom validating function, should return `{valid:true}` or `{valid:false, msg: error msg}`\",\n      \"zh-CN\": \"内置验证器，支持`email`,`china-name`,`china-mobile`, 同样也支持直接传函数, 需要同步返回一个对象`{valid:true}`或者`{valid:false, msg:错误信息}`\"\n    },\n    \"required\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if is required\",\n      \"zh-CN\": \"是否必值，如果不禁用验证，当没有填写时会在右侧显示错误icon\"\n    },\n    \"title\": {\n      \"en\": \"label text\",\n      \"zh-CN\": \"label文字\"\n    },\n    \"placeholder\": {\n      \"en\": \"placeholder\",\n      \"zh-CN\": \"placeholder 提示\"\n    },\n    \"show-clear\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show clear icon\",\n      \"zh-CN\": \"是否显示清除icon\"\n    },\n    \"min\": {\n      \"type\": \"Number\",\n      \"en\": \"minlength for input\",\n      \"zh-CN\": \"最小输入字符限制\"\n    },\n    \"max\": {\n      \"type\": \"Number\",\n      \"en\": \"maxlength for input\",\n      \"zh-CN\": \"最大输入字符限制，等同于`maxlength`，达到限制到不能再输入\"\n    },\n    \"disabled\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if input is disabled\",\n      \"zh-CN\": \"是否禁用填写\"\n    },\n    \"readonly\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if input is readonly\",\n      \"zh-CN\": \"同input的标准属性readonly\"\n    },\n    \"debounce\": {\n      \"type\": \"Number\",\n      \"default\": \"\",\n      \"en\": \"debounce time\",\n      \"zh-CN\": \"`debounce`用以限制`on-change`事件触发。如果你需要根据用户输入做`ajax`请求，建议开启以节省无效请求和服务器资源，单位为毫秒\"\n    },\n    \"placeholder-align\": {\n      \"type\": \"String\",\n      \"default\": \"left\",\n      \"version\": \"v2.1.1-rc.8\",\n      \"en\": \"placeholder align value\",\n      \"zh-CN\": \"placeholder 文字对齐方式\"\n    },\n    \"text-align\": {\n      \"type\": \"String\",\n      \"default\": \"left\",\n      \"en\": \"text-align setting for value\",\n      \"zh-CN\": \"值对齐方式\"\n    },\n    \"label-width\": {\n      \"type\": \"String\",\n      \"version\": \"v2.2.1-rc.4\",\n      \"en\": \"set label width which will not be overwritten by $parent.labelWidth\",\n      \"zh-CN\": \"label 宽度，权重比 group 的 labelWidth 高。不设定时将进行自动宽度计算，但超过15个字符时不会进行宽度设定。\"\n    },\n    \"mask\": {\n      \"version\": \"v2.6.1\",\n      \"en\": \"(beta) value mask, 9 for DIGIT, A for ALPHA, S for ALPHA AND DIGIT\",\n      \"zh-CN\": \"(beta) 值格式化，依赖于 vanilla-masker，其中 9 表示数字，A 表示大写字母，S 表示数字或者字母\"\n    },\n    \"should-toast-error\": {\n      \"version\": \"v2.6.3\",\n      \"default\": true,\n      \"en\": \"whether toast error when clicking on error icon\",\n      \"zh-CN\": \"是否在点击错误图标时用 toast 的形式显示错误\"\n    }\n  },\n  \"slots\": {\n    \"label\": {\n      \"zh-CN\": \"用于自定义`label`(即 title)部分内容，比如使用`icon`\"\n    },\n    \"restricted-label\": {\n      \"zh-CN\": \"用于自定义`label`部分，和`slot=label`不同的是，该slot宽度受到父组件`group`的限制\"\n    },\n    \"right\": {\n      \"zh-CN\": \"用以在输入框右边显示内容，比如单位，切换密码显示方式等\"\n    },\n    \"right-full-height\": {\n      \"version\": \"v2.8.1\",\n      \"zh-CN\": \"用于放置和 cell 高度的验证码图片\"\n    }\n  },\n  \"events\": {\n    \"on-blur\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input的`blur`事件\"\n    },\n    \"on-focus\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input的`focus`事件\"\n    },\n    \"on-enter\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input输入完成后点击`enter(确认)`事件\"\n    },\n    \"on-change\": {\n      \"params\": \"`(value)`\",\n      \"zh-CN\": \"输入值变化时触发。如果你使用了`debounce`，那么触发将不会是实时的。\"\n    },\n    \"on-click-error-icon\": {\n      \"version\": \"v2.6.3\",\n      \"params\": \"`(error)`\",\n      \"en\": \"fires when clicking error icon\",\n      \"zh-CN\": \"点击错误图标时触发，你可以关闭 `should-toast-error` 然后用这个事件来自定义显示错误的提示内容\"\n    },\n    \"on-click-clear-icon\": {\n      \"version\": \"v2.9.0\",\n      \"en\": \"fires when clicking clear icon\",\n      \"zh-CN\": \"点击清除按钮时触发\"\n    }\n  },\n  \"methods\": {\n    \"focus\": {\n      \"en\": \"get input focus\",\n      \"zh-CN\": \"手动获得焦点\"\n    },\n    \"blur\": {\n      \"en\": \"remove focus from input\",\n      \"zh-CN\": \"手动设置 input 失去焦点\"\n    },\n    \"reset\": {\n      \"version\": \"v2.1.1-rc.10\",\n      \"params\": \"`(value = '')`\",\n      \"en\": \"reset input value and clear errors\",\n      \"zh-CN\": \"重置输入框值，清除错误信息\"\n    }\n  },\n  \"changes\": {\n    \"v2.9.2\": {\n      \"en\": [\"[fix] fix corsor misplce when set mask #2810\"],\n      \"zh-CN\": [\"[fix] 修复设置 mask 时，光标错位的问题 #2810\"]\n    },\n    \"v2.9.0\": {\n      \"en\": [\"[fix] fix wrong valid when value is empty string #2415\", \"[fix] fix disabled style in iOS #2458\", \"[change] show clear icon only when input gets focus #2567\", \"[feature] add event:on-click-clear-icon #2603\", \"[enhance] scroll input element into view when getting focus #2604\"],\n      \"zh-CN\": [\"[fix] 修复在空值时 valid 为 true 的问题 #2415\", \"[fix] 修复 disabled 样式在 iOS 下过浅的问题 #2458\", \"[change] 仅在获得焦点时显示清除按钮 #2567\", \"[feature] 支持事件 on-click-clear-icon #2603\", \"[enhance] 获得焦点时滚动到可视区域(Android) #2604\"]\n    },\n    \"v2.8.1\": {\n      \"en\": [\"[feature] add slot:right-full-height for containing captcha #2475\"],\n      \"zh-CN\": [\"[feature] 添加 slot:right-full-height 用于方便显示验证码图片 #2475\"]\n    },\n    \"v2.8.0\": {\n      \"en\": [\"[fix] fix not show clear button when initial value is zero #2482\"],\n      \"zh-CN\": [\"[fix] 修复初始值为0时不显示清除按钮问题 #2482\"]\n    },\n    \"v2.7.9\": {\n      \"en\": [\"[enhance] support china union 166 prefix phone number\"],\n      \"zh-CN\": [\"[enhance] 支持中国联通手机号166号段\"]\n    },\n    \"v2.7.7\": {\n      \"en\": [\"[fix] Fix error message not change bugs #2348\"],\n      \"zh-CN\": [\"[fix] 修复报错信息不会改变的问题 #2348\"]\n    },\n    \"v2.7.6\": {\n      \"en\": [\"[feature] add disabled class #2279\"],\n      \"zh-CN\": [\"[feature] 增加disabled样式 #2279\"]\n    },\n    \"v2.7.4\": {\n      \"en\": [\"[fix] fix ssr DOM not matched issue #2201\"],\n      \"zh-CN\": [\"[fix] 修复服务端渲染 DOM 不一致问题 #2201\"]\n    },\n    \"v2.7.1\": {\n      \"en\": [\"[fix] fix valid is false when value is zero #2134\", \"[fix] fix event:on-blur not fires #2146\"],\n      \"zh-CN\": [\"[fix] 修复数字为 0 时 valid 为 false 的问题 #2134\", \"[fix] 修复 on-blur 事件没有正确触发的问题 #2146\"]\n    },\n    \"v2.6.5\": {\n      \"en\": [\"[enhance] fix validating logic for is-type:china-mobile with mask #2040\"],\n      \"zh-CN\": [\"[enhance] 兼容同时使用 is-type:china-mobile 和 mask 的情况 @2040\"]\n    },\n    \"v2.6.3\": {\n      \"en\": [\"[enhance] toast error when clicking error icon #2009\"],\n      \"zh-CN\": [\"[enhance] 点击错误图标时显示错误内容 #2009\"]\n    },\n    \"v2.6.1\": {\n      \"en\": [\"[enhance] set label for attribute #1983\", \"[feature] support prop:mask\"],\n      \"zh-CN\": [\"[enhance] 为 label 设置 for 属性 #1983\", \"[feature] 支持属性 mask 对输入值进行格式化\"]\n    },\n    \"v2.5.6\": {\n      \"en\": [\"[fix] Fix is-type validating logic #1776\"],\n      \"zh-CN\": [\"[fix] 修复 is-type 验证逻辑 #1776\"]\n    },\n    \"v2.5.5\": {\n      \"en\": [\"[feature] Add $event param for on-focus on-blur event #1770\", \"[fix] Fix empty value checking logic #1759\"],\n      \"zh-CN\": [\"[feature] 为 on-focus on-blur 事件添加 $event 参数 #1770\", \"[fix] 修复值为空的错误判断逻辑 #1759\"]\n    },\n    \"v2.3.1\": {\n      \"en\": [\"[feature] Add blur function #1422\"],\n      \"zh-CN\": [\"[feature] 添加 blur 方法 #1422\"]\n    },\n    \"v2.2.1-rc.4\": {\n      \"en\": [\"[feature] Support labelWidth #1186\"],\n      \"zh-CN\": [\"[feature] 支持设置 label 宽度 #1186\"]\n    },\n    \"v2.1.1-rc.10\": {\n      \"en\": [\"[feature] Support reset method #947 @erguotou520\"],\n      \"zh-CN\": [\"[feature] 支持 reset 函数 #947 @erguotou520\"]\n    },\n    \"v2.1.1-rc.8\": {\n      \"en\": [\"[feature] Support prop:placeholder-align\"],\n      \"zh-CN\": [\"[feature] 支持设置 placeholder 对齐方式\"]\n    },\n    \"v2.1.0-rc.51\": {\n      \"zh-CN\": [\"[fix] 修复`slots`判断问题 #936 @zscumt123\"]\n    },\n    \"v2.1.0-rc.49\": {\n      \"zh-CN\": [\"[feature] 支持`slot=restricted-label` #918 @zqyadam\"]\n    },\n    \"v2.1.0-rc.48\": {\n      \"zh-CN\": [\"[feature] 支持`debounce` #715 @YYmmlin\"]\n    },\n    \"v2.1.0-rc.46\": {\n      \"zh-CN\": [\"[feature] 添加`slot=label`自定义label部分内容 #895 @erguotou520\"]\n    },\n    \"v2.0.0\": {\n      \"zh-CN\": [\"[feature] 添加 `novalidate` 及 `iconType` 可以禁用组件验证，手动显示 error 或者 success 样式\", \"[feature] `is-type` 支持传入函数\", \"[change] 受限于vue2不能动态设置type，目前`type`支持 text password number email\"]\n    },\n    \"v2.0.1\": {\n      \"zh-CN\": [\"[fix] 修复type未定义的问题\"]\n    }\n  }\n};\nvar demos = [];\n\nvar componentList = [];\nif (Array.isArray(metas.items)) {\n  try {\n    metas.items.forEach(function (item, index) {\n      var meta = {\n        name: item,\n        meta: metas[item]\n      };\n      if (meta.meta.props === null) {\n        delete meta.meta.props;\n      }\n      if (index === metas.items.length - 1) {\n        if (meta.meta) {\n          meta.meta.variables = metas.variables;\n        }\n      }\n      componentList.push(meta);\n    });\n  } catch (e) {\n    console.log(e);\n  }\n} else {\n  componentList.push({\n    meta: metas\n  });\n}\nvar gitMetas = __webpack_require__(3138);\nvar demoCode = decodeURIComponent(\"%3Cpre%20class%3D%22hljs%22%3E%3Ccode%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A6%81%E7%94%A8%E5%86%85%E7%BD%AE%E9%AA%8C%E8%AF%81%E5%8F%8A%E6%98%BE%E7%A4%BA%E6%88%90%E5%8A%9F%E6%88%96%E8%80%85%E9%94%99%E8%AF%AF%E6%A0%B7%E5%BC%8F%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A6%81%E7%94%A8%E9%AA%8C%E8%AF%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Enovalidate%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aicon-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-blur%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onBlur%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder-align%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding%3A15px%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20'success'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20success%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20'error'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20error%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20''%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20empty%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22is-type%E4%BC%A0%E5%85%A5function%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%BF%85%E9%A1%BB%E8%BE%93%E5%85%A52333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ais-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22be2333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22mask%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%E6%A0%BC%E5%BC%8F%E5%8C%96%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emask%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22999%209999%209999%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2213%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(99)%209-99%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emask%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(99)%209-99%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue2%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%229%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E4%BD%BF%E7%94%A8icon%E4%BB%A3%E6%9B%BFtitle%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%BF%85%E9%A1%BB%E8%BE%93%E5%85%A52333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ais-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22be2333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22label%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding-right%3A10px%3Bdisplay%3Ablock%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22http%3A%2F%2Fdn-placeholder.qbox.me%2F110x110%2FFF2D55%2F000%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ewidth%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2224%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2224%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22max%20is%20alias%20to%20maxlength%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'max%3D5'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%225%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maxValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22debounce%20%3D%201000%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'debounce'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Adebounce%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22500%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22debounceValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22disabled%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'value'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etext-align%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edisabled%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22disabledValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20type%20%3D%20tel%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'value'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22tel%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22html%20title%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Elabel-width%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%224em%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Atitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'%60%26lt%3Bspan%20style%3D%22%24%7Bstyle%7D%22%26gt%3Bhello%26lt%3B%2Fspan%26gt%3B%60'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding%3A15px%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3Ared%3B'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20red%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3Agreen'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20green%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3A%23000'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20default%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22Default%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E4%B8%8D%E6%98%BE%E7%A4%BA%E6%B8%85%E9%99%A4%E6%8C%89%E9%92%AE%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Erequired%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eautocapitalize%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22characters%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus%E4%BA%8B%E4%BB%B6%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus-handler%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus%20me!%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22true%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-focus%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onFocus%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20is-type%3Dchina-name%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%A7%93%E5%90%8D%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22username%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E5%A7%93%E5%90%8D%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-name%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20keyboard%3Dnumber%20and%20is-type%3Dchina-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22mobile%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ekeyboard%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22number%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20is-type%3Demail%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%82%AE%E7%AE%B1%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22email%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E9%82%AE%E7%AE%B1%E5%9C%B0%E5%9D%80%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22email%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20min%3D2%20and%20max%3D5%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%222-5%E4%B8%AA%E5%AD%97%E7%AC%A6%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%222%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%225%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A1%AE%E8%AE%A4%E8%BE%93%E5%85%A5%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A56%E4%BD%8D%E6%95%B0%E5%AD%97%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%226%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%226%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E7%A1%AE%E8%AE%A46%E4%BD%8D%E6%95%B0%E5%AD%97%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password2%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aequal-with%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22enter%E4%BA%8B%E4%BB%B6%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%BE%93%E5%85%A5%E5%AE%8C%E6%88%90%E5%90%8E%E5%9B%9E%E8%BD%A6%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22enterText%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-enter%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onEnter%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right-full-height%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22https%3A%2F%2Fws1.sinaimg.cn%2Flarge%2F663d3650gy1fq684go3glj203m01hmwy.jpg%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%8F%91%E9%80%81%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22weui-vcode%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emini%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8F%91%E9%80%81%E9%AA%8C%E8%AF%81%E7%A0%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22check%20if%20value%20is%20valid%20when%20required%3D%3D%3Dtrue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eref%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22input01%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Erequired%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22click%20to%20get%20valid%20value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22'%24valid%20value%3A'%20%2B%20valid1%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid1%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22check%20if%20value%20is%20valid%20when%20required%3D%3D%3Dfalse%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Arequired%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eref%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22input02%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid2%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22click%20to%20get%20valid%20value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22'%24valid%20value%3A'%20%2B%20valid2%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid2%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22javascript%22%3E%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C%2Fspan%3E%20%7B%20XInput%2C%20Group%2C%20XButton%2C%20Cell%20%7D%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-string%22%3E'vux'%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eexport%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-keyword%22%3Edefault%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ecomponents%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20XInput%2C%0A%20%20%20%20XButton%2C%0A%20%20%20%20Group%2C%0A%20%20%20%20Cell%0A%20%20%7D%2C%0A%20%20data%20()%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Epassword%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'123465'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Epassword2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EenterText%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid1%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Efalse%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Efalse%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EiconType%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ebe2333%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-function%22%3E%3Cspan%20class%3D%22hljs-keyword%22%3Efunction%3C%2Fspan%3E%20(%3Cspan%20class%3D%22hljs-params%22%3Evalue%3C%2Fspan%3E)%20%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid%3C%2Fspan%3E%3A%20value%20%3D%3D%3D%20%3Cspan%20class%3D%22hljs-string%22%3E'2333'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emsg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'Must%20be%202333'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EdisabledValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'hello'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EdebounceValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaxValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaskValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'13545678910'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaskValue2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emethods%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20getValid1%20()%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.valid1%20%3D%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.%24refs.input01.valid%0A%20%20%20%20%7D%2C%0A%20%20%20%20getValid2%20()%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.valid2%20%3D%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.%24refs.input02.valid%0A%20%20%20%20%7D%2C%0A%20%20%20%20change%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20change'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onBlur%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20blur'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onFocus%20(val%2C%20%24event)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20focus'%3C%2Fspan%3E%2C%20val%2C%20%24event)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onEnter%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'click%20enter!'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Escoped%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22css%22%3E%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.red%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20red%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.green%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20green%3B%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E\");\n\nvar domainMap = {\n  'development': 'http://localhost:8080/',\n  'production': 'https://vux.li/demos/v2/'\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  head: {\n    title: 'XInput 组件使用教程 | VUX - 基于 WeUI 和 Vue 的移动端组件库',\n    meta: [{\n      name: 'description',\n      content: 'Vue component x-input for the VUX framework.'\n    }, {\n      name: 'keywords',\n      content: 'x-input, vue-x-input, vux-x-input, vue mobile components'\n    }, {\n      property: 'og:title',\n      content: 'XInput 组件使用教程 | VUX - 基于 WeUI 和 Vue 的移动端组件库'\n    }, {\n      property: 'og:description',\n      content: 'Vue component x-input for the VUX framework.'\n    }],\n\n    link: [{ \"rel\": \"alternate\", \"hreflang\": \"en\", \"href\": \"/en/components/x-input.html\" }],\n    script: [{\n      innerHTML: '{\"@context\":\"http://schema.org/\",\"@type\":\"SoftwareApplication\",\"name\":\"Vue Component x-input\",\"screenshot\":\"\",\"description\":\"Vue.js component for VUX\",\"url\":\"/zh-CN/components/x-input.html\",\"applicationCategory\":\"组件\",\"author\":{\"@type\":\"Organization\",\"name\":\"VUX\",\"url\":\"https://vux.li\"},\"downloadUrl\":\"https://vux.li\",\"softwareVersion\":\"2.9.2\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":5,\"reviewCount\":94},\"operatingSystem\":\"iOS >= 7, Android >= 4.1\",\"offers\":{\"@type\":\"Offer\",\"price\":0,\"priceCurrency\":\"CNY\",\"availability\":\"http://schema.org/InStock\"}}',\n      type: 'application/ld+json'\n    }],\n    __dangerouslyDisableSanitizers: ['script']\n  },\n  filters: {\n    parseCode: function parseCode(str) {\n      return str.replace(/`(.*?)`/g, '<code>$1</code>');\n    }\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee() {\n      var rs;\n      return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {\n        while (1) {\n          switch (_context.prev = _context.next) {\n            case 0:\n              _context.next = 2;\n              return __WEBPACK_IMPORTED_MODULE_2_axios___default.a.get('https://api.github.com/search/issues?q=repo:airyland/vux%20label:component/' + _this.componentName);\n\n            case 2:\n              rs = _context.sent;\n\n              _this.issues = rs.data.items;\n              _this.hasReady = true;\n\n            case 5:\n            case \"end\":\n              return _context.stop();\n          }\n        }\n      }, _callee, _this);\n    }))();\n  },\n\n  watch: {\n    sourceCodeDialogVisibility: function sourceCodeDialogVisibility(val) {\n      var _this2 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee2() {\n        var mask;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                if (!val) {\n                  _context2.next = 5;\n                  break;\n                }\n\n                _context2.next = 3;\n                return _this2.$nextTick();\n\n              case 3:\n                mask = document.querySelector('.v-modal');\n\n                mask && mask.addEventListener('click', function () {\n                  _this2.sourceCodeDialogVisibility = false;\n                });\n\n              case 5:\n              case \"end\":\n                return _context2.stop();\n            }\n          }\n        }, _callee2, _this2);\n      }))();\n    }\n  },\n  methods: {\n    onCopyError: function onCopyError() {\n      this.$message({\n        type: 'error',\n        message: '复制失败'\n      });\n    },\n    onCopy: function onCopy() {\n      this.$message({\n        type: 'success',\n        message: '复制成功'\n      });\n    },\n    showSourceCode: function showSourceCode() {\n      this.sourceCodeDialogVisibility = true;\n    },\n    getTypeHTML: function getTypeHTML(type) {\n      type = type || 'String';\n      if (/,/.test(type)) {\n        var list = type.split(',').map(function (one) {\n          return one.replace(/^s+|s+$/g, '');\n        }).map(function (one) {\n          var type = one ? one.toLowerCase() : 'string';\n          return '<span class=\"type\">' + type + '</span>';\n        });\n        return list.join('<br>');\n      } else {\n        type = type ? type.toLowerCase() : 'string';\n        return '<span class=\"type\">' + type + '</span>';\n      }\n    }\n  },\n  computed: {\n    lang: function lang() {\n      if (this.$route.path.indexOf('/en/') !== -1) {\n        return 'en';\n      }\n      if (this.$route.path.indexOf('/zh-CN/') !== -1) {\n        return 'zh-CN';\n      }\n      return 'en';\n    }\n  },\n  data: function data() {\n    return {\n      demos: demos,\n      isBeta: false,\n      hasReady: false,\n      issues: [],\n      componentName: 'x-input',\n      demoCode: demoCode,\n      sourceCodeDialogVisibility: false,\n      showQr: false,\n      metas: metas,\n      gitMetas: gitMetas,\n      componentList: componentList,\n      localImportCode: \"import { XInput } from 'vux'\\n\\nexport default {\\n  components: {\\n    XInput\\n  }\\n}\",\n      globalImportCode: \"// \\u5728\\u5165\\u53E3\\u6587\\u4EF6\\u5168\\u5C40\\u5F15\\u5165\\n\\nimport Vue from 'vue'\\nimport { XInput } from 'vux'\\n\\nVue.component('x-input', XInput)\\n\",\n      needImport: true,\n      toc: [],\n      domain: domainMap[\"production\"]\n    };\n  }\n});\n\n/***/ }),\n\n/***/ 1650:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(306)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".component-box{position:relative}.component-demo{position:absolute;right:5px;top:15px}.prop-color{display:inline-block;width:10px;height:10px;border:1px solid #aaa}.changelog-version{width:110px;display:inline-block}.component-extra-links{position:relative;font-size:12px}.component-extra-links a{padding-right:10px;color:#999}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 1812:\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(1650);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(307)(\"d5fde2bc\", content, false);\n// Hot Module Replacement\nif(false) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./x-input.vue\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./x-input.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n\n/***/ 2468:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"component-box\",\n    class: _vm.demos.length ? 'components-with-toc' : ''\n  }, [_c('div', {\n    class: _vm.demos.length ? 'component-header-v2' : 'component-header-v1'\n  }, [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"intro\"\n    }\n  }, [_vm._v(\"XInput\")]), _c('div', {\n    staticClass: \"title-box\"\n  }, [(_vm.isBeta) ? _c('el-badge', {\n    attrs: {\n      \"value\": \"Beta\"\n    }\n  }, [_c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"XInput\")])]) : _c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"XInput\")]), _c('p', {\n    staticClass: \"component-extra-links\"\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/x-input\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo 原始链接\")]), (!_vm.demos.length) ? _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/demos/XInput.vue\",\n      \"target\": \"_blank\"\n    },\n    on: {\n      \"click\": function($event) {\n        $event.preventDefault();\n        _vm.showSourceCode($event)\n      }\n    }\n  }, [_vm._v(\"demo 源码\")]) : _vm._e(), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/x-input/metas.yml\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"编辑文档\")]), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/x-input/\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"组件源码\")]), (_vm.hasReady) ? _c('el-popover', {\n    attrs: {\n      \"trigger\": \"hover\"\n    }\n  }, [_c('div', {\n    staticStyle: {\n      \"width\": \"100%\",\n      \"text-align\": \"center\"\n    }\n  }, [_c('img', {\n    staticClass: \"qr\",\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-input\"\n    }\n  })]), _c('a', {\n    attrs: {\n      \"href\": \"javascript:\"\n    },\n    slot: \"reference\"\n  }, [_vm._v(\"\\n              二维码\\n              \")])]) : _vm._e()], 1), _c('div', {\n    staticClass: \"component-description\"\n  }, [(false) ? void 0 : _vm._e()], 2)], 1), (!_vm.demos.length) ? _c('div', {\n    staticClass: \"component-demo\",\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"600px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px solid #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\",\n      \"z-index\": \"2500\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2?locale=zh-CN&transition=none/#/component/x-input\",\n      \"width\": \"375\",\n      \"height\": \"600\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1) : _vm._e(), _c('div', {\n    staticClass: \"toc\"\n  }, _vm._l((_vm.toc), function(t) {\n    return _c('ul', [_c('li', [_c('a', {\n      attrs: {\n        \"href\": '#' + (t.anchor || t.title)\n      }\n    }, [_vm._v(_vm._s(t.title))]), _vm._l((t.list), function(_t) {\n      return (t.list) ? _c('ul', [_c('li', [_c('a', {\n        attrs: {\n          \"href\": '#' + _t.anchor\n        }\n      }, [_vm._v(_vm._s(_t.title.slice(0, 12)))])])]) : _vm._e()\n    })], 2)])\n  })), (_vm.needImport) ? [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"install\"\n    }\n  }, [_vm._v(\"Install\")]), _c('h2', [_vm._v(\"安装\")]), _c('el-tabs', [_c('el-tab-pane', {\n    attrs: {\n      \"label\": \"局部注册\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"点击复制\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.localImportCode),\n      expression: \"localImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XInput } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    XInput\\n  }\\n}\")])])], 1)]), _c('el-tab-pane', {\n    attrs: {\n      \"label\": \"全局注册\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"点击复制\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.globalImportCode),\n      expression: \"globalImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-comment\"\n  }, [_vm._v(\"// 在入口文件全局引入\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" Vue \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vue'\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XInput } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\nVue.component(\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'x-input'\")]), _vm._v(\", XInput)\\n\")])])], 1)])], 1)] : [_c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_vm._v(\"该组件可以直接使用，不需要引入。\")])])], (_vm.metas.tip) ? _c('div', {\n    staticClass: \"tip\",\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e(), (_vm.metas.example) ? _c('h2', [_vm._v(\"使用例子\")]) : _vm._e(), (_vm.metas.example) ? _c('div', {\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e()], 2), (_vm.metas.extra && _vm.metas.extra['zh-CN']) ? _c('div', [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3)]) : _vm._e(), (_vm.metas.extra && !_vm.metas.extra['zh-CN']) ? _c('div') : _vm._e(), (_vm.demos.length) ? _c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"examples\"\n    }\n  }, [_vm._v(\"Examples\")]) : _vm._e(), _c('br'), _vm._l((_vm.demos), function(demo) {\n    return (_vm.demos.length) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'examples:' + demo.title\n      }\n    }, [_vm._v(_vm._s(demo.title))]), _c('br'), _c('div', {\n      staticClass: \"demo-header\"\n    }, [_c('span', {\n      staticClass: \"demo-title\"\n    }, [_vm._v(_vm._s(demo.title))])]), _c('div', {\n      staticClass: \"demos\",\n      style: ({\n        height: demo.height\n      })\n    }, [_c('div', {\n      staticClass: \"demo-iframe-box\"\n    }, [_c('lazy-component', [_c('iframe', {\n      staticStyle: {\n        \"margin\": \"0 auto\"\n      },\n      attrs: {\n        \"src\": _vm.domain + '?no-background-color=' + demo.noBackgroundColor + '&locale=zh-CN&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file,\n        \"width\": \"375\",\n        \"height\": \"600\",\n        \"border\": \"0\",\n        \"frameborder\": \"0\"\n      }\n    })], 1)], 1), _c('div', {\n      staticClass: \"demo-code-box\",\n      style: ({\n        overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'\n      })\n    }, [_c('div', {\n      attrs: {\n        \"contenteditable\": \"\"\n      },\n      domProps: {\n        \"innerHTML\": _vm._s(demo.code)\n      }\n    }), (demo.height === demo.oriHeight) ? _c('div', {\n      staticClass: \"demo-code-masker\",\n      on: {\n        \"click\": function($event) {\n          demo.height = 'auto'\n        }\n      }\n    }, [_c('div', [_c('img', {\n      staticClass: \"demo-qr\",\n      attrs: {\n        \"width\": \"100\",\n        \"src\": 'https://qr.vux.li/api.php?text=' + encodeURIComponent(_vm.domain + '?locale=zh-CN#/components/' + demo.file)\n      }\n    }), _c('br'), _c('span', [_c('el-icon', {\n      staticClass: \"el-icon-arrow-left\"\n    }), _c('el-icon', {\n      staticClass: \"el-icon-arrow-right\"\n    }), _vm._v(\"\\n                    Show code\\n                  \"), _c('br')], 1)])]) : _vm._e(), (demo.height === 'auto') ? _c('span', {\n      staticClass: \"hide-code\",\n      on: {\n        \"click\": function($event) {\n          demo.height = demo.oriHeight\n        }\n      }\n    }, [_c('el-icon', {\n      staticClass: \"el-icon-close\"\n    })], 1) : _vm._e()])])] : _vm._e()\n  }), _vm._l((_vm.componentList), function(component) {\n    return [_c('div', [(_vm.componentList.length > 1) ? _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'components:' + component.name\n      }\n    }, [_vm._v(_vm._s(component.name))]) : _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"api\"\n      }\n    }, [_vm._v(\"API\")]), _c('br'), _c('h2', {\n      directives: [{\n        name: \"show\",\n        rawName: \"v-show\",\n        value: (_vm.componentList.length > 1),\n        expression: \"componentList.length > 1\"\n      }],\n      staticClass: \"vux-component-name-sub-item\"\n    }, [_vm._v(_vm._s(component.name))]), (component.meta.items && component.meta.description) ? [_c('div', {\n      domProps: {\n        \"innerHTML\": _vm._s(component.meta.description)\n      }\n    })] : _vm._e(), (component.meta.props) ? [_c('h2', [_vm._v(\"属性\")]), _c('table', [_vm._m(4, true), _c('tbody', _vm._l((component.meta.props), function(prop, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(_vm.getTypeHTML(prop.type))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.default))]), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(prop['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.version || '--'))])])\n    }))])] : _vm._e(), (component.meta.events) ? [_c('h2', [_vm._v(\"事件\")]), _c('table', [_vm._m(5, true), _c('tbody', _vm._l((component.meta.events), function(event, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + i),\n          expression: \"'@' + i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event['zh-CN'] ? event['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', [_vm._v(_vm._s(event['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.slots) ? [_c('h2', [_vm._v(\"插槽\")]), _c('table', [_vm._m(6, true), _c('tbody', _vm._l((component.meta.slots), function(slot, i) {\n      return _c('tr', {\n        class: {\n          'slot-disabled': slot['status'] === 'deprecated'\n        }\n      }, [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i === 'default' ? '默认插槽' : i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(slot['zh-CN'] ? slot['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', [_vm._v(_vm._s(slot['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.methods) ? [_c('h2', [_vm._v(\"方法\")]), _c('table', [_vm._m(7, true), _c('tbody', _vm._l((component.meta.methods), function(method, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(method['version']))])])\n    }))])] : _vm._e(), (component.meta.variables) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"variables\"\n      }\n    }, [_vm._v(\"Variables\")]), _c('br'), _c('h2', [_vm._v(\"样式变量\")]), _c('table', [_vm._m(8, true), _c('tbody', _vm._l((component.meta.variables), function(variable, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + variable.name),\n          expression: \"'@' + variable.name\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(variable.name))])])], 1), _c('td', [(!_vm.$refs['propColor' + i] || (_vm.$refs['propColor' + i][0] && _vm.$refs['propColor' + i][0].style.backgroundColor)) ? _c('em', {\n        ref: 'propColor' + i,\n        refInFor: true,\n        staticClass: \"prop-color\",\n        style: ({\n          backgroundColor: variable.value\n        })\n      }) : _vm._e(), _vm._v(\"\\n                    \" + _vm._s(variable.value) + \"\\n                  \")]), _c('td', [_vm._v(_vm._s(variable['desc']['zh-CN'] || '--'))]), _c('td', [_vm._v(_vm._s(variable.inherited_name))])])\n    }))])] : _vm._e(), (component.meta.tips && component.meta.tips['zh-CN']) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"tips\"\n      }\n    }, [_vm._v(\"重要提示及已知问题\")]), _c('br'), _c('h2', [_vm._v(\"重要提示及已知问题\")]), _c('div', [_c('ul', _vm._l((component.meta.tips['zh-CN']), function(tip) {\n      return _c('li', [_c('el-tag', {\n        staticClass: \"component-tip-tag\",\n        attrs: {\n          \"size\": \"mini\",\n          \"type\": \"success\"\n        }\n      }, [_vm._v(\"Q\")]), _c('span', {\n        staticClass: \"component-tip-question\"\n      }, [_vm._v(_vm._s(tip.q))]), _c('div', {\n        staticClass: \"tip-answer-box\",\n        domProps: {\n          \"innerHTML\": _vm._s(tip.a)\n        }\n      })], 1)\n    }))])] : _vm._e()], 2)]\n  }), _c('br'), (_vm.issues.length) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"Issues\"\n    }\n  }, [_vm._v(\"Issues\")]), _c('br'), _c('h2', [_vm._v(\"相关 issue\")]), _c('ul', _vm._l((_vm.issues), function(issue) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"target\": \"_blank\",\n        \"href\": issue.html_url\n      }\n    }, [_vm._v(\"#\" + _vm._s(issue.number) + \" \"), _c('span', {\n      staticStyle: {\n        \"color\": \"#666\"\n      }\n    }, [_vm._v(_vm._s(issue.title))])])])\n  }))]) : _vm._e(), _c('br'), (_vm.gitMetas) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"contributors\"\n    }\n  }, [_vm._v(\"贡献者\")]), _c('h2', [_vm._v(\"贡献者\")]), _c('p', [_vm._v(\"该组件(包含文档)迭代次数 \" + _vm._s(_vm.gitMetas.commitCount) + \"，贡献人数 \" + _vm._s(_vm.gitMetas.commitUniqueCount) + \"\\n        \")]), _vm._l((_vm.gitMetas.commitMembers), function(person) {\n    return _c('a', {\n      staticClass: \"contributor-item\",\n      attrs: {\n        \"href\": 'https://github.com/' + person.authorName,\n        \"target\": \"_blank\",\n        \"title\": 'contribute' + person.count\n      }\n    }, [_vm._v(_vm._s(person.authorName))])\n  })], 2) : _vm._e(), _c('br'), (_vm.metas.changes) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"changelog\"\n    }\n  }, [_vm._v(\"Changelog\")]), _c('br'), _c('h2', [_vm._v(\"发布日志\")]), (_vm.metas.changes) ? _c('ul', [_vm._l((_vm.metas.changes), function(changelog, version) {\n    return _vm._l((changelog['zh-CN']), function(log) {\n      return _c('li', [_c('router-link', {\n        staticClass: \"changelog-version\",\n        attrs: {\n          \"to\": '/zh-CN/changelog/' + version + '.html'\n        }\n      }, [_vm._v(_vm._s(version))]), _vm._v(\" \" + _vm._s(log) + \"\\n            \")], 1)\n    })\n  })], 2) : _vm._e()]) : _vm._e(), (_vm.metas.references) ? _c('h2', [_vm._v(\"参考资料\")]) : _vm._e(), (_vm.metas.references) ? _c('ul', _vm._l((_vm.metas.references['zh-CN']), function(link) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"href\": link.link,\n        \"target\": \"_blank\"\n      }\n    }, [_vm._v(_vm._s(link.title))])])\n  })) : _vm._e(), _c('el-dialog', {\n    staticClass: \"sourcec-code-dialog\",\n    attrs: {\n      \"top\": \"0\",\n      \"width\": \"80%\",\n      \"visible\": _vm.sourceCodeDialogVisibility\n    },\n    on: {\n      \"update:visible\": function($event) {\n        _vm.sourceCodeDialogVisibility = $event\n      }\n    }\n  }, [_c('div', {\n    staticClass: \"code-box\",\n    attrs: {\n      \"contenteditable\": \"\"\n    },\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.demoCode)\n    }\n  })])], 2)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_vm._v(\"  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"group\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-input\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"value\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-input\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"group\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_c('code', [_vm._v(\"x-input\")]), _vm._v(\"只能在\"), _c('code', [_vm._v(\"Group\")]), _vm._v(\"中使用\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', [_vm._v(\"如果你想实现在输入框右边按钮切换密码明文，请使用\"), _c('code', [_vm._v(\"slot=right\")]), _vm._v(\"实现\"), _c('code', [_vm._v(\"type\")]), _vm._v(\"切换。\\n\"), _c('br')])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"warning\"\n  }, [_c('p', [_c('code', [_vm._v(\"mask\")]), _vm._v(\" 在 \"), _c('code', [_vm._v(\"2.6.1\")]), _vm._v(\" 支持，但注意的是使用 mask 后值也是经过 mask 处理后的值，进行判断或者提交到接口前应该注意。\\n\"), _c('br'), _vm._v(\"\\n比如格式化手机号码，\"), _c('code', [_vm._v(\"mask\")]), _vm._v(\" 值为 \"), _c('code', [_vm._v(\"999 9999 9999\")]), _vm._v(\"，得到的值将是 13 位的 \"), _c('code', [_vm._v(\"145 3456 3456\")]), _vm._v(\"，提交或者判断都应该先清除中间空格。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', {\n    staticStyle: {\n      \"width\": \"48px\"\n    }\n  }, [_vm._v(\"类型\")]), _c('td', [_vm._v(\"默认值\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"参数\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"参数\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"默认值\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"继承自变量\")])])])\n}]}\nmodule.exports.render._withStripped = true\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-0c4b4992\", module.exports)\n  }\n}\n\n/***/ }),\n\n/***/ 3138:\n/***/ (function(module, exports) {\n\nmodule.exports = {\n\t\"commitCount\": 94,\n\t\"commitMembers\": [\n\t\t{\n\t\t\t\"count\": 75,\n\t\t\t\"authorName\": \"airyland\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"unclay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 3,\n\t\t\t\"authorName\": \"lichunqiang\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 4,\n\t\t\t\"authorName\": \"万刚\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"Plortinus\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"光君\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"zhangsn\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 3,\n\t\t\t\"authorName\": \"小散\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"wg\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"wangxinsh55\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"graysheeep\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"greedying\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"__FresHmaN\"\n\t\t}\n\t],\n\t\"commitUniqueCount\": 13\n};\n\n/***/ }),\n\n/***/ 464:\n/***/ (function(module, exports, __webpack_require__) {\n\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(1812)\n}\nvar Component = __webpack_require__(67)(\n  /* script */\n  __webpack_require__(1636),\n  /* template */\n  __webpack_require__(2468),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/zh-CN/components/x-input.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] x-input.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-0c4b4992\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-0c4b4992\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 11.c5edde87.js","\n  <template>\n    <div class=\"component-box\" :class=\"demos.length ? 'components-with-toc' : ''\">\n\n      <div :class=\"demos.length ? 'component-header-v2' : 'component-header-v1'\">\n        <a class=\"anchor\" id=\"intro\">XInput</a>\n        <div class=\"title-box\">\n\n          <el-badge value=\"Beta\" v-if=\"isBeta\">\n            <h1 class=\"vux-component-name\">XInput</h1>\n          </el-badge>\n          <h1 v-else class=\"vux-component-name\">XInput</h1>\n\n          <p class=\"component-extra-links\">\n            <a href=\"https://vux.li/demos/v2/#/component/x-input\" target=\"_blank\">demo 原始链接</a>\n            <a v-if=\"!demos.length\" href=\"https://github.com/airyland/vux/blob/v2/src/demos/XInput.vue\" target=\"_blank\" @click.prevent=\"showSourceCode\">demo 源码</a>\n            <a href=\"https://github.com/airyland/vux/blob/v2/src/components/x-input/metas.yml\" target=\"_blank\">编辑文档</a>\n            <a href=\"https://github.com/airyland/vux/blob/v2/src/components/x-input/\" target=\"_blank\">组件源码</a>\n            <el-popover trigger=\"hover\" v-if=\"hasReady\">\n              <div style=\"width:100%;text-align:center;\">\n                <img class=\"qr\" width=\"100\" src=\"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-input\"/>\n              </div>\n              <a href=\"javascript:\" slot=\"reference\">\n              二维码\n              </a>\n            </el-popover>\n          </p>\n\n          <div class=\"component-description\">\n            <template v-if=\"false\">\n            \n            </template>\n          </div>\n\n        </div>\n\n        <div v-if=\"!demos.length\" class=\"component-demo\" style=\"width:377px;height:600px;display:inline-block;border:1px solid #ececec;border-radius:5px;overflow:hidden;z-index:2500;\">\n          <iframe src=\"https://vux.li/demos/v2?locale=zh-CN&transition=none/#/component/x-input\" width=\"375\" height=\"600\" border=\"0\" frameborder=\"0\"></iframe>\n        </div>\n        <div class=\"toc\">\n          <ul v-for=\"t in toc\">\n            <li>\n              <a :href=\"'#' + (t.anchor || t.title)\">{{ t.title }}</a>\n              <ul v-if=\"t.list\" v-for=\"_t in t.list\">\n                <li><a :href=\"'#' + _t.anchor\">{{ _t.title.slice(0, 12) }}</a></li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n      \n        <template v-if=\"needImport\">\n          <a class=\"anchor\" id=\"install\">Install</a>\n          <h2>安装</h2>\n          <el-tabs>\n            <el-tab-pane label=\"局部注册\">\n              <div class=\"import-code-box\">\n              <el-tooltip content=\"点击复制\" placement=\"top\">\n                <span\n                  v-clipboard:copy=\"localImportCode\"\n                  v-clipboard:success=\"onCopy\"\n                  v-clipboard:error=\"onCopyError\">\n                  <el-icon class=\"el-icon-document\"></el-icon>\n                </span>\n              </el-tooltip>\n              <pre class=\"hljs\"><code><span class=\"hljs-keyword\">import</span> { XInput } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vux'</span>\n\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> {\n  <span class=\"hljs-attr\">components</span>: {\n    XInput\n  }\n}</code></pre>\n            </div>\n            </el-tab-pane>\n            <el-tab-pane label=\"全局注册\">\n              <div class=\"import-code-box\">\n                <el-tooltip content=\"点击复制\" placement=\"top\">\n                  <span\n                    v-clipboard:copy=\"globalImportCode\"\n                    v-clipboard:success=\"onCopy\"\n                    v-clipboard:error=\"onCopyError\">\n                    <el-icon class=\"el-icon-document\"></el-icon>\n                  </span>\n                </el-tooltip>\n                <pre class=\"hljs\"><code><span class=\"hljs-comment\">// 在入口文件全局引入</span>\n\n<span class=\"hljs-keyword\">import</span> Vue <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vue'</span>\n<span class=\"hljs-keyword\">import</span> { XInput } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vux'</span>\n\nVue.component(<span class=\"hljs-string\">'x-input'</span>, XInput)\n</code></pre>\n              </div> \n            </el-tab-pane>\n          </el-tabs>   \n        </template>\n\n        <template v-else>\n          <div class=\"tip\">\n            <p>该组件可以直接使用，不需要引入。</p>\n          </div>\n        </template>\n\n        <div class=\"tip\" style=\"width:600px;\" v-if=\"metas.tip\">\n          \n        </div>\n      \n        <h2 v-if=\"metas.example\">使用例子</h2>\n        <div v-if=\"metas.example\" style=\"width:600px;\">\n          \n        </div>\n      </div>\n\n      <div v-if=\"metas.extra && metas.extra['zh-CN']\">\n        <pre class=\"hljs\"><code>  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">group</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-input</span> <span class=\"hljs-attr\">title</span>=<span class=\"hljs-string\">\"title\"</span> <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"value\"</span>&gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-input</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">group</span>&gt;</span>\n</code></pre>\n<div class=\"tip\">\n<p><code>x-input</code>只能在<code>Group</code>中使用</p>\n</div>\n<p>如果你想实现在输入框右边按钮切换密码明文，请使用<code>slot=right</code>实现<code>type</code>切换。\n<br></p>\n<div class=\"warning\">\n<p><code>mask</code> 在 <code>2.6.1</code> 支持，但注意的是使用 mask 后值也是经过 mask 处理后的值，进行判断或者提交到接口前应该注意。\n<br>\n比如格式化手机号码，<code>mask</code> 值为 <code>999 9999 9999</code>，得到的值将是 13 位的 <code>145 3456 3456</code>，提交或者判断都应该先清除中间空格。</p>\n</div>\n\n      </div>\n      <div v-if=\"metas.extra && !metas.extra['zh-CN']\">\n        \n      </div>\n      \n      <a v-if=\"demos.length\" class=\"anchor\" id=\"examples\">Examples</a>\n      <br/>\n      <template v-if=\"demos.length\" v-for=\"demo in demos\">\n        <a class=\"anchor\" :id=\"'examples:' + demo.title\">{{ demo.title }}</a>\n        <br/>\n        <div class=\"demo-header\">\n          <span class=\"demo-title\">{{ demo.title }}</span>\n        </div>\n        <div class=\"demos\" :style=\"{height: demo.height}\">\n          <div class=\"demo-iframe-box\">\n            <lazy-component>\n              <iframe\n                :src=\"domain + '?no-background-color=' + demo.noBackgroundColor +'&locale=zh-CN&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file\"\n                width=\"375\"\n                height=\"600\"\n                border=\"0\"\n                frameborder=\"0\"\n                style=\"margin: 0 auto;\"></iframe>\n            </lazy-component>\n          </div>\n          <div class=\"demo-code-box\" :style=\"{overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'}\">\n            <div v-html=\"demo.code\" contenteditable></div>\n            <div v-if=\"demo.height === demo.oriHeight\" class=\"demo-code-masker\" @click=\"demo.height='auto'\">\n              <div>\n                  <img class=\"demo-qr\" width=\"100\" :src=\"'https://qr.vux.li/api.php?text=' + encodeURIComponent(domain + '?locale=zh-CN#/components/' + demo.file)\"/>\n                  <br/>\n                  <span>\n                    <el-icon class=\"el-icon-arrow-left\"/>\n                    <el-icon class=\"el-icon-arrow-right\"/>\n                    Show code\n                  <br/>\n                  <!--<span class=\"demo-path\">src/demos/{{ demo.file }}.vue</span>-->\n                </span>\n              </div>\n            </div>\n            <span v-if=\"demo.height === 'auto'\" class=\"hide-code\" @click=\"demo.height=demo.oriHeight\">\n              <el-icon class=\"el-icon-close\"></el-icon>\n            </span>\n          </div>\n        </div>\n      </template>\n\n      <template v-for=\"component in componentList\">\n        <div>\n          <a v-if=\"componentList.length > 1\" class=\"anchor\" :id=\"'components:' + component.name\">{{ component.name }}</a>\n          <a v-else class=\"anchor\" id=\"api\">API</a>\n          <br/>\n          <h2\n            v-show=\"componentList.length > 1\"\n            class=\"vux-component-name-sub-item\">{{ component.name }}</h2>\n            \n          <template v-if=\"component.meta.items && component.meta.description\">\n            <div v-html=\"component.meta.description\"></div>\n          </template>\n\n          <template v-if=\"component.meta.props\">\n            <h2>属性</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>名字</td>\n                  <td style=\"width:48px;\">类型</td>\n                  <td>默认值</td>\n                  <td>说明</td>\n                  <td>版本要求</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(prop, i) in component.meta.props\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"点击复制\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"getTypeHTML(prop.type)\"></td>\n                  <td>{{ prop.default}}</td>\n                  <td v-html=\"prop['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>')\"></td>\n                  <td>{{ prop.version || '--'}}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n\n          <template v-if=\"component.meta.events\">\n            <h2>事件</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>名字</td>\n                  <td>参数</td>\n                  <td>说明</td>\n                  <td>版本要求</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(event, i) in component.meta.events\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"点击复制\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"'@' + i\"\n                      v-clipboard:success=\"onCopy\">@{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--'\"></td>\n                  <td v-html=\"event['zh-CN'] ? event['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : '--'\"></td>\n                  <td>{{ event['version'] || '--' }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n      \n\n          <template v-if=\"component.meta.slots\">\n            <h2>插槽</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>名字</td>\n                  <td>说明</td>\n                  <td>版本要求</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(slot, i) in component.meta.slots\" :class=\"{'slot-disabled': slot['status'] === 'deprecated'}\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"点击复制\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i === 'default' ? '默认插槽' : i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"slot['zh-CN'] ? slot['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : ''\"></td>\n                  <td>{{ slot['version'] || '--' }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n          \n          <template v-if=\"component.meta.methods\">\n            <h2>方法</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>名字</td>\n                  <td>参数</td>\n                  <td>说明</td>\n                  <td>版本要求</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(method, i) in component.meta.methods\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"点击复制\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"i\"\n                      v-clipboard:success=\"onCopy\">{{ i }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td v-html=\"method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : ''\"></td>\n                  <td v-html=\"method['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>')\"></td>\n                  <td>{{ method['version'] }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n\n          <template v-if=\"component.meta.variables\">\n            <a class=\"anchor\" id=\"variables\">Variables</a>\n            <br/>\n            <h2>样式变量</h2>\n            <table>\n              <thead>\n                <tr>\n                  <td>名字</td>\n                  <td>默认值</td>\n                  <td>说明</td>\n                  <td>继承自变量</td>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"(variable, i) in component.meta.variables\">\n                  <td class=\"prop-name\">\n                    <el-tooltip content=\"点击复制\" placement=\"left\" :hide-after=\"0\" :open-delay=\"50\">\n                      <span\n                      v-clipboard:copy=\"'@' + variable.name\"\n                      v-clipboard:success=\"onCopy\">@{{ variable.name }}</span>\n                    </el-tooltip>\n                  </td>\n                  <td>\n                    <em\n                      :ref=\"'propColor' + i\"\n                      v-if=\"!$refs['propColor' + i] || ($refs['propColor' + i][0] && $refs['propColor' + i][0].style.backgroundColor)\"\n                      class=\"prop-color\"\n                      :style=\"{ backgroundColor: variable.value }\">\n                    </em>\n                    {{ variable.value }}\n                  </td>\n                  <td>{{ variable['desc']['zh-CN'] || '--' }}</td>\n                  <td>{{ variable.inherited_name }}</td>\n                </tr>\n              </tbody>\n            </table>\n          </template>\n      \n          <template v-if=\"component.meta.tips && component.meta.tips['zh-CN']\">\n            <a class=\"anchor\" id=\"tips\">重要提示及已知问题</a>\n            <br>\n            <h2>重要提示及已知问题</h2>\n            <div>\n              <ul>\n                <li v-for=\"tip in component.meta.tips['zh-CN']\">\n                <el-tag size=\"mini\" type=\"success\" class=\"component-tip-tag\">Q</el-tag> <span class=\"component-tip-question\">{{ tip.q }}</span>\n                <div v-html=\"tip.a\" class=\"tip-answer-box\"></div>\n                </li>\n              </ul>\n            </div>\n          </template>\n        </div>\n      </template>\n\n      <!--<h2>社区相关讨论</h2>\n      [即将上线]\n      -->\n    \n      <br>\n      <div v-if=\"issues.length\">\n        <a class=\"anchor\" id=\"Issues\">Issues</a>\n        <br/>\n        <h2>相关 issue</h2>\n        <ul>\n          <li v-for=\"issue in issues\"><a target=\"_blank\" :href=\"issue.html_url\">#{{ issue.number}} <span style=\"color:#666;\">{{ issue.title }}</span></a></li>\n        </ul>\n      </div>\n      <br>\n    \n      <div v-if=\"gitMetas\">\n        <a class=\"anchor\" id=\"contributors\">贡献者</a>\n        <h2>贡献者</h2>\n        <p>该组件(包含文档)迭代次数 {{ gitMetas.commitCount }}，贡献人数 {{gitMetas.commitUniqueCount}}\n        </p>\n        <a v-for=\"person in gitMetas.commitMembers\" class=\"contributor-item\" :href=\"'https://github.com/' + person.authorName\" target=\"_blank\" :title=\"'contribute' + person.count\">{{person.authorName}}</a>\n      </div>\n      <br>\n\n      <div v-if=\"metas.changes\">\n        <a class=\"anchor\" id=\"changelog\">Changelog</a>\n        <br/>\n        <h2>发布日志</h2>\n        <ul v-if=\"metas.changes\">\n          <template v-for=\"(changelog, version) in metas.changes\">\n            <li v-for=\"log in changelog['zh-CN']\">\n              <router-link :to=\"'/zh-CN/changelog/' + version + '.html'\" class=\"changelog-version\">{{version}}</router-link> {{log}}\n            </li>\n          </template>\n        </ul>\n      </div>\n\n      <h2 v-if=\"metas.references\">参考资料</h2>\n      <ul v-if=\"metas.references\">\n        <li v-for=\"link in metas.references['zh-CN']\">\n          <a :href=\"link.link\" target=\"_blank\">{{link.title}}</a>\n        </li>\n      </ul>\n\n      <el-dialog\n        class=\"sourcec-code-dialog\"\n        top=\"0\"\n        width=\"80%\"\n        :visible.sync=\"sourceCodeDialogVisibility\">\n        <div class=\"code-box\" contenteditable v-html=\"demoCode\"></div>\n      </el-dialog>\n\n    </div>\n  </template>\n\n\n  <script>\n  import Axios from 'axios'\n\n  // const metas = require('json-loader!yaml-loader!../../../src/components/x-input/metas.yml')\n  const metas = {\n  \"category\": {\n    \"en\": \"Form\",\n    \"zh-CN\": \"表单\"\n  },\n  \"icon\": \"&#xe614;\",\n  \"extra\": {\n    \"zh-CN\": \"```html\\n  <group>\\n    <x-input title=\\\"title\\\" v-model=\\\"value\\\"></x-input>\\n  </group>\\n```\\n\\n::: tip\\n`x-input`只能在`Group`中使用\\n:::\\n\\n如果你想实现在输入框右边按钮切换密码明文，请使用`slot=right`实现`type`切换。\\n<br>\\n::: warning\\n`mask` 在 `2.6.1` 支持，但注意的是使用 mask 后值也是经过 mask 处理后的值，进行判断或者提交到接口前应该注意。\\n<br>\\n比如格式化手机号码，`mask` 值为 `999 9999 9999`，得到的值将是 13 位的 `145 3456 3456`，提交或者判断都应该先清除中间空格。\\n:::\\n\"\n  },\n  \"tags\": {\n    \"en\": [\n      \"form\",\n      \"input\"\n    ],\n    \"zh-CN\": [\n      \"输入框\",\n      \"表单\",\n      \"单行输入框\"\n    ]\n  },\n  \"props\": {\n    \"value\": {\n      \"en\": \"input value, use `v-model` for binding\",\n      \"zh-CN\": \"表单值，使用`v-model`绑定\"\n    },\n    \"type\": {\n      \"type\": \"String\",\n      \"default\": \"text\",\n      \"en\": \"input type, one of `text`,`number`,`email`,`password`,`tel`\",\n      \"zh-CN\": \"即input的`type`属性，目前支持 `text`,`number`,`email`,`password`,`tel`\"\n    },\n    \"is-type\": {\n      \"type\": \"String,Function\",\n      \"en\": \"custom validating function, should return `{valid:true}` or `{valid:false, msg: error msg}`\",\n      \"zh-CN\": \"内置验证器，支持`email`,`china-name`,`china-mobile`, 同样也支持直接传函数, 需要同步返回一个对象`{valid:true}`或者`{valid:false, msg:错误信息}`\"\n    },\n    \"required\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if is required\",\n      \"zh-CN\": \"是否必值，如果不禁用验证，当没有填写时会在右侧显示错误icon\"\n    },\n    \"title\": {\n      \"en\": \"label text\",\n      \"zh-CN\": \"label文字\"\n    },\n    \"placeholder\": {\n      \"en\": \"placeholder\",\n      \"zh-CN\": \"placeholder 提示\"\n    },\n    \"show-clear\": {\n      \"type\": \"Boolean\",\n      \"default\": true,\n      \"en\": \"if show clear icon\",\n      \"zh-CN\": \"是否显示清除icon\"\n    },\n    \"min\": {\n      \"type\": \"Number\",\n      \"en\": \"minlength for input\",\n      \"zh-CN\": \"最小输入字符限制\"\n    },\n    \"max\": {\n      \"type\": \"Number\",\n      \"en\": \"maxlength for input\",\n      \"zh-CN\": \"最大输入字符限制，等同于`maxlength`，达到限制到不能再输入\"\n    },\n    \"disabled\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if input is disabled\",\n      \"zh-CN\": \"是否禁用填写\"\n    },\n    \"readonly\": {\n      \"type\": \"Boolean\",\n      \"default\": false,\n      \"en\": \"if input is readonly\",\n      \"zh-CN\": \"同input的标准属性readonly\"\n    },\n    \"debounce\": {\n      \"type\": \"Number\",\n      \"default\": \"\",\n      \"en\": \"debounce time\",\n      \"zh-CN\": \"`debounce`用以限制`on-change`事件触发。如果你需要根据用户输入做`ajax`请求，建议开启以节省无效请求和服务器资源，单位为毫秒\"\n    },\n    \"placeholder-align\": {\n      \"type\": \"String\",\n      \"default\": \"left\",\n      \"version\": \"v2.1.1-rc.8\",\n      \"en\": \"placeholder align value\",\n      \"zh-CN\": \"placeholder 文字对齐方式\"\n    },\n    \"text-align\": {\n      \"type\": \"String\",\n      \"default\": \"left\",\n      \"en\": \"text-align setting for value\",\n      \"zh-CN\": \"值对齐方式\"\n    },\n    \"label-width\": {\n      \"type\": \"String\",\n      \"version\": \"v2.2.1-rc.4\",\n      \"en\": \"set label width which will not be overwritten by $parent.labelWidth\",\n      \"zh-CN\": \"label 宽度，权重比 group 的 labelWidth 高。不设定时将进行自动宽度计算，但超过15个字符时不会进行宽度设定。\"\n    },\n    \"mask\": {\n      \"version\": \"v2.6.1\",\n      \"en\": \"(beta) value mask, 9 for DIGIT, A for ALPHA, S for ALPHA AND DIGIT\",\n      \"zh-CN\": \"(beta) 值格式化，依赖于 vanilla-masker，其中 9 表示数字，A 表示大写字母，S 表示数字或者字母\"\n    },\n    \"should-toast-error\": {\n      \"version\": \"v2.6.3\",\n      \"default\": true,\n      \"en\": \"whether toast error when clicking on error icon\",\n      \"zh-CN\": \"是否在点击错误图标时用 toast 的形式显示错误\"\n    }\n  },\n  \"slots\": {\n    \"label\": {\n      \"zh-CN\": \"用于自定义`label`(即 title)部分内容，比如使用`icon`\"\n    },\n    \"restricted-label\": {\n      \"zh-CN\": \"用于自定义`label`部分，和`slot=label`不同的是，该slot宽度受到父组件`group`的限制\"\n    },\n    \"right\": {\n      \"zh-CN\": \"用以在输入框右边显示内容，比如单位，切换密码显示方式等\"\n    },\n    \"right-full-height\": {\n      \"version\": \"v2.8.1\",\n      \"zh-CN\": \"用于放置和 cell 高度的验证码图片\"\n    }\n  },\n  \"events\": {\n    \"on-blur\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input的`blur`事件\"\n    },\n    \"on-focus\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input的`focus`事件\"\n    },\n    \"on-enter\": {\n      \"params\": \"`(value, $event)`\",\n      \"zh-CN\": \"input输入完成后点击`enter(确认)`事件\"\n    },\n    \"on-change\": {\n      \"params\": \"`(value)`\",\n      \"zh-CN\": \"输入值变化时触发。如果你使用了`debounce`，那么触发将不会是实时的。\"\n    },\n    \"on-click-error-icon\": {\n      \"version\": \"v2.6.3\",\n      \"params\": \"`(error)`\",\n      \"en\": \"fires when clicking error icon\",\n      \"zh-CN\": \"点击错误图标时触发，你可以关闭 `should-toast-error` 然后用这个事件来自定义显示错误的提示内容\"\n    },\n    \"on-click-clear-icon\": {\n      \"version\": \"v2.9.0\",\n      \"en\": \"fires when clicking clear icon\",\n      \"zh-CN\": \"点击清除按钮时触发\"\n    }\n  },\n  \"methods\": {\n    \"focus\": {\n      \"en\": \"get input focus\",\n      \"zh-CN\": \"手动获得焦点\"\n    },\n    \"blur\": {\n      \"en\": \"remove focus from input\",\n      \"zh-CN\": \"手动设置 input 失去焦点\"\n    },\n    \"reset\": {\n      \"version\": \"v2.1.1-rc.10\",\n      \"params\": \"`(value = '')`\",\n      \"en\": \"reset input value and clear errors\",\n      \"zh-CN\": \"重置输入框值，清除错误信息\"\n    }\n  },\n  \"changes\": {\n    \"v2.9.2\": {\n      \"en\": [\n        \"[fix] fix corsor misplce when set mask #2810\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复设置 mask 时，光标错位的问题 #2810\"\n      ]\n    },\n    \"v2.9.0\": {\n      \"en\": [\n        \"[fix] fix wrong valid when value is empty string #2415\",\n        \"[fix] fix disabled style in iOS #2458\",\n        \"[change] show clear icon only when input gets focus #2567\",\n        \"[feature] add event:on-click-clear-icon #2603\",\n        \"[enhance] scroll input element into view when getting focus #2604\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复在空值时 valid 为 true 的问题 #2415\",\n        \"[fix] 修复 disabled 样式在 iOS 下过浅的问题 #2458\",\n        \"[change] 仅在获得焦点时显示清除按钮 #2567\",\n        \"[feature] 支持事件 on-click-clear-icon #2603\",\n        \"[enhance] 获得焦点时滚动到可视区域(Android) #2604\"\n      ]\n    },\n    \"v2.8.1\": {\n      \"en\": [\n        \"[feature] add slot:right-full-height for containing captcha #2475\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 添加 slot:right-full-height 用于方便显示验证码图片 #2475\"\n      ]\n    },\n    \"v2.8.0\": {\n      \"en\": [\n        \"[fix] fix not show clear button when initial value is zero #2482\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复初始值为0时不显示清除按钮问题 #2482\"\n      ]\n    },\n    \"v2.7.9\": {\n      \"en\": [\n        \"[enhance] support china union 166 prefix phone number\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 支持中国联通手机号166号段\"\n      ]\n    },\n    \"v2.7.7\": {\n      \"en\": [\n        \"[fix] Fix error message not change bugs #2348\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复报错信息不会改变的问题 #2348\"\n      ]\n    },\n    \"v2.7.6\": {\n      \"en\": [\n        \"[feature] add disabled class #2279\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 增加disabled样式 #2279\"\n      ]\n    },\n    \"v2.7.4\": {\n      \"en\": [\n        \"[fix] fix ssr DOM not matched issue #2201\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复服务端渲染 DOM 不一致问题 #2201\"\n      ]\n    },\n    \"v2.7.1\": {\n      \"en\": [\n        \"[fix] fix valid is false when value is zero #2134\",\n        \"[fix] fix event:on-blur not fires #2146\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复数字为 0 时 valid 为 false 的问题 #2134\",\n        \"[fix] 修复 on-blur 事件没有正确触发的问题 #2146\"\n      ]\n    },\n    \"v2.6.5\": {\n      \"en\": [\n        \"[enhance] fix validating logic for is-type:china-mobile with mask #2040\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 兼容同时使用 is-type:china-mobile 和 mask 的情况 @2040\"\n      ]\n    },\n    \"v2.6.3\": {\n      \"en\": [\n        \"[enhance] toast error when clicking error icon #2009\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 点击错误图标时显示错误内容 #2009\"\n      ]\n    },\n    \"v2.6.1\": {\n      \"en\": [\n        \"[enhance] set label for attribute #1983\",\n        \"[feature] support prop:mask\"\n      ],\n      \"zh-CN\": [\n        \"[enhance] 为 label 设置 for 属性 #1983\",\n        \"[feature] 支持属性 mask 对输入值进行格式化\"\n      ]\n    },\n    \"v2.5.6\": {\n      \"en\": [\n        \"[fix] Fix is-type validating logic #1776\"\n      ],\n      \"zh-CN\": [\n        \"[fix] 修复 is-type 验证逻辑 #1776\"\n      ]\n    },\n    \"v2.5.5\": {\n      \"en\": [\n        \"[feature] Add $event param for on-focus on-blur event #1770\",\n        \"[fix] Fix empty value checking logic #1759\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 为 on-focus on-blur 事件添加 $event 参数 #1770\",\n        \"[fix] 修复值为空的错误判断逻辑 #1759\"\n      ]\n    },\n    \"v2.3.1\": {\n      \"en\": [\n        \"[feature] Add blur function #1422\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 添加 blur 方法 #1422\"\n      ]\n    },\n    \"v2.2.1-rc.4\": {\n      \"en\": [\n        \"[feature] Support labelWidth #1186\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 支持设置 label 宽度 #1186\"\n      ]\n    },\n    \"v2.1.1-rc.10\": {\n      \"en\": [\n        \"[feature] Support reset method #947 @erguotou520\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 支持 reset 函数 #947 @erguotou520\"\n      ]\n    },\n    \"v2.1.1-rc.8\": {\n      \"en\": [\n        \"[feature] Support prop:placeholder-align\"\n      ],\n      \"zh-CN\": [\n        \"[feature] 支持设置 placeholder 对齐方式\"\n      ]\n    },\n    \"v2.1.0-rc.51\": {\n      \"zh-CN\": [\n        \"[fix] 修复`slots`判断问题 #936 @zscumt123\"\n      ]\n    },\n    \"v2.1.0-rc.49\": {\n      \"zh-CN\": [\n        \"[feature] 支持`slot=restricted-label` #918 @zqyadam\"\n      ]\n    },\n    \"v2.1.0-rc.48\": {\n      \"zh-CN\": [\n        \"[feature] 支持`debounce` #715 @YYmmlin\"\n      ]\n    },\n    \"v2.1.0-rc.46\": {\n      \"zh-CN\": [\n        \"[feature] 添加`slot=label`自定义label部分内容 #895 @erguotou520\"\n      ]\n    },\n    \"v2.0.0\": {\n      \"zh-CN\": [\n        \"[feature] 添加 `novalidate` 及 `iconType` 可以禁用组件验证，手动显示 error 或者 success 样式\",\n        \"[feature] `is-type` 支持传入函数\",\n        \"[change] 受限于vue2不能动态设置type，目前`type`支持 text password number email\"\n      ]\n    },\n    \"v2.0.1\": {\n      \"zh-CN\": [\n        \"[fix] 修复type未定义的问题\"\n      ]\n    }\n  }\n}\n  const demos = []\n\n  let componentList = []\n  if (Array.isArray(metas.items)) {\n    try {\n      metas.items.forEach((item, index) => {\n        const meta = {\n          name: item,\n          meta: metas[item]\n        }\n        if (meta.meta.props === null) {\n          delete meta.meta.props\n        }\n        if (index === metas.items.length - 1) {\n          if (meta.meta) {\n            meta.meta.variables = metas.variables\n          }\n        }\n        componentList.push(meta)\n      })\n    } catch (e) {\n      console.log(e)\n    }\n  } else {\n    componentList.push({\n      meta: metas\n    })\n  }\n  const gitMetas = require('./x-input_git_metas.json')\n  const demoCode = decodeURIComponent(`%3Cpre%20class%3D%22hljs%22%3E%3Ccode%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A6%81%E7%94%A8%E5%86%85%E7%BD%AE%E9%AA%8C%E8%AF%81%E5%8F%8A%E6%98%BE%E7%A4%BA%E6%88%90%E5%8A%9F%E6%88%96%E8%80%85%E9%94%99%E8%AF%AF%E6%A0%B7%E5%BC%8F%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A6%81%E7%94%A8%E9%AA%8C%E8%AF%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Enovalidate%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aicon-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-blur%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onBlur%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder-align%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding%3A15px%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20'success'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20success%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20'error'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20error%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22iconType%20%3D%20''%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%20set%20empty%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22is-type%E4%BC%A0%E5%85%A5function%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%BF%85%E9%A1%BB%E8%BE%93%E5%85%A52333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ais-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22be2333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22mask%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%E6%A0%BC%E5%BC%8F%E5%8C%96%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emask%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22999%209999%209999%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2213%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(99)%209-99%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emask%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22(99)%209-99%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maskValue2%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%229%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E4%BD%BF%E7%94%A8icon%E4%BB%A3%E6%9B%BFtitle%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%BF%85%E9%A1%BB%E8%BE%93%E5%85%A52333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ais-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22be2333%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22label%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding-right%3A10px%3Bdisplay%3Ablock%3B%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22http%3A%2F%2Fdn-placeholder.qbox.me%2F110x110%2FFF2D55%2F000%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ewidth%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2224%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eheight%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%2224%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22max%20is%20alias%20to%20maxlength%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'max%3D5'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%225%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22maxValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22debounce%20%3D%201000%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'debounce'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Adebounce%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22500%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22debounceValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22disabled%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'value'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etext-align%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Edisabled%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22disabledValue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20type%20%3D%20tel%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'value'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22tel%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22html%20title%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Elabel-width%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%224em%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Atitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E'%60%26lt%3Bspan%20style%3D%22%24%7Bstyle%7D%22%26gt%3Bhello%26lt%3B%2Fspan%26gt%3B%60'%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22padding%3A15px%3B%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3Ared%3B'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20red%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3Agreen'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20green%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22style%20%3D%20'color%3A%23000'%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3Eset%20default%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22Default%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E4%B8%8D%E6%98%BE%E7%A4%BA%E6%B8%85%E9%99%A4%E6%8C%89%E9%92%AE%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Erequired%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eautocapitalize%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22characters%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus%E4%BA%8B%E4%BB%B6%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus-handler%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22focus%20me!%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Ashow-clear%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22true%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-focus%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onFocus%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20is-type%3Dchina-name%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%A7%93%E5%90%8D%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22username%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E5%A7%93%E5%90%8D%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-name%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20keyboard%3Dnumber%20and%20is-type%3Dchina-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22mobile%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ekeyboard%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22number%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22china-mobile%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20is-type%3Demail%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%82%AE%E7%AE%B1%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ename%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22email%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A5%E9%82%AE%E7%AE%B1%E5%9C%B0%E5%9D%80%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eis-type%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22email%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22set%20min%3D2%20and%20max%3D5%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%222-5%E4%B8%AA%E5%AD%97%E7%AC%A6%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%222%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%225%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E7%A1%AE%E8%AE%A4%E8%BE%93%E5%85%A5%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E8%BE%93%E5%85%A56%E4%BD%8D%E6%95%B0%E5%AD%97%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amin%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%226%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Amax%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%226%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-change%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22change%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%AF%B7%E7%A1%AE%E8%AE%A46%E4%BD%8D%E6%95%B0%E5%AD%97%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password2%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Aequal-with%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22password%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22enter%E4%BA%8B%E4%BB%B6%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E8%BE%93%E5%85%A5%E5%AE%8C%E6%88%90%E5%90%8E%E5%9B%9E%E8%BD%A6%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22text%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Ev-model%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22enterText%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eon-enter%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22onEnter%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right-full-height%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Esrc%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22https%3A%2F%2Fws1.sinaimg.cn%2Flarge%2F663d3650gy1fq684go3glj203m01hmwy.jpg%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22%E5%8F%91%E9%80%81%E9%AA%8C%E8%AF%81%E7%A0%81%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eclass%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22weui-vcode%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eslot%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22right%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etype%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22primary%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Emini%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%E5%8F%91%E9%80%81%E9%AA%8C%E8%AF%81%E7%A0%81%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-button%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22check%20if%20value%20is%20valid%20when%20required%3D%3D%3Dtrue%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eref%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22input01%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Erequired%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22click%20to%20get%20valid%20value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22'%24valid%20value%3A'%20%2B%20valid1%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid1%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22check%20if%20value%20is%20valid%20when%20required%3D%3D%3Dfalse%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22message%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eplaceholder%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22I'm%20placeholder%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Arequired%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22false%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Eref%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22input02%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid2%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ex-input%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Etitle%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22click%20to%20get%20valid%20value%22%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3E%3Avalue%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22'%24valid%20value%3A'%20%2B%20valid2%22%3C%2Fspan%3E%20%40%3Cspan%20class%3D%22hljs-attr%22%3Eclick.native%3C%2Fspan%3E%3D%3Cspan%20class%3D%22hljs-string%22%3E%22getValid2%22%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ecell%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Egroup%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Etemplate%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22javascript%22%3E%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eimport%3C%2Fspan%3E%20%7B%20XInput%2C%20Group%2C%20XButton%2C%20Cell%20%7D%20%3Cspan%20class%3D%22hljs-keyword%22%3Efrom%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-string%22%3E'vux'%3C%2Fspan%3E%0A%0A%3Cspan%20class%3D%22hljs-keyword%22%3Eexport%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-keyword%22%3Edefault%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ecomponents%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20XInput%2C%0A%20%20%20%20XButton%2C%0A%20%20%20%20Group%2C%0A%20%20%20%20Cell%0A%20%20%7D%2C%0A%20%20data%20()%20%7B%0A%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Epassword%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'123465'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Epassword2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EenterText%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid1%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Efalse%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-literal%22%3Efalse%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EiconType%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Ebe2333%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-function%22%3E%3Cspan%20class%3D%22hljs-keyword%22%3Efunction%3C%2Fspan%3E%20(%3Cspan%20class%3D%22hljs-params%22%3Evalue%3C%2Fspan%3E)%20%3C%2Fspan%3E%7B%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ereturn%3C%2Fspan%3E%20%7B%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Evalid%3C%2Fspan%3E%3A%20value%20%3D%3D%3D%20%3Cspan%20class%3D%22hljs-string%22%3E'2333'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emsg%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'Must%20be%202333'%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3Estyle%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EdisabledValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'hello'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EdebounceValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaxValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaskValue%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E'13545678910'%3C%2Fspan%3E%2C%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-attr%22%3EmaskValue2%3C%2Fspan%3E%3A%20%3Cspan%20class%3D%22hljs-string%22%3E''%3C%2Fspan%3E%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%3Cspan%20class%3D%22hljs-attr%22%3Emethods%3C%2Fspan%3E%3A%20%7B%0A%20%20%20%20getValid1%20()%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.valid1%20%3D%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.%24refs.input01.valid%0A%20%20%20%20%7D%2C%0A%20%20%20%20getValid2%20()%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.valid2%20%3D%20%3Cspan%20class%3D%22hljs-keyword%22%3Ethis%3C%2Fspan%3E.%24refs.input02.valid%0A%20%20%20%20%7D%2C%0A%20%20%20%20change%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20change'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onBlur%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20blur'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onFocus%20(val%2C%20%24event)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'on%20focus'%3C%2Fspan%3E%2C%20val%2C%20%24event)%0A%20%20%20%20%7D%2C%0A%20%20%20%20onEnter%20(val)%20%7B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-built_in%22%3Econsole%3C%2Fspan%3E.log(%3Cspan%20class%3D%22hljs-string%22%3E'click%20enter!'%3C%2Fspan%3E%2C%20val)%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Escript%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%20%3Cspan%20class%3D%22hljs-attr%22%3Escoped%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%3Cspan%20class%3D%22css%22%3E%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.red%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20red%3B%0A%7D%0A%3Cspan%20class%3D%22hljs-selector-class%22%3E.green%3C%2Fspan%3E%20%7B%0A%20%20%3Cspan%20class%3D%22hljs-attribute%22%3Ecolor%3C%2Fspan%3E%3A%20green%3B%0A%7D%0A%3C%2Fspan%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%2F%3Cspan%20class%3D%22hljs-name%22%3Estyle%3C%2Fspan%3E%26gt%3B%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E`)\n\n  const domainMap = {\n    'development': 'http://localhost:8080/',\n    'production': 'https://vux.li/demos/v2/'\n  }\n\n  export default {\n    head: {\n      title: 'XInput 组件使用教程 | VUX - 基于 WeUI 和 Vue 的移动端组件库',\n      meta: [{\n        name: 'description',\n        content: 'Vue component x-input for the VUX framework.'\n      }, {\n        name: 'keywords',\n        content: 'x-input, vue-x-input, vux-x-input, vue mobile components'\n      }, {\n        property: 'og:title',\n        content: 'XInput 组件使用教程 | VUX - 基于 WeUI 和 Vue 的移动端组件库'\n      }, {\n        property: 'og:description',\n        content: 'Vue component x-input for the VUX framework.'\n      }],\n      // https://support.google.com/webmasters/answer/189077?hl=en\n      link: [{\"rel\":\"alternate\",\"hreflang\":\"en\",\"href\":\"/en/components/x-input.html\"}],\n      script: [\n        {\n          innerHTML:'{\"@context\":\"http://schema.org/\",\"@type\":\"SoftwareApplication\",\"name\":\"Vue Component x-input\",\"screenshot\":\"\",\"description\":\"Vue.js component for VUX\",\"url\":\"/zh-CN/components/x-input.html\",\"applicationCategory\":\"组件\",\"author\":{\"@type\":\"Organization\",\"name\":\"VUX\",\"url\":\"https://vux.li\"},\"downloadUrl\":\"https://vux.li\",\"softwareVersion\":\"2.9.2\",\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":5,\"reviewCount\":94},\"operatingSystem\":\"iOS >= 7, Android >= 4.1\",\"offers\":{\"@type\":\"Offer\",\"price\":0,\"priceCurrency\":\"CNY\",\"availability\":\"http://schema.org/InStock\"}}',\n          type: 'application/ld+json'\n        }\n      ],\n      __dangerouslyDisableSanitizers: ['script']\n    },\n    filters: {\n      parseCode (str) {\n        return str.replace(/`(.*?)`/g, '<code>$1</code>')\n      }\n    },\n    async mounted () {\n      const rs = await Axios.get('https://api.github.com/search/issues?q=repo:airyland/vux%20label:component/' + this.componentName)\n      this.issues = rs.data.items\n      this.hasReady = true\n    },\n    watch: {\n      async sourceCodeDialogVisibility (val) {\n        if (val) {\n          await this.$nextTick()\n          const mask = document.querySelector('.v-modal')\n          mask && mask.addEventListener('click', () => {\n            this.sourceCodeDialogVisibility = false\n          })\n        }\n      }\n    },\n    methods: {\n      onCopyError () {\n        this.$message({\n          type: 'error',\n          message: '复制失败'\n        })\n      },\n      onCopy () {\n        this.$message({\n          type: 'success',\n          message: '复制成功'\n        })\n      },\n      showSourceCode () {\n        this.sourceCodeDialogVisibility = true\n      },\n      getTypeHTML (type) {\n        type = type || 'String'\n        if (/,/.test(type)) {\n          const list = type.split(',').map(function (one) {\n            return one.replace(/^s+|s+$/g, '')\n          }).map(function (one) {\n            const type = one ?  one.toLowerCase() : 'string'\n            return '<span class=\"type\">' + type + '</span>'\n          })\n          return list.join('<br>')\n        } else {\n          type = type ?  type.toLowerCase() : 'string'\n          return '<span class=\"type\">' + type + '</span>'\n        }\n      }\n    },\n    computed: {\n      lang () {\n        if (this.$route.path.indexOf('/en/') !== -1) {\n          return 'en'\n        }\n        if (this.$route.path.indexOf('/zh-CN/') !== -1) {\n          return 'zh-CN'\n        }\n        return 'en'\n      }\n    },\n    data () {\n      return {\n        demos,\n        isBeta: false,\n        hasReady: false,\n        issues: [],\n        componentName: 'x-input',\n        demoCode,\n        sourceCodeDialogVisibility: false,\n        showQr: false,\n        metas: metas,\n        gitMetas,\n        componentList,\n        localImportCode: `import { XInput } from 'vux'\n\nexport default {\n  components: {\n    XInput\n  }\n}`,\n        globalImportCode: `// 在入口文件全局引入\n\nimport Vue from 'vue'\nimport { XInput } from 'vux'\n\nVue.component('x-input', XInput)\n`,\n        needImport: true,\n        toc: [],\n        domain: domainMap[process.env.NODE_ENV]\n      }\n    }\n  }\n  </script>\n\n  <style>\n  .component-box {\n    position: relative;\n  }\n  .component-demo {\n    position: absolute;\n    right: 5px;\n    top: 15px;\n  }\n  .prop-color {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border: 1px solid #aaa;\n  }\n  .changelog-version {\n    width: 110px;\n    display: inline-block;\n  }\n  .component-extra-links {\n    position: relative;\n    font-size: 12px;\n  }\n  .component-extra-links a {\n    padding-right: 10px;\n    color: #999;\n  }\n  </style>\n    \n\n\n// WEBPACK FOOTER //\n// x-input.vue?60b3276c","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".component-box{position:relative}.component-demo{position:absolute;right:5px;top:15px}.prop-color{display:inline-block;width:10px;height:10px;border:1px solid #aaa}.changelog-version{width:110px;display:inline-block}.component-extra-links{position:relative;font-size:12px}.component-extra-links a{padding-right:10px;color:#999}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?{\"autoprefixer\":false,\"sourceMap\":false,\"minimize\":true}!./~/ream/~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0c4b4992\",\"scoped\":false,\"hasInlineConfig\":true}!./~/ream/~/vue-loader/lib/selector.js?type=styles&index=0!./zh-CN/components/x-input.vue\n// module id = 1650\n// module chunks = 11","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./x-input.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"d5fde2bc\", content, false);\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./x-input.vue\", function() {\n     var newContent = require(\"!!../../node_modules/css-loader/index.js?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector.js?type=styles&index=0!./x-input.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"omit\":1,\"remove\":true}!./~/vue-style-loader!./~/css-loader?{\"autoprefixer\":false,\"sourceMap\":false,\"minimize\":true}!./~/ream/~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-0c4b4992\",\"scoped\":false,\"hasInlineConfig\":true}!./~/ream/~/vue-loader/lib/selector.js?type=styles&index=0!./zh-CN/components/x-input.vue\n// module id = 1812\n// module chunks = 11","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"component-box\",\n    class: _vm.demos.length ? 'components-with-toc' : ''\n  }, [_c('div', {\n    class: _vm.demos.length ? 'component-header-v2' : 'component-header-v1'\n  }, [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"intro\"\n    }\n  }, [_vm._v(\"XInput\")]), _c('div', {\n    staticClass: \"title-box\"\n  }, [(_vm.isBeta) ? _c('el-badge', {\n    attrs: {\n      \"value\": \"Beta\"\n    }\n  }, [_c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"XInput\")])]) : _c('h1', {\n    staticClass: \"vux-component-name\"\n  }, [_vm._v(\"XInput\")]), _c('p', {\n    staticClass: \"component-extra-links\"\n  }, [_c('a', {\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/x-input\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo 原始链接\")]), (!_vm.demos.length) ? _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/demos/XInput.vue\",\n      \"target\": \"_blank\"\n    },\n    on: {\n      \"click\": function($event) {\n        $event.preventDefault();\n        _vm.showSourceCode($event)\n      }\n    }\n  }, [_vm._v(\"demo 源码\")]) : _vm._e(), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/x-input/metas.yml\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"编辑文档\")]), _c('a', {\n    attrs: {\n      \"href\": \"https://github.com/airyland/vux/blob/v2/src/components/x-input/\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"组件源码\")]), (_vm.hasReady) ? _c('el-popover', {\n    attrs: {\n      \"trigger\": \"hover\"\n    }\n  }, [_c('div', {\n    staticStyle: {\n      \"width\": \"100%\",\n      \"text-align\": \"center\"\n    }\n  }, [_c('img', {\n    staticClass: \"qr\",\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"https://qr.vux.li/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-input\"\n    }\n  })]), _c('a', {\n    attrs: {\n      \"href\": \"javascript:\"\n    },\n    slot: \"reference\"\n  }, [_vm._v(\"\\n              二维码\\n              \")])]) : _vm._e()], 1), _c('div', {\n    staticClass: \"component-description\"\n  }, [(false) ? void 0 : _vm._e()], 2)], 1), (!_vm.demos.length) ? _c('div', {\n    staticClass: \"component-demo\",\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"600px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px solid #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\",\n      \"z-index\": \"2500\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2?locale=zh-CN&transition=none/#/component/x-input\",\n      \"width\": \"375\",\n      \"height\": \"600\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1) : _vm._e(), _c('div', {\n    staticClass: \"toc\"\n  }, _vm._l((_vm.toc), function(t) {\n    return _c('ul', [_c('li', [_c('a', {\n      attrs: {\n        \"href\": '#' + (t.anchor || t.title)\n      }\n    }, [_vm._v(_vm._s(t.title))]), _vm._l((t.list), function(_t) {\n      return (t.list) ? _c('ul', [_c('li', [_c('a', {\n        attrs: {\n          \"href\": '#' + _t.anchor\n        }\n      }, [_vm._v(_vm._s(_t.title.slice(0, 12)))])])]) : _vm._e()\n    })], 2)])\n  })), (_vm.needImport) ? [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"install\"\n    }\n  }, [_vm._v(\"Install\")]), _c('h2', [_vm._v(\"安装\")]), _c('el-tabs', [_c('el-tab-pane', {\n    attrs: {\n      \"label\": \"局部注册\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"点击复制\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.localImportCode),\n      expression: \"localImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XInput } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    XInput\\n  }\\n}\")])])], 1)]), _c('el-tab-pane', {\n    attrs: {\n      \"label\": \"全局注册\"\n    }\n  }, [_c('div', {\n    staticClass: \"import-code-box\"\n  }, [_c('el-tooltip', {\n    attrs: {\n      \"content\": \"点击复制\",\n      \"placement\": \"top\"\n    }\n  }, [_c('span', {\n    directives: [{\n      name: \"clipboard\",\n      rawName: \"v-clipboard:copy\",\n      value: (_vm.globalImportCode),\n      expression: \"globalImportCode\",\n      arg: \"copy\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:success\",\n      value: (_vm.onCopy),\n      expression: \"onCopy\",\n      arg: \"success\"\n    }, {\n      name: \"clipboard\",\n      rawName: \"v-clipboard:error\",\n      value: (_vm.onCopyError),\n      expression: \"onCopyError\",\n      arg: \"error\"\n    }]\n  }, [_c('el-icon', {\n    staticClass: \"el-icon-document\"\n  })], 1)]), _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-comment\"\n  }, [_vm._v(\"// 在入口文件全局引入\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" Vue \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vue'\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XInput } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\nVue.component(\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'x-input'\")]), _vm._v(\", XInput)\\n\")])])], 1)])], 1)] : [_c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_vm._v(\"该组件可以直接使用，不需要引入。\")])])], (_vm.metas.tip) ? _c('div', {\n    staticClass: \"tip\",\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e(), (_vm.metas.example) ? _c('h2', [_vm._v(\"使用例子\")]) : _vm._e(), (_vm.metas.example) ? _c('div', {\n    staticStyle: {\n      \"width\": \"600px\"\n    }\n  }) : _vm._e()], 2), (_vm.metas.extra && _vm.metas.extra['zh-CN']) ? _c('div', [_vm._m(0), _vm._m(1), _vm._m(2), _vm._m(3)]) : _vm._e(), (_vm.metas.extra && !_vm.metas.extra['zh-CN']) ? _c('div') : _vm._e(), (_vm.demos.length) ? _c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"examples\"\n    }\n  }, [_vm._v(\"Examples\")]) : _vm._e(), _c('br'), _vm._l((_vm.demos), function(demo) {\n    return (_vm.demos.length) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'examples:' + demo.title\n      }\n    }, [_vm._v(_vm._s(demo.title))]), _c('br'), _c('div', {\n      staticClass: \"demo-header\"\n    }, [_c('span', {\n      staticClass: \"demo-title\"\n    }, [_vm._v(_vm._s(demo.title))])]), _c('div', {\n      staticClass: \"demos\",\n      style: ({\n        height: demo.height\n      })\n    }, [_c('div', {\n      staticClass: \"demo-iframe-box\"\n    }, [_c('lazy-component', [_c('iframe', {\n      staticStyle: {\n        \"margin\": \"0 auto\"\n      },\n      attrs: {\n        \"src\": _vm.domain + '?no-background-color=' + demo.noBackgroundColor + '&locale=zh-CN&transition=none&hide-nav=true&hide-tab-bar=true#/components/' + demo.file,\n        \"width\": \"375\",\n        \"height\": \"600\",\n        \"border\": \"0\",\n        \"frameborder\": \"0\"\n      }\n    })], 1)], 1), _c('div', {\n      staticClass: \"demo-code-box\",\n      style: ({\n        overflow: demo.height === demo.oriHeight ? 'hidden' : 'scroll'\n      })\n    }, [_c('div', {\n      attrs: {\n        \"contenteditable\": \"\"\n      },\n      domProps: {\n        \"innerHTML\": _vm._s(demo.code)\n      }\n    }), (demo.height === demo.oriHeight) ? _c('div', {\n      staticClass: \"demo-code-masker\",\n      on: {\n        \"click\": function($event) {\n          demo.height = 'auto'\n        }\n      }\n    }, [_c('div', [_c('img', {\n      staticClass: \"demo-qr\",\n      attrs: {\n        \"width\": \"100\",\n        \"src\": 'https://qr.vux.li/api.php?text=' + encodeURIComponent(_vm.domain + '?locale=zh-CN#/components/' + demo.file)\n      }\n    }), _c('br'), _c('span', [_c('el-icon', {\n      staticClass: \"el-icon-arrow-left\"\n    }), _c('el-icon', {\n      staticClass: \"el-icon-arrow-right\"\n    }), _vm._v(\"\\n                    Show code\\n                  \"), _c('br')], 1)])]) : _vm._e(), (demo.height === 'auto') ? _c('span', {\n      staticClass: \"hide-code\",\n      on: {\n        \"click\": function($event) {\n          demo.height = demo.oriHeight\n        }\n      }\n    }, [_c('el-icon', {\n      staticClass: \"el-icon-close\"\n    })], 1) : _vm._e()])])] : _vm._e()\n  }), _vm._l((_vm.componentList), function(component) {\n    return [_c('div', [(_vm.componentList.length > 1) ? _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": 'components:' + component.name\n      }\n    }, [_vm._v(_vm._s(component.name))]) : _c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"api\"\n      }\n    }, [_vm._v(\"API\")]), _c('br'), _c('h2', {\n      directives: [{\n        name: \"show\",\n        rawName: \"v-show\",\n        value: (_vm.componentList.length > 1),\n        expression: \"componentList.length > 1\"\n      }],\n      staticClass: \"vux-component-name-sub-item\"\n    }, [_vm._v(_vm._s(component.name))]), (component.meta.items && component.meta.description) ? [_c('div', {\n      domProps: {\n        \"innerHTML\": _vm._s(component.meta.description)\n      }\n    })] : _vm._e(), (component.meta.props) ? [_c('h2', [_vm._v(\"属性\")]), _c('table', [_vm._m(4, true), _c('tbody', _vm._l((component.meta.props), function(prop, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(_vm.getTypeHTML(prop.type))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.default))]), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(prop['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(prop.version || '--'))])])\n    }))])] : _vm._e(), (component.meta.events) ? [_c('h2', [_vm._v(\"事件\")]), _c('table', [_vm._m(5, true), _c('tbody', _vm._l((component.meta.events), function(event, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + i),\n          expression: \"'@' + i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event.params ? event.params.replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(event['zh-CN'] ? event['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : '--')\n        }\n      }), _c('td', [_vm._v(_vm._s(event['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.slots) ? [_c('h2', [_vm._v(\"插槽\")]), _c('table', [_vm._m(6, true), _c('tbody', _vm._l((component.meta.slots), function(slot, i) {\n      return _c('tr', {\n        class: {\n          'slot-disabled': slot['status'] === 'deprecated'\n        }\n      }, [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i === 'default' ? '默认插槽' : i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(slot['zh-CN'] ? slot['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', [_vm._v(_vm._s(slot['version'] || '--'))])])\n    }))])] : _vm._e(), (component.meta.methods) ? [_c('h2', [_vm._v(\"方法\")]), _c('table', [_vm._m(7, true), _c('tbody', _vm._l((component.meta.methods), function(method, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: (i),\n          expression: \"i\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(_vm._s(i))])])], 1), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['params'] ? method['params'].replace(/`(.*?)`/g, '<code>$1</code>') : '')\n        }\n      }), _c('td', {\n        domProps: {\n          \"innerHTML\": _vm._s(method['zh-CN'].replace(/`(.*?)`/g, '<code>$1</code>'))\n        }\n      }), _c('td', [_vm._v(_vm._s(method['version']))])])\n    }))])] : _vm._e(), (component.meta.variables) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"variables\"\n      }\n    }, [_vm._v(\"Variables\")]), _c('br'), _c('h2', [_vm._v(\"样式变量\")]), _c('table', [_vm._m(8, true), _c('tbody', _vm._l((component.meta.variables), function(variable, i) {\n      return _c('tr', [_c('td', {\n        staticClass: \"prop-name\"\n      }, [_c('el-tooltip', {\n        attrs: {\n          \"content\": \"点击复制\",\n          \"placement\": \"left\",\n          \"hide-after\": 0,\n          \"open-delay\": 50\n        }\n      }, [_c('span', {\n        directives: [{\n          name: \"clipboard\",\n          rawName: \"v-clipboard:copy\",\n          value: ('@' + variable.name),\n          expression: \"'@' + variable.name\",\n          arg: \"copy\"\n        }, {\n          name: \"clipboard\",\n          rawName: \"v-clipboard:success\",\n          value: (_vm.onCopy),\n          expression: \"onCopy\",\n          arg: \"success\"\n        }]\n      }, [_vm._v(\"@\" + _vm._s(variable.name))])])], 1), _c('td', [(!_vm.$refs['propColor' + i] || (_vm.$refs['propColor' + i][0] && _vm.$refs['propColor' + i][0].style.backgroundColor)) ? _c('em', {\n        ref: 'propColor' + i,\n        refInFor: true,\n        staticClass: \"prop-color\",\n        style: ({\n          backgroundColor: variable.value\n        })\n      }) : _vm._e(), _vm._v(\"\\n                    \" + _vm._s(variable.value) + \"\\n                  \")]), _c('td', [_vm._v(_vm._s(variable['desc']['zh-CN'] || '--'))]), _c('td', [_vm._v(_vm._s(variable.inherited_name))])])\n    }))])] : _vm._e(), (component.meta.tips && component.meta.tips['zh-CN']) ? [_c('a', {\n      staticClass: \"anchor\",\n      attrs: {\n        \"id\": \"tips\"\n      }\n    }, [_vm._v(\"重要提示及已知问题\")]), _c('br'), _c('h2', [_vm._v(\"重要提示及已知问题\")]), _c('div', [_c('ul', _vm._l((component.meta.tips['zh-CN']), function(tip) {\n      return _c('li', [_c('el-tag', {\n        staticClass: \"component-tip-tag\",\n        attrs: {\n          \"size\": \"mini\",\n          \"type\": \"success\"\n        }\n      }, [_vm._v(\"Q\")]), _c('span', {\n        staticClass: \"component-tip-question\"\n      }, [_vm._v(_vm._s(tip.q))]), _c('div', {\n        staticClass: \"tip-answer-box\",\n        domProps: {\n          \"innerHTML\": _vm._s(tip.a)\n        }\n      })], 1)\n    }))])] : _vm._e()], 2)]\n  }), _c('br'), (_vm.issues.length) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"Issues\"\n    }\n  }, [_vm._v(\"Issues\")]), _c('br'), _c('h2', [_vm._v(\"相关 issue\")]), _c('ul', _vm._l((_vm.issues), function(issue) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"target\": \"_blank\",\n        \"href\": issue.html_url\n      }\n    }, [_vm._v(\"#\" + _vm._s(issue.number) + \" \"), _c('span', {\n      staticStyle: {\n        \"color\": \"#666\"\n      }\n    }, [_vm._v(_vm._s(issue.title))])])])\n  }))]) : _vm._e(), _c('br'), (_vm.gitMetas) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"contributors\"\n    }\n  }, [_vm._v(\"贡献者\")]), _c('h2', [_vm._v(\"贡献者\")]), _c('p', [_vm._v(\"该组件(包含文档)迭代次数 \" + _vm._s(_vm.gitMetas.commitCount) + \"，贡献人数 \" + _vm._s(_vm.gitMetas.commitUniqueCount) + \"\\n        \")]), _vm._l((_vm.gitMetas.commitMembers), function(person) {\n    return _c('a', {\n      staticClass: \"contributor-item\",\n      attrs: {\n        \"href\": 'https://github.com/' + person.authorName,\n        \"target\": \"_blank\",\n        \"title\": 'contribute' + person.count\n      }\n    }, [_vm._v(_vm._s(person.authorName))])\n  })], 2) : _vm._e(), _c('br'), (_vm.metas.changes) ? _c('div', [_c('a', {\n    staticClass: \"anchor\",\n    attrs: {\n      \"id\": \"changelog\"\n    }\n  }, [_vm._v(\"Changelog\")]), _c('br'), _c('h2', [_vm._v(\"发布日志\")]), (_vm.metas.changes) ? _c('ul', [_vm._l((_vm.metas.changes), function(changelog, version) {\n    return _vm._l((changelog['zh-CN']), function(log) {\n      return _c('li', [_c('router-link', {\n        staticClass: \"changelog-version\",\n        attrs: {\n          \"to\": '/zh-CN/changelog/' + version + '.html'\n        }\n      }, [_vm._v(_vm._s(version))]), _vm._v(\" \" + _vm._s(log) + \"\\n            \")], 1)\n    })\n  })], 2) : _vm._e()]) : _vm._e(), (_vm.metas.references) ? _c('h2', [_vm._v(\"参考资料\")]) : _vm._e(), (_vm.metas.references) ? _c('ul', _vm._l((_vm.metas.references['zh-CN']), function(link) {\n    return _c('li', [_c('a', {\n      attrs: {\n        \"href\": link.link,\n        \"target\": \"_blank\"\n      }\n    }, [_vm._v(_vm._s(link.title))])])\n  })) : _vm._e(), _c('el-dialog', {\n    staticClass: \"sourcec-code-dialog\",\n    attrs: {\n      \"top\": \"0\",\n      \"width\": \"80%\",\n      \"visible\": _vm.sourceCodeDialogVisibility\n    },\n    on: {\n      \"update:visible\": function($event) {\n        _vm.sourceCodeDialogVisibility = $event\n      }\n    }\n  }, [_c('div', {\n    staticClass: \"code-box\",\n    attrs: {\n      \"contenteditable\": \"\"\n    },\n    domProps: {\n      \"innerHTML\": _vm._s(_vm.demoCode)\n    }\n  })])], 2)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_vm._v(\"  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"group\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-input\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"title\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"title\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"value\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-input\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"group\")]), _vm._v(\">\")]), _vm._v(\"\\n\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"tip\"\n  }, [_c('p', [_c('code', [_vm._v(\"x-input\")]), _vm._v(\"只能在\"), _c('code', [_vm._v(\"Group\")]), _vm._v(\"中使用\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', [_vm._v(\"如果你想实现在输入框右边按钮切换密码明文，请使用\"), _c('code', [_vm._v(\"slot=right\")]), _vm._v(\"实现\"), _c('code', [_vm._v(\"type\")]), _vm._v(\"切换。\\n\"), _c('br')])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', {\n    staticClass: \"warning\"\n  }, [_c('p', [_c('code', [_vm._v(\"mask\")]), _vm._v(\" 在 \"), _c('code', [_vm._v(\"2.6.1\")]), _vm._v(\" 支持，但注意的是使用 mask 后值也是经过 mask 处理后的值，进行判断或者提交到接口前应该注意。\\n\"), _c('br'), _vm._v(\"\\n比如格式化手机号码，\"), _c('code', [_vm._v(\"mask\")]), _vm._v(\" 值为 \"), _c('code', [_vm._v(\"999 9999 9999\")]), _vm._v(\"，得到的值将是 13 位的 \"), _c('code', [_vm._v(\"145 3456 3456\")]), _vm._v(\"，提交或者判断都应该先清除中间空格。\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', {\n    staticStyle: {\n      \"width\": \"48px\"\n    }\n  }, [_vm._v(\"类型\")]), _c('td', [_vm._v(\"默认值\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"参数\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"参数\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"版本要求\")])])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('thead', [_c('tr', [_c('td', [_vm._v(\"名字\")]), _c('td', [_vm._v(\"默认值\")]), _c('td', [_vm._v(\"说明\")]), _c('td', [_vm._v(\"继承自变量\")])])])\n}]}\nmodule.exports.render._withStripped = true\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-0c4b4992\", module.exports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/ream/~/vue-loader/lib/template-compiler?{\"id\":\"data-v-0c4b4992\",\"preserveWhitespace\":false}!./~/ream/~/vue-loader/lib/selector.js?type=template&index=0!./zh-CN/components/x-input.vue\n// module id = 2468\n// module chunks = 11","module.exports = {\n\t\"commitCount\": 94,\n\t\"commitMembers\": [\n\t\t{\n\t\t\t\"count\": 75,\n\t\t\t\"authorName\": \"airyland\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"unclay\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 3,\n\t\t\t\"authorName\": \"lichunqiang\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 4,\n\t\t\t\"authorName\": \"万刚\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"Plortinus\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"光君\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"zhangsn\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 3,\n\t\t\t\"authorName\": \"小散\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"wg\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"wangxinsh55\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"graysheeep\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"greedying\"\n\t\t},\n\t\t{\n\t\t\t\"count\": 1,\n\t\t\t\"authorName\": \"__FresHmaN\"\n\t\t}\n\t],\n\t\"commitUniqueCount\": 13\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./zh-CN/components/x-input_git_metas.json\n// module id = 3138\n// module chunks = 11","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!../../node_modules/vue-style-loader/index.js!css-loader?{\\\"autoprefixer\\\":false,\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=styles&index=0!./x-input.vue\")\n}\nvar Component = require(\"!../../node_modules/ream/node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!../../node_modules/babel-loader/lib/index.js?{\\\"babelrc\\\":true,\\\"cacheDirectory\\\":true}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=script&index=0!./x-input.vue\"),\n  /* template */\n  require(\"!!../../node_modules/ream/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0c4b4992\\\",\\\"preserveWhitespace\\\":false}!../../node_modules/ream/node_modules/vue-loader/lib/selector?type=template&index=0!./x-input.vue\"),\n  /* styles */\n  injectStyle,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/zh-CN/components/x-input.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] x-input.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-0c4b4992\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-0c4b4992\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./zh-CN/components/x-input.vue\n// module id = 464\n// module chunks = 11"],"sourceRoot":""}