@xtctwins/tctwins-bimx-engine 0.3.2 → 0.3.4

package/dist/CameraViewTool-DYukyv5Q.mjs

@@ -0,0 +1,164 @@
+import { o as Y, p as q, q as h, O as x, F as z, y as A } from "./index-BSouWIqa.mjs";
+import { defineComponent as F, ref as l, watch as k, onMounted as P, onBeforeUnmount as W, openBlock as u, createElementBlock as g, normalizeClass as T, createElementVNode as t, createBlock as j, withCtx as G, unref as B, withDirectives as N, vModelText as E, createCommentVNode as J } from "vue";
+const K = { class: "cameraView_tool_btn" }, Q = ["src"], Z = {
+  key: 1,
+  class: "cameraView_tool_btn"
+}, ee = ["src"], te = { class: "dialog-container" }, oe = { class: "dialog-header" }, ae = { class: "dialog-content" }, se = { class: "preview-shot" }, ne = ["src"], le = { class: "form-group" }, ie = { class: "form-group" }, ce = { class: "dialog-footer" }, re = /* @__PURE__ */ F({
+  __name: "CameraViewTool",
+  props: ["componentId", "instruction"],
+  emits: ["emitHandler"],
+  setup(I, { emit: S }) {
+    const _ = Y();
+    let v;
+    const w = l(!q("isMobile")), p = I;
+    k(
+      () => _.isToolActive(p.componentId),
+      (o) => {
+      }
+    ), k(
+      () => p.instruction,
+      (o) => {
+        if (o && o.instruct_name == "setCameraView") {
+          const e = o.content.cameraView;
+          v.flyToNewView({ ...e, duration: 1 });
+        }
+      },
+      { deep: !0 }
+    ), P(() => {
+      _.setReadyById(p.componentId);
+    });
+    const V = () => {
+      v = window.bimViewer, window.bimViewer.eventTrigger;
+    };
+    h.on("BimViewer", V);
+    const R = (o, e) => {
+      const a = document.getElementById("myCanvas"), s = document.createElement("a");
+      s.download = "screenshot.png";
+      const d = document.createElement("canvas"), i = d.getContext("2d");
+      if (a && i) {
+        d.width = o, d.height = e;
+        const M = o / a.width, L = e / a.height, b = Math.max(M, L), C = a.width * b, y = a.height * b, O = (o - C) / 2, X = (e - y) / 2;
+        return i.clearRect(0, 0, o, e), i.fillStyle = "transparent", i.fillRect(0, 0, o, e), i.drawImage(a, 0, 0, a.width, a.height, O, X, C, y), d.toDataURL("image/png");
+      } else
+        return "";
+    }, U = S, $ = (o) => {
+      U("emitHandler", o);
+    }, c = l(""), r = l(""), n = l(!1), m = l(""), f = l(), D = () => {
+      n.value = !0, f.value = v.getCameraView(), m.value = R(220, 124);
+    }, H = () => {
+      $({
+        isTool: !0,
+        event_target: "CameraViewTool",
+        event_name: "newCameraView",
+        content: {
+          cameraView: f.value,
+          title: c.value,
+          description: r.value,
+          img_data: m.value
+        }
+      }), n.value = !1, c.value = "", r.value = "", f.value = null, m.value = "";
+    };
+    return W(() => {
+      h.off("BimViewer", V);
+    }), (o, e) => {
+      const a = z;
+      return u(), g("div", {
+        class: T(["cameraView_component", { is_mobile: !w.value }])
+      }, [
+        t("div", {
+          class: "new_btn",
+          onClick: D
+        }, [
+          w.value ? (u(), j(a, {
+            key: 0,
+            content: "添加视角",
+            placement: "top",
+            effect: "light"
+          }, {
+            default: G(() => [
+              t("div", K, [
+                t("img", {
+                  class: "img",
+                  src: `${B(x)}/bim-viewer/cameraView/cameraViewNew.svg`,
+                  alt: ""
+                }, null, 8, Q)
+              ])
+            ]),
+            _: 1
+          })) : (u(), g("div", Z, [
+            t("img", {
+              class: "img",
+              src: `${B(x)}/bim-viewer/cameraView/cameraViewNew.svg`,
+              alt: ""
+            }, null, 8, ee)
+          ]))
+        ]),
+        n.value ? (u(), g("div", {
+          key: 0,
+          class: T(["newViewDialog", { mobile_dialog: !w.value }])
+        }, [
+          t("div", {
+            class: "dialog-overlay",
+            onClick: e[0] || (e[0] = (s) => n.value = !1)
+          }),
+          t("div", te, [
+            t("div", oe, [
+              e[6] || (e[6] = t("span", { class: "dialog-title" }, "添加视角", -1)),
+              t("button", {
+                class: "dialog-close",
+                onClick: e[1] || (e[1] = (s) => n.value = !1)
+              }, e[5] || (e[5] = [
+                t("span", null, "✕", -1)
+              ]))
+            ]),
+            t("div", ae, [
+              t("div", se, [
+                t("img", {
+                  src: m.value,
+                  alt: "视角预览"
+                }, null, 8, ne)
+              ]),
+              t("div", le, [
+                e[7] || (e[7] = t("label", { class: "form-label" }, "视角名称", -1)),
+                N(t("input", {
+                  "onUpdate:modelValue": e[2] || (e[2] = (s) => c.value = s),
+                  type: "text",
+                  class: "form-input",
+                  placeholder: "请输入视角名称",
+                  maxlength: "50"
+                }, null, 512), [
+                  [E, c.value]
+                ])
+              ]),
+              t("div", ie, [
+                e[8] || (e[8] = t("label", { class: "form-label" }, "视角描述", -1)),
+                N(t("textarea", {
+                  "onUpdate:modelValue": e[3] || (e[3] = (s) => r.value = s),
+                  class: "form-textarea",
+                  placeholder: "请输入视角描述",
+                  maxlength: "200",
+                  rows: "4"
+                }, null, 512), [
+                  [E, r.value]
+                ])
+              ])
+            ]),
+            t("div", ce, [
+              t("button", {
+                class: "btn btn-secondary",
+                onClick: e[4] || (e[4] = (s) => n.value = !1)
+              }, "取 消"),
+              t("button", {
+                class: "btn btn-primary",
+                onClick: H
+              }, "确 定")
+            ])
+          ])
+        ], 2)) : J("", !0)
+      ], 2);
+    };
+  }
+}), ue = /* @__PURE__ */ A(re, [["__scopeId", "data-v-2c9174bb"]]);
+export {
+  ue as default
+};