@realsee/dnalogel 2.12.0 → 2.13.0

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -1,411 +1,290 @@
-var V = Object.defineProperty, j = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
-var P = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var T = (g, d, e) => d in g ? V(g, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[d] = e, C = (g, d) => {
-  for (var e in d || (d = {}))
-    U.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]);
-  return g;
-}, I = (g, d) => j(g, B(d));
-var m = (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 R } from "../tag.config.js";
-import { isMediaModelTag as b, is3DTag as $ } from "../utils/tag/tagCheck.js";
-import { anyPositionToVector3 as A } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { planeNormal as E } from "../utils/planeNormal.js";
-import { getTagPosition as D, tagPosition as M } from "../utils/tagPosition.js";
-import { checkRange as y } from "../utils/checkRange.js";
-import { TagCacheController as S } from "./TagCacheController.js";
+var B = Object.defineProperty, U = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var y = (d, f, e) => f in d ? B(d, f, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[f] = e, I = (d, f) => {
+  for (var e in f || (f = {}))
+    M.call(f, e) && y(d, e, f[e]);
+  if (x)
+    for (var e of x(f))
+      D.call(f, e) && y(d, e, f[e]);
+  return d;
+}, P = (d, f) => U(d, V(f));
+var T = (d, f, e) => (y(d, typeof f != "symbol" ? f + "" : f, e), e);
+import * as R from "three";
+import { isMediaModelTag as h, is3DTag as j } from "../utils/tag/tagCheck.js";
+import { tagPosition as C, getTagPosition as k } from "../utils/tagPosition.js";
+import { checkRange as g } from "../utils/checkRange.js";
 import "hammerjs";
 import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../../CSS3DRenderPlugin/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { notNil as F } from "../../shared-utils/isNil.js";
+import { notNil as S } from "../../shared-utils/isNil.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../CSS3DRenderPlugin/utils/centerPoint.js";
-import "../../base/BasePlugin.js";
-import "../../shared-utils/Subscribe.js";
+import { TagUtil as $ } from "./TagUtil.js";
+import "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../shared-utils/three/centerPoint.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 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 pe extends S {
+import "object-assign-deep";
+import "../tag.config.js";
+import "../utils/planeNormal.js";
+import "./TagCache.js";
+import "../../base/BasePlugin.js";
+import "../../vendor/svelte/store/index.js";
+import "../../vendor/svelte/internal/index.js";
+import "../utils/device.js";
+class be extends $ {
   constructor(e) {
     super(e);
-    m(this, "tags", []);
-    m(this, "config", R);
-    m(this, "raycaster", new k.Raycaster());
-  }
-  get isPanorama() {
-    return this.five.currentMode === "Panorama";
+    T(this, "raycaster", new R.Raycaster());
   }
-  getTagById(e) {
-    const t = this.tags.find((i) => i.id === e);
-    if (!t) {
-      console.warn(`error: can not find tag id ${e} by getTagById()`);
-      return;
-    }
-    return t;
-  }
-  changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = x({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache();
-  }
-  getVisibleByPanoIndex(e, t) {
-    var n;
-    const i = this.getCache({ panoIndex: t, id: e.id }), o = (n = this.five.panoIndex) != null ? n : t;
-    if (b(e))
+  getVisibleByPanoIndex(e, i) {
+    var t;
+    const n = this.getCache({ panoIndex: i, id: e.id }), s = (t = this.five.panoIndex) != null ? t : i;
+    if (h(e))
       return !0;
-    if (i.visible !== void 0)
-      return i.visible;
+    if (n.visible !== void 0)
+      return n.visible;
     {
-      const f = (() => {
-        var c, u, a;
-        const s = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, l = this.getDistance(e);
-        if (typeof s == "function")
-          return { value: s(this.five, { tag: e, distance: l }), reason: "config function result" };
-        if (s.keep === "hidden")
+      const l = (() => {
+        var v, p, a;
+        const o = (v = this.getTagConfig(e).visibleConfig) != null ? v : {}, u = this.getDistance(e);
+        if (typeof o == "function")
+          return { value: o(this.five, { tag: e, distance: u }), reason: "config function result" };
+        if (o.keep === "hidden")
           return { value: !1, reason: "config.keep is hidden" };
-        if (s.keep === "visible")
+        if (o.keep === "visible")
           return { value: !0, reason: "config.keep is visible" };
-        if (s.visiblePanoIndex !== void 0 && s.visiblePanoIndex !== "all" && o !== void 0) {
-          if (Array.isArray(s.visiblePanoIndex) && !s.visiblePanoIndex.includes(o))
+        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: ${o}, visiblePanoIndex: ${s.visiblePanoIndex}`
+              reason: `current panoIndex is not included in visiblePano. currentPanoIndex: ${s}, visiblePanoIndex: ${o.visiblePanoIndex}`
             };
-          if (s.visiblePanoIndex === "current" && o !== ((u = e.fiveState) == null ? void 0 : u.panoIndex))
+          if (o.visiblePanoIndex === "current" && s !== ((p = e.fiveState) == null ? void 0 : p.panoIndex))
             return {
               value: !1,
-              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${o}, tag.panoIndex: ${(a = e.fiveState) == null ? void 0 : a.panoIndex}`
+              reason: `current panoIndex is not equal to tag.panoIndex. currentPanoIndex: ${s}, tag.panoIndex: ${(a = e.fiveState) == null ? void 0 : a.panoIndex}`
             };
         }
-        if (s.visibleDistance !== void 0 && s.visibleDistance !== "unLimited" && y(l, s.visibleDistance) === !1)
+        if (o.visibleDistance !== void 0 && o.visibleDistance !== "unLimited" && g(u, o.visibleDistance) === !1)
           return {
             value: !1,
-            reason: `distance is not in visibleDistance. distance: ${l}, visibleDistance: ${s.visibleDistance}`
+            reason: `distance is not in visibleDistance. distance: ${u}, visibleDistance: ${o.visibleDistance}`
           };
-        if (s.intersectRaycaster !== !1 && (typeof s.intersectRaycaster != "object" || s.intersectRaycaster.enabled !== !1)) {
-          if (o === void 0)
+        if (o.intersectRaycaster !== !1 && (typeof o.intersectRaycaster != "object" || o.intersectRaycaster.enabled !== !1)) {
+          if (s === void 0)
             return {
               value: !1,
-              reason: `intersectRaycaster check failed: fivePanoIndex is ${o}`
+              reason: `intersectRaycaster check failed: fivePanoIndex is ${s}`
             };
-          const r = this.getRaycasterFromPanoIndex(e, o), p = this.getTagEnableByIntersect(e, r);
-          if (p.value === !1)
-            return p;
+          const r = this.getRaycasterFromPanoIndex(e, s), c = this.getTagEnableByIntersect(e, r);
+          if (c.value === !1)
+            return c;
         }
-        if (s.angleRange && $(e)) {
+        if (o.angleRange && j(e)) {
           const r = this.getAngle(e);
-          if (y(r, s.angleRange) === !1)
-            return { value: !1, reason: `angle is not in angleRange. angle: ${r}, angleRange: ${s.angleRange}` };
+          if (g(r, o.angleRange) === !1)
+            return { value: !1, reason: `angle is not in angleRange. angle: ${r}, angleRange: ${o.angleRange}` };
         }
         return {
           value: !0,
           reason: "all check passed"
         };
       })();
-      return i.visible = f.value, i.__debug_visible_reason__ = f, i.visible;
+      return n.visible = l.value, n.__debug_visible_reason__ = l, n.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";
+  getVisibleByFiveMode(e, i) {
+    var t;
+    const n = (t = this.getTagConfig(e).visibleConfig) != null ? t : {};
+    if (typeof n == "function")
+      return i === "Panorama";
+    const s = n == null ? void 0 : n.visibleFiveMode;
+    return s ? s.includes(i) : i === "Panorama";
   }
   getVisibleByFloorIndex(e) {
-    var f;
-    const t = e.fiveState;
-    if (!t)
+    var l;
+    const i = e.fiveState;
+    if (!i)
       return !0;
-    const i = t.panoIndex, o = (f = this.five.work.observers[i]) == null ? void 0 : f.floorIndex, n = this.five.model.shownFloor;
-    return n === null || n === o;
+    const n = i.panoIndex, s = (l = this.five.work.observers[n]) == null ? void 0 : l.floorIndex, t = this.five.model.shownFloor;
+    return t === null || t === s;
   }
   getVisible(e) {
-    const t = this.five.getCurrentState(), i = this.getVisibleByFiveMode(e, t.mode), o = b(e) ? this.getVisibleByFloorIndex(e) : !0, n = t.mode === "Panorama" ? this.getVisibleByPanoIndex(e, t.panoIndex) : !0;
-    return i && n && o;
+    const i = this.five.getCurrentState(), n = this.getVisibleByFiveMode(e, i.mode), s = h(e) ? this.getVisibleByFloorIndex(e) : !0, t = i.mode === "Panorama" ? this.getVisibleByPanoIndex(e, i.panoIndex) : !0;
+    return n && t && s;
   }
   getModelMedialVisibleByPanoIndex(e) {
-    const t = this.five.getCurrentState().panoIndex, i = this.getCache({ panoIndex: t, id: e.id });
-    if (i.modelMedialVisible !== void 0)
-      return i.modelMedialVisible;
-    const o = this.getRaycasterFromPanoIndex(e, t), n = this.getTagEnableByIntersect(e, o);
-    return i.modelMedialVisible = n.value, i.__debug_visible_reason__ = n, n.value !== !1;
+    const i = this.five.getCurrentState().panoIndex, n = this.getCache({ panoIndex: i, id: e.id });
+    if (n.modelMedialVisible !== void 0)
+      return n.modelMedialVisible;
+    const s = this.getRaycasterFromPanoIndex(e, i), t = this.getTagEnableByIntersect(e, s);
+    return n.modelMedialVisible = t.value, n.__debug_visible_reason__ = t, t.value !== !1;
   }
-  getUnfoldedByPanoIndex(e, t) {
+  getUnfoldedByPanoIndex(e, i) {
     if (!this.getVisibleByPanoIndex(e))
       return;
-    const o = this.getCache({ panoIndex: t, id: e.id });
-    if (o.unfolded !== void 0)
-      return o.unfolded;
+    const s = this.getCache({ panoIndex: i, id: e.id });
+    if (s.unfolded !== void 0)
+      return s.unfolded;
     {
-      const n = this.getTagConfig(e).unfoldedConfig;
-      if (!n)
+      const t = this.getTagConfig(e).unfoldedConfig;
+      if (!t)
         return;
-      const f = (() => {
-        const l = this.getDistance(e);
-        if (typeof n == "function")
-          return n(this.five, { tag: e, distance: l });
-        if (n.keep === "folded")
+      const l = (() => {
+        const u = this.getDistance(e);
+        if (typeof t == "function")
+          return t(this.five, { tag: e, distance: u });
+        if (t.keep === "folded")
           return !1;
-        if (n.keep === "unfolded")
+        if (t.keep === "unfolded")
           return !0;
-        if (n.unfoldDistance && y(l, n.unfoldDistance) === !1)
+        if (t.unfoldDistance && g(u, t.unfoldDistance) === !1)
           return !1;
       })();
-      o.unfolded = f;
-      const s = this.getUnfoldedByCamera(e);
-      return s !== void 0 ? s : o.unfolded;
+      s.unfolded = l;
+      const o = this.getUnfoldedByCamera(e);
+      return o !== void 0 ? o : s.unfolded;
     }
   }
   getUnfoldedByCamera(e) {
     return this.getVisibleByPanoIndex(e) ? (() => {
-      var f;
-      const o = this.getDistance(e), n = this.getTagConfig(e).unfoldedConfig;
-      if (!!n) {
-        if (typeof n == "function")
-          return n(this.five, { tag: e, distance: o });
-        if (n.keep === "folded")
+      var l;
+      const s = this.getDistance(e), t = this.getTagConfig(e).unfoldedConfig;
+      if (!!t) {
+        if (typeof t == "function")
+          return t(this.five, { tag: e, distance: s });
+        if (t.keep === "folded")
           return !1;
-        if (n.keep === "unfolded")
+        if (t.keep === "unfolded")
           return !0;
-        if (n.autoUnfold === void 0 || n.autoUnfold === !1 || n.autoUnfold.enable === !1 || !n.autoUnfold.strategy)
+        if (t.autoUnfold === void 0 || t.autoUnfold === !1 || t.autoUnfold.enable === !1 || !t.autoUnfold.strategy)
           return;
-        if (n.autoUnfold.strategy === "ScreenPostion") {
-          const s = this.getTagProject(e);
-          if (s && y(s.x, n.autoUnfold.autoUnfoldProjectX) === !1)
+        if (t.autoUnfold.strategy === "ScreenPostion") {
+          const o = this.getTagProject(e);
+          if (o && g(o.x, t.autoUnfold.autoUnfoldProjectX) === !1)
             return !1;
         }
-        if (n.autoUnfold.strategy === "MinimumDistance") {
-          const c = this.filterPointTag().filter((a) => this.getVisibleByPanoIndex(a)).filter((a) => {
+        if (t.autoUnfold.strategy === "MinimumDistance") {
+          const v = this.filterPointTag.filter((a) => this.getVisibleByPanoIndex(a)).filter((a) => {
             const r = this.getTagProject(a);
             if (!r)
               return !1;
-            const { x: p, y: v, z: h } = r;
-            return !(Math.abs(h) > 1 || Math.abs(p) > 1 || Math.abs(v) > 1);
+            const { x: c, y: b, z: m } = r;
+            return !(Math.abs(m) > 1 || Math.abs(c) > 1 || Math.abs(b) > 1);
           }).map((a) => ({ tag: a, id: a.id, tagConfig: this.getTagConfig(a).unfoldedConfig })).filter(({ tag: a, tagConfig: r }) => {
-            var p, v;
-            return !(typeof r != "object" || r.keep || r.autoUnfold === !1 || ((p = r.autoUnfold) == null ? void 0 : p.enable) === !1 || ((v = r.autoUnfold) == null ? void 0 : v.strategy) !== "MinimumDistance");
-          }).map((a) => I(C({}, a), { distance: this.getDistance(a.tag) })).filter(({ distance: a, tagConfig: r }) => {
-            var p, v;
-            return !(a === void 0 || typeof r != "object" || r.autoUnfold === !1 || ((p = r.autoUnfold) == null ? void 0 : p.enable) === !1 || ((v = r.autoUnfold) == null ? void 0 : v.strategy) !== "MinimumDistance" || r.autoUnfold.distance && y(a, r.autoUnfold.distance) === !1);
+            var c, b;
+            return !(typeof r != "object" || r.keep || r.autoUnfold === !1 || ((c = r.autoUnfold) == null ? void 0 : c.enable) === !1 || ((b = r.autoUnfold) == null ? void 0 : b.strategy) !== "MinimumDistance");
+          }).map((a) => P(I({}, a), { distance: this.getDistance(a.tag) })).filter(({ distance: a, tagConfig: r }) => {
+            var c, b;
+            return !(a === void 0 || typeof r != "object" || r.autoUnfold === !1 || ((c = r.autoUnfold) == null ? void 0 : c.enable) === !1 || ((b = r.autoUnfold) == null ? void 0 : b.strategy) !== "MinimumDistance" || r.autoUnfold.distance && g(a, r.autoUnfold.distance) === !1);
           }).sort((a, r) => a.distance - r.distance).findIndex((a) => a.id === e.id);
-          if (c === -1 || c <= ((f = n.autoUnfold.maxNumber) != null ? f : 1) - 1 === !1)
+          if (v === -1 || v <= ((l = t.autoUnfold.maxNumber) != null ? l : 1) - 1 === !1)
             return !1;
         }
         return !0;
       }
     })() : void 0;
   }
-  getDistance(e, t) {
-    var n, f, s;
-    const i = (n = this.five.panoIndex) != null ? n : t;
-    if (i === void 0)
-      throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const o = this.getCache({ panoIndex: t, id: e.id });
-    if (o.distance !== void 0)
-      return o.distance;
-    {
-      const l = (s = (f = this.five.work) == null ? void 0 : f.observers[i]) == null ? void 0 : s.position;
-      if (l === void 0)
-        throw new Error(`getDistance(): observerPosition is ${l}`);
-      const c = D(e);
-      if (!c)
-        return -1;
-      const u = l.distanceTo(c);
-      return o.distance = u, u;
-    }
-  }
-  getAngle(e, t) {
-    var n, f, s;
-    const i = (n = this.five.panoIndex) != null ? n : t;
-    if (i === void 0)
-      throw new Error(`getDistance(): fivePanoIndex is ${i}`);
-    const o = this.getCache({ panoIndex: t, id: e.id });
-    if (o.angle !== void 0)
-      return o.angle;
-    {
-      const l = (s = (f = this.five.work) == null ? void 0 : f.observers[i]) == null ? void 0 : s.position;
-      if (l === void 0)
-        throw new Error(`getAngleRange(): observerPosition is ${l}`);
-      const c = (() => e.stickType === "3DPoint" ? A(e.normal) : E(e.position))();
-      if (!c)
-        return;
-      const u = new k.Vector3().copy(l).sub(M(e.position)), a = c.angleTo(u) * 180 / Math.PI;
-      return o.angle = a, o.angle;
-    }
-  }
-  getTagConfig(e) {
-    var o, n;
-    if (!e)
-      return (o = this.config.globalConfig) != null ? o : {};
-    const t = {};
-    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((f) => {
-      const s = f;
-      if (t[s])
-        return;
-      const l = s.split("-");
-      if (l.length === 1) {
-        const [c] = l;
-        e.contentType === c && (t[s] = this.config.contentTypeConfig[s]);
-      }
-      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 (l.length === 3) {
-        const [c = "Any", u, a] = l;
-        if (u === "Audio" && e.contentType === "Audio") {
-          const r = e;
-          (r.stickType === c || c === "Any") && r.data.appearance === a && (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, visibleFiveMode: (n = i.visibleConfig) == null ? void 0 : n.visibleFiveMode }), i;
-  }
-  can(e, t) {
-    const i = this.getTagConfig(t);
-    if (!i || typeof i != "object")
-      return !0;
-    if (e === "show" || e === "hide") {
-      if (!i.visibleConfig || typeof i.visibleConfig != "object")
-        return !0;
-      if (e === "show" && i.visibleConfig.keep === "hidden" || e === "hide" && (i.visibleConfig.keep === "visible" || i.visibleConfig.alwaysShowWhenMovePano))
-        return !1;
-    }
-    if (e === "fold" || e === "unfold") {
-      if (!i.unfoldedConfig || typeof i.unfoldedConfig != "object")
-        return !0;
-      if (e === "fold" && i.unfoldedConfig.keep === "unfolded" || e === "unfold" && i.unfoldedConfig.keep === "folded")
-        return !1;
-    }
-    return !0;
-  }
   sort(e) {
-    return e.sort((t, i) => {
-      const o = this.getDistance(t), n = this.getDistance(i);
-      return o === void 0 || n === void 0 ? 0 : n - o;
+    return e.sort((i, n) => {
+      const s = this.getDistance(i), t = this.getDistance(n);
+      return s === void 0 || t === void 0 ? 0 : t - s;
     });
   }
   setPointTagPosition() {
-    const e = this.filterPointTag();
-    e.length !== 0 && e.forEach((t) => {
-      var o;
-      if (!((o = t.state) != null && o.visible)) {
-        t.pointTagStyle = null;
+    const e = this.filterPointTag;
+    e.length !== 0 && e.forEach((i) => {
+      var s;
+      if (!((s = i.state) != null && s.visible)) {
+        i.pointTagStyle = null;
         return;
       }
-      const i = this.getTagProject(t);
-      if (!i) {
-        t.pointTagStyle = null;
+      const n = this.getTagProject(i);
+      if (!n) {
+        i.pointTagStyle = null;
         return;
       }
-      t.pointTagStyle = { leftPercent: (i.x + 1) / 2 * 100, topPercent: (-i.y + 1) / 2 * 100 };
+      i.pointTagStyle = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 };
     });
   }
   setVisibleByPanoIndex() {
     this.tags.forEach((e) => {
-      const t = this.getVisibleByPanoIndex(e);
-      e.state && (e.state.visible = t);
+      const i = this.getVisibleByPanoIndex(e);
+      e.state && (e.state.visible = i);
     });
   }
   setModelMedialVisible() {
     const e = this.five.getCurrentState().mode;
-    this.tags.forEach((t) => {
-      var o;
-      if (!b(t))
+    this.tags.forEach((i) => {
+      var s;
+      if (!h(i))
         return;
-      if (!((o = t.model) != null && o.object)) {
-        t.mediaVisible = !1;
+      if (!((s = i.model) != null && s.object)) {
+        i.mediaVisible = !1;
         return;
       }
-      const i = e === "Panorama" ? this.getModelMedialVisibleByPanoIndex(t) : !0;
-      t.mediaVisible = i;
+      const n = e === "Panorama" ? this.getModelMedialVisibleByPanoIndex(i) : !0;
+      i.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 i = this.getTagConfig(e);
-        typeof i.unfoldedConfig == "object" && i.unfoldedConfig.autoUnfoldWhenHide !== !1 && (e.state.unfolded = !1);
+      const i = this.getUnfoldedByPanoIndex(e);
+      if (!!e.state && (i !== void 0 && (e.state.unfolded = i), i && !e.state.visible)) {
+        const n = this.getTagConfig(e);
+        typeof n.unfoldedConfig == "object" && n.unfoldedConfig.autoUnfoldWhenHide !== !1 && (e.state.unfolded = !1);
       }
     });
   }
   getTagProject(e) {
     if (!this.getVisibleByPanoIndex(e) || !e.position)
       return;
-    const i = M(e.position), { x: o, y: n, z: f } = i.project(this.five.camera);
-    if (!(f > 1))
-      return { x: o, y: n, z: f };
-  }
-  filterPointTag() {
-    return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position);
-  }
-  filter2DPointTag() {
-    return this.tags.filter((e) => e.stickType === "2DPoint").filter((e) => e.position);
-  }
-  filter3DPointTag() {
-    return this.tags.filter((e) => e.stickType === "3DPoint").filter((e) => e.position);
-  }
-  filterModelTag() {
-    return this.tags.filter((e) => e.stickType === "Model");
-  }
-  filter3DTag() {
-    return this.tags.filter((e) => e.stickType === "3DPoint" || e.stickType === "Plane" || e.stickType === "Model");
-  }
-  filterPlaneTag() {
-    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;
-    });
+    const n = C(e.position), { x: s, y: t, z: l } = n.project(this.five.camera);
+    if (!(l > 1))
+      return { x: s, y: t, z: l };
   }
-  getTagEnableByIntersect(e, t) {
-    var c, u, a;
-    const i = (c = this.getTagConfig(e).visibleConfig) != null ? c : {}, o = this.getDistance(e), [n] = this.five.model.intersectRaycaster(t), f = (() => {
-      if (!b(e))
+  getTagEnableByIntersect(e, i) {
+    var v, p, a;
+    const n = (v = this.getTagConfig(e).visibleConfig) != null ? v : {}, s = this.getDistance(e), [t] = this.five.model.intersectRaycaster(i), l = (() => {
+      if (!h(e))
         return;
-      const r = this.tags.filter(b).map((v) => {
-        var h;
-        return (h = v.model) == null ? void 0 : h.object;
-      }).filter(F);
-      return t.intersectObjects(r, !0)[0];
-    })(), s = (() => {
+      const r = this.tags.filter(h).map((b) => {
+        var m;
+        return (m = b.model) == null ? void 0 : m.object;
+      }).filter(S);
+      return i.intersectObjects(r, !0)[0];
+    })(), o = (() => {
       var r;
-      return typeof i == "object" && typeof i.intersectRaycaster == "object" && (r = i.intersectRaycaster.distanceAccuracy) != null ? r : 0.01;
+      return typeof n == "object" && typeof n.intersectRaycaster == "object" && (r = n.intersectRaycaster.distanceAccuracy) != null ? r : 0.01;
     })();
-    return Math.min((u = n == null ? void 0 : n.distance) != null ? u : 1 / 0, (a = f == null ? void 0 : f.distance) != null ? a : 1 / 0) + s < o ? {
+    return Math.min((p = t == null ? void 0 : t.distance) != null ? p : 1 / 0, (a = l == null ? void 0 : l.distance) != null ? a : 1 / 0) + o < s ? {
       value: !1,
-      reason: `intersectRaycaster check failed: distance is ${o}, intersection.point is ${n == null ? void 0 : n.point.toArray()},
-        customModelIntersection.point is ${f == null ? void 0 : f.point.toArray()} distanceError is ${s}`
+      reason: `intersectRaycaster check failed: distance is ${s}, intersection.point is ${t == null ? void 0 : t.point.toArray()},
+        customModelIntersection.point is ${l == null ? void 0 : l.point.toArray()} distanceError is ${o}`
     } : { value: !0, reason: "" };
   }
-  getRaycasterFromPanoIndex(e, t) {
-    var n;
-    const i = (n = this.five.work.observers[t]) == null ? void 0 : n.position;
-    if (i === void 0)
-      throw new Error(`getVisible(): observerPosition is ${i}`);
-    const o = D(e).sub(i).normalize();
-    return this.raycaster.set(i, o), this.raycaster;
+  getRaycasterFromPanoIndex(e, i) {
+    var t;
+    const n = (t = this.five.work.observers[i]) == null ? void 0 : t.position;
+    if (n === void 0)
+      throw new Error(`getVisible(): observerPosition is ${n}`);
+    const s = k(e).sub(n).normalize();
+    return this.raycaster.set(n, s), this.raycaster;
   }
 }
 export {
-  pe as TagComputer
+  be as TagComputer
 };

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

@@ -0,0 +1,58 @@
+import { TagComputer } from './TagComputer';
+import type { Tag, TagElement, TagGLTFObject, TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup } from '../typings';
+import type { TemporaryState } from '../typings';
+import { Object3D } from 'three';
+import TagContainerSvelte from '../Components/TagContainer.svelte';
+import { Five } from '@realsee/five';
+export declare abstract class TagRender extends TagComputer {
+    protected group: TagObjectGroup;
+    protected imagePlaneGroup: ImagePlaneGroup;
+    protected gltfObjectGroup: TagGLTFObjectGroup;
+    /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
+    protected enabledModelTagSet: Set<string | number>;
+    /** 临时状态 */
+    protected temporaryState: TemporaryState;
+    /** 点标签 */
+    protected TagContainerSvelte?: TagContainerSvelte;
+    constructor(five: Five);
+    clearTags(): void;
+    /**
+     * @description: 更新所有标签
+     */
+    protected updateRenderAllTags(): void;
+    protected updateRenderImageModel(): void;
+    /**
+     * @description: 渲染3D贴片
+     */
+    protected updateRenderPlaneTag(): void;
+    /** 更新所有模型标签
+     *
+     * 1. 移除不应该在场景中的模型
+     * 2. 更新模型的可见性
+     *
+     * FIXME: 有性能问题，但是之前的逻辑都是这么写，暂时先这样吧
+     */
+    protected updateRenderModelTag(): void;
+    protected updateTagModelVisible(): void;
+    /** 更新标签中多媒体面片的位置
+     * @param tag 标签
+     * @param model 模型
+     * @param scale css3DObject 原始缩放比例
+     */
+    protected updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagElement<any, S>, model: Object3D): void;
+    /** 添加模型标签 */
+    protected addMediaModelTag(tags: Tag[]): Promise<void>;
+    /**
+     * @description: 渲染单个点的标签
+     */
+    protected updateRenderPointTag(): void;
+    protected updateTagContainerVisible(): void;
+    protected disposeAllCSS3DContainer(): void;
+    /**
+     * @description: 检查并销毁不用的3D贴片
+     */
+    protected clearUnusedPanelTag(): void;
+    /** 加载外部模型 */
+    protected loadModel: (tag: TagElement<'MediaModel', 'Model'>) => Promise<TagGLTFObject>;
+    private updateTagCss3DObjectVisible;
+}