ss-component-new 1.2.111 → 1.2.113

package/dist/threeTrackPathView-BwlIgu4k.js

@@ -0,0 +1,605 @@
+import { defineComponent as re, computed as L, ref as b, resolveComponent as j, createElementBlock as S, openBlock as V, createElementVNode as d, createVNode as p, withCtx as O, toDisplayString as D, shallowRef as N, watch as $e, onMounted as je, onBeforeUnmount as Ve, withDirectives as X, createCommentVNode as Q, unref as P, renderSlot as ie, createBlock as le, vShow as B } from "vue";
+import { u as De, a as Ne, b as Xe, C as Be, f as Ie, d as ae } from "./iconfont-BXKkx1g6.js";
+import { a1 as Y, _ as ee, aN as ce, aZ as ue, b3 as Oe, aP as Ye, b2 as Ze, a$ as qe, b0 as Ge, am as Ke, bO as Je } from "./index.vue_vue_type_style_index_0_scoped_0f027c8c_lang-DV9lk-8w.js";
+import { E as I } from "./index-DIUrwul5.js";
+import { U as We, J as He } from "./urdfTree-C1_9e3Ka.js";
+import { l as Re } from "./loaderUtil-1wRb28no.js";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { T as w } from "./svgIcon-D-_fXUBL.js";
+import { i as Qe } from "./isString-CN3i5s9o.js";
+async function Se(e) {
+  return await Re(e);
+}
+function et(e, n) {
+  e.position.copy(n);
+}
+function tt(e, n, s = new Y(16711680)) {
+  const a = new ee();
+  n.getWorldPosition(a);
+  const l = e.geometry.attributes.position, t = e.geometry.attributes.color, o = new Y(55551);
+  let r = 1 / 0, f = -1;
+  for (let c = 0; c < l.count; c++) {
+    const v = new ee().fromBufferAttribute(l, c).distanceTo(a);
+    v < r && (r = v, f = c);
+  }
+  for (let c = 0; c < t.count; c++) o.toArray(t.array, c * 3);
+  if (f !== -1) {
+    const c = s.toArray(), m = f * 3 + 2;
+    for (let v = 0; v < m; v = v + 3)
+      t.array[v] = c[0], t.array[v + 1] = c[1], t.array[v + 2] = c[2];
+  }
+  t.needsUpdate = !0;
+}
+function ve(e, n, s, a = new Y(16711680)) {
+  et(e, n), tt(s, e, a);
+}
+const nt = { class: "panel-content" }, ot = { class: "animation-controls" }, st = { class: "control-row" }, it = { class: "control-row" }, lt = { class: "frame-info" }, at = { class: "control-row" }, rt = /* @__PURE__ */ re({
+  __name: "trackAnimationPanel",
+  props: {
+    cloud: {},
+    knife: {},
+    vectors: {}
+  },
+  emits: ["getThreeData"],
+  setup(e, { expose: n, emit: s }) {
+    const a = e, l = L(() => a.vectors), t = b(!1), o = b(0), r = b(100);
+    let f = !1;
+    const c = (g) => `第 ${g + 1} 帧`, m = (g) => {
+      if (g < 0 || g >= l.value.length) {
+        console.error(`帧索引 ${g} 超出范围`);
+        return;
+      }
+      const y = l.value[g];
+      o.value = g, ve(a.knife, y, a.cloud);
+    }, v = async () => {
+      if (l.value.length === 0) {
+        I.error("无法播放动画：无数据");
+        return;
+      }
+      if (!t.value) {
+        t.value = !0, f = !1, l.value.length - 1 === o.value && (o.value = 0);
+        try {
+          for (let g = o.value + 1; g < l.value.length && !f; g++)
+            await new Promise((y) => setTimeout(y, r.value)), m(g);
+          f || I.success("动画播放完成");
+        } catch (g) {
+          console.error("动画播放出错:", g);
+        } finally {
+          t.value = !1;
+        }
+      }
+    }, C = () => {
+      f = !0, t.value = !1, I.info("动画已停止");
+    }, A = (g) => {
+      t.value && C(), m(g);
+    }, z = () => {
+      t.value && C(), !(o.value + 1 >= l.value.length) && m(o.value + 1);
+    }, k = () => {
+      t.value && C(), o.value !== 0 && m(o.value - 1);
+    }, h = () => {
+      o.value = 0;
+    };
+    return n({ playAnimation: v, stopAnimation: C, forwardFrame: z, backwardFrame: k, resetAnimationFrame: h, reset: async () => {
+      await C(), h();
+    } }), (g, y) => {
+      const q = j("el-input-number"), G = j("el-form-item"), K = j("el-form"), J = j("el-slider");
+      return V(), S("div", nt, [
+        d("div", ot, [
+          d("div", st, [
+            p(K, {
+              "label-width": "auto",
+              style: { width: "100%" }
+            }, {
+              default: O(() => [
+                p(G, {
+                  label: "帧间隔 (ms):",
+                  prop: "frameDuration"
+                }, {
+                  default: O(() => [
+                    p(q, {
+                      modelValue: r.value,
+                      "onUpdate:modelValue": y[0] || (y[0] = (U) => r.value = U),
+                      min: 0,
+                      max: 5e3,
+                      step: 10,
+                      style: { width: "100%" }
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          d("div", it, [
+            y[2] || (y[2] = d("label", null, "当前帧:", -1)),
+            d("span", lt, D(o.value + 1) + " / " + D(l.value.length), 1)
+          ]),
+          d("div", at, [
+            y[3] || (y[3] = d("label", null, "动画进度:", -1)),
+            p(J, {
+              modelValue: o.value,
+              "onUpdate:modelValue": y[1] || (y[1] = (U) => o.value = U),
+              min: 0,
+              max: l.value.length > 0 ? l.value.length - 1 : 0,
+              step: 1,
+              "format-tooltip": c,
+              onInput: A,
+              disabled: l.value.length === 0,
+              style: { "flex-grow": "1", margin: "0 10px" }
+            }, null, 8, ["modelValue", "max", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+}), ct = /* @__PURE__ */ fe(rt, [["__scopeId", "data-v-f6fc7a8c"]]);
+function ut(e) {
+  const n = [];
+  return e.forEach((s) => {
+    const [a, l, t] = s.trim().split(/\s+/);
+    n.push(+a, +l, +t);
+  }), n;
+}
+function Z(e, n, s) {
+  switch (e) {
+    case "X":
+      n.x = +s || 0;
+      break;
+    case "Y":
+      n.y = +s || 0;
+      break;
+    case "Z":
+      n.z = +s || 0;
+      break;
+  }
+}
+function ft(e) {
+  const n = [], s = ["X", "Y", "Z"];
+  return e.forEach((a) => {
+    const l = {
+      x: 0,
+      y: 0,
+      z: 0
+    }, t = a.trim();
+    if (!t)
+      return;
+    let o = null, r = "";
+    for (let f = 0; f < (t == null ? void 0 : t.length); f++) {
+      const c = t[f], m = s.find((v) => v === c);
+      if (m) {
+        o && Z(o, l, r), r = "", o = m;
+        continue;
+      }
+      r = r + c;
+    }
+    Z(o, l, r), n.push(l.x, l.y, l.z);
+  }), n;
+}
+const vt = (e) => e == null ? void 0 : e.filter((s) => s.includes("=")), dt = (e) => e.replace(/,/g, ""), mt = (e) => e == null ? void 0 : e.map((s) => dt(s)), pt = (e) => {
+  const n = vt(e);
+  return mt(n);
+};
+function ht(e) {
+  const n = pt(e), s = [];
+  return n.forEach((a) => {
+    var v, C, A, z, k, h;
+    let [l, t, o, r] = a.trim().split(/\s+/);
+    t = (v = t == null ? void 0 : t.trim) == null ? void 0 : v.call(t), o = (C = o == null ? void 0 : o.trim) == null ? void 0 : C.call(o), r = (A = r == null ? void 0 : r.trim) == null ? void 0 : A.call(r);
+    const [, f] = (z = t == null ? void 0 : t.split) == null ? void 0 : z.call(t, "="), [, c] = (k = o == null ? void 0 : o.split) == null ? void 0 : k.call(o, "="), [, m] = (h = r == null ? void 0 : r.split) == null ? void 0 : h.call(r, "=");
+    s.push(+f, +c, +m);
+  }), s;
+}
+const gt = (e) => e >= "0" && e <= "9", yt = (e) => e === "+" || e === "-", Ct = (e) => e === ".";
+function wt(e) {
+  return gt(e) || yt(e) || Ct(e);
+}
+function bt(e) {
+  const n = [], s = /* @__PURE__ */ new Set(["X", "Y", "Z"]);
+  return e.forEach((a) => {
+    const l = {
+      x: 0,
+      y: 0,
+      z: 0
+    }, t = a.trim();
+    if (!t)
+      return;
+    let o = null, r = "";
+    for (let f = 0; f < (t == null ? void 0 : t.length); f++) {
+      const c = t[f], m = s.has(c) ? c : null, v = wt(c);
+      if (m || !v) {
+        o && Z(o, l, r), o = m, r = "";
+        continue;
+      }
+      r = r + c;
+    }
+    o && Z(o, l, r), n.push(l.x, l.y, l.z);
+  }), n;
+}
+function kt(e) {
+  return e == null ? void 0 : e.includes("=");
+}
+async function _t(e) {
+  var l, t;
+  const n = (l = e == null ? void 0 : e.trim()) == null ? void 0 : l.split(/\r?\n/);
+  if (kt(e))
+    return ht(n);
+  const s = n == null ? void 0 : n[0], a = (t = s == null ? void 0 : s.trim()) == null ? void 0 : t.split(/\s+/);
+  if ((a == null ? void 0 : a.length) >= 3)
+    return ut(n);
+  if ((a == null ? void 0 : a.length) === 1)
+    return ft(n);
+}
+async function zt(e) {
+  const n = e.trim().split(/\r?\n/), s = [];
+  return n.forEach((a) => {
+    const l = a.trim().split(/\s+/);
+    if (l.length != 3)
+      return;
+    const [t, o, r] = l;
+    s.push(+t, +o, +r);
+  }), s;
+}
+async function Tt(e) {
+  const n = e.trim().split(/\r?\n/), s = [];
+  return n.forEach((a) => {
+    const l = a.trim().split(/\s+/);
+    if (l.length != 3)
+      return;
+    const [t, o, r] = l;
+    s.push(+t, +o, +r);
+  }), s;
+}
+async function Pt(e) {
+  let n = e.trim().split(/\r?\n/);
+  return n = n.filter((a) => {
+    const l = a.startsWith("X"), t = a.startsWith("G") && a.includes("X");
+    return l || t;
+  }), bt(n);
+}
+async function At(e, n) {
+  const { isCyd: s, isUv: a, isCpt: l, isNc: t } = n;
+  return a ? _t(e) : s ? Tt(e) : l ? zt(e) : t ? Pt(e) : [];
+}
+function xt(e) {
+  const n = [];
+  for (let s = 0; s < e.length; s += 3)
+    n.push(new ee(e[s], e[s + 1], e[s + 2]));
+  return n;
+}
+function Ft(e) {
+  const n = new ce();
+  n.setAttribute("position", new ue(e, 3));
+  const s = new Oe({
+    color: 55551,
+    linewidth: 3
+  });
+  return new Ye(n, s);
+}
+function Ut(e, n) {
+  if (!n || n.length < 3)
+    return;
+  const { scene: s, camera: a, renderer: l, controls: t } = e();
+  if (!s || !a || !l || !t)
+    return;
+  const o = Ft(n);
+  return o.name = "轨迹路径", s.add(o), o;
+}
+function Lt(e, n, s, a = 4, l = 50) {
+  let t = 1 / 0, o = -1 / 0, r = 1 / 0, f = -1 / 0, c = 1 / 0, m = -1 / 0;
+  for (let h = 0; h < e.length; h += 3) {
+    const M = e[h], g = e[h + 1], y = e[h + 2];
+    t = Math.min(t, M), o = Math.max(o, M), r = Math.min(r, g), f = Math.max(f, g), c = Math.min(c, y), m = Math.max(m, y);
+  }
+  const C = Math.sqrt((o - t) ** 2 + (f - r) ** 2 + (m - c) ** 2) * 0.05, A = Ke.degToRad(n.fov), z = 2 * Math.tan(A / 2) * l, k = C / z * s.domElement.height * (a / 4);
+  return Math.min(0.4, k);
+}
+function Mt(e) {
+  if (e.length % 3 !== 0)
+    return console.error("points array length is not a multiple of 3:", e), null;
+  const n = new ce();
+  n.setAttribute("position", new ue(e, 3));
+  const s = new Float32Array(e.length);
+  for (let t = 0; t < e.length; t += 3)
+    s[t] = 0, s[t + 1] = 0.847, s[t + 2] = 1;
+  n.setAttribute("color", new Ze(s, 3));
+  const a = new qe({
+    vertexColors: !0,
+    size: 0.4,
+    // 像素世界单位
+    sizeAttenuation: !0
+  }), l = new Ge(n, a);
+  return a.needsUpdate = !0, l;
+}
+function Et(e, n) {
+  if (!n)
+    return;
+  const { scene: s, camera: a, renderer: l, controls: t } = e();
+  if (!s || !a || !l || !t)
+    return;
+  const o = Mt(n);
+  if (!o)
+    return;
+  o.name = "轨迹路径", s.add(o);
+  const r = Lt(n, a, l, 0.1, 50);
+  return o.material.size = r, o;
+}
+const $t = { class: "obj-viewer-container" }, jt = { class: "buttonGroup-topLeft" }, Vt = { class: "buttonGroup-left" }, Dt = { class: "buttonGroup-right" }, Nt = { class: "buttonGroup-bottom" }, Xt = { class: "left-panel" }, Bt = { class: "panel-header" }, It = { class: "panel-body" }, Ot = { class: "right-panel" }, Yt = { class: "panel-header" }, Zt = { class: "panel-body" }, qt = {
+  key: 0,
+  class: "loading-overlay"
+}, Gt = /* @__PURE__ */ re({
+  __name: "threeTrackPathView",
+  props: {
+    fileBlobs: {},
+    threeData: { default: () => "" },
+    trackFileType: {}
+  },
+  setup(e) {
+    const n = e, s = b(null), a = b(!1), l = b(""), t = b(), o = b(!1), r = b(""), f = b(!1), c = b(""), m = N(null), v = N(null), {
+      currentModels: C,
+      resetView: A,
+      initThreeJS: z,
+      handleResize: k,
+      getThreeJSObjects: h,
+      cleanup: M,
+      setModels: g,
+      setAndFitModels: y,
+      axesHelperVisible: q,
+      toggleAxesVisibility: G,
+      zoomIn: K,
+      zoomOut: J
+    } = De(s), { isAnimating: U, toggleAnimation: de, startAnimation: Kt, stopAnimation: me } = Ne(h, C), { isClipping: pe, activeClippingAxis: te, toggleClipping: he, updateClippingPlanes: ge } = Xe(h, C), ye = () => {
+      G();
+    }, Ce = (i) => {
+      te.value = i, ge();
+    }, W = (i) => {
+      o.value = !0, r.value = i, i === "剖面视图" && !pe.value && he();
+    }, H = (i) => {
+      f.value = !0, c.value = i;
+    }, R = b([]), E = b([]), we = L(() => {
+      var u;
+      return (u = n.trackFileType) == null ? void 0 : u.isUv;
+    }), be = L(() => {
+      var u;
+      return (u = n.trackFileType) == null ? void 0 : u.isCyd;
+    }), ke = L(() => {
+      var u;
+      return (u = n.trackFileType) == null ? void 0 : u.isCpt;
+    }), x = L(() => {
+      var u;
+      return (u = n.trackFileType) == null ? void 0 : u.isNc;
+    }), ne = L(() => {
+      const i = n.fileBlobs || [];
+      return i == null ? void 0 : i[0];
+    });
+    let _ = N(), F = N();
+    const _e = () => {
+      const { scene: i } = h();
+      _.value && i && (ae(_.value, i), _.value = null);
+    }, ze = () => {
+      const { scene: i } = h();
+      F.value && i && (ae(F.value, i), F.value = null);
+    }, oe = () => {
+      _e(), ze();
+    }, Te = async (i) => {
+      const u = URL.createObjectURL(i), $ = await Je(u);
+      if (URL.revokeObjectURL(u), Qe($)) {
+        R.value = await At($, n.trackFileType) || [];
+        const T = R.value;
+        we.value && (_.value = Ut(h, T)), (be.value || ke.value || x.value) && (_.value = Et(h, T));
+      }
+    }, Pe = async () => {
+      var i, u;
+      F.value = await Se("http://222.92.178.198:55002/CPMPIP/Cut/1_4%20Single%20Flute%20End%20Mill-Cut002.obj"), E.value = xt(R.value), E.value && E.value.length && (ve(F.value, E.value[0], _.value, new Y(16711680)), (u = (i = v.value) == null ? void 0 : i.add) == null || u.call(i, F.value));
+    }, se = async (i) => {
+      oe(), await Te(i), _.value && Ie(h, _.value), x.value && Pe();
+    };
+    $e(() => ne.value, async (i) => {
+      i && await se(i);
+    }, {
+      immediate: !0,
+      deep: !0
+    });
+    const Ae = async () => {
+      var i;
+      await ((i = t == null ? void 0 : t.value) == null ? void 0 : i.reset()), await se(ne.value);
+    }, xe = () => {
+      var i;
+      x.value && ((i = t == null ? void 0 : t.value) == null || i.playAnimation());
+    }, Fe = () => {
+      var i;
+      x.value && ((i = t == null ? void 0 : t.value) == null || i.stopAnimation());
+    }, Ue = () => {
+      var i;
+      x.value && ((i = t == null ? void 0 : t.value) == null || i.forwardFrame());
+    }, Le = () => {
+      var i;
+      x.value && ((i = t == null ? void 0 : t.value) == null || i.backwardFrame());
+    }, Me = () => {
+      z(), window.addEventListener("resize", k);
+      const i = h();
+      v.value = i.scene, v.value && (v.value.name = "CPMPIP");
+    }, Ee = () => {
+      window.removeEventListener("resize", k), U.value && me(), oe(), M();
+    };
+    return je(async () => {
+      try {
+        Me();
+      } catch (i) {
+        console.error("Three.js 初始化失败:", i), I.error("渲染引擎初始化失败！");
+      }
+    }), Ve(() => {
+      Ee();
+    }), (i, u) => {
+      const $ = j("el-scrollbar");
+      return V(), S("div", $t, [
+        d("div", {
+          ref_key: "threejsContainer",
+          ref: s,
+          class: "threejs-container"
+        }, null, 512),
+        d("div", jt, [
+          p(w, {
+            name: "viewReset",
+            size: "24",
+            onClick: Ae,
+            title: "重置"
+          }),
+          p(w, {
+            name: "fangda",
+            size: "24",
+            title: "放大",
+            onClick: P(K)
+          }, null, 8, ["onClick"]),
+          p(w, {
+            name: "suoxiao",
+            size: "24",
+            title: "缩小",
+            onClick: P(J)
+          }, null, 8, ["onClick"]),
+          p(w, {
+            name: "lookAround",
+            size: "24",
+            onClick: P(de),
+            title: P(U) ? "停止动画" : "动画视图"
+          }, null, 8, ["onClick", "title"]),
+          p(w, {
+            name: "zuobiaoxi",
+            size: "24",
+            active: P(q),
+            onClick: ye,
+            title: "显隐坐标轴"
+          }, null, 8, ["active"])
+        ]),
+        d("div", Vt, [
+          ie(i.$slots, "button-left", { switchRightPanel: W }, void 0, !0),
+          p(w, {
+            name: "jiegoushu",
+            size: "24",
+            onClick: u[0] || (u[0] = (T) => W("场景树")),
+            active: o.value && r.value === "场景树",
+            title: "场景树"
+          }, null, 8, ["active"]),
+          p(w, {
+            name: "clipping",
+            size: "24",
+            onClick: u[1] || (u[1] = (T) => W("剖面视图")),
+            active: o.value && r.value === "剖面视图",
+            title: "剖面视图"
+          }, null, 8, ["active"])
+        ]),
+        d("div", Dt, [
+          ie(i.$slots, "button-right", { switchRightPanel: H }, void 0, !0),
+          p(w, {
+            name: "guanjiekongzhi",
+            size: "24",
+            onClick: u[2] || (u[2] = (T) => H("关节控制")),
+            active: f.value && c.value === "关节控制",
+            title: "关节控制"
+          }, null, 8, ["active"]),
+          p(w, {
+            name: "donghuafangzhen",
+            size: "24",
+            title: "动画仿真",
+            onClick: u[3] || (u[3] = (T) => H("动画仿真")),
+            active: f.value && c.value === "动画仿真"
+          }, null, 8, ["active"])
+        ]),
+        d("div", Nt, [
+          p(w, {
+            name: "kuaitui",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "快退",
+            onClick: Le
+          }),
+          p(w, {
+            name: "bofang",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "播放",
+            onClick: xe
+          }),
+          p(w, {
+            name: "kuaijin",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "快进",
+            onClick: Ue
+          }),
+          p(w, {
+            name: "zanting",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "暂停",
+            onClick: Fe
+          })
+        ]),
+        X(d("div", Xt, [
+          d("div", Bt, [
+            d("span", null, D(r.value), 1),
+            d("span", {
+              class: "close",
+              onClick: u[4] || (u[4] = (T) => o.value = !1)
+            }, " X ")
+          ]),
+          d("div", It, [
+            p($, { height: "100%" }, {
+              default: O(() => [
+                r.value === "场景树" ? (V(), le(We, {
+                  key: 0,
+                  model: m.value
+                }, null, 8, ["model"])) : Q("", !0),
+                r.value === "剖面视图" ? (V(), le(Be, {
+                  key: 1,
+                  value: P(te),
+                  onChange: Ce
+                }, null, 8, ["value"])) : Q("", !0)
+              ]),
+              _: 1
+            })
+          ])
+        ], 512), [
+          [B, o.value]
+        ]),
+        X(d("div", Ot, [
+          d("div", Yt, [
+            d("span", null, D(c.value), 1),
+            d("span", {
+              class: "close",
+              onClick: u[5] || (u[5] = (T) => f.value = !1)
+            }, " X ")
+          ]),
+          d("div", Zt, [
+            p($, { height: "100%" }, {
+              default: O(() => [
+                X(p(He, { model: m.value }, null, 8, ["model"]), [
+                  [B, c.value === "关节控制"]
+                ]),
+                X(p(ct, {
+                  ref_key: "animationPanelRef",
+                  ref: t,
+                  cloud: P(_),
+                  knife: P(F),
+                  vectors: E.value
+                }, null, 8, ["cloud", "knife", "vectors"]), [
+                  [B, c.value === "动画仿真" && x.value]
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ], 512), [
+          [B, f.value]
+        ]),
+        a.value ? (V(), S("div", qt, [
+          u[6] || (u[6] = d("div", { class: "loading-spinner" }, null, -1)),
+          d("p", null, D(l.value), 1)
+        ])) : Q("", !0)
+      ]);
+    };
+  }
+}), on = /* @__PURE__ */ fe(Gt, [["__scopeId", "data-v-d3474f33"]]);
+export {
+  on as default
+};

package/dist/threeTrackPathView-CjpKhUbd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("./iconfont-Bi9FnKuf.cjs"),g=require("./index.vue_vue_type_style_index_0_scoped_0f027c8c_lang-D_eVz0Sp.cjs"),M=require("./index-C8qRkCgn.cjs"),G=require("./urdfTree-W9sGK4ua.cjs"),he=require("./loaderUtil-Cq8QCp9W.cjs"),K=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),w=require("./svgIcon-CUM54R6L.cjs"),ge=require("./isString--eJE54G5.cjs");async function ye(t){return await he.loadObjByUrl(t)}function Ce(t,o){t.position.copy(o)}function we(t,o,l=new g.Color(16711680)){const a=new g.Vector3;o.getWorldPosition(a);const s=t.geometry.attributes.position,n=t.geometry.attributes.color,r=new g.Color(55551);let c=1/0,f=-1;for(let u=0;u<s.count;u++){const v=new g.Vector3().fromBufferAttribute(s,u).distanceTo(a);v<c&&(c=v,f=u)}for(let u=0;u<n.count;u++)r.toArray(n.array,u*3);if(f!==-1){const u=l.toArray(),m=f*3+2;for(let v=0;v<m;v=v+3)n.array[v]=u[0],n.array[v+1]=u[1],n.array[v+2]=u[2]}n.needsUpdate=!0}function S(t,o,l,a=new g.Color(16711680)){Ce(t,o),we(l,t,a)}const ke={class:"panel-content"},_e={class:"animation-controls"},Ve={class:"control-row"},be={class:"control-row"},Ne={class:"frame-info"},Te={class:"control-row"},Ee=e.defineComponent({__name:"trackAnimationPanel",props:{cloud:{},knife:{},vectors:{}},emits:["getThreeData"],setup(t,{expose:o,emit:l}){const a=t,s=e.computed(()=>a.vectors),n=e.ref(!1),r=e.ref(0),c=e.ref(100);let f=!1;const u=h=>`第 ${h+1} 帧`,m=h=>{if(h<0||h>=s.value.length){console.error(`帧索引 ${h} 超出范围`);return}const y=s.value[h];r.value=h,S(a.knife,y,a.cloud)},v=async()=>{if(s.value.length===0){M.ElMessage.error("无法播放动画：无数据");return}if(!n.value){n.value=!0,f=!1,s.value.length-1===r.value&&(r.value=0);try{for(let h=r.value+1;h<s.value.length&&!f;h++)await new Promise(y=>setTimeout(y,c.value)),m(h);f||M.ElMessage.success("动画播放完成")}catch(h){console.error("动画播放出错:",h)}finally{n.value=!1}}},C=()=>{f=!0,n.value=!1,M.ElMessage.info("动画已停止")},N=h=>{n.value&&C(),m(h)},V=()=>{n.value&&C(),!(r.value+1>=s.value.length)&&m(r.value+1)},k=()=>{n.value&&C(),r.value!==0&&m(r.value-1)},p=()=>{r.value=0};return o({playAnimation:v,stopAnimation:C,forwardFrame:V,backwardFrame:k,resetAnimationFrame:p,reset:async()=>{await C(),p()}}),(h,y)=>{const U=e.resolveComponent("el-input-number"),L=e.resolveComponent("el-form-item"),B=e.resolveComponent("el-form"),D=e.resolveComponent("el-slider");return e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("div",_e,[e.createElementVNode("div",Ve,[e.createVNode(B,{"label-width":"auto",style:{width:"100%"}},{default:e.withCtx(()=>[e.createVNode(L,{label:"帧间隔 (ms):",prop:"frameDuration"},{default:e.withCtx(()=>[e.createVNode(U,{modelValue:c.value,"onUpdate:modelValue":y[0]||(y[0]=x=>c.value=x),min:0,max:5e3,step:10,style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",be,[y[2]||(y[2]=e.createElementVNode("label",null,"当前帧:",-1)),e.createElementVNode("span",Ne,e.toDisplayString(r.value+1)+" / "+e.toDisplayString(s.value.length),1)]),e.createElementVNode("div",Te,[y[3]||(y[3]=e.createElementVNode("label",null,"动画进度:",-1)),e.createVNode(D,{modelValue:r.value,"onUpdate:modelValue":y[1]||(y[1]=x=>r.value=x),min:0,max:s.value.length>0?s.value.length-1:0,step:1,"format-tooltip":u,onInput:N,disabled:s.value.length===0,style:{"flex-grow":"1",margin:"0 10px"}},null,8,["modelValue","max","disabled"])])])])}}}),ze=K._export_sfc(Ee,[["__scopeId","data-v-f6fc7a8c"]]);function xe(t){const o=[];return t.forEach(l=>{const[a,s,n]=l.trim().split(/\s+/);o.push(+a,+s,+n)}),o}function I(t,o,l){switch(t){case"X":o.x=+l||0;break;case"Y":o.y=+l||0;break;case"Z":o.z=+l||0;break}}function Ae(t){const o=[],l=["X","Y","Z"];return t.forEach(a=>{const s={x:0,y:0,z:0},n=a.trim();if(!n)return;let r=null,c="";for(let f=0;f<(n==null?void 0:n.length);f++){const u=n[f],m=l.find(v=>v===u);if(m){r&&I(r,s,c),c="",r=m;continue}c=c+u}I(r,s,c),o.push(s.x,s.y,s.z)}),o}const Pe=t=>t==null?void 0:t.filter(l=>l.includes("=")),Fe=t=>t.replace(/,/g,""),Me=t=>t==null?void 0:t.map(l=>Fe(l)),Ie=t=>{const o=Pe(t);return Me(o)};function Ue(t){const o=Ie(t),l=[];return o.forEach(a=>{var v,C,N,V,k,p;let[s,n,r,c]=a.trim().split(/\s+/);n=(v=n==null?void 0:n.trim)==null?void 0:v.call(n),r=(C=r==null?void 0:r.trim)==null?void 0:C.call(r),c=(N=c==null?void 0:c.trim)==null?void 0:N.call(c);const[,f]=(V=n==null?void 0:n.split)==null?void 0:V.call(n,"="),[,u]=(k=r==null?void 0:r.split)==null?void 0:k.call(r,"="),[,m]=(p=c==null?void 0:c.split)==null?void 0:p.call(c,"=");l.push(+f,+u,+m)}),l}const Le=t=>t>="0"&&t<="9",Be=t=>t==="+"||t==="-",De=t=>t===".";function je(t){return Le(t)||Be(t)||De(t)}function $e(t){const o=[],l=new Set(["X","Y","Z"]);return t.forEach(a=>{const s={x:0,y:0,z:0},n=a.trim();if(!n)return;let r=null,c="";for(let f=0;f<(n==null?void 0:n.length);f++){const u=n[f],m=l.has(u)?u:null,v=je(u);if(m||!v){r&&I(r,s,c),r=m,c="";continue}c=c+u}r&&I(r,s,c),o.push(s.x,s.y,s.z)}),o}function qe(t){return t==null?void 0:t.includes("=")}async function Xe(t){var s,n;const o=(s=t==null?void 0:t.trim())==null?void 0:s.split(/\r?\n/);if(qe(t))return Ue(o);const l=o==null?void 0:o[0],a=(n=l==null?void 0:l.trim())==null?void 0:n.split(/\s+/);if((a==null?void 0:a.length)>=3)return xe(o);if((a==null?void 0:a.length)===1)return Ae(o)}async function Oe(t){const o=t.trim().split(/\r?\n/),l=[];return o.forEach(a=>{const s=a.trim().split(/\s+/);if(s.length!=3)return;const[n,r,c]=s;l.push(+n,+r,+c)}),l}async function Ye(t){const o=t.trim().split(/\r?\n/),l=[];return o.forEach(a=>{const s=a.trim().split(/\s+/);if(s.length!=3)return;const[n,r,c]=s;l.push(+n,+r,+c)}),l}async function Ze(t){let o=t.trim().split(/\r?\n/);return o=o.filter(a=>{const s=a.startsWith("X"),n=a.startsWith("G")&&a.includes("X");return s||n}),$e(o)}async function Ge(t,o){const{isCyd:l,isUv:a,isCpt:s,isNc:n}=o;return a?Xe(t):l?Ye(t):s?Oe(t):n?Ze(t):[]}function Ke(t){const o=[];for(let l=0;l<t.length;l+=3)o.push(new g.Vector3(t[l],t[l+1],t[l+2]));return o}function Se(t){const o=new g.BufferGeometry;o.setAttribute("position",new g.Float32BufferAttribute(t,3));const l=new g.LineBasicMaterial({color:55551,linewidth:3});return new g.Line(o,l)}function Re(t,o){if(!o||o.length<3)return;const{scene:l,camera:a,renderer:s,controls:n}=t();if(!l||!a||!s||!n)return;const r=Se(o);return r.name="轨迹路径",l.add(r),r}function He(t,o,l,a=4,s=50){let n=1/0,r=-1/0,c=1/0,f=-1/0,u=1/0,m=-1/0;for(let p=0;p<t.length;p+=3){const A=t[p],h=t[p+1],y=t[p+2];n=Math.min(n,A),r=Math.max(r,A),c=Math.min(c,h),f=Math.max(f,h),u=Math.min(u,y),m=Math.max(m,y)}const C=Math.sqrt((r-n)**2+(f-c)**2+(m-u)**2)*.05,N=g.MathUtils.degToRad(o.fov),V=2*Math.tan(N/2)*s,k=C/V*l.domElement.height*(a/4);return Math.min(.4,k)}function Je(t){if(t.length%3!==0)return console.error("points array length is not a multiple of 3:",t),null;const o=new g.BufferGeometry;o.setAttribute("position",new g.Float32BufferAttribute(t,3));const l=new Float32Array(t.length);for(let n=0;n<t.length;n+=3)l[n]=0,l[n+1]=.847,l[n+2]=1;o.setAttribute("color",new g.BufferAttribute(l,3));const a=new g.PointsMaterial({vertexColors:!0,size:.4,sizeAttenuation:!0}),s=new g.Points(o,a);return a.needsUpdate=!0,s}function We(t,o){if(!o)return;const{scene:l,camera:a,renderer:s,controls:n}=t();if(!l||!a||!s||!n)return;const r=Je(o);if(!r)return;r.name="轨迹路径",l.add(r);const c=He(o,a,s,.1,50);return r.material.size=c,r}const Qe={class:"obj-viewer-container"},et={class:"buttonGroup-topLeft"},tt={class:"buttonGroup-left"},nt={class:"buttonGroup-right"},ot={class:"buttonGroup-bottom"},rt={class:"left-panel"},lt={class:"panel-header"},it={class:"panel-body"},st={class:"right-panel"},at={class:"panel-header"},ct={class:"panel-body"},ut={key:0,class:"loading-overlay"},dt=e.defineComponent({__name:"threeTrackPathView",props:{fileBlobs:{},threeData:{default:()=>""},trackFileType:{}},setup(t){const o=t,l=e.ref(null),a=e.ref(!1),s=e.ref(""),n=e.ref(),r=e.ref(!1),c=e.ref(""),f=e.ref(!1),u=e.ref(""),m=e.shallowRef(null),v=e.shallowRef(null),{currentModels:C,resetView:N,initThreeJS:V,handleResize:k,getThreeJSObjects:p,cleanup:A,setModels:h,setAndFitModels:y,axesHelperVisible:U,toggleAxesVisibility:L,zoomIn:B,zoomOut:D}=z.useThreeJS(l),{isAnimating:x,toggleAnimation:R,startAnimation:vt,stopAnimation:H}=z.useAnimation(p,C),{isClipping:J,activeClippingAxis:X,toggleClipping:W,updateClippingPlanes:Q}=z.useClipping(p,C),ee=()=>{L()},te=i=>{X.value=i,Q()},j=i=>{r.value=!0,c.value=i,i==="剖面视图"&&!J.value&&W()},$=i=>{f.value=!0,u.value=i},q=e.ref([]),P=e.ref([]),ne=e.computed(()=>{var d;return(d=o.trackFileType)==null?void 0:d.isUv}),oe=e.computed(()=>{var d;return(d=o.trackFileType)==null?void 0:d.isCyd}),re=e.computed(()=>{var d;return(d=o.trackFileType)==null?void 0:d.isCpt}),T=e.computed(()=>{var d;return(d=o.trackFileType)==null?void 0:d.isNc}),O=e.computed(()=>{const i=o.fileBlobs||[];return i==null?void 0:i[0]});let _=e.shallowRef(),E=e.shallowRef();const le=()=>{const{scene:i}=p();_.value&&i&&(z.disposeObj(_.value,i),_.value=null)},ie=()=>{const{scene:i}=p();E.value&&i&&(z.disposeObj(E.value,i),E.value=null)},Y=()=>{le(),ie()},se=async i=>{const d=URL.createObjectURL(i),F=await g.readFileText(d);if(URL.revokeObjectURL(d),ge.isString(F)){q.value=await Ge(F,o.trackFileType)||[];const b=q.value;ne.value&&(_.value=Re(p,b)),(oe.value||re.value||T.value)&&(_.value=We(p,b))}},ae=async()=>{var i,d;E.value=await ye("http://222.92.178.198:55002/CPMPIP/Cut/1_4%20Single%20Flute%20End%20Mill-Cut002.obj"),P.value=Ke(q.value),P.value&&P.value.length&&(S(E.value,P.value[0],_.value,new g.Color(16711680)),(d=(i=v.value)==null?void 0:i.add)==null||d.call(i,E.value))},Z=async i=>{Y(),await se(i),_.value&&z.frameCameraToObject3D(p,_.value),T.value&&ae()};e.watch(()=>O.value,async i=>{i&&await Z(i)},{immediate:!0,deep:!0});const ce=async()=>{var i;await((i=n==null?void 0:n.value)==null?void 0:i.reset()),await Z(O.value)},ue=()=>{var i;T.value&&((i=n==null?void 0:n.value)==null||i.playAnimation())},de=()=>{var i;T.value&&((i=n==null?void 0:n.value)==null||i.stopAnimation())},fe=()=>{var i;T.value&&((i=n==null?void 0:n.value)==null||i.forwardFrame())},ve=()=>{var i;T.value&&((i=n==null?void 0:n.value)==null||i.backwardFrame())},me=()=>{V(),window.addEventListener("resize",k);const i=p();v.value=i.scene,v.value&&(v.value.name="CPMPIP")},pe=()=>{window.removeEventListener("resize",k),x.value&&H(),Y(),A()};return e.onMounted(async()=>{try{me()}catch(i){console.error("Three.js 初始化失败:",i),M.ElMessage.error("渲染引擎初始化失败！")}}),e.onBeforeUnmount(()=>{pe()}),(i,d)=>{const F=e.resolveComponent("el-scrollbar");return e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("div",{ref_key:"threejsContainer",ref:l,class:"threejs-container"},null,512),e.createElementVNode("div",et,[e.createVNode(w.ThreeSvgIcon,{name:"viewReset",size:"24",onClick:ce,title:"重置"}),e.createVNode(w.ThreeSvgIcon,{name:"fangda",size:"24",title:"放大",onClick:e.unref(B)},null,8,["onClick"]),e.createVNode(w.ThreeSvgIcon,{name:"suoxiao",size:"24",title:"缩小",onClick:e.unref(D)},null,8,["onClick"]),e.createVNode(w.ThreeSvgIcon,{name:"lookAround",size:"24",onClick:e.unref(R),title:e.unref(x)?"停止动画":"动画视图"},null,8,["onClick","title"]),e.createVNode(w.ThreeSvgIcon,{name:"zuobiaoxi",size:"24",active:e.unref(U),onClick:ee,title:"显隐坐标轴"},null,8,["active"])]),e.createElementVNode("div",tt,[e.renderSlot(i.$slots,"button-left",{switchRightPanel:j},void 0,!0),e.createVNode(w.ThreeSvgIcon,{name:"jiegoushu",size:"24",onClick:d[0]||(d[0]=b=>j("场景树")),active:r.value&&c.value==="场景树",title:"场景树"},null,8,["active"]),e.createVNode(w.ThreeSvgIcon,{name:"clipping",size:"24",onClick:d[1]||(d[1]=b=>j("剖面视图")),active:r.value&&c.value==="剖面视图",title:"剖面视图"},null,8,["active"])]),e.createElementVNode("div",nt,[e.renderSlot(i.$slots,"button-right",{switchRightPanel:$},void 0,!0),e.createVNode(w.ThreeSvgIcon,{name:"guanjiekongzhi",size:"24",onClick:d[2]||(d[2]=b=>$("关节控制")),active:f.value&&u.value==="关节控制",title:"关节控制"},null,8,["active"]),e.createVNode(w.ThreeSvgIcon,{name:"donghuafangzhen",size:"24",title:"动画仿真",onClick:d[3]||(d[3]=b=>$("动画仿真")),active:f.value&&u.value==="动画仿真"},null,8,["active"])]),e.createElementVNode("div",ot,[e.createVNode(w.ThreeSvgIcon,{name:"kuaitui",size:"24",backgroundColor:"#ffffff",title:"快退",onClick:ve}),e.createVNode(w.ThreeSvgIcon,{name:"bofang",size:"24",backgroundColor:"#ffffff",title:"播放",onClick:ue}),e.createVNode(w.ThreeSvgIcon,{name:"kuaijin",size:"24",backgroundColor:"#ffffff",title:"快进",onClick:fe}),e.createVNode(w.ThreeSvgIcon,{name:"zanting",size:"24",backgroundColor:"#ffffff",title:"暂停",onClick:de})]),e.withDirectives(e.createElementVNode("div",rt,[e.createElementVNode("div",lt,[e.createElementVNode("span",null,e.toDisplayString(c.value),1),e.createElementVNode("span",{class:"close",onClick:d[4]||(d[4]=b=>r.value=!1)}," X ")]),e.createElementVNode("div",it,[e.createVNode(F,{height:"100%"},{default:e.withCtx(()=>[c.value==="场景树"?(e.openBlock(),e.createBlock(G.UrdfTree,{key:0,model:m.value},null,8,["model"])):e.createCommentVNode("",!0),c.value==="剖面视图"?(e.openBlock(),e.createBlock(z.ClippingPanel,{key:1,value:e.unref(X),onChange:te},null,8,["value"])):e.createCommentVNode("",!0)]),_:1})])],512),[[e.vShow,r.value]]),e.withDirectives(e.createElementVNode("div",st,[e.createElementVNode("div",at,[e.createElementVNode("span",null,e.toDisplayString(u.value),1),e.createElementVNode("span",{class:"close",onClick:d[5]||(d[5]=b=>f.value=!1)}," X ")]),e.createElementVNode("div",ct,[e.createVNode(F,{height:"100%"},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(G.JointPanel,{model:m.value},null,8,["model"]),[[e.vShow,u.value==="关节控制"]]),e.withDirectives(e.createVNode(ze,{ref_key:"animationPanelRef",ref:n,cloud:e.unref(_),knife:e.unref(E),vectors:P.value},null,8,["cloud","knife","vectors"]),[[e.vShow,u.value==="动画仿真"&&T.value]])]),_:1})])],512),[[e.vShow,f.value]]),a.value?(e.openBlock(),e.createElementBlock("div",ut,[d[6]||(d[6]=e.createElementVNode("div",{class:"loading-spinner"},null,-1)),e.createElementVNode("p",null,e.toDisplayString(s.value),1)])):e.createCommentVNode("",!0)])}}}),ft=K._export_sfc(dt,[["__scopeId","data-v-d3474f33"]]);exports.default=ft;

package/dist/{threeViewerHost-DeU3hwnv.js → threeViewerHost-D3LMGTE2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as U, defineAsyncComponent as S, computed as I, ref as R, watch as H, createElementBlock as N, openBlock as T, createElementVNode as K, createBlock as B, createCommentVNode as V, renderSlot as u, unref as m, withCtx as d } from "vue";
 import { bS as W, p as D, s as A } from "./index-DIUrwul5.js";
 import { u as $ } from "./index-AIq5wzuR.js";
-import { b as j, aI as M, aJ as L } from "./index.vue_vue_type_style_index_0_scoped_0f027c8c_lang-Dgy71NC0.js";
+import { b as j, aI as M, aJ as L } from "./index.vue_vue_type_style_index_0_scoped_0f027c8c_lang-DV9lk-8w.js";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {
   SINGLE: "单机",
@@ -113,7 +113,7 @@ const Y = { class: "three-platform mv-inline" }, q = { class: "top-menu" }, Q =
     height: { default: "100%" }
   },
   setup(E) {
-    const O = S(() => import("./threeSceneView-D18FzdLv.js")), y = S(() => import("./threePreview-BgJvhDAL.js")), i = S(() => import("./threeTrackPathView-DWGdVtPl.js")), p = S(() => import("./threeSceneViewForCPMPIP-RT8liwZe.js")), n = E, P = $(D), { platName: f } = A(P), { isUrdf: _, isTrackPathFile: g } = J(), c = I(() => {
+    const O = S(() => import("./threeSceneView-BVK89QUf.js")), y = S(() => import("./threePreview-B-BL8PZx.js")), i = S(() => import("./threeTrackPathView-BwlIgu4k.js")), p = S(() => import("./threeSceneViewForCPMPIP-BjV_TpZd.js")), n = E, P = $(D), { platName: f } = A(P), { isUrdf: _, isTrackPathFile: g } = J(), c = I(() => {
       var t;
       return (t = n == null ? void 0 : n.files) == null ? void 0 : t.map((s) => {
         const { url: e } = s;