three-base 1.0.82 → 1.0.84

package/lib/ExtrudeMesh.js

@@ -4,30 +4,6 @@
  * @Last Modified by: xiaosihan
  * @Last Modified time: 2022-09-30 00:12:19
  */
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { clamp, cloneDeep, filter, first, get, isNumber, last } from "lodash";
 import { BufferAttribute, BufferGeometry, Matrix4, Mesh, Vector2, Vector3 } from "three";
 /**
@@ -38,35 +14,45 @@ import { BufferAttribute, BufferGeometry, Matrix4, Mesh, Vector2, Vector3 } from
  * @class ExtrudeMesh
  * @extends {Mesh<BufferGeometry, Material>}
  */
-var ExtrudeMesh = /** @class */ (function (_super) {
-    __extends(ExtrudeMesh, _super);
-    function ExtrudeMesh(props, material) {
-        var _this = _super.call(this, undefined, material) || this;
-        // 通过 props.paths 和圆角属性 计算出来的 最终路径
-        _this.pointerWidthRadius = [];
-        _this.updateGeometry(props);
-        return _this;
+export default class ExtrudeMesh extends Mesh {
+    // 临时使用的二维顶点对象
+    static temp1Vector2 = new Vector2();
+    static temp2Vector2 = new Vector2();
+    static temp3Vector2 = new Vector2();
+    // 临时使用的3维顶点对象
+    static tempVector3 = new Vector3();
+    static temp1Vector3 = new Vector3();
+    static temp2Vector3 = new Vector3();
+    static temp3Vector3 = new Vector3();
+    // 临时使用的矩阵
+    static temp1Matrix4 = new Matrix4();
+    static temp2Matrix4 = new Matrix4();
+    static temp3Matrix4 = new Matrix4();
+    constructor(props, material) {
+        super(undefined, material);
+        this.updateGeometry(props);
     }
+    // 通过 props.paths 和圆角属性 计算出来的 最终路径
+    pointerWidthRadius = [];
     // 通过2个顶点和缩放值计算矩阵
-    ExtrudeMesh.prototype.computerMatrix = function (vector1, vector2, scale) {
-        var _a;
+    computerMatrix(vector1, vector2, scale) {
         ExtrudeMesh.temp1Matrix4.identity();
         ExtrudeMesh.temp1Matrix4.multiply(ExtrudeMesh.temp2Matrix4.lookAt(ExtrudeMesh.temp1Vector3.set(vector1[0], vector1[1], vector1[2]), ExtrudeMesh.temp2Vector3.set(vector2[0], vector1[1], vector2[2]), ExtrudeMesh.temp3Vector3.set(0, 1, 0)));
-        ExtrudeMesh.temp1Matrix4.scale((_a = ExtrudeMesh.temp1Vector3).set.apply(_a, scale));
+        ExtrudeMesh.temp1Matrix4.scale(ExtrudeMesh.temp1Vector3.set(...scale));
         return ExtrudeMesh.temp1Matrix4.transpose().toArray();
-    };
+    }
     /**
      * @计算渐变值 computerGradient([3,2,4], 0.3);
      * @渐变区间 values:number[]
      * @百分比 percentage:number
      */
-    ExtrudeMesh.prototype.computerGradient = function (values, percentage) {
+    computerGradient(values, percentage) {
         // 过滤有效数字类型
-        values = filter(values, function (v) { return isNumber(v); });
+        values = filter(values, v => isNumber(v));
         // 限定取值范围
-        var P = clamp(percentage, 0, 1);
-        var VL = values.length;
-        for (var i = (VL - 1); i >= 0; i--) {
+        let P = clamp(percentage, 0, 1);
+        let VL = values.length;
+        for (let i = (VL - 1); i >= 0; i--) {
             if (P === (i / (VL - 1))) {
                 return values[i];
             }
@@ -77,11 +63,9 @@ var ExtrudeMesh = /** @class */ (function (_super) {
             }
         }
         return 0;
-    };
+    }
     // 计算圆角路径 并存到 this.pointerWidthRadius 上
-    ExtrudeMesh.prototype.computerPointerWidthRadius = function (paths, closed) {
-        var _a;
-        var _this = this;
+    computerPointerWidthRadius(paths, closed) {
         // 路径小于2个就不执行计算
         if (paths.length < 2) {
             return;
@@ -95,74 +79,75 @@ var ExtrudeMesh = /** @class */ (function (_super) {
         paths = cloneDeep(paths);
         // 如果是闭合路径的话就头尾相连
         if (closed) {
-            Object.defineProperties(paths, (_a = {},
-                _a[-1] = {
+            Object.defineProperties(paths, {
+                [-1]: {
                     value: last(paths),
                     configurable: false,
                     enumerable: false,
                     writable: false // 此属性的值能否修改
                 },
-                _a[paths.length] = {
+                [paths.length]: {
                     value: first(paths),
                     configurable: false,
                     enumerable: false,
                     writable: false // 此属性的值能否修改
-                },
-                _a));
+                }
+            });
         }
-        paths.map(function (P, i) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-            var vector3 = P.vector3, _o = P.radius, radius = _o === void 0 ? 0.1 : _o, _p = P.segments, segments = _p === void 0 ? 0 : _p, _q = P.scale, scale = _q === void 0 ? { x: 1, y: 1 } : _q;
+        paths.map((P, i) => {
+            const { vector3, radius = 0.1, segments = 0, scale = { x: 1, y: 1 } } = P;
             //当前点位置前后都有点时就可以做圆角计算
             if (paths[i - 1] && paths[i + 1]) {
                 // 第一个向量
-                var v1 = (_a = ExtrudeMesh.temp1Vector3)
-                    .set.apply(_a, vector3).sub((_b = ExtrudeMesh.tempVector3).set.apply(_b, paths[i - 1].vector3))
+                let v1 = ExtrudeMesh.temp1Vector3
+                    .set(...vector3)
+                    .sub(ExtrudeMesh.tempVector3.set(...paths[i - 1].vector3))
                     .normalize()
                     .clone();
                 // 第二个向量    
-                var v2 = (_c = ExtrudeMesh.temp2Vector3)
-                    .set.apply(_c, paths[i + 1].vector3).sub((_d = ExtrudeMesh.tempVector3).set.apply(_d, vector3))
+                let v2 = ExtrudeMesh.temp2Vector3
+                    .set(...paths[i + 1].vector3)
+                    .sub(ExtrudeMesh.tempVector3.set(...vector3))
                     .normalize()
                     .clone();
                 // 夹角
-                var innerAngle = v1.clone().multiplyScalar(-1).angleTo(v2);
+                let innerAngle = v1.clone().multiplyScalar(-1).angleTo(v2);
                 // 边长
-                var sideLength = radius / Math.tan(innerAngle / 2);
+                let sideLength = radius / Math.tan(innerAngle / 2);
                 // 圆角的起点
-                var startP = new (Vector3.bind.apply(Vector3, __spreadArray([void 0], vector3, false)))().sub(v1.clone().multiplyScalar(sideLength));
+                let startP = new Vector3(...vector3).sub(v1.clone().multiplyScalar(sideLength));
                 // 圆角的终点
-                var endP = new (Vector3.bind.apply(Vector3, __spreadArray([void 0], vector3, false)))().add(v2.clone().multiplyScalar(sideLength));
+                let endP = new Vector3(...vector3).add(v2.clone().multiplyScalar(sideLength));
                 // 圆角起点到终点的向量
-                var StoE = endP.clone().sub(startP);
+                let StoE = endP.clone().sub(startP);
                 // 弦长
-                var chordLength = radius / Math.sin(innerAngle / 2);
+                let chordLength = radius / Math.sin(innerAngle / 2);
                 // 圆心位置
-                var circleCenter = v2
+                let circleCenter = v2
                     .clone()
                     .add(v1)
                     .multiplyScalar(0.5)
                     .sub(v1)
                     .setLength(chordLength)
-                    .add((_e = ExtrudeMesh.tempVector3).set.apply(_e, vector3));
+                    .add(ExtrudeMesh.tempVector3.set(...vector3));
                 //向量2是否在 向量1的左边
-                var v2Inv1Left = ExtrudeMesh.temp1Vector3
+                let v2Inv1Left = ExtrudeMesh.temp1Vector3
                     .set(-v1.z, 0, v1.x)
                     .angleTo(ExtrudeMesh.temp2Vector3.set(v2.x, 0, v2.z))
                     < (Math.PI / 2);
                 // XZ平面上的夹角
-                var innerAngleXZ = ExtrudeMesh.temp1Vector3
+                let innerAngleXZ = ExtrudeMesh.temp1Vector3
                     .set(v1.x, 0, v1.z)
                     .angleTo(ExtrudeMesh.temp2Vector3.set(v2.x, 0, v2.z));
                 // 如果当前点的位置在前后2点的连线上,就不进行分段计算 并且应用上一个点的矩阵
                 if (innerAngleXZ === 0) {
-                    var _r = scale.x, x = _r === void 0 ? 1 : _r, _s = scale.y, y = _s === void 0 ? 1 : _s;
-                    var lastPointMatrix = last(_this.pointerWidthRadius).matrix;
-                    _this.pointerWidthRadius.push({
-                        vector3: vector3,
+                    let { x = 1, y = 1 } = scale;
+                    let lastPointMatrix = last(this.pointerWidthRadius).matrix;
+                    this.pointerWidthRadius.push({
+                        vector3,
                         matrix: ExtrudeMesh.temp1Matrix4
                             .identity()
-                            .extractRotation((_f = ExtrudeMesh.temp2Matrix4).set.apply(_f, lastPointMatrix))
+                            .extractRotation(ExtrudeMesh.temp2Matrix4.set(...lastPointMatrix))
                             .multiply(ExtrudeMesh.temp3Matrix4
                             .identity()
                             .scale(ExtrudeMesh.temp1Vector3.set(1, y, x)))
@@ -171,38 +156,38 @@ var ExtrudeMesh = /** @class */ (function (_super) {
                     });
                 }
                 else if (segments === 0) { // 分段数为0时不分段
-                    var _t = scale.x, x = _t === void 0 ? 1 : _t, _u = scale.y, y = _u === void 0 ? 1 : _u;
-                    _this.pointerWidthRadius.push({
-                        vector3: vector3,
-                        matrix: _this.computerMatrix((v2Inv1Left ? circleCenter.toArray() : vector3), (v2Inv1Left ? vector3 : circleCenter.toArray()), [1, y, x])
+                    let { x = 1, y = 1 } = scale;
+                    this.pointerWidthRadius.push({
+                        vector3,
+                        matrix: this.computerMatrix((v2Inv1Left ? circleCenter.toArray() : vector3), (v2Inv1Left ? vector3 : circleCenter.toArray()), [1, y, x])
                     });
                 }
                 else {
-                    for (var ii = 0; ii <= segments; ii++) {
+                    for (let ii = 0; ii <= segments; ii++) {
                         // 圆角计算的低n个点的角度
-                        var Aa = ii * ((Math.PI - innerAngle) / segments);
+                        let Aa = ii * ((Math.PI - innerAngle) / segments);
                         //半径对角
-                        var Cc = Math.PI - Aa - (innerAngle / 2);
+                        let Cc = Math.PI - Aa - (innerAngle / 2);
                         //圆角分段的弦长
-                        var a = radius * Math.sin(Aa) / Math.sin(Cc);
+                        let a = radius * Math.sin(Aa) / Math.sin(Cc);
                         // 每段圆角的弦长
-                        var StoEvector = StoE.clone().setLength(a).add(startP);
+                        let StoEvector = StoE.clone().setLength(a).add(startP);
                         // 当前点的位置
-                        var ridiusP = StoEvector
+                        let ridiusP = StoEvector
                             .clone()
                             .sub(circleCenter)
                             .setLength(radius)
                             .add(circleCenter);
-                        var _v = get(paths[i - 1], ["scale"]) || {}, _w = _v.x, preX = _w === void 0 ? 1 : _w, _x = _v.y, preY = _x === void 0 ? 1 : _x;
-                        var _y = get(paths[i + 1], ["scale"]) || {}, _z = _y.x, nextX = _z === void 0 ? 1 : _z, _0 = _y.y, nextY = _0 === void 0 ? 1 : _0;
-                        var _1 = scale.x, x = _1 === void 0 ? 1 : _1, _2 = scale.y, y = _2 === void 0 ? 1 : _2;
+                        let { x: preX = 1, y: preY = 1 } = get(paths[i - 1], ["scale"]) || {};
+                        let { x: nextX = 1, y: nextY = 1 } = get(paths[i + 1], ["scale"]) || {};
+                        let { x = 1, y = 1 } = scale;
                         // 缩放值过渡计算
-                        x = _this.computerGradient([(preX + x) / 2, x, (x + nextX) / 2], ii / segments);
-                        y = _this.computerGradient([(preY + y) / 2, y, (y + nextY) / 2], ii / segments);
+                        x = this.computerGradient([(preX + x) / 2, x, (x + nextX) / 2], ii / segments);
+                        y = this.computerGradient([(preY + y) / 2, y, (y + nextY) / 2], ii / segments);
                         // 添加一个带矩阵的点
-                        _this.pointerWidthRadius.push({
+                        this.pointerWidthRadius.push({
                             vector3: ridiusP.toArray(),
-                            matrix: _this.computerMatrix((v2Inv1Left ? circleCenter.toArray() : ridiusP.toArray()), (v2Inv1Left ? ridiusP.toArray() : circleCenter.toArray()), [1, y, x])
+                            matrix: this.computerMatrix((v2Inv1Left ? circleCenter.toArray() : ridiusP.toArray()), (v2Inv1Left ? ridiusP.toArray() : circleCenter.toArray()), [1, y, x])
                         });
                     }
                 }
@@ -212,39 +197,41 @@ var ExtrudeMesh = /** @class */ (function (_super) {
                 if (i === paths.length - 1) {
                     // 如果是闭合的话 就把第一个点的位置加入最后后面
                     if (closed) {
-                        _this.pointerWidthRadius.push(first(_this.pointerWidthRadius));
+                        this.pointerWidthRadius.push(first(this.pointerWidthRadius));
                     }
                     else {
                         // 如果路径未闭合并且遍历到最后一个时特殊处理
-                        var lastPoint = last(_this.pointerWidthRadius);
+                        let lastPoint = last(this.pointerWidthRadius);
                         // 在没有闭合的情况下添加第一个点的位置
-                        var v = (_g = ExtrudeMesh.temp1Vector3)
-                            .set.apply(_g, vector3).sub((_h = ExtrudeMesh.temp3Vector3).set.apply(_h, lastPoint.vector3))
+                        let v = ExtrudeMesh.temp1Vector3
+                            .set(...vector3)
+                            .sub(ExtrudeMesh.temp3Vector3.set(...lastPoint.vector3))
                             .normalize();
-                        var lookAtPoint = ExtrudeMesh.temp2Vector3
+                        let lookAtPoint = ExtrudeMesh.temp2Vector3
                             .set(v.z, 0, -v.x)
-                            .add((_j = ExtrudeMesh.temp3Vector3).set.apply(_j, vector3))
+                            .add(ExtrudeMesh.temp3Vector3.set(...vector3))
                             .toArray();
-                        var _3 = scale.x, x = _3 === void 0 ? 1 : _3, _4 = scale.y, y = _4 === void 0 ? 1 : _4;
-                        _this.pointerWidthRadius.push({
-                            vector3: vector3,
-                            matrix: _this.computerMatrix(vector3, lookAtPoint, [1, y, x])
+                        let { x = 1, y = 1 } = scale;
+                        this.pointerWidthRadius.push({
+                            vector3,
+                            matrix: this.computerMatrix(vector3, lookAtPoint, [1, y, x])
                         });
                     }
                 }
                 else {
-                    var _5 = scale.x, x = _5 === void 0 ? 1 : _5, _6 = scale.y, y = _6 === void 0 ? 1 : _6;
+                    let { x = 1, y = 1 } = scale;
                     // 在没有闭合的情况下添加第一个点的位置
-                    var v2 = (_k = ExtrudeMesh.temp1Vector3)
-                        .set.apply(_k, paths[i + 1].vector3).sub((_l = ExtrudeMesh.temp2Vector3).set.apply(_l, vector3))
+                    let v2 = ExtrudeMesh.temp1Vector3
+                        .set(...paths[i + 1].vector3)
+                        .sub(ExtrudeMesh.temp2Vector3.set(...vector3))
                         .normalize();
-                    var lookAtPoint = ExtrudeMesh.temp1Vector3
+                    let lookAtPoint = ExtrudeMesh.temp1Vector3
                         .set(v2.z, 0, -v2.x)
-                        .add((_m = ExtrudeMesh.temp2Vector3).set.apply(_m, vector3))
+                        .add(ExtrudeMesh.temp2Vector3.set(...vector3))
                         .toArray();
-                    _this.pointerWidthRadius.push({
-                        vector3: vector3,
-                        matrix: _this.computerMatrix(vector3, lookAtPoint, [1, y, x])
+                    this.pointerWidthRadius.push({
+                        vector3,
+                        matrix: this.computerMatrix(vector3, lookAtPoint, [1, y, x])
                     });
                 }
             } // else
@@ -261,22 +248,21 @@ var ExtrudeMesh = /** @class */ (function (_super) {
         //         this.pointerWidthRadius.splice(i, 1);
         //     }
         // }
-    };
+    }
     // 计算三维路径的总长度
-    ExtrudeMesh.prototype.computerPathLength = function (points) {
-        var length = 0;
-        points.map(function (p, index) {
-            var _a, _b;
+    computerPathLength(points) {
+        let length = 0;
+        points.map((p, index) => {
             if (index < points.length - 1) {
-                (_a = ExtrudeMesh.temp1Vector3).set.apply(_a, p);
-                (_b = ExtrudeMesh.temp2Vector3).set.apply(_b, points[index + 1]);
+                ExtrudeMesh.temp1Vector3.set(...p);
+                ExtrudeMesh.temp2Vector3.set(...points[index + 1]);
                 length += ExtrudeMesh.temp1Vector3.distanceTo(ExtrudeMesh.temp2Vector3);
             }
         });
         return length;
-    };
+    }
     // 通过一条线段计算挤出模型的各个顶点的位置和 uv坐标
-    ExtrudeMesh.prototype.setExtrudeMesh = function (startP, // 起点位置
+    setExtrudeMesh(startP, // 起点位置
     startMatrix4, // 起点位置的矩阵
     endP, // 终点位置
     endMatrix4, // 终点位置的矩阵
@@ -284,17 +270,15 @@ var ExtrudeMesh = /** @class */ (function (_super) {
     shapePath) {
         // // 反转路径, 这样uv 坐标看起来习惯一些
         // shapePath = cloneDeep(shapePath).reverse();
-        var _this = this;
         // 计算二维路径的总长度 作为uv坐标的边长
-        var shapePathLength = this.computerPathLength(shapePath.map(function (p) { return __spreadArray(__spreadArray([], p, true), [0], false); }));
+        let shapePathLength = this.computerPathLength(shapePath.map(p => [...p, 0]));
         // 挤出长度
-        var extrudeLength = this.computerPathLength([startP, endP]);
+        let extrudeLength = this.computerPathLength([startP, endP]);
         // 网格模型每个点
-        var geometryPoint = [];
+        let geometryPoint = [];
         // 网格模型每个点对应的uv坐标
-        var uvPoint = [];
-        shapePath.map(function (P, index) {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+        let uvPoint = [];
+        shapePath.map((P, index) => {
             if (index < shapePath.length - 1) {
                 // 计算出矩形面的4个顶点
                 //[pa....Pd]
@@ -302,28 +286,28 @@ var ExtrudeMesh = /** @class */ (function (_super) {
                 //[.      .]
                 //[.      .]
                 //[Pb....Pc]
-                var Pa = ExtrudeMesh.tempVector3
+                let Pa = ExtrudeMesh.tempVector3
                     .set(0, P[1], -P[0])
-                    .applyMatrix4((_a = ExtrudeMesh.temp1Matrix4).set.apply(_a, startMatrix4))
-                    .add((_b = ExtrudeMesh.temp1Vector3).set.apply(_b, startP))
+                    .applyMatrix4(ExtrudeMesh.temp1Matrix4.set(...startMatrix4))
+                    .add(ExtrudeMesh.temp1Vector3.set(...startP))
                     .toArray();
-                var Pb = ExtrudeMesh.tempVector3
+                let Pb = ExtrudeMesh.tempVector3
                     .set(0, shapePath[index + 1][1], -shapePath[index + 1][0])
-                    .applyMatrix4((_c = ExtrudeMesh.temp1Matrix4).set.apply(_c, startMatrix4))
-                    .add((_d = ExtrudeMesh.temp1Vector3).set.apply(_d, startP))
+                    .applyMatrix4(ExtrudeMesh.temp1Matrix4.set(...startMatrix4))
+                    .add(ExtrudeMesh.temp1Vector3.set(...startP))
                     .toArray();
-                var Pc = ExtrudeMesh.tempVector3
+                let Pc = ExtrudeMesh.tempVector3
                     .set(0, shapePath[index + 1][1], -shapePath[index + 1][0])
-                    .applyMatrix4((_e = ExtrudeMesh.temp1Matrix4).set.apply(_e, endMatrix4))
-                    .add((_f = ExtrudeMesh.temp1Vector3).set.apply(_f, endP))
+                    .applyMatrix4(ExtrudeMesh.temp1Matrix4.set(...endMatrix4))
+                    .add(ExtrudeMesh.temp1Vector3.set(...endP))
                     .toArray();
-                var Pd = ExtrudeMesh.tempVector3
+                let Pd = ExtrudeMesh.tempVector3
                     .set(0, P[1], -P[0])
-                    .applyMatrix4((_g = ExtrudeMesh.temp1Matrix4).set.apply(_g, endMatrix4))
-                    .add((_h = ExtrudeMesh.temp1Vector3).set.apply(_h, endP))
+                    .applyMatrix4(ExtrudeMesh.temp1Matrix4.set(...endMatrix4))
+                    .add(ExtrudeMesh.temp1Vector3.set(...endP))
                     .toArray();
                 // 组成矩形的2个三角面
-                geometryPoint.push.apply(geometryPoint, __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], Pa, false), Pb, false), Pc, false), Pa, false), Pc, false), Pd, false));
+                geometryPoint.push(...Pa, ...Pb, ...Pc, ...Pa, ...Pc, ...Pd);
                 // 计算出矩形面的4个顶点的uv坐标
                 //[Pauv..Pcuv]
                 //[.        .]
@@ -331,64 +315,49 @@ var ExtrudeMesh = /** @class */ (function (_super) {
                 //[.        .]
                 //[Pbuv..Pduv]
                 // 当前位置的 uv.y 位置
-                var currentUvy = _this.computerPathLength(__spreadArray([first(shapePath)], shapePath.slice(0, index + 1), true).map(function (sP) { return __spreadArray(__spreadArray([], sP, true), [0], false); })) / shapePathLength;
+                let currentUvy = this.computerPathLength([first(shapePath), ...shapePath.slice(0, index + 1)].map(sP => [...sP, 0])) / shapePathLength;
                 // 下一个坐标的 uv.y 位置
-                var nextUvy = _this.computerPathLength(__spreadArray([first(shapePath)], shapePath.slice(0, index + 2), true).map(function (sP) { return __spreadArray(__spreadArray([], sP, true), [0], false); })) / shapePathLength;
-                var Pauv = [uvx / shapePathLength, currentUvy];
-                var Pbuv = [uvx / shapePathLength, nextUvy];
-                var Pcuv = [(uvx + extrudeLength) / shapePathLength, nextUvy];
-                var Pduv = [(uvx + extrudeLength) / shapePathLength, currentUvy];
-                uvPoint.push.apply(uvPoint, __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], Pauv, false), Pbuv, false), Pcuv, false), Pauv, false), Pcuv, false), Pduv, false));
+                let nextUvy = this.computerPathLength([first(shapePath), ...shapePath.slice(0, index + 2)].map(sP => [...sP, 0])) / shapePathLength;
+                let Pauv = [uvx / shapePathLength, currentUvy];
+                let Pbuv = [uvx / shapePathLength, nextUvy];
+                let Pcuv = [(uvx + extrudeLength) / shapePathLength, nextUvy];
+                let Pduv = [(uvx + extrudeLength) / shapePathLength, currentUvy];
+                uvPoint.push(...Pauv, ...Pbuv, ...Pcuv, ...Pauv, ...Pcuv, ...Pduv);
             }
         });
-        return { geometryPoint: geometryPoint, uvPoint: uvPoint };
-    };
+        return { geometryPoint, uvPoint };
+    }
     //设置模型
-    ExtrudeMesh.prototype.updateGeometry = function (props) {
-        var paths = props.paths, shapePath = props.shapePath, closed = props.closed;
+    updateGeometry(props) {
+        const { paths, shapePath, closed } = props;
         // 计算圆角路径
         this.computerPointerWidthRadius(paths, closed);
         //网格模型的每个顶点位置
-        var geometryPoint = [];
+        let geometryPoint = [];
         // 网格模型每个点对应的uv坐标
-        var uvPoint = [];
-        for (var i = 0; i < this.pointerWidthRadius.length - 1; i++) {
-            var Point1 = this.pointerWidthRadius[i];
-            var Point2 = this.pointerWidthRadius[i + 1];
-            var uvx = this.computerPathLength(this.pointerWidthRadius.slice(0, i + 1).map(function (p) { return p.vector3; }));
-            var _a = this.setExtrudeMesh(Point1.vector3, Point1.matrix, Point2.vector3, Point2.matrix, uvx, shapePath), geo = _a.geometryPoint, uv_1 = _a.uvPoint;
+        let uvPoint = [];
+        for (let i = 0; i < this.pointerWidthRadius.length - 1; i++) {
+            let Point1 = this.pointerWidthRadius[i];
+            let Point2 = this.pointerWidthRadius[i + 1];
+            let uvx = this.computerPathLength(this.pointerWidthRadius.slice(0, i + 1).map(p => p.vector3));
+            const { geometryPoint: geo, uvPoint: uv } = this.setExtrudeMesh(Point1.vector3, Point1.matrix, Point2.vector3, Point2.matrix, uvx, shapePath);
             // 把挤出的网格模型的顶点收集起来
-            geometryPoint.push.apply(geometryPoint, geo);
+            geometryPoint.push(...geo);
             // 把挤出的网格模型顶点的uv坐标收集起来
-            uvPoint.push.apply(uvPoint, uv_1);
+            uvPoint.push(...uv);
         }
-        var geometry = new BufferGeometry();
+        let geometry = new BufferGeometry();
         // 修改模型
-        var positionArray = new Float32Array(geometryPoint);
-        var position = new BufferAttribute(positionArray, 3, false);
+        let positionArray = new Float32Array(geometryPoint);
+        let position = new BufferAttribute(positionArray, 3, false);
         geometry.setAttribute("position", position);
-        var uvArray = new Float32Array(uvPoint);
-        var uv = new BufferAttribute(uvArray, 2, false);
+        let uvArray = new Float32Array(uvPoint);
+        let uv = new BufferAttribute(uvArray, 2, false);
         geometry.setAttribute("uv", uv);
         // 计算顶点法线
         geometry.computeVertexNormals();
         this.geometry.dispose();
         this.geometry = geometry;
         this.dispatchEvent({ type: "loaded" });
-    };
-    // 临时使用的二维顶点对象
-    ExtrudeMesh.temp1Vector2 = new Vector2();
-    ExtrudeMesh.temp2Vector2 = new Vector2();
-    ExtrudeMesh.temp3Vector2 = new Vector2();
-    // 临时使用的3维顶点对象
-    ExtrudeMesh.tempVector3 = new Vector3();
-    ExtrudeMesh.temp1Vector3 = new Vector3();
-    ExtrudeMesh.temp2Vector3 = new Vector3();
-    ExtrudeMesh.temp3Vector3 = new Vector3();
-    // 临时使用的矩阵
-    ExtrudeMesh.temp1Matrix4 = new Matrix4();
-    ExtrudeMesh.temp2Matrix4 = new Matrix4();
-    ExtrudeMesh.temp3Matrix4 = new Matrix4();
-    return ExtrudeMesh;
-}(Mesh));
-export default ExtrudeMesh;
+    }
+}