@xtctwins/tctwins-bimx-engine 0.3.2 → 0.3.3

package/dist/SectionTool-CL95rzx4.mjs

@@ -0,0 +1,331 @@
+import { _ as me } from "./alert-DoM5CyWV.mjs";
+import { n as pe, o as fe, T as F, p as w, q as z, O as d, I as he, v as ke, x as ge, y as we } from "./index-Cslxj2q_.mjs";
+import { E as be } from "./el-input-number-Bj97l7q_.mjs";
+import { _ as ye } from "./panel.vue_vue_type_style_index_0_lang-r40t3eim.mjs";
+import { defineComponent as Se, ref as v, onMounted as Ce, watch as xe, onBeforeUnmount as Ve, openBlock as s, createElementBlock as l, Fragment as B, unref as n, createBlock as Pe, withCtx as E, createElementVNode as o, toDisplayString as u, withDirectives as K, renderList as W, vShow as G, createVNode as m, normalizeClass as Te, withModifiers as Le, createTextVNode as $e } from "vue";
+import { B as ze } from "./const-DOnRsYpZ.mjs";
+const Be = { class: "section_panel_middle" }, Ee = { class: "section_middle_title" }, Ie = { class: "section_control_button" }, Oe = ["src"], Ae = { class: "control_buttons" }, De = ["onClick"], Me = { class: "section_panel_cont" }, Ue = {
+  key: 0,
+  class: ""
+}, Ne = ["onClick"], Re = { class: "cont_item_left" }, je = ["src", "onClick"], qe = { class: "cont_item_right" }, Fe = ["src", "onClick"], Ke = ["src", "onClick"], We = ["src", "onClick"], Ge = {
+  key: 1,
+  class: "empty1"
+}, He = {
+  key: 1,
+  class: "mobile_section_panel"
+}, Je = { class: "slicing-title-box" }, Qe = { class: "slicing-title" }, Xe = { class: "slicing-title-icon" }, Ye = { class: "slicing-content-box" }, Ze = { class: "slicing-select-box" }, eo = { class: "select-item" }, oo = { class: "select-item-left" }, to = ["src"], io = ["src"], no = { class: "select-item-center" }, so = { class: "item-center-top" }, lo = { class: "item-center-bottom" }, co = { class: "select-item" }, ao = { class: "select-item-left" }, ro = ["src"], uo = ["src"], _o = { class: "select-item-center" }, vo = { class: "item-center-top" }, mo = { class: "item-center-bottom" }, po = { class: "select-item" }, fo = { class: "select-item-left" }, ho = ["src"], ko = ["src"], go = { class: "select-item-center" }, wo = { class: "item-center-top" }, bo = { class: "item-center-bottom" }, yo = /* @__PURE__ */ Se({
+  __name: "SectionTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(H, { emit: J }) {
+    const _ = pe(), I = fe(), O = H, V = v(0);
+    Ce(() => {
+      I.setReadyById(O.componentId), F.currentTheme == "blue" ? V.value = 240 : F.currentTheme == "light-gray" && (V.value = 202), document.addEventListener("click", A);
+    });
+    const A = (e) => {
+      y.value && e.target.id != "controlOperatePanel" && M(!1);
+    }, D = v(!0), b = v(!1), r = v(), f = v(), y = v(!1), M = (e) => {
+      y.value = e;
+    };
+    let a, S;
+    const Q = J;
+    xe(
+      () => I.isToolActive(O.componentId),
+      (e) => {
+        w("isMobile") && (e ? (g(h.value.direction), document.addEventListener("touchmove", N)) : document.removeEventListener("touchmove", N));
+      }
+    );
+    let P = !1;
+    const U = () => {
+      a = window.bimViewer.sectionTool, S = window.bimViewer.eventTrigger, w("isMobile") || S.on("createSection", (e) => {
+        C(), r.value = Object.keys(ae()).map((t) => ({
+          id: t,
+          isLook: !0,
+          directionLeft: !0
+        })), ee(e.id, !0), f.value = e.id, T(e.id);
+      }), w("isMobile") && (S.on("touchPlaneStart", () => {
+        P = !0;
+      }), S.on("touchPlaneEnd", () => {
+        P = !1;
+      }));
+    };
+    z.on("BimViewer", U), Ve(() => {
+      z.off("BimViewer", U), document.removeEventListener("click", A);
+    });
+    const N = () => {
+      P && X();
+    }, c = v({
+      x: 0,
+      y: 0,
+      z: 0
+    }), h = v({
+      direction: "x"
+    }), k = (e) => {
+      g(e);
+    }, g = (e) => {
+      switch (h.value.direction = e, e) {
+        case "x":
+          window.bimViewer.sectionTool.sectionDirection = 0, window.bimViewer.sectionTool.setControlPos(100 - c.value.x);
+          break;
+        case "y":
+          window.bimViewer.sectionTool.sectionDirection = 1, window.bimViewer.sectionTool.setControlPos(c.value.y);
+          break;
+        case "z":
+          window.bimViewer.sectionTool.sectionDirection = 2, window.bimViewer.sectionTool.setControlPos(100 - c.value.z);
+          break;
+      }
+    }, X = () => {
+      switch (h.value.direction) {
+        case "x":
+          c.value.x = 100 - window.bimViewer.sectionTool.getControlPos();
+          break;
+        case "y":
+          c.value.y = window.bimViewer.sectionTool.getControlPos();
+          break;
+        case "z":
+          c.value.z = 100 - window.bimViewer.sectionTool.getControlPos();
+          break;
+      }
+    }, R = () => {
+      a.setActive(!1), Q("closePanel"), z.emit("hideToolbar", !1);
+    }, Y = (e) => {
+      f.value !== e.id && (f.value = e.id, b.value = !1, C(), T(e.id));
+    }, Z = (e) => {
+      C(), e.isLook = !e.isLook, e.isLook ? (e.isLook = !0, te(e.id)) : ie(e.id), T(f.value);
+    }, T = (e) => {
+      a.showSectionPlane(e);
+    }, j = (e) => {
+      if (r.value)
+        for (let t = 0; t < r.value.length; t++)
+          r.value[t].isLook = e;
+    }, ee = (e, t) => {
+      for (let p = 0; p < r.value.length; p++)
+        e == r.value[p].id && (r.value[p].isLook = t);
+    }, q = (e) => {
+      e.directionLeft = !e.directionLeft, ce(e.id);
+    }, oe = (e) => {
+      a.destroySectionPlane(e), r.value = r.value.filter((t) => t.id !== e);
+    }, te = (e) => {
+      a.setSectionEnable(e);
+    }, ie = (e) => {
+      a.setSectionDisable(e);
+    }, ne = () => {
+      j(!0), a.enableSections(), a.showControl(), b.value = !0;
+    }, se = () => {
+      j(!1), a.disableSections(), b.value = !1, f.value = "";
+    }, le = (e) => {
+      e.id === 0 ? (re(), r.value = []) : e.id === 1 ? de() : e.id === 2 ? ne() : e.id === 4 && (se(), C());
+    }, ce = (e) => {
+      a.flipSection(e);
+    }, ae = () => a.getSectionPlanes(), re = () => {
+      a.clear();
+    }, de = () => {
+      a.flipSections();
+    }, C = () => {
+      a.hideControl();
+    };
+    return (e, t) => {
+      const p = ke, ue = ye, _e = ge, L = be, ve = me;
+      return s(), l(B, null, [
+        n(w)("isMobile") ? (s(), l("div", He, [
+          o("div", Je, [
+            o("div", Qe, u(n(_)("toolbar.section")), 1),
+            o("div", Xe, [
+              m(_e, {
+                width: 0.4,
+                "size-type": "rem",
+                "click-handle": R
+              })
+            ])
+          ]),
+          o("div", Ye, [
+            m(p, null, {
+              default: E(() => [
+                o("div", Ze, [
+                  o("div", eo, [
+                    o("div", oo, [
+                      h.value.direction === "x" ? (s(), l("img", {
+                        key: 0,
+                        src: n(d) + "/bim-viewer/section_look_icon.png",
+                        alt: "",
+                        onClick: t[1] || (t[1] = (i) => k("x"))
+                      }, null, 8, to)) : (s(), l("img", {
+                        key: 1,
+                        src: n(d) + "/bim-viewer/section_unlook_icon.png",
+                        alt: "",
+                        onClick: t[2] || (t[2] = (i) => k("x"))
+                      }, null, 8, io))
+                    ]),
+                    o("div", no, [
+                      o("div", so, [
+                        o("div", null, u(n(_)("section.xAxis")), 1),
+                        o("div", null, u(c.value.x) + " %", 1)
+                      ]),
+                      o("div", lo, [
+                        m(L, {
+                          modelValue: c.value.x,
+                          "onUpdate:modelValue": t[3] || (t[3] = (i) => c.value.x = i),
+                          size: "large",
+                          "show-tooltip": !1,
+                          onInput: t[4] || (t[4] = (i) => g("x"))
+                        }, null, 8, ["modelValue"])
+                      ])
+                    ])
+                  ]),
+                  o("div", co, [
+                    o("div", ao, [
+                      h.value.direction === "y" ? (s(), l("img", {
+                        key: 0,
+                        src: n(d) + "/bim-viewer/section_look_icon.png",
+                        alt: "",
+                        onClick: t[5] || (t[5] = (i) => k("y"))
+                      }, null, 8, ro)) : (s(), l("img", {
+                        key: 1,
+                        src: n(d) + "/bim-viewer/section_unlook_icon.png",
+                        alt: "",
+                        onClick: t[6] || (t[6] = (i) => k("y"))
+                      }, null, 8, uo))
+                    ]),
+                    o("div", _o, [
+                      o("div", vo, [
+                        o("div", null, u(n(_)("section.yAxis")), 1),
+                        o("div", null, u(c.value.y) + " %", 1)
+                      ]),
+                      o("div", mo, [
+                        m(L, {
+                          modelValue: c.value.y,
+                          "onUpdate:modelValue": t[7] || (t[7] = (i) => c.value.y = i),
+                          size: "large",
+                          "show-tooltip": !1,
+                          onInput: t[8] || (t[8] = (i) => g("y"))
+                        }, null, 8, ["modelValue"])
+                      ])
+                    ])
+                  ]),
+                  o("div", po, [
+                    o("div", fo, [
+                      h.value.direction === "z" ? (s(), l("img", {
+                        key: 0,
+                        src: n(d) + "/bim-viewer/section_look_icon.png",
+                        alt: "",
+                        onClick: t[9] || (t[9] = (i) => k("z"))
+                      }, null, 8, ho)) : (s(), l("img", {
+                        key: 1,
+                        src: n(d) + "/bim-viewer/section_unlook_icon.png",
+                        alt: "",
+                        onClick: t[10] || (t[10] = (i) => k("z"))
+                      }, null, 8, ko))
+                    ]),
+                    o("div", go, [
+                      o("div", wo, [
+                        o("div", null, u(n(_)("section.zAxis")), 1),
+                        o("div", null, u(c.value.z) + " %", 1)
+                      ]),
+                      o("div", bo, [
+                        m(L, {
+                          modelValue: c.value.z,
+                          "onUpdate:modelValue": t[11] || (t[11] = (i) => c.value.z = i),
+                          size: "large",
+                          "show-tooltip": !1,
+                          onInput: t[12] || (t[12] = (i) => g("z"))
+                        }, null, 8, ["modelValue"])
+                      ])
+                    ])
+                  ])
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ])) : (s(), Pe(ue, {
+          key: 0,
+          class: "section_panel",
+          width: V.value,
+          panelTitle: n(_)("toolbar.section"),
+          "click-handle": R
+        }, {
+          default: E(() => [
+            o("div", Be, [
+              o("div", Ee, u(n(_)("section.allSections")), 1),
+              o("div", Ie, [
+                o("img", {
+                  id: "controlOperatePanel",
+                  src: n(d) + "/bim-viewer/slicing-more.png",
+                  onClick: t[0] || (t[0] = (i) => M(!y.value))
+                }, null, 8, Oe),
+                K(o("div", Ae, [
+                  (s(!0), l(B, null, W(n(ze), (i) => (s(), l("div", {
+                    key: i.id,
+                    class: "operation_button",
+                    onClick: ($) => le(i)
+                  }, [
+                    o("span", null, u(n(_)(i.name)), 1)
+                  ], 8, De))), 128))
+                ], 512), [
+                  [G, y.value]
+                ])
+              ])
+            ]),
+            o("div", Me, [
+              m(p, { height: "360px" }, {
+                default: E(() => [
+                  r.value && r.value.length ? (s(), l("div", Ue, [
+                    (s(!0), l(B, null, W(r.value, (i, $) => (s(), l("div", {
+                      key: $,
+                      class: Te(["panel_cont_item", { panel_cont_item_choose: f.value === i.id || b.value }]),
+                      onClick: (x) => Y(i)
+                    }, [
+                      o("div", Re, [
+                        o("img", {
+                          src: `${n(d)}/bim-viewer/${i.isLook ? "section_look_icon.png" : "section_unlook_icon.png"}`,
+                          alt: "",
+                          onClick: Le((x) => Z(i), ["stop"])
+                        }, null, 8, je),
+                        $e(" " + u(n(_)("section.sectionPrefix") + ($ + 1)), 1)
+                      ]),
+                      o("div", qe, [
+                        i.directionLeft ? (s(), l("img", {
+                          key: 0,
+                          src: n(d) + "/bim-viewer/left_section_icon.png",
+                          alt: "",
+                          onClick: (x) => q(i)
+                        }, null, 8, Fe)) : (s(), l("img", {
+                          key: 1,
+                          src: n(d) + "/bim-viewer/right_section_icon.png",
+                          alt: "",
+                          onClick: (x) => q(i)
+                        }, null, 8, Ke)),
+                        o("img", {
+                          src: n(d) + "/bim-viewer/section_del_icon.png",
+                          alt: "",
+                          onClick: (x) => oe(i.id)
+                        }, null, 8, We)
+                      ])
+                    ], 10, Ne))), 128))
+                  ])) : (s(), l("div", Ge, [
+                    m(he, {
+                      title: n(_)("common.noData"),
+                      type: "model"
+                    }, null, 8, ["title"])
+                  ]))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["width", "panelTitle"])),
+        K(m(ve, {
+          "click-handle": () => {
+            D.value = !1;
+          }
+        }, null, 8, ["click-handle"]), [
+          [G, D.value && !n(w)("isMobile")]
+        ])
+      ], 64);
+    };
+  }
+}), Lo = /* @__PURE__ */ we(yo, [["__scopeId", "data-v-f710e44a"]]);
+export {
+  Lo as default
+};