@antv/l7-renderer 2.21.0 → 2.21.2

package/es/regl/ReglRenderbuffer.js

@@ -1,41 +1,24 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+// src/regl/ReglRenderbuffer.ts
 import { formatMap } from "./constants";
-
-/**
- * adaptor for regl.Renderbuffer
- * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#renderbuffers
- */
-var ReglRenderbuffer = /*#__PURE__*/function () {
-  function ReglRenderbuffer(reGl, options) {
-    _classCallCheck(this, ReglRenderbuffer);
-    var width = options.width,
-      height = options.height,
-      format = options.format;
+var ReglRenderbuffer = class {
+  constructor(reGl, options) {
+    const { width, height, format } = options;
     this.renderbuffer = reGl.renderbuffer({
-      width: width,
-      height: height,
+      width,
+      height,
       format: formatMap[format]
     });
   }
-  _createClass(ReglRenderbuffer, [{
-    key: "get",
-    value: function get() {
-      return this.renderbuffer;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.renderbuffer.destroy();
-    }
-  }, {
-    key: "resize",
-    value: function resize(_ref) {
-      var width = _ref.width,
-        height = _ref.height;
-      this.renderbuffer.resize(width, height);
-    }
-  }]);
-  return ReglRenderbuffer;
-}();
-export { ReglRenderbuffer as default };
+  get() {
+    return this.renderbuffer;
+  }
+  destroy() {
+    this.renderbuffer.destroy();
+  }
+  resize({ width, height }) {
+    this.renderbuffer.resize(width, height);
+  }
+};
+export {
+  ReglRenderbuffer as default
+};

package/es/regl/ReglTexture2D.js

@@ -1,55 +1,41 @@
-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 { gl } from '@antv/l7-core';
-import { colorSpaceMap, dataTypeMap, filterMap, formatMap, mipmapMap, wrapModeMap } from "./constants";
-
-/**
- * adaptor for regl.Buffer
- * @see https://github.com/regl-project/regl/blob/gh-pages/API.md#buffers
- */
-var ReglTexture2D = /*#__PURE__*/function () {
-  function ReglTexture2D(reGl, options) {
-    _classCallCheck(this, ReglTexture2D);
-    _defineProperty(this, "isDestroy", false);
-    var data = options.data,
-      _options$type = options.type,
-      type = _options$type === void 0 ? gl.UNSIGNED_BYTE : _options$type,
-      width = options.width,
-      height = options.height,
-      _options$flipY = options.flipY,
-      flipY = _options$flipY === void 0 ? false : _options$flipY,
-      _options$format = options.format,
-      format = _options$format === void 0 ? gl.RGBA : _options$format,
-      _options$mipmap = options.mipmap,
-      mipmap = _options$mipmap === void 0 ? false : _options$mipmap,
-      _options$wrapS = options.wrapS,
-      wrapS = _options$wrapS === void 0 ? gl.CLAMP_TO_EDGE : _options$wrapS,
-      _options$wrapT = options.wrapT,
-      wrapT = _options$wrapT === void 0 ? gl.CLAMP_TO_EDGE : _options$wrapT,
-      _options$aniso = options.aniso,
-      aniso = _options$aniso === void 0 ? 0 : _options$aniso,
-      _options$alignment = options.alignment,
-      alignment = _options$alignment === void 0 ? 1 : _options$alignment,
-      _options$premultiplyA = options.premultiplyAlpha,
-      premultiplyAlpha = _options$premultiplyA === void 0 ? false : _options$premultiplyA,
-      _options$mag = options.mag,
-      mag = _options$mag === void 0 ? gl.NEAREST : _options$mag,
-      _options$min = options.min,
-      min = _options$min === void 0 ? gl.NEAREST : _options$min,
-      _options$colorSpace = options.colorSpace,
-      colorSpace = _options$colorSpace === void 0 ? gl.BROWSER_DEFAULT_WEBGL : _options$colorSpace,
-      _options$x = options.x,
-      x = _options$x === void 0 ? 0 : _options$x,
-      _options$y = options.y,
-      y = _options$y === void 0 ? 0 : _options$y,
-      _options$copy = options.copy,
-      copy = _options$copy === void 0 ? false : _options$copy;
+// src/regl/ReglTexture2D.ts
+import { gl } from "@antv/l7-core";
+import {
+  colorSpaceMap,
+  dataTypeMap,
+  filterMap,
+  formatMap,
+  mipmapMap,
+  wrapModeMap
+} from "./constants";
+var ReglTexture2D = class {
+  constructor(reGl, options) {
+    this.isDestroy = false;
+    const {
+      data,
+      type = gl.UNSIGNED_BYTE,
+      width,
+      height,
+      flipY = false,
+      format = gl.RGBA,
+      mipmap = false,
+      wrapS = gl.CLAMP_TO_EDGE,
+      wrapT = gl.CLAMP_TO_EDGE,
+      aniso = 0,
+      alignment = 1,
+      premultiplyAlpha = false,
+      mag = gl.NEAREST,
+      min = gl.NEAREST,
+      colorSpace = gl.BROWSER_DEFAULT_WEBGL,
+      x = 0,
+      y = 0,
+      copy = false
+    } = options;
     this.width = width;
     this.height = height;
-    var textureOptions = {
-      width: width,
-      height: height,
+    const textureOptions = {
+      width,
+      height,
       // @ts-ignore
       type: dataTypeMap[type],
       format: formatMap[format],
@@ -58,68 +44,51 @@ var ReglTexture2D = /*#__PURE__*/function () {
       // @ts-ignore
       mag: filterMap[mag],
       min: filterMap[min],
-      alignment: alignment,
-      flipY: flipY,
+      alignment,
+      flipY,
       colorSpace: colorSpaceMap[colorSpace],
-      premultiplyAlpha: premultiplyAlpha,
-      aniso: aniso,
+      premultiplyAlpha,
+      aniso,
       // copy pixels from current bind framebuffer
-      x: x,
-      y: y,
-      copy: copy
+      x,
+      y,
+      copy
     };
     if (data) {
-      // @ts-ignore
       textureOptions.data = data;
     }
-    if (typeof mipmap === 'number') {
+    if (typeof mipmap === "number") {
       textureOptions.mipmap = mipmapMap[mipmap];
-    } else if (typeof mipmap === 'boolean') {
+    } else if (typeof mipmap === "boolean") {
       textureOptions.mipmap = mipmap;
     }
     this.texture = reGl.texture(textureOptions);
   }
-  _createClass(ReglTexture2D, [{
-    key: "get",
-    value: function get() {
-      return this.texture;
-    }
-  }, {
-    key: "update",
-    value: function update() {
-      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      this.texture(props);
-    }
-  }, {
-    key: "bind",
-    value: function bind() {
-      // @ts-ignore
-      this.texture._texture.bind();
-    }
-  }, {
-    key: "resize",
-    value: function resize(_ref) {
-      var width = _ref.width,
-        height = _ref.height;
-      this.texture.resize(width, height);
-      this.width = width;
-      this.height = height;
-    }
-  }, {
-    key: "getSize",
-    value: function getSize() {
-      return [this.width, this.height];
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (!this.isDestroy) {
-        var _this$texture;
-        (_this$texture = this.texture) === null || _this$texture === void 0 || _this$texture.destroy();
-      }
-      this.isDestroy = true;
+  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();
     }
-  }]);
-  return ReglTexture2D;
-}();
-export { ReglTexture2D as default };
+    this.isDestroy = true;
+  }
+};
+export {
+  ReglTexture2D as default
+};

package/es/regl/constants.js

@@ -1,21 +1,133 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _primitiveMap, _usageMap, _dataTypeMap, _formatMap, _mipmapMap, _filterMap, _wrapModeMap, _colorSpaceMap, _depthFuncMap, _blendEquationMap, _blendFuncMap, _stencilFuncMap, _stencilOpMap, _cullFaceMap;
-/**
- * @desc 由于 regl 使用大量字符串而非 WebGL 常量，因此需要映射
- */
-import { gl } from '@antv/l7-core';
-// @see https://github.com/regl-project/regl/blob/gh-pages/lib/constants/primitives.json
-export var primitiveMap = (_primitiveMap = {}, _defineProperty(_primitiveMap, gl.POINTS, 'points'), _defineProperty(_primitiveMap, gl.LINES, 'lines'), _defineProperty(_primitiveMap, gl.LINE_LOOP, 'line loop'), _defineProperty(_primitiveMap, gl.LINE_STRIP, 'line strip'), _defineProperty(_primitiveMap, gl.TRIANGLES, 'triangles'), _defineProperty(_primitiveMap, gl.TRIANGLE_FAN, 'triangle fan'), _defineProperty(_primitiveMap, gl.TRIANGLE_STRIP, 'triangle strip'), _primitiveMap);
-export var usageMap = (_usageMap = {}, _defineProperty(_usageMap, gl.STATIC_DRAW, 'static'), _defineProperty(_usageMap, gl.DYNAMIC_DRAW, 'dynamic'), _defineProperty(_usageMap, gl.STREAM_DRAW, 'stream'), _usageMap);
-export var dataTypeMap = (_dataTypeMap = {}, _defineProperty(_dataTypeMap, gl.BYTE, 'int8'), _defineProperty(_dataTypeMap, gl.INT, 'int32'), _defineProperty(_dataTypeMap, gl.UNSIGNED_BYTE, 'uint8'), _defineProperty(_dataTypeMap, gl.UNSIGNED_SHORT, 'uint16'), _defineProperty(_dataTypeMap, gl.UNSIGNED_INT, 'uint32'), _defineProperty(_dataTypeMap, gl.FLOAT, 'float'), _dataTypeMap);
-export var formatMap = (_formatMap = {}, _defineProperty(_formatMap, gl.ALPHA, 'alpha'), _defineProperty(_formatMap, gl.LUMINANCE, 'luminance'), _defineProperty(_formatMap, gl.LUMINANCE_ALPHA, 'luminance alpha'), _defineProperty(_formatMap, gl.RGB, 'rgb'), _defineProperty(_formatMap, gl.RGBA, 'rgba'), _defineProperty(_formatMap, gl.RGBA4, 'rgba4'), _defineProperty(_formatMap, gl.RGB5_A1, 'rgb5 a1'), _defineProperty(_formatMap, gl.RGB565, 'rgb565'), _defineProperty(_formatMap, gl.DEPTH_COMPONENT, 'depth'), _defineProperty(_formatMap, gl.DEPTH_STENCIL, 'depth stencil'), _formatMap);
-export var mipmapMap = (_mipmapMap = {}, _defineProperty(_mipmapMap, gl.DONT_CARE, 'dont care'), _defineProperty(_mipmapMap, gl.NICEST, 'nice'), _defineProperty(_mipmapMap, gl.FASTEST, 'fast'), _mipmapMap);
-export var filterMap = (_filterMap = {}, _defineProperty(_filterMap, gl.NEAREST, 'nearest'), _defineProperty(_filterMap, gl.LINEAR, 'linear'), _defineProperty(_filterMap, gl.LINEAR_MIPMAP_LINEAR, 'mipmap'), _defineProperty(_filterMap, gl.NEAREST_MIPMAP_LINEAR, 'nearest mipmap linear'), _defineProperty(_filterMap, gl.LINEAR_MIPMAP_NEAREST, 'linear mipmap nearest'), _defineProperty(_filterMap, gl.NEAREST_MIPMAP_NEAREST, 'nearest mipmap nearest'), _filterMap);
-export var wrapModeMap = (_wrapModeMap = {}, _defineProperty(_wrapModeMap, gl.REPEAT, 'repeat'), _defineProperty(_wrapModeMap, gl.CLAMP_TO_EDGE, 'clamp'), _defineProperty(_wrapModeMap, gl.MIRRORED_REPEAT, 'mirror'), _wrapModeMap);
-export var colorSpaceMap = (_colorSpaceMap = {}, _defineProperty(_colorSpaceMap, gl.NONE, 'none'), _defineProperty(_colorSpaceMap, gl.BROWSER_DEFAULT_WEBGL, 'browser'), _colorSpaceMap);
-export var depthFuncMap = (_depthFuncMap = {}, _defineProperty(_depthFuncMap, gl.NEVER, 'never'), _defineProperty(_depthFuncMap, gl.ALWAYS, 'always'), _defineProperty(_depthFuncMap, gl.LESS, 'less'), _defineProperty(_depthFuncMap, gl.LEQUAL, 'lequal'), _defineProperty(_depthFuncMap, gl.GREATER, 'greater'), _defineProperty(_depthFuncMap, gl.GEQUAL, 'gequal'), _defineProperty(_depthFuncMap, gl.EQUAL, 'equal'), _defineProperty(_depthFuncMap, gl.NOTEQUAL, 'notequal'), _depthFuncMap);
-export var blendEquationMap = (_blendEquationMap = {}, _defineProperty(_blendEquationMap, gl.FUNC_ADD, 'add'), _defineProperty(_blendEquationMap, gl.MIN_EXT, 'min'), _defineProperty(_blendEquationMap, gl.MAX_EXT, 'max'), _defineProperty(_blendEquationMap, gl.FUNC_SUBTRACT, 'subtract'), _defineProperty(_blendEquationMap, gl.FUNC_REVERSE_SUBTRACT, 'reverse subtract'), _blendEquationMap);
-export var blendFuncMap = (_blendFuncMap = {}, _defineProperty(_blendFuncMap, gl.ZERO, 'zero'), _defineProperty(_blendFuncMap, gl.ONE, 'one'), _defineProperty(_blendFuncMap, gl.SRC_COLOR, 'src color'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_SRC_COLOR, 'one minus src color'), _defineProperty(_blendFuncMap, gl.SRC_ALPHA, 'src alpha'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_SRC_ALPHA, 'one minus src alpha'), _defineProperty(_blendFuncMap, gl.DST_COLOR, 'dst color'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_DST_COLOR, 'one minus dst color'), _defineProperty(_blendFuncMap, gl.DST_ALPHA, 'dst alpha'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_DST_ALPHA, 'one minus dst alpha'), _defineProperty(_blendFuncMap, gl.CONSTANT_COLOR, 'constant color'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_CONSTANT_COLOR, 'one minus constant color'), _defineProperty(_blendFuncMap, gl.CONSTANT_ALPHA, 'constant alpha'), _defineProperty(_blendFuncMap, gl.ONE_MINUS_CONSTANT_ALPHA, 'one minus constant alpha'), _defineProperty(_blendFuncMap, gl.SRC_ALPHA_SATURATE, 'src alpha saturate'), _blendFuncMap);
-export var stencilFuncMap = (_stencilFuncMap = {}, _defineProperty(_stencilFuncMap, gl.NEVER, 'never'), _defineProperty(_stencilFuncMap, gl.ALWAYS, 'always'), _defineProperty(_stencilFuncMap, gl.LESS, 'less'), _defineProperty(_stencilFuncMap, gl.LEQUAL, 'lequal'), _defineProperty(_stencilFuncMap, gl.GREATER, 'greater'), _defineProperty(_stencilFuncMap, gl.GEQUAL, 'gequal'), _defineProperty(_stencilFuncMap, gl.EQUAL, 'equal'), _defineProperty(_stencilFuncMap, gl.NOTEQUAL, 'notequal'), _stencilFuncMap);
-export var stencilOpMap = (_stencilOpMap = {}, _defineProperty(_stencilOpMap, gl.ZERO, 'zero'), _defineProperty(_stencilOpMap, gl.KEEP, 'keep'), _defineProperty(_stencilOpMap, gl.REPLACE, 'replace'), _defineProperty(_stencilOpMap, gl.INVERT, 'invert'), _defineProperty(_stencilOpMap, gl.INCR, 'increment'), _defineProperty(_stencilOpMap, gl.DECR, 'decrement'), _defineProperty(_stencilOpMap, gl.INCR_WRAP, 'increment wrap'), _defineProperty(_stencilOpMap, gl.DECR_WRAP, 'decrement wrap'), _stencilOpMap);
-export var cullFaceMap = (_cullFaceMap = {}, _defineProperty(_cullFaceMap, gl.FRONT, 'front'), _defineProperty(_cullFaceMap, gl.BACK, 'back'), _cullFaceMap);
+// src/regl/constants.ts
+import { gl } from "@antv/l7-core";
+var primitiveMap = {
+  [gl.POINTS]: "points",
+  [gl.LINES]: "lines",
+  [gl.LINE_LOOP]: "line loop",
+  [gl.LINE_STRIP]: "line strip",
+  [gl.TRIANGLES]: "triangles",
+  [gl.TRIANGLE_FAN]: "triangle fan",
+  [gl.TRIANGLE_STRIP]: "triangle strip"
+};
+var usageMap = {
+  [gl.STATIC_DRAW]: "static",
+  [gl.DYNAMIC_DRAW]: "dynamic",
+  [gl.STREAM_DRAW]: "stream"
+};
+var dataTypeMap = {
+  [gl.BYTE]: "int8",
+  // [gl.UNSIGNED_INT]: 'int16',
+  [gl.INT]: "int32",
+  [gl.UNSIGNED_BYTE]: "uint8",
+  [gl.UNSIGNED_SHORT]: "uint16",
+  [gl.UNSIGNED_INT]: "uint32",
+  [gl.FLOAT]: "float"
+};
+var formatMap = {
+  [gl.ALPHA]: "alpha",
+  [gl.LUMINANCE]: "luminance",
+  [gl.LUMINANCE_ALPHA]: "luminance alpha",
+  [gl.RGB]: "rgb",
+  [gl.RGBA]: "rgba",
+  [gl.RGBA4]: "rgba4",
+  [gl.RGB5_A1]: "rgb5 a1",
+  [gl.RGB565]: "rgb565",
+  [gl.DEPTH_COMPONENT]: "depth",
+  [gl.DEPTH_STENCIL]: "depth stencil"
+};
+var mipmapMap = {
+  [gl.DONT_CARE]: "dont care",
+  [gl.NICEST]: "nice",
+  [gl.FASTEST]: "fast"
+};
+var filterMap = {
+  [gl.NEAREST]: "nearest",
+  [gl.LINEAR]: "linear",
+  [gl.LINEAR_MIPMAP_LINEAR]: "mipmap",
+  [gl.NEAREST_MIPMAP_LINEAR]: "nearest mipmap linear",
+  [gl.LINEAR_MIPMAP_NEAREST]: "linear mipmap nearest",
+  [gl.NEAREST_MIPMAP_NEAREST]: "nearest mipmap nearest"
+};
+var wrapModeMap = {
+  [gl.REPEAT]: "repeat",
+  [gl.CLAMP_TO_EDGE]: "clamp",
+  [gl.MIRRORED_REPEAT]: "mirror"
+};
+var colorSpaceMap = {
+  [gl.NONE]: "none",
+  [gl.BROWSER_DEFAULT_WEBGL]: "browser"
+};
+var depthFuncMap = {
+  [gl.NEVER]: "never",
+  [gl.ALWAYS]: "always",
+  [gl.LESS]: "less",
+  [gl.LEQUAL]: "lequal",
+  [gl.GREATER]: "greater",
+  [gl.GEQUAL]: "gequal",
+  [gl.EQUAL]: "equal",
+  [gl.NOTEQUAL]: "notequal"
+};
+var blendEquationMap = {
+  [gl.FUNC_ADD]: "add",
+  [gl.MIN_EXT]: "min",
+  [gl.MAX_EXT]: "max",
+  [gl.FUNC_SUBTRACT]: "subtract",
+  [gl.FUNC_REVERSE_SUBTRACT]: "reverse subtract"
+};
+var blendFuncMap = {
+  [gl.ZERO]: "zero",
+  [gl.ONE]: "one",
+  [gl.SRC_COLOR]: "src color",
+  [gl.ONE_MINUS_SRC_COLOR]: "one minus src color",
+  [gl.SRC_ALPHA]: "src alpha",
+  [gl.ONE_MINUS_SRC_ALPHA]: "one minus src alpha",
+  [gl.DST_COLOR]: "dst color",
+  [gl.ONE_MINUS_DST_COLOR]: "one minus dst color",
+  [gl.DST_ALPHA]: "dst alpha",
+  [gl.ONE_MINUS_DST_ALPHA]: "one minus dst alpha",
+  [gl.CONSTANT_COLOR]: "constant color",
+  [gl.ONE_MINUS_CONSTANT_COLOR]: "one minus constant color",
+  [gl.CONSTANT_ALPHA]: "constant alpha",
+  [gl.ONE_MINUS_CONSTANT_ALPHA]: "one minus constant alpha",
+  [gl.SRC_ALPHA_SATURATE]: "src alpha saturate"
+};
+var stencilFuncMap = {
+  [gl.NEVER]: "never",
+  [gl.ALWAYS]: "always",
+  [gl.LESS]: "less",
+  [gl.LEQUAL]: "lequal",
+  [gl.GREATER]: "greater",
+  [gl.GEQUAL]: "gequal",
+  [gl.EQUAL]: "equal",
+  [gl.NOTEQUAL]: "notequal"
+};
+var stencilOpMap = {
+  [gl.ZERO]: "zero",
+  [gl.KEEP]: "keep",
+  [gl.REPLACE]: "replace",
+  [gl.INVERT]: "invert",
+  [gl.INCR]: "increment",
+  [gl.DECR]: "decrement",
+  [gl.INCR_WRAP]: "increment wrap",
+  [gl.DECR_WRAP]: "decrement wrap"
+};
+var cullFaceMap = {
+  [gl.FRONT]: "front",
+  [gl.BACK]: "back"
+};
+export {
+  blendEquationMap,
+  blendFuncMap,
+  colorSpaceMap,
+  cullFaceMap,
+  dataTypeMap,
+  depthFuncMap,
+  filterMap,
+  formatMap,
+  mipmapMap,
+  primitiveMap,
+  stencilFuncMap,
+  stencilOpMap,
+  usageMap,
+  wrapModeMap
+};