@antv/l7-layers 2.21.1 → 2.21.2

package/lib/plugins/ShaderUniformPlugin.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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 _l7Core = require("@antv/l7-core");
 /**
  * 在渲染之前需要获取当前 Shader 所需 Uniform，例如：
@@ -18,136 +15,169 @@ var _l7Core = require("@antv/l7-core");
  *    @see https://yuque.antfin-inc.com/yuqi.pyq/fgetpa/doml91
  * 3. 当前 Layer 本身的样式属性
  */
-var ShaderUniformPlugin = exports.default = /*#__PURE__*/function () {
-  function ShaderUniformPlugin() {
-    (0, _classCallCheck2.default)(this, ShaderUniformPlugin);
+class ShaderUniformPlugin {
+  constructor() {
+    (0, _defineProperty2.default)(this, "cameraService", void 0);
+    (0, _defineProperty2.default)(this, "coordinateSystemService", void 0);
+    (0, _defineProperty2.default)(this, "rendererService", void 0);
+    (0, _defineProperty2.default)(this, "mapService", void 0);
+    (0, _defineProperty2.default)(this, "layerService", void 0);
   }
-  (0, _createClass2.default)(ShaderUniformPlugin, [{
-    key: "apply",
-    value: function apply(layer, _ref) {
-      var _this = this;
-      var rendererService = _ref.rendererService,
-        mapService = _ref.mapService,
-        layerService = _ref.layerService,
-        coordinateSystemService = _ref.coordinateSystemService,
-        cameraService = _ref.cameraService;
-      this.rendererService = rendererService;
-      this.mapService = mapService;
-      this.layerService = layerService;
-      this.coordinateSystemService = coordinateSystemService;
-      this.cameraService = cameraService;
-      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 sceneCenterMercator = [0, 0];
-      var uniformBuffer;
-      if (!this.rendererService.uniformBuffers[0]) {
-        // Create a Uniform Buffer Object(UBO).
-        uniformBuffer = this.rendererService.createBuffer({
-          data: new Float32Array(16 * 4 + 4 * 7),
-          isUBO: true
-        });
-        this.rendererService.uniformBuffers[0] = uniformBuffer;
-      }
-      layer.hooks.beforeRender.tap('ShaderUniformPlugin', function () {
-        // @ts-ignore
-        var offset = layer.getLayerConfig().tileOrigin;
-        // 重新计算坐标系参数
-        _this.coordinateSystemService.refresh(offset);
-        if (version === 'GAODE2.x') {
-          _this.setLayerCenter(layer);
-          // @ts-ignore
-          mvp = _this.mapService.map.customCoords.getMVPMatrix();
-          // mvp = amapCustomCoords.getMVPMatrix()
-          // @ts-ignore
-          sceneCenterMercator = _this.mapService.getCustomCoordCenter();
-          var _uniformBuffer = layer.getLayerUniformBuffer();
-          _uniformBuffer.subData({
-            offset: 0,
-            data: new Uint8Array(new Float32Array([].concat((0, _toConsumableArray2.default)(mvp), (0, _toConsumableArray2.default)(sceneCenterMercator))).buffer)
-          });
-        }
-        var _this$rendererService = _this.rendererService.getViewportSize(),
-          width = _this$rendererService.width,
-          height = _this$rendererService.height;
-        var _this$generateUBO = _this.generateUBO(mvp, sceneCenterMercator, width, height),
-          data = _this$generateUBO.data,
-          uniforms = _this$generateUBO.uniforms;
-        if (_this.layerService.alreadyInRendering && _this.rendererService.uniformBuffers[0]) {
-          var renderUniformBuffer = _this.rendererService.uniformBuffers[0];
-          // Update only once since all models can share one UBO.
-          renderUniformBuffer.subData({
-            offset: 0,
-            data: data
-          });
-        }
-
-        // For WebGL1. regl
-        var platformString = _this.rendererService.queryVerdorInfo();
-        if (platformString === 'WebGL1') {
-          layer.models.forEach(function (model) {
-            model.addUniforms((0, _objectSpread2.default)((0, _objectSpread2.default)({}, uniforms), {}, {
-              // TODO: move these 2 uniforms to PixelPickingPlugin
-              u_PickingBuffer: layer.getLayerConfig().pickingBuffer || 0,
-              // Tip: 当前地图是否在拖动
-              u_shaderPick: Number(layer.getShaderPickStat())
-            }));
-          });
-        }
+  apply(layer, {
+    rendererService,
+    mapService,
+    layerService,
+    coordinateSystemService,
+    cameraService
+  }) {
+    this.rendererService = rendererService;
+    this.mapService = mapService;
+    this.layerService = layerService;
+    this.coordinateSystemService = coordinateSystemService;
+    this.cameraService = cameraService;
+    const version = this.mapService.version;
+    let mvp = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; // default matrix (for gaode2.x)
+    let sceneCenterMercator = [0, 0];
+    let uniformBuffer;
+    if (!this.rendererService.uniformBuffers[0]) {
+      // Create a Uniform Buffer Object(UBO).
+      uniformBuffer = this.rendererService.createBuffer({
+        data: new Float32Array(16 * 4 + 4 * 7),
+        isUBO: true
       });
+      this.rendererService.uniformBuffers[0] = uniformBuffer;
     }
-
-    /**
-     * 对于每个 layer 都有不同的几何中心点，因此在绘制每个 layer 的时候都需要重新设置
-     * @param layer
-     */
-  }, {
-    key: "setLayerCenter",
-    value: function setLayerCenter(layer) {
-      if (layer.coordCenter === undefined) {
-        layer.coordCenter = layer.getSource().center;
+    layer.hooks.beforeRender.tap('ShaderUniformPlugin', () => {
+      // @ts-ignore
+      const offset = layer.getLayerConfig().tileOrigin;
+      // 重新计算坐标系参数
+      this.coordinateSystemService.refresh(offset);
+      if (version === 'GAODE2.x') {
+        this.setLayerCenter(layer);
+        // @ts-ignore
+        mvp = this.mapService.map.customCoords.getMVPMatrix();
+        // mvp = amapCustomCoords.getMVPMatrix()
+        // @ts-ignore
+        sceneCenterMercator = this.mapService.getCustomCoordCenter();
+        const uniformBuffer = layer.getLayerUniformBuffer();
+        uniformBuffer.subData({
+          offset: 0,
+          data: new Uint8Array(new Float32Array([...mvp, ...sceneCenterMercator]).buffer)
+        });
       }
-      if (this.mapService.setCoordCenter) {
-        this.mapService.setCoordCenter(layer.coordCenter);
+      const {
+        width,
+        height
+      } = this.rendererService.getViewportSize();
+      const {
+        data,
+        uniforms
+      } = this.generateUBO(mvp, sceneCenterMercator, width, height);
+      if (this.layerService.alreadyInRendering && this.rendererService.uniformBuffers[0]) {
+        const renderUniformBuffer = this.rendererService.uniformBuffers[0];
+        // Update only once since all models can share one UBO.
+        renderUniformBuffer.subData({
+          offset: 0,
+          data
+        });
       }
+
+      // For WebGL1. regl
+      const platformString = this.rendererService.queryVerdorInfo();
+      if (platformString === 'WebGL1') {
+        layer.models.forEach(model => {
+          model.addUniforms((0, _objectSpread2.default)((0, _objectSpread2.default)({}, uniforms), {}, {
+            // TODO: move these 2 uniforms to PixelPickingPlugin
+            u_PickingBuffer: layer.getLayerConfig().pickingBuffer || 0,
+            // Tip: 当前地图是否在拖动
+            u_shaderPick: Number(layer.getShaderPickStat())
+          }));
+        });
+      }
+    });
+  }
+
+  /**
+   * 对于每个 layer 都有不同的几何中心点，因此在绘制每个 layer 的时候都需要重新设置
+   * @param layer
+   */
+  setLayerCenter(layer) {
+    if (layer.coordCenter === undefined) {
+      layer.coordCenter = layer.getSource().center;
     }
-  }, {
-    key: "generateUBO",
-    value: function generateUBO(u_Mvp, sceneCenterMercator, width, height) {
-      var _uniforms;
-      var u_ProjectionMatrix = this.cameraService.getProjectionMatrix();
-      var u_ViewMatrix = this.cameraService.getViewMatrix();
-      var u_ViewProjectionMatrix = this.cameraService.getViewProjectionMatrix();
-      var u_ModelMatrix = this.cameraService.getModelMatrix();
-      var u_ViewportCenterProjection = this.coordinateSystemService.getViewportCenterProjection();
-      var u_PixelsPerDegree = this.coordinateSystemService.getPixelsPerDegree();
-      var u_Zoom = this.cameraService.getZoom();
-      var u_PixelsPerDegree2 = this.coordinateSystemService.getPixelsPerDegree2();
-      var u_ZoomScale = this.cameraService.getZoomScale();
-      var u_PixelsPerMeter = this.coordinateSystemService.getPixelsPerMeter();
-      var u_CoordinateSystem = this.coordinateSystemService.getCoordinateSystem();
-      var u_CameraPosition = this.cameraService.getCameraPosition();
-      var u_DevicePixelRatio = window.devicePixelRatio;
-      var u_ViewportCenter = this.coordinateSystemService.getViewportCenter();
-      var u_ViewportSize = [width, height];
-      var u_FocalDistance = this.cameraService.getFocalDistance();
-      var data = [].concat((0, _toConsumableArray2.default)(u_ViewMatrix), (0, _toConsumableArray2.default)(u_ProjectionMatrix), (0, _toConsumableArray2.default)(u_ViewProjectionMatrix), (0, _toConsumableArray2.default)(u_ModelMatrix), (0, _toConsumableArray2.default)(u_ViewportCenterProjection), (0, _toConsumableArray2.default)(u_PixelsPerDegree), [
-      // 4
-      u_Zoom], (0, _toConsumableArray2.default)(u_PixelsPerDegree2), [
-      // 4
-      u_ZoomScale], (0, _toConsumableArray2.default)(u_PixelsPerMeter), [
-      // 4
-      u_CoordinateSystem], (0, _toConsumableArray2.default)(u_CameraPosition), [
-      // 4
-      u_DevicePixelRatio], (0, _toConsumableArray2.default)(u_ViewportCenter), u_ViewportSize, [
-      // 4
-      u_FocalDistance,
-      // 1
-      0, 0, 0]);
-      return {
-        data: data,
-        uniforms: (_uniforms = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_uniforms, _l7Core.CameraUniform.ProjectionMatrix, u_ProjectionMatrix), _l7Core.CameraUniform.ViewMatrix, u_ViewMatrix), _l7Core.CameraUniform.ViewProjectionMatrix, u_ViewProjectionMatrix), _l7Core.CameraUniform.Zoom, u_Zoom), _l7Core.CameraUniform.ZoomScale, u_ZoomScale), _l7Core.CameraUniform.FocalDistance, u_FocalDistance), _l7Core.CameraUniform.CameraPosition, u_CameraPosition), _l7Core.CoordinateUniform.CoordinateSystem, u_CoordinateSystem), _l7Core.CoordinateUniform.ViewportCenter, u_ViewportCenter), _l7Core.CoordinateUniform.ViewportCenterProjection, u_ViewportCenterProjection), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_uniforms, _l7Core.CoordinateUniform.PixelsPerDegree, u_PixelsPerDegree), _l7Core.CoordinateUniform.PixelsPerDegree2, u_PixelsPerDegree2), _l7Core.CoordinateUniform.PixelsPerMeter, u_PixelsPerMeter), _l7Core.CoordinateUniform.Mvp, u_Mvp), "u_sceneCenterMercator", sceneCenterMercator), "u_ViewportSize", u_ViewportSize), "u_ModelMatrix", u_ModelMatrix), "u_DevicePixelRatio", u_DevicePixelRatio))
-      };
+    if (this.mapService.setCoordCenter) {
+      this.mapService.setCoordCenter(layer.coordCenter);
     }
-  }]);
-  return ShaderUniformPlugin;
-}();
+  }
+  generateUBO(u_Mvp, sceneCenterMercator, width, height) {
+    const u_ProjectionMatrix = this.cameraService.getProjectionMatrix();
+    const u_ViewMatrix = this.cameraService.getViewMatrix();
+    const u_ViewProjectionMatrix = this.cameraService.getViewProjectionMatrix();
+    const u_ModelMatrix = this.cameraService.getModelMatrix();
+    const u_ViewportCenterProjection = this.coordinateSystemService.getViewportCenterProjection();
+    const u_PixelsPerDegree = this.coordinateSystemService.getPixelsPerDegree();
+    const u_Zoom = this.cameraService.getZoom();
+    const u_PixelsPerDegree2 = this.coordinateSystemService.getPixelsPerDegree2();
+    const u_ZoomScale = this.cameraService.getZoomScale();
+    const u_PixelsPerMeter = this.coordinateSystemService.getPixelsPerMeter();
+    const u_CoordinateSystem = this.coordinateSystemService.getCoordinateSystem();
+    const u_CameraPosition = this.cameraService.getCameraPosition();
+    const u_DevicePixelRatio = window.devicePixelRatio;
+    const u_ViewportCenter = this.coordinateSystemService.getViewportCenter();
+    const u_ViewportSize = [width, height];
+    const u_FocalDistance = this.cameraService.getFocalDistance();
+    const data = [...u_ViewMatrix,
+    // 16
+    ...u_ProjectionMatrix,
+    // 16
+    ...u_ViewProjectionMatrix,
+    // 16
+    ...u_ModelMatrix,
+    // 16
+    ...u_ViewportCenterProjection,
+    // 4
+    ...u_PixelsPerDegree,
+    // 4
+    u_Zoom, ...u_PixelsPerDegree2,
+    // 4
+    u_ZoomScale, ...u_PixelsPerMeter,
+    // 4
+    u_CoordinateSystem, ...u_CameraPosition,
+    // 4
+    u_DevicePixelRatio,
+    // 4
+    ...u_ViewportCenter, ...u_ViewportSize,
+    // 4
+    u_FocalDistance,
+    // 1
+    0, 0, 0];
+    return {
+      data,
+      uniforms: {
+        // 相机参数，包含 VP 矩阵、缩放等级
+        [_l7Core.CameraUniform.ProjectionMatrix]: u_ProjectionMatrix,
+        [_l7Core.CameraUniform.ViewMatrix]: u_ViewMatrix,
+        [_l7Core.CameraUniform.ViewProjectionMatrix]: u_ViewProjectionMatrix,
+        [_l7Core.CameraUniform.Zoom]: u_Zoom,
+        [_l7Core.CameraUniform.ZoomScale]: u_ZoomScale,
+        [_l7Core.CameraUniform.FocalDistance]: u_FocalDistance,
+        [_l7Core.CameraUniform.CameraPosition]: u_CameraPosition,
+        // 坐标系参数
+        [_l7Core.CoordinateUniform.CoordinateSystem]: u_CoordinateSystem,
+        [_l7Core.CoordinateUniform.ViewportCenter]: u_ViewportCenter,
+        [_l7Core.CoordinateUniform.ViewportCenterProjection]: u_ViewportCenterProjection,
+        [_l7Core.CoordinateUniform.PixelsPerDegree]: u_PixelsPerDegree,
+        [_l7Core.CoordinateUniform.PixelsPerDegree2]: u_PixelsPerDegree2,
+        [_l7Core.CoordinateUniform.PixelsPerMeter]: u_PixelsPerMeter,
+        // 坐标系是高德2.0的时候单独计算
+        [_l7Core.CoordinateUniform.Mvp]: u_Mvp,
+        u_sceneCenterMercator: sceneCenterMercator,
+        // 其他参数，例如视口大小、DPR 等
+        u_ViewportSize: u_ViewportSize,
+        u_ModelMatrix,
+        u_DevicePixelRatio: u_DevicePixelRatio
+      }
+    };
+  }
+}
+exports.default = ShaderUniformPlugin;

package/lib/plugins/UpdateModelPlugin.d.ts

@@ -0,0 +1,7 @@
+import type { ILayer, ILayerPlugin } from '@antv/l7-core';
+/**
+ * Model 更新
+ */
+export default class UpdateModelPlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/lib/plugins/UpdateModelPlugin.js

@@ -1,36 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 /**
  * Model 更新
  */
-var UpdateModelPlugin = exports.default = /*#__PURE__*/function () {
-  function UpdateModelPlugin() {
-    (0, _classCallCheck2.default)(this, UpdateModelPlugin);
+class UpdateModelPlugin {
+  apply(layer) {
+    layer.hooks.beforeRender.tap('UpdateModelPlugin', () => {
+      // 处理文本更新
+      if (layer.layerModel) {
+        layer.layerModel.needUpdate().then(flag => {
+          if (flag) {
+            layer.renderLayers();
+          }
+        });
+      }
+    });
+    layer.hooks.afterRender.tap('UpdateModelPlugin', () => {
+      layer.layerModelNeedUpdate = false;
+    });
   }
-  (0, _createClass2.default)(UpdateModelPlugin, [{
-    key: "apply",
-    value: function apply(layer) {
-      layer.hooks.beforeRender.tap('UpdateModelPlugin', function () {
-        // 处理文本更新
-        if (layer.layerModel) {
-          layer.layerModel.needUpdate().then(function (flag) {
-            if (flag) {
-              layer.renderLayers();
-            }
-          });
-        }
-      });
-      layer.hooks.afterRender.tap('UpdateModelPlugin', function () {
-        layer.layerModelNeedUpdate = false;
-      });
-    }
-  }]);
-  return UpdateModelPlugin;
-}();
+}
+exports.default = UpdateModelPlugin;

package/lib/plugins/UpdateStyleAttributePlugin.d.ts

@@ -0,0 +1,9 @@
+import type { ILayer, ILayerPlugin, L7Container } from '@antv/l7-core';
+/**
+ * 在初始化阶段完成属性的注册，以及首次根据 Layer 指定的三角化方法完成 indices 和 attribute 的创建
+ */
+export default class UpdateStyleAttributePlugin implements ILayerPlugin {
+    apply(layer: ILayer, { styleAttributeService }: L7Container): void;
+    private updateStyleAttribute;
+    private initStyleAttribute;
+}

package/lib/plugins/UpdateStyleAttributePlugin.js

@@ -1,78 +1,61 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 /**
  * 在初始化阶段完成属性的注册，以及首次根据 Layer 指定的三角化方法完成 indices 和 attribute 的创建
  */
-var UpdateStyleAttributePlugin = exports.default = /*#__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.tapPromise('UpdateStyleAttributePlugin', function () {
-        _this.initStyleAttribute(layer, {
-          styleAttributeService: styleAttributeService
-        });
+class UpdateStyleAttributePlugin {
+  apply(layer, {
+    styleAttributeService
+  }) {
+    layer.hooks.init.tapPromise('UpdateStyleAttributePlugin', () => {
+      this.initStyleAttribute(layer, {
+        styleAttributeService
       });
-      layer.hooks.beforeRender.tap('UpdateStyleAttributePlugin', function () {
-        if (layer.layerModelNeedUpdate) {
-          return;
-        }
-        if (layer.inited) {
-          _this.updateStyleAttribute(layer, {
-            styleAttributeService: styleAttributeService
-          });
-        }
-      });
-    }
-  }, {
-    key: "updateStyleAttribute",
-    value: function updateStyleAttribute(layer, _ref2) {
-      var styleAttributeService = _ref2.styleAttributeService;
-      var attributes = styleAttributeService.getLayerStyleAttributes() || [];
-      var filter = styleAttributeService.getLayerStyleAttribute('filter');
-      if (filter && filter.needRegenerateVertices) {
-        layer.layerModelNeedUpdate = true;
-        attributes.forEach(function (attr) {
-          return attr.needRegenerateVertices = false;
-        });
+    });
+    layer.hooks.beforeRender.tap('UpdateStyleAttributePlugin', () => {
+      if (layer.layerModelNeedUpdate) {
         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, layer);
-        attribute.needRegenerateVertices = false;
-      });
-    }
-  }, {
-    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;
-      });
+      if (layer.inited) {
+        this.updateStyleAttribute(layer, {
+          styleAttributeService
+        });
+      }
+    });
+  }
+  updateStyleAttribute(layer, {
+    styleAttributeService
+  }) {
+    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+    const filter = styleAttributeService.getLayerStyleAttribute('filter');
+    if (filter && filter.needRegenerateVertices) {
+      layer.layerModelNeedUpdate = true;
+      attributes.forEach(attr => attr.needRegenerateVertices = false);
+      return;
     }
-  }]);
-  return UpdateStyleAttributePlugin;
-}();
+    attributes.filter(attribute => attribute.needRegenerateVertices).forEach(attribute => {
+      // 精确更新某个/某些 feature(s)，需要传入 featureIdx d
+      styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(),
+      // 获取经过 mapping 最新的数据
+      attribute.featureRange.startIndex, attribute.featureRange.endIndex, layer);
+      attribute.needRegenerateVertices = false;
+    });
+  }
+  initStyleAttribute(layer, {
+    styleAttributeService
+  }) {
+    const attributes = styleAttributeService.getLayerStyleAttributes() || [];
+    attributes.filter(attribute => attribute.needRegenerateVertices).forEach(attribute => {
+      // 精确更新某个/某些 feature(s)，需要传入 featureIdx d
+      styleAttributeService.updateAttributeByFeatureRange(attribute.name, layer.getEncodedData(),
+      // 获取经过 mapping 最新的数据
+      attribute.featureRange.startIndex, attribute.featureRange.endIndex);
+      attribute.needRegenerateVertices = false;
+    });
+  }
+}
+exports.default = UpdateStyleAttributePlugin;

package/lib/plugins/index.d.ts

@@ -0,0 +1,15 @@
+import DataMappingPlugin from './DataMappingPlugin';
+import DataSourcePlugin from './DataSourcePlugin';
+import FeatureScalePlugin from './FeatureScalePlugin';
+import LayerAnimateStylePlugin from './LayerAnimateStylePlugin';
+import LayerMaskPlugin from './LayerMaskPlugin';
+import LayerModelPlugin from './LayerModelPlugin';
+import LayerStylePlugin from './LayerStylePlugin';
+import LightingPlugin from './LightingPlugin';
+import MultiPassRendererPlugin from './MultiPassRendererPlugin';
+import PixelPickingPlugin from './PixelPickingPlugin';
+import RegisterStyleAttributePlugin from './RegisterStyleAttributePlugin';
+import ShaderUniformPlugin from './ShaderUniformPlugin';
+import UpdateModelPlugin from './UpdateModelPlugin';
+import UpdateStyleAttributePlugin from './UpdateStyleAttributePlugin';
+export declare function createPlugins(): (DataMappingPlugin | DataSourcePlugin | FeatureScalePlugin | LayerAnimateStylePlugin | LayerMaskPlugin | LayerModelPlugin | LayerStylePlugin | LightingPlugin | MultiPassRendererPlugin | PixelPickingPlugin | RegisterStyleAttributePlugin | ShaderUniformPlugin | UpdateModelPlugin | UpdateStyleAttributePlugin)[];

package/lib/point/index.d.ts

@@ -0,0 +1,33 @@
+import BaseLayer from '../core/BaseLayer';
+import type { IPointLayerStyleOptions } from '../core/interface';
+import type { PointType } from './models/index';
+export default class PointLayer extends BaseLayer<IPointLayerStyleOptions> {
+    type: string;
+    enableShaderEncodeStyles: string[];
+    enableDataEncodeStyles: string[];
+    defaultSourceConfig: {
+        data: never[];
+        options: {
+            parser: {
+                type: string;
+                x: string;
+                y: string;
+            };
+        };
+    };
+    buildModels(): Promise<void>;
+    rebuildModels(): Promise<void>;
+    /**
+     * 在未传入数据的时候判断点图层的 shape 类型
+     * @returns
+     */
+    getModelTypeWillEmptyData(): PointType;
+    protected getDefaultConfig(): {} | {
+        blend: string;
+    } | {} | {} | {
+        blend: string;
+    } | {} | {} | {
+        blend: string;
+    } | {} | {};
+    getModelType(): PointType;
+}