@realsee/dnalogel 2.6.2 → 2.6.4

package/libs/GuideLinePlugin/Controller.js

@@ -27,7 +27,7 @@ var u = (r, i, e) => new Promise((t, s) => {
   h((e = e.apply(r, i)).next());
 });
 import { Controller as W } from "../base/BasePluginWithData.js";
-import * as c from "three";
+import * as v from "three";
 import U from "./utils/getLineGeometries.js";
 import { getArrowMaterial as _ } from "./utils/getArrowMaterial.js";
 import { notNil as P } from "../shared-utils/isNil.js";
@@ -36,7 +36,7 @@ import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "polyline-normals";
 import "../shared-utils/isTruelyObject.js";
-const M = "v1.1.0", $ = "GuideLinePlugin", v = `${$}@${M}`, g = (r) => `${v}--${r}`;
+const M = "v1.1.0", $ = "GuideLinePlugin", c = `${$}@${M}`, g = (r) => `${c}--${r}`;
 class V extends W {
   constructor(e, t) {
     super(e, t);
@@ -48,7 +48,7 @@ class V extends W {
     d(this, "data");
     d(this, "linesGroup");
     d(this, "disposedErrorLog", () => {
-      console.error(`${v} is disposed`);
+      console.error(`${c} is disposed`);
     });
     d(this, "actionWhenEnabled", (e) => {
       if (this.state.enabled)
@@ -61,7 +61,7 @@ class V extends W {
       const n = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, a = yield this.formatData(e);
       this.hooks.emit("dataChange", a, n), this.data = a, this.linesGroup && this.five.scene.remove(this.linesGroup);
       const h = this.getLinesGroup(a.routes, a.config);
-      !h || (this.linesGroup = h, yield this.waitFiveModelLoaded(), this.five.scene.add(h), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), t && this.setState(t), this.five.needsRender = !0, this.hooks.emit("dataLoaded", a), console.log(`${v} loaded`, a));
+      !h || (this.linesGroup = h, yield this.waitFiveModelLoaded(), this.five.scene.add(h), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), t && this.setState(t), this.five.needsRender = !0, this.hooks.emit("dataLoaded", a), console.log(`${c} loaded`, a));
     });
   }
   formatData(e) {
@@ -102,16 +102,16 @@ class V extends W {
     this.linesGroup && (e ? (this.linesGroup.visible = !0, this.actionWhenEnabled(() => this.hooks.emit("show", { userAction: t }))) : (this.linesGroup.visible = !1, this.actionWhenEnabled(() => this.hooks.emit("hide", { userAction: t }))));
   }
   handleDispose() {
-    this.linesGroup && this.five.scene.add(this.linesGroup);
+    this.linesGroup && this.five.scene.remove(this.linesGroup), this.hooks.emit("dispose");
   }
   getLinesGroup(e, t) {
-    const s = e.map((a) => this.getLine(a, t)).filter(P), n = new c.Group();
+    const s = e.map((a) => this.getLine(a, t)).filter(P), n = new v.Group();
     if (n.name = g("route-group"), s.length !== 0)
       return n.add(...s), n;
   }
   getLine(e, t) {
     var o, l, G, w, E, L, k, S;
-    const s = new c.Group(), n = e.panoIndexList.map((b) => {
+    const s = new v.Group(), n = e.panoIndexList.map((b) => {
       var p;
       return (p = this.five.work.observers[b]) == null ? void 0 : p.standingPosition;
     }).filter(P), a = U(n, {
@@ -125,7 +125,7 @@ class V extends W {
       textureUrl: (S = (k = e.arrowTextureUrl) != null ? k : t == null ? void 0 : t.arrowTextureUrl) != null ? S : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png"
     });
     return a.forEach((b) => {
-      const p = new c.Mesh(b, h);
+      const p = new v.Mesh(b, h);
       p.name = g("route-line-mesh"), s.add(p);
     }), s;
   }

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

@@ -5,14 +5,14 @@ import * as BasePlugin from '../../base/BasePlugin';
 export declare abstract class TagCacheController extends BasePlugin.Controller<State, EventMap> {
     private tagCacheByPanoIndex;
     protected constructor(five: Five);
-    protected getCaches({ panoIndex }: {
+    protected getCache({ panoIndex }: {
         panoIndex?: number;
     }): Map<TagId, TagCache>;
-    protected getCaches({ panoIndex, id }: {
+    protected getCache({ panoIndex, id }: {
         panoIndex?: number;
         id: TagId;
     }): TagCache;
-    protected getCaches({ panoIndex, id, key }: {
+    protected getCache({ panoIndex, id, key }: {
         panoIndex?: number;
         id: TagId;
         key: keyof TagCache;

package/libs/PanoTagPlugin/controller/TagCacheController.js

@@ -8,20 +8,20 @@ class w extends I {
     super(e);
     f(this, "tagCacheByPanoIndex", {});
   }
-  getCaches({ panoIndex: e, id: a, key: s }) {
+  getCache({ panoIndex: e, id: a, key: h }) {
     var i, C, g, l;
     const { five: r } = this, c = (i = r.panoIndex) != null ? i : e;
     if (c === void 0)
       throw new Error(`TagCacheController getCache(): fivePanoIndex is ${c}`);
-    const h = `${(g = (C = r.work) == null ? void 0 : C.workCode) != null ? g : r.model.uuid}-${c}`;
-    let o = this.tagCacheByPanoIndex[h];
-    if (o || (o = /* @__PURE__ */ new Map(), this.tagCacheByPanoIndex[h] = o), a === void 0)
+    const s = `${(g = (C = r.work) == null ? void 0 : C.workCode) != null ? g : r.model.uuid}-${c}`;
+    let o = this.tagCacheByPanoIndex[s];
+    if (o || (o = /* @__PURE__ */ new Map(), this.tagCacheByPanoIndex[s] = o), a === void 0)
       return o;
-    if (s === void 0) {
+    if (h === void 0) {
       const d = o.get(a);
       return d || (o.set(a, {}), o.get(a));
     }
-    return (l = o.get(a)) == null ? void 0 : l[s];
+    return (l = o.get(a)) == null ? void 0 : l[h];
   }
   clearCache() {
     this.tagCacheByPanoIndex = {};

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

@@ -1,5 +1,5 @@
 import type { Five } from '@realsee/five';
-import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId, StickType, TagContentType } from '../typings';
+import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId } from '../typings';
 import { TagCacheController } from './TagCacheController';
 export declare abstract class TagComputer extends TagCacheController {
     tags: TagElement[];
@@ -10,7 +10,7 @@ export declare abstract class TagComputer extends TagCacheController {
     protected get isPanorama(): boolean;
     private raycaster;
     protected constructor(five: Five);
-    getTagById(id: TagId): TagElement<TagContentType, StickType>;
+    getTagById(id: TagId): TagElement<import("../typings").TagContentType, import("../typings").StickType>;
     /**
      * @description: 改变类型配置
      */
@@ -38,7 +38,7 @@ export declare abstract class TagComputer extends TagCacheController {
     /**
      * @description: 获取merge后的配置
      */
-    getTagConfig(tag: Tag<any, any>): TagConfig<TagContentType, StickType>;
+    getTagConfig(tag: Tag<any, any>): TagConfig<import("../typings").TagContentType, import("../typings").StickType>;
     protected can(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag<any, any>): boolean;
     protected sort<T extends Tag<any, any>>(tags: T[]): T[];
     /**
@@ -55,9 +55,9 @@ export declare abstract class TagComputer extends TagCacheController {
         y: number;
         z: number;
     };
-    protected filterPointTag(): PointTagElement<TagContentType>[];
-    protected filter2DPointTag(): Point2DElement<TagContentType>[];
-    protected filter3DPointTag(): Point3DElement<TagContentType>[];
+    protected filterPointTag(): PointTagElement<import("../typings").TagContentType>[];
+    protected filter2DPointTag(): Point2DElement<import("../typings").TagContentType>[];
+    protected filter3DPointTag(): Point3DElement<import("../typings").TagContentType>[];
     protected filter3DTag(): TagElement<any, "3DPoint" | "Plane">[];
     protected filterPlaneTag(): PlaneTagElement[];
     protected updateTagConfig(params?: {

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,22 +1,22 @@
-var U = Object.defineProperty, j = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
-var A = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
-var P = (u, c, e) => c in u ? U(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e, k = (u, c) => {
+var j = Object.defineProperty, w = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var R = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var P = (g, c, e) => c in g ? j(g, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[c] = e, x = (g, c) => {
   for (var e in c || (c = {}))
-    A.call(c, e) && P(u, e, c[e]);
-  if (m)
-    for (var e of m(c))
-      B.call(c, e) && P(u, e, c[e]);
-  return u;
-}, x = (u, c) => j(u, w(c));
-var b = (u, c, e) => (P(u, typeof c != "symbol" ? c + "" : c, e), e);
+    R.call(c, e) && P(g, e, c[e]);
+  if (k)
+    for (var e of k(c))
+      A.call(c, e) && P(g, e, c[e]);
+  return g;
+}, I = (g, c) => w(g, $(c));
+var b = (g, c, e) => (P(g, typeof c != "symbol" ? c + "" : c, e), e);
 import D from "object-assign-deep";
-import * as I from "three";
-import { DefaultConfig as E } from "../tag.config.js";
-import { is3DTag as R, isPointTag as V } from "../utils/tag/tagCheck.js";
+import * as U from "three";
+import { DefaultConfig as B } from "../tag.config.js";
+import { is3DTag as E, isPointTag as V } from "../utils/tag/tagCheck.js";
 import { arrayPositionToVector3 as M, anyPositionToVector3 as S } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { planeNormal as $ } from "../utils/planeNormal.js";
+import { planeNormal as _ } from "../utils/planeNormal.js";
 import { tagPosition as T } from "../utils/tagPosition.js";
 import { checkRange as y } from "../utils/checkRange.js";
 import { TagCacheController as z } from "./TagCacheController.js";
@@ -27,89 +27,118 @@ class Y extends z {
   constructor(e) {
     super(e);
     b(this, "tags", []);
-    b(this, "config", E);
-    b(this, "raycaster", new I.Raycaster());
+    b(this, "config", B);
+    b(this, "raycaster", new U.Raycaster());
   }
   get isPanorama() {
     return this.five.currentMode === "Panorama";
   }
   getTagById(e) {
-    const t = this.tags.find((i) => i.id === e);
-    if (!t) {
-      console.error(`getTagById(): tag is ${t}, id is ${e}`);
+    const n = this.tags.find((i) => i.id === e);
+    if (!n) {
+      console.error(`getTagById(): tag is ${n}, id is ${e}`);
       return;
     }
-    return t;
+    return n;
   }
-  changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = D({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
+  changeContentTypeConfig(e, n, i = !0) {
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = D({}, this.config.contentTypeConfig[e], n) : this.config.contentTypeConfig[e] = n, this.clearCache();
   }
-  getVisibleByPanoIndex(e, t) {
+  getVisibleByPanoIndex(e, n) {
     var o;
-    const i = this.getCaches({ panoIndex: t, id: e.id }), s = (o = this.five.panoIndex) != null ? o : t;
+    const i = this.getCache({ panoIndex: n, id: e.id }), s = (o = this.five.panoIndex) != null ? o : n;
     if (i.visible !== void 0)
       return i.visible;
     {
-      const f = (() => {
-        var d, g, r;
-        const n = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, l = this.getDistance(e);
-        if (typeof n == "function")
-          return n(this.five, { tag: e, distance: l });
-        if (n.keep === "hidden")
-          return !1;
-        if (n.keep === "visible")
-          return !0;
-        if (n.visiblePanoIndex !== void 0 && n.visiblePanoIndex !== "all" && s !== void 0 && (Array.isArray(n.visiblePanoIndex) && !n.visiblePanoIndex.includes(s) || n.visiblePanoIndex === "current" && s !== ((g = e.fiveState) == null ? void 0 : g.panoIndex)) || n.visibleDistance !== void 0 && n.visibleDistance !== "unLimited" && y(l, n.visibleDistance) === !1)
-          return !1;
-        if (n.intersectRaycaster !== !1 && (typeof n.intersectRaycaster != "object" || n.intersectRaycaster.enabled !== !1)) {
+      const a = (() => {
+        var d, h, f, l;
+        const t = (d = this.getTagConfig(e).visibleConfig) != null ? d : {}, r = this.getDistance(e);
+        if (typeof t == "function")
+          return { value: t(this.five, { tag: e, distance: r }), reason: "config function result" };
+        if (t.keep === "hidden")
+          return { value: !1, reason: "config.keep is hidden" };
+        if (t.keep === "visible")
+          return { value: !0, reason: "config.keep is visible" };
+        if (t.visiblePanoIndex !== void 0 && t.visiblePanoIndex !== "all" && s !== void 0) {
+          if (Array.isArray(t.visiblePanoIndex) && !t.visiblePanoIndex.includes(s))
+            return {
+              value: !1,
+              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${s}, visiblePanoIndex: ${t.visiblePanoIndex}`
+            };
+          if (t.visiblePanoIndex === "current" && s !== ((h = e.fiveState) == null ? void 0 : h.panoIndex))
+            return {
+              value: !1,
+              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${s}, tag.panoIndex: ${(f = e.fiveState) == null ? void 0 : f.panoIndex}`
+            };
+        }
+        if (t.visibleDistance !== void 0 && t.visibleDistance !== "unLimited" && y(r, t.visibleDistance) === !1)
+          return {
+            value: !1,
+            reason: `distance is not in visibleDistance. distance: ${r}, visibleDistance: ${t.visibleDistance}`
+          };
+        if (t.intersectRaycaster !== !1 && (typeof t.intersectRaycaster != "object" || t.intersectRaycaster.enabled !== !1)) {
           if (s === void 0)
-            return !1;
-          const a = (r = this.five.work.observers[s]) == null ? void 0 : r.position;
-          if (a === void 0)
-            throw new Error(`getVisible(): observerPosition is ${a}`);
-          const p = T(e.position).sub(a).normalize();
-          this.raycaster.set(a, p);
-          const [h] = this.five.model.intersectRaycaster(this.raycaster), v = (() => {
-            var C;
-            return typeof n.intersectRaycaster == "object" && (C = n.intersectRaycaster.distanceAccuracy) != null ? C : 0.01;
+            return {
+              value: !1,
+              reason: `intersectRaycaster check failed: fivePanoIndex is ${s}`
+            };
+          const u = (l = this.five.work.observers[s]) == null ? void 0 : l.position;
+          if (u === void 0)
+            throw new Error(`getVisible(): observerPosition is ${u}`);
+          const p = T(e.position).sub(u).normalize();
+          this.raycaster.set(u, p);
+          const [v] = this.five.model.intersectRaycaster(this.raycaster), C = (() => {
+            var m;
+            return typeof t.intersectRaycaster == "object" && (m = t.intersectRaycaster.distanceAccuracy) != null ? m : 0.01;
           })();
-          if (h && h.distance + v < l)
-            return !1;
+          if (v && v.distance + C < r)
+            return {
+              value: !1,
+              reason: `intersectRaycaster check failed: distance is ${r}, intersection.distance is ${v.distance}, distanceError is ${C}`
+            };
+        }
+        if (t.angleRange && E(e)) {
+          const u = this.getAngle(e);
+          if (y(u, t.angleRange) === !1)
+            return { value: !1, reason: `angle is not in angleRange. angle: ${u}, angleRange: ${t.angleRange}` };
         }
-        return !(n.angleRange && R(e) && y(this.getAngle(e), n.angleRange) === !1);
+        return {
+          value: !0,
+          reason: "all check passed"
+        };
       })();
-      return i.visible = f, i.visible;
+      return i.visible = a.value, i.__debug_visiblereason__ = a, i.visible;
     }
   }
-  getUnfoldedByPanoIndex(e, t) {
+  getUnfoldedByPanoIndex(e, n) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const s = this.getCaches({ panoIndex: t, id: e.id });
+    const s = this.getCache({ panoIndex: n, id: e.id });
     if (s.unfolded !== void 0)
       return s.unfolded;
     {
       const o = this.getTagConfig(e).unfoldedConfig;
       if (!o)
         return;
-      const f = (() => {
-        const l = this.getDistance(e);
+      const a = (() => {
+        const r = this.getDistance(e);
         if (typeof o == "function")
-          return o(this.five, { tag: e, distance: l });
+          return o(this.five, { tag: e, distance: r });
         if (o.keep === "folded")
           return !1;
         if (o.keep === "unfolded")
           return !0;
-        if (o.unfoldDistance && y(l, o.unfoldDistance) === !1)
+        if (o.unfoldDistance && y(r, o.unfoldDistance) === !1)
           return !1;
       })();
-      s.unfolded = f;
-      const n = this.getUnfoldedByCamera(e);
-      return n !== void 0 ? n : s.unfolded;
+      s.unfolded = a;
+      const t = this.getUnfoldedByCamera(e);
+      return t !== void 0 ? t : s.unfolded;
     }
   }
   getUnfoldedByCamera(e) {
     return this.getVisibleByPanoIndex(e) ? (() => {
-      var f;
+      var a;
       const s = this.getDistance(e), o = this.getTagConfig(e).unfoldedConfig;
       if (!!o) {
         if (typeof o == "function")
@@ -121,97 +150,97 @@ class Y extends z {
         if (o.autoUnfold === void 0 || o.autoUnfold === !1 || o.autoUnfold.enable === !1)
           return;
         if (o.autoUnfold.strategy === "ScreenPostion") {
-          const n = this.getTagProject(e);
-          if (n && y(n.x, o.autoUnfold.autoUnfoldProjectX) === !1)
+          const t = this.getTagProject(e);
+          if (t && y(t.x, o.autoUnfold.autoUnfoldProjectX) === !1)
             return !1;
         }
         if (o.autoUnfold.strategy === "MinimumDistance") {
-          const d = this.filterPointTag().filter((r) => this.getVisibleByPanoIndex(r)).filter((r) => {
-            const a = this.getTagProject(r);
-            if (!a)
+          const d = this.filterPointTag().filter((f) => this.getVisibleByPanoIndex(f)).filter((f) => {
+            const l = this.getTagProject(f);
+            if (!l)
               return !1;
-            const { x: p, y: h, z: v } = a;
-            return !(Math.abs(v) > 1 || Math.abs(p) > 1 || Math.abs(h) > 1);
-          }).map((r) => ({ tag: r, id: r.id, tagConfig: this.getTagConfig(r).unfoldedConfig })).filter(({ tag: r, 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((r) => x(k({}, r), { distance: this.getDistance(r.tag) })).filter(({ distance: r, tagConfig: a }) => {
-            var p, h;
-            return !(r === 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 && y(r, a.autoUnfold.distance) === !1);
-          }).sort((r, a) => r.distance - a.distance).findIndex((r) => r.id === e.id);
-          if (d === -1 || d <= ((f = o.autoUnfold.maxNumber) != null ? f : 1) - 1 === !1)
+            const { x: u, y: p, z: v } = l;
+            return !(Math.abs(v) > 1 || Math.abs(u) > 1 || Math.abs(p) > 1);
+          }).map((f) => ({ tag: f, id: f.id, tagConfig: this.getTagConfig(f).unfoldedConfig })).filter(({ tag: f, tagConfig: l }) => {
+            var u, p;
+            return !(typeof l != "object" || l.keep || l.autoUnfold === !1 || ((u = l.autoUnfold) == null ? void 0 : u.enable) === !1 || ((p = l.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance");
+          }).map((f) => I(x({}, f), { distance: this.getDistance(f.tag) })).filter(({ distance: f, tagConfig: l }) => {
+            var u, p;
+            return !(f === void 0 || typeof l != "object" || l.autoUnfold === !1 || ((u = l.autoUnfold) == null ? void 0 : u.enable) === !1 || ((p = l.autoUnfold) == null ? void 0 : p.strategy) !== "MinimumDistance" || l.autoUnfold.distance && y(f, l.autoUnfold.distance) === !1);
+          }).sort((f, l) => f.distance - l.distance).findIndex((f) => f.id === e.id);
+          if (d === -1 || d <= ((a = o.autoUnfold.maxNumber) != null ? a : 1) - 1 === !1)
             return !1;
         }
         return !0;
       }
     })() : void 0;
   }
-  getDistance(e, t) {
-    var o, f, n;
-    const i = (o = this.five.panoIndex) != null ? o : t;
+  getDistance(e, n) {
+    var o, a, t;
+    const i = (o = this.five.panoIndex) != null ? o : n;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const s = this.getCaches({ panoIndex: t, id: e.id });
+    const s = this.getCache({ panoIndex: n, id: e.id });
     if (s.distance !== void 0)
       return s.distance;
     {
-      const l = (n = (f = this.five.work) == null ? void 0 : f.observers[i]) == null ? void 0 : n.position;
-      if (l === void 0)
-        throw new Error(`getDistance(): observerPosition is ${l}`);
-      const d = (() => V(e) ? M(e == null ? void 0 : e.position) : T(e.position))(), g = l.distanceTo(d);
-      return s.distance = g, g;
+      const r = (t = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : t.position;
+      if (r === void 0)
+        throw new Error(`getDistance(): observerPosition is ${r}`);
+      const d = (() => V(e) ? M(e == null ? void 0 : e.position) : T(e.position))(), h = r.distanceTo(d);
+      return s.distance = h, h;
     }
   }
-  getAngle(e, t) {
-    var o, f, n;
-    const i = (o = this.five.panoIndex) != null ? o : t;
+  getAngle(e, n) {
+    var o, a, t;
+    const i = (o = this.five.panoIndex) != null ? o : n;
     if (i === void 0)
       throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const s = this.getCaches({ panoIndex: t, id: e.id });
+    const s = this.getCache({ panoIndex: n, id: e.id });
     if (s.angle !== void 0)
       return s.angle;
     {
-      const l = (n = (f = this.five.work) == null ? void 0 : f.observers[i]) == null ? void 0 : n.position;
-      if (l === void 0)
-        throw new Error(`getAngleRange(): observerPosition is ${l}`);
-      const d = (() => e.stickType === "3DPoint" ? S(e.normal) : $(e.position))();
+      const r = (t = (a = this.five.work) == null ? void 0 : a.observers[i]) == null ? void 0 : t.position;
+      if (r === void 0)
+        throw new Error(`getAngleRange(): observerPosition is ${r}`);
+      const d = (() => e.stickType === "3DPoint" ? S(e.normal) : _(e.position))();
       if (!d)
         return;
-      const g = new I.Vector3().copy(l).sub(T(e.position)), r = d.angleTo(g) * 180 / Math.PI;
-      return s.angle = r, s.angle;
+      const h = new U.Vector3().copy(r).sub(T(e.position)), f = d.angleTo(h) * 180 / Math.PI;
+      return s.angle = f, s.angle;
     }
   }
   getTagConfig(e) {
     var s;
     if (!e)
       return (s = this.config.globalConfig) != null ? s : {};
-    const t = {};
+    const n = {};
     this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((o) => {
-      const f = o;
-      if (t[f])
+      const a = o;
+      if (n[a])
         return;
-      const n = f.split("-");
-      if (n.length === 1) {
-        const [l] = n;
-        e.contentType === l && (t[f] = this.config.contentTypeConfig[f]);
+      const t = a.split("-");
+      if (t.length === 1) {
+        const [r] = t;
+        e.contentType === r && (n[a] = this.config.contentTypeConfig[a]);
       }
-      if (n.length === 2) {
-        const [l = "Any", d = "Any"] = n;
-        (e.stickType === l || l === "Any") && (e.contentType === d || d === "Any") && (t[f] = this.config.contentTypeConfig[f]);
+      if (t.length === 2) {
+        const [r = "Any", d = "Any"] = t;
+        (e.stickType === r || r === "Any") && (e.contentType === d || d === "Any") && (n[a] = this.config.contentTypeConfig[a]);
       }
-      if (n.length === 3) {
-        const [l = "Any", d, g] = n;
+      if (t.length === 3) {
+        const [r = "Any", d, h] = t;
         if (d === "Audio" && e.contentType === "Audio") {
-          const r = e;
-          (r.stickType === l || l === "Any") && r.data.appearance === g && (t[f] = this.config.contentTypeConfig[f]);
+          const f = e;
+          (f.stickType === r || r === "Any") && f.data.appearance === h && (n[a] = this.config.contentTypeConfig[a]);
         }
       }
     });
-    const i = D({}, this.config.globalConfig, ...Object.values(t), e.config);
+    const i = D({}, this.config.globalConfig, ...Object.values(n), 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;
   }
-  can(e, t) {
-    const i = this.getTagConfig(t);
+  can(e, n) {
+    const i = this.getTagConfig(n);
     if (!i || typeof i != "object")
       return !0;
     if (e === "show" || e === "hide") {
@@ -229,37 +258,37 @@ class Y extends z {
     return !0;
   }
   sort(e) {
-    return e.sort((t, i) => {
-      const s = this.getDistance(t), o = this.getDistance(i);
+    return e.sort((n, i) => {
+      const s = this.getDistance(n), o = this.getDistance(i);
       return s === void 0 || o === void 0 ? 0 : o - s;
     });
   }
   setPointTagPosition() {
     const e = this.filterPointTag();
-    e.length !== 0 && e.forEach((t) => {
+    e.length !== 0 && e.forEach((n) => {
       var s;
-      if (!((s = t.state) != null && s.visible)) {
-        t.pointTagStyle = void 0;
+      if (!((s = n.state) != null && s.visible)) {
+        n.pointTagStyle = null;
         return;
       }
-      const i = this.getTagProject(t);
+      const i = this.getTagProject(n);
       if (!i) {
-        t.pointTagStyle = void 0;
+        n.pointTagStyle = null;
         return;
       }
-      t.pointTagStyle = { leftPercent: (i.x + 1) / 2 * 100, topPercent: (-i.y + 1) / 2 * 100 };
+      n.pointTagStyle = { leftPercent: (i.x + 1) / 2 * 100, topPercent: (-i.y + 1) / 2 * 100 };
     });
   }
   setVisibleByPanoIndex() {
     this.tags.forEach((e) => {
-      const t = this.getVisibleByPanoIndex(e);
-      e.state && (e.state.visible = t);
+      const n = this.getVisibleByPanoIndex(e);
+      e.state && (e.state.visible = 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 n = this.getUnfoldedByPanoIndex(e);
+      if (!!e.state && (n !== void 0 && (e.state.unfolded = n), n && !e.state.visible)) {
         const i = this.getTagConfig(e);
         typeof i.unfoldedConfig == "object" && i.unfoldedConfig.autoUnfoldWhenHide !== !1 && (e.state.unfolded = !1);
       }
@@ -268,9 +297,9 @@ class Y extends z {
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const i = T(e.position), { x: s, y: o, z: f } = i.project(this.five.camera);
-    if (!(f > 1))
-      return { x: s, y: o, z: f };
+    const i = T(e.position), { x: s, y: o, z: a } = i.project(this.five.camera);
+    if (!(a > 1))
+      return { x: s, y: o, z: a };
   }
   filterPointTag() {
     return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint");
@@ -288,9 +317,9 @@ class Y extends z {
     return this.tags.filter((e) => e.stickType === "Plane");
   }
   updateTagConfig(e) {
-    e != null && e.force && this.clearCache(), this.tags.forEach((t) => {
-      const i = this.getTagConfig(t);
-      t.mergedConfig = i;
+    e != null && e.force && this.clearCache(), this.tags.forEach((n) => {
+      const i = this.getTagConfig(n);
+      n.mergedConfig = i;
     });
   }
 }

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

@@ -90,7 +90,7 @@ declare class PanoTagPluginController extends TagComputer {
      * @description: 改变tag任意属性
      */
     changeTagById<C extends TagContentType = any>(id: TagId, tag: PartialDeep<{
-        [P in keyof Pick<Tag<C>, 'enabled' | 'style' | 'stickType' | 'contentType' | 'data' | 'normal'>]: Tag[P];
+        [P in keyof Pick<Tag<C>, 'enabled' | 'style' | 'stickType' | 'contentType' | 'data' | 'normal' | 'config'>]: Tag[P];
     }>, deepMerge?: boolean): void;
     /**
      * @description: 销毁tag

package/libs/PanoTagPlugin/controller/index.js

@@ -121,7 +121,7 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const y = "2.0.7", v = `DnalogelPlugin-PanoTagPlugin@${y}`, G = !1, Lt = (h) => `${v}--${h}`;
+const y = "2.0.8", v = `DnalogelPlugin-PanoTagPlugin@${y}`, G = !1, Lt = (h) => `${v}--${h}`;
 class Ot extends W {
   constructor(e, t) {
     super(e);

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

@@ -73,6 +73,10 @@ export interface TagCache {
     minimumDistanceResult?: boolean;
     distance?: number;
     angle?: number;
+    __debug_visiblereason__?: {
+        value: boolean;
+        reason?: string;
+    };
 }
 export declare type TagElement<C extends TagContentType = TagContentType, S extends StickType = StickType> = Tag<C, S> & Partial<{
     pointTagStyle: {

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

@@ -9,7 +9,6 @@ export declare type MediaData = {
 };
 declare type Object = Record<string | number | symbol, any>;
 export declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
-/**  @deprecated 改用具体的string */
 export declare enum ContentType {
     /** 音频标签 */
     Audio = "Audio",
@@ -129,7 +128,7 @@ interface ContentTypeMapInterface {
          * @deprecated replaced by objectFit
          */
         adaptationMode?: 'stretch' | 'proportional';
-        /** object-fit doc {@link https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit} */
+        /** **object-fit** {@link https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit} */
         objectFit?: ObjectFit;
         /**
          * @description 是否开启自动轮播

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.6.2",
+  "version": "2.6.4",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",