@realsee/dnalogel 3.4.0-dev.3 → 3.4.0-tag-dev.0

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -89,6 +89,7 @@ import "./Tag/MediaPlane.js";
 import "./Tag/LinkTag.js";
 import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
+import "./Tag/PanoramaTag.js";
 import "./Tag/CustomTag.js";
 import "../../vendor/classnames/index.js";
 import "./Common/TagPoint.js";
@@ -267,7 +268,7 @@ function G(p, t, i) {
     "withAnimation" in l && i(0, e = l.withAnimation), "tags" in l && i(1, m = l.tags), "hooks" in l && i(6, r = l.hooks), "mediaStore" in l && i(2, a = l.mediaStore), "renderMap" in l && i(3, o = l.renderMap), "state" in l && i(4, n = l.state), "temporaryState" in l && i(5, s = l.temporaryState);
   }, [e, m, a, o, n, s, r];
 }
-class ye extends v {
+class qe extends v {
   constructor(t) {
     super(), A(
       this,
@@ -289,5 +290,5 @@ class ye extends v {
   }
 }
 export {
-  ye as default
+  qe as default
 };

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,9 +1,9 @@
-import { SvelteComponent as J, init as K, safe_not_equal as O, append_styles as Q, element as C, space as U, attr as c, null_to_empty as R, set_style as P, toggle_class as d, insert as M, append as V, transition_out as k, check_outros as j, transition_in as v, detach as N, getContext as W, group_outros as z, noop as y, create_component as F, mount_component as G, destroy_component as H } from "../../vendor/svelte/internal/index.js";
-import X from "./Tag/index.js";
+import { SvelteComponent as J, init as K, safe_not_equal as O, append_styles as Q, empty as U, insert as N, transition_in as h, transition_out as k, check_outros as L, detach as P, getContext as W, element as M, space as X, attr as _, null_to_empty as V, set_style as C, toggle_class as b, append as j, group_outros as q, noop as w, create_component as F, mount_component as G, destroy_component as H } from "../../vendor/svelte/internal/index.js";
+import Y from "./Tag/index.js";
 import "three";
-import { noTypecheck as B } from "../utils/noTypecheck.js";
-import Y from "./Common/TagPoint.js";
-import { classnames as E } from "../../vendor/classnames/index.js";
+import { noTypecheck as z } from "../utils/noTypecheck.js";
+import Z from "./Common/TagPoint.js";
+import { classnames as B } from "../../vendor/classnames/index.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
 import "./Common/Line/Straight.js";
@@ -90,76 +90,235 @@ import "./Tag/MediaPlane.js";
 import "./Tag/LinkTag.js";
 import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
+import "./Tag/PanoramaTag.js";
 import "./Tag/CustomTag.js";
-function Z(o) {
+function x(o) {
   Q(o, "svelte-t2hepc", ".tag.svelte-t2hepc{will-change:opacity}.tag.withAnimation.svelte-t2hepc{transition:opacity 0.2s linear}.tag.hide.svelte-t2hepc{opacity:0;pointer-events:none}.tag.hide.svelte-t2hepc *{pointer-events:none !important}.tag.unClickable.svelte-t2hepc{pointer-events:none !important}.tag.unClickable.svelte-t2hepc *{pointer-events:none !important}.tag.disable.svelte-t2hepc{display:none}.wrapper.svelte-t2hepc{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
 }
-function x(o) {
-  let e;
-  return {
+function E(o) {
+  let i, e, t, r, a, s, c, v, u, f;
+  const S = [tt, $], d = [];
+  function p(n, m) {
+    return (
+      /*havePoint*/
+      n[14] ? 0 : 1
+    );
+  }
+  t = p(o), r = d[t] = S[t](o);
+  const T = [it, et], g = [];
+  function A(n, m) {
+    return (
+      /*haveContent*/
+      n[13] ? 0 : 1
+    );
+  }
+  return s = A(o), c = g[s] = T[s](o), {
     c() {
-      e = C("div"), c(e, "data-info", "tag point is disable");
+      i = M("div"), e = M("div"), r.c(), a = X(), c.c(), _(e, "class", v = V(B(
+        "wrapper",
+        /*tag*/
+        o[1].className ? `${/*tag*/
+        o[1].className}__wrapper` : void 0
+      )) + " svelte-t2hepc"), _(
+        e,
+        "data-tag-unfolded",
+        /*unfolded*/
+        o[9]
+      ), _(
+        e,
+        "data-tag-id",
+        /*id*/
+        o[12]
+      ), _(e, "data-content-type", u = /*tag*/
+      o[1].contentType), C(
+        e,
+        "left",
+        /*left*/
+        o[8]
+      ), C(
+        e,
+        "top",
+        /*top*/
+        o[7]
+      ), _(i, "class", "tag svelte-t2hepc"), _(
+        i,
+        "data-tag-id",
+        /*id*/
+        o[12]
+      ), b(
+        i,
+        "unClickable",
+        /*tag*/
+        o[1].config.clickable === !1
+      ), b(
+        i,
+        "disable",
+        /*disable*/
+        o[11]
+      ), b(
+        i,
+        "hide",
+        /*hide*/
+        o[10]
+      ), b(
+        i,
+        "withAnimation",
+        /*withAnimation*/
+        o[0]
+      );
     },
-    m(t, i) {
-      M(t, e, i);
+    m(n, m) {
+      N(n, i, m), j(i, e), d[t].m(e, null), j(e, a), g[s].m(e, null), f = !0;
     },
-    p: y,
-    i: y,
-    o: y,
-    d(t) {
-      t && N(e);
+    p(n, m) {
+      let l = t;
+      t = p(n), t === l ? d[t].p(n, m) : (q(), k(d[l], 1, 1, () => {
+        d[l] = null;
+      }), L(), r = d[t], r ? r.p(n, m) : (r = d[t] = S[t](n), r.c()), h(r, 1), r.m(e, a));
+      let y = s;
+      s = A(n), s === y ? g[s].p(n, m) : (q(), k(g[y], 1, 1, () => {
+        g[y] = null;
+      }), L(), c = g[s], c ? c.p(n, m) : (c = g[s] = T[s](n), c.c()), h(c, 1), c.m(e, null)), (!f || m & /*tag*/
+      2 && v !== (v = V(B(
+        "wrapper",
+        /*tag*/
+        n[1].className ? `${/*tag*/
+        n[1].className}__wrapper` : void 0
+      )) + " svelte-t2hepc")) && _(e, "class", v), (!f || m & /*unfolded*/
+      512) && _(
+        e,
+        "data-tag-unfolded",
+        /*unfolded*/
+        n[9]
+      ), (!f || m & /*id*/
+      4096) && _(
+        e,
+        "data-tag-id",
+        /*id*/
+        n[12]
+      ), (!f || m & /*tag*/
+      2 && u !== (u = /*tag*/
+      n[1].contentType)) && _(e, "data-content-type", u), m & /*left*/
+      256 && C(
+        e,
+        "left",
+        /*left*/
+        n[8]
+      ), m & /*top*/
+      128 && C(
+        e,
+        "top",
+        /*top*/
+        n[7]
+      ), (!f || m & /*id*/
+      4096) && _(
+        i,
+        "data-tag-id",
+        /*id*/
+        n[12]
+      ), (!f || m & /*tag*/
+      2) && b(
+        i,
+        "unClickable",
+        /*tag*/
+        n[1].config.clickable === !1
+      ), (!f || m & /*disable*/
+      2048) && b(
+        i,
+        "disable",
+        /*disable*/
+        n[11]
+      ), (!f || m & /*hide*/
+      1024) && b(
+        i,
+        "hide",
+        /*hide*/
+        n[10]
+      ), (!f || m & /*withAnimation*/
+      1) && b(
+        i,
+        "withAnimation",
+        /*withAnimation*/
+        n[0]
+      );
+    },
+    i(n) {
+      f || (h(r), h(c), f = !0);
+    },
+    o(n) {
+      k(r), k(c), f = !1;
+    },
+    d(n) {
+      n && P(i), d[t].d(), g[s].d();
     }
   };
 }
 function $(o) {
-  let e, t;
-  return e = new Y({ props: { tag: (
+  let i;
+  return {
+    c() {
+      i = M("div"), _(i, "data-info", "tag point is disable");
+    },
+    m(e, t) {
+      N(e, i, t);
+    },
+    p: w,
+    i: w,
+    o: w,
+    d(e) {
+      e && P(i);
+    }
+  };
+}
+function tt(o) {
+  let i, e;
+  return i = new Z({ props: { tag: (
     /*tag*/
     o[1]
   ) } }), {
     c() {
-      F(e.$$.fragment);
+      F(i.$$.fragment);
     },
-    m(i, p) {
-      G(e, i, p), t = !0;
+    m(t, r) {
+      G(i, t, r), e = !0;
     },
-    p(i, p) {
-      const m = {};
-      p & /*tag*/
-      2 && (m.tag = /*tag*/
-      i[1]), e.$set(m);
+    p(t, r) {
+      const a = {};
+      r & /*tag*/
+      2 && (a.tag = /*tag*/
+      t[1]), i.$set(a);
     },
-    i(i) {
-      t || (v(e.$$.fragment, i), t = !0);
+    i(t) {
+      e || (h(i.$$.fragment, t), e = !0);
     },
-    o(i) {
-      k(e.$$.fragment, i), t = !1;
+    o(t) {
+      k(i.$$.fragment, t), e = !1;
     },
-    d(i) {
-      H(e, i);
+    d(t) {
+      H(i, t);
     }
   };
 }
-function tt(o) {
-  let e;
+function et(o) {
+  let i;
   return {
     c() {
-      e = C("div"), c(e, "data-info", "tag content is disable");
+      i = M("div"), _(i, "data-info", "tag content is disable");
     },
-    m(t, i) {
-      M(t, e, i);
+    m(e, t) {
+      N(e, i, t);
     },
-    p: y,
-    i: y,
-    o: y,
-    d(t) {
-      t && N(e);
+    p: w,
+    i: w,
+    o: w,
+    d(e) {
+      e && P(i);
     }
   };
 }
-function et(o) {
-  let e, t;
-  return e = new X({
+function it(o) {
+  let i, e;
+  return i = new Y({
     props: {
       mediaStore: (
         /*mediaStore*/
@@ -169,13 +328,13 @@ function et(o) {
         /*withAnimation*/
         o[0]
       ),
-      tag: B(
+      tag: z(
         /*tag*/
         o[1]
       ),
       hooks: (
         /*hooks*/
-        o[14]
+        o[15]
       ),
       state: (
         /*state*/
@@ -192,242 +351,116 @@ function et(o) {
     }
   }), {
     c() {
-      F(e.$$.fragment);
+      F(i.$$.fragment);
     },
-    m(i, p) {
-      G(e, i, p), t = !0;
+    m(t, r) {
+      G(i, t, r), e = !0;
     },
-    p(i, p) {
-      const m = {};
-      p & /*mediaStore*/
-      4 && (m.mediaStore = /*mediaStore*/
-      i[2]), p & /*withAnimation*/
-      1 && (m.withAnimation = /*withAnimation*/
-      i[0]), p & /*tag*/
-      2 && (m.tag = B(
+    p(t, r) {
+      const a = {};
+      r & /*mediaStore*/
+      4 && (a.mediaStore = /*mediaStore*/
+      t[2]), r & /*withAnimation*/
+      1 && (a.withAnimation = /*withAnimation*/
+      t[0]), r & /*tag*/
+      2 && (a.tag = z(
         /*tag*/
-        i[1]
-      )), p & /*state*/
-      16 && (m.state = /*state*/
-      i[4]), p & /*temporaryState*/
-      32 && (m.temporaryState = /*temporaryState*/
-      i[5]), p & /*renderMap*/
-      8 && (m.renderMap = /*renderMap*/
-      i[3]), e.$set(m);
+        t[1]
+      )), r & /*state*/
+      16 && (a.state = /*state*/
+      t[4]), r & /*temporaryState*/
+      32 && (a.temporaryState = /*temporaryState*/
+      t[5]), r & /*renderMap*/
+      8 && (a.renderMap = /*renderMap*/
+      t[3]), i.$set(a);
     },
-    i(i) {
-      t || (v(e.$$.fragment, i), t = !0);
+    i(t) {
+      e || (h(i.$$.fragment, t), e = !0);
     },
-    o(i) {
-      k(e.$$.fragment, i), t = !1;
+    o(t) {
+      k(i.$$.fragment, t), e = !1;
     },
-    d(i) {
-      H(e, i);
+    d(t) {
+      H(i, t);
     }
   };
 }
-function it(o) {
-  let e, t, i, p, m, s, f, _, g, l;
-  const w = [$, x], a = [];
-  function S(n, r) {
-    return (
-      /*havePoint*/
-      n[13] ? 0 : 1
-    );
-  }
-  i = S(o), p = a[i] = w[i](o);
-  const T = [et, tt], u = [];
-  function A(n, r) {
-    return (
-      /*haveContent*/
-      n[12] ? 0 : 1
-    );
-  }
-  return s = A(o), f = u[s] = T[s](o), {
+function ot(o) {
+  let i, e, t = (
+    /*screenPosition*/
+    o[6] && E(o)
+  );
+  return {
     c() {
-      e = C("div"), t = C("div"), p.c(), m = U(), f.c(), c(t, "class", _ = R(E(
-        "wrapper",
-        /*tag*/
-        o[1].className ? `${/*tag*/
-        o[1].className}__wrapper` : void 0
-      )) + " svelte-t2hepc"), c(
-        t,
-        "data-tag-unfolded",
-        /*unfolded*/
-        o[8]
-      ), c(
-        t,
-        "data-tag-id",
-        /*id*/
-        o[11]
-      ), c(t, "data-content-type", g = /*tag*/
-      o[1].contentType), P(
-        t,
-        "left",
-        /*left*/
-        o[7]
-      ), P(
-        t,
-        "top",
-        /*top*/
-        o[6]
-      ), c(e, "class", "tag svelte-t2hepc"), c(
-        e,
-        "data-tag-id",
-        /*id*/
-        o[11]
-      ), d(
-        e,
-        "unClickable",
-        /*tag*/
-        o[1].config.clickable === !1
-      ), d(
-        e,
-        "disable",
-        /*disable*/
-        o[10]
-      ), d(
-        e,
-        "hide",
-        /*hide*/
-        o[9]
-      ), d(
-        e,
-        "withAnimation",
-        /*withAnimation*/
-        o[0]
-      );
+      t && t.c(), i = U();
     },
-    m(n, r) {
-      M(n, e, r), V(e, t), a[i].m(t, null), V(t, m), u[s].m(t, null), l = !0;
+    m(r, a) {
+      t && t.m(r, a), N(r, i, a), e = !0;
     },
-    p(n, [r]) {
-      let h = i;
-      i = S(n), i === h ? a[i].p(n, r) : (z(), k(a[h], 1, 1, () => {
-        a[h] = null;
-      }), j(), p = a[i], p ? p.p(n, r) : (p = a[i] = w[i](n), p.c()), v(p, 1), p.m(t, m));
-      let b = s;
-      s = A(n), s === b ? u[s].p(n, r) : (z(), k(u[b], 1, 1, () => {
-        u[b] = null;
-      }), j(), f = u[s], f ? f.p(n, r) : (f = u[s] = T[s](n), f.c()), v(f, 1), f.m(t, null)), (!l || r & /*tag*/
-      2 && _ !== (_ = R(E(
-        "wrapper",
-        /*tag*/
-        n[1].className ? `${/*tag*/
-        n[1].className}__wrapper` : void 0
-      )) + " svelte-t2hepc")) && c(t, "class", _), (!l || r & /*unfolded*/
-      256) && c(
-        t,
-        "data-tag-unfolded",
-        /*unfolded*/
-        n[8]
-      ), (!l || r & /*id*/
-      2048) && c(
-        t,
-        "data-tag-id",
-        /*id*/
-        n[11]
-      ), (!l || r & /*tag*/
-      2 && g !== (g = /*tag*/
-      n[1].contentType)) && c(t, "data-content-type", g), r & /*left*/
-      128 && P(
-        t,
-        "left",
-        /*left*/
-        n[7]
-      ), r & /*top*/
-      64 && P(
-        t,
-        "top",
-        /*top*/
-        n[6]
-      ), (!l || r & /*id*/
-      2048) && c(
-        e,
-        "data-tag-id",
-        /*id*/
-        n[11]
-      ), (!l || r & /*tag*/
-      2) && d(
-        e,
-        "unClickable",
-        /*tag*/
-        n[1].config.clickable === !1
-      ), (!l || r & /*disable*/
-      1024) && d(
-        e,
-        "disable",
-        /*disable*/
-        n[10]
-      ), (!l || r & /*hide*/
-      512) && d(
-        e,
-        "hide",
-        /*hide*/
-        n[9]
-      ), (!l || r & /*withAnimation*/
-      1) && d(
-        e,
-        "withAnimation",
-        /*withAnimation*/
-        n[0]
-      );
+    p(r, [a]) {
+      /*screenPosition*/
+      r[6] ? t ? (t.p(r, a), a & /*screenPosition*/
+      64 && h(t, 1)) : (t = E(r), t.c(), h(t, 1), t.m(i.parentNode, i)) : t && (q(), k(t, 1, 1, () => {
+        t = null;
+      }), L());
     },
-    i(n) {
-      l || (v(p), v(f), l = !0);
+    i(r) {
+      e || (h(t), e = !0);
     },
-    o(n) {
-      k(p), k(f), l = !1;
+    o(r) {
+      k(t), e = !1;
     },
-    d(n) {
-      n && N(e), a[i].d(), u[s].d();
+    d(r) {
+      t && t.d(r), r && P(i);
     }
   };
 }
-function ot(o, e, t) {
-  let i, p, m, s, f, _, g, l, { withAnimation: w = !1 } = e, { tag: a } = e, { mediaStore: S } = e, { renderMap: T = /* @__PURE__ */ new Map() } = e, { state: u } = e, { temporaryState: A } = e;
-  const n = W("hooks");
-  return o.$$set = (r) => {
-    "withAnimation" in r && t(0, w = r.withAnimation), "tag" in r && t(1, a = r.tag), "mediaStore" in r && t(2, S = r.mediaStore), "renderMap" in r && t(3, T = r.renderMap), "state" in r && t(4, u = r.state), "temporaryState" in r && t(5, A = r.temporaryState);
+function rt(o, i, e) {
+  let t, r, a, s, c, v, u, f, S, { withAnimation: d = !1 } = i, { tag: p } = i, { mediaStore: T } = i, { renderMap: g = /* @__PURE__ */ new Map() } = i, { state: A } = i, { temporaryState: n } = i;
+  const m = W("hooks");
+  return o.$$set = (l) => {
+    "withAnimation" in l && e(0, d = l.withAnimation), "tag" in l && e(1, p = l.tag), "mediaStore" in l && e(2, T = l.mediaStore), "renderMap" in l && e(3, g = l.renderMap), "state" in l && e(4, A = l.state), "temporaryState" in l && e(5, n = l.temporaryState);
   }, o.$$.update = () => {
-    var r, h, b, L, q;
+    var l, y, D;
     o.$$.dirty & /*tag*/
-    2 && t(13, i = (() => {
-      var D, I;
-      return !(((I = (D = a.style) == null ? void 0 : D.point) == null ? void 0 : I.enabled) === !1 || a.contentType === "Sticker" || a.contentType === "Link" || a.contentType === "VRLink" || a.contentType === "PanoLink" || a.contentType === "Audio" && a.data.appearance === "plane");
+    2 && e(14, t = (() => {
+      var I, R;
+      return !(((R = (I = p.style) == null ? void 0 : I.point) == null ? void 0 : R.enabled) === !1 || p.contentType === "Sticker" || p.contentType === "Link" || p.contentType === "VRLink" || p.contentType === "PanoLink" || p.contentType === "Audio" && p.data.appearance === "plane");
     })()), o.$$.dirty & /*tag*/
-    2 && t(12, p = (() => a.stickType === "2DPoint")()), o.$$.dirty & /*tag*/
-    2 && t(11, m = a.id), o.$$.dirty & /*tag*/
-    2 && t(10, s = a.enabled === !1 || !a.state), o.$$.dirty & /*tag*/
-    2 && t(9, f = !((r = a.state) != null && r.visible) || ((h = a.temporaryState) == null ? void 0 : h.visible) === !1 || !a.screenPosition), o.$$.dirty & /*tag*/
-    2 && t(8, _ = (b = a.state) == null ? void 0 : b.unfolded), o.$$.dirty & /*tag*/
-    2 && t(7, g = ((L = a.screenPosition) == null ? void 0 : L.leftPercent) + "%"), o.$$.dirty & /*tag*/
-    2 && t(6, l = ((q = a.screenPosition) == null ? void 0 : q.topPercent) + "%");
+    2 && e(13, r = (() => p.stickType === "2DPoint")()), o.$$.dirty & /*tag*/
+    2 && e(12, a = p.id), o.$$.dirty & /*tag*/
+    2 && e(11, s = p.enabled === !1 || !p.state), o.$$.dirty & /*tag*/
+    2 && e(10, c = !((l = p.state) != null && l.visible) || ((y = p.temporaryState) == null ? void 0 : y.visible) === !1 || !p.screenPosition), o.$$.dirty & /*tag*/
+    2 && e(9, v = (D = p.state) == null ? void 0 : D.unfolded), o.$$.dirty & /*tag*/
+    2 && e(6, u = p.screenPosition), o.$$.dirty & /*screenPosition*/
+    64 && e(8, f = (u == null ? void 0 : u.leftPercent) + "%"), o.$$.dirty & /*screenPosition*/
+    64 && e(7, S = (u == null ? void 0 : u.topPercent) + "%");
   }, [
-    w,
-    a,
-    S,
+    d,
+    p,
     T,
-    u,
-    A,
-    l,
     g,
-    _,
+    A,
+    n,
+    u,
+    S,
     f,
+    v,
+    c,
     s,
-    m,
-    p,
-    i,
-    n
+    a,
+    r,
+    t,
+    m
   ];
 }
-class Je extends J {
-  constructor(e) {
+class Oe extends J {
+  constructor(i) {
     super(), K(
       this,
-      e,
+      i,
+      rt,
       ot,
-      it,
       O,
       {
         withAnimation: 0,
@@ -437,10 +470,10 @@ class Je extends J {
         state: 4,
         temporaryState: 5
       },
-      Z
+      x
     );
   }
 }
 export {
-  Je as default
+  Oe as default
 };

package/libs/PanoTagPlugin/controller/TagComputer.d.ts

@@ -17,10 +17,6 @@ export declare abstract class TagComputer extends TagUtil {
     getUnfoldedByCamera(tag: TagInstance): boolean;
     protected setTagZIndex(tags: TagInstance[]): void;
     protected calculateTagZIndex(tag: TagInstance): number;
-    /**
-     * @description: 一个点的标签
-     */
-    protected setPointTagPosition(): void;
     protected setVisible(tags?: TagInstance[]): void;
     protected setUnfoldedByPanoIndex(): void;
     /**