@realsee/dnalogel 3.65.5 → 3.66.0-alpha.1

package/libs/PanoTagPlugin/Components/Common/TagPoint.js

@@ -1,9 +1,9 @@
-import { SvelteComponent as j, init as q, safe_not_equal as O, append_styles as U, element as g, space as k, create_component as z, attr as y, set_style as b, toggle_class as _, insert as W, append as w, mount_component as A, listen as X, transition_in as D, transition_out as I, detach as B, destroy_component as R, getContext as E, bubble as G } from "../../../vendor/svelte/internal/index.js";
-import H from "./Shadow.js";
-import J from "./Icon/Icon.js";
-import { Image_Default_Point as K } from "../../Assets/Icon.js";
+import { SvelteComponent as te, init as ie, safe_not_equal as ne, append_styles as re, element as D, space as j, create_component as W, attr as F, set_style as x, toggle_class as T, insert as G, append as w, mount_component as q, listen as I, transition_in as P, transition_out as S, check_outros as se, detach as J, destroy_component as V, run_all as ae, getContext as le, onMount as pe, group_outros as fe, bubble as de, binding_callbacks as X } from "../../../vendor/svelte/internal/index.js";
+import ue from "./Shadow.js";
+import me from "./Icon/Icon.js";
+import { Image_Default_Point as ge } from "../../Assets/Icon.js";
 import "../../../shared-utils/tag.js";
-import { isModelLike as N } from "../../../shared-utils/five/mode.js";
+import { isModelLike as ce } from "../../../shared-utils/five/mode.js";
 import "three";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
@@ -16,6 +16,7 @@ import "../../../vendor/animejs/lib/anime.es.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../shared-utils/five/FivePuppet.js";
+import ve from "./TagPopover.js";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
 import "../../utils/noTypecheck.js";
@@ -72,179 +73,384 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "@realsee/five";
-function Q(t) {
-  U(t, "svelte-fwhwvn", '@charset "UTF-8";.tag-point-click-helper.svelte-fwhwvn.svelte-fwhwvn{position:absolute;pointer-events:auto;cursor:pointer;width:141%;height:141%;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-fwhwvn.svelte-fwhwvn{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-folded-point.svelte-fwhwvn.svelte-fwhwvn,.tag-unfolded-point.svelte-fwhwvn.svelte-fwhwvn{transition:all 0.5s}.tag-point-wrapper.svelte-fwhwvn .tag-unfolded-point.svelte-fwhwvn{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-fwhwvn .tag-unfolded-point.svelte-fwhwvn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-fwhwvn .tag-unfolded-point.svelte-fwhwvn:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-fwhwvn .tag-folded-point.svelte-fwhwvn{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-fwhwvn .tag-unfolded-point.svelte-fwhwvn{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-fwhwvn .tag-folded-point.svelte-fwhwvn{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-fwhwvn .tag-unfolded-point.svelte-fwhwvn{opacity:1;scale:1}');
+import "./TagPopoverArrow.js";
+function he(o) {
+  re(o, "svelte-ionszx", '@charset "UTF-8";.tag-point-click-helper.svelte-ionszx.svelte-ionszx{position:absolute;pointer-events:auto;cursor:pointer;width:141%;height:141%;left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-ionszx.svelte-ionszx{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.popover-container.svelte-ionszx.svelte-ionszx{pointer-events:auto}.tag-folded-point.svelte-ionszx.svelte-ionszx,.tag-unfolded-point.svelte-ionszx.svelte-ionszx{transition:all 0.5s}.tag-point-wrapper.svelte-ionszx .tag-unfolded-point.svelte-ionszx{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-ionszx .tag-unfolded-point.svelte-ionszx:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-ionszx .tag-unfolded-point.svelte-ionszx:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-ionszx .tag-folded-point.svelte-ionszx{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-ionszx .tag-unfolded-point.svelte-ionszx{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-ionszx .tag-folded-point.svelte-ionszx{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-ionszx .tag-unfolded-point.svelte-ionszx{opacity:1;scale:1}.tag-point-wrapper.disable-unfold.svelte-ionszx .tag-folded-point.svelte-ionszx{opacity:1 !important;scale:1 !important}.tag-point-wrapper.disable-unfold.svelte-ionszx .tag-unfolded-point.svelte-ionszx{opacity:0 !important;scale:1 !important}');
 }
-function V(t) {
-  let i, p, f, s, u, m, h, e, n, a, v, c;
-  return s = new H({
+function B(o) {
+  var m;
+  let t, n, v;
+  return n = new ve({
+    props: {
+      tag: (
+        /*tag*/
+        o[0]
+      ),
+      config: (
+        /*tag*/
+        (m = o[0].config.hoverConfig) == null ? void 0 : m.popoverConfig
+      )
+    }
+  }), n.$on(
+    "mouseenter",
+    /*handlePopoverMouseEnter*/
+    o[8]
+  ), n.$on(
+    "mouseleave",
+    /*handlePopoverMouseLeave*/
+    o[9]
+  ), {
+    c() {
+      t = D("div"), W(n.$$.fragment), F(t, "class", "popover-container svelte-ionszx");
+    },
+    m(l, f) {
+      G(l, t, f), q(n, t, null), o[15](t), v = !0;
+    },
+    p(l, f) {
+      var e;
+      const z = {};
+      f & /*tag*/
+      1 && (z.tag = /*tag*/
+      l[0]), f & /*tag*/
+      1 && (z.config = /*tag*/
+      (e = l[0].config.hoverConfig) == null ? void 0 : e.popoverConfig), n.$set(z);
+    },
+    i(l) {
+      v || (P(n.$$.fragment, l), v = !0);
+    },
+    o(l) {
+      S(n.$$.fragment, l), v = !1;
+    },
+    d(l) {
+      l && J(t), V(n), o[15](null);
+    }
+  };
+}
+function be(o) {
+  var k;
+  let t, n, v, m, l, f, z, e, g, C, d, u, p;
+  m = new ue({
     props: {
       center: !0,
       blurRadius: 15,
       spreadRadius: 5,
       opacity: 0.3
     }
-  }), n = new J({
+  }), g = new me({
     props: {
       icon: (
         /*url*/
-        t[2]
+        o[6]
       ),
       width: (
         /*width*/
-        t[1]
+        o[5]
       )
     }
-  }), n.$on(
+  }), g.$on(
     "iconLoaded",
     /*iconLoaded_handler*/
-    t[7]
-  ), {
+    o[14]
+  );
+  let s = (
+    /*isHovering*/
+    (o[2] || /*tag*/
+    ((k = o[0].config.hoverConfig) == null ? void 0 : k.debug)) && B(o)
+  );
+  return {
     c() {
-      i = g("div"), p = g("div"), f = k(), z(s.$$.fragment), u = k(), m = g("div"), h = k(), e = g("div"), z(n.$$.fragment), y(p, "class", "tag-point-click-helper svelte-fwhwvn"), y(m, "class", "tag-unfolded-point svelte-fwhwvn"), b(
-        m,
+      var i;
+      t = D("div"), n = D("div"), v = j(), W(m.$$.fragment), l = j(), f = D("div"), z = j(), e = D("div"), W(g.$$.fragment), C = j(), s && s.c(), F(n, "class", "tag-point-click-helper svelte-ionszx"), F(f, "class", "tag-unfolded-point svelte-ionszx"), x(
+        f,
         "transition-delay",
         /*folded*/
-        (t[3] ? (
+        (o[7] ? (
           /*foldDelay*/
-          t[5]
+          o[13]
         ) : 0) + "ms"
-      ), y(e, "class", "tag-folded-point svelte-fwhwvn"), b(
+      ), F(e, "class", "tag-folded-point svelte-ionszx"), x(
         e,
         "transition-delay",
         /*folded*/
-        (t[3] ? (
+        (o[7] ? (
           /*foldDelay*/
-          t[5]
+          o[13]
         ) : 0) + "ms"
-      ), y(i, "class", "tag-point-wrapper svelte-fwhwvn"), _(
-        i,
+      ), F(t, "class", "tag-point-wrapper svelte-ionszx"), T(
+        t,
         "unfolded",
         /*unfolded*/
-        t[0]
-      ), _(
-        i,
+        o[1]
+      ), T(
+        t,
         "folded",
         /*folded*/
-        t[3]
+        o[7]
+      ), T(
+        t,
+        "hovering",
+        /*isHovering*/
+        o[2]
+      ), T(
+        t,
+        "disable-unfold",
+        /*tag*/
+        (i = o[0].config.hoverConfig) == null ? void 0 : i.enabled
       );
     },
-    m(o, l) {
-      W(o, i, l), w(i, p), w(i, f), A(s, i, null), w(i, u), w(i, m), w(i, h), w(i, e), A(n, e, null), a = !0, v || (c = X(
-        p,
-        "click",
-        /*handlePointClick*/
-        t[4]
-      ), v = !0);
+    m(i, a) {
+      G(i, t, a), w(t, n), w(t, v), q(m, t, null), w(t, l), w(t, f), w(t, z), w(t, e), q(g, e, null), w(t, C), s && s.m(t, null), o[16](t), d = !0, u || (p = [
+        I(
+          n,
+          "click",
+          /*handlePointClick*/
+          o[10]
+        ),
+        I(
+          t,
+          "mouseenter",
+          /*handleMouseEnter*/
+          o[11]
+        ),
+        I(
+          t,
+          "mouseleave",
+          /*handleMouseLeave*/
+          o[12]
+        )
+      ], u = !0);
     },
-    p(o, [l]) {
-      l & /*folded*/
-      8 && b(
-        m,
+    p(i, [a]) {
+      var U, L;
+      a & /*folded*/
+      128 && x(
+        f,
         "transition-delay",
         /*folded*/
-        (o[3] ? (
+        (i[7] ? (
           /*foldDelay*/
-          o[5]
+          i[13]
         ) : 0) + "ms"
       );
-      const r = {};
-      l & /*url*/
-      4 && (r.icon = /*url*/
-      o[2]), l & /*width*/
-      2 && (r.width = /*width*/
-      o[1]), n.$set(r), l & /*folded*/
-      8 && b(
+      const M = {};
+      a & /*url*/
+      64 && (M.icon = /*url*/
+      i[6]), a & /*width*/
+      32 && (M.width = /*width*/
+      i[5]), g.$set(M), a & /*folded*/
+      128 && x(
         e,
         "transition-delay",
         /*folded*/
-        (o[3] ? (
+        (i[7] ? (
           /*foldDelay*/
-          o[5]
+          i[13]
         ) : 0) + "ms"
-      ), (!a || l & /*unfolded*/
-      1) && _(
-        i,
+      ), /*isHovering*/
+      i[2] || /*tag*/
+      (U = i[0].config.hoverConfig) != null && U.debug ? s ? (s.p(i, a), a & /*isHovering, tag*/
+      5 && P(s, 1)) : (s = B(i), s.c(), P(s, 1), s.m(t, null)) : s && (fe(), S(s, 1, 1, () => {
+        s = null;
+      }), se()), (!d || a & /*unfolded*/
+      2) && T(
+        t,
         "unfolded",
         /*unfolded*/
-        o[0]
-      ), (!a || l & /*folded*/
-      8) && _(
-        i,
+        i[1]
+      ), (!d || a & /*folded*/
+      128) && T(
+        t,
         "folded",
         /*folded*/
-        o[3]
+        i[7]
+      ), (!d || a & /*isHovering*/
+      4) && T(
+        t,
+        "hovering",
+        /*isHovering*/
+        i[2]
+      ), (!d || a & /*tag*/
+      1) && T(
+        t,
+        "disable-unfold",
+        /*tag*/
+        (L = i[0].config.hoverConfig) == null ? void 0 : L.enabled
       );
     },
-    i(o) {
-      a || (D(s.$$.fragment, o), D(n.$$.fragment, o), a = !0);
+    i(i) {
+      d || (P(m.$$.fragment, i), P(g.$$.fragment, i), P(s), d = !0);
     },
-    o(o) {
-      I(s.$$.fragment, o), I(n.$$.fragment, o), a = !1;
+    o(i) {
+      S(m.$$.fragment, i), S(g.$$.fragment, i), S(s), d = !1;
     },
-    d(o) {
-      o && B(i), R(s), R(n), v = !1, c();
+    d(i) {
+      i && J(t), V(m), V(g), s && s.d(), o[16](null), u = !1, ae(p);
     }
   };
 }
-function Y(t, i, p) {
-  let f, s, u, m;
-  const h = E("hooks");
-  let { tag: e } = i, n, a = !1;
-  const v = () => {
-    n !== void 0 && clearTimeout(n), a = !0, n = setTimeout(
+function ze(o, t, n) {
+  let v, m, l, f;
+  const z = le("hooks");
+  let { tag: e } = t, g, C = !1, d = !1, u, p, s = null, k = null, i = !1, a = !1;
+  const M = () => {
+    i = !0, p && (clearTimeout(p), p = void 0);
+  }, U = (r) => {
+    i = !1, setTimeout(
       () => {
-        a = !1;
+        !i && !a && L();
+      },
+      50
+    );
+  }, L = () => {
+    p && clearTimeout(p), p = setTimeout(
+      () => {
+        var r;
+        !i && !a && !((r = e.config.hoverConfig) != null && r.debug) ? (console.log("隐藏popover, isMouseOverPopover=", i, "isMouseOverTagPoint=", a), n(2, d = !1)) : console.log("保持popover可见, isMouseOverPopover=", i, "isMouseOverTagPoint=", a);
+      },
+      300
+    );
+  };
+  pe(() => {
+    var r;
+    if ((r = e.config.hoverConfig) != null && r.enabled) {
+      const h = ["Link", "VRLink", "PanoLink", "Panorama"], b = e.config.unfoldedConfig, _ = e.data.mediaData && e.data.mediaData.length > 0 && e.data.mediaData[0].type === "Panorama";
+      if (!(h.includes(e.contentType) || _ || typeof b == "object" && b.keep === "unfolded")) {
+        const A = e.unfold, y = e.fold, E = e.unfoldAndFoldOthers, R = e.setUnfold;
+        n(
+          0,
+          e.unfold = function() {
+            var c;
+            if (!((c = this.config.hoverConfig) != null && c.enabled))
+              return A.apply(this, arguments);
+          },
+          e
+        ), n(
+          0,
+          e.fold = function() {
+            var c;
+            if (!((c = this.config.hoverConfig) != null && c.enabled))
+              return y.apply(this, arguments);
+          },
+          e
+        ), n(
+          0,
+          e.unfoldAndFoldOthers = function() {
+            var c;
+            if (!((c = this.config.hoverConfig) != null && c.enabled))
+              return E.apply(this, arguments);
+          },
+          e
+        ), n(
+          0,
+          e.setUnfold = function(c) {
+            var O;
+            if (!((O = this.config.hoverConfig) != null && O.enabled))
+              return R.apply(this, arguments);
+          },
+          e
+        );
+      }
+    }
+    return () => {
+      u && clearTimeout(u), p && clearTimeout(p);
+    };
+  });
+  const K = () => {
+    g !== void 0 && clearTimeout(g), C = !0, g = setTimeout(
+      () => {
+        C = !1;
       },
       800
     );
-  }, c = (r) => {
-    a || (e.entryFromModel && N(e.five.state.mode) ? e.find({ targetMode: "Panorama" }).then(() => e.unfoldAndFoldOthers()) : h.emit("click", { event: r, target: "TagPoint", tag: e }));
-  }, o = (() => e.contentType === "Text" && e.data.appearance === "plane" ? 500 : 800)();
-  function l(r) {
-    G.call(this, t, r);
+  }, N = (r) => {
+    C || (e.entryFromModel && ce(e.five.state.mode) ? e.find({ targetMode: "Panorama" }).then(() => {
+      var h;
+      (h = e.config.hoverConfig) != null && h.enabled || e.unfoldAndFoldOthers();
+    }) : z.emit("click", { event: r, target: "TagPoint", tag: e }));
+  }, Q = (r) => {
+    var _;
+    a = !0;
+    const { enabled: h, hoverDelay: b = 0 } = (_ = e.config.hoverConfig) != null ? _ : {};
+    h && (e.data.mediaData && e.data.mediaData.length > 0 && e.data.mediaData[0].type, p && (clearTimeout(p), p = void 0), u !== void 0 && clearTimeout(u), b > 0 ? u = setTimeout(
+      () => {
+        n(2, d = !0), e.hooks.emit("hover", { event: r, tag: e }), u = void 0;
+      },
+      b
+    ) : (n(2, d = !0), e.hooks.emit("hover", { event: r, tag: e })));
+  }, Y = (r) => {
+    var b;
+    a = !1;
+    const { enabled: h } = (b = e.config.hoverConfig) != null ? b : {};
+    h && (u !== void 0 && (clearTimeout(u), u = void 0), setTimeout(
+      () => {
+        !i && !a && L();
+      },
+      50
+    ));
+  }, Z = (() => e.contentType === "Text" && e.data.appearance === "plane" ? 500 : 800)();
+  function $(r) {
+    de.call(this, o, r);
+  }
+  function ee(r) {
+    X[r ? "unshift" : "push"](() => {
+      s = r, n(3, s);
+    });
+  }
+  function oe(r) {
+    X[r ? "unshift" : "push"](() => {
+      k = r, n(4, k);
+    });
   }
-  return t.$$set = (r) => {
-    "tag" in r && p(6, e = r.tag);
-  }, t.$$.update = () => {
-    var r, T, L, P;
-    t.$$.dirty & /*tag*/
-    64 && p(0, f = (r = e.state) == null ? void 0 : r.unfolded), t.$$.dirty & /*unfolded*/
-    1 && p(3, s = !f), t.$$.dirty & /*tag*/
-    64 && p(2, u = (L = (T = e.style) == null ? void 0 : T.point) != null && L.url ? (P = e.style) == null ? void 0 : P.point : { url: K }), t.$$.dirty & /*tag*/
-    64 && p(1, m = (() => {
-      var $, C, F, S;
-      const M = (C = ($ = e.style) == null ? void 0 : $.point) == null ? void 0 : C.width;
-      if (typeof M == "number")
-        return M;
-      const d = (S = (F = e.style) == null ? void 0 : F.point) == null ? void 0 : S.size;
-      if (typeof d == "number")
-        return d;
-      if (d === "S")
+  return o.$$set = (r) => {
+    "tag" in r && n(0, e = r.tag);
+  }, o.$$.update = () => {
+    var r, h, b, _, H;
+    o.$$.dirty & /*tag*/
+    1 && n(1, v = ((r = e.state) == null ? void 0 : r.unfolded) && !((h = e.config.hoverConfig) != null && h.enabled)), o.$$.dirty & /*unfolded*/
+    2 && n(7, m = !v), o.$$.dirty & /*tag*/
+    1 && n(6, l = (_ = (b = e.style) == null ? void 0 : b.point) != null && _.url ? (H = e.style) == null ? void 0 : H.point : { url: ge }), o.$$.dirty & /*tag*/
+    1 && n(5, f = (() => {
+      var E, R, c, O;
+      const A = (R = (E = e.style) == null ? void 0 : E.point) == null ? void 0 : R.width;
+      if (typeof A == "number")
+        return A;
+      const y = (O = (c = e.style) == null ? void 0 : c.point) == null ? void 0 : O.size;
+      if (typeof y == "number")
+        return y;
+      if (y === "S")
         return 18;
-      if (d === "M")
+      if (y === "M")
         return 20;
-      if (d === "L")
+      if (y === "L")
         return 24;
-      if (d === "XL")
+      if (y === "XL")
         return 28;
     })());
-  }, v(), [
+  }, K(), [
+    e,
+    v,
+    d,
+    s,
+    k,
     f,
+    l,
     m,
-    u,
-    s,
-    c,
-    o,
-    e,
-    l
+    M,
+    U,
+    N,
+    Q,
+    Y,
+    Z,
+    $,
+    ee,
+    oe
   ];
 }
-class ge extends j {
-  constructor(i) {
-    super(), q(this, i, Y, V, O, { tag: 6 }, Q);
+class Vo extends te {
+  constructor(t) {
+    super(), ie(this, t, ze, be, ne, { tag: 0 }, he);
   }
 }
 export {
-  ge as default
+  Vo as default
 };