license-plate-vue/dist/license-plate-vue.umd.min.js

license-plate vue h5

(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define("license-plate",[],t):"object"===typeof exports?exports["license-plate"]=t():e["license-plate"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,i),a.l=!0,a.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(n,a,function(t){return e[t]}.bind(null,a));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s="fd77")}({"3db1":function(e,t,i){var n=i("a1a8");t=n(!1),t.push([e.i,".pop-container[data-v-66c90be1]{width:100%;max-height:80vh;overflow-x:hidden}.pop-wrap[data-v-66c90be1]{position:relative;width:100%;box-sizing:border-box}.pop-wrap .ipt-wrap[data-v-66c90be1]{padding:4vw;background-color:#fff;margin-bottom:2vw;border-radius:10px}.pop-wrap .ipt-wrap .ipt-list[data-v-66c90be1]{display:flex;align-items:center;justify-content:space-between}.pop-wrap .ipt-wrap .ipt-list>div[data-v-66c90be1]{flex:none}.pop-wrap .ipt-wrap .ipt-list .ipt-num[data-v-66c90be1]{display:flex;justify-content:center;align-items:center;width:9.2vw;height:11vw;border-radius:5px;font-size:5vw;color:#000;line-height:12vw;box-sizing:border-box;border:1px solid #9094a8}.pop-wrap .ipt-wrap .ipt-list .ipt-num.active[data-v-66c90be1]{border-color:#4c88ff}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num[data-v-66c90be1]{border-style:solid;border-color:#9094a8}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num .addition-preview[data-v-66c90be1]{position:relative;display:flex;align-items:center;flex-direction:column;color:#9094a8;white-space:nowrap}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num .addition-preview span[data-v-66c90be1]{transform:scale(.5);font-size:5vw;line-height:5vw}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num.active[data-v-66c90be1]{border-color:#22b938}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num.active .addition-preview[data-v-66c90be1]{position:relative;display:flex;align-items:center;flex-direction:column;color:#22b938;white-space:nowrap}.pop-wrap .ipt-wrap .ipt-list .ipt-num.addition-num.active .addition-preview span[data-v-66c90be1]{transform:scale(.5);font-size:5vw;line-height:5vw}.pop-wrap .ipt-wrap .ipt-list .ipt-split[data-v-66c90be1]{width:2vw;height:2vw;background:#b3b3b3;border-radius:100%}.pop-wrap .confirm-wrap[data-v-66c90be1]{margin:6vw 0}.pop-wrap .confirm-wrap .confirm-btn[data-v-66c90be1]{display:block;width:100%;display:flex;align-items:center;justify-content:center;padding:3vw;font-size:16px;background-color:#22b938;color:#fff;box-sizing:border-box;border-width:0;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;outline:none;-webkit-appearance:none;border-radius:10px}.pop-wrap .confirm-wrap .confirm-btn[data-v-66c90be1]:disabled{background-color:rgba(34,185,56,.5)}.pop-wrap .keyboard-container[data-v-66c90be1]{min-height:26vh}.pop-wrap .keyborad-wrap[data-v-66c90be1]{padding:1.2vw 0;flex-wrap:wrap;border-radius:10px;background-color:#f1f1f1}.pop-wrap .keyborad-wrap[data-v-66c90be1],.pop-wrap .keyborad-wrap>div[data-v-66c90be1]{display:flex;align-items:center;justify-content:center}.pop-wrap .keyborad-wrap>div[data-v-66c90be1]{position:relative;flex:none;margin:1vw .5vw;color:#111;width:8vw;height:10vw;font-size:5vw;background-color:#fff;box-shadow:.2vw .3vw 0 0 rgba(0,0,0,.25);border-radius:.8vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:box-shadow .3s}.pop-wrap .keyborad-wrap>div.disabled[data-v-66c90be1]{color:#e1e0e0}.pop-wrap .keyborad-wrap>div[data-v-66c90be1]:active{box-shadow:inset .2vw .3vw 0 0 rgba(0,0,0,.25)}.pop-wrap .keyborad-wrap>div:active .del-img[data-v-66c90be1],.pop-wrap .keyborad-wrap>div:active span[data-v-66c90be1]{transform:translate(1px,1px)}.pop-wrap .keyborad-wrap>div.disabled[data-v-66c90be1]:active{box-shadow:.2vw .3vw 0 0 rgba(0,0,0,.25)}.pop-wrap .keyborad-wrap>div.disabled:active .del-img[data-v-66c90be1],.pop-wrap .keyborad-wrap>div.disabled:active span[data-v-66c90be1]{transform:translate(0)}.pop-wrap .keyborad-wrap>div.del[data-v-66c90be1]{width:14vw;height:10vw;background:#d5d5d5}.pop-wrap .keyborad-wrap>div.del .del-img[data-v-66c90be1]{width:7vw;height:5vw}.pop-wrap .keyborad-wrap>div.del .del-img img[data-v-66c90be1]{display:block;width:100%;height:100%}.pop-wrap .keyborad-wrap>div .addtion-list[data-v-66c90be1]{position:absolute;top:0;right:100%;transform:translateX(-.5vw);display:flex;align-items:center}.pop-wrap .keyborad-wrap>div .addtion-list>div[data-v-66c90be1]{position:relative;flex:none;display:flex;align-items:center;justify-content:center;margin:1vw .5vw;color:#111;width:8vw;height:10vw;font-size:5vw;background-color:#fff;box-shadow:.2vw .3vw 0 0 rgba(0,0,0,.25);border-radius:.8vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:0}.pop-wrap .keyborad-wrap>div .addtion-list>div.disabled[data-v-66c90be1]{color:#e1e0e0}",""]),e.exports=t},5925:function(e,t,i){"use strict";function n(e,t){for(var i=[],n={},a=0;a<t.length;a++){var r=t[a],o=r[0],s=r[1],d=r[2],p=r[3],c={id:e+":"+a,css:s,media:d,sourceMap:p};n[o]?n[o].parts.push(c):i.push(n[o]={id:o,parts:[c]})}return i}i.r(t),i.d(t,"default",(function(){return f}));var a="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!a)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 r={},o=a&&(document.head||document.getElementsByTagName("head")[0]),s=null,d=0,p=!1,c=function(){},l=null,u="data-vue-ssr-id",v="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(e,t,i,a){p=i,l=a||{};var o=n(e,t);return h(o),function(t){for(var i=[],a=0;a<o.length;a++){var s=o[a],d=r[s.id];d.refs--,i.push(d)}t?(o=n(e,t),h(o)):o=[];for(a=0;a<i.length;a++){d=i[a];if(0===d.refs){for(var p=0;p<d.parts.length;p++)d.parts[p]();delete r[d.id]}}}}function h(e){for(var t=0;t<e.length;t++){var i=e[t],n=r[i.id];if(n){n.refs++;for(var a=0;a<n.parts.length;a++)n.parts[a](i.parts[a]);for(;a<i.parts.length;a++)n.parts.push(b(i.parts[a]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.length)}else{var o=[];for(a=0;a<i.parts.length;a++)o.push(b(i.parts[a]));r[i.id]={id:i.id,refs:1,parts:o}}}}function w(){var e=document.createElement("style");return e.type="text/css",o.appendChild(e),e}function b(e){var t,i,n=document.querySelector("style["+u+'~="'+e.id+'"]');if(n){if(p)return c;n.parentNode.removeChild(n)}if(v){var a=d++;n=s||(s=w()),t=y.bind(null,n,a,!1),i=y.bind(null,n,a,!0)}else n=w(),t=g.bind(null,n),i=function(){n.parentNode.removeChild(n)};return t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else i()}}var m=function(){var e=[];return function(t,i){return e[t]=i,e.filter(Boolean).join("\n")}}();function y(e,t,i,n){var a=i?"":n.css;if(e.styleSheet)e.styleSheet.cssText=m(t,a);else{var r=document.createTextNode(a),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(r,o[t]):e.appendChild(r)}}function g(e,t){var i=t.css,n=t.media,a=t.sourceMap;if(n&&e.setAttribute("media",n),l.ssrId&&e.setAttribute(u,t.id),a&&(i+="\n/*# sourceURL="+a.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),e.styleSheet)e.styleSheet.cssText=i;else{while(e.firstChild)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}},"98b1":function(e,t,i){var n=i("3db1");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);var a=i("5925").default;a("9b1d564e",n,!0,{sourceMap:!1,shadowMode:!1})},a1a8:function(e,t,i){"use strict";function n(e,t){var i=e[1]||"",n=e[3];if(!n)return i;if(t&&"function"===typeof btoa){var r=a(n),o=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[i].concat(o).concat([r]).join("\n")}return[i].join("\n")}function a(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(t);return"/*# ".concat(i," */")}e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var i=n(t,e);return t[2]?"@media ".concat(t[2]," {").concat(i,"}"):i})).join("")},t.i=function(e,i,n){"string"===typeof e&&(e=[[null,e,""]]);var a={};if(n)for(var r=0;r<this.length;r++){var o=this[r][0];null!=o&&(a[o]=!0)}for(var s=0;s<e.length;s++){var d=[].concat(e[s]);n&&a[d[0]]||(i&&(d[2]?d[2]="".concat(i," and ").concat(d[2]):d[2]=i),t.push(d))}},t}},d34e:function(e,t,i){"use strict";i("98b1")},e67d:function(e,t){(function(e){var t="currentScript",i=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(n){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(n.stack)||[!1])[1];for(e in i)if(i[e].src==t||"interactive"==i[e].readyState)return i[e];return null}}})})(document)},fd77:function(e,t,i){"use strict";var n;(i.r(t),i.d(t,"licensePlateVue",(function(){return h})),"undefined"!==typeof window)&&(i("e67d"),(n=window.document.currentScript)&&(n=n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(i.p=n[1]));var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"pop-container"},[i("div",{staticClass:"pop-wrap"},[i("div",{staticClass:"ipt-wrap"},[i("div",{staticClass:"ipt-list"},e._l(e.inputAreaList,(function(t){return i("div",{key:t.index,class:[-1===t.index?"ipt-split":"ipt-num",e.activeIndex===t.index?" active":"",7===t.index?" addition-num":""],on:{click:function(i){return e.handleChooseIpt(t.index)}}},[e.plateNum[t.index]?i("div",[e._v(e._s(e.plateNum[t.index]))]):e._e(),!e.isNewEnergy||7!==t.index||" "!==e.plateNum[7]&&e.plateNum[7]?e._e():i("div",{staticClass:"addition-preview"},[i("span",[e._v("新能源")])])])})),0)]),e.showKeyboard?i("div",{staticClass:"keyboard-container"},[i("div",{staticClass:"keyborad-wrap"},[e._l(e.iptKeyList,(function(t){return i("div",{key:t.key,class:[t.disabled?"disabled":""],on:{click:function(i){return e.handleInput(t.key,t.disabled)}}},[i("span",[e._v(e._s(t.key))]),e.showAdditionList&&"字"===t.key?i("div",{staticClass:"addtion-list"},e._l(e.additionKeyList,(function(t){return i("div",{key:t,on:{click:function(i){return e.handleInput(t)}}},[e._v(" "+e._s(t)+" ")])})),0):e._e()])})),i("div",{staticClass:"gray-key del",attrs:{"data-key":"del"},on:{click:e.handleRemove}},[e._m(0)])],2)]):e._e(),e.isSave?i("div",{staticClass:"confirm-wrap"},[i("button",{staticClass:"confirm-btn",attrs:{type:"button",disabled:!e.canSubmit},on:{click:e.confirm}},[e._v(" 保存 ")])]):e._e()])])},r=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"del-img"},[i("img",{attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAqBAMAAAAUtoW9AAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMA6y8RB7yol87aIURf9oCspPo+AAABKElEQVQ4y42UsU4CQRCGL2AwgcSCWJocV9jTYWJDQ2KrsT8KShIo6C14AAoeAC1tfAWoeQMqnsECkETzy+wwewsHf5hiZ7Pf/bO3szMbRWZfzwhs0W1GmTWWOLS7jJUnOLaBhx85hk0g3M7DXR57wGw//wyjOKvEuNVZcZIFMZviVycPQP8YlrBW4SgvjCrYOv8EtHOwiD9xV6lFeNH1+7qMgIwtoKNbf9fEFeKhhzvhSo+YoiouwcrDEvCq4RKItBDrNw72TLhf1k8UXnuhrpvQwTf81A0KMKHAG2CYHW5HTChwGgid1IQCU4zDvCQwocAl3i+FNCz7IXoUlgSaPpp4emX0smmZHJpCX2CnoNT02dLkRU3bgTcSbUHevLTt+YNBn5qTj9Q/+cdgxoiYpkoAAAAASUVORK5CYII="}})])}];const o="京津沪渝晋蒙吉黑苏浙皖闽赣鲁豫鄂湘粤桂琼川云藏青宁新港澳台甘辽冀贵陕".split(""),s=[0,1,2,3,4,5,6,7,8,9],d="QWERTYUIOPASDFGHJKLZXCVBNM".split(""),p="学挂警".split(""),c=[{index:0,type:1},{index:1,type:2},{index:-1},{index:2,type:3},{index:3,type:3},{index:4,type:3},{index:5,type:3},{index:6,type:4},{index:7,type:5}];var l={name:"license-plate-vue",props:{value:{type:String,default:""},limitProvince:{type:String,default:""},limitCity:{type:String,default:""},checkKeyBoardMap:Function,isSave:{type:Boolean,default:!0},isNewEnergy:{type:Boolean,default:!0}},data(){return{plateNum:"",canSubmit:!1,showKeyboard:!1,iptKeyList:[],activeIndex:-1,inputAreaList:c,additionKeyList:p,showAdditionList:!1}},mounted(){},methods:{confirm(){const e=this.plateNum.replace(/\s*/g,"");this.$emit("confirm",{plateNum:e,plateNumFor:e.slice(0,2)+"·"+e.slice(2),isNewEnergy:8===e.length,isProvincialCity:"A"===e[1],province:e[0]})},replaceIndexChar(e,t,i){return e.slice(0,t)+(void 0!==i?i:" ")+e.slice(t+1)},handleRemove(){const e=this.activeIndex;let t=this.plateNum;if(t[e]&&" "!==t[e])return t=this.replaceIndexChar(t,e),void(this.plateNum=t);if(7===e)return;const i=e-1>-1?e-1:0;t=this.replaceIndexChar(t,i),this.plateNum=t,this.activeIndex=i},handleInput(e,t){if(t)return;if("字"===e)return void(this.showAdditionList=!this.showAdditionList);const i=this.activeIndex;let n=this.plateNum;n=this.replaceIndexChar(n,i,e);let a=7===i?7:i+1>6?6:n[i+1]&&" "!==n[i+1]?i:i+1;this.plateNum=n,this.activeIndex=a},handleChooseIpt(e){const t=e;this.plateNum[t-1>-1?t-1:0]&&(this.showKeyboard=!0,this.activeIndex=Number(t))},checkProvinceDisabled(e){const t=o;let i=this.limitProvince.split("");return i=i.length>0?i:t,-1===i.findIndex(t=>t===e)},checkCityDisabled(e){const t=s.concat(d);let i=this.limitCity.split("");return i=i.length>0?i:t,"number"===typeof e||"I"===e||-1===i.findIndex(t=>t===e)},getKeyBoardList(){const e=this.activeIndex;if(e<0)return;const t=c.find(t=>t.index===e).type;if(this.showKeyboard=!!t,1===t)return{iptKeyList:o.map(e=>({key:e,disabled:this.checkProvinceDisabled(e)}))};if(2===t)return{iptKeyList:s.concat(d).map(e=>({key:e,disabled:this.checkCityDisabled(e)}))};if(3===t)return{iptKeyList:s.concat(d).map(e=>({key:e,disabled:"I"===e||"O"===e}))};if(4===t){let e=s.concat(d);return e.splice(29,0,"字"),{iptKeyList:e.map(e=>({key:e,disabled:"I"===e||"O"===e})),showAdditionList:!1}}return 5===t?{iptKeyList:s.concat(d).map(e=>({key:e,disabled:"I"===e||"O"===e}))}:void 0}},watch:{activeIndex:function(){let{iptKeyList:e,showAdditionList:t}=this.getKeyBoardList();this.checkKeyBoardMap&&(e=this.checkKeyBoardMap(e,this.plateNum,this.activeIndex)),this.iptKeyList=e,this.showAdditionList=!!t},plateNum:{handler(){const e=this.plateNum;this.$emit("input",e),this.$emit("change",e),this.canSubmit=!/\S+\s+\S+/.test(e)&&e.replace(/\s*/g,"").length>=7||0==e.replace(/\s*/g,"").length},immediate:!0},value:{handler(e,t){let i=e;i[0]&&this.checkProvinceDisabled(i[0])&&(i=""),i[1]&&this.checkCityDisabled(i[1])&&(i=i[0]),i=i.replace(/(·|\s*)/g,"").toUpperCase(),this.isNewEnergy||7!==i.length||(i=i.substring(0,6)),this.plateNum=i,t||(this.activeIndex=i.length?i.length>7?7:7===i.length?6:i.length:0)},immediate:!0}}},u=l;i("d34e");function v(e,t,i,n,a,r,o,s){var d,p="function"===typeof e?e.options:e;if(t&&(p.render=t,p.staticRenderFns=i,p._compiled=!0),n&&(p.functional=!0),r&&(p._scopeId="data-v-"+r),o?(d=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__),a&&a.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},p._ssrRegister=d):a&&(d=s?function(){a.call(this,(p.functional?this.parent:this).$root.$options.shadowRoot)}:a),d)if(p.functional){p._injectStyles=d;var c=p.render;p.render=function(e,t){return d.call(t),c(e,t)}}else{var l=p.beforeCreate;p.beforeCreate=l?[].concat(l,d):[d]}return{exports:e,options:p}}var f=v(u,a,r,!1,null,"66c90be1",null),h=f.exports;const w=e=>{w.installed||e.component(h.name,h)};"undefined"!==typeof window&&window.Vue&&w(window.Vue),h.install=w;var b=h;t["default"]=b}})}));
//# sourceMappingURL=license-plate-vue.umd.min.js.map