@antv/l7-layers 2.8.43 → 2.9.0

package/es/tile/manager/tileConfigManager.js

@@ -0,0 +1,123 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _isEqual from "lodash/isEqual";
+
+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 EventEmitter from 'eventemitter3';
+
+var TileConfigManager = function (_EventEmitter) {
+  _inherits(TileConfigManager, _EventEmitter);
+
+  var _super = _createSuper(TileConfigManager);
+
+  function TileConfigManager() {
+    var _this;
+
+    _classCallCheck(this, TileConfigManager);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "cacheConfig", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "checkConfigList", []);
+
+    _this.cacheConfig = new Map();
+    return _this;
+  }
+
+  _createClass(TileConfigManager, [{
+    key: "setConfig",
+    value: function setConfig(key, value) {
+      if (!this.checkConfigList.includes(key)) {
+        this.checkConfigList.push(key);
+      }
+
+      this.cacheConfig.set(key, value);
+    }
+  }, {
+    key: "removeConfig",
+    value: function removeConfig(key) {
+      var configIndex = this.checkConfigList.indexOf(key);
+
+      if (configIndex > -1) {
+        this.cacheConfig.delete(key);
+        this.checkConfigList.splice(configIndex, 1);
+      }
+    }
+  }, {
+    key: "checkConfig",
+    value: function checkConfig(layer) {
+      var _this2 = this;
+
+      if (!layer.inited) {
+        return;
+      }
+
+      var layerConfig = layer.getLayerConfig();
+      var updateConfigs = [];
+      this.checkConfigList.map(function (key) {
+        var cacheConfig = _this2.cacheConfig.get(key);
+
+        var currentConfig;
+
+        if (['color', 'size', 'shape'].includes(key)) {
+          var _layer$getAttribute;
+
+          currentConfig = (_layer$getAttribute = layer.getAttribute(key)) === null || _layer$getAttribute === void 0 ? void 0 : _layer$getAttribute.scale;
+        } else {
+          if (!(key in layerConfig)) {
+            return;
+          }
+
+          currentConfig = layerConfig[key];
+        }
+
+        if (!_isEqual(cacheConfig, currentConfig)) {
+          updateConfigs.push(key);
+
+          _this2.setConfig(key, currentConfig);
+        }
+      });
+
+      if (updateConfigs.length > 0) {
+        console.warn('tile config cache update!', updateConfigs);
+        this.emit('updateConfig', updateConfigs);
+      }
+    }
+  }, {
+    key: "getAttributeScale",
+    value: function getAttributeScale(layer, name) {
+      var attribute = layer.getAttribute(name);
+      var scaleValue = {
+        field: undefined,
+        values: undefined,
+        callback: undefined
+      };
+
+      if (attribute && attribute.scale) {
+        var _attribute$scale = attribute.scale,
+            field = _attribute$scale.field,
+            values = _attribute$scale.values,
+            callback = _attribute$scale.callback;
+        scaleValue.field = field;
+        scaleValue.values = values;
+        scaleValue.callback = callback;
+      }
+
+      return scaleValue;
+    }
+  }]);
+
+  return TileConfigManager;
+}(EventEmitter);
+
+export { TileConfigManager as default };
+//# sourceMappingURL=tileConfigManager.js.map

package/es/tile/manager/tileConfigManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/manager/tileConfigManager.ts"],"names":["EventEmitter","TileConfigManager","cacheConfig","Map","key","value","checkConfigList","includes","push","set","configIndex","indexOf","delete","splice","layer","inited","layerConfig","getLayerConfig","updateConfigs","map","get","currentConfig","getAttribute","scale","setConfig","length","console","warn","emit","name","attribute","scaleValue","field","undefined","values","callback"],"mappings":"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","sourcesContent":["import { ILayer, IScaleValue, ISubLayerInitOptions } from '@antv/l7-core';\nimport EventEmitter from 'eventemitter3';\nimport { isEqual } from 'lodash';\nexport interface ITileConfigManager {\n  setConfig(key: string, value: any): void;\n  checkConfig(layer: ILayer): void;\n  on(event: string, fn: (...args: any[]) => void): void;\n  getAttributeScale(layer: ILayer, name: string): IScaleValue;\n}\n\nexport default class TileConfigManager extends EventEmitter {\n  public cacheConfig: Map<string, any>;\n  public checkConfigList: string[] = [];\n  constructor() {\n    super();\n    this.cacheConfig = new Map();\n  }\n\n  public setConfig(key: string, value: any) {\n    if (!this.checkConfigList.includes(key)) {\n      this.checkConfigList.push(key);\n    }\n    this.cacheConfig.set(key, value);\n  }\n\n  public removeConfig(key: string) {\n    const configIndex = this.checkConfigList.indexOf(key);\n    if (configIndex > -1) {\n      this.cacheConfig.delete(key);\n      this.checkConfigList.splice(configIndex, 1);\n    }\n  }\n\n  public checkConfig(layer: ILayer) {\n    if (!layer.inited) {\n      return;\n    }\n\n    const layerConfig = layer.getLayerConfig() as ISubLayerInitOptions;\n    const updateConfigs: string[] = [];\n    this.checkConfigList.map((key) => {\n      const cacheConfig = this.cacheConfig.get(key);\n\n      let currentConfig;\n      if (['color', 'size', 'shape'].includes(key)) {\n        currentConfig = layer.getAttribute(key)?.scale;\n      } else {\n        if (!(key in layerConfig)) {\n          return;\n        }\n        // @ts-ignore\n        currentConfig = layerConfig[key];\n      }\n\n      if (!isEqual(cacheConfig, currentConfig)) {\n        updateConfigs.push(key);\n        this.setConfig(key, currentConfig);\n      }\n    });\n    if (updateConfigs.length > 0) {\n      console.warn('tile config cache update!', updateConfigs);\n      this.emit('updateConfig', updateConfigs);\n    }\n  }\n\n  public getAttributeScale(layer: ILayer, name: string): IScaleValue {\n    const attribute = layer.getAttribute(name);\n    const scaleValue: IScaleValue = {\n      field: undefined,\n      values: undefined,\n      callback: undefined,\n    };\n    if (attribute && attribute.scale) {\n      const { field, values, callback } = attribute.scale;\n      scaleValue.field = field;\n      scaleValue.values = values;\n      scaleValue.callback = callback;\n    }\n    return scaleValue;\n  }\n}\n"],"file":"tileConfigManager.js"}

package/es/tile/manager/tileLayerManager.d.ts

@@ -0,0 +1,34 @@
+import { IInteractionTarget, ILayer, ILayerService, IMapService, IPickingService, IRendererService, ITileLayerManager, ITilePickManager } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+import { ITileConfigManager } from './tileConfigManager';
+export declare class TileLayerManager implements ITileLayerManager {
+    sourceLayer: string;
+    parent: ILayer;
+    children: ILayer[];
+    mapService: IMapService;
+    rendererService: IRendererService;
+    tilePickManager: ITilePickManager;
+    tileConfigManager: ITileConfigManager;
+    private tileFactory;
+    private initOptions;
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService, pickingService: IPickingService, layerService: ILayerService);
+    createTile(tile: Tile): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+    updateLayersConfig(layers: ILayer[], key: string, value: any): void;
+    addChild(layer: ILayer): void;
+    addChilds(layers: ILayer[]): void;
+    removeChilds(layerIDList: string[]): void;
+    removeChild(layer: ILayer): void;
+    getChilds(layerIDList: string[]): ILayer[];
+    getChild(layerID: string): ILayer;
+    clearChild(): void;
+    hasChild(layer: ILayer): boolean;
+    render(): void;
+    pickLayers(target: IInteractionTarget): boolean;
+    private setSubLayerInitOptipn;
+    private setConfigListener;
+    private updateStyle;
+    private initTileFactory;
+}

package/es/tile/manager/tileLayerManager.js

@@ -0,0 +1,283 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { getTileFactory } from '../tileFactory';
+import { getLayerShape, getMaskValue } from '../utils';
+import TileConfigManager from './tileConfigManager';
+import TilePickManager from './tilePickerManager';
+export var TileLayerManager = function () {
+  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService) {
+    _classCallCheck(this, TileLayerManager);
+
+    _defineProperty(this, "sourceLayer", void 0);
+
+    _defineProperty(this, "parent", void 0);
+
+    _defineProperty(this, "children", void 0);
+
+    _defineProperty(this, "mapService", void 0);
+
+    _defineProperty(this, "rendererService", void 0);
+
+    _defineProperty(this, "tilePickManager", void 0);
+
+    _defineProperty(this, "tileConfigManager", void 0);
+
+    _defineProperty(this, "tileFactory", void 0);
+
+    _defineProperty(this, "initOptions", void 0);
+
+    this.parent = parent;
+    this.children = parent.layerChildren;
+    this.mapService = mapService;
+    this.rendererService = rendererService;
+    this.tilePickManager = new TilePickManager(parent, rendererService, pickingService, this.children, layerService);
+    this.tileConfigManager = new TileConfigManager();
+    this.setSubLayerInitOptipn();
+    this.setConfigListener();
+    this.initTileFactory();
+  }
+
+  _createClass(TileLayerManager, [{
+    key: "createTile",
+    value: function createTile(tile) {
+      return this.tileFactory.createTile(tile, this.initOptions);
+    }
+  }, {
+    key: "updateLayersConfig",
+    value: function updateLayersConfig(layers, key, value) {
+      layers.map(function (layer) {
+        if (key === 'mask') {
+          layer.style({
+            mask: value
+          });
+        } else {
+          layer.updateLayerConfig(_defineProperty({}, key, value));
+        }
+      });
+    }
+  }, {
+    key: "addChild",
+    value: function addChild(layer) {
+      this.children.push(layer);
+    }
+  }, {
+    key: "addChilds",
+    value: function addChilds(layers) {
+      var _this$children;
+
+      (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
+    }
+  }, {
+    key: "removeChilds",
+    value: function removeChilds(layerIDList) {
+      var remveLayerList = [];
+      var cacheLayerList = [];
+      this.children.filter(function (child) {
+        layerIDList.includes(child.id) ? remveLayerList.push(child) : cacheLayerList.push(child);
+      });
+      remveLayerList.map(function (layer) {
+        return layer.destroy();
+      });
+      this.children = cacheLayerList;
+    }
+  }, {
+    key: "removeChild",
+    value: function removeChild(layer) {
+      var layerIndex = this.children.indexOf(layer);
+
+      if (layerIndex > -1) {
+        this.children.splice(layerIndex, 1);
+      }
+
+      layer.destroy();
+    }
+  }, {
+    key: "getChilds",
+    value: function getChilds(layerIDList) {
+      return this.children.filter(function (child) {
+        return layerIDList.includes(child.id);
+      });
+    }
+  }, {
+    key: "getChild",
+    value: function getChild(layerID) {
+      return this.children.filter(function (child) {
+        return child.id === layerID;
+      })[0];
+    }
+  }, {
+    key: "clearChild",
+    value: function clearChild() {
+      this.children.forEach(function (layer) {
+        layer.destroy();
+      });
+      this.children.slice(0, this.children.length);
+    }
+  }, {
+    key: "hasChild",
+    value: function hasChild(layer) {
+      return this.children.includes(layer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$tileConfigManag, _this$tilePickManager;
+
+      (_this$tileConfigManag = this.tileConfigManager) === null || _this$tileConfigManag === void 0 ? void 0 : _this$tileConfigManag.checkConfig(this.parent);
+      (_this$tilePickManager = this.tilePickManager) === null || _this$tilePickManager === void 0 ? void 0 : _this$tilePickManager.normalRender(this.children);
+    }
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      var _this$tilePickManager2;
+
+      return (_this$tilePickManager2 = this.tilePickManager) === null || _this$tilePickManager2 === void 0 ? void 0 : _this$tilePickManager2.pickRender(this.children, target);
+    }
+  }, {
+    key: "setSubLayerInitOptipn",
+    value: function setSubLayerInitOptipn() {
+      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,
+          sourceLayer = _ref.sourceLayer;
+
+      var colorValue = this.tileConfigManager.getAttributeScale(this.parent, 'color');
+      var sizeValue = this.tileConfigManager.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 layerShape = getLayerShape(this.parent.type, this.parent);
+      this.initOptions = {
+        layerType: this.parent.type,
+        shape: layerShape,
+        zIndex: zIndex,
+        opacity: opacity,
+        sourceLayer: sourceLayer,
+        coords: coords,
+        featureId: featureId,
+        color: colorValue,
+        size: sizeValue,
+        mask: getMaskValue(this.parent.type, mask),
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        strokeOpacity: strokeOpacity,
+        clampLow: clampLow,
+        clampHigh: clampHigh,
+        domain: domain,
+        rampColors: rampColors
+      };
+    }
+  }, {
+    key: "setConfigListener",
+    value: function setConfigListener() {
+      var _this = this;
+
+      this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);
+      this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);
+      this.tileConfigManager.setConfig('mask', this.initOptions.mask);
+
+      if (this.parent.type === 'RasterLayer') {
+        this.tileConfigManager.setConfig('rampColors', this.initOptions.rampColors);
+        this.tileConfigManager.setConfig('domain', this.initOptions.domain);
+        this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);
+        this.tileConfigManager.setConfig('clampLow', this.initOptions.clampLow);
+      } else {
+        var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
+
+        this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);
+        this.tileConfigManager.setConfig('strokeWidth', this.initOptions.strokeWidth);
+        this.tileConfigManager.setConfig('strokeOpacity', this.initOptions.strokeOpacity);
+        this.tileConfigManager.setConfig('color', (_this$parent$getAttri = this.parent.getAttribute('color')) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.scale);
+        this.tileConfigManager.setConfig('shape', (_this$parent$getAttri2 = this.parent.getAttribute('shape')) === null || _this$parent$getAttri2 === void 0 ? void 0 : _this$parent$getAttri2.scale);
+        this.tileConfigManager.setConfig('size', (_this$parent$getAttri3 = this.parent.getAttribute('size')) === null || _this$parent$getAttri3 === void 0 ? void 0 : _this$parent$getAttri3.scale);
+      }
+
+      this.tileConfigManager.on('updateConfig', function (updateConfigs) {
+        updateConfigs.map(function (key) {
+          _this.updateStyle(key);
+
+          return '';
+        });
+      });
+    }
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      var _this2 = this;
+
+      var updateValue = null;
+
+      if (['size', 'color', 'shape'].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;
+        }
+
+        updateValue = scaleValue;
+        this.children.map(function (child) {
+          _this2.tileFactory.setStyleAttributeField(child, style, scaleValue);
+
+          return '';
+        });
+      } else {
+        var layerConfig = this.parent.getLayerConfig();
+
+        if (!(style in layerConfig)) {
+          return;
+        }
+
+        var config = layerConfig[style];
+        updateValue = config;
+        this.updateLayersConfig(this.children, style, config);
+      }
+
+      this.initOptions[style] = updateValue;
+    }
+  }, {
+    key: "initTileFactory",
+    value: function initTileFactory() {
+      var source = this.parent.getSource();
+      var TileFactory = getTileFactory(this.parent.type, source.parser);
+      this.tileFactory = new TileFactory({
+        parent: this.parent,
+        mapService: this.mapService,
+        rendererService: this.rendererService
+      });
+    }
+  }]);
+
+  return TileLayerManager;
+}();
+//# sourceMappingURL=tileLayerManager.js.map

package/es/tile/manager/tileLayerManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/manager/tileLayerManager.ts"],"names":["getTileFactory","getLayerShape","getMaskValue","TileConfigManager","TilePickManager","TileLayerManager","parent","mapService","rendererService","pickingService","layerService","children","layerChildren","tilePickManager","tileConfigManager","setSubLayerInitOptipn","setConfigListener","initTileFactory","tile","tileFactory","createTile","initOptions","layers","key","value","map","layer","style","mask","updateLayerConfig","push","layerIDList","remveLayerList","cacheLayerList","filter","child","includes","id","destroy","layerIndex","indexOf","splice","layerID","forEach","slice","length","checkConfig","normalRender","target","pickRender","getLayerConfig","zIndex","opacity","stroke","strokeWidth","strokeOpacity","clampLow","clampHigh","domain","rampColors","colors","positions","featureId","sourceLayer","colorValue","getAttributeScale","sizeValue","source","getSource","data","tilesetOptions","coords","layerShape","type","layerType","shape","color","size","setConfig","getAttribute","scale","on","updateConfigs","updateStyle","updateValue","scaleValue","setStyleAttributeField","layerConfig","config","updateLayersConfig","TileFactory","parser"],"mappings":"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","sourcesContent":["import {\n  IInteractionTarget,\n  ILayer,\n  ILayerService,\n  IMapService,\n  IPickingService,\n  IRendererService,\n  ISubLayerInitOptions,\n  ITileLayerManager,\n  ITilePickManager,\n  ScaleAttributeType,\n} from '@antv/l7-core';\nimport { Tile } from '@antv/l7-utils';\nimport { getTileFactory, ITileFactory, TileType } from '../tileFactory';\nimport { getLayerShape, getMaskValue } from '../utils';\nimport TileConfigManager, { ITileConfigManager } from './tileConfigManager';\nimport TilePickManager from './tilePickerManager';\nexport class TileLayerManager implements ITileLayerManager {\n  public sourceLayer: string;\n  public parent: ILayer;\n  public children: ILayer[];\n  public mapService: IMapService;\n  public rendererService: IRendererService;\n  public tilePickManager: ITilePickManager;\n  public tileConfigManager: ITileConfigManager;\n  private tileFactory: ITileFactory;\n  private initOptions: ISubLayerInitOptions;\n  constructor(\n    parent: ILayer,\n    mapService: IMapService,\n    rendererService: IRendererService,\n    pickingService: IPickingService,\n    layerService: ILayerService,\n  ) {\n    this.parent = parent;\n    this.children = parent.layerChildren;\n    this.mapService = mapService;\n    this.rendererService = rendererService;\n    this.tilePickManager = new TilePickManager(\n      parent,\n      rendererService,\n      pickingService,\n      this.children,\n      layerService,\n    );\n    this.tileConfigManager = new TileConfigManager();\n\n    this.setSubLayerInitOptipn();\n    this.setConfigListener();\n    this.initTileFactory();\n  }\n\n  public createTile(tile: Tile) {\n    return this.tileFactory.createTile(tile, this.initOptions);\n  }\n\n  public updateLayersConfig(layers: ILayer[], key: string, value: any) {\n    layers.map((layer) => {\n      if (key === 'mask') {\n        // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响\n        layer.style({\n          mask: value,\n        });\n      } else {\n        layer.updateLayerConfig({\n          [key]: value,\n        });\n      }\n    });\n  }\n\n  public addChild(layer: ILayer) {\n    this.children.push(layer);\n  }\n\n  public addChilds(layers: ILayer[]) {\n    this.children.push(...layers);\n  }\n\n  public removeChilds(layerIDList: string[]) {\n    const remveLayerList: ILayer[] = [];\n    const cacheLayerList: ILayer[] = [];\n    this.children.filter((child) => {\n      layerIDList.includes(child.id)\n        ? remveLayerList.push(child)\n        : cacheLayerList.push(child);\n    });\n    remveLayerList.map((layer) => layer.destroy());\n    this.children = cacheLayerList;\n  }\n\n  public removeChild(layer: ILayer) {\n    const layerIndex = this.children.indexOf(layer);\n    if (layerIndex > -1) {\n      this.children.splice(layerIndex, 1);\n    }\n    layer.destroy();\n  }\n\n  public getChilds(layerIDList: string[]) {\n    return this.children.filter((child) => layerIDList.includes(child.id));\n  }\n\n  public getChild(layerID: string) {\n    return this.children.filter((child) => child.id === layerID)[0];\n  }\n\n  public clearChild() {\n    this.children.forEach((layer: any) => {\n      layer.destroy();\n    });\n\n    this.children.slice(0, this.children.length);\n  }\n\n  public hasChild(layer: ILayer) {\n    return this.children.includes(layer);\n  }\n\n  public render(): void {\n    this.tileConfigManager?.checkConfig(this.parent);\n    this.tilePickManager?.normalRender(this.children);\n  }\n\n  public pickLayers(target: IInteractionTarget) {\n    return this.tilePickManager?.pickRender(this.children, target);\n  }\n\n  private setSubLayerInitOptipn() {\n    const {\n      zIndex = 0,\n      opacity = 1,\n      mask = false,\n      stroke = '#fff',\n      strokeWidth = 0,\n      strokeOpacity = 1,\n\n      clampLow = true,\n      clampHigh = true,\n      domain = [0, 1],\n      rampColors = {\n        colors: [\n          'rgb(166,97,26)',\n          'rgb(223,194,125)',\n          'rgb(245,245,245)',\n          'rgb(128,205,193)',\n          'rgb(1,133,113)',\n        ],\n        positions: [0, 0.25, 0.5, 0.75, 1.0],\n      },\n      featureId = 'id',\n      sourceLayer,\n    } = this.parent.getLayerConfig() as ISubLayerInitOptions;\n\n    const colorValue = this.tileConfigManager.getAttributeScale(\n      this.parent,\n      'color',\n    );\n    const sizeValue = this.tileConfigManager.getAttributeScale(\n      this.parent,\n      'size',\n    );\n    const source = this.parent.getSource();\n    const { coords } = source?.data?.tilesetOptions || {};\n\n    const layerShape = getLayerShape(this.parent.type, this.parent);\n\n    this.initOptions = {\n      layerType: this.parent.type,\n      shape: layerShape,\n      zIndex,\n      opacity,\n      sourceLayer,\n      coords,\n      featureId,\n      color: colorValue,\n      size: sizeValue,\n      mask: getMaskValue(this.parent.type, mask),\n      stroke,\n      strokeWidth,\n      strokeOpacity,\n      // raster tiff\n      clampLow,\n      clampHigh,\n      domain,\n      rampColors,\n    };\n  }\n\n  private setConfigListener() {\n    // RasterLayer PolygonLayer LineLayer PointLayer\n    // All Tile Layer Need Listen\n    this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);\n    this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);\n    this.tileConfigManager.setConfig('mask', this.initOptions.mask);\n\n    if (this.parent.type === 'RasterLayer') {\n      // Raster Tile Layer Need Listen\n      this.tileConfigManager.setConfig(\n        'rampColors',\n        this.initOptions.rampColors,\n      );\n      this.tileConfigManager.setConfig('domain', this.initOptions.domain);\n      this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);\n      this.tileConfigManager.setConfig('clampLow', this.initOptions.clampLow);\n    } else {\n      // Vector Tile Layer Need Listen\n      this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);\n      this.tileConfigManager.setConfig(\n        'strokeWidth',\n        this.initOptions.strokeWidth,\n      );\n      this.tileConfigManager.setConfig(\n        'strokeOpacity',\n        this.initOptions.strokeOpacity,\n      );\n      this.tileConfigManager.setConfig(\n        'color',\n        this.parent.getAttribute('color')?.scale,\n      );\n      this.tileConfigManager.setConfig(\n        'shape',\n        this.parent.getAttribute('shape')?.scale,\n      );\n      this.tileConfigManager.setConfig(\n        'size',\n        this.parent.getAttribute('size')?.scale,\n      );\n    }\n\n    this.tileConfigManager.on('updateConfig', (updateConfigs) => {\n      updateConfigs.map((key: string) => {\n        this.updateStyle(key);\n        return '';\n      });\n    });\n  }\n\n  private updateStyle(style: string) {\n    let updateValue = null;\n    if (['size', 'color', 'shape'].includes(style)) {\n      const scaleValue = this.parent.getAttribute(style)?.scale;\n      if (!scaleValue) {\n        return;\n      }\n      updateValue = scaleValue;\n      this.children.map((child) => {\n        this.tileFactory.setStyleAttributeField(\n          child,\n          style as ScaleAttributeType,\n          scaleValue,\n        );\n        return '';\n      });\n    } else {\n      const layerConfig = this.parent.getLayerConfig() as ISubLayerInitOptions;\n      if (!(style in layerConfig)) {\n        return;\n      }\n      // @ts-ignore\n      const config = layerConfig[style];\n      updateValue = config;\n      this.updateLayersConfig(this.children, style, config);\n    }\n    // @ts-ignore\n    this.initOptions[style] = updateValue;\n  }\n\n  private initTileFactory() {\n    const source = this.parent.getSource();\n    const TileFactory = getTileFactory(\n      this.parent.type as TileType,\n      source.parser,\n    );\n    this.tileFactory = new TileFactory({\n      parent: this.parent,\n      mapService: this.mapService,\n      rendererService: this.rendererService,\n    });\n  }\n}\n"],"file":"tileLayerManager.js"}

package/es/tile/manager/tilePickerManager.d.ts

@@ -0,0 +1,20 @@
+import { IInteractionTarget, ILayer, ILayerService, IPickingService, IRendererService, ITilePickManager } from '@antv/l7-core';
+import { EventEmitter } from 'eventemitter3';
+export default class TilePickManager extends EventEmitter implements ITilePickManager {
+    isLastPicked: boolean;
+    private rendererService;
+    private pickingService;
+    private layerService;
+    private children;
+    private parent;
+    constructor(parent: ILayer, rendererService: IRendererService, pickingService: IPickingService, children: ILayer[], layerService: ILayerService);
+    /**
+     *
+     * @param layers
+     */
+    normalRender(layers: ILayer[]): void;
+    pickRender(layers: ILayer[], target: IInteractionTarget): boolean;
+    clearPick(): void;
+    beforeHighlight(pickedColors: any): void;
+    beforeSelect(pickedColors: any): void;
+}

package/es/tile/manager/tilePickerManager.js

@@ -0,0 +1,164 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 { EventEmitter } from 'eventemitter3';
+
+var TilePickManager = function (_EventEmitter) {
+  _inherits(TilePickManager, _EventEmitter);
+
+  var _super = _createSuper(TilePickManager);
+
+  function TilePickManager(parent, rendererService, pickingService, children, layerService) {
+    var _this;
+
+    _classCallCheck(this, TilePickManager);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "isLastPicked", false);
+
+    _defineProperty(_assertThisInitialized(_this), "rendererService", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "pickingService", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "layerService", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "children", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "parent", void 0);
+
+    _this.parent = parent;
+    _this.rendererService = rendererService;
+    _this.pickingService = pickingService;
+    _this.layerService = layerService;
+    _this.children = children;
+    return _this;
+  }
+
+  _createClass(TilePickManager, [{
+    key: "normalRender",
+    value: function normalRender(layers) {
+      var _this2 = this;
+
+      layers.filter(function (layer) {
+        return layer.inited;
+      }).filter(function (layer) {
+        return layer.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeRenderData.call();
+        layer.hooks.beforeRender.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.render();
+        layer.hooks.afterRender.call();
+      });
+    }
+  }, {
+    key: "pickRender",
+    value: function pickRender(layers, target) {
+      var _this3 = this;
+
+      this.normalRender([this.parent]);
+      var isPicked = layers.filter(function (layer) {
+        return _this3.parent.needPick(target.type) && layer.inited && layer.isVisible();
+      }).some(function (layer) {
+        layer.hooks.beforePickingEncode.call();
+
+        if (layer.masks.length > 0) {
+          _this3.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 = _this3.pickingService.pickFromPickingFBO(layer, target);
+
+        if (layerPicked) {
+          _this3.emit('pick', {
+            type: target.type,
+            pickedColors: _this3.pickingService.pickedColors,
+            layer: layer
+          });
+
+          _this3.pickingService.pickedTileLayers = [_this3.parent];
+        }
+
+        return layerPicked;
+      });
+
+      if (!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);
+      });
+    }
+  }]);
+
+  return TilePickManager;
+}(EventEmitter);
+
+export { TilePickManager as default };
+//# sourceMappingURL=tilePickerManager.js.map