@realsee/dnalogel 3.23.1 → 3.23.3

package/libs/ModelMakerPlugin/item/prismItem.js

@@ -18,15 +18,16 @@ import "../../shared-utils/Subscribe.js";
 import "../../shared-utils/tag.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
+import "../utils/getFiveDomEvent.js";
 import "../../shared-utils/five/FiveDomEvents.js";
 import "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-class R extends f {
+class T extends f {
   constructor(...o) {
     const r = o[0], e = M(r.model), a = new u.Vector3().lerpVectors(n(e, 0), n(e, 5), 0.5);
     super(s(i({}, r), { position: a })), this.enable();
   }
 }
 export {
-  R as ModelMakerPrismItem
+  T as ModelMakerPrismItem
 };

package/libs/ModelMakerPlugin/utils/getFiveDomEvent.d.ts

@@ -0,0 +1,3 @@
+import type { Five } from '@realsee/five';
+import { FiveDomEvents } from '../../shared-utils/five/FiveDomEvents';
+export declare const getFiveDomEvent: (five: Five) => FiveDomEvents;

package/libs/ModelMakerPlugin/utils/getFiveDomEvent.js

@@ -0,0 +1,9 @@
+import { FiveDomEvents as o } from "../../shared-utils/five/FiveDomEvents.js";
+import "three";
+import "../../shared-utils/three/getObjectVisible.js";
+import "../../shared-utils/five/calculateThreeMouse.js";
+let t;
+const v = (e) => t || (t = new o(e), t);
+export {
+  v as getFiveDomEvent
+};

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -233,10 +233,10 @@ class Ti extends I {
     this.contentTypeMap.set(t, e);
   }
   clearTags() {
-    this.tags.forEach((t) => {
+    this.tags.length && (this.tags.forEach((t) => {
       var e, o;
       (o = (e = t.mediaPlane) == null ? void 0 : e.parent) == null || o.remove(t.mediaPlane);
-    }), this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
+    }), this.tags = [], this.disposeAllCSS3DContainer(), this.updateRenderAllTags()), this.enabledModelTagSet.clear(), this.clearCache();
   }
   /**
    * @description: 更新所有标签

package/libs/PanoTagPlugin/controller/index.js

@@ -1,53 +1,53 @@
-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) => {
+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) => {
   for (var e in a || (a = {}))
-    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]);
+    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]);
   return d;
-}, b = (d, a) => I(d, R(a));
+}, v = (d, a) => k(d, B(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 s = (r) => {
+  var o = (r) => {
     try {
       n(e.next(r));
     } catch (h) {
       i(h);
     }
-  }, o = (r) => {
+  }, s = (r) => {
     try {
       n(e.throw(r));
     } catch (h) {
       i(h);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
+  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(o, s);
   n((e = e.apply(d, a)).next());
 });
-import * as v from "three";
-import { Subscribe as M } from "@realsee/five";
+import * as b from "three";
+import { Subscribe as O } from "@realsee/five";
 import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.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 $ } from "../../shared-utils/five/mode.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 "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { tweenProgress as W } 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 { 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 "./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 w = "Dnalogel-PanoTagPlugin", Fi = (d) => `${w}--${d}`;
-class Mi extends z {
+const E = "Dnalogel-PanoTagPlugin", Mi = (d) => `${E}--${d}`;
+class Oi extends $ {
   constructor(e, t) {
     super(e);
     /** state */
@@ -182,13 +182,13 @@ class Mi extends z {
     l(this, "params");
     /** debug */
     l(this, "debug");
-    l(this, "debugUtil", new j(this));
+    l(this, "debugUtil", new H(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, s, o;
+      var i, o, s;
       if (!this.state.enabled)
         return { reason: `plugin.state.enabled is ${this.state.enabled}` };
       if (!this.state.visible)
@@ -201,29 +201,28 @@ class Mi extends z {
       if (t.stickType === "Model" || t.stickType === "Plane")
         return { reason: "maybe blocked by the five model" };
       if (!t.state.visible) {
-        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 };
+        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 };
       }
       return { reason: "check your eyes" };
     });
     l(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        V(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        _(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 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);
+        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);
       }), this.updateTagContainerVisible(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
     });
     /**
      * @description: 走点/切换模型后显示
      */
     // private temporaryShow({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
-    //   this.store.visibleWithAnimation = withAnimation
     //   this.temporaryState.visible = true
     //   this.updateTagContainerVisible()
     // }
@@ -231,7 +230,6 @@ class Mi extends z {
      * @description: 走点/切换模型时临时隐藏
      */
     // private temporaryHide({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
-    //   this.store.visibleWithAnimation = withAnimation
     //   this.temporaryState.visible = false
     //   this.updateTagContainerVisible()
     // }
@@ -241,8 +239,8 @@ class Mi extends z {
       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((s) => {
-        s.id !== e.tag.id && s.state && this.can("fold", s) && (s.state.unfolded = !1);
+      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);
       }), this.updateRenderAllTags());
     });
     l(this, "handleFiveCameraUpdate", () => {
@@ -250,21 +248,21 @@ class Mi extends z {
     });
     l(this, "handleFivePanoArrived", () => c(this, null, function* () {
       this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
-        e.temporaryState = b(g({}, e.temporaryState), { visible: !0 });
-      }), this.tags.filter(_).filter((e) => {
+        e.temporaryState = v(m({}, e.temporaryState), { visible: !0 });
+      }), this.tags.filter(L).filter((e) => {
         var t;
         return (t = this.getTagConfig(e).modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
         var h;
-        const t = new v.Mesh(new v.BoxGeometry(), new v.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
+        const t = new b.Mesh(new b.BoxGeometry(), new b.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
         if (!i)
           return;
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
-        const s = this.five.camera.position;
-        t.lookAt(s.clone().setY(t.position.y));
-        const o = i.quaternion.clone(), n = t.quaternion.clone(), r = W();
+        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();
         r.onUpdate(({ progress: p }) => {
-          i.quaternion.copy(o.clone().slerp(n, p));
+          i.quaternion.copy(s.clone().slerp(n, p));
         }), r.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     }));
@@ -273,9 +271,9 @@ class Mi extends z {
       this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "onFiveEveryReady", () => {
-      this.setUnfoldedByCamera(), $(this.five.getCurrentState().mode) && (this.setTagZIndex(this.filterPointTag), this.setVisible(), this.setPointTagPosition()), this.updateDomView({ withAnimation: !0 }), this.updateRenderVideoPlane(), this.updateRenderImagePlane(), this.updateTagModelVisible();
+      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.params = f({}, { debug: !1, config: this.config }, g({}, t)), this.debug = this.params.debug, this.config = this.params.config, N(1, { namespace: G.PlayAudio });
+    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 });
     try {
       const i = window;
       Array.isArray(i.__PANOTAGPLUGIN_DEBUG_LIST__) || (i.__PANOTAGPLUGIN_DEBUG_LIST__ = []), i.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), i.__PANOTAGPLUGIN_DEBUG__ = this;
@@ -287,15 +285,15 @@ class Mi extends z {
    */
   load(e, t) {
     return c(this, null, function* () {
-      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 : {}
-      });
+      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 : {}
+      }), this.store.visibleWithAnimation = !0;
       const i = yield this.addTag(e.tagList, t);
-      if (this.debug)
+      if (this.store.visibleWithAnimation = void 0, this.debug)
         try {
-          O(this.five, this.tags);
+          V(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -307,39 +305,41 @@ class Mi extends z {
    */
   addTag(e, t) {
     return c(this, null, function* () {
-      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, b(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({
+      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({
             visible: void 0,
-            unfolded: !this.can("fold", o)
+            unfolded: !this.can("fold", s)
           }, p.initialState),
-          hooks: new M(),
-          originPosition: o.position,
+          hooks: new O(),
+          originPosition: s.position,
           position: (() => {
-            const m = this.getTransformedPostion(o.position);
-            return Array.isArray(m) ? m.map((U) => U.toArray()) : m.toArray();
+            const g = this.getTransformedPostion(s.position);
+            return Array.isArray(g) ? g.map((I) => I.toArray()) : g.toArray();
           })(),
           initialConfig: r,
           computedConfig: h,
           config: p,
-          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)
+          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)
         });
       });
-      return s.forEach(L), this.tags.push(...s), 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();
+      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();
       }));
     });
   }
@@ -392,26 +392,26 @@ class Mi extends z {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    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 });
+    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 });
   }
   /**
    * @description: 销毁
    */
   dispose() {
-    var e, t, i, s, o, n;
+    var e, t, i, o, s, 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 = [], (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");
+    }), 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");
   }
   changeUnfoldedById(e, t) {
     var n;
     const i = this.getTagById(e);
     if (!i)
       return;
-    const s = this.can("fold", i), o = this.can("unfold", i);
-    if (s && o) {
+    const o = this.can("fold", i), s = this.can("unfold", i);
+    if (o && s) {
       i.state.unfolded = t;
       const r = this.filterPointTag;
       (n = this.TagContainerSvelte) == null || n.$set({ tags: r });
@@ -427,15 +427,15 @@ class Mi extends z {
    */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = D(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = S(t));
   }
   /**
    * @description: 改变data
    */
   changeDataById(e, t, i = !0) {
-    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));
+    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));
   }
   /**
    * @description: 改变tag的stickType
@@ -447,17 +447,17 @@ class Mi extends z {
    * @description: 改变tag任意属性
    */
   changeTagById(e, t, i = !0) {
-    const s = this.getTagById(e);
-    let o = !1;
-    t && (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));
+    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));
   }
   /**
    * @description: 销毁tag
    */
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
-      const s = this.tags.findIndex((o) => o.id === i);
-      s !== -1 && this.tags.splice(s, 1);
+      const o = this.tags.findIndex((s) => s.id === i);
+      o !== -1 && this.tags.splice(o, 1);
     }), this.updateRenderAllTags();
   }
   /**
@@ -465,7 +465,7 @@ class Mi extends z {
    */
   setVisibleAndUnfolded() {
     return c(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
-      return this.setVisible(), e ? new Promise((t) => {
+      return this.store.visibleWithAnimation = e, this.setVisible(), e ? new Promise((t) => {
         setTimeout(() => {
           this.setUnfoldedByPanoIndex(), t();
         }, 10);
@@ -486,9 +486,9 @@ class Mi extends z {
   }
   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((s) => {
-      var o;
-      (o = s.tag3DContentSvelte) == null || o.dispose(), s.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((o) => {
+      var s;
+      (s = o.tag3DContentSvelte) == null || s.dispose(), o.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
   /**
@@ -497,13 +497,13 @@ class Mi extends z {
   addEventListener() {
     const { five: e, hooks: t } = this;
     let i = !1;
-    const s = P(() => {
+    const o = w(() => {
       i || (i = !0, e.ready().then(() => {
         this.onFiveEveryReady(), i = !1;
       }));
     }, 150);
-    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;
+    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;
     };
   }
   addResizeListener() {
@@ -521,17 +521,17 @@ class Mi extends z {
       this.state.enabled && (this.show(), this.updateRenderAllTags());
     }, i = () => {
       this.state.enabled && this.hide();
-    }, { observe: s, unobserve: o } = S(
-      P(() => {
+    }, { observe: o, unobserve: s } = U(
+      w(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
-    ), { observe: n, unobserve: r } = S(
-      k(() => t(), 400),
+    ), { observe: n, unobserve: r } = U(
+      N(() => t(), 400),
       e
     );
-    return s(), n(), () => {
-      o(), r();
+    return o(), n(), () => {
+      s(), r();
     };
   }
   setUnfoldedByCamera() {
@@ -545,12 +545,12 @@ class Mi extends z {
     });
   }
   changeTagMode(e, t) {
-    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);
+    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);
   }
 }
 export {
-  Mi as PanoTagPluginController,
-  Mi as default,
-  Fi as pluginFlag
+  Oi as PanoTagPluginController,
+  Oi as default,
+  Mi as pluginFlag
 };

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

@@ -20,10 +20,17 @@ export type Tag<C extends TagContentType = TagContentType, S extends StickType =
     /** 开启/禁用 */
     enabled?: boolean;
     /** 唯一标识 */
-    id: TagId;
-    /** @type {StickType} 附着方式 */
-    stickType: S;
-    /** @type {TagContentType} 内容类型，根据内容类型展示对应UI */
+    id?: TagId;
+    /**
+     * @description: 附着方式
+     * @type {StickType}
+     * @default '2DPoint'
+     */
+    stickType?: S;
+    /**
+     * @description: 内容类型，根据内容类型展示对应UI
+     * @type {TagContentType}
+     */
     contentType: LiteralUnion<C, string>;
     /** 点 */
     position: S extends 'Plane' ? [Position, Position, Position, Position] : S extends '2DPoint' | '3DPoint' | 'Model' ? Position : Position | [Position, Position, Position, Position];

package/libs/base/BasePlugin.js

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