@vsleem-realsee-viewer/projection-plugin 2.0.7 → 2.0.8

package/dist/BimControl-DEu7f-MB.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as v, ref as _, computed as P, watch as B, createElementBlock as w, openBlock as h, renderSlot as y, normalizeProps as C, guardReactiveProps as g } from "vue";
+import { Point as i } from "@vsleem-realsee-viewer/shared";
+import { y as x } from "./index-BvEgK94y.mjs";
+const M = { class: "vsleem-bim-control" }, b = /* @__PURE__ */ v({
+  name: "BimControl",
+  __name: "BimControl",
+  props: {
+    currentModel: {},
+    points: {}
+  },
+  setup(u, { expose: c }) {
+    const r = u, t = _([]), a = P(() => ({
+      currentModel: r.currentModel,
+      points: t.value,
+      setPoint1: p,
+      setPoint2: m
+    }));
+    B(() => r.points, l, { deep: !0, immediate: !0 });
+    function l() {
+      t.value = s(r.points || []);
+    }
+    function s(e) {
+      return e.map((n) => d(n));
+    }
+    function p(e) {
+      e && (t.value[0] = new i(e));
+    }
+    function m(e) {
+      e && (t.value[1] = new i(e));
+    }
+    function d(e, n = !0) {
+      const o = new i(e);
+      return o.y = n ? -o.y : o.y, o;
+    }
+    function f() {
+      return { points: s(t.value) };
+    }
+    return c({
+      getData: f
+    }), (e, n) => (h(), w("div", M, [
+      y(e.$slots, "bimViewer", C(g(a.value)), void 0, !0)
+    ]));
+  }
+}), D = /* @__PURE__ */ x(b, [["__scopeId", "data-v-86c694e2"]]);
+export {
+  D as default
+};

package/dist/CadControl-V1kj2Sda.mjs

@@ -0,0 +1,528 @@
+import { defineComponent as tn, shallowRef as un, watch as V, onBeforeUnmount as dn, createVNode as u, isVNode as F, cloneVNode as K, ref as E, reactive as pn, onMounted as mn, onUnmounted as vn, unref as T, createElementBlock as U, openBlock as H, createBlock as fn, createCommentVNode as W, createElementVNode as P, withModifiers as gn, withCtx as A, createTextVNode as Y, toDisplayString as R } from "vue";
+import { utils as N, CanvasElement as hn, CanvasPointElement as q, Point as J, CanvasImageElement as Sn, DataHelper as yn } from "@vsleem-realsee-viewer/shared";
+import { z as Cn, D as wn, _ as Q, E as Dn, K as en, G as bn, d as $n, b as Z, f as xn, P as k, H as zn, x as In, n as nn, y as _n } from "./index-BvEgK94y.mjs";
+import { u as En, S as Tn } from "./resize-Bvzb1xAn.mjs";
+function Mn(n, a, g) {
+  var e = g || {}, t = e.noTrailing, h = t === void 0 ? !1 : t, x = e.noLeading, l = x === void 0 ? !1 : x, f = e.debounceMode, i = f === void 0 ? void 0 : f, o, s = !1, d = 0;
+  function C() {
+    o && clearTimeout(o);
+  }
+  function M(w) {
+    var D = w || {}, S = D.upcomingOnly, _ = S === void 0 ? !1 : S;
+    C(), s = !_;
+  }
+  function z() {
+    for (var w = arguments.length, D = new Array(w), S = 0; S < w; S++)
+      D[S] = arguments[S];
+    var _ = this, p = Date.now() - d;
+    if (s)
+      return;
+    function y() {
+      d = Date.now(), a.apply(_, D);
+    }
+    function m() {
+      o = void 0;
+    }
+    !l && i && !o && y(), C(), i === void 0 && p > n ? l ? (d = Date.now(), h || (o = setTimeout(i ? m : y, n))) : y() : h !== !0 && (o = setTimeout(i ? m : y, i === void 0 ? n - p : n));
+  }
+  return z.cancel = M, z;
+}
+function Pn(n, a, g) {
+  var e = {}, t = e.atBegin, h = t === void 0 ? !1 : t;
+  return Mn(n, a, {
+    debounceMode: h !== !1
+  });
+}
+const Nn = new en("antSpinMove", {
+  to: {
+    opacity: 1
+  }
+}), On = new en("antRotate", {
+  to: {
+    transform: "rotate(405deg)"
+  }
+}), Bn = (n) => ({
+  [`${n.componentCls}`]: Q(Q({}, Dn(n)), {
+    position: "absolute",
+    display: "none",
+    color: n.colorPrimary,
+    textAlign: "center",
+    verticalAlign: "middle",
+    opacity: 0,
+    transition: `transform ${n.motionDurationSlow} ${n.motionEaseInOutCirc}`,
+    "&-spinning": {
+      position: "static",
+      display: "inline-block",
+      opacity: 1
+    },
+    "&-nested-loading": {
+      position: "relative",
+      [`> div > ${n.componentCls}`]: {
+        position: "absolute",
+        top: 0,
+        insetInlineStart: 0,
+        zIndex: 4,
+        display: "block",
+        width: "100%",
+        height: "100%",
+        maxHeight: n.contentHeight,
+        [`${n.componentCls}-dot`]: {
+          position: "absolute",
+          top: "50%",
+          insetInlineStart: "50%",
+          margin: -n.spinDotSize / 2
+        },
+        [`${n.componentCls}-text`]: {
+          position: "absolute",
+          top: "50%",
+          width: "100%",
+          paddingTop: (n.spinDotSize - n.fontSize) / 2 + 2,
+          textShadow: `0 1px 2px ${n.colorBgContainer}`
+          // FIXME: shadow
+        },
+        [`&${n.componentCls}-show-text ${n.componentCls}-dot`]: {
+          marginTop: -(n.spinDotSize / 2) - 10
+        },
+        "&-sm": {
+          [`${n.componentCls}-dot`]: {
+            margin: -n.spinDotSizeSM / 2
+          },
+          [`${n.componentCls}-text`]: {
+            paddingTop: (n.spinDotSizeSM - n.fontSize) / 2 + 2
+          },
+          [`&${n.componentCls}-show-text ${n.componentCls}-dot`]: {
+            marginTop: -(n.spinDotSizeSM / 2) - 10
+          }
+        },
+        "&-lg": {
+          [`${n.componentCls}-dot`]: {
+            margin: -(n.spinDotSizeLG / 2)
+          },
+          [`${n.componentCls}-text`]: {
+            paddingTop: (n.spinDotSizeLG - n.fontSize) / 2 + 2
+          },
+          [`&${n.componentCls}-show-text ${n.componentCls}-dot`]: {
+            marginTop: -(n.spinDotSizeLG / 2) - 10
+          }
+        }
+      },
+      [`${n.componentCls}-container`]: {
+        position: "relative",
+        transition: `opacity ${n.motionDurationSlow}`,
+        "&::after": {
+          position: "absolute",
+          top: 0,
+          insetInlineEnd: 0,
+          bottom: 0,
+          insetInlineStart: 0,
+          zIndex: 10,
+          width: "100%",
+          height: "100%",
+          background: n.colorBgContainer,
+          opacity: 0,
+          transition: `all ${n.motionDurationSlow}`,
+          content: '""',
+          pointerEvents: "none"
+        }
+      },
+      [`${n.componentCls}-blur`]: {
+        clear: "both",
+        opacity: 0.5,
+        userSelect: "none",
+        pointerEvents: "none",
+        "&::after": {
+          opacity: 0.4,
+          pointerEvents: "auto"
+        }
+      }
+    },
+    // tip
+    // ------------------------------
+    "&-tip": {
+      color: n.spinDotDefault
+    },
+    // dots
+    // ------------------------------
+    [`${n.componentCls}-dot`]: {
+      position: "relative",
+      display: "inline-block",
+      fontSize: n.spinDotSize,
+      width: "1em",
+      height: "1em",
+      "&-item": {
+        position: "absolute",
+        display: "block",
+        width: (n.spinDotSize - n.marginXXS / 2) / 2,
+        height: (n.spinDotSize - n.marginXXS / 2) / 2,
+        backgroundColor: n.colorPrimary,
+        borderRadius: "100%",
+        transform: "scale(0.75)",
+        transformOrigin: "50% 50%",
+        opacity: 0.3,
+        animationName: Nn,
+        animationDuration: "1s",
+        animationIterationCount: "infinite",
+        animationTimingFunction: "linear",
+        animationDirection: "alternate",
+        "&:nth-child(1)": {
+          top: 0,
+          insetInlineStart: 0
+        },
+        "&:nth-child(2)": {
+          top: 0,
+          insetInlineEnd: 0,
+          animationDelay: "0.4s"
+        },
+        "&:nth-child(3)": {
+          insetInlineEnd: 0,
+          bottom: 0,
+          animationDelay: "0.8s"
+        },
+        "&:nth-child(4)": {
+          bottom: 0,
+          insetInlineStart: 0,
+          animationDelay: "1.2s"
+        }
+      },
+      "&-spin": {
+        transform: "rotate(45deg)",
+        animationName: On,
+        animationDuration: "1.2s",
+        animationIterationCount: "infinite",
+        animationTimingFunction: "linear"
+      }
+    },
+    // Sizes
+    // ------------------------------
+    // small
+    [`&-sm ${n.componentCls}-dot`]: {
+      fontSize: n.spinDotSizeSM,
+      i: {
+        width: (n.spinDotSizeSM - n.marginXXS / 2) / 2,
+        height: (n.spinDotSizeSM - n.marginXXS / 2) / 2
+      }
+    },
+    // large
+    [`&-lg ${n.componentCls}-dot`]: {
+      fontSize: n.spinDotSizeLG,
+      i: {
+        width: (n.spinDotSizeLG - n.marginXXS) / 2,
+        height: (n.spinDotSizeLG - n.marginXXS) / 2
+      }
+    },
+    [`&${n.componentCls}-show-text ${n.componentCls}-text`]: {
+      display: "block"
+    }
+  })
+}), Ln = Cn("Spin", (n) => {
+  const a = wn(n, {
+    spinDotDefault: n.colorTextDescription,
+    spinDotSize: n.controlHeightLG / 2,
+    spinDotSizeSM: n.controlHeightLG * 0.35,
+    spinDotSizeLG: n.controlHeight
+  });
+  return [Bn(a)];
+}, {
+  contentHeight: 400
+});
+var Rn = function(n, a) {
+  var g = {};
+  for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && a.indexOf(e) < 0 && (g[e] = n[e]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function") for (var t = 0, e = Object.getOwnPropertySymbols(n); t < e.length; t++)
+    a.indexOf(e[t]) < 0 && Object.prototype.propertyIsEnumerable.call(n, e[t]) && (g[e[t]] = n[e[t]]);
+  return g;
+};
+const Xn = () => ({
+  prefixCls: String,
+  spinning: {
+    type: Boolean,
+    default: void 0
+  },
+  size: String,
+  wrapperClassName: String,
+  tip: k.any,
+  delay: Number,
+  indicator: k.any
+});
+let X = null;
+function Gn(n, a) {
+  return !!n && !!a && !isNaN(Number(a));
+}
+function Hn(n) {
+  const a = n.indicator;
+  X = typeof a == "function" ? a : () => u(a, null, null);
+}
+const O = tn({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASpin",
+  inheritAttrs: !1,
+  props: bn(Xn(), {
+    size: "default",
+    spinning: !0,
+    wrapperClassName: ""
+  }),
+  setup(n, a) {
+    let {
+      attrs: g,
+      slots: e
+    } = a;
+    const {
+      prefixCls: t,
+      size: h,
+      direction: x
+    } = $n("spin", n), [l, f] = Ln(t), i = un(n.spinning && !Gn(n.spinning, n.delay));
+    let o;
+    return V([() => n.spinning, () => n.delay], () => {
+      o?.cancel(), o = Pn(n.delay, () => {
+        i.value = n.spinning;
+      }), o?.();
+    }, {
+      immediate: !0,
+      flush: "post"
+    }), dn(() => {
+      o?.cancel();
+    }), () => {
+      var s, d;
+      const {
+        class: C
+      } = g, M = Rn(g, ["class"]), {
+        tip: z = (s = e.tip) === null || s === void 0 ? void 0 : s.call(e)
+      } = n, w = (d = e.default) === null || d === void 0 ? void 0 : d.call(e), D = {
+        [f.value]: !0,
+        [t.value]: !0,
+        [`${t.value}-sm`]: h.value === "small",
+        [`${t.value}-lg`]: h.value === "large",
+        [`${t.value}-spinning`]: i.value,
+        [`${t.value}-show-text`]: !!z,
+        [`${t.value}-rtl`]: x.value === "rtl",
+        [C]: !!C
+      };
+      function S(p) {
+        const y = `${p}-dot`;
+        let m = zn(e, n, "indicator");
+        return m === null ? null : (Array.isArray(m) && (m = m.length === 1 ? m[0] : m), F(m) ? K(m, {
+          class: y
+        }) : X && F(X()) ? K(X(), {
+          class: y
+        }) : u("span", {
+          class: `${y} ${p}-dot-spin`
+        }, [u("i", {
+          class: `${p}-dot-item`
+        }, null), u("i", {
+          class: `${p}-dot-item`
+        }, null), u("i", {
+          class: `${p}-dot-item`
+        }, null), u("i", {
+          class: `${p}-dot-item`
+        }, null)]));
+      }
+      const _ = u("div", Z(Z({}, M), {}, {
+        class: D,
+        "aria-live": "polite",
+        "aria-busy": i.value
+      }), [S(t.value), z ? u("div", {
+        class: `${t.value}-text`
+      }, [z]) : null]);
+      if (w && xn(w).length) {
+        const p = {
+          [`${t.value}-container`]: !0,
+          [`${t.value}-blur`]: i.value
+        };
+        return l(u("div", {
+          class: [`${t.value}-nested-loading`, n.wrapperClassName, f.value]
+        }, [i.value && u("div", {
+          key: "loading"
+        }, [_]), u("div", {
+          class: p,
+          key: "container"
+        }, [w])]));
+      }
+      return l(_);
+    };
+  }
+});
+O.setDefaultIndicator = Hn;
+O.install = function(n) {
+  return n.component(O.name, O), n;
+};
+const An = { class: "vsleem-cad-control" }, Vn = { class: "tool-button" }, jn = {
+  key: 0,
+  class: "distance"
+}, Fn = /* @__PURE__ */ tn({
+  name: "CadControl",
+  __name: "CadControl",
+  props: {
+    currentModel: {},
+    points: {},
+    connected: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(n, { expose: a, emit: g }) {
+    const e = g, t = n, [h] = In("CadControl"), x = E(!0), l = E(0), f = E(), i = E(), o = E([]), s = E(), d = pn({ x: 0, y: 0, scale: 1 }), C = E([]), M = E(0), z = N.debounce(S, 300);
+    V(() => t.currentModel?.id, z), V(() => t.points, y), mn(() => {
+      En(f, z);
+    }), vn(() => {
+      w();
+    });
+    function w() {
+      i.value && (i.value.unBindEvent(), i.value = void 0);
+    }
+    function D(v) {
+      return ["#5bb36f", "#ff4d4f", "rgba(91, 179, 111, 0.8)"][v];
+    }
+    async function S() {
+      try {
+        T(f) && (await _(), await p(), await y()), l.value = 0;
+      } finally {
+        x.value = !1;
+      }
+    }
+    function _() {
+      const v = f.value?.getBoundingClientRect(), { width: c, height: I } = v;
+      i.value?.unBindEvent(), i.value = new hn({
+        container: f.value,
+        width: c,
+        height: I,
+        isDrawAssist: !0,
+        onClick(r, b) {
+          const $ = new q({
+            x: r,
+            y: b,
+            text: l.value + 1,
+            backgroundColor: D(l.value)
+          });
+          o.value[l.value] = $, i.value?.draw();
+          const { x: G, y: B } = $, L = N.toModelCoord(G, B, d);
+          C.value[l.value] = new J(L), sn(), e("change", j());
+        },
+        draw(r) {
+          if (s.value?.draw(r), t.connected && o.value.length === 2) {
+            const [b, $] = o.value;
+            r.lineWidth = 2 / (i.value?.scale ?? 1), r.beginPath(), r.moveTo($.x, $.y), r.lineTo(b.x, b.y), r.strokeStyle = D(2), r.stroke();
+          }
+          o.value.forEach((b) => {
+            i.value && b.draw(r, i.value);
+          });
+        }
+      });
+    }
+    function p() {
+      return new Promise((v, c) => {
+        if (!t.currentModel?.modelValue)
+          return s.value = void 0, v(void 0);
+        x.value = !0;
+        const I = f.value?.getBoundingClientRect(), { width: r, height: b } = I;
+        s.value = new Sn({
+          src: t.currentModel?.modelValue,
+          onload($) {
+            if (!s.value) return;
+            const { scale: G, x: B, y: L, sw: rn, sh: cn } = N.getImageTransform(
+              r,
+              b,
+              $.width,
+              $.height
+            );
+            s.value.width = rn, s.value.height = cn, s.value.x = B, s.value.y = L, d.x = B, d.y = L, d.scale = G, v(s.value);
+          },
+          onerror() {
+            x.value = !1, c("image error");
+          },
+          redraw: () => i.value?.draw()
+        });
+      });
+    }
+    async function y() {
+      C.value = [...N.cloneDeep(t.points || [])], await m(), await on(), i.value?.draw();
+    }
+    function m() {
+      o.value = C.value.map((v, c) => {
+        const { x: I, y: r } = v, { x: b, y: $ } = N.toCanvasCoord(I, r, d);
+        return new q({
+          x: b,
+          y: $,
+          text: c + 1,
+          backgroundColor: D(c)
+        });
+      }), i.value?.draw();
+    }
+    function on() {
+      if (t.points?.length === 2) {
+        const v = t.currentModel, c = v?.findParentSpace();
+        if (v && c) {
+          const I = yn.srcPointToDstPoint(t.points, v, c);
+          if (I.length === 2) {
+            const r = J.distXY(I[0], I[1]);
+            M.value = parseFloat((r / 1e3).toFixed(2));
+          }
+        }
+      }
+    }
+    function an() {
+      l.value = 0;
+    }
+    function ln() {
+      l.value = 1;
+    }
+    function sn() {
+      l.value = l.value === 0 ? 1 : 0;
+    }
+    function j() {
+      return {
+        points: C.value
+      };
+    }
+    return a({
+      getData: j
+    }), (v, c) => (H(), U("div", An, [
+      x.value ? (H(), fn(T(O), {
+        key: 0,
+        class: "cad-spin"
+      })) : W("", !0),
+      P("canvas", {
+        ref_key: "canvasElRef",
+        ref: f,
+        class: "cad-wrapper",
+        onSelectstart: c[0] || (c[0] = gn(() => {
+        }, ["prevent"]))
+      }, null, 544),
+      P("div", Vn, [
+        u(T(Tn), null, {
+          default: A(() => [
+            u(T(nn), {
+              type: "primary",
+              ghost: l.value !== 0,
+              onClick: an
+            }, {
+              default: A(() => [
+                Y(R(T(h)?.locationPoint1), 1)
+              ]),
+              _: 1
+            }, 8, ["ghost"]),
+            M.value ? (H(), U("div", jn, [
+              P("div", null, R(T(h)?.distance), 1),
+              c[1] || (c[1] = P("div", { class: "divider" }, null, -1)),
+              P("div", null, R(M.value) + " m", 1)
+            ])) : W("", !0),
+            u(T(nn), {
+              type: "primary",
+              danger: "",
+              ghost: l.value != 1,
+              onClick: ln
+            }, {
+              default: A(() => [
+                Y(R(T(h)?.locationPoint2), 1)
+              ]),
+              _: 1
+            }, 8, ["ghost"])
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), qn = /* @__PURE__ */ _n(Fn, [["__scopeId", "data-v-02d78fb1"]]);
+export {
+  qn as default
+};