endset_three_editor 0.4.3 → 0.4.5

package/dist/three-editor.es.js

@@ -1,11 +1,11 @@
 var _n = Object.defineProperty;
 var $n = (r, e, t) => e in r ? _n(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var Re = (r, e, t) => $n(r, typeof e != "symbol" ? e + "" : e, t);
-import { toRaw as xt, defineComponent as be, ref as j, inject as es, computed as Be, watchEffect as ts, resolveComponent as ns, openBlock as T, createElementBlock as R, createElementVNode as b, normalizeClass as se, withModifiers as jt, unref as ss, toDisplayString as ie, Fragment as ve, renderList as wt, createBlock as Ke, createCommentVNode as X, reactive as kt, watch as Me, withDirectives as E, vModelText as N, withKeys as He, vModelCheckbox as is, toRef as os, provide as rs, createVNode as Dt, vShow as De, shallowRef as $t, onMounted as as, onBeforeUnmount as ls } from "vue";
+import { toRaw as xt, defineComponent as Ie, ref as L, inject as es, computed as Be, watchEffect as ts, resolveComponent as ns, openBlock as T, createElementBlock as R, createElementVNode as b, normalizeClass as ie, withModifiers as jt, unref as ss, toDisplayString as _, Fragment as Me, renderList as wt, createBlock as Ke, createCommentVNode as X, reactive as kt, watch as de, withDirectives as E, vModelText as H, withKeys as He, vModelCheckbox as is, toRef as os, provide as rs, createVNode as Dt, vShow as De, shallowRef as $t, onMounted as as, onBeforeUnmount as ls } from "vue";
 import * as P from "three";
-import { Controls as On, Vector3 as M, MOUSE as Ne, TOUCH as Le, Quaternion as K, Spherical as en, Vector2 as Y, Ray as cs, Plane as us, MathUtils as En, Raycaster as As, Object3D as ke, MeshBasicMaterial as Pe, LineBasicMaterial as Ze, CylinderGeometry as U, BoxGeometry as q, BufferGeometry as We, Float32BufferAttribute as pe, Mesh as v, OctahedronGeometry as lt, Line as ue, TorusGeometry as Ge, SphereGeometry as ds, Euler as hs, Matrix4 as me, PlaneGeometry as fs, DoubleSide as Rn, Loader as Yt, FileLoader as tt, Color as de, SRGBColorSpace as Ae, Group as ft, Material as Qe, PointsMaterial as Ue, MeshPhongMaterial as ps, LineSegments as Wt, Points as pt, TrianglesDrawMode as ms, TriangleFanDrawMode as zt, TriangleStripDrawMode as Sn, LoaderUtils as Je, MeshPhysicalMaterial as le, LinearSRGBColorSpace as ae, SpotLight as gs, PointLight as bs, DirectionalLight as Is, InstancedMesh as ys, InstancedBufferAttribute as Cs, TextureLoader as xs, ImageBitmapLoader as ws, BufferAttribute as _e, InterleavedBuffer as Hn, InterleavedBufferAttribute as Ln, LinearMipmapLinearFilter as Nn, NearestMipmapLinearFilter as vs, LinearMipmapNearestFilter as Ms, NearestMipmapNearestFilter as Ds, LinearFilter as Gt, NearestFilter as jn, RepeatWrapping as Ft, MirroredRepeatWrapping as Ps, ClampToEdgeWrapping as Ts, MeshStandardMaterial as kn, PropertyBinding as Os, SkinnedMesh as Es, LineLoop as Rs, PerspectiveCamera as Ss, OrthographicCamera as Hs, Skeleton as Ls, AnimationClip as Ns, Bone as js, InterpolateDiscrete as ks, InterpolateLinear as Wn, Texture as tn, VectorKeyframeTrack as nn, NumberKeyframeTrack as sn, QuaternionKeyframeTrack as on, ColorManagement as qt, FrontSide as Ws, Interpolant as zs, Box3 as Gs, Sphere as Fs } from "three";
+import { Controls as On, Vector3 as M, MOUSE as Ne, TOUCH as Le, Quaternion as K, Spherical as en, Vector2 as Y, Ray as cs, Plane as us, MathUtils as En, Raycaster as ds, Object3D as ke, MeshBasicMaterial as Pe, LineBasicMaterial as Ze, CylinderGeometry as U, BoxGeometry as q, BufferGeometry as We, Float32BufferAttribute as me, Mesh as v, OctahedronGeometry as lt, Line as ue, TorusGeometry as Ge, SphereGeometry as As, Euler as hs, Matrix4 as ge, PlaneGeometry as fs, DoubleSide as Rn, Loader as Yt, FileLoader as tt, Color as he, SRGBColorSpace as Ae, Group as ft, Material as Qe, PointsMaterial as Ue, MeshPhongMaterial as ps, LineSegments as Wt, Points as pt, TrianglesDrawMode as ms, TriangleFanDrawMode as zt, TriangleStripDrawMode as Sn, LoaderUtils as Je, MeshPhysicalMaterial as le, LinearSRGBColorSpace as ae, SpotLight as gs, PointLight as bs, DirectionalLight as Is, InstancedMesh as ys, InstancedBufferAttribute as Cs, TextureLoader as xs, ImageBitmapLoader as ws, BufferAttribute as _e, InterleavedBuffer as Hn, InterleavedBufferAttribute as Ln, LinearMipmapLinearFilter as Nn, NearestMipmapLinearFilter as vs, LinearMipmapNearestFilter as Ms, NearestMipmapNearestFilter as Ds, LinearFilter as Gt, NearestFilter as jn, RepeatWrapping as Ft, MirroredRepeatWrapping as Ps, ClampToEdgeWrapping as Ts, MeshStandardMaterial as kn, PropertyBinding as Os, SkinnedMesh as Es, LineLoop as Rs, PerspectiveCamera as Ss, OrthographicCamera as Hs, Skeleton as Ls, AnimationClip as Ns, Bone as js, InterpolateDiscrete as ks, InterpolateLinear as Wn, Texture as tn, VectorKeyframeTrack as nn, NumberKeyframeTrack as sn, QuaternionKeyframeTrack as on, ColorManagement as qt, FrontSide as Ws, Interpolant as zs, Box3 as Gs, Sphere as Fs } from "three";
 import nt from "@tweenjs/tween.js";
-const rn = { type: "change" }, Kt = { type: "start" }, zn = { type: "end" }, ct = new cs(), an = new us(), qs = Math.cos(70 * En.DEG2RAD), G = new M(), V = 2 * Math.PI, H = {
+const rn = { type: "change" }, Kt = { type: "start" }, zn = { type: "end" }, ct = new cs(), an = new us(), qs = Math.cos(70 * En.DEG2RAD), G = new M(), V = 2 * Math.PI, N = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -23,7 +23,7 @@ class Xs extends On {
    * @param {?HTMLElement} domElement - The HTML element used for event listeners.
    */
   constructor(e, t = null) {
-    super(e, t), this.state = H.NONE, this.target = new M(), this.cursor = new M(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: Ne.ROTATE, MIDDLE: Ne.DOLLY, RIGHT: Ne.PAN }, this.touches = { ONE: Le.ROTATE, TWO: Le.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._cursorStyle = "auto", this._domElementKeyEvents = null, this._lastPosition = new M(), this._lastQuaternion = new K(), this._lastTargetPosition = new M(), this._quat = new K().setFromUnitVectors(e.up, new M(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new en(), this._sphericalDelta = new en(), this._scale = 1, this._panOffset = new M(), this._rotateStart = new Y(), this._rotateEnd = new Y(), this._rotateDelta = new Y(), this._panStart = new Y(), this._panEnd = new Y(), this._panDelta = new Y(), this._dollyStart = new Y(), this._dollyEnd = new Y(), this._dollyDelta = new Y(), this._dollyDirection = new M(), this._mouse = new Y(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = Us.bind(this), this._onPointerDown = Bs.bind(this), this._onPointerUp = Vs.bind(this), this._onContextMenu = $s.bind(this), this._onMouseWheel = Zs.bind(this), this._onKeyDown = Qs.bind(this), this._onTouchStart = Js.bind(this), this._onTouchMove = _s.bind(this), this._onMouseDown = Ys.bind(this), this._onMouseMove = Ks.bind(this), this._interceptControlDown = ei.bind(this), this._interceptControlUp = ti.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+    super(e, t), this.state = N.NONE, this.target = new M(), this.cursor = new M(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: Ne.ROTATE, MIDDLE: Ne.DOLLY, RIGHT: Ne.PAN }, this.touches = { ONE: Le.ROTATE, TWO: Le.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._cursorStyle = "auto", this._domElementKeyEvents = null, this._lastPosition = new M(), this._lastQuaternion = new K(), this._lastTargetPosition = new M(), this._quat = new K().setFromUnitVectors(e.up, new M(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new en(), this._sphericalDelta = new en(), this._scale = 1, this._panOffset = new M(), this._rotateStart = new Y(), this._rotateEnd = new Y(), this._rotateDelta = new Y(), this._panStart = new Y(), this._panEnd = new Y(), this._panDelta = new Y(), this._dollyStart = new Y(), this._dollyEnd = new Y(), this._dollyDelta = new Y(), this._dollyDirection = new M(), this._mouse = new Y(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = Us.bind(this), this._onPointerDown = Bs.bind(this), this._onPointerUp = Vs.bind(this), this._onContextMenu = $s.bind(this), this._onMouseWheel = Zs.bind(this), this._onKeyDown = Qs.bind(this), this._onTouchStart = Js.bind(this), this._onTouchMove = _s.bind(this), this._onMouseDown = Ys.bind(this), this._onMouseMove = Ks.bind(this), this._interceptControlDown = ei.bind(this), this._interceptControlUp = ti.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
   /**
    * Defines the visual representation of the cursor.
@@ -96,7 +96,7 @@ class Xs extends On {
    * was called, or the initial state.
    */
   reset() {
-    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(rn), this.update(), this.state = H.NONE;
+    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(rn), this.update(), this.state = N.NONE;
   }
   /**
    * Programmatically pan the camera.
@@ -141,7 +141,7 @@ class Xs extends On {
   }
   update(e = null) {
     const t = this.object.position;
-    G.copy(t).sub(this.target), G.applyQuaternion(this._quat), this._spherical.setFromVector3(G), this.autoRotate && this.state === H.NONE && this._rotateLeft(this._getAutoRotationAngle(e)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
+    G.copy(t).sub(this.target), G.applyQuaternion(this._quat), this._spherical.setFromVector3(G), this.autoRotate && this.state === N.NONE && this._rotateLeft(this._getAutoRotationAngle(e)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
     let s = this.minAzimuthAngle, n = this.maxAzimuthAngle;
     isFinite(s) && isFinite(n) && (s < -Math.PI ? s += V : s > Math.PI && (s -= V), n < -Math.PI ? n += V : n > Math.PI && (n -= V), s <= n ? this._spherical.theta = Math.max(s, Math.min(n, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (s + n) / 2 ? Math.max(s, this._spherical.theta) : Math.min(n, this._spherical.theta)), this._spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this._spherical.phi)), this._spherical.makeSafe(), this.enableDamping === !0 ? this.target.addScaledVector(this._panOffset, this.dampingFactor) : this.target.add(this._panOffset), this.target.sub(this.cursor), this.target.clampLength(this.minTargetRadius, this.maxTargetRadius), this.target.add(this.cursor);
     let i = !1;
@@ -373,7 +373,7 @@ function Us(r) {
 function Vs(r) {
   switch (this._removePointer(r), this._pointers.length) {
     case 0:
-      this.domElement.releasePointerCapture(r.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(zn), this.state = H.NONE, this._cursorStyle === "grab" && (this.domElement.style.cursor = "grab");
+      this.domElement.releasePointerCapture(r.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(zn), this.state = N.NONE, this._cursorStyle === "grab" && (this.domElement.style.cursor = "grab");
       break;
     case 1:
       const e = this._pointers[0], t = this._pointerPositions[e];
@@ -399,49 +399,49 @@ function Ys(r) {
   switch (e) {
     case Ne.DOLLY:
       if (this.enableZoom === !1) return;
-      this._handleMouseDownDolly(r), this.state = H.DOLLY;
+      this._handleMouseDownDolly(r), this.state = N.DOLLY;
       break;
     case Ne.ROTATE:
       if (r.ctrlKey || r.metaKey || r.shiftKey) {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(r), this.state = H.PAN;
+        this._handleMouseDownPan(r), this.state = N.PAN;
       } else {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(r), this.state = H.ROTATE;
+        this._handleMouseDownRotate(r), this.state = N.ROTATE;
       }
       break;
     case Ne.PAN:
       if (r.ctrlKey || r.metaKey || r.shiftKey) {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(r), this.state = H.ROTATE;
+        this._handleMouseDownRotate(r), this.state = N.ROTATE;
       } else {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(r), this.state = H.PAN;
+        this._handleMouseDownPan(r), this.state = N.PAN;
       }
       break;
     default:
-      this.state = H.NONE;
+      this.state = N.NONE;
   }
-  this.state !== H.NONE && this.dispatchEvent(Kt);
+  this.state !== N.NONE && this.dispatchEvent(Kt);
 }
 function Ks(r) {
   switch (this.state) {
-    case H.ROTATE:
+    case N.ROTATE:
       if (this.enableRotate === !1) return;
       this._handleMouseMoveRotate(r);
       break;
-    case H.DOLLY:
+    case N.DOLLY:
       if (this.enableZoom === !1) return;
       this._handleMouseMoveDolly(r);
       break;
-    case H.PAN:
+    case N.PAN:
       if (this.enablePan === !1) return;
       this._handleMouseMovePan(r);
       break;
   }
 }
 function Zs(r) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== H.NONE || (r.preventDefault(), this.dispatchEvent(Kt), this._handleMouseWheel(this._customWheelEvent(r)), this.dispatchEvent(zn));
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== N.NONE || (r.preventDefault(), this.dispatchEvent(Kt), this._handleMouseWheel(this._customWheelEvent(r)), this.dispatchEvent(zn));
 }
 function Qs(r) {
   this.enabled !== !1 && this._handleKeyDown(r);
@@ -452,55 +452,55 @@ function Js(r) {
       switch (this.touches.ONE) {
         case Le.ROTATE:
           if (this.enableRotate === !1) return;
-          this._handleTouchStartRotate(r), this.state = H.TOUCH_ROTATE;
+          this._handleTouchStartRotate(r), this.state = N.TOUCH_ROTATE;
           break;
         case Le.PAN:
           if (this.enablePan === !1) return;
-          this._handleTouchStartPan(r), this.state = H.TOUCH_PAN;
+          this._handleTouchStartPan(r), this.state = N.TOUCH_PAN;
           break;
         default:
-          this.state = H.NONE;
+          this.state = N.NONE;
       }
       break;
     case 2:
       switch (this.touches.TWO) {
         case Le.DOLLY_PAN:
           if (this.enableZoom === !1 && this.enablePan === !1) return;
-          this._handleTouchStartDollyPan(r), this.state = H.TOUCH_DOLLY_PAN;
+          this._handleTouchStartDollyPan(r), this.state = N.TOUCH_DOLLY_PAN;
           break;
         case Le.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
-          this._handleTouchStartDollyRotate(r), this.state = H.TOUCH_DOLLY_ROTATE;
+          this._handleTouchStartDollyRotate(r), this.state = N.TOUCH_DOLLY_ROTATE;
           break;
         default:
-          this.state = H.NONE;
+          this.state = N.NONE;
       }
       break;
     default:
-      this.state = H.NONE;
+      this.state = N.NONE;
   }
-  this.state !== H.NONE && this.dispatchEvent(Kt);
+  this.state !== N.NONE && this.dispatchEvent(Kt);
 }
 function _s(r) {
   switch (this._trackPointer(r), this.state) {
-    case H.TOUCH_ROTATE:
+    case N.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
       this._handleTouchMoveRotate(r), this.update();
       break;
-    case H.TOUCH_PAN:
+    case N.TOUCH_PAN:
       if (this.enablePan === !1) return;
       this._handleTouchMovePan(r), this.update();
       break;
-    case H.TOUCH_DOLLY_PAN:
+    case N.TOUCH_DOLLY_PAN:
       if (this.enableZoom === !1 && this.enablePan === !1) return;
       this._handleTouchMoveDollyPan(r), this.update();
       break;
-    case H.TOUCH_DOLLY_ROTATE:
+    case N.TOUCH_DOLLY_ROTATE:
       if (this.enableZoom === !1 && this.enableRotate === !1) return;
       this._handleTouchMoveDollyRotate(r), this.update();
       break;
     default:
-      this.state = H.NONE;
+      this.state = N.NONE;
   }
 }
 function $s(r) {
@@ -512,11 +512,11 @@ function ei(r) {
 function ti(r) {
   r.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-const Ce = new As(), F = new M(), he = new M(), k = new K(), ln = {
+const xe = new ds(), F = new M(), fe = new M(), k = new K(), ln = {
   X: new M(1, 0, 0),
   Y: new M(0, 1, 0),
   Z: new M(0, 0, 1)
-}, Tt = { type: "change" }, cn = { type: "mouseDown", mode: null }, un = { type: "mouseUp", mode: null }, An = { type: "objectChange" };
+}, Tt = { type: "change" }, cn = { type: "mouseDown", mode: null }, un = { type: "mouseUp", mode: null }, dn = { type: "objectChange" };
 class ni extends On {
   /**
    * Constructs a new controls instance.
@@ -533,20 +533,20 @@ class ni extends On {
     const i = new ui();
     this._plane = i, s.add(i);
     const o = this;
-    function a(C, y) {
-      let w = y;
+    function a(C, x) {
+      let w = x;
       Object.defineProperty(o, C, {
         get: function() {
-          return w !== void 0 ? w : y;
+          return w !== void 0 ? w : x;
         },
         set: function(D) {
           w !== D && (w = D, i[C] = D, n[C] = D, o.dispatchEvent({ type: C + "-changed", value: D }), o.dispatchEvent(Tt));
         }
-      }), o[C] = y, i[C] = y, n[C] = y;
+      }), o[C] = x, i[C] = x, n[C] = x;
     }
     a("camera", e), a("object", void 0), a("enabled", !0), a("axis", null), a("mode", "translate"), a("translationSnap", null), a("rotationSnap", null), a("scaleSnap", null), a("space", "world"), a("size", 1), a("dragging", !1), a("showX", !0), a("showY", !0), a("showZ", !0), a("showXY", !0), a("showYZ", !0), a("showXZ", !0), a("minX", -1 / 0), a("maxX", 1 / 0), a("minY", -1 / 0), a("maxY", 1 / 0), a("minZ", -1 / 0), a("maxZ", 1 / 0);
-    const l = new M(), c = new M(), A = new K(), u = new K(), h = new M(), d = new K(), p = new M(), m = new M(), f = new M(), g = 0, x = new M();
-    a("worldPosition", l), a("worldPositionStart", c), a("worldQuaternion", A), a("worldQuaternionStart", u), a("cameraPosition", h), a("cameraQuaternion", d), a("pointStart", p), a("pointEnd", m), a("rotationAxis", f), a("rotationAngle", g), a("eye", x), this._offset = new M(), this._startNorm = new M(), this._endNorm = new M(), this._cameraScale = new M(), this._parentPosition = new M(), this._parentQuaternion = new K(), this._parentQuaternionInv = new K(), this._parentScale = new M(), this._worldScaleStart = new M(), this._worldQuaternionInv = new K(), this._worldScale = new M(), this._positionStart = new M(), this._quaternionStart = new K(), this._scaleStart = new M(), this._getPointer = si.bind(this), this._onPointerDown = oi.bind(this), this._onPointerHover = ii.bind(this), this._onPointerMove = ri.bind(this), this._onPointerUp = ai.bind(this), t !== null && this.connect(t);
+    const l = new M(), c = new M(), d = new K(), u = new K(), h = new M(), A = new K(), f = new M(), p = new M(), m = new M(), g = 0, y = new M();
+    a("worldPosition", l), a("worldPositionStart", c), a("worldQuaternion", d), a("worldQuaternionStart", u), a("cameraPosition", h), a("cameraQuaternion", A), a("pointStart", f), a("pointEnd", p), a("rotationAxis", m), a("rotationAngle", g), a("eye", y), this._offset = new M(), this._startNorm = new M(), this._endNorm = new M(), this._cameraScale = new M(), this._parentPosition = new M(), this._parentQuaternion = new K(), this._parentQuaternionInv = new K(), this._parentScale = new M(), this._worldScaleStart = new M(), this._worldQuaternionInv = new K(), this._worldScale = new M(), this._positionStart = new M(), this._quaternionStart = new K(), this._scaleStart = new M(), this._getPointer = si.bind(this), this._onPointerDown = oi.bind(this), this._onPointerHover = ii.bind(this), this._onPointerMove = ri.bind(this), this._onPointerUp = ai.bind(this), t !== null && this.connect(t);
   }
   connect(e) {
     super.connect(e), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointermove", this._onPointerHover), this.domElement.addEventListener("pointerup", this._onPointerUp), this.domElement.style.touchAction = "none";
@@ -565,14 +565,14 @@ class ni extends On {
   }
   pointerHover(e) {
     if (this.object === void 0 || this.dragging === !0) return;
-    e !== null && Ce.setFromCamera(e, this.camera);
-    const t = Ot(this._gizmo.picker[this.mode], Ce);
+    e !== null && xe.setFromCamera(e, this.camera);
+    const t = Ot(this._gizmo.picker[this.mode], xe);
     t ? this.axis = t.object.name : this.axis = null;
   }
   pointerDown(e) {
     if (!(this.object === void 0 || this.dragging === !0 || e != null && e.button !== 0) && this.axis !== null) {
-      e !== null && Ce.setFromCamera(e, this.camera);
-      const t = Ot(this._plane, Ce, !0);
+      e !== null && xe.setFromCamera(e, this.camera);
+      const t = Ot(this._plane, xe, !0);
       t && (this.object.updateMatrixWorld(), this.object.parent.updateMatrixWorld(), this._positionStart.copy(this.object.position), this._quaternionStart.copy(this.object.quaternion), this._scaleStart.copy(this.object.scale), this.object.matrixWorld.decompose(this.worldPositionStart, this.worldQuaternionStart, this._worldScaleStart), this.pointStart.copy(t.point).sub(this.worldPositionStart)), this.dragging = !0, cn.mode = this.mode, this.dispatchEvent(cn);
     }
   }
@@ -580,25 +580,25 @@ class ni extends On {
     const t = this.axis, s = this.mode, n = this.object;
     let i = this.space;
     if (s === "scale" ? i = "local" : (t === "E" || t === "XYZE" || t === "XYZ") && (i = "world"), n === void 0 || t === null || this.dragging === !1 || e !== null && e.button !== -1) return;
-    e !== null && Ce.setFromCamera(e, this.camera);
-    const o = Ot(this._plane, Ce, !0);
+    e !== null && xe.setFromCamera(e, this.camera);
+    const o = Ot(this._plane, xe, !0);
     if (o) {
       if (this.pointEnd.copy(o.point).sub(this.worldPositionStart), s === "translate")
         this._offset.copy(this.pointEnd).sub(this.pointStart), i === "local" && t !== "XYZ" && this._offset.applyQuaternion(this._worldQuaternionInv), t.indexOf("X") === -1 && (this._offset.x = 0), t.indexOf("Y") === -1 && (this._offset.y = 0), t.indexOf("Z") === -1 && (this._offset.z = 0), i === "local" && t !== "XYZ" ? this._offset.applyQuaternion(this._quaternionStart).divide(this._parentScale) : this._offset.applyQuaternion(this._parentQuaternionInv).divide(this._parentScale), n.position.copy(this._offset).add(this._positionStart), this.translationSnap && (i === "local" && (n.position.applyQuaternion(k.copy(this._quaternionStart).invert()), t.search("X") !== -1 && (n.position.x = Math.round(n.position.x / this.translationSnap) * this.translationSnap), t.search("Y") !== -1 && (n.position.y = Math.round(n.position.y / this.translationSnap) * this.translationSnap), t.search("Z") !== -1 && (n.position.z = Math.round(n.position.z / this.translationSnap) * this.translationSnap), n.position.applyQuaternion(this._quaternionStart)), i === "world" && (n.parent && n.position.add(F.setFromMatrixPosition(n.parent.matrixWorld)), t.search("X") !== -1 && (n.position.x = Math.round(n.position.x / this.translationSnap) * this.translationSnap), t.search("Y") !== -1 && (n.position.y = Math.round(n.position.y / this.translationSnap) * this.translationSnap), t.search("Z") !== -1 && (n.position.z = Math.round(n.position.z / this.translationSnap) * this.translationSnap), n.parent && n.position.sub(F.setFromMatrixPosition(n.parent.matrixWorld)))), n.position.x = Math.max(this.minX, Math.min(this.maxX, n.position.x)), n.position.y = Math.max(this.minY, Math.min(this.maxY, n.position.y)), n.position.z = Math.max(this.minZ, Math.min(this.maxZ, n.position.z));
       else if (s === "scale") {
         if (t.search("XYZ") !== -1) {
           let a = this.pointEnd.length() / this.pointStart.length();
-          this.pointEnd.dot(this.pointStart) < 0 && (a *= -1), he.set(a, a, a);
+          this.pointEnd.dot(this.pointStart) < 0 && (a *= -1), fe.set(a, a, a);
         } else
-          F.copy(this.pointStart), he.copy(this.pointEnd), F.applyQuaternion(this._worldQuaternionInv), he.applyQuaternion(this._worldQuaternionInv), he.divide(F), t.search("X") === -1 && (he.x = 1), t.search("Y") === -1 && (he.y = 1), t.search("Z") === -1 && (he.z = 1);
-        n.scale.copy(this._scaleStart).multiply(he), this.scaleSnap && (t.search("X") !== -1 && (n.scale.x = Math.round(n.scale.x / this.scaleSnap) * this.scaleSnap || this.scaleSnap), t.search("Y") !== -1 && (n.scale.y = Math.round(n.scale.y / this.scaleSnap) * this.scaleSnap || this.scaleSnap), t.search("Z") !== -1 && (n.scale.z = Math.round(n.scale.z / this.scaleSnap) * this.scaleSnap || this.scaleSnap));
+          F.copy(this.pointStart), fe.copy(this.pointEnd), F.applyQuaternion(this._worldQuaternionInv), fe.applyQuaternion(this._worldQuaternionInv), fe.divide(F), t.search("X") === -1 && (fe.x = 1), t.search("Y") === -1 && (fe.y = 1), t.search("Z") === -1 && (fe.z = 1);
+        n.scale.copy(this._scaleStart).multiply(fe), this.scaleSnap && (t.search("X") !== -1 && (n.scale.x = Math.round(n.scale.x / this.scaleSnap) * this.scaleSnap || this.scaleSnap), t.search("Y") !== -1 && (n.scale.y = Math.round(n.scale.y / this.scaleSnap) * this.scaleSnap || this.scaleSnap), t.search("Z") !== -1 && (n.scale.z = Math.round(n.scale.z / this.scaleSnap) * this.scaleSnap || this.scaleSnap));
       } else if (s === "rotate") {
         this._offset.copy(this.pointEnd).sub(this.pointStart);
         const a = 20 / this.worldPosition.distanceTo(F.setFromMatrixPosition(this.camera.matrixWorld));
         let l = !1;
         t === "XYZE" ? (this.rotationAxis.copy(this._offset).cross(this.eye).normalize(), this.rotationAngle = this._offset.dot(F.copy(this.rotationAxis).cross(this.eye)) * a) : (t === "X" || t === "Y" || t === "Z") && (this.rotationAxis.copy(ln[t]), F.copy(ln[t]), i === "local" && F.applyQuaternion(this.worldQuaternion), F.cross(this.eye), F.length() === 0 ? l = !0 : this.rotationAngle = this._offset.dot(F.normalize()) * a), (t === "E" || l) && (this.rotationAxis.copy(this.eye), this.rotationAngle = this.pointEnd.angleTo(this.pointStart), this._startNorm.copy(this.pointStart).normalize(), this._endNorm.copy(this.pointEnd).normalize(), this.rotationAngle *= this._endNorm.cross(this._startNorm).dot(this.eye) < 0 ? 1 : -1), this.rotationSnap && (this.rotationAngle = Math.round(this.rotationAngle / this.rotationSnap) * this.rotationSnap), i === "local" && t !== "E" && t !== "XYZE" ? (n.quaternion.copy(this._quaternionStart), n.quaternion.multiply(k.setFromAxisAngle(this.rotationAxis, this.rotationAngle)).normalize()) : (this.rotationAxis.applyQuaternion(this._parentQuaternionInv), n.quaternion.copy(k.setFromAxisAngle(this.rotationAxis, this.rotationAngle)), n.quaternion.multiply(this._quaternionStart).normalize());
       }
-      this.dispatchEvent(Tt), this.dispatchEvent(An);
+      this.dispatchEvent(Tt), this.dispatchEvent(dn);
     }
   }
   pointerUp(e) {
@@ -628,7 +628,7 @@ class ni extends On {
    * Resets the object's position, rotation and scale to when the current transform began.
    */
   reset() {
-    this.enabled && this.dragging && (this.object.position.copy(this._positionStart), this.object.quaternion.copy(this._quaternionStart), this.object.scale.copy(this._scaleStart), this.dispatchEvent(Tt), this.dispatchEvent(An), this.pointStart.copy(this.pointEnd));
+    this.enabled && this.dragging && (this.object.position.copy(this._positionStart), this.object.quaternion.copy(this._quaternionStart), this.object.scale.copy(this._scaleStart), this.dispatchEvent(Tt), this.dispatchEvent(dn), this.pointStart.copy(this.pointEnd));
   }
   /**
    * Returns the raycaster that is used for user interaction. This object is shared between all
@@ -637,7 +637,7 @@ class ni extends On {
    * @returns {Raycaster} The internal raycaster.
    */
   getRaycaster() {
-    return Ce;
+    return xe;
   }
   /**
    * Returns the transformation mode.
@@ -749,7 +749,7 @@ function Ot(r, e, t) {
       return s[n];
   return !1;
 }
-const ut = new hs(), L = new M(0, 1, 0), dn = new M(0, 0, 0), hn = new me(), At = new K(), mt = new K(), oe = new M(), fn = new me(), Ve = new M(1, 0, 0), we = new M(0, 1, 0), Ye = new M(0, 0, 1), dt = new M(), Fe = new M(), qe = new M();
+const ut = new hs(), j = new M(0, 1, 0), An = new M(0, 0, 0), hn = new ge(), dt = new K(), mt = new K(), oe = new M(), fn = new ge(), Ve = new M(1, 0, 0), ve = new M(0, 1, 0), Ye = new M(0, 0, 1), At = new M(), Fe = new M(), qe = new M();
 class li extends ke {
   constructor(e) {
     super(), this.isTransformControlsRoot = !0, this.controls = e, this.visible = !1;
@@ -794,62 +794,62 @@ class ci extends ke {
     l.color.setHex(16711680), l.opacity = 0.5;
     const c = e.clone();
     c.color.setHex(65280), c.opacity = 0.5;
-    const A = e.clone();
-    A.color.setHex(255), A.opacity = 0.5;
+    const d = e.clone();
+    d.color.setHex(255), d.opacity = 0.5;
     const u = e.clone();
     u.opacity = 0.25;
     const h = e.clone();
     h.color.setHex(16776960), h.opacity = 0.25;
-    const d = e.clone();
-    d.color.setHex(16776960);
-    const p = e.clone();
-    p.color.setHex(7895160), this.materialLib = {
+    const A = e.clone();
+    A.color.setHex(16776960);
+    const f = e.clone();
+    f.color.setHex(7895160), this.materialLib = {
       xAxis: i,
       yAxis: o,
       zAxis: a,
-      active: d,
+      active: A,
       xAxisTransparent: l,
       yAxisTransparent: c,
-      zAxisTransparent: A,
+      zAxisTransparent: d,
       activeTransparent: h
     };
-    const m = new U(0, 0.04, 0.1, 12);
-    m.translate(0, 0.05, 0);
-    const f = new q(0.08, 0.08, 0.08);
-    f.translate(0, 0.04, 0);
+    const p = new U(0, 0.04, 0.1, 12);
+    p.translate(0, 0.05, 0);
+    const m = new q(0.08, 0.08, 0.08);
+    m.translate(0, 0.04, 0);
     const g = new We();
-    g.setAttribute("position", new pe([0, 0, 0, 1, 0, 0], 3));
-    const x = new U(75e-4, 75e-4, 0.5, 3);
-    x.translate(0, 0.25, 0);
-    function C($, it) {
-      const ne = new Ge($, 75e-4, 3, 64, it * Math.PI * 2);
-      return ne.rotateY(Math.PI / 2), ne.rotateX(Math.PI / 2), ne;
+    g.setAttribute("position", new me([0, 0, 0, 1, 0, 0], 3));
+    const y = new U(75e-4, 75e-4, 0.5, 3);
+    y.translate(0, 0.25, 0);
+    function C(ee, it) {
+      const se = new Ge(ee, 75e-4, 3, 64, it * Math.PI * 2);
+      return se.rotateY(Math.PI / 2), se.rotateX(Math.PI / 2), se;
     }
-    function y() {
-      const $ = new We();
-      return $.setAttribute("position", new pe([0, 0, 0, 1, 1, 1], 3)), $;
+    function x() {
+      const ee = new We();
+      return ee.setAttribute("position", new me([0, 0, 0, 1, 1, 1], 3)), ee;
     }
     const w = {
       X: [
-        [new v(m, i), [0.5, 0, 0], [0, 0, -Math.PI / 2]],
-        [new v(m, i), [-0.5, 0, 0], [0, 0, Math.PI / 2]],
-        [new v(x, i), [0, 0, 0], [0, 0, -Math.PI / 2]]
+        [new v(p, i), [0.5, 0, 0], [0, 0, -Math.PI / 2]],
+        [new v(p, i), [-0.5, 0, 0], [0, 0, Math.PI / 2]],
+        [new v(y, i), [0, 0, 0], [0, 0, -Math.PI / 2]]
       ],
       Y: [
-        [new v(m, o), [0, 0.5, 0]],
-        [new v(m, o), [0, -0.5, 0], [Math.PI, 0, 0]],
-        [new v(x, o)]
+        [new v(p, o), [0, 0.5, 0]],
+        [new v(p, o), [0, -0.5, 0], [Math.PI, 0, 0]],
+        [new v(y, o)]
       ],
       Z: [
-        [new v(m, a), [0, 0, 0.5], [Math.PI / 2, 0, 0]],
-        [new v(m, a), [0, 0, -0.5], [-Math.PI / 2, 0, 0]],
-        [new v(x, a), null, [Math.PI / 2, 0, 0]]
+        [new v(p, a), [0, 0, 0.5], [Math.PI / 2, 0, 0]],
+        [new v(p, a), [0, 0, -0.5], [-Math.PI / 2, 0, 0]],
+        [new v(y, a), null, [Math.PI / 2, 0, 0]]
       ],
       XYZ: [
         [new v(new lt(0.1, 0), u), [0, 0, 0]]
       ],
       XY: [
-        [new v(new q(0.15, 0.15, 0.01), A), [0.15, 0.15, 0]]
+        [new v(new q(0.15, 0.15, 0.01), d), [0.15, 0.15, 0]]
       ],
       YZ: [
         [new v(new q(0.15, 0.15, 0.01), l), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]
@@ -890,7 +890,7 @@ class ci extends ke {
         [new v(new lt(0.01, 2), n), null, null, null, "helper"]
       ],
       DELTA: [
-        [new ue(y(), n), null, null, null, "helper"]
+        [new ue(x(), n), null, null, null, "helper"]
       ],
       X: [
         [new ue(g, n), [-1e3, 0, 0], null, [1e6, 1, 1], "helper"]
@@ -903,7 +903,7 @@ class ci extends ke {
       ]
     }, Z = {
       XYZE: [
-        [new v(C(0.5, 1), p), null, [0, Math.PI / 2, 0]]
+        [new v(C(0.5, 1), f), null, [0, Math.PI / 2, 0]]
       ],
       X: [
         [new v(C(0.5, 0.5), i)]
@@ -917,13 +917,13 @@ class ci extends ke {
       E: [
         [new v(C(0.75, 1), h), null, [0, Math.PI / 2, 0]]
       ]
-    }, _ = {
+    }, $ = {
       AXIS: [
         [new ue(g, n), [-1e3, 0, 0], null, [1e6, 1, 1], "helper"]
       ]
     }, Q = {
       XYZE: [
-        [new v(new ds(0.25, 10, 8), s)]
+        [new v(new As(0.25, 10, 8), s)]
       ],
       X: [
         [new v(new Ge(0.5, 0.1, 4, 24), s), [0, 0, 0], [0, -Math.PI / 2, -Math.PI / 2]]
@@ -937,24 +937,24 @@ class ci extends ke {
       E: [
         [new v(new Ge(0.75, 0.1, 2, 24), s)]
       ]
-    }, ye = {
+    }, Ce = {
       X: [
-        [new v(f, i), [0.5, 0, 0], [0, 0, -Math.PI / 2]],
-        [new v(x, i), [0, 0, 0], [0, 0, -Math.PI / 2]],
-        [new v(f, i), [-0.5, 0, 0], [0, 0, Math.PI / 2]]
+        [new v(m, i), [0.5, 0, 0], [0, 0, -Math.PI / 2]],
+        [new v(y, i), [0, 0, 0], [0, 0, -Math.PI / 2]],
+        [new v(m, i), [-0.5, 0, 0], [0, 0, Math.PI / 2]]
       ],
       Y: [
-        [new v(f, o), [0, 0.5, 0]],
-        [new v(x, o)],
-        [new v(f, o), [0, -0.5, 0], [0, 0, Math.PI]]
+        [new v(m, o), [0, 0.5, 0]],
+        [new v(y, o)],
+        [new v(m, o), [0, -0.5, 0], [0, 0, Math.PI]]
       ],
       Z: [
-        [new v(f, a), [0, 0, 0.5], [Math.PI / 2, 0, 0]],
-        [new v(x, a), [0, 0, 0], [Math.PI / 2, 0, 0]],
-        [new v(f, a), [0, 0, -0.5], [-Math.PI / 2, 0, 0]]
+        [new v(m, a), [0, 0, 0.5], [Math.PI / 2, 0, 0]],
+        [new v(y, a), [0, 0, 0], [Math.PI / 2, 0, 0]],
+        [new v(m, a), [0, 0, -0.5], [-Math.PI / 2, 0, 0]]
       ],
       XY: [
-        [new v(new q(0.15, 0.15, 0.01), A), [0.15, 0.15, 0]]
+        [new v(new q(0.15, 0.15, 0.01), d), [0.15, 0.15, 0]]
       ],
       YZ: [
         [new v(new q(0.15, 0.15, 0.01), l), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]
@@ -1001,18 +1001,18 @@ class ci extends ke {
         [new ue(g, n), [0, 0, -1e3], [0, -Math.PI / 2, 0], [1e6, 1, 1], "helper"]
       ]
     };
-    function ce($) {
+    function ce(ee) {
       const it = new ke();
-      for (const ne in $)
-        for (let Ee = $[ne].length; Ee--; ) {
-          const B = $[ne][Ee][0].clone(), ot = $[ne][Ee][1], rt = $[ne][Ee][2], at = $[ne][Ee][3], Jn = $[ne][Ee][4];
-          B.name = ne, B.tag = Jn, ot && B.position.set(ot[0], ot[1], ot[2]), rt && B.rotation.set(rt[0], rt[1], rt[2]), at && B.scale.set(at[0], at[1], at[2]), B.updateMatrix();
+      for (const se in ee)
+        for (let Ee = ee[se].length; Ee--; ) {
+          const B = ee[se][Ee][0].clone(), ot = ee[se][Ee][1], rt = ee[se][Ee][2], at = ee[se][Ee][3], Jn = ee[se][Ee][4];
+          B.name = se, B.tag = Jn, ot && B.position.set(ot[0], ot[1], ot[2]), rt && B.rotation.set(rt[0], rt[1], rt[2]), at && B.scale.set(at[0], at[1], at[2]), B.updateMatrix();
           const _t = B.geometry.clone();
           _t.applyMatrix4(B.matrix), B.geometry = _t, B.renderOrder = 1 / 0, B.position.set(0, 0, 0), B.rotation.set(0, 0, 0), B.scale.set(1, 1, 1), it.add(B);
         }
       return it;
     }
-    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = ce(w)), this.add(this.gizmo.rotate = ce(Z)), this.add(this.gizmo.scale = ce(ye)), this.add(this.picker.translate = ce(D)), this.add(this.picker.rotate = ce(Q)), this.add(this.picker.scale = ce(Mt)), this.add(this.helper.translate = ce(S)), this.add(this.helper.rotate = ce(_)), this.add(this.helper.scale = ce(Qn)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
+    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = ce(w)), this.add(this.gizmo.rotate = ce(Z)), this.add(this.gizmo.scale = ce(Ce)), this.add(this.picker.translate = ce(D)), this.add(this.picker.rotate = ce(Q)), this.add(this.picker.scale = ce(Mt)), this.add(this.helper.translate = ce(S)), this.add(this.helper.rotate = ce($)), this.add(this.helper.scale = ce(Qn)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
   }
   // updateMatrixWorld will update transformations and appearance of individual handles
   updateMatrixWorld(e) {
@@ -1025,10 +1025,10 @@ class ci extends ke {
       o.visible = !0, o.rotation.set(0, 0, 0), o.position.copy(this.worldPosition);
       let a;
       if (this.camera.isOrthographicCamera ? a = (this.camera.top - this.camera.bottom) / this.camera.zoom : a = this.worldPosition.distanceTo(this.cameraPosition) * Math.min(1.9 * Math.tan(Math.PI * this.camera.fov / 360) / this.camera.zoom, 7), o.scale.set(1, 1, 1).multiplyScalar(a * this.size / 4), o.tag === "helper") {
-        o.visible = !1, o.name === "AXIS" ? (o.visible = !!this.axis, this.axis === "X" && (k.setFromEuler(ut.set(0, 0, 0)), o.quaternion.copy(s).multiply(k), Math.abs(L.copy(Ve).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "Y" && (k.setFromEuler(ut.set(0, 0, Math.PI / 2)), o.quaternion.copy(s).multiply(k), Math.abs(L.copy(we).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "Z" && (k.setFromEuler(ut.set(0, Math.PI / 2, 0)), o.quaternion.copy(s).multiply(k), Math.abs(L.copy(Ye).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "XYZE" && (k.setFromEuler(ut.set(0, Math.PI / 2, 0)), L.copy(this.rotationAxis), o.quaternion.setFromRotationMatrix(hn.lookAt(dn, L, we)), o.quaternion.multiply(k), o.visible = this.dragging), this.axis === "E" && (o.visible = !1)) : o.name === "START" ? (o.position.copy(this.worldPositionStart), o.visible = this.dragging) : o.name === "END" ? (o.position.copy(this.worldPosition), o.visible = this.dragging) : o.name === "DELTA" ? (o.position.copy(this.worldPositionStart), o.quaternion.copy(this.worldQuaternionStart), F.set(1e-10, 1e-10, 1e-10).add(this.worldPositionStart).sub(this.worldPosition).multiplyScalar(-1), F.applyQuaternion(this.worldQuaternionStart.clone().invert()), o.scale.copy(F), o.visible = this.dragging) : (o.quaternion.copy(s), this.dragging ? o.position.copy(this.worldPositionStart) : o.position.copy(this.worldPosition), this.axis && (o.visible = this.axis.search(o.name) !== -1));
+        o.visible = !1, o.name === "AXIS" ? (o.visible = !!this.axis, this.axis === "X" && (k.setFromEuler(ut.set(0, 0, 0)), o.quaternion.copy(s).multiply(k), Math.abs(j.copy(Ve).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "Y" && (k.setFromEuler(ut.set(0, 0, Math.PI / 2)), o.quaternion.copy(s).multiply(k), Math.abs(j.copy(ve).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "Z" && (k.setFromEuler(ut.set(0, Math.PI / 2, 0)), o.quaternion.copy(s).multiply(k), Math.abs(j.copy(Ye).applyQuaternion(s).dot(this.eye)) > 0.9 && (o.visible = !1)), this.axis === "XYZE" && (k.setFromEuler(ut.set(0, Math.PI / 2, 0)), j.copy(this.rotationAxis), o.quaternion.setFromRotationMatrix(hn.lookAt(An, j, ve)), o.quaternion.multiply(k), o.visible = this.dragging), this.axis === "E" && (o.visible = !1)) : o.name === "START" ? (o.position.copy(this.worldPositionStart), o.visible = this.dragging) : o.name === "END" ? (o.position.copy(this.worldPosition), o.visible = this.dragging) : o.name === "DELTA" ? (o.position.copy(this.worldPositionStart), o.quaternion.copy(this.worldQuaternionStart), F.set(1e-10, 1e-10, 1e-10).add(this.worldPositionStart).sub(this.worldPosition).multiplyScalar(-1), F.applyQuaternion(this.worldQuaternionStart.clone().invert()), o.scale.copy(F), o.visible = this.dragging) : (o.quaternion.copy(s), this.dragging ? o.position.copy(this.worldPositionStart) : o.position.copy(this.worldPosition), this.axis && (o.visible = this.axis.search(o.name) !== -1));
         continue;
       }
-      o.quaternion.copy(s), this.mode === "translate" || this.mode === "scale" ? (o.name === "X" && Math.abs(L.copy(Ve).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "Y" && Math.abs(L.copy(we).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "Z" && Math.abs(L.copy(Ye).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "XY" && Math.abs(L.copy(Ye).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "YZ" && Math.abs(L.copy(Ve).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "XZ" && Math.abs(L.copy(we).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1)) : this.mode === "rotate" && (At.copy(s), L.copy(this.eye).applyQuaternion(k.copy(s).invert()), o.name.search("E") !== -1 && o.quaternion.setFromRotationMatrix(hn.lookAt(this.eye, dn, we)), o.name === "X" && (k.setFromAxisAngle(Ve, Math.atan2(-L.y, L.z)), k.multiplyQuaternions(At, k), o.quaternion.copy(k)), o.name === "Y" && (k.setFromAxisAngle(we, Math.atan2(L.x, L.z)), k.multiplyQuaternions(At, k), o.quaternion.copy(k)), o.name === "Z" && (k.setFromAxisAngle(Ye, Math.atan2(L.y, L.x)), k.multiplyQuaternions(At, k), o.quaternion.copy(k))), o.visible = o.visible && (o.name.indexOf("X") === -1 || this.showX), o.visible = o.visible && (o.name.indexOf("Y") === -1 || this.showY), o.visible = o.visible && (o.name.indexOf("Z") === -1 || this.showZ), o.visible = o.visible && (o.name.indexOf("E") === -1 || this.showX && this.showY && this.showZ), o.visible = o.visible && (o.name.indexOf("XY") === -1 || this.showXY), o.visible = o.visible && (o.name.indexOf("YZ") === -1 || this.showYZ), o.visible = o.visible && (o.name.indexOf("XZ") === -1 || this.showXZ), o.material._color = o.material._color || o.material.color.clone(), o.material._opacity = o.material._opacity || o.material.opacity, o.material.color.copy(o.material._color), o.material.opacity = o.material._opacity, this.enabled && this.axis && (o.name === this.axis ? (o.material.color.copy(this.materialLib.active.color), o.material.opacity = 1) : this.axis.split("").some(function(l) {
+      o.quaternion.copy(s), this.mode === "translate" || this.mode === "scale" ? (o.name === "X" && Math.abs(j.copy(Ve).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "Y" && Math.abs(j.copy(ve).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "Z" && Math.abs(j.copy(Ye).applyQuaternion(s).dot(this.eye)) > 0.99 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "XY" && Math.abs(j.copy(Ye).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "YZ" && Math.abs(j.copy(Ve).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1), o.name === "XZ" && Math.abs(j.copy(ve).applyQuaternion(s).dot(this.eye)) < 0.2 && (o.scale.set(1e-10, 1e-10, 1e-10), o.visible = !1)) : this.mode === "rotate" && (dt.copy(s), j.copy(this.eye).applyQuaternion(k.copy(s).invert()), o.name.search("E") !== -1 && o.quaternion.setFromRotationMatrix(hn.lookAt(this.eye, An, ve)), o.name === "X" && (k.setFromAxisAngle(Ve, Math.atan2(-j.y, j.z)), k.multiplyQuaternions(dt, k), o.quaternion.copy(k)), o.name === "Y" && (k.setFromAxisAngle(ve, Math.atan2(j.x, j.z)), k.multiplyQuaternions(dt, k), o.quaternion.copy(k)), o.name === "Z" && (k.setFromAxisAngle(Ye, Math.atan2(j.y, j.x)), k.multiplyQuaternions(dt, k), o.quaternion.copy(k))), o.visible = o.visible && (o.name.indexOf("X") === -1 || this.showX), o.visible = o.visible && (o.name.indexOf("Y") === -1 || this.showY), o.visible = o.visible && (o.name.indexOf("Z") === -1 || this.showZ), o.visible = o.visible && (o.name.indexOf("E") === -1 || this.showX && this.showY && this.showZ), o.visible = o.visible && (o.name.indexOf("XY") === -1 || this.showXY), o.visible = o.visible && (o.name.indexOf("YZ") === -1 || this.showYZ), o.visible = o.visible && (o.name.indexOf("XZ") === -1 || this.showXZ), o.material._color = o.material._color || o.material.color.clone(), o.material._opacity = o.material._opacity || o.material.opacity, o.material.color.copy(o.material._color), o.material.opacity = o.material._opacity, this.enabled && this.axis && (o.name === this.axis ? (o.material.color.copy(this.materialLib.active.color), o.material.opacity = 1) : this.axis.split("").some(function(l) {
         return o.name === l;
       }) && (o.material.color.copy(this.materialLib.active.color), o.material.opacity = 1));
     }
@@ -1044,27 +1044,27 @@ class ui extends v {
   }
   updateMatrixWorld(e) {
     let t = this.space;
-    switch (this.position.copy(this.worldPosition), this.mode === "scale" && (t = "local"), dt.copy(Ve).applyQuaternion(t === "local" ? this.worldQuaternion : mt), Fe.copy(we).applyQuaternion(t === "local" ? this.worldQuaternion : mt), qe.copy(Ye).applyQuaternion(t === "local" ? this.worldQuaternion : mt), L.copy(Fe), this.mode) {
+    switch (this.position.copy(this.worldPosition), this.mode === "scale" && (t = "local"), At.copy(Ve).applyQuaternion(t === "local" ? this.worldQuaternion : mt), Fe.copy(ve).applyQuaternion(t === "local" ? this.worldQuaternion : mt), qe.copy(Ye).applyQuaternion(t === "local" ? this.worldQuaternion : mt), j.copy(Fe), this.mode) {
       case "translate":
       case "scale":
         switch (this.axis) {
           case "X":
-            L.copy(this.eye).cross(dt), oe.copy(dt).cross(L);
+            j.copy(this.eye).cross(At), oe.copy(At).cross(j);
             break;
           case "Y":
-            L.copy(this.eye).cross(Fe), oe.copy(Fe).cross(L);
+            j.copy(this.eye).cross(Fe), oe.copy(Fe).cross(j);
             break;
           case "Z":
-            L.copy(this.eye).cross(qe), oe.copy(qe).cross(L);
+            j.copy(this.eye).cross(qe), oe.copy(qe).cross(j);
             break;
           case "XY":
             oe.copy(qe);
             break;
           case "YZ":
-            oe.copy(dt);
+            oe.copy(At);
             break;
           case "XZ":
-            L.copy(qe), oe.copy(Fe);
+            j.copy(qe), oe.copy(Fe);
             break;
           case "XYZ":
           case "E":
@@ -1076,10 +1076,10 @@ class ui extends v {
       default:
         oe.set(0, 0, 0);
     }
-    oe.length() === 0 ? this.quaternion.copy(this.cameraQuaternion) : (fn.lookAt(F.set(0, 0, 0), oe, L), this.quaternion.setFromRotationMatrix(fn)), super.updateMatrixWorld(e);
+    oe.length() === 0 ? this.quaternion.copy(this.cameraQuaternion) : (fn.lookAt(F.set(0, 0, 0), oe, j), this.quaternion.setFromRotationMatrix(fn)), super.updateMatrixWorld(e);
   }
 }
-class Ai extends ke {
+class di extends ke {
   /**
    * Constructs a new CSS2D object.
    *
@@ -1096,8 +1096,8 @@ class Ai extends ke {
     return super.copy(e, t), this.element = e.element.cloneNode(!0), this.center = e.center, this;
   }
 }
-const Se = new M(), pn = new me(), mn = new me(), gn = new M(), bn = new M();
-class di {
+const Se = new M(), pn = new ge(), mn = new ge(), gn = new M(), bn = new M();
+class Ai {
   /**
    * Constructs a new CSS2D renderer.
    *
@@ -1114,51 +1114,51 @@ class di {
         width: s,
         height: n
       };
-    }, this.render = function(p, m) {
-      p.matrixWorldAutoUpdate === !0 && p.updateMatrixWorld(), m.parent === null && m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), pn.copy(m.matrixWorldInverse), mn.multiplyMatrices(m.projectionMatrix, pn), A(p, p, m), this.sortObjects && d(p);
-    }, this.setSize = function(p, m) {
-      s = p, n = m, i = s / 2, o = n / 2, l.style.width = p + "px", l.style.height = m + "px";
+    }, this.render = function(f, p) {
+      f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), p.parent === null && p.matrixWorldAutoUpdate === !0 && p.updateMatrixWorld(), pn.copy(p.matrixWorldInverse), mn.multiplyMatrices(p.projectionMatrix, pn), d(f, f, p), this.sortObjects && A(f);
+    }, this.setSize = function(f, p) {
+      s = f, n = p, i = s / 2, o = n / 2, l.style.width = f + "px", l.style.height = p + "px";
     };
-    function c(p) {
-      p.isCSS2DObject && (p.element.style.display = "none");
-      for (let m = 0, f = p.children.length; m < f; m++)
-        c(p.children[m]);
+    function c(f) {
+      f.isCSS2DObject && (f.element.style.display = "none");
+      for (let p = 0, m = f.children.length; p < m; p++)
+        c(f.children[p]);
     }
-    function A(p, m, f) {
-      if (p.visible === !1) {
-        c(p);
+    function d(f, p, m) {
+      if (f.visible === !1) {
+        c(f);
         return;
       }
-      if (p.isCSS2DObject) {
-        Se.setFromMatrixPosition(p.matrixWorld), Se.applyMatrix4(mn);
-        const g = Se.z >= -1 && Se.z <= 1 && p.layers.test(f.layers) === !0, x = p.element;
-        x.style.display = g === !0 ? "" : "none", g === !0 && (p.onBeforeRender(t, m, f), x.style.transform = "translate(" + -100 * p.center.x + "%," + -100 * p.center.y + "%)translate(" + (Se.x * i + i) + "px," + (-Se.y * o + o) + "px)", x.parentNode !== l && l.appendChild(x), p.onAfterRender(t, m, f));
+      if (f.isCSS2DObject) {
+        Se.setFromMatrixPosition(f.matrixWorld), Se.applyMatrix4(mn);
+        const g = Se.z >= -1 && Se.z <= 1 && f.layers.test(m.layers) === !0, y = f.element;
+        y.style.display = g === !0 ? "" : "none", g === !0 && (f.onBeforeRender(t, p, m), y.style.transform = "translate(" + -100 * f.center.x + "%," + -100 * f.center.y + "%)translate(" + (Se.x * i + i) + "px," + (-Se.y * o + o) + "px)", y.parentNode !== l && l.appendChild(y), f.onAfterRender(t, p, m));
         const C = {
-          distanceToCameraSquared: u(f, p)
+          distanceToCameraSquared: u(m, f)
         };
-        a.objects.set(p, C);
+        a.objects.set(f, C);
       }
-      for (let g = 0, x = p.children.length; g < x; g++)
-        A(p.children[g], m, f);
+      for (let g = 0, y = f.children.length; g < y; g++)
+        d(f.children[g], p, m);
     }
-    function u(p, m) {
-      return gn.setFromMatrixPosition(p.matrixWorld), bn.setFromMatrixPosition(m.matrixWorld), gn.distanceToSquared(bn);
+    function u(f, p) {
+      return gn.setFromMatrixPosition(f.matrixWorld), bn.setFromMatrixPosition(p.matrixWorld), gn.distanceToSquared(bn);
     }
-    function h(p) {
-      const m = [];
-      return p.traverseVisible(function(f) {
-        f.isCSS2DObject && m.push(f);
-      }), m;
+    function h(f) {
+      const p = [];
+      return f.traverseVisible(function(m) {
+        m.isCSS2DObject && p.push(m);
+      }), p;
     }
-    function d(p) {
-      const m = h(p).sort(function(g, x) {
-        if (g.renderOrder !== x.renderOrder)
-          return x.renderOrder - g.renderOrder;
-        const C = a.objects.get(g).distanceToCameraSquared, y = a.objects.get(x).distanceToCameraSquared;
-        return C - y;
-      }), f = m.length;
-      for (let g = 0, x = m.length; g < x; g++)
-        m[g].element.style.zIndex = f - g;
+    function A(f) {
+      const p = h(f).sort(function(g, y) {
+        if (g.renderOrder !== y.renderOrder)
+          return y.renderOrder - g.renderOrder;
+        const C = a.objects.get(g).distanceToCameraSquared, x = a.objects.get(y).distanceToCameraSquared;
+        return C - x;
+      }), m = p.length;
+      for (let g = 0, y = p.length; g < y; g++)
+        p[g].element.style.zIndex = m - g;
     }
   }
 }
@@ -1261,7 +1261,7 @@ class Gn {
     const t = new P.Box3().setFromObject(e), s = new P.Vector3();
     t.getSize(s);
     const n = s.y / 2 + this.options.offsetY;
-    this.css2dObject || (this.css2dObject = new Ai(this.container), this.css2dObject.name = `DataPanel_${e.name || e.uuid}`, this.css2dObject.center.set(0.5, 1)), this.css2dObject.position.set(0, n, 0), e.add(this.css2dObject), this.attachedObject = e;
+    this.css2dObject || (this.css2dObject = new di(this.container), this.css2dObject.name = `DataPanel_${e.name || e.uuid}`, this.css2dObject.center.set(0.5, 1)), this.css2dObject.position.set(0, n, 0), e.add(this.css2dObject), this.attachedObject = e;
   }
   /**
    * 从附着的物体上移除面板
@@ -1366,6 +1366,26 @@ class Gn {
       t.getSize(s), this.css2dObject.position.set(0, s.y / 2 + e, 0);
     }
   }
+  /** 获取面板宽度 */
+  getWidth() {
+    return this.options.width || "200px";
+  }
+  /** 获取面板字体大小 */
+  getFontSize() {
+    return this.options.fontSize || "13px";
+  }
+  /** 设置面板宽度（轻量，不重建 DOM） */
+  setWidth(e) {
+    this.options.width = e, this.container && (this.container.style.width = e);
+  }
+  /** 设置面板字体大小（轻量，不重建 DOM） */
+  setFontSize(e) {
+    if (this.options.fontSize = e, this.container) {
+      this.container.style.fontSize = e;
+      const t = this.container.querySelector("[data-panel-title]");
+      t && (t.style.fontSize = `calc(${e} + 2px)`);
+    }
+  }
   /** 获取面板 DOM 元素（用于外部样式自定义） */
   getElement() {
     return this.container;
@@ -1390,9 +1410,9 @@ function hi(r) {
 }
 let W = null;
 function fi(r) {
-  return W ? (W.domElement.parentNode !== r && r.appendChild(W.domElement), W) : (W = new di(), W.setSize(r.clientWidth, r.clientHeight), W.domElement.style.position = "absolute", W.domElement.style.top = "0", W.domElement.style.left = "0", W.domElement.style.pointerEvents = "none", r.appendChild(W.domElement), W);
+  return W ? (W.domElement.parentNode !== r && r.appendChild(W.domElement), W) : (W = new Ai(), W.setSize(r.clientWidth, r.clientHeight), W.domElement.style.position = "absolute", W.domElement.style.top = "0", W.domElement.style.left = "0", W.domElement.style.pointerEvents = "none", r.appendChild(W.domElement), W);
 }
-function Ta() {
+function La() {
   return W;
 }
 function pi(r, e) {
@@ -1430,7 +1450,7 @@ const I = {
 };
 let gt = !1, Oe = !1, Xt = [];
 const bi = 16755200;
-let Te = null, Bt = null, bt = null, ge = [];
+let Te = null, Bt = null, bt = null, be = [];
 const st = /* @__PURE__ */ new Map();
 let Ct, It = null, $e = null, et = null;
 function Ii(r, e = "edit", t) {
@@ -1631,7 +1651,7 @@ function Si(r) {
   return r;
 }
 function Hi(r, e = 500) {
-  var d;
+  var A;
   if (!I.camera || !I.orbitControls) {
     console.warn(
       "[focusOnObject] 编辑器尚未初始化或已销毁，无法执行聚焦操作。请确保已调用 initEditor()"
@@ -1639,8 +1659,8 @@ function Hi(r, e = 500) {
     return;
   }
   let t = null;
-  if ((d = I.scene) == null || d.traverse((p) => {
-    p.userData.id == r && (t = p);
+  if ((A = I.scene) == null || A.traverse((f) => {
+    f.userData.id == r && (t = f);
   }), !t) {
     console.warn(
       `[focusOnObject] 在场景中未找到 userData.id 为 "${r}" 的物体。请确认：1) 物体已被正确添加到场景（addModel）；2) 物体的 userData.id 与传入的 objectId 一致；3) 传入的 objectId 不为空`
@@ -1653,7 +1673,7 @@ function Hi(r, e = 500) {
   t.getWorldPosition(n);
   const o = new P.Box3().setFromObject(t).getSize(new P.Vector3()), a = Math.max(o.x, o.y, o.z) * 0.5, l = Math.max(a * 3.5, 5), c = new P.Vector3().copy(I.camera.position).sub(n).normalize();
   c.lengthSq() < 1e-3 && c.set(0, 0, 1);
-  const A = n.clone().add(c.multiplyScalar(l)), u = I.camera.position.clone(), h = I.orbitControls.target.clone();
+  const d = n.clone().add(c.multiplyScalar(l)), u = I.camera.position.clone(), h = I.orbitControls.target.clone();
   try {
     new nt.Tween({
       x: u.x,
@@ -1664,21 +1684,21 @@ function Hi(r, e = 500) {
       tz: h.z
     }).to(
       {
-        x: s ? s.x : A.x,
-        y: s ? s.y : A.y,
-        z: s ? s.z : A.z,
+        x: s ? s.x : d.x,
+        y: s ? s.y : d.y,
+        z: s ? s.z : d.z,
         tx: n.x,
         ty: n.y,
         tz: n.z
       },
       e
-    ).easing(nt.Easing.Quadratic.InOut).onUpdate((p) => {
-      I.camera.position.set(p.x, p.y, p.z), I.orbitControls.target.set(p.tx, p.ty, p.tz), I.orbitControls.update();
+    ).easing(nt.Easing.Quadratic.InOut).onUpdate((f) => {
+      I.camera.position.set(f.x, f.y, f.z), I.orbitControls.target.set(f.tx, f.ty, f.tz), I.orbitControls.update();
     }).start();
-  } catch (p) {
+  } catch (f) {
     console.error(
       "[focusOnObject] TWEEN 动画创建失败，请检查 @tweenjs/tween.js 是否已正确安装且版本兼容（^23.1.3）：",
-      p
+      f
     );
   }
 }
@@ -1707,20 +1727,20 @@ function Wi(r) {
   e && ki(e);
 }
 function zi(r) {
-  r.userData.isMovable && r.parent === I.scene && (ge.includes(r) || ge.push(r));
+  r.userData.isMovable && r.parent === I.scene && (be.includes(r) || be.push(r));
 }
 function Gi(r) {
-  const e = ge.indexOf(r);
-  e !== -1 && ge.splice(e, 1);
+  const e = be.indexOf(r);
+  e !== -1 && be.splice(e, 1);
 }
 function Fi() {
   const r = [];
   I.scene.children.forEach((e) => {
     e.userData.isMovable && r.push(e);
-  }), ge = r, vt();
+  }), be = r, vt();
 }
 function vt() {
-  bt == null || bt([...ge]);
+  bt == null || bt([...be]);
 }
 function qi(r) {
   Te = r;
@@ -1732,12 +1752,12 @@ function Bi(r) {
   bt = r;
 }
 function Ui() {
-  return ge;
+  return be;
 }
 function Vi() {
   return I.selectedObject;
 }
-function Oa(r, e, t) {
+function Na(r, e, t) {
   if (!I.scene) return;
   const s = st.get(r);
   if (s) {
@@ -1745,48 +1765,53 @@ function Oa(r, e, t) {
     n && n.updateItemByCode(e, t);
   }
 }
-function Ea() {
+function ja() {
   return I.scene;
 }
 function Yi() {
   return I.camera;
 }
-function Ra() {
+function ka() {
   return I.renderer;
 }
 async function Ki() {
-  var c, A, u;
+  var c, d, u;
   J == null || J(!0), await new Promise((h) => setTimeout(h, 50)), Jt();
   const r = I.scene;
   if (!r)
     return J == null || J(!1), "{}";
   const e = [], t = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
   r.traverse((h) => {
-    var d;
+    var A;
     if (h.userData.type === "lightHelper" && e.push(h), h.type === "DirectionalLight" && h.userData.helper && (t.set(h, h.userData.helper), h.userData.helper = void 0), h.name && h.name.startsWith("DataPanel_")) {
-      const p = h;
-      if (p.element) {
-        const m = p.element.querySelector(
+      const f = h;
+      if (f.element) {
+        const p = f.element.querySelector(
           "[data-panel-title]"
-        ), f = [];
-        p.element.querySelectorAll(
+        ), m = [];
+        if (f.element.querySelectorAll(
           ".css2d-data-panel-item"
-        ).forEach((x) => {
+        ).forEach((y) => {
           var w, D, S;
-          const C = x.querySelector(".item-label"), y = x.querySelector(".item-value");
-          if (C && y) {
-            const Z = (C.textContent || "").trim(), _ = ((D = (w = y.childNodes[0]) == null ? void 0 : w.textContent) == null ? void 0 : D.trim()) || "", Q = y.querySelector(
+          const C = y.querySelector(".item-label"), x = y.querySelector(".item-value");
+          if (C && x) {
+            const Z = (C.textContent || "").trim(), $ = ((D = (w = x.childNodes[0]) == null ? void 0 : w.textContent) == null ? void 0 : D.trim()) || "", Q = x.querySelector(
               "span"
-            ), ye = Q ? (Q.textContent || "").trim() : void 0, Mt = ((S = x.getAttribute("data-item-code")) == null ? void 0 : S.trim()) || void 0;
-            f.push({ label: Z, value: _, unit: ye, code: Mt });
+            ), Ce = Q ? (Q.textContent || "").trim() : void 0, Mt = ((S = y.getAttribute("data-item-code")) == null ? void 0 : S.trim()) || void 0;
+            m.push({ label: Z, value: $, unit: Ce, code: Mt });
           }
-        }), h.parent && s.set(
-          h.parent.userData.id ? h.parent.userData.id : h.parent.uuid,
-          {
-            title: ((d = m == null ? void 0 : m.textContent) == null ? void 0 : d.trim()) || "",
-            items: f
-          }
-        );
+        }), h.parent) {
+          const y = f.element.style.width || "", C = f.element.style.fontSize || "";
+          s.set(
+            h.parent.userData.id ? h.parent.userData.id : h.parent.uuid,
+            {
+              title: ((A = p == null ? void 0 : p.textContent) == null ? void 0 : A.trim()) || "",
+              items: m,
+              width: y,
+              fontSize: C
+            }
+          );
+        }
       }
     }
   }), e.forEach((h) => r.remove(h));
@@ -1797,16 +1822,16 @@ async function Ki() {
     h.name && h.name.startsWith("DataPanel_") && h.parent && h.parent.remove(h);
   });
   const i = n.toJSON();
-  e.forEach((h) => r.add(h)), t.forEach((h, d) => {
-    d.userData.helper = h;
+  e.forEach((h) => r.add(h)), t.forEach((h, A) => {
+    A.userData.helper = h;
   });
   const o = {
     position: (c = I.camera) == null ? void 0 : c.position.toArray(),
-    rotation: (A = I.camera) == null ? void 0 : A.rotation.toArray(),
+    rotation: (d = I.camera) == null ? void 0 : d.rotation.toArray(),
     target: ((u = I.orbitControls) == null ? void 0 : u.target.toArray()) || [0, 0, 0]
   }, a = {};
-  s.forEach((h, d) => {
-    a[d] = h;
+  s.forEach((h, A) => {
+    a[A] = h;
   });
   const l = JSON.stringify({
     scene: i,
@@ -1820,22 +1845,22 @@ function Zi(r, e = "edit", t) {
   var o, a, l;
   const s = typeof r == "string" ? JSON.parse(r) : r, i = new P.ObjectLoader().parse(s);
   i.type === "Scene" ? I.scene = i : (o = I.scene) == null || o.add(i), t && ((a = I.scene) == null || a.traverse((c) => {
-    const A = c.userData.id || c.uuid, u = t[A];
+    const d = c.userData.id || c.uuid, u = t[d];
     if (u && c.userData.isMovable) {
       Li(c);
       const h = new Gn({
         title: u.title,
         items: u.items
       });
-      h.attachTo(c), h.visible = !1, console.log("panel", h), Fn(c, h);
+      h.attachTo(c), h.visible = !1, u.width && h.setWidth(u.width), u.fontSize && h.setFontSize(u.fontSize), Fn(c, h);
     }
   })), e === "edit" && ((l = I.scene) == null || l.traverse((c) => {
-    var A;
+    var d;
     if (c.type === "DirectionalLight") {
       const u = c;
       if (!u.userData.helper) {
         const h = new P.DirectionalLightHelper(u, 1);
-        h.userData.type = "lightHelper", u.userData.helper = h, (A = I.scene) == null || A.add(h);
+        h.userData.type = "lightHelper", u.userData.helper = h, (d = I.scene) == null || d.add(h);
       }
     }
   }));
@@ -1853,9 +1878,9 @@ function Vn(r) {
     Vn(t);
 }
 function Qi() {
-  It !== null && (cancelAnimationFrame(It), It = null), $e && I.container && (I.container.removeEventListener("click", $e), $e = null), et && (window.removeEventListener("resize", et), et = null), I.orbitControls && (I.orbitControls.dispose(), I.orbitControls = null), I.transformControls && (I.transformControls.dispose(), I.transformControls = null), I.scene && (Vn(I.scene), I.scene = null), I.renderer && (I.renderer.dispose(), I.renderer.domElement && I.container && I.container.removeChild(I.renderer.domElement), I.renderer = null), gi(), I.camera = null, I.gridHelper = null, I.selectedObject = null, I.container = null, I.mode = "", ge = [], st.clear(), vt(), gt = !1, Oe = !1;
+  It !== null && (cancelAnimationFrame(It), It = null), $e && I.container && (I.container.removeEventListener("click", $e), $e = null), et && (window.removeEventListener("resize", et), et = null), I.orbitControls && (I.orbitControls.dispose(), I.orbitControls = null), I.transformControls && (I.transformControls.dispose(), I.transformControls = null), I.scene && (Vn(I.scene), I.scene = null), I.renderer && (I.renderer.dispose(), I.renderer.domElement && I.container && I.container.removeChild(I.renderer.domElement), I.renderer = null), gi(), I.camera = null, I.gridHelper = null, I.selectedObject = null, I.container = null, I.mode = "", be = [], st.clear(), vt(), gt = !1, Oe = !1;
 }
-const Ji = /^[og]\s*(.+)?/, _i = /^mtllib /, $i = /^usemtl /, eo = /^usemap /, In = /\s+/, yn = new M(), Rt = new M(), Cn = new M(), xn = new M(), ee = new M(), ht = new de();
+const Ji = /^[og]\s*(.+)?/, _i = /^mtllib /, $i = /^usemtl /, eo = /^usemap /, In = /\s+/, yn = new M(), Rt = new M(), Cn = new M(), xn = new M(), te = new M(), ht = new he();
 function to() {
   const r = {
     objects: [],
@@ -1965,7 +1990,7 @@ function to() {
     },
     addFaceNormal: function(e, t, s) {
       const n = this.vertices, i = this.object.geometry.normals;
-      yn.fromArray(n, e), Rt.fromArray(n, t), Cn.fromArray(n, s), ee.subVectors(Cn, Rt), xn.subVectors(yn, Rt), ee.cross(xn), ee.normalize(), i.push(ee.x, ee.y, ee.z), i.push(ee.x, ee.y, ee.z), i.push(ee.x, ee.y, ee.z);
+      yn.fromArray(n, e), Rt.fromArray(n, t), Cn.fromArray(n, s), te.subVectors(Cn, Rt), xn.subVectors(yn, Rt), te.cross(xn), te.normalize(), i.push(te.x, te.y, te.z), i.push(te.x, te.y, te.z), i.push(te.x, te.y, te.z);
     },
     addColor: function(e, t, s) {
       const n = this.colors, i = this.object.geometry.colors;
@@ -1984,16 +2009,16 @@ function to() {
       this.object.geometry.uvs.push(t[e + 0], t[e + 1]);
     },
     addFace: function(e, t, s, n, i, o, a, l, c) {
-      const A = this.vertices.length;
-      let u = this.parseVertexIndex(e, A), h = this.parseVertexIndex(t, A), d = this.parseVertexIndex(s, A);
-      if (this.addVertex(u, h, d), this.addColor(u, h, d), a !== void 0 && a !== "") {
-        const p = this.normals.length;
-        u = this.parseNormalIndex(a, p), h = this.parseNormalIndex(l, p), d = this.parseNormalIndex(c, p), this.addNormal(u, h, d);
+      const d = this.vertices.length;
+      let u = this.parseVertexIndex(e, d), h = this.parseVertexIndex(t, d), A = this.parseVertexIndex(s, d);
+      if (this.addVertex(u, h, A), this.addColor(u, h, A), a !== void 0 && a !== "") {
+        const f = this.normals.length;
+        u = this.parseNormalIndex(a, f), h = this.parseNormalIndex(l, f), A = this.parseNormalIndex(c, f), this.addNormal(u, h, A);
       } else
-        this.addFaceNormal(u, h, d);
+        this.addFaceNormal(u, h, A);
       if (n !== void 0 && n !== "") {
-        const p = this.uvs.length;
-        u = this.parseUVIndex(n, p), h = this.parseUVIndex(i, p), d = this.parseUVIndex(o, p), this.addUV(u, h, d), this.object.geometry.hasUVIndices = !0;
+        const f = this.uvs.length;
+        u = this.parseUVIndex(n, f), h = this.parseUVIndex(i, f), A = this.parseUVIndex(o, f), this.addUV(u, h, A), this.object.geometry.hasUVIndices = !0;
       } else
         this.addDefaultUV();
     },
@@ -2071,9 +2096,9 @@ class no extends Yt {
     for (let a = 0, l = s.length; a < l; a++) {
       const c = s[a].trimStart();
       if (c.length === 0) continue;
-      const A = c.charAt(0);
-      if (A !== "#")
-        if (A === "v") {
+      const d = c.charAt(0);
+      if (d !== "#")
+        if (d === "v") {
           const u = c.split(In);
           switch (u[0]) {
             case "v":
@@ -2102,43 +2127,43 @@ class no extends Yt {
               );
               break;
           }
-        } else if (A === "f") {
-          const h = c.slice(1).trim().split(In), d = [];
-          for (let m = 0, f = h.length; m < f; m++) {
-            const g = h[m];
+        } else if (d === "f") {
+          const h = c.slice(1).trim().split(In), A = [];
+          for (let p = 0, m = h.length; p < m; p++) {
+            const g = h[p];
             if (g.length > 0) {
-              const x = g.split("/");
-              d.push(x);
+              const y = g.split("/");
+              A.push(y);
             }
           }
-          const p = d[0];
-          for (let m = 1, f = d.length - 1; m < f; m++) {
-            const g = d[m], x = d[m + 1];
+          const f = A[0];
+          for (let p = 1, m = A.length - 1; p < m; p++) {
+            const g = A[p], y = A[p + 1];
             t.addFace(
-              p[0],
+              f[0],
               g[0],
-              x[0],
-              p[1],
+              y[0],
+              f[1],
               g[1],
-              x[1],
-              p[2],
+              y[1],
+              f[2],
               g[2],
-              x[2]
+              y[2]
             );
           }
-        } else if (A === "l") {
+        } else if (d === "l") {
           const u = c.substring(1).trim().split(" ");
           let h = [];
-          const d = [];
+          const A = [];
           if (c.indexOf("/") === -1)
             h = u;
           else
-            for (let p = 0, m = u.length; p < m; p++) {
-              const f = u[p].split("/");
-              f[0] !== "" && h.push(f[0]), f[1] !== "" && d.push(f[1]);
+            for (let f = 0, p = u.length; f < p; f++) {
+              const m = u[f].split("/");
+              m[0] !== "" && h.push(m[0]), m[1] !== "" && A.push(m[1]);
             }
-          t.addLineGeometry(h, d);
-        } else if (A === "p") {
+          t.addLineGeometry(h, A);
+        } else if (d === "p") {
           const h = c.slice(1).trim().split(" ");
           t.addPointGeometry(h);
         } else if ((n = Ji.exec(c)) !== null) {
@@ -2150,7 +2175,7 @@ class no extends Yt {
           t.materialLibraries.push(c.substring(7).trim());
         else if (eo.test(c))
           console.warn('THREE.OBJLoader: Rendering identifier "usemap" not supported. Textures must be defined in MTL files.');
-        else if (A === "s") {
+        else if (d === "s") {
           if (n = c.split(" "), n.length > 1) {
             const h = n[1].trim().toLowerCase();
             t.object.smooth = h !== "0" && h !== "off";
@@ -2167,40 +2192,40 @@ class no extends Yt {
     const i = new ft();
     if (i.materialLibraries = [].concat(t.materialLibraries), !(t.objects.length === 1 && t.objects[0].geometry.vertices.length === 0) === !0)
       for (let a = 0, l = t.objects.length; a < l; a++) {
-        const c = t.objects[a], A = c.geometry, u = c.materials, h = A.type === "Line", d = A.type === "Points";
-        let p = !1;
-        if (A.vertices.length === 0) continue;
-        const m = new We();
-        m.setAttribute("position", new pe(A.vertices, 3)), A.normals.length > 0 && m.setAttribute("normal", new pe(A.normals, 3)), A.colors.length > 0 && (p = !0, m.setAttribute("color", new pe(A.colors, 3))), A.hasUVIndices === !0 && m.setAttribute("uv", new pe(A.uvs, 2));
-        const f = [];
-        for (let x = 0, C = u.length; x < C; x++) {
-          const y = u[x], w = y.name + "_" + y.smooth + "_" + p;
+        const c = t.objects[a], d = c.geometry, u = c.materials, h = d.type === "Line", A = d.type === "Points";
+        let f = !1;
+        if (d.vertices.length === 0) continue;
+        const p = new We();
+        p.setAttribute("position", new me(d.vertices, 3)), d.normals.length > 0 && p.setAttribute("normal", new me(d.normals, 3)), d.colors.length > 0 && (f = !0, p.setAttribute("color", new me(d.colors, 3))), d.hasUVIndices === !0 && p.setAttribute("uv", new me(d.uvs, 2));
+        const m = [];
+        for (let y = 0, C = u.length; y < C; y++) {
+          const x = u[y], w = x.name + "_" + x.smooth + "_" + f;
           let D = t.materials[w];
           if (this.materials !== null) {
-            if (D = this.materials.create(y.name), h && D && !(D instanceof Ze)) {
+            if (D = this.materials.create(x.name), h && D && !(D instanceof Ze)) {
               const S = new Ze();
               Qe.prototype.copy.call(S, D), S.color.copy(D.color), D = S;
-            } else if (d && D && !(D instanceof Ue)) {
+            } else if (A && D && !(D instanceof Ue)) {
               const S = new Ue({ size: 10, sizeAttenuation: !1 });
               Qe.prototype.copy.call(S, D), S.color.copy(D.color), S.map = D.map, D = S;
             }
           }
-          D === void 0 && (h ? D = new Ze() : d ? D = new Ue({ size: 1, sizeAttenuation: !1 }) : D = new ps(), D.name = y.name, D.flatShading = !y.smooth, D.vertexColors = p, t.materials[w] = D), f.push(D);
+          D === void 0 && (h ? D = new Ze() : A ? D = new Ue({ size: 1, sizeAttenuation: !1 }) : D = new ps(), D.name = x.name, D.flatShading = !x.smooth, D.vertexColors = f, t.materials[w] = D), m.push(D);
         }
         let g;
-        if (f.length > 1) {
-          for (let x = 0, C = u.length; x < C; x++) {
-            const y = u[x];
-            m.addGroup(y.groupStart, y.groupCount, x);
+        if (m.length > 1) {
+          for (let y = 0, C = u.length; y < C; y++) {
+            const x = u[y];
+            p.addGroup(x.groupStart, x.groupCount, y);
           }
-          h ? g = new Wt(m, f) : d ? g = new pt(m, f) : g = new v(m, f);
+          h ? g = new Wt(p, m) : A ? g = new pt(p, m) : g = new v(p, m);
         } else
-          h ? g = new Wt(m, f[0]) : d ? g = new pt(m, f[0]) : g = new v(m, f[0]);
+          h ? g = new Wt(p, m[0]) : A ? g = new pt(p, m[0]) : g = new v(p, m[0]);
         g.name = c.name, i.add(g);
       }
     else if (t.vertices.length > 0) {
       const a = new Ue({ size: 1, sizeAttenuation: !1 }), l = new We();
-      l.setAttribute("position", new pe(t.vertices, 3)), t.colors.length > 0 && t.colors[0] !== void 0 && (l.setAttribute("color", new pe(t.colors, 3)), a.vertexColors = !0);
+      l.setAttribute("position", new me(t.vertices, 3)), t.colors.length > 0 && t.colors[0] !== void 0 && (l.setAttribute("color", new me(t.colors, 3)), a.vertexColors = !0);
       const c = new pt(l, a);
       i.add(c);
     }
@@ -2321,11 +2346,11 @@ class io extends Yt {
     }, l = new tt(this.manager);
     l.setPath(this.path), l.setResponseType("arraybuffer"), l.setRequestHeader(this.requestHeader), l.setWithCredentials(this.withCredentials), l.load(e, function(c) {
       try {
-        i.parse(c, o, function(A) {
-          t(A), i.manager.itemEnd(e);
+        i.parse(c, o, function(d) {
+          t(d), i.manager.itemEnd(e);
         }, a);
-      } catch (A) {
-        a(A);
+      } catch (d) {
+        a(d);
       }
     }, s, a);
   }
@@ -2418,13 +2443,13 @@ class io extends Yt {
       meshoptDecoder: this.meshoptDecoder
     });
     c.fileLoader.setRequestHeader(this.requestHeader);
-    for (let A = 0; A < this.pluginCallbacks.length; A++) {
-      const u = this.pluginCallbacks[A](c);
+    for (let d = 0; d < this.pluginCallbacks.length; d++) {
+      const u = this.pluginCallbacks[d](c);
       u.name || console.error("THREE.GLTFLoader: Invalid plugin found: missing name"), a[u.name] = u, o[u.name] = !0;
     }
     if (i.extensionsUsed)
-      for (let A = 0; A < i.extensionsUsed.length; ++A) {
-        const u = i.extensionsUsed[A], h = i.extensionsRequired || [];
+      for (let d = 0; d < i.extensionsUsed.length; ++d) {
+        const u = i.extensionsUsed[d], h = i.extensionsRequired || [];
         switch (u) {
           case O.KHR_MATERIALS_UNLIT:
             o[u] = new ao();
@@ -2522,18 +2547,18 @@ class ro {
     if (n) return n;
     const i = t.json, l = ((i.extensions && i.extensions[this.name] || {}).lights || [])[e];
     let c;
-    const A = new de(16777215);
-    l.color !== void 0 && A.setRGB(l.color[0], l.color[1], l.color[2], ae);
+    const d = new he(16777215);
+    l.color !== void 0 && d.setRGB(l.color[0], l.color[1], l.color[2], ae);
     const u = l.range !== void 0 ? l.range : 0;
     switch (l.type) {
       case "directional":
-        c = new Is(A), c.target.position.set(0, 0, -1), c.add(c.target);
+        c = new Is(d), c.target.position.set(0, 0, -1), c.add(c.target);
         break;
       case "point":
-        c = new bs(A), c.distance = u;
+        c = new bs(d), c.distance = u;
         break;
       case "spot":
-        c = new gs(A), c.distance = u, l.spot = l.spot || {}, l.spot.innerConeAngle = l.spot.innerConeAngle !== void 0 ? l.spot.innerConeAngle : 0, l.spot.outerConeAngle = l.spot.outerConeAngle !== void 0 ? l.spot.outerConeAngle : Math.PI / 4, c.angle = l.spot.outerConeAngle, c.penumbra = 1 - l.spot.innerConeAngle / l.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
+        c = new gs(d), c.distance = u, l.spot = l.spot || {}, l.spot.innerConeAngle = l.spot.innerConeAngle !== void 0 ? l.spot.innerConeAngle : 0, l.spot.outerConeAngle = l.spot.outerConeAngle !== void 0 ? l.spot.outerConeAngle : Math.PI / 4, c.angle = l.spot.outerConeAngle, c.penumbra = 1 - l.spot.innerConeAngle / l.spot.outerConeAngle, c.target.position.set(0, 0, -1), c.add(c.target);
         break;
       default:
         throw new Error("THREE.GLTFLoader: Unexpected light type: " + l.type);
@@ -2560,7 +2585,7 @@ class ao {
   }
   extendParams(e, t, s) {
     const n = [];
-    e.color = new de(1, 1, 1), e.opacity = 1;
+    e.color = new he(1, 1, 1), e.opacity = 1;
     const i = t.pbrMetallicRoughness;
     if (i) {
       if (Array.isArray(i.baseColorFactor)) {
@@ -2636,7 +2661,7 @@ class ho {
     const s = z(this.parser, e, this.name);
     if (s === null) return Promise.resolve();
     const n = [];
-    if (t.sheenColor = new de(0, 0, 0), t.sheenRoughness = 0, t.sheen = 1, s.sheenColorFactor !== void 0) {
+    if (t.sheenColor = new he(0, 0, 0), t.sheenRoughness = 0, t.sheen = 1, s.sheenColorFactor !== void 0) {
       const i = s.sheenColorFactor;
       t.sheenColor.setRGB(i[0], i[1], i[2], ae);
     }
@@ -2670,7 +2695,7 @@ class po {
     const n = [];
     t.thickness = s.thicknessFactor !== void 0 ? s.thicknessFactor : 0, s.thicknessTexture !== void 0 && n.push(this.parser.assignTexture(t, "thicknessMap", s.thicknessTexture)), t.attenuationDistance = s.attenuationDistance || 1 / 0;
     const i = s.attenuationColor || [1, 1, 1];
-    return t.attenuationColor = new de().setRGB(i[0], i[1], i[2], ae), Promise.all(n);
+    return t.attenuationColor = new he().setRGB(i[0], i[1], i[2], ae), Promise.all(n);
   }
 }
 class mo {
@@ -2698,7 +2723,7 @@ class go {
     const n = [];
     t.specularIntensity = s.specularFactor !== void 0 ? s.specularFactor : 1, s.specularTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularIntensityMap", s.specularTexture));
     const i = s.specularColorFactor || [1, 1, 1];
-    return t.specularColor = new de().setRGB(i[0], i[1], i[2], ae), s.specularColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularColorMap", s.specularColorTexture, Ae)), Promise.all(n);
+    return t.specularColor = new he().setRGB(i[0], i[1], i[2], ae), s.specularColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularColorMap", s.specularColorTexture, Ae)), Promise.all(n);
   }
 }
 class bo {
@@ -2794,12 +2819,12 @@ class vn {
         return null;
       }
       return i.then(function(a) {
-        const l = n.byteOffset || 0, c = n.byteLength || 0, A = n.count, u = n.byteStride, h = new Uint8Array(a, l, c);
-        return o.decodeGltfBufferAsync ? o.decodeGltfBufferAsync(A, u, h, n.mode, n.filter).then(function(d) {
-          return d.buffer;
+        const l = n.byteOffset || 0, c = n.byteLength || 0, d = n.count, u = n.byteStride, h = new Uint8Array(a, l, c);
+        return o.decodeGltfBufferAsync ? o.decodeGltfBufferAsync(d, u, h, n.mode, n.filter).then(function(A) {
+          return A.buffer;
         }) : o.ready.then(function() {
-          const d = new ArrayBuffer(A * u);
-          return o.decodeGltfBuffer(new Uint8Array(d), A, u, h, n.mode, n.filter), d;
+          const A = new ArrayBuffer(d * u);
+          return o.decodeGltfBuffer(new Uint8Array(A), d, u, h, n.mode, n.filter), A;
         });
       });
     } else
@@ -2816,25 +2841,25 @@ class wo {
       return null;
     const n = t.meshes[s.mesh];
     for (const c of n.primitives)
-      if (c.mode !== te.TRIANGLES && c.mode !== te.TRIANGLE_STRIP && c.mode !== te.TRIANGLE_FAN && c.mode !== void 0)
+      if (c.mode !== ne.TRIANGLES && c.mode !== ne.TRIANGLE_STRIP && c.mode !== ne.TRIANGLE_FAN && c.mode !== void 0)
         return null;
     const o = s.extensions[this.name].attributes, a = [], l = {};
     for (const c in o)
-      a.push(this.parser.getDependency("accessor", o[c]).then((A) => (l[c] = A, l[c])));
+      a.push(this.parser.getDependency("accessor", o[c]).then((d) => (l[c] = d, l[c])));
     return a.length < 1 ? null : (a.push(this.parser.createNodeMesh(e)), Promise.all(a).then((c) => {
-      const A = c.pop(), u = A.isGroup ? A.children : [A], h = c[0].count, d = [];
-      for (const p of u) {
-        const m = new me(), f = new M(), g = new K(), x = new M(1, 1, 1), C = new ys(p.geometry, p.material, h);
-        for (let y = 0; y < h; y++)
-          l.TRANSLATION && f.fromBufferAttribute(l.TRANSLATION, y), l.ROTATION && g.fromBufferAttribute(l.ROTATION, y), l.SCALE && x.fromBufferAttribute(l.SCALE, y), C.setMatrixAt(y, m.compose(f, g, x));
-        for (const y in l)
-          if (y === "_COLOR_0") {
-            const w = l[y];
+      const d = c.pop(), u = d.isGroup ? d.children : [d], h = c[0].count, A = [];
+      for (const f of u) {
+        const p = new ge(), m = new M(), g = new K(), y = new M(1, 1, 1), C = new ys(f.geometry, f.material, h);
+        for (let x = 0; x < h; x++)
+          l.TRANSLATION && m.fromBufferAttribute(l.TRANSLATION, x), l.ROTATION && g.fromBufferAttribute(l.ROTATION, x), l.SCALE && y.fromBufferAttribute(l.SCALE, x), C.setMatrixAt(x, p.compose(m, g, y));
+        for (const x in l)
+          if (x === "_COLOR_0") {
+            const w = l[x];
             C.instanceColor = new Cs(w.array, w.itemSize, w.normalized);
-          } else y !== "TRANSLATION" && y !== "ROTATION" && y !== "SCALE" && p.geometry.setAttribute(y, l[y]);
-        ke.prototype.copy.call(C, p), this.parser.assignFinalMaterial(C), d.push(C);
+          } else x !== "TRANSLATION" && x !== "ROTATION" && x !== "SCALE" && f.geometry.setAttribute(x, l[x]);
+        ke.prototype.copy.call(C, f), this.parser.assignFinalMaterial(C), A.push(C);
       }
-      return A.isGroup ? (A.clear(), A.add(...d), A) : d[0];
+      return d.isGroup ? (d.clear(), d.add(...A), d) : A[0];
     }));
   }
 }
@@ -2878,25 +2903,25 @@ class Mo {
   }
   decodePrimitive(e, t) {
     const s = this.json, n = this.dracoLoader, i = e.extensions[this.name].bufferView, o = e.extensions[this.name].attributes, a = {}, l = {}, c = {};
-    for (const A in o) {
-      const u = Ut[A] || A.toLowerCase();
-      a[u] = o[A];
+    for (const d in o) {
+      const u = Ut[d] || d.toLowerCase();
+      a[u] = o[d];
     }
-    for (const A in e.attributes) {
-      const u = Ut[A] || A.toLowerCase();
-      if (o[A] !== void 0) {
-        const h = s.accessors[e.attributes[A]], d = je[h.componentType];
-        c[u] = d.name, l[u] = h.normalized === !0;
+    for (const d in e.attributes) {
+      const u = Ut[d] || d.toLowerCase();
+      if (o[d] !== void 0) {
+        const h = s.accessors[e.attributes[d]], A = je[h.componentType];
+        c[u] = A.name, l[u] = h.normalized === !0;
       }
     }
-    return t.getDependency("bufferView", i).then(function(A) {
+    return t.getDependency("bufferView", i).then(function(d) {
       return new Promise(function(u, h) {
-        n.decodeDracoFile(A, function(d) {
-          for (const p in d.attributes) {
-            const m = d.attributes[p], f = l[p];
-            f !== void 0 && (m.normalized = f);
+        n.decodeDracoFile(d, function(A) {
+          for (const f in A.attributes) {
+            const p = A.attributes[f], m = l[f];
+            m !== void 0 && (p.normalized = m);
           }
-          u(d);
+          u(A);
         }, a, c, ae, h);
       });
     });
@@ -2926,10 +2951,10 @@ class Zn extends zs {
     return t;
   }
   interpolate_(e, t, s, n) {
-    const i = this.resultBuffer, o = this.sampleValues, a = this.valueSize, l = a * 2, c = a * 3, A = n - t, u = (s - t) / A, h = u * u, d = h * u, p = e * c, m = p - c, f = -2 * d + 3 * h, g = d - h, x = 1 - f, C = g - h + u;
-    for (let y = 0; y !== a; y++) {
-      const w = o[m + y + a], D = o[m + y + l] * A, S = o[p + y + a], Z = o[p + y] * A;
-      i[y] = x * w + C * D + f * S + g * Z;
+    const i = this.resultBuffer, o = this.sampleValues, a = this.valueSize, l = a * 2, c = a * 3, d = n - t, u = (s - t) / d, h = u * u, A = h * u, f = e * c, p = f - c, m = -2 * A + 3 * h, g = A - h, y = 1 - m, C = g - h + u;
+    for (let x = 0; x !== a; x++) {
+      const w = o[p + x + a], D = o[p + x + l] * d, S = o[f + x + a], Z = o[f + x] * d;
+      i[x] = y * w + C * D + m * S + g * Z;
     }
     return i;
   }
@@ -2941,7 +2966,7 @@ class Oo extends Zn {
     return To.fromArray(i).normalize().toArray(i), i;
   }
 }
-const te = {
+const ne = {
   POINTS: 0,
   LINES: 1,
   LINE_LOOP: 2,
@@ -2986,7 +3011,7 @@ const te = {
   COLOR_0: "color",
   WEIGHTS_0: "skinWeight",
   JOINTS_0: "skinIndex"
-}, fe = {
+}, pe = {
   scale: "scale",
   translation: "position",
   rotation: "quaternion",
@@ -3013,7 +3038,7 @@ function Ro(r) {
     side: Ws
   })), r.DefaultMaterial;
 }
-function xe(r, e, t) {
+function we(r, e, t) {
   for (const s in t.extensions)
     r[s] === void 0 && (e.userData.gltfExtensions = e.userData.gltfExtensions || {}, e.userData.gltfExtensions[s] = t.extensions[s]);
 }
@@ -3022,13 +3047,13 @@ function re(r, e) {
 }
 function So(r, e, t) {
   let s = !1, n = !1, i = !1;
-  for (let c = 0, A = e.length; c < A; c++) {
+  for (let c = 0, d = e.length; c < d; c++) {
     const u = e[c];
     if (u.POSITION !== void 0 && (s = !0), u.NORMAL !== void 0 && (n = !0), u.COLOR_0 !== void 0 && (i = !0), s && n && i) break;
   }
   if (!s && !n && !i) return Promise.resolve(r);
   const o = [], a = [], l = [];
-  for (let c = 0, A = e.length; c < A; c++) {
+  for (let c = 0, d = e.length; c < d; c++) {
     const u = e[c];
     if (s) {
       const h = u.POSITION !== void 0 ? t.getDependency("accessor", u.POSITION) : r.attributes.position;
@@ -3048,8 +3073,8 @@ function So(r, e, t) {
     Promise.all(a),
     Promise.all(l)
   ]).then(function(c) {
-    const A = c[0], u = c[1], h = c[2];
-    return s && (r.morphAttributes.position = A), n && (r.morphAttributes.normal = u), i && (r.morphAttributes.color = h), r.morphTargetsRelative = !0, r;
+    const d = c[0], u = c[1], h = c[2];
+    return s && (r.morphAttributes.position = d), n && (r.morphAttributes.normal = u), i && (r.morphAttributes.color = h), r.morphTargetsRelative = !0, r;
   });
 }
 function Ho(r, e) {
@@ -3098,7 +3123,7 @@ function Vt(r) {
 function No(r) {
   return r.search(/\.jpe?g($|\?)/i) > 0 || r.search(/^data\:image\/jpeg/) === 0 ? "image/jpeg" : r.search(/\.webp($|\?)/i) > 0 || r.search(/^data\:image\/webp/) === 0 ? "image/webp" : r.search(/\.ktx2($|\?)/i) > 0 || r.search(/^data\:image\/ktx2/) === 0 ? "image/ktx2" : "image/png";
 }
-const jo = new me();
+const jo = new ge();
 class ko {
   constructor(e = {}, t = {}) {
     this.json = e, this.extensions = {}, this.plugins = {}, this.options = t, this.cache = new oo(), this.associations = /* @__PURE__ */ new Map(), this.primitiveCache = {}, this.nodeCache = {}, this.meshCache = { refs: {}, uses: {} }, this.cameraCache = { refs: {}, uses: {} }, this.lightCache = { refs: {}, uses: {} }, this.sourceCache = {}, this.textureCache = {}, this.nodeNamesUsed = {};
@@ -3139,7 +3164,7 @@ class ko {
         parser: s,
         userData: {}
       };
-      return xe(i, a, n), re(a, n), Promise.all(s._invokeAll(function(l) {
+      return we(i, a, n), re(a, n), Promise.all(s._invokeAll(function(l) {
         return l.afterRoot && l.afterRoot(a);
       })).then(function() {
         for (const l of a.scenes)
@@ -3195,8 +3220,8 @@ class ko {
     const n = s.clone(), i = (o, a) => {
       const l = this.associations.get(o);
       l != null && this.associations.set(a, l);
-      for (const [c, A] of o.children.entries())
-        i(A, a.children[c]);
+      for (const [c, d] of o.children.entries())
+        i(d, a.children[c]);
     };
     return i(s, n), n.name += "_instance_" + e.uses[t]++, n;
   }
@@ -3354,24 +3379,24 @@ class ko {
     }
     const i = [];
     return n.bufferView !== void 0 ? i.push(this.getDependency("bufferView", n.bufferView)) : i.push(null), n.sparse !== void 0 && (i.push(this.getDependency("bufferView", n.sparse.indices.bufferView)), i.push(this.getDependency("bufferView", n.sparse.values.bufferView))), Promise.all(i).then(function(o) {
-      const a = o[0], l = St[n.type], c = je[n.componentType], A = c.BYTES_PER_ELEMENT, u = A * l, h = n.byteOffset || 0, d = n.bufferView !== void 0 ? s.bufferViews[n.bufferView].byteStride : void 0, p = n.normalized === !0;
-      let m, f;
-      if (d && d !== u) {
-        const g = Math.floor(h / d), x = "InterleavedBuffer:" + n.bufferView + ":" + n.componentType + ":" + g + ":" + n.count;
-        let C = t.cache.get(x);
-        C || (m = new c(a, g * d, n.count * d / A), C = new Hn(m, d / A), t.cache.add(x, C)), f = new Ln(C, l, h % d / A, p);
+      const a = o[0], l = St[n.type], c = je[n.componentType], d = c.BYTES_PER_ELEMENT, u = d * l, h = n.byteOffset || 0, A = n.bufferView !== void 0 ? s.bufferViews[n.bufferView].byteStride : void 0, f = n.normalized === !0;
+      let p, m;
+      if (A && A !== u) {
+        const g = Math.floor(h / A), y = "InterleavedBuffer:" + n.bufferView + ":" + n.componentType + ":" + g + ":" + n.count;
+        let C = t.cache.get(y);
+        C || (p = new c(a, g * A, n.count * A / d), C = new Hn(p, A / d), t.cache.add(y, C)), m = new Ln(C, l, h % A / d, f);
       } else
-        a === null ? m = new c(n.count * l) : m = new c(a, h, n.count * l), f = new _e(m, l, p);
+        a === null ? p = new c(n.count * l) : p = new c(a, h, n.count * l), m = new _e(p, l, f);
       if (n.sparse !== void 0) {
-        const g = St.SCALAR, x = je[n.sparse.indices.componentType], C = n.sparse.indices.byteOffset || 0, y = n.sparse.values.byteOffset || 0, w = new x(o[1], C, n.sparse.count * g), D = new c(o[2], y, n.sparse.count * l);
-        a !== null && (f = new _e(f.array.slice(), f.itemSize, f.normalized)), f.normalized = !1;
+        const g = St.SCALAR, y = je[n.sparse.indices.componentType], C = n.sparse.indices.byteOffset || 0, x = n.sparse.values.byteOffset || 0, w = new y(o[1], C, n.sparse.count * g), D = new c(o[2], x, n.sparse.count * l);
+        a !== null && (m = new _e(m.array.slice(), m.itemSize, m.normalized)), m.normalized = !1;
         for (let S = 0, Z = w.length; S < Z; S++) {
-          const _ = w[S];
-          if (f.setX(_, D[S * l]), l >= 2 && f.setY(_, D[S * l + 1]), l >= 3 && f.setZ(_, D[S * l + 2]), l >= 4 && f.setW(_, D[S * l + 3]), l >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
+          const $ = w[S];
+          if (m.setX($, D[S * l]), l >= 2 && m.setY($, D[S * l + 1]), l >= 3 && m.setZ($, D[S * l + 2]), l >= 4 && m.setW($, D[S * l + 3]), l >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
         }
-        f.normalized = p;
+        m.normalized = f;
       }
-      return f;
+      return m;
     });
   }
   /**
@@ -3394,10 +3419,10 @@ class ko {
     const n = this, i = this.json, o = i.textures[e], a = i.images[t], l = (a.uri || a.bufferView) + ":" + o.sampler;
     if (this.textureCache[l])
       return this.textureCache[l];
-    const c = this.loadImageSource(t, s).then(function(A) {
-      A.flipY = !1, A.name = o.name || a.name || "", A.name === "" && typeof a.uri == "string" && a.uri.startsWith("data:image/") === !1 && (A.name = a.uri);
+    const c = this.loadImageSource(t, s).then(function(d) {
+      d.flipY = !1, d.name = o.name || a.name || "", d.name === "" && typeof a.uri == "string" && a.uri.startsWith("data:image/") === !1 && (d.name = a.uri);
       const h = (i.samplers || {})[o.sampler] || {};
-      return A.magFilter = Dn[h.magFilter] || Gt, A.minFilter = Dn[h.minFilter] || Nn, A.wrapS = Pn[h.wrapS] || Ft, A.wrapT = Pn[h.wrapT] || Ft, A.generateMipmaps = !A.isCompressedTexture && A.minFilter !== jn && A.minFilter !== Gt, n.associations.set(A, { textures: e }), A;
+      return d.magFilter = Dn[h.magFilter] || Gt, d.minFilter = Dn[h.minFilter] || Nn, d.wrapS = Pn[h.wrapS] || Ft, d.wrapT = Pn[h.wrapT] || Ft, d.generateMipmaps = !d.isCompressedTexture && d.minFilter !== jn && d.minFilter !== Gt, n.associations.set(d, { textures: e }), d;
     }).catch(function() {
       return null;
     });
@@ -3417,20 +3442,20 @@ class ko {
       });
     else if (o.uri === void 0)
       throw new Error("THREE.GLTFLoader: Image " + e + " is missing URI and bufferView");
-    const A = Promise.resolve(l).then(function(u) {
-      return new Promise(function(h, d) {
-        let p = h;
-        t.isImageBitmapLoader === !0 && (p = function(m) {
-          const f = new tn(m);
-          f.needsUpdate = !0, h(f);
-        }), t.load(Je.resolveURL(u, i.path), p, void 0, d);
+    const d = Promise.resolve(l).then(function(u) {
+      return new Promise(function(h, A) {
+        let f = h;
+        t.isImageBitmapLoader === !0 && (f = function(p) {
+          const m = new tn(p);
+          m.needsUpdate = !0, h(m);
+        }), t.load(Je.resolveURL(u, i.path), f, void 0, A);
       });
     }).then(function(u) {
       return c === !0 && a.revokeObjectURL(l), re(u, o), u.userData.mimeType = o.mimeType || No(o.uri), u;
     }).catch(function(u) {
       throw console.error("THREE.GLTFLoader: Couldn't load texture", l), u;
     });
-    return this.sourceCache[e] = A, A;
+    return this.sourceCache[e] = d, d;
   }
   /**
    * Asynchronously assigns a texture to the given material parameters.
@@ -3506,7 +3531,7 @@ class ko {
       o = u.getMaterialType(), c.push(u.extendParams(a, i, t));
     } else {
       const u = i.pbrMetallicRoughness || {};
-      if (a.color = new de(1, 1, 1), a.opacity = 1, Array.isArray(u.baseColorFactor)) {
+      if (a.color = new he(1, 1, 1), a.opacity = 1, Array.isArray(u.baseColorFactor)) {
         const h = u.baseColorFactor;
         a.color.setRGB(h[0], h[1], h[2], ae), a.opacity = h[3];
       }
@@ -3517,18 +3542,18 @@ class ko {
       })));
     }
     i.doubleSided === !0 && (a.side = Rn);
-    const A = i.alphaMode || Ht.OPAQUE;
-    if (A === Ht.BLEND ? (a.transparent = !0, a.depthWrite = !1) : (a.transparent = !1, A === Ht.MASK && (a.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && o !== Pe && (c.push(t.assignTexture(a, "normalMap", i.normalTexture)), a.normalScale = new Y(1, 1), i.normalTexture.scale !== void 0)) {
+    const d = i.alphaMode || Ht.OPAQUE;
+    if (d === Ht.BLEND ? (a.transparent = !0, a.depthWrite = !1) : (a.transparent = !1, d === Ht.MASK && (a.alphaTest = i.alphaCutoff !== void 0 ? i.alphaCutoff : 0.5)), i.normalTexture !== void 0 && o !== Pe && (c.push(t.assignTexture(a, "normalMap", i.normalTexture)), a.normalScale = new Y(1, 1), i.normalTexture.scale !== void 0)) {
       const u = i.normalTexture.scale;
       a.normalScale.set(u, u);
     }
     if (i.occlusionTexture !== void 0 && o !== Pe && (c.push(t.assignTexture(a, "aoMap", i.occlusionTexture)), i.occlusionTexture.strength !== void 0 && (a.aoMapIntensity = i.occlusionTexture.strength)), i.emissiveFactor !== void 0 && o !== Pe) {
       const u = i.emissiveFactor;
-      a.emissive = new de().setRGB(u[0], u[1], u[2], ae);
+      a.emissive = new he().setRGB(u[0], u[1], u[2], ae);
     }
     return i.emissiveTexture !== void 0 && o !== Pe && c.push(t.assignTexture(a, "emissiveMap", i.emissiveTexture, Ae)), Promise.all(c).then(function() {
       const u = new o(a);
-      return i.name && (u.name = i.name), re(u, i), t.associations.set(u, { materials: e }), i.extensions && xe(n, u, i), u;
+      return i.name && (u.name = i.name), re(u, i), t.associations.set(u, { materials: e }), i.extensions && we(n, u, i), u;
     });
   }
   /**
@@ -3560,12 +3585,12 @@ class ko {
     }
     const o = [];
     for (let a = 0, l = e.length; a < l; a++) {
-      const c = e[a], A = Lo(c), u = n[A];
+      const c = e[a], d = Lo(c), u = n[d];
       if (u)
         o.push(u.promise);
       else {
         let h;
-        c.extensions && c.extensions[O.KHR_DRACO_MESH_COMPRESSION] ? h = i(c) : h = Tn(new We(), c, t), n[A] = { primitive: c, promise: h }, o.push(h);
+        c.extensions && c.extensions[O.KHR_DRACO_MESH_COMPRESSION] ? h = i(c) : h = Tn(new We(), c, t), n[d] = { primitive: c, promise: h }, o.push(h);
       }
     }
     return Promise.all(o);
@@ -3580,40 +3605,40 @@ class ko {
   loadMesh(e) {
     const t = this, s = this.json, n = this.extensions, i = s.meshes[e], o = i.primitives, a = [];
     for (let l = 0, c = o.length; l < c; l++) {
-      const A = o[l].material === void 0 ? Ro(this.cache) : this.getDependency("material", o[l].material);
-      a.push(A);
+      const d = o[l].material === void 0 ? Ro(this.cache) : this.getDependency("material", o[l].material);
+      a.push(d);
     }
     return a.push(t.loadGeometries(o)), Promise.all(a).then(function(l) {
-      const c = l.slice(0, l.length - 1), A = l[l.length - 1], u = [];
-      for (let d = 0, p = A.length; d < p; d++) {
-        const m = A[d], f = o[d];
+      const c = l.slice(0, l.length - 1), d = l[l.length - 1], u = [];
+      for (let A = 0, f = d.length; A < f; A++) {
+        const p = d[A], m = o[A];
         let g;
-        const x = c[d];
-        if (f.mode === te.TRIANGLES || f.mode === te.TRIANGLE_STRIP || f.mode === te.TRIANGLE_FAN || f.mode === void 0)
-          g = i.isSkinnedMesh === !0 ? new Es(m, x) : new v(m, x), g.isSkinnedMesh === !0 && g.normalizeSkinWeights(), f.mode === te.TRIANGLE_STRIP ? g.geometry = wn(g.geometry, Sn) : f.mode === te.TRIANGLE_FAN && (g.geometry = wn(g.geometry, zt));
-        else if (f.mode === te.LINES)
-          g = new Wt(m, x);
-        else if (f.mode === te.LINE_STRIP)
-          g = new ue(m, x);
-        else if (f.mode === te.LINE_LOOP)
-          g = new Rs(m, x);
-        else if (f.mode === te.POINTS)
-          g = new pt(m, x);
+        const y = c[A];
+        if (m.mode === ne.TRIANGLES || m.mode === ne.TRIANGLE_STRIP || m.mode === ne.TRIANGLE_FAN || m.mode === void 0)
+          g = i.isSkinnedMesh === !0 ? new Es(p, y) : new v(p, y), g.isSkinnedMesh === !0 && g.normalizeSkinWeights(), m.mode === ne.TRIANGLE_STRIP ? g.geometry = wn(g.geometry, Sn) : m.mode === ne.TRIANGLE_FAN && (g.geometry = wn(g.geometry, zt));
+        else if (m.mode === ne.LINES)
+          g = new Wt(p, y);
+        else if (m.mode === ne.LINE_STRIP)
+          g = new ue(p, y);
+        else if (m.mode === ne.LINE_LOOP)
+          g = new Rs(p, y);
+        else if (m.mode === ne.POINTS)
+          g = new pt(p, y);
         else
-          throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + f.mode);
-        Object.keys(g.geometry.morphAttributes).length > 0 && Ho(g, i), g.name = t.createUniqueName(i.name || "mesh_" + e), re(g, i), f.extensions && xe(n, g, f), t.assignFinalMaterial(g), u.push(g);
+          throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + m.mode);
+        Object.keys(g.geometry.morphAttributes).length > 0 && Ho(g, i), g.name = t.createUniqueName(i.name || "mesh_" + e), re(g, i), m.extensions && we(n, g, m), t.assignFinalMaterial(g), u.push(g);
       }
-      for (let d = 0, p = u.length; d < p; d++)
-        t.associations.set(u[d], {
+      for (let A = 0, f = u.length; A < f; A++)
+        t.associations.set(u[A], {
           meshes: e,
-          primitives: d
+          primitives: A
         });
       if (u.length === 1)
-        return i.extensions && xe(n, u[0], i), u[0];
+        return i.extensions && we(n, u[0], i), u[0];
       const h = new ft();
-      i.extensions && xe(n, h, i), t.associations.set(h, { meshes: e });
-      for (let d = 0, p = u.length; d < p; d++)
-        h.add(u[d]);
+      i.extensions && we(n, h, i), t.associations.set(h, { meshes: e });
+      for (let A = 0, f = u.length; A < f; A++)
+        h.add(u[A]);
       return h;
     });
   }
@@ -3646,11 +3671,11 @@ class ko {
       s.push(this._loadNodeShallow(t.joints[n]));
     return t.inverseBindMatrices !== void 0 ? s.push(this.getDependency("accessor", t.inverseBindMatrices)) : s.push(null), Promise.all(s).then(function(n) {
       const i = n.pop(), o = n, a = [], l = [];
-      for (let c = 0, A = o.length; c < A; c++) {
+      for (let c = 0, d = o.length; c < d; c++) {
         const u = o[c];
         if (u) {
           a.push(u);
-          const h = new me();
+          const h = new ge();
           i !== null && h.fromArray(i.array, c * 16), l.push(h);
         } else
           console.warn('THREE.GLTFLoader: Joint "%s" could not be found.', t.joints[c]);
@@ -3666,30 +3691,30 @@ class ko {
    * @return {Promise<AnimationClip>}
    */
   loadAnimation(e) {
-    const t = this.json, s = this, n = t.animations[e], i = n.name ? n.name : "animation_" + e, o = [], a = [], l = [], c = [], A = [];
+    const t = this.json, s = this, n = t.animations[e], i = n.name ? n.name : "animation_" + e, o = [], a = [], l = [], c = [], d = [];
     for (let u = 0, h = n.channels.length; u < h; u++) {
-      const d = n.channels[u], p = n.samplers[d.sampler], m = d.target, f = m.node, g = n.parameters !== void 0 ? n.parameters[p.input] : p.input, x = n.parameters !== void 0 ? n.parameters[p.output] : p.output;
-      m.node !== void 0 && (o.push(this.getDependency("node", f)), a.push(this.getDependency("accessor", g)), l.push(this.getDependency("accessor", x)), c.push(p), A.push(m));
+      const A = n.channels[u], f = n.samplers[A.sampler], p = A.target, m = p.node, g = n.parameters !== void 0 ? n.parameters[f.input] : f.input, y = n.parameters !== void 0 ? n.parameters[f.output] : f.output;
+      p.node !== void 0 && (o.push(this.getDependency("node", m)), a.push(this.getDependency("accessor", g)), l.push(this.getDependency("accessor", y)), c.push(f), d.push(p));
     }
     return Promise.all([
       Promise.all(o),
       Promise.all(a),
       Promise.all(l),
       Promise.all(c),
-      Promise.all(A)
+      Promise.all(d)
     ]).then(function(u) {
-      const h = u[0], d = u[1], p = u[2], m = u[3], f = u[4], g = [];
-      for (let C = 0, y = h.length; C < y; C++) {
-        const w = h[C], D = d[C], S = p[C], Z = m[C], _ = f[C];
+      const h = u[0], A = u[1], f = u[2], p = u[3], m = u[4], g = [];
+      for (let C = 0, x = h.length; C < x; C++) {
+        const w = h[C], D = A[C], S = f[C], Z = p[C], $ = m[C];
         if (w === void 0) continue;
         w.updateMatrix && w.updateMatrix();
-        const Q = s._createAnimationTracks(w, D, S, Z, _);
+        const Q = s._createAnimationTracks(w, D, S, Z, $);
         if (Q)
-          for (let ye = 0; ye < Q.length; ye++)
-            g.push(Q[ye]);
+          for (let Ce = 0; Ce < Q.length; Ce++)
+            g.push(Q[Ce]);
       }
-      const x = new Ns(i, void 0, g);
-      return re(x, n), x;
+      const y = new Ns(i, void 0, g);
+      return re(y, n), y;
     });
   }
   createNodeMesh(e) {
@@ -3712,7 +3737,7 @@ class ko {
    */
   loadNode(e) {
     const t = this.json, s = this, n = t.nodes[e], i = s._loadNodeShallow(e), o = [], a = n.children || [];
-    for (let c = 0, A = a.length; c < A; c++)
+    for (let c = 0, d = a.length; c < d; c++)
       o.push(s.getDependency("node", a[c]));
     const l = n.skin === void 0 ? Promise.resolve(null) : s.getDependency("skin", n.skin);
     return Promise.all([
@@ -3720,17 +3745,17 @@ class ko {
       Promise.all(o),
       l
     ]).then(function(c) {
-      const A = c[0], u = c[1], h = c[2];
-      h !== null && A.traverse(function(d) {
-        d.isSkinnedMesh && d.bind(h, jo);
+      const d = c[0], u = c[1], h = c[2];
+      h !== null && d.traverse(function(A) {
+        A.isSkinnedMesh && A.bind(h, jo);
       });
-      for (let d = 0, p = u.length; d < p; d++)
-        A.add(u[d]);
-      if (A.userData.pivot !== void 0 && u.length > 0) {
-        const d = A.userData.pivot, p = u[0];
-        A.pivot = new M().fromArray(d), A.position.x -= d[0], A.position.y -= d[1], A.position.z -= d[2], p.position.set(0, 0, 0), delete A.userData.pivot;
+      for (let A = 0, f = u.length; A < f; A++)
+        d.add(u[A]);
+      if (d.userData.pivot !== void 0 && u.length > 0) {
+        const A = d.userData.pivot, f = u[0];
+        d.pivot = new M().fromArray(A), d.position.x -= A[0], d.position.y -= A[1], d.position.z -= A[2], f.position.set(0, 0, 0), delete d.userData.pivot;
       }
-      return A;
+      return d;
     });
   }
   // ._loadNodeShallow() parses a single node.
@@ -3749,22 +3774,22 @@ class ko {
     }).forEach(function(c) {
       a.push(c);
     }), this.nodeCache[e] = Promise.all(a).then(function(c) {
-      let A;
-      if (i.isBone === !0 ? A = new js() : c.length > 1 ? A = new ft() : c.length === 1 ? A = c[0] : A = new ke(), A !== c[0])
+      let d;
+      if (i.isBone === !0 ? d = new js() : c.length > 1 ? d = new ft() : c.length === 1 ? d = c[0] : d = new ke(), d !== c[0])
         for (let u = 0, h = c.length; u < h; u++)
-          A.add(c[u]);
-      if (i.name && (A.userData.name = i.name, A.name = o), re(A, i), i.extensions && xe(s, A, i), i.matrix !== void 0) {
-        const u = new me();
-        u.fromArray(i.matrix), A.applyMatrix4(u);
+          d.add(c[u]);
+      if (i.name && (d.userData.name = i.name, d.name = o), re(d, i), i.extensions && we(s, d, i), i.matrix !== void 0) {
+        const u = new ge();
+        u.fromArray(i.matrix), d.applyMatrix4(u);
       } else
-        i.translation !== void 0 && A.position.fromArray(i.translation), i.rotation !== void 0 && A.quaternion.fromArray(i.rotation), i.scale !== void 0 && A.scale.fromArray(i.scale);
-      if (!n.associations.has(A))
-        n.associations.set(A, {});
+        i.translation !== void 0 && d.position.fromArray(i.translation), i.rotation !== void 0 && d.quaternion.fromArray(i.rotation), i.scale !== void 0 && d.scale.fromArray(i.scale);
+      if (!n.associations.has(d))
+        n.associations.set(d, {});
       else if (i.mesh !== void 0 && n.meshCache.refs[i.mesh] > 1) {
-        const u = n.associations.get(A);
-        n.associations.set(A, { ...u });
+        const u = n.associations.get(d);
+        n.associations.set(d, { ...u });
       }
-      return n.associations.get(A).nodes = e, A;
+      return n.associations.get(d).nodes = e, d;
     }), this.nodeCache[e];
   }
   /**
@@ -3776,22 +3801,22 @@ class ko {
    */
   loadScene(e) {
     const t = this.extensions, s = this.json.scenes[e], n = this, i = new ft();
-    s.name && (i.name = n.createUniqueName(s.name)), re(i, s), s.extensions && xe(t, i, s);
+    s.name && (i.name = n.createUniqueName(s.name)), re(i, s), s.extensions && we(t, i, s);
     const o = s.nodes || [], a = [];
     for (let l = 0, c = o.length; l < c; l++)
       a.push(n.getDependency("node", o[l]));
     return Promise.all(a).then(function(l) {
-      for (let A = 0, u = l.length; A < u; A++) {
-        const h = l[A];
+      for (let d = 0, u = l.length; d < u; d++) {
+        const h = l[d];
         h.parent !== null ? i.add(so(h)) : i.add(h);
       }
-      const c = (A) => {
+      const c = (d) => {
         const u = /* @__PURE__ */ new Map();
-        for (const [h, d] of n.associations)
-          (h instanceof Qe || h instanceof tn) && u.set(h, d);
-        return A.traverse((h) => {
-          const d = n.associations.get(h);
-          d != null && u.set(h, d);
+        for (const [h, A] of n.associations)
+          (h instanceof Qe || h instanceof tn) && u.set(h, A);
+        return d.traverse((h) => {
+          const A = n.associations.get(h);
+          A != null && u.set(h, A);
         }), u;
       };
       return n.associations = c(i), i;
@@ -3799,44 +3824,44 @@ class ko {
   }
   _createAnimationTracks(e, t, s, n, i) {
     const o = [], a = e.name ? e.name : e.uuid, l = [];
-    function c(d) {
-      d.morphTargetInfluences && l.push(d.name ? d.name : d.uuid);
+    function c(A) {
+      A.morphTargetInfluences && l.push(A.name ? A.name : A.uuid);
     }
-    fe[i.path] === fe.weights ? (c(e), e.isGroup && e.children.forEach(c)) : l.push(a);
-    let A;
-    switch (fe[i.path]) {
-      case fe.weights:
-        A = sn;
+    pe[i.path] === pe.weights ? (c(e), e.isGroup && e.children.forEach(c)) : l.push(a);
+    let d;
+    switch (pe[i.path]) {
+      case pe.weights:
+        d = sn;
         break;
-      case fe.rotation:
-        A = on;
+      case pe.rotation:
+        d = on;
         break;
-      case fe.translation:
-      case fe.scale:
-        A = nn;
+      case pe.translation:
+      case pe.scale:
+        d = nn;
         break;
       default:
         switch (s.itemSize) {
           case 1:
-            A = sn;
+            d = sn;
             break;
           case 2:
           case 3:
           default:
-            A = nn;
+            d = nn;
             break;
         }
         break;
     }
     const u = n.interpolation !== void 0 ? Eo[n.interpolation] : Wn, h = this._getArrayFromAccessor(s);
-    for (let d = 0, p = l.length; d < p; d++) {
-      const m = new A(
-        l[d] + "." + fe[i.path],
+    for (let A = 0, f = l.length; A < f; A++) {
+      const p = new d(
+        l[A] + "." + pe[i.path],
         t.array,
         h,
         u
       );
-      n.interpolation === "CUBICSPLINE" && this._createCubicSplineTrackInterpolant(m), o.push(m);
+      n.interpolation === "CUBICSPLINE" && this._createCubicSplineTrackInterpolant(p), o.push(p);
     }
     return o;
   }
@@ -3866,8 +3891,8 @@ function Wo(r, e, t) {
         new M(l[0], l[1], l[2]),
         new M(c[0], c[1], c[2])
       ), a.normalized) {
-        const A = Vt(je[a.componentType]);
-        n.min.multiplyScalar(A), n.max.multiplyScalar(A);
+        const d = Vt(je[a.componentType]);
+        n.min.multiplyScalar(d), n.max.multiplyScalar(d);
       }
     } else {
       console.warn("THREE.GLTFLoader: Missing min/max properties for accessor POSITION.");
@@ -3878,14 +3903,14 @@ function Wo(r, e, t) {
   const i = e.targets;
   if (i !== void 0) {
     const a = new M(), l = new M();
-    for (let c = 0, A = i.length; c < A; c++) {
+    for (let c = 0, d = i.length; c < d; c++) {
       const u = i[c];
       if (u.POSITION !== void 0) {
-        const h = t.json.accessors[u.POSITION], d = h.min, p = h.max;
-        if (d !== void 0 && p !== void 0) {
-          if (l.setX(Math.max(Math.abs(d[0]), Math.abs(p[0]))), l.setY(Math.max(Math.abs(d[1]), Math.abs(p[1]))), l.setZ(Math.max(Math.abs(d[2]), Math.abs(p[2]))), h.normalized) {
-            const m = Vt(je[h.componentType]);
-            l.multiplyScalar(m);
+        const h = t.json.accessors[u.POSITION], A = h.min, f = h.max;
+        if (A !== void 0 && f !== void 0) {
+          if (l.setX(Math.max(Math.abs(A[0]), Math.abs(f[0]))), l.setY(Math.max(Math.abs(A[1]), Math.abs(f[1]))), l.setZ(Math.max(Math.abs(A[2]), Math.abs(f[2]))), h.normalized) {
+            const p = Vt(je[h.componentType]);
+            l.multiplyScalar(p);
           }
           a.max(l);
         } else
@@ -4016,8 +4041,8 @@ class zo extends Yt {
         );
     }
     let n;
-    const i = this.workerNextTaskID++, o = e.byteLength, a = this._getWorker(i, o).then((l) => (n = l, new Promise((c, A) => {
-      n._callbacks[i] = { resolve: c, reject: A }, n.postMessage({ type: "decode", id: i, taskConfig: t, buffer: e }, [e]);
+    const i = this.workerNextTaskID++, o = e.byteLength, a = this._getWorker(i, o).then((l) => (n = l, new Promise((c, d) => {
+      n._callbacks[i] = { resolve: c, reject: d }, n.postMessage({ type: "decode", id: i, taskConfig: t, buffer: e }, [e]);
     }))).then((l) => this._createGeometry(l.geometry));
     return a.catch(() => !0).then(() => {
       n && i && this._releaseTask(n, i);
@@ -4035,8 +4060,8 @@ class zo extends Yt {
       if (o === a)
         c = new _e(i, o);
       else {
-        const A = new Hn(i, a);
-        c = new Ln(A, o, 0);
+        const d = new Hn(i, a);
+        c = new Ln(d, o, 0);
       }
       n === "color" && (this._assignVertexColorSpace(c, l), c.normalized = !(i instanceof Float32Array)), t.setAttribute(n, c);
     }
@@ -4044,7 +4069,7 @@ class zo extends Yt {
   }
   _assignVertexColorSpace(e, t) {
     if (t !== Ae) return;
-    const s = new de();
+    const s = new he();
     for (let n = 0, i = e.count; n < i; n++)
       s.fromBufferAttribute(e, n), qt.colorSpaceToWorking(s, Ae), e.setXYZ(n, s.r, s.g, s.b);
   }
@@ -4117,21 +4142,21 @@ function Go() {
     const a = o.data;
     switch (a.type) {
       case "init":
-        r = a.decoderConfig, e = new Promise(function(A) {
+        r = a.decoderConfig, e = new Promise(function(d) {
           r.onModuleLoaded = function(u) {
-            A({ draco: u });
+            d({ draco: u });
           }, DracoDecoderModule(r);
         });
         break;
       case "decode":
         const l = a.buffer, c = a.taskConfig;
-        e.then((A) => {
-          const u = A.draco, h = new u.Decoder();
+        e.then((d) => {
+          const u = d.draco, h = new u.Decoder();
           try {
-            const d = t(u, h, new Int8Array(l), c), p = d.attributes.map((m) => m.array.buffer);
-            d.index && p.push(d.index.array.buffer), self.postMessage({ type: "decode", id: a.id, geometry: d }, p);
-          } catch (d) {
-            console.error(d), self.postMessage({ type: "error", id: a.id, error: d.message });
+            const A = t(u, h, new Int8Array(l), c), f = A.attributes.map((p) => p.array.buffer);
+            A.index && f.push(A.index.array.buffer), self.postMessage({ type: "decode", id: a.id, geometry: A }, f);
+          } catch (A) {
+            console.error(A), self.postMessage({ type: "error", id: a.id, error: A.message });
           } finally {
             u.destroy(h);
           }
@@ -4140,58 +4165,58 @@ function Go() {
     }
   };
   function t(o, a, l, c) {
-    const A = c.attributeIDs, u = c.attributeTypes;
-    let h, d;
-    const p = a.GetEncodedGeometryType(l);
-    if (p === o.TRIANGULAR_MESH)
-      h = new o.Mesh(), d = a.DecodeArrayToMesh(l, l.byteLength, h);
-    else if (p === o.POINT_CLOUD)
-      h = new o.PointCloud(), d = a.DecodeArrayToPointCloud(l, l.byteLength, h);
+    const d = c.attributeIDs, u = c.attributeTypes;
+    let h, A;
+    const f = a.GetEncodedGeometryType(l);
+    if (f === o.TRIANGULAR_MESH)
+      h = new o.Mesh(), A = a.DecodeArrayToMesh(l, l.byteLength, h);
+    else if (f === o.POINT_CLOUD)
+      h = new o.PointCloud(), A = a.DecodeArrayToPointCloud(l, l.byteLength, h);
     else
       throw new Error("THREE.DRACOLoader: Unexpected geometry type.");
-    if (!d.ok() || h.ptr === 0)
-      throw new Error("THREE.DRACOLoader: Decoding failed: " + d.error_msg());
-    const m = { index: null, attributes: [] };
-    for (const f in A) {
-      const g = self[u[f]];
-      let x, C;
+    if (!A.ok() || h.ptr === 0)
+      throw new Error("THREE.DRACOLoader: Decoding failed: " + A.error_msg());
+    const p = { index: null, attributes: [] };
+    for (const m in d) {
+      const g = self[u[m]];
+      let y, C;
       if (c.useUniqueIDs)
-        C = A[f], x = a.GetAttributeByUniqueId(h, C);
+        C = d[m], y = a.GetAttributeByUniqueId(h, C);
       else {
-        if (C = a.GetAttributeId(h, o[A[f]]), C === -1) continue;
-        x = a.GetAttribute(h, C);
+        if (C = a.GetAttributeId(h, o[d[m]]), C === -1) continue;
+        y = a.GetAttribute(h, C);
       }
-      const y = n(o, a, h, f, g, x);
-      f === "color" && (y.vertexColorSpace = c.vertexColorSpace), m.attributes.push(y);
+      const x = n(o, a, h, m, g, y);
+      m === "color" && (x.vertexColorSpace = c.vertexColorSpace), p.attributes.push(x);
     }
-    return p === o.TRIANGULAR_MESH && (m.index = s(o, a, h)), o.destroy(h), m;
+    return f === o.TRIANGULAR_MESH && (p.index = s(o, a, h)), o.destroy(h), p;
   }
   function s(o, a, l) {
-    const A = l.num_faces() * 3, u = A * 4, h = o._malloc(u);
+    const d = l.num_faces() * 3, u = d * 4, h = o._malloc(u);
     a.GetTrianglesUInt32Array(l, u, h);
-    const d = new Uint32Array(o.HEAPF32.buffer, h, A).slice();
-    return o._free(h), { array: d, itemSize: 1 };
+    const A = new Uint32Array(o.HEAPF32.buffer, h, d).slice();
+    return o._free(h), { array: A, itemSize: 1 };
   }
-  function n(o, a, l, c, A, u) {
-    const h = l.num_points(), d = u.num_components(), p = i(o, A), m = d * A.BYTES_PER_ELEMENT, f = Math.ceil(m / 4) * 4, g = f / A.BYTES_PER_ELEMENT, x = h * m, C = h * f, y = o._malloc(x);
-    a.GetAttributeDataArrayForAllPoints(l, u, p, x, y);
-    const w = new A(o.HEAPF32.buffer, y, x / A.BYTES_PER_ELEMENT);
+  function n(o, a, l, c, d, u) {
+    const h = l.num_points(), A = u.num_components(), f = i(o, d), p = A * d.BYTES_PER_ELEMENT, m = Math.ceil(p / 4) * 4, g = m / d.BYTES_PER_ELEMENT, y = h * p, C = h * m, x = o._malloc(y);
+    a.GetAttributeDataArrayForAllPoints(l, u, f, y, x);
+    const w = new d(o.HEAPF32.buffer, x, y / d.BYTES_PER_ELEMENT);
     let D;
-    if (m === f)
+    if (p === m)
       D = w.slice();
     else {
-      D = new A(C / A.BYTES_PER_ELEMENT);
+      D = new d(C / d.BYTES_PER_ELEMENT);
       let S = 0;
-      for (let Z = 0, _ = w.length; Z < _; Z++) {
-        for (let Q = 0; Q < d; Q++)
-          D[S + Q] = w[Z * d + Q];
+      for (let Z = 0, $ = w.length; Z < $; Z++) {
+        for (let Q = 0; Q < A; Q++)
+          D[S + Q] = w[Z * A + Q];
         S += g;
       }
     }
-    return o._free(y), {
+    return o._free(x), {
       name: c,
       count: h,
-      itemSize: d,
+      itemSize: A,
       array: D,
       stride: g
     };
@@ -4243,21 +4268,21 @@ function Uo(r) {
     repeatX: a = 4,
     repeatY: l = 4,
     speedX: c = 5e-4,
-    speedY: A = 5e-4
-  } = r || {}, u = new P.PlaneGeometry(e, t), d = new P.TextureLoader().load(Fo, (f) => {
-    f.wrapS = f.wrapT = P.RepeatWrapping, f.repeat.set(a, l), f.generateMipmaps = !1, f.minFilter = P.LinearFilter, f.magFilter = P.LinearFilter;
-  }), p = new P.MeshStandardMaterial({
+    speedY: d = 5e-4
+  } = r || {}, u = new P.PlaneGeometry(e, t), A = new P.TextureLoader().load(Fo, (m) => {
+    m.wrapS = m.wrapT = P.RepeatWrapping, m.repeat.set(a, l), m.generateMipmaps = !1, m.minFilter = P.LinearFilter, m.magFilter = P.LinearFilter;
+  }), f = new P.MeshStandardMaterial({
     color: s,
     roughness: n,
     metalness: i,
-    normalMap: d,
+    normalMap: A,
     normalScale: new P.Vector2(o, o),
     side: P.DoubleSide,
     // 双面渲染，避免从侧面或底部看到黑色
     transparent: !0,
     opacity: 0.6
-  }), m = new P.Mesh(u, p);
-  m.rotation.x = -Math.PI / 2, m.position.y = 0, m.name = "水面（标准材质）", m.userData.isWater = !0, m.userData.isMovable = !0, m.userData.waterSpeed = { x: c, y: A }, ze(m);
+  }), p = new P.Mesh(u, f);
+  p.rotation.x = -Math.PI / 2, p.position.y = 0, p.name = "水面（标准材质）", p.userData.isWater = !0, p.userData.isMovable = !0, p.userData.waterSpeed = { x: c, y: d }, ze(p);
 }
 function Vo(r) {
   return Et(!0), new Promise((e, t) => {
@@ -4285,8 +4310,8 @@ function Vo(r) {
           var h;
           u.userData.isMovable = !0, u.name || (u.name = u.type), u.type === "Mesh" && (u.frustumCulled = !0, (h = u.geometry) == null || h.computeVertexNormals(), u.castShadow = !0, u.receiveShadow = !0);
         });
-        const A = new P.Box3().setFromObject(l).getCenter(new P.Vector3());
-        l.position.sub(A), ze(l, !0), Et(!1), e(l);
+        const d = new P.Box3().setFromObject(l).getCenter(new P.Vector3());
+        l.position.sub(d), ze(l, !0), Et(!1), e(l);
       },
       void 0,
       (a) => {
@@ -4320,28 +4345,16 @@ function Ko(r) {
     return console.warn("请先选中一个模型，再添加数据面板"), null;
   const t = Zt(e);
   t && (t.dispose(), hi(e));
-  const s = Math.min(window.innerWidth, 7e3), n = 1920, i = 200, o = Math.max(
-    150,
-    // 最小宽度 150px（小屏设备）
-    Math.round(s / n * i)
-  ), l = Math.max(
-    12,
-    Math.min(
-      20,
-      Math.round(o / i * 13)
-    )
-  ), c = [
+  const s = [
     { label: "温度", value: "30", unit: "℃" },
     { label: "湿度", value: "65", unit: "%" },
     { label: "压力", value: "101.3", unit: "kPa" },
     { label: "名称", value: e.name || "未命名" }
-  ], A = new Gn({
+  ], n = new Gn({
     title: (r == null ? void 0 : r.title) || "数据面板",
-    items: (r == null ? void 0 : r.items) || c,
-    width: `${o}px`,
-    fontSize: `${l}px`
+    items: (r == null ? void 0 : r.items) || s
   });
-  return A.attachTo(e), Fn(e, A), A;
+  return n.attachTo(e), Fn(e, n), n;
 }
 const Zo = {
   key: 1,
@@ -4349,7 +4362,7 @@ const Zo = {
 }, Qo = { class: "tree-icon" }, Jo = { class: "tree-name" }, _o = {
   key: 0,
   class: "tree-children"
-}, $o = /* @__PURE__ */ be({
+}, $o = /* @__PURE__ */ Ie({
   __name: "TreeItem",
   props: {
     node: {},
@@ -4358,17 +4371,17 @@ const Zo = {
   },
   emits: ["select", "delete"],
   setup(r, { emit: e }) {
-    const t = r, s = e, n = j(null), { expandedSet: i, toggleExpand: o } = es("treeExpand"), a = Be(() => i.value.has(t.node.uuid)), l = Be(() => (t.version, t.node.children.some((m) => m.userData.isMovable === !0))), c = Be(() => (t.version, t.node.children.filter(
-      (m) => m.userData.isMovable === !0
-    ))), A = Be(
+    const t = r, s = e, n = L(null), { expandedSet: i, toggleExpand: o } = es("treeExpand"), a = Be(() => i.value.has(t.node.uuid)), l = Be(() => (t.version, t.node.children.some((p) => p.userData.isMovable === !0))), c = Be(() => (t.version, t.node.children.filter(
+      (p) => p.userData.isMovable === !0
+    ))), d = Be(
       () => {
-        var m;
-        return ((m = t.selectedObject) == null ? void 0 : m.uuid) === t.node.uuid;
+        var p;
+        return ((p = t.selectedObject) == null ? void 0 : p.uuid) === t.node.uuid;
       }
     );
     ts(
       () => {
-        A.value && n.value && n.value.scrollIntoView({
+        d.value && n.value && n.value.scrollIntoView({
           block: "nearest",
           // 仅当元素不在可视区域时才滚动
           behavior: "smooth"
@@ -4377,12 +4390,12 @@ const Zo = {
       },
       { flush: "post" }
     );
-    const u = (m) => {
-      m.stopPropagation(), s("select", t.node);
-    }, h = (m) => {
-      m.stopPropagation(), s("delete", t.node);
-    }, d = (m) => m.type === "Mesh" || m.type === "Sprite" ? "🟦" : m.type === "Light" ? "💡" : "📦", p = (m) => m.name || `${m.type} (${m.id})`;
-    return (m, f) => {
+    const u = (p) => {
+      p.stopPropagation(), s("select", t.node);
+    }, h = (p) => {
+      p.stopPropagation(), s("delete", t.node);
+    }, A = (p) => p.type === "Mesh" || p.type === "Sprite" ? "🟦" : p.type === "Light" ? "💡" : "📦", f = (p) => p.name || `${p.type} (${p.id})`;
+    return (p, m) => {
       const g = ns("TreeItem", !0);
       return T(), R("div", {
         class: "tree-node",
@@ -4390,49 +4403,49 @@ const Zo = {
         ref: n
       }, [
         b("div", {
-          class: se(["tree-item", { selected: A.value }]),
+          class: ie(["tree-item", { selected: d.value }]),
           onClick: u
         }, [
           l.value ? (T(), R("span", {
             key: 0,
             class: "toggle-icon",
-            onClick: f[0] || (f[0] = jt((x) => ss(o)(r.node.uuid), ["stop"]))
-          }, ie(a.value ? "▼" : "▶"), 1)) : (T(), R("span", Zo)),
-          b("span", Qo, ie(d(r.node)), 1),
-          b("span", Jo, ie(p(r.node)), 1),
+            onClick: m[0] || (m[0] = jt((y) => ss(o)(r.node.uuid), ["stop"]))
+          }, _(a.value ? "▼" : "▶"), 1)) : (T(), R("span", Zo)),
+          b("span", Qo, _(A(r.node)), 1),
+          b("span", Jo, _(f(r.node)), 1),
           b("button", {
             class: "tree-delete",
             onClick: jt(h, ["stop"])
           }, "×")
         ], 2),
         a.value && l.value ? (T(), R("div", _o, [
-          (T(!0), R(ve, null, wt(c.value, (x) => (T(), Ke(g, {
-            key: x.uuid,
-            node: x,
+          (T(!0), R(Me, null, wt(c.value, (y) => (T(), Ke(g, {
+            key: y.uuid,
+            node: y,
             "selected-object": r.selectedObject,
             version: r.version,
-            onSelect: f[1] || (f[1] = (C) => s("select", C)),
-            onDelete: f[2] || (f[2] = (C) => s("delete", C))
+            onSelect: m[1] || (m[1] = (C) => s("select", C)),
+            onDelete: m[2] || (m[2] = (C) => s("delete", C))
           }, null, 8, ["node", "selected-object", "version"]))), 128))
         ])) : X("", !0)
       ], 512);
     };
   }
-}), Ie = (r, e) => {
+}), ye = (r, e) => {
   const t = r.__vccOpts || r;
   for (const [s, n] of e)
     t[s] = n;
   return t;
-}, er = /* @__PURE__ */ Ie($o, [["__scopeId", "data-v-5ad9c842"]]), tr = { class: "property-group" }, nr = { class: "row" }, sr = { class: "property-group" }, ir = { class: "row" }, or = { class: "property-group" }, rr = { class: "row" }, ar = {
+}, er = /* @__PURE__ */ ye($o, [["__scopeId", "data-v-5ad9c842"]]), tr = { class: "property-group" }, nr = { class: "row" }, sr = { class: "property-group" }, ir = { class: "row" }, or = { class: "property-group" }, rr = { class: "row" }, ar = {
   key: 0,
   class: "property-group light-group"
 }, lr = { class: "slider-row" }, cr = {
   key: 1,
   class: "property-group material-group"
-}, ur = { class: "slider-row" }, Ar = { class: "slider-value" }, dr = { class: "slider-row" }, hr = { class: "slider-value" }, fr = { class: "slider-row" }, pr = { class: "slider-value" }, mr = {
+}, ur = { class: "slider-row" }, dr = { class: "slider-value" }, Ar = { class: "slider-row" }, hr = { class: "slider-value" }, fr = { class: "slider-row" }, pr = { class: "slider-value" }, mr = {
   key: 0,
   class: "material-hint"
-}, gr = /* @__PURE__ */ be({
+}, gr = /* @__PURE__ */ Ie({
   __name: "TransformTab",
   props: {
     transform: {},
@@ -4444,43 +4457,43 @@ const Zo = {
       metalness: 0,
       roughness: 0.5,
       opacity: 1
-    }), o = j(!1), a = kt({
+    }), o = L(!1), a = kt({
       intensity: 1
     });
     function l() {
       t.selectedObject && t.selectedObject.type === "DirectionalLight" && (t.selectedObject.intensity = a.intensity);
     }
     function c(h) {
-      let d = null;
-      return h.traverse((p) => {
-        if (p.type === "Mesh" && !d) {
-          const m = p, f = Array.isArray(m.material) ? m.material : [m.material];
-          for (const g of f)
+      let A = null;
+      return h.traverse((f) => {
+        if (f.type === "Mesh" && !A) {
+          const p = f, m = Array.isArray(p.material) ? p.material : [p.material];
+          for (const g of m)
             if (g && (g.type === "MeshStandardMaterial" || g.type === "MeshPhongMaterial")) {
-              const x = g;
-              d = {
-                metalness: x.metalness ?? 0,
-                roughness: x.roughness ?? 0.5,
+              const y = g;
+              A = {
+                metalness: y.metalness ?? 0,
+                roughness: y.roughness ?? 0.5,
                 opacity: g.opacity ?? 1
               };
               break;
             }
         }
-      }), d;
+      }), A;
     }
-    function A(h, d) {
-      let p = !1;
-      return h.traverse((m) => {
-        if (m.type === "Mesh") {
-          const f = m, g = Array.isArray(f.material) ? f.material : [f.material];
-          for (const x of g)
-            x && (x.type === "MeshStandardMaterial" || x.type === "MeshPhongMaterial") && (d.metalness !== void 0 && (x.metalness = d.metalness), d.roughness !== void 0 && (x.roughness = d.roughness), d.opacity !== void 0 && (x.opacity = d.opacity, x.transparent = d.opacity < 1), x.needsUpdate = !0, p = !0);
+    function d(h, A) {
+      let f = !1;
+      return h.traverse((p) => {
+        if (p.type === "Mesh") {
+          const m = p, g = Array.isArray(m.material) ? m.material : [m.material];
+          for (const y of g)
+            y && (y.type === "MeshStandardMaterial" || y.type === "MeshPhongMaterial") && (A.metalness !== void 0 && (y.metalness = A.metalness), A.roughness !== void 0 && (y.roughness = A.roughness), A.opacity !== void 0 && (y.opacity = A.opacity, y.transparent = A.opacity < 1), y.needsUpdate = !0, f = !0);
         }
-      }), p;
+      }), f;
     }
     function u() {
       if (t.selectedObject) {
-        const h = A(t.selectedObject, {
+        const h = d(t.selectedObject, {
           metalness: i.metalness,
           roughness: i.roughness,
           opacity: i.opacity
@@ -4488,57 +4501,57 @@ const Zo = {
         o.value = h;
       }
     }
-    return Me(
+    return de(
       () => t.selectedObject,
       (h) => {
         if (h) {
-          const d = c(h);
-          d ? (i.metalness = d.metalness, i.roughness = d.roughness, i.opacity = d.opacity, o.value = !0) : (i.metalness = 0, i.roughness = 0.5, i.opacity = 1, o.value = !1), h.type === "DirectionalLight" && (a.intensity = h.intensity ?? 1);
+          const A = c(h);
+          A ? (i.metalness = A.metalness, i.roughness = A.roughness, i.opacity = A.opacity, o.value = !0) : (i.metalness = 0, i.roughness = 0.5, i.opacity = 1, o.value = !1), h.type === "DirectionalLight" && (a.intensity = h.intensity ?? 1);
         } else
           i.metalness = 0, i.roughness = 0.5, i.opacity = 1, o.value = !1;
       },
       { immediate: !0 }
-    ), (h, d) => (T(), R("div", null, [
+    ), (h, A) => (T(), R("div", null, [
       b("div", tr, [
-        d[17] || (d[17] = b("label", null, "位置", -1)),
+        A[17] || (A[17] = b("label", null, "位置", -1)),
         b("div", nr, [
-          d[14] || (d[14] = b("span", null, "X:", -1)),
+          A[14] || (A[14] = b("span", null, "X:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[0] || (d[0] = (p) => r.transform.position.x = p),
+            "onUpdate:modelValue": A[0] || (A[0] = (f) => r.transform.position.x = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.position.x,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[15] || (d[15] = b("span", null, "Y:", -1)),
+          A[15] || (A[15] = b("span", null, "Y:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[1] || (d[1] = (p) => r.transform.position.y = p),
+            "onUpdate:modelValue": A[1] || (A[1] = (f) => r.transform.position.y = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.position.y,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[16] || (d[16] = b("span", null, "Z:", -1)),
+          A[16] || (A[16] = b("span", null, "Z:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[2] || (d[2] = (p) => r.transform.position.z = p),
+            "onUpdate:modelValue": A[2] || (A[2] = (f) => r.transform.position.z = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.position.z,
               void 0,
               { number: !0 }
@@ -4547,45 +4560,45 @@ const Zo = {
         ])
       ]),
       b("div", sr, [
-        d[21] || (d[21] = b("label", null, "旋转 (弧度)", -1)),
+        A[21] || (A[21] = b("label", null, "旋转 (弧度)", -1)),
         b("div", ir, [
-          d[18] || (d[18] = b("span", null, "X:", -1)),
+          A[18] || (A[18] = b("span", null, "X:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[3] || (d[3] = (p) => r.transform.rotation.x = p),
+            "onUpdate:modelValue": A[3] || (A[3] = (f) => r.transform.rotation.x = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.rotation.x,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[19] || (d[19] = b("span", null, "Y:", -1)),
+          A[19] || (A[19] = b("span", null, "Y:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[4] || (d[4] = (p) => r.transform.rotation.y = p),
+            "onUpdate:modelValue": A[4] || (A[4] = (f) => r.transform.rotation.y = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.rotation.y,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[20] || (d[20] = b("span", null, "Z:", -1)),
+          A[20] || (A[20] = b("span", null, "Z:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[5] || (d[5] = (p) => r.transform.rotation.z = p),
+            "onUpdate:modelValue": A[5] || (A[5] = (f) => r.transform.rotation.z = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.rotation.z,
               void 0,
               { number: !0 }
@@ -4594,45 +4607,45 @@ const Zo = {
         ])
       ]),
       b("div", or, [
-        d[25] || (d[25] = b("label", null, "缩放", -1)),
+        A[25] || (A[25] = b("label", null, "缩放", -1)),
         b("div", rr, [
-          d[22] || (d[22] = b("span", null, "X:", -1)),
+          A[22] || (A[22] = b("span", null, "X:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[6] || (d[6] = (p) => r.transform.scale.x = p),
+            "onUpdate:modelValue": A[6] || (A[6] = (f) => r.transform.scale.x = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.scale.x,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[23] || (d[23] = b("span", null, "Y:", -1)),
+          A[23] || (A[23] = b("span", null, "Y:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[7] || (d[7] = (p) => r.transform.scale.y = p),
+            "onUpdate:modelValue": A[7] || (A[7] = (f) => r.transform.scale.y = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.scale.y,
               void 0,
               { number: !0 }
             ]
           ]),
-          d[24] || (d[24] = b("span", null, "Z:", -1)),
+          A[24] || (A[24] = b("span", null, "Z:", -1)),
           E(b("input", {
             type: "number",
-            "onUpdate:modelValue": d[8] || (d[8] = (p) => r.transform.scale.z = p),
+            "onUpdate:modelValue": A[8] || (A[8] = (f) => r.transform.scale.z = f),
             step: "0.01",
             onInput: n
           }, null, 544), [
             [
-              N,
+              H,
               r.transform.scale.z,
               void 0,
               { number: !0 }
@@ -4641,19 +4654,19 @@ const Zo = {
         ])
       ]),
       r.selectedObject && r.selectedObject.type === "DirectionalLight" ? (T(), R("div", ar, [
-        d[27] || (d[27] = b("label", null, "光源属性", -1)),
+        A[27] || (A[27] = b("label", null, "光源属性", -1)),
         b("div", lr, [
-          d[26] || (d[26] = b("span", { class: "slider-label" }, "强度", -1)),
+          A[26] || (A[26] = b("span", { class: "slider-label" }, "强度", -1)),
           E(b("input", {
             type: "range",
             min: "0",
             max: "10",
             step: "0.1",
-            "onUpdate:modelValue": d[9] || (d[9] = (p) => a.intensity = p),
+            "onUpdate:modelValue": A[9] || (A[9] = (f) => a.intensity = f),
             onInput: l
           }, null, 544), [
             [
-              N,
+              H,
               a.intensity,
               void 0,
               { number: !0 }
@@ -4664,12 +4677,12 @@ const Zo = {
             min: "0",
             max: "100",
             step: "0.1",
-            "onUpdate:modelValue": d[10] || (d[10] = (p) => a.intensity = p),
+            "onUpdate:modelValue": A[10] || (A[10] = (f) => a.intensity = f),
             class: "intensity-input",
             onInput: l
           }, null, 544), [
             [
-              N,
+              H,
               a.intensity,
               void 0,
               { number: !0 }
@@ -4678,69 +4691,69 @@ const Zo = {
         ])
       ])) : X("", !0),
       r.selectedObject ? (T(), R("div", cr, [
-        d[31] || (d[31] = b("label", null, "材质", -1)),
+        A[31] || (A[31] = b("label", null, "材质", -1)),
         b("div", ur, [
-          d[28] || (d[28] = b("span", { class: "slider-label" }, "金属度", -1)),
+          A[28] || (A[28] = b("span", { class: "slider-label" }, "金属度", -1)),
           E(b("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[11] || (d[11] = (p) => i.metalness = p),
+            "onUpdate:modelValue": A[11] || (A[11] = (f) => i.metalness = f),
             onInput: u
           }, null, 544), [
             [
-              N,
+              H,
               i.metalness,
               void 0,
               { number: !0 }
             ]
           ]),
-          b("span", Ar, ie(i.metalness.toFixed(2)), 1)
+          b("span", dr, _(i.metalness.toFixed(2)), 1)
         ]),
-        b("div", dr, [
-          d[29] || (d[29] = b("span", { class: "slider-label" }, "粗糙度", -1)),
+        b("div", Ar, [
+          A[29] || (A[29] = b("span", { class: "slider-label" }, "粗糙度", -1)),
           E(b("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[12] || (d[12] = (p) => i.roughness = p),
+            "onUpdate:modelValue": A[12] || (A[12] = (f) => i.roughness = f),
             onInput: u
           }, null, 544), [
             [
-              N,
+              H,
               i.roughness,
               void 0,
               { number: !0 }
             ]
           ]),
-          b("span", hr, ie(i.roughness.toFixed(2)), 1)
+          b("span", hr, _(i.roughness.toFixed(2)), 1)
         ]),
         b("div", fr, [
-          d[30] || (d[30] = b("span", { class: "slider-label" }, "透明度", -1)),
+          A[30] || (A[30] = b("span", { class: "slider-label" }, "透明度", -1)),
           E(b("input", {
             type: "range",
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[13] || (d[13] = (p) => i.opacity = p),
+            "onUpdate:modelValue": A[13] || (A[13] = (f) => i.opacity = f),
             onInput: u
           }, null, 544), [
             [
-              N,
+              H,
               i.opacity,
               void 0,
               { number: !0 }
             ]
           ]),
-          b("span", pr, ie(i.opacity.toFixed(2)), 1)
+          b("span", pr, _(i.opacity.toFixed(2)), 1)
         ]),
         o.value ? X("", !0) : (T(), R("div", mr, " ⚠️ 当前材质不支持金属度/粗糙度（仅支持 Standard/Phong） "))
       ])) : X("", !0)
     ]));
   }
-}), br = /* @__PURE__ */ Ie(gr, [["__scopeId", "data-v-4cecf018"]]), Ir = { class: "userdata-tab" }, yr = { class: "property-group userdata-group" }, Cr = { class: "userdata-add-row" }, xr = ["onKeyup"], wr = {
+}), br = /* @__PURE__ */ ye(gr, [["__scopeId", "data-v-4cecf018"]]), Ir = { class: "userdata-tab" }, yr = { class: "property-group userdata-group" }, Cr = { class: "userdata-add-row" }, xr = ["onKeyup"], wr = {
   key: 0,
   class: "userdata-list"
 }, vr = { class: "ud-key" }, Mr = {
@@ -4753,46 +4766,46 @@ const Zo = {
 }, Or = { class: "ud-json-actions" }, Er = ["onClick"], Rr = ["onClick"], Sr = {
   key: 1,
   class: "userdata-empty"
-}, Hr = /* @__PURE__ */ be({
+}, Hr = /* @__PURE__ */ Ie({
   __name: "UserDataTab",
   props: {
     selectedObject: {}
   },
   setup(r) {
-    const e = r, t = j(""), s = j(""), n = j(null), i = j(""), o = j(null), a = j([]);
+    const e = r, t = L(""), s = L(""), n = L(null), i = L(""), o = L(null), a = L([]);
     function l(C) {
       if (C === null) return "null";
       if (C === void 0) return "undefined";
       if (Array.isArray(C)) return "array";
-      const y = typeof C;
-      return y === "object" ? "object" : y === "number" ? "number" : y === "boolean" ? "boolean" : "string";
+      const x = typeof C;
+      return x === "object" ? "object" : x === "number" ? "number" : x === "boolean" ? "boolean" : "string";
     }
     function c(C) {
-      const y = [];
+      const x = [];
       if (C.userData)
         for (const [w, D] of Object.entries(C.userData))
-          typeof w == "string" && !w.startsWith("_") && y.push({
+          typeof w == "string" && !w.startsWith("_") && x.push({
             key: w,
             value: typeof D == "object" ? JSON.stringify(D) : String(D),
             rawType: l(D)
           });
-      a.value = y;
+      a.value = x;
     }
-    function A(C) {
-      const y = C.trim();
-      if (y === "true") return !0;
-      if (y === "false") return !1;
-      if (y === "null") return null;
-      if (y === "undefined") return;
-      const w = Number(y);
-      if (y !== "" && !isNaN(w))
-        return String(w) !== y ? y : w;
-      if (y.startsWith("{") && y.endsWith("}") || y.startsWith("[") && y.endsWith("]"))
+    function d(C) {
+      const x = C.trim();
+      if (x === "true") return !0;
+      if (x === "false") return !1;
+      if (x === "null") return null;
+      if (x === "undefined") return;
+      const w = Number(x);
+      if (x !== "" && !isNaN(w))
+        return String(w) !== x ? x : w;
+      if (x.startsWith("{") && x.endsWith("}") || x.startsWith("[") && x.endsWith("]"))
         try {
-          return JSON.parse(y);
+          return JSON.parse(x);
         } catch {
         }
-      return y;
+      return x;
     }
     function u() {
       if (!e.selectedObject || !t.value.trim()) return;
@@ -4801,28 +4814,28 @@ const Zo = {
         t.value = "";
         return;
       }
-      const y = A(s.value);
-      e.selectedObject.userData[C] = y, c(e.selectedObject), t.value = "", s.value = "";
+      const x = d(s.value);
+      e.selectedObject.userData[C] = x, c(e.selectedObject), t.value = "", s.value = "";
     }
-    function h(C, y) {
+    function h(C, x) {
       e.selectedObject && (delete e.selectedObject.userData[C], c(e.selectedObject));
     }
-    function d(C) {
+    function A(C) {
       return C.length <= 28 ? C : C.substring(0, 28) + "…";
     }
-    function p(C) {
+    function f(C) {
       n.value = C;
-      const y = e.selectedObject;
-      if (!y) return;
-      const w = y.userData[C];
+      const x = e.selectedObject;
+      if (!x) return;
+      const w = x.userData[C];
       try {
         i.value = JSON.stringify(w, null, 2);
       } catch {
         i.value = String(w);
       }
-      m();
+      p();
     }
-    function m() {
+    function p() {
       const C = i.value.trim();
       if (!C) {
         o.value = null;
@@ -4834,60 +4847,60 @@ const Zo = {
       }
       try {
         JSON.parse(C), o.value = null;
-      } catch (y) {
-        o.value = "JSON 格式错误：" + y.message;
+      } catch (x) {
+        o.value = "JSON 格式错误：" + x.message;
       }
     }
-    function f(C) {
-      const y = e.selectedObject;
-      if (!y) return;
+    function m(C) {
+      const x = e.selectedObject;
+      if (!x) return;
       const w = i.value.trim();
       try {
         const D = JSON.parse(w);
-        y.userData[C] = D, c(y), n.value = null, i.value = "";
+        x.userData[C] = D, c(x), n.value = null, i.value = "";
       } catch {
-        y.userData[C] = w, c(y), n.value = null, i.value = "";
+        x.userData[C] = w, c(x), n.value = null, i.value = "";
       }
     }
     function g() {
       n.value = null, i.value = "";
     }
-    function x() {
+    function y() {
       const C = e.selectedObject;
       if (!C) return;
-      const y = Yi();
-      y && (C.userData.closeUpView = {
-        x: y.position.x,
-        y: y.position.y,
-        z: y.position.z
+      const x = Yi();
+      x && (C.userData.closeUpView = {
+        x: x.position.x,
+        y: x.position.y,
+        z: x.position.z
       }, c(C));
     }
-    return Me(
+    return de(
       () => e.selectedObject,
       (C) => {
         C ? c(C) : a.value = [], n.value = null, i.value = "";
       },
       { immediate: !0 }
-    ), (C, y) => (T(), R("div", Ir, [
+    ), (C, x) => (T(), R("div", Ir, [
       b("div", yr, [
-        y[3] || (y[3] = b("label", null, "userData 属性", -1)),
+        x[3] || (x[3] = b("label", null, "userData 属性", -1)),
         b("div", Cr, [
           E(b("input", {
             type: "text",
-            "onUpdate:modelValue": y[0] || (y[0] = (w) => t.value = w),
+            "onUpdate:modelValue": x[0] || (x[0] = (w) => t.value = w),
             placeholder: "属性名",
             class: "ud-input",
             onKeyup: He(u, ["enter"])
           }, null, 544), [
-            [N, t.value]
+            [H, t.value]
           ]),
           E(b("textarea", {
-            "onUpdate:modelValue": y[1] || (y[1] = (w) => s.value = w),
+            "onUpdate:modelValue": x[1] || (x[1] = (w) => s.value = w),
             placeholder: "值",
             class: "ud-input ud-textarea",
             onKeyup: He(jt(u, ["prevent"]), ["enter"])
           }, null, 40, xr), [
-            [N, s.value]
+            [H, s.value]
           ]),
           b("button", {
             class: "ud-btn add-btn",
@@ -4896,37 +4909,37 @@ const Zo = {
           }, " + ")
         ]),
         a.value.length > 0 ? (T(), R("div", wr, [
-          (T(!0), R(ve, null, wt(a.value, (w, D) => (T(), R("div", {
+          (T(!0), R(Me, null, wt(a.value, (w, D) => (T(), R("div", {
             key: w.key,
-            class: se(["userdata-item", {
+            class: ie(["userdata-item", {
               readonly: w.key === "isMovable",
               "editing-json": n.value === w.key
             }])
           }, [
-            b("span", vr, ie(w.key), 1),
-            w.key === "isMovable" ? (T(), R("span", Mr, ie(String(w.value)) + " 🔒 ", 1)) : w.key !== "isMovable" ? (T(), R(ve, { key: 1 }, [
-              n.value !== w.key ? (T(), R(ve, { key: 0 }, [
-                b("span", Dr, ie(d(w.value)), 1),
+            b("span", vr, _(w.key), 1),
+            w.key === "isMovable" ? (T(), R("span", Mr, _(String(w.value)) + " 🔒 ", 1)) : w.key !== "isMovable" ? (T(), R(Me, { key: 1 }, [
+              n.value !== w.key ? (T(), R(Me, { key: 0 }, [
+                b("span", Dr, _(A(w.value)), 1),
                 b("button", {
                   class: "ud-btn edit-json-btn",
                   title: "编辑对象",
-                  onClick: (S) => p(w.key)
+                  onClick: (S) => f(w.key)
                 }, " ✎ ", 8, Pr)
-              ], 64)) : (T(), R(ve, { key: 1 }, [
-                o.value ? (T(), R("div", Tr, " ⚠ " + ie(o.value), 1)) : X("", !0),
+              ], 64)) : (T(), R(Me, { key: 1 }, [
+                o.value ? (T(), R("div", Tr, " ⚠ " + _(o.value), 1)) : X("", !0),
                 E(b("textarea", {
-                  "onUpdate:modelValue": y[2] || (y[2] = (S) => i.value = S),
-                  class: se(["ud-json-textarea", { "has-error": o.value }]),
+                  "onUpdate:modelValue": x[2] || (x[2] = (S) => i.value = S),
+                  class: ie(["ud-json-textarea", { "has-error": o.value }]),
                   rows: "3",
-                  onInput: m
+                  onInput: p
                 }, null, 34), [
-                  [N, i.value]
+                  [H, i.value]
                 ]),
                 b("div", Or, [
                   b("button", {
                     class: "ud-btn apply-btn",
                     title: "应用修改",
-                    onClick: (S) => f(w.key)
+                    onClick: (S) => m(w.key)
                   }, " ✓ ", 8, Er),
                   b("button", {
                     class: "ud-btn cancel-btn",
@@ -4946,167 +4959,221 @@ const Zo = {
         ])) : (T(), R("div", Sr, "暂无自定义数据")),
         b("button", {
           class: "get-camera-btn",
-          onClick: x
+          onClick: y
         }, " 添加当前相机位置 ")
       ])
     ]));
   }
-}), Lr = /* @__PURE__ */ Ie(Hr, [["__scopeId", "data-v-4e117415"]]), Nr = { class: "datapanel-tab" }, jr = { class: "property-group" }, kr = { class: "dp-section" }, Wr = { class: "dp-visibility-row" }, zr = { class: "dp-toggle" }, Gr = { class: "dp-visibility-text" }, Fr = { class: "dp-section" }, qr = { class: "dp-section" }, Xr = { class: "dp-list" }, Br = ["onUpdate:modelValue"], Ur = ["onUpdate:modelValue"], Vr = ["onUpdate:modelValue"], Yr = ["onUpdate:modelValue"], Kr = ["onClick"], Zr = { class: "dp-add-row" }, Qr = /* @__PURE__ */ be({
+}), Lr = /* @__PURE__ */ ye(Hr, [["__scopeId", "data-v-4e117415"]]), Nr = { class: "datapanel-tab" }, jr = { class: "property-group" }, kr = { class: "dp-section" }, Wr = { class: "dp-visibility-row" }, zr = { class: "dp-toggle" }, Gr = { class: "dp-visibility-text" }, Fr = { class: "dp-section" }, qr = { class: "dp-size-row" }, Xr = { class: "dp-size-value" }, Br = { class: "dp-section" }, Ur = { class: "dp-size-row" }, Vr = { class: "dp-size-value" }, Yr = { class: "dp-section" }, Kr = { class: "dp-section" }, Zr = { class: "dp-list" }, Qr = ["onUpdate:modelValue"], Jr = ["onUpdate:modelValue"], _r = ["onUpdate:modelValue"], $r = ["onUpdate:modelValue"], ea = ["onClick"], ta = { class: "dp-add-row" }, na = /* @__PURE__ */ Ie({
   __name: "DataPanelTab",
   props: {
     selectedObject: {}
   },
   setup(r) {
-    const e = r, t = j(""), s = j([]), n = j(!0), i = j(""), o = j(""), a = j(""), l = j("");
-    let c = u(), A = !1;
-    function u() {
-      const m = e.selectedObject;
-      return m ? Zt(xt(m)) : null;
+    const e = r, t = L(""), s = L([]), n = L(!0), i = L(200), o = L(13), a = L(""), l = L(""), c = L(""), d = L("");
+    let u = A(), h = !1;
+    function A() {
+      const g = e.selectedObject;
+      return g ? Zt(xt(g)) : null;
     }
-    Me(n, (m) => {
-      A || !c || (c.visible = m);
+    de(n, (g) => {
+      h || !u || (u.visible = g);
     });
-    function h() {
-      A || !c || (c.setTitle(t.value), c.setItems([...s.value]));
+    function f() {
+      h || !u || (u.setTitle(t.value), u.setItems([...s.value]));
     }
-    Me(t, () => h()), Me(s, () => h(), { deep: !0 });
-    function d(m) {
-      s.value = s.value.filter((f, g) => g !== m), h();
+    de(i, (g) => {
+      h || !u || u.setWidth(`${g}px`);
+    }), de(o, (g) => {
+      h || !u || u.setFontSize(`${g}px`);
+    }), de(t, () => f()), de(s, () => f(), { deep: !0 });
+    function p(g) {
+      s.value = s.value.filter((y, C) => C !== g), f();
     }
-    function p() {
-      !i.value.trim() || !o.value.trim() || (s.value = [
+    function m() {
+      !a.value.trim() || !l.value.trim() || (s.value = [
         ...s.value,
         {
-          label: i.value.trim(),
-          value: o.value.trim(),
-          unit: a.value.trim() || void 0,
-          code: l.value.trim() || void 0
+          label: a.value.trim(),
+          value: l.value.trim(),
+          unit: c.value.trim() || void 0,
+          code: d.value.trim() || void 0
         }
-      ], h(), i.value = "", o.value = "", a.value = "", l.value = "");
+      ], f(), a.value = "", l.value = "", c.value = "", d.value = "");
     }
-    return Me(
+    return de(
       () => e.selectedObject,
       () => {
-        A = !0, c = u(), c ? (t.value = c.getTitle(), s.value = c.getItems(), n.value = c.visible) : (t.value = "", s.value = [], n.value = !0), i.value = "", o.value = "", a.value = "", setTimeout(() => {
-          A = !1;
+        if (h = !0, u = A(), u) {
+          t.value = u.getTitle(), s.value = u.getItems(), n.value = u.visible;
+          const g = u.getWidth();
+          i.value = parseInt(g) || 200;
+          const y = u.getFontSize();
+          o.value = parseInt(y) || 13;
+        } else
+          t.value = "", s.value = [], n.value = !0, i.value = 200, o.value = 13;
+        a.value = "", l.value = "", c.value = "", setTimeout(() => {
+          h = !1;
         }, 0);
       },
       { immediate: !0 }
-    ), (m, f) => (T(), R("div", Nr, [
+    ), (g, y) => (T(), R("div", Nr, [
       b("div", jr, [
-        f[10] || (f[10] = b("label", null, "📊 数据面板", -1)),
+        y[14] || (y[14] = b("label", null, "📊 数据面板", -1)),
         b("div", kr, [
-          f[7] || (f[7] = b("span", { class: "dp-label-sm" }, "可见性", -1)),
+          y[9] || (y[9] = b("span", { class: "dp-label-sm" }, "可见性", -1)),
           b("div", Wr, [
             b("label", zr, [
               E(b("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": f[0] || (f[0] = (g) => n.value = g)
+                "onUpdate:modelValue": y[0] || (y[0] = (C) => n.value = C)
               }, null, 512), [
                 [is, n.value]
               ]),
-              f[6] || (f[6] = b("span", { class: "dp-toggle-slider" }, null, -1))
+              y[8] || (y[8] = b("span", { class: "dp-toggle-slider" }, null, -1))
             ]),
-            b("span", Gr, ie(n.value ? "显示中" : "已隐藏"), 1)
+            b("span", Gr, _(n.value ? "显示中" : "已隐藏"), 1)
           ])
         ]),
         b("div", Fr, [
-          f[8] || (f[8] = b("span", { class: "dp-label-sm" }, "标题", -1)),
+          y[10] || (y[10] = b("span", { class: "dp-label-sm" }, "面板宽度", -1)),
+          b("div", qr, [
+            E(b("input", {
+              type: "range",
+              class: "dp-range",
+              min: "100",
+              max: "1200",
+              step: "10",
+              "onUpdate:modelValue": y[1] || (y[1] = (C) => i.value = C)
+            }, null, 512), [
+              [
+                H,
+                i.value,
+                void 0,
+                { number: !0 }
+              ]
+            ]),
+            b("span", Xr, _(i.value) + "px", 1)
+          ])
+        ]),
+        b("div", Br, [
+          y[11] || (y[11] = b("span", { class: "dp-label-sm" }, "字体大小", -1)),
+          b("div", Ur, [
+            E(b("input", {
+              type: "range",
+              class: "dp-range",
+              min: "10",
+              max: "50",
+              step: "1",
+              "onUpdate:modelValue": y[2] || (y[2] = (C) => o.value = C)
+            }, null, 512), [
+              [
+                H,
+                o.value,
+                void 0,
+                { number: !0 }
+              ]
+            ]),
+            b("span", Vr, _(o.value) + "px", 1)
+          ])
+        ]),
+        b("div", Yr, [
+          y[12] || (y[12] = b("span", { class: "dp-label-sm" }, "标题", -1)),
           E(b("input", {
             type: "text",
             class: "dp-input",
-            "onUpdate:modelValue": f[1] || (f[1] = (g) => t.value = g),
+            "onUpdate:modelValue": y[3] || (y[3] = (C) => t.value = C),
             placeholder: "面板标题"
           }, null, 512), [
-            [N, t.value]
+            [H, t.value]
           ])
         ]),
-        b("div", qr, [
-          f[9] || (f[9] = b("span", { class: "dp-label-sm" }, "数据项", -1)),
-          b("div", Xr, [
-            (T(!0), R(ve, null, wt(s.value, (g, x) => (T(), R("div", {
+        b("div", Kr, [
+          y[13] || (y[13] = b("span", { class: "dp-label-sm" }, "数据项", -1)),
+          b("div", Zr, [
+            (T(!0), R(Me, null, wt(s.value, (C, x) => (T(), R("div", {
               key: x,
               class: "dp-item"
             }, [
               E(b("input", {
                 type: "text",
                 class: "dp-input dp-input-sm",
-                "onUpdate:modelValue": (C) => g.label = C,
+                "onUpdate:modelValue": (w) => C.label = w,
                 placeholder: "标签"
-              }, null, 8, Br), [
-                [N, g.label]
+              }, null, 8, Qr), [
+                [H, C.label]
               ]),
               E(b("input", {
                 type: "text",
                 class: "dp-input dp-input-sm",
-                "onUpdate:modelValue": (C) => g.value = C,
+                "onUpdate:modelValue": (w) => C.value = w,
                 placeholder: "值"
-              }, null, 8, Ur), [
-                [N, g.value]
+              }, null, 8, Jr), [
+                [H, C.value]
               ]),
               E(b("input", {
                 type: "text",
                 class: "dp-input dp-input-xs",
-                "onUpdate:modelValue": (C) => g.unit = C,
+                "onUpdate:modelValue": (w) => C.unit = w,
                 placeholder: "单位"
-              }, null, 8, Vr), [
-                [N, g.unit]
+              }, null, 8, _r), [
+                [H, C.unit]
               ]),
               E(b("input", {
                 type: "text",
                 class: "dp-input dp-input-xs",
-                "onUpdate:modelValue": (C) => g.code = C,
+                "onUpdate:modelValue": (w) => C.code = w,
                 placeholder: "编码"
-              }, null, 8, Yr), [
-                [N, g.code]
+              }, null, 8, $r), [
+                [H, C.code]
               ]),
               b("button", {
                 class: "dp-btn dp-btn-del",
-                onClick: (C) => d(x),
+                onClick: (w) => p(x),
                 title: "删除此项"
-              }, "✕", 8, Kr)
+              }, "✕", 8, ea)
             ]))), 128))
           ]),
-          b("div", Zr, [
+          b("div", ta, [
             E(b("input", {
               type: "text",
               class: "dp-input dp-input-sm",
-              "onUpdate:modelValue": f[2] || (f[2] = (g) => i.value = g),
+              "onUpdate:modelValue": y[4] || (y[4] = (C) => a.value = C),
               placeholder: "标签",
-              onKeyup: He(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
-              [N, i.value]
+              [H, a.value]
             ]),
             E(b("input", {
               type: "text",
               class: "dp-input dp-input-sm",
-              "onUpdate:modelValue": f[3] || (f[3] = (g) => o.value = g),
+              "onUpdate:modelValue": y[5] || (y[5] = (C) => l.value = C),
               placeholder: "值",
-              onKeyup: He(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
-              [N, o.value]
+              [H, l.value]
             ]),
             E(b("input", {
               type: "text",
               class: "dp-input dp-input-xs",
-              "onUpdate:modelValue": f[4] || (f[4] = (g) => a.value = g),
+              "onUpdate:modelValue": y[6] || (y[6] = (C) => c.value = C),
               placeholder: "单位",
-              onKeyup: He(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
-              [N, a.value]
+              [H, c.value]
             ]),
             E(b("input", {
               type: "text",
               class: "dp-input dp-input-xs",
-              "onUpdate:modelValue": f[5] || (f[5] = (g) => l.value = g),
+              "onUpdate:modelValue": y[7] || (y[7] = (C) => d.value = C),
               placeholder: "编码",
-              onKeyup: He(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
-              [N, l.value]
+              [H, d.value]
             ]),
             b("button", {
               class: "dp-btn dp-btn-add",
-              onClick: p,
+              onClick: m,
               title: "添加"
             }, "+")
           ])
@@ -5114,9 +5181,9 @@ const Zo = {
       ])
     ]));
   }
-}), Jr = /* @__PURE__ */ Ie(Qr, [["__scopeId", "data-v-6ea18080"]]);
-function _r(r) {
-  const e = j(/* @__PURE__ */ new Set()), t = (n) => {
+}), sa = /* @__PURE__ */ ye(na, [["__scopeId", "data-v-8d2c144b"]]);
+function ia(r) {
+  const e = L(/* @__PURE__ */ new Set()), t = (n) => {
     const i = new Set(e.value);
     i.has(n) ? i.delete(n) : i.add(n), e.value = i;
   }, s = (n) => {
@@ -5127,7 +5194,7 @@ function _r(r) {
       i.add(o.uuid), o = o.parent;
     e.value = i;
   };
-  return Me(
+  return de(
     r,
     (n) => {
       n && s(n);
@@ -5135,22 +5202,22 @@ function _r(r) {
     { immediate: !0 }
   ), { expandedSet: e, toggleExpand: t };
 }
-const $r = {
+const oa = {
   key: 0,
   class: "property-panel"
-}, ea = { class: "property-group tree-group" }, ta = { class: "tree-container" }, na = {
+}, ra = { class: "property-group tree-group" }, aa = { class: "tree-container" }, la = {
   key: 0,
   class: "tree-empty"
-}, sa = { class: "property-group" }, ia = { class: "transform-mode-row" }, oa = {
+}, ca = { class: "property-group" }, ua = { class: "transform-mode-row" }, da = {
   key: 0,
   class: "tabs"
-}, ra = {
+}, Aa = {
   key: 1,
   class: "tab-content"
-}, aa = {
+}, ha = {
   key: 1,
   class: "property-panel empty"
-}, la = /* @__PURE__ */ be({
+}, fa = /* @__PURE__ */ Ie({
   __name: "index",
   props: {
     transform: {},
@@ -5159,69 +5226,69 @@ const $r = {
   },
   emits: ["propertyChange", "treeSelect", "treeDelete", "transformModeChange"],
   setup(r, { emit: e }) {
-    const t = r, s = e, n = j("translate");
-    function i(p) {
-      n.value = p, s("transformModeChange", p);
+    const t = r, s = e, n = L("translate");
+    function i(f) {
+      n.value = f, s("transformModeChange", f);
     }
-    const o = () => s("propertyChange"), a = j("transform"), l = Be(() => {
-      var p;
-      return !!(t.selectedObject && ((p = t.selectedObject.userData) != null && p._hasDataPanel));
-    }), c = j(0), A = os(t, "selectedObject"), { expandedSet: u, toggleExpand: h } = _r(A);
+    const o = () => s("propertyChange"), a = L("transform"), l = Be(() => {
+      var f;
+      return !!(t.selectedObject && ((f = t.selectedObject.userData) != null && f._hasDataPanel));
+    }), c = L(0), d = os(t, "selectedObject"), { expandedSet: u, toggleExpand: h } = ia(d);
     rs("treeExpand", { expandedSet: u, toggleExpand: h });
-    const d = (p) => {
-      c.value++, s("treeDelete", p);
+    const A = (f) => {
+      c.value++, s("treeDelete", f);
     };
-    return (p, m) => r.transform ? (T(), R("div", $r, [
-      b("div", ea, [
-        m[7] || (m[7] = b("label", null, "场景物体", -1)),
-        b("div", ta, [
-          (T(!0), R(ve, null, wt(r.treeData, (f) => (T(), Ke(er, {
-            key: f.uuid,
-            node: f,
+    return (f, p) => r.transform ? (T(), R("div", oa, [
+      b("div", ra, [
+        p[7] || (p[7] = b("label", null, "场景物体", -1)),
+        b("div", aa, [
+          (T(!0), R(Me, null, wt(r.treeData, (m) => (T(), Ke(er, {
+            key: m.uuid,
+            node: m,
             "selected-object": r.selectedObject,
             version: c.value,
-            onSelect: m[0] || (m[0] = (g) => s("treeSelect", g)),
-            onDelete: d
+            onSelect: p[0] || (p[0] = (g) => s("treeSelect", g)),
+            onDelete: A
           }, null, 8, ["node", "selected-object", "version"]))), 128)),
-          r.treeData.length === 0 ? (T(), R("div", na, "暂无物体")) : X("", !0)
+          r.treeData.length === 0 ? (T(), R("div", la, "暂无物体")) : X("", !0)
         ])
       ]),
-      b("div", sa, [
-        m[8] || (m[8] = b("label", null, "全局属性", -1)),
-        b("div", ia, [
+      b("div", ca, [
+        p[8] || (p[8] = b("label", null, "全局属性", -1)),
+        b("div", ua, [
           b("button", {
-            class: se(["mode-btn", { active: n.value === "translate" }]),
+            class: ie(["mode-btn", { active: n.value === "translate" }]),
             title: "移动 (W)",
-            onClick: m[1] || (m[1] = (f) => i("translate"))
+            onClick: p[1] || (p[1] = (m) => i("translate"))
           }, " ↕ 移动 ", 2),
           b("button", {
-            class: se(["mode-btn", { active: n.value === "rotate" }]),
+            class: ie(["mode-btn", { active: n.value === "rotate" }]),
             title: "旋转 (E)",
-            onClick: m[2] || (m[2] = (f) => i("rotate"))
+            onClick: p[2] || (p[2] = (m) => i("rotate"))
           }, " ↻ 旋转 ", 2),
           b("button", {
-            class: se(["mode-btn", { active: n.value === "scale" }]),
+            class: ie(["mode-btn", { active: n.value === "scale" }]),
             title: "缩放 (R)",
-            onClick: m[3] || (m[3] = (f) => i("scale"))
+            onClick: p[3] || (p[3] = (m) => i("scale"))
           }, " ⤡ 缩放 ", 2)
         ])
       ]),
-      r.selectedObject ? (T(), R("div", oa, [
+      r.selectedObject ? (T(), R("div", da, [
         b("button", {
-          class: se(["tab-btn", { active: a.value === "transform" }]),
-          onClick: m[4] || (m[4] = (f) => a.value = "transform")
+          class: ie(["tab-btn", { active: a.value === "transform" }]),
+          onClick: p[4] || (p[4] = (m) => a.value = "transform")
         }, " 🔄 变换 ", 2),
         b("button", {
-          class: se(["tab-btn", { active: a.value === "userdata" }]),
-          onClick: m[5] || (m[5] = (f) => a.value = "userdata")
+          class: ie(["tab-btn", { active: a.value === "userdata" }]),
+          onClick: p[5] || (p[5] = (m) => a.value = "userdata")
         }, " 📋 自定义数据 ", 2),
         l.value ? (T(), R("button", {
           key: 0,
-          class: se(["tab-btn", { active: a.value === "datapanel" }]),
-          onClick: m[6] || (m[6] = (f) => a.value = "datapanel")
+          class: ie(["tab-btn", { active: a.value === "datapanel" }]),
+          onClick: p[6] || (p[6] = (m) => a.value = "datapanel")
         }, " 📊 数据面板 ", 2)) : X("", !0)
       ])) : X("", !0),
-      r.selectedObject ? (T(), R("div", ra, [
+      r.selectedObject ? (T(), R("div", Aa, [
         E(Dt(br, {
           transform: r.transform,
           "selected-object": r.selectedObject,
@@ -5232,62 +5299,62 @@ const $r = {
         E(Dt(Lr, { "selected-object": r.selectedObject }, null, 8, ["selected-object"]), [
           [De, a.value === "userdata"]
         ]),
-        E(Dt(Jr, { "selected-object": r.selectedObject }, null, 8, ["selected-object"]), [
+        E(Dt(sa, { "selected-object": r.selectedObject }, null, 8, ["selected-object"]), [
           [De, a.value === "datapanel"]
         ])
       ])) : X("", !0)
-    ])) : (T(), R("div", aa, [...m[9] || (m[9] = [
+    ])) : (T(), R("div", ha, [...p[9] || (p[9] = [
       b("p", null, "未选中任何模型", -1)
     ])]));
   }
-}), ca = /* @__PURE__ */ Ie(la, [["__scopeId", "data-v-c92c9fa7"]]), ua = { class: "top-bar" }, Aa = { class: "left-section" }, da = { class: "dropdown-menu" }, ha = { class: "dropdown-menu sub-menu" }, fa = { class: "dropdown-menu sub-menu" }, pa = { class: "dropdown-menu" }, ma = /* @__PURE__ */ be({
+}), pa = /* @__PURE__ */ ye(fa, [["__scopeId", "data-v-c92c9fa7"]]), ma = { class: "top-bar" }, ga = { class: "left-section" }, ba = { class: "dropdown-menu" }, Ia = { class: "dropdown-menu sub-menu" }, ya = { class: "dropdown-menu sub-menu" }, Ca = { class: "dropdown-menu" }, xa = /* @__PURE__ */ Ie({
   __name: "TopBar",
   emits: ["addModel", "importModel"],
   setup(r, { emit: e }) {
-    const t = j(!1), s = j(!1), n = j(!1), i = j(!1), o = e, a = j(null), l = () => {
-      var m;
-      return (m = a.value) == null ? void 0 : m.click();
-    }, c = (m) => {
-      const f = m.target;
-      f.files && f.files.length > 0 && (o("importModel", f.files[0]), f.value = "");
-    }, A = () => console.log("撤销"), u = () => console.log("删除物体"), h = async () => {
-      const m = Ki();
-      console.log(JSON.parse(await m));
-    }, d = () => {
+    const t = L(!1), s = L(!1), n = L(!1), i = L(!1), o = e, a = L(null), l = () => {
+      var p;
+      return (p = a.value) == null ? void 0 : p.click();
+    }, c = (p) => {
+      const m = p.target;
+      m.files && m.files.length > 0 && (o("importModel", m.files[0]), m.value = "");
+    }, d = () => console.log("撤销"), u = () => console.log("删除物体"), h = async () => {
+      const p = Ki();
+      console.log(JSON.parse(await p));
+    }, A = () => {
       if (!localStorage.getItem("test_id")) return localStorage.setItem("test_id", "123");
       Ei(localStorage.getItem("test_id"));
-    }, p = () => qn();
-    return (m, f) => (T(), R("div", ua, [
-      b("div", Aa, [
+    }, f = () => qn();
+    return (p, m) => (T(), R("div", ma, [
+      b("div", ga, [
         b("div", {
           class: "dropdown-wrapper",
-          onMouseenter: f[9] || (f[9] = (g) => s.value = !0),
-          onMouseleave: f[10] || (f[10] = (g) => s.value = !1)
+          onMouseenter: m[9] || (m[9] = (g) => s.value = !0),
+          onMouseleave: m[10] || (m[10] = (g) => s.value = !1)
         }, [
-          f[15] || (f[15] = b("button", { class: "menu-btn" }, "添加", -1)),
-          E(b("div", da, [
+          m[15] || (m[15] = b("button", { class: "menu-btn" }, "添加", -1)),
+          E(b("div", ba, [
             b("div", {
               class: "menu-item",
-              onClick: A
+              onClick: d
             }, "组"),
             b("div", {
               class: "menu-item dropdown-wrapper sub-trigger",
-              onMouseenter: f[3] || (f[3] = (g) => n.value = !0),
-              onMouseleave: f[4] || (f[4] = (g) => n.value = !1)
+              onMouseenter: m[3] || (m[3] = (g) => n.value = !0),
+              onMouseleave: m[4] || (m[4] = (g) => n.value = !1)
             }, [
-              f[13] || (f[13] = b("span", null, "网格", -1)),
-              E(b("div", ha, [
+              m[13] || (m[13] = b("span", null, "网格", -1)),
+              E(b("div", Ia, [
                 b("div", {
                   class: "menu-item",
-                  onClick: f[0] || (f[0] = (g) => o("addModel", "box"))
+                  onClick: m[0] || (m[0] = (g) => o("addModel", "box"))
                 }, " 正方体 "),
                 b("div", {
                   class: "menu-item",
-                  onClick: f[1] || (f[1] = (g) => o("addModel", "sphere"))
+                  onClick: m[1] || (m[1] = (g) => o("addModel", "sphere"))
                 }, " 球体 "),
                 b("div", {
                   class: "menu-item",
-                  onClick: f[2] || (f[2] = (g) => o("addModel", "waterPlane"))
+                  onClick: m[2] || (m[2] = (g) => o("addModel", "waterPlane"))
                 }, " 水面 "),
                 b("div", {
                   class: "menu-item",
@@ -5299,14 +5366,14 @@ const $r = {
             ], 32),
             b("div", {
               class: "menu-item dropdown-wrapper sub-trigger",
-              onMouseenter: f[6] || (f[6] = (g) => i.value = !0),
-              onMouseleave: f[7] || (f[7] = (g) => i.value = !1)
+              onMouseenter: m[6] || (m[6] = (g) => i.value = !0),
+              onMouseleave: m[7] || (m[7] = (g) => i.value = !1)
             }, [
-              f[14] || (f[14] = b("span", null, "光源", -1)),
-              E(b("div", fa, [
+              m[14] || (m[14] = b("span", null, "光源", -1)),
+              E(b("div", ya, [
                 b("div", {
                   class: "menu-item",
-                  onClick: f[5] || (f[5] = (g) => o("addModel", "directionalLight"))
+                  onClick: m[5] || (m[5] = (g) => o("addModel", "directionalLight"))
                 }, " 平行光 ")
               ], 512), [
                 [De, i.value]
@@ -5318,7 +5385,7 @@ const $r = {
             }, "摄像机"),
             b("div", {
               class: "menu-item",
-              onClick: f[8] || (f[8] = (g) => o("addModel", "dataPanel"))
+              onClick: m[8] || (m[8] = (g) => o("addModel", "dataPanel"))
             }, " 数据面板 ")
           ], 512), [
             [De, s.value]
@@ -5326,29 +5393,29 @@ const $r = {
         ], 32),
         b("div", {
           class: "dropdown-wrapper",
-          onMouseenter: f[11] || (f[11] = (g) => t.value = !0),
-          onMouseleave: f[12] || (f[12] = (g) => t.value = !1)
+          onMouseenter: m[11] || (m[11] = (g) => t.value = !0),
+          onMouseleave: m[12] || (m[12] = (g) => t.value = !1)
         }, [
-          f[16] || (f[16] = b("button", { class: "menu-btn" }, "帮助", -1)),
-          E(b("div", pa, [
+          m[16] || (m[16] = b("button", { class: "menu-btn" }, "帮助", -1)),
+          E(b("div", Ca, [
             b("div", {
               class: "menu-item",
               onClick: h
             }, "获取场景"),
             b("div", {
               class: "menu-item",
-              onClick: d
+              onClick: A
             }, "镜头拉近"),
             b("div", {
               class: "menu-item",
-              onClick: p
+              onClick: f
             }, " 重置相机位置 ")
           ], 512), [
             [De, t.value]
           ])
         ], 32)
       ]),
-      f[17] || (f[17] = b("div", { class: "right-section" }, [
+      m[17] || (m[17] = b("div", { class: "right-section" }, [
         b("span", { class: "app-title" }, "3D 模型编辑器")
       ], -1)),
       b("input", {
@@ -5361,10 +5428,10 @@ const $r = {
       }, null, 544)
     ]));
   }
-}), ga = /* @__PURE__ */ Ie(ma, [["__scopeId", "data-v-45df3361"]]), ba = { class: "bottom-bar" }, Ia = /* @__PURE__ */ be({
+}), wa = /* @__PURE__ */ ye(xa, [["__scopeId", "data-v-45df3361"]]), va = { class: "bottom-bar" }, Ma = /* @__PURE__ */ Ie({
   __name: "BottomBar",
   setup(r) {
-    return (e, t) => (T(), R("div", ba, [...t[0] || (t[0] = [
+    return (e, t) => (T(), R("div", va, [...t[0] || (t[0] = [
       b("div", { class: "status-left" }, [
         b("span", null, "就绪")
       ], -1),
@@ -5373,17 +5440,17 @@ const $r = {
       ], -1)
     ])]));
   }
-}), ya = /* @__PURE__ */ Ie(Ia, [["__scopeId", "data-v-3427bb27"]]), Ca = { class: "app-layout" }, xa = {
+}), Da = /* @__PURE__ */ ye(Ma, [["__scopeId", "data-v-3427bb27"]]), Pa = { class: "app-layout" }, Ta = {
   key: 0,
   class: "loading-overlay"
-}, wa = /* @__PURE__ */ be({
+}, Oa = /* @__PURE__ */ Ie({
   __name: "DrawingBoard",
   props: {
     mode: { default: "edit" },
     sceneData: { default: null }
   },
   setup(r) {
-    const e = r, t = j(!1);
+    const e = r, t = L(!1);
     Ti((g) => {
       t.value = g;
     });
@@ -5417,64 +5484,64 @@ const $r = {
     }, l = (g) => Yo(g), c = async (g) => {
       try {
         await Vo(g);
-      } catch (x) {
-        console.error("导入失败:", x), alert("导入失败：" + x.message);
+      } catch (y) {
+        console.error("导入失败:", y), alert("导入失败：" + y.message);
       }
-    }, A = $t([]);
+    }, d = $t([]);
     Bi((g) => {
-      A.value = g;
+      d.value = g;
     });
     const u = () => {
       const g = Ui();
-      g && (A.value = g);
-    }, h = (g) => Qt(g), d = (g) => Wi(g.uuid), p = (g) => {
+      g && (d.value = g);
+    }, h = (g) => Qt(g), A = (g) => Wi(g.uuid), f = (g) => {
       Oi(g);
-    }, m = j(null), f = () => {
-      m.value && Ii(m.value, e.mode, e.sceneData), u();
+    }, p = L(null), m = () => {
+      p.value && Ii(p.value, e.mode, e.sceneData), u();
     };
     return as(() => {
-      f(), m.value && fi(m.value);
+      m(), p.value && fi(p.value);
     }), ls(() => {
       console.log("endset_three_editor destroy"), Qi();
-    }), (g, x) => (T(), R("div", Ca, [
-      t.value ? (T(), R("div", xa, [...x[0] || (x[0] = [
+    }), (g, y) => (T(), R("div", Pa, [
+      t.value ? (T(), R("div", Ta, [...y[0] || (y[0] = [
         b("div", { class: "loading-spinner" }, null, -1),
         b("div", { class: "loading-text" }, "加载中...", -1)
       ])])) : X("", !0),
-      r.mode === "edit" ? (T(), Ke(ga, {
+      r.mode === "edit" ? (T(), Ke(wa, {
         key: 1,
         onAddModel: l,
         onImportModel: c
       })) : X("", !0),
       b("div", {
-        class: se(`editor-container editor-container-mode-${r.mode}`)
+        class: ie(`editor-container editor-container-mode-${r.mode}`)
       }, [
         b("div", {
-          class: se(`canvas canvas-mode-${r.mode}`),
+          class: ie(`canvas canvas-mode-${r.mode}`),
           ref_key: "containerRef",
-          ref: m
+          ref: p
         }, null, 2),
-        r.mode === "edit" ? (T(), Ke(ca, {
+        r.mode === "edit" ? (T(), Ke(pa, {
           key: 0,
           transform: n,
-          "tree-data": A.value,
+          "tree-data": d.value,
           "selected-object": s.value,
           onPropertyChange: a,
           onTreeSelect: h,
-          onTreeDelete: d,
-          onTransformModeChange: p
+          onTreeDelete: A,
+          onTransformModeChange: f
         }, null, 8, ["transform", "tree-data", "selected-object"])) : X("", !0)
       ], 2),
-      r.mode === "edit" ? (T(), Ke(ya, { key: 2 })) : X("", !0)
+      r.mode === "edit" ? (T(), Ke(Da, { key: 2 })) : X("", !0)
     ]));
   }
-}), Sa = /* @__PURE__ */ Ie(wa, [["__scopeId", "data-v-ffa5f5c1"]]);
+}), Wa = /* @__PURE__ */ ye(Oa, [["__scopeId", "data-v-ffa5f5c1"]]);
 export {
-  ya as BottomBar,
+  Da as BottomBar,
   Gn as DataPanel,
-  Sa as DrawingBoard,
-  ca as PropertyPanel,
-  ga as TopBar,
+  Wa as DrawingBoard,
+  pa as PropertyPanel,
+  wa as TopBar,
   er as TreeItem,
   qo as addBox,
   Ko as addDataPanel,
@@ -5488,11 +5555,11 @@ export {
   gi as disposeCSS2DRenderer,
   Ki as exportSceneToJSON,
   Hi as focusOnObject,
-  Ta as getCSS2DRenderer,
+  La as getCSS2DRenderer,
   Yi as getCamera,
   Zt as getDataPanel,
-  Ra as getRenderer,
-  Ea as getScene,
+  ka as getRenderer,
+  ja as getScene,
   Ui as getSceneObjects,
   Vi as getSelectedObject,
   Vo as importModelFromFile,
@@ -5512,7 +5579,7 @@ export {
   qi as setSelectedObjectCallback,
   Xi as setTransformChangeCallback,
   Oi as setTransformMode,
-  Oa as updateDataPanelValue,
-  _r as useTreeExpand
+  Na as updateDataPanelValue,
+  ia as useTreeExpand
 };
 //# sourceMappingURL=three-editor.es.js.map