@antv/l7-renderer 2.18.2 → 2.18.3

package/lib/regl/ReglBuffer.js

@@ -0,0 +1,53 @@
+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);
+
+// src/regl/ReglBuffer.ts
+var ReglBuffer_exports = {};
+__export(ReglBuffer_exports, {
+  default: () => ReglBuffer
+});
+module.exports = __toCommonJS(ReglBuffer_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_constants = require("./constants");
+var ReglBuffer = class {
+  constructor(reGl, options) {
+    this.isDestroyed = false;
+    const { data, usage, type } = options;
+    this.buffer = reGl.buffer({
+      data,
+      usage: import_constants.usageMap[usage || import_l7_core.gl.STATIC_DRAW],
+      type: import_constants.dataTypeMap[type || import_l7_core.gl.UNSIGNED_BYTE]
+      // length: 0,
+    });
+  }
+  get() {
+    return this.buffer;
+  }
+  destroy() {
+    if (!this.isDestroyed) {
+      this.buffer.destroy();
+    }
+    this.isDestroyed = true;
+  }
+  subData({
+    data,
+    offset
+  }) {
+    this.buffer.subdata(data, offset);
+  }
+};

package/lib/regl/ReglElements.js

@@ -0,0 +1,47 @@
+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);
+
+// src/regl/ReglElements.ts
+var ReglElements_exports = {};
+__export(ReglElements_exports, {
+  default: () => ReglElements
+});
+module.exports = __toCommonJS(ReglElements_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_constants = require("./constants");
+var ReglElements = class {
+  constructor(reGl, options) {
+    const { data, usage, type, count } = options;
+    this.elements = reGl.elements({
+      data,
+      usage: import_constants.usageMap[usage || import_l7_core.gl.STATIC_DRAW],
+      type: import_constants.dataTypeMap[type || import_l7_core.gl.UNSIGNED_BYTE],
+      count
+    });
+  }
+  get() {
+    return this.elements;
+  }
+  subData({
+    data
+  }) {
+    this.elements.subdata(data);
+  }
+  destroy() {
+  }
+};

package/lib/regl/ReglFramebuffer.js

@@ -0,0 +1,51 @@
+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);
+
+// src/regl/ReglFramebuffer.ts
+var ReglFramebuffer_exports = {};
+__export(ReglFramebuffer_exports, {
+  default: () => ReglFramebuffer
+});
+module.exports = __toCommonJS(ReglFramebuffer_exports);
+var ReglFramebuffer = class {
+  constructor(reGl, options) {
+    const { width, height, color, colors } = options;
+    const framebufferOptions = {
+      width,
+      height
+    };
+    if (Array.isArray(colors)) {
+      framebufferOptions.colors = colors.map(
+        (c) => c.get()
+      );
+    }
+    if (color && typeof color !== "boolean") {
+      framebufferOptions.color = color.get();
+    }
+    this.framebuffer = reGl.framebuffer(framebufferOptions);
+  }
+  get() {
+    return this.framebuffer;
+  }
+  destroy() {
+    this.framebuffer.destroy();
+  }
+  resize({ width, height }) {
+    this.framebuffer.resize(width, height);
+  }
+};

package/lib/regl/ReglModel.js

@@ -0,0 +1,305 @@
+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);
+
+// src/regl/ReglModel.ts
+var ReglModel_exports = {};
+__export(ReglModel_exports, {
+  default: () => ReglModel
+});
+module.exports = __toCommonJS(ReglModel_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_utils = require("@antv/l7-utils");
+var import_constants = require("./constants");
+var { isPlainObject, isTypedArray } = import_l7_utils.lodashUtil;
+var ReglModel = class {
+  constructor(reGl, options) {
+    this.destroyed = false;
+    this.uniforms = {};
+    this.reGl = reGl;
+    const {
+      vs,
+      fs,
+      attributes,
+      uniforms,
+      primitive,
+      count,
+      elements,
+      depth,
+      cull,
+      instances
+    } = options;
+    const reglUniforms = {};
+    this.options = options;
+    if (uniforms) {
+      this.uniforms = this.extractUniforms(uniforms);
+      Object.keys(uniforms).forEach((uniformName) => {
+        reglUniforms[uniformName] = reGl.prop(uniformName);
+      });
+    }
+    const reglAttributes = {};
+    Object.keys(attributes).forEach((name) => {
+      reglAttributes[name] = attributes[name].get();
+    });
+    const drawParams = {
+      attributes: reglAttributes,
+      frag: fs,
+      uniforms: reglUniforms,
+      vert: vs,
+      // @ts-ignore
+      colorMask: reGl.prop("colorMask"),
+      lineWidth: 1,
+      blend: {
+        // @ts-ignore
+        enable: reGl.prop("blend.enable"),
+        // @ts-ignore
+        func: reGl.prop("blend.func"),
+        // @ts-ignore
+        equation: reGl.prop("blend.equation"),
+        // @ts-ignore
+        color: reGl.prop("blend.color")
+      },
+      stencil: {
+        // @ts-ignore
+        enable: reGl.prop("stencil.enable"),
+        // @ts-ignore
+        mask: reGl.prop("stencil.mask"),
+        // @ts-ignore
+        func: reGl.prop("stencil.func"),
+        // @ts-ignore
+        opFront: reGl.prop("stencil.opFront"),
+        // @ts-ignore
+        opBack: reGl.prop("stencil.opBack")
+      },
+      primitive: import_constants.primitiveMap[primitive === void 0 ? import_l7_core.gl.TRIANGLES : primitive]
+    };
+    if (instances) {
+      drawParams.instances = instances;
+    }
+    if (count) {
+      drawParams.count = count;
+    } else if (elements) {
+      drawParams.elements = elements.get();
+    }
+    this.initDepthDrawParams({ depth }, drawParams);
+    this.initCullDrawParams({ cull }, drawParams);
+    this.drawCommand = reGl(drawParams);
+    this.drawParams = drawParams;
+  }
+  updateAttributesAndElements(attributes, elements) {
+    const reglAttributes = {};
+    Object.keys(attributes).forEach((name) => {
+      reglAttributes[name] = attributes[name].get();
+    });
+    this.drawParams.attributes = reglAttributes;
+    this.drawParams.elements = elements.get();
+    this.drawCommand = this.reGl(this.drawParams);
+  }
+  updateAttributes(attributes) {
+    const reglAttributes = {};
+    Object.keys(attributes).forEach((name) => {
+      reglAttributes[name] = attributes[name].get();
+    });
+    this.drawParams.attributes = reglAttributes;
+    this.drawCommand = this.reGl(this.drawParams);
+  }
+  addUniforms(uniforms) {
+    this.uniforms = {
+      ...this.uniforms,
+      ...this.extractUniforms(uniforms)
+    };
+  }
+  draw(options, pick) {
+    if (this.drawParams.attributes && Object.keys(this.drawParams.attributes).length === 0) {
+      return;
+    }
+    const uniforms = {
+      ...this.uniforms,
+      ...this.extractUniforms(options.uniforms || {})
+    };
+    const reglDrawProps = {};
+    Object.keys(uniforms).forEach((uniformName) => {
+      const type = typeof uniforms[uniformName];
+      if (type === "boolean" || type === "number" || Array.isArray(uniforms[uniformName]) || // @ts-ignore
+      uniforms[uniformName].BYTES_PER_ELEMENT) {
+        reglDrawProps[uniformName] = uniforms[uniformName];
+      } else {
+        reglDrawProps[uniformName] = uniforms[uniformName].get();
+      }
+    });
+    reglDrawProps.blend = pick ? this.getBlendDrawParams({
+      blend: { enable: false }
+    }) : this.getBlendDrawParams(options);
+    reglDrawProps.stencil = this.getStencilDrawParams(options);
+    reglDrawProps.colorMask = this.getColorMaskDrawParams(options, pick);
+    this.drawCommand(reglDrawProps);
+  }
+  destroy() {
+    var _a, _b;
+    (_b = (_a = this.drawParams) == null ? void 0 : _a.elements) == null ? void 0 : _b.destroy();
+    if (this.options.attributes) {
+      Object.values(this.options.attributes).forEach((attr) => {
+        attr == null ? void 0 : attr.destroy();
+      });
+    }
+    this.destroyed = true;
+  }
+  /**
+   * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#depth-buffer
+   */
+  initDepthDrawParams({ depth }, drawParams) {
+    if (depth) {
+      drawParams.depth = {
+        enable: depth.enable === void 0 ? true : !!depth.enable,
+        mask: depth.mask === void 0 ? true : !!depth.mask,
+        func: import_constants.depthFuncMap[depth.func || import_l7_core.gl.LESS],
+        range: depth.range || [0, 1]
+      };
+    }
+  }
+  getBlendDrawParams({
+    blend
+  }) {
+    const { enable, func, equation, color = [0, 0, 0, 0] } = blend || {};
+    return {
+      enable: !!enable,
+      func: {
+        srcRGB: import_constants.blendFuncMap[func && func.srcRGB || import_l7_core.gl.SRC_ALPHA],
+        srcAlpha: import_constants.blendFuncMap[func && func.srcAlpha || import_l7_core.gl.SRC_ALPHA],
+        dstRGB: import_constants.blendFuncMap[func && func.dstRGB || import_l7_core.gl.ONE_MINUS_SRC_ALPHA],
+        dstAlpha: import_constants.blendFuncMap[func && func.dstAlpha || import_l7_core.gl.ONE_MINUS_SRC_ALPHA]
+      },
+      equation: {
+        rgb: import_constants.blendEquationMap[equation && equation.rgb || import_l7_core.gl.FUNC_ADD],
+        alpha: import_constants.blendEquationMap[equation && equation.alpha || import_l7_core.gl.FUNC_ADD]
+      },
+      color
+    };
+  }
+  /**
+   * @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]
+      }
+    };
+  }
+  getColorMaskDrawParams({ stencil }, pick) {
+    const colorMask = (stencil == null ? void 0 : 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#culling
+   */
+  initCullDrawParams({ cull }, drawParams) {
+    if (cull) {
+      const { enable, face = import_l7_core.gl.BACK } = cull;
+      drawParams.cull = {
+        enable: !!enable,
+        face: import_constants.cullFaceMap[face]
+      };
+    }
+  }
+  /**
+   * 考虑结构体命名, eg:
+   * a: { b: 1 }  ->  'a.b'
+   * a: [ { b: 1 } ] -> 'a[0].b'
+   */
+  extractUniforms(uniforms) {
+    const extractedUniforms = {};
+    Object.keys(uniforms).forEach((uniformName) => {
+      this.extractUniformsRecursively(
+        uniformName,
+        uniforms[uniformName],
+        extractedUniforms,
+        ""
+      );
+    });
+    return extractedUniforms;
+  }
+  extractUniformsRecursively(uniformName, uniformValue, uniforms, prefix) {
+    if (uniformValue === null || typeof uniformValue === "number" || // u_A: 1
+    typeof uniformValue === "boolean" || // u_A: false
+    Array.isArray(uniformValue) && typeof uniformValue[0] === "number" || // u_A: [1, 2, 3]
+    isTypedArray(uniformValue) || // u_A: Float32Array
+    // @ts-ignore
+    uniformValue === "" || "resize" in uniformValue) {
+      uniforms[`${prefix && prefix + "."}${uniformName}`] = uniformValue;
+      return;
+    }
+    if (isPlainObject(uniformValue)) {
+      Object.keys(uniformValue).forEach((childName) => {
+        this.extractUniformsRecursively(
+          childName,
+          // @ts-ignore
+          uniformValue[childName],
+          uniforms,
+          `${prefix && prefix + "."}${uniformName}`
+        );
+      });
+    }
+    if (Array.isArray(uniformValue)) {
+      uniformValue.forEach((child, idx) => {
+        Object.keys(child).forEach((childName) => {
+          this.extractUniformsRecursively(
+            childName,
+            // @ts-ignore
+            child[childName],
+            uniforms,
+            `${prefix && prefix + "."}${uniformName}[${idx}]`
+          );
+        });
+      });
+    }
+  }
+};

package/lib/regl/ReglRenderbuffer.js

@@ -0,0 +1,44 @@
+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);
+
+// src/regl/ReglRenderbuffer.ts
+var ReglRenderbuffer_exports = {};
+__export(ReglRenderbuffer_exports, {
+  default: () => ReglRenderbuffer
+});
+module.exports = __toCommonJS(ReglRenderbuffer_exports);
+var import_constants = require("./constants");
+var ReglRenderbuffer = class {
+  constructor(reGl, options) {
+    const { width, height, format } = options;
+    this.renderbuffer = reGl.renderbuffer({
+      width,
+      height,
+      format: import_constants.formatMap[format]
+    });
+  }
+  get() {
+    return this.renderbuffer;
+  }
+  destroy() {
+    this.renderbuffer.destroy();
+  }
+  resize({ width, height }) {
+    this.renderbuffer.resize(width, height);
+  }
+};

package/lib/regl/ReglTexture2D.js

@@ -0,0 +1,107 @@
+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);
+
+// src/regl/ReglTexture2D.ts
+var ReglTexture2D_exports = {};
+__export(ReglTexture2D_exports, {
+  default: () => ReglTexture2D
+});
+module.exports = __toCommonJS(ReglTexture2D_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_constants = require("./constants");
+var ReglTexture2D = class {
+  constructor(reGl, options) {
+    this.isDestroy = false;
+    const {
+      data,
+      type = import_l7_core.gl.UNSIGNED_BYTE,
+      width,
+      height,
+      flipY = false,
+      format = import_l7_core.gl.RGBA,
+      mipmap = false,
+      wrapS = import_l7_core.gl.CLAMP_TO_EDGE,
+      wrapT = import_l7_core.gl.CLAMP_TO_EDGE,
+      aniso = 0,
+      alignment = 1,
+      premultiplyAlpha = false,
+      mag = import_l7_core.gl.NEAREST,
+      min = import_l7_core.gl.NEAREST,
+      colorSpace = import_l7_core.gl.BROWSER_DEFAULT_WEBGL,
+      x = 0,
+      y = 0,
+      copy = false
+    } = options;
+    this.width = width;
+    this.height = height;
+    const textureOptions = {
+      width,
+      height,
+      // @ts-ignore
+      type: import_constants.dataTypeMap[type],
+      format: import_constants.formatMap[format],
+      wrapS: import_constants.wrapModeMap[wrapS],
+      wrapT: import_constants.wrapModeMap[wrapT],
+      // @ts-ignore
+      mag: import_constants.filterMap[mag],
+      min: import_constants.filterMap[min],
+      alignment,
+      flipY,
+      colorSpace: import_constants.colorSpaceMap[colorSpace],
+      premultiplyAlpha,
+      aniso,
+      // copy pixels from current bind framebuffer
+      x,
+      y,
+      copy
+    };
+    if (data) {
+      textureOptions.data = data;
+    }
+    if (typeof mipmap === "number") {
+      textureOptions.mipmap = import_constants.mipmapMap[mipmap];
+    } else if (typeof mipmap === "boolean") {
+      textureOptions.mipmap = mipmap;
+    }
+    this.texture = reGl.texture(textureOptions);
+  }
+  get() {
+    return this.texture;
+  }
+  update(props = {}) {
+    this.texture(props);
+  }
+  bind() {
+    this.texture._texture.bind();
+  }
+  resize({ width, height }) {
+    this.texture.resize(width, height);
+    this.width = width;
+    this.height = height;
+  }
+  getSize() {
+    return [this.width, this.height];
+  }
+  destroy() {
+    var _a;
+    if (!this.isDestroy) {
+      (_a = this.texture) == null ? void 0 : _a.destroy();
+    }
+    this.isDestroy = true;
+  }
+};