@realsee/dnalogel 2.20.0-dev.9 → 2.20.1

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,19 +1,19 @@
 var M = Object.defineProperty, U = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
+var D = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
-var B = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var R = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
 var g = (d, l, e) => l in d ? M(d, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[l] = e, x = (d, l) => {
   for (var e in l || (l = {}))
-    B.call(l, e) && g(d, e, l[e]);
+    R.call(l, e) && g(d, e, l[e]);
   if (P)
     for (var e of P(l))
-      C.call(l, e) && g(d, e, l[e]);
+      B.call(l, e) && g(d, e, l[e]);
   return d;
-}, I = (d, l) => U(d, R(l));
-var V = (d, l, e) => (g(d, typeof l != "symbol" ? l + "" : l, e), e);
-import * as D from "three";
+}, I = (d, l) => U(d, D(l));
+var T = (d, l, e) => (g(d, typeof l != "symbol" ? l + "" : l, e), e);
+import * as C from "three";
 import { is3DTag as j, isMediaModelTag as y } from "../utils/tag/tagCheck.js";
-import { tagPosition as T, getTagPosition as k } from "../utils/tagPosition.js";
+import { tagPosition as V, getTagPosition as k } from "../utils/tagPosition.js";
 import { checkRange as h } from "../utils/checkRange.js";
 import "hammerjs";
 import "@realsee/five";
@@ -58,17 +58,17 @@ import "../../shared-utils/threex/domevents/index.js";
 class Ue extends S {
   constructor(e) {
     super(e);
-    V(this, "raycaster", new D.Raycaster());
+    T(this, "raycaster", new C.Raycaster());
   }
   /**
    * @description: 获取是否可见
    */
   getVisibleByPanoIndex(e, t) {
-    const s = this.getCache({ panoIndex: t, id: e.id }), n = t != null ? t : this.five.getCurrentState().panoIndex;
+    const n = this.getCache({ panoIndex: t, id: e.id }), s = t != null ? t : this.five.getCurrentState().panoIndex;
     if (e.stickType === "Model")
       return !0;
-    if (s.visible !== void 0)
-      return s.visible;
+    if (n.visible !== void 0)
+      return n.visible;
     {
       const i = (() => {
         var c, u, v;
@@ -79,16 +79,16 @@ class Ue extends S {
           return { value: !1, reason: "config.keep is hidden" };
         if (o.keep === "visible")
           return { value: !0, reason: "config.keep is visible" };
-        if (o.visiblePanoIndex !== void 0 && o.visiblePanoIndex !== "all" && n !== void 0) {
-          if (Array.isArray(o.visiblePanoIndex) && !o.visiblePanoIndex.includes(n))
+        if (o.visiblePanoIndex !== void 0 && o.visiblePanoIndex !== "all" && s !== void 0) {
+          if (Array.isArray(o.visiblePanoIndex) && !o.visiblePanoIndex.includes(s))
             return {
               value: !1,
-              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${n}, visiblePanoIndex: ${o.visiblePanoIndex}`
+              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${s}, visiblePanoIndex: ${o.visiblePanoIndex}`
             };
-          if (o.visiblePanoIndex === "current" && n !== ((u = e.fiveState) == null ? void 0 : u.panoIndex))
+          if (o.visiblePanoIndex === "current" && s !== ((u = e.fiveState) == null ? void 0 : u.panoIndex))
             return {
               value: !1,
-              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${n}, tag.panoIndex: ${(v = e.fiveState) == null ? void 0 : v.panoIndex}`
+              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${s}, tag.panoIndex: ${(v = e.fiveState) == null ? void 0 : v.panoIndex}`
             };
         }
         if (o.visibleDistance !== void 0 && o.visibleDistance !== "unLimited" && h(f, o.visibleDistance) === !1)
@@ -97,12 +97,12 @@ class Ue extends S {
             reason: `distance is not in visibleDistance. distance: ${f}, visibleDistance: ${o.visibleDistance}`
           };
         if (o.intersectRaycaster !== !1 && (typeof o.intersectRaycaster != "object" || o.intersectRaycaster.enabled !== !1)) {
-          if (n === void 0)
+          if (s === void 0)
             return {
               value: !1,
-              reason: `intersectRaycaster check failed: fivePanoIndex is ${n}`
+              reason: `intersectRaycaster check failed: fivePanoIndex is ${s}`
             };
-          const r = this.getRaycasterFromPanoIndex(e, n);
+          const r = this.getRaycasterFromPanoIndex(e, s);
           if (!r)
             return { value: !1, reason: `intersectRaycaster check failed: raycaster is ${r}` };
           const a = this.getTagEnableByIntersect(e, r);
@@ -119,19 +119,19 @@ class Ue extends S {
           reason: "all check passed"
         };
       })();
-      return s.visible = i.value, s.__debug_visible_reason__ = i, s.visible;
+      return n.visible = i.value, n.__debug_visible_reason__ = i, n.visible;
     }
   }
   getVisibleByFiveMode(e, t) {
-    const s = t != null ? t : this.five.getCurrentState().mode, n = this.getTagConfig(e).visibleConfig;
-    if (n) {
-      if (typeof n == "object") {
-        const i = n == null ? void 0 : n.visibleFiveMode;
-        return i ? i != null && i.includes(s) ? n.followModelVisibility === !0 && (s === "Floorplan" || s === "Mapview") ? this.getVisibleByFloorIndex(e) : !0 : !1 : s === "Panorama";
-      } else if (typeof n == "function")
+    const n = t != null ? t : this.five.getCurrentState().mode, s = this.getTagConfig(e).visibleConfig;
+    if (s) {
+      if (typeof s == "object") {
+        const i = s == null ? void 0 : s.visibleFiveMode;
+        return i ? i != null && i.includes(n) ? s.followModelVisibility === !0 && (n === "Floorplan" || n === "Mapview") ? this.getVisibleByFloorIndex(e) : !0 : !1 : n === "Panorama";
+      } else if (typeof s == "function")
         return t === "Panorama";
     } else
-      return s === "Panorama";
+      return n === "Panorama";
   }
   /**
    * @description 获取标签当前状态
@@ -142,21 +142,21 @@ class Ue extends S {
     return (t = this.state.visible && e.state.visible) != null ? t : !0;
   }
   getVisible(e) {
-    const t = this.five.getCurrentState(), s = this.getVisibleByFiveMode(e), n = t.mode === "Panorama" ? this.getVisibleByPanoIndex(e, t.panoIndex) : !0;
-    return s && n;
+    const t = this.five.getCurrentState(), n = this.getVisibleByFiveMode(e), s = t.mode === "Panorama" ? this.getVisibleByPanoIndex(e, t.panoIndex) : !0;
+    return n && s;
   }
   /** 获取当前点位上模型中的多媒体是否应该展示 */
   getModelMedialVisibleByPanoIndex(e) {
     if (!this.getCurrentVisibleState(e))
       return !1;
-    const t = this.five.getCurrentState().panoIndex, s = this.getCache({ panoIndex: t, id: e.id });
-    if (s.modelMedialVisible !== void 0)
-      return s.modelMedialVisible;
-    const n = this.getRaycasterFromPanoIndex(e, t);
-    if (!n)
+    const t = this.five.getCurrentState().panoIndex, n = this.getCache({ panoIndex: t, id: e.id });
+    if (n.modelMedialVisible !== void 0)
+      return n.modelMedialVisible;
+    const s = this.getRaycasterFromPanoIndex(e, t);
+    if (!s)
       return !1;
-    const i = this.getTagEnableByIntersect(e, n);
-    return s.modelMedialVisible = i.value, s.__debug_visible_reason__ = i, i.value !== !1;
+    const i = this.getTagEnableByIntersect(e, s);
+    return n.modelMedialVisible = i.value, n.__debug_visible_reason__ = i, i.value !== !1;
   }
   /**
    * @description: 获取是否展开
@@ -164,9 +164,9 @@ class Ue extends S {
   getUnfoldedByPanoIndex(e, t) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const n = this.getCache({ panoIndex: t, id: e.id });
-    if (n.unfolded !== void 0)
-      return n.unfolded;
+    const s = this.getCache({ panoIndex: t, id: e.id });
+    if (s.unfolded !== void 0)
+      return s.unfolded;
     {
       const i = this.getTagConfig(e).unfoldedConfig;
       if (!i)
@@ -182,9 +182,9 @@ class Ue extends S {
         if (i.unfoldDistance && h(c, i.unfoldDistance) === !1)
           return !1;
       })();
-      n.unfolded = o;
+      s.unfolded = o;
       const f = this.getUnfoldedByCamera(e);
-      return f !== void 0 ? f : n.unfolded;
+      return f !== void 0 ? f : s.unfolded;
     }
   }
   /**
@@ -193,10 +193,10 @@ class Ue extends S {
   getUnfoldedByCamera(e) {
     return this.getVisible(e) ? (() => {
       var o;
-      const n = this.getDistance(e), i = this.getTagConfig(e).unfoldedConfig;
+      const s = this.getDistance(e), i = this.getTagConfig(e).unfoldedConfig;
       if (i) {
         if (typeof i == "function")
-          return i(this.five, { tag: e, distance: n });
+          return i(this.five, { tag: e, distance: s });
         if (i.keep === "folded")
           return !1;
         if (i.keep === "unfolded")
@@ -230,9 +230,15 @@ class Ue extends S {
     })() : void 0;
   }
   sort(e) {
-    return e.sort((t, s) => {
-      const n = this.getDistance(t), i = this.getDistance(s);
-      return n === void 0 || i === void 0 ? 0 : i - n;
+    return e.sort((t, n) => {
+      const s = this.getDistance(t), i = this.getDistance(n);
+      return s === void 0 || i === void 0 ? 0 : i - s;
+    });
+  }
+  setTagZIndex(e) {
+    return e.forEach((t) => {
+      const n = this.getDistance(t);
+      t.zIndex = Math.round((n != null ? n : 0) * 100);
     });
   }
   /**
@@ -241,17 +247,17 @@ class Ue extends S {
   setPointTagPosition() {
     const e = this.filterPointTag;
     e.length !== 0 && e.forEach((t) => {
-      var n;
-      if (!((n = t.state) != null && n.visible)) {
+      var s;
+      if (!((s = t.state) != null && s.visible)) {
         t.screenPosition = null;
         return;
       }
-      const s = this.getTagProject(t);
-      if (!s) {
+      const n = this.getTagProject(t);
+      if (!n) {
         t.screenPosition = null;
         return;
       }
-      t.screenPosition = { leftPercent: (s.x + 1) / 2 * 100, topPercent: (-s.y + 1) / 2 * 100 };
+      t.screenPosition = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 };
     });
   }
   setVisible() {
@@ -269,23 +275,23 @@ class Ue extends S {
   setModelMedialVisible() {
     const e = this.five.getCurrentState().mode;
     this.tags.forEach((t) => {
-      var n;
+      var s;
       if (!y(t))
         return;
-      if (!((n = t.model) != null && n.object)) {
+      if (!((s = t.model) != null && s.object)) {
         t.mediaVisible = !1;
         return;
       }
-      const s = e === "Panorama" ? this.getModelMedialVisibleByPanoIndex(t) : !0;
-      t.mediaVisible = s;
+      const n = e === "Panorama" ? this.getModelMedialVisibleByPanoIndex(t) : !0;
+      t.mediaVisible = n;
     });
   }
   setUnfoldedByPanoIndex() {
     this.tags.forEach((e) => {
       const t = this.getUnfoldedByPanoIndex(e);
       if (e.state && (t !== void 0 && (e.state.unfolded = t), t && !e.state.visible)) {
-        const s = this.getTagConfig(e);
-        typeof s.unfoldedConfig == "object" && s.unfoldedConfig.autoFoldWhenHide !== !1 && (e.state.unfolded = !1);
+        const n = this.getTagConfig(e);
+        typeof n.unfoldedConfig == "object" && n.unfoldedConfig.autoFoldWhenHide !== !1 && (e.state.unfolded = !1);
       }
     });
   }
@@ -295,17 +301,17 @@ class Ue extends S {
   getTagProject(e) {
     if (!this.getVisible(e))
       return;
-    const s = T(e.position);
-    if (!s)
+    const n = V(e.position);
+    if (!n)
       return;
-    const { x: n, y: i, z: o } = s.project(this.five.camera);
+    const { x: s, y: i, z: o } = n.project(this.five.camera);
     if (!(o > 1))
-      return { x: n, y: i, z: o };
+      return { x: s, y: i, z: o };
   }
   /** 通过射线检测标签可用性 */
   getTagEnableByIntersect(e, t) {
     var u, v, r;
-    const s = (u = this.getTagConfig(e).visibleConfig) != null ? u : {}, n = this.getDistance(e), [i] = this.five.model.intersectRaycaster(t), o = (() => {
+    const n = (u = this.getTagConfig(e).visibleConfig) != null ? u : {}, s = this.getDistance(e), [i] = this.five.model.intersectRaycaster(t), o = (() => {
       if (!y(e))
         return;
       const a = this.tags.filter(y).map((b) => {
@@ -315,34 +321,34 @@ class Ue extends S {
       return t.intersectObjects(a, !0)[0];
     })(), f = (() => {
       var a;
-      return typeof s == "object" && typeof s.intersectRaycaster == "object" && (a = s.intersectRaycaster.distanceAccuracy) != null ? a : 0.01;
+      return typeof n == "object" && typeof n.intersectRaycaster == "object" && (a = n.intersectRaycaster.distanceAccuracy) != null ? a : 0.01;
     })(), c = Math.min((v = i == null ? void 0 : i.distance) != null ? v : 1 / 0, (r = o == null ? void 0 : o.distance) != null ? r : 1 / 0);
-    return c + f < n ? {
+    return c + f < s ? {
       value: !1,
-      reason: `intersectRaycaster check failed: distance is ${n}, intersection.distance is ${i == null ? void 0 : i.distance}, intersection.point is ${i == null ? void 0 : i.point.toArray()},
+      reason: `intersectRaycaster check failed: distance is ${s}, intersection.distance is ${i == null ? void 0 : i.distance}, intersection.point is ${i == null ? void 0 : i.point.toArray()},
         customModelIntersection.point is ${o == null ? void 0 : o.point.toArray()}, minIntersectionDistance is ${c}`
     } : { value: !0, reason: "" };
   }
   /** 获取点位看向标签的射线 */
   getRaycasterFromPanoIndex(e, t) {
     var o;
-    const s = (o = this.five.work.observers[t]) == null ? void 0 : o.position;
-    if (s === void 0)
-      throw new Error(`getVisible(): observerPosition is ${s}`);
-    const n = T(e.position);
-    if (!n)
+    const n = (o = this.five.work.observers[t]) == null ? void 0 : o.position;
+    if (n === void 0)
+      throw new Error(`getVisible(): observerPosition is ${n}`);
+    const s = V(e.position);
+    if (!s)
       return;
-    const i = n.sub(s).normalize();
-    return this.raycaster.set(s, i), this.raycaster;
+    const i = s.sub(n).normalize();
+    return this.raycaster.set(n, i), this.raycaster;
   }
   /** 检测是否匹配当前楼层 */
   getVisibleByFloorIndex(e) {
     var i, o, f, c, u, v, r;
     let t = 0;
-    const s = (i = e.fiveState) == null ? void 0 : i.panoIndex;
-    s !== void 0 ? t = (o = this.five.work.observers[s]) == null ? void 0 : o.floorIndex : t = E(this.five.work.observers, (r = (v = (c = (f = e.model) == null ? void 0 : f.object) == null ? void 0 : c.position) != null ? v : (u = e.mediaPlane) == null ? void 0 : u.position) != null ? r : k(e));
-    const n = this.five.model.shownFloor;
-    return n === null || n === t;
+    const n = (i = e.fiveState) == null ? void 0 : i.panoIndex;
+    n !== void 0 ? t = (o = this.five.work.observers[n]) == null ? void 0 : o.floorIndex : t = E(this.five.work.observers, (r = (v = (c = (f = e.model) == null ? void 0 : f.object) == null ? void 0 : c.position) != null ? v : (u = e.mediaPlane) == null ? void 0 : u.position) != null ? r : k(e));
+    const s = this.five.model.shownFloor;
+    return s === null || s === t;
   }
 }
 export {

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -23,8 +23,8 @@ import O from "../Components/TagContainer.js";
 import A from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as y } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { centerPoint as x } from "../../shared-utils/three/centerPoint.js";
-import { isMediaModelTag as P, isStickModelTag as G } from "../utils/tag/tagCheck.js";
-import { CSS3DRenderPlugin as I } from "../../CSS3DRenderPlugin/index.js";
+import { isMediaModelTag as P, isStickModelTag as I } from "../utils/tag/tagCheck.js";
+import { CSS3DRenderPlugin as G } from "../../CSS3DRenderPlugin/index.js";
 import { loadGLTF as V } from "../../shared-utils/three/GLTFLoader.js";
 import { VideoPlane as M, ImagePlane as j } from "../utils/model/mediaPlane.js";
 import "../utils/tagPosition.js";
@@ -265,7 +265,7 @@ class ei extends w {
       } else {
         if (P(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = I(this.five)), e.stickType === "3DPoint" && !e.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = G(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
         const r = this.getPositions(e);
         if (!r)
@@ -358,7 +358,7 @@ class ei extends w {
   /** 添加模型标签 */
   addMediaModelTag(t) {
     return C(this, null, function* () {
-      const e = t.filter(G).map((o) => this.loadModel(o));
+      const e = t.filter(I).map((o) => this.loadModel(o));
       yield Promise.all(e), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
   }
@@ -367,8 +367,8 @@ class ei extends w {
    */
   updateRenderPointTag() {
     var e;
-    const t = this.sort(this.filterPointTag);
-    if (this.setPointTagPosition(), this.TagContainerSvelte)
+    const t = this.filterPointTag;
+    if (this.setTagZIndex(t), this.setPointTagPosition(), this.TagContainerSvelte)
       this.TagContainerSvelte.$set({ tags: t, state: this.state, temporaryState: this.temporaryState });
     else {
       const o = (e = this.five.getElement()) == null ? void 0 : e.parentElement;

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -131,7 +131,7 @@ class Pe extends b {
   updateTagConfig(e) {
     e != null && e.force && this.clearCache(), this.tags.forEach((i) => {
       const t = this.getTagConfig(i);
-      i.config = t, i.data = T({}, i.data, t.initialData);
+      i.config = t, i.data = T({}, t.initialData, i.data);
     });
   }
   can(e, i) {

package/libs/PanoTagPlugin/controller/index.js

@@ -2,32 +2,32 @@ var E = Object.defineProperty, F = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var U = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var v = (h, a, e) => a in h ? E(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
+var b = (d, a, e) => a in d ? E(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, f = (d, a) => {
   for (var e in a || (a = {}))
-    U.call(a, e) && v(h, e, a[e]);
+    U.call(a, e) && b(d, e, a[e]);
   if (C)
     for (var e of C(a))
-      I.call(a, e) && v(h, e, a[e]);
-  return h;
-}, u = (h, a) => F(h, w(a));
-var g = (h, a, e) => (v(h, typeof a != "symbol" ? a + "" : a, e), e);
-var p = (h, a, e) => new Promise((t, i) => {
+      I.call(a, e) && b(d, e, a[e]);
+  return d;
+}, u = (d, a) => F(d, w(a));
+var m = (d, a, e) => (b(d, typeof a != "symbol" ? a + "" : a, e), e);
+var p = (d, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
-    } catch (d) {
-      i(d);
+    } catch (h) {
+      i(h);
     }
   }, o = (r) => {
     try {
       n(e.throw(r));
-    } catch (d) {
-      i(d);
+    } catch (h) {
+      i(h);
     }
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
-  n((e = e.apply(h, a)).next());
+  n((e = e.apply(d, a)).next());
 });
-import * as b from "three";
+import * as T from "three";
 import { Subscribe as B } from "@realsee/five";
 import { objectAssignDeepExports as c } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as A } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
@@ -38,8 +38,8 @@ import { debounce as D } from "../utils/debounce.js";
 import { throttle as _ } from "../utils/throttle.js";
 import { resizeObserver as S } from "../utils/resizeObserver.js";
 import L from "../utils/tag/format.js";
-import { generateBlankAudio as G, AudioNamespace as V } from "../../shared-utils/audio.js";
-import { TagRender as N } from "./TagRender.js";
+import { generateBlankAudio as G, AudioNamespace as N } from "../../shared-utils/audio.js";
+import { TagRender as V } from "./TagRender.js";
 import { uuid as z } from "../../shared-utils/uuid.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -158,35 +158,35 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const M = "Dnalogel-PanoTagPlugin", pi = (h) => `${M}--${h}`;
-class ci extends N {
+const M = "Dnalogel-PanoTagPlugin", pi = (d) => `${M}--${d}`;
+class ci extends V {
   constructor(e, t) {
     super(e);
     /** state */
-    g(this, "state", { enabled: !0, visible: !0 });
+    m(this, "state", { enabled: !0, visible: !0 });
     /** 插件参数 */
-    g(this, "params");
+    m(this, "params");
     /** debug */
-    g(this, "debug");
+    m(this, "debug");
     /** 更改 tag 模型 */
-    g(this, "changeTagModel", (e, t) => p(this, null, function* () {
+    m(this, "changeTagModel", (e, t) => p(this, null, function* () {
       e.data = c({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
-    g(this, "handleFiveInitAnimationEnded", () => {
+    m(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
         y(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags();
     });
     /** 楼层切换时，需要更新标签可见性 */
-    g(this, "handleFiveModelShownFloorChange", () => {
+    m(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
         var i, s;
         const t = this.getTagConfig(e).visibleConfig;
         typeof t == "object" && ((i = t.visibleFiveMode) != null && i.includes("Floorplan") || (s = t.visibleFiveMode) != null && s.includes("Mapview")) && (e.state.visible = this.getVisibleByFiveMode(e));
       }), this.updateRenderAllTags();
     });
-    this.params = c({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, G(1, { namespace: V.PlayAudio });
+    this.params = c({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, G(1, { namespace: N.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;
@@ -219,12 +219,12 @@ class ci extends N {
   addTag(e, t) {
     return p(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        var d, l;
-        const n = this.getTagConfig(o);
+        var l, g;
+        const n = this.getTagConfig(o), r = JSON.parse(JSON.stringify(o.data));
         return u(f({}, o), {
-          enabled: (d = o.enabled) != null ? d : !0,
-          id: (l = o.id) != null ? l : z(),
-          data: c({}, n.initialData, o.data),
+          enabled: (l = o.enabled) != null ? l : !0,
+          id: (g = o.id) != null ? g : z(),
+          data: c(o.data, n.initialData, r),
           state: f({
             visible: void 0,
             unfolded: !this.can("fold", o)
@@ -236,7 +236,8 @@ class ci extends N {
           fold: () => this.changeUnfoldedById(o.id, !1),
           enable: () => this.changeEnabledById(o.id, !0),
           disable: () => this.changeEnabledById(o.id, !1),
-          destroy: () => this.destroyTagById(o.id)
+          destroy: () => this.destroyTagById(o.id),
+          changeData: (v) => this.changeDataById(o.id, v)
         });
       }).filter((o) => o.position);
       return s.forEach(L), this.tags.push(...s), k(this.five).then(() => p(this, null, function* () {
@@ -303,8 +304,8 @@ class ci extends N {
   dispose() {
     var e, t, i, s, o, n;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
-      var d;
-      return (d = r.tag3DContentSvelte) == null ? void 0 : d.svelteApp.$destroy();
+      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");
   }
   changeUnfoldedById(e, t) {
@@ -337,7 +338,7 @@ class ci extends N {
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
     let o = !1;
-    s && (s.data && (o = !0), i ? s.data = c({}, s.data, t) : s.data = f(f({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
+    s && (s.data && (o = !0), i ? s.data = c(s.data, t) : s.data = f(f({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags(), o && s.hooks.emit("dataChanged", s.data));
   }
   /**
    * @description: 改变tag的stickType
@@ -398,9 +399,9 @@ class ci extends N {
    * @description: 添加 cameraUpdate, panoArrived 等事件监听
    */
   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), d = this.loadVideoFirstFrame.bind(this), l = this.clickhandler.bind(this), m = this.five.currentMode;
-    return m && this.handleFiveModeChange(m), 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", d), t.on("click", l), () => {
-      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", d), t.off("click", l), this.store.eventListenerDisposer = void 0;
+    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), h = this.loadVideoFirstFrame.bind(this), l = this.clickhandler.bind(this), g = this.five.currentMode;
+    return g && this.handleFiveModeChange(g), 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", h), t.on("click", l), () => {
+      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", h), t.off("click", l), this.store.eventListenerDisposer = void 0;
     };
   }
   addResizeListener() {
@@ -488,17 +489,17 @@ class ci extends N {
         var o, n;
         return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
       }).forEach((s) => {
-        var T;
-        const o = new b.Mesh(new b.BoxGeometry(), new b.MeshBasicMaterial()), n = (T = s.model) == null ? void 0 : T.object;
+        var v;
+        const o = new T.Mesh(new T.BoxGeometry(), new T.MeshBasicMaterial()), n = (v = s.model) == null ? void 0 : v.object;
         if (!n)
           return;
         o.position.copy(n.position), o.quaternion.copy(n.quaternion);
         const r = this.five.camera.position;
         o.lookAt(r.clone().setY(o.position.y));
-        const d = n.quaternion.clone(), l = o.quaternion.clone(), m = x();
-        m.onUpdate(({ progress: P }) => {
-          n.quaternion.copy(d.clone().slerp(l, P));
-        }), m.play();
+        const h = n.quaternion.clone(), l = o.quaternion.clone(), g = x();
+        g.onUpdate(({ progress: P }) => {
+          n.quaternion.copy(h.clone().slerp(l, P));
+        }), g.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     });
   }
@@ -513,8 +514,8 @@ class ci extends N {
     });
   }
   changeTagMode(e, t) {
-    var i, s, o, n, r, d;
-    ((i = this.getTagConfig(e)) == 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 } }, (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.forEach((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
+    var i, s, o, n, r, h;
+    ((i = this.getTagConfig(e)) == 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((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
   }
 }
 export {

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

@@ -37,7 +37,7 @@ export type Tag<C extends TagContentType = TagContentType, S extends StickType =
     /** 「展开/收起」 「可见/不可见」 的策略配置 */
     config?: TagConfig<C>;
     /** 打标签时的 five state */
-    fiveState?: FiveState;
+    fiveState?: Partial<FiveState>;
     /** 样式 */
     style?: TagStyle;
 } & (S extends '3DPoint' ? {

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

@@ -1,7 +1,7 @@
 import type { Tag } from './Tag';
 import type TagContentSvelte from '../../Components/Tag/index.svelte';
 import type { TagContentType } from './TagData';
-import type { StickType, TagGLTFObject } from './Utils';
+import type { PartialObjectDeep, StickType, TagGLTFObject } from './Utils';
 import type { Create3DDomContainerReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
 import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
@@ -15,6 +15,7 @@ export type TagInstance<C extends TagContentType = TagContentType, S extends Sti
         leftPercent: number;
         topPercent: number;
     } | null;
+    zIndex?: number;
     temporaryState: {
         visible: boolean;
     };
@@ -47,5 +48,6 @@ export type TagInstance<C extends TagContentType = TagContentType, S extends Sti
     enable: () => void;
     disable: () => void;
     destroy: () => void;
+    changeData: (data: PartialObjectDeep<TagInstance<C>['data']>) => void;
 };
 export {};

package/libs/base/BasePlugin.js

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