ss-component-new 1.3.664 → 1.3.666

package/dist/threeSceneViewForCPMPIP-DCG4eBvk.js

@@ -0,0 +1,538 @@
+import { defineComponent as ge, ref as r, computed as k, watch as X, onUnmounted as De, resolveComponent as G, openBlock as g, createElementBlock as x, createElementVNode as n, createVNode as s, toDisplayString as L, Fragment as Be, renderList as Je, createCommentVNode as U, withCtx as le, shallowRef as te, onMounted as Me, nextTick as me, onBeforeUnmount as Ee, withDirectives as I, vShow as W, unref as z, renderSlot as ve, createBlock as de } from "vue";
+import { s as pe } from "./threeViewerHost-BwblfmOC.js";
+import { u as Ge, a as He, b as Ie, T as y, C as We } from "./iconfont-BNdGaGPn.js";
+import { U as Xe, u as Ye, W as Ze, a as qe } from "./workpieceTreePanel-aZV2ut3W.js";
+import { c as Ke } from "./index-DGObzWyL.js";
+import "./index.vue_vue_type_style_index_0_scoped_39e1db95_lang-CG9X8aa2.js";
+import { _ as fe } from "./index.vue_vue_type_script_setup_true_lang-DwbHXtUp.js";
+import { g as Qe, b as et, U as tt, J as lt, d as nt } from "./urdfTree-IEJgkVzs.js";
+import { E as _ } from "./request-DiogHwkN.js";
+import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { i as at } from "./animationData-05aVUytq.js";
+import { O as ot } from "./MTLLoader-DI0avKtj.js";
+const st = { class: "panel-content" }, it = {
+  key: 0,
+  class: "animation-controls"
+}, rt = { class: "control-row" }, ut = { class: "control-row" }, ct = { class: "frame-info" }, vt = { class: "control-row" }, dt = {
+  key: 1,
+  class: "empty-state"
+}, mt = { class: "dialog-footer" }, pt = /* @__PURE__ */ ge({
+  __name: "urdfAnimationPanel",
+  props: {
+    model: {},
+    scene: {},
+    xyzbcList: {}
+  },
+  setup(S, { expose: f }) {
+    const j = S, i = r([]), T = r(!1), F = r(""), c = r("stopped"), h = r(0), O = r(0), C = r(10), v = r(null);
+    let d = 0;
+    const P = r([]), w = k(() => j.model ? Qe(j.model).map((b) => b.name) : []), R = k(() => [...w.value]), ne = k(() => R.value.length > 0 ? `请按以下格式粘贴数据 (第一行为表头，使用 Tab 分隔):
+${R.value.join("	")}
+0	0	0	...
+1	2	3	...` : "请先加载模型。"), Y = k(() => i.value[h.value] || {});
+    X(() => j.model, (a) => {
+      a ? (v.value = new Xe(a), P.value = et(a), h.value = 0) : (v.value = null, P.value = []);
+    }, { immediate: !0 });
+    const J = (a) => {
+      if (a < 0 || a >= i.value.length) {
+        console.error(`帧索引 ${a} 超出范围`);
+        return;
+      }
+      const l = i.value[a];
+      if (v.value) {
+        const b = {};
+        w.value.forEach((A) => {
+          const u = parseFloat(l[A]);
+          isNaN(u) || (b[A] = u);
+        }), v.value.setJointAngles(b);
+      }
+      h.value = a, O.value = i.value.length > 1 ? a / (i.value.length - 1) * 100 : 100;
+    }, M = async (a) => {
+      try {
+        for (let l = h.value; l < i.value.length; l++) {
+          if (a !== d) return;
+          const b = i.value[l], A = {};
+          if (v.value)
+            w.value.forEach((u) => {
+              const m = parseFloat(b[u]);
+              isNaN(m) || (A[u] = m);
+            }), await v.value.animateToState(
+              A,
+              C.value,
+              (u) => {
+                a === d && (O.value = (l + u) / i.value.length * 100);
+              }
+            );
+          else {
+            if (await new Promise((u) => setTimeout(u, C.value)), a !== d) return;
+            O.value = (l + 1) / i.value.length * 100;
+          }
+          h.value = l;
+        }
+        a === d && (_.success("动画播放完成"), c.value = "stopped", O.value = 100);
+      } catch (l) {
+        console.error("动画播放出错:", l), _.error("动画播放出错"), c.value = "stopped";
+      }
+    }, N = () => {
+      if (i.value.length === 0) {
+        _.error("无动画数据");
+        return;
+      }
+      c.value === "stopped" && (h.value = 0, J(0)), c.value = "playing", d++, M(d), _.info("动画播放中");
+    }, Z = () => {
+      c.value === "playing" && (d++, c.value = "paused", _.info("动画已暂停"));
+    }, q = () => {
+      d++, c.value = "stopped", h.value = 0, O.value = 0, J(0), _.info("动画已停止并重置");
+    }, ae = () => {
+      c.value === "playing" ? Z() : N();
+    }, D = (a) => {
+      d++, c.value = "paused", J(a);
+    }, oe = () => {
+      if (!F.value.trim()) {
+        _.warning("导入内容不能为空");
+        return;
+      }
+      const a = F.value.trim().split(`
+`).filter((m) => m.trim() !== "");
+      if (a.length < 2) {
+        _.error("导入数据至少需要包含表头行和一行数据");
+        return;
+      }
+      const l = a[0].split("	").map((m) => m.trim()), b = {};
+      if (l.forEach((m, p) => {
+        R.value.includes(m) && (b[p] = m);
+      }), Object.keys(b).length === 0) {
+        _.error("没有找到匹配的表头，请检查表头名称是否正确");
+        return;
+      }
+      const u = a.slice(1).map((m) => {
+        const p = m.split("	"), B = {};
+        return R.value.forEach((H) => {
+          B[H] = "0";
+        }), Object.entries(b).forEach(([H, se]) => {
+          const E = p[parseInt(H)];
+          E !== void 0 && E.trim() !== "" && (B[se] = E.trim());
+        }), B;
+      });
+      u.length > 0 ? (i.value = u, _.success(`成功导入 ${u.length} 行数据！`), T.value = !1, F.value = "", q()) : _.error("未能解析到有效数据，请检查格式。");
+    };
+    X(() => j.xyzbcList, () => {
+      j.xyzbcList && (i.value = Ke(j.xyzbcList));
+    }, {
+      immediate: !0
+    });
+    const K = (a) => `第 ${a + 1} 帧`;
+    return f({
+      handlePlayPause: ae,
+      playAnimation: N,
+      pauseAnimation: Z,
+      stopAnimation: q
+    }), De(() => {
+      d++;
+    }), (a, l) => {
+      const b = G("el-input-number"), A = G("el-slider"), u = G("el-input"), m = G("el-dialog");
+      return g(), x("div", st, [
+        l[11] || (l[11] = n("div", { class: "action-bar" }, null, -1)),
+        i.value.length > 0 ? (g(), x("div", it, [
+          n("div", rt, [
+            l[5] || (l[5] = n("label", null, "帧间隔 (ms):", -1)),
+            s(b, {
+              modelValue: C.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (p) => C.value = p),
+              min: 10,
+              max: 5e3,
+              step: 100,
+              size: "small",
+              style: { width: "120px" }
+            }, null, 8, ["modelValue"])
+          ]),
+          n("div", ut, [
+            l[6] || (l[6] = n("label", null, "当前帧:", -1)),
+            n("span", ct, L(h.value + 1) + " / " + L(i.value.length), 1)
+          ]),
+          n("div", vt, [
+            l[7] || (l[7] = n("label", null, "动画进度:", -1)),
+            s(A, {
+              modelValue: h.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (p) => h.value = p),
+              min: 0,
+              max: i.value.length > 0 ? i.value.length - 1 : 0,
+              step: 1,
+              "format-tooltip": K,
+              onInput: D,
+              disabled: i.value.length === 0 || c.value === "playing",
+              style: { "flex-grow": "1", margin: "0 10px" }
+            }, null, 8, ["modelValue", "max", "disabled"])
+          ]),
+          n("div", null, [
+            l[8] || (l[8] = n("label", null, "当前帧数据:", -1)),
+            n("div", null, [
+              Y.value ? (g(!0), x(Be, { key: 0 }, Je(Y.value, (p, B) => (g(), x("div", { key: B }, L(B) + ": " + L(p), 1))), 128)) : U("", !0)
+            ])
+          ])
+        ])) : U("", !0),
+        i.value.length === 0 ? (g(), x("div", dt, [...l[9] || (l[9] = [
+          n("p", null, "请先创建数据", -1)
+        ])])) : U("", !0),
+        s(m, {
+          modelValue: T.value,
+          "onUpdate:modelValue": l[4] || (l[4] = (p) => T.value = p),
+          title: "导入数据",
+          width: "500px"
+        }, {
+          footer: le(() => [
+            n("span", mt, [
+              s(fe, {
+                modelValue: "取消",
+                onClick: l[3] || (l[3] = (p) => T.value = !1)
+              }),
+              s(fe, {
+                modelValue: "确认导入",
+                onClick: oe,
+                type: "primary"
+              })
+            ])
+          ]),
+          default: le(() => [
+            l[10] || (l[10] = n("p", { class: "import-instructions" }, " 请从Excel或CSV中复制数据 (首行为表头, Tab分隔) ", -1)),
+            s(u, {
+              modelValue: F.value,
+              "onUpdate:modelValue": l[2] || (l[2] = (p) => F.value = p),
+              type: "textarea",
+              rows: 10,
+              placeholder: ne.value
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), be = /* @__PURE__ */ he(pt, [["__scopeId", "data-v-00d63f4b"]]), ft = async (S) => await new ot().loadAsync(S), bt = async (S) => await ft(S), gt = { class: "obj-viewer-container" }, ht = { class: "buttonGroup-topLeft" }, yt = { class: "buttonGroup-left" }, _t = { class: "buttonGroup-right" }, kt = { class: "buttonGroup-bottom" }, Ct = { class: "left-panel" }, Pt = { class: "panel-header" }, wt = { class: "panel-body" }, zt = { class: "right-panel" }, Ut = { class: "panel-header" }, xt = { class: "panel-body" }, jt = {
+  key: 0,
+  class: "loading-overlay"
+}, At = {
+  key: 1,
+  class: "brand"
+}, Lt = {
+  key: 0,
+  class: "brand-item"
+}, Vt = { class: "item-value" }, $t = {
+  key: 1,
+  class: "brand-item"
+}, Tt = { class: "item-value" }, Ot = {
+  key: 2,
+  class: "brand-item"
+}, Rt = { class: "item-value" }, St = /* @__PURE__ */ ge({
+  __name: "threeSceneViewForCPMPIP",
+  props: {
+    fileBlobs: { default: () => [] },
+    threeData: {}
+  },
+  setup(S) {
+    const f = S, j = r([]), i = k(() => {
+      var e, o;
+      return (o = (e = f == null ? void 0 : f.threeData) == null ? void 0 : e.data) == null ? void 0 : o.csvUrl;
+    });
+    X(() => i.value, async () => {
+      if (console.log("csvUrl", i.value), i.value) {
+        const t = await at(i.value);
+        j.value = t;
+      }
+    }, {
+      immediate: !0
+    });
+    const T = k(() => {
+      var e, o;
+      return (o = (e = f == null ? void 0 : f.threeData) == null ? void 0 : e.data) == null ? void 0 : o.bladeObjUrl;
+    }), F = r(pe.ROBOT), c = r(null), h = r(!1), O = r(""), C = r(!1), v = r(""), d = r(!1), P = r(""), w = te(null), R = r("叶片模型"), ne = te(null), Y = te(null), J = te(null), M = r(be), {
+      currentModels: N,
+      resetView: Z,
+      initThreeJS: q,
+      handleResize: ae,
+      getThreeJSObjects: D,
+      cleanup: oe,
+      setAndFitModels: K,
+      axesHelperVisible: a,
+      toggleAxesVisibility: l,
+      zoomIn: b,
+      zoomOut: A
+    } = Ge(c), { loadSceneFromFile: u } = qe(
+      D,
+      N,
+      h,
+      O
+    ), { isAnimating: m, toggleAnimation: p, startAnimation: B, stopAnimation: H } = He(D, N), { isClipping: se, activeClippingAxis: E, toggleClipping: ye, updateClippingPlanes: _e } = Ie(D, N), { initRaycaster: ke, selectedObject3D: Ce, setSelectedObjVisible: Pe, updatePosition: we, updateRotation: ze, dispose: Ue } = Ye(c, D, N), xe = () => {
+      l();
+    }, je = (t) => {
+      E.value = t, _e();
+    }, V = k(() => {
+      var e, o;
+      return (o = (e = f == null ? void 0 : f.threeData) == null ? void 0 : e.data) == null ? void 0 : o.machine;
+    }), ie = k(() => {
+      var e;
+      return (e = V == null ? void 0 : V.value) == null ? void 0 : e.modelNumber;
+    }), re = k(() => {
+      var e;
+      return (e = V == null ? void 0 : V.value) == null ? void 0 : e.serialNumber;
+    }), ue = k(() => {
+      var e;
+      return (e = V == null ? void 0 : V.value) == null ? void 0 : e.manufacturer;
+    }), Ae = k(() => ie.value || re.value || ue.value), Le = k(() => F.value === pe.ROBOT), Q = (t) => {
+      C.value = !0, v.value = t, t === "剖面视图" && !se.value && ye();
+    }, ce = (t) => {
+      d.value = !0, P.value = t;
+    }, Ve = () => {
+      var t;
+      (t = M.value) == null || t.handlePlayPause();
+    }, $e = () => {
+      var t;
+      (t = M.value) == null || t.pauseAnimation();
+    }, Te = () => {
+      var t;
+      (t = M.value) == null || t.stopAnimation();
+    }, Oe = (t, e) => nt(t, e), Re = async (t) => {
+      const e = Oe(t, R.value);
+      if (Y.value = e, console.log("bladeObjUrl", T.value), e && e.parent && T.value) {
+        const o = await bt(T.value);
+        o.name = "blade_clone", e.parent.add(o), o.position.copy(e.position), o.rotation.copy(e.rotation), o.scale.copy(e.scale), e.visible = !1, ne.value = o;
+      } else
+        R.value && console.warn(`在 Blade '${R.value}' 中未找到可替换的网格或其没有父级。`);
+    };
+    X(() => f.fileBlobs, (t) => {
+      if (t && t.length > 0) {
+        const e = t[0];
+        if (!e.name.toLowerCase().endsWith(".urdf"))
+          return;
+        u(e).then((o) => {
+          w.value = o, o && Re(o);
+        }).catch((o) => {
+          console.error("加载URDF文件时发生错误:", o), _.error("加载urdf模型失败"), w.value = null;
+        });
+      } else
+        w.value = null;
+    }, {
+      immediate: !0,
+      deep: !0
+    }), X(w, (t) => {
+      K(t ? [t] : []), ke();
+    });
+    const Se = () => {
+      q(), me(() => {
+        c.value && (ee = new ResizeObserver(ae), ee.observe(c.value));
+      });
+      const t = D();
+      J.value = t.scene;
+    }, Fe = () => {
+      v.value = "", P.value = "", ee && ee.disconnect(), m.value && H(), oe(), Ue();
+    };
+    let ee = null;
+    return Me(async () => {
+      await me();
+      try {
+        Se();
+      } catch (t) {
+        console.error("Three.js 初始化失败:", t), _.error("渲染引擎初始化失败！");
+      }
+    }), Ee(() => {
+      Fe();
+    }), (t, e) => {
+      const o = G("el-scrollbar"), Ne = G("PipeAnalysisPanel");
+      return g(), x("div", gt, [
+        I(n("div", {
+          ref_key: "threejsContainer",
+          ref: c,
+          class: "threejs-container"
+        }, null, 512), [
+          [W, Le.value]
+        ]),
+        n("div", ht, [
+          s(y, {
+            name: "viewReset",
+            size: "24",
+            onClick: z(Z),
+            title: "重置"
+          }, null, 8, ["onClick"]),
+          s(y, {
+            name: "fangda",
+            size: "24",
+            title: "放大",
+            onClick: z(b)
+          }, null, 8, ["onClick"]),
+          s(y, {
+            name: "suoxiao",
+            size: "24",
+            title: "缩小",
+            onClick: z(A)
+          }, null, 8, ["onClick"]),
+          s(y, {
+            name: "lookAround",
+            size: "24",
+            onClick: z(p),
+            title: z(m) ? "停止动画" : "动画视图"
+          }, null, 8, ["onClick", "title"]),
+          s(y, {
+            name: "zuobiaoxi",
+            size: "24",
+            active: z(a),
+            onClick: xe,
+            title: "显隐坐标轴"
+          }, null, 8, ["active"])
+        ]),
+        n("div", yt, [
+          ve(t.$slots, "button-left", { switchRightPanel: Q }, void 0, !0),
+          s(y, {
+            name: "jiegoushu",
+            size: "24",
+            onClick: e[0] || (e[0] = ($) => Q("场景树")),
+            active: C.value && v.value === "场景树",
+            title: "场景树"
+          }, null, 8, ["active"]),
+          s(y, {
+            name: "clipping",
+            size: "24",
+            onClick: e[1] || (e[1] = ($) => Q("剖面视图")),
+            active: C.value && v.value === "剖面视图",
+            title: "剖面视图"
+          }, null, 8, ["active"]),
+          s(y, {
+            name: "donghuafangzhen",
+            size: "24",
+            onClick: e[2] || (e[2] = ($) => Q("工件树")),
+            active: C.value && v.value === "工件树"
+          }, null, 8, ["active"])
+        ]),
+        n("div", _t, [
+          ve(t.$slots, "button-right", { switchRightPanel: ce }, void 0, !0),
+          s(y, {
+            name: "jichuangxuanze",
+            size: "24",
+            onClick: e[3] || (e[3] = ($) => ce("机床控制")),
+            active: d.value && P.value === "机床控制",
+            title: "机床控制"
+          }, null, 8, ["active"]),
+          s(y, {
+            name: "donghuafangzhen",
+            size: "24",
+            title: "动画仿真",
+            onClick: e[4] || (e[4] = ($) => ce("动画仿真")),
+            active: d.value && P.value === "动画仿真"
+          }, null, 8, ["active"])
+        ]),
+        n("div", kt, [
+          s(y, {
+            name: "bofang",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "播放",
+            onClick: Ve
+          }),
+          s(y, {
+            name: "zanting",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "暂停",
+            onClick: $e
+          }),
+          s(y, {
+            name: "zhongzhi",
+            size: "24",
+            backgroundColor: "#ffffff",
+            title: "停止",
+            onClick: Te
+          })
+        ]),
+        I(n("div", Ct, [
+          n("div", Pt, [
+            n("span", null, L(v.value), 1),
+            n("span", {
+              class: "close",
+              onClick: e[5] || (e[5] = ($) => C.value = !1)
+            }, " X ")
+          ]),
+          n("div", wt, [
+            s(o, { height: "100%" }, {
+              default: le(() => {
+                var $;
+                return [
+                  v.value === "场景树" ? (g(), de(tt, {
+                    key: 0,
+                    model: w.value
+                  }, null, 8, ["model"])) : U("", !0),
+                  v.value === "剖面视图" ? (g(), de(We, {
+                    key: 1,
+                    value: z(E),
+                    onChange: je
+                  }, null, 8, ["value"])) : U("", !0),
+                  v.value === "工件树" ? (g(), de(Ze, {
+                    key: 2,
+                    model: ($ = z(Ce)) == null ? void 0 : $.obj,
+                    onVisibleChange: z(Pe),
+                    onUpdatePosition: z(we),
+                    onUpdateRotation: z(ze)
+                  }, null, 8, ["model", "onVisibleChange", "onUpdatePosition", "onUpdateRotation"])) : U("", !0)
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ], 512), [
+          [W, C.value]
+        ]),
+        I(n("div", zt, [
+          n("div", Ut, [
+            n("span", null, L(P.value), 1),
+            n("span", {
+              class: "close",
+              onClick: e[6] || (e[6] = ($) => d.value = !1)
+            }, " X ")
+          ]),
+          n("div", xt, [
+            s(o, { height: "100%" }, {
+              default: le(() => [
+                I(s(lt, { model: w.value }, null, 8, ["model"]), [
+                  [W, P.value === "机床控制"]
+                ]),
+                I(s(be, {
+                  model: w.value,
+                  scene: J.value,
+                  xyzbcList: j.value,
+                  ref_key: "urdfAnimationPanelRef",
+                  ref: M
+                }, null, 8, ["model", "scene", "xyzbcList"]), [
+                  [W, P.value === "动画仿真"]
+                ]),
+                ve(t.$slots, "right-panel", { rightPanelType: P.value }, void 0, !0)
+              ]),
+              _: 3
+            })
+          ])
+        ], 512), [
+          [W, d.value]
+        ]),
+        h.value ? (g(), x("div", jt, [
+          e[7] || (e[7] = n("div", { class: "loading-spinner" }, null, -1)),
+          n("p", null, L(O.value), 1)
+        ])) : U("", !0),
+        Ae.value ? (g(), x("div", At, [
+          ue.value ? (g(), x("div", Lt, [
+            e[8] || (e[8] = n("div", { class: "item-label" }, "厂家:", -1)),
+            n("div", Vt, L(ue.value), 1)
+          ])) : U("", !0),
+          ie.value ? (g(), x("div", $t, [
+            e[9] || (e[9] = n("div", { class: "item-label" }, "型号:", -1)),
+            n("div", Tt, L(ie.value), 1)
+          ])) : U("", !0),
+          re.value ? (g(), x("div", Ot, [
+            e[10] || (e[10] = n("div", { class: "item-label" }, "编号:", -1)),
+            n("div", Rt, L(re.value), 1)
+          ])) : U("", !0)
+        ])) : U("", !0),
+        s(Ne, { ref: "pipeAnalysisPanelRef" }, null, 512)
+      ]);
+    };
+  }
+}), Yt = /* @__PURE__ */ he(St, [["__scopeId", "data-v-54d53d1f"]]);
+export {
+  Yt as default
+};