@realsee/dnalogel 2.6.7-dev.0 → 2.6.7-dev.2

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,23 +1,23 @@
-var M = Object.defineProperty, U = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
+var j = Object.defineProperty, B = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var T = (g, d, e) => d in g ? M(g, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[d] = e, C = (g, d) => {
+var V = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var T = (g, d, e) => d in g ? j(g, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[d] = e, C = (g, d) => {
   for (var e in d || (d = {}))
-    R.call(d, e) && T(g, e, d[e]);
+    V.call(d, e) && T(g, e, d[e]);
   if (P)
     for (var e of P(d))
-      w.call(d, e) && T(g, e, d[e]);
+      R.call(d, e) && T(g, e, d[e]);
   return g;
-}, I = (g, d) => U(g, B(d));
+}, I = (g, d) => B(g, U(d));
 var y = (g, d, e) => (T(g, typeof d != "symbol" ? d + "" : d, e), e);
 import x from "object-assign-deep";
 import * as k from "three";
-import { DefaultConfig as $ } from "../tag.config.js";
-import { isMediaModelTag as m, is3DTag as A } from "../utils/tag/tagCheck.js";
+import { DefaultConfig as w } from "../tag.config.js";
+import { isMediaModelTag as m, is3DTag as $ } from "../utils/tag/tagCheck.js";
 import { anyPositionToVector3 as E } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { planeNormal as V } from "../utils/planeNormal.js";
-import { getTagPosition as D, tagPosition as j } from "../utils/tagPosition.js";
+import { planeNormal as A } from "../utils/planeNormal.js";
+import { getTagPosition as D, tagPosition as M } from "../utils/tagPosition.js";
 import { checkRange as b } from "../utils/checkRange.js";
 import { TagCacheController as S } from "./TagCacheController.js";
 import "hammerjs";
@@ -25,7 +25,7 @@ import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { notNil as _ } from "../../shared-utils/isNil.js";
+import { notNil as F } from "../../shared-utils/isNil.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "@realsee/five/gltf-loader";
 import "../../CSS3DRenderPlugin/utils/centerPoint.js";
@@ -41,11 +41,11 @@ import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/index.js";
-class he extends S {
+class pe extends S {
   constructor(e) {
     super(e);
     y(this, "tags", []);
-    y(this, "config", $);
+    y(this, "config", w);
     y(this, "raycaster", new k.Raycaster());
   }
   get isPanorama() {
@@ -70,7 +70,7 @@ class he extends S {
     if (i.visible !== void 0)
       return i.visible;
     {
-      const r = (() => {
+      const a = (() => {
         var c, u, f;
         const s = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, l = this.getDistance(e);
         if (typeof s == "function")
@@ -102,23 +102,35 @@ class he extends S {
               value: !1,
               reason: `intersectRaycaster check failed: fivePanoIndex is ${o}`
             };
-          const a = this.getRaycasterFromPanoIndex(e, o), p = this.getTagEnableByIntersect(e, a);
-          if (p.value === !1)
-            return p;
+          const r = this.getRaycasterFromPanoIndex(e, o), v = this.getTagEnableByIntersect(e, r);
+          if (v.value === !1)
+            return v;
         }
-        if (s.angleRange && A(e)) {
-          const a = this.getAngle(e);
-          if (b(a, s.angleRange) === !1)
-            return { value: !1, reason: `angle is not in angleRange. angle: ${a}, angleRange: ${s.angleRange}` };
+        if (s.angleRange && $(e)) {
+          const r = this.getAngle(e);
+          if (b(r, s.angleRange) === !1)
+            return { value: !1, reason: `angle is not in angleRange. angle: ${r}, angleRange: ${s.angleRange}` };
         }
         return {
           value: !0,
           reason: "all check passed"
         };
       })();
-      return i.visible = r.value, i.__debug_visible_reason__ = r, i.visible;
+      return i.visible = a.value, i.__debug_visible_reason__ = a, i.visible;
     }
   }
+  getVisibleByFiveMode(e, t) {
+    var n;
+    const i = (n = this.getTagConfig(e).visibleConfig) != null ? n : {};
+    if (typeof i == "function")
+      return t === "Panorama";
+    const o = i == null ? void 0 : i.visibleFiveMode;
+    return o ? o.includes(t) : t === "Panorama";
+  }
+  getVisible(e) {
+    const t = this.five.getCurrentState(), i = this.getVisibleByFiveMode(e, t.mode), o = t.mode === "Panorama" ? this.getVisibleByPanoIndex(e, t.panoIndex) : !0;
+    return i && o;
+  }
   getModelMedialVisibleByPanoIndex(e) {
     const t = this.five.getCurrentState().panoIndex, i = this.getCache({ panoIndex: t, id: e.id });
     if (i.modelMedialVisible !== void 0)
@@ -136,7 +148,7 @@ class he extends S {
       const n = this.getTagConfig(e).unfoldedConfig;
       if (!n)
         return;
-      const r = (() => {
+      const a = (() => {
         const l = this.getDistance(e);
         if (typeof n == "function")
           return n(this.five, { tag: e, distance: l });
@@ -147,14 +159,14 @@ class he extends S {
         if (n.unfoldDistance && b(l, n.unfoldDistance) === !1)
           return !1;
       })();
-      o.unfolded = r;
+      o.unfolded = a;
       const s = this.getUnfoldedByCamera(e);
       return s !== void 0 ? s : o.unfolded;
     }
   }
   getUnfoldedByCamera(e) {
     return this.getVisibleByPanoIndex(e) ? (() => {
-      var r;
+      var a;
       const o = this.getDistance(e), n = this.getTagConfig(e).unfoldedConfig;
       if (!!n) {
         if (typeof n == "function")
@@ -172,19 +184,19 @@ class he extends S {
         }
         if (n.autoUnfold.strategy === "MinimumDistance") {
           const c = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
-            const a = this.getTagProject(f);
-            if (!a)
+            const r = this.getTagProject(f);
+            if (!r)
               return !1;
-            const { x: p, y: h, z: v } = a;
-            return !(Math.abs(v) > 1 || Math.abs(p) > 1 || Math.abs(h) > 1);
-          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: a }) => {
-            var p, h;
-            return !(typeof a != "object" || a.keep || a.autoUnfold === !1 || ((p = a.autoUnfold) == null ? void 0 : p.enable) === !1 || ((h = a.autoUnfold) == null ? void 0 : h.strategy) !== "MinimumDistance");
-          }).map((f) => I(C({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: a }) => {
-            var p, h;
-            return !(f === void 0 || typeof a != "object" || a.autoUnfold === !1 || ((p = a.autoUnfold) == null ? void 0 : p.enable) === !1 || ((h = a.autoUnfold) == null ? void 0 : h.strategy) !== "MinimumDistance" || a.autoUnfold.distance && b(f, a.autoUnfold.distance) === !1);
-          }).sort((f, a) => f.distance - a.distance).findIndex((f) => f.id === e.id);
-          if (c === -1 || c <= ((r = n.autoUnfold.maxNumber) != null ? r : 1) - 1 === !1)
+            const { x: v, y: p, z: h } = r;
+            return !(Math.abs(h) > 1 || Math.abs(v) > 1 || Math.abs(p) > 1);
+          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: r }) => {
+            var v, p;
+            return !(typeof r != "object" || r.keep || r.autoUnfold === !1 || ((v = r.autoUnfold) == null ? void 0 : v.enable) === !1 || ((p = r.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance");
+          }).map((f) => I(C({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: r }) => {
+            var v, p;
+            return !(f === void 0 || typeof r != "object" || r.autoUnfold === !1 || ((v = r.autoUnfold) == null ? void 0 : v.enable) === !1 || ((p = r.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance" || r.autoUnfold.distance && b(f, r.autoUnfold.distance) === !1);
+          }).sort((f, r) => f.distance - r.distance).findIndex((f) => f.id === e.id);
+          if (c === -1 || c <= ((a = n.autoUnfold.maxNumber) != null ? a : 1) - 1 === !1)
             return !1;
         }
         return !0;
@@ -192,7 +204,7 @@ class he extends S {
     })() : void 0;
   }
   getDistance(e, t) {
-    var n, r, s;
+    var n, a, s;
     const i = (n = this.five.panoIndex) != null ? n : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
@@ -200,7 +212,7 @@ class he extends S {
     if (o.distance !== void 0)
       return o.distance;
     {
-      const l = (s = (r = this.five.work) == null ? void 0 : r.observers[i]) == null ? void 0 : s.position;
+      const l = (s = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : s.position;
       if (l === void 0)
         throw new Error(`getDistance(): observerPosition is ${l}`);
       const c = D(e), u = l.distanceTo(c);
@@ -208,7 +220,7 @@ class he extends S {
     }
   }
   getAngle(e, t) {
-    var n, r, s;
+    var n, a, s;
     const i = (n = this.five.panoIndex) != null ? n : t;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
@@ -216,44 +228,44 @@ class he extends S {
     if (o.angle !== void 0)
       return o.angle;
     {
-      const l = (s = (r = this.five.work) == null ? void 0 : r.observers[i]) == null ? void 0 : s.position;
+      const l = (s = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : s.position;
       if (l === void 0)
         throw new Error(`getAngleRange(): observerPosition is ${l}`);
-      const c = (() => e.stickType === "3DPoint" ? E(e.normal) : V(e.position))();
+      const c = (() => e.stickType === "3DPoint" ? E(e.normal) : A(e.position))();
       if (!c)
         return;
-      const u = new k.Vector3().copy(l).sub(j(e.position)), f = c.angleTo(u) * 180 / Math.PI;
+      const u = new k.Vector3().copy(l).sub(M(e.position)), f = c.angleTo(u) * 180 / Math.PI;
       return o.angle = f, o.angle;
     }
   }
   getTagConfig(e) {
-    var o;
+    var o, n;
     if (!e)
       return (o = this.config.globalConfig) != null ? o : {};
     const t = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((n) => {
-      const r = n;
-      if (t[r])
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((a) => {
+      const s = a;
+      if (t[s])
         return;
-      const s = r.split("-");
-      if (s.length === 1) {
-        const [l] = s;
-        e.contentType === l && (t[r] = this.config.contentTypeConfig[r]);
+      const l = s.split("-");
+      if (l.length === 1) {
+        const [c] = l;
+        e.contentType === c && (t[s] = this.config.contentTypeConfig[s]);
       }
-      if (s.length === 2) {
-        const [l = "Any", c = "Any"] = s;
-        (e.stickType === l || l === "Any") && (e.contentType === c || c === "Any") && (t[r] = this.config.contentTypeConfig[r]);
+      if (l.length === 2) {
+        const [c = "Any", u = "Any"] = l;
+        (e.stickType === c || c === "Any") && (e.contentType === u || u === "Any") && (t[s] = this.config.contentTypeConfig[s]);
       }
-      if (s.length === 3) {
-        const [l = "Any", c, u] = s;
-        if (c === "Audio" && e.contentType === "Audio") {
-          const f = e;
-          (f.stickType === l || l === "Any") && f.data.appearance === u && (t[r] = this.config.contentTypeConfig[r]);
+      if (l.length === 3) {
+        const [c = "Any", u, f] = l;
+        if (u === "Audio" && e.contentType === "Audio") {
+          const r = e;
+          (r.stickType === c || c === "Any") && r.data.appearance === f && (t[s] = this.config.contentTypeConfig[s]);
         }
       }
     });
     const i = x({}, this.config.globalConfig, ...Object.values(t), e.config);
-    return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep }), i;
+    return typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep, visibleFiveMode: (n = i.visibleConfig) == null ? void 0 : n.visibleFiveMode }), i;
   }
   can(e, t) {
     const i = this.getTagConfig(t);
@@ -321,9 +333,9 @@ class he extends S {
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const i = j(e.position), { x: o, y: n, z: r } = i.project(this.five.camera);
-    if (!(r > 1))
-      return { x: o, y: n, z: r };
+    const i = M(e.position), { x: o, y: n, z: a } = i.project(this.five.camera);
+    if (!(a > 1))
+      return { x: o, y: n, z: a };
   }
   filterPointTag() {
     return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint");
@@ -351,19 +363,19 @@ class he extends S {
   }
   getTagEnableByIntersect(e, t) {
     var c, u, f;
-    const i = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, o = this.getDistance(e), [n] = this.five.model.intersectRaycaster(t), r = (() => {
+    const i = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, o = this.getDistance(e), [n] = this.five.model.intersectRaycaster(t), a = (() => {
       if (!m(e))
         return;
-      const a = this.tags.filter(m).map((h) => {
-        var v;
-        return (v = h.model) == null ? void 0 : v.object;
-      }).filter(_);
-      return t.intersectObjects(a, !0)[0];
+      const r = this.tags.filter(m).map((p) => {
+        var h;
+        return (h = p.model) == null ? void 0 : h.object;
+      }).filter(F);
+      return t.intersectObjects(r, !0)[0];
     })(), s = (() => {
-      var a;
-      return typeof i == "object" && typeof i.intersectRaycaster == "object" && (a = i.intersectRaycaster.distanceAccuracy) != null ? a : 0.01;
+      var r;
+      return typeof i == "object" && typeof i.intersectRaycaster == "object" && (r = i.intersectRaycaster.distanceAccuracy) != null ? r : 0.01;
     })();
-    return Math.min((u = n == null ? void 0 : n.distance) != null ? u : 1 / 0, (f = r == null ? void 0 : r.distance) != null ? f : 1 / 0) + s < o ? {
+    return Math.min((u = n == null ? void 0 : n.distance) != null ? u : 1 / 0, (f = a == null ? void 0 : a.distance) != null ? f : 1 / 0) + s < o ? {
       value: !1,
       reason: `intersectRaycaster check failed: distance is ${o}, intersection.point is ${n.point.toArray()}, distanceError is ${s}`
     } : { value: !0, reason: "" };
@@ -377,18 +389,14 @@ class he extends S {
     return this.raycaster.set(i, o), this.raycaster;
   }
   checkFloorIndex(e) {
-    var r;
+    var a;
     const t = e.fiveState;
     if (!t)
       return !0;
-    const i = t.panoIndex, o = (r = this.five.work.observers[i]) == null ? void 0 : r.floorIndex, n = this.five.model.shownFloor;
+    const i = t.panoIndex, o = (a = this.five.work.observers[i]) == null ? void 0 : a.floorIndex, n = this.five.model.shownFloor;
     return n === null || n === o;
   }
-  changeTagMode(e, t) {
-    var i, o, n, r, s;
-    (i = e.config) != null && i.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (n = (o = e.tag3DContentSvelte) == null ? void 0 : o.domContainer) == null || n.dispose(), (s = (r = e.tag3DContentSvelte) == null ? void 0 : r.svelteApp) == null || s.$destroy(), e.tag3DContentSvelte = void 0;
-  }
 }
 export {
-  he as TagComputer
+  pe as TagComputer
 };

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

@@ -176,6 +176,7 @@ declare class PanoTagPluginController extends TagComputer {
     private addMediaModelTag;
     /** 加载外部模型 */
     private loadModel;
+    private changeTagMode;
 }
 export default PanoTagPluginController;
 export { PanoTagPluginController };

package/libs/PanoTagPlugin/controller/index.js

@@ -1,16 +1,16 @@
 var x = Object.defineProperty, G = Object.defineProperties;
 var V = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
+var R = Object.getOwnPropertySymbols;
 var N = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var D = (h, a, e) => a in h ? x(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
+var A = (h, a, e) => a in h ? x(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, p = (h, a) => {
   for (var e in a || (a = {}))
-    N.call(a, e) && D(h, e, a[e]);
-  if (E)
-    for (var e of E(a))
-      W.call(a, e) && D(h, e, a[e]);
+    N.call(a, e) && A(h, e, a[e]);
+  if (R)
+    for (var e of R(a))
+      W.call(a, e) && A(h, e, a[e]);
   return h;
-}, f = (h, a) => G(h, V(a));
-var d = (h, a, e) => (D(h, typeof a != "symbol" ? a + "" : a, e), e);
+}, m = (h, a) => G(h, V(a));
+var d = (h, a, e) => (A(h, typeof a != "symbol" ? a + "" : a, e), e);
 var c = (h, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
@@ -28,18 +28,18 @@ var c = (h, a, e) => new Promise((t, i) => {
   n((e = e.apply(h, a)).next());
 });
 import { Subscribe as z } from "@realsee/five";
-import { Group as R, Vector3 as T, Matrix4 as C, Quaternion as _ } from "three";
-import m from "object-assign-deep";
+import { Group as E, Vector3 as T, Matrix4 as C, Quaternion as _ } from "three";
+import u from "object-assign-deep";
 import { writable as $ } from "../../vendor/svelte/store/index.js";
 import q from "../Components/TagContainer.js";
 import H from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as v } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as Q } from "../utils/addDebugPoints.js";
+import { addDebugPoints as J } from "../utils/addDebugPoints.js";
 import { planeNormal as O } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
-import { isMediaModelTag as u } from "../utils/tag/tagCheck.js";
-import { waitFiveModelLoaded as X } from "../utils/actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as J } from "../utils/normalPositionToPositions.js";
+import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
+import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
 import { debounce as k } from "../utils/debounce.js";
 import { throttle as K } from "../utils/throttle.js";
 import { resizeObserver as I } from "../utils/resizeObserver.js";
@@ -48,8 +48,6 @@ import { CSS3DRenderPlugin as Z } from "../../CSS3DRenderPlugin/index.js";
 import ee from "../utils/tag/format.js";
 import { generateBlankAudio as L, AudioNamespace as U } from "../../shared-utils/audio.js";
 import { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
-import "../../CSS3DRenderPlugin/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { getMediaModelPlanPositions as ie } from "../utils/tag/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -94,8 +92,7 @@ import "../Components/Common/MediaItem.js";
 import "../Components/Tag/MarketingTag.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../shared-utils/animationFrame/index.js";
+import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -107,6 +104,9 @@ import "../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
 import "../Components/Tag/AudioTag/index.js";
 import "../Components/Tag/AudioTag/AudioTag.js";
 import "../Components/Common/Audio.js";
@@ -124,8 +124,8 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const j = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${j}`, se = !1, Qt = (h) => `${S}--${h}`;
-class Xt extends Y {
+const j = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${j}`, se = !1, Jt = (h) => `${S}--${h}`;
+class Qt extends Y {
   constructor(e, t) {
     super(e);
     d(this, "version", j);
@@ -138,8 +138,8 @@ class Xt extends Y {
     d(this, "mediaStore", $({
       currentMediaElement: null
     }));
-    d(this, "group", new R());
-    d(this, "gltfObjectGroup", new R());
+    d(this, "group", new E());
+    d(this, "gltfObjectGroup", new E());
     d(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
     d(this, "store", {
       disposers: [],
@@ -149,19 +149,20 @@ class Xt extends Y {
     });
     d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     d(this, "changeTagModel", (e, t) => c(this, null, function* () {
-      e.data = m({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+      e.data = u({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     d(this, "disposedErrorLog", () => {
       console.error(`${S} is disposed`);
     });
     d(this, "handleFiveInitAnimationEnded", () => {
-      this.five.getCurrentState().mode === "Panorama" && this.tags.forEach((e) => {
-        e.temporaryState = f(p({}, e.temporaryState), { visible: !0 });
-      });
+      const e = this.five.getCurrentState().mode;
+      this.tags.forEach((t) => {
+        t.state.visible = this.getVisible(t), f(t) && e === "Panorama" && this.changeTagMode(t, "front");
+      }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     d(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !u(e) || (e.state.visible = this.checkFloorIndex(e));
+        !f(e) || (e.state.visible = this.checkFloorIndex(e));
       }), this.updateRenderAllTags();
     });
     d(this, "loadModel", (e) => c(this, null, function* () {
@@ -183,14 +184,14 @@ class Xt extends Y {
   load(e, t) {
     return c(this, null, function* () {
       var s, o;
-      this.clearTags(), console.log(S, " load:", { data: e }), this.config = m({}, this.config, {
+      this.clearTags(), console.log(S, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = u({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          Q(this.five, this.tags);
+          J(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -200,28 +201,28 @@ class Xt extends Y {
   addTag(e, t) {
     return c(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        const n = this.getTagConfig(o), r = f(p({}, o), {
+        const n = this.getTagConfig(o), r = m(p({}, o), {
           state: p({ visible: void 0, unfolded: se }, n.initialState),
           hooks: new z(),
           clickable: n.clickable,
           mergedConfig: n
         });
-        return u(o) && (r.temporaryState = { visible: !1 }), r;
+        return f(o) && (r.temporaryState = { visible: !1 }), r;
       }).filter((o) => o.position);
-      return s.forEach(ee), this.tags.push(...s), X(this.five).then(() => {
+      return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
         var o, n, r;
         return this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), console.log("\u{1F436} ==> waitFiveModelLoaded:"), this.addMediaModelTag(s);
       });
     });
   }
   changeConfig(e, t = !0) {
-    t ? this.config = m({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = u({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = m({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = u({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   clearTags() {
-    this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
+    this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
     return c(this, null, function* () {
@@ -279,14 +280,14 @@ class Xt extends Y {
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = m({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = u({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? m(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = v(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? u(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = v(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -302,9 +303,9 @@ class Xt extends Y {
     const i = (w = (M = (P = e.mergedConfig) == null ? void 0 : P.tag3DConfig) == null ? void 0 : M.ratio) != null ? w : 216e-5, s = (F = e.tag3DContentSvelte) == null ? void 0 : F.domContainer.css3DObject;
     if (!s)
       return;
-    const o = u(e) ? e.data.mediaPosition : e.position;
+    const o = f(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    const n = t.matrixWorld, r = new T().fromArray(o[0]), l = new T().fromArray(o[2]), g = new T().lerpVectors(r, l, 0.5).add(new T(0, 0, 5e-4)), A = new C().setPosition(g), B = new C().makeScale(i, i, i), y = new C().multiply(n).multiply(A).multiply(B);
+    const n = t.matrixWorld, r = new T().fromArray(o[0]), l = new T().fromArray(o[2]), g = new T().lerpVectors(r, l, 0.5).add(new T(0, 0, 5e-4)), D = new C().setPosition(g), B = new C().makeScale(i, i, i), y = new C().multiply(n).multiply(D).multiply(B);
     y.decompose(s.position, s.quaternion, s.scale);
     const b = s.opacityMesh;
     !b || y.decompose(b.position, b.quaternion, b.scale);
@@ -336,8 +337,8 @@ class Xt extends Y {
     });
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), l = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), A = this.five.currentMode;
-    return this.handleFiveModeChange(A), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", l), t.on("click", g), () => {
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), l = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), D = this.five.currentMode;
+    return this.handleFiveModeChange(D), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", l), t.on("click", g), () => {
       e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", l), t.off("click", g), this.store.eventListenerDisposer = void 0;
     };
   }
@@ -374,17 +375,13 @@ class Xt extends Y {
   }
   handleFiveModeChange(e) {
     this.tags.forEach((t) => {
-      if (u(t)) {
-        e !== "Panorama" && (t.mediaVisible = this.checkFloorIndex(t)), this.changeTagMode(t, e === "Panorama" ? "front" : "behind"), this.updateRenderAllTags();
-        return;
-      }
-      e !== "Panorama" && (t.temporaryState = f(p({}, t.temporaryState), { visible: !1 }));
-    }), this.updateRenderAllTags();
+      t.state.visible = this.getVisible(t), f(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+    }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = f(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = f(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   temporaryShow({ withAnimation: e } = { withAnimation: !1 }) {
@@ -432,7 +429,7 @@ class Xt extends Y {
   handleFivePanoArrived() {
     return c(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.setModelMedialVisibleByPanoIndex(), this.tags.forEach((e) => {
-        e.temporaryState = f(p({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = m(p({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
     });
   }
@@ -480,7 +477,7 @@ class Xt extends Y {
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = (() => t.stickType === "Plane" ? t.position : t.stickType === "Model" && t.contentType === "MediaModel" ? ie(t) : J(
+        const s = (() => t.stickType === "Plane" ? t.position : t.stickType === "Model" && t.contentType === "MediaModel" ? ie(t) : X(
           this.five.camera.position,
           v(t.position),
           v(t.normal)
@@ -506,7 +503,7 @@ class Xt extends Y {
             props: {
               tag: t,
               hooks: this.hooks,
-              state: t.contentType === "MediaModel" ? f(p({}, this.state), { visible: !1 }) : this.state,
+              state: t.contentType === "MediaModel" ? m(p({}, this.state), { visible: !1 }) : this.state,
               mediaStore: this.mediaStore,
               temporaryState: this.temporaryState
             }
@@ -520,7 +517,7 @@ class Xt extends Y {
   }
   updateRenderModelTag() {
     const e = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(u).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
       var s;
       (s = i.model) == null || s.promise.then((o) => {
         o.visible = i.state.visible;
@@ -544,13 +541,17 @@ class Xt extends Y {
   }
   addMediaModelTag(e) {
     return c(this, null, function* () {
-      const t = e.filter(u).map(this.loadModel);
+      const t = e.filter(f).map(this.loadModel);
       yield Promise.all(t), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
   }
+  changeTagMode(e, t) {
+    var i, s, o, n, r;
+    ((o = (s = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : s.css3DObject) == null ? void 0 : o.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (r = this.store.css3DRenderDisposer.get(e.id)) == null || r(), e.tag3DContentSvelte = void 0);
+  }
 }
 export {
-  Xt as PanoTagPluginController,
-  Xt as default,
-  Qt as pluginFlag
+  Qt as PanoTagPluginController,
+  Qt as default,
+  Jt as pluginFlag
 };

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

@@ -1,5 +1,5 @@
 import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/Controller';
-import type { Five } from '@realsee/five';
+import type { Five, Mode } from '@realsee/five';
 import type { TagContentType } from './TagData';
 import type { Tag } from './Tag';
 import type { MinMax, StickType } from './Utils';
@@ -8,6 +8,7 @@ export interface TagConfig<C extends TagContentType = TagContentType, S extends
     visibleConfig?: {
         /** 保持可见/不可见, 设置后visibleConfig下所有其他配置都不生效 */
         keep?: 'visible' | 'hidden';
+        visibleFiveMode?: Mode[];
         /** 走点时不隐藏 */
         alwaysShowWhenMovePano?: true;
         /** min-max米内显示 | 无距离限制 */