@antv/l7-layers 2.21.1 → 2.21.3

package/lib/plugins/LayerAnimateStylePlugin.js

@@ -6,25 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var LayerAnimateStylePlugin = exports.default = /*#__PURE__*/function () {
-  function LayerAnimateStylePlugin() {
-    (0, _classCallCheck2.default)(this, LayerAnimateStylePlugin);
+class LayerAnimateStylePlugin {
+  apply(layer) {
+    layer.hooks.beforeRender.tap('LayerAnimateStylePlugin', () => {
+      // @ts-ignore
+      const animateStatus = layer.animateStatus;
+      if (animateStatus) {
+        layer.models.forEach(model => {
+          model.addUniforms((0, _objectSpread2.default)({}, layer.layerModel.getAnimateUniforms()));
+        });
+      }
+    });
   }
-  (0, _createClass2.default)(LayerAnimateStylePlugin, [{
-    key: "apply",
-    value: function apply(layer) {
-      layer.hooks.beforeRender.tap('LayerAnimateStylePlugin', function () {
-        // @ts-ignore
-        var animateStatus = layer.animateStatus;
-        if (animateStatus) {
-          layer.models.forEach(function (model) {
-            model.addUniforms((0, _objectSpread2.default)({}, layer.layerModel.getAnimateUniforms()));
-          });
-        }
-      });
-    }
-  }]);
-  return LayerAnimateStylePlugin;
-}();
+}
+exports.default = LayerAnimateStylePlugin;

package/lib/plugins/LayerMaskPlugin.d.ts

@@ -0,0 +1,7 @@
+import type { ILayer, ILayerPlugin } from '@antv/l7-core';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+export default class LayerStylePlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/lib/plugins/LayerMaskPlugin.js

@@ -1,34 +1,26 @@
 "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"));
 /**
  * 更新图层样式，初始图层相关配置
  */
-var LayerStylePlugin = exports.default = /*#__PURE__*/function () {
-  function LayerStylePlugin() {
-    (0, _classCallCheck2.default)(this, LayerStylePlugin);
+class LayerStylePlugin {
+  apply(layer) {
+    layer.hooks.afterInit.tap('LayerMaskPlugin', () => {
+      const {
+        maskLayers,
+        enableMask
+      } = layer.getLayerConfig();
+      // mask 初始化
+      if (!layer.tileLayer && maskLayers && maskLayers.length > 0) {
+        layer.updateLayerConfig({
+          mask: true && enableMask
+        });
+      }
+    });
   }
-  (0, _createClass2.default)(LayerStylePlugin, [{
-    key: "apply",
-    value: function apply(layer) {
-      layer.hooks.afterInit.tap('LayerMaskPlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-          maskLayers = _layer$getLayerConfig.maskLayers,
-          enableMask = _layer$getLayerConfig.enableMask;
-        // mask 初始化
-        if (!layer.tileLayer && maskLayers && maskLayers.length > 0) {
-          layer.updateLayerConfig({
-            mask: true && enableMask
-          });
-        }
-      });
-    }
-  }]);
-  return LayerStylePlugin;
-}();
+}
+exports.default = LayerStylePlugin;

package/lib/plugins/LayerModelPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { ILayer, ILayerPlugin } from '@antv/l7-core';
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+export default class LayerModelPlugin implements ILayerPlugin {
+    private build;
+    initLayerModel(layer: ILayer): Promise<void>;
+    prepareLayerModel(layer: ILayer): Promise<void>;
+    apply(layer: ILayer): void;
+}

package/lib/plugins/LayerModelPlugin.js

@@ -5,146 +5,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _l7Core = require("@antv/l7-core");
 // import TileLayer from '../tile/core/BaseLayer';
 /**
  * Layer Model 初始化，更新，销毁
  */
-var LayerModelPlugin = exports.default = /*#__PURE__*/function () {
-  function LayerModelPlugin() {
-    (0, _classCallCheck2.default)(this, LayerModelPlugin);
+class LayerModelPlugin {
+  build(layer) {
+    return (0, _asyncToGenerator2.default)(function* () {
+      // 更新Model 配置项 style options
+      layer.prepareBuildModel();
+      // 初始化 Model
+      yield layer.buildModels();
+    })();
   }
-  (0, _createClass2.default)(LayerModelPlugin, [{
-    key: "build",
-    value: function () {
-      var _build = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(layer) {
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              // 更新Model 配置项 style options
-              layer.prepareBuildModel();
-              // 初始化 Model
-              _context.next = 3;
-              return layer.buildModels();
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function build(_x) {
-        return _build.apply(this, arguments);
-      }
-      return build;
-    }()
-  }, {
-    key: "initLayerModel",
-    value: function () {
-      var _initLayerModel = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(layer) {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return this.build(layer);
-            case 2:
-              layer.styleNeedUpdate = false;
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function initLayerModel(_x2) {
-        return _initLayerModel.apply(this, arguments);
-      }
-      return initLayerModel;
-    }()
-  }, {
-    key: "prepareLayerModel",
-    value: function () {
-      var _prepareLayerModel = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(layer) {
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return this.build(layer);
-            case 2:
-              layer.styleNeedUpdate = false;
-            case 3:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function prepareLayerModel(_x3) {
-        return _prepareLayerModel.apply(this, arguments);
+  initLayerModel(layer) {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      yield _this.build(layer);
+      layer.styleNeedUpdate = false;
+    })();
+  }
+  prepareLayerModel(layer) {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      yield _this2.build(layer);
+      layer.styleNeedUpdate = false;
+    })();
+  }
+  apply(layer) {
+    var _this3 = this;
+    layer.hooks.init.tapPromise('LayerModelPlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)(function* () {
+      if (layer.getSource().isTile) {
+        layer.prepareBuildModel();
+        return;
       }
-      return prepareLayerModel;
-    }()
-  }, {
-    key: "apply",
-    value: function apply(layer) {
-      var _this = this;
-      layer.hooks.init.tapPromise('LayerModelPlugin', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              if (!layer.getSource().isTile) {
-                _context4.next = 3;
-                break;
-              }
-              layer.prepareBuildModel();
-              return _context4.abrupt("return");
-            case 3:
-              layer.log(_l7Core.IDebugLog.BuildModelStart, _l7Core.ILayerStage.INIT);
-              _context4.next = 6;
-              return _this.initLayerModel(layer);
-            case 6:
-              layer.log(_l7Core.IDebugLog.BuildModelEnd, _l7Core.ILayerStage.INIT);
-            case 7:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      })));
-      layer.hooks.beforeRenderData.tapPromise('LayerModelPlugin', /*#__PURE__*/function () {
-        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(flag) {
-          return _regenerator.default.wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                if (flag) {
-                  _context5.next = 2;
-                  break;
-                }
-                return _context5.abrupt("return", false);
-              case 2:
-                if (!layer.getSource().isTile) {
-                  _context5.next = 4;
-                  break;
-                }
-                return _context5.abrupt("return", false);
-              case 4:
-                layer.log(_l7Core.IDebugLog.BuildModelStart, _l7Core.ILayerStage.UPDATE);
-                _context5.next = 7;
-                return _this.prepareLayerModel(layer);
-              case 7:
-                layer.log(_l7Core.IDebugLog.BuildModelEnd, _l7Core.ILayerStage.UPDATE);
-                return _context5.abrupt("return", true);
-              case 9:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }));
-        return function (_x4) {
-          return _ref2.apply(this, arguments);
-        };
-      }());
-    }
-  }]);
-  return LayerModelPlugin;
-}();
+      layer.log(_l7Core.IDebugLog.BuildModelStart, _l7Core.ILayerStage.INIT);
+      yield _this3.initLayerModel(layer);
+      layer.log(_l7Core.IDebugLog.BuildModelEnd, _l7Core.ILayerStage.INIT);
+    }));
+    layer.hooks.beforeRenderData.tapPromise('LayerModelPlugin', /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)(function* (flag) {
+        if (!flag) {
+          // TileLayer  不需要rebuilder
+          return false;
+        }
+        if (layer.getSource().isTile) {
+          return false;
+        }
+        layer.log(_l7Core.IDebugLog.BuildModelStart, _l7Core.ILayerStage.UPDATE);
+        yield _this3.prepareLayerModel(layer);
+        layer.log(_l7Core.IDebugLog.BuildModelEnd, _l7Core.ILayerStage.UPDATE);
+        return true;
+      });
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+  }
+}
+exports.default = LayerModelPlugin;

package/lib/plugins/LayerStylePlugin.d.ts

@@ -0,0 +1,7 @@
+import type { ILayer, ILayerPlugin } from '@antv/l7-core';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+export default class LayerStylePlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/lib/plugins/LayerStylePlugin.js

@@ -1,33 +1,25 @@
 "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"));
 /**
  * 更新图层样式，初始图层相关配置
  */
-var LayerStylePlugin = exports.default = /*#__PURE__*/function () {
-  function LayerStylePlugin() {
-    (0, _classCallCheck2.default)(this, LayerStylePlugin);
+class LayerStylePlugin {
+  apply(layer) {
+    layer.hooks.afterInit.tap('LayerStylePlugin', () => {
+      const {
+        autoFit,
+        fitBoundsOptions
+      } = layer.getLayerConfig();
+      // mask 初始化
+      if (autoFit) {
+        layer.fitBounds(fitBoundsOptions);
+      }
+      layer.styleNeedUpdate = false;
+    });
   }
-  (0, _createClass2.default)(LayerStylePlugin, [{
-    key: "apply",
-    value: function apply(layer) {
-      layer.hooks.afterInit.tap('LayerStylePlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-          autoFit = _layer$getLayerConfig.autoFit,
-          fitBoundsOptions = _layer$getLayerConfig.fitBoundsOptions;
-        // mask 初始化
-        if (autoFit) {
-          layer.fitBounds(fitBoundsOptions);
-        }
-        layer.styleNeedUpdate = false;
-      });
-    }
-  }]);
-  return LayerStylePlugin;
-}();
+}
+exports.default = LayerStylePlugin;

package/lib/plugins/LightingPlugin.d.ts

@@ -0,0 +1,35 @@
+import type { ILayer, ILayerPlugin } from '@antv/l7-core';
+interface IDirectionalLight {
+    type: 'directional';
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+}
+interface ISpotLight {
+    type: 'spot';
+    position: [number, number, number];
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+    constant: number;
+    linear: number;
+    quadratic: number;
+    angle: number;
+    exponent: number;
+    blur: number;
+}
+export declare function generateLightingUniforms(lights?: Array<Partial<IDirectionalLight | ISpotLight>>): {
+    u_DirectionalLights: Array<Omit<IDirectionalLight, 'type'>>;
+    u_NumOfDirectionalLights: number;
+    u_SpotLights: Array<Omit<ISpotLight, 'type'>>;
+    u_NumOfSpotLights: number;
+};
+/**
+ * 光照 & Shadow
+ */
+export default class LightingPlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}
+export {};

package/lib/plugins/LightingPlugin.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.generateLightingUniforms = generateLightingUniforms;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _excluded = ["type"];
-var lightTypeUniformMap = {
+const _excluded = ["type"];
+const lightTypeUniformMap = {
   directional: {
     lights: 'u_DirectionalLights',
     num: 'u_NumOfDirectionalLights'
@@ -21,20 +19,20 @@ var lightTypeUniformMap = {
     num: 'u_NumOfSpotLights'
   }
 };
-var DEFAULT_LIGHT = {
+const DEFAULT_LIGHT = {
   type: 'directional',
   direction: [1, 10.5, 12],
   ambient: [0.2, 0.2, 0.2],
   diffuse: [0.6, 0.6, 0.6],
   specular: [0.1, 0.1, 0.1]
 };
-var DEFAULT_DIRECTIONAL_LIGHT = {
+const DEFAULT_DIRECTIONAL_LIGHT = {
   direction: [0, 0, 0],
   ambient: [0, 0, 0],
   diffuse: [0, 0, 0],
   specular: [0, 0, 0]
 };
-var DEFAULT_SPOT_LIGHT = {
+const DEFAULT_SPOT_LIGHT = {
   position: [0, 0, 0],
   direction: [0, 0, 0],
   ambient: [0, 0, 0],
@@ -48,7 +46,7 @@ var DEFAULT_SPOT_LIGHT = {
   blur: 5
 };
 function generateLightingUniforms(lights) {
-  var lightsMap = {
+  const lightsMap = {
     u_DirectionalLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_DIRECTIONAL_LIGHT)),
     u_NumOfDirectionalLights: 0,
     u_SpotLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_SPOT_LIGHT)),
@@ -57,15 +55,16 @@ function generateLightingUniforms(lights) {
   if (!lights || !lights.length) {
     lights = [DEFAULT_LIGHT];
   }
-  lights.forEach(function (_ref) {
-    var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'directional' : _ref$type,
+  lights.forEach(_ref => {
+    let {
+        type = 'directional'
+      } = _ref,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    var lightsUniformName = lightTypeUniformMap[type].lights;
-    var lightsNumUniformName = lightTypeUniformMap[type].num;
+    const lightsUniformName = lightTypeUniformMap[type].lights;
+    const lightsNumUniformName = lightTypeUniformMap[type].num;
 
     // @ts-ignore
-    var num = lightsMap[lightsNumUniformName];
+    const num = lightsMap[lightsNumUniformName];
     // @ts-ignore
     lightsMap[lightsUniformName][num] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lightsMap[lightsUniformName][num]), rest);
     // @ts-ignore
@@ -77,26 +76,18 @@ function generateLightingUniforms(lights) {
 /**
  * 光照 & Shadow
  */
-var LightingPlugin = exports.default = /*#__PURE__*/function () {
-  function LightingPlugin() {
-    (0, _classCallCheck2.default)(this, LightingPlugin);
+class LightingPlugin {
+  apply(layer) {
+    layer.hooks.beforeRender.tap('LightingPlugin', () => {
+      const {
+        enableLighting
+      } = layer.getLayerConfig();
+      if (enableLighting) {
+        layer.models.forEach(model =>
+        // @ts-ignore
+        model.addUniforms((0, _objectSpread2.default)({}, generateLightingUniforms())));
+      }
+    });
   }
-  (0, _createClass2.default)(LightingPlugin, [{
-    key: "apply",
-    value: function apply(layer) {
-      layer.hooks.beforeRender.tap('LightingPlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-          enableLighting = _layer$getLayerConfig.enableLighting;
-        if (enableLighting) {
-          layer.models.forEach(function (model) {
-            return (
-              // @ts-ignore
-              model.addUniforms((0, _objectSpread2.default)({}, generateLightingUniforms()))
-            );
-          });
-        }
-      });
-    }
-  }]);
-  return LightingPlugin;
-}();
+}
+exports.default = LightingPlugin;

package/lib/plugins/MultiPassRendererPlugin.d.ts

@@ -0,0 +1,22 @@
+import type { ILayer, ILayerPlugin, IPass, IPostProcessingPass, IRendererService } from '@antv/l7-core';
+/**
+ * 自定义渲染管线：
+ * ClearPass -> PixelPickingPass(可选) -> RenderPass/TAAPass -> PostProcessing -> CopyPass
+ * 根据 Layer 配置的 passes 创建 PostProcessing
+ * @example
+ * new PolygonLayer({
+ *   enableMultiPassRenderer: true,
+ *   passes: [
+ *     'blurH',
+ *     ['blurV', { radius: 10 }],
+ *   ],
+ * })
+ */
+export default class MultiPassRendererPlugin implements ILayerPlugin {
+    private enabled;
+    apply(layer: ILayer, { rendererService, postProcessingPassFactory, normalPassFactory, }: {
+        rendererService: IRendererService;
+        postProcessingPassFactory: (name: string) => IPostProcessingPass<unknown>;
+        normalPassFactory: (name: string) => IPass<unknown>;
+    }): void;
+}

package/lib/plugins/MultiPassRendererPlugin.js

@@ -5,8 +5,7 @@ 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"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _multiPassRender = require("../utils/multiPassRender");
 /**
  * 自定义渲染管线：
@@ -21,42 +20,40 @@ var _multiPassRender = require("../utils/multiPassRender");
  *   ],
  * })
  */
-var MultiPassRendererPlugin = exports.default = /*#__PURE__*/function () {
-  function MultiPassRendererPlugin() {
-    (0, _classCallCheck2.default)(this, MultiPassRendererPlugin);
+class MultiPassRendererPlugin {
+  constructor() {
+    (0, _defineProperty2.default)(this, "enabled", void 0);
   }
-  (0, _createClass2.default)(MultiPassRendererPlugin, [{
-    key: "apply",
-    value: function apply(layer, _ref) {
-      var _this = this;
-      var rendererService = _ref.rendererService,
-        postProcessingPassFactory = _ref.postProcessingPassFactory,
-        normalPassFactory = _ref.normalPassFactory;
-      layer.hooks.init.tapPromise('MultiPassRendererPlugin', function () {
-        var _layer$getLayerConfig = layer.getLayerConfig(),
-          enableMultiPassRenderer = _layer$getLayerConfig.enableMultiPassRenderer,
-          _layer$getLayerConfig2 = _layer$getLayerConfig.passes,
-          passes = _layer$getLayerConfig2 === void 0 ? [] : _layer$getLayerConfig2;
+  apply(layer, {
+    rendererService,
+    postProcessingPassFactory,
+    normalPassFactory
+  }) {
+    layer.hooks.init.tapPromise('MultiPassRendererPlugin', () => {
+      const {
+        enableMultiPassRenderer,
+        passes = []
+      } = layer.getLayerConfig();
 
-        // SceneConfig 的 enableMultiPassRenderer 配置项可以统一关闭
-        _this.enabled = !!enableMultiPassRenderer && layer.getLayerConfig().enableMultiPassRenderer !== false;
+      // SceneConfig 的 enableMultiPassRenderer 配置项可以统一关闭
+      this.enabled = !!enableMultiPassRenderer && layer.getLayerConfig().enableMultiPassRenderer !== false;
 
-        // 根据 LayerConfig passes 配置项初始化
-        if (_this.enabled) {
-          layer.multiPassRenderer = (0, _multiPassRender.createMultiPassRenderer)(layer, passes, postProcessingPassFactory, normalPassFactory);
-          layer.multiPassRenderer.setRenderFlag(true);
-        }
-      });
-      layer.hooks.beforeRender.tap('MultiPassRendererPlugin', function () {
-        if (_this.enabled) {
-          // 渲染前根据 viewport 调整 FBO size
-          var _rendererService$getV = rendererService.getViewportSize(),
-            width = _rendererService$getV.width,
-            height = _rendererService$getV.height;
-          layer.multiPassRenderer.resize(width, height);
-        }
-      });
-    }
-  }]);
-  return MultiPassRendererPlugin;
-}();
+      // 根据 LayerConfig passes 配置项初始化
+      if (this.enabled) {
+        layer.multiPassRenderer = (0, _multiPassRender.createMultiPassRenderer)(layer, passes, postProcessingPassFactory, normalPassFactory);
+        layer.multiPassRenderer.setRenderFlag(true);
+      }
+    });
+    layer.hooks.beforeRender.tap('MultiPassRendererPlugin', () => {
+      if (this.enabled) {
+        // 渲染前根据 viewport 调整 FBO size
+        const {
+          width,
+          height
+        } = rendererService.getViewportSize();
+        layer.multiPassRenderer.resize(width, height);
+      }
+    });
+  }
+}
+exports.default = MultiPassRendererPlugin;

package/lib/plugins/PixelPickingPlugin.d.ts

@@ -0,0 +1,11 @@
+import type { ILayer, ILayerPlugin, L7Container } from '@antv/l7-core';
+export default class PixelPickingPlugin implements ILayerPlugin {
+    /**
+     * Use map to keep order of insertion.
+     * @see https://stackoverflow.com/questions/5525795/does-javascript-guarantee-object-property-order
+     */
+    private pickingUniformMap;
+    private pickOption2Array;
+    private updatePickOption;
+    apply(layer: ILayer, { styleAttributeService }: L7Container): void;
+}