@antv/l7-map 2.21.1 → 2.21.3

package/es/handler/blockable_map_event.js

@@ -1,78 +1,58 @@
-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 { MapMouseEvent } from "./events";
-var BlockableMapEventHandler = /*#__PURE__*/function () {
-  function BlockableMapEventHandler(map) {
-    _classCallCheck(this, BlockableMapEventHandler);
+export default class BlockableMapEventHandler {
+  constructor(map) {
+    _defineProperty(this, "map", void 0);
+    _defineProperty(this, "delayContextMenu", void 0);
+    _defineProperty(this, "contextMenuEvent", void 0);
     this.map = map;
   }
-  _createClass(BlockableMapEventHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.delayContextMenu = false;
+  reset() {
+    this.delayContextMenu = false;
+    // @ts-ignore
+    delete this.contextMenuEvent;
+  }
+  mousemove(e) {
+    // mousemove map events should not be fired when interaction handlers (pan, rotate, etc) are active
+    this.map.emit(e.type, new MapMouseEvent(e.type, this.map, e));
+  }
+  mousedown() {
+    this.delayContextMenu = true;
+  }
+  mouseup() {
+    this.delayContextMenu = false;
+    if (this.contextMenuEvent) {
+      this.map.emit('contextmenu', new MapMouseEvent('contextmenu', this.map, this.contextMenuEvent));
       // @ts-ignore
       delete this.contextMenuEvent;
     }
-  }, {
-    key: "mousemove",
-    value: function mousemove(e) {
-      // mousemove map events should not be fired when interaction handlers (pan, rotate, etc) are active
+  }
+  contextmenu(e) {
+    if (this.delayContextMenu) {
+      // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
+      this.contextMenuEvent = e;
+    } else {
+      // Windows: contextmenu fired on mouseup, so fire event now
       this.map.emit(e.type, new MapMouseEvent(e.type, this.map, e));
     }
-  }, {
-    key: "mousedown",
-    value: function mousedown() {
-      this.delayContextMenu = true;
-    }
-  }, {
-    key: "mouseup",
-    value: function mouseup() {
-      this.delayContextMenu = false;
-      if (this.contextMenuEvent) {
-        this.map.emit('contextmenu', new MapMouseEvent('contextmenu', this.map, this.contextMenuEvent));
-        // @ts-ignore
-        delete this.contextMenuEvent;
-      }
-    }
-  }, {
-    key: "contextmenu",
-    value: function contextmenu(e) {
-      if (this.delayContextMenu) {
-        // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
-        this.contextMenuEvent = e;
-      } else {
-        // Windows: contextmenu fired on mouseup, so fire event now
-        this.map.emit(e.type, new MapMouseEvent(e.type, this.map, e));
-      }
 
-      // prevent browser context menu when necessary
-      if (this.map.listeners('contextmenu')) {
-        e.preventDefault();
-      }
-    }
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return true;
-    }
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return false;
+    // prevent browser context menu when necessary
+    if (this.map.listeners('contextmenu')) {
+      e.preventDefault();
     }
-  }, {
-    key: "enable",
-    value: function enable() {
-      return true;
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      return false;
-    }
-  }]);
-  return BlockableMapEventHandler;
-}();
-export { BlockableMapEventHandler as default };
+  }
+  isEnabled() {
+    return true;
+  }
+  isActive() {
+    return false;
+  }
+  enable() {
+    return true;
+  }
+  disable() {
+    return false;
+  }
+}

package/es/handler/box_zoom.js

@@ -1,5 +1,4 @@
-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 DOM from "../utils/dom";
@@ -9,12 +8,20 @@ import { Event } from "./events/event";
  * The `BoxZoomHandler` allows the user to zoom the map to fit within a bounding box.
  * The bounding box is defined by clicking and holding `shift` while dragging the cursor.
  */
-var BoxZoomHandler = /*#__PURE__*/function () {
+class BoxZoomHandler {
   /**
    * @private
    */
-  function BoxZoomHandler(map, options) {
-    _classCallCheck(this, BoxZoomHandler);
+  constructor(map, options) {
+    _defineProperty(this, "map", void 0);
+    _defineProperty(this, "el", void 0);
+    _defineProperty(this, "container", void 0);
+    _defineProperty(this, "enabled", void 0);
+    _defineProperty(this, "active", void 0);
+    _defineProperty(this, "startPos", void 0);
+    _defineProperty(this, "lastPos", void 0);
+    _defineProperty(this, "box", void 0);
+    _defineProperty(this, "clickTolerance", void 0);
     this.map = map;
     this.el = map.getCanvasContainer();
     this.container = map.getContainer();
@@ -26,155 +33,130 @@ var BoxZoomHandler = /*#__PURE__*/function () {
    *
    * @returns {boolean} `true` if the "box zoom" interaction is enabled.
    */
-  _createClass(BoxZoomHandler, [{
-    key: "isEnabled",
-    value: function isEnabled() {
-      return !!this.enabled;
-    }
+  isEnabled() {
+    return !!this.enabled;
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
-     *
-     * @returns {boolean} `true` if the "box zoom" interaction is active.
-     */
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return !!this.active;
-    }
+  /**
+   * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
+   *
+   * @returns {boolean} `true` if the "box zoom" interaction is active.
+   */
+  isActive() {
+    return !!this.active;
+  }
 
-    /**
-     * Enables the "box zoom" interaction.
-     *
-     * @example
-     *   map.boxZoom.enable();
-     */
-  }, {
-    key: "enable",
-    value: function enable() {
-      if (this.isEnabled()) {
-        return;
-      }
-      this.enabled = true;
+  /**
+   * Enables the "box zoom" interaction.
+   *
+   * @example
+   *   map.boxZoom.enable();
+   */
+  enable() {
+    if (this.isEnabled()) {
+      return;
     }
+    this.enabled = true;
+  }
 
-    /**
-     * Disables the "box zoom" interaction.
-     *
-     * @example
-     *   map.boxZoom.disable();
-     */
-  }, {
-    key: "disable",
-    value: function disable() {
-      if (!this.isEnabled()) {
-        return;
-      }
-      this.enabled = false;
+  /**
+   * Disables the "box zoom" interaction.
+   *
+   * @example
+   *   map.boxZoom.disable();
+   */
+  disable() {
+    if (!this.isEnabled()) {
+      return;
     }
-  }, {
-    key: "mousedown",
-    value: function mousedown(e, point) {
-      if (!this.isEnabled()) {
-        return;
-      }
-      if (!(e.shiftKey && e.button === 0)) {
-        return;
-      }
-      DOM.disableDrag();
-      this.startPos = this.lastPos = point;
-      this.active = true;
+    this.enabled = false;
+  }
+  mousedown(e, point) {
+    if (!this.isEnabled()) {
+      return;
     }
-  }, {
-    key: "mousemoveWindow",
-    value: function mousemoveWindow(e, point) {
-      if (!this.active) {
-        return;
-      }
-      var pos = point;
-      if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
-        return;
-      }
-      var p0 = this.startPos;
-      this.lastPos = pos;
-      if (!this.box) {
-        this.box = DOM.create('div', 'l7-boxzoom', this.container);
-        this.container.classList.add('l7-crosshair');
-        this.fireEvent('boxzoomstart', e);
-      }
-      var minX = Math.min(p0.x, pos.x);
-      var maxX = Math.max(p0.x, pos.x);
-      var minY = Math.min(p0.y, pos.y);
-      var maxY = Math.max(p0.y, pos.y);
-      DOM.setTransform(this.box, "translate(".concat(minX, "px,").concat(minY, "px)"));
-      if (this.box) {
-        this.box.style.width = "".concat(maxX - minX, "px");
-        this.box.style.height = "".concat(maxY - minY, "px");
-      }
+    if (!(e.shiftKey && e.button === 0)) {
+      return;
     }
-  }, {
-    key: "mouseupWindow",
-    value: function mouseupWindow(e, point) {
-      var _this = this;
-      if (!this.active) {
-        return;
-      }
-      if (e.button !== 0) {
-        return;
-      }
-      var p0 = this.startPos;
-      var p1 = point;
-      this.reset();
-      DOM.suppressClick();
-      if (p0.x === p1.x && p0.y === p1.y) {
-        this.fireEvent('boxzoomcancel', e);
-      } else {
-        this.map.emit('boxzoomend', new Event('boxzoomend', {
-          originalEvent: e
-        }));
-        return {
-          cameraAnimation: function cameraAnimation(map) {
-            return map.fitScreenCoordinates(p0, p1, _this.map.getBearing(), {
-              linear: true
-            });
-          }
-        };
-      }
+    DOM.disableDrag();
+    this.startPos = this.lastPos = point;
+    this.active = true;
+  }
+  mousemoveWindow(e, point) {
+    if (!this.active) {
+      return;
     }
-  }, {
-    key: "keydown",
-    value: function keydown(e) {
-      if (!this.active) {
-        return;
-      }
-      if (e.keyCode === 27) {
-        this.reset();
-        this.fireEvent('boxzoomcancel', e);
-      }
+    const pos = point;
+    if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
+      return;
     }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-      this.container.classList.remove('l7-crosshair');
-      if (this.box) {
-        DOM.remove(this.box);
-        this.box = null;
-      }
-      DOM.enableDrag();
-      // @ts-ignore
-      delete this.startPos;
-      // @ts-ignore
-      delete this.lastPos;
+    const p0 = this.startPos;
+    this.lastPos = pos;
+    if (!this.box) {
+      this.box = DOM.create('div', 'l7-boxzoom', this.container);
+      this.container.classList.add('l7-crosshair');
+      this.fireEvent('boxzoomstart', e);
     }
-  }, {
-    key: "fireEvent",
-    value: function fireEvent(type, e) {
-      return this.map.emit(type, new Event(type, {
+    const minX = Math.min(p0.x, pos.x);
+    const maxX = Math.max(p0.x, pos.x);
+    const minY = Math.min(p0.y, pos.y);
+    const maxY = Math.max(p0.y, pos.y);
+    DOM.setTransform(this.box, `translate(${minX}px,${minY}px)`);
+    if (this.box) {
+      this.box.style.width = `${maxX - minX}px`;
+      this.box.style.height = `${maxY - minY}px`;
+    }
+  }
+  mouseupWindow(e, point) {
+    if (!this.active) {
+      return;
+    }
+    if (e.button !== 0) {
+      return;
+    }
+    const p0 = this.startPos;
+    const p1 = point;
+    this.reset();
+    DOM.suppressClick();
+    if (p0.x === p1.x && p0.y === p1.y) {
+      this.fireEvent('boxzoomcancel', e);
+    } else {
+      this.map.emit('boxzoomend', new Event('boxzoomend', {
         originalEvent: e
       }));
+      return {
+        cameraAnimation: map => map.fitScreenCoordinates(p0, p1, this.map.getBearing(), {
+          linear: true
+        })
+      };
+    }
+  }
+  keydown(e) {
+    if (!this.active) {
+      return;
+    }
+    if (e.keyCode === 27) {
+      this.reset();
+      this.fireEvent('boxzoomcancel', e);
     }
-  }]);
-  return BoxZoomHandler;
-}();
+  }
+  reset() {
+    this.active = false;
+    this.container.classList.remove('l7-crosshair');
+    if (this.box) {
+      DOM.remove(this.box);
+      this.box = null;
+    }
+    DOM.enableDrag();
+    // @ts-ignore
+    delete this.startPos;
+    // @ts-ignore
+    delete this.lastPos;
+  }
+  fireEvent(type, e) {
+    return this.map.emit(type, new Event(type, {
+      originalEvent: e
+    }));
+  }
+}
 export default BoxZoomHandler;

package/es/handler/click_zoom.js

@@ -1,54 +1,40 @@
-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
-var ClickZoomHandler = /*#__PURE__*/function () {
-  function ClickZoomHandler() {
-    _classCallCheck(this, ClickZoomHandler);
+
+export default class ClickZoomHandler {
+  constructor() {
+    _defineProperty(this, "enabled", void 0);
+    _defineProperty(this, "active", void 0);
     this.reset();
   }
-  _createClass(ClickZoomHandler, [{
-    key: "reset",
-    value: function reset() {
-      this.active = false;
-    }
-  }, {
-    key: "dblclick",
-    value: function dblclick(e, point) {
-      e.preventDefault();
-      return {
-        cameraAnimation: function cameraAnimation(map) {
-          map.easeTo({
-            duration: 300,
-            zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
-            around: map.unproject(point)
-          }, {
-            originalEvent: e
-          });
-        }
-      };
-    }
-  }, {
-    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 ClickZoomHandler;
-}();
-export { ClickZoomHandler as default };
+  reset() {
+    this.active = false;
+  }
+  dblclick(e, point) {
+    e.preventDefault();
+    return {
+      cameraAnimation: map => {
+        map.easeTo({
+          duration: 300,
+          zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
+          around: map.unproject(point)
+        }, {
+          originalEvent: e
+        });
+      }
+    };
+  }
+  enable() {
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+    this.reset();
+  }
+  isEnabled() {
+    return this.enabled;
+  }
+  isActive() {
+    return this.active;
+  }
+}

package/es/handler/events/event.js

@@ -1,11 +1,13 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // tslint:disable-next-line:no-submodule-imports
 import { lodashUtil } from '@antv/l7-utils';
-var merge = lodashUtil.merge;
-export var Event = /*#__PURE__*/_createClass(function Event(type) {
-  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  _classCallCheck(this, Event);
-  merge(this, data);
-  this.type = type;
-});
+const {
+  merge
+} = lodashUtil;
+export class Event {
+  constructor(type, data = {}) {
+    _defineProperty(this, "type", void 0);
+    merge(this, data);
+    this.type = type;
+  }
+}

package/es/handler/events/map_mouse_event.js

@@ -1,64 +1,49 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 // tslint:disable-next-line:no-submodule-imports
 import { lodashUtil } from '@antv/l7-utils';
 import DOM from "../../utils/dom";
 import { Event } from "./event";
-var merge = lodashUtil.merge;
-var MapMouseEvent = /*#__PURE__*/function (_Event) {
-  _inherits(MapMouseEvent, _Event);
-  var _super = _createSuper(MapMouseEvent);
+const {
+  merge
+} = lodashUtil;
+export default class MapMouseEvent extends Event {
   /**
-   * `true` if `preventDefault` has been called.
    * @private
    */
-
-  /**
-   * The `Map` object that fired the event.
-   */
-
-  /**
-   * The DOM event which caused the map event.
-   */
-
-  /**
-   * The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner.
-   */
-
-  /**
-   * The geographic location on the map of the mouse cursor.
-   */
-
-  /**
-   * @private
-   */
-  function MapMouseEvent(type, map, originalEvent) {
-    var _this;
-    var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    _classCallCheck(this, MapMouseEvent);
-    var point = DOM.mousePos(map.getCanvasContainer(), originalEvent);
-    var lngLat = map.unproject(point);
-    _this = _super.call(this, type, merge({
-      point: point,
-      lngLat: lngLat,
-      originalEvent: originalEvent
+  constructor(type, map, originalEvent, data = {}) {
+    const point = DOM.mousePos(map.getCanvasContainer(), originalEvent);
+    const lngLat = map.unproject(point);
+    super(type, merge({
+      point,
+      lngLat,
+      originalEvent
     }, data));
-    _this.defaultPrevented = false;
-    _this.target = map;
-    return _this;
+    /**
+     * `true` if `preventDefault` has been called.
+     * @private
+     */
+    /**
+     * The `Map` object that fired the event.
+     */
+    _defineProperty(this, "target", void 0);
+    /**
+     * The DOM event which caused the map event.
+     */
+    _defineProperty(this, "originalEvent", void 0);
+    /**
+     * The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner.
+     */
+    _defineProperty(this, "point", void 0);
+    /**
+     * The geographic location on the map of the mouse cursor.
+     */
+    _defineProperty(this, "lngLat", void 0);
+    _defineProperty(this, "defaultPrevented", void 0);
+    this.defaultPrevented = false;
+    this.target = map;
+  }
+  preventDefault() {
+    this.defaultPrevented = true;
   }
-  _createClass(MapMouseEvent, [{
-    key: "preventDefault",
-    value: function preventDefault() {
-      this.defaultPrevented = true;
-    }
-  }]);
-  return MapMouseEvent;
-}(Event);
-export { MapMouseEvent as default };
+}