drag-event-service - npm Package Compare versions

Comparing version 1.0.4 to 1.1.0

dist/drag-event-service.cjs.js

 /*!
- * drag-event-service v1.0.4
+ * drag-event-service v1.1.0
  * (c) phphe <[e-mail]> (https://github.com/phphe)
@@ -9,2 +9,4 @@ * Homepage: undefined
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
@@ -20,3 +22,3 @@
 };
-var index = {
+var DragEventService = {
   isTouch: function isTouch(e) {
@@ -52,3 +54,9 @@ return e.type && e.type.startsWith('touch');
           x: e.changedTouches[0].pageX,
-          y: e.changedTouches[0].pageY
+          y: e.changedTouches[0].pageY,
+          pageX: e.changedTouches[0].pageX,
+          pageY: e.changedTouches[0].pageY,
+          clientX: e.changedTouches[0].clientX,
+          clientY: e.changedTouches[0].clientY,
+          screenX: e.changedTouches[0].screenX,
+          screenY: e.changedTouches[0].screenY
         };
@@ -59,3 +67,9 @@ } else {
           x: e.pageX,
-          y: e.pageY
+          y: e.pageY,
+          pageX: e.pageX,
+          pageY: e.pageY,
+          clientX: e.clientX,
+          clientY: e.clientY,
+          screenX: e.screenX,
+          screenY: e.screenY
         };
@@ -123,2 +137,101 @@
 
-module.exports = index;
+function trackMouseOrTouchPosition() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var trackedInfo = {
+    position: {}
+  };
+
+  var update = function update(name, e) {
+    var isTouch = DragEventService.isTouch(e);
+
+    if (isTouch) {
+      // touch
+      Object.assign(trackedInfo.position, {
+        x: e.changedTouches[0].pageX,
+        y: e.changedTouches[0].pageY,
+        pageX: e.changedTouches[0].pageX,
+        pageY: e.changedTouches[0].pageY,
+        clientX: e.changedTouches[0].clientX,
+        clientY: e.changedTouches[0].clientY,
+        screenX: e.changedTouches[0].screenX,
+        screenY: e.changedTouches[0].screenY
+      });
+    } else {
+      // mouse
+      Object.assign(trackedInfo.position, {
+        x: e.pageX,
+        y: e.pageY,
+        pageX: e.pageX,
+        pageY: e.pageY,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        screenX: e.screenX,
+        screenY: e.screenY
+      });
+    }
+
+    if (name === 'start') {
+      trackedInfo.startEvent = e;
+    } else if (name === 'end') {
+      trackedInfo.endEvent = e;
+    }
+
+    Object.assign(trackedInfo, {
+      event: e,
+      isTouch: isTouch,
+      eventType: name
+    });
+  };
+
+  var onStart = function onStart(e) {
+    var isTouch = DragEventService.isTouch(e);
+
+    if (!isTouch && e.which !== 1) {
+      // not left button mousedown
+      return;
+    }
+
+    update('start', e);
+
+    if (options.onStart) {
+      options.onStart();
+    }
+  };
+
+  var onMove = function onMove() {
+    update('move', e);
+
+    if (options.onMove) {
+      options.onMove();
+    }
+  };
+
+  var onEnd = function onEnd() {
+    update('end', e);
+
+    if (options.onEnd) {
+      options.onEnd();
+    }
+  };
+
+  var start = function start() {
+    DragEventService.on(document, 'start', onStart);
+    DragEventService.on(document, 'move', onMove);
+    DragEventService.on(window, 'end', onEnd);
+  };
+
+  var stop = function stop() {
+    DragEventService.off(document, 'start', onStart);
+    DragEventService.off(document, 'move', onMove);
+    DragEventService.off(window, 'end', onEnd);
+  };
+
+  return {
+    info: info,
+    start: start,
+    stop: stop
+  };
+}
+
+exports.default = DragEventService;
+exports.trackMouseOrTouchPosition = trackMouseOrTouchPosition;

dist/drag-event-service.esm.js

 /*!
- * drag-event-service v1.0.4
+ * drag-event-service v1.1.0
  * (c) phphe <[e-mail]> (https://github.com/phphe)
@@ -15,3 +15,3 @@ * Homepage: undefined
 };
-var index = {
+var DragEventService = {
   isTouch: function isTouch(e) {
@@ -47,3 +47,9 @@ return e.type && e.type.startsWith('touch');
           x: e.changedTouches[0].pageX,
-          y: e.changedTouches[0].pageY
+          y: e.changedTouches[0].pageY,
+          pageX: e.changedTouches[0].pageX,
+          pageY: e.changedTouches[0].pageY,
+          clientX: e.changedTouches[0].clientX,
+          clientY: e.changedTouches[0].clientY,
+          screenX: e.changedTouches[0].screenX,
+          screenY: e.changedTouches[0].screenY
         };
@@ -54,3 +60,9 @@ } else {
           x: e.pageX,
-          y: e.pageY
+          y: e.pageY,
+          pageX: e.pageX,
+          pageY: e.pageY,
+          clientX: e.clientX,
+          clientY: e.clientY,
+          screenX: e.screenX,
+          screenY: e.screenY
         };
@@ -118,2 +130,101 @@
 
-export default index;
+function trackMouseOrTouchPosition() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var trackedInfo = {
+    position: {}
+  };
+
+  var update = function update(name, e) {
+    var isTouch = DragEventService.isTouch(e);
+
+    if (isTouch) {
+      // touch
+      Object.assign(trackedInfo.position, {
+        x: e.changedTouches[0].pageX,
+        y: e.changedTouches[0].pageY,
+        pageX: e.changedTouches[0].pageX,
+        pageY: e.changedTouches[0].pageY,
+        clientX: e.changedTouches[0].clientX,
+        clientY: e.changedTouches[0].clientY,
+        screenX: e.changedTouches[0].screenX,
+        screenY: e.changedTouches[0].screenY
+      });
+    } else {
+      // mouse
+      Object.assign(trackedInfo.position, {
+        x: e.pageX,
+        y: e.pageY,
+        pageX: e.pageX,
+        pageY: e.pageY,
+        clientX: e.clientX,
+        clientY: e.clientY,
+        screenX: e.screenX,
+        screenY: e.screenY
+      });
+    }
+
+    if (name === 'start') {
+      trackedInfo.startEvent = e;
+    } else if (name === 'end') {
+      trackedInfo.endEvent = e;
+    }
+
+    Object.assign(trackedInfo, {
+      event: e,
+      isTouch: isTouch,
+      eventType: name
+    });
+  };
+
+  var onStart = function onStart(e) {
+    var isTouch = DragEventService.isTouch(e);
+
+    if (!isTouch && e.which !== 1) {
+      // not left button mousedown
+      return;
+    }
+
+    update('start', e);
+
+    if (options.onStart) {
+      options.onStart();
+    }
+  };
+
+  var onMove = function onMove() {
+    update('move', e);
+
+    if (options.onMove) {
+      options.onMove();
+    }
+  };
+
+  var onEnd = function onEnd() {
+    update('end', e);
+
+    if (options.onEnd) {
+      options.onEnd();
+    }
+  };
+
+  var start = function start() {
+    DragEventService.on(document, 'start', onStart);
+    DragEventService.on(document, 'move', onMove);
+    DragEventService.on(window, 'end', onEnd);
+  };
+
+  var stop = function stop() {
+    DragEventService.off(document, 'start', onStart);
+    DragEventService.off(document, 'move', onMove);
+    DragEventService.off(window, 'end', onEnd);
+  };
+
+  return {
+    info: info,
+    start: start,
+    stop: stop
+  };
+}
+
+export default DragEventService;
+export { trackMouseOrTouchPosition };

dist/drag-event-service.js

 /*!
- * drag-event-service v1.0.4
+ * drag-event-service v1.1.0
  * (c) phphe <[e-mail]> (https://github.com/phphe)
@@ -8,6 +8,6 @@ * Homepage: undefined
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global = global || self, global.dragEventService = factory());
-}(this, (function () { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = global || self, factory(global.dragEventService = {}));
+}(this, (function (exports) { 'use strict';
 
@@ -916,3 +916,3 @@ function _arrayLikeToArray(arr, len) {
   };
-  var index = {
+  var DragEventService = {
     isTouch: function isTouch(e) {
@@ -948,3 +948,9 @@ return e.type && e.type.startsWith('touch');
             x: e.changedTouches[0].pageX,
-            y: e.changedTouches[0].pageY
+            y: e.changedTouches[0].pageY,
+            pageX: e.changedTouches[0].pageX,
+            pageY: e.changedTouches[0].pageY,
+            clientX: e.changedTouches[0].clientX,
+            clientY: e.changedTouches[0].clientY,
+            screenX: e.changedTouches[0].screenX,
+            screenY: e.changedTouches[0].screenY
           };
@@ -955,3 +961,9 @@ } else {
             x: e.pageX,
-            y: e.pageY
+            y: e.pageY,
+            pageX: e.pageX,
+            pageY: e.pageY,
+            clientX: e.clientX,
+            clientY: e.clientY,
+            screenX: e.screenX,
+            screenY: e.screenY
           };
@@ -1019,4 +1031,105 @@
 
-  return index;
+  function trackMouseOrTouchPosition() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var trackedInfo = {
+      position: {}
+    };
 
+    var update = function update(name, e) {
+      var isTouch = DragEventService.isTouch(e);
+
+      if (isTouch) {
+        // touch
+        Object.assign(trackedInfo.position, {
+          x: e.changedTouches[0].pageX,
+          y: e.changedTouches[0].pageY,
+          pageX: e.changedTouches[0].pageX,
+          pageY: e.changedTouches[0].pageY,
+          clientX: e.changedTouches[0].clientX,
+          clientY: e.changedTouches[0].clientY,
+          screenX: e.changedTouches[0].screenX,
+          screenY: e.changedTouches[0].screenY
+        });
+      } else {
+        // mouse
+        Object.assign(trackedInfo.position, {
+          x: e.pageX,
+          y: e.pageY,
+          pageX: e.pageX,
+          pageY: e.pageY,
+          clientX: e.clientX,
+          clientY: e.clientY,
+          screenX: e.screenX,
+          screenY: e.screenY
+        });
+      }
+
+      if (name === 'start') {
+        trackedInfo.startEvent = e;
+      } else if (name === 'end') {
+        trackedInfo.endEvent = e;
+      }
+
+      Object.assign(trackedInfo, {
+        event: e,
+        isTouch: isTouch,
+        eventType: name
+      });
+    };
+
+    var onStart = function onStart(e) {
+      var isTouch = DragEventService.isTouch(e);
+
+      if (!isTouch && e.which !== 1) {
+        // not left button mousedown
+        return;
+      }
+
+      update('start', e);
+
+      if (options.onStart) {
+        options.onStart();
+      }
+    };
+
+    var onMove = function onMove() {
+      update('move', e);
+
+      if (options.onMove) {
+        options.onMove();
+      }
+    };
+
+    var onEnd = function onEnd() {
+      update('end', e);
+
+      if (options.onEnd) {
+        options.onEnd();
+      }
+    };
+
+    var start = function start() {
+      DragEventService.on(document, 'start', onStart);
+      DragEventService.on(document, 'move', onMove);
+      DragEventService.on(window, 'end', onEnd);
+    };
+
+    var stop = function stop() {
+      DragEventService.off(document, 'start', onStart);
+      DragEventService.off(document, 'move', onMove);
+      DragEventService.off(window, 'end', onEnd);
+    };
+
+    return {
+      info: info,
+      start: start,
+      stop: stop
+    };
+  }
+
+  exports.default = DragEventService;
+  exports.trackMouseOrTouchPosition = trackMouseOrTouchPosition;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
 })));

dist/drag-event-service.min.js

 /*!
- * drag-event-service v1.0.4
+ * drag-event-service v1.1.0
  * (c) phphe <[e-mail]> (https://github.com/phphe)
@@ -7,3 +7,3 @@ * Homepage: undefined
  */
-!function(t,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(t=t||self).dragEventService=r()}(this,(function(){"use strict";var t=function(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=new Array(r);e<r;e++)n[e]=t[e];return n};var r=function(r){if(Array.isArray(r))return t(r)};var e=function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)};var n=function(r,e){if(r){if("string"==typeof r)return t(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}};var o=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")};var i=function(t){return r(t)||e(t)||n(t)||o()};function a(t,r){return t(r={exports:{}},r.exports),r.exports}var c=a((function(t){function r(e){return t.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},r(e)}t.exports=r}));var u=function(t,r){for(;!Object.prototype.hasOwnProperty.call(t,r)&&null!==(t=c(t)););return t};a((function(t){function r(e,n,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=r=Reflect.get:t.exports=r=function(t,r,e){var n=u(t,r);if(n){var o=Object.getOwnPropertyDescriptor(n,r);return o.get?o.get.call(e):o.value}},r(e,n,o||e)}t.exports=r})),a((function(t){function r(e,n){return t.exports=r=Object.setPrototypeOf||function(t,r){return t.__proto__=r,t},r(e,n)}t.exports=r})),a((function(t){function r(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=r=function(t){return typeof t}:t.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(e)}t.exports=r})),a((function(t){var r=function(t){var r=Object.prototype,e=r.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function c(t,r,e,n){var o=r&&r.prototype instanceof s?r:s,i=Object.create(o.prototype),a=new E(n||[]);return i._invoke=function(t,r,e){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return _()}for(e.method=o,e.arg=i;;){var a=e.delegate;if(a){var c=w(a,e);if(c){if(c===f)continue;return c}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===n)throw n="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n="executing";var s=u(t,r,e);if("normal"===s.type){if(n=e.done?"completed":"suspendedYield",s.arg===f)continue;return{value:s.arg,done:e.done}}"throw"===s.type&&(n="completed",e.method="throw",e.arg=s.arg)}}}(t,e,a),i}function u(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var f={};function s(){}function l(){}function h(){}var p={};p[o]=function(){return this};var y=Object.getPrototypeOf,v=y&&y(y(L([])));v&&v!==r&&e.call(v,o)&&(p=v);var d=h.prototype=s.prototype=Object.create(p);function g(t){["next","throw","return"].forEach((function(r){t[r]=function(t){return this._invoke(r,t)}}))}function m(t,r){var n;this._invoke=function(o,i){function a(){return new r((function(n,a){!function n(o,i,a,c){var f=u(t[o],t,i);if("throw"!==f.type){var s=f.arg,l=s.value;return l&&"object"==typeof l&&e.call(l,"__await")?r.resolve(l.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):r.resolve(l).then((function(t){s.value=t,a(s)}),(function(t){return n("throw",t,a,c)}))}c(f.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function w(t,r){var e=t.iterator[r.method];if(void 0===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=void 0,w(t,r),"throw"===r.method))return f;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=u(e,t.iterator,r.arg);if("throw"===n.type)return r.method="throw",r.arg=n.arg,r.delegate=null,f;var o=n.arg;return o?o.done?(r[t.resultName]=o.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,f):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,f)}function x(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function b(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function E(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var r=t[o];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function r(){for(;++n<t.length;)if(e.call(t,n))return r.value=t[n],r.done=!1,r;return r.value=void 0,r.done=!0,r};return i.next=i}}return{next:_}}function _(){return{value:void 0,done:!0}}return l.prototype=d.constructor=h,h.constructor=l,h[a]=l.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===l||"GeneratorFunction"===(r.displayName||r.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,a in t||(t[a]="GeneratorFunction")),t.prototype=Object.create(d),t},t.awrap=function(t){return{__await:t}},g(m.prototype),m.prototype[i]=function(){return this},t.AsyncIterator=m,t.async=function(r,e,n,o,i){void 0===i&&(i=Promise);var a=new m(c(r,e,n,o),i);return t.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},g(d),d[a]="Generator",d[o]=function(){return this},d.toString=function(){return"[object Generator]"},t.keys=function(t){var r=[];for(var e in t)r.push(e);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=L,E.prototype={constructor:E,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(b),!t)for(var r in this)"t"===r.charAt(0)&&e.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function n(e,n){return a.type="throw",a.arg=t,r.next=e,n&&(r.method="next",r.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=e.call(i,"catchLoc"),u=e.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,r){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&e.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,f):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),f},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),b(e),f}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;b(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,e){return this.delegate={iterator:L(t),resultName:r,nextLoc:e},"next"===this.method&&(this.arg=void 0),f}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).dragEventService={})}(this,(function(t){"use strict";var r=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n};var n=function(t){if(Array.isArray(t))return r(t)};var o=function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)};var i=function(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}};var c=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")};var a=function(t){return n(t)||o(t)||i(t)||c()};function u(t,e){return t(e={exports:{}},e.exports),e.exports}var s=u((function(t){function e(r){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(r)}t.exports=e}));var f=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t};u((function(t){function e(r,n,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,r){var n=f(t,e);if(n){var o=Object.getOwnPropertyDescriptor(n,e);return o.get?o.get.call(r):o.value}},e(r,n,o||r)}t.exports=e})),u((function(t){function e(r,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(r,n)}t.exports=e})),u((function(t){function e(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(r)}t.exports=e})),u((function(t){var e=function(t){var e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",c=n.toStringTag||"@@toStringTag";function a(t,e,r,n){var o=e&&e.prototype instanceof f?e:f,i=Object.create(o.prototype),c=new E(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return O()}for(r.method=o,r.arg=i;;){var c=r.delegate;if(c){var a=w(c,r);if(a){if(a===s)continue;return a}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var f=u(t,e,r);if("normal"===f.type){if(n=r.done?"completed":"suspendedYield",f.arg===s)continue;return{value:f.arg,done:r.done}}"throw"===f.type&&(n="completed",r.method="throw",r.arg=f.arg)}}}(t,r,c),i}function u(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=a;var s={};function f(){}function h(){}function l(){}var p={};p[o]=function(){return this};var d=Object.getPrototypeOf,y=d&&d(d(L([])));y&&y!==e&&r.call(y,o)&&(p=y);var g=l.prototype=f.prototype=Object.create(p);function v(t){["next","throw","return"].forEach((function(e){t[e]=function(t){return this._invoke(e,t)}}))}function m(t,e){var n;this._invoke=function(o,i){function c(){return new e((function(n,c){!function n(o,i,c,a){var s=u(t[o],t,i);if("throw"!==s.type){var f=s.arg,h=f.value;return h&&"object"==typeof h&&r.call(h,"__await")?e.resolve(h.__await).then((function(t){n("next",t,c,a)}),(function(t){n("throw",t,c,a)})):e.resolve(h).then((function(t){f.value=t,c(f)}),(function(t){return n("throw",t,c,a)}))}a(s.arg)}(o,i,n,c)}))}return n=n?n.then(c,c):c()}}function w(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return s;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var n=u(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,s;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,s):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,s)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function b(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function E(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:O}}function O(){return{value:void 0,done:!0}}return h.prototype=g.constructor=l,l.constructor=h,l[c]=h.displayName="GeneratorFunction",t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,l):(t.__proto__=l,c in t||(t[c]="GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},v(m.prototype),m.prototype[i]=function(){return this},t.AsyncIterator=m,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var c=new m(a(e,r,n,o),i);return t.isGeneratorFunction(r)?c:c.next().then((function(t){return t.done?t.value:c.next()}))},v(g),g[c]="Generator",g[o]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=L,E.prototype={constructor:E,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(b),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return c.type="throw",c.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],c=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var a=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(a&&u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var c=i?i.completion:{};return c.type=t,c.arg=e,i?(this.method="next",this.next=i.finallyLoc,s):this.complete(c)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),s},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),b(r),s}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;b(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:L(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),s}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}));
 /*!
@@ -15,2 +15,2 @@ * helper-js v1.4.36
    */
-function f(t,r,e){for(var n=arguments.length,o=new Array(n>3?n-3:0),i=3;i<n;i++)o[i-3]=arguments[i];t.addEventListener?t.addEventListener.apply(t,[r,e].concat(o)):t.attachEvent&&t.attachEvent.apply(t,["on".concat(r),e].concat(o))}function s(t,r,e){for(var n=arguments.length,o=new Array(n>3?n-3:0),i=3;i<n;i++)o[i-3]=arguments[i];t.removeEventListener?t.removeEventListener.apply(t,[r,e].concat(o)):t.detachEvent&&t.detachEvent.apply(t,["on".concat(r),e].concat(o))}var l={start:["mousedown","touchstart"],move:["mousemove","touchmove"],end:["mouseup","touchend"]};function h(t){return t||(t={}),{args:t.args||[],mouseArgs:t.mouseArgs||[],touchArgs:t.touchArgs||[]}}return{isTouch:function(t){return t.type&&t.type.startsWith("touch")},_getStore:function(t){return t._wrapperStore||(t._wrapperStore=[]),t._wrapperStore},on:function(t,r,e,n){var o,a,c=h(n),u=c.args,s=c.mouseArgs,p=c.touchArgs,y=this._getStore(t),v=this,d=function(t){var n;if(v.isTouch(t))n={x:t.changedTouches[0].pageX,y:t.changedTouches[0].pageY};else if(n={x:t.pageX,y:t.pageY},"start"===r&&1!==t.which)return;return e.call(this,t,n)};y.push({handler:e,wrapper:d}),(o=f).call.apply(o,[null,t,l[r][0],d].concat([].concat(i(u),i(s)))),(a=f).call.apply(a,[null,t,l[r][1],d].concat([].concat(i(u),i(p))))},off:function(t,r,e,n){for(var o=h(n),a=o.args,c=o.mouseArgs,u=this._getStore(t),f=u.length-1;f>=0;f--){var p,y,v=u[f],d=v.handler,g=v.wrapper;if(e===d)(p=s).call.apply(p,[null,t,l[r][0],g].concat([].concat(i(a),i(c)))),(y=s).call.apply(y,[null,t,l[r][1],g].concat([].concat(i(a),i(c)))),u.splice(f,1)}}}}));
+function h(t,e,r){for(var n=arguments.length,o=new Array(n>3?n-3:0),i=3;i<n;i++)o[i-3]=arguments[i];t.addEventListener?t.addEventListener.apply(t,[e,r].concat(o)):t.attachEvent&&t.attachEvent.apply(t,["on".concat(e),r].concat(o))}function l(t,e,r){for(var n=arguments.length,o=new Array(n>3?n-3:0),i=3;i<n;i++)o[i-3]=arguments[i];t.removeEventListener?t.removeEventListener.apply(t,[e,r].concat(o)):t.detachEvent&&t.detachEvent.apply(t,["on".concat(e),r].concat(o))}var p={start:["mousedown","touchstart"],move:["mousemove","touchmove"],end:["mouseup","touchend"]},d={isTouch:function(t){return t.type&&t.type.startsWith("touch")},_getStore:function(t){return t._wrapperStore||(t._wrapperStore=[]),t._wrapperStore},on:function(t,e,r,n){var o,i,c=y(n),u=c.args,s=c.mouseArgs,f=c.touchArgs,l=this._getStore(t),d=this,g=function(t){var n;if(d.isTouch(t))n={x:t.changedTouches[0].pageX,y:t.changedTouches[0].pageY,pageX:t.changedTouches[0].pageX,pageY:t.changedTouches[0].pageY,clientX:t.changedTouches[0].clientX,clientY:t.changedTouches[0].clientY,screenX:t.changedTouches[0].screenX,screenY:t.changedTouches[0].screenY};else if(n={x:t.pageX,y:t.pageY,pageX:t.pageX,pageY:t.pageY,clientX:t.clientX,clientY:t.clientY,screenX:t.screenX,screenY:t.screenY},"start"===e&&1!==t.which)return;return r.call(this,t,n)};l.push({handler:r,wrapper:g}),(o=h).call.apply(o,[null,t,p[e][0],g].concat([].concat(a(u),a(s)))),(i=h).call.apply(i,[null,t,p[e][1],g].concat([].concat(a(u),a(f))))},off:function(t,e,r,n){for(var o=y(n),i=o.args,c=o.mouseArgs,u=this._getStore(t),s=u.length-1;s>=0;s--){var f,h,d=u[s],g=d.handler,v=d.wrapper;if(r===g)(f=l).call.apply(f,[null,t,p[e][0],v].concat([].concat(a(i),a(c)))),(h=l).call.apply(h,[null,t,p[e][1],v].concat([].concat(a(i),a(c)))),u.splice(s,1)}}};function y(t){return t||(t={}),{args:t.args||[],mouseArgs:t.mouseArgs||[],touchArgs:t.touchArgs||[]}}t.default=d,t.trackMouseOrTouchPosition=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r={position:{}},n=function(t,e){var n=d.isTouch(e);n?Object.assign(r.position,{x:e.changedTouches[0].pageX,y:e.changedTouches[0].pageY,pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,screenX:e.changedTouches[0].screenX,screenY:e.changedTouches[0].screenY}):Object.assign(r.position,{x:e.pageX,y:e.pageY,pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,screenX:e.screenX,screenY:e.screenY}),"start"===t?r.startEvent=e:"end"===t&&(r.endEvent=e),Object.assign(r,{event:e,isTouch:n,eventType:t})},o=function(e){(d.isTouch(e)||1===e.which)&&(n("start",e),t.onStart&&t.onStart())},i=function(){n("move",e),t.onMove&&t.onMove()},c=function(){n("end",e),t.onEnd&&t.onEnd()},a=function(){d.on(document,"start",o),d.on(document,"move",i),d.on(window,"end",c)},u=function(){d.off(document,"start",o),d.off(document,"move",i),d.off(window,"end",c)};return{info:info,start:a,stop:u}},Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "drag-event-service",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "",
   "main": "dist/drag-event-service.cjs.js",
   "module": "dist/drag-event-service.esm.js",
+  "types": "types/index.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
   "scripts": {
@@ -8,0 +13,0 @@ "compile-scripts": "tsc --target ES6 --module CommonJS scripts/build.ts",

README.MD

 # drag-event-service
-Register both mouse and touch event.
+Listen both mouse and touch event. With Typescript definition files. Support Typescript.
+
+同时监听鼠标和触摸事件. 支持Typescript.
 ```js
@@ -11,12 +13,12 @@ // mapping
 ```
-# install
+## install
 ```sh
 npm install drag-event-service
 ```
-# usage & api
+## usage & api
 ```js
 import DragEventService from 'drag-event-service'
 DragEventService.on(el, name, handler, {args, mouseArgs, touchArgs})
+DragEventService.off(el, name, handler, {args, mouseArgs, touchArgs})
 ```
-## on(el, name, handler, {args, mouseArgs, touchArgs}); off(el, name, handler, {args, mouseArgs, touchArgs})
 * args, mouseArgs and touchArgs should be Array
@@ -26,5 +28,5 @@ * The args will pass to addEventListener.
 * touchArgs will pass to touch event.
-* handler(event, currentPosition). The second argument of handler is current position({x, y}).
+* handler(event, currentPosition). The second argument of handler is current position({x, y, pageX, pageY, clientX, clientY, screenX, screenY}). x and y is pageX and pageY.
 
-# example
+## example
 ```js
@@ -40,1 +42,30 @@ // 1
 ```
+
+## Track mouse or touch position globally
+全局跟踪鼠标或触摸位置
+### Usage
+```js
+import {trackMouseOrTouchPosition} from 'drag-event-service'
+const {info, start, stop} = trackMouseOrTouchPosition(options)
+```
+### Types
+```ts
+// options
+export interface Options_trackMouseOrTouchPosition{
+  onMove: () => void
+  onStart: () => void
+  onEnd: () => void
+}
+// info
+export interface TrackedInfo{
+  position: EventPosition
+  event: MouseOrTouchEvent
+  eventType: EventType
+  isTouch: boolean
+  startEvent?: MouseOrTouchEvent
+  endEvent?: MouseOrTouchEvent
+}
+// 
+start: () => void
+stop: () => void
+```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

65789

increased by3.31%

Lines of code

1421

increased by1.86%

Number of lines in readme file

68

increased by78.95%

Worsened metrics

Number of package files

8

decreased by-20%

No dependency changes