@realsee/dnalogel 3.81.10-alpha.2 → 3.81.10-alpha.4

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,53 +1,53 @@
-var O = Object.defineProperty;
-var _ = (M, u, e) => u in M ? O(M, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : M[u] = e;
-var a = (M, u, e) => (_(M, typeof u != "symbol" ? u + "" : u, e), e);
-var l = (M, u, e) => new Promise((i, t) => {
+var k = Object.defineProperty;
+var O = (v, u, e) => u in v ? k(v, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[u] = e;
+var h = (v, u, e) => (O(v, typeof u != "symbol" ? u + "" : u, e), e);
+var l = (v, u, e) => new Promise((t, i) => {
   var s = (o) => {
     try {
-      n(e.next(o));
-    } catch (c) {
-      t(c);
+      r(e.next(o));
+    } catch (a) {
+      i(a);
     }
-  }, r = (o) => {
+  }, n = (o) => {
     try {
-      n(e.throw(o));
-    } catch (c) {
-      t(c);
+      r(e.throw(o));
+    } catch (a) {
+      i(a);
     }
-  }, n = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(s, r);
-  n((e = e.apply(M, u)).next());
+  }, r = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(s, n);
+  r((e = e.apply(v, u)).next());
 });
 import * as w from "three";
 import { Vector3 as F } from "three";
 import { centerPoint as I } from "../../../shared-utils/three/centerPoint.js";
 import { loadPicture as E } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as C, QuadrangleMesh as x } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as k } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as V, Image_Play_Icon as S } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as B } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
+import { QuadrangleGeometry as S, QuadrangleMesh as x } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as _ } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as D, Image_Play_Icon as G } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as b } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FragmentTransparencyMaterial as V } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import { getNormal as P } from "../../../shared-utils/three/getNormal.js";
 import { CONST as T } from "../../../shared-utils/constants.js";
 import "../../../shared-utils/math/pointsIsRectangle.js";
 import "../../../shared-utils/device.js";
-class G extends w.Mesh {
+class H extends w.Mesh {
   constructor() {
     super(...arguments);
-    a(this, "name", "MediaPlane");
-    a(this, "src");
-    a(this, "objectFit");
+    h(this, "name", "MediaPlane");
+    h(this, "src");
+    h(this, "objectFit");
   }
   /** 获取透明度 */
   get opacity() {
-    var e, i;
-    return (i = (e = this.material) == null ? void 0 : e.opacity) != null ? i : 1;
+    var e, t;
+    return (t = (e = this.material) == null ? void 0 : e.opacity) != null ? t : 1;
   }
   /** 设置透明度 (0-1) */
   set opacity(e) {
-    this.material && (this.material.opacity = e, this.material.transparent = e < 1, this.material.needsUpdate = !0), this.traverse((i) => {
-      if (i.isMesh && i !== this) {
-        const t = i;
-        t.material && (t.material.opacity = e, t.material.transparent = e < 1, t.material.needsUpdate = !0);
+    this.material && (this.material.opacity = e, this.material.transparent = e < 1, this.material.needsUpdate = !0), this.traverse((t) => {
+      if (t.isMesh && t !== this) {
+        const i = t;
+        i.material && (i.material.opacity = e, i.material.transparent = e < 1, i.material.needsUpdate = !0);
       }
     });
   }
@@ -58,135 +58,159 @@ class G extends w.Mesh {
   dispose() {
     this.traverse((e) => {
       if (e.isMesh) {
-        const i = e;
-        i.geometry.dispose(), (i.material instanceof Array ? i.material : [i.material]).forEach((s) => {
+        const t = e;
+        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((s) => {
           s.dispose();
         });
       }
     });
   }
 }
-class J extends G {
-  constructor(e, i, t) {
-    var o, c;
+class z extends H {
+  constructor(e, t, i) {
+    var o, a;
     super();
-    a(this, "name", "PanoTagPluginImagePlane");
-    a(this, "originRatio");
+    h(this, "name", "PanoTagPluginImagePlane");
+    h(this, "originRatio");
     this.src = e;
-    const s = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0, r = (c = t == null ? void 0 : t.opacity) != null ? c : 1;
-    let n = i;
+    const s = (o = i == null ? void 0 : i.resolveZFighting) != null ? o : !0, n = (a = i == null ? void 0 : i.opacity) != null ? a : 1;
+    let r = t;
     if (s) {
-      const h = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      n = i.map((d) => d.clone().add(h));
+      const c = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      r = t.map((p) => p.clone().add(c));
     }
-    E(e).then(({ texture: h, transparent: d }) => {
-      var b;
-      const m = new w.MeshBasicMaterial({
-        map: h,
-        transparent: d || r < 1,
-        opacity: r,
+    E(e).then(({ texture: c, transparent: p }) => {
+      var f;
+      const d = new w.MeshBasicMaterial({
+        map: c,
+        transparent: p || n < 1,
+        opacity: n,
         side: w.DoubleSide
       });
-      this.originRatio = h.image.width / h.image.height, this.objectFit = (b = t == null ? void 0 : t.objectFit) != null ? b : "contain";
-      const p = f(this.objectFit, n, h.image.width / h.image.height), v = I(...p), g = p.map((H) => H.clone().sub(v)), y = new C(g);
-      this.position.copy(v), this.geometry = y, this.material = m;
-    }).catch((h) => {
-      console.error(`Imageplane error: ${h == null ? void 0 : h.message}`);
+      this.originRatio = c.image.width / c.image.height, this.objectFit = (f = i == null ? void 0 : i.objectFit) != null ? f : "contain";
+      const m = b(this.objectFit, r, c.image.width / c.image.height), M = I(...m), y = m.map((C) => C.clone().sub(M)), g = new S(y);
+      this.position.copy(M), this.geometry = g, this.material = d;
+    }).catch((c) => {
+      console.error(`Imageplane error: ${c == null ? void 0 : c.message}`);
     });
   }
   changePointsOrParams(e) {
-    const { cornerPoints: i, params: t = {} } = e, { objectFit: s = this.objectFit } = t;
-    let r = i;
-    const { resolveZFighting: n } = t != null ? t : {};
-    if (n) {
-      const m = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      r = i.map((p) => p.clone().add(m));
+    const { cornerPoints: t, params: i = {} } = e, { objectFit: s = this.objectFit } = i;
+    let n = t;
+    const { resolveZFighting: r } = i != null ? i : {};
+    if (r) {
+      const d = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      n = t.map((m) => m.clone().add(d));
     }
-    const o = f(s != null ? s : "contain", r, this.originRatio), c = I(...o), h = o.map((m) => m.clone().sub(c)), d = new C(h);
-    this.objectFit = s != null ? s : "contain", this.position.copy(c), this.geometry = d;
+    const o = b(s != null ? s : "contain", n, this.originRatio), a = I(...o), c = o.map((d) => d.clone().sub(a)), p = new S(c);
+    this.objectFit = s != null ? s : "contain", this.position.copy(a), this.geometry = p;
   }
 }
-class K extends G {
+class J extends H {
   // eslint-disable-next-line max-params
-  constructor(e, i, t) {
-    var v;
+  constructor(e, t, i) {
+    var y;
     const {
       videoCoverSrc: s,
-      objectFit: r = "contain",
-      playButton: n = "withText",
+      objectFit: n = "contain",
+      playButton: r = "withText",
       paused: o = !0,
-      videoTextureMap: c,
-      ImageTextureMap: h,
-      domEvents: d,
-      opacity: m = 1
-    } = t != null ? t : {};
+      videoTextureMap: a,
+      ImageTextureMap: c,
+      domEvents: p,
+      opacity: d = 1,
+      cacheScope: m
+    } = i != null ? i : {};
     super();
-    a(this, "isVideoPlane", !0);
-    a(this, "name", "PanoTagPluginImagePlane");
-    a(this, "videoInstance");
-    a(this, "onVideoReady");
-    a(this, "buttonSrc");
-    a(this, "videoCoverSrc");
-    a(this, "domEvents");
-    a(this, "disposers", []);
-    a(this, "cornerPoints");
-    a(this, "videoMesh");
-    a(this, "coverMesh");
-    a(this, "buttonMesh");
-    a(this, "videoTextureMap");
-    a(this, "ImageTextureMap");
-    a(this, "initialOpacity");
-    a(this, "playbackController");
-    a(this, "session");
-    a(this, "loadGeneration", 0);
-    a(this, "playbackDisposed", !1);
-    this.playbackController = (v = t == null ? void 0 : t.mediaManager) == null ? void 0 : v.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() }), this.cornerPoints = i, this.src = e, this.initialOpacity = m, this.buttonSrc = (() => n === "withText" ? V : n === "withoutText" ? S : typeof n == "string" ? n : S)(), this.videoCoverSrc = s, this.objectFit = r, this.videoTextureMap = c, this.ImageTextureMap = h, this.domEvents = d, this.position.copy(I(...i));
-    const p = this.loadGeneration;
+    h(this, "isVideoPlane", !0);
+    h(this, "name", "PanoTagPluginImagePlane");
+    h(this, "videoInstance");
+    h(this, "onVideoReady");
+    h(this, "buttonSrc");
+    h(this, "videoCoverSrc");
+    h(this, "domEvents");
+    h(this, "disposers", []);
+    h(this, "cornerPoints");
+    h(this, "videoMesh");
+    h(this, "coverMesh");
+    h(this, "buttonMesh");
+    h(this, "videoTextureMap");
+    h(this, "ImageTextureMap");
+    h(this, "initialOpacity");
+    h(this, "playbackController");
+    h(this, "session");
+    h(this, "loadGeneration", 0);
+    h(this, "playbackDisposed", !1);
+    h(this, "cacheScope");
+    this.playbackController = (y = i == null ? void 0 : i.mediaManager) == null ? void 0 : y.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() }), this.cornerPoints = t, this.src = e, this.initialOpacity = d, this.buttonSrc = (() => r === "withText" ? D : r === "withoutText" ? G : typeof r == "string" ? r : G)(), this.videoCoverSrc = s, this.objectFit = n, this.cacheScope = m, this.videoTextureMap = a, this.ImageTextureMap = c, this.domEvents = p, this.position.copy(I(...t));
+    const M = this.loadGeneration;
     this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
-      p !== this.loadGeneration || this.playbackDisposed || (o ? this.addButtonMesh() : this.play(!0));
+      M !== this.loadGeneration || this.playbackDisposed || (o ? this.addButtonMesh() : this.play(!0));
     }), this.addEventListener("removed", () => {
       this.pause(), this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var g, y;
-      this.playbackDisposed = !0, (g = this.playbackController) == null || g.dispose(), this.stopOutput(), (y = this.disposers) == null || y.forEach((b) => b == null ? void 0 : b());
+      var g, f;
+      this.playbackDisposed = !0, (g = this.playbackController) == null || g.dispose(), this.stopOutput(), (f = this.disposers) == null || f.forEach((C) => C == null ? void 0 : C());
     });
   }
   dispose() {
     var e;
-    this.playbackDisposed = !0, (e = this.playbackController) == null || e.dispose(), this.stopOutput(), this.disposers.forEach((i) => i()), this.disposers = [], super.dispose();
+    this.playbackDisposed = !0, (e = this.playbackController) == null || e.dispose(), this.stopOutput(), this.disposers.forEach((t) => t()), this.disposers = [], super.dispose();
   }
   setMediaManager(e) {
-    var i;
-    (i = this.playbackController) == null || i.dispose(), this.stopOutput(), this.playbackController = e == null ? void 0 : e.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() });
+    var t;
+    (t = this.playbackController) == null || t.dispose(), this.stopOutput(), this.playbackController = e == null ? void 0 : e.createController({ label: "tag-video-plane", onCancel: () => this.stopOutput() });
   }
-  play(e = !1, i = !1) {
+  /**
+   * @returns 播放结果。`'no-session'` 表示没拿到音频焦点（并非异常），
+   * 调用方可据此降级为静音播放；`'disposed'`/`'stale'` 表示这次调用已失效。
+   */
+  play(e = !1, t = !1) {
     return l(this, null, function* () {
-      var n, o;
+      var r, o;
       if (this.playbackDisposed)
-        return;
-      const t = (n = this.playbackController) == null ? void 0 : n.begin({ userAction: i, audible: !e });
-      if (this.playbackController && !t)
-        return;
-      this.session = t;
-      const s = ++this.loadGeneration, r = () => s === this.loadGeneration && !(t != null && t.signal.aborted);
+        return "disposed";
+      const i = (r = this.playbackController) == null ? void 0 : r.begin({ userAction: t, audible: !e });
+      if (this.playbackController && !i)
+        return "no-session";
+      this.session = i;
+      const s = ++this.loadGeneration, n = () => s === this.loadGeneration && !(i != null && i.signal.aborted);
       try {
-        if (this.videoMesh || (yield this.addVideoMesh()), !r())
-          return;
-        const c = this.videoInstance, h = (o = t == null ? void 0 : t.bind(c)) != null ? o : c;
-        if (h.muted = e, yield h.play(), !r())
-          return;
-        this.showPlayUI(), this.render();
-      } catch (c) {
-        if (!r())
-          return;
-        if (c.name === "AbortError") {
-          this.pause();
-          return;
-        }
-        throw this.pause(), c;
+        if (this.videoMesh || (yield this.addVideoMesh()), !n())
+          return "stale";
+        const a = this.videoInstance, c = (o = i == null ? void 0 : i.bind(a)) != null ? o : a;
+        return c.muted = e, yield c.play(), n() ? (this.showPlayUI(), this.render(), "played") : "stale";
+      } catch (a) {
+        if (!n())
+          return "stale";
+        if (a.name === "AbortError")
+          return this.pause(), "stale";
+        throw this.pause(), a;
       }
     });
   }
+  /**
+   * @description 从头播放。用于「离开可见范围后走回来」的场景：
+   * 先重置进度，再尝试有声播放；有声不可用时回退静音，避免出现「既没声音也不播放」。
+   * @param userAction 是否按用户操作申请音频焦点（true 会抢占当前音源）
+   */
+  replayFromStart(e = !0) {
+    return l(this, null, function* () {
+      if (this.playbackDisposed || (this.videoMesh || (yield this.addVideoMesh()), this.playbackDisposed))
+        return "failed";
+      this.resetProgress();
+      const t = yield this.play(!1, e).catch(() => "failed");
+      return t === "played" ? "audible" : t === "disposed" || t === "stale" ? "failed" : (yield this.play(!0, !1).catch(() => "failed")) === "played" ? "muted" : "failed";
+    });
+  }
+  /** 复用的 video 元素不会自动回到起点，需显式重置 */
+  resetProgress() {
+    if (this.videoInstance)
+      try {
+        this.videoInstance.currentTime = 0;
+      } catch (e) {
+      }
+  }
   pause() {
     var e;
     (e = this.playbackController) == null || e.cancel(), this.stopOutput();
@@ -198,18 +222,26 @@ class K extends G {
     this.disposers.push(e);
   }
   initialRenderHooks(e) {
-    const t = e(() => {
+    const i = e(() => {
       var s;
       this.videoMesh && ((s = this.videoInstance) == null ? void 0 : s.paused) === !1 && (this.videoMesh.needsRender = !0);
     });
-    this.disposers.push(t);
+    this.disposers.push(i);
   }
   showPlayUI() {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
   }
   showPauseUI() {
     return l(this, null, function* () {
-      this.coverMesh ? (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)) : (yield this.addCoverMesh(), this.coverMesh && (this.videoMesh.visible = !1)), this.addButtonMesh().then(() => this.render());
+      const e = this.loadGeneration;
+      if (this.coverMesh)
+        this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1);
+      else {
+        if (yield this.addCoverMesh(), e !== this.loadGeneration || this.playbackDisposed)
+          return;
+        this.coverMesh && (this.videoMesh.visible = !1);
+      }
+      this.addButtonMesh().then(() => this.render());
     });
   }
   render() {
@@ -218,29 +250,34 @@ class K extends G {
   }
   addCoverMesh() {
     return l(this, null, function* () {
+      const e = this.loadGeneration;
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => l(this, null, function* () {
+      const t = yield (() => l(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const { texture: i, transparent: t } = yield this.getImageTexture(this.videoCoverSrc), s = new w.MeshBasicMaterial({
-          transparent: t || this.initialOpacity < 1,
+        const { texture: i, transparent: s } = yield this.getImageTexture(this.videoCoverSrc), n = new w.MeshBasicMaterial({
+          transparent: s || this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: i,
           side: w.DoubleSide
-        }), r = f(this.objectFit, this.cornerPoints, i.image.width / i.image.height), n = new x(r, s);
-        n.position.copy(new F(0, 0, 0)), n.name = "videoCoverMesh";
-        const o = P(r).multiplyScalar(T.Z_FIGHTING_OFFSET);
-        return n.position.add(o), n;
+        }), r = b(this.objectFit, this.cornerPoints, i.image.width / i.image.height), o = new x(r, n);
+        o.position.copy(new F(0, 0, 0)), o.name = "videoCoverMesh";
+        const a = P(r).multiplyScalar(T.Z_FIGHTING_OFFSET);
+        return o.position.add(a), o;
       }))();
-      return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
+      if (e !== this.loadGeneration || this.playbackDisposed) {
+        t && t !== this.coverMesh && (t.geometry.dispose(), t.material.dispose());
+        return;
+      }
+      return t && (this.children.includes(this.coverMesh) || (this.add(t), this.coverMesh = t)), t;
     });
   }
   addVideoMesh() {
     return l(this, null, function* () {
-      var t;
+      var i;
       if (this.children.includes(this.videoMesh))
         return;
       const e = yield (() => l(this, null, function* () {
@@ -248,20 +285,20 @@ class K extends G {
           return this.videoMesh;
         if (!this.src)
           return;
-        const s = this.getVideoTexture(this.src), r = new w.MeshBasicMaterial({
+        const s = this.getVideoTexture(this.src), n = new w.MeshBasicMaterial({
           transparent: this.initialOpacity < 1,
           opacity: this.initialOpacity,
           map: s,
           side: w.DoubleSide
-        }), n = yield new Promise((h) => {
-          s.metadataLoaded ? h(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+        }), r = yield new Promise((c) => {
+          s.metadataLoaded ? c(b(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => h(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => c(b(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
           );
-        }), o = new x(n, r);
+        }), o = new x(r, n);
         o.name = "videoMesh", o.position.copy(new F(0, 0, 0));
-        const c = P(n).multiplyScalar(T.Z_FIGHTING_OFFSET);
-        return o.position.add(c), o;
+        const a = P(r).multiplyScalar(T.Z_FIGHTING_OFFSET);
+        return o.position.add(a), o;
       }))();
       if (!e)
         return;
@@ -274,57 +311,63 @@ class K extends G {
         },
         { noEmitWhenHide: !0 }
       );
-      const i = e.material.map.image;
-      return (t = this.onVideoReady) == null || t.call(this, i), i.addEventListener("playing", () => {
+      const t = e.material.map.image;
+      return (i = this.onVideoReady) == null || i.call(this, t), t.addEventListener("playing", () => {
         this.playbackController && (!this.session || this.session.signal.aborted) || (this.coverMesh || this.remove(this.buttonMesh), this.render());
-      }), i.addEventListener("pause", () => {
+      }), t.addEventListener("pause", () => {
         this.videoInstance.paused && (this.showPauseUI(), this.render());
-      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = i), e;
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
     });
   }
   addButtonMesh() {
     return l(this, null, function* () {
+      const e = this.loadGeneration;
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => l(this, null, function* () {
-        var p, v, g, y;
+      const t = yield (() => l(this, null, function* () {
+        var M, y, g, f;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (v = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, t = (y = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(i, t, s) / s * 0.3, { texture: o, transparent: c } = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, o.image.width / o.image.height), d = new x(h, new B(o));
-        d.position.copy(new F(0, 0, 0)), d.name = "buttonMesh", d.scale.set(n, n, n), d.material.side = w.DoubleSide, this.domEvents.addAutoBindEventListener(
-          d,
-          "click",
-          () => {
-            this.play(!1, !0);
-          },
-          { noEmitWhenHide: !0 }
-        );
-        const m = P(h).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
+        const i = (y = (M = this.videoMesh) == null ? void 0 : M.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? y : 1 / 0, s = (f = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? f : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, s, n) / n * 0.3, { texture: a, transparent: c } = yield this.getImageTexture(this.buttonSrc), p = b("contain", this.cornerPoints, a.image.width / a.image.height), d = new x(p, new V(a));
+        d.position.copy(new F(0, 0, 0)), d.name = "buttonMesh", d.scale.set(o, o, o), d.material.side = w.DoubleSide;
+        const m = P(p).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
         return d.position.add(m), d;
       }))();
-      return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
+      if (e !== this.loadGeneration || this.playbackDisposed) {
+        t !== this.buttonMesh && (t.geometry.dispose(), t.material.dispose());
+        return;
+      }
+      return t !== this.buttonMesh && this.domEvents.addAutoBindEventListener(
+        t,
+        "click",
+        () => {
+          this.play(!1, !0);
+        },
+        { noEmitWhenHide: !0 }
+      ), this.children.includes(this.buttonMesh) || (this.add(t), this.buttonMesh = t), t;
     });
   }
   getImageTexture(e) {
     return l(this, null, function* () {
-      var t, s;
-      if ((t = this.ImageTextureMap) != null && t.has(e))
+      var i, s;
+      if ((i = this.ImageTextureMap) != null && i.has(e))
         return this.ImageTextureMap.get(e);
-      const i = yield E(e);
-      return (s = this.ImageTextureMap) == null || s.set(e, i), i;
+      const t = yield E(e);
+      return (s = this.ImageTextureMap) == null || s.set(e, t), t;
     });
   }
   getVideoTexture(e) {
-    var t, s;
-    if ((t = this.videoTextureMap) != null && t.has(e))
-      return this.videoTextureMap.get(e);
-    const i = k(e);
-    return (s = this.videoTextureMap) == null || s.set(e, i), i;
+    var s, n;
+    const t = this.cacheScope ? `${this.cacheScope}::${e}` : e;
+    if ((s = this.videoTextureMap) != null && s.has(t))
+      return this.videoTextureMap.get(t);
+    const i = _(e);
+    return (n = this.videoTextureMap) == null || n.set(t, i), i;
   }
   changePointsOrParams(e) {
     return l(this, null, function* () {
-      const { cornerPoints: i, params: t } = e;
-      i && (this.cornerPoints = i, this.position.copy(I(...i))), t != null && t.objectFit && (this.objectFit = t.objectFit), yield this.updateAllMeshes();
+      const { cornerPoints: t, params: i } = e;
+      t && (this.cornerPoints = t, this.position.copy(I(...t))), i != null && i.objectFit && (this.objectFit = i.objectFit), yield this.updateAllMeshes();
     });
   }
   updateAllMeshes() {
@@ -336,38 +379,38 @@ class K extends G {
     return l(this, null, function* () {
       if (!this.videoMesh || !this.src)
         return;
-      const e = this.getVideoTexture(this.src), i = yield new Promise((o) => {
-        e.metadataLoaded ? o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
+      const e = this.getVideoTexture(this.src), t = yield new Promise((o) => {
+        e.metadataLoaded ? o(b(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight)) : e.addEventListener(
           "videoLoaded",
-          () => o(f(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
+          () => o(b(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight))
         );
-      }), t = I(...i), s = i.map((o) => o.clone().sub(t)), r = new C(s);
-      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = r, this.videoMesh.position.copy(new F(0, 0, 0));
-      const n = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET);
-      this.videoMesh.position.add(n);
+      }), i = I(...t), s = t.map((o) => o.clone().sub(i)), n = new S(s);
+      this.videoMesh.geometry.dispose(), this.videoMesh.geometry = n, this.videoMesh.position.copy(new F(0, 0, 0));
+      const r = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET);
+      this.videoMesh.position.add(r);
     });
   }
   updateCoverMesh() {
     return l(this, null, function* () {
       if (!this.coverMesh || !this.videoCoverSrc)
         return;
-      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), i = f(this.objectFit, this.cornerPoints, e.image.width / e.image.height), t = I(...i), s = i.map((n) => n.clone().sub(t)), r = new C(s);
-      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = r, this.coverMesh.position.copy(new F(0, 0, 0));
+      const { texture: e } = yield this.getImageTexture(this.videoCoverSrc), t = b(this.objectFit, this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((r) => r.clone().sub(i)), n = new S(s);
+      this.coverMesh.geometry.dispose(), this.coverMesh.geometry = n, this.coverMesh.position.copy(new F(0, 0, 0));
     });
   }
   updateButtonMesh() {
     return l(this, null, function* () {
-      var p, v, g, y;
+      var m, M, y, g;
       if (!this.buttonMesh)
         return;
-      const { texture: e } = yield this.getImageTexture(this.buttonSrc), i = f("contain", this.cornerPoints, e.image.width / e.image.height), t = I(...i), s = i.map((b) => b.clone().sub(t)), r = new C(s), n = (v = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? v : 1 / 0, o = (y = (g = this.coverMesh) == null ? void 0 : g.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? y : 1 / 0, c = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), d = Math.min(n, o, c) / c * 0.3;
-      this.buttonMesh.geometry.dispose(), this.buttonMesh.geometry = r, this.buttonMesh.position.copy(new F(0, 0, 0)), this.buttonMesh.scale.set(d, d, d);
-      const m = P(i).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
-      this.buttonMesh.position.add(m);
+      const { texture: e } = yield this.getImageTexture(this.buttonSrc), t = b("contain", this.cornerPoints, e.image.width / e.image.height), i = I(...t), s = t.map((f) => f.clone().sub(i)), n = new S(s), r = (M = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? M : 1 / 0, o = (g = (y = this.coverMesh) == null ? void 0 : y.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, a = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), p = Math.min(r, o, a) / a * 0.3;
+      this.buttonMesh.geometry.dispose(), this.buttonMesh.geometry = n, this.buttonMesh.position.copy(new F(0, 0, 0)), this.buttonMesh.scale.set(p, p, p);
+      const d = P(t).multiplyScalar(T.Z_FIGHTING_OFFSET * 2);
+      this.buttonMesh.position.add(d);
     });
   }
 }
 export {
-  J as ImagePlane,
-  K as VideoPlane
+  z as ImagePlane,
+  J as VideoPlane
 };

package/libs/PanoTagPlugin/utils/tag/getRaycasterStartPosition.d.ts

@@ -0,0 +1,12 @@
+import * as THREE from 'three';
+export type RaycasterStartPointMode = 'observer' | 'horizontal';
+/**
+ * @description 计算碰撞检测射线的起点
+ * @param observerPosition 观察点位置（全景态）或相机位置（模型态），含真实高度
+ * @param checkPoint 检测点（标签中心点或角点）
+ * @param mode
+ *  - `observer`：直接使用观察点位置，射线是斜的，可能从矮柜/栏杆上方越过
+ *  - `horizontal`：与检测点保持水平，y 取检测点高度、x/z 取观察点的值，
+ *    用于判定「当前点位与检测点的水平连线是否被模型挡住」
+ */
+export declare function getRaycasterStartPosition(observerPosition: THREE.Vector3, checkPoint: THREE.Vector3, mode?: RaycasterStartPointMode): THREE.Vector3;

package/libs/PanoTagPlugin/utils/tag/getRaycasterStartPosition.js

@@ -0,0 +1,7 @@
+import * as e from "three";
+function n(t, r, a = "observer") {
+  return a !== "horizontal" ? t : new e.Vector3(t.x, r.y, t.z);
+}
+export {
+  n as getRaycasterStartPosition
+};

package/libs/base/BasePlugin.js

@@ -23,7 +23,7 @@ let I = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    r(this, "VERSION", "3.81.10-alpha.2");
+    r(this, "VERSION", "3.81.10-alpha.4");
     r(this, "NAME");
     r(this, "five");
     r(this, "workUtil");