vue-ui-wl
Version:
vue component
2 lines • 6.39 kB
JavaScript
webpackJsonp([9],{100:function(e,t){},101:function(e,t){},116:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{value:{type:[String,Number],twoway:!0,default:""},tag:{type:String,default:"input"},clip:{type:Boolean,default:!0},placeholderText:{type:String},pattern:{type:Array},required:{type:Boolean,default:!0},maxlength:{type:Number},disable:{type:Boolean,default:!1},validCallback:{type:Function,default:function(){}},name:{type:String,default:""},requiredErrormsg:{type:String,default:"内容不能为空"},visibleError:{type:Boolean,default:!0},maxlengthErrormsg:{type:String,default:"长度超过限制"}},data:function(){return{isValid:!0,validInfo:[],len:0,val:this.value}},watch:{val:function(e){this.maxlength&&this.clip&&e.length>this.maxlength&&(this.val=this.val.substr(0,this.maxlength),this.$el.getElementsByClassName("edit-area")[0].value=this.val),this.valid(e)},validInfo:function(){this.validCallback(this.validInfo,this.name)}},methods:{blurValid:function(){},valid:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.val;if(this.validInfo=[],this.len=e.length,!e&&this.required)return this.validInfo.push({key:"required",errormsg:this.requiredErrormsg}),this.validCallback(this.validInfo,this.name),this.validInfo;if(this.maxlength&&this.len>this.maxlength)return this.validInfo.push({key:"maxlength",errormsg:this.maxlengthErrormsg}),this.validCallback(this.validInfo,this.name),this.validInfo;for(var t in this.pattern){var a=this.pattern[t],l=a.reg,r=a.errormsg,i=!0,n=a.name;i="function"==typeof l?l(e):l.test(e),i||this.validInfo.push({key:n,errormsg:r})}return this.validCallback(this.validInfo,this.name),this.validInfo}},ready:function(){this.len=this.val.length}}},130:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(33),r=function(e){return e&&e.__esModule?e:{default:e}}(l);t.default={name:"inputs",data:function(){return{title:"",titlePattern:[{name:"姓名详情",reg:/^1/,errormsg:"必须1开头"},{name:"姓名详情",reg:/2$/,errormsg:"必须2结束"}]}},components:{InputItem:r.default},methods:{validCallback:function(){console.log("arguments",arguments)}}}},144:function(e,t,a){e.exports=a(18)},18:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}var r=a(1),i=l(r),n=a(47),s=l(n),o=a(5),d=l(o);i.default.config.productionTip=!1,new i.default({el:"#inputs",router:d.default,template:"<Inputs/>",components:{Inputs:s.default}})},2:function(e,t,a){a(4);var l=a(0)(a(6),a(3),"data-v-12f6e127",null);e.exports=l.exports},3:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div")},staticRenderFns:[]}},33:function(e,t,a){a(101);var l=a(0)(a(116),a(72),"data-v-75af50e4",null);e.exports=l.exports},4:function(e,t){},47:function(e,t,a){a(100);var l=a(0)(a(130),a(71),"data-v-6e30ae3c",null);e.exports=l.exports},5:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=a(1),i=l(r),n=a(7),s=l(n),o=a(2),d=l(o);i.default.use(s.default),t.default=new s.default({routes:[{path:"/",name:"Index",component:d.default}]})},6:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={}},71:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"content"},[a("input-item",{staticClass:"mgb10",attrs:{"valid-callback":e.validCallback,value:e.title,pattern:e.titlePattern,maxlength:15,clip:!0,"visible-error":!0,"maxlength-errormsg":"请限制在15个字符内","required-errormsg":"标题是必填项",name:"title","placeholder-text":"我不能超过15个字符"}}),e._v(" "),a("input-item",{staticClass:"mgb10",attrs:{"valid-callback":e.validCallback,value:e.title,pattern:e.titlePattern,maxlength:15,clip:!1,"visible-error":!0,"maxlength-errormsg":"请限制在15个字符内","required-errormsg":"标题是必填项",name:"title","placeholder-text":"我超过15个字符不截断"}}),e._v(" "),a("input-item",{staticClass:"mgb10",attrs:{"valid-callback":e.validCallback,value:e.title,pattern:e.titlePattern,clip:!0,"visible-error":!0,"maxlength-errormsg":"请限制在15个字符内","required-errormsg":"标题是必填项",name:"title","placeholder-text":"我没有字符限制"}}),e._v(" "),a("input-item",{staticClass:"mgb10",attrs:{"valid-callback":e.validCallback,value:e.title,pattern:e.titlePattern,clip:!0,"visible-error":!1,"maxlength-errormsg":"请限制在15个字符内","required-errormsg":"标题是必填项",name:"title","placeholder-text":"我不显示错误信息"}}),e._v(" "),a("input-item",{staticClass:"mgb10",attrs:{disable:!0,name:"title","placeholder-text":"我不能被编辑"}}),e._v(" "),a("input-item",{attrs:{tag:"textarea","valid-callback":e.validCallback,value:e.title,pattern:e.titlePattern,maxlength:100,clip:!1,"visible-error":!0,"maxlength-errormsg":"请限制在100个字符内","required-errormsg":"标题是必填项",name:"title","placeholder-text":"请填写详情"},on:{"update:value":function(t){e.title=t}}})],1)},staticRenderFns:[]}},72:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"edit-group"},[a("div",{staticClass:"edit-row"},["input"===e.tag?a("input",{directives:[{name:"model",rawName:"v-model",value:e.val,expression:"val"}],staticClass:"edit-area",class:{"bd-red":e.validInfo[0],disabled:e.disable},attrs:{disabled:e.disable,placeholder:e.placeholderText,name:""},domProps:{value:e.val},on:{input:function(t){t.target.composing||(e.val=t.target.value)}}}):e._e(),e._v(" "),"textarea"===e.tag?a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.val,expression:"val"}],staticClass:"edit-area h60",class:{"bd-red":e.validInfo[0],disabled:e.disable},attrs:{disabled:e.disable,placeholder:e.placeholderText,name:""},domProps:{value:e.val},on:{input:function(t){t.target.composing||(e.val=t.target.value)}}}):e._e(),e._v(" "),e.maxlength?a("span",{staticClass:"limit-len",class:{btm10:"textarea"===e.tag}},[e._v(e._s(e.len)+"/"+e._s(e.maxlength))]):e._e()]),e._v(" "),e.visibleError?a("div",{staticClass:"errormsg"},[e._v(e._s(e.validInfo[0]&&e.validInfo[0].errormsg))]):e._e()])},staticRenderFns:[]}}},[144]);
//# sourceMappingURL=inputs.2a53837c6ea9f18b239a.js.map