@realsee/dnalogel 3.55.0 → 3.56.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,18 +1,18 @@
-var d = Object.defineProperty;
-var c = (m, n, e) => n in m ? d(m, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[n] = e;
-var r = (m, n, e) => (c(m, typeof n != "symbol" ? n + "" : n, e), e);
-import { DefaultConfig as l } from "../tag.config.js";
+var h = Object.defineProperty;
+var f = (a, m, t) => m in a ? h(a, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[m] = t;
+var r = (a, m, t) => (f(a, typeof m != "symbol" ? m + "" : m, t), t);
+import { DefaultConfig as g } from "../tag.config.js";
 import "three";
-import { anyPositionToVector3 as a } from "../../shared-utils/positionToVector3.js";
-import { isPlaneTag as u, isMediaModelTag as f, isPoint3DTag as h } from "../utils/tag/tagCheck.js";
-import { normalPositionToPositions as g } from "../utils/normalPositionToPositions.js";
-import { writable as P } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as T } from "../../shared-utils/device.js";
-import { CSS3DRenderPlugin as D } from "../../CSS3DRenderPlugin/index.js";
-import { VideoPlane as _ } from "../utils/model/mediaPlane.js";
-import { FiveDomEvents as y } from "../../shared-utils/five/FiveDomEvents.js";
-import { Cache as v } from "../utils/Cache.js";
-import { Controller as E } from "../../base/BasePlugin.js";
+import { anyPositionToVector3 as l } from "../../shared-utils/positionToVector3.js";
+import { isPlaneTag as T, isMediaModelTag as D, isPoint3DTag as P } from "../utils/tag/tagCheck.js";
+import { normalPositionToPositions as _ } from "../utils/normalPositionToPositions.js";
+import { writable as y } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as v } from "../../shared-utils/device.js";
+import { CSS3DRenderPlugin as E } from "../../CSS3DRenderPlugin/index.js";
+import { VideoPlane as S } from "../utils/model/mediaPlane.js";
+import { FiveDomEvents as k } from "../../shared-utils/five/FiveDomEvents.js";
+import { Cache as I } from "../utils/Cache.js";
+import { Controller as C } from "../../base/BasePlugin.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -86,16 +86,16 @@ import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-class it extends E {
-  constructor(e) {
-    super(e);
+class ne extends C {
+  constructor(t) {
+    super(t);
     r(this, "tags", []);
-    r(this, "cache", new v());
-    r(this, "config", l);
+    r(this, "cache", new I());
+    r(this, "config", g);
     r(this, "renderQueue", /* @__PURE__ */ new Map());
     /** 插件参数 */
     r(this, "params");
-    r(this, "mediaStore", P({
+    r(this, "mediaStore", y({
       currentMediaElement: null
     }));
     r(this, "store", {
@@ -104,24 +104,39 @@ class it extends E {
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    r(this, "domEvents", new y(this.five));
+    r(this, "domEvents", new k(this.five));
     r(this, "_cache_pointTag");
     r(this, "_cache_2DPointTag");
     r(this, "_cache_css3DTag");
     r(this, "_container", null);
     r(this, "_css3DRenderPlugin");
-    r(this, "whyHide", (e) => {
-      const t = this.getTagById(e);
-      return t ? t.whyHide() : { reason: `tag ${e} not found` };
+    r(this, "timeoutIds", []);
+    r(this, "whyHide", (t) => {
+      const e = this.getTagById(t);
+      return e ? e.whyHide() : { reason: `tag ${t} not found` };
     });
     r(this, "loadVideoFirstFrame", () => {
-      T && this.hooks.emit("loadVideoFirstFrame");
+      v && this.hooks.emit("loadVideoFirstFrame");
     });
-    this.mediaStore.subscribe(({ currentMediaElement: t }) => {
+    r(this, "tagsDo", (t, e) => {
+      const i = [...t != null ? t : this.tags].sort((n, d) => n.getSquaredDistance() - d.getSquaredDistance());
+      this.timeoutIds.forEach((n) => clearTimeout(n)), this.timeoutIds.length = 0;
+      const o = i.length > 1e3, p = o ? 30 : 17, s = o ? 1 : 3;
+      for (let n = 0; n < i.length; n += s) {
+        const d = [];
+        for (let c = 0; c < s; c++)
+          i[n + c] && d.push(i[n + c]);
+        const u = setTimeout(() => {
+          d.forEach(e);
+        }, n * p);
+        this.timeoutIds.push(u);
+      }
+    });
+    this.mediaStore.subscribe(({ currentMediaElement: e }) => {
       this.tags.forEach((i) => {
         var o;
-        if (i.mediaPlane instanceof _ && t !== i.mediaPlane.videoInstance) {
-          if (!((o = i.mediaPlane.videoInstance) != null && o.src) || t === i.mediaPlane.videoInstance)
+        if (i.mediaPlane instanceof S && e !== i.mediaPlane.videoInstance) {
+          if (!((o = i.mediaPlane.videoInstance) != null && o.src) || e === i.mediaPlane.videoInstance)
             return;
           i.mediaPlane.pause();
         }
@@ -129,82 +144,82 @@ class it extends E {
     });
   }
   get container() {
-    var e;
-    return this._container || ((e = this.five.getElement()) == null ? void 0 : e.parentElement);
+    var t;
+    return this._container || ((t = this.five.getElement()) == null ? void 0 : t.parentElement);
   }
-  set container(e) {
-    this._container = e;
+  set container(t) {
+    this._container = t;
   }
   // eslint-disable-next-line accessor-pairs
-  set tagsLengthWillUpdate(e) {
-    e && (this._cache_pointTag = this.tags.filter((t) => t.stickType === "2DPoint" || t.stickType === "3DPoint").filter((t) => t.position), this._cache_2DPointTag = this.tags.filter((t) => t.stickType === "2DPoint").filter((t) => t.position), this._cache_css3DTag = this.tags.filter(
-      (t) => t.stickType === "3DPoint" || t.stickType === "Plane" || t.stickType === "Model" && t.contentType === "MediaModel"
-    ).filter((t) => {
-      const i = t.computeRenderType();
+  set tagsLengthWillUpdate(t) {
+    t && (this._cache_pointTag = this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position), this._cache_2DPointTag = this.tags.filter((e) => e.stickType === "2DPoint").filter((e) => e.position), this._cache_css3DTag = this.tags.filter(
+      (e) => e.stickType === "3DPoint" || e.stickType === "Plane" || e.stickType === "Model" && e.contentType === "MediaModel"
+    ).filter((e) => {
+      const i = e.computeRenderType();
       return i === "BehindDom" || i === "Dom";
     }));
   }
   /** css3DRenderPlugin */
   get css3DRenderPlugin() {
-    var e, t, i;
+    var t, e, i;
     if (!this._css3DRenderPlugin) {
-      const o = D(this.five);
-      this._css3DRenderPlugin = o, (e = o.frontModeCSS3DRenderer) != null && e.domElementWrapper && (o.frontModeCSS3DRenderer.domElementWrapper.style.zIndex = (i = (t = this.params.containerZIndex) == null ? void 0 : t.toString()) != null ? i : "");
+      const o = E(this.five);
+      this._css3DRenderPlugin = o, (t = o.frontModeCSS3DRenderer) != null && t.domElementWrapper && (o.frontModeCSS3DRenderer.domElementWrapper.style.zIndex = (i = (e = this.params.containerZIndex) == null ? void 0 : e.toString()) != null ? i : "");
     }
     return this._css3DRenderPlugin;
   }
   get filterPointTag() {
-    var e;
-    return (e = this._cache_pointTag) != null ? e : [];
+    var t;
+    return (t = this._cache_pointTag) != null ? t : [];
   }
   get filter2DPointTag() {
-    var e;
-    return (e = this._cache_2DPointTag) != null ? e : [];
+    var t;
+    return (t = this._cache_2DPointTag) != null ? t : [];
   }
   get filterCSS3DTag() {
-    var e;
-    return (e = this._cache_css3DTag) != null ? e : [];
+    var t;
+    return (t = this._cache_css3DTag) != null ? t : [];
   }
-  addRenderQueue(e) {
+  addRenderQueue(t) {
     var p, s;
-    const { type: t, keys: i = [], tags: o = [] } = e;
-    this.renderQueue.has(t) ? this.renderQueue.set(t, {
-      keys: Array.from(/* @__PURE__ */ new Set([...(p = this.renderQueue.get(t).keys) != null ? p : [], ...i])),
-      tags: Array.from(/* @__PURE__ */ new Set([...(s = this.renderQueue.get(t).tags) != null ? s : [], ...o]))
-    }) : this.renderQueue.set(t, { keys: i, tags: o });
+    const { type: e, keys: i = [], tags: o = [] } = t;
+    this.renderQueue.has(e) ? this.renderQueue.set(e, {
+      keys: Array.from(/* @__PURE__ */ new Set([...(p = this.renderQueue.get(e).keys) != null ? p : [], ...i])),
+      tags: Array.from(/* @__PURE__ */ new Set([...(s = this.renderQueue.get(e).tags) != null ? s : [], ...o]))
+    }) : this.renderQueue.set(e, { keys: i, tags: o });
   }
-  getTagById(e) {
-    const t = this.tags.find((i) => i.id === e);
-    if (!t) {
-      console.warn(`getTagById Error: can't find tag id: ${e}`);
+  getTagById(t) {
+    const e = this.tags.find((i) => i.id === t);
+    if (!e) {
+      console.warn(`getTagById Error: can't find tag id: ${t}`);
       return;
     }
-    return t;
+    return e;
   }
   /** 暂停当前标签内进行的所有多媒体 */
   pauseCurrentMedia() {
     this.mediaStore.set({ currentMediaElement: null });
   }
-  getPositions(e) {
-    if (u(e))
-      return e.position;
-    if (f(e))
-      return e.data.mediaPosition;
-    if (h(e))
-      return g(this.five.camera.position, a(e.position), a(e.normal));
+  getPositions(t) {
+    if (T(t))
+      return t.position;
+    if (D(t))
+      return t.data.mediaPosition;
+    if (P(t))
+      return _(this.five.camera.position, l(t.position), l(t.normal));
   }
-  addObjectClickHandler(e, t, i) {
-    if (!t || !this.domEvents)
+  addObjectClickHandler(t, e, i) {
+    if (!e || !this.domEvents)
       return () => {
       };
-    const o = () => !(!e.currentVisible || e.loading), p = (s) => {
+    const o = () => !(!t.currentVisible || t.loading), p = (s) => {
       if (!o())
         return !1;
       i(s.origDomEvent);
     };
-    return this.domEvents.addEventListener(t, "click", p), () => {
+    return this.domEvents.addEventListener(e, "click", p), () => {
       var s;
-      (s = this.domEvents) == null || s.removeEventListener(t, "click", p);
+      (s = this.domEvents) == null || s.removeEventListener(e, "click", p);
     };
   }
   /**
@@ -216,5 +231,5 @@ class it extends E {
   }
 }
 export {
-  it as TagUtil
+  ne as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -1,35 +1,35 @@
 var S = Object.defineProperty, D = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var U = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
 var u = (d, a, e) => a in d ? S(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, m = (d, a) => {
   for (var e in a || (a = {}))
     U.call(a, e) && u(d, e, a[e]);
   if (y)
     for (var e of y(a))
-      E.call(a, e) && u(d, e, a[e]);
+      A.call(a, e) && u(d, e, a[e]);
   return d;
 }, c = (d, a) => D(d, P(a));
 var p = (d, a, e) => (u(d, typeof a != "symbol" ? a + "" : a, e), e);
 var l = (d, a, e) => new Promise((t, i) => {
-  var o = (r) => {
+  var o = (s) => {
     try {
-      n(e.next(r));
+      n(e.next(s));
     } catch (h) {
       i(h);
     }
-  }, s = (r) => {
+  }, r = (s) => {
     try {
-      n(e.throw(r));
+      n(e.throw(s));
     } catch (h) {
       i(h);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, s);
+  }, n = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, r);
   n((e = e.apply(d, a)).next());
 });
 import * as v from "three";
 import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { arrayPositionToVector3 as A } from "../../shared-utils/positionToVector3.js";
+import { arrayPositionToVector3 as E } from "../../shared-utils/positionToVector3.js";
 import { isModelTag as k, isMediaModelTag as F } from "../utils/tag/tagCheck.js";
 import { debounce as w } from "../utils/debounce.js";
 import { throttle as M } from "../utils/throttle.js";
@@ -232,7 +232,9 @@ class Co extends B {
     p(this, "handleFiveModeChange", (e) => {
       const t = () => {
         this.tags.forEach((i) => {
-          i.state.visible = !1, i.applyVisible(), this.five.ready().then(() => {
+          i.state.visible = !1, i.applyVisible();
+        }), this.five.ready().then(() => {
+          this.tagsDo(this.tags, (i) => {
             i.updateVisible(), F(i) && e !== "Panorama" && this.changeTagMode(i, "behind");
           });
         });
@@ -263,7 +265,9 @@ class Co extends B {
     });
     p(this, "handleFivePanoArrived", () => l(this, null, function* () {
       this.tags.forEach((e) => {
-        e.state.visible = !1, e.temporaryState = c(m({}, e.temporaryState), { visible: !0 }), e.applyVisible(), e.updateVisible();
+        e.state.visible = !1, e.temporaryState = c(m({}, e.temporaryState), { visible: !0 }), e.applyVisible();
+      }), this.tagsDo(this.tags, (e) => {
+        e.updateVisible();
       }), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.updateRender3DDomTag(), this.tags.filter(k).filter((e) => {
         var t;
         return (t = e.getConfig().modelConfig) == null ? void 0 : t.autoLookAtEnabled;
@@ -275,26 +279,26 @@ class Co extends B {
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const o = this.five.camera.position;
         t.lookAt(o.clone().setY(t.position.y));
-        const s = i.quaternion.clone(), n = t.quaternion.clone(), r = W();
-        r.onUpdate(({ progress: g }) => {
-          i.quaternion.copy(s.clone().slerp(n, g));
-        }), r.play();
+        const r = i.quaternion.clone(), n = t.quaternion.clone(), s = W();
+        s.onUpdate(({ progress: g }) => {
+          i.quaternion.copy(r.clone().slerp(n, g));
+        }), s.play();
       });
     }));
     /** 楼层切换时，需要更新标签可见性 */
     p(this, "handleFiveModelShownFloorChange", () => {
-      this.tags.forEach((e) => e.updateVisible());
+      this.tagsDo(this.tags, (e) => e.updateVisible());
     });
     p(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), O(this.five.getCurrentState().mode) && this.tags.forEach((e) => e.updateVisible());
+      this.setUnfoldedByCamera(), O(this.five.getCurrentState().mode) && this.tagsDo(this.tags, (e) => e.updateVisible());
     });
     p(this, "render", () => {
       this.renderQueue.forEach((e, t) => {
         const { keys: i } = e;
         if (t === "TagContainerSvelte") {
-          const s = this.filterPointTag.filter((r) => r.screenPosition), n = {
+          const r = this.filterPointTag.filter((s) => s.screenPosition), n = {
             hooks: this.hooks,
-            tags: s,
+            tags: r,
             state: this.state,
             temporaryState: this.temporaryState,
             mediaStore: this.mediaStore,
@@ -303,13 +307,13 @@ class Co extends B {
             zIndex: this.params.containerZIndex
           };
           if (this.TagContainerSvelte) {
-            let r = {};
+            let s = {};
             if (i.length === 0)
-              r = n;
+              s = n;
             else
               for (const h of i)
-                r[h] = n[h];
-            this.TagContainerSvelte.$set(r);
+                s[h] = n[h];
+            this.TagContainerSvelte.$set(s);
           } else {
             if (!this.container)
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
@@ -317,8 +321,8 @@ class Co extends B {
               target: this.container,
               props: c(m({}, n), { state: c(m({}, this.state), { enabled: !1 }) })
             }), N(() => {
-              var r;
-              (r = this.TagContainerSvelte) == null || r.$set({ state: this.state });
+              var s;
+              (s = this.TagContainerSvelte) == null || s.$set({ state: this.state });
             });
           }
         }
@@ -335,9 +339,9 @@ class Co extends B {
     }
   }
   appendTo(e) {
-    var i, o, s, n;
+    var i, o, r, n;
     this.debugUtil.addLog("appendTo"), this.container = e, (i = this.css3DRenderPlugin) == null || i.appendToFrontFiveContainer(this.container);
-    const t = (s = (o = this.TagContainerSvelte) == null ? void 0 : o.$$) == null ? void 0 : s.root;
+    const t = (r = (o = this.TagContainerSvelte) == null ? void 0 : o.$$) == null ? void 0 : r.root;
     t && t !== this.container && ((n = this.TagContainerSvelte) == null || n.$destroy(), this.TagContainerSvelte = void 0);
   }
   /**
@@ -349,7 +353,7 @@ class Co extends B {
       this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
-      } catch (s) {
+      } catch (r) {
       }
       this.config = f({}, this.config, {
         globalConfig: (i = e.globalConfig) != null ? i : {},
@@ -365,17 +369,17 @@ class Co extends B {
   addTag(e) {
     return l(this, null, function* () {
       const i = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
-        const s = L(o);
-        if (s === "2DPoint" || s === "3DPoint")
+        const r = L(o);
+        if (r === "2DPoint" || r === "3DPoint")
           return new z(this, o);
-        if (s === "Model")
+        if (r === "Model")
           return new Q(this, o);
-        if (s === "Plane")
+        if (r === "Plane")
           return new $(this, o);
       });
       return i.forEach(_), this.tags.push(...i), this.tagsLengthWillUpdate = !0, G(this.five).then(() => l(this, null, function* () {
-        var o, s;
-        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), i.forEach((n) => {
+        var o, r;
+        this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(i, (n) => {
           this.tags.includes(n) && (n.stickType === "Model" && n.loadModel().then(() => {
             this.tags.includes(n) && n.updateVisible();
           }), n.updateVisible(), n.updateZIndex());
@@ -388,7 +392,9 @@ class Co extends B {
    */
   changeConfig(e, t = !0) {
     t ? this.config = f({}, this.config, e) : this.config = e, this.tags.forEach((i) => {
-      i.updateConfig(), i.updateVisible();
+      i.updateConfig();
+    }), this.tagsDo(this.tags, (i) => {
+      i.updateVisible();
     });
   }
   /**
@@ -396,7 +402,9 @@ class Co extends B {
    */
   changeGlobalConfig(e, t = !0) {
     t ? this.config.globalConfig = f({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.tags.forEach((i) => {
-      i.updateConfig(), i.updateVisible();
+      i.updateConfig();
+    }), this.tagsDo(this.tags, (i) => {
+      i.updateVisible();
     });
   }
   /**
@@ -404,7 +412,9 @@ class Co extends B {
    */
   changeContentTypeConfig(e, t, i = !0) {
     this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = f({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.tags.forEach((o) => {
-      o.updateConfig(), o.updateVisible();
+      o.updateConfig();
+    }), this.tagsDo(this.tags, (o) => {
+      o.updateVisible();
     });
   }
   show(e) {
@@ -445,11 +455,11 @@ class Co extends B {
    * @description 销毁
    */
   dispose() {
-    var e, t, i, o, s, n;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
+    var e, t, i, o, r, n;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((s) => {
       var h;
-      return (h = r.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
-    }), this.tags.forEach((r) => r.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (o = (i = this.store).eventListenerDisposer) == null || o.call(i), this.store.eventListenerDisposer = void 0, (n = (s = this.store).resizeObserverDisposer) == null || n.call(s), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
+      return (h = s.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
+    }), this.tags.forEach((s) => s.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.store.disposers) == null || t.forEach((s) => s == null ? void 0 : s()), this.store.disposers = [], (o = (i = this.store).eventListenerDisposer) == null || o.call(i), this.store.eventListenerDisposer = void 0, (n = (r = this.store).resizeObserverDisposer) == null || n.call(r), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   /**
    * @description 闪烁标签
@@ -488,7 +498,7 @@ class Co extends B {
    */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = A(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = E(t));
   }
   /**
    * @description 改变data
@@ -530,7 +540,7 @@ class Co extends B {
    * @deprecated
    */
   updateRenderAllTags() {
-    this.tags.forEach((e) => e.updateVisible()), this.five.needsRender = !0;
+    this.tagsDo(this.tags, (e) => e.updateVisible()), this.five.needsRender = !0;
   }
   /**
    * @description 清除所有标签
@@ -538,8 +548,8 @@ class Co extends B {
   clearTags() {
     var e;
     this.tags.length && (this.tags.forEach((t) => {
-      var i, o, s, n, r;
-      (o = (i = t.mediaPlane) == null ? void 0 : i.parent) == null || o.remove(t.mediaPlane), (r = (n = (s = t.model) == null ? void 0 : s.object) == null ? void 0 : n.parent) == null || r.remove(t.model.object);
+      var i, o, r, n, s;
+      (o = (i = t.mediaPlane) == null ? void 0 : i.parent) == null || o.remove(t.mediaPlane), (s = (n = (r = t.model) == null ? void 0 : r.object) == null ? void 0 : n.parent) == null || s.remove(t.model.object);
     }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (e = this.TagContainerSvelte) == null || e.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
   }
   /**
@@ -569,8 +579,8 @@ class Co extends B {
   handleDisable() {
     var e, t, i;
     this.pauseCurrentMedia(), this.state.enabled = !1, (t = (e = this.store).eventListenerDisposer) == null || t.call(e), this.five.scene.remove(this.group), (i = this.TagContainerSvelte) == null || i.$set({ tags: [] }), this.filterCSS3DTag.forEach((o) => {
-      var s;
-      (s = o.tag3DContentSvelte) == null || s.dispose(), o.tag3DContentSvelte = void 0;
+      var r;
+      (r = o.tag3DContentSvelte) == null || r.dispose(), o.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
   addResizeListener() {
@@ -588,17 +598,17 @@ class Co extends B {
       this.state.enabled && (this.filterPointTag.forEach((h) => h.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
     }, i = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, { observe: o, unobserve: s } = b(
+    }, { observe: o, unobserve: r } = b(
       M(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: n, unobserve: r } = b(
+    ), { observe: n, unobserve: s } = b(
       w(() => t(), 400),
       e
     );
     return o(), n(), () => {
-      s(), r();
+      r(), s();
     };
   }
   setUnfoldedByCamera() {
@@ -618,8 +628,8 @@ class Co extends B {
     });
   }
   changeTagMode(e, t) {
-    var i, o, s, n, r, h;
-    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (s = (o = e.tag3DContentSvelte) == null ? void 0 : o.css3DInstance) == null ? void 0 : s.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
+    var i, o, r, n, s, h;
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (r = (o = e.tag3DContentSvelte) == null ? void 0 : o.css3DInstance) == null ? void 0 : r.css3DObject) == null ? void 0 : n.mode) !== t && ((s = e.config) != null && s.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.forEach((g) => g == null ? void 0 : g()), e.tag3DContentSvelte = void 0);
   }
   /**
    * @description 添加 cameraUpdate, panoArrived 等事件监听

package/libs/base/BasePlugin.js

@@ -20,7 +20,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.55.0");
+    i(this, "VERSION", "3.56.0");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.55.0",
+    "%c %c@realsee/dnalogel %cv3.56.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/tag.d.ts

@@ -14,6 +14,7 @@ export declare class LightTag {
      * [0] this.visible
      * [1] 碰撞检测
      * [2] 元素遮挡
+     * [3] 强制显示
      * ```
      */
     visibles: boolean[];
@@ -58,7 +59,9 @@ export declare class LightTag {
     /**
      * @description 显示标签
      */
-    show(): void;
+    show(params?: {
+        force?: boolean;
+    }): void;
     /**
      * @description 隐藏标签
      */
@@ -83,6 +86,8 @@ export declare class LightTag {
     setPosition(position: AnyPosition, positionsForRotate?: AnyPosition[]): void;
     setTransformMatrix(matrix: THREE.Matrix4): void;
     updateScreenPosition(): void;
+    private onModeChange;
+    private onPanoArrived;
     private onCameraUpdate;
     private onCameraFovUpdate;
     private onFiveEveryReady;