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

package/lib/plugins/MultiPassRendererPlugin.js

@@ -1,67 +1,93 @@
-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/MultiPassRendererPlugin.ts
-var MultiPassRendererPlugin_exports = {};
-__export(MultiPassRendererPlugin_exports, {
-  default: () => MultiPassRendererPlugin
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(MultiPassRendererPlugin_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_inversify = require("inversify");
-var import_reflect_metadata = require("reflect-metadata");
-var import_multiPassRender = require("../utils/multiPassRender");
-var MultiPassRendererPlugin = class {
-  apply(layer, {
-    rendererService,
-    postProcessingPassFactory,
-    normalPassFactory
-  }) {
-    layer.hooks.init.tap("MultiPassRendererPlugin", () => {
-      const { enableMultiPassRenderer, passes = [] } = layer.getLayerConfig();
-      this.enabled = !!enableMultiPassRenderer && layer.getLayerConfig().enableMultiPassRenderer !== false;
-      if (this.enabled) {
-        layer.multiPassRenderer = (0, import_multiPassRender.createMultiPassRenderer)(layer, passes, postProcessingPassFactory, normalPassFactory);
-        layer.multiPassRenderer.setRenderFlag(true);
-      }
-    });
-    layer.hooks.beforeRender.tap("MultiPassRendererPlugin", () => {
-      if (this.enabled) {
-        const { width, height } = rendererService.getViewportSize();
-        layer.multiPassRenderer.resize(width, height);
-      }
-    });
+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 _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _multiPassRender = require("../utils/multiPassRender");
+
+var _dec, _dec2, _class, _class2, _descriptor;
+
+var MultiPassRendererPlugin = (
+/**
+ * 自定义渲染管线：
+ * ClearPass -> PixelPickingPass(可选) -> RenderPass/TAAPass -> PostProcessing -> CopyPass
+ * 根据 Layer 配置的 passes 创建 PostProcessing
+ * @example
+ * new PolygonLayer({
+ *   enableMultiPassRenderer: true,
+ *   passes: [
+ *     'blurH',
+ *     ['blurV', { radius: 10 }],
+ *   ],
+ * })
+ */
+_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.IGlobalConfigService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function MultiPassRendererPlugin() {
+    (0, _classCallCheck2.default)(this, MultiPassRendererPlugin);
+    (0, _initializerDefineProperty2.default)(this, "configService", _descriptor, this);
   }
-};
-__decorateClass([
-  (0, import_inversify.inject)(import_l7_core.TYPES.IGlobalConfigService)
-], MultiPassRendererPlugin.prototype, "configService", 2);
-MultiPassRendererPlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], MultiPassRendererPlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+
+  (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.tap('MultiPassRendererPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enableMultiPassRenderer = _layer$getLayerConfig.enableMultiPassRenderer,
+            _layer$getLayerConfig2 = _layer$getLayerConfig.passes,
+            passes = _layer$getLayerConfig2 === void 0 ? [] : _layer$getLayerConfig2; // 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;
+}(), (_descriptor = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "configService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+exports.default = MultiPassRendererPlugin;

package/lib/plugins/PixelPickingPlugin.js

@@ -1,118 +1,159 @@
-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";
 
-// src/plugins/PixelPickingPlugin.ts
-var PixelPickingPlugin_exports = {};
-__export(PixelPickingPlugin_exports, {
-  default: () => PixelPickingPlugin
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(PixelPickingPlugin_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");
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
 var PickingStage = {
-  NONE: 0,
-  ENCODE: 1,
-  HIGHLIGHT: 2
+  NONE: 0.0,
+  ENCODE: 1.0,
+  HIGHLIGHT: 2.0
 };
-var PixelPickingPlugin = class {
-  apply(layer, {
-    rendererService,
-    styleAttributeService
-  }) {
-    layer.hooks.init.tap("PixelPickingPlugin", () => {
-      const { enablePicking, enableMultiPassRenderer } = layer.getLayerConfig();
-      styleAttributeService.registerStyleAttribute({
-        name: "pickingColor",
-        type: import_l7_core.AttributeType.Attribute,
-        descriptor: {
-          name: "a_PickingColor",
-          buffer: {
-            data: [],
-            type: import_l7_core.gl.FLOAT
-          },
-          size: 3,
-          update: (feature, featureIdx) => {
-            const { id } = feature;
-            return enablePicking ? (0, import_l7_utils.encodePickingColor)(id) : [0, 0, 0];
+var PixelPickingPlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function PixelPickingPlugin() {
+    (0, _classCallCheck2.default)(this, PixelPickingPlugin);
+  }
+
+  (0, _createClass2.default)(PixelPickingPlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var rendererService = _ref.rendererService,
+          styleAttributeService = _ref.styleAttributeService;
+      // TODO: 由于 Shader 目前无法根据是否开启拾取进行内容修改，因此即使不开启也需要生成 a_PickingColor
+      layer.hooks.init.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig.enablePicking,
+            enableMultiPassRenderer = _layer$getLayerConfig.enableMultiPassRenderer; // const enablePicking = true;
+
+
+        styleAttributeService.registerStyleAttribute({
+          name: 'pickingColor',
+          type: _l7Core.AttributeType.Attribute,
+          descriptor: {
+            name: 'a_PickingColor',
+            buffer: {
+              data: [],
+              type: _l7Core.gl.FLOAT
+            },
+            size: 3,
+            // TODO: 固定 feature range 范围内的 pickingColor 都是固定的，可以生成 cache
+            update: function update(feature, featureIdx) {
+              // 只有开启拾取才需要 encode
+              var id = feature.id;
+              return enablePicking ? (0, _l7Utils.encodePickingColor)(id) : [0, 0, 0];
+            }
           }
+        });
+      }); // 必须要与 PixelPickingPass 结合使用，因此必须开启 multiPassRenderer
+      // if (layer.multiPassRenderer) {
+
+      layer.hooks.beforePickingEncode.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig2 = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig2.enablePicking;
+
+        if (enablePicking && layer.isVisible()) {
+          layer.models.forEach(function (model) {
+            return model.addUniforms({
+              u_PickingStage: PickingStage.ENCODE
+            });
+          });
         }
       });
-    });
-    layer.hooks.beforePickingEncode.tap("PixelPickingPlugin", () => {
-      const { enablePicking } = layer.getLayerConfig();
-      if (enablePicking && layer.isVisible()) {
-        layer.models.forEach((model) => model.addUniforms({
-          u_PickingStage: PickingStage.ENCODE
-        }));
-      }
-    });
-    layer.hooks.afterPickingEncode.tap("PixelPickingPlugin", () => {
-      const { enablePicking } = layer.getLayerConfig();
-      if (enablePicking && layer.isVisible()) {
-        layer.models.forEach((model) => model.addUniforms({
-          u_PickingStage: PickingStage.HIGHLIGHT
-        }));
-      }
-    });
-    layer.hooks.beforeHighlight.tap("PixelPickingPlugin", (pickedColor) => {
-      const { highlightColor, activeMix = 0 } = layer.getLayerConfig();
-      const highlightColorInArray = typeof highlightColor === "string" ? (0, import_l7_utils.rgb2arr)(highlightColor) : highlightColor || [1, 0, 0, 1];
-      layer.updateLayerConfig({
-        pickedFeatureID: (0, import_l7_utils.decodePickingColor)(new Uint8Array(pickedColor))
+      layer.hooks.afterPickingEncode.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig3 = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig3.enablePicking; // 区分选中高亮 和滑过高亮
+
+
+        if (enablePicking && layer.isVisible()) {
+          layer.models.forEach(function (model) {
+            return model.addUniforms({
+              u_PickingStage: PickingStage.HIGHLIGHT
+            });
+          });
+        }
       });
-      layer.models.forEach((model) => model.addUniforms({
-        u_PickingStage: PickingStage.HIGHLIGHT,
-        u_PickingColor: pickedColor,
-        u_HighlightColor: highlightColorInArray.map((c) => c * 255),
-        u_activeMix: activeMix
-      }));
-    });
-    layer.hooks.beforeSelect.tap("PixelPickingPlugin", (pickedColor) => {
-      const { selectColor, selectMix = 0 } = layer.getLayerConfig();
-      const highlightColorInArray = typeof selectColor === "string" ? (0, import_l7_utils.rgb2arr)(selectColor) : selectColor || [1, 0, 0, 1];
-      layer.updateLayerConfig({
-        pickedFeatureID: (0, import_l7_utils.decodePickingColor)(new Uint8Array(pickedColor))
+      layer.hooks.beforeHighlight.tap('PixelPickingPlugin', function (pickedColor) {
+        var _layer$getLayerConfig4 = layer.getLayerConfig(),
+            highlightColor = _layer$getLayerConfig4.highlightColor,
+            _layer$getLayerConfig5 = _layer$getLayerConfig4.activeMix,
+            activeMix = _layer$getLayerConfig5 === void 0 ? 0 : _layer$getLayerConfig5; // const {
+        //   highlightColor,
+        //   activeMix = 0,
+        //   enableSelect,
+        // } = layer.getLayerConfig();
+
+
+        var highlightColorInArray = typeof highlightColor === 'string' ? (0, _l7Utils.rgb2arr)(highlightColor) : highlightColor || [1, 0, 0, 1]; // const { selectColor } = layer.getLayerConfig();
+        // const selectColorInArray =
+        //   typeof selectColor === 'string'
+        //     ? rgb2arr(selectColor)
+        //     : selectColor || [1, 0, 0, 1];
+
+        layer.updateLayerConfig({
+          pickedFeatureID: (0, _l7Utils.decodePickingColor)(new Uint8Array(pickedColor))
+        }); // const currentSelectedId = layer.getCurrentSelectedId();
+
+        layer.models.forEach(function (model) {
+          return model.addUniforms({
+            u_PickingStage: PickingStage.HIGHLIGHT,
+            u_PickingColor: pickedColor,
+            u_HighlightColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_activeMix: activeMix // u_CurrentSelectedId: currentSelectedId
+            //   ? encodePickingColor(layer.getCurrentSelectedId()!)
+            //   : [0, 0, 0],
+            // u_SelectColor: selectColorInArray.map((c) => c * 255),
+            // u_EnableSelect: +(enableSelect || false),
+
+          });
+        });
       });
-      layer.models.forEach((model) => model.addUniforms({
-        u_PickingStage: PickingStage.HIGHLIGHT,
-        u_PickingColor: pickedColor,
-        u_HighlightColor: highlightColorInArray.map((c) => c * 255),
-        u_activeMix: selectMix,
-        u_CurrentSelectedId: pickedColor,
-        u_SelectColor: highlightColorInArray.map((c) => c * 255),
-        u_EnableSelect: 1
-      }));
-    });
-  }
-};
-PixelPickingPlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], PixelPickingPlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      layer.hooks.beforeSelect.tap('PixelPickingPlugin', function (pickedColor) {
+        var _layer$getLayerConfig6 = layer.getLayerConfig(),
+            selectColor = _layer$getLayerConfig6.selectColor,
+            _layer$getLayerConfig7 = _layer$getLayerConfig6.selectMix,
+            selectMix = _layer$getLayerConfig7 === void 0 ? 0 : _layer$getLayerConfig7;
+
+        var highlightColorInArray = typeof selectColor === 'string' ? (0, _l7Utils.rgb2arr)(selectColor) : selectColor || [1, 0, 0, 1];
+        layer.updateLayerConfig({
+          pickedFeatureID: (0, _l7Utils.decodePickingColor)(new Uint8Array(pickedColor))
+        });
+        layer.models.forEach(function (model) {
+          return model.addUniforms({
+            u_PickingStage: PickingStage.HIGHLIGHT,
+            u_PickingColor: pickedColor,
+            u_HighlightColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_activeMix: selectMix,
+            u_CurrentSelectedId: pickedColor,
+            u_SelectColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_EnableSelect: 1
+          });
+        });
+      }); // }
+    }
+  }]);
+  return PixelPickingPlugin;
+}()) || _class);
+exports.default = PixelPickingPlugin;

package/lib/plugins/RegisterStyleAttributePlugin.js

@@ -1,117 +1,117 @@
-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/RegisterStyleAttributePlugin.ts
-var RegisterStyleAttributePlugin_exports = {};
-__export(RegisterStyleAttributePlugin_exports, {
-  default: () => RegisterStyleAttributePlugin
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RegisterStyleAttributePlugin_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_inversify = require("inversify");
-var import_reflect_metadata = require("reflect-metadata");
-var RegisterStyleAttributePlugin = class {
-  apply(layer, {
-    styleAttributeService
-  }) {
-    layer.hooks.init.tap("RegisterStyleAttributePlugin", () => {
-      this.registerBuiltinAttributes(styleAttributeService);
-    });
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var RegisterStyleAttributePlugin = (
+/**
+ * 在初始化阶段完成属性的注册，以及首次根据 Layer 指定的三角化方法完成 indices 和 attribute 的创建
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function RegisterStyleAttributePlugin() {
+    (0, _classCallCheck2.default)(this, RegisterStyleAttributePlugin);
   }
-  registerBuiltinAttributes(styleAttributeService) {
-    styleAttributeService.registerStyleAttribute({
-      name: "position",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Position",
-        buffer: {
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 3,
-        update: (feature, featureIdx, vertex) => {
-          return vertex.length === 2 ? [vertex[0], vertex[1], 0] : [vertex[0], vertex[1], vertex[2]];
+
+  (0, _createClass2.default)(RegisterStyleAttributePlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var styleAttributeService = _ref.styleAttributeService;
+      layer.hooks.init.tap('RegisterStyleAttributePlugin', function () {
+        _this.registerBuiltinAttributes(styleAttributeService);
+      });
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes(styleAttributeService) {
+      styleAttributeService.registerStyleAttribute({
+        name: 'position',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Position',
+          buffer: {
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 3,
+          update: function update(feature, featureIdx, vertex) {
+            return vertex.length === 2 ? [vertex[0], vertex[1], 0] : [vertex[0], vertex[1], vertex[2]];
+          }
         }
-      }
-    });
-    styleAttributeService.registerStyleAttribute({
-      name: "filter",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "filter",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 1,
-        update: (feature, featureIdx) => {
-          const { filter } = feature;
-          return filter ? [1] : [0];
+      });
+      styleAttributeService.registerStyleAttribute({
+        name: 'filter',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'filter',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: function update(feature, featureIdx) {
+            var filter = feature.filter;
+            return filter ? [1] : [0];
+          }
         }
-      }
-    });
-    styleAttributeService.registerStyleAttribute({
-      name: "color",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Color",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 4,
-        update: (feature, featureIdx) => {
-          const { color } = feature;
-          return !color || !color.length ? [1, 1, 1, 1] : color;
+      });
+      styleAttributeService.registerStyleAttribute({
+        name: 'color',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Color',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 4,
+          update: function update(feature, featureIdx) {
+            var color = feature.color;
+            return !color || !color.length ? [1, 1, 1, 1] : color;
+          }
         }
-      }
-    });
-    styleAttributeService.registerStyleAttribute({
-      name: "vertexId",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_vertexId",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 1,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          return [featureIdx];
+      });
+      styleAttributeService.registerStyleAttribute({
+        // 统一注册每个顶点的唯一编号（目前用于样式的数据映射计算使用）
+        name: 'vertexId',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_vertexId',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            return [featureIdx];
+          }
         }
-      }
-    });
-  }
-};
-RegisterStyleAttributePlugin = __decorateClass([
-  (0, import_inversify.injectable)()
-], RegisterStyleAttributePlugin);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      });
+    }
+  }]);
+  return RegisterStyleAttributePlugin;
+}()) || _class);
+exports.default = RegisterStyleAttributePlugin;