@antv/l7-layers 2.25.7 → 2.25.9

package/lib/utils/extrude_polyline.js

@@ -0,0 +1,331 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeMiter = computeMiter;
+exports.computeNormal = computeNormal;
+exports.default = void 0;
+exports.direction = direction;
+exports.getArrayUnique = getArrayUnique;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Utils = require("@antv/l7-utils");
+var _glMatrix = require("gl-matrix");
+const tmp = _glMatrix.vec2.create();
+const capEnd = _glMatrix.vec2.create();
+const lineA = _glMatrix.vec2.create();
+const lineB = _glMatrix.vec2.create();
+const tangent = _glMatrix.vec2.create();
+function computeMiter(lineTangent, miter, start, end, halfThick) {
+  _glMatrix.vec2.add(lineTangent, start, end);
+  _glMatrix.vec2.normalize(lineTangent, lineTangent);
+  miter = _glMatrix.vec2.fromValues(-lineTangent[1], lineTangent[0]);
+  const tmpvec = _glMatrix.vec2.fromValues(-start[1], start[0]);
+  return [halfThick / _glMatrix.vec2.dot(miter, tmpvec), miter];
+}
+function computeNormal(out, dir) {
+  return _glMatrix.vec2.set(out, -dir[1], dir[0]);
+}
+function direction(out, a, b) {
+  _glMatrix.vec2.sub(out, a, b);
+  _glMatrix.vec2.normalize(out, out);
+  return out;
+}
+function isPointEqual(a, b) {
+  return a[0] === b[0] && a[1] === b[1];
+}
+function getArrayUnique(matrix) {
+  const map = new Map();
+  for (let i = 0; i < matrix.length; i++) {
+    const key = matrix[0].toString() + '-' + matrix[1].toString();
+    if (map.get(key)) {
+      matrix.splice(i, 1);
+      i++;
+    } else {
+      map.set(key, key);
+    }
+  }
+  return matrix;
+}
+class ExtrudePolyline {
+  constructor(opts = {}) {
+    (0, _defineProperty2.default)(this, "complex", void 0);
+    (0, _defineProperty2.default)(this, "join", void 0);
+    (0, _defineProperty2.default)(this, "cap", void 0);
+    (0, _defineProperty2.default)(this, "miterLimit", void 0);
+    (0, _defineProperty2.default)(this, "thickness", void 0);
+    (0, _defineProperty2.default)(this, "normal", void 0);
+    (0, _defineProperty2.default)(this, "lastFlip", -1);
+    (0, _defineProperty2.default)(this, "miter", _glMatrix.vec2.fromValues(0, 0));
+    (0, _defineProperty2.default)(this, "started", false);
+    (0, _defineProperty2.default)(this, "dash", false);
+    (0, _defineProperty2.default)(this, "totalDistance", 0);
+    (0, _defineProperty2.default)(this, "currentIndex", 0);
+    this.join = opts.join || 'miter';
+    this.cap = opts.cap || 'butt';
+    this.miterLimit = opts.miterLimit || 10;
+    this.thickness = opts.thickness || 1;
+    this.dash = opts.dash || false;
+    this.complex = {
+      positions: [],
+      indices: [],
+      normals: [],
+      startIndex: 0,
+      indexes: []
+    };
+  }
+  simpleExtrude(points) {
+    const complex = this.complex;
+    if (points.length <= 1) {
+      return complex;
+    }
+    this.lastFlip = -1;
+    this.started = false;
+    this.normal = null;
+    this.totalDistance = 0;
+    const total = points.length;
+    let count = complex.startIndex;
+    for (let i = 1; i < total; i++) {
+      const last = points[i - 1];
+      const cur = points[i];
+      const next = i < points.length - 1 ? points[i + 1] : null;
+      const amt = this.simpleSegment(complex, count, last, cur, next);
+      count += amt;
+    }
+    if (this.dash) {
+      for (let i = 0; i < complex.positions.length / 6; i++) {
+        complex.positions[i * 6 + 5] = this.totalDistance;
+      }
+    }
+    complex.startIndex = complex.positions.length / 6;
+    return complex;
+  }
+  extrude(points) {
+    const complex = this.complex;
+    if (points.length <= 1) {
+      return complex;
+    }
+    this.lastFlip = -1;
+    this.started = false;
+    this.normal = null;
+    this.totalDistance = 0;
+    // 去除数组里重复的点
+    // points = getArrayUnique(points);
+    const total = points.length;
+    let count = complex.startIndex;
+    for (let i = 1; i < total; i++) {
+      const last = points[i - 1];
+      const cur = points[i];
+      const next = i < points.length - 1 ? points[i + 1] : null;
+      const amt = this.segment(complex, count, last, cur, next);
+      count += amt;
+    }
+    if (this.dash) {
+      for (let i = 0; i < complex.positions.length / 6; i++) {
+        complex.positions[i * 6 + 5] = this.totalDistance;
+      }
+    }
+    complex.startIndex = complex.positions.length / 6;
+    return complex;
+  }
+  simpleSegment(complex, index, last, cur, next) {
+    let count = 0;
+    const indices = complex.indices;
+    const positions = complex.positions;
+    const normals = complex.normals;
+    const flatCur = (0, _l7Utils.aProjectFlat)([cur[0], cur[1]]);
+    const flatLast = (0, _l7Utils.aProjectFlat)([last[0], last[1]]);
+    // @ts-ignore
+    direction(lineA, flatCur, flatLast);
+    let segmentDistance = 0;
+    if (this.dash) {
+      // @ts-ignore
+      segmentDistance = this.lineSegmentDistance(flatCur, flatLast);
+      this.totalDistance += segmentDistance;
+    }
+    if (!this.normal) {
+      this.normal = _glMatrix.vec2.create();
+      computeNormal(this.normal, lineA);
+    }
+    if (!this.started) {
+      this.started = true;
+      this.extrusions(positions, normals, last, this.normal, this.thickness, this.totalDistance - segmentDistance);
+    }
+    indices.push(index + 0, index + 1, index + 2);
+    if (!next) {
+      computeNormal(this.normal, lineA);
+      this.extrusions(positions, normals, cur, this.normal, this.thickness, this.totalDistance);
+      indices.push(...(this.lastFlip === 1 ? [index, index + 2, index + 3] : [index + 2, index + 1, index + 3]));
+      count += 2;
+    } else {
+      const flatNext = (0, _l7Utils.aProjectFlat)([next[0], next[1]]);
+      if (isPointEqual(flatCur, flatNext)) {
+        _glMatrix.vec2.add(flatNext, flatCur, _glMatrix.vec2.normalize(flatNext, _glMatrix.vec2.subtract(flatNext, flatCur, flatLast)));
+      }
+      direction(lineB, flatNext, flatCur);
+
+      // stores tangent & miter
+
+      const [miterLen, miter] = computeMiter(tangent, _glMatrix.vec2.create(), lineA, lineB, this.thickness);
+      // normal(tmp, lineA)
+
+      // get orientation
+      let flip = _glMatrix.vec2.dot(tangent, this.normal) < 0 ? -1 : 1;
+      this.extrusions(positions, normals, cur, miter, miterLen, this.totalDistance);
+      indices.push(...(this.lastFlip === 1 ? [index, index + 2, index + 3] : [index + 2, index + 1, index + 3]));
+      flip = -1;
+
+      // the miter is now the normal for our next join
+      _glMatrix.vec2.copy(this.normal, miter);
+      count += 2;
+      this.lastFlip = flip;
+    }
+    return count;
+  }
+  segment(complex, index, last, cur, next) {
+    let count = 0;
+    const indices = complex.indices;
+    const positions = complex.positions;
+    const normals = complex.normals;
+    const capSquare = this.cap === 'square';
+    const joinBevel = this.join === 'bevel';
+    const flatCur = (0, _l7Utils.aProjectFlat)([cur[0], cur[1]]);
+    const flatLast = (0, _l7Utils.aProjectFlat)([last[0], last[1]]);
+    // @ts-ignore
+    direction(lineA, flatCur, flatLast);
+    let segmentDistance = 0;
+    if (this.dash) {
+      // @ts-ignore
+      segmentDistance = this.lineSegmentDistance(flatCur, flatLast);
+      this.totalDistance += segmentDistance;
+    }
+    if (!this.normal) {
+      this.normal = _glMatrix.vec2.create();
+      computeNormal(this.normal, lineA);
+    }
+    if (!this.started) {
+      this.started = true;
+
+      // if the end cap is type square, we can just push the verts out a bit
+      if (capSquare) {
+        // vec2.scaleAndAdd(capEnd, last, lineA, -this.thickness);
+        const out1 = _glMatrix.vec2.create();
+        const out2 = _glMatrix.vec2.create();
+        _glMatrix.vec2.add(out1, this.normal, lineA);
+        _glMatrix.vec2.add(out2, this.normal, lineA);
+        normals.push(out2[0], out2[1], 0);
+        normals.push(out1[0], out1[1], 0);
+        positions.push(last[0], last[1], last[2] | 0, this.totalDistance - segmentDistance, -this.thickness, last[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        positions.push(last[0], last[1], last[2] | 0, this.totalDistance - segmentDistance, this.thickness, last[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        this.currentIndex++;
+        // this.extrusions(positions, normals, last, out, this.thickness);
+        // last = capEnd;
+      } else {
+        this.extrusions(positions, normals, last, this.normal, this.thickness, this.totalDistance - segmentDistance);
+      }
+    }
+    indices.push(index + 0, index + 1, index + 2);
+    if (!next) {
+      computeNormal(this.normal, lineA);
+      if (capSquare) {
+        // vec2.scaleAndAdd(capEnd, cur, lineA, this.thickness);
+        // cur = capEnd;
+        const out1 = _glMatrix.vec2.create();
+        const out2 = _glMatrix.vec2.create();
+        _glMatrix.vec2.sub(out2, lineA, this.normal);
+        _glMatrix.vec2.add(out1, lineA, this.normal);
+        // this.extrusions(positions, normals, cur, out, this.thickness);
+        normals.push(out2[0], out2[1], 0);
+        normals.push(out1[0], out1[1], 0);
+        positions.push(cur[0], cur[1], cur[2] | 0, this.totalDistance, this.thickness, cur[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        positions.push(cur[0], cur[1], cur[2] | 0, this.totalDistance, this.thickness, cur[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        this.currentIndex++;
+      } else {
+        this.extrusions(positions, normals, cur, this.normal, this.thickness, this.totalDistance);
+      }
+
+      // this.extrusions(positions, normals, cur, this.normal, this.thickness);
+      indices.push(...(this.lastFlip === 1 ? [index, index + 2, index + 3] : [index + 2, index + 1, index + 3]));
+      count += 2;
+    } else {
+      const flatNext = (0, _l7Utils.aProjectFlat)([next[0], next[1]]);
+      if (isPointEqual(flatCur, flatNext)) {
+        _glMatrix.vec2.add(flatNext, flatCur, _glMatrix.vec2.normalize(flatNext, _glMatrix.vec2.subtract(flatNext, flatCur, flatLast)));
+      }
+      direction(lineB, flatNext, flatCur);
+
+      // stores tangent & miter
+
+      const [miterLen, miter] = computeMiter(tangent, _glMatrix.vec2.create(), lineA, lineB, this.thickness);
+      // normal(tmp, lineA)
+
+      // get orientation
+      let flip = _glMatrix.vec2.dot(tangent, this.normal) < 0 ? -1 : 1;
+      let bevel = joinBevel;
+      if (!bevel && this.join === 'miter') {
+        const limit = miterLen;
+        if (limit > this.miterLimit) {
+          bevel = true;
+        }
+      }
+      if (bevel) {
+        normals.push(this.normal[0], this.normal[1], 0);
+        normals.push(miter[0], miter[1], 0);
+        positions.push(cur[0], cur[1], cur[2] | 0, this.totalDistance, -this.thickness * flip, cur[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        positions.push(cur[0], cur[1], cur[2] | 0, this.totalDistance, this.thickness * flip, cur[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        this.currentIndex++;
+        indices.push(...(this.lastFlip !== -flip ? [index, index + 2, index + 3] : [index + 2, index + 1, index + 3]));
+
+        // now add the bevel triangle
+        indices.push(index + 2, index + 3, index + 4);
+        computeNormal(tmp, lineB);
+        _glMatrix.vec2.copy(this.normal, tmp); // store normal for next round
+        normals.push(this.normal[0], this.normal[1], 0);
+        positions.push(cur[0], cur[1], cur[2] | 0, this.totalDistance, -this.thickness * flip, cur[2] | 0);
+        this.complex.indexes.push(this.currentIndex);
+        this.currentIndex++;
+        count += 3;
+      } else {
+        this.extrusions(positions, normals, cur, miter, miterLen, this.totalDistance);
+        indices.push(...(this.lastFlip === 1 ? [index, index + 2, index + 3] : [index + 2, index + 1, index + 3]));
+        flip = -1;
+
+        // the miter is now the normal for our next join
+        _glMatrix.vec2.copy(this.normal, miter);
+        count += 2;
+      }
+      this.lastFlip = flip;
+    }
+    return count;
+  }
+  extrusions(positions, normals, point,
+  // 顶点
+  normal,
+  // 法向量
+  thickness,
+  // 高度
+  distanceRadio) {
+    normals.push(normal[0], normal[1], 0);
+    normals.push(normal[0], normal[1], 0);
+    // 修复：正确处理 z 坐标，当 point[2] 不存在时使用 0，但保留传入的高度值
+    const z = point[2] !== undefined ? point[2] : 0;
+    positions.push(point[0], point[1], z, distanceRadio, -thickness, z);
+    this.complex.indexes.push(this.currentIndex);
+    positions.push(point[0], point[1], z, distanceRadio, thickness, z);
+    this.complex.indexes.push(this.currentIndex);
+    this.currentIndex++;
+  }
+  lineSegmentDistance(b1, a1) {
+    const dx = a1[0] - b1[0];
+    const dy = a1[1] - b1[1];
+    return Math.sqrt(dx * dx + dy * dy);
+  }
+}
+exports.default = ExtrudePolyline;

package/lib/utils/grid-index.d.ts

@@ -0,0 +1,28 @@
+type CallBack = (...args: any[]) => any;
+/**
+ * 网格索引，相比 @mapbox/grid-index，在简单计算碰撞检测结果时效率更高
+ * @see https://zhuanlan.zhihu.com/p/74373214
+ */
+declare class GridIndex {
+    private boxCells;
+    private xCellCount;
+    private yCellCount;
+    private boxKeys;
+    private bboxes;
+    private width;
+    private height;
+    private xScale;
+    private yScale;
+    private boxUid;
+    constructor(width: number, height: number, cellSize: number);
+    insert(key: any, x1: number, y1: number, x2: number, y2: number): void;
+    query(x1: number, y1: number, x2: number, y2: number, predicate?: CallBack): boolean | any[];
+    hitTest(x1: number, y1: number, x2: number, y2: number, predicate?: CallBack): boolean | any[];
+    private insertBoxCell;
+    private queryHitTest;
+    private queryCell;
+    private forEachCell;
+    private convertToXCellCoord;
+    private convertToYCellCoord;
+}
+export default GridIndex;

package/lib/utils/grid-index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+/**
+ * 网格索引，相比 @mapbox/grid-index，在简单计算碰撞检测结果时效率更高
+ * @see https://zhuanlan.zhihu.com/p/74373214
+ */
+class GridIndex {
+  constructor(width, height, cellSize) {
+    (0, _defineProperty2.default)(this, "boxCells", []);
+    (0, _defineProperty2.default)(this, "xCellCount", void 0);
+    (0, _defineProperty2.default)(this, "yCellCount", void 0);
+    (0, _defineProperty2.default)(this, "boxKeys", void 0);
+    (0, _defineProperty2.default)(this, "bboxes", void 0);
+    (0, _defineProperty2.default)(this, "width", void 0);
+    (0, _defineProperty2.default)(this, "height", void 0);
+    (0, _defineProperty2.default)(this, "xScale", void 0);
+    (0, _defineProperty2.default)(this, "yScale", void 0);
+    (0, _defineProperty2.default)(this, "boxUid", void 0);
+    const boxCells = this.boxCells;
+    this.xCellCount = Math.ceil(width / cellSize);
+    this.yCellCount = Math.ceil(height / cellSize);
+    for (let i = 0; i < this.xCellCount * this.yCellCount; i++) {
+      boxCells.push([]);
+    }
+    this.boxKeys = [];
+    this.bboxes = [];
+    this.width = width;
+    this.height = height;
+    this.xScale = this.xCellCount / width;
+    this.yScale = this.yCellCount / height;
+    this.boxUid = 0;
+  }
+  insert(key, x1, y1, x2, y2) {
+    this.forEachCell(x1, y1, x2, y2, this.insertBoxCell, this.boxUid++);
+    this.boxKeys.push(key);
+    this.bboxes.push(x1);
+    this.bboxes.push(y1);
+    this.bboxes.push(x2);
+    this.bboxes.push(y2);
+  }
+  query(x1, y1, x2, y2, predicate) {
+    return this.queryHitTest(x1, y1, x2, y2, false, predicate);
+  }
+  hitTest(x1, y1, x2, y2, predicate) {
+    return this.queryHitTest(x1, y1, x2, y2, true, predicate);
+  }
+  insertBoxCell(x1, y1, x2, y2, cellIndex, uid) {
+    this.boxCells[cellIndex].push(uid);
+  }
+  queryHitTest(x1, y1, x2, y2, hitTest, predicate) {
+    if (x2 < 0 || x1 > this.width || y2 < 0 || y1 > this.height) {
+      return hitTest ? false : [];
+    }
+    const result = [];
+    if (x1 <= 0 && y1 <= 0 && this.width <= x2 && this.height <= y2) {
+      // 这一步是高效的关键，后续精确碰撞检测结果在计算文本可见性时并不需要
+      if (hitTest) {
+        return true;
+      }
+      for (let boxUid = 0; boxUid < this.boxKeys.length; boxUid++) {
+        result.push({
+          key: this.boxKeys[boxUid],
+          x1: this.bboxes[boxUid * 4],
+          y1: this.bboxes[boxUid * 4 + 1],
+          x2: this.bboxes[boxUid * 4 + 2],
+          y2: this.bboxes[boxUid * 4 + 3]
+        });
+      }
+      return predicate ? result.filter(predicate) : result;
+    }
+    const queryArgs = {
+      hitTest,
+      seenUids: {
+        box: {},
+        circle: {}
+      }
+    };
+    this.forEachCell(x1, y1, x2, y2, this.queryCell, result, queryArgs, predicate);
+    return hitTest ? result.length > 0 : result;
+  }
+  queryCell(x1, y1, x2, y2, cellIndex, result, queryArgs, predicate) {
+    const seenUids = queryArgs.seenUids;
+    const boxCell = this.boxCells[cellIndex];
+    if (boxCell !== null) {
+      const bboxes = this.bboxes;
+      for (const boxUid of boxCell) {
+        if (!seenUids.box[boxUid]) {
+          seenUids.box[boxUid] = true;
+          const offset = boxUid * 4;
+          if (x1 <= bboxes[offset + 2] && y1 <= bboxes[offset + 3] && x2 >= bboxes[offset + 0] && y2 >= bboxes[offset + 1] && (!predicate || predicate(this.boxKeys[boxUid]))) {
+            if (queryArgs.hitTest) {
+              result.push(true);
+              return true;
+            }
+            result.push({
+              key: this.boxKeys[boxUid],
+              x1: bboxes[offset],
+              y1: bboxes[offset + 1],
+              x2: bboxes[offset + 2],
+              y2: bboxes[offset + 3]
+            });
+          }
+        }
+      }
+    }
+    return false;
+  }
+  forEachCell(x1, y1, x2, y2, fn, arg1, arg2, predicate) {
+    const cx1 = this.convertToXCellCoord(x1);
+    const cy1 = this.convertToYCellCoord(y1);
+    const cx2 = this.convertToXCellCoord(x2);
+    const cy2 = this.convertToYCellCoord(y2);
+    for (let x = cx1; x <= cx2; x++) {
+      for (let y = cy1; y <= cy2; y++) {
+        const cellIndex = this.xCellCount * y + x;
+        if (fn.call(this, x1, y1, x2, y2, cellIndex, arg1, arg2, predicate)) {
+          return;
+        }
+      }
+    }
+  }
+  convertToXCellCoord(x) {
+    return Math.max(0, Math.min(this.xCellCount - 1, Math.floor(x * this.xScale)));
+  }
+  convertToYCellCoord(y) {
+    return Math.max(0, Math.min(this.yCellCount - 1, Math.floor(y * this.yScale)));
+  }
+}
+var _default = exports.default = GridIndex;

package/lib/utils/identityScale.d.ts

@@ -0,0 +1,8 @@
+export default function identity(d: any): {
+    (x: any): any;
+    invert: any;
+    domain: (v?: any) => any;
+    range(v?: any): any;
+    unknown(v: any): any;
+    copy(): any;
+};

package/lib/utils/identityScale.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = identity;
+function identity(d) {
+  let unknown;
+  let domain = [];
+  function scale(x) {
+    return x == null ? unknown : x;
+  }
+  scale.invert = scale;
+  scale.domain = scale.range = v => {
+    if (v) {
+      domain = v;
+      return v;
+    }
+    return domain;
+  };
+  scale.unknown = v => {
+    if (v) {
+      unknown = v;
+      return v;
+    }
+    return unknown;
+  };
+  scale.copy = () => {
+    return identity(d).unknown(unknown);
+  };
+  return scale;
+}

package/lib/utils/load-image.d.ts

@@ -0,0 +1 @@
+export declare function loadImage(url: string): Promise<HTMLImageElement | ImageBitmap>;

package/lib/utils/load-image.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadImage = loadImage;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function loadImage(_x) {
+  return _loadImage.apply(this, arguments);
+}
+function _loadImage() {
+  _loadImage = (0, _asyncToGenerator2.default)(function* (url) {
+    // @ts-ignore
+    if (window.createImageBitmap) {
+      const response = yield fetch(url);
+      const imageBitmap = yield createImageBitmap(yield response.blob());
+      return imageBitmap;
+    } else {
+      const image = new window.Image();
+      return new Promise(res => {
+        image.onload = () => res(image);
+        image.src = url;
+        image.crossOrigin = 'Anonymous';
+      });
+    }
+  });
+  return _loadImage.apply(this, arguments);
+}

package/lib/utils/multiPassRender.d.ts

@@ -0,0 +1,16 @@
+import type { ILayer, IPass, IPostProcessingPass } from '@antv/l7-core';
+/**
+ * 'blurH' -> ['blurH', {}]
+ */
+export declare function normalizePasses(passes: Array<string | [string, {
+    [key: string]: unknown;
+}]>): [string, {
+    [key: string]: unknown;
+}][];
+/**
+ * 默认添加 ClearPass、RenderPass
+ * 以及 PostProcessing 中的最后一个 CopyPass
+ */
+export declare function createMultiPassRenderer(layer: ILayer, passes: Array<string | [string, {
+    [key: string]: unknown;
+}]>, postProcessingPassFactory: (name: string) => IPostProcessingPass<unknown>, normalPassFactory: (name: string) => IPass<unknown>): import("@antv/l7-core").IMultiPassRenderer;

package/lib/utils/multiPassRender.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMultiPassRenderer = createMultiPassRenderer;
+exports.normalizePasses = normalizePasses;
+/**
+ * 'blurH' -> ['blurH', {}]
+ */
+function normalizePasses(passes) {
+  return passes.map(pass => {
+    if (typeof pass === 'string') {
+      pass = [pass, {}];
+    }
+    return pass;
+  });
+}
+
+/**
+ * 默认添加 ClearPass、RenderPass
+ * 以及 PostProcessing 中的最后一个 CopyPass
+ */
+function createMultiPassRenderer(layer, passes, postProcessingPassFactory, normalPassFactory) {
+  const multiPassRenderer = layer.multiPassRenderer;
+
+  // picking pass if enabled
+  // if (enablePicking) {
+  //   multiPassRenderer.add(normalPassFactory('pixelPicking'));
+  // }
+
+  // render all layers in this pass
+  multiPassRenderer.add(normalPassFactory('render'));
+
+  // post processing
+  normalizePasses(passes).forEach(pass => {
+    const [passName, initializationOptions] = pass;
+    multiPassRenderer.add(postProcessingPassFactory(passName), initializationOptions);
+  });
+
+  // 末尾为固定的 CopyPass
+  multiPassRenderer.add(postProcessingPassFactory('copy'));
+  return multiPassRenderer;
+}

package/lib/utils/polylineNormal.d.ts

@@ -0,0 +1,9 @@
+import { vec2 } from 'gl-matrix';
+export declare function computeMiter(tangent: vec2, miter: vec2, lineA: vec2, lineB: vec2, halfThick: number): number;
+export declare function computeNormal(out: vec2, dir: vec2): vec2;
+export declare function direction(out: vec2, a: [number, number], b: [number, number]): vec2;
+export default function (points: number[][], closed: boolean, indexOffset: number, isDash?: boolean): {
+    normals: number[];
+    attrIndex: number[];
+    attrPos: number[];
+};