gl-draw 0.15.13 → 0.15.15

package/dist/index.module.js

@@ -26,13 +26,13 @@ var se = (h, e, t) => new Promise((s, i) => {
   }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(h, e)).next());
 });
-import { WebGLRenderer as Ut, Vector3 as H, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as jt, HemisphereLightHelper as Ht, Box3 as at, Box3Helper as Ue, MathUtils as It, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as $t, ShaderMaterial as Gt, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as ue, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
+import { WebGLRenderer as Ut, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as jt, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as Ht, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as $t, ShaderMaterial as Gt, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as ue, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
 import { Timer as ss } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
 import is from "deepmerge";
 import rs from "stats-gl";
 import { C as os, c as ns, i as as } from "./isPlainObject.module.js";
-import { R as Pe, M as ft, B as ls } from "./index.module2.js";
+import { R as Pe, M as ft, B as Oe, a as ls, I as he } from "./index.module2.js";
 import { RectAreaLightHelper as hs } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as cs } from "three/examples/jsm/helpers/ViewHelper";
 import { TransformControls as ds } from "three/examples/jsm/controls/TransformControls";
@@ -92,10 +92,10 @@ const M = {
 function Y(h) {
   return h.isPerspectiveCamera;
 }
-function I(h) {
+function H(h) {
   return h.isOrthographicCamera;
 }
-const $ = Math.PI * 2, He = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
+const $ = Math.PI * 2, Ie = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
 function k(h, e, t) {
   return Math.max(e, Math.min(t, h));
 }
@@ -105,7 +105,7 @@ function S(h, e = ut) {
 function P(h, e, t = ut) {
   return S(h - e, t);
 }
-function Ie(h, e) {
+function He(h, e) {
   return Math.round(h / e) * e;
 }
 function re(h) {
@@ -114,7 +114,7 @@ function re(h) {
 function oe(h) {
   return Math.abs(h) < Number.MAX_VALUE ? h : h * (1 / 0);
 }
-function he(h, e, t, s, i = 1 / 0, r) {
+function ce(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
   const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
   let c = h - e;
@@ -140,13 +140,13 @@ function Be(h, e, t, s, i = 1 / 0, r, o) {
   const V = y - h.x, le = l - h.y, bt = _ - h.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - _;
   return V * xt + le * Lt + bt * Pt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
-function Oe(h, e) {
+function Ee(h, e) {
   e.set(0, 0), h.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
   }), e.x /= h.length, e.y /= h.length;
 }
-function Ee(h, e) {
-  return I(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+function Te(h, e) {
+  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class Os {
   constructor() {
@@ -212,11 +212,11 @@ class Os {
     }
   }
 }
-const ce = 1 / 8, Es = /Mac/.test(navigator.platform);
-let T, Ve, de, Te, D, b, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, we, Ke, be, xe, me;
+const de = 1 / 8, Es = /Mac/.test(navigator.platform);
+let T, Ve, me, we, D, b, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, be, Ke, xe, Le, pe;
 class J extends Os {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), b = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), we = new T.Sphere(), Ke = new T.Quaternion(), be = new T.Quaternion(), xe = new T.Matrix4(), me = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), me = Object.freeze(new T.Vector3(0, 1, 0)), we = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), b = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), pe = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -249,7 +249,7 @@ class J extends Os {
       if (Y(this._camera)) {
         const x = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
         w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
-      } else if (I(this._camera)) {
+      } else if (H(this._camera)) {
         const x = this._camera;
         w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
@@ -282,7 +282,7 @@ class J extends Os {
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new T.Quaternion().setFromUnitVectors(
       this._camera.up,
-      de
+      me
     ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
       b.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
     ), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
@@ -297,10 +297,10 @@ class J extends Os {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : I(this._camera) ? d.ZOOM : d.NONE
+      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
       one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : I(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
       three: d.TOUCH_TRUCK
     };
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
@@ -438,7 +438,7 @@ class J extends Os {
       }
     }, v = (l) => {
       if (!this._enabled) return;
-      if (Oe(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
+      if (Ee(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
         const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, w = Math.sqrt(O * O + C * C);
         r.set(0, w);
         const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
@@ -463,16 +463,16 @@ class J extends Os {
       ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
     }, p = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
-      this._dragNeedsUpdate = !1, Oe(this._activePointers, D);
+      this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
       const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = _ ? -_.deltaX : i.x - D.x, C = _ ? -_.deltaY : i.y - D.y;
       if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
         const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
-          x * C * ce,
+          x * C * de,
           w,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          x * C * ce,
+          x * C * de,
           w,
           E
         ), this._isUserControllingZoom = !0);
@@ -481,11 +481,11 @@ class J extends Os {
         const w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(w * w + E * E), R = r.y - x;
         r.set(0, x);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
-        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, V, le), this._isUserControllingZoom = !0);
+        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
     }, f = () => {
-      Oe(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
+      Ee(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
@@ -986,12 +986,12 @@ class J extends Os {
     c.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const u = Ie(this._sphericalEnd.theta, He), m = Ie(this._sphericalEnd.phi, He);
+    const u = He(this._sphericalEnd.theta, Ie), m = He(this._sphericalEnd.phi, Ie);
     a.push(this.rotateTo(u, m, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, Te), f = P(Math.abs(v.y), 1);
-    f && p.multiply(be.setFromAxisAngle(de, u)), p.multiply(this._yAxisUpSpaceInverse);
+    const v = b.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, we), f = P(Math.abs(v.y), 1);
+    f && p.multiply(xe.setFromAxisAngle(me, u)), p.multiply(this._yAxisUpSpaceInverse);
     const g = We.makeEmpty();
-    L.copy(c.min).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).applyQuaternion(p), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, p.setFromUnitVectors(Te, v), f && p.premultiply(be.invert()), p.premultiply(this._yAxisUpSpace);
+    L.copy(c.min).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).applyQuaternion(p), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, p.setFromUnitVectors(we, v), f && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
     const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(p);
     if (Y(this._camera)) {
       const _ = this.getDistanceToFitBox(
@@ -1003,7 +1003,7 @@ class J extends Os {
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (I(this._camera)) {
+    } else if (H(this._camera)) {
       const _ = this._camera, O = _.right - _.left, C = _.top - _.bottom, w = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.y);
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
@@ -1018,7 +1018,7 @@ class J extends Os {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, we) : we.copy(e);
+    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, be) : be.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1029,7 +1029,7 @@ class J extends Os {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (I(this._camera)) {
+    } else if (H(this._camera)) {
       const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, c = Math.min(o / a, n / a);
       s.push(this.zoomTo(c, t));
     }
@@ -1236,7 +1236,7 @@ class J extends Os {
    * @category Methods
    */
   getDistanceToFitBox(e, t, s, i = !1) {
-    if (Ee(this._camera, "getDistanceToFitBox"))
+    if (Te(this._camera, "getDistanceToFitBox"))
       return this._spherical.radius;
     const r = e / t, o = this._camera.getEffectiveFOV() * ie, n = this._camera.aspect;
     return ((i ? r > n : r < n) ? t : e / n) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
@@ -1248,7 +1248,7 @@ class J extends Os {
    * @category Methods
    */
   getDistanceToFitSphere(e) {
-    if (Ee(this._camera, "getDistanceToFitSphere"))
+    if (Te(this._camera, "getDistanceToFitSphere"))
       return this._spherical.radius;
     const t = this._camera.getEffectiveFOV() * ie, s = Math.atan(Math.tan(t * 0.5) * this._camera.aspect) * 2, i = 1 < this._camera.aspect ? t : s;
     return e / Math.sin(i * 0.5);
@@ -1348,7 +1348,7 @@ class J extends Os {
    * @category Methods
    */
   updateCameraUp() {
-    this._yAxisUpSpace.setFromUnitVectors(this._camera.up, de), this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert();
+    this._yAxisUpSpace.setFromUnitVectors(this._camera.up, me), this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert();
   }
   /**
    * Apply current camera-up direction to the camera.
@@ -1377,7 +1377,7 @@ class J extends Os {
       this._thetaVelocity.value = 0, this._spherical.theta = this._sphericalEnd.theta;
     else {
       const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.theta = he(
+      this._spherical.theta = ce(
         this._spherical.theta,
         this._sphericalEnd.theta,
         this._thetaVelocity,
@@ -1390,7 +1390,7 @@ class J extends Os {
       this._phiVelocity.value = 0, this._spherical.phi = this._sphericalEnd.phi;
     else {
       const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.phi = he(
+      this._spherical.phi = ce(
         this._spherical.phi,
         this._sphericalEnd.phi,
         this._phiVelocity,
@@ -1403,7 +1403,7 @@ class J extends Os {
       this._radiusVelocity.value = 0, this._spherical.radius = this._sphericalEnd.radius;
     else {
       const m = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.radius = he(
+      this._spherical.radius = ce(
         this._spherical.radius,
         this._sphericalEnd.radius,
         this._radiusVelocity,
@@ -1444,7 +1444,7 @@ class J extends Os {
       this._zoomVelocity.value = 0, this._zoom = this._zoomEnd;
     else {
       const m = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
-      this._zoom = he(
+      this._zoom = ce(
         this._zoom,
         this._zoomEnd,
         this._zoomVelocity,
@@ -1472,7 +1472,7 @@ class J extends Os {
         this._boundary.clampPoint(C, C);
         const x = L.subVectors(C, this._targetEnd);
         this._targetEnd.copy(C), this._target.add(x), this._changedDolly -= m, S(this._changedDolly) && (this._changedDolly = 0);
-      } else if (I(this._camera) && this._changedZoom !== 0) {
+      } else if (H(this._camera) && this._changedZoom !== 0) {
         const m = this._zoom - this._lastZoom, v = this._camera, p = b.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
@@ -1607,7 +1607,7 @@ class J extends Os {
     if (Y(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
-    } else if (I(this._camera)) {
+    } else if (H(this._camera)) {
       const e = this._camera, t = 1 / e.zoom, s = e.left * t, i = e.right * t, r = e.top * t, o = e.bottom * t;
       this._nearPlaneCorners[0].set(s, r, 0), this._nearPlaneCorners[1].set(i, r, 0), this._nearPlaneCorners[2].set(i, o, 0), this._nearPlaneCorners[3].set(s, o, 0);
     }
@@ -1615,16 +1615,16 @@ class J extends Os {
   // lateUpdate
   _collisionTest() {
     let e = 1 / 0;
-    if (!(this.colliderMeshes.length >= 1) || Ee(this._camera, "_collisionTest"))
+    if (!(this.colliderMeshes.length >= 1) || Te(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ne);
-    xe.lookAt(Ve, s, this._camera.up);
+    Le.lookAt(Ve, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
-      r.applyMatrix4(xe);
+      r.applyMatrix4(Le);
       const o = G.addVectors(this._target, r);
-      me.set(o, s), me.far = this._spherical.radius + 1;
-      const n = me.intersectObjects(this.colliderMeshes);
+      pe.set(o, s), pe.far = this._spherical.radius + 1;
+      const n = pe.intersectObjects(this.colliderMeshes);
       n.length !== 0 && n[0].distance < e && (e = n[0].distance);
     }
     return e;
@@ -2075,7 +2075,7 @@ const wt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new H(0, 1, 0)
+  up: new I(0, 1, 0)
 };
 class Us extends ee {
   constructor(e) {
@@ -2202,7 +2202,7 @@ class Fs {
       else if (e.isSpotLight)
         i = new jt(e);
       else if (e.isHemisphereLight)
-        i = new Ht(e, 10);
+        i = new It(e, 10);
       else if (e.isRectAreaLight)
         i = new hs(e);
       else {
@@ -2273,7 +2273,7 @@ class Ns extends ee {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: H,
+      Vector3: I,
       Vector4: Bt,
       Quaternion: lt,
       Matrix4: W,
@@ -2312,7 +2312,7 @@ class Ns extends ee {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * It.DEG2RAD);
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Ht.DEG2RAD);
   }
 }
 class js {
@@ -2384,7 +2384,7 @@ class js {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const Xe = new H(), Hs = new lt(), qe = new H(), j = new W(), Is = new W();
+const Xe = new I(), Is = new lt(), qe = new I(), j = new W(), Hs = new W();
 class Bs {
   /**
    * Constructs a new CSS3D renderer.
@@ -2443,7 +2443,7 @@ class Bs {
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, _);
           let E;
-          y.isCSS3DSprite ? (j.copy(_.matrixWorldInverse), j.transpose(), y.rotation2D !== 0 && j.multiply(Is.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Hs, qe), j.setPosition(Xe), j.scale(qe), j.elements[3] = 0, j.elements[7] = 0, j.elements[11] = 0, j.elements[15] = 1, E = p(j)) : E = p(y.matrixWorld);
+          y.isCSS3DSprite ? (j.copy(_.matrixWorldInverse), j.transpose(), y.rotation2D !== 0 && j.multiply(Hs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Is, qe), j.setPosition(Xe), j.scale(qe), j.elements[3] = 0, j.elements[7] = 0, j.elements[11] = 0, j.elements[15] = 1, E = p(j)) : E = p(y.matrixWorld);
           const x = n.objects.get(y);
           if (x === void 0 || x.style !== E) {
             w.style.transform = E;
@@ -2458,7 +2458,7 @@ class Bs {
     }
   }
 }
-const q = new H(), Qe = new W(), Je = new W(), et = new H(), tt = new H();
+const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
 class Vs {
   /**
    * Constructs a new CSS2D renderer.
@@ -2690,7 +2690,7 @@ const Ks = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Le = 1, pe = !1, $s = new Xt({ color: "black" }), Gs = new ct({
+}, $s = new Xt({ color: "black" }), Gs = new ct({
   color: "black",
   sizeAttenuation: !1
 }), Xs = new ct({
@@ -2776,7 +2776,7 @@ class ii {
     const a = new ke(t);
     a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
     const c = Ks(a);
-    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Le);
+    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Oe);
   }
   setBloomSelection(e, t) {
     if (!this.bloomComposer) {
@@ -2785,7 +2785,7 @@ class ii {
     }
     e.traverse((s) => {
       const { object3d: i } = s;
-      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Le)) : (this.bloomSelection.delete(s), i.layers.disable(Le)));
+      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Oe)) : (this.bloomSelection.delete(s), i.layers.disable(Oe)));
     }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
   }
   enable() {
@@ -3291,7 +3291,7 @@ class hi {
 }
 class ci extends hi {
   constructor(e, t) {
-    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new nt(), {
+    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectWrapChindIdMap = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new nt(), {
       key: "@Scene",
       name: "场景",
       mList: !1
@@ -3317,10 +3317,15 @@ class ci extends hi {
     if (i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key)
       i.key = s.key;
     else if (s.target) {
-      const r = s.target.key, o = s.target.children.length;
-      i.key = `${r}__c__${o}`;
+      const r = s.target.key, o = this.objectWrapChindIdMap.get(s.target) ? this.objectWrapChindIdMap.get(s.target) + 1 : 0;
+      this.objectWrapChindIdMap.set(s.target, o), i.key = `${r}__c__${o}`;
     }
-    return s.name && (e.name = s.name), s.target && s.target.object3d.add(i.object3d), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), this.pencil.options.mList && s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), i;
+    return s.name && (e.name = s.name), s.target && s.target.object3d.add(i.object3d), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), this.pencil.options.mList && s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), e.children && e.children.forEach((r) => {
+      this.createBaseObject(r, {
+        target: i,
+        mList: s.mList
+      });
+    }), i;
   }
   init(e) {
     return Object.keys(e).forEach((t) => {
@@ -3393,13 +3398,10 @@ class ci extends hi {
     return se(this, null, function* () {
       if (yield e.create(), e.object3d) {
         const i = e.object3d;
-        i.material && Array.isArray(i.material) && (i.material = i.material.slice()), this.pencil.options.mList && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e)), s && e.setTop(s), t !== null && (t.object3d.add(e.object3d), this.objMap.set(e.object3d, e)), i.traverse((r) => {
-          if (r !== i && !this.objMap.get(r)) {
-            const o = r.parent;
-            this.createBaseObject(r, {
-              target: this.objMap.get(o)
-            });
-          }
+        i.material && Array.isArray(i.material) && (i.material = i.material.slice()), this.pencil.options.mList && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e)), s && e.setTop(s), t !== null && t.object3d.add(e.object3d), this.objMap.set(e.object3d, e), i.children.forEach((r) => {
+          this.objMap.get(r) || this.createBaseObject(r, {
+            target: e
+          });
         });
       }
       e.render(), this.pencil.event.emit("lead.draw", { baseObject: e });
@@ -3442,7 +3444,7 @@ class ci extends hi {
   dispose() {
     super.dispose(), this.scene.erase(), this.objects.forEach((e) => {
       e.erase();
-    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
+    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectWrapChindIdMap.clear(), this.objectNamesToFactories.clear();
   }
 }
 class di extends ee {
@@ -3572,7 +3574,10 @@ class mi {
     [...this.materials.entries()].some(([t, s]) => s === e ? (this.remove(t), !0) : !1);
   }
   proxyBaseObject(e) {
-    const t = e.object3d, s = (o) => {
+    const t = e.object3d;
+    if (!t.material)
+      return;
+    const s = (o) => {
       if (o.hasOwnProperty("__isProxy"))
         return o;
       const n = new Proxy(o, {
@@ -3651,14 +3656,14 @@ class mi {
   }
   addBaseObjectMap(e) {
     const t = e.object3d;
-    [...Object.values(e.materialList), t.material].forEach(
+    t.material && ([...Object.values(e.materialList), t.material].forEach(
       (s) => {
         s && this.material2array(s).forEach((r) => {
           const o = this.materialBaseObjectMap.get(r);
           o ? o.add(e) : this.materialBaseObjectMap.set(r, /* @__PURE__ */ new Set([e]));
         });
       }
-    ), this.pencil.event.emit("mList.addBaseObjectMap");
+    ), this.pencil.event.emit("mList.addBaseObjectMap"));
   }
   rmBaseObjectMap(e, t, s = !0) {
     const i = t && this.material2array(t);
@@ -3711,7 +3716,7 @@ class pi extends ee {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new H(), this._cameraTarget = new H(), this.event = new ye.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ye.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
       isMergeableObject: as
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
@@ -4012,11 +4017,11 @@ const _e = class _e {
   }
 };
 _e.options = {
-  stats: pe,
-  helper: pe,
-  viewHelper: pe,
+  stats: he,
+  helper: he,
+  viewHelper: he,
   controls: !0,
-  transformControls: pe,
+  transformControls: he,
   renderer: As,
   composer: si,
   scene: zs,