@xtctwins/tctwins-bimx-engine 0.1.21 → 0.1.23

package/dist/CommentTool-CR9lVrzW.mjs

@@ -0,0 +1,338 @@
+import { j as ge, k as V, l as H, O as u, m as we, n as fe } from "./index-BlDGbvS0.mjs";
+import { a as Ce } from "./el-input-Bm753NUP.mjs";
+import { defineComponent as ke, onMounted as xe, ref as a, watch as be, openBlock as s, createElementBlock as n, unref as c, createElementVNode as t, Fragment as S, renderList as y, normalizeClass as T, normalizeStyle as M, toDisplayString as j, withModifiers as G, createCommentVNode as N, createVNode as X, withCtx as Se, pushScopeId as ye, popScopeId as Te } from "vue";
+import { C as Z, F as Ie, L as Ee, T as ze } from "./const-CbUmfuHy.mjs";
+const h = (p) => (ye("data-v-de358d46"), p = p(), Te(), p), Le = { class: "comment_component" }, Be = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", {
+  id: "comments_panel",
+  class: "comments_panel"
+}, null, -1)), Ve = {
+  key: 0,
+  id: "comments_toolbar",
+  class: "comments_toolbar"
+}, Me = { class: "comments_toolbar_wrapper" }, Ne = { class: "comments_toolbar_group" }, Re = ["onClick"], Ae = ["src"], We = ["src"], De = {
+  key: 2,
+  class: "edit-tips"
+}, Oe = { class: "edit_tips_content" }, Pe = {
+  key: 0,
+  class: "tips-weight"
+}, $e = ["onClick"], Fe = {
+  key: 1,
+  class: "tips-weight"
+}, Ue = ["onClick"], He = { class: "tips-color" }, je = ["onClick"], Ge = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", { class: "splitLine" }, null, -1)), Xe = { class: "comments_toolbar_group" }, Ze = ["src"], qe = ["src"], Je = ["src"], Ke = ["src"], Qe = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", { class: "splitLine" }, null, -1)), Ye = {
+  key: 1,
+  class: "mobile_comments_toolbar"
+}, et = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", { class: "comment-title-box" }, [
+  /* @__PURE__ */ t("div", { class: "comment-title" }, "批注")
+], -1)), tt = { class: "comment-list" }, ot = ["onClick"], st = { class: "comment-icon" }, nt = ["src"], lt = { class: "comment-name" }, it = { class: "comment-icon" }, ct = ["src"], at = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", {
+  class: "comment-name",
+  style: { color: "#df1c1c" }
+}, " 删除 ", -1)), rt = {
+  key: 2,
+  class: "comment_create_text_box"
+}, dt = { class: "label-text-edit" }, vt = { class: "text-edit-head" }, mt = ["src"], ut = /* @__PURE__ */ h(() => /* @__PURE__ */ t("div", { class: "text-edit-title" }, "创建文字批注", -1)), _t = { class: "text-edit-body" }, ht = { class: "text-edit-input" }, pt = /* @__PURE__ */ ke({
+  __name: "CommentTool",
+  props: ["componentId"],
+  emits: ["closePanel", "emitHandler"],
+  setup(p, { emit: q }) {
+    const R = ge(), A = p;
+    xe(() => {
+      R.setReadyById(A.componentId);
+    });
+    let W, i, _;
+    const r = a(0), L = a(1), B = a(1), D = a(1), J = a(Z), v = a(), g = a(!1), w = a(!1), I = a(!1), E = a(!1), f = a(""), O = a(), C = a({
+      show: !1,
+      // 是否显示
+      title: "标题",
+      // 弹窗标题
+      content: "内容",
+      // 弹窗内容
+      submitName: "确认",
+      // 弹窗按钮
+      confirm: () => {
+        console.log("点击了确认"), C.value.show = !1;
+      },
+      close: () => {
+        console.log("点击了关闭"), C.value.show = !1;
+      }
+    }), P = q, K = (e) => {
+      P("emitHandler", e);
+    };
+    be(
+      () => R.isToolActive(A.componentId),
+      (e) => {
+        var m;
+        e ? (r.value = 1, k("path"), setTimeout(() => {
+          var d;
+          V("isMobile") && ((d = document.getElementById("svgImage")) == null || d.addEventListener("touchstart", $));
+        }, 100)) : V("isMobile") && ((m = document.getElementById("svgImage")) == null || m.removeEventListener("touchstart", $));
+      }
+    );
+    const $ = (e) => {
+      e.target.tagName == "image" && (r.value === 5 ? (f.value = "", O.value = e, E.value = !0) : I.value = !1);
+    };
+    H.on("BimViewer", () => {
+      console.log("BimViewer"), W = window.BimViewer, i = window.BimViewer.commentTool, _ = window.BimViewer.eventTrigger, k(""), _.on("createNew", () => {
+        r.value = 0, k("");
+      }), _.on("newState", () => {
+        g.value = !0, w.value = !1;
+      }), _.on("noPreviousState", () => {
+        g.value = !1;
+      }), _.on("noNewState", () => {
+        w.value = !1;
+      }), _.on("choseTarget", (e) => {
+        I.value = !0, r.value = 0, k("");
+      });
+    });
+    const Q = () => {
+      f.value ? (i.clickCreateText(O.value, f.value), E.value = !1) : Y("请输入内容");
+    }, Y = (e, m) => {
+      C.value = {
+        show: !0,
+        // 是否显示
+        title: "提示",
+        // 弹窗标题
+        content: e,
+        // 弹窗内容
+        submitName: "确定",
+        // 弹窗按钮
+        confirm: () => {
+          console.log("点击了确认"), C.value.show = !1;
+        },
+        close: () => {
+          console.log("点击了关闭"), C.value.show = !1;
+        }
+      };
+    };
+    H.on("withdraw", () => {
+      g.value = !1, w.value = !1;
+    });
+    const F = (e) => {
+      r.value === e.id && (r.value = 0), L.value = 1, B.value = 1, v.value = e.buttontype, r.value = e.id, k(e.buttontype);
+    }, ee = () => {
+      i.saveComments();
+      const e = document.getElementById("svgImage");
+      if (e) {
+        const m = new XMLSerializer().serializeToString(e), d = document.createElement("canvas"), z = d.getContext("2d"), l = window.devicePixelRatio || 1, o = e.clientWidth * l, x = e.clientHeight * l;
+        d.width = o, d.height = x;
+        const b = new Image();
+        b.onload = function() {
+          d.width = b.width, d.height = b.height, z && z.drawImage(b, 0, 0), K({
+            isTool: !0,
+            event_target: "CommentTool",
+            event_name: "saveComment",
+            content: {
+              img_data: d.toDataURL("image/png").split(",")[1]
+            }
+          }), U();
+        }, b.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(m)}`;
+      }
+    }, U = () => {
+      W.SetCommentsToolActive(!1), P("closePanel");
+    }, te = () => {
+      window.BimViewer.commentTool.deleteCurrentComments(), I.value = !1;
+    }, k = (e) => {
+      i.setCurrentMode(e);
+    }, oe = (e) => {
+      L.value = e.id, v.value === "path" ? de(e.size) : v.value === "arrow" ? ue(e.size) : v.value === "rect" ? me(e.size) : v.value === "ellipse" && ve(e.size);
+    }, se = (e) => {
+      B.value = e.id, v.value === "path" ? le(e.color) : v.value === "arrow" ? ae(e.color) : v.value === "rect" ? ce(e.color) : v.value === "ellipse" ? ie(e.color) : v.value === "text" && re(e.color);
+    }, ne = (e) => {
+      D.value = e.id, _e(e.fontSize);
+    }, le = (e) => {
+      i.pathColor = e;
+    }, ie = (e) => {
+      i.ellipseColor = e;
+    }, ce = (e) => {
+      i.rectColor = e;
+    }, ae = (e) => {
+      i.arrowColor = e;
+    }, re = (e) => {
+      i.textColor = e;
+    }, de = (e) => {
+      i.pathStrokeWidth = e;
+    }, ve = (e) => {
+      i.ellipseStrokeWidth = e;
+    }, me = (e) => {
+      i.rectStrokeWidth = e;
+    }, ue = (e) => {
+      i.arrowSize = e;
+    }, _e = (e) => {
+      i.textFontSize = e;
+    }, he = () => {
+      i.ReDo(() => {
+      }), g.value = !0;
+    }, pe = () => {
+      i.UnDo(() => {
+      }), w.value = !0;
+    };
+    return (e, m) => {
+      const d = we, z = Ce;
+      return s(), n("div", Le, [
+        Be,
+        c(V)("isMobile") ? (s(), n("div", Ye, [
+          et,
+          X(d, null, {
+            default: Se(() => [
+              t("div", tt, [
+                (s(!0), n(S, null, y(c(Z), (l, o) => (s(), n("div", {
+                  key: o,
+                  class: T(["comment-item", {
+                    "comment-item-active": r.value === l.id
+                  }]),
+                  onClick: (x) => F(l)
+                }, [
+                  t("div", null, [
+                    t("div", st, [
+                      t("img", {
+                        src: c(u) + `/bim-viewer/annotations/${r.value === l.id ? l.svgActive : l.svg}.svg`
+                      }, null, 8, nt)
+                    ]),
+                    t("div", lt, j(l.name), 1)
+                  ])
+                ], 10, ot))), 128)),
+                I.value ? (s(), n("div", {
+                  key: 0,
+                  class: "comment-item",
+                  onClick: te
+                }, [
+                  t("div", null, [
+                    t("div", it, [
+                      t("img", {
+                        src: c(u) + "/bim-viewer/delete.svg",
+                        alt: ""
+                      }, null, 8, ct)
+                    ]),
+                    at
+                  ])
+                ])) : N("", !0)
+              ])
+            ]),
+            _: 1
+          })
+        ])) : (s(), n("div", Ve, [
+          t("div", Me, [
+            t("div", Ne, [
+              (s(!0), n(S, null, y(J.value, (l) => (s(), n("div", {
+                key: l.id,
+                class: T(["comments_tool_btn", { comments_tool_btn_active: r.value === l.id }]),
+                onClick: (o) => F(l)
+              }, [
+                r.value === l.id ? (s(), n("img", {
+                  key: 0,
+                  src: c(u) + "/bim-viewer/annotations/" + l.imgActive + ".png"
+                }, null, 8, Ae)) : (s(), n("img", {
+                  key: 1,
+                  src: c(u) + "/bim-viewer/annotations/" + l.img + ".png"
+                }, null, 8, We)),
+                r.value === l.id ? (s(), n("div", De, [
+                  t("div", Oe, [
+                    l.buttontype === "text" ? (s(), n("div", Pe, [
+                      (s(!0), n(S, null, y(c(Ie), (o) => (s(), n("div", {
+                        key: o.id,
+                        class: T(["text1", { text2: D.value === o.id }]),
+                        style: M({ "font-size": o.id === 0 ? "18px" : o.id === 1 ? "16px" : "12px" }),
+                        onClick: (x) => ne(o)
+                      }, j(o.name), 15, $e))), 128))
+                    ])) : (s(), n("div", Fe, [
+                      (s(!0), n(S, null, y(c(Ee), (o) => (s(), n("div", {
+                        key: o.id,
+                        class: T(["weight", { choose_weight: L.value === o.id }]),
+                        style: M({
+                          width: o.id === 0 ? "6px" : o.id === 1 ? "14px" : "20px",
+                          height: o.id === 0 ? "6px" : o.id === 1 ? "14px" : "20px"
+                        }),
+                        onClick: G((x) => oe(o), ["stop"])
+                      }, null, 14, Ue))), 128))
+                    ])),
+                    t("div", He, [
+                      (s(!0), n(S, null, y(c(ze), (o) => (s(), n("div", {
+                        key: o.id,
+                        class: T(["color-item", { choose_color: B.value === o.id }]),
+                        style: M({
+                          background: o.color,
+                          border: o.id === 5 ? "1px solid #CBCFD9" : "",
+                          width: o.id === 5 ? "18px" : "1rem",
+                          height: o.id === 5 ? "18px" : "1rem"
+                        }),
+                        onClick: G((x) => se(o), ["stop"])
+                      }, null, 14, je))), 128))
+                    ])
+                  ])
+                ])) : N("", !0)
+              ], 10, Re))), 128))
+            ]),
+            Ge,
+            t("div", Xe, [
+              t("div", {
+                class: "comments_tool_btn",
+                onClick: pe
+              }, [
+                g.value ? (s(), n("img", {
+                  key: 0,
+                  src: c(u) + "/bim-viewer/annotations/left-revoke-active.png"
+                }, null, 8, Ze)) : (s(), n("img", {
+                  key: 1,
+                  src: c(u) + "/bim-viewer/annotations/left-revoke.png"
+                }, null, 8, qe))
+              ]),
+              t("div", {
+                class: "comments_tool_btn",
+                onClick: he
+              }, [
+                w.value ? (s(), n("img", {
+                  key: 0,
+                  src: c(u) + "/bim-viewer/annotations/right-revoke-active.png"
+                }, null, 8, Je)) : (s(), n("img", {
+                  key: 1,
+                  src: c(u) + "/bim-viewer/annotations/right-revoke.png"
+                }, null, 8, Ke))
+              ])
+            ]),
+            Qe,
+            t("div", { class: "comments_toolbar_group" }, [
+              t("div", {
+                class: "comments_cancel",
+                onClick: U
+              }, " 取消 "),
+              t("div", {
+                class: "comments_save",
+                onClick: ee
+              }, " 保存 ")
+            ])
+          ])
+        ])),
+        E.value ? (s(), n("div", rt, [
+          t("div", dt, [
+            t("div", vt, [
+              t("img", {
+                class: "text-edit-back",
+                src: c(u) + "/bim-viewer/back_gray.svg",
+                alt: "",
+                onClick: m[0] || (m[0] = (l) => E.value = !1)
+              }, null, 8, mt),
+              ut,
+              t("div", {
+                class: "text-edit-finish",
+                onClick: Q
+              }, " 完成 ")
+            ]),
+            t("div", _t, [
+              t("div", ht, [
+                X(z, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": m[1] || (m[1] = (l) => f.value = l),
+                  type: "textarea",
+                  placeholder: "请输入文本内容",
+                  autosize: { minRows: 2 }
+                }, null, 8, ["modelValue"])
+              ])
+            ])
+          ])
+        ])) : N("", !0)
+      ]);
+    };
+  }
+}), kt = /* @__PURE__ */ fe(pt, [["__scopeId", "data-v-de358d46"]]);
+export {
+  kt as default
+};

package/dist/HiddenTool-Wi-kOd2H.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as g, onMounted as b, ref as E, openBlock as l, createElementBlock as d, createElementVNode as o, Fragment as B, renderList as V, unref as c, normalizeClass as a, toDisplayString as S, pushScopeId as k, popScopeId as y } from "vue";
+import { j as C, l as I, k as H, O, n as x } from "./index-BlDGbvS0.mjs";
+import { H as T } from "./const-CbUmfuHy.mjs";
+const j = (n) => (k("data-v-1535adf3"), n = n(), y(), n), A = { class: "hidden_wrapper" }, D = /* @__PURE__ */ j(() => /* @__PURE__ */ o("div", { class: "hidden_title_box" }, [
+  /* @__PURE__ */ o("div", { class: "hidden_title" }, "其他")
+], -1)), L = { class: "hidden_content" }, M = ["onClick"], N = ["src"], R = /* @__PURE__ */ g({
+  __name: "HiddenTool",
+  props: ["componentId"],
+  emits: ["closePanel", "emitHandler"],
+  setup(n, { emit: $ }) {
+    const _ = C(), w = n;
+    b(() => {
+      _.setReadyById(w.componentId);
+    });
+    const t = E(0);
+    I.on("BimViewer", () => {
+      const { eventTrigger: e } = window.BimViewer;
+      H("isMobile") ? e.on("touchEntity", (s) => {
+        window.BimViewer.disableClickEvent && r(s);
+      }) : e.on("pickedEntity", (s) => {
+        window.BimViewer.disableClickEvent && r(s);
+      });
+    });
+    const r = (e) => {
+      t.value != -1 && (t.value == 1 ? p(e) : t.value == 2 ? u(e) : t.value == 3 && m(e));
+    }, p = (e) => {
+      window.BimViewer.setEntityVisible(e);
+    }, u = (e) => {
+      window.BimViewer.setEntityHighlighted(e);
+    }, m = (e) => {
+      window.BimViewer.setEntitySelected(e);
+    }, v = () => {
+      window.BimViewer.setAllObjectsVisible(!0), window.BimViewer.setAllObjectsHighlighted(!1), window.BimViewer.setAllObjectsSelected(!1);
+    }, h = (e) => {
+      e == 0 ? (t.value = e, v()) : t.value = e;
+    };
+    return (e, s) => (l(), d("div", A, [
+      D,
+      o("div", L, [
+        (l(!0), d(B, null, V(c(T), (i, f) => (l(), d("div", {
+          key: f,
+          class: a(["button_", { button_active: t.value == i.id }]),
+          onClick: (z) => h(i.id)
+        }, [
+          o("img", {
+            src: c(O) + `/bim-viewer/hidden-bar/${t.value == i.id ? i.img_active : i.img}.svg`
+          }, null, 8, N),
+          o("span", {
+            class: a({ active_text: t.value == i.id })
+          }, S(i.name), 3)
+        ], 10, M))), 128))
+      ])
+    ]));
+  }
+}), q = /* @__PURE__ */ x(R, [["__scopeId", "data-v-1535adf3"]]);
+export {
+  q as default
+};