@antv/l7-layers 2.10.3 → 2.10.5

package/es/tile/manager/layerManager.js

@@ -0,0 +1,254 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+
+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 { Base } from "./base";
+import { generateColorRamp } from '@antv/l7-utils';
+import { getLayerShape, getMaskValue } from "../utils";
+import { TileStyleService } from "../style/TileStyleService";
+import { TilePickService } from "../interaction/TilePickService";
+import { TileRenderService } from "../render/TileRenderService";
+import { styles, Attributes } from "../style/constants";
+import { updateTexture, updateLayersConfig, setStyleAttributeField } from "../style/utils";
+export var TileLayerManager = /*#__PURE__*/function (_Base) {
+  _inherits(TileLayerManager, _Base);
+
+  var _super = _createSuper(TileLayerManager);
+
+  function TileLayerManager(parent, mapService, rendererService, pickingService, transforms) {
+    var _this;
+
+    _classCallCheck(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(rendererService);
+    _this.tilePickService = new TilePickService(parent, rendererService, pickingService, _this.children, _this.tileRenderService);
+    _this.tileStyleService = new TileStyleService();
+
+    _this.setSubLayerInitOption();
+
+    _this.setConfigListener();
+
+    _this.initTileFactory();
+
+    return _this;
+  }
+
+  _createClass(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 = 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: 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 = 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 = 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 (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 setStyleAttributeField(child, _this3.parent, style, scaleValue);
+        });
+      }
+    }
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      var updateValue = null;
+
+      if (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 = updateTexture(config, this.children, this.rendererService);
+            this.initOptions.colorTexture = texture;
+            break;
+
+          default:
+            updateLayersConfig(this.children, style, config);
+        }
+      }
+
+      this.setInitOptionValue(style, updateValue);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.tilePickService.destroy();
+    }
+  }]);
+
+  return TileLayerManager;
+}(Base);

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

@@ -0,0 +1,7 @@
+import { ILayer, IMapService, IRendererService, IBaseTileLayerManager } from '@antv/l7-core';
+import { Base } from './base';
+export declare class BaseMapTileLayerManager extends Base implements IBaseTileLayerManager {
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService);
+    render(): void;
+    private setSubLayerInitOption;
+}

package/es/tile/manager/mapLayerManager.js

@@ -0,0 +1,119 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+
+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 { Base } from "./base";
+import { getLayerShape, getMaskValue } from "../utils";
+export var BaseMapTileLayerManager = /*#__PURE__*/function (_Base) {
+  _inherits(BaseMapTileLayerManager, _Base);
+
+  var _super = _createSuper(BaseMapTileLayerManager);
+
+  // only support vector layer
+  function BaseMapTileLayerManager(parent, mapService, rendererService) {
+    var _this;
+
+    _classCallCheck(this, BaseMapTileLayerManager);
+
+    _this = _super.call(this);
+    _this.parent = parent;
+    _this.children = parent.layerChildren;
+    _this.mapService = mapService;
+    _this.rendererService = rendererService;
+
+    _this.setSubLayerInitOption();
+
+    _this.initTileFactory();
+
+    return _this;
+  }
+
+  _createClass(BaseMapTileLayerManager, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      this.children.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.beforeRenderData.call();
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.render();
+        layer.hooks.afterRender.call();
+      });
+    }
+  }, {
+    key: "setSubLayerInitOption",
+    value: function setSubLayerInitOption() {
+      var _colorAttribute$scale, _sizeAttribute$scale;
+
+      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$workerEnabled = _ref.workerEnabled,
+          workerEnabled = _ref$workerEnabled === void 0 ? false : _ref$workerEnabled,
+          sourceLayer = _ref.sourceLayer;
+
+      var source = this.parent.getSource();
+      var parentParserType = source.getParserType();
+      var colorAttribute = this.parent.getAttribute('color');
+      var basemapColor = (colorAttribute === null || colorAttribute === void 0 ? void 0 : (_colorAttribute$scale = colorAttribute.scale) === null || _colorAttribute$scale === void 0 ? void 0 : _colorAttribute$scale.field) || '#fff';
+      var sizeAttribute = this.parent.getAttribute('size');
+      var basemapSize = (sizeAttribute === null || sizeAttribute === void 0 ? void 0 : (_sizeAttribute$scale = sizeAttribute.scale) === null || _sizeAttribute$scale === void 0 ? void 0 : _sizeAttribute$scale.field) || 1;
+      var layerShape = getLayerShape(this.parent.type, this.parent);
+      this.initOptions = {
+        usage: 'basemap',
+        layerType: this.parent.type,
+        shape: layerShape,
+        zIndex: zIndex,
+        opacity: opacity,
+        sourceLayer: this.getSourceLayer(parentParserType, sourceLayer),
+        basemapColor: basemapColor,
+        basemapSize: basemapSize,
+        mask: getMaskValue(this.parent.type, mask),
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        strokeOpacity: strokeOpacity,
+        // worker
+        workerEnabled: workerEnabled
+      };
+    }
+  }]);
+
+  return BaseMapTileLayerManager;
+}(Base);

package/es/tile/models/tileModel.d.ts

@@ -0,0 +1,10 @@
+import { IModelUniform } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class TileModel extends BaseModel {
+    getUninforms(): IModelUniform;
+    private getTileLayer;
+    initModels(): never[];
+    clearModels(): void;
+    buildModels(): never[];
+    protected registerBuiltinAttributes(): void;
+}

package/es/tile/models/tileModel.js

@@ -0,0 +1,81 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+
+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 BaseModel from "../../core/BaseModel";
+import { TileLayer } from "../tileLayer/TileLayer";
+import { MapTileLayer } from "../tileLayer/MapTileLayer";
+
+var TileModel = /*#__PURE__*/function (_BaseModel) {
+  _inherits(TileModel, _BaseModel);
+
+  var _super = _createSuper(TileModel);
+
+  function TileModel() {
+    _classCallCheck(this, TileModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(TileModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      return {};
+    }
+  }, {
+    key: "getTileLayer",
+    value: function getTileLayer(usage) {
+      switch (usage) {
+        case 'basemap':
+          return MapTileLayer;
+
+        default:
+          return TileLayer;
+      }
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var source = this.layer.getSource();
+
+      var _this$layer$getLayerC = this.layer.getLayerConfig(),
+          usage = _this$layer$getLayerC.usage;
+
+      if (source !== null && source !== void 0 && source.data.isTile && !this.layer.tileLayer) {
+        var tileLayer = this.getTileLayer(usage);
+        this.layer.tileLayer = new tileLayer({
+          parent: this.layer,
+          rendererService: this.rendererService,
+          mapService: this.mapService,
+          layerService: this.layerService,
+          pickingService: this.pickingService,
+          transforms: source.transforms
+        });
+      }
+
+      return this.buildModels();
+    }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {}
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return [];
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {//
+    }
+  }]);
+
+  return TileModel;
+}(BaseModel);
+
+export { TileModel as default };

package/es/tile/render/TileRenderService.d.ts

@@ -0,0 +1,10 @@
+import { ILayer, IRendererService, ITileRenderService } from '@antv/l7-core';
+/**
+ * 主要用于瓦片图层队列的渲染
+ */
+export declare class TileRenderService implements ITileRenderService {
+    private rendererService;
+    constructor(rendererService: IRendererService);
+    render(layers: ILayer[]): void;
+    renderMask(layer: ILayer): void;
+}

package/es/tile/render/TileRenderService.js

@@ -0,0 +1,68 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+
+/**
+ * 主要用于瓦片图层队列的渲染
+ */
+export var TileRenderService = /*#__PURE__*/function () {
+  function TileRenderService(rendererService) {
+    _classCallCheck(this, TileRenderService);
+
+    this.rendererService = rendererService;
+  }
+
+  _createClass(TileRenderService, [{
+    key: "render",
+    value: function render(layers) {
+      var _this = 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) {
+          // 清除上一次的模版缓存
+          _this.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+
+          layer.masks.map(function (m) {
+            m.hooks.beforeRenderData.call();
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.render();
+        layer.hooks.afterRender.call();
+      });
+    }
+  }, {
+    key: "renderMask",
+    value: function renderMask(layer) {
+      if (layer.inited && layer.isVisible() && layer.masks.length > 0) {
+        layer.hooks.beforeRender.call();
+        this.rendererService.clear({
+          stencil: 0,
+          depth: 1,
+          framebuffer: null
+        });
+        layer.masks.map(function (m) {
+          m.hooks.beforeRender.call();
+          m.render();
+          m.hooks.afterRender.call();
+        });
+        layer.hooks.afterRender.call();
+      }
+    }
+  }]);
+
+  return TileRenderService;
+}();

package/es/tile/style/TileStyleService.d.ts

@@ -0,0 +1,17 @@
+import { ILayer, IScaleValue } from '@antv/l7-core';
+import EventEmitter from 'eventemitter3';
+export interface ITileStyleService {
+    setConfig(key: string, value: any): void;
+    checkConfig(layer: ILayer): void;
+    on(event: string, fn: (...args: any[]) => void): void;
+    getAttributeScale(layer: ILayer, name: string): IScaleValue;
+}
+export declare class TileStyleService extends EventEmitter {
+    cacheConfig: Map<string, any>;
+    checkConfigList: string[];
+    constructor();
+    setConfig(key: string, value: any): void;
+    removeConfig(key: string): void;
+    checkConfig(layer: ILayer): void;
+    getAttributeScale(layer: ILayer, name: string): IScaleValue;
+}

package/es/tile/style/TileStyleService.js

@@ -0,0 +1,118 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/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';
+import { isEqual } from 'lodash';
+export var TileStyleService = /*#__PURE__*/function (_EventEmitter) {
+  _inherits(TileStyleService, _EventEmitter);
+
+  var _super = _createSuper(TileStyleService);
+
+  function TileStyleService() {
+    var _this;
+
+    _classCallCheck(this, TileStyleService);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "checkConfigList", []);
+
+    _this.cacheConfig = new Map();
+    return _this;
+  }
+
+  _createClass(TileStyleService, [{
+    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;
+          } // @ts-ignore
+
+
+          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 TileStyleService;
+}(EventEmitter);