@realsee/dnalogel 3.23.3 → 3.24.0

package/libs/PanoTagPlugin/controller/index.js

@@ -1,53 +1,53 @@
-var R = Object.defineProperty, k = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
-var P = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
-var u = (d, a, e) => a in d ? R(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, m = (d, a) => {
+var E = Object.defineProperty, I = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var A = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var u = (d, a, e) => a in d ? E(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, g = (d, a) => {
   for (var e in a || (a = {}))
-    F.call(a, e) && u(d, e, a[e]);
-  if (P)
-    for (var e of P(a))
-      M.call(a, e) && u(d, e, a[e]);
+    B.call(a, e) && u(d, e, a[e]);
+  if (A)
+    for (var e of A(a))
+      F.call(a, e) && u(d, e, a[e]);
   return d;
-}, v = (d, a) => k(d, B(a));
+}, v = (d, a) => I(d, R(a));
 var l = (d, a, e) => (u(d, typeof a != "symbol" ? a + "" : a, e), e);
 var c = (d, a, e) => new Promise((t, i) => {
-  var o = (r) => {
+  var s = (r) => {
     try {
       n(e.next(r));
     } catch (h) {
       i(h);
     }
-  }, s = (r) => {
+  }, o = (r) => {
     try {
       n(e.throw(r));
     } catch (h) {
       i(h);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, s);
+  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
   n((e = e.apply(d, a)).next());
 });
 import * as b from "three";
-import { Subscribe as O } from "@realsee/five";
+import { Subscribe as M } from "@realsee/five";
 import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as V } from "../utils/addDebugPoints.js";
-import { arrayPositionToVector3 as S } from "../../shared-utils/positionToVector3.js";
-import { isMediaModelTag as _, isModelTag as L } from "../utils/tag/tagCheck.js";
-import { debounce as N } from "../utils/debounce.js";
-import { throttle as w } from "../utils/throttle.js";
-import G from "../utils/tag/format.js";
-import { generateBlankAudio as z, AudioNamespace as x } from "../../shared-utils/audio.js";
-import { resizeObserver as U } from "../../shared-utils/dom/resizeObserver.js";
-import { TagRender as $ } from "./TagRender.js";
-import { uuid as W } from "../../shared-utils/uuid.js";
-import { isModelLike as J } from "../../shared-utils/five/mode.js";
+import { addDebugPoints as O } from "../utils/addDebugPoints.js";
+import { arrayPositionToVector3 as D } from "../../shared-utils/positionToVector3.js";
+import { isMediaModelTag as V, isModelTag as _ } from "../utils/tag/tagCheck.js";
+import { debounce as k } from "../utils/debounce.js";
+import { throttle as P } from "../utils/throttle.js";
+import L from "../utils/tag/format.js";
+import { generateBlankAudio as N, AudioNamespace as G } from "../../shared-utils/audio.js";
+import { resizeObserver as S } from "../../shared-utils/dom/resizeObserver.js";
+import { TagRender as z } from "./TagRender.js";
+import { uuid as x } from "../../shared-utils/uuid.js";
+import { isModelLike as W } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { tweenProgress as j } from "../../shared-utils/animationFrame/BetterTween.js";
-import { waitFiveModelLoaded as q } from "../../shared-utils/five/fiveModelLoad.js";
-import { DebugUtil as H } from "../utils/DebugUtil.js";
+import { tweenProgress as $ } from "../../shared-utils/animationFrame/BetterTween.js";
+import { waitFiveModelLoaded as J } from "../../shared-utils/five/fiveModelLoad.js";
+import { DebugUtil as j } from "../utils/DebugUtil.js";
 import "./TagComputer.js";
 import "../utils/tagPosition.js";
 import "../../shared-utils/three/centerPoint.js";
@@ -172,8 +172,8 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const E = "Dnalogel-PanoTagPlugin", Mi = (d) => `${E}--${d}`;
-class Oi extends $ {
+const w = "Dnalogel-PanoTagPlugin", Fi = (d) => `${w}--${d}`;
+class Mi extends z {
   constructor(e, t) {
     super(e);
     /** state */
@@ -182,13 +182,13 @@ class Oi extends $ {
     l(this, "params");
     /** debug */
     l(this, "debug");
-    l(this, "debugUtil", new H(this));
+    l(this, "debugUtil", new j(this));
     /** 更改 tag 模型 */
     l(this, "changeTagModel", (e, t) => c(this, null, function* () {
       e.data = f({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "whyHide", (e) => {
-      var i, o, s;
+      var i, s, o;
       if (!this.state.enabled)
         return { reason: `plugin.state.enabled is ${this.state.enabled}` };
       if (!this.state.visible)
@@ -201,22 +201,22 @@ class Oi extends $ {
       if (t.stickType === "Model" || t.stickType === "Plane")
         return { reason: "maybe blocked by the five model" };
       if (!t.state.visible) {
-        const n = (o = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__) == null ? void 0 : o.reason;
-        return { reason: (s = n == null ? void 0 : n.type) != null ? s : n, reasonObj: n };
+        const n = (s = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__) == null ? void 0 : s.reason;
+        return { reason: (o = n == null ? void 0 : n.type) != null ? o : n, reasonObj: n };
       }
       return { reason: "check your eyes" };
     });
     l(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        _(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        V(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "handleFiveWantsMoveToPano", (e) => {
       this.tags.forEach((t) => {
         this.getVisible(t, { panoIndex: e }) && (t.state.visible = !0);
-        const o = this.getTagConfig(t);
-        typeof o.visibleConfig == "object" && t.temporaryState && (o.visibleConfig.keep ? t.temporaryState.visible = o.visibleConfig.keep === "visible" : t.temporaryState.visible = !!o.visibleConfig.alwaysShowWhenMovePano);
+        const s = this.getTagConfig(t);
+        typeof s.visibleConfig == "object" && t.temporaryState && (s.visibleConfig.keep ? t.temporaryState.visible = s.visibleConfig.keep === "visible" : t.temporaryState.visible = !!s.visibleConfig.alwaysShowWhenMovePano);
       }), this.updateTagContainerVisible(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
     });
     /**
@@ -239,8 +239,8 @@ class Oi extends $ {
       if (!e.tag.state)
         return console.warn("Clickhandler: params.tag.state is undefined");
       const t = this.can("fold", e.tag), i = this.can("unfold", e.tag);
-      t && i && (e.tag.state.unfolded = !e.tag.state.unfolded, e.tag.state.unfolded && this.tags.forEach((o) => {
-        o.id !== e.tag.id && o.state && this.can("fold", o) && (o.state.unfolded = !1);
+      t && i && (e.tag.state.unfolded = !e.tag.state.unfolded, e.tag.state.unfolded && this.tags.forEach((s) => {
+        s.id !== e.tag.id && s.state && this.can("fold", s) && (s.state.unfolded = !1);
       }), this.updateRenderAllTags());
     });
     l(this, "handleFiveCameraUpdate", () => {
@@ -248,8 +248,8 @@ class Oi extends $ {
     });
     l(this, "handleFivePanoArrived", () => c(this, null, function* () {
       this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
-        e.temporaryState = v(m({}, e.temporaryState), { visible: !0 });
-      }), this.tags.filter(L).filter((e) => {
+        e.temporaryState = v(g({}, e.temporaryState), { visible: !0 });
+      }), this.tags.filter(_).filter((e) => {
         var t;
         return (t = this.getTagConfig(e).modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
@@ -258,11 +258,11 @@ class Oi extends $ {
         if (!i)
           return;
         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 = j();
+        const s = this.five.camera.position;
+        t.lookAt(s.clone().setY(t.position.y));
+        const o = i.quaternion.clone(), n = t.quaternion.clone(), r = $();
         r.onUpdate(({ progress: p }) => {
-          i.quaternion.copy(s.clone().slerp(n, p));
+          i.quaternion.copy(o.clone().slerp(n, p));
         }), r.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     }));
@@ -271,9 +271,9 @@ class Oi extends $ {
       this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), J(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 }), this.updateRenderVideoPlane(), this.updateRenderImagePlane(), this.updateTagModelVisible();
+      this.setUnfoldedByCamera(), W(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 }), this.updateRenderVideoPlane(), this.updateRenderImagePlane(), this.updateTagModelVisible();
     });
-    this.params = f({}, { debug: !1, config: this.config }, m({}, t)), this.debug = this.params.debug, this.config = this.params.config, z(1, { namespace: x.PlayAudio });
+    this.params = f({}, { debug: !1, config: this.config }, g({}, t)), this.debug = this.params.debug, this.config = this.params.config, N(1, { namespace: G.PlayAudio });
     try {
       const i = window;
       Array.isArray(i.__PANOTAGPLUGIN_DEBUG_LIST__) || (i.__PANOTAGPLUGIN_DEBUG_LIST__ = []), i.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), i.__PANOTAGPLUGIN_DEBUG__ = this;
@@ -285,15 +285,15 @@ class Oi extends $ {
    */
   load(e, t) {
     return c(this, null, function* () {
-      var o, s;
-      this.clearTags(), console.debug(E, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = f({}, this.config, {
-        globalConfig: (o = e.globalConfig) != null ? o : {},
-        contentTypeConfig: (s = e.contentTypeConfig) != null ? s : {}
+      var s, o;
+      this.clearTags(), console.debug(w, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = f({}, this.config, {
+        globalConfig: (s = e.globalConfig) != null ? s : {},
+        contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       }), this.store.visibleWithAnimation = !0;
       const i = yield this.addTag(e.tagList, t);
       if (this.store.visibleWithAnimation = void 0, this.debug)
         try {
-          V(this.five, this.tags);
+          O(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -305,41 +305,39 @@ class Oi extends $ {
    */
   addTag(e, t) {
     return c(this, null, function* () {
-      const o = (Array.isArray(e) ? e : [e]).filter((s) => s.position).map((s) => {
-        var T, y, C, A, D;
-        const n = JSON.parse(JSON.stringify(s.data)), r = s.config ? JSON.parse(JSON.stringify(s.config)) : {};
-        s.initialConfig = r;
-        const h = this.calculateTagConfig(s), p = this.getTagConfig(s);
-        return s.config = p, v(m({}, s), {
-          contentType: (T = s.contentType) != null ? T : s.type,
-          stickType: (y = s.stickType) != null ? y : "2DPoint",
-          enabled: (C = s.enabled) != null ? C : !0,
-          id: (A = s.id) != null ? A : W(),
-          data: (D = p.initialData) != null && D.important ? f(s.data, n, p.initialData) : f(s.data, p.initialData, n),
-          state: m({
+      const s = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
+        var T, y, C;
+        const n = JSON.parse(JSON.stringify(o.data)), r = o.config ? JSON.parse(JSON.stringify(o.config)) : {};
+        o.initialConfig = r;
+        const h = this.calculateTagConfig(o), p = this.getTagConfig(o);
+        return o.config = p, v(g({}, o), {
+          enabled: (T = o.enabled) != null ? T : !0,
+          id: (y = o.id) != null ? y : x(),
+          data: (C = p.initialData) != null && C.important ? f(o.data, n, p.initialData) : f(o.data, p.initialData, n),
+          state: g({
             visible: void 0,
-            unfolded: !this.can("fold", s)
+            unfolded: !this.can("fold", o)
           }, p.initialState),
-          hooks: new O(),
-          originPosition: s.position,
+          hooks: new M(),
+          originPosition: o.position,
           position: (() => {
-            const g = this.getTransformedPostion(s.position);
-            return Array.isArray(g) ? g.map((I) => I.toArray()) : g.toArray();
+            const m = this.getTransformedPostion(o.position);
+            return Array.isArray(m) ? m.map((U) => U.toArray()) : m.toArray();
           })(),
           initialConfig: r,
           computedConfig: h,
           config: p,
-          unfold: () => this.changeUnfoldedById(s.id, !0),
-          fold: () => this.changeUnfoldedById(s.id, !1),
-          enable: () => this.changeEnabledById(s.id, !0),
-          disable: () => this.changeEnabledById(s.id, !1),
-          destroy: () => this.destroyTagById(s.id),
-          changeData: (g) => this.changeDataById(s.id, g)
+          unfold: () => this.changeUnfoldedById(o.id, !0),
+          fold: () => this.changeUnfoldedById(o.id, !1),
+          enable: () => this.changeEnabledById(o.id, !0),
+          disable: () => this.changeEnabledById(o.id, !1),
+          destroy: () => this.destroyTagById(o.id),
+          changeData: (m) => this.changeDataById(o.id, m)
         });
       });
-      return o.forEach(G), this.tags.push(...o), q(this.five).then(() => c(this, null, function* () {
-        var s, n, r;
-        this.store.eventListenerDisposer && ((n = (s = this.store).eventListenerDisposer) == null || n.call(s)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(o), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
+      return s.forEach(L), this.tags.push(...s), this.tagsLengthWillUpdate = !0, J(this.five).then(() => c(this, null, function* () {
+        var o, n, r;
+        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
       }));
     });
   }
@@ -392,26 +390,26 @@ class Oi extends $ {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0, visibleWithAnimation: o = !1 } = t != null ? t : {}, s = m({}, this.state);
-    this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = o, s.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), s.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: i });
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t != null ? t : {}, o = g({}, this.state);
+    this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   /**
    * @description: 销毁
    */
   dispose() {
-    var e, t, i, o, s, n;
+    var e, t, i, s, o, n;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
       var h;
       return (h = r.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
-    }), this.tags = [], (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.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
+    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (n = (o = this.store).resizeObserverDisposer) == null || n.call(o), 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.clearCache(), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   changeUnfoldedById(e, t) {
     var n;
     const i = this.getTagById(e);
     if (!i)
       return;
-    const o = this.can("fold", i), s = this.can("unfold", i);
-    if (o && s) {
+    const s = this.can("fold", i), o = this.can("unfold", i);
+    if (s && o) {
       i.state.unfolded = t;
       const r = this.filterPointTag;
       (n = this.TagContainerSvelte) == null || n.$set({ tags: r });
@@ -427,15 +425,15 @@ class Oi extends $ {
    */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = S(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = D(t));
   }
   /**
    * @description: 改变data
    */
   changeDataById(e, t, i = !0) {
-    const o = this.getTagById(e);
-    let s = !1;
-    o && (o.data && (s = !0), i ? o.data = f(o.data, t) : o.data = m(m({}, o.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), s && o.hooks.emit("dataChanged", o.data));
+    const s = this.getTagById(e);
+    let o = !1;
+    s && (s.data && (o = !0), i ? s.data = f(s.data, t) : s.data = g(g({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 改变tag的stickType
@@ -447,17 +445,17 @@ class Oi extends $ {
    * @description: 改变tag任意属性
    */
   changeTagById(e, t, i = !0) {
-    const o = this.getTagById(e);
-    let s = !1;
-    t && (t.data && (s = !0), i ? f(o, t) : Object.assign(o, t), o != null && o.tag3DContentSvelte && (t != null && t.normal) && (o.tag3DContentSvelte.currentNormal = S(t.normal)), this.setVisible(), this.updateRenderAllTags(), this.clearUnusedPanelTag(), s && o.hooks.emit("dataChanged", o.data));
+    const s = this.getTagById(e);
+    let o = !1;
+    t && (this.tagsLengthWillUpdate = !0, t.data && (o = !0), i ? f(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = D(t.normal)), this.setVisible(), this.updateRenderAllTags(), this.clearUnusedPanelTag(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 销毁tag
    */
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
-      const o = this.tags.findIndex((s) => s.id === i);
-      o !== -1 && this.tags.splice(o, 1);
+      const s = this.tags.findIndex((o) => o.id === i);
+      s !== -1 && this.tags.splice(s, 1);
     }), this.updateRenderAllTags();
   }
   /**
@@ -486,9 +484,9 @@ class Oi extends $ {
   }
   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;
+    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((s) => {
+      var o;
+      (o = s.tag3DContentSvelte) == null || o.dispose(), s.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
   /**
@@ -497,13 +495,13 @@ class Oi extends $ {
   addEventListener() {
     const { five: e, hooks: t } = this;
     let i = !1;
-    const o = w(() => {
+    const s = P(() => {
       i || (i = !0, e.ready().then(() => {
         this.onFiveEveryReady(), i = !1;
       }));
     }, 150);
-    return e.on("cameraUpdate", o), this.updateVisible(), this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("modeChange", this.updateVisible), e.on("initAnimationEnded", this.updateVisible), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", this.handleFiveCameraUpdate), e.on("panoArrived", this.handleFivePanoArrived), e.on("panoArrived", this.loadVideoFirstFrame), t.on("click", this.clickhandler), () => {
-      e.off("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.off("modeChange", this.updateVisible), e.off("initAnimationEnded", this.updateVisible), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", this.handleFiveCameraUpdate), e.off("cameraUpdate", o), e.off("panoArrived", this.handleFivePanoArrived), e.off("panoArrived", this.loadVideoFirstFrame), t.off("click", this.clickhandler), this.store.eventListenerDisposer = void 0;
+    return e.on("cameraUpdate", s), this.updateVisible(), this.handleFivePanoArrived(), e.on("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.on("modeChange", this.updateVisible), e.on("initAnimationEnded", this.updateVisible), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", this.handleFiveCameraUpdate), e.on("panoArrived", this.handleFivePanoArrived), e.on("panoArrived", this.loadVideoFirstFrame), t.on("click", this.clickhandler), () => {
+      e.off("wantsMoveToPano", this.handleFiveWantsMoveToPano), e.off("modeChange", this.updateVisible), e.off("initAnimationEnded", this.updateVisible), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", this.handleFiveCameraUpdate), e.off("cameraUpdate", s), e.off("panoArrived", this.handleFivePanoArrived), e.off("panoArrived", this.loadVideoFirstFrame), t.off("click", this.clickhandler), this.store.eventListenerDisposer = void 0;
     };
   }
   addResizeListener() {
@@ -521,17 +519,17 @@ class Oi extends $ {
       this.state.enabled && (this.show(), this.updateRenderAllTags());
     }, i = () => {
       this.state.enabled && this.hide();
-    }, { observe: o, unobserve: s } = U(
-      w(() => {
+    }, { observe: s, unobserve: o } = S(
+      P(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: n, unobserve: r } = U(
-      N(() => t(), 400),
+    ), { observe: n, unobserve: r } = S(
+      k(() => t(), 400),
       e
     );
-    return o(), n(), () => {
-      s(), r();
+    return s(), n(), () => {
+      o(), r();
     };
   }
   setUnfoldedByCamera() {
@@ -545,12 +543,12 @@ class Oi extends $ {
     });
   }
   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((p) => p == null ? void 0 : p()), e.tag3DContentSvelte = void 0);
+    var i, s, o, n, r, h;
+    ((i = e.config) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.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((p) => p == null ? void 0 : p()), e.tag3DContentSvelte = void 0);
   }
 }
 export {
-  Oi as PanoTagPluginController,
-  Oi as default,
-  Mi as pluginFlag
+  Mi as PanoTagPluginController,
+  Mi as default,
+  Fi as pluginFlag
 };

package/libs/PanoTagPlugin/utils/tag/format.d.ts

@@ -1,2 +1,4 @@
-import type { Tag } from '../../typings';
-export default function formatTag<T extends Tag>(tag: T): T;
+import type { StickType, Tag } from '../../typings';
+export default function formatTag<T extends Tag>(tag: T): tag is T & {
+    stickType: StickType;
+};

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.23.3");
+    i(this, "VERSION", "3.24.0");
     i(this, "five");
     /**
      * @description: 插件事件钩子

package/libs/shared-utils/five/FiveDomEvents.js

@@ -170,7 +170,10 @@ class I {
     var r, l;
     if (!e._domEvent || !e._domEvent[`${t}Handler`])
       return;
-    n === void 0 && delete e._domEvent[`${t}Handler`];
+    if (n === void 0) {
+      delete e._domEvent[`${t}Handler`];
+      return;
+    }
     const o = e._domEvent[`${t}Handler`].findIndex((u) => u[0] === n);
     if (o !== -1 && (e._domEvent[`${t}Handler`].splice(o, 1), e._domEvent[`${t}Handler`].length === 0 && delete e._domEvent[`${t}Handler`], e._domEvent && Object.keys(e._domEvent).length === 0 && delete e._domEvent, !e._domEvent)) {
       const u = (r = this.boundObject[t]) == null ? void 0 : r.findIndex((a) => a === e);

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.23.3",
+    "%c %c@realsee/dnalogel %cv3.24.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.23.3",
+  "version": "3.24.0",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",