endset_three_editor 0.4.2 → 0.4.4

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 Se, 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 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 * 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 Hn, 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 Sn, 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 Hs, OrthographicCamera as Ss, 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 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 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, S = {
+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 = {
   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 = S.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 = 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();
   }
   /**
    * 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 = S.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 = H.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 === S.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 === 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);
     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 = S.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 = H.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 = S.DOLLY;
+      this._handleMouseDownDolly(r), this.state = H.DOLLY;
       break;
     case Ne.ROTATE:
       if (r.ctrlKey || r.metaKey || r.shiftKey) {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(r), this.state = S.PAN;
+        this._handleMouseDownPan(r), this.state = H.PAN;
       } else {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(r), this.state = S.ROTATE;
+        this._handleMouseDownRotate(r), this.state = H.ROTATE;
       }
       break;
     case Ne.PAN:
       if (r.ctrlKey || r.metaKey || r.shiftKey) {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(r), this.state = S.ROTATE;
+        this._handleMouseDownRotate(r), this.state = H.ROTATE;
       } else {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(r), this.state = S.PAN;
+        this._handleMouseDownPan(r), this.state = H.PAN;
       }
       break;
     default:
-      this.state = S.NONE;
+      this.state = H.NONE;
   }
-  this.state !== S.NONE && this.dispatchEvent(Kt);
+  this.state !== H.NONE && this.dispatchEvent(Kt);
 }
 function Ks(r) {
   switch (this.state) {
-    case S.ROTATE:
+    case H.ROTATE:
       if (this.enableRotate === !1) return;
       this._handleMouseMoveRotate(r);
       break;
-    case S.DOLLY:
+    case H.DOLLY:
       if (this.enableZoom === !1) return;
       this._handleMouseMoveDolly(r);
       break;
-    case S.PAN:
+    case H.PAN:
       if (this.enablePan === !1) return;
       this._handleMouseMovePan(r);
       break;
   }
 }
 function Zs(r) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== S.NONE || (r.preventDefault(), this.dispatchEvent(Kt), this._handleMouseWheel(this._customWheelEvent(r)), this.dispatchEvent(zn));
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== H.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 = S.TOUCH_ROTATE;
+          this._handleTouchStartRotate(r), this.state = H.TOUCH_ROTATE;
           break;
         case Le.PAN:
           if (this.enablePan === !1) return;
-          this._handleTouchStartPan(r), this.state = S.TOUCH_PAN;
+          this._handleTouchStartPan(r), this.state = H.TOUCH_PAN;
           break;
         default:
-          this.state = S.NONE;
+          this.state = H.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 = S.TOUCH_DOLLY_PAN;
+          this._handleTouchStartDollyPan(r), this.state = H.TOUCH_DOLLY_PAN;
           break;
         case Le.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
-          this._handleTouchStartDollyRotate(r), this.state = S.TOUCH_DOLLY_ROTATE;
+          this._handleTouchStartDollyRotate(r), this.state = H.TOUCH_DOLLY_ROTATE;
           break;
         default:
-          this.state = S.NONE;
+          this.state = H.NONE;
       }
       break;
     default:
-      this.state = S.NONE;
+      this.state = H.NONE;
   }
-  this.state !== S.NONE && this.dispatchEvent(Kt);
+  this.state !== H.NONE && this.dispatchEvent(Kt);
 }
 function _s(r) {
   switch (this._trackPointer(r), this.state) {
-    case S.TOUCH_ROTATE:
+    case H.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
       this._handleTouchMoveRotate(r), this.update();
       break;
-    case S.TOUCH_PAN:
+    case H.TOUCH_PAN:
       if (this.enablePan === !1) return;
       this._handleTouchMovePan(r), this.update();
       break;
-    case S.TOUCH_DOLLY_PAN:
+    case H.TOUCH_DOLLY_PAN:
       if (this.enableZoom === !1 && this.enablePan === !1) return;
       this._handleTouchMoveDollyPan(r), this.update();
       break;
-    case S.TOUCH_DOLLY_ROTATE:
+    case H.TOUCH_DOLLY_ROTATE:
       if (this.enableZoom === !1 && this.enableRotate === !1) return;
       this._handleTouchMoveDollyRotate(r), this.update();
       break;
     default:
-      this.state = S.NONE;
+      this.state = H.NONE;
   }
 }
 function $s(r) {
@@ -545,8 +545,8 @@ class ni extends On {
       }), o[C] = y, i[C] = y, n[C] = y;
     }
     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(), A = new K(), u = new K(), h = new M(), d = new K(), m = new M(), p = 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", m), a("pointEnd", p), 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);
   }
   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";
@@ -802,8 +802,8 @@ class ci extends ke {
     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 m = e.clone();
+    m.color.setHex(7895160), this.materialLib = {
       xAxis: i,
       yAxis: o,
       zAxis: a,
@@ -813,8 +813,8 @@ class ci extends ke {
       zAxisTransparent: A,
       activeTransparent: h
     };
-    const m = new U(0, 0.04, 0.1, 12);
-    m.translate(0, 0.05, 0);
+    const p = new U(0, 0.04, 0.1, 12);
+    p.translate(0, 0.05, 0);
     const f = new q(0.08, 0.08, 0.08);
     f.translate(0, 0.04, 0);
     const g = new We();
@@ -831,18 +831,18 @@ class ci extends ke {
     }
     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(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(x, 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(p, o), [0, 0.5, 0]],
+        [new v(p, o), [0, -0.5, 0], [Math.PI, 0, 0]],
         [new v(x, 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(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(x, a), null, [Math.PI / 2, 0, 0]]
       ],
       XYZ: [
@@ -882,7 +882,7 @@ class ci extends ke {
       XZ: [
         [new v(new q(0.2, 0.2, 0.01), s), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]
       ]
-    }, H = {
+    }, S = {
       START: [
         [new v(new lt(0.01, 2), n), null, null, null, "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), m), null, [0, Math.PI / 2, 0]]
       ],
       X: [
         [new v(C(0.5, 0.5), i)]
@@ -1012,7 +1012,7 @@ class ci extends ke {
         }
       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(H)), 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(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;
   }
   // updateMatrixWorld will update transformations and appearance of individual handles
   updateMatrixWorld(e) {
@@ -1096,7 +1096,7 @@ class Ai extends ke {
     return super.copy(e, t), this.element = e.element.cloneNode(!0), this.center = e.center, this;
   }
 }
-const He = new M(), pn = new me(), mn = new me(), gn = new M(), bn = new M();
+const Se = new M(), pn = new me(), mn = new me(), gn = new M(), bn = new M();
 class di {
   /**
    * 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(m, p) {
+      m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), p.parent === null && p.matrixWorldAutoUpdate === !0 && p.updateMatrixWorld(), pn.copy(p.matrixWorldInverse), mn.multiplyMatrices(p.projectionMatrix, pn), A(m, m, p), this.sortObjects && d(m);
+    }, this.setSize = function(m, p) {
+      s = m, n = p, i = s / 2, o = n / 2, l.style.width = m + "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(m) {
+      m.isCSS2DObject && (m.element.style.display = "none");
+      for (let p = 0, f = m.children.length; p < f; p++)
+        c(m.children[p]);
     }
-    function A(p, m, f) {
-      if (p.visible === !1) {
-        c(p);
+    function A(m, p, f) {
+      if (m.visible === !1) {
+        c(m);
         return;
       }
-      if (p.isCSS2DObject) {
-        He.setFromMatrixPosition(p.matrixWorld), He.applyMatrix4(mn);
-        const g = He.z >= -1 && He.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(" + (He.x * i + i) + "px," + (-He.y * o + o) + "px)", x.parentNode !== l && l.appendChild(x), p.onAfterRender(t, m, f));
+      if (m.isCSS2DObject) {
+        Se.setFromMatrixPosition(m.matrixWorld), Se.applyMatrix4(mn);
+        const g = Se.z >= -1 && Se.z <= 1 && m.layers.test(f.layers) === !0, x = m.element;
+        x.style.display = g === !0 ? "" : "none", g === !0 && (m.onBeforeRender(t, p, f), x.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (Se.x * i + i) + "px," + (-Se.y * o + o) + "px)", x.parentNode !== l && l.appendChild(x), m.onAfterRender(t, p, f));
         const C = {
-          distanceToCameraSquared: u(f, p)
+          distanceToCameraSquared: u(f, m)
         };
-        a.objects.set(p, C);
+        a.objects.set(m, C);
       }
-      for (let g = 0, x = p.children.length; g < x; g++)
-        A(p.children[g], m, f);
+      for (let g = 0, x = m.children.length; g < x; g++)
+        A(m.children[g], p, f);
     }
-    function u(p, m) {
-      return gn.setFromMatrixPosition(p.matrixWorld), bn.setFromMatrixPosition(m.matrixWorld), gn.distanceToSquared(bn);
+    function u(m, p) {
+      return gn.setFromMatrixPosition(m.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(m) {
+      const p = [];
+      return m.traverseVisible(function(f) {
+        f.isCSS2DObject && p.push(f);
+      }), p;
     }
-    function d(p) {
-      const m = h(p).sort(function(g, x) {
+    function d(m) {
+      const p = h(m).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;
+      }), f = p.length;
+      for (let g = 0, x = p.length; g < x; g++)
+        p[g].element.style.zIndex = f - g;
     }
   }
 }
@@ -1587,7 +1587,7 @@ function Ei(r) {
     console.warn("[selectModelHandle] 传入的 objectId 为空");
     return;
   }
-  Si(r);
+  Hi(r);
   let e = null;
   st.forEach((t) => {
     t.userData.id == r && (e = t), t.children && t.children.forEach((s) => {
@@ -1613,12 +1613,12 @@ function Ri(r) {
   });
   const i = s.intersectObjects(n);
   if (i.length > 0) {
-    let o = Hi(i[0].object);
+    let o = Si(i[0].object);
     Qt(o);
   } else
     Jt();
 }
-function Hi(r) {
+function Si(r) {
   if (r.type === "Line") {
     const e = r.parent;
     switch (e.type) {
@@ -1630,7 +1630,7 @@ function Hi(r) {
   }
   return r;
 }
-function Si(r, e = 500) {
+function Hi(r, e = 500) {
   var d;
   if (!I.camera || !I.orbitControls) {
     console.warn(
@@ -1638,13 +1638,9 @@ function Si(r, e = 500) {
     );
     return;
   }
-  if (r == null || r === "") {
-    console.warn("[focusOnObject] 传入的 objectId 为空，无法聚焦");
-    return;
-  }
   let t = null;
-  if ((d = I.scene) == null || d.traverse((p) => {
-    p.userData.id == r && (t = p);
+  if ((d = I.scene) == null || d.traverse((m) => {
+    m.userData.id == r && (t = m);
   }), !t) {
     console.warn(
       `[focusOnObject] 在场景中未找到 userData.id 为 "${r}" 的物体。请确认：1) 物体已被正确添加到场景（addModel）；2) 物体的 userData.id 与传入的 objectId 一致；3) 传入的 objectId 不为空`
@@ -1676,13 +1672,13 @@ function Si(r, e = 500) {
         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((m) => {
+      I.camera.position.set(m.x, m.y, m.z), I.orbitControls.target.set(m.tx, m.ty, m.tz), I.orbitControls.update();
     }).start();
-  } catch (p) {
+  } catch (m) {
     console.error(
       "[focusOnObject] TWEEN 动画创建失败，请检查 @tweenjs/tween.js 是否已正确安装且版本兼容（^23.1.3）：",
-      p
+      m
     );
   }
 }
@@ -1768,26 +1764,26 @@ async function Ki() {
   r.traverse((h) => {
     var d;
     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 m = h;
+      if (m.element) {
+        const p = m.element.querySelector(
           "[data-panel-title]"
         ), f = [];
-        p.element.querySelectorAll(
+        m.element.querySelectorAll(
           ".css2d-data-panel-item"
         ).forEach((x) => {
-          var w, D, H;
+          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(
               "span"
-            ), ye = Q ? (Q.textContent || "").trim() : void 0, Mt = ((H = x.getAttribute("data-item-code")) == null ? void 0 : H.trim()) || void 0;
+            ), 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 });
           }
         }), 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()) || "",
+            title: ((d = p == null ? void 0 : p.textContent) == null ? void 0 : d.trim()) || "",
             items: f
           }
         );
@@ -1823,17 +1819,32 @@ async function Ki() {
 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];
-    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);
-    }
-  })), e === "edit" && ((l = I.scene) == null || l.traverse((c) => {
+  if (i.type === "Scene" ? I.scene = i : (o = I.scene) == null || o.add(i), t) {
+    const c = Math.min(window.innerWidth, 7e3), A = 1920, u = 200, h = Math.max(
+      150,
+      Math.round(c / A * u)
+    ), m = Math.max(
+      12,
+      Math.min(
+        20,
+        Math.round(h / u * 13)
+      )
+    );
+    (a = I.scene) == null || a.traverse((p) => {
+      const f = p.userData.id || p.uuid, g = t[f];
+      if (g && p.userData.isMovable) {
+        Li(p);
+        const x = new Gn({
+          title: g.title,
+          items: g.items,
+          width: `${h}px`,
+          fontSize: `${m}px`
+        });
+        x.attachTo(p), x.visible = !1, Fn(p, x);
+      }
+    });
+  }
+  e === "edit" && ((l = I.scene) == null || l.traverse((c) => {
     var A;
     if (c.type === "DirectionalLight") {
       const u = c;
@@ -1991,13 +2002,13 @@ function to() {
       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 m = this.normals.length;
+        u = this.parseNormalIndex(a, m), h = this.parseNormalIndex(l, m), d = this.parseNormalIndex(c, m), this.addNormal(u, h, d);
       } else
         this.addFaceNormal(u, h, d);
       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 m = this.uvs.length;
+        u = this.parseUVIndex(n, m), h = this.parseUVIndex(i, m), d = this.parseUVIndex(o, m), this.addUV(u, h, d), this.object.geometry.hasUVIndices = !0;
       } else
         this.addDefaultUV();
     },
@@ -2108,24 +2119,24 @@ class no extends Yt {
           }
         } 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];
+          for (let p = 0, f = h.length; p < f; p++) {
+            const g = h[p];
             if (g.length > 0) {
               const x = g.split("/");
               d.push(x);
             }
           }
-          const p = d[0];
-          for (let m = 1, f = d.length - 1; m < f; m++) {
-            const g = d[m], x = d[m + 1];
+          const m = d[0];
+          for (let p = 1, f = d.length - 1; p < f; p++) {
+            const g = d[p], x = d[p + 1];
             t.addFace(
-              p[0],
+              m[0],
               g[0],
               x[0],
-              p[1],
+              m[1],
               g[1],
               x[1],
-              p[2],
+              m[2],
               g[2],
               x[2]
             );
@@ -2137,8 +2148,8 @@ class no extends Yt {
           if (c.indexOf("/") === -1)
             h = u;
           else
-            for (let p = 0, m = u.length; p < m; p++) {
-              const f = u[p].split("/");
+            for (let m = 0, p = u.length; m < p; m++) {
+              const f = u[m].split("/");
               f[0] !== "" && h.push(f[0]), f[1] !== "" && d.push(f[1]);
             }
           t.addLineGeometry(h, d);
@@ -2172,34 +2183,34 @@ class no extends Yt {
     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;
+        let m = !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 p = new We();
+        p.setAttribute("position", new pe(A.vertices, 3)), A.normals.length > 0 && p.setAttribute("normal", new pe(A.normals, 3)), A.colors.length > 0 && (m = !0, p.setAttribute("color", new pe(A.colors, 3))), A.hasUVIndices === !0 && p.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 y = u[x], w = y.name + "_" + y.smooth + "_" + m;
           let D = t.materials[w];
           if (this.materials !== null) {
             if (D = this.materials.create(y.name), h && D && !(D instanceof Ze)) {
-              const H = new Ze();
-              Qe.prototype.copy.call(H, D), H.color.copy(D.color), D = H;
+              const S = new Ze();
+              Qe.prototype.copy.call(S, D), S.color.copy(D.color), D = S;
             } else if (d && D && !(D instanceof Ue)) {
-              const H = new Ue({ size: 10, sizeAttenuation: !1 });
-              Qe.prototype.copy.call(H, D), H.color.copy(D.color), H.map = D.map, D = H;
+              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() : d ? D = new Ue({ size: 1, sizeAttenuation: !1 }) : D = new ps(), D.name = y.name, D.flatShading = !y.smooth, D.vertexColors = m, t.materials[w] = D), f.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);
+            p.addGroup(y.groupStart, y.groupCount, x);
           }
-          h ? g = new Wt(m, f) : d ? g = new pt(m, f) : g = new v(m, f);
+          h ? g = new Wt(p, f) : d ? g = new pt(p, f) : g = new v(p, f);
         } 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, f[0]) : d ? g = new pt(p, f[0]) : g = new v(p, f[0]);
         g.name = c.name, i.add(g);
       }
     else if (t.vertices.length > 0) {
@@ -2214,7 +2225,7 @@ class no extends Yt {
 function wn(r, e) {
   if (e === ms)
     return console.warn("THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles."), r;
-  if (e === zt || e === Hn) {
+  if (e === zt || e === Sn) {
     let t = r.getIndex();
     if (t === null) {
       const o = [], a = r.getAttribute("position");
@@ -2827,16 +2838,16 @@ class wo {
       a.push(this.parser.getDependency("accessor", o[c]).then((A) => (l[c] = A, 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 (const m of u) {
+        const p = new me(), f = new M(), g = new K(), x = new M(1, 1, 1), C = new ys(m.geometry, m.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));
+          l.TRANSLATION && f.fromBufferAttribute(l.TRANSLATION, y), l.ROTATION && g.fromBufferAttribute(l.ROTATION, y), l.SCALE && x.fromBufferAttribute(l.SCALE, y), C.setMatrixAt(y, p.compose(f, g, x));
         for (const y in l)
           if (y === "_COLOR_0") {
             const w = l[y];
             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 y !== "TRANSLATION" && y !== "ROTATION" && y !== "SCALE" && m.geometry.setAttribute(y, l[y]);
+        ke.prototype.copy.call(C, m), this.parser.assignFinalMaterial(C), d.push(C);
       }
       return A.isGroup ? (A.clear(), A.add(...d), A) : d[0];
     }));
@@ -2896,9 +2907,9 @@ class Mo {
     return t.getDependency("bufferView", i).then(function(A) {
       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);
+          for (const m in d.attributes) {
+            const p = d.attributes[m], f = l[m];
+            f !== void 0 && (p.normalized = f);
           }
           u(d);
         }, a, c, ae, h);
@@ -2930,10 +2941,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;
+    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, m = e * c, p = m - 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, H = o[p + y + a], Z = o[p + y] * A;
-      i[y] = x * w + C * D + f * H + g * Z;
+      const w = o[p + y + a], D = o[p + y + l] * A, S = o[m + y + a], Z = o[m + y] * A;
+      i[y] = x * w + C * D + f * S + g * Z;
     }
     return i;
   }
@@ -2971,7 +2982,7 @@ const te = {
   33071: Ts,
   33648: Ps,
   10497: Ft
-}, Ht = {
+}, St = {
   SCALAR: 1,
   VEC2: 2,
   VEC3: 3,
@@ -3001,7 +3012,7 @@ const te = {
   // keyframe track will be initialized with a default interpolation type, then modified.
   LINEAR: Wn,
   STEP: ks
-}, St = {
+}, Ht = {
   OPAQUE: "OPAQUE",
   MASK: "MASK",
   BLEND: "BLEND"
@@ -3024,7 +3035,7 @@ function xe(r, e, t) {
 function re(r, e) {
   e.extras !== void 0 && (typeof e.extras == "object" ? Object.assign(r.userData, e.extras) : console.warn("THREE.GLTFLoader: Ignoring primitive type .extras, " + e.extras));
 }
-function Ho(r, e, t) {
+function So(r, e, t) {
   let s = !1, n = !1, i = !1;
   for (let c = 0, A = e.length; c < A; c++) {
     const u = e[c];
@@ -3056,7 +3067,7 @@ function Ho(r, e, t) {
     return s && (r.morphAttributes.position = A), n && (r.morphAttributes.normal = u), i && (r.morphAttributes.color = h), r.morphTargetsRelative = !0, r;
   });
 }
-function So(r, e) {
+function Ho(r, e) {
   if (r.updateMorphTargets(), e.weights !== void 0)
     for (let t = 0, s = e.weights.length; t < s; t++)
       r.morphTargetInfluences[t] = e.weights[t];
@@ -3353,27 +3364,27 @@ class ko {
   loadAccessor(e) {
     const t = this, s = this.json, n = this.json.accessors[e];
     if (n.bufferView === void 0 && n.sparse === void 0) {
-      const o = Ht[n.type], a = je[n.componentType], l = n.normalized === !0, c = new a(n.count * o);
+      const o = St[n.type], a = je[n.componentType], l = n.normalized === !0, c = new a(n.count * o);
       return Promise.resolve(new _e(c, o, l));
     }
     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 = Ht[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;
+      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, m = n.normalized === !0;
+      let p, 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 Sn(m, d / A), t.cache.add(x, C)), f = new Ln(C, l, h % d / A, p);
+        C || (p = new c(a, g * d, n.count * d / A), C = new Hn(p, d / A), t.cache.add(x, C)), f = new Ln(C, l, h % d / A, m);
       } 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), f = new _e(p, l, m);
       if (n.sparse !== void 0) {
-        const g = Ht.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);
+        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;
-        for (let H = 0, Z = w.length; H < Z; H++) {
-          const _ = w[H];
-          if (f.setX(_, D[H * l]), l >= 2 && f.setY(_, D[H * l + 1]), l >= 3 && f.setZ(_, D[H * l + 2]), l >= 4 && f.setW(_, D[H * l + 3]), l >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
+        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.");
         }
-        f.normalized = p;
+        f.normalized = m;
       }
       return f;
     });
@@ -3423,11 +3434,11 @@ class ko {
       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);
+        let m = h;
+        t.isImageBitmapLoader === !0 && (m = function(p) {
+          const f = new tn(p);
           f.needsUpdate = !0, h(f);
-        }), t.load(Je.resolveURL(u, i.path), p, void 0, d);
+        }), t.load(Je.resolveURL(u, i.path), m, void 0, d);
       });
     }).then(function(u) {
       return c === !0 && a.revokeObjectURL(l), re(u, o), u.userData.mimeType = o.mimeType || No(o.uri), u;
@@ -3521,8 +3532,8 @@ class ko {
       })));
     }
     i.doubleSided === !0 && (a.side = Rn);
-    const A = i.alphaMode || St.OPAQUE;
-    if (A === St.BLEND ? (a.transparent = !0, a.depthWrite = !1) : (a.transparent = !1, A === St.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 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 u = i.normalTexture.scale;
       a.normalScale.set(u, u);
     }
@@ -3589,25 +3600,25 @@ class ko {
     }
     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];
+      for (let d = 0, m = A.length; d < m; d++) {
+        const p = A[d], f = o[d];
         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, Hn) : f.mode === te.TRIANGLE_FAN && (g.geometry = wn(g.geometry, zt));
+          g = i.isSkinnedMesh === !0 ? new Es(p, x) : new v(p, 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);
+          g = new Wt(p, x);
         else if (f.mode === te.LINE_STRIP)
-          g = new ue(m, x);
+          g = new ue(p, x);
         else if (f.mode === te.LINE_LOOP)
-          g = new Rs(m, x);
+          g = new Rs(p, x);
         else if (f.mode === te.POINTS)
-          g = new pt(m, x);
+          g = new pt(p, x);
         else
           throw new Error("THREE.GLTFLoader: Primitive mode unsupported: " + f.mode);
-        Object.keys(g.geometry.morphAttributes).length > 0 && So(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);
+        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);
       }
-      for (let d = 0, p = u.length; d < p; d++)
+      for (let d = 0, m = u.length; d < m; d++)
         t.associations.set(u[d], {
           meshes: e,
           primitives: d
@@ -3616,7 +3627,7 @@ class ko {
         return i.extensions && xe(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++)
+      for (let d = 0, m = u.length; d < m; d++)
         h.add(u[d]);
       return h;
     });
@@ -3635,7 +3646,7 @@ class ko {
       console.warn("THREE.GLTFLoader: Missing camera parameters.");
       return;
     }
-    return s.type === "perspective" ? t = new Hs(En.radToDeg(n.yfov), n.aspectRatio || 1, n.znear || 1, n.zfar || 2e6) : s.type === "orthographic" && (t = new Ss(-n.xmag, n.xmag, n.ymag, -n.ymag, n.znear, n.zfar)), s.name && (t.name = this.createUniqueName(s.name)), re(t, s), Promise.resolve(t);
+    return s.type === "perspective" ? t = new Ss(En.radToDeg(n.yfov), n.aspectRatio || 1, n.znear || 1, n.zfar || 2e6) : s.type === "orthographic" && (t = new Hs(-n.xmag, n.xmag, n.ymag, -n.ymag, n.znear, n.zfar)), s.name && (t.name = this.createUniqueName(s.name)), re(t, s), Promise.resolve(t);
   }
   /**
    * Specification: https://github.com/KhronosGroup/glTF/tree/master/specification/2.0#skins
@@ -3672,8 +3683,8 @@ class ko {
   loadAnimation(e) {
     const t = this.json, s = this, n = t.animations[e], i = n.name ? n.name : "animation_" + e, o = [], a = [], l = [], c = [], A = [];
     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 d = n.channels[u], m = n.samplers[d.sampler], p = d.target, f = p.node, g = n.parameters !== void 0 ? n.parameters[m.input] : m.input, x = n.parameters !== void 0 ? n.parameters[m.output] : m.output;
+      p.node !== void 0 && (o.push(this.getDependency("node", f)), a.push(this.getDependency("accessor", g)), l.push(this.getDependency("accessor", x)), c.push(m), A.push(p));
     }
     return Promise.all([
       Promise.all(o),
@@ -3682,12 +3693,12 @@ class ko {
       Promise.all(c),
       Promise.all(A)
     ]).then(function(u) {
-      const h = u[0], d = u[1], p = u[2], m = u[3], f = u[4], g = [];
+      const h = u[0], d = u[1], m = u[2], p = u[3], f = u[4], g = [];
       for (let C = 0, y = h.length; C < y; C++) {
-        const w = h[C], D = d[C], H = p[C], Z = m[C], _ = f[C];
+        const w = h[C], D = d[C], S = m[C], Z = p[C], _ = f[C];
         if (w === void 0) continue;
         w.updateMatrix && w.updateMatrix();
-        const Q = s._createAnimationTracks(w, D, H, Z, _);
+        const Q = s._createAnimationTracks(w, D, S, Z, _);
         if (Q)
           for (let ye = 0; ye < Q.length; ye++)
             g.push(Q[ye]);
@@ -3728,11 +3739,11 @@ class ko {
       h !== null && A.traverse(function(d) {
         d.isSkinnedMesh && d.bind(h, jo);
       });
-      for (let d = 0, p = u.length; d < p; d++)
+      for (let d = 0, m = u.length; d < m; 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;
+        const d = A.userData.pivot, m = u[0];
+        A.pivot = new M().fromArray(d), A.position.x -= d[0], A.position.y -= d[1], A.position.z -= d[2], m.position.set(0, 0, 0), delete A.userData.pivot;
       }
       return A;
     });
@@ -3833,14 +3844,14 @@ class ko {
         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(
+    for (let d = 0, m = l.length; d < m; d++) {
+      const p = new A(
         l[d] + "." + fe[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;
   }
@@ -3885,11 +3896,11 @@ function Wo(r, e, t) {
     for (let c = 0, A = i.length; c < A; 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], d = h.min, m = h.max;
+        if (d !== void 0 && m !== void 0) {
+          if (l.setX(Math.max(Math.abs(d[0]), Math.abs(m[0]))), l.setY(Math.max(Math.abs(d[1]), Math.abs(m[1]))), l.setZ(Math.max(Math.abs(d[2]), Math.abs(m[2]))), h.normalized) {
+            const p = Vt(je[h.componentType]);
+            l.multiplyScalar(p);
           }
           a.max(l);
         } else
@@ -3920,7 +3931,7 @@ function Tn(r, e, t) {
     n.push(o);
   }
   return qt.workingColorSpace !== ae && "COLOR_0" in s && console.warn(`THREE.GLTFLoader: Converting vertex colors from "srgb-linear" to "${qt.workingColorSpace}" not supported.`), re(r, e), Wo(r, e, t), Promise.all(n).then(function() {
-    return e.targets !== void 0 ? Ho(r, e.targets, t) : r;
+    return e.targets !== void 0 ? So(r, e.targets, t) : r;
   });
 }
 const Nt = /* @__PURE__ */ new WeakMap();
@@ -4039,7 +4050,7 @@ class zo extends Yt {
       if (o === a)
         c = new _e(i, o);
       else {
-        const A = new Sn(i, a);
+        const A = new Hn(i, a);
         c = new Ln(A, o, 0);
       }
       n === "color" && (this._assignVertexColorSpace(c, l), c.normalized = !(i instanceof Float32Array)), t.setAttribute(n, c);
@@ -4132,8 +4143,8 @@ function Go() {
         e.then((A) => {
           const u = A.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);
+            const d = t(u, h, new Int8Array(l), c), m = d.attributes.map((p) => p.array.buffer);
+            d.index && m.push(d.index.array.buffer), self.postMessage({ type: "decode", id: a.id, geometry: d }, m);
           } catch (d) {
             console.error(d), self.postMessage({ type: "error", id: a.id, error: d.message });
           } finally {
@@ -4146,16 +4157,16 @@ 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)
+    const m = a.GetEncodedGeometryType(l);
+    if (m === o.TRIANGULAR_MESH)
       h = new o.Mesh(), d = a.DecodeArrayToMesh(l, l.byteLength, h);
-    else if (p === o.POINT_CLOUD)
+    else if (m === o.POINT_CLOUD)
       h = new o.PointCloud(), d = 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: [] };
+    const p = { index: null, attributes: [] };
     for (const f in A) {
       const g = self[u[f]];
       let x, C;
@@ -4166,9 +4177,9 @@ function Go() {
         x = a.GetAttribute(h, C);
       }
       const y = n(o, a, h, f, g, x);
-      f === "color" && (y.vertexColorSpace = c.vertexColorSpace), m.attributes.push(y);
+      f === "color" && (y.vertexColorSpace = c.vertexColorSpace), p.attributes.push(y);
     }
-    return p === o.TRIANGULAR_MESH && (m.index = s(o, a, h)), o.destroy(h), m;
+    return m === 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);
@@ -4177,19 +4188,19 @@ function Go() {
     return o._free(h), { array: d, 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 h = l.num_points(), d = u.num_components(), m = i(o, A), p = d * A.BYTES_PER_ELEMENT, f = Math.ceil(p / 4) * 4, g = f / A.BYTES_PER_ELEMENT, x = h * p, C = h * f, y = o._malloc(x);
+    a.GetAttributeDataArrayForAllPoints(l, u, m, x, y);
     const w = new A(o.HEAPF32.buffer, y, x / A.BYTES_PER_ELEMENT);
     let D;
-    if (m === f)
+    if (p === f)
       D = w.slice();
     else {
       D = new A(C / A.BYTES_PER_ELEMENT);
-      let H = 0;
+      let S = 0;
       for (let Z = 0, _ = w.length; Z < _; Z++) {
         for (let Q = 0; Q < d; Q++)
-          D[H + Q] = w[Z * d + Q];
-        H += g;
+          D[S + Q] = w[Z * d + Q];
+        S += g;
       }
     }
     return o._free(y), {
@@ -4250,7 +4261,7 @@ function Uo(r) {
     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({
+  }), m = new P.MeshStandardMaterial({
     color: s,
     roughness: n,
     metalness: i,
@@ -4260,8 +4271,8 @@ function Uo(r) {
     // 双面渲染，避免从侧面或底部看到黑色
     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, m);
+  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: A }, ze(p);
 }
 function Vo(r) {
   return Et(!0), new Promise((e, t) => {
@@ -4324,16 +4335,28 @@ function Ko(r) {
     return console.warn("请先选中一个模型，再添加数据面板"), null;
   const t = Zt(e);
   t && (t.dispose(), hi(e));
-  const s = [
+  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 = [
     { label: "温度", value: "30", unit: "℃" },
     { label: "湿度", value: "65", unit: "%" },
     { label: "压力", value: "101.3", unit: "kPa" },
     { label: "名称", value: e.name || "未命名" }
-  ], n = new Gn({
+  ], A = new Gn({
     title: (r == null ? void 0 : r.title) || "数据面板",
-    items: (r == null ? void 0 : r.items) || s
+    items: (r == null ? void 0 : r.items) || c,
+    width: `${o}px`,
+    fontSize: `${l}px`
   });
-  return n.attachTo(e), Fn(e, n), n;
+  return A.attachTo(e), Fn(e, A), A;
 }
 const Zo = {
   key: 1,
@@ -4350,12 +4373,12 @@ 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
+    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((p) => p.userData.isMovable === !0))), c = Be(() => (t.version, t.node.children.filter(
+      (p) => p.userData.isMovable === !0
     ))), A = 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(
@@ -4369,12 +4392,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);
+    }, d = (p) => p.type === "Mesh" || p.type === "Sprite" ? "🟦" : p.type === "Light" ? "💡" : "📦", m = (p) => p.name || `${p.type} (${p.id})`;
+    return (p, f) => {
       const g = ns("TreeItem", !0);
       return T(), R("div", {
         class: "tree-node",
@@ -4391,7 +4414,7 @@ const Zo = {
             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),
+          b("span", Jo, ie(m(r.node)), 1),
           b("button", {
             class: "tree-delete",
             onClick: jt(h, ["stop"])
@@ -4444,9 +4467,9 @@ const Zo = {
     }
     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];
+      return h.traverse((m) => {
+        if (m.type === "Mesh" && !d) {
+          const p = m, f = Array.isArray(p.material) ? p.material : [p.material];
           for (const g of f)
             if (g && (g.type === "MeshStandardMaterial" || g.type === "MeshPhongMaterial")) {
               const x = g;
@@ -4461,14 +4484,14 @@ const Zo = {
       }), d;
     }
     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];
+      let m = !1;
+      return h.traverse((p) => {
+        if (p.type === "Mesh") {
+          const f = p, 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);
+            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, m = !0);
         }
-      }), p;
+      }), m;
     }
     function u() {
       if (t.selectedObject) {
@@ -4497,7 +4520,7 @@ const Zo = {
           d[14] || (d[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": d[0] || (d[0] = (m) => r.transform.position.x = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4511,7 +4534,7 @@ const Zo = {
           d[15] || (d[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": d[1] || (d[1] = (m) => r.transform.position.y = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4525,7 +4548,7 @@ const Zo = {
           d[16] || (d[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": d[2] || (d[2] = (m) => r.transform.position.z = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4544,7 +4567,7 @@ const Zo = {
           d[18] || (d[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": d[3] || (d[3] = (m) => r.transform.rotation.x = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4558,7 +4581,7 @@ const Zo = {
           d[19] || (d[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": d[4] || (d[4] = (m) => r.transform.rotation.y = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4572,7 +4595,7 @@ const Zo = {
           d[20] || (d[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": d[5] || (d[5] = (m) => r.transform.rotation.z = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4591,7 +4614,7 @@ const Zo = {
           d[22] || (d[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": d[6] || (d[6] = (m) => r.transform.scale.x = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4605,7 +4628,7 @@ const Zo = {
           d[23] || (d[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": d[7] || (d[7] = (m) => r.transform.scale.y = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4619,7 +4642,7 @@ const Zo = {
           d[24] || (d[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": d[8] || (d[8] = (m) => r.transform.scale.z = m),
             step: "0.01",
             onInput: n
           }, null, 544), [
@@ -4641,7 +4664,7 @@ const Zo = {
             min: "0",
             max: "10",
             step: "0.1",
-            "onUpdate:modelValue": d[9] || (d[9] = (p) => a.intensity = p),
+            "onUpdate:modelValue": d[9] || (d[9] = (m) => a.intensity = m),
             onInput: l
           }, null, 544), [
             [
@@ -4656,7 +4679,7 @@ const Zo = {
             min: "0",
             max: "100",
             step: "0.1",
-            "onUpdate:modelValue": d[10] || (d[10] = (p) => a.intensity = p),
+            "onUpdate:modelValue": d[10] || (d[10] = (m) => a.intensity = m),
             class: "intensity-input",
             onInput: l
           }, null, 544), [
@@ -4678,7 +4701,7 @@ const Zo = {
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[11] || (d[11] = (p) => i.metalness = p),
+            "onUpdate:modelValue": d[11] || (d[11] = (m) => i.metalness = m),
             onInput: u
           }, null, 544), [
             [
@@ -4697,7 +4720,7 @@ const Zo = {
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[12] || (d[12] = (p) => i.roughness = p),
+            "onUpdate:modelValue": d[12] || (d[12] = (m) => i.roughness = m),
             onInput: u
           }, null, 544), [
             [
@@ -4716,7 +4739,7 @@ const Zo = {
             min: "0",
             max: "1",
             step: "0.01",
-            "onUpdate:modelValue": d[13] || (d[13] = (p) => i.opacity = p),
+            "onUpdate:modelValue": d[13] || (d[13] = (m) => i.opacity = m),
             onInput: u
           }, null, 544), [
             [
@@ -4742,10 +4765,10 @@ const Zo = {
 }, Dr = { class: "ud-value-json-preview" }, Pr = ["onClick"], Tr = {
   key: 0,
   class: "ud-json-error"
-}, Or = { class: "ud-json-actions" }, Er = ["onClick"], Rr = ["onClick"], Hr = {
+}, Or = { class: "ud-json-actions" }, Er = ["onClick"], Rr = ["onClick"], Sr = {
   key: 1,
   class: "userdata-empty"
-}, Sr = /* @__PURE__ */ be({
+}, Hr = /* @__PURE__ */ be({
   __name: "UserDataTab",
   props: {
     selectedObject: {}
@@ -4802,7 +4825,7 @@ const Zo = {
     function d(C) {
       return C.length <= 28 ? C : C.substring(0, 28) + "…";
     }
-    function p(C) {
+    function m(C) {
       n.value = C;
       const y = e.selectedObject;
       if (!y) return;
@@ -4812,9 +4835,9 @@ const Zo = {
       } catch {
         i.value = String(w);
       }
-      m();
+      p();
     }
-    function m() {
+    function p() {
       const C = i.value.trim();
       if (!C) {
         o.value = null;
@@ -4869,7 +4892,7 @@ const Zo = {
             "onUpdate:modelValue": y[0] || (y[0] = (w) => t.value = w),
             placeholder: "属性名",
             class: "ud-input",
-            onKeyup: Se(u, ["enter"])
+            onKeyup: He(u, ["enter"])
           }, null, 544), [
             [N, t.value]
           ]),
@@ -4877,7 +4900,7 @@ const Zo = {
             "onUpdate:modelValue": y[1] || (y[1] = (w) => s.value = w),
             placeholder: "值",
             class: "ud-input ud-textarea",
-            onKeyup: Se(jt(u, ["prevent"]), ["enter"])
+            onKeyup: He(jt(u, ["prevent"]), ["enter"])
           }, null, 40, xr), [
             [N, s.value]
           ]),
@@ -4902,15 +4925,15 @@ const Zo = {
                 b("button", {
                   class: "ud-btn edit-json-btn",
                   title: "编辑对象",
-                  onClick: (H) => p(w.key)
+                  onClick: (S) => m(w.key)
                 }, " ✎ ", 8, Pr)
               ], 64)) : (T(), R(ve, { key: 1 }, [
                 o.value ? (T(), R("div", Tr, " ⚠ " + ie(o.value), 1)) : X("", !0),
                 E(b("textarea", {
-                  "onUpdate:modelValue": y[2] || (y[2] = (H) => i.value = H),
+                  "onUpdate:modelValue": y[2] || (y[2] = (S) => i.value = S),
                   class: se(["ud-json-textarea", { "has-error": o.value }]),
                   rows: "3",
-                  onInput: m
+                  onInput: p
                 }, null, 34), [
                   [N, i.value]
                 ]),
@@ -4918,7 +4941,7 @@ const Zo = {
                   b("button", {
                     class: "ud-btn apply-btn",
                     title: "应用修改",
-                    onClick: (H) => f(w.key)
+                    onClick: (S) => f(w.key)
                   }, " ✓ ", 8, Er),
                   b("button", {
                     class: "ud-btn cancel-btn",
@@ -4931,11 +4954,11 @@ const Zo = {
                 key: 2,
                 class: "ud-btn del-btn",
                 title: "删除",
-                onClick: (H) => h(w.key)
+                onClick: (S) => h(w.key)
               }, " ✕ ", 8, Rr)) : X("", !0)
             ], 64)) : X("", !0)
           ], 2))), 128))
-        ])) : (T(), R("div", Hr, "暂无自定义数据")),
+        ])) : (T(), R("div", Sr, "暂无自定义数据")),
         b("button", {
           class: "get-camera-btn",
           onClick: x
@@ -4943,7 +4966,7 @@ const Zo = {
       ])
     ]));
   }
-}), Lr = /* @__PURE__ */ Ie(Sr, [["__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__ */ 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({
   __name: "DataPanelTab",
   props: {
     selectedObject: {}
@@ -4952,20 +4975,20 @@ const Zo = {
     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 p = e.selectedObject;
+      return p ? Zt(xt(p)) : null;
     }
-    Me(n, (m) => {
-      A || !c || (c.visible = m);
+    Me(n, (p) => {
+      A || !c || (c.visible = p);
     });
     function h() {
       A || !c || (c.setTitle(t.value), c.setItems([...s.value]));
     }
     Me(t, () => h()), Me(s, () => h(), { deep: !0 });
-    function d(m) {
-      s.value = s.value.filter((f, g) => g !== m), h();
+    function d(p) {
+      s.value = s.value.filter((f, g) => g !== p), h();
     }
-    function p() {
+    function m() {
       !i.value.trim() || !o.value.trim() || (s.value = [
         ...s.value,
         {
@@ -4984,7 +5007,7 @@ const Zo = {
         }, 0);
       },
       { immediate: !0 }
-    ), (m, f) => (T(), R("div", Nr, [
+    ), (p, f) => (T(), R("div", Nr, [
       b("div", jr, [
         f[10] || (f[10] = b("label", null, "📊 数据面板", -1)),
         b("div", kr, [
@@ -5065,7 +5088,7 @@ const Zo = {
               class: "dp-input dp-input-sm",
               "onUpdate:modelValue": f[2] || (f[2] = (g) => i.value = g),
               placeholder: "标签",
-              onKeyup: Se(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
               [N, i.value]
             ]),
@@ -5074,7 +5097,7 @@ const Zo = {
               class: "dp-input dp-input-sm",
               "onUpdate:modelValue": f[3] || (f[3] = (g) => o.value = g),
               placeholder: "值",
-              onKeyup: Se(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
               [N, o.value]
             ]),
@@ -5083,7 +5106,7 @@ const Zo = {
               class: "dp-input dp-input-xs",
               "onUpdate:modelValue": f[4] || (f[4] = (g) => a.value = g),
               placeholder: "单位",
-              onKeyup: Se(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
               [N, a.value]
             ]),
@@ -5092,13 +5115,13 @@ const Zo = {
               class: "dp-input dp-input-xs",
               "onUpdate:modelValue": f[5] || (f[5] = (g) => l.value = g),
               placeholder: "编码",
-              onKeyup: Se(p, ["enter"])
+              onKeyup: He(m, ["enter"])
             }, null, 544), [
               [N, l.value]
             ]),
             b("button", {
               class: "dp-btn dp-btn-add",
-              onClick: p,
+              onClick: m,
               title: "添加"
             }, "+")
           ])
@@ -5152,65 +5175,65 @@ 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);
+    function i(m) {
+      n.value = m, s("transformModeChange", m);
     }
     const o = () => s("propertyChange"), a = j("transform"), l = Be(() => {
-      var p;
-      return !!(t.selectedObject && ((p = t.selectedObject.userData) != null && p._hasDataPanel));
+      var m;
+      return !!(t.selectedObject && ((m = t.selectedObject.userData) != null && m._hasDataPanel));
     }), c = j(0), A = os(t, "selectedObject"), { expandedSet: u, toggleExpand: h } = _r(A);
     rs("treeExpand", { expandedSet: u, toggleExpand: h });
-    const d = (p) => {
-      c.value++, s("treeDelete", p);
+    const d = (m) => {
+      c.value++, s("treeDelete", m);
     };
-    return (p, m) => r.transform ? (T(), R("div", $r, [
+    return (m, p) => r.transform ? (T(), R("div", $r, [
       b("div", ea, [
-        m[7] || (m[7] = b("label", null, "场景物体", -1)),
+        p[7] || (p[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,
             "selected-object": r.selectedObject,
             version: c.value,
-            onSelect: m[0] || (m[0] = (g) => s("treeSelect", g)),
+            onSelect: p[0] || (p[0] = (g) => s("treeSelect", g)),
             onDelete: d
           }, null, 8, ["node", "selected-object", "version"]))), 128)),
           r.treeData.length === 0 ? (T(), R("div", na, "暂无物体")) : X("", !0)
         ])
       ]),
       b("div", sa, [
-        m[8] || (m[8] = b("label", null, "全局属性", -1)),
+        p[8] || (p[8] = b("label", null, "全局属性", -1)),
         b("div", ia, [
           b("button", {
             class: se(["mode-btn", { active: n.value === "translate" }]),
             title: "移动 (W)",
-            onClick: m[1] || (m[1] = (f) => i("translate"))
+            onClick: p[1] || (p[1] = (f) => i("translate"))
           }, " ↕ 移动 ", 2),
           b("button", {
             class: se(["mode-btn", { active: n.value === "rotate" }]),
             title: "旋转 (E)",
-            onClick: m[2] || (m[2] = (f) => i("rotate"))
+            onClick: p[2] || (p[2] = (f) => i("rotate"))
           }, " ↻ 旋转 ", 2),
           b("button", {
             class: se(["mode-btn", { active: n.value === "scale" }]),
             title: "缩放 (R)",
-            onClick: m[3] || (m[3] = (f) => i("scale"))
+            onClick: p[3] || (p[3] = (f) => i("scale"))
           }, " ⤡ 缩放 ", 2)
         ])
       ]),
       r.selectedObject ? (T(), R("div", oa, [
         b("button", {
           class: se(["tab-btn", { active: a.value === "transform" }]),
-          onClick: m[4] || (m[4] = (f) => a.value = "transform")
+          onClick: p[4] || (p[4] = (f) => a.value = "transform")
         }, " 🔄 变换 ", 2),
         b("button", {
           class: se(["tab-btn", { active: a.value === "userdata" }]),
-          onClick: m[5] || (m[5] = (f) => a.value = "userdata")
+          onClick: p[5] || (p[5] = (f) => 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")
+          onClick: p[6] || (p[6] = (f) => a.value = "datapanel")
         }, " 📊 数据面板 ", 2)) : X("", !0)
       ])) : X("", !0),
       r.selectedObject ? (T(), R("div", ra, [
@@ -5228,7 +5251,7 @@ const $r = {
           [De, a.value === "datapanel"]
         ])
       ])) : X("", !0)
-    ])) : (T(), R("div", aa, [...m[9] || (m[9] = [
+    ])) : (T(), R("div", aa, [...p[9] || (p[9] = [
       b("p", null, "未选中任何模型", -1)
     ])]));
   }
@@ -5237,19 +5260,19 @@ const $r = {
   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;
+      var p;
+      return (p = a.value) == null ? void 0 : p.click();
+    }, c = (p) => {
+      const f = p.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));
+      const p = Ki();
+      console.log(JSON.parse(await p));
     }, d = () => {
       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, [
+    }, m = () => qn();
+    return (p, f) => (T(), R("div", ua, [
       b("div", Aa, [
         b("div", {
           class: "dropdown-wrapper",
@@ -5333,7 +5356,7 @@ const $r = {
             }, "镜头拉近"),
             b("div", {
               class: "menu-item",
-              onClick: p
+              onClick: m
             }, " 重置相机位置 ")
           ], 512), [
             [De, t.value]
@@ -5419,13 +5442,13 @@ const $r = {
     const u = () => {
       const g = Ui();
       g && (A.value = g);
-    }, h = (g) => Qt(g), d = (g) => Wi(g.uuid), p = (g) => {
+    }, h = (g) => Qt(g), d = (g) => Wi(g.uuid), m = (g) => {
       Oi(g);
-    }, m = j(null), f = () => {
-      m.value && Ii(m.value, e.mode, e.sceneData), u();
+    }, p = j(null), f = () => {
+      p.value && Ii(p.value, e.mode, e.sceneData), u();
     };
     return as(() => {
-      f(), m.value && fi(m.value);
+      f(), p.value && fi(p.value);
     }), ls(() => {
       console.log("endset_three_editor destroy"), Qi();
     }), (g, x) => (T(), R("div", Ca, [
@@ -5444,7 +5467,7 @@ const $r = {
         b("div", {
           class: se(`canvas canvas-mode-${r.mode}`),
           ref_key: "containerRef",
-          ref: m
+          ref: p
         }, null, 2),
         r.mode === "edit" ? (T(), Ke(ca, {
           key: 0,
@@ -5454,17 +5477,17 @@ const $r = {
           onPropertyChange: a,
           onTreeSelect: h,
           onTreeDelete: d,
-          onTransformModeChange: p
+          onTransformModeChange: m
         }, null, 8, ["transform", "tree-data", "selected-object"])) : X("", !0)
       ], 2),
       r.mode === "edit" ? (T(), Ke(ya, { key: 2 })) : X("", !0)
     ]));
   }
-}), Ha = /* @__PURE__ */ Ie(wa, [["__scopeId", "data-v-ffa5f5c1"]]);
+}), Sa = /* @__PURE__ */ Ie(wa, [["__scopeId", "data-v-ffa5f5c1"]]);
 export {
   ya as BottomBar,
   Gn as DataPanel,
-  Ha as DrawingBoard,
+  Sa as DrawingBoard,
   ca as PropertyPanel,
   ga as TopBar,
   er as TreeItem,
@@ -5479,7 +5502,7 @@ export {
   Qi as destroyEditor,
   gi as disposeCSS2DRenderer,
   Ki as exportSceneToJSON,
-  Si as focusOnObject,
+  Hi as focusOnObject,
   Ta as getCSS2DRenderer,
   Yi as getCamera,
   Zt as getDataPanel,