w-ui/lib/scroll-picker/index.js

A Vue.js 2.0 UI Toolkit for mobile

module.exports=function(t){function e(n){if(i[n])return i[n].exports;var s=i[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=388)}({0:function(t,e){t.exports=function(t,e,i,n,s,r){var o,a=t=t||{},h=typeof t.default;"object"!==h&&"function"!==h||(o=t,a=t.default);var u="function"==typeof a?a.options:a;e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0),i&&(u.functional=!0),s&&(u._scopeId=s);var c;if(r?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},u._ssrRegister=c):n&&(c=n),c){var l=u.functional,d=l?u.render:u.beforeCreate;l?(u._injectStyles=c,u.render=function(t,e){return c.call(e),d(t,e)}):u.beforeCreate=d?[].concat(d,c):[c]}return{esModule:o,exports:a,options:u}}},1:function(t,e,i){"use strict";function n(t,e){var i=t[1]||"",n=t[3];if(!n)return i;if(e&&"function"==typeof btoa){var r=s(n);return[i].concat(n.sources.map(function(t){return"/*# sourceURL="+n.sourceRoot+t+" */"})).concat([r]).join("\n")}return[i].join("\n")}function s(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var i=n(e,t);return e[2]?"@media "+e[2]+"{"+i+"}":i}).join("")},e.i=function(t,i){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},s=0;s<this.length;s++){var r=this[s][0];"number"==typeof r&&(n[r]=!0)}for(s=0;s<t.length;s++){var o=t[s];"number"==typeof o[0]&&n[o[0]]||(i&&!o[2]?o[2]=i:i&&(o[2]="("+o[2]+") and ("+i+")"),e.push(o))}},e}},2:function(t,e,i){function n(t){for(var e=0;e<t.length;e++){var i=t[e],n=c[i.id];if(n){n.refs++;for(var s=0;s<n.parts.length;s++)n.parts[s](i.parts[s]);for(;s<i.parts.length;s++)n.parts.push(r(i.parts[s]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.length)}else{for(var o=[],s=0;s<i.parts.length;s++)o.push(r(i.parts[s]));c[i.id]={id:i.id,refs:1,parts:o}}}}function s(){var t=document.createElement("style");return t.type="text/css",l.appendChild(t),t}function r(t){var e,i,n=document.querySelector("style["+w+'~="'+t.id+'"]');if(n){if(m)return p;n.parentNode.removeChild(n)}if(b){var r=f++;n=d||(d=s()),e=o.bind(null,n,r,!1),i=o.bind(null,n,r,!0)}else n=s(),e=a.bind(null,n),i=function(){n.parentNode.removeChild(n)};return e(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;e(t=n)}else i()}}function o(t,e,i,n){var s=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=x(e,s);else{var r=document.createTextNode(s),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(r,o[e]):t.appendChild(r)}}function a(t,e){var i=e.css,n=e.media,s=e.sourceMap;if(n&&t.setAttribute("media",n),v.ssrId&&t.setAttribute(w,e.id),s&&(i+="\n/*# sourceURL="+s.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var h="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!h)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 u=i(3),c={},l=h&&(document.head||document.getElementsByTagName("head")[0]),d=null,f=0,m=!1,p=function(){},v=null,w="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,i,s){m=i,v=s||{};var r=u(t,e);return n(r),function(e){for(var i=[],s=0;s<r.length;s++){var o=r[s],a=c[o.id];a.refs--,i.push(a)}e?(r=u(t,e),n(r)):r=[];for(var s=0;s<i.length;s++){var a=i[s];if(0===a.refs){for(var h=0;h<a.parts.length;h++)a.parts[h]();delete c[a.id]}}}};var x=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}()},3:function(t,e,i){"use strict";t.exports=function(t,e){for(var i=[],n={},s=0;s<e.length;s++){var r=e[s],o=r[0],a=r[1],h=r[2],u=r[3],c={id:t+":"+s,css:a,media:h,sourceMap:u};n[o]?n[o].parts.push(c):i.push(n[o]={id:o,parts:[c]})}return i}},319:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"w-scroll-picker",data:function(){return{drag:!1,startX:0,startY:0,startTime:0,currentX:0,currentY:0,currentIndex:0,offsetW:0,offsetH:0,lastTime:0,timer:null,total:0,ww:0}},props:{direction:{type:String,default:"h"},change:Function,centerActivedItem:{type:Boolean,default:!0},value:{type:Number,default:0}},methods:{touchstart:function(t){this.drag=!0;var e=t.targetTouches||[t];e=e[0],this.startX=e.pageX,this.startY=e.pageY,this.startTime=Date.now(),this.offsetW=0,this.offsetH=0,"h"==this.direction?(this.currentX=this.getCurrentX(),this.setBound()):"v"==this.direction&&(this.currentY=this.getCurrentY(),this.setBoundVertical()),t.preventDefault(),t.stopPropagation()},touchmove:function(t){this.drag&&(this.move(t),t.preventDefault(),t.stopPropagation())},touchend:function(t){if(this.drag)if(this.drag=!1,"h"==this.direction){var e=this.getCurrentX();e>this.maxsw?(this.bounceBack(this.maxsw-this.itemWidth/2,0),this.$emit("input",0)):e<this.minsw?(this.bounceBack(this.minsw+this.itemWidth/2,0),this.$emit("input",this.total-1)):this.momentumMove(t)}else{var i=this.getCurrentY();i>this.maxsh?(this.bounceBack(0,this.maxsh-this.itemWidth/2),this.$emit("input",0)):i<this.minsh?(this.bounceBack(0,this.minsh+this.itemWidth/2),this.$emit("input",this.total-1)):this.momentumMove(t)}},move:function(t){if(this.drag){var e=t.targetTouches||[t];if(e=e[0],"h"==this.direction){var i=e.pageX-this.startX;this.offsetW=i;var n=this.currentX+i;n=this.getDamping(n),this.translateTo(n,0,0,!0)}else{var s=e.pageY-this.startY;this.offsetH=s;var r=this.currentY+s;r=this.getDamping(r),this.translateTo(0,r,0,!0)}}},bounceBack:function(t,e,i){var n=i||500;this.translateTo(t,e,n)},getDamping:function(t){var e=this.maxsw,i=this.minsw;return"v"===this.direction&&(e=this.maxsh,i=this.minsh),t>e?e+Math.round(t/4):t<i?Math.round(i-(i-t)/4):t},momentumMove:function(t){var e=this,i=Date.now()-this.startTime;if("h"==this.direction){var n=this.getCurrentX();if(i>500||Math.abs(this.offsetW)<10)return;var s=Math.abs(this.offsetW)/i,r=s*s/8e-4*(this.offsetW<0?-1:1),o=Math.round(n+r),a=Math.round(r/s);o<this.minsw?o=Math.round(this.minsw-this.ww/(6*s)):o>this.maxsw&&(o=Math.round(this.ww/(6*s))),a<300&&(a=300),a>600&&(a=600);var h=Math.ceil((o-this.maxsw)/this.itemWidth);o=h*this.itemWidth+this.maxsw-this.itemWidth/2,this.translateTo(o,0,a),setTimeout(function(){n=e.getCurrentX(),n>e.maxsw?(e.bounceBack(e.maxsw-e.itemWidth/2,0),e.$emit("input",0)):n<e.minsw?(e.bounceBack(e.minsw+e.itemWidth/2,0),e.$emit("input",e.total-1)):e.$emit("input",Math.abs(h))},a)}else{var u=this.getCurrentY();if(i>500||Math.abs(this.offsetH)<10)return;var c=Math.abs(this.offsetH)/i,l=c*c/4e-4*(this.offsetH<0?-1:1),d=Math.round(u+l),f=Math.round(l/c);d<this.minsh?d=Math.round(this.minsh-this.hh/(6*c)):d>0&&(d=Math.round(this.hh/(6*c))),f<300&&(f=300),f>600&&(f=600);var m=Math.ceil((d-this.maxsh)/this.itemWidth);d=m*this.itemWidth+this.maxsh-this.itemWidth/2,this.translateTo(0,d,f),setTimeout(function(){u=e.getCurrentY(),u>e.maxsh?(e.bounceBack(0,e.maxsh-e.itemWidth/2),e.$emit("input",0)):u<e.minsh?(e.bounceBack(0,e.minsh+e.itemWidth/2),e.$emit("input",e.total-1)):e.$emit("input",Math.abs(m))},f)}},getCurrentX:function(){var t="0",e=this.$refs.box.style.transform;if(e){var i=e.replace(/\s/g,"").match(/translate3d\(([^,]+),(?:.*?)\)/);i&&i.length>1&&(t=i[1].replace("px",""))}return Number.isNaN(t)?0:parseInt(t)},getCurrentY:function(){var t="0",e=this.$refs.box.style.transform;if(e){var i=e.replace(/\s/g,"").match(/translate3d\((?:.*?),(.*?),(?:.*?)\)/);i&&i.length>1&&(t=i[1].replace("px",""))}return Number.isNaN(t)?0:parseInt(t)},centerItem:function(t){if(t>0&&t<this.total)if(this.currentIndex=t,"h"===this.direction){var e=this.maxsw-t*this.itemWidth-this.itemWidth/2;this.translateTo(e,0,600),this.$emit("input",this.currentIndex)}else{var i=this.maxsh-t*this.itemWidth-this.itemWidth/2;this.translateTo(0,i,600),this.$emit("input",this.currentIndex)}},translateTo:function(t,e,i,n){var s=i||300;i<300&&(i=300),i>1200&&(i=1200),n?(this.$refs.box.style.webkitTransition="none",this.$refs.box.style.transition="none"):(this.$refs.box.style.webkitTransition=s+"ms all cubic-bezier(0.1, 0.57, 0.1, 1)",this.$refs.box.style.transition=s+"ms all cubic-bezier(0.1, 0.57, 0.1, 1)"),this.$refs.box.style.webkitTransform="translate("+t+"px, "+e+"px)",this.$refs.box.style.transform="translate3d("+t+"px, "+e+"px, 0)"},setCurrent:function(t){t>=0&&t<this.total&&this.centerItem(t)},setBound:function(){var t=this.$refs.box.offsetWidth,e=this.$el.offsetWidth/2;this.ww=this.$el.offsetWidth,this.maxsw=e,this.minsw=this.ww-t-e,this.minsw>0&&(this.minsw=0),this.itemWidth=t/this.total},setBoundVertical:function(){var t=this.$refs.box.offsetHeight,e=this.$el.offsetHeight/2;this.hh=this.$el.offsetHeight,this.maxsh=e,this.minsh=this.hh-t-e,this.minsh>0&&(this.minsh=0),this.itemWidth=t/this.total}},mounted:function(){this.total=this.$slots.default.length,"h"==this.direction?(this.setBound(),this.setCurrent(this.value)):(this.setBoundVertical(),this.setCurrent(this.value)),this.$el.addEventListener("touchmove",this.touchmove,{passive:!0}),this.$el.addEventListener("touchend",this.touchend,{passive:!0}),window.addEventListener("mousemove",this.touchmove,!1),window.addEventListener("mouseup",this.touchend,!1)},destroyed:function(){window.removeEventListener("mousemove",this.touchmove,!1),window.removeEventListener("mouseup",this.touchend,!1)}}},388:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPicker=void 0;var n=i(389),s=function(t){return t&&t.__esModule?t:{default:t}}(n);e.ScrollPicker=s.default},389:function(t,e,i){"use strict";function n(t){h||i(390)}Object.defineProperty(e,"__esModule",{value:!0});var s=i(319),r=i.n(s);for(var o in s)"default"!==o&&function(t){i.d(e,t,function(){return s[t]})}(o);var a=i(392),h=!1,u=i(0),c=n,l=u(r.a,a.a,!1,c,null,null);l.options.__file="packages/scroll-picker/src/scrollpicker.vue",e.default=l.exports},390:function(t,e,i){var n=i(391);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);i(2)("3776a37d",n,!1,{})},391:function(t,e,i){e=t.exports=i(1)(!1),e.push([t.i,"\n.wui-scroll-card-h {\n  width: 100%;\n  overflow: hidden;\n}\n.wui-scroll-card-h .wui-scroll-nav {\n  min-width: 5000%;\n  overflow: hidden;\n}\n.wui-scroll-card-h .wui-scroll-nav .wui-scroll-container {\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-align-content: center;\n      -ms-flex-line-pack: center;\n          align-content: center;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-flex-wrap: nowrap;\n      -ms-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n}\n.wui-scroll-card-v {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.wui-scroll-card-v .wui-scroll-nav {\n  min-height: 5000%;\n  overflow: hidden;\n}\n.wui-scroll-card-v .wui-scroll-nav .wui-scroll-container {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-align-content: center;\n      -ms-flex-line-pack: center;\n          align-content: center;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n          flex-wrap: wrap;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n}\n",""])},392:function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return"h"===t.direction?i("div",{staticClass:"wui-scroll-card-h"},[i("div",{ref:"nav",staticClass:"wui-scroll-nav"},[i("div",{ref:"box",staticClass:"wui-scroll-container",on:{touchstart:t.touchstart,mousedown:t.touchstart}},[t._t("default")],2)])]):i("div",{staticClass:"wui-scroll-card-v"},[i("div",{ref:"nav",staticClass:"wui-scroll-nav"},[i("div",{ref:"box",staticClass:"wui-scroll-container",on:{touchstart:t.touchstart,mousedown:t.touchstart}},[t._t("default")],2)])])},s=[];n._withStripped=!0;var r={render:n,staticRenderFns:s};e.a=r}});