@antv/l7-layers 2.9.20 → 2.9.22

package/lib/tile/manager/tileLayerManager.js

@@ -1,328 +1,243 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tile/manager/tileLayerManager.ts
+var tileLayerManager_exports = {};
+__export(tileLayerManager_exports, {
+  TileLayerManager: () => TileLayerManager
 });
-exports.TileLayerManager = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _l7Utils = require("@antv/l7-utils");
-
-var _tileFactory = require("../tileFactory");
-
-var _utils = require("../utils");
-
-var _tileConfigManager = _interopRequireDefault(require("./tileConfigManager"));
-
-var _tilePickerManager = _interopRequireDefault(require("./tilePickerManager"));
-
-var TileLayerManager = function () {
-  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService) {
-    (0, _classCallCheck2.default)(this, TileLayerManager);
-    (0, _defineProperty2.default)(this, "sourceLayer", void 0);
-    (0, _defineProperty2.default)(this, "parent", void 0);
-    (0, _defineProperty2.default)(this, "children", void 0);
-    (0, _defineProperty2.default)(this, "mapService", void 0);
-    (0, _defineProperty2.default)(this, "rendererService", void 0);
-    (0, _defineProperty2.default)(this, "tilePickManager", void 0);
-    (0, _defineProperty2.default)(this, "tileConfigManager", void 0);
-    (0, _defineProperty2.default)(this, "tileFactory", void 0);
-    (0, _defineProperty2.default)(this, "initOptions", void 0);
-    (0, _defineProperty2.default)(this, "rampColorsData", void 0);
+module.exports = __toCommonJS(tileLayerManager_exports);
+var import_l7_utils = require("@antv/l7-utils");
+var import_tileFactory = require("../tileFactory");
+var import_utils = require("../utils");
+var import_tileConfigManager = __toESM(require("./tileConfigManager"));
+var import_tilePickerManager = __toESM(require("./tilePickerManager"));
+var TileLayerManager = class {
+  constructor(parent, mapService, rendererService, pickingService, layerService) {
     this.parent = parent;
     this.children = parent.layerChildren;
     this.mapService = mapService;
     this.rendererService = rendererService;
-    this.tilePickManager = new _tilePickerManager.default(parent, rendererService, pickingService, this.children, layerService);
-    this.tileConfigManager = new _tileConfigManager.default();
+    this.tilePickManager = new import_tilePickerManager.default(parent, rendererService, pickingService, this.children, layerService);
+    this.tileConfigManager = new import_tileConfigManager.default();
     this.setSubLayerInitOptipn();
     this.setConfigListener();
     this.initTileFactory();
   }
-
-  (0, _createClass2.default)(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((0, _defineProperty2.default)({}, 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, (0, _toConsumableArray2.default)(layers));
-    }
-  }, {
-    key: "removeChilds",
-    value: function removeChilds(layerIDList) {
-      var refresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      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(refresh);
-      });
-      this.children = cacheLayerList;
-    }
-  }, {
-    key: "removeChild",
-    value: function removeChild(layer) {
-      var layerIndex = this.children.indexOf(layer);
-
-      if (layerIndex > -1) {
-        this.children.splice(layerIndex, 1);
+  createTile(tile) {
+    return this.tileFactory.createTile(tile, this.initOptions);
+  }
+  updateLayersConfig(layers, key, value) {
+    layers.map((layer) => {
+      if (key === "mask") {
+        layer.style({
+          mask: value
+        });
+      } else {
+        layer.updateLayerConfig({
+          [key]: value
+        });
       }
-
-      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];
+    });
+  }
+  addChild(layer) {
+    this.children.push(layer);
+  }
+  addChilds(layers) {
+    this.children.push(...layers);
+  }
+  removeChilds(layerIDList, refresh = true) {
+    const remveLayerList = [];
+    const cacheLayerList = [];
+    this.children.filter((child) => {
+      layerIDList.includes(child.id) ? remveLayerList.push(child) : cacheLayerList.push(child);
+    });
+    remveLayerList.map((layer) => layer.destroy(refresh));
+    this.children = cacheLayerList;
+  }
+  removeChild(layer) {
+    const layerIndex = this.children.indexOf(layer);
+    if (layerIndex > -1) {
+      this.children.splice(layerIndex, 1);
     }
-  }, {
-    key: "clearChild",
-    value: function clearChild() {
-      this.children.forEach(function (layer) {
-        layer.destroy();
+    layer.destroy();
+  }
+  getChilds(layerIDList) {
+    return this.children.filter((child) => layerIDList.includes(child.id));
+  }
+  getChild(layerID) {
+    return this.children.filter((child) => child.id === layerID)[0];
+  }
+  clearChild() {
+    this.children.forEach((layer) => {
+      layer.destroy();
+    });
+    this.children.slice(0, this.children.length);
+  }
+  hasChild(layer) {
+    return this.children.includes(layer);
+  }
+  render() {
+    var _a, _b;
+    (_a = this.tileConfigManager) == null ? void 0 : _a.checkConfig(this.parent);
+    (_b = this.tilePickManager) == null ? void 0 : _b.normalRender(this.children);
+  }
+  pickLayers(target) {
+    var _a;
+    return (_a = this.tilePickManager) == null ? void 0 : _a.pickRender(this.children, target);
+  }
+  setSubLayerInitOptipn() {
+    var _a;
+    const {
+      zIndex = 0,
+      opacity = 1,
+      mask = false,
+      stroke = "#fff",
+      strokeWidth = 0,
+      strokeOpacity = 1,
+      clampLow = true,
+      clampHigh = true,
+      domain = [0, 1],
+      rampColors = {
+        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]
+      },
+      featureId = "id",
+      workerEnabled = false,
+      sourceLayer,
+      pixelConstant = 0,
+      pixelConstantR = 256 * 256,
+      pixelConstantG = 256,
+      pixelConstantB = 1,
+      pixelConstantRGB = 0.1
+    } = this.parent.getLayerConfig();
+    const colorValue = this.tileConfigManager.getAttributeScale(this.parent, "color");
+    const sizeValue = this.tileConfigManager.getAttributeScale(this.parent, "size");
+    const source = this.parent.getSource();
+    const { coords } = ((_a = source == null ? void 0 : source.data) == null ? void 0 : _a.tilesetOptions) || {};
+    const layerShape = (0, import_utils.getLayerShape)(this.parent.type, this.parent);
+    if (rampColors) {
+      this.rampColorsData = (0, import_l7_utils.generateColorRamp)(rampColors);
+    }
+    this.initOptions = {
+      layerType: this.parent.type,
+      shape: layerShape,
+      zIndex,
+      opacity,
+      sourceLayer,
+      coords,
+      featureId,
+      color: colorValue,
+      size: sizeValue,
+      mask: (0, import_utils.getMaskValue)(this.parent.type, mask),
+      stroke,
+      strokeWidth,
+      strokeOpacity,
+      clampLow,
+      clampHigh,
+      domain,
+      rampColors,
+      rampColorsData: this.rampColorsData,
+      workerEnabled,
+      pixelConstant,
+      pixelConstantR,
+      pixelConstantG,
+      pixelConstantB,
+      pixelConstantRGB
+    };
+  }
+  setConfigListener() {
+    var _a, _b, _c;
+    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);
+      this.tileConfigManager.setConfig("pixelConstant", this.initOptions.pixelConstant);
+      this.tileConfigManager.setConfig("pixelConstantR", this.initOptions.pixelConstantR);
+      this.tileConfigManager.setConfig("pixelConstantG", this.initOptions.pixelConstantG);
+      this.tileConfigManager.setConfig("pixelConstantB", this.initOptions.pixelConstantB);
+      this.tileConfigManager.setConfig("pixelConstantRGB", this.initOptions.pixelConstantRGB);
+    } else {
+      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", (_a = this.parent.getAttribute("color")) == null ? void 0 : _a.scale);
+      this.tileConfigManager.setConfig("shape", (_b = this.parent.getAttribute("shape")) == null ? void 0 : _b.scale);
+      this.tileConfigManager.setConfig("size", (_c = this.parent.getAttribute("size")) == null ? void 0 : _c.scale);
+    }
+    this.tileConfigManager.on("updateConfig", (updateConfigs) => {
+      updateConfigs.map((key) => {
+        this.updateStyle(key);
+        return "";
       });
-      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,
-          _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.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 = (0, _utils.getLayerShape)(this.parent.type, this.parent);
-
-      if (rampColors) {
-        this.rampColorsData = (0, _l7Utils.generateColorRamp)(rampColors);
-      }
-
-      this.initOptions = {
-        layerType: this.parent.type,
-        shape: layerShape,
-        zIndex: zIndex,
-        opacity: opacity,
-        sourceLayer: sourceLayer,
-        coords: coords,
-        featureId: featureId,
-        color: colorValue,
-        size: sizeValue,
-        mask: (0, _utils.getMaskValue)(this.parent.type, mask),
-        stroke: stroke,
-        strokeWidth: strokeWidth,
-        strokeOpacity: strokeOpacity,
-        clampLow: clampLow,
-        clampHigh: clampHigh,
-        domain: domain,
-        rampColors: rampColors,
-        rampColorsData: this.rampColorsData,
-        workerEnabled: workerEnabled,
-        pixelConstant: pixelConstant,
-        pixelConstantR: pixelConstantR,
-        pixelConstantG: pixelConstantG,
-        pixelConstantB: pixelConstantB,
-        pixelConstantRGB: pixelConstantRGB
-      };
-    }
-  }, {
-    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);
-        this.tileConfigManager.setConfig('pixelConstant', this.initOptions.pixelConstant);
-        this.tileConfigManager.setConfig('pixelConstantR', this.initOptions.pixelConstantR);
-        this.tileConfigManager.setConfig('pixelConstantG', this.initOptions.pixelConstantG);
-        this.tileConfigManager.setConfig('pixelConstantB', this.initOptions.pixelConstantB);
-        this.tileConfigManager.setConfig('pixelConstantRGB', this.initOptions.pixelConstantRGB);
-      } 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);
+    });
+  }
+  updateStyle(style) {
+    var _a;
+    let updateValue = null;
+    if (["size", "color", "shape"].includes(style)) {
+      const scaleValue = (_a = this.parent.getAttribute(style)) == null ? void 0 : _a.scale;
+      if (!scaleValue) {
+        return;
       }
-
-      this.tileConfigManager.on('updateConfig', function (updateConfigs) {
-        updateConfigs.map(function (key) {
-          _this.updateStyle(key);
-
-          return '';
-        });
+      updateValue = scaleValue;
+      this.children.map((child) => {
+        this.tileFactory.setStyleAttributeField(child, style, scaleValue);
+        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);
-
-        if (style === 'rampColors' && config) {
-          this.rampColorsData = (0, _l7Utils.generateColorRamp)(config);
-        }
+    } else {
+      const layerConfig = this.parent.getLayerConfig();
+      if (!(style in layerConfig)) {
+        return;
+      }
+      const config = layerConfig[style];
+      updateValue = config;
+      this.updateLayersConfig(this.children, style, config);
+      if (style === "rampColors" && config) {
+        this.rampColorsData = (0, import_l7_utils.generateColorRamp)(config);
       }
-
-      this.initOptions[style] = updateValue;
-    }
-  }, {
-    key: "initTileFactory",
-    value: function initTileFactory() {
-      var source = this.parent.getSource();
-      var TileFactory = (0, _tileFactory.getTileFactory)(this.parent.type, source.parser);
-      this.tileFactory = new TileFactory({
-        parent: this.parent,
-        mapService: this.mapService,
-        rendererService: this.rendererService
-      });
     }
-  }]);
-  return TileLayerManager;
-}();
-
-exports.TileLayerManager = TileLayerManager;
-//# sourceMappingURL=tileLayerManager.js.map
+    this.initOptions[style] = updateValue;
+  }
+  initTileFactory() {
+    const source = this.parent.getSource();
+    const TileFactory = (0, import_tileFactory.getTileFactory)(this.parent.type, source.parser);
+    this.tileFactory = new TileFactory({
+      parent: this.parent,
+      mapService: this.mapService,
+      rendererService: this.rendererService
+    });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TileLayerManager
+});