@antv/l7-layers 2.9.21 → 2.9.23

package/lib/plugins/DataMappingPlugin.js

@@ -1,324 +1,242 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _initializerDefineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));
-
-var _initializerWarningHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));
-
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _l7Core = require("@antv/l7-core");
-
-var _l7Maps = require("@antv/l7-maps");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _inversify = require("inversify");
-
-require("reflect-metadata");
-
-var _dec, _dec2, _dec3, _dec4, _class, _class2, _descriptor, _descriptor2, _descriptor3;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.IGlobalConfigService), _dec3 = (0, _inversify.inject)(_l7Core.TYPES.IMapService), _dec4 = (0, _inversify.inject)(_l7Core.TYPES.IFontService), _dec(_class = (_class2 = function () {
-  function DataMappingPlugin() {
-    (0, _classCallCheck2.default)(this, DataMappingPlugin);
-    (0, _initializerDefineProperty2.default)(this, "configService", _descriptor, this);
-    (0, _initializerDefineProperty2.default)(this, "mapService", _descriptor2, this);
-    (0, _initializerDefineProperty2.default)(this, "fontService", _descriptor3, this);
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-
-  (0, _createClass2.default)(DataMappingPlugin, [{
-    key: "apply",
-    value: function apply(layer, _ref) {
-      var _this = this;
-
-      var styleAttributeService = _ref.styleAttributeService;
-      layer.hooks.init.tap('DataMappingPlugin', function () {
-        var source = layer.getSource();
-
-        if (source.inited) {
-          _this.generateMaping(layer, {
-            styleAttributeService: styleAttributeService
-          });
-        } else {
-          source.once('sourceUpdate', function () {
-            _this.generateMaping(layer, {
-              styleAttributeService: styleAttributeService
-            });
-          });
-        }
-      });
-      layer.hooks.beforeRenderData.tap('DataMappingPlugin', function () {
-        layer.dataState.dataMappingNeedUpdate = false;
-        var source = layer.getSource();
-
-        if (source.inited) {
-          _this.generateMaping(layer, {
-            styleAttributeService: styleAttributeService
-          });
-        } else {
-          source.once('sourceUpdate', function () {
-            _this.generateMaping(layer, {
-              styleAttributeService: styleAttributeService
-            });
-          });
-        }
-
-        return true;
-      });
-      layer.hooks.beforeRender.tap('DataMappingPlugin', function () {
-        var source = layer.getSource();
-
-        if (layer.layerModelNeedUpdate || !source || !source.inited) {
-          return;
-        }
-
-        var bottomColor = layer.getBottomColor();
-        var attributes = styleAttributeService.getLayerStyleAttributes() || [];
-        var filter = styleAttributeService.getLayerStyleAttribute('filter');
-        var dataArray = source.data.dataArray;
-        var attributesToRemapping = attributes.filter(function (attribute) {
-          return attribute.needRemapping;
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+
+// src/plugins/DataMappingPlugin.ts
+var DataMappingPlugin_exports = {};
+__export(DataMappingPlugin_exports, {
+  default: () => DataMappingPlugin
+});
+module.exports = __toCommonJS(DataMappingPlugin_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_maps = require("@antv/l7-maps");
+var import_l7_utils = require("@antv/l7-utils");
+var import_inversify = require("inversify");
+var import_lodash = require("lodash");
+var import_reflect_metadata = require("reflect-metadata");
+var DataMappingPlugin = class {
+  apply(layer, {
+    styleAttributeService
+  }) {
+    layer.hooks.init.tap("DataMappingPlugin", () => {
+      const source = layer.getSource();
+      if (source.inited) {
+        this.generateMaping(layer, { styleAttributeService });
+      } else {
+        source.once("sourceUpdate", () => {
+          this.generateMaping(layer, { styleAttributeService });
         });
-        var filterData = dataArray;
-
-        if (filter !== null && filter !== void 0 && filter.needRemapping && filter !== null && filter !== void 0 && filter.scale) {
-          filterData = dataArray.filter(function (record) {
-            return _this.applyAttributeMapping(filter, record, bottomColor)[0];
-          });
-        }
-
-        if (attributesToRemapping.length) {
-          if (filter !== null && filter !== void 0 && filter.needRemapping) {
-            layer.setEncodedData(_this.mapping(layer, attributes, filterData, undefined, bottomColor));
-            filter.needRemapping = false;
-          } else {
-            layer.setEncodedData(_this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData(), bottomColor));
-          }
-
-          layer.emit('remapping', null);
-        }
-      });
-    }
-  }, {
-    key: "generateMaping",
-    value: function generateMaping(layer, _ref2) {
-      var _this2 = this;
-
-      var styleAttributeService = _ref2.styleAttributeService;
-      var bottomColor = layer.getBottomColor();
-      var attributes = styleAttributeService.getLayerStyleAttributes() || [];
-      var filter = styleAttributeService.getLayerStyleAttribute('filter');
-      var dataArray = layer.getSource().data.dataArray;
-      var filterData = dataArray;
-
-      if (filter !== null && filter !== void 0 && filter.scale) {
-        filterData = dataArray.filter(function (record) {
-          return _this2.applyAttributeMapping(filter, record, bottomColor)[0];
+      }
+    });
+    layer.hooks.beforeRenderData.tap("DataMappingPlugin", () => {
+      layer.dataState.dataMappingNeedUpdate = false;
+      const source = layer.getSource();
+      if (source.inited) {
+        this.generateMaping(layer, { styleAttributeService });
+      } else {
+        source.once("sourceUpdate", () => {
+          this.generateMaping(layer, { styleAttributeService });
         });
       }
-
-      layer.setEncodedData(this.mapping(layer, attributes, filterData, undefined, bottomColor));
-      layer.emit('dataUpdate', null);
-    }
-  }, {
-    key: "getArrowPoints",
-    value: function getArrowPoints(p1, p2) {
-      var dir = [p2[0] - p1[0], p2[1] - p1[1]];
-      var normalizeDir = (0, _l7Utils.normalize)(dir);
-      var arrowPoint = [p1[0] + normalizeDir[0] * 0.0001, p1[1] + normalizeDir[1] * 0.0001];
-      return arrowPoint;
-    }
-  }, {
-    key: "mapping",
-    value: function mapping(layer, attributes, data, predata, minimumColor) {
-      var _this3 = this;
-
-      var _ref3 = layer.getLayerConfig(),
-          _ref3$arrow = _ref3.arrow,
-          arrow = _ref3$arrow === void 0 ? {
-        enable: false
-      } : _ref3$arrow;
-
-      var mappedData = data.map(function (record, i) {
-        var preRecord = predata ? predata[i] : {};
-
-        var encodeRecord = _objectSpread({
-          id: record._id,
-          coordinates: record.coordinates
-        }, preRecord);
-
-        attributes.filter(function (attribute) {
-          return attribute.scale !== undefined;
-        }).forEach(function (attribute) {
-          var values = _this3.applyAttributeMapping(attribute, record, minimumColor);
-
-          attribute.needRemapping = false;
-
-          if (attribute.name === 'color') {
-            values = values.map(function (c) {
-              return (0, _l7Utils.rgb2arr)(c);
-            });
-          }
-
-          encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values;
-
-          if (attribute.name === 'shape') {
-            encodeRecord.shape = _this3.fontService.getIconFontKey(encodeRecord[attribute.name]);
-          }
+      return true;
+    });
+    layer.hooks.beforeRender.tap("DataMappingPlugin", () => {
+      const source = layer.getSource();
+      if (layer.layerModelNeedUpdate || !source || !source.inited) {
+        return;
+      }
+      const bottomColor = layer.getBottomColor();
+      const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+      const filter = styleAttributeService.getLayerStyleAttribute("filter");
+      const { dataArray } = source.data;
+      const attributesToRemapping = attributes.filter((attribute) => attribute.needRemapping);
+      let filterData = dataArray;
+      if ((filter == null ? void 0 : filter.needRemapping) && (filter == null ? void 0 : filter.scale)) {
+        filterData = dataArray.filter((record) => {
+          return this.applyAttributeMapping(filter, record, bottomColor)[0];
         });
-
-        if (arrow.enable && (encodeRecord.shape === 'line' || encodeRecord.shape === 'halfLine')) {
-          var coords = encodeRecord.coordinates;
-
-          var arrowPoint = _this3.getArrowPoints(coords[0], coords[1]);
-
-          encodeRecord.coordinates.splice(1, 0, arrowPoint, arrowPoint);
-        }
-
-        return encodeRecord;
-      });
-      this.adjustData2Amap2Coordinates(mappedData, layer);
-      this.adjustData2SimpleCoordinates(mappedData);
-      return mappedData;
-    }
-  }, {
-    key: "adjustData2Amap2Coordinates",
-    value: function adjustData2Amap2Coordinates(mappedData, layer) {
-      var _this4 = this;
-
-      if (mappedData.length > 0 && this.mapService.version === _l7Maps.Version['GAODE2.x']) {
-        var layerCenter = this.getLayerCenter(layer);
-
-        if (typeof mappedData[0].coordinates[0] === 'number') {
-          mappedData.filter(function (d) {
-            return !d.originCoordinates;
-          }).map(function (d) {
-            d.version = _l7Maps.Version['GAODE2.x'];
-            d.originCoordinates = (0, _cloneDeep2.default)(d.coordinates);
-            d.coordinates = _this4.mapService.lngLatToCoordByLayer(d.coordinates, layerCenter);
-          });
+      }
+      if (attributesToRemapping.length) {
+        if (filter == null ? void 0 : filter.needRemapping) {
+          layer.setEncodedData(this.mapping(layer, attributes, filterData, void 0, bottomColor));
+          filter.needRemapping = false;
         } else {
-          mappedData.filter(function (d) {
-            return !d.originCoordinates;
-          }).map(function (d) {
-            d.version = _l7Maps.Version['GAODE2.x'];
-            d.originCoordinates = (0, _cloneDeep2.default)(d.coordinates);
-            d.coordinates = _this4.mapService.lngLatToCoordsByLayer(d.coordinates, layerCenter);
-          });
+          layer.setEncodedData(this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData(), bottomColor));
         }
+        layer.emit("remapping", null);
       }
+    });
+  }
+  generateMaping(layer, {
+    styleAttributeService
+  }) {
+    const bottomColor = layer.getBottomColor();
+    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+    const filter = styleAttributeService.getLayerStyleAttribute("filter");
+    const { dataArray } = layer.getSource().data;
+    let filterData = dataArray;
+    if (filter == null ? void 0 : filter.scale) {
+      filterData = dataArray.filter((record) => {
+        return this.applyAttributeMapping(filter, record, bottomColor)[0];
+      });
     }
-  }, {
-    key: "getLayerCenter",
-    value: function getLayerCenter(layer) {
-      var source = layer.getSource();
-      return source.center;
-    }
-  }, {
-    key: "adjustData2SimpleCoordinates",
-    value: function adjustData2SimpleCoordinates(mappedData) {
-      var _this5 = this;
-
-      if (mappedData.length > 0 && this.mapService.version === _l7Maps.Version.SIMPLE) {
-        mappedData.map(function (d) {
-          if (!d.simpleCoordinate) {
-            d.coordinates = _this5.unProjectCoordinates(d.coordinates);
-            d.simpleCoordinate = true;
-          }
-        });
-      }
-    }
-  }, {
-    key: "unProjectCoordinates",
-    value: function unProjectCoordinates(coordinates) {
-      var _this6 = this;
-
-      if (typeof coordinates[0] === 'number') {
-        return this.mapService.simpleMapCoord.unproject(coordinates);
+    layer.setEncodedData(this.mapping(layer, attributes, filterData, void 0, bottomColor));
+    layer.emit("dataUpdate", null);
+  }
+  getArrowPoints(p1, p2) {
+    const dir = [p2[0] - p1[0], p2[1] - p1[1]];
+    const normalizeDir = (0, import_l7_utils.normalize)(dir);
+    const arrowPoint = [
+      p1[0] + normalizeDir[0] * 1e-4,
+      p1[1] + normalizeDir[1] * 1e-4
+    ];
+    return arrowPoint;
+  }
+  mapping(layer, attributes, data, predata, minimumColor) {
+    const {
+      arrow = {
+        enable: false
       }
-
-      if (coordinates[0] && coordinates[0][0] instanceof Array) {
-        var coords = [];
-        coordinates.map(function (coord) {
-          var c1 = [];
-          coord.map(function (co) {
-            c1.push(_this6.mapService.simpleMapCoord.unproject(co));
+    } = layer.getLayerConfig();
+    const mappedData = data.map((record, i) => {
+      const preRecord = predata ? predata[i] : {};
+      const encodeRecord = {
+        id: record._id,
+        coordinates: record.coordinates,
+        ...preRecord
+      };
+      attributes.filter((attribute) => attribute.scale !== void 0).forEach((attribute) => {
+        let values = this.applyAttributeMapping(attribute, record, minimumColor);
+        attribute.needRemapping = false;
+        if (attribute.name === "color") {
+          values = values.map((c) => {
+            return (0, import_l7_utils.rgb2arr)(c);
           });
-          coords.push(c1);
+        }
+        encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values;
+        if (attribute.name === "shape") {
+          encodeRecord.shape = this.fontService.getIconFontKey(encodeRecord[attribute.name]);
+        }
+      });
+      if (arrow.enable && (encodeRecord.shape === "line" || encodeRecord.shape === "halfLine")) {
+        const coords = encodeRecord.coordinates;
+        const arrowPoint = this.getArrowPoints(coords[0], coords[1]);
+        encodeRecord.coordinates.splice(1, 0, arrowPoint, arrowPoint);
+      }
+      return encodeRecord;
+    });
+    this.adjustData2Amap2Coordinates(mappedData, layer);
+    this.adjustData2SimpleCoordinates(mappedData);
+    return mappedData;
+  }
+  adjustData2Amap2Coordinates(mappedData, layer) {
+    if (mappedData.length > 0 && this.mapService.version === import_l7_maps.Version["GAODE2.x"]) {
+      const layerCenter = this.getLayerCenter(layer);
+      if (typeof mappedData[0].coordinates[0] === "number") {
+        mappedData.filter((d) => !d.originCoordinates).map((d) => {
+          d.version = import_l7_maps.Version["GAODE2.x"];
+          d.originCoordinates = (0, import_lodash.cloneDeep)(d.coordinates);
+          d.coordinates = this.mapService.lngLatToCoordByLayer(d.coordinates, layerCenter);
         });
-        return coords;
       } else {
-        var _coords = [];
-        coordinates.map(function (coord) {
-          _coords.push(_this6.mapService.simpleMapCoord.unproject(coord));
+        mappedData.filter((d) => !d.originCoordinates).map((d) => {
+          d.version = import_l7_maps.Version["GAODE2.x"];
+          d.originCoordinates = (0, import_lodash.cloneDeep)(d.coordinates);
+          d.coordinates = this.mapService.lngLatToCoordsByLayer(d.coordinates, layerCenter);
         });
-        return _coords;
       }
     }
-  }, {
-    key: "applyAttributeMapping",
-    value: function applyAttributeMapping(attribute, record, minimumColor) {
-      var _attribute$scale;
-
-      if (!attribute.scale) {
-        return [];
-      }
-
-      var scalers = (attribute === null || attribute === void 0 ? void 0 : (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.scalers) || [];
-      var params = [];
-      scalers.forEach(function (_ref4) {
-        var _attribute$scale2;
-
-        var field = _ref4.field;
-
-        if (record.hasOwnProperty(field) || ((_attribute$scale2 = attribute.scale) === null || _attribute$scale2 === void 0 ? void 0 : _attribute$scale2.type) === 'variable') {
-          params.push(record[field]);
+  }
+  getLayerCenter(layer) {
+    const source = layer.getSource();
+    return source.center;
+  }
+  adjustData2SimpleCoordinates(mappedData) {
+    if (mappedData.length > 0 && this.mapService.version === import_l7_maps.Version.SIMPLE) {
+      mappedData.map((d) => {
+        if (!d.simpleCoordinate) {
+          d.coordinates = this.unProjectCoordinates(d.coordinates);
+          d.simpleCoordinate = true;
         }
       });
-      var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
-
-      if (attribute.name === 'color' && !(0, _l7Utils.isColor)(mappingResult[0])) {
-        return [minimumColor];
+    }
+  }
+  unProjectCoordinates(coordinates) {
+    if (typeof coordinates[0] === "number") {
+      return this.mapService.simpleMapCoord.unproject(coordinates);
+    }
+    if (coordinates[0] && coordinates[0][0] instanceof Array) {
+      const coords = [];
+      coordinates.map((coord) => {
+        const c1 = [];
+        coord.map((co) => {
+          c1.push(this.mapService.simpleMapCoord.unproject(co));
+        });
+        coords.push(c1);
+      });
+      return coords;
+    } else {
+      const coords = [];
+      coordinates.map((coord) => {
+        coords.push(this.mapService.simpleMapCoord.unproject(coord));
+      });
+      return coords;
+    }
+  }
+  applyAttributeMapping(attribute, record, minimumColor) {
+    var _a;
+    if (!attribute.scale) {
+      return [];
+    }
+    const scalers = ((_a = attribute == null ? void 0 : attribute.scale) == null ? void 0 : _a.scalers) || [];
+    const params = [];
+    scalers.forEach(({ field }) => {
+      var _a2;
+      if (record.hasOwnProperty(field) || ((_a2 = attribute.scale) == null ? void 0 : _a2.type) === "variable") {
+        params.push(record[field]);
       }
-
-      return mappingResult;
+    });
+    const mappingResult = attribute.mapping ? attribute.mapping(params) : [];
+    if (attribute.name === "color" && !(0, import_l7_utils.isColor)(mappingResult[0])) {
+      return [minimumColor];
     }
-  }]);
-  return DataMappingPlugin;
-}(), (_descriptor = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "configService", [_dec2], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "mapService", [_dec3], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "fontService", [_dec4], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-})), _class2)) || _class);
-exports.default = DataMappingPlugin;
-//# sourceMappingURL=DataMappingPlugin.js.map
+    return mappingResult;
+  }
+};
+__decorateClass([
+  (0, import_inversify.inject)(import_l7_core.TYPES.IGlobalConfigService)
+], DataMappingPlugin.prototype, "configService", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_l7_core.TYPES.IMapService)
+], DataMappingPlugin.prototype, "mapService", 2);
+__decorateClass([
+  (0, import_inversify.inject)(import_l7_core.TYPES.IFontService)
+], DataMappingPlugin.prototype, "fontService", 2);
+DataMappingPlugin = __decorateClass([
+  (0, import_inversify.injectable)()
+], DataMappingPlugin);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});