@antv/l7-layers 2.9.25-alpha.0 → 2.9.25

package/lib/plugins/ShaderUniformPlugin.js

@@ -1,101 +1,120 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
-
-// src/plugins/ShaderUniformPlugin.ts
-var ShaderUniformPlugin_exports = {};
-__export(ShaderUniformPlugin_exports, {
-  default: () => ShaderUniformPlugin
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ShaderUniformPlugin_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
-var import_inversify = require("inversify");
-var import_reflect_metadata = require("reflect-metadata");
-var ShaderUniformPlugin = class {
-  apply(layer) {
-    const version = this.mapService.version;
-    let mvp = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-    let sceneCenterMKT = [0, 0];
-    layer.hooks.beforeRender.tap("ShaderUniformPlugin", () => {
-      const offset = layer.getLayerConfig().tileOrigin;
-      this.coordinateSystemService.refresh(offset);
-      if (version === "GAODE2.x") {
-        const layerCenter = this.getLayerCenter(layer);
-        this.mapService.map.customCoords.setCenter(layerCenter);
-        this.mapService.setCustomCoordCenter(layerCenter);
-        mvp = this.mapService.map.customCoords.getMVPMatrix();
-        sceneCenterMKT = this.mapService.getCustomCoordCenter();
-      }
-      const { width, height } = this.rendererService.getViewportSize();
-      layer.models.forEach((model) => {
-        model.addUniforms({
-          [import_l7_core.CameraUniform.ProjectionMatrix]: this.cameraService.getProjectionMatrix(),
-          [import_l7_core.CameraUniform.ViewMatrix]: this.cameraService.getViewMatrix(),
-          [import_l7_core.CameraUniform.ViewProjectionMatrix]: this.cameraService.getViewProjectionMatrix(),
-          [import_l7_core.CameraUniform.Zoom]: this.cameraService.getZoom(),
-          [import_l7_core.CameraUniform.ZoomScale]: this.cameraService.getZoomScale(),
-          [import_l7_core.CameraUniform.FocalDistance]: this.cameraService.getFocalDistance(),
-          [import_l7_core.CameraUniform.CameraPosition]: this.cameraService.getCameraPosition(),
-          [import_l7_core.CoordinateUniform.CoordinateSystem]: this.coordinateSystemService.getCoordinateSystem(),
-          [import_l7_core.CoordinateUniform.ViewportCenter]: this.coordinateSystemService.getViewportCenter(),
-          [import_l7_core.CoordinateUniform.ViewportCenterProjection]: this.coordinateSystemService.getViewportCenterProjection(),
-          [import_l7_core.CoordinateUniform.PixelsPerDegree]: this.coordinateSystemService.getPixelsPerDegree(),
-          [import_l7_core.CoordinateUniform.PixelsPerDegree2]: this.coordinateSystemService.getPixelsPerDegree2(),
-          [import_l7_core.CoordinateUniform.PixelsPerMeter]: this.coordinateSystemService.getPixelsPerMeter(),
-          [import_l7_core.CoordinateUniform.Mvp]: mvp,
-          u_SceneCenterMKT: sceneCenterMKT,
-          u_ViewportSize: [width, height],
-          u_ModelMatrix: this.cameraService.getModelMatrix(),
-          u_DevicePixelRatio: import_l7_utils.$window.devicePixelRatio,
-          u_PickingBuffer: layer.getLayerConfig().pickingBuffer || 0,
-          u_shaderPick: Number(layer.getShaderPickStat())
-        });
-      });
-    });
-  }
-  getLayerCenter(layer) {
-    const source = layer.getSource();
-    return source.center;
+exports.default = void 0;
+
+var _initializerDefineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));
+
+var _initializerWarningHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _dec2, _dec3, _dec4, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;
+
+var ShaderUniformPlugin = (
+/**
+ * 在渲染之前需要获取当前 Shader 所需 Uniform，例如：
+ * 1. 从相机服务中获取 View & ProjectionMatrix，当前缩放等级等等
+ * 2. 从坐标系服务中获取当前坐标系，例如是否是偏移坐标系
+ *    @see https://yuque.antfin-inc.com/yuqi.pyq/fgetpa/doml91
+ * 3. 当前 Layer 本身的样式属性
+ */
+_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.ICameraService), _dec3 = (0, _inversify.inject)(_l7Core.TYPES.ICoordinateSystemService), _dec4 = (0, _inversify.inject)(_l7Core.TYPES.IRendererService), _dec5 = (0, _inversify.inject)(_l7Core.TYPES.IMapService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function ShaderUniformPlugin() {
+    (0, _classCallCheck2.default)(this, ShaderUniformPlugin);
+    (0, _initializerDefineProperty2.default)(this, "cameraService", _descriptor, this);
+    (0, _initializerDefineProperty2.default)(this, "coordinateSystemService", _descriptor2, this);
+    (0, _initializerDefineProperty2.default)(this, "rendererService", _descriptor3, this);
+    (0, _initializerDefineProperty2.default)(this, "mapService", _descriptor4, this);
   }
-};
-__decorateClass([
-  (0, import_inversify.inject)(import_l7_core.TYPES.ICameraService)
-], ShaderUniformPlugin.prototype, "cameraService", 2);
-__decorateClass([
-  (0, import_inversify.inject)(import_l7_core.TYPES.ICoordinateSystemService)
-], ShaderUniformPlugin.prototype, "coordinateSystemService", 2);
-__decorateClass([
-  (0, import_inversify.inject)(import_l7_core.TYPES.IRendererService)
-], ShaderUniformPlugin.prototype, "rendererService", 2);
-__decorateClass([
-  (0, import_inversify.inject)(import_l7_core.TYPES.IMapService)
-], ShaderUniformPlugin.prototype, "mapService", 2);
-ShaderUniformPlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], ShaderUniformPlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+
+  (0, _createClass2.default)(ShaderUniformPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      var _this = this;
+
+      var version = this.mapService.version;
+      var mvp = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; // default matrix (for gaode2.x)
+
+      var sceneCenterMKT = [0, 0];
+      layer.hooks.beforeRender.tap('ShaderUniformPlugin', function () {
+        // @ts-ignore
+        var offset = layer.getLayerConfig().tileOrigin; // 重新计算坐标系参数
+
+        _this.coordinateSystemService.refresh(offset);
+
+        if (version === 'GAODE2.x') {
+          var layerCenter = _this.getLayerCenter(layer); // @ts-ignore
+
+
+          _this.mapService.map.customCoords.setCenter(layerCenter); // @ts-ignore
+
+
+          _this.mapService.setCustomCoordCenter(layerCenter); // @ts-ignore
+
+
+          mvp = _this.mapService.map.customCoords.getMVPMatrix(); // mvp = amapCustomCoords.getMVPMatrix()
+          // @ts-ignore
+
+          sceneCenterMKT = _this.mapService.getCustomCoordCenter();
+        }
+
+        var _this$rendererService = _this.rendererService.getViewportSize(),
+            width = _this$rendererService.width,
+            height = _this$rendererService.height;
+
+        layer.models.forEach(function (model) {
+          var _model$addUniforms;
+
+          model.addUniforms((_model$addUniforms = {}, (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ProjectionMatrix, _this.cameraService.getProjectionMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ViewMatrix, _this.cameraService.getViewMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ViewProjectionMatrix, _this.cameraService.getViewProjectionMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.Zoom, _this.cameraService.getZoom()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ZoomScale, _this.cameraService.getZoomScale()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.FocalDistance, _this.cameraService.getFocalDistance()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.CameraPosition, _this.cameraService.getCameraPosition()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.CoordinateSystem, _this.coordinateSystemService.getCoordinateSystem()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.ViewportCenter, _this.coordinateSystemService.getViewportCenter()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.ViewportCenterProjection, _this.coordinateSystemService.getViewportCenterProjection()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerDegree, _this.coordinateSystemService.getPixelsPerDegree()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerDegree2, _this.coordinateSystemService.getPixelsPerDegree2()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerMeter, _this.coordinateSystemService.getPixelsPerMeter()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.Mvp, mvp), (0, _defineProperty2.default)(_model$addUniforms, "u_SceneCenterMKT", sceneCenterMKT), (0, _defineProperty2.default)(_model$addUniforms, "u_ViewportSize", [width, height]), (0, _defineProperty2.default)(_model$addUniforms, "u_ModelMatrix", _this.cameraService.getModelMatrix()), (0, _defineProperty2.default)(_model$addUniforms, "u_DevicePixelRatio", _l7Utils.$window.devicePixelRatio), (0, _defineProperty2.default)(_model$addUniforms, "u_PickingBuffer", layer.getLayerConfig().pickingBuffer || 0), (0, _defineProperty2.default)(_model$addUniforms, "u_shaderPick", Number(layer.getShaderPickStat())), _model$addUniforms));
+        }); // TODO：脏检查，决定是否需要渲染
+      });
+    }
+  }, {
+    key: "getLayerCenter",
+    value: function getLayerCenter(layer) {
+      var source = layer.getSource();
+      return source.center;
+    }
+  }]);
+  return ShaderUniformPlugin;
+}(), (_descriptor = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "cameraService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "coordinateSystemService", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "rendererService", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "mapService", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+exports.default = ShaderUniformPlugin;

package/lib/plugins/UpdateModelPlugin.js

@@ -1,49 +1,42 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
-
-// src/plugins/UpdateModelPlugin.ts
-var UpdateModelPlugin_exports = {};
-__export(UpdateModelPlugin_exports, {
-  default: () => UpdateModelPlugin
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(UpdateModelPlugin_exports);
-var import_inversify = require("inversify");
-var import_reflect_metadata = require("reflect-metadata");
-var UpdateModelPlugin = class {
-  apply(layer) {
-    layer.hooks.beforeRender.tap("UpdateModelPlugin", () => {
-      if (layer.layerModel) {
-        layer.layerModel.needUpdate();
-      }
-    });
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var UpdateModelPlugin = (
+/**
+ * Model 更新
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function UpdateModelPlugin() {
+    (0, _classCallCheck2.default)(this, UpdateModelPlugin);
   }
-};
-UpdateModelPlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], UpdateModelPlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+
+  (0, _createClass2.default)(UpdateModelPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.beforeRender.tap('UpdateModelPlugin', function () {
+        // 处理文本更新
+        if (layer.layerModel) {
+          layer.layerModel.needUpdate();
+        }
+      });
+    }
+  }]);
+  return UpdateModelPlugin;
+}()) || _class);
+exports.default = UpdateModelPlugin;

package/lib/plugins/UpdateStyleAttributePlugin.js

@@ -1,80 +1,98 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-// src/plugins/UpdateStyleAttributePlugin.ts
-var UpdateStyleAttributePlugin_exports = {};
-__export(UpdateStyleAttributePlugin_exports, {
-  default: () => UpdateStyleAttributePlugin
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(UpdateStyleAttributePlugin_exports);
-var import_inversify = require("inversify");
-var import_reflect_metadata = require("reflect-metadata");
-var UpdateStyleAttributePlugin = class {
-  apply(layer, {
-    styleAttributeService
-  }) {
-    layer.hooks.init.tap("UpdateStyleAttributePlugin", () => {
-      this.initStyleAttribute(layer, { styleAttributeService });
-    });
-    layer.hooks.beforeRender.tap("UpdateStyleAttributePlugin", () => {
-      if (layer.layerModelNeedUpdate) {
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var UpdateStyleAttributePlugin = (
+/**
+ * 在初始化阶段完成属性的注册，以及首次根据 Layer 指定的三角化方法完成 indices 和 attribute 的创建
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function UpdateStyleAttributePlugin() {
+    (0, _classCallCheck2.default)(this, UpdateStyleAttributePlugin);
+  }
+
+  (0, _createClass2.default)(UpdateStyleAttributePlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var styleAttributeService = _ref.styleAttributeService;
+      layer.hooks.init.tap('UpdateStyleAttributePlugin', function () {
+        _this.initStyleAttribute(layer, {
+          styleAttributeService: styleAttributeService
+        });
+      }); // layer.hooks.beforeRenderData.tap('styleAttributeService', () => {
+      //   // layer.layerModelNeedUpdate = true;
+      //   return true;
+      // });
+
+      layer.hooks.beforeRender.tap('UpdateStyleAttributePlugin', function () {
+        if (layer.layerModelNeedUpdate) {
+          return;
+        }
+
+        _this.updateStyleAtrribute(layer, {
+          styleAttributeService: styleAttributeService
+        });
+      });
+    }
+  }, {
+    key: "updateStyleAtrribute",
+    value: function updateStyleAtrribute(layer, _ref2) {
+      var styleAttributeService = _ref2.styleAttributeService;
+      var attributes = styleAttributeService.getLayerStyleAttributes() || [];
+      var filter = styleAttributeService.getLayerStyleAttribute('filter');
+      var shape = styleAttributeService.getLayerStyleAttribute('shape');
+
+      if (filter && filter.needRegenerateVertices // ||
+      // (shape && shape.needRegenerateVertices) // TODO:Shape 更新重新build
+      ) {
+        layer.layerModelNeedUpdate = true;
+        attributes.forEach(function (attr) {
+          return attr.needRegenerateVertices = false;
+        });
         return;
       }
-      this.updateStyleAtrribute(layer, { styleAttributeService });
-    });
-  }
-  updateStyleAtrribute(layer, {
-    styleAttributeService
-  }) {
-    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
-    const filter = styleAttributeService.getLayerStyleAttribute("filter");
-    const shape = styleAttributeService.getLayerStyleAttribute("shape");
-    if (filter && filter.needRegenerateVertices) {
-      layer.layerModelNeedUpdate = true;
-      attributes.forEach((attr) => attr.needRegenerateVertices = false);
-      return;
+
+      attributes.filter(function (attribute) {
+        return attribute.needRegenerateVertices;
+      }).forEach(function (attribute) {
+        // 精确更新某个/某些 feature(s)，需要传入 featureIdx d
+        styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(), // 获取经过 mapping 最新的数据
+        attribute.featureRange.startIndex, attribute.featureRange.endIndex);
+        attribute.needRegenerateVertices = false;
+      });
     }
-    attributes.filter((attribute) => attribute.needRegenerateVertices).forEach((attribute) => {
-      styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(), attribute.featureRange.startIndex, attribute.featureRange.endIndex);
-      attribute.needRegenerateVertices = false;
-    });
-  }
-  initStyleAttribute(layer, {
-    styleAttributeService
-  }) {
-    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
-    attributes.filter((attribute) => attribute.needRegenerateVertices).forEach((attribute) => {
-      styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(), attribute.featureRange.startIndex, attribute.featureRange.endIndex);
-      attribute.needRegenerateVertices = false;
-    });
-  }
-};
-UpdateStyleAttributePlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], UpdateStyleAttributePlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+  }, {
+    key: "initStyleAttribute",
+    value: function initStyleAttribute(layer, _ref3) {
+      var styleAttributeService = _ref3.styleAttributeService;
+      var attributes = styleAttributeService.getLayerStyleAttributes() || [];
+      attributes.filter(function (attribute) {
+        return attribute.needRegenerateVertices;
+      }).forEach(function (attribute) {
+        // 精确更新某个/某些 feature(s)，需要传入 featureIdx d
+        styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(), // 获取经过 mapping 最新的数据
+        attribute.featureRange.startIndex, attribute.featureRange.endIndex);
+        attribute.needRegenerateVertices = false;
+      });
+    }
+  }]);
+  return UpdateStyleAttributePlugin;
+}()) || _class);
+exports.default = UpdateStyleAttributePlugin;