@xysfe/actui/es/assets/mixins/touch.js

A fantastic mobile ui lib implement by Vue

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["assets/mixins/touch.js"]=e():t["assets/mixins/touch.js"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var s=n[o]={i:o,l:!1,exports:{}};return t[o].call(s.exports,s,s.exports,e),s.l=!0,s.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="../es",e(e.s=890)}({159:function(t,e,n){"use strict";function o(t,e,n){var o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];t.addEventListener(e,n,!!c&&{capture:!1,passive:o})}function s(t,e,n){t.removeEventListener(e,n)}function i(t){t.stopPropagation()}function r(t,e){("boolean"!=typeof t.cancelable||t.cancelable)&&t.preventDefault(),e&&i(t)}Object.defineProperty(e,"__esModule",{value:!0}),n.d(e,"supportsPassive",function(){return c}),e.on=o,e.off=s,e.stopPropagation=i,e.preventDefault=r;var c=!1;try{var u={};Object.defineProperty(u,"passive",{get:function(){c=!0}}),window.addEventListener("test-passive",null,u)}catch(t){}},890:function(t,e,n){"use strict";function o(t,e){return t>e&&t>i?"horizontal":e>t&&e>i?"vertical":""}Object.defineProperty(e,"__esModule",{value:!0});var s=n(159),i=10;e.default={data:function(){return{direction:""}},methods:{touchStart:function(t){this.resetTouchStatus(),this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY},touchMove:function(t){var e=t.touches[0];this.deltaX=e.clientX-this.startX,this.deltaY=e.clientY-this.startY,this.offsetX=Math.abs(this.deltaX),this.offsetY=Math.abs(this.deltaY),this.direction=this.direction||o(this.offsetX,this.offsetY)},resetTouchStatus:function(){this.direction="",this.deltaX=0,this.deltaY=0,this.offsetX=0,this.offsetY=0},bindTouchEvent:function(t){var e=this.onTouchStart,n=this.onTouchMove,o=this.onTouchEnd;Object(s.on)(t,"touchstart",e),Object(s.on)(t,"touchmove",n),o&&(Object(s.on)(t,"touchend",o),Object(s.on)(t,"touchcancel",o))}}}}})});