@realsee/dnalogel 3.5.0-dev.5 → 3.5.0-tag-dev.1

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, empty as U, insert as P, transition_in as h, transition_out as k, check_outros as L, detach as N, 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 { SvelteComponent as K, init as O, safe_not_equal as Q, append_styles as U, empty as W, insert as P, transition_in as h, transition_out as k, check_outros as L, detach as N, getContext as X, element as C, space as Y, attr as _, null_to_empty as j, set_style as A, toggle_class as b, append as z, group_outros as q, noop as v, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
+import Z from "./Tag/index.js";
 import "three";
-import { noTypecheck as z } from "../utils/noTypecheck.js";
-import Z from "./Common/TagPoint.js";
-import { classnames as B } from "../../vendor/classnames/index.js";
+import { noTypecheck as B } from "../utils/noTypecheck.js";
+import x from "./Common/TagPoint.js";
+import { classnames as E } from "../../vendor/classnames/index.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
 import "./Common/Line/Straight.js";
@@ -92,29 +92,29 @@ import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "./Tag/PanoramaTag.js";
 import "./Tag/CustomTag.js";
-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 $(o) {
+  U(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 E(o) {
+function F(o) {
   let i, e, t, r, a, s, c, y, u, f;
-  const S = [tt, $], d = [];
+  const w = [et, tt], d = [];
   function p(n, m) {
     return (
       /*havePoint*/
-      n[14] ? 0 : 1
+      n[15] ? 0 : 1
     );
   }
-  t = p(o), r = d[t] = S[t](o);
-  const T = [it, et], g = [];
-  function A(n, m) {
+  t = p(o), r = d[t] = w[t](o);
+  const T = [ot, it], g = [];
+  function S(n, m) {
     return (
       /*haveContent*/
-      n[13] ? 0 : 1
+      n[14] ? 0 : 1
     );
   }
-  return s = A(o), c = g[s] = T[s](o), {
+  return s = S(o), c = g[s] = T[s](o), {
     c() {
-      i = M("div"), e = M("div"), r.c(), a = X(), c.c(), _(e, "class", y = V(B(
+      i = C("div"), e = C("div"), r.c(), a = Y(), c.c(), _(e, "class", y = j(E(
         "wrapper",
         /*tag*/
         o[1].className ? `${/*tag*/
@@ -123,28 +123,28 @@ function E(o) {
         e,
         "data-tag-unfolded",
         /*unfolded*/
-        o[9]
+        o[10]
       ), _(
         e,
         "data-tag-id",
         /*id*/
-        o[12]
+        o[13]
       ), _(e, "data-content-type", u = /*tag*/
-      o[1].contentType), C(
+      o[1].contentType), A(
         e,
         "left",
         /*left*/
-        o[8]
-      ), C(
+        o[9]
+      ), A(
         e,
         "top",
         /*top*/
-        o[7]
+        o[8]
       ), _(i, "class", "tag svelte-t2hepc"), _(
         i,
         "data-tag-id",
         /*id*/
-        o[12]
+        o[13]
       ), b(
         i,
         "unClickable",
@@ -154,12 +154,12 @@ function E(o) {
         i,
         "disable",
         /*disable*/
-        o[11]
+        o[12]
       ), b(
         i,
         "hide",
         /*hide*/
-        o[10]
+        o[11]
       ), b(
         i,
         "withAnimation",
@@ -168,54 +168,54 @@ function E(o) {
       );
     },
     m(n, m) {
-      P(n, i, m), j(i, e), d[t].m(e, null), j(e, a), g[s].m(e, null), f = !0;
+      P(n, i, m), z(i, e), d[t].m(e, null), z(e, a), g[s].m(e, null), f = !0;
     },
     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 v = s;
-      s = A(n), s === v ? g[s].p(n, m) : (q(), k(g[v], 1, 1, () => {
-        g[v] = null;
+      let M = t;
+      t = p(n), t === M ? d[t].p(n, m) : (q(), k(d[M], 1, 1, () => {
+        d[M] = null;
+      }), L(), r = d[t], r ? r.p(n, m) : (r = d[t] = w[t](n), r.c()), h(r, 1), r.m(e, a));
+      let l = s;
+      s = S(n), s === l ? g[s].p(n, m) : (q(), k(g[l], 1, 1, () => {
+        g[l] = 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 && y !== (y = V(B(
+      2 && y !== (y = j(E(
         "wrapper",
         /*tag*/
         n[1].className ? `${/*tag*/
         n[1].className}__wrapper` : void 0
       )) + " svelte-t2hepc")) && _(e, "class", y), (!f || m & /*unfolded*/
-      512) && _(
+      1024) && _(
         e,
         "data-tag-unfolded",
         /*unfolded*/
-        n[9]
+        n[10]
       ), (!f || m & /*id*/
-      4096) && _(
+      8192) && _(
         e,
         "data-tag-id",
         /*id*/
-        n[12]
+        n[13]
       ), (!f || m & /*tag*/
       2 && u !== (u = /*tag*/
       n[1].contentType)) && _(e, "data-content-type", u), m & /*left*/
-      256 && C(
+      512 && A(
         e,
         "left",
         /*left*/
-        n[8]
+        n[9]
       ), m & /*top*/
-      128 && C(
+      256 && A(
         e,
         "top",
         /*top*/
-        n[7]
+        n[8]
       ), (!f || m & /*id*/
-      4096) && _(
+      8192) && _(
         i,
         "data-tag-id",
         /*id*/
-        n[12]
+        n[13]
       ), (!f || m & /*tag*/
       2) && b(
         i,
@@ -223,17 +223,17 @@ function E(o) {
         /*tag*/
         n[1].config.clickable === !1
       ), (!f || m & /*disable*/
-      2048) && b(
+      4096) && b(
         i,
         "disable",
         /*disable*/
-        n[11]
+        n[12]
       ), (!f || m & /*hide*/
-      1024) && b(
+      2048) && b(
         i,
         "hide",
         /*hide*/
-        n[10]
+        n[11]
       ), (!f || m & /*withAnimation*/
       1) && b(
         i,
@@ -253,34 +253,34 @@ function E(o) {
     }
   };
 }
-function $(o) {
+function tt(o) {
   let i;
   return {
     c() {
-      i = M("div"), _(i, "data-info", "tag point is disable");
+      i = C("div"), _(i, "data-info", "tag point is disable");
     },
     m(e, t) {
       P(e, i, t);
     },
-    p: w,
-    i: w,
-    o: w,
+    p: v,
+    i: v,
+    o: v,
     d(e) {
       e && N(i);
     }
   };
 }
-function tt(o) {
+function et(o) {
   let i, e;
-  return i = new Z({ props: { tag: (
+  return i = new x({ props: { tag: (
     /*tag*/
     o[1]
   ) } }), {
     c() {
-      F(i.$$.fragment);
+      G(i.$$.fragment);
     },
     m(t, r) {
-      G(i, t, r), e = !0;
+      H(i, t, r), e = !0;
     },
     p(t, r) {
       const a = {};
@@ -295,30 +295,30 @@ function tt(o) {
       k(i.$$.fragment, t), e = !1;
     },
     d(t) {
-      H(i, t);
+      J(i, t);
     }
   };
 }
-function et(o) {
+function it(o) {
   let i;
   return {
     c() {
-      i = M("div"), _(i, "data-info", "tag content is disable");
+      i = C("div"), _(i, "data-info", "tag content is disable");
     },
     m(e, t) {
       P(e, i, t);
     },
-    p: w,
-    i: w,
-    o: w,
+    p: v,
+    i: v,
+    o: v,
     d(e) {
       e && N(i);
     }
   };
 }
-function it(o) {
+function ot(o) {
   let i, e;
-  return i = new Y({
+  return i = new Z({
     props: {
       mediaStore: (
         /*mediaStore*/
@@ -328,33 +328,37 @@ function it(o) {
         /*withAnimation*/
         o[0]
       ),
-      tag: z(
+      tag: B(
         /*tag*/
         o[1]
       ),
       hooks: (
         /*hooks*/
-        o[15]
+        o[16]
       ),
       state: (
         /*state*/
-        o[4]
+        o[5]
       ),
       temporaryState: (
         /*temporaryState*/
-        o[5]
+        o[6]
       ),
-      renderMap: (
-        /*renderMap*/
+      rendererMap: (
+        /*rendererMap*/
         o[3]
+      ),
+      contentTypeMap: (
+        /*contentTypeMap*/
+        o[4]
       )
     }
   }), {
     c() {
-      F(i.$$.fragment);
+      G(i.$$.fragment);
     },
     m(t, r) {
-      G(i, t, r), e = !0;
+      H(i, t, r), e = !0;
     },
     p(t, r) {
       const a = {};
@@ -363,16 +367,18 @@ function it(o) {
       t[2]), r & /*withAnimation*/
       1 && (a.withAnimation = /*withAnimation*/
       t[0]), r & /*tag*/
-      2 && (a.tag = z(
+      2 && (a.tag = B(
         /*tag*/
         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);
+      32 && (a.state = /*state*/
+      t[5]), r & /*temporaryState*/
+      64 && (a.temporaryState = /*temporaryState*/
+      t[6]), r & /*rendererMap*/
+      8 && (a.rendererMap = /*rendererMap*/
+      t[3]), r & /*contentTypeMap*/
+      16 && (a.contentTypeMap = /*contentTypeMap*/
+      t[4]), i.$set(a);
     },
     i(t) {
       e || (h(i.$$.fragment, t), e = !0);
@@ -381,26 +387,26 @@ function it(o) {
       k(i.$$.fragment, t), e = !1;
     },
     d(t) {
-      H(i, t);
+      J(i, t);
     }
   };
 }
-function ot(o) {
+function rt(o) {
   let i, e, t = (
     /*screenPosition*/
-    o[6] && E(o)
+    o[7] && F(o)
   );
   return {
     c() {
-      t && t.c(), i = U();
+      t && t.c(), i = W();
     },
     m(r, a) {
       t && t.m(r, a), P(r, i, a), e = !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, () => {
+      r[7] ? t ? (t.p(r, a), a & /*screenPosition*/
+      128 && h(t, 1)) : (t = F(r), t.c(), h(t, 1), t.m(i.parentNode, i)) : t && (q(), k(t, 1, 1, () => {
         t = null;
       }), L());
     },
@@ -415,35 +421,36 @@ function ot(o) {
     }
   };
 }
-function rt(o, i, e) {
-  let t, r, a, s, c, y, 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");
+function nt(o, i, e) {
+  let t, r, a, s, c, y, u, f, w, { withAnimation: d = !1 } = i, { tag: p } = i, { mediaStore: T } = i, { rendererMap: g = /* @__PURE__ */ new Map() } = i, { contentTypeMap: S = /* @__PURE__ */ new Map() } = i, { state: n } = i, { temporaryState: m } = i;
+  const M = X("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);
+    "withAnimation" in l && e(0, d = l.withAnimation), "tag" in l && e(1, p = l.tag), "mediaStore" in l && e(2, T = l.mediaStore), "rendererMap" in l && e(3, g = l.rendererMap), "contentTypeMap" in l && e(4, S = l.contentTypeMap), "state" in l && e(5, n = l.state), "temporaryState" in l && e(6, m = l.temporaryState);
   }, o.$$.update = () => {
-    var l, v, D;
+    var l, D, I;
     o.$$.dirty & /*tag*/
-    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 === "Panorama" || p.contentType === "Audio" && p.data.appearance === "plane");
+    2 && e(15, t = (() => {
+      var R, V;
+      return !(((V = (R = p.style) == null ? void 0 : R.point) == null ? void 0 : V.enabled) === !1 || p.contentType === "Sticker" || p.contentType === "Link" || p.contentType === "VRLink" || p.contentType === "PanoLink" || p.contentType === "Panorama" || p.contentType === "Audio" && p.data.appearance === "plane");
     })()), o.$$.dirty & /*tag*/
-    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) || ((v = p.temporaryState) == null ? void 0 : v.visible) === !1 || !p.screenPosition), o.$$.dirty & /*tag*/
-    2 && e(9, y = (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) + "%");
+    2 && e(14, r = (() => p.stickType === "2DPoint")()), o.$$.dirty & /*tag*/
+    2 && e(13, a = p.id), o.$$.dirty & /*tag*/
+    2 && e(12, s = p.enabled === !1 || !p.state), o.$$.dirty & /*tag*/
+    2 && e(11, c = !((l = p.state) != null && l.visible) || ((D = p.temporaryState) == null ? void 0 : D.visible) === !1 || !p.screenPosition), o.$$.dirty & /*tag*/
+    2 && e(10, y = (I = p.state) == null ? void 0 : I.unfolded), o.$$.dirty & /*tag*/
+    2 && e(7, u = p.screenPosition), o.$$.dirty & /*screenPosition*/
+    128 && e(9, f = (u == null ? void 0 : u.leftPercent) + "%"), o.$$.dirty & /*screenPosition*/
+    128 && e(8, w = (u == null ? void 0 : u.topPercent) + "%");
   }, [
     d,
     p,
     T,
     g,
-    A,
+    S,
     n,
+    m,
     u,
-    S,
+    w,
     f,
     y,
     c,
@@ -451,29 +458,30 @@ function rt(o, i, e) {
     a,
     r,
     t,
-    m
+    M
   ];
 }
-class Oe extends J {
+class Qe extends K {
   constructor(i) {
-    super(), K(
+    super(), O(
       this,
       i,
+      nt,
       rt,
-      ot,
-      O,
+      Q,
       {
         withAnimation: 0,
         tag: 1,
         mediaStore: 2,
-        renderMap: 3,
-        state: 4,
-        temporaryState: 5
+        rendererMap: 3,
+        contentTypeMap: 4,
+        state: 5,
+        temporaryState: 6
       },
-      x
+      $
     );
   }
 }
 export {
-  Oe as default
+  Qe as default
 };

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

@@ -1,12 +1,13 @@
 import { TagComputer } from './TagComputer';
-import type { Tag, TagInstance, TagGLTFObject, TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap } from '../typings';
+import type { Tag, TagInstance, TagGLTFObject, TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap, TagContentTypeMapping } from '../typings';
 import type { TemporaryState } from '../typings';
 import type { Object3D } from 'three';
 import TagContainerSvelte from '../Components/TagContainer.svelte';
 import type { Five } from '@realsee/five';
 export declare abstract class TagRender extends TagComputer {
     protected group: TagObjectGroup;
-    protected renderMap: TagRendererMap;
+    protected rendererMap: TagRendererMap;
+    protected contentTypeMap: TagContentTypeMapping;
     protected imagePlaneGroup: ImagePlaneGroup;
     protected gltfObjectGroup: TagGLTFObjectGroup;
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
@@ -25,6 +26,7 @@ export declare abstract class TagRender extends TagComputer {
      * @note 优先级低于 tag.element
      */
     registerRenderer(contentType: string, renderer: ElementRenderer): void;
+    bindRenderer(contentType: string, builtInRenderer: TagContentType): void;
     clearTags(): void;
     /**
      * @description: 更新所有标签