w-ui
Version:
A Vue.js 2.0 UI Toolkit for mobile
1 lines • 18.5 kB
JavaScript
module.exports=function(n){function e(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return n[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var t={};return e.m=n,e.c=t,e.d=function(n,t,r){e.o(n,t)||Object.defineProperty(n,t,{configurable:!1,enumerable:!0,get:r})},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},e.p="",e(e.s=183)}({0:function(n,e){n.exports=function(n,e,t,r,o,i){var s,a=n=n||{},l=typeof n.default;"object"!==l&&"function"!==l||(s=n,a=n.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),t&&(c.functional=!0),o&&(c._scopeId=o);var u;if(i?(u=function(n){n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,n||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),r&&r.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(i)},c._ssrRegister=u):r&&(u=r),u){var f=c.functional,d=f?c.render:c.beforeCreate;f?(c._injectStyles=u,c.render=function(n,e){return u.call(e),d(n,e)}):c.beforeCreate=d?[].concat(d,u):[u]}return{esModule:s,exports:a,options:c}}},1:function(n,e,t){"use strict";function r(n,e){var t=n[1]||"",r=n[3];if(!r)return t;if(e&&"function"==typeof btoa){var i=o(r);return[t].concat(r.sources.map(function(n){return"/*# sourceURL="+r.sourceRoot+n+" */"})).concat([i]).join("\n")}return[t].join("\n")}function o(n){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"}n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t=r(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<n.length;o++){var s=n[o];"number"==typeof s[0]&&r[s[0]]||(t&&!s[2]?s[2]=t:t&&(s[2]="("+s[2]+") and ("+t+")"),e.push(s))}},e}},183:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Keyboard=void 0;var r=t(184),o=function(n){return n&&n.__esModule?n:{default:n}}(r);e.Keyboard=o.default},184:function(n,e,t){"use strict";function r(n){l||t(185)}Object.defineProperty(e,"__esModule",{value:!0});var o=t(33),i=t.n(o);for(var s in o)"default"!==s&&function(n){t.d(e,n,function(){return o[n]})}(s);var a=t(187),l=!1,c=t(0),u=r,f=c(i.a,a.a,!1,u,null,null);f.options.__file="packages/keyboard/src/keyboard.vue",e.default=f.exports},185:function(n,e,t){var r=t(186);"string"==typeof r&&(r=[[n.i,r,""]]),r.locals&&(n.exports=r.locals);t(2)("434b3eb8",r,!1,{})},186:function(n,e,t){e=n.exports=t(1)(!1),e.push([n.i,"\n.wui-keyboard-mask {\n background-color: rgba(0, 0, 0, .4);\n position: fixed;\n z-index: 1502;\n bottom: 0;\n right: 0;\n left: 0;\n top: 0;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.wui-keyboard {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 1502;\n -webkit-transform: translate(0, 100%);\n transform: translate(0, 100%);\n -webkit-transition: -webkit-transform .3s;\n transition: -webkit-transform .3s;\n transition: transform .3s;\n transition: transform .3s, -webkit-transform .3s;\n background-color: #F7F7F7;\n}\n.wui-keyboard-active {\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n.wui-keyboard-content {\n background-color: #FFF;\n margin-top: .3rem;\n position: relative;\n}\n.wui-keyboard-content:before {\n content: '';\n position: absolute;\n z-index: 0;\n top: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #D9D9D9;\n -webkit-transform: scaleY(0.5);\n transform: scaleY(0.5);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n.wui-keyboard-title {\n overflow: hidden;\n padding: .2rem 0 .12rem;\n color: #222;\n margin-bottom: 1px;\n /* for old android */\n font-size: .24rem;\n text-align: center;\n background-color: #FFF;\n}\n.wui-keyboard-title:before {\n content: '\\E60A';\n font-size: 4.16px;\n font-size: 4.16px;\n font-size: .26rem;\n color: #FF2424;\n line-height: 1;\n margin-right: 0.96px;\n margin-right: 0.96px;\n margin-right: .06rem;\n}\n.wui-keyboard-numbers {\n font-size: .48rem;\n background-color: #FFF;\n}\n.wui-keyboard-numbers > li {\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.wui-keyboard-numbers > li > a {\n width: 1%;\n /* for old android */\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n color: #222;\n height: 1.2rem;\n position: relative;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.wui-keyboard-numbers > li > a:not(:last-child):after {\n content: '';\n position: absolute;\n z-index: 0;\n top: 0;\n right: 0;\n height: 100%;\n border-right: 1px solid #D9D9D9;\n -webkit-transform: scaleX(0.5);\n transform: scaleX(0.5);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n.wui-keyboard-numbers > li > a:before {\n content: '';\n position: absolute;\n z-index: 0;\n top: 0;\n left: 0;\n width: 100%;\n border-top: 1px solid #D9D9D9;\n -webkit-transform: scaleY(0.5);\n transform: scaleY(0.5);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n.wui-keyboard-numbers > li:last-child > a:last-child,\n.wui-keyboard-numbers > li:last-child > a:nth-last-child(3) {\n background-color: #F7F7F7;\n font-size: .3rem;\n color: #686868;\n}\n.wui-keyboard-head {\n height: .8rem;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n color: #1F2324;\n font-size: .3rem;\n position: relative;\n}\n.wui-keyboard-head:after {\n content: '';\n position: absolute;\n z-index: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom: 1px solid #D9D9D9;\n -webkit-transform: scaleY(0.5);\n transform: scaleY(0.5);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n.wui-keyboard-password {\n margin: 0 .8rem;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n background-color: #FFF;\n}\n.wui-keyboard-password:after {\n content: '';\n width: 200%;\n height: 200%;\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n position: absolute;\n border: 1px solid #D9D9D9;\n top: 0;\n left: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n border-radius: 4px;\n}\n.wui-keyboard-password li {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n -ms-flex: 1;\n flex: 1;\n position: relative;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1rem;\n}\n.wui-keyboard-password li:not(:last-child):after {\n content: '';\n width: 1px;\n height: 50%;\n position: absolute;\n right: 0;\n top: 25%;\n background-color: #D9D9D9;\n -webkit-transform: scaleX(0.5);\n transform: scaleX(0.5);\n}\n.wui-keyboard-password li i {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #000;\n}\n.wui-keyboard-error {\n padding: 2px .8rem;\n color: #F00;\n overflow: hidden;\n height: .5rem;\n line-height: .5rem;\n font-size: .24rem;\n text-align: left;\n}\n",""])},187:function(n,e,t){"use strict";var r=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.triggerClose?t("div",{directives:[{name:"show",rawName:"v-show",value:n.show,expression:"show"}],staticClass:"wui-keyboard-mask",on:{click:function(e){return e.stopPropagation(),n.close(e)}}}):t("div",{directives:[{name:"show",rawName:"v-show",value:n.show,expression:"show"}],staticClass:"wui-mask-keyboard"}),n._v(" "),t("div",{staticClass:"wui-keyboard",class:n.show?"wui-keyboard-active":""},[n._m(0),n._v(" "),t("div",{staticClass:"wui-keyboard-error"},[n._v(n._s(n.error))]),n._v(" "),t("ul",{staticClass:"wui-keyboard-password"},n._l(6,function(e){return t("li",[t("i",{directives:[{name:"show",rawName:"v-show",value:n.nums.length>=e,expression:"nums.length >= n"}]})])})),n._v(" "),t("div",{staticClass:"wui-keyboard-content"},[t("ul",{staticClass:"wui-keyboard-numbers"},n._l(4,function(e){return t("li",[n.triggerClose?[4==e?t("a",{on:{click:function(e){return e.stopPropagation(),n.close(e)}}},[n._v("取消")]):n._e()]:[4==e?t("a"):n._e()],n._v(" "),n._l(n.numsArr.slice(3*(e-1),3*e),function(e){return t("a",{on:{click:function(t){t.stopPropagation(),n.numclick(e)}}},[n._v(n._s(e))])}),n._v(" "),4==e?t("a",{on:{click:function(e){return e.stopPropagation(),n.backspace(e)}}},[n._v("删除")]):n._e()],2)}))])])])},o=[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"wui-keyboard-head"},[t("strong",[n._v("请输入密码")])])}];r._withStripped=!0;var i={render:r,staticRenderFns:o};e.a=i},2:function(n,e,t){function r(n){for(var e=0;e<n.length;e++){var t=n[e],r=u[t.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](t.parts[o]);for(;o<t.parts.length;o++)r.parts.push(i(t.parts[o]));r.parts.length>t.parts.length&&(r.parts.length=t.parts.length)}else{for(var s=[],o=0;o<t.parts.length;o++)s.push(i(t.parts[o]));u[t.id]={id:t.id,refs:1,parts:s}}}}function o(){var n=document.createElement("style");return n.type="text/css",f.appendChild(n),n}function i(n){var e,t,r=document.querySelector("style["+w+'~="'+n.id+'"]');if(r){if(m)return b;r.parentNode.removeChild(r)}if(g){var i=p++;r=d||(d=o()),e=s.bind(null,r,i,!1),t=s.bind(null,r,i,!0)}else r=o(),e=a.bind(null,r),t=function(){r.parentNode.removeChild(r)};return e(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;e(n=r)}else t()}}function s(n,e,t,r){var o=t?"":r.css;if(n.styleSheet)n.styleSheet.cssText=v(e,o);else{var i=document.createTextNode(o),s=n.childNodes;s[e]&&n.removeChild(s[e]),s.length?n.insertBefore(i,s[e]):n.appendChild(i)}}function a(n,e){var t=e.css,r=e.media,o=e.sourceMap;if(r&&n.setAttribute("media",r),h.ssrId&&n.setAttribute(w,e.id),o&&(t+="\n/*# sourceURL="+o.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)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 c=t(3),u={},f=l&&(document.head||document.getElementsByTagName("head")[0]),d=null,p=0,m=!1,b=function(){},h=null,w="data-vue-ssr-id",g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());n.exports=function(n,e,t,o){m=t,h=o||{};var i=c(n,e);return r(i),function(e){for(var t=[],o=0;o<i.length;o++){var s=i[o],a=u[s.id];a.refs--,t.push(a)}e?(i=c(n,e),r(i)):i=[];for(var o=0;o<t.length;o++){var a=t[o];if(0===a.refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete u[a.id]}}}};var v=function(){var n=[];return function(e,t){return n[e]=t,n.filter(Boolean).join("\n")}}()},3:function(n,e,t){"use strict";n.exports=function(n,e){for(var t=[],r={},o=0;o<e.length;o++){var i=e[o],s=i[0],a=i[1],l=i[2],c=i[3],u={id:n+":"+o,css:a,media:l,sourceMap:c};r[s]?r[s].parts.push(u):t.push(r[s]={id:s,parts:[u]})}return t}},33:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=t(5);e.default={name:"w-keyboard",data:function(){return{nums:"",show:this.value,error:"",numsArr:[1,2,3,4,5,6,7,8,9,0]}},props:{s:{type:Function},callback:{type:Function},value:{type:Boolean,default:!1},triggerClose:{type:Boolean,default:!0}},watch:{value:function(n){r.isIOS&&(n?(r.pageScroll.lock(),(0,r.addClass)(this.scrollView,"g-fix-ios-overflow-scrolling-bug")):(r.pageScroll.unlock(),(0,r.removeClass)(this.scrollView,"g-fix-ios-overflow-scrolling-bug"))),this.nums="",this.error="",this.show=n},nums:function(n){var e=this;n.length>=6&&setTimeout(function(){e.inputDone&&e.inputDone(n),e.callback&&e.callback(n),e.$emit("input",!1)},800)}},methods:{init:function(){var n=this;this.scrollView=(0,r.getScrollview)(this.$el),this.$on("wui.keyboard.error",function(e){n.setError(e)}),this.$on("wui.keyboard.close",this.close)},numclick:function(n){this.error="",this.nums.length>=6||(this.nums+=n)},backspace:function(){var n=this.nums;n&&(this.nums=n.substr(0,n.length-1))},close:function(){r.isIOS&&(0,r.removeClass)(this.scrollView,"g-fix-ios-overflow-scrolling-bug"),this.$emit("input",!1)},setError:function(n){this.error=n,this.nums=""}},created:function(){var n=window.navigator&&window.navigator.userAgent||"";this.isMobile=!!n.match(/AppleWebKit.*Mobile.*/)||"ontouchstart"in document.documentElement,this.$nextTick(this.init)},destroyed:function(){this.close(),r.pageScroll.unlock()}}},4:function(n,e){n.exports=require("vue")},5:function(n,e,t){"use strict";function r(n,e){if(!n||!e)return!1;if(-1!==e.indexOf(" "))throw new Error("className should not contain space.");return n.classList?n.classList.contains(e):(" "+n.className+" ").indexOf(" "+e+" ")>-1}function o(n,e){if(n){for(var t=n.className,o=(e||"").split(" "),i=0,s=o.length;i<s;i++){var a=o[i];a&&(n.classList?n.classList.add(a):r(n,a)||(t+=" "+a))}n.classList||(n.className=t)}}function i(n,e){if(n&&e){for(var t=e.split(" "),o=" "+n.className+" ",i=0,s=t.length;i<s;i++){var a=t[i];a&&(n.classList?n.classList.remove(a):r(n,a)&&(o=o.replace(" "+a+" "," ")))}n.classList||(n.className=v(o))}}function s(n,e,t){if(n&&e)if("object"===(void 0===e?"undefined":f(e)))for(var r in e)e.hasOwnProperty(r)&&s(n,r,e[r]);else e=y(e),"opacity"===e&&w<9?n.style.filter=isNaN(t)?"":"alpha(opacity="+100*t+")":n.style[e]=t}function a(n){for(var e=n;e&&"HTML"!==e.tagName&&"BODY"!==e.tagName&&1===e.nodeType;){var t=document.defaultView.getComputedStyle(e).overflowY;if("scroll"===t||"auto"===t)return e;e=e.parentNode}return window}function l(n,e){var t=n==window?document.body.offsetHeight:n.offsetHeight,r=n===window?0:n.getBoundingClientRect().top,o=e.getBoundingClientRect().top-r,i=o+e.offsetHeight;return o>=0&&o<t||i>0&&i<=t}function c(n){function e(t,r,o){if(t!==r){var i=t+o>r?r:t+o;t>r&&(i=t-o<r?r:t-o),n===window?window.scrollTo(i,i):n.scrollTop=i,window.requestAnimationFrame(function(){return e(i,r,o)})}}var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:500;window.requestAnimationFrame||(window.requestAnimationFrame=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(n){return window.setTimeout(n,1e3/60)});var i=Math.abs(t-r);e(t,r,Math.ceil(i/o*50))}function u(){return++g}Object.defineProperty(e,"__esModule",{value:!0}),e.isObject=e.isArray=e.isDate=e.isFunction=e.isNumber=e.isString=e.isBoolean=e.pageScroll=e.isIOS=e.getStyle=e.once=e.off=e.on=void 0;var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n};e.hasClass=r,e.addClass=o,e.removeClass=i,e.setStyle=s,e.getScrollview=a,e.checkInview=l,e.scrollTop=c,e.getZIndex=u;var d=t(4),p=function(n){return n&&n.__esModule?n:{default:n}}(d),m=p.default.prototype.$isServer,b=/([\:\-\_]+(.))/g,h=/^moz([A-Z])/,w=m?0:Number(document.documentMode),g=1e4,v=function(n){return(n||"").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g,"")},y=function(n){return n.replace(b,function(n,e,t,r){return r?t.toUpperCase():t}).replace(h,"Moz$1")},k=e.on=function(){return!m&&document.addEventListener?function(n,e,t){n&&e&&t&&n.addEventListener(e,t,!1)}:function(n,e,t){n&&e&&t&&n.attachEvent("on"+e,t)}}(),x=e.off=function(){return!m&&document.removeEventListener?function(n,e,t){n&&e&&n.removeEventListener(e,t,!1)}:function(n,e,t){n&&e&&n.detachEvent("on"+e,t)}}();e.once=function(n,e,t){k(n,e,function r(){t&&t.apply(this,arguments),x(n,e,r)})},e.getStyle=w<9?function(n,e){if(!m){if(!n||!e)return null;e=y(e),"float"===e&&(e="styleFloat");try{switch(e){case"opacity":try{return n.filters.item("alpha").opacity/100}catch(n){return 1}default:return n.style[e]||n.currentStyle?n.currentStyle[e]:null}}catch(t){return n.style[e]}}}:function(n,e){if(!m){if(!n||!e)return null;e=y(e),"float"===e&&(e="cssFloat");try{var t=document.defaultView.getComputedStyle(n,"");return n.style[e]||t?t[e]:null}catch(t){return n.style[e]}}},e.isIOS=!!(window.navigator&&window.navigator.userAgent||"").match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),e.pageScroll=function(){var n=function(n){n.preventDefault(),n.stopPropagation()},e=!1;return{lock:function(t){e||(e=!0,(t||document).addEventListener("touchmove",n))},unlock:function(t){e=!1,(t||document).removeEventListener("touchmove",n)}}}(),e.isBoolean=function(n){return"boolean"==typeof n},e.isString=function(n){return"string"==typeof n},e.isNumber=function(n){return"number"==typeof n},e.isFunction=function(n){return"function"==typeof n},e.isDate=function(n){return"date"===Object.prototype.toString.call(n).match(/^(\[object )(\w+)\]$/i)[2].toLowerCase()},e.isArray=Array.isArray,e.isObject=function(n){return"object"===(void 0===n?"undefined":f(n))}}});