ss-component-new 1.3.665 → 1.3.666

package/dist/threeTrackPathView-BR8-g2Tr.js

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