@antv/l7-map 2.21.0 → 2.21.2

package/es/handler/tap/tap_drag_zoom.js

@@ -1,106 +1,89 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 
 import { MAX_TAP_INTERVAL } from "./single_tap_recognizer";
 import TapRecognizer from "./tap_recognizer";
-var TapDragZoomHandler = /*#__PURE__*/function () {
-  function TapDragZoomHandler() {
-    _classCallCheck(this, TapDragZoomHandler);
+export default class TapDragZoomHandler {
+  constructor() {
+    _defineProperty(this, "enabled", void 0);
+    _defineProperty(this, "active", void 0);
+    _defineProperty(this, "swipePoint", void 0);
+    _defineProperty(this, "swipeTouch", void 0);
+    _defineProperty(this, "tapTime", void 0);
+    _defineProperty(this, "tap", void 0);
     this.tap = new TapRecognizer({
       numTouches: 1,
       numTaps: 1
     });
     this.reset();
   }
-  _createClass(TapDragZoomHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-      // @ts-ignore
-      delete this.swipePoint;
-      // @ts-ignore
-      delete this.swipeTouch;
-      // @ts-ignore
-      delete this.tapTime;
-      this.tap.reset();
+  reset() {
+    this.active = false;
+    // @ts-ignore
+    delete this.swipePoint;
+    // @ts-ignore
+    delete this.swipeTouch;
+    // @ts-ignore
+    delete this.tapTime;
+    this.tap.reset();
+  }
+  touchstart(e, points, mapTouches) {
+    if (this.swipePoint) {
+      return;
+    }
+    if (this.tapTime && e.timeStamp - this.tapTime > MAX_TAP_INTERVAL) {
+      this.reset();
+    }
+    if (!this.tapTime) {
+      this.tap.touchstart(e, points, mapTouches);
+    } else if (mapTouches.length > 0) {
+      this.swipePoint = points[0];
+      this.swipeTouch = mapTouches[0].identifier;
     }
-  }, {
-    key: "touchstart",
-    value: function touchstart(e, points, mapTouches) {
-      if (this.swipePoint) {
+  }
+  touchmove(e, points, mapTouches) {
+    if (!this.tapTime) {
+      this.tap.touchmove(e, points, mapTouches);
+    } else if (this.swipePoint) {
+      if (mapTouches[0].identifier !== this.swipeTouch) {
         return;
       }
-      if (this.tapTime && e.timeStamp - this.tapTime > MAX_TAP_INTERVAL) {
-        this.reset();
-      }
-      if (!this.tapTime) {
-        this.tap.touchstart(e, points, mapTouches);
-      } else if (mapTouches.length > 0) {
-        this.swipePoint = points[0];
-        this.swipeTouch = mapTouches[0].identifier;
-      }
+      const newSwipePoint = points[0];
+      const dist = newSwipePoint.y - this.swipePoint.y;
+      this.swipePoint = newSwipePoint;
+      e.preventDefault();
+      this.active = true;
+      return {
+        zoomDelta: dist / 128
+      };
     }
-  }, {
-    key: "touchmove",
-    value: function touchmove(e, points, mapTouches) {
-      if (!this.tapTime) {
-        this.tap.touchmove(e, points, mapTouches);
-      } else if (this.swipePoint) {
-        if (mapTouches[0].identifier !== this.swipeTouch) {
-          return;
-        }
-        var newSwipePoint = points[0];
-        var dist = newSwipePoint.y - this.swipePoint.y;
-        this.swipePoint = newSwipePoint;
-        e.preventDefault();
-        this.active = true;
-        return {
-          zoomDelta: dist / 128
-        };
+  }
+  touchend(e, points, mapTouches) {
+    if (!this.tapTime) {
+      const point = this.tap.touchend(e, points, mapTouches);
+      if (point) {
+        this.tapTime = e.timeStamp;
       }
-    }
-  }, {
-    key: "touchend",
-    value: function touchend(e, points, mapTouches) {
-      if (!this.tapTime) {
-        var point = this.tap.touchend(e, points, mapTouches);
-        if (point) {
-          this.tapTime = e.timeStamp;
-        }
-      } else if (this.swipePoint) {
-        if (mapTouches.length === 0) {
-          this.reset();
-        }
+    } else if (this.swipePoint) {
+      if (mapTouches.length === 0) {
+        this.reset();
       }
     }
-  }, {
-    key: "touchcancel",
-    value: function touchcancel() {
-      this.reset();
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.enabled = true;
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.enabled = false;
-      this.reset();
-    }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.enabled;
-    }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.active;
-    }
-  }]);
-  return TapDragZoomHandler;
-}();
-export { TapDragZoomHandler as default };
+  }
+  touchcancel() {
+    this.reset();
+  }
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+    this.reset();
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  isActive() {
+    return this.active;
+  }
+}

package/es/handler/tap/tap_recognizer.js

@@ -1,54 +1,46 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 
 import SingleTapRecognizer, { MAX_DIST, MAX_TAP_INTERVAL } from "./single_tap_recognizer";
-var TapRecognizer = /*#__PURE__*/function () {
-  function TapRecognizer(options) {
-    _classCallCheck(this, TapRecognizer);
+export default class TapRecognizer {
+  constructor(options) {
+    _defineProperty(this, "singleTap", void 0);
+    _defineProperty(this, "numTaps", void 0);
+    _defineProperty(this, "lastTime", void 0);
+    _defineProperty(this, "lastTap", void 0);
+    _defineProperty(this, "count", void 0);
     this.singleTap = new SingleTapRecognizer(options);
     this.numTaps = options.numTaps;
     this.reset();
   }
-  _createClass(TapRecognizer, [{
-    key: "reset",
-    value: function reset() {
-      this.lastTime = Infinity;
-      // @ts-ignore
-      delete this.lastTap;
-      this.count = 0;
-      this.singleTap.reset();
-    }
-  }, {
-    key: "touchstart",
-    value: function touchstart(e, points, mapTouches) {
-      this.singleTap.touchstart(e, points, mapTouches);
-    }
-  }, {
-    key: "touchmove",
-    value: function touchmove(e, points, mapTouches) {
-      this.singleTap.touchmove(e, points, mapTouches);
-    }
-  }, {
-    key: "touchend",
-    value: function touchend(e, points, mapTouches) {
-      var tap = this.singleTap.touchend(e, points, mapTouches);
-      if (tap) {
-        var soonEnough = e.timeStamp - this.lastTime < MAX_TAP_INTERVAL;
-        var closeEnough = !this.lastTap || this.lastTap.dist(tap) < MAX_DIST;
-        if (!soonEnough || !closeEnough) {
-          this.reset();
-        }
-        this.count++;
-        this.lastTime = e.timeStamp;
-        this.lastTap = tap;
-        if (this.count === this.numTaps) {
-          this.reset();
-          return tap;
-        }
+  reset() {
+    this.lastTime = Infinity;
+    // @ts-ignore
+    delete this.lastTap;
+    this.count = 0;
+    this.singleTap.reset();
+  }
+  touchstart(e, points, mapTouches) {
+    this.singleTap.touchstart(e, points, mapTouches);
+  }
+  touchmove(e, points, mapTouches) {
+    this.singleTap.touchmove(e, points, mapTouches);
+  }
+  touchend(e, points, mapTouches) {
+    const tap = this.singleTap.touchend(e, points, mapTouches);
+    if (tap) {
+      const soonEnough = e.timeStamp - this.lastTime < MAX_TAP_INTERVAL;
+      const closeEnough = !this.lastTap || this.lastTap.dist(tap) < MAX_DIST;
+      if (!soonEnough || !closeEnough) {
+        this.reset();
+      }
+      this.count++;
+      this.lastTime = e.timeStamp;
+      this.lastTap = tap;
+      if (this.count === this.numTaps) {
+        this.reset();
+        return tap;
       }
     }
-  }]);
-  return TapRecognizer;
-}();
-export { TapRecognizer as default };
+  }
+}

package/es/handler/tap/tap_zoom.js

@@ -1,11 +1,13 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 
 import TapRecognizer from "./tap_recognizer";
-var TapZoomHandler = /*#__PURE__*/function () {
-  function TapZoomHandler() {
-    _classCallCheck(this, TapZoomHandler);
+export default class TapZoomHandler {
+  constructor() {
+    _defineProperty(this, "enabled", void 0);
+    _defineProperty(this, "active", void 0);
+    _defineProperty(this, "zoomIn", void 0);
+    _defineProperty(this, "zoomOut", void 0);
     this.zoomIn = new TapRecognizer({
       numTouches: 1,
       numTaps: 2
@@ -16,94 +18,64 @@ var TapZoomHandler = /*#__PURE__*/function () {
     });
     this.reset();
   }
-  _createClass(TapZoomHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-      this.zoomIn.reset();
-      this.zoomOut.reset();
-    }
-  }, {
-    key: "touchstart",
-    value: function touchstart(e, points, mapTouches) {
-      this.zoomIn.touchstart(e, points, mapTouches);
-      this.zoomOut.touchstart(e, points, mapTouches);
-    }
-  }, {
-    key: "touchmove",
-    value: function touchmove(e, points, mapTouches) {
-      this.zoomIn.touchmove(e, points, mapTouches);
-      this.zoomOut.touchmove(e, points, mapTouches);
-    }
-  }, {
-    key: "touchend",
-    value: function touchend(e, points, mapTouches) {
-      var _this = this;
-      var zoomInPoint = this.zoomIn.touchend(e, points, mapTouches);
-      var zoomOutPoint = this.zoomOut.touchend(e, points, mapTouches);
-      if (zoomInPoint) {
-        this.active = true;
-        e.preventDefault();
-        setTimeout(function () {
-          return _this.reset();
-        }, 0);
-        return {
-          cameraAnimation: function cameraAnimation(map) {
-            return map.easeTo({
-              duration: 300,
-              zoom: map.getZoom() + 1,
-              around: map.unproject(zoomInPoint)
-            }, {
-              originalEvent: e
-            });
-          }
-        };
-      } else if (zoomOutPoint) {
-        this.active = true;
-        e.preventDefault();
-        setTimeout(function () {
-          return _this.reset();
-        }, 0);
-        return {
-          cameraAnimation: function cameraAnimation(map) {
-            return map.easeTo({
-              duration: 300,
-              zoom: map.getZoom() - 1,
-              around: map.unproject(zoomOutPoint)
-            }, {
-              originalEvent: e
-            });
-          }
-        };
-      }
-    }
-  }, {
-    key: "touchcancel",
-    value: function touchcancel() {
-      this.reset();
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.enabled = true;
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.enabled = false;
-      this.reset();
-    }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.enabled;
-    }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.active;
+  reset() {
+    this.active = false;
+    this.zoomIn.reset();
+    this.zoomOut.reset();
+  }
+  touchstart(e, points, mapTouches) {
+    this.zoomIn.touchstart(e, points, mapTouches);
+    this.zoomOut.touchstart(e, points, mapTouches);
+  }
+  touchmove(e, points, mapTouches) {
+    this.zoomIn.touchmove(e, points, mapTouches);
+    this.zoomOut.touchmove(e, points, mapTouches);
+  }
+  touchend(e, points, mapTouches) {
+    const zoomInPoint = this.zoomIn.touchend(e, points, mapTouches);
+    const zoomOutPoint = this.zoomOut.touchend(e, points, mapTouches);
+    if (zoomInPoint) {
+      this.active = true;
+      e.preventDefault();
+      setTimeout(() => this.reset(), 0);
+      return {
+        cameraAnimation: map => map.easeTo({
+          duration: 300,
+          zoom: map.getZoom() + 1,
+          around: map.unproject(zoomInPoint)
+        }, {
+          originalEvent: e
+        })
+      };
+    } else if (zoomOutPoint) {
+      this.active = true;
+      e.preventDefault();
+      setTimeout(() => this.reset(), 0);
+      return {
+        cameraAnimation: map => map.easeTo({
+          duration: 300,
+          zoom: map.getZoom() - 1,
+          around: map.unproject(zoomOutPoint)
+        }, {
+          originalEvent: e
+        })
+      };
     }
-  }]);
-  return TapZoomHandler;
-}();
-export { TapZoomHandler as default };
+  }
+  touchcancel() {
+    this.reset();
+  }
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+    this.reset();
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  isActive() {
+    return this.active;
+  }
+}

package/es/handler/touch/touch_pan.js

@@ -1,110 +1,91 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 import Point from "../../geo/point";
 import { indexTouches } from "../handler_util";
-var TouchPanHandler = /*#__PURE__*/function () {
-  function TouchPanHandler(options) {
-    _classCallCheck(this, TouchPanHandler);
+export default class TouchPanHandler {
+  constructor(options) {
+    _defineProperty(this, "enabled", void 0);
+    _defineProperty(this, "active", void 0);
+    _defineProperty(this, "touches", void 0);
+    _defineProperty(this, "minTouches", void 0);
+    _defineProperty(this, "clickTolerance", void 0);
+    _defineProperty(this, "sum", void 0);
     this.minTouches = 1;
     this.clickTolerance = options.clickTolerance || 1;
     this.reset();
   }
-  _createClass(TouchPanHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-      this.touches = {};
-      this.sum = new Point(0, 0);
-    }
-  }, {
-    key: "touchstart",
-    value: function touchstart(e, points, mapTouches) {
-      return this.calculateTransform(e, points, mapTouches);
-    }
-  }, {
-    key: "touchmove",
-    value: function touchmove(e, points, mapTouches) {
-      if (!this.active) {
-        return;
-      }
-      e.preventDefault();
-      return this.calculateTransform(e, points, mapTouches);
-    }
-  }, {
-    key: "touchend",
-    value: function touchend(e, points, mapTouches) {
-      this.calculateTransform(e, points, mapTouches);
-      if (this.active && mapTouches.length < this.minTouches) {
-        this.reset();
-      }
-    }
-  }, {
-    key: "touchcancel",
-    value: function touchcancel() {
-      this.reset();
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.enabled = true;
+  reset() {
+    this.active = false;
+    this.touches = {};
+    this.sum = new Point(0, 0);
+  }
+  touchstart(e, points, mapTouches) {
+    return this.calculateTransform(e, points, mapTouches);
+  }
+  touchmove(e, points, mapTouches) {
+    if (!this.active) {
+      return;
     }
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.enabled = false;
+    e.preventDefault();
+    return this.calculateTransform(e, points, mapTouches);
+  }
+  touchend(e, points, mapTouches) {
+    this.calculateTransform(e, points, mapTouches);
+    if (this.active && mapTouches.length < this.minTouches) {
       this.reset();
     }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.enabled;
-    }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.active;
+  }
+  touchcancel() {
+    this.reset();
+  }
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+    this.reset();
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  isActive() {
+    return this.active;
+  }
+  calculateTransform(e, points, mapTouches) {
+    if (mapTouches.length > 0) {
+      this.active = true;
     }
-  }, {
-    key: "calculateTransform",
-    value: function calculateTransform(e, points, mapTouches) {
-      if (mapTouches.length > 0) {
-        this.active = true;
-      }
-      var touches = indexTouches(mapTouches, points);
-      var touchPointSum = new Point(0, 0);
-      var touchDeltaSum = new Point(0, 0);
-      var touchDeltaCount = 0;
-      for (var identifier in touches) {
-        if (touches[identifier]) {
-          var point = touches[identifier];
-          var prevPoint = this.touches[identifier];
-          if (prevPoint) {
-            touchPointSum._add(point);
-            touchDeltaSum._add(point.sub(prevPoint));
-            touchDeltaCount++;
-            touches[identifier] = point;
-          }
+    const touches = indexTouches(mapTouches, points);
+    const touchPointSum = new Point(0, 0);
+    const touchDeltaSum = new Point(0, 0);
+    let touchDeltaCount = 0;
+    for (const identifier in touches) {
+      if (touches[identifier]) {
+        const point = touches[identifier];
+        const prevPoint = this.touches[identifier];
+        if (prevPoint) {
+          touchPointSum._add(point);
+          touchDeltaSum._add(point.sub(prevPoint));
+          touchDeltaCount++;
+          touches[identifier] = point;
         }
       }
-      this.touches = touches;
-      if (touchDeltaCount < this.minTouches || !touchDeltaSum.mag()) {
-        return;
-      }
-      // @ts-ignore
-      var panDelta = touchDeltaSum.div(touchDeltaCount);
-      this.sum._add(panDelta);
-      if (this.sum.mag() < this.clickTolerance) {
-        return;
-      }
-      // @ts-ignore
-      var around = touchPointSum.div(touchDeltaCount);
-      return {
-        around: around,
-        panDelta: panDelta
-      };
     }
-  }]);
-  return TouchPanHandler;
-}();
-export { TouchPanHandler as default };
+    this.touches = touches;
+    if (touchDeltaCount < this.minTouches || !touchDeltaSum.mag()) {
+      return;
+    }
+    // @ts-ignore
+    const panDelta = touchDeltaSum.div(touchDeltaCount);
+    this.sum._add(panDelta);
+    if (this.sum.mag() < this.clickTolerance) {
+      return;
+    }
+    // @ts-ignore
+    const around = touchPointSum.div(touchDeltaCount);
+    return {
+      around,
+      panDelta
+    };
+  }
+}