@antv/l7-layers 2.10.1 → 2.10.3

package/es/tile/tileLayer/base.js

@@ -1,212 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { debounce } from 'lodash';
-import { updateTileVisible } from "../utils";
-export var Base = /*#__PURE__*/function () {
-  function Base() {
-    _classCallCheck(this, Base);
-
-    _defineProperty(this, "initedTileset", false);
-
-    _defineProperty(this, "viewchange", debounce(this.mapchange, 200));
-  }
-
-  _createClass(Base, [{
-    key: "children",
-    get: function get() {
-      return this.tileLayerManager.children;
-    }
-  }, {
-    key: "mapchange",
-    value: function mapchange() {
-      var _this$tilesetManager;
-
-      var _this$getCurrentView = this.getCurrentView(),
-          latLonBounds = _this$getCurrentView.latLonBounds,
-          zoom = _this$getCurrentView.zoom;
-
-      if (this.mapService.version === 'GAODE1.x') {
-        var _this$parent$getLayer = this.parent.getLayerConfig(),
-            visible = _this$parent$getLayer.visible;
-
-        if (zoom < 3 && visible) {
-          this.parent.updateLayerConfig({
-            visible: false
-          });
-          this.layerService.reRender();
-        } else if (zoom >= 3 && !visible) {
-          this.parent.updateLayerConfig({
-            visible: true
-          });
-          this.layerService.reRender();
-        }
-      }
-
-      if (this.lastViewStates && this.lastViewStates.zoom === zoom && this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
-        return;
-      }
-
-      this.lastViewStates = {
-        zoom: zoom,
-        latLonBounds: latLonBounds
-      };
-      (_this$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.throttleUpdate(zoom, latLonBounds);
-    }
-  }, {
-    key: "getCurrentView",
-    value: function getCurrentView() {
-      var bounds = this.mapService.getBounds();
-      var latLonBounds = [bounds[0][0], bounds[0][1], bounds[1][0], bounds[1][1]];
-      var zoom = this.mapService.getZoom();
-      return {
-        latLonBounds: latLonBounds,
-        zoom: zoom
-      };
-    }
-  }, {
-    key: "initTileSetManager",
-    value: function initTileSetManager() {
-      var _this$tilesetManager2;
-
-      var source = this.parent.getSource();
-      this.tilesetManager = source.tileset;
-
-      if (!this.initedTileset) {
-        this.bindTilesetEvent();
-        this.initedTileset = true;
-      }
-
-      var _this$getCurrentView2 = this.getCurrentView(),
-          latLonBounds = _this$getCurrentView2.latLonBounds,
-          zoom = _this$getCurrentView2.zoom;
-
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
-    }
-  }, {
-    key: "bindTilesetEvent",
-    value: function bindTilesetEvent() {
-      var _this = this;
-
-      if (!this.tilesetManager) {
-        return;
-      } // 瓦片数据加载成功
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-
-      this.tilesetManager.on('tile-loaded', function (tile) {// 将事件抛出，图层上可以监听使用
-      }); // 瓦片数据从缓存删除或被执行重新加载
-
-      this.tilesetManager.on('tile-unload', function (tile) {
-        // 将事件抛出，图层上可以监听使用
-        _this.tileUnLoad(tile);
-      }); // 瓦片数据加载失败
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-      this.tilesetManager.on('tile-error', function (error, tile) {
-        // 将事件抛出，图层上可以监听使用
-        _this.tileError(error);
-      }); // 瓦片显隐状态更新
-
-      this.tilesetManager.on('tile-update', function () {
-        _this.tileUpdate();
-      }); // 地图视野发生改变
-
-      this.mapService.on('zoomend', function () {
-        return _this.viewchange();
-      });
-      this.mapService.on('moveend', function () {
-        return _this.viewchange();
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      this.tileLayerManager.render();
-    } //  防抖操作
-
-  }, {
-    key: "tileLoaded",
-    value: // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    function tileLoaded(tile) {//
-    }
-  }, {
-    key: "tileError",
-    value: function tileError(error) {
-      console.warn('error:', error);
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var _this$tilesetManager3;
-
-      (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
-      this.tileLayerManager.destroy();
-    }
-  }, {
-    key: "tileUnLoad",
-    value: function tileUnLoad(tile) {
-      this.tileLayerManager.removeTile(tile);
-    }
-  }, {
-    key: "tileUpdate",
-    value: function tileUpdate() {
-      var _this2 = this;
-
-      if (!this.tilesetManager) {
-        return;
-      }
-
-      this.tilesetManager.tiles.filter(function (tile) {
-        return tile.isLoaded;
-      }).map(function (tile) {
-        if (!_this2.isTileReady(tile)) return;
-
-        if (!_this2.tileLayerManager.hasTile(tile)) {
-          var _this2$tileLayerManag = _this2.tileLayerManager.addTile(tile),
-              layers = _this2$tileLayerManag.layers;
-
-          _this2.setPickState(layers);
-        } else {
-          if (!tile.isVisibleChange) {
-            return;
-          }
-
-          var _layers = _this2.tileLayerManager.getChildren(tile.layerIDList);
-
-          updateTileVisible(tile, _layers, _this2.layerService);
-
-          _this2.setPickState(_layers);
-        }
-      });
-
-      if (this.tilesetManager.isLoaded) {
-        // 将事件抛出，图层上可以使用瓦片
-        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
-      }
-    }
-  }, {
-    key: "isTileReady",
-    value: function isTileReady(tile) {
-      var _tile$data;
-
-      if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && this.sourceLayer) {
-        // vector
-        var vectorTileLayer = tile.data.layers[this.sourceLayer];
-        var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
-
-        if (!(Array.isArray(features) && features.length > 0)) {
-          return false;
-        }
-      }
-
-      return true;
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-  }, {
-    key: "setPickState",
-    value: function setPickState(layers) {}
-  }]);
-
-  return Base;
-}();

package/lib/tile/interaction/TilePickService.js

@@ -1,143 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TilePickService = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _eventemitter = require("eventemitter3");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-var TilePickService = /*#__PURE__*/function (_EventEmitter) {
-  (0, _inherits2.default)(TilePickService, _EventEmitter);
-
-  var _super = _createSuper(TilePickService);
-
-  function TilePickService(parent, rendererService, pickingService, children, tileRenderService) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TilePickService);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isLastPicked", false);
-    _this.parent = parent;
-    _this.rendererService = rendererService;
-    _this.pickingService = pickingService;
-    _this.children = children;
-    _this.tileRenderService = tileRenderService;
-    return _this;
-  }
-
-  (0, _createClass2.default)(TilePickService, [{
-    key: "pick",
-    value: function pick(layers, target) {
-      var _this2 = this;
-
-      // Tip: 在进行拾取渲染的时候也需要先渲染一遍父组件然后再渲染子组件
-      //  如需要在 栅格瓦片存在 Mask 的时候发生的拾取，那么就需要先渲染父组件（渲染父组件的帧缓冲）
-      this.tileRenderService.renderMask(this.parent);
-      var isPicked = layers.filter(function (layer) {
-        return _this2.parent.needPick(target.type) && layer.inited && layer.isVisible();
-      }).some(function (layer) {
-        layer.hooks.beforePickingEncode.call();
-
-        if (layer.masks.length > 0) {
-          // 清除上一次的模版缓存
-          _this2.rendererService.clear({
-            stencil: 0,
-            depth: 1,
-            framebuffer: null
-          });
-
-          layer.masks.map(function (m) {
-            m.hooks.beforeRender.call();
-            m.render();
-            m.hooks.afterRender.call();
-          });
-        }
-
-        layer.renderModels(true);
-        layer.hooks.afterPickingEncode.call();
-
-        var layerPicked = _this2.pickingService.pickFromPickingFBO(layer, target); // RasterLayer 不参与拾取后的 shader 计算
-
-
-        if (layerPicked && _this2.parent.type !== 'RasterLayer') {
-          _this2.emit('pick', {
-            type: target.type,
-            pickedColors: _this2.pickingService.pickedColors,
-            layer: layer
-          });
-
-          _this2.pickingService.pickedTileLayers = [_this2.parent];
-        }
-
-        return layerPicked;
-      });
-
-      if (this.parent.type !== 'RasterLayer' && !isPicked && this.isLastPicked && target.type !== 'click') {
-        // 只有上一次有被高亮选中，本次未选中的时候才需要清除选中状态
-        this.pickingService.pickedTileLayers = [];
-        this.emit('unpick', {});
-        this.beforeHighlight([0, 0, 0]);
-      }
-
-      this.isLastPicked = isPicked;
-      return isPicked;
-    }
-  }, {
-    key: "clearPick",
-    value: function clearPick() {
-      this.children.filter(function (child) {
-        return child.inited && child.isVisible();
-      }).map(function (layer) {
-        layer.hooks.beforeSelect.call([0, 0, 0]);
-      });
-      this.pickingService.pickedTileLayers = [];
-    }
-  }, {
-    key: "beforeHighlight",
-    value: function beforeHighlight(pickedColors) {
-      this.children.filter(function (child) {
-        return child.inited && child.isVisible();
-      }).map(function (child) {
-        child.hooks.beforeHighlight.call(pickedColors);
-      });
-    }
-  }, {
-    key: "beforeSelect",
-    value: function beforeSelect(pickedColors) {
-      this.children.filter(function (child) {
-        return child.inited && child.isVisible();
-      }).map(function (layer) {
-        layer.hooks.beforeSelect.call(pickedColors);
-      });
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.removeAllListeners();
-    }
-  }]);
-  return TilePickService;
-}(_eventemitter.EventEmitter);
-
-exports.TilePickService = TilePickService;

package/lib/tile/manager/layerManager.js

@@ -1,275 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TileLayerManager = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _base = require("./base");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _utils = require("../utils");
-
-var _TileStyleService = require("../style/TileStyleService");
-
-var _TilePickService = require("../interaction/TilePickService");
-
-var _TileRenderService = require("../render/TileRenderService");
-
-var _constants = require("../style/constants");
-
-var _utils2 = require("../style/utils");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-var TileLayerManager = /*#__PURE__*/function (_Base) {
-  (0, _inherits2.default)(TileLayerManager, _Base);
-
-  var _super = _createSuper(TileLayerManager);
-
-  function TileLayerManager(parent, mapService, rendererService, pickingService, transforms) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TileLayerManager);
-    _this = _super.call(this);
-    _this.parent = parent;
-    _this.children = parent.layerChildren;
-    _this.mapService = mapService;
-    _this.rendererService = rendererService;
-    _this.transforms = transforms;
-    _this.tileRenderService = new _TileRenderService.TileRenderService(rendererService);
-    _this.tilePickService = new _TilePickService.TilePickService(parent, rendererService, pickingService, _this.children, _this.tileRenderService);
-    _this.tileStyleService = new _TileStyleService.TileStyleService();
-
-    _this.setSubLayerInitOption();
-
-    _this.setConfigListener();
-
-    _this.initTileFactory();
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(TileLayerManager, [{
-    key: "render",
-    value: function render() {
-      this.tileStyleService.checkConfig(this.parent);
-      this.tileRenderService.render(this.children);
-    }
-  }, {
-    key: "pickLayers",
-    value: function pickLayers(target) {
-      return this.tilePickService.pick(this.children, target);
-    }
-  }, {
-    key: "setSubLayerInitOption",
-    value: function setSubLayerInitOption() {
-      var _source$data;
-
-      var _ref = this.parent.getLayerConfig(),
-          _ref$zIndex = _ref.zIndex,
-          zIndex = _ref$zIndex === void 0 ? 0 : _ref$zIndex,
-          _ref$opacity = _ref.opacity,
-          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
-          _ref$mask = _ref.mask,
-          mask = _ref$mask === void 0 ? false : _ref$mask,
-          _ref$stroke = _ref.stroke,
-          stroke = _ref$stroke === void 0 ? '#fff' : _ref$stroke,
-          _ref$strokeWidth = _ref.strokeWidth,
-          strokeWidth = _ref$strokeWidth === void 0 ? 0 : _ref$strokeWidth,
-          _ref$strokeOpacity = _ref.strokeOpacity,
-          strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
-          _ref$clampLow = _ref.clampLow,
-          clampLow = _ref$clampLow === void 0 ? true : _ref$clampLow,
-          _ref$clampHigh = _ref.clampHigh,
-          clampHigh = _ref$clampHigh === void 0 ? true : _ref$clampHigh,
-          _ref$domain = _ref.domain,
-          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
-          _ref$rampColors = _ref.rampColors,
-          rampColors = _ref$rampColors === void 0 ? {
-        colors: ['rgb(166,97,26)', 'rgb(223,194,125)', 'rgb(245,245,245)', 'rgb(128,205,193)', 'rgb(1,133,113)'],
-        positions: [0, 0.25, 0.5, 0.75, 1.0]
-      } : _ref$rampColors,
-          _ref$featureId = _ref.featureId,
-          featureId = _ref$featureId === void 0 ? 'id' : _ref$featureId,
-          _ref$workerEnabled = _ref.workerEnabled,
-          workerEnabled = _ref$workerEnabled === void 0 ? false : _ref$workerEnabled,
-          sourceLayer = _ref.sourceLayer,
-          _ref$pixelConstant = _ref.pixelConstant,
-          pixelConstant = _ref$pixelConstant === void 0 ? 0 : _ref$pixelConstant,
-          _ref$pixelConstantR = _ref.pixelConstantR,
-          pixelConstantR = _ref$pixelConstantR === void 0 ? 256 * 256 : _ref$pixelConstantR,
-          _ref$pixelConstantG = _ref.pixelConstantG,
-          pixelConstantG = _ref$pixelConstantG === void 0 ? 256 : _ref$pixelConstantG,
-          _ref$pixelConstantB = _ref.pixelConstantB,
-          pixelConstantB = _ref$pixelConstantB === void 0 ? 1 : _ref$pixelConstantB,
-          _ref$pixelConstantRGB = _ref.pixelConstantRGB,
-          pixelConstantRGB = _ref$pixelConstantRGB === void 0 ? 0.1 : _ref$pixelConstantRGB;
-
-      var colorValue = this.tileStyleService.getAttributeScale(this.parent, 'color');
-      var sizeValue = this.tileStyleService.getAttributeScale(this.parent, 'size');
-      var source = this.parent.getSource();
-
-      var _ref2 = (source === null || source === void 0 ? void 0 : (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.tilesetOptions) || {},
-          coords = _ref2.coords;
-
-      var parentParserType = source.getParserType();
-      var layerShape = (0, _utils.getLayerShape)(this.parent.type, this.parent);
-      this.initOptions = {
-        layerType: this.parent.type,
-        transforms: this.transforms,
-        shape: layerShape,
-        zIndex: zIndex,
-        opacity: opacity,
-        sourceLayer: this.getSourceLayer(parentParserType, sourceLayer),
-        coords: coords,
-        featureId: featureId,
-        color: colorValue,
-        size: sizeValue,
-        mask: (0, _utils.getMaskValue)(this.parent.type, mask),
-        stroke: stroke,
-        strokeWidth: strokeWidth,
-        strokeOpacity: strokeOpacity,
-        // raster tiff
-        clampLow: clampLow,
-        clampHigh: clampHigh,
-        domain: domain,
-        rampColors: rampColors,
-        // worker
-        workerEnabled: workerEnabled,
-        pixelConstant: pixelConstant,
-        pixelConstantR: pixelConstantR,
-        pixelConstantG: pixelConstantG,
-        pixelConstantB: pixelConstantB,
-        pixelConstantRGB: pixelConstantRGB
-      };
-
-      if (rampColors) {
-        // 构建统一的色带贴图
-        var createTexture2D = this.rendererService.createTexture2D;
-        var imageData = (0, _l7Utils.generateColorRamp)(rampColors);
-        var colorTexture = createTexture2D({
-          data: imageData.data,
-          width: imageData.width,
-          height: imageData.height,
-          flipY: false
-        });
-        this.initOptions.colorTexture = colorTexture;
-      }
-    }
-  }, {
-    key: "getInitOptionValue",
-    value: function getInitOptionValue(field) {
-      var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
-
-      switch (field) {
-        case 'color':
-          return (_this$parent$getAttri = this.parent.getAttribute('color')) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.scale;
-
-        case 'shape':
-          return (_this$parent$getAttri2 = this.parent.getAttribute('shape')) === null || _this$parent$getAttri2 === void 0 ? void 0 : _this$parent$getAttri2.scale;
-
-        case 'size':
-          return (_this$parent$getAttri3 = this.parent.getAttribute('size')) === null || _this$parent$getAttri3 === void 0 ? void 0 : _this$parent$getAttri3.scale;
-        // @ts-ignore
-
-        default:
-          return this.initOptions[field];
-      }
-    }
-  }, {
-    key: "setInitOptionValue",
-    value: function setInitOptionValue(field, value) {
-      // @ts-ignore
-      this.initOptions[field] = value;
-    }
-  }, {
-    key: "setConfigListener",
-    value: function setConfigListener() {
-      var _this2 = this;
-
-      var styleConfigs = _constants.styles[this.parent.type] || [];
-      styleConfigs.map(function (style) {
-        _this2.tileStyleService.setConfig(style, _this2.getInitOptionValue(style));
-      });
-      this.tileStyleService.on('updateConfig', function (updateConfigs) {
-        updateConfigs.map(function (key) {
-          return _this2.updateStyle(key);
-        });
-      });
-    }
-  }, {
-    key: "updateAttribute",
-    value: function updateAttribute(style) {
-      var _this3 = this;
-
-      if (_constants.Attributes.includes(style)) {
-        var _this$parent$getAttri4;
-
-        var scaleValue = (_this$parent$getAttri4 = this.parent.getAttribute(style)) === null || _this$parent$getAttri4 === void 0 ? void 0 : _this$parent$getAttri4.scale;
-
-        if (!scaleValue) {
-          return;
-        }
-
-        this.children.map(function (child) {
-          return (0, _utils2.setStyleAttributeField)(child, _this3.parent, style, scaleValue);
-        });
-      }
-    }
-  }, {
-    key: "updateStyle",
-    value: function updateStyle(style) {
-      var updateValue = null;
-
-      if (_constants.Attributes.includes(style)) {
-        this.updateAttribute(style);
-      } else {
-        var layerConfig = this.parent.getLayerConfig();
-
-        if (!(style in layerConfig)) {
-          return;
-        } // @ts-ignore
-
-
-        var config = layerConfig[style];
-        updateValue = config;
-
-        switch (style) {
-          case 'rampColors':
-            var texture = (0, _utils2.updateTexture)(config, this.children, this.rendererService);
-            this.initOptions.colorTexture = texture;
-            break;
-
-          default:
-            (0, _utils2.updateLayersConfig)(this.children, style, config);
-        }
-      }
-
-      this.setInitOptionValue(style, updateValue);
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.tilePickService.destroy();
-    }
-  }]);
-  return TileLayerManager;
-}(_base.Base);
-
-exports.TileLayerManager = TileLayerManager;