@antv/l7-map 2.18.2 → 2.18.3

package/lib/utils/dom.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _point = _interopRequireDefault(require("../geo/point"));
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // @ts-ignore
+var DOM = {};
+var _default = DOM;
+exports.default = _default;
+DOM.create = function (tagName, className, container) {
+  var el = window.document.createElement(tagName);
+  if (className !== undefined) {
+    el.className = className;
+  }
+  if (container) {
+    container.appendChild(el);
+  }
+  return el;
+};
+DOM.createNS = function (namespaceURI, tagName) {
+  var el = window.document.createElementNS(namespaceURI, tagName);
+  return el;
+};
+var docStyle = window.document && window.document.documentElement.style;
+function testProp(props) {
+  if (!docStyle) {
+    return props[0];
+  }
+  var _iterator = _createForOfIteratorHelper(props),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var i = _step.value;
+      if (i in docStyle) {
+        return i;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return props[0];
+}
+var selectProp = testProp(['userSelect', 'MozUserSelect', 'WebkitUserSelect', 'msUserSelect']);
+var userSelect;
+DOM.disableDrag = function () {
+  if (docStyle && selectProp) {
+    userSelect = docStyle[selectProp];
+    docStyle[selectProp] = 'none';
+  }
+};
+DOM.enableDrag = function () {
+  if (docStyle && selectProp) {
+    docStyle[selectProp] = userSelect;
+  }
+};
+var transformProp = testProp(['transform', 'WebkitTransform']);
+DOM.setTransform = function (el, value) {
+  // https://github.com/facebook/flow/issues/7754
+  // $FlowFixMe
+  el.style[transformProp] = value;
+};
+
+// Feature detection for {passive: false} support in add/removeEventListener.
+var passiveSupported = false;
+try {
+  // https://github.com/facebook/flow/issues/285
+  // $FlowFixMe
+  var options = Object.defineProperty({}, 'passive', {
+    get: function get() {
+      // eslint-disable-line
+      passiveSupported = true;
+    }
+  });
+  // @ts-ignore
+  window.addEventListener('test', options, options);
+  // @ts-ignore
+  window.removeEventListener('test', options, options);
+} catch (err) {
+  passiveSupported = false;
+}
+DOM.addEventListener = function (target, type, callback) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if ('passive' in options && passiveSupported) {
+    target.addEventListener(type, callback, options);
+  } else {
+    target.addEventListener(type, callback, options.capture);
+  }
+};
+DOM.removeEventListener = function (target, type, callback) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if ('passive' in options && passiveSupported) {
+    target.removeEventListener(type, callback, options);
+  } else {
+    target.removeEventListener(type, callback, options.capture);
+  }
+};
+
+// Suppress the next click, but only if it's immediate.
+var suppressClick = function suppressClick(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  window.removeEventListener('click', suppressClick, true);
+};
+DOM.suppressClick = function () {
+  window.addEventListener('click', suppressClick, true);
+  setTimeout(function () {
+    window.removeEventListener('click', suppressClick, true);
+  }, 0);
+};
+DOM.mousePos = function (el, e) {
+  // 暂时从 el 上获取 top/left， 后面需要动态获取
+  var rect = el.getBoundingClientRect();
+  return new _point.default(e.clientX - rect.left - el.clientLeft, e.clientY - rect.top - el.clientTop);
+};
+DOM.touchPos = function (el, touches) {
+  // 暂时从 el 上获取 top/left， 后面需要动态获取
+  var rect = el.getBoundingClientRect();
+  var points = [];
+  var _iterator2 = _createForOfIteratorHelper(touches),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var touche = _step2.value;
+      points.push(new _point.default(touche.clientX - rect.left - el.clientLeft, touche.clientY - rect.top - el.clientTop));
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return points;
+};
+DOM.mouseButton = function (e) {
+  return e.button;
+};
+DOM.remove = function (node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};

package/lib/utils/performance.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PerformanceUtils = exports.PerformanceMarkers = void 0;
+var lastFrameTime = null;
+var frameTimes = [];
+var minFramerateTarget = 30;
+var frameTimeTarget = 1000 / minFramerateTarget;
+var performance = window.performance;
+var PerformanceMarkers = {
+  create: 'create',
+  load: 'load',
+  fullLoad: 'fullLoad'
+};
+exports.PerformanceMarkers = PerformanceMarkers;
+var PerformanceUtils = {
+  mark: function mark(marker) {
+    performance.mark(marker);
+  },
+  frame: function frame(timestamp) {
+    var currTimestamp = timestamp;
+    if (lastFrameTime != null) {
+      var frameTime = currTimestamp - lastFrameTime;
+      frameTimes.push(frameTime);
+    }
+    lastFrameTime = currTimestamp;
+  },
+  clearMetrics: function clearMetrics() {
+    lastFrameTime = null;
+    frameTimes = [];
+    performance.clearMeasures('loadTime');
+    performance.clearMeasures('fullLoadTime');
+    // @ts-ignore
+    // tslint:disable-next-line:forin
+    for (var marker in PerformanceMarkers) {
+      // @ts-ignore
+      performance.clearMarks(PerformanceMarkers[marker]);
+    }
+  },
+  getPerformanceMetrics: function getPerformanceMetrics() {
+    var loadTime = performance.measure('loadTime', PerformanceMarkers.create, PerformanceMarkers.load
+    // @ts-ignore
+    ).duration;
+    var fullLoadTime = performance.measure('fullLoadTime', PerformanceMarkers.create, PerformanceMarkers.fullLoad
+    // @ts-ignore
+    ).duration;
+    var totalFrames = frameTimes.length;
+    var avgFrameTime = frameTimes.reduce(function (prev, curr) {
+      return prev + curr;
+    }, 0) / totalFrames / 1000;
+    var fps = 1 / avgFrameTime;
+
+    // count frames that missed our framerate target
+    var droppedFrames = frameTimes.filter(function (frameTime) {
+      return frameTime > frameTimeTarget;
+    }).reduce(function (acc, curr) {
+      return acc + (curr - frameTimeTarget) / frameTimeTarget;
+    }, 0);
+    var percentDroppedFrames = droppedFrames / (totalFrames + droppedFrames) * 100;
+    return {
+      loadTime: loadTime,
+      fullLoadTime: fullLoadTime,
+      fps: fps,
+      percentDroppedFrames: percentDroppedFrames
+    };
+  }
+};
+exports.PerformanceUtils = PerformanceUtils;

package/lib/utils/primitives.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _glMatrix = require("gl-matrix");
+var Frustum = /*#__PURE__*/function () {
+  function Frustum(points, planes) {
+    (0, _classCallCheck2.default)(this, Frustum);
+    this.points = points;
+    this.planes = planes;
+  }
+  (0, _createClass2.default)(Frustum, null, [{
+    key: "fromInvProjectionMatrix",
+    value: function fromInvProjectionMatrix(invProj, worldSize, zoom) {
+      var clipSpaceCorners = [[-1, 1, -1, 1], [1, 1, -1, 1], [1, -1, -1, 1], [-1, -1, -1, 1], [-1, 1, 1, 1], [1, 1, 1, 1], [1, -1, 1, 1], [-1, -1, 1, 1]];
+      var scale = Math.pow(2, zoom);
+
+      // Transform frustum corner points from clip space to tile space
+      var frustumCoords = clipSpaceCorners.map(function (v) {
+        return _glMatrix.vec4.transformMat4(new Float32Array([]), v, invProj);
+      }).map(function (v) {
+        return _glMatrix.vec4.scale(new Float32Array([]), v, 1.0 / v[3] / worldSize * scale);
+      });
+      var frustumPlanePointIndices = [[0, 1, 2],
+      // near
+      [6, 5, 4],
+      // far
+      [0, 3, 7],
+      // left
+      [2, 1, 5],
+      // right
+      [3, 2, 6],
+      // bottom
+      [0, 4, 5] // top
+      ];
+
+      var frustumPlanes = frustumPlanePointIndices.map(function (p) {
+        var a = _glMatrix.vec3.sub(new Float32Array(3), new Float32Array(frustumCoords[p[0]]), new Float32Array(frustumCoords[p[1]]));
+        var b = _glMatrix.vec3.sub(new Float32Array(3), new Float32Array(frustumCoords[p[2]]), new Float32Array(frustumCoords[p[1]]));
+        var n = _glMatrix.vec3.normalize(new Float32Array(3), _glMatrix.vec3.cross(new Float32Array(3), a, b));
+        var d = -_glMatrix.vec3.dot(n, new Float32Array(frustumCoords[p[1]]));
+        return n.concat(d);
+      });
+      return new Frustum(frustumCoords, frustumPlanes);
+    }
+  }]);
+  return Frustum;
+}();
+exports.default = Frustum;

package/lib/utils/task_queue.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+// can't mark opaque due to https://github.com/flowtype/flow-remove-types/pull/61
+var TaskQueue = /*#__PURE__*/function () {
+  function TaskQueue() {
+    (0, _classCallCheck2.default)(this, TaskQueue);
+    this.queue = [];
+    this.id = 0;
+    this.cleared = false;
+    this.currentlyRunning = false;
+  }
+  (0, _createClass2.default)(TaskQueue, [{
+    key: "add",
+    value: function add(callback) {
+      var id = ++this.id;
+      var queue = this.queue;
+      queue.push({
+        callback: callback,
+        id: id,
+        cancelled: false
+      });
+      return id;
+    }
+  }, {
+    key: "remove",
+    value: function remove(id) {
+      var running = this.currentlyRunning;
+      var queue = running ? this.queue.concat(running) : this.queue;
+      var _iterator = _createForOfIteratorHelper(queue),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var task = _step.value;
+          if (task.id === id) {
+            task.cancelled = true;
+            return;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "run",
+    value: function run() {
+      var timeStamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var queue = this.currentlyRunning = this.queue;
+
+      // Tasks queued by callbacks in the current queue should be executed
+      // on the next run, not the current run.
+      this.queue = [];
+      var _iterator2 = _createForOfIteratorHelper(queue),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var task = _step2.value;
+          if (task.cancelled) {
+            continue;
+          }
+          task.callback(timeStamp);
+          if (this.cleared) {
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      this.cleared = false;
+      this.currentlyRunning = false;
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      if (this.currentlyRunning) {
+        this.cleared = true;
+      }
+      this.queue = [];
+    }
+  }]);
+  return TaskQueue;
+}();
+var _default = TaskQueue;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-map",
-  "version": "2.18.2",
+  "version": "2.18.3",
   "description": "l7 map",
   "keywords": [],
   "author": "thinkinggis <lzx199065@gmail.com>",
@@ -40,7 +40,7 @@
   },
   "homepage": "https://github.com/antvis/L7#readme",
   "dependencies": {
-    "@antv/l7-utils": "^2.18.2",
+    "@antv/l7-utils": "2.18.3",
     "@babel/runtime": "^7.7.7",
     "@mapbox/point-geometry": "^0.1.0",
     "@mapbox/unitbezier": "^0.0.0",
@@ -48,5 +48,5 @@
     "gl-matrix": "^3.1.0",
     "lodash-es": "^4.17.21"
   },
-  "gitHead": "89de0cd3f4d2e6e71132577a2ae4e571e2acf0b8"
+  "gitHead": "882d6eaa2d503b4e50ad6d94b123f8f892c0f84c"
 }