@xtctwins/tctwins-bimx-engine 0.1.21 → 0.1.23

package/dist/SectionTool-CihpG2Fy.mjs

@@ -0,0 +1,624 @@
+import { _ as K, z as x, S as j, L as S, K as P, U as we, u as ke, W as Se, P as Ce, X as $e, w as Ie, O as m, n as te, j as Ee, T as J, k as z, l as X, m as Te } from "./index-BlDGbvS0.mjs";
+import { E as Pe } from "./el-input-number-BvvuoubO.mjs";
+import { i as Be } from "./el-input-Bm753NUP.mjs";
+import { _ as Le, a as Ne } from "./panel.vue_vue_type_style_index_0_lang-tTB1oDNs.mjs";
+import { defineComponent as L, renderSlot as A, ref as C, provide as q, inject as Oe, onMounted as oe, unref as s, onBeforeUnmount as Ve, computed as O, openBlock as c, createBlock as ne, mergeProps as ze, withCtx as B, createElementBlock as v, normalizeClass as F, toDisplayString as E, createCommentVNode as G, createTextVNode as ie, watch as se, createElementVNode as t, createVNode as I, Fragment as Z, renderList as Q, pushScopeId as Ae, popScopeId as xe } from "vue";
+import { B as Me } from "./const-CbUmfuHy.mjs";
+const Ue = /* @__PURE__ */ L({
+  inheritAttrs: !1
+});
+function De(l, a, d, r, g, p) {
+  return A(l.$slots, "default");
+}
+var Re = /* @__PURE__ */ K(Ue, [["render", De], ["__file", "collection.vue"]]);
+const je = /* @__PURE__ */ L({
+  name: "ElCollectionItem",
+  inheritAttrs: !1
+});
+function Ke(l, a, d, r, g, p) {
+  return A(l.$slots, "default");
+}
+var Fe = /* @__PURE__ */ K(je, [["render", Ke], ["__file", "collection-item.vue"]]);
+const He = "data-el-collection-item", We = (l) => {
+  const a = `El${l}Collection`, d = `${a}Item`, r = Symbol(a), g = Symbol(d), p = {
+    ...Re,
+    name: a,
+    setup() {
+      const _ = C(null), b = /* @__PURE__ */ new Map();
+      q(r, {
+        itemMap: b,
+        getItems: () => {
+          const h = s(_);
+          if (!h)
+            return [];
+          const f = Array.from(h.querySelectorAll(`[${He}]`));
+          return [...b.values()].sort((w, k) => f.indexOf(w.ref) - f.indexOf(k.ref));
+        },
+        collectionRef: _
+      });
+    }
+  }, y = {
+    ...Fe,
+    name: d,
+    setup(_, { attrs: b }) {
+      const $ = C(null), h = Oe(r, void 0);
+      q(g, {
+        collectionItemRef: $
+      }), oe(() => {
+        const f = s($);
+        f && h.itemMap.set(f, {
+          ref: f,
+          ...b
+        });
+      }), Ve(() => {
+        const f = s($);
+        h.itemMap.delete(f);
+      });
+    }
+  };
+  return {
+    COLLECTION_INJECTION_KEY: r,
+    COLLECTION_ITEM_INJECTION_KEY: g,
+    ElCollection: p,
+    ElCollectionItem: y
+  };
+}, R = x({
+  trigger: j.trigger,
+  effect: {
+    ...S.effect,
+    default: "light"
+  },
+  type: {
+    type: P(String)
+  },
+  placement: {
+    type: P(String),
+    default: "bottom"
+  },
+  popperOptions: {
+    type: P(Object),
+    default: () => ({})
+  },
+  id: String,
+  size: {
+    type: String,
+    default: ""
+  },
+  splitButton: Boolean,
+  hideOnClick: {
+    type: Boolean,
+    default: !0
+  },
+  loop: {
+    type: Boolean,
+    default: !0
+  },
+  showTimeout: {
+    type: Number,
+    default: 150
+  },
+  hideTimeout: {
+    type: Number,
+    default: 150
+  },
+  tabindex: {
+    type: P([Number, String]),
+    default: 0
+  },
+  maxHeight: {
+    type: P([Number, String]),
+    default: ""
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  disabled: Boolean,
+  role: {
+    type: String,
+    default: "menu"
+  },
+  buttonProps: {
+    type: P(Object)
+  },
+  teleported: S.teleported
+});
+x({
+  command: {
+    type: [Object, String, Number],
+    default: () => ({})
+  },
+  disabled: Boolean,
+  divided: Boolean,
+  textValue: String,
+  icon: {
+    type: Be
+  }
+});
+x({
+  onKeydown: { type: P(Function) }
+});
+We("Dropdown");
+const Ye = x({
+  trigger: j.trigger,
+  placement: R.placement,
+  disabled: j.disabled,
+  visible: S.visible,
+  transition: S.transition,
+  popperOptions: R.popperOptions,
+  tabindex: R.tabindex,
+  content: S.content,
+  popperStyle: S.popperStyle,
+  popperClass: S.popperClass,
+  enterable: {
+    ...S.enterable,
+    default: !0
+  },
+  effect: {
+    ...S.effect,
+    default: "light"
+  },
+  teleported: S.teleported,
+  title: String,
+  width: {
+    type: [String, Number],
+    default: 150
+  },
+  offset: {
+    type: Number,
+    default: void 0
+  },
+  showAfter: {
+    type: Number,
+    default: 0
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  autoClose: {
+    type: Number,
+    default: 0
+  },
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  persistent: {
+    type: Boolean,
+    default: !0
+  },
+  "onUpdate:visible": {
+    type: Function
+  }
+}), Je = {
+  "update:visible": (l) => we(l),
+  "before-enter": () => !0,
+  "before-leave": () => !0,
+  "after-enter": () => !0,
+  "after-leave": () => !0
+}, Xe = "onUpdate:visible", qe = L({
+  name: "ElPopover"
+}), Ge = /* @__PURE__ */ L({
+  ...qe,
+  props: Ye,
+  emits: Je,
+  setup(l, { expose: a, emit: d }) {
+    const r = l, g = O(() => r[Xe]), p = ke("popover"), y = C(), _ = O(() => {
+      var o;
+      return (o = s(y)) == null ? void 0 : o.popperRef;
+    }), b = O(() => [
+      {
+        width: Se(r.width)
+      },
+      r.popperStyle
+    ]), $ = O(() => [p.b(), r.popperClass, { [p.m("plain")]: !!r.content }]), h = O(() => r.transition === `${p.namespace.value}-fade-in-linear`), f = () => {
+      var o;
+      (o = y.value) == null || o.hide();
+    }, u = () => {
+      d("before-enter");
+    }, w = () => {
+      d("before-leave");
+    }, k = () => {
+      d("after-enter");
+    }, T = () => {
+      d("update:visible", !1), d("after-leave");
+    };
+    return a({
+      popperRef: _,
+      hide: f
+    }), (o, M) => (c(), ne(s(Ce), ze({
+      ref_key: "tooltipRef",
+      ref: y
+    }, o.$attrs, {
+      trigger: o.trigger,
+      placement: o.placement,
+      disabled: o.disabled,
+      visible: o.visible,
+      transition: o.transition,
+      "popper-options": o.popperOptions,
+      tabindex: o.tabindex,
+      content: o.content,
+      offset: o.offset,
+      "show-after": o.showAfter,
+      "hide-after": o.hideAfter,
+      "auto-close": o.autoClose,
+      "show-arrow": o.showArrow,
+      "aria-label": o.title,
+      effect: o.effect,
+      enterable: o.enterable,
+      "popper-class": s($),
+      "popper-style": s(b),
+      teleported: o.teleported,
+      persistent: o.persistent,
+      "gpu-acceleration": s(h),
+      "onUpdate:visible": s(g),
+      onBeforeShow: u,
+      onBeforeHide: w,
+      onShow: k,
+      onHide: T
+    }), {
+      content: B(() => [
+        o.title ? (c(), v("div", {
+          key: 0,
+          class: F(s(p).e("title")),
+          role: "title"
+        }, E(o.title), 3)) : G("v-if", !0),
+        A(o.$slots, "default", {}, () => [
+          ie(E(o.content), 1)
+        ])
+      ]),
+      default: B(() => [
+        o.$slots.reference ? A(o.$slots, "reference", { key: 0 }) : G("v-if", !0)
+      ]),
+      _: 3
+    }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]));
+  }
+});
+var Ze = /* @__PURE__ */ K(Ge, [["__file", "popover.vue"]]);
+const ee = (l, a) => {
+  const d = a.arg || a.value, r = d == null ? void 0 : d.popperRef;
+  r && (r.triggerRef = l);
+};
+var Qe = {
+  mounted(l, a) {
+    ee(l, a);
+  },
+  updated(l, a) {
+    ee(l, a);
+  }
+};
+const et = "popover", tt = $e(Qe, et), ot = Ie(Ze, {
+  directive: tt
+}), nt = { class: "empty" }, it = ["src"], st = { class: "title" }, lt = /* @__PURE__ */ L({
+  __name: "emptyPage",
+  props: {
+    title: String,
+    type: String
+  },
+  setup(l) {
+    const a = l, d = C("这里空空的，快去上传文件吧～");
+    return se(a, (r) => {
+      d.value = r.title || "这里空空的，快去上传文件吧～";
+    }), (r, g) => (c(), v("div", nt, [
+      t("img", {
+        class: F(["img1", { img1: a.type === "model" }]),
+        src: s(m) + "/bimkk-app/pinapp-empty-box.png",
+        alt: ""
+      }, null, 10, it),
+      t("div", st, E(l.title), 1)
+    ]));
+  }
+}), rt = /* @__PURE__ */ te(lt, [["__scopeId", "data-v-3f1f6a46"]]), V = (l) => (Ae("data-v-036f78ea"), l = l(), xe(), l), ct = { class: "section_panel_middle" }, at = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", { class: "section_middle_title" }, "全部剖切", -1)), dt = ["src"], pt = { class: "popover-class" }, ut = ["onClick"], vt = { class: "section_panel_cont" }, _t = ["onClick"], ft = { class: "cont_item_left" }, mt = ["src", "onClick"], gt = ["src", "onClick"], bt = { class: "cont_item_right" }, ht = ["src", "onClick"], yt = ["src", "onClick"], wt = ["src", "onClick"], kt = {
+  key: 1,
+  class: "empty1"
+}, St = {
+  key: 1,
+  class: "mobile_section_panel"
+}, Ct = { class: "slicing-title-box" }, $t = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", { class: "slicing-title" }, "剖切", -1)), It = { class: "slicing-title-icon" }, Et = { class: "slicing-content-box" }, Tt = { class: "slicing-select-box" }, Pt = { class: "select-item" }, Bt = { class: "select-item-left" }, Lt = ["src"], Nt = ["src"], Ot = { class: "select-item-center" }, Vt = { class: "item-center-top" }, zt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", null, "X轴", -1)), At = { class: "item-center-bottom" }, xt = { class: "select-item" }, Mt = { class: "select-item-left" }, Ut = ["src"], Dt = ["src"], Rt = { class: "select-item-center" }, jt = { class: "item-center-top" }, Kt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", null, "Y轴", -1)), Ft = { class: "item-center-bottom" }, Ht = { class: "select-item" }, Wt = { class: "select-item-left" }, Yt = ["src"], Jt = ["src"], Xt = { class: "select-item-center" }, qt = { class: "item-center-top" }, Gt = /* @__PURE__ */ V(() => /* @__PURE__ */ t("div", null, "Z轴", -1)), Zt = { class: "item-center-bottom" }, Qt = /* @__PURE__ */ L({
+  __name: "SectionTool",
+  props: ["componentId"],
+  emits: ["closePanel"],
+  setup(l, { emit: a }) {
+    const d = Ee(), r = l, g = C(0);
+    oe(() => {
+      d.setReadyById(r.componentId), J.currentTheme == "blue" ? g.value = 240 : J.currentTheme == "light-gray" && (g.value = 202);
+    });
+    const p = C(), y = C();
+    let _, b;
+    const $ = a;
+    se(
+      () => d.isToolActive(r.componentId),
+      (e) => {
+        e ? z("isMobile") && (T(w.value.direction), document.addEventListener("touchmove", f)) : document.removeEventListener("touchmove", f);
+      }
+    );
+    let h = !1;
+    X.on("BimViewer", () => {
+      _ = window.BimViewer.sectionTool, b = window.BimViewer.eventTrigger, z("isMobile") || b.on("createSection", (e) => {
+        p.value = Object.keys(ve()).map((n) => ({
+          id: n,
+          isLook: !0,
+          directionLeft: !0
+        })), y.value = e.id;
+      }), z("isMobile") && (b.on("touchPlaneStart", () => {
+        h = !0;
+      }), b.on("touchPlaneEnd", () => {
+        h = !1;
+      }));
+    });
+    const f = () => {
+      h && o();
+    }, u = C({
+      x: 0,
+      y: 0,
+      z: 0
+    }), w = C({
+      direction: "x"
+    }), k = (e) => {
+      T(e);
+    }, T = (e) => {
+      switch (w.value.direction = e, e) {
+        case "x":
+          window.BimViewer.sectionTool.sectionDirection = 0, window.BimViewer.sectionTool.setControlPos(100 - u.value.x);
+          break;
+        case "y":
+          window.BimViewer.sectionTool.sectionDirection = 1, window.BimViewer.sectionTool.setControlPos(u.value.y);
+          break;
+        case "z":
+          window.BimViewer.sectionTool.sectionDirection = 2, window.BimViewer.sectionTool.setControlPos(100 - u.value.z);
+          break;
+      }
+    }, o = () => {
+      switch (w.value.direction) {
+        case "x":
+          u.value.x = 100 - window.BimViewer.sectionTool.getControlPos();
+          break;
+        case "y":
+          u.value.y = window.BimViewer.sectionTool.getControlPos();
+          break;
+        case "z":
+          u.value.z = 100 - window.BimViewer.sectionTool.getControlPos();
+          break;
+      }
+    }, M = () => {
+      $("closePanel"), p.value = [];
+    };
+    X.on("closeAll", (e) => {
+      p.value = [];
+    });
+    const le = (e) => {
+      _.showSectionPlane(e);
+    }, re = (e) => {
+      y.value !== e.id && (y.value = e.id, le(e.id));
+    }, H = (e) => {
+      e.isLook = !e.isLook, e.isLook ? ae(e.id) : de(e.id);
+    }, W = (e) => {
+      e.directionLeft = !e.directionLeft, ue(e.id);
+    }, ce = (e) => {
+      _.destroySectionPlane(e), p.value = p.value.filter((n) => n.id !== e);
+    }, ae = (e) => {
+      _.setSectionEnable(e);
+    }, de = (e) => {
+      _.setSectionDisable(e);
+    }, pe = (e) => {
+      e.id === 0 ? (_e(), p.value = []) : e.id === 1 ? fe() : e.id === 2 ? me() : e.id === 4 && ge();
+    }, ue = (e) => {
+      _.flipSection(e);
+    }, ve = () => _.getSectionPlanes(), _e = () => {
+      _.clear();
+    }, fe = () => {
+      _.flipSections();
+    }, me = () => {
+      _.enableSections();
+    }, ge = () => {
+      _.disableSections();
+    };
+    return (e, n) => {
+      const be = ot, Y = Te, he = Le, ye = Ne, U = Pe;
+      return s(z)("isMobile") ? (c(), v("div", St, [
+        t("div", Ct, [
+          $t,
+          t("div", It, [
+            I(ye, { "click-handle": M })
+          ])
+        ]),
+        t("div", Et, [
+          I(Y, null, {
+            default: B(() => [
+              t("div", Tt, [
+                t("div", Pt, [
+                  t("div", Bt, [
+                    w.value.direction === "x" ? (c(), v("img", {
+                      key: 0,
+                      src: s(m) + "/bim-viewer/section_look_icon.png",
+                      alt: "",
+                      onClick: n[0] || (n[0] = (i) => k("x"))
+                    }, null, 8, Lt)) : (c(), v("img", {
+                      key: 1,
+                      src: s(m) + "/bim-viewer/section_unlook_icon.png",
+                      alt: "",
+                      onClick: n[1] || (n[1] = (i) => k("x"))
+                    }, null, 8, Nt))
+                  ]),
+                  t("div", Ot, [
+                    t("div", Vt, [
+                      zt,
+                      t("div", null, E(u.value.x) + " %", 1)
+                    ]),
+                    t("div", At, [
+                      I(U, {
+                        modelValue: u.value.x,
+                        "onUpdate:modelValue": n[2] || (n[2] = (i) => u.value.x = i),
+                        size: "large",
+                        "show-tooltip": !1,
+                        onInput: n[3] || (n[3] = (i) => T("x"))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])
+                ]),
+                t("div", xt, [
+                  t("div", Mt, [
+                    w.value.direction === "y" ? (c(), v("img", {
+                      key: 0,
+                      src: s(m) + "/bim-viewer/section_look_icon.png",
+                      alt: "",
+                      onClick: n[4] || (n[4] = (i) => k("y"))
+                    }, null, 8, Ut)) : (c(), v("img", {
+                      key: 1,
+                      src: s(m) + "/bim-viewer/section_unlook_icon.png",
+                      alt: "",
+                      onClick: n[5] || (n[5] = (i) => k("y"))
+                    }, null, 8, Dt))
+                  ]),
+                  t("div", Rt, [
+                    t("div", jt, [
+                      Kt,
+                      t("div", null, E(u.value.y) + " %", 1)
+                    ]),
+                    t("div", Ft, [
+                      I(U, {
+                        modelValue: u.value.y,
+                        "onUpdate:modelValue": n[6] || (n[6] = (i) => u.value.y = i),
+                        size: "large",
+                        "show-tooltip": !1,
+                        onInput: n[7] || (n[7] = (i) => T("y"))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])
+                ]),
+                t("div", Ht, [
+                  t("div", Wt, [
+                    w.value.direction === "z" ? (c(), v("img", {
+                      key: 0,
+                      src: s(m) + "/bim-viewer/section_look_icon.png",
+                      alt: "",
+                      onClick: n[8] || (n[8] = (i) => k("z"))
+                    }, null, 8, Yt)) : (c(), v("img", {
+                      key: 1,
+                      src: s(m) + "/bim-viewer/section_unlook_icon.png",
+                      alt: "",
+                      onClick: n[9] || (n[9] = (i) => k("z"))
+                    }, null, 8, Jt))
+                  ]),
+                  t("div", Xt, [
+                    t("div", qt, [
+                      Gt,
+                      t("div", null, E(u.value.z) + " %", 1)
+                    ]),
+                    t("div", Zt, [
+                      I(U, {
+                        modelValue: u.value.z,
+                        "onUpdate:modelValue": n[10] || (n[10] = (i) => u.value.z = i),
+                        size: "large",
+                        "show-tooltip": !1,
+                        onInput: n[11] || (n[11] = (i) => T("z"))
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ])
+      ])) : (c(), ne(he, {
+        key: 0,
+        class: "section_panel",
+        width: g.value,
+        panelTitle: "剖切",
+        "click-handle": M
+      }, {
+        default: B(() => [
+          t("div", ct, [
+            at,
+            t("div", null, [
+              I(be, {
+                "popper-class": "popover-wrapper",
+                placement: "bottom",
+                trigger: "hover",
+                "popper-style": `\r
+						inset: 290px 20px auto auto;\r
+						z-index:99999;\r
+						width: 120px;\r
+						text-align:center;\r
+						border-radius: 10px;\r
+					`
+              }, {
+                reference: B(() => [
+                  t("img", {
+                    src: s(m) + "/bim-viewer/slicing-more.png"
+                  }, null, 8, dt)
+                ]),
+                default: B(() => [
+                  t("div", pt, [
+                    (c(!0), v(Z, null, Q(s(Me), (i) => (c(), v("div", {
+                      key: i.id,
+                      class: "bulk-operation",
+                      onClick: (D) => pe(i)
+                    }, E(i.name), 9, ut))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          t("div", vt, [
+            I(Y, { height: "360px" }, {
+              default: B(() => [
+                p.value && p.value.length ? (c(!0), v(Z, { key: 0 }, Q(p.value, (i, D) => (c(), v("div", {
+                  key: D,
+                  class: F(["panel_cont_item", { panel_cont_item_choose: y.value === i.id }]),
+                  onClick: (N) => re(i)
+                }, [
+                  t("div", ft, [
+                    i.isLook ? (c(), v("img", {
+                      key: 1,
+                      src: s(m) + "/bim-viewer/section_unlook_icon.png",
+                      alt: "",
+                      onClick: (N) => H(i)
+                    }, null, 8, gt)) : (c(), v("img", {
+                      key: 0,
+                      src: s(m) + "/bim-viewer/section_look_icon.png",
+                      alt: "",
+                      onClick: (N) => H(i)
+                    }, null, 8, mt)),
+                    ie(" 剖切面#" + E(D + 1), 1)
+                  ]),
+                  t("div", bt, [
+                    i.directionLeft ? (c(), v("img", {
+                      key: 0,
+                      src: s(m) + "/bim-viewer/left_section_icon.png",
+                      alt: "",
+                      onClick: (N) => W(i)
+                    }, null, 8, ht)) : (c(), v("img", {
+                      key: 1,
+                      src: s(m) + "/bim-viewer/right_section_icon.png",
+                      alt: "",
+                      onClick: (N) => W(i)
+                    }, null, 8, yt)),
+                    t("img", {
+                      src: s(m) + "/bim-viewer/section_del_icon.png",
+                      alt: "",
+                      onClick: (N) => ce(i.id)
+                    }, null, 8, wt)
+                  ])
+                ], 10, _t))), 128)) : (c(), v("div", kt, [
+                  I(rt, {
+                    title: "暂无剖切，快去添加～",
+                    type: "model"
+                  })
+                ]))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["width"]));
+    };
+  }
+}), lo = /* @__PURE__ */ te(Qt, [["__scopeId", "data-v-036f78ea"]]);
+export {
+  lo as default
+};