ss-component-new 1.1.548 → 1.1.549

package/dist/{threeModel-CU0X1c55.js → threeModel-_evs0GT3.js}

@@ -1,8 +1,8 @@
-import { ref as x, defineComponent as It, watch as _t, createElementBlock as B, openBlock as K, createVNode as D, computed as st, resolveComponent as Ft, onMounted as Nt, onUnmounted as $t, Fragment as Xt, renderList as Jt, createElementVNode as y, createCommentVNode as pt, toDisplayString as J, normalizeStyle as Ct, normalizeClass as St, nextTick as kt, onBeforeUnmount as Gt, withDirectives as W, unref as F, withCtx as At, createBlock as Wt, isRef as ht, vModelRadio as ct, vShow as ut } from "vue";
-import { C as qt, V as w, M as q, T as et, Q as zt, S as Rt, a as $, R as Qt, P as mt, b as te, B as gt, c as ee, d as se, e as ie, W as oe, f as ne, A as ae, g as le, X as re, G as he, h as ft, i as ce, j as Ut, k as ue, D as vt, H as de, l as Ot, m as pe, n as me, E as bt, u as fe } from "./threeModel.vue_vue_type_style_index_0_scoped_4bd4d061_lang-C4kzFz9R.js";
+import { ref as x, defineComponent as It, watch as _t, createElementBlock as B, openBlock as K, createVNode as D, computed as it, resolveComponent as Ft, onMounted as Nt, onUnmounted as $t, Fragment as Xt, renderList as Jt, createElementVNode as y, createCommentVNode as pt, toDisplayString as J, normalizeStyle as Ct, normalizeClass as St, nextTick as kt, onBeforeUnmount as Gt, withDirectives as W, unref as F, withCtx as At, createBlock as Wt, isRef as ht, vModelRadio as ct, vShow as ut } from "vue";
+import { C as qt, V as w, M as q, T as et, Q as zt, S as Rt, a as $, R as Qt, P as mt, b as te, B as gt, c as ee, d as ie, e as se, W as oe, f as ne, A as ae, g as le, X as re, G as he, h as ft, i as ce, j as Ut, k as ue, D as vt, H as de, l as Ot, m as pe, n as me, E as bt, u as fe } from "./threeModel.vue_vue_type_style_index_0_scoped_3cea1cdc_lang-C4kzFz9R.js";
 import { j as _e } from "./index-ffDSB4Kw.js";
 import { c as Yt } from "./menu-DV47UKJo.js";
-import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Lt = { type: "change" }, Mt = { type: "start" }, Vt = { type: "end" }, dt = new Qt(), jt = new mt(), ge = Math.cos(70 * te.DEG2RAD), j = new w(), Z = 2 * Math.PI, T = {
   NONE: -1,
   ROTATE: 0,
@@ -87,8 +87,8 @@ class ye extends qt {
   update(t = null) {
     const e = this.object.position;
     j.copy(e).sub(this.target), j.applyQuaternion(this._quat), this._spherical.setFromVector3(j), this.autoRotate && this.state === T.NONE && this._rotateLeft(this._getAutoRotationAngle(t)), 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 i = this.minAzimuthAngle, n = this.maxAzimuthAngle;
-    isFinite(i) && isFinite(n) && (i < -Math.PI ? i += Z : i > Math.PI && (i -= Z), n < -Math.PI ? n += Z : n > Math.PI && (n -= Z), i <= n ? this._spherical.theta = Math.max(i, Math.min(n, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (i + n) / 2 ? Math.max(i, 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 s = this.minAzimuthAngle, n = this.maxAzimuthAngle;
+    isFinite(s) && isFinite(n) && (s < -Math.PI ? s += Z : s > Math.PI && (s -= Z), n < -Math.PI ? n += Z : n > Math.PI && (n -= Z), 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 c = !1;
     if (this.zoomToCursor && this._performCursorZoom || this.object.isOrthographicCamera)
       this._spherical.radius = this._clampDistance(this._spherical.radius);
@@ -140,13 +140,13 @@ class ye extends qt {
   }
   // deltaX and deltaY are in pixels; right and down are positive
   _pan(t, e) {
-    const i = this.domElement;
+    const s = this.domElement;
     if (this.object.isPerspectiveCamera) {
       const n = this.object.position;
       j.copy(n).sub(this.target);
       let c = j.length();
-      c *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * t * c / i.clientHeight, this.object.matrix), this._panUp(2 * e * c / i.clientHeight, this.object.matrix);
-    } else this.object.isOrthographicCamera ? (this._panLeft(t * (this.object.right - this.object.left) / this.object.zoom / i.clientWidth, this.object.matrix), this._panUp(e * (this.object.top - this.object.bottom) / this.object.zoom / i.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
+      c *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * t * c / s.clientHeight, this.object.matrix), this._panUp(2 * e * c / s.clientHeight, this.object.matrix);
+    } else this.object.isOrthographicCamera ? (this._panLeft(t * (this.object.right - this.object.left) / this.object.zoom / s.clientWidth, this.object.matrix), this._panUp(e * (this.object.top - this.object.bottom) / this.object.zoom / s.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
   }
   _dollyOut(t) {
     this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale /= t : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
@@ -158,7 +158,7 @@ class ye extends qt {
     if (!this.zoomToCursor)
       return;
     this._performCursorZoom = !0;
-    const i = this.domElement.getBoundingClientRect(), n = t - i.left, c = e - i.top, _ = i.width, a = i.height;
+    const s = this.domElement.getBoundingClientRect(), n = t - s.left, c = e - s.top, _ = s.width, a = s.height;
     this._mouse.x = n / _ * 2 - 1, this._mouse.y = -(c / a) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
   }
   _clampDistance(t) {
@@ -212,20 +212,20 @@ class ye extends qt {
     if (this._pointers.length === 1)
       this._rotateStart.set(t.pageX, t.pageY);
     else {
-      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
-      this._rotateStart.set(i, n);
+      const e = this._getSecondPointerPosition(t), s = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
+      this._rotateStart.set(s, n);
     }
   }
   _handleTouchStartPan(t) {
     if (this._pointers.length === 1)
       this._panStart.set(t.pageX, t.pageY);
     else {
-      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
-      this._panStart.set(i, n);
+      const e = this._getSecondPointerPosition(t), s = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
+      this._panStart.set(s, n);
     }
   }
   _handleTouchStartDolly(t) {
-    const e = this._getSecondPointerPosition(t), i = t.pageX - e.x, n = t.pageY - e.y, c = Math.sqrt(i * i + n * n);
+    const e = this._getSecondPointerPosition(t), s = t.pageX - e.x, n = t.pageY - e.y, c = Math.sqrt(s * s + n * n);
     this._dollyStart.set(0, c);
   }
   _handleTouchStartDollyPan(t) {
@@ -238,7 +238,7 @@ class ye extends qt {
     if (this._pointers.length == 1)
       this._rotateEnd.set(t.pageX, t.pageY);
     else {
-      const i = this._getSecondPointerPosition(t), n = 0.5 * (t.pageX + i.x), c = 0.5 * (t.pageY + i.y);
+      const s = this._getSecondPointerPosition(t), n = 0.5 * (t.pageX + s.x), c = 0.5 * (t.pageY + s.y);
       this._rotateEnd.set(n, c);
     }
     this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
@@ -249,13 +249,13 @@ class ye extends qt {
     if (this._pointers.length === 1)
       this._panEnd.set(t.pageX, t.pageY);
     else {
-      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
-      this._panEnd.set(i, n);
+      const e = this._getSecondPointerPosition(t), s = 0.5 * (t.pageX + e.x), n = 0.5 * (t.pageY + e.y);
+      this._panEnd.set(s, n);
     }
     this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd);
   }
   _handleTouchMoveDolly(t) {
-    const e = this._getSecondPointerPosition(t), i = t.pageX - e.x, n = t.pageY - e.y, c = Math.sqrt(i * i + n * n);
+    const e = this._getSecondPointerPosition(t), s = t.pageX - e.x, n = t.pageY - e.y, c = Math.sqrt(s * s + n * n);
     this._dollyEnd.set(0, c), this._dollyDelta.set(0, Math.pow(this._dollyEnd.y / this._dollyStart.y, this.zoomSpeed)), this._dollyOut(this._dollyDelta.y), this._dollyStart.copy(this._dollyEnd);
     const _ = (t.pageX + e.x) * 0.5, a = (t.pageY + e.y) * 0.5;
     this._updateZoomParameters(_, a);
@@ -293,20 +293,20 @@ class ye extends qt {
   }
   //
   _customWheelEvent(t) {
-    const e = t.deltaMode, i = {
+    const e = t.deltaMode, s = {
       clientX: t.clientX,
       clientY: t.clientY,
       deltaY: t.deltaY
     };
     switch (e) {
       case 1:
-        i.deltaY *= 16;
+        s.deltaY *= 16;
         break;
       case 2:
-        i.deltaY *= 100;
+        s.deltaY *= 100;
         break;
     }
-    return t.ctrlKey && !this._controlActive && (i.deltaY *= 10), i;
+    return t.ctrlKey && !this._controlActive && (s.deltaY *= 10), s;
   }
 }
 function ve(o) {
@@ -458,19 +458,19 @@ function ke(o) {
   o.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
 function Ae(o) {
-  let t = null, e = null, i = null, n = null, c = null, _ = null, a = null, P = null;
+  let t = null, e = null, s = null, n = null, c = null, _ = null, a = null, P = null;
   const M = x([]), k = x(new w()), U = x(new w()), A = () => {
     if (!o.value) return;
-    t = new ee(), t.background = new se(15790320);
+    t = new ee(), t.background = new ie(15790320);
     const m = o.value;
-    e = new ie(75, m.clientWidth / m.clientHeight, 0.1, 1e4), e.position.set(8, -8, 6), e.up.set(0, 0, 1), e.lookAt(0, 0, 0), i = new oe({
+    e = new se(75, m.clientWidth / m.clientHeight, 0.1, 1e4), e.position.set(8, -8, 6), e.up.set(0, 0, 1), e.lookAt(0, 0, 0), s = new oe({
       antialias: !0,
       alpha: !0
-    }), i.setSize(m.clientWidth, m.clientHeight), i.localClippingEnabled = !0, i.shadowMap.enabled = !0, i.shadowMap.type = ne, i.toneMapping = ae, i.toneMappingExposure = 1, i.outputColorSpace = le, m.appendChild(i.domElement), n = new ye(e, i.domElement), n.enableDamping = !0, n.dampingFactor = 0.05, n.mouseButtons = {
+    }), s.setSize(m.clientWidth, m.clientHeight), s.localClippingEnabled = !0, s.shadowMap.enabled = !0, s.shadowMap.type = ne, s.toneMapping = ae, s.toneMappingExposure = 1, s.outputColorSpace = le, m.appendChild(s.domElement), n = new ye(e, s.domElement), n.enableDamping = !0, n.dampingFactor = 0.05, n.mouseButtons = {
       LEFT: q.ROTATE,
       MIDDLE: q.PAN,
       RIGHT: null
-    }, n.panSpeed = 0.7, c = new re(e, i, {
+    }, n.panSpeed = 0.7, c = new re(e, s, {
       container: m,
       type: "cube",
       placement: "top-right",
@@ -500,7 +500,7 @@ function Ae(o) {
       back: {
         label: "Bottom"
       }
-    }), c.attachControls(n), g(), s();
+    }), c.attachControls(n), g(), i();
   }, r = (m, l) => {
     a && (t.remove(a), a.dispose()), P && (t.remove(P), P.geometry.dispose(), P.material.dispose());
     const E = Math.min(Math.max(Math.floor(m / 20), 30), 40);
@@ -540,8 +540,8 @@ function Ae(o) {
     f.position.set(15, 15, 15), t.add(f);
     const h = new Ot(16777215, 0.5, 50);
     h.position.set(-15, -15, 15), t.add(h);
-  }, s = () => {
-    _ = requestAnimationFrame(s), n && n.update(), i && t && e && i.render(t, e), c && c.render();
+  }, i = () => {
+    _ = requestAnimationFrame(i), n && n.update(), s && t && e && s.render(t, e), c && c.render();
   }, p = (m) => {
     [
       "map",
@@ -573,9 +573,9 @@ function Ae(o) {
     // 方法
     initThreeJS: A,
     handleResize: () => {
-      if (!o.value || !e || !i || !c) return;
+      if (!o.value || !e || !s || !c) return;
       const m = o.value, l = m.clientWidth, E = m.clientHeight;
-      e.aspect = l / E, e.updateProjectionMatrix(), i.setSize(l, E), c.update();
+      e.aspect = l / E, e.updateProjectionMatrix(), s.setSize(l, E), c.update();
     },
     fitCameraToAllModels: () => {
       if (!e || !n || M.value.length === 0) return;
@@ -589,7 +589,7 @@ function Ae(o) {
     getThreeJSObjects: () => ({
       scene: t,
       camera: e,
-      renderer: i,
+      renderer: s,
       controls: n,
       gizmo: c
     }),
@@ -606,46 +606,46 @@ function Ae(o) {
       }), M.value = [], C();
     },
     cleanup: () => {
-      _ && cancelAnimationFrame(_), a && a.dispose(), P && (P.geometry.dispose(), P.material.dispose()), i && i.dispose(), n && n.dispose(), c && c.dispose();
+      _ && cancelAnimationFrame(_), a && a.dispose(), P && (P.geometry.dispose(), P.material.dispose()), s && s.dispose(), n && n.dispose(), c && c.dispose();
     },
     updateGridForModels: C
   };
 }
 function ze(o, t) {
   const e = x(!1);
-  let i = null, n = 12700, c = new w(), _ = new w(), a = new w(), P = 0, M = null;
-  const k = (s) => s < 0.5 ? 4 * s * s * s : 1 - Math.pow(-2 * s + 2, 3) / 2, U = (s) => {
+  let s = null, n = 12700, c = new w(), _ = new w(), a = new w(), P = 0, M = null;
+  const k = (i) => i < 0.5 ? 4 * i * i * i : 1 - Math.pow(-2 * i + 2, 3) / 2, U = (i) => {
     const p = new w(), b = P * 1.2, R = new w(a.x + b, a.y, a.z), Y = new w(a.x, a.y + b, a.z), N = new w(a.x, a.y - b, a.z);
-    if (s <= 0.567) {
-      const V = s / 0.567 * Math.PI * 2;
+    if (i <= 0.567) {
+      const V = i / 0.567 * Math.PI * 2;
       p.x = a.x + Math.cos(V) * b, p.z = a.z + Math.sin(V) * b, p.y = a.y;
-    } else if (s <= 0.724) {
-      const L = (s - 0.567) / 0.157, V = k(L);
+    } else if (i <= 0.724) {
+      const L = (i - 0.567) / 0.157, V = k(L);
       p.lerpVectors(R, Y, V);
-    } else if (s <= 0.881) {
-      const L = (s - 0.724) / 0.157, m = k(L) * Math.PI;
+    } else if (i <= 0.881) {
+      const L = (i - 0.724) / 0.157, m = k(L) * Math.PI;
       p.x = a.x + Math.sin(m) * b, p.y = a.y + Math.cos(m) * b, p.z = a.z;
     } else {
-      const L = (s - 0.881) / 0.119, V = k(L);
+      const L = (i - 0.881) / 0.119, V = k(L);
       p.lerpVectors(N, c, V);
     }
     return p;
   }, A = () => {
-    const { camera: s, controls: p } = o();
-    if (!s || !p) return;
-    i || (i = Date.now());
-    const b = Date.now() - i, R = Math.min(b / n, 1);
+    const { camera: i, controls: p } = o();
+    if (!i || !p) return;
+    s || (s = Date.now());
+    const b = Date.now() - s, R = Math.min(b / n, 1);
     if (R >= 1) {
       C();
       return;
     }
     const Y = U(R);
-    s.position.copy(Y), s.lookAt(a), p.target.copy(a), M = requestAnimationFrame(A);
+    i.position.copy(Y), i.lookAt(a), p.target.copy(a), M = requestAnimationFrame(A);
   }, r = () => {
     if (t.value.length === 0) return;
-    const { camera: s, controls: p } = o();
-    if (!s || !p) return;
-    c.copy(s.position), _.copy(p.target);
+    const { camera: i, controls: p } = o();
+    if (!i || !p) return;
+    c.copy(i.position), _.copy(p.target);
     const b = new gt();
     t.value.forEach((l) => {
       b.expandByObject(l);
@@ -654,27 +654,27 @@ function ze(o, t) {
     a = b.getCenter(new w()), P = Math.max(R.x, R.y, R.z) * 1.2;
     const Y = new w(a.x + P * 1.2, a.y, a.z);
     p.enabled = !1;
-    const N = s.position.clone(), L = 1e3, V = Date.now(), m = () => {
+    const N = i.position.clone(), L = 1e3, V = Date.now(), m = () => {
       const l = Date.now() - V, E = Math.min(l / L, 1), H = k(E);
-      s.position.lerpVectors(N, Y, H), s.lookAt(a), p.target.copy(a), E < 1 ? requestAnimationFrame(m) : (e.value = !0, i = null, A());
+      i.position.lerpVectors(N, Y, H), i.lookAt(a), p.target.copy(a), E < 1 ? requestAnimationFrame(m) : (e.value = !0, s = null, A());
     };
     m();
   }, C = () => {
-    e.value = !1, i = null, M && (cancelAnimationFrame(M), M = null);
-    const { controls: s } = o();
-    s && (s.enabled = !0, s.target.copy(_));
+    e.value = !1, s = null, M && (cancelAnimationFrame(M), M = null);
+    const { controls: i } = o();
+    i && (i.enabled = !0, i.target.copy(_));
   };
   return {
     isAnimating: e,
     toggleAnimation: () => {
       if (e.value) {
-        e.value = !1, i = null, M && (cancelAnimationFrame(M), M = null);
-        const { camera: s, controls: p } = o();
-        if (!s || !p) return;
+        e.value = !1, s = null, M && (cancelAnimationFrame(M), M = null);
+        const { camera: i, controls: p } = o();
+        if (!i || !p) return;
         p.enabled = !0;
-        const b = s.position.clone(), R = p.target.clone(), Y = 1500, N = Date.now(), L = () => {
+        const b = i.position.clone(), R = p.target.clone(), Y = 1500, N = Date.now(), L = () => {
           const V = Date.now() - N, m = Math.min(V / Y, 1), l = k(m);
-          s.position.lerpVectors(b, c, l), p.target.lerpVectors(R, _, l), m < 1 && requestAnimationFrame(L);
+          i.position.lerpVectors(b, c, l), p.target.lerpVectors(R, _, l), m < 1 && requestAnimationFrame(L);
         };
         L();
       } else
@@ -685,7 +685,7 @@ function ze(o, t) {
   };
 }
 function Re(o, t) {
-  const e = x(!1), i = x("none");
+  const e = x(!1), s = x("none");
   let n = [], c = [], _ = new gt(), a = new w();
   const P = () => {
     n = [
@@ -701,9 +701,9 @@ function Re(o, t) {
       _.expandByObject(g);
     }), a = _.getCenter(new w());
   }, k = (g) => {
-    const s = _.getSize(new w());
+    const i = _.getSize(new w());
     let p, b, R;
-    g === "x" ? (p = new ft(s.z * 1.2, s.y * 1.2), b = new w(a.x, a.y, a.z), R = new bt(0, Math.PI / 2, 0)) : g === "y" ? (p = new ft(s.x * 1.2, s.z * 1.2), b = new w(a.x, a.y, a.z), R = new bt(Math.PI / 2, 0, 0)) : g === "z" && (p = new ft(s.x * 1.2, s.y * 1.2), b = new w(a.x, a.y, a.z), R = new bt(0, 0, 0));
+    g === "x" ? (p = new ft(i.z * 1.2, i.y * 1.2), b = new w(a.x, a.y, a.z), R = new bt(0, Math.PI / 2, 0)) : g === "y" ? (p = new ft(i.x * 1.2, i.z * 1.2), b = new w(a.x, a.y, a.z), R = new bt(Math.PI / 2, 0, 0)) : g === "z" && (p = new ft(i.x * 1.2, i.y * 1.2), b = new w(a.x, a.y, a.z), R = new bt(0, 0, 0));
     const Y = new pe({
       color: 8900331,
       transparent: !0,
@@ -713,11 +713,11 @@ function Re(o, t) {
     }), N = new Ut(p, Y);
     return N.position.copy(b), N.rotation.copy(R), N;
   }, U = () => {
-    if (A(), r(), i.value === "none")
+    if (A(), r(), s.value === "none")
       return;
     M();
     let g = null;
-    if (i.value === "x" ? (n[0].constant = -a.x, g = n[0]) : i.value === "y" ? (n[1].constant = -a.y, g = n[1]) : i.value === "z" && (n[2].constant = -a.z, g = n[2]), g) {
+    if (s.value === "x" ? (n[0].constant = -a.x, g = n[0]) : s.value === "y" ? (n[1].constant = -a.y, g = n[1]) : s.value === "z" && (n[2].constant = -a.z, g = n[2]), g) {
       t.value.forEach((p) => {
         p.traverse((b) => {
           b.isMesh && b.material && (Array.isArray(b.material) ? b.material.forEach((R) => {
@@ -725,31 +725,31 @@ function Re(o, t) {
           }) : b.material.clippingPlanes = [g]);
         });
       });
-      const { scene: s } = o();
-      if (s) {
-        const p = k(i.value);
-        s.add(p), c.push(p);
+      const { scene: i } = o();
+      if (i) {
+        const p = k(s.value);
+        i.add(p), c.push(p);
       }
     }
   }, A = () => {
     t.value.forEach((g) => {
-      g.traverse((s) => {
-        s.isMesh && s.material && (Array.isArray(s.material) ? s.material.forEach((p) => {
+      g.traverse((i) => {
+        i.isMesh && i.material && (Array.isArray(i.material) ? i.material.forEach((p) => {
           p.clippingPlanes = [];
-        }) : s.material.clippingPlanes = []);
+        }) : i.material.clippingPlanes = []);
       });
     });
   }, r = () => {
     const { scene: g } = o();
-    g && c.forEach((s) => {
-      g.remove(s), s.geometry.dispose(), s.material.dispose();
+    g && c.forEach((i) => {
+      g.remove(i), i.geometry.dispose(), i.material.dispose();
     }), c = [];
   };
   return {
     isClipping: e,
-    activeClippingAxis: i,
+    activeClippingAxis: s,
     toggleClipping: () => {
-      e.value = !e.value, e.value ? (P(), t.value.length > 0 && M()) : (i.value = "none", A(), r());
+      e.value = !e.value, e.value ? (P(), t.value.length > 0 && M()) : (s.value = "none", A(), r());
     },
     updateClippingPlanes: U,
     clearClippingPlanes: A,
@@ -765,24 +765,24 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
   setup(o) {
     const t = o;
     x([]);
-    const e = x([]), i = x([]);
+    const e = x([]), s = x([]);
     return _t(
       () => [t == null ? void 0 : t.animationData, t == null ? void 0 : t.urdf],
       () => {
         var c;
         let n = ((c = Yt(t == null ? void 0 : t.animationData)) == null ? void 0 : c.动画输出) ?? [];
-        n && n.length > 0 && (t != null && t.urdf) && console.log(232, n, t == null ? void 0 : t.urdf);
+        console.log(232, n, t == null ? void 0 : t.animationData, t == null ? void 0 : t.urdf), n && n.length > 0 && (t != null && t.urdf);
       },
-      { deep: !0 }
+      { deep: !0, immediate: !0 }
     ), (n, c) => (K(), B("div", Oe, [
       D(_e, {
         columns: e.value,
-        tableData: i.value,
+        tableData: s.value,
         isShowPagination: !1
       }, null, 8, ["columns", "tableData"])
     ]));
   }
-}), je = /* @__PURE__ */ it(Le, [["__scopeId", "data-v-2f0cd581"]]), Ie = { class: "panel-content" }, Fe = "id", Ne = {
+}), je = /* @__PURE__ */ st(Le, [["__scopeId", "data-v-7aa41950"]]), Ie = { class: "panel-content" }, Fe = "id", Ne = {
   __name: "urdfTree",
   props: {
     model: Object,
@@ -798,26 +798,26 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
   },
   emits: ["nodeClick"],
   setup(o, { emit: t }) {
-    const e = o, i = t, n = x([]), c = {
+    const e = o, s = t, n = x([]), c = {
       children: "children",
       label: "label"
     }, _ = (r) => {
-      i("nodeClick", r);
+      s("nodeClick", r);
     }, a = (r, C = 0) => {
       const g = [];
-      return Array.isArray(r) && (r == null ? void 0 : r.length) > 0 && r.forEach((s) => {
-        if (!(s != null && s.isMesh) && ((s == null ? void 0 : s.type) === "URDFJoint" || (s == null ? void 0 : s.type) === "URDFLink")) {
+      return Array.isArray(r) && (r == null ? void 0 : r.length) > 0 && r.forEach((i) => {
+        if (!(i != null && i.isMesh) && ((i == null ? void 0 : i.type) === "URDFJoint" || (i == null ? void 0 : i.type) === "URDFLink")) {
           const p = {
-            name: s == null ? void 0 : s.name,
-            label: s == null ? void 0 : s.name,
+            name: i == null ? void 0 : i.name,
+            label: i == null ? void 0 : i.name,
             show: !0,
             level: C + 1,
             isPenultimate: !1,
-            type: s == null ? void 0 : s.type,
-            id: s == null ? void 0 : s.id,
-            limit: (s == null ? void 0 : s.limit) ?? "",
-            children: a(s == null ? void 0 : s.children, C + 1),
-            path: s == null ? void 0 : s.name
+            type: i == null ? void 0 : i.type,
+            id: i == null ? void 0 : i.id,
+            limit: (i == null ? void 0 : i.limit) ?? "",
+            children: a(i == null ? void 0 : i.children, C + 1),
+            path: i == null ? void 0 : i.name
           };
           g.push(p);
         }
@@ -834,22 +834,22 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
       children: a(r == null ? void 0 : r.children, 1),
       path: r == null ? void 0 : r.name
     }] : [], M = (r, C) => {
-      const g = [], s = [...r];
-      for (; s.length > 0 && g.length < C; ) {
-        const p = s.shift();
-        p.children && p.children.length > 0 && (g.push(p.id), s.push(...p.children));
+      const g = [], i = [...r];
+      for (; i.length > 0 && g.length < C; ) {
+        const p = i.shift();
+        p.children && p.children.length > 0 && (g.push(p.id), i.push(...p.children));
       }
       return g;
     }, k = (r, C) => {
       const g = [];
-      return r.forEach((s) => {
-        if (s.children && s.children.length > 0) {
-          g.push(s.id);
-          const p = s.children.filter((b) => b.children && b.children.length > 0).slice(0, C).map((b) => b.id);
+      return r.forEach((i) => {
+        if (i.children && i.children.length > 0) {
+          g.push(i.id);
+          const p = i.children.filter((b) => b.children && b.children.length > 0).slice(0, C).map((b) => b.id);
           g.push(...p);
         }
       }), g.slice(0, C + 1);
-    }, U = st(() => !n.value || n.value.length === 0 ? [] : e.expandStrategy === "firstLevel" ? k(n.value, e.maxExpandCount) : M(n.value, e.maxExpandCount)), A = st(() => e != null && e.model ? P(e.model) : []);
+    }, U = it(() => !n.value || n.value.length === 0 ? [] : e.expandStrategy === "firstLevel" ? k(n.value, e.maxExpandCount) : M(n.value, e.maxExpandCount)), A = it(() => e != null && e.model ? P(e.model) : []);
     return _t(
       A,
       (r) => {
@@ -869,26 +869,26 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
       ]);
     };
   }
-}, Ue = /* @__PURE__ */ it(Ne, [["__scopeId", "data-v-290ff4e1"]]), Ye = { class: "panel-content" }, Ve = {
+}, Ue = /* @__PURE__ */ st(Ne, [["__scopeId", "data-v-290ff4e1"]]), Ye = { class: "panel-content" }, Ve = {
   key: 0,
   class: "joints-list"
 }, He = { class: "joint-info-row" }, Ze = { class: "joint-left" }, Ke = { class: "joint-name" }, Be = { class: "joint-range" }, $e = { class: "joint-type" }, Xe = {
   key: 0,
   class: "joint-control-row"
-}, Je = { class: "slider-container" }, Ge = ["min", "max", "value", "onInput", "disabled"], We = { class: "value-display" }, qe = { class: "joint-value" }, Qe = { class: "unit" }, ts = {
+}, Je = { class: "slider-container" }, Ge = ["min", "max", "value", "onInput", "disabled"], We = { class: "value-display" }, qe = { class: "joint-value" }, Qe = { class: "unit" }, ti = {
   key: 1,
   class: "empty-state"
-}, es = 1e3, Pt = 60, ss = {
+}, ei = 1e3, Pt = 60, ii = {
   __name: "jointPanel",
   props: {
     model: Object,
     scene: Object,
-    animationData: Array
+    animationData: Object
   },
   setup(o, { expose: t }) {
     const e = o;
     x(!0);
-    const i = x([]), n = x(null), c = x(!1), _ = x(!1), a = x(0), P = x(0), M = x(null), k = x(1), U = () => es / Pt / k.value;
+    const s = x([]), n = x(null), c = x(!1), _ = x(!1), a = x(0), P = x(0), M = x(null), k = x(1), U = () => ei / Pt / k.value;
     let A = [];
     _t(
       () => e.animationData,
@@ -923,7 +923,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
         });
       }), f.sort((h, v) => h.name.localeCompare(v.name));
     }, g = (u, f) => {
-      const h = i.value.find((I) => I.name === u);
+      const h = s.value.find((I) => I.name === u);
       if (!h) return;
       const v = parseFloat(f);
       if (h.limit) {
@@ -932,9 +932,9 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
       } else
         h.currentValue = v;
       e.model && e.model.setJointValue ? e.model.setJointValue(u, h.currentValue) : h.urdfJoint && h.urdfJoint.setJointValue(h.currentValue);
-    }, s = (u) => {
+    }, i = (u) => {
       u && Object.keys(u).forEach((f) => {
-        const h = u[f], v = i.value.find((I) => I.name === f);
+        const h = u[f], v = s.value.find((I) => I.name === f);
         v && (v.currentValue = h, e.model && e.model.setJointValue ? e.model.setJointValue(f, h) : v.urdfJoint && v.urdfJoint.setJointValue(h));
       });
     }, p = (u, f, h) => u + (f - u) * h, b = (u, f, h) => {
@@ -955,9 +955,9 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
         const f = P.value / Pt, h = A[a.value], v = A[a.value + 1];
         if (v) {
           const I = b(h, v, f);
-          s(I);
+          i(I);
         } else
-          s(h);
+          i(h);
         if (P.value++, P.value >= Pt && (P.value = 0, a.value++, a.value >= A.length - 1)) {
           N();
           return;
@@ -975,7 +975,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
       pauseAnimation: Y,
       stopAnimation: N,
       resetAll: () => {
-        N(), a.value = 0, P.value = 0, i.value.forEach((u) => {
+        N(), a.value = 0, P.value = 0, s.value.forEach((u) => {
           (u.type === "revolute" || u.type === "prismatic") && g(u.name, 0);
         });
       },
@@ -988,12 +988,12 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
     }), _t(
       () => e.model,
       (u) => {
-        u ? i.value = C(u) : i.value = [];
+        u ? s.value = C(u) : s.value = [];
       },
       { immediate: !0 }
     );
     const l = () => {
-      !e.model || c.value && !_.value || i.value.forEach((u) => {
+      !e.model || c.value && !_.value || s.value.forEach((u) => {
         u.urdfJoint && u.urdfJoint.angle !== void 0 && (u.currentValue = u.urdfJoint.angle);
       });
     }, E = () => {
@@ -1009,8 +1009,8 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
     }), $t(() => {
       H(), N();
     }), (u, f) => (K(), B("div", Ye, [
-      i.value.length > 0 ? (K(), B("div", Ve, [
-        (K(!0), B(Xt, null, Jt(i.value, (h) => {
+      s.value.length > 0 ? (K(), B("div", Ve, [
+        (K(!0), B(Xt, null, Jt(s.value, (h) => {
           var v, I, Q, G;
           return K(), B("div", {
             key: h.name,
@@ -1043,12 +1043,12 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             ])) : pt("", !0)
           ]);
         }), 128))
-      ])) : (K(), B("div", ts, f[0] || (f[0] = [
+      ])) : (K(), B("div", ti, f[0] || (f[0] = [
         y("p", null, "未检测到可控制的关节", -1)
       ])))
     ]));
   }
-}, is = /* @__PURE__ */ it(ss, [["__scopeId", "data-v-e59e34fa"]]), os = ["xlink:href"], ns = /* @__PURE__ */ It({
+}, si = /* @__PURE__ */ st(ii, [["__scopeId", "data-v-603b87bc"]]), oi = ["xlink:href"], ni = /* @__PURE__ */ It({
   __name: "svgIcon",
   props: {
     backgroundColor: { default: "#f0f0f0" },
@@ -1059,11 +1059,11 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
     active: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const t = o, e = st(
+    const t = o, e = it(
       () => ({
         backgroundColor: t.backgroundColor
       })
-    ), i = st(() => `#${t.prefix}-${t.name}`), n = st(() => {
+    ), s = it(() => `#${t.prefix}-${t.name}`), n = it(() => {
       const { size: c } = t;
       let _ = `${c}`;
       return _ = `${_.replace("px", "")}px`, {
@@ -1080,32 +1080,33 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
         style: Ct(n.value),
         "aria-hidden": "true"
       }, [
-        y("use", { "xlink:href": i.value }, null, 8, os)
+        y("use", { "xlink:href": s.value }, null, 8, oi)
       ], 6))
     ], 6));
   }
-}), z = /* @__PURE__ */ it(ns, [["__scopeId", "data-v-3150a90b"]]), as = { class: "obj-viewer-container" }, ls = { class: "buttonGroup-top" }, rs = { class: "buttonGroup-topLeft" }, hs = { class: "buttonGroup-left" }, cs = { class: "buttonGroup-right" }, us = { class: "buttonGroup-bottom" }, ds = { class: "left-panel" }, ps = { class: "panel-header" }, ms = {
+}), z = /* @__PURE__ */ st(ni, [["__scopeId", "data-v-3150a90b"]]), ai = { class: "obj-viewer-container" }, li = { class: "buttonGroup-top" }, ri = { class: "buttonGroup-topLeft" }, hi = { class: "buttonGroup-left" }, ci = { class: "buttonGroup-right" }, ui = { class: "buttonGroup-bottom" }, di = { class: "left-panel" }, pi = { class: "panel-header" }, mi = {
   key: 1,
   class: "clipping-content"
-}, fs = { class: "radio-group" }, _s = { class: "radio-label" }, gs = { class: "radio-label" }, ys = { class: "radio-label" }, vs = { class: "radio-label" }, bs = { class: "right-panel" }, ws = { class: "panel-header" }, Ps = {
+}, fi = { class: "radio-group" }, _i = { class: "radio-label" }, gi = { class: "radio-label" }, yi = { class: "radio-label" }, vi = { class: "radio-label" }, bi = { class: "right-panel" }, wi = { class: "panel-header" }, Pi = {
   key: 0,
   class: "loading-overlay"
-}, Ms = {
+}, Mi = {
   __name: "threeModel",
   props: {
     animationData: {
-      type: Array,
-      default: []
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["getAnimationData"],
   setup(o, { expose: t, emit: e }) {
-    const i = e, n = o;
+    const s = e, n = o;
     let c = null, _ = !1;
     const a = x(null), P = x(!1), M = x("");
     x(!1);
     const k = x(!1), U = x(!1), A = x(""), r = x(!1), C = x(""), g = x(), {
-      currentModels: s,
+      currentModels: i,
       initialCameraPosition: p,
       initialTargetPosition: b,
       initThreeJS: R,
@@ -1114,17 +1115,17 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
       getThreeJSObjects: L,
       clearAllModels: V,
       cleanup: m
-    } = Ae(a), { isAnimating: l, toggleAnimation: E, stopAnimation: H } = ze(L, s), { isClipping: u, activeClippingAxis: f, toggleClipping: h, updateClippingPlanes: v } = Re(
+    } = Ae(a), { isAnimating: l, toggleAnimation: E, stopAnimation: H } = ze(L, i), { isClipping: u, activeClippingAxis: f, toggleClipping: h, updateClippingPlanes: v } = Re(
       L,
-      s
+      i
     ), { addModelsFromUrls: I, loadModelByDefaultPath: Q, urdfModel: G } = fe(
       L,
-      s,
+      i,
       P,
       M,
       V
     ), yt = () => {
-      if (k.value || s.value.length === 0) return;
+      if (k.value || i.value.length === 0) return;
       k.value = !0, l.value && H();
       const { camera: O, controls: d } = L();
       if (!O || !d) return;
@@ -1152,7 +1153,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
     }, Dt = (O) => {
       r.value = !0, C.value = O;
     }, Bt = () => {
-      i("getAnimationData"), kt(() => {
+      s("getAnimationData"), kt(() => {
         var O;
         (O = g.value) == null || O.startAnimation();
       });
@@ -1172,13 +1173,13 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
     }), (O, d) => {
       var nt, at, lt, rt;
       const X = Ft("el-scrollbar");
-      return K(), B("div", as, [
+      return K(), B("div", ai, [
         y("div", {
           ref_key: "threejsContainer",
           ref: a,
           class: "threejs-container"
         }, null, 512),
-        y("div", ls, [
+        y("div", li, [
           D(z, {
             name: "guanjianjiexi",
             size: "34"
@@ -1200,7 +1201,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             size: "34"
           })
         ]),
-        y("div", rs, [
+        y("div", ri, [
           D(z, {
             name: "viewReset",
             size: "24",
@@ -1224,7 +1225,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             title: F(l) ? "停止动画" : "动画视图"
           }, null, 8, ["onClick", "title"])
         ]),
-        y("div", hs, [
+        y("div", hi, [
           D(z, {
             name: "jiegoushu",
             size: "24",
@@ -1250,7 +1251,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             onClick: d[3] || (d[3] = (S) => ot("场景4"))
           })
         ]),
-        y("div", cs, [
+        y("div", ci, [
           D(z, {
             name: "donghuafangzhen",
             size: "24"
@@ -1282,7 +1283,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             size: "24"
           })
         ]),
-        y("div", us, [
+        y("div", ui, [
           D(z, {
             name: "kuaitui",
             size: "24",
@@ -1319,8 +1320,8 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
             onClick: (rt = g.value) == null ? void 0 : rt.resetAll
           }, null, 8, ["onClick"])
         ]),
-        W(y("div", ds, [
-          y("div", ps, [
+        W(y("div", di, [
+          y("div", pi, [
             y("span", null, J(A.value), 1),
             y("span", {
               class: "close",
@@ -1333,9 +1334,9 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
                 key: 0,
                 model: F(G)
               }, null, 8, ["model"])) : pt("", !0),
-              A.value === "剖面视图" ? (K(), B("div", ms, [
-                y("div", fs, [
-                  y("label", _s, [
+              A.value === "剖面视图" ? (K(), B("div", mi, [
+                y("div", fi, [
+                  y("label", _i, [
                     W(y("input", {
                       type: "radio",
                       name: "clipping-axis",
@@ -1347,7 +1348,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
                     ]),
                     d[16] || (d[16] = y("span", { class: "radio-text" }, "无切割", -1))
                   ]),
-                  y("label", gs, [
+                  y("label", gi, [
                     W(y("input", {
                       type: "radio",
                       name: "clipping-axis",
@@ -1359,7 +1360,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
                     ]),
                     d[17] || (d[17] = y("span", { class: "radio-text" }, "X轴切割", -1))
                   ]),
-                  y("label", ys, [
+                  y("label", yi, [
                     W(y("input", {
                       type: "radio",
                       name: "clipping-axis",
@@ -1371,7 +1372,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
                     ]),
                     d[18] || (d[18] = y("span", { class: "radio-text" }, "Y轴切割", -1))
                   ]),
-                  y("label", vs, [
+                  y("label", vi, [
                     W(y("input", {
                       type: "radio",
                       name: "clipping-axis",
@@ -1391,8 +1392,8 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
         ], 512), [
           [ut, U.value]
         ]),
-        W(y("div", bs, [
-          y("div", ws, [
+        W(y("div", bi, [
+          y("div", wi, [
             y("span", null, J(C.value), 1),
             y("span", {
               class: "close",
@@ -1401,7 +1402,7 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
           ]),
           D(X, { "max-height": "650px" }, {
             default: At(() => [
-              W(D(is, {
+              W(D(si, {
                 ref_key: "jointRef",
                 ref: g,
                 model: F(G),
@@ -1422,14 +1423,14 @@ const Oe = { class: "panel-content" }, Le = /* @__PURE__ */ It({
         ], 512), [
           [ut, r.value]
         ]),
-        P.value ? (K(), B("div", Ps, [
+        P.value ? (K(), B("div", Pi, [
           d[20] || (d[20] = y("div", { class: "loading-spinner" }, null, -1)),
           y("p", null, J(M.value), 1)
         ])) : pt("", !0)
       ]);
     };
   }
-}, Ss = /* @__PURE__ */ it(Ms, [["__scopeId", "data-v-4bd4d061"]]);
+}, Si = /* @__PURE__ */ st(Mi, [["__scopeId", "data-v-3cea1cdc"]]);
 export {
-  Ss as default
+  Si as default
 };