@antv/l7-renderer 2.20.6 → 2.20.9

package/es/device/DeviceModel.d.ts

@@ -35,6 +35,10 @@ export default class DeviceModel implements IModel {
     destroy(): void;
     private initDepthDrawParams;
     private getBlendDrawParams;
+    /**
+     * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#stencil
+     */
+    private getStencilDrawParams;
     /**
      * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#culling
      */

package/es/device/DeviceModel.js

@@ -2,12 +2,12 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { BlendFactor, BlendMode, ChannelWriteMask, CompareFunction, CullMode, Format, TransparentBlack, VertexStepMode } from '@antv/g-device-api';
+import { BlendFactor, BlendMode, ChannelWriteMask, CompareFunction, CullMode, Format, StencilOp, TransparentBlack, VertexStepMode } from '@antv/g-device-api';
 import { gl } from '@antv/l7-core';
 import { lodashUtil } from '@antv/l7-utils';
 import DeviceFramebuffer from "./DeviceFramebuffer";
 import DeviceTexture2D from "./DeviceTexture2D";
-import { blendEquationMap, blendFuncMap, cullFaceMap, depthFuncMap, primitiveMap, sizeFormatMap } from "./constants";
+import { blendEquationMap, blendFuncMap, cullFaceMap, depthFuncMap, primitiveMap, sizeFormatMap, stencilFuncMap, stencilOpMap } from "./constants";
 var isPlainObject = lodashUtil.isPlainObject,
   isTypedArray = lodashUtil.isTypedArray;
 var DeviceModel = /*#__PURE__*/function () {
@@ -93,7 +93,8 @@ var DeviceModel = /*#__PURE__*/function () {
         primitive = _options$primitive === void 0 ? gl.TRIANGLES : _options$primitive,
         depth = options.depth,
         cull = options.cull,
-        blend = options.blend;
+        blend = options.blend,
+        stencil = options.stencil;
       var depthParams = this.initDepthDrawParams({
         depth: depth
       });
@@ -107,6 +108,10 @@ var DeviceModel = /*#__PURE__*/function () {
         blend: blend
       });
       var blendEnabled = !!(blendParams && blendParams.enable);
+      var stencilParams = this.getStencilDrawParams({
+        stencil: stencil
+      });
+      var stencilEnabled = !!(stencilParams && stencilParams.enable);
       return this.device.createRenderPipeline({
         inputLayout: this.inputLayout,
         program: this.program,
@@ -127,7 +132,7 @@ var DeviceModel = /*#__PURE__*/function () {
               blendDstFactor: BlendFactor.ZERO
             }
           } : {
-            channelWriteMask: ChannelWriteMask.ALL,
+            channelWriteMask: stencilEnabled && stencilParams.opFront.zpass === StencilOp.REPLACE ? ChannelWriteMask.NONE : ChannelWriteMask.ALL,
             rgbBlendState: {
               blendMode: blendEnabled && blendParams.equation.rgb || BlendMode.ADD,
               blendSrcFactor: blendEnabled && blendParams.func.srcRGB || BlendFactor.SRC_ALPHA,
@@ -143,7 +148,15 @@ var DeviceModel = /*#__PURE__*/function () {
           depthWrite: depthEnabled,
           depthCompare: depthEnabled && depthParams.func || CompareFunction.LESS,
           cullMode: cullEnabled && cullParams.face || CullMode.NONE,
-          stencilWrite: false
+          stencilWrite: stencilEnabled,
+          stencilFront: {
+            compare: stencilEnabled ? stencilParams.func.cmp : CompareFunction.ALWAYS,
+            passOp: stencilParams.opFront.zpass
+          },
+          stencilBack: {
+            compare: stencilEnabled ? stencilParams.func.cmp : CompareFunction.ALWAYS,
+            passOp: stencilParams.opBack.zpass
+          }
         }
       });
     }
@@ -175,10 +188,7 @@ var DeviceModel = /*#__PURE__*/function () {
     value: function draw(options, pick) {
       var _this2 = this;
       var mergedOptions = _objectSpread(_objectSpread({}, this.options), options);
-      var _mergedOptions$depth = mergedOptions.depth,
-        _mergedOptions$depth2 = _mergedOptions$depth === void 0 ? {} : _mergedOptions$depth,
-        depthEnabled = _mergedOptions$depth2.enable,
-        _mergedOptions$count = mergedOptions.count,
+      var _mergedOptions$count = mergedOptions.count,
         count = _mergedOptions$count === void 0 ? 0 : _mergedOptions$count,
         instances = mergedOptions.instances,
         elements = mergedOptions.elements,
@@ -197,6 +207,7 @@ var DeviceModel = /*#__PURE__*/function () {
       this.pipeline = this.createPipeline(mergedOptions, pick);
       renderPass.setViewport(0, 0, (currentFramebuffer === null || currentFramebuffer === void 0 ? void 0 : currentFramebuffer['width']) || width, (currentFramebuffer === null || currentFramebuffer === void 0 ? void 0 : currentFramebuffer['height']) || height);
       renderPass.setPipeline(this.pipeline);
+      renderPass.setStencilReference(1);
       renderPass.setVertexInput(this.inputLayout, this.vertexBuffers.map(function (buffer) {
         return {
           buffer: buffer
@@ -303,71 +314,61 @@ var DeviceModel = /*#__PURE__*/function () {
       };
     }
 
-    // /**
-    //  * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#stencil
-    //  */
-    // private getStencilDrawParams({
-    //   stencil,
-    // }: Pick<IModelInitializationOptions, 'stencil'>) {
-    //   const {
-    //     enable,
-    //     mask = -1,
-    //     func = {
-    //       cmp: gl.ALWAYS,
-    //       ref: 0,
-    //       mask: -1,
-    //     },
-    //     opFront = {
-    //       fail: gl.KEEP,
-    //       zfail: gl.KEEP,
-    //       zpass: gl.KEEP,
-    //     },
-    //     opBack = {
-    //       fail: gl.KEEP,
-    //       zfail: gl.KEEP,
-    //       zpass: gl.KEEP,
-    //     },
-    //   } = stencil || {};
-    //   return {
-    //     enable: !!enable,
-    //     mask,
-    //     func: {
-    //       ...func,
-    //       cmp: stencilFuncMap[func.cmp],
-    //     },
-    //     opFront: {
-    //       fail: stencilOpMap[opFront.fail],
-    //       zfail: stencilOpMap[opFront.zfail],
-    //       zpass: stencilOpMap[opFront.zpass],
-    //     },
-    //     opBack: {
-    //       fail: stencilOpMap[opBack.fail],
-    //       zfail: stencilOpMap[opBack.zfail],
-    //       zpass: stencilOpMap[opBack.zpass],
-    //     },
-    //   };
-    // }
-
-    // private getColorMaskDrawParams(
-    //   { stencil }: Pick<IModelInitializationOptions, 'stencil'>,
-    //   pick: boolean,
-    // ) {
-    //   // TODO: 重构相关参数
-    //   // 掩膜模式下，颜色通道全部关闭
-    //   const colorMask =
-    //     stencil?.enable && stencil.opFront && !pick
-    //       ? [false, false, false, false]
-    //       : [true, true, true, true]; // 非掩码模式下，颜色通道全部开启
-    //   return colorMask;
-    // }
+    /**
+     * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#stencil
+     */
+  }, {
+    key: "getStencilDrawParams",
+    value: function getStencilDrawParams(_ref4) {
+      var stencil = _ref4.stencil;
+      var _ref5 = stencil || {},
+        enable = _ref5.enable,
+        _ref5$mask = _ref5.mask,
+        mask = _ref5$mask === void 0 ? -1 : _ref5$mask,
+        _ref5$func = _ref5.func,
+        func = _ref5$func === void 0 ? {
+          cmp: gl.ALWAYS,
+          ref: 0,
+          mask: -1
+        } : _ref5$func,
+        _ref5$opFront = _ref5.opFront,
+        opFront = _ref5$opFront === void 0 ? {
+          fail: gl.KEEP,
+          zfail: gl.KEEP,
+          zpass: gl.KEEP
+        } : _ref5$opFront,
+        _ref5$opBack = _ref5.opBack,
+        opBack = _ref5$opBack === void 0 ? {
+          fail: gl.KEEP,
+          zfail: gl.KEEP,
+          zpass: gl.KEEP
+        } : _ref5$opBack;
+      return {
+        enable: !!enable,
+        mask: mask,
+        func: _objectSpread(_objectSpread({}, func), {}, {
+          cmp: stencilFuncMap[func.cmp]
+        }),
+        opFront: {
+          fail: stencilOpMap[opFront.fail],
+          zfail: stencilOpMap[opFront.zfail],
+          zpass: stencilOpMap[opFront.zpass]
+        },
+        opBack: {
+          fail: stencilOpMap[opBack.fail],
+          zfail: stencilOpMap[opBack.zfail],
+          zpass: stencilOpMap[opBack.zpass]
+        }
+      };
+    }
 
     /**
      * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#culling
      */
   }, {
     key: "initCullDrawParams",
-    value: function initCullDrawParams(_ref4) {
-      var cull = _ref4.cull;
+    value: function initCullDrawParams(_ref6) {
+      var cull = _ref6.cull;
       if (cull) {
         var enable = cull.enable,
           _cull$face = cull.face,

package/es/device/constants.d.ts

@@ -1,4 +1,4 @@
-import { AddressMode, BlendFactor, BlendMode, BufferFrequencyHint, CompareFunction, CullMode, Format, PrimitiveTopology } from '@antv/g-device-api';
+import { AddressMode, BlendFactor, BlendMode, BufferFrequencyHint, CompareFunction, CullMode, Format, PrimitiveTopology, StencilOp } from '@antv/g-device-api';
 import type { TypedArray } from './utils/typedarray';
 export declare const typedArrayCtorMap: {
     [key: string]: new (data: number[]) => TypedArray;
@@ -27,3 +27,9 @@ export declare const blendEquationMap: {
 export declare const blendFuncMap: {
     [key: string]: BlendFactor;
 };
+export declare const stencilOpMap: {
+    [key: string]: StencilOp;
+};
+export declare const stencilFuncMap: {
+    [key: string]: CompareFunction;
+};

package/es/device/constants.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _typedArrayCtorMap, _primitiveMap, _sizeFormatMap, _hintMap, _wrapModeMap, _depthFuncMap, _cullFaceMap, _blendEquationMap, _blendFuncMap;
-import { AddressMode, BlendFactor, BlendMode, BufferFrequencyHint, CompareFunction, CullMode, Format, PrimitiveTopology } from '@antv/g-device-api';
+var _typedArrayCtorMap, _primitiveMap, _sizeFormatMap, _hintMap, _wrapModeMap, _depthFuncMap, _cullFaceMap, _blendEquationMap, _blendFuncMap, _stencilOpMap, _stencilFuncMap;
+import { AddressMode, BlendFactor, BlendMode, BufferFrequencyHint, CompareFunction, CullMode, Format, PrimitiveTopology, StencilOp } from '@antv/g-device-api';
 import { gl } from '@antv/l7-core';
 export var typedArrayCtorMap = (_typedArrayCtorMap = {}, _defineProperty(_typedArrayCtorMap, gl.FLOAT, Float32Array), _defineProperty(_typedArrayCtorMap, gl.UNSIGNED_BYTE, Uint8Array), _defineProperty(_typedArrayCtorMap, gl.SHORT, Int16Array), _defineProperty(_typedArrayCtorMap, gl.UNSIGNED_SHORT, Uint16Array), _defineProperty(_typedArrayCtorMap, gl.INT, Int32Array), _defineProperty(_typedArrayCtorMap, gl.UNSIGNED_INT, Uint32Array), _typedArrayCtorMap);
 export var primitiveMap = (_primitiveMap = {}, _defineProperty(_primitiveMap, gl.POINTS, PrimitiveTopology.POINTS), _defineProperty(_primitiveMap, gl.LINES, PrimitiveTopology.LINES), _defineProperty(_primitiveMap, gl.LINE_LOOP, PrimitiveTopology.LINES), _defineProperty(_primitiveMap, gl.LINE_STRIP, PrimitiveTopology.LINE_STRIP), _defineProperty(_primitiveMap, gl.TRIANGLES, PrimitiveTopology.TRIANGLES), _defineProperty(_primitiveMap, gl.TRIANGLE_FAN, PrimitiveTopology.TRIANGLES), _defineProperty(_primitiveMap, gl.TRIANGLE_STRIP, PrimitiveTopology.TRIANGLE_STRIP), _primitiveMap);
@@ -11,6 +11,8 @@ export var depthFuncMap = (_depthFuncMap = {}, _defineProperty(_depthFuncMap, gl
 export var cullFaceMap = (_cullFaceMap = {}, _defineProperty(_cullFaceMap, gl.FRONT, CullMode.FRONT), _defineProperty(_cullFaceMap, gl.BACK, CullMode.BACK), _cullFaceMap);
 export var blendEquationMap = (_blendEquationMap = {}, _defineProperty(_blendEquationMap, gl.FUNC_ADD, BlendMode.ADD), _defineProperty(_blendEquationMap, gl.MIN_EXT, BlendMode.MIN), _defineProperty(_blendEquationMap, gl.MAX_EXT, BlendMode.MAX), _defineProperty(_blendEquationMap, gl.FUNC_SUBTRACT, BlendMode.SUBSTRACT), _defineProperty(_blendEquationMap, gl.FUNC_REVERSE_SUBTRACT, BlendMode.REVERSE_SUBSTRACT), _blendEquationMap);
 export var blendFuncMap = (_blendFuncMap = {}, _defineProperty(_blendFuncMap, gl.ZERO, BlendFactor.ZERO), _defineProperty(_blendFuncMap, gl.ONE, BlendFactor.ONE), _defineProperty(_blendFuncMap, gl.SRC_COLOR, BlendFactor.SRC), _defineProperty(_blendFuncMap, gl.ONE_MINUS_SRC_COLOR, BlendFactor.ONE_MINUS_SRC), _defineProperty(_blendFuncMap, gl.SRC_ALPHA, BlendFactor.SRC_ALPHA), _defineProperty(_blendFuncMap, gl.ONE_MINUS_SRC_ALPHA, BlendFactor.ONE_MINUS_SRC_ALPHA), _defineProperty(_blendFuncMap, gl.DST_COLOR, BlendFactor.DST), _defineProperty(_blendFuncMap, gl.ONE_MINUS_DST_COLOR, BlendFactor.ONE_MINUS_DST), _defineProperty(_blendFuncMap, gl.DST_ALPHA, BlendFactor.DST_ALPHA), _defineProperty(_blendFuncMap, gl.ONE_MINUS_DST_ALPHA, BlendFactor.ONE_MINUS_DST_ALPHA), _defineProperty(_blendFuncMap, gl.CONSTANT_COLOR, BlendFactor.CONST), _defineProperty(_blendFuncMap, gl.ONE_MINUS_CONSTANT_COLOR, BlendFactor.ONE_MINUS_CONSTANT), _defineProperty(_blendFuncMap, gl.CONSTANT_ALPHA, BlendFactor.CONST), _defineProperty(_blendFuncMap, gl.ONE_MINUS_CONSTANT_ALPHA, BlendFactor.ONE_MINUS_CONSTANT), _defineProperty(_blendFuncMap, gl.SRC_ALPHA_SATURATE, BlendFactor.SRC_ALPHA_SATURATE), _blendFuncMap);
+export var stencilOpMap = (_stencilOpMap = {}, _defineProperty(_stencilOpMap, gl.REPLACE, StencilOp.REPLACE), _defineProperty(_stencilOpMap, gl.KEEP, StencilOp.KEEP), _defineProperty(_stencilOpMap, gl.ZERO, StencilOp.ZERO), _defineProperty(_stencilOpMap, gl.INVERT, StencilOp.INVERT), _defineProperty(_stencilOpMap, gl.INCR, StencilOp.INCREMENT_CLAMP), _defineProperty(_stencilOpMap, gl.DECR, StencilOp.DECREMENT_CLAMP), _defineProperty(_stencilOpMap, gl.INCR_WRAP, StencilOp.INCREMENT_WRAP), _defineProperty(_stencilOpMap, gl.DECR_WRAP, StencilOp.DECREMENT_WRAP), _stencilOpMap);
+export var stencilFuncMap = (_stencilFuncMap = {}, _defineProperty(_stencilFuncMap, gl.ALWAYS, CompareFunction.ALWAYS), _defineProperty(_stencilFuncMap, gl.EQUAL, CompareFunction.EQUAL), _defineProperty(_stencilFuncMap, gl.GEQUAL, CompareFunction.GEQUAL), _defineProperty(_stencilFuncMap, gl.GREATER, CompareFunction.GREATER), _defineProperty(_stencilFuncMap, gl.LEQUAL, CompareFunction.LEQUAL), _defineProperty(_stencilFuncMap, gl.LESS, CompareFunction.LESS), _defineProperty(_stencilFuncMap, gl.NEVER, CompareFunction.NEVER), _defineProperty(_stencilFuncMap, gl.NOTEQUAL, CompareFunction.NOTEQUAL), _stencilFuncMap);
 
 // export const filterMap: {
 //   [key: string]: FilterMode;

package/lib/device/DeviceModel.js

@@ -105,13 +105,15 @@ var DeviceModel = class {
     this.pipeline = this.createPipeline(options);
   }
   createPipeline(options, pick) {
-    const { primitive = import_l7_core.gl.TRIANGLES, depth, cull, blend } = options;
+    const { primitive = import_l7_core.gl.TRIANGLES, depth, cull, blend, stencil } = options;
     const depthParams = this.initDepthDrawParams({ depth });
     const depthEnabled = !!(depthParams && depthParams.enable);
     const cullParams = this.initCullDrawParams({ cull });
     const cullEnabled = !!(cullParams && cullParams.enable);
     const blendParams = this.getBlendDrawParams({ blend });
     const blendEnabled = !!(blendParams && blendParams.enable);
+    const stencilParams = this.getStencilDrawParams({ stencil });
+    const stencilEnabled = !!(stencilParams && stencilParams.enable);
     return this.device.createRenderPipeline({
       inputLayout: this.inputLayout,
       program: this.program,
@@ -133,7 +135,7 @@ var DeviceModel = class {
               blendDstFactor: import_g_device_api.BlendFactor.ZERO
             }
           } : {
-            channelWriteMask: import_g_device_api.ChannelWriteMask.ALL,
+            channelWriteMask: stencilEnabled && stencilParams.opFront.zpass === import_g_device_api.StencilOp.REPLACE ? import_g_device_api.ChannelWriteMask.NONE : import_g_device_api.ChannelWriteMask.ALL,
             rgbBlendState: {
               blendMode: blendEnabled && blendParams.equation.rgb || import_g_device_api.BlendMode.ADD,
               blendSrcFactor: blendEnabled && blendParams.func.srcRGB || import_g_device_api.BlendFactor.SRC_ALPHA,
@@ -150,7 +152,15 @@ var DeviceModel = class {
         depthWrite: depthEnabled,
         depthCompare: depthEnabled && depthParams.func || import_g_device_api.CompareFunction.LESS,
         cullMode: cullEnabled && cullParams.face || import_g_device_api.CullMode.NONE,
-        stencilWrite: false
+        stencilWrite: stencilEnabled,
+        stencilFront: {
+          compare: stencilEnabled ? stencilParams.func.cmp : import_g_device_api.CompareFunction.ALWAYS,
+          passOp: stencilParams.opFront.zpass
+        },
+        stencilBack: {
+          compare: stencilEnabled ? stencilParams.func.cmp : import_g_device_api.CompareFunction.ALWAYS,
+          passOp: stencilParams.opBack.zpass
+        }
       }
     });
   }
@@ -181,7 +191,6 @@ var DeviceModel = class {
       ...options
     };
     const {
-      depth: { enable: depthEnabled } = {},
       count = 0,
       instances,
       elements,
@@ -202,6 +211,7 @@ var DeviceModel = class {
       (currentFramebuffer == null ? void 0 : currentFramebuffer["height"]) || height
     );
     renderPass.setPipeline(this.pipeline);
+    renderPass.setStencilReference(1);
     renderPass.setVertexInput(
       this.inputLayout,
       this.vertexBuffers.map((buffer) => ({
@@ -293,62 +303,50 @@ var DeviceModel = class {
       color
     };
   }
-  // /**
-  //  * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#stencil
-  //  */
-  // private getStencilDrawParams({
-  //   stencil,
-  // }: Pick<IModelInitializationOptions, 'stencil'>) {
-  //   const {
-  //     enable,
-  //     mask = -1,
-  //     func = {
-  //       cmp: gl.ALWAYS,
-  //       ref: 0,
-  //       mask: -1,
-  //     },
-  //     opFront = {
-  //       fail: gl.KEEP,
-  //       zfail: gl.KEEP,
-  //       zpass: gl.KEEP,
-  //     },
-  //     opBack = {
-  //       fail: gl.KEEP,
-  //       zfail: gl.KEEP,
-  //       zpass: gl.KEEP,
-  //     },
-  //   } = stencil || {};
-  //   return {
-  //     enable: !!enable,
-  //     mask,
-  //     func: {
-  //       ...func,
-  //       cmp: stencilFuncMap[func.cmp],
-  //     },
-  //     opFront: {
-  //       fail: stencilOpMap[opFront.fail],
-  //       zfail: stencilOpMap[opFront.zfail],
-  //       zpass: stencilOpMap[opFront.zpass],
-  //     },
-  //     opBack: {
-  //       fail: stencilOpMap[opBack.fail],
-  //       zfail: stencilOpMap[opBack.zfail],
-  //       zpass: stencilOpMap[opBack.zpass],
-  //     },
-  //   };
-  // }
-  // private getColorMaskDrawParams(
-  //   { stencil }: Pick<IModelInitializationOptions, 'stencil'>,
-  //   pick: boolean,
-  // ) {
-  //   // TODO: 重构相关参数
-  //   // 掩膜模式下，颜色通道全部关闭
-  //   const colorMask =
-  //     stencil?.enable && stencil.opFront && !pick
-  //       ? [false, false, false, false]
-  //       : [true, true, true, true]; // 非掩码模式下，颜色通道全部开启
-  //   return colorMask;
-  // }
+  /**
+   * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#stencil
+   */
+  getStencilDrawParams({
+    stencil
+  }) {
+    const {
+      enable,
+      mask = -1,
+      func = {
+        cmp: import_l7_core.gl.ALWAYS,
+        ref: 0,
+        mask: -1
+      },
+      opFront = {
+        fail: import_l7_core.gl.KEEP,
+        zfail: import_l7_core.gl.KEEP,
+        zpass: import_l7_core.gl.KEEP
+      },
+      opBack = {
+        fail: import_l7_core.gl.KEEP,
+        zfail: import_l7_core.gl.KEEP,
+        zpass: import_l7_core.gl.KEEP
+      }
+    } = stencil || {};
+    return {
+      enable: !!enable,
+      mask,
+      func: {
+        ...func,
+        cmp: import_constants.stencilFuncMap[func.cmp]
+      },
+      opFront: {
+        fail: import_constants.stencilOpMap[opFront.fail],
+        zfail: import_constants.stencilOpMap[opFront.zfail],
+        zpass: import_constants.stencilOpMap[opFront.zpass]
+      },
+      opBack: {
+        fail: import_constants.stencilOpMap[opBack.fail],
+        zfail: import_constants.stencilOpMap[opBack.zfail],
+        zpass: import_constants.stencilOpMap[opBack.zpass]
+      }
+    };
+  }
   /**
    * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#culling
    */

package/lib/device/constants.js

@@ -26,6 +26,8 @@ __export(constants_exports, {
   hintMap: () => hintMap,
   primitiveMap: () => primitiveMap,
   sizeFormatMap: () => sizeFormatMap,
+  stencilFuncMap: () => stencilFuncMap,
+  stencilOpMap: () => stencilOpMap,
   typedArrayCtorMap: () => typedArrayCtorMap,
   wrapModeMap: () => wrapModeMap
 });
@@ -103,6 +105,26 @@ var blendFuncMap = {
   [import_l7_core.gl.ONE_MINUS_CONSTANT_ALPHA]: import_g_device_api.BlendFactor.ONE_MINUS_CONSTANT,
   [import_l7_core.gl.SRC_ALPHA_SATURATE]: import_g_device_api.BlendFactor.SRC_ALPHA_SATURATE
 };
+var stencilOpMap = {
+  [import_l7_core.gl.REPLACE]: import_g_device_api.StencilOp.REPLACE,
+  [import_l7_core.gl.KEEP]: import_g_device_api.StencilOp.KEEP,
+  [import_l7_core.gl.ZERO]: import_g_device_api.StencilOp.ZERO,
+  [import_l7_core.gl.INVERT]: import_g_device_api.StencilOp.INVERT,
+  [import_l7_core.gl.INCR]: import_g_device_api.StencilOp.INCREMENT_CLAMP,
+  [import_l7_core.gl.DECR]: import_g_device_api.StencilOp.DECREMENT_CLAMP,
+  [import_l7_core.gl.INCR_WRAP]: import_g_device_api.StencilOp.INCREMENT_WRAP,
+  [import_l7_core.gl.DECR_WRAP]: import_g_device_api.StencilOp.DECREMENT_WRAP
+};
+var stencilFuncMap = {
+  [import_l7_core.gl.ALWAYS]: import_g_device_api.CompareFunction.ALWAYS,
+  [import_l7_core.gl.EQUAL]: import_g_device_api.CompareFunction.EQUAL,
+  [import_l7_core.gl.GEQUAL]: import_g_device_api.CompareFunction.GEQUAL,
+  [import_l7_core.gl.GREATER]: import_g_device_api.CompareFunction.GREATER,
+  [import_l7_core.gl.LEQUAL]: import_g_device_api.CompareFunction.LEQUAL,
+  [import_l7_core.gl.LESS]: import_g_device_api.CompareFunction.LESS,
+  [import_l7_core.gl.NEVER]: import_g_device_api.CompareFunction.NEVER,
+  [import_l7_core.gl.NOTEQUAL]: import_g_device_api.CompareFunction.NOTEQUAL
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   blendEquationMap,
@@ -112,6 +134,8 @@ var blendFuncMap = {
   hintMap,
   primitiveMap,
   sizeFormatMap,
+  stencilFuncMap,
+  stencilOpMap,
   typedArrayCtorMap,
   wrapModeMap
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-renderer",
-  "version": "2.20.6",
+  "version": "2.20.9",
   "description": "",
   "license": "ISC",
   "author": "xiaoiver",
@@ -25,19 +25,19 @@
   },
   "dependencies": {
     "@antv/g-device-api": "^1.4.5",
-    "@antv/l7-core": "2.20.6",
-    "@antv/l7-utils": "2.20.6",
+    "@antv/l7-core": "2.20.9",
+    "@antv/l7-utils": "2.20.9",
     "@babel/runtime": "^7.7.7",
     "inversify": "^5.0.1",
     "reflect-metadata": "^0.2.1",
     "regl": "1.6.1"
   },
   "devDependencies": {
-    "@antv/l7-test-utils": "2.20.6",
+    "@antv/l7-test-utils": "2.20.9",
     "gl": "^6.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b5af1f23f8f5524cbbb2ea858399fefba63b0163"
+  "gitHead": "09352d485c5be1478d063e37a7266edecefecb9a"
 }