@xtctwins/tctwins-bimx-engine 0.3.0 → 0.3.1

package/dist/SectionTool-BqI2Qnk5.mjs

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