@realsee/dnalogel 2.20.0-dev.3 → 2.20.0-dev.4

package/libs/PanoTagPlugin/Components/TagItem.js

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

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

@@ -1,11 +1,12 @@
 import { TagComputer } from './TagComputer';
-import type { Tag, TagInstance, TagGLTFObject, TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType } from '../typings';
+import type { Tag, TagInstance, TagGLTFObject, TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap } 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 imagePlaneGroup: ImagePlaneGroup;
     protected gltfObjectGroup: TagGLTFObjectGroup;
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
@@ -15,6 +16,15 @@ export declare abstract class TagRender extends TagComputer {
     /** 点标签 */
     protected TagContainerSvelte?: TagContainerSvelte;
     constructor(five: Five);
+    /**
+     * @description: 设置 contentType 的渲染器
+     * @param {string} contentType
+     * 如果是 `TagContentType` 中的类型，将会覆盖掉插件内部默认的渲染器,
+     * 如果是其他任意 str
+     * ing 如：'Foo'，则可以将类似 `{id: 1, contentType: 'Foo', position: [0,0,0]}` 的 tag 交给插件渲染
+     * @note 优先级低于 tag.element
+     */
+    registerRenderer(contentType: string, renderer: ElementRenderer): void;
     clearTags(): void;
     /**
      * @description: 更新所有标签

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,7 +1,7 @@
 var R = Object.defineProperty;
-var k = (f, h, t) => h in f ? R(f, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[h] = t;
-var b = (f, h, t) => (k(f, typeof h != "symbol" ? h + "" : h, t), t);
-var C = (f, h, t) => new Promise((e, o) => {
+var k = (b, h, t) => h in b ? R(b, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : b[h] = t;
+var f = (b, h, t) => (k(b, typeof h != "symbol" ? h + "" : h, t), t);
+var C = (b, h, t) => new Promise((e, o) => {
   var i = (r) => {
     try {
       a(t.next(r));
@@ -15,10 +15,10 @@ var C = (f, h, t) => new Promise((e, o) => {
       o(s);
     }
   }, a = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(i, n);
-  a((t = t.apply(f, h)).next());
+  a((t = t.apply(b, h)).next());
 });
-import { TagComputer as E } from "./TagComputer.js";
-import { Group as S, Quaternion as w, Vector3 as v, Matrix4 as D } from "three";
+import { TagComputer as w } from "./TagComputer.js";
+import { Group as S, Quaternion as E, Vector3 as v, Matrix4 as D } from "three";
 import O from "../Components/TagContainer.js";
 import A from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as y } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
@@ -140,20 +140,21 @@ import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
 const F = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
-class ei extends E {
+class ei extends w {
   constructor(t) {
     super(t);
-    b(this, "group", new S());
-    b(this, "imagePlaneGroup", new S());
-    b(this, "gltfObjectGroup", new S());
+    f(this, "group", new S());
+    f(this, "renderMap", /* @__PURE__ */ new Map());
+    f(this, "imagePlaneGroup", new S());
+    f(this, "gltfObjectGroup", new S());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    b(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    f(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    b(this, "temporaryState", { visible: !0 });
+    f(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    b(this, "TagContainerSvelte");
+    f(this, "TagContainerSvelte");
     /** 加载外部模型 */
-    b(this, "loadModel", (t) => C(this, null, function* () {
+    f(this, "loadModel", (t) => C(this, null, function* () {
       var a;
       const e = t.data.modelUrl;
       if (!e)
@@ -190,6 +191,17 @@ class ei extends E {
     }));
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
   }
+  /**
+   * @description: 设置 contentType 的渲染器
+   * @param {string} contentType
+   * 如果是 `TagContentType` 中的类型，将会覆盖掉插件内部默认的渲染器,
+   * 如果是其他任意 str
+   * ing 如：'Foo'，则可以将类似 `{id: 1, contentType: 'Foo', position: [0,0,0]}` 的 tag 交给插件渲染
+   * @note 优先级低于 tag.element
+   */
+  registerRenderer(t, e) {
+    this.renderMap.set(t, { renderer: e });
+  }
   clearTags() {
     this.tags.forEach((t) => {
       var e, o;
@@ -246,7 +258,7 @@ class ei extends E {
       if (e.tag3DContentSvelte) {
         const { svelteApp: r, css3DInstance: s, initialNormal: u, currentNormal: p } = e.tag3DContentSvelte;
         if (r.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !u.equals(p)) {
-          const m = new w().setFromUnitVectors(u, p);
+          const m = new E().setFromUnitVectors(u, p);
           s.css3DObject.setRotationFromQuaternion(m);
         }
         return;
@@ -364,7 +376,14 @@ class ei extends E {
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
       this.TagContainerSvelte = new O({
         target: o,
-        props: { hooks: this.hooks, tags: t, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
+        props: {
+          hooks: this.hooks,
+          tags: t,
+          state: this.state,
+          temporaryState: this.temporaryState,
+          mediaStore: this.mediaStore,
+          renderMap: this.renderMap
+        }
       });
     }
   }

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -46,7 +46,10 @@ export type TagGLTFObject = GLTFObject & {
     updateTagCss3DObjectMatrix?: () => void;
 };
 /** 返回一个销毁函数 */
-export type ElementRenderer = (container: HTMLElement) => () => void;
+export type ElementRenderer = (container: HTMLElement, tag: TagInstance) => () => void;
+export type TagRendererMap = Map<string, {
+    renderer: ElementRenderer;
+}>;
 export interface TagObjectGroup extends Group {
     children: Array<TagGLTFObjectGroup>;
 }

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let n = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "2.20.0-dev.3");
+    e(this, "VERSION", "2.20.0-dev.4");
     e(this, "five");
     /**
      * 插件事件钩子