@antv/l7-layers 2.17.4 → 2.17.6

package/lib/plugins/DataMappingPlugin.js

@@ -1,74 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 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 _l7Core = require("@antv/l7-core");
-
 var _l7Maps = require("@antv/l7-maps");
-
 var _l7Utils = require("@antv/l7-utils");
-
 var _inversify = require("inversify");
-
 var _lodash = require("lodash");
-
 require("reflect-metadata");
-
 var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
-
 var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.IMapService), _dec3 = (0, _inversify.inject)(_l7Core.TYPES.IFontService), _dec(_class = (_class2 = /*#__PURE__*/function () {
   function DataMappingPlugin() {
     (0, _classCallCheck2.default)(this, DataMappingPlugin);
     (0, _initializerDefineProperty2.default)(this, "mapService", _descriptor, this);
     (0, _initializerDefineProperty2.default)(this, "fontService", _descriptor2, this);
   }
-
   (0, _createClass2.default)(DataMappingPlugin, [{
     key: "apply",
     value: function apply(layer, _ref) {
       var _this = this;
-
       var styleAttributeService = _ref.styleAttributeService;
       layer.hooks.init.tapPromise('DataMappingPlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                layer.log(_l7Core.IDebugLog.MappingStart, _l7Core.ILayerStage.INIT); // 初始化重新生成 map
-
-                _this.generateMaping(layer, {
-                  styleAttributeService: styleAttributeService
-                });
-
-                layer.log(_l7Core.IDebugLog.MappingEnd, _l7Core.ILayerStage.INIT);
-
-              case 3:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              layer.log(_l7Core.IDebugLog.MappingStart, _l7Core.ILayerStage.INIT);
+              // 初始化重新生成 map
+              _this.generateMaping(layer, {
+                styleAttributeService: styleAttributeService
+              });
+              layer.log(_l7Core.IDebugLog.MappingEnd, _l7Core.ILayerStage.INIT);
+            case 3:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       })));
@@ -76,106 +52,95 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
         var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(flag) {
           var mappingResult;
           return _regenerator.default.wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  if (flag) {
-                    _context2.next = 2;
-                    break;
-                  }
-
-                  return _context2.abrupt("return", flag);
-
-                case 2:
-                  layer.dataState.dataMappingNeedUpdate = false;
-                  layer.log(_l7Core.IDebugLog.MappingStart, _l7Core.ILayerStage.UPDATE);
-                  mappingResult = _this.generateMaping(layer, {
-                    styleAttributeService: styleAttributeService
-                  });
-                  layer.log(_l7Core.IDebugLog.MappingEnd, _l7Core.ILayerStage.UPDATE);
-                  return _context2.abrupt("return", mappingResult);
-
-                case 7:
-                case "end":
-                  return _context2.stop();
-              }
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                if (flag) {
+                  _context2.next = 2;
+                  break;
+                }
+                return _context2.abrupt("return", flag);
+              case 2:
+                layer.dataState.dataMappingNeedUpdate = false;
+                layer.log(_l7Core.IDebugLog.MappingStart, _l7Core.ILayerStage.UPDATE);
+                mappingResult = _this.generateMaping(layer, {
+                  styleAttributeService: styleAttributeService
+                });
+                layer.log(_l7Core.IDebugLog.MappingEnd, _l7Core.ILayerStage.UPDATE);
+                return _context2.abrupt("return", mappingResult);
+              case 7:
+              case "end":
+                return _context2.stop();
             }
           }, _callee2);
         }));
-
         return function (_x) {
           return _ref3.apply(this, arguments);
         };
-      }()); // remapping before render
+      }());
 
+      // remapping before render
       layer.hooks.beforeRender.tap('DataMappingPlugin', function () {
         var source = layer.getSource();
-
         if (layer.layerModelNeedUpdate || !source || !source.inited) {
           return;
         }
-
         var attributes = styleAttributeService.getLayerStyleAttributes() || [];
         var filter = styleAttributeService.getLayerStyleAttribute('filter');
-        var dataArray = source.data.dataArray; // TODO 数据为空的情况
-
+        var dataArray = source.data.dataArray;
+        // TODO 数据为空的情况
         if (Array.isArray(dataArray) && dataArray.length === 0) {
           return;
         }
-
         var attributesToRemapping = attributes.filter(function (attribute) {
           return attribute.needRemapping;
         } // 如果filter变化
         );
-        var filterData = dataArray; // 数据过滤完 再执行数据映射
 
+        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)[0];
           });
         }
-
         if (attributesToRemapping.length) {
           // 过滤数据
           var encodeData = _this.mapping(layer, attributesToRemapping, filterData, layer.getEncodedData() // TODO 优化
           );
 
           layer.setEncodedData(encodeData);
-        } // 处理文本更新，更新文字形状
-        // layer.emit('remapping', null);
+        }
 
+        // 处理文本更新，更新文字形状
+        // layer.emit('remapping', null);
       });
     }
   }, {
     key: "generateMaping",
     value: function generateMaping(layer, _ref4) {
       var _this2 = this;
-
       var styleAttributeService = _ref4.styleAttributeService;
       var attributes = styleAttributeService.getLayerStyleAttributes() || [];
       var filter = styleAttributeService.getLayerStyleAttribute('filter');
       var dataArray = layer.getSource().data.dataArray;
-      var filterData = dataArray; // 数据过滤完 再执行数据映射
-
+      var filterData = dataArray;
+      // 数据过滤完 再执行数据映射
       if (filter !== null && filter !== void 0 && filter.scale) {
         filterData = dataArray.filter(function (record) {
           return _this2.applyAttributeMapping(filter, record)[0];
         });
-      } // Tip: layer 对数据做处理
+      }
+      // Tip: layer 对数据做处理
       // 数据处理 在数据进行 mapping 生成 encodeData 之前对数据进行处理
       // 在各个 layer 中继承
 
-
       filterData = layer.processData(filterData); // 目前只有简单线需要处理
-
       var encodeData = this.mapping(layer, attributes, filterData, undefined);
       layer.setEncodedData(encodeData);
-
       if (dataArray.length === 0 && layer.encodeDataLength === 0) {
         return false;
-      } // 对外暴露事件
-
-
+      }
+      // 对外暴露事件
       layer.emit('dataUpdate', null);
       return true;
     }
@@ -183,13 +148,11 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
     key: "mapping",
     value: function mapping(layer, attributes, data, predata) {
       var _this3 = this;
-
       var _ref5 = layer.getLayerConfig(),
-          _ref5$arrow = _ref5.arrow,
-          arrow = _ref5$arrow === void 0 ? {
-        enable: false
-      } : _ref5$arrow;
-
+        _ref5$arrow = _ref5.arrow,
+        arrow = _ref5$arrow === void 0 ? {
+          enable: false
+        } : _ref5$arrow;
       var usedAttributes = attributes.filter(function (attribute) {
         return attribute.scale !== undefined;
       }).filter(function (attribute) {
@@ -202,45 +165,42 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
           coordinates: record.coordinates
         }, preRecord);
         usedAttributes.forEach(function (attribute) {
-          var values = _this3.applyAttributeMapping(attribute, record); // TODO: 支持每个属性配置 postprocess}
-
-
+          var values = _this3.applyAttributeMapping(attribute, record);
+          // TODO: 支持每个属性配置 postprocess}
           if (attribute.name === 'color' || attribute.name === 'stroke') {
             values = values.map(function (c) {
               return (0, _l7Utils.rgb2arr)(c);
             });
-          } // @ts-ignore
-
-
-          encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values; // 增加对 layer/text/iconfont unicode 映射的解析
+          }
+          // @ts-ignore
+          encodeRecord[attribute.name] = Array.isArray(values) && values.length === 1 ? values[0] : values;
 
+          // 增加对 layer/text/iconfont unicode 映射的解析
           if (attribute.name === 'shape') {
             encodeRecord.shape = _this3.fontService.getIconFontKey(encodeRecord[attribute.name]);
           }
         });
-
         if (arrow.enable && encodeRecord.shape === 'line') {
           // 只有在线图层且支持配置箭头的时候进行插入顶点的处理
-          var coords = encodeRecord.coordinates; // @ts-ignore
-
+          var coords = encodeRecord.coordinates;
+          // @ts-ignore
           if (layer.arrowInsertCount < layer.encodeDataLength) {
             // Tip: arrowInsert 的判断用于确保每一条线数据 arrow 的属性点只会被植入一次
             var arrowPoint = _this3.getArrowPoints(coords[0], coords[1]);
-
-            encodeRecord.coordinates.splice(1, 0, arrowPoint, arrowPoint); // @ts-ignore
-
+            encodeRecord.coordinates.splice(1, 0, arrowPoint, arrowPoint);
+            // @ts-ignore
             layer.arrowInsertCount++;
           }
         }
-
         return encodeRecord;
       });
       attributes.forEach(function (attribute) {
         attribute.needRemapping = false;
-      }); // 调整数据兼容 Amap2.0
-
-      this.adjustData2Amap2Coordinates(mappedData, layer); // 调整数据兼容 SimpleCoordinates
+      });
+      // 调整数据兼容 Amap2.0
+      this.adjustData2Amap2Coordinates(mappedData, layer);
 
+      // 调整数据兼容 SimpleCoordinates
       this.adjustData2SimpleCoordinates(mappedData);
       return mappedData;
     }
@@ -248,22 +208,21 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
     key: "adjustData2Amap2Coordinates",
     value: function adjustData2Amap2Coordinates(mappedData, layer) {
       var _this4 = this;
-
       // 根据地图的类型判断是否需要对点位数据进行处理, 若是高德2.0则需要对坐标进行相对偏移
       if (mappedData.length > 0 && this.mapService.version === _l7Maps.Version['GAODE2.x']) {
-        var layerCenter = layer.coordCenter || layer.getSource().center; // 单个的点数据
+        var layerCenter = layer.coordCenter || layer.getSource().center;
+        // 单个的点数据
         // @ts-ignore
-
-        mappedData // TODO: 避免经纬度被重复计算导致坐标位置偏移
+        mappedData
+        // TODO: 避免经纬度被重复计算导致坐标位置偏移
         .filter(function (d) {
           return !d.originCoordinates;
         }).map(function (d) {
-          d.version = _l7Maps.Version['GAODE2.x']; // @ts-ignore
-
+          d.version = _l7Maps.Version['GAODE2.x'];
+          // @ts-ignore
           d.originCoordinates = (0, _lodash.cloneDeep)(d.coordinates); // 为了兼容高德1.x 需要保存一份原始的经纬度坐标数据（许多上层逻辑依赖经纬度数据）
           // @ts-ignore
           // d.coordinates = this.mapService.lngLatToCoord(d.coordinates);
-
           d.coordinates = _this4.mapService.coordToAMap2RelativeCoordinates(d.coordinates, layerCenter);
         });
       }
@@ -272,7 +231,6 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
     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) {
@@ -286,11 +244,9 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
     key: "unProjectCoordinates",
     value: function unProjectCoordinates(coordinates) {
       var _this6 = this;
-
       if (typeof coordinates[0] === 'number') {
         return this.mapService.simpleMapCoord.unproject(coordinates);
       }
-
       if (coordinates[0] && coordinates[0][0] instanceof Array) {
         // @ts-ignore
         var coords = [];
@@ -299,20 +255,20 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
           var c1 = [];
           coord.map(function (co) {
             c1.push(_this6.mapService.simpleMapCoord.unproject(co));
-          }); // @ts-ignore
-
+          });
+          // @ts-ignore
           coords.push(c1);
-        }); // @ts-ignore
-
+        });
+        // @ts-ignore
         return coords;
       } else {
         // @ts-ignore
-        var _coords = []; // @ts-ignore
-
+        var _coords = [];
+        // @ts-ignore
         coordinates.map(function (coord) {
           _coords.push(_this6.mapService.simpleMapCoord.unproject(coord));
-        }); // @ts-ignore
-
+        });
+        // @ts-ignore
         return _coords;
       }
     }
@@ -320,25 +276,22 @@ var DataMappingPlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inver
     key: "applyAttributeMapping",
     value: function applyAttributeMapping(attribute, record) {
       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 (_ref6) {
         var _attribute$scale2;
-
         var field = _ref6.field;
-
         if (record.hasOwnProperty(field) || ((_attribute$scale2 = attribute.scale) === null || _attribute$scale2 === void 0 ? void 0 : _attribute$scale2.type) === 'variable') {
           // TODO:多字段，常量
           params.push(record[field]);
         }
       });
       var mappingResult = attribute.mapping ? attribute.mapping(params) : [];
-      return mappingResult; // return attribute.mapping ? attribute.mapping(params) : [];
+      return mappingResult;
+      // return attribute.mapping ? attribute.mapping(params) : [];
     }
   }, {
     key: "getArrowPoints",

package/lib/plugins/DataSourcePlugin.js

@@ -1,107 +1,81 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _l7Core = require("@antv/l7-core");
-
 var _l7Source = _interopRequireDefault(require("@antv/l7-source"));
-
 var _inversify = require("inversify");
-
 require("reflect-metadata");
-
 var _dec, _class;
-
 var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
   function DataSourcePlugin() {
     (0, _classCallCheck2.default)(this, DataSourcePlugin);
   }
-
   (0, _createClass2.default)(DataSourcePlugin, [{
     key: "apply",
     value: function apply(layer) {
       var _this = this;
-
       this.mapService = layer.getContainer().get(_l7Core.TYPES.IMapService);
       layer.hooks.init.tapPromise('DataSourcePlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var source, _ref2, data, options;
-
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                layer.log(_l7Core.IDebugLog.SourceInitStart, _l7Core.ILayerStage.INIT);
-                source = layer.getSource();
-
-                if (!source) {
-                  // Tip: 用户没有传入 source 的时候使用图层的默认数据
-                  _ref2 = layer.sourceOption || layer.defaultSourceConfig, data = _ref2.data, options = _ref2.options;
-                  source = new _l7Source.default(data, options);
-                  layer.setSource(source);
-                }
-
-                if (!source.inited) {
-                  _context.next = 8;
-                  break;
-                }
-
-                _this.updateClusterData(layer);
-
-                layer.log(_l7Core.IDebugLog.SourceInitEnd, _l7Core.ILayerStage.INIT);
-                _context.next = 10;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              layer.log(_l7Core.IDebugLog.SourceInitStart, _l7Core.ILayerStage.INIT);
+              source = layer.getSource();
+              if (!source) {
+                // Tip: 用户没有传入 source 的时候使用图层的默认数据
+                _ref2 = layer.sourceOption || layer.defaultSourceConfig, data = _ref2.data, options = _ref2.options;
+                source = new _l7Source.default(data, options);
+                layer.setSource(source);
+              }
+              if (!source.inited) {
+                _context.next = 8;
                 break;
-
-              case 8:
-                _context.next = 10;
-                return new Promise(function (resolve) {
-                  source.on('update', function (e) {
-                    if (e.type === 'inited') {
-                      _this.updateClusterData(layer);
-
-                      layer.log(_l7Core.IDebugLog.SourceInitEnd, _l7Core.ILayerStage.INIT);
-                    }
-
-                    resolve(null);
-                  });
+              }
+              _this.updateClusterData(layer);
+              layer.log(_l7Core.IDebugLog.SourceInitEnd, _l7Core.ILayerStage.INIT);
+              _context.next = 10;
+              break;
+            case 8:
+              _context.next = 10;
+              return new Promise(function (resolve) {
+                source.on('update', function (e) {
+                  if (e.type === 'inited') {
+                    _this.updateClusterData(layer);
+                    layer.log(_l7Core.IDebugLog.SourceInitEnd, _l7Core.ILayerStage.INIT);
+                  }
+                  resolve(null);
                 });
-
-              case 10:
-              case "end":
-                return _context.stop();
-            }
+              });
+            case 10:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
-      }))); // 检测数据是否需要更新
+      })));
 
+      // 检测数据是否需要更新
       layer.hooks.beforeRenderData.tapPromise('DataSourcePlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         var neeUpdateCluster, dataSourceNeedUpdate, needScale;
         return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                neeUpdateCluster = _this.updateClusterData(layer);
-                dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
-                layer.dataState.dataSourceNeedUpdate = false;
-                needScale = neeUpdateCluster || dataSourceNeedUpdate;
-                return _context2.abrupt("return", needScale);
-
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              neeUpdateCluster = _this.updateClusterData(layer);
+              dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
+              layer.dataState.dataSourceNeedUpdate = false;
+              needScale = neeUpdateCluster || dataSourceNeedUpdate;
+              return _context2.abrupt("return", needScale);
+            case 5:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2);
       })));
@@ -113,29 +87,24 @@ var DataSourcePlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__
       if (layer.isTileLayer || layer.tileLayer || !layer.getSource()) {
         return false;
       }
-
       var source = layer.getSource();
       var cluster = source.cluster;
       var _source$clusterOption = source.clusterOptions.zoom,
-          zoom = _source$clusterOption === void 0 ? 0 : _source$clusterOption;
+        zoom = _source$clusterOption === void 0 ? 0 : _source$clusterOption;
       var newZoom = this.mapService.getZoom() - 1;
       var dataSourceNeedUpdate = layer.dataState.dataSourceNeedUpdate;
-
       if (cluster && dataSourceNeedUpdate) {
         // 数据发生更新
         source.updateClusterData(Math.floor(newZoom));
-      } // 如果 dataSource 有更新，跳过 zoom 的判断，直接更新一次
-
-
+      }
+      // 如果 dataSource 有更新，跳过 zoom 的判断，直接更新一次
       if (cluster && Math.abs(layer.clusterZoom - newZoom) >= 1) {
         if (zoom !== Math.floor(newZoom)) {
           source.updateClusterData(Math.floor(newZoom));
         }
-
         layer.clusterZoom = newZoom;
         return true;
       }
-
       return false;
     }
   }]);