UNPKG

w-ui

Version:

A Vue.js 2.0 UI Toolkit for mobile

w-ui.github.io

w-ui/wui

1 lines • 17.6 kB
1
module.exports=function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=178)}({0:function(e,t){e.exports=function(e,t,n,r,i,o){var s,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(s=e,a=e.default);var l="function"==typeof a?a.options:a;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns,l._compiled=!0),n&&(l.functional=!0),i&&(l._scopeId=i);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},l._ssrRegister=c):r&&(c=r),c){var d=l.functional,p=d?l.render:l.beforeCreate;d?(l._injectStyles=c,l.render=function(e,t){return c.call(t),p(e,t)}):l.beforeCreate=p?[].concat(p,c):[c]}return{esModule:s,exports:a,options:l}}},1:function(e,t,n){"use strict";function r(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=i(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=r(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<e.length;i++){var s=e[i];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},178:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Input=void 0;var r=n(179),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.Input=i.default},179:function(e,t,n){"use strict";function r(e){u||n(180)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(32),o=n.n(i);for(var s in i)"default"!==s&&function(e){n.d(t,e,function(){return i[e]})}(s);var a=n(182),u=!1,l=n(0),c=r,d=l(o.a,a.a,!1,c,null,null);d.options.__file="packages/input/src/input.vue",t.default=d.exports},180:function(e,t,n){var r=n(181);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(2)("a0ab3416",r,!1,{})},181:function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,"\n.wui-input-item {\n background-color: #fff;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n min-height: 1rem;\n display: block;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n margin: 0.2rem;\n border: 1px #d9d9d9 solid;\n border-radius: 4px;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.wui-input-item .cell-icon {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 0.8rem;\n -ms-flex: 0 0 0.8rem;\n flex: 0 0 0.8rem;\n text-align: center;\n}\n.wui-input-item .wui-input {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 100%;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n height: 100%;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n padding: 0 0.2rem;\n}\n.wui-input-item .wui-input input {\n -webkit-box-flex: 1;\n -webkit-flex: 1 1 100%;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n height: 100%;\n border: none;\n}\n.wui-input-item .wui-input .send-btn {\n background: #20a0ff;\n border-radius: 4px;\n color: #fff;\n padding: 0.1rem 0.3rem;\n white-space: nowrap;\n}\n.wui-input-item .wui-input .countdown-btn {\n background: #ccc;\n border-radius: 4px;\n color: #fff;\n padding: 0.1rem 0.3rem;\n white-space: nowrap;\n text-align: center;\n}\n.wui-input-item .wui-input-clear,\n.wui-input-item .wui-input-error,\n.wui-input-item .wui-input-warn,\n.wui-input-item .wui-input-password,\n.wui-input-item .wui-input-success {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 18px;\n -ms-flex: 0 0 18px;\n flex: 0 0 18px;\n text-align: right;\n}\n@-webkit-keyframes shakeBorder {\n0% {\n border: 1px #d9d9d9 solid;\n}\n25% {\n border: 1px #ce4040 solid;\n}\n50% {\n border: 1px #d9d9d9 solid;\n}\n75% {\n border: 1px #ce4040 solid;\n}\n100% {\n border: 1px #d9d9d9 solid;\n}\n}\n@keyframes shakeBorder {\n0% {\n border: 1px #d9d9d9 solid;\n}\n25% {\n border: 1px #ce4040 solid;\n}\n50% {\n border: 1px #d9d9d9 solid;\n}\n75% {\n border: 1px #ce4040 solid;\n}\n100% {\n border: 1px #d9d9d9 solid;\n}\n}\n",""])},182:function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"wui-input-item"},[e.$slots.icon?n("div",{staticClass:"cell-icon"},[e._t("icon")],2):e._e(),e._v(" "),n("div",{staticClass:"wui-input"},["varycode"==e.type?[n("input",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],attrs:{type:"text",name:e.name,maxlength:e.max,placeholder:e.placeholder,autocomplete:e.autocomplete,readonly:e.readonly,disabled:e.disabled},domProps:{value:e.currentValue},on:{focus:function(t){e.showClear=!0},blur:e.blurHandler,input:function(t){t.target.composing||(e.currentValue=t.target.value)}}}),e._v(" "),e.start?n("a",{staticClass:"countdown-btn"},[e._v(e._s(this.remain)+"s")]):n("a",{staticClass:"send-btn",on:{click:e.countdown}},[e._v("获取验证码")])]:e._e(),e._v(" "),"password"==e.type?[e.showPwd?e._e():n("input",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],attrs:{type:"password",name:e.name,maxlength:e.max,placeholder:e.placeholder,autocomplete:e.autocomplete,readonly:e.readonly,disabled:e.disabled},domProps:{value:e.currentValue},on:{focus:function(t){e.showClear=!0},blur:e.blurHandler,input:function(t){t.target.composing||(e.currentValue=t.target.value)}}}),e._v(" "),e.showPwd?n("input",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],attrs:{type:"text",name:e.name,maxlength:e.max,placeholder:e.placeholder,autocomplete:e.autocomplete,readonly:e.readonly,disabled:e.disabled},domProps:{value:e.currentValue},on:{focus:function(t){e.showClear=!0},blur:e.blurHandler,input:function(t){t.target.composing||(e.currentValue=t.target.value)}}}):e._e(),e._v(" "),"password"==e.type?n("a",{staticClass:"wui-input-password",attrs:{tabindex:"-1"},on:{click:function(t){t.stopPropagation(),e.showPwd=!e.showPwd}}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 488.85 488.85",width:"16px",height:"16px"}},[n("g",[n("path",{attrs:{d:"M244.425,98.725c-93.4,0-178.1,51.1-240.6,134.1c-5.1,6.8-5.1,16.3,0,23.1c62.5,83.1,147.2,134.2,240.6,134.2 s178.1-51.1,240.6-134.1c5.1-6.8,5.1-16.3,0-23.1C422.525,149.825,337.825,98.725,244.425,98.725z M251.125,347.025 c-62,3.9-113.2-47.2-109.3-109.3c3.2-51.2,44.7-92.7,95.9-95.9c62-3.9,113.2,47.2,109.3,109.3 C343.725,302.225,302.225,343.725,251.125,347.025z M248.025,299.625c-33.4,2.1-61-25.4-58.8-58.8c1.7-27.6,24.1-49.9,51.7-51.7 c33.4-2.1,61,25.4,58.8,58.8C297.925,275.625,275.525,297.925,248.025,299.625z",fill:e.showPwd?"#666":"#ccc"}})])])]):e._e()]:e._e(),e._v(" "),"input"==e.type?n("input",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],attrs:{type:"text",name:e.name,maxlength:e.max,placeholder:e.placeholder,autocomplete:e.autocomplete,readonly:e.readonly,disabled:e.disabled},domProps:{value:e.currentValue},on:{focus:function(t){e.showClear=!0},blur:e.blurHandler,input:function(t){t.target.composing||(e.currentValue=t.target.value)}}}):e._e(),e._v(" "),"number"==e.type?n("input",{directives:[{name:"model",rawName:"v-model",value:e.currentValue,expression:"currentValue"}],attrs:{type:"number",name:e.name,maxlength:e.max,placeholder:e.placeholder,autocomplete:e.autocomplete,readonly:e.readonly,disabled:e.disabled},domProps:{value:e.currentValue},on:{focus:function(t){e.showClear=!0},blur:e.blurHandler,input:function(t){t.target.composing||(e.currentValue=t.target.value)}}}):e._e(),e._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:e.showClearIcon&&e.showClear&&!e.isempty&&!e.readonly&&"varycode"!=e.type,expression:"showClearIcon && showClear && !isempty && !readonly && type != 'varycode'"}],staticClass:"wui-input-clear",attrs:{tabindex:"-1"},on:{click:e.clearInput}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:"16px",height:"16px"}},[n("circle",{attrs:{cx:"25",cy:"25",r:"25",fill:"#ccc"}}),e._v(" "),n("polyline",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{points:"16,34 25,25 34,16"}}),e._v(" "),n("polyline",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{points:"16,16 25,25 34,34"}})])]),e._v(" "),e.showErrorIcon?n("span",{directives:[{name:"show",rawName:"v-show",value:e.isShowError,expression:"isShowError"}],staticClass:"wui-input-error"},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:"16px",height:"16px"}},[n("circle",{attrs:{fill:"#EFCE4A",cx:"25",cy:"25",r:"25"}}),e._v(" "),n("line",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{x1:"25",y1:"10",x2:"25",y2:"32"}}),e._v(" "),n("line",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{x1:"25",y1:"37",x2:"25",y2:"39"}})])]):e._e(),e._v(" "),e.showRequiredIcon&&e.showErrorIcon?n("span",{directives:[{name:"show",rawName:"v-show",value:(e.required||!!e.min&&e.min>0)&&e.isempty&&e.showWarn,expression:"(required || (!!min && min > 0)) && isempty && showWarn"}],staticClass:"wui-input-warn"},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:"16px",height:"16px"}},[n("circle",{attrs:{fill:"#EFCE4A",cx:"25",cy:"25",r:"25"}}),e._v(" "),n("line",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{x1:"25",y1:"10",x2:"25",y2:"32"}}),e._v(" "),n("line",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-miterlimit":"10"},attrs:{x1:"25",y1:"37",x2:"25",y2:"39"}})])]):e._e(),e._v(" "),e.showSuccessIcon?n("span",{directives:[{name:"show",rawName:"v-show",value:e.isShowSuccess,expression:"isShowSuccess"}],staticClass:"wui-input-success"},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:"16px",height:"16px"}},[n("circle",{attrs:{fill:"lightgreen",cx:"25",cy:"25",r:"25"}}),e._v(" "),n("polyline",{staticStyle:{fill:"none",stroke:"#FFFFFF","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10"},attrs:{points:"\n 38,15 22,33 12,25 "}})])]):e._e()],2)])},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},2:function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=c[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],i=0;i<n.parts.length;i++)s.push(o(n.parts[i]));c[n.id]={id:n.id,refs:1,parts:s}}}}function i(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function o(e){var t,n,r=document.querySelector("style["+v+'~="'+e.id+'"]');if(r){if(f)return m;r.parentNode.removeChild(r)}if(x){var o=h++;r=p||(p=i()),t=s.bind(null,r,o,!1),n=s.bind(null,r,o,!0)}else r=i(),t=a.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function s(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=g(t,i);else{var o=document.createTextNode(i),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}function a(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),w.ssrId&&e.setAttribute(v,t.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=n(3),c={},d=u&&(document.head||document.getElementsByTagName("head")[0]),p=null,h=0,f=!1,m=function(){},w=null,v="data-vue-ssr-id",x="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,i){f=n,w=i||{};var o=l(e,t);return r(o),function(t){for(var n=[],i=0;i<o.length;i++){var s=o[i],a=c[s.id];a.refs--,n.push(a)}t?(o=l(e,t),r(o)):o=[];for(var i=0;i<n.length;i++){var a=n[i];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete c[a.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},3:function(e,t,n){"use strict";e.exports=function(e,t){for(var n=[],r={},i=0;i<t.length;i++){var o=t[i],s=o[0],a=o[1],u=o[2],l=o[3],c={id:e+":"+i,css:a,media:u,sourceMap:l};r[s]?r[s].parts.push(c):n.push(r[s]={id:s,parts:[c]})}return n}},32:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"w-input",props:{name:String,placeholder:String,value:[String,Number],readonly:Boolean,disabled:Boolean,regex:String,autocomplete:{type:String,default:"off"},showClearIcon:{type:Boolean,default:!0},showErrorIcon:{type:Boolean,default:!1},showSuccessIcon:{type:Boolean,default:!1},showRequiredIcon:{type:Boolean,default:!1},required:{type:Boolean,default:!1},type:{validator:function(e){return!e||["input","password","number","varycode"].indexOf(e)>-1},default:"input"},max:{validator:function(e){return/^\d*$/.test(e)}},min:{validator:function(e){return/^\d*$/.test(e)}},wait:{type:Number,default:60}},data:function(){return{currentValue:this.value,isempty:!this.value,iserror:!1,showPwd:!1,showClear:!1,showWarn:!0,initError:!1,valid:!0,errorMsg:"",errorCode:"",regexObj:{email:"^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$",mobile:"^(86)?1[3,4,5,7,8]\\d{9}$",bankcard:"^\\d{15,19}$"},start:!1,remain:this.wait}},computed:{isShowError:function(){return(!!this.regex||!!this.min||!!this.max||this.required)&&this.iserror&&this.initError},isShowSuccess:function(){return(!!this.regex||!!this.min||!!this.max||this.required)&&!this.iserror&&""!=this.currentValue}},methods:{validatorInput:function(e,t){if(this.initError=t,t&&(this.showWarn=!1),this.required&&""===e)return this.setError("不能为空","NOT_NULL"),void(this.iserror=!0);if("number"==this.type&&this.min&&parseInt(e)<this.min)return this.setError("输入不能小于"+this.min,"NOT_MIN_SIZE"),void(this.iserror=!0);if("number"==this.type&&this.max&&parseInt(e)>this.max)return this.setError("输入不能小于"+this.min+"，不能大于"+this.max,"NOT_MAX_SIZE"),void(this.iserror=!0);var n=e,r=this.trim(this.regex,"/");return n&&this.regex&&!new RegExp(r).test(n)?(this.setError("输入字符不符合规则","NOT_REGEX_RULE"),void(this.iserror=!0)):this.regex&&!new RegExp(this.regex).test(e)?(this.setError("输入字符不符合规则","NOT_REGEX_RULE"),void(this.iserror=!0)):(this.iserror=!1,this.valid=!0,this.errorMsg="",void(this.errorCode=""))},blurHandler:function(){var e=this;this.validatorInput(this.currentValue,!0),setTimeout(function(){e.showClear=!1},200)},clearInput:function(){this.currentValue="",this.emitInput()},emitInput:function(){if("bankcard"===this.regex)return/\S{5}/.test(this.currentValue)&&(this.currentValue=this.currentValue.replace(/\s/g,"").replace(/(\d{4})(?=\d)/g,"$1 ")),void this.$emit("input",this.currentValue.replace(/\s/g,""));this.$emit("input",this.currentValue)},setError:function(e,t){this.errorMsg=e,this.errorCode=t,this.valid=!1},trim:function(e,t){return e?e.replace(new RegExp("^\\"+t+"+|\\"+t+"+$","g"),""):e},countdown:function(){var e=this;if(!/^\d{11}$/.test(this.currentValue))return this.$el.style.animation="shakeBorder linear 1s",void setTimeout(function(){e.$el.style.animation=""},1e3);this.start=!0;var t=0,n=function n(){++t,e.remain=e.wait-t,e.remain>0?setTimeout(n,1e3):e.start=!1};setTimeout(n,1e3),this.$emit("post",this.currentValue)}},watch:{value:function(e){this.currentValue=e,this.emitInput()},currentValue:function(e){this.isempty=!e,this.validatorInput(e,!0),this.emitInput()},required:function(e){this.required=e,this.validatorInput(this.currentValue,!1)}},mounted:function(){"text"!=this.type&&this.validatorInput(this.currentValue,!1)}}}});