endset_three_editor 0.4.2 → 0.4.3

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) {
@@ -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"]
       ],
@@ -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.
@@ -1130,9 +1130,9 @@ class di {
         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));
+        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));
         const C = {
           distanceToCameraSquared: u(f, p)
         };
@@ -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,10 +1638,6 @@ 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);
@@ -1776,12 +1772,12 @@ async function Ki() {
         p.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(
@@ -2182,11 +2178,11 @@ class no extends Yt {
           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);
@@ -2214,7 +2210,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");
@@ -2932,8 +2928,8 @@ class Zn extends zs {
   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, H = o[p + y + a], Z = o[p + y] * A;
-      i[y] = x * w + C * D + f * H + g * Z;
+      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;
     }
     return i;
   }
@@ -2971,7 +2967,7 @@ const te = {
   33071: Ts,
   33648: Ps,
   10497: Ft
-}, Ht = {
+}, St = {
   SCALAR: 1,
   VEC2: 2,
   VEC3: 3,
@@ -3001,7 +2997,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 +3020,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 +3052,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,25 +3349,25 @@ 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;
+      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 Sn(m, d / A), t.cache.add(x, C)), f = new Ln(C, l, h % d / A, p);
+        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);
       } else
         a === null ? m = new c(n.count * l) : m = new c(a, h, n.count * l), f = new _e(m, l, p);
       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;
       }
@@ -3521,8 +3517,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);
     }
@@ -3594,7 +3590,7 @@ class ko {
         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(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)
@@ -3605,7 +3601,7 @@ class ko {
           g = new pt(m, 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++)
         t.associations.set(u[d], {
@@ -3635,7 +3631,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
@@ -3684,10 +3680,10 @@ class ko {
     ]).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], H = p[C], Z = m[C], _ = f[C];
+        const w = h[C], D = d[C], S = p[C], Z = m[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]);
@@ -3920,7 +3916,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 +4035,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);
@@ -4185,11 +4181,11 @@ function Go() {
       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), {
@@ -4324,16 +4320,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,
@@ -4742,10 +4750,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: {}
@@ -4869,7 +4877,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 +4885,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,12 +4910,12 @@ const Zo = {
                 b("button", {
                   class: "ud-btn edit-json-btn",
                   title: "编辑对象",
-                  onClick: (H) => p(w.key)
+                  onClick: (S) => p(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
@@ -4918,7 +4926,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 +4939,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 +4951,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: {}
@@ -5065,7 +5073,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(p, ["enter"])
             }, null, 544), [
               [N, i.value]
             ]),
@@ -5074,7 +5082,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(p, ["enter"])
             }, null, 544), [
               [N, o.value]
             ]),
@@ -5083,7 +5091,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(p, ["enter"])
             }, null, 544), [
               [N, a.value]
             ]),
@@ -5092,7 +5100,7 @@ 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(p, ["enter"])
             }, null, 544), [
               [N, l.value]
             ]),
@@ -5460,11 +5468,11 @@ const $r = {
       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 +5487,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,