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

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -1,46 +1,46 @@
-var R = Object.defineProperty, j = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var b = (u, d, t) => d in u ? R(u, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[d] = t, I = (u, d) => {
-  for (var t in d || (d = {}))
-    k.call(d, t) && b(u, t, d[t]);
-  if (F)
-    for (var t of F(d))
-      w.call(d, t) && b(u, t, d[t]);
-  return u;
-}, S = (u, d) => j(u, V(d));
-var v = (u, d, t) => (b(u, typeof d != "symbol" ? d + "" : d, t), t);
-var C = (u, d, t) => new Promise((e, i) => {
-  var o = (a) => {
+var w = Object.defineProperty, V = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var D = (c, l, t) => l in c ? w(c, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[l] = t, S = (c, l) => {
+  for (var t in l || (l = {}))
+    _.call(l, t) && D(c, t, l[t]);
+  if (C)
+    for (var t of C(l))
+      H.call(l, t) && D(c, t, l[t]);
+  return c;
+}, E = (c, l) => V(c, k(l));
+var b = (c, l, t) => (D(c, typeof l != "symbol" ? l + "" : l, t), t);
+var x = (c, l, t) => new Promise((e, i) => {
+  var o = (r) => {
     try {
-      p(t.next(a));
+      a(t.next(r));
     } catch (n) {
       i(n);
     }
-  }, l = (a) => {
+  }, s = (r) => {
     try {
-      p(t.throw(a));
+      a(t.throw(r));
     } catch (n) {
       i(n);
     }
-  }, p = (a) => a.done ? e(a.value) : Promise.resolve(a.value).then(o, l);
-  p((t = t.apply(u, d)).next());
+  }, a = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, s);
+  a((t = t.apply(c, l)).next());
 });
-import { CONST as _ } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as O } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
-import { anyPositionToVector3 as E, arrayPositionToVector3 as P } from "../../../shared-utils/positionToVector3.js";
-import * as x from "three";
+import { CONST as O } from "../../../shared-utils/constants.js";
+import { CSS3DObjectPlus as B } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
+import { anyPositionToVector3 as T, arrayPositionToVector3 as y } from "../../../shared-utils/positionToVector3.js";
+import * as M from "three";
 import { planeNormal as A } from "../../utils/planeNormal.js";
-import { centerPoint as H } from "../../../shared-utils/three/centerPoint.js";
-import { VideoPlane as G, ImagePlane as L } from "../../utils/model/mediaPlane.js";
-import B from "../../Components/Tag/index.js";
-import { BaseTag as N } from "./BaseTag.js";
+import { centerPoint as G } from "../../../shared-utils/three/centerPoint.js";
+import { VideoPlane as L, ImagePlane as N } from "../../utils/model/mediaPlane.js";
+import W from "../../Components/Tag/index.js";
+import { BaseTag as $ } from "./BaseTag.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
 import "../../../shared-utils/three/CSS3DRenderer/index.js";
-import { initialCSS3DRender as $ } from "../../../shared-utils/CSS3DRender/index.js";
+import { initialCSS3DRender as U } from "../../../shared-utils/CSS3DRender/index.js";
 import "@realsee/five/line";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
@@ -48,13 +48,13 @@ import "../../../shared-utils/three/blink.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { waitFiveModelLoaded as T } from "../../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as R } from "../../../shared-utils/five/fiveModelLoad.js";
 import "../../../vendor/earcut/src/earcut.js";
-import { uuid as U } from "../../../shared-utils/uuid.js";
+import { uuid as q } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { Sculpt as M } from "../../../Sculpt/index.js";
-import { Rectangle as W } from "../../../Sculpt/Objects/Rectangle/index.js";
-import { getFloorMesh as q } from "../../../shared-utils/five/getFloorMesh.js";
+import { Sculpt as j } from "../../../Sculpt/index.js";
+import { Rectangle as Z } from "../../../Sculpt/Objects/Rectangle/index.js";
+import { getFloorMesh as z } from "../../../shared-utils/five/getFloorMesh.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/isNil.js";
@@ -206,6 +206,7 @@ import "../../../shared-utils/url/getUrl.js";
 import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
+import "../../utils/tag/getRaycasterStartPosition.js";
 import "../../../shared-utils/promise/withResolvers.js";
 import "../../../Sculpt/utils/Modules/Global.js";
 import "../../../Sculpt/utils/Modules/Cursor.js";
@@ -301,13 +302,18 @@ import "../../../shared-utils/forReverseEach.js";
 import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Editors/RectangleMeshEditor.js";
 import "../../../Sculpt/utils/sortPositionsByCameraPosition.js";
-const Z = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
-class ta extends N {
+const J = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map();
+class oa extends $ {
   constructor(t, e) {
     super(t, e);
-    v(this, "_floorIndex");
-    v(this, "_floorIndexDirty", !0);
-    v(this, "_opacity");
+    b(this, "_floorIndex");
+    b(this, "_floorIndexDirty", !0);
+    b(this, "_opacity");
+    /**
+     * 因不可见被销毁前是否处于播放态。
+     * PlaneTag 实例在不可见期间存活（只有 mediaPlane 被销毁），因此状态记在这里。
+     */
+    b(this, "wasPlayingBeforeHidden", !1);
     this.state.unfolded = !0, this.loadModel();
   }
   /** 获取透明度 */
@@ -328,73 +334,73 @@ class ta extends N {
     this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var e, i, o, l, p, a;
-    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((p = this.tag3DContentSvelte) == null || p.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (a = this.tag3DContentSvelte) != null && a.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0)), this.syncEditorAuxiliaryVisibility();
+    var e, i, o, s, a, r;
+    this.computeRenderType() === "Mesh" ? (this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((s = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : s.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane()) : ((a = this.tag3DContentSvelte) == null || a.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }), (r = this.tag3DContentSvelte) != null && r.css3DInstance && (this.tag3DContentSvelte.css3DInstance.visible = this.visible, this.five.needsRender = !0)), this.syncEditorAuxiliaryVisibility();
   }
   set(t, e = !0) {
-    super.set(t, e), T(this.five).then(() => {
+    super.set(t, e), R(this.five).then(() => {
       this.tag3DContentSvelte && (t.data ? this.tag3DContentSvelte.svelteApp.$set({ tag: this, state: this.plugin.state, temporaryState: this.plugin.temporaryState }) : t.position && this.loadModel());
     });
   }
   setData(...t) {
-    var i, o, l, p, a;
-    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((p = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : p.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (a = this.tag3DContentSvelte) == null || a.svelteApp.$set({ tag: this });
+    var i, o, s, a, r;
+    super.setData(...t), this.computeRenderType() === "Mesh" ? (((o = (i = this.data.mediaData) == null ? void 0 : i[0]) == null ? void 0 : o.type) === "Video" ? this.renderVideoPlane() : ((a = (s = this.data.mediaData) == null ? void 0 : s[0]) == null ? void 0 : a.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
   }
   /** 计算楼层索引 */
   computeFloorIndex() {
-    var p, a;
+    var a, r;
     const t = /* @__PURE__ */ new Map();
-    ((a = (p = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : p.observers) != null ? a : []).forEach((n) => {
+    ((r = (a = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : a.observers) != null ? r : []).forEach((n) => {
       var h;
-      const m = (h = n.floorIndex) != null ? h : 0;
-      if (!t.has(m)) {
-        const f = q(this.five, m);
-        f.isEmpty() || t.set(m, f);
+      const p = (h = n.floorIndex) != null ? h : 0;
+      if (!t.has(p)) {
+        const f = z(this.five, p);
+        f.isEmpty() || t.set(p, f);
       }
     });
-    const i = H(...this.position.map(E)), o = [], l = [];
-    if (t.forEach((n, m) => {
-      l.push({ floorIndex: m, box: n }), n.containsPoint(i) && o.push({ floorIndex: m, box: n });
+    const i = G(...this.position.map(T)), o = [], s = [];
+    if (t.forEach((n, p) => {
+      s.push({ floorIndex: p, box: n }), n.containsPoint(i) && o.push({ floorIndex: p, box: n });
     }), o.length === 1)
       return o[0].floorIndex;
     if (o.length > 1) {
-      let n = 1 / 0, m = o[0].floorIndex;
+      let n = 1 / 0, p = o[0].floorIndex;
       return o.forEach(({ floorIndex: h, box: f }) => {
-        const s = new x.Vector3();
-        f.getCenter(s);
-        const r = i.distanceTo(s);
-        r < n && (n = r, m = h);
-      }), m;
+        const m = new M.Vector3();
+        f.getCenter(m);
+        const g = i.distanceTo(m);
+        g < n && (n = g, p = h);
+      }), p;
     }
-    if (l.length > 0) {
-      let n = 1 / 0, m = l[0].floorIndex;
-      return l.forEach(({ floorIndex: h, box: f }) => {
-        const s = new x.Vector3();
-        f.getCenter(s);
-        const r = i.distanceTo(s);
-        r < n && (n = r, m = h);
-      }), m;
+    if (s.length > 0) {
+      let n = 1 / 0, p = s[0].floorIndex;
+      return s.forEach(({ floorIndex: h, box: f }) => {
+        const m = new M.Vector3();
+        f.getCenter(m);
+        const g = i.distanceTo(m);
+        g < n && (n = g, p = h);
+      }), p;
     }
   }
   loadModel() {
-    return C(this, null, function* () {
-      var e, i, o, l, p, a;
-      if (yield T(this.five), this.computeRenderType() === "Mesh")
-        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((l = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : l.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
+    return x(this, null, function* () {
+      var e, i, o, s, a, r;
+      if (yield R(this.five), this.computeRenderType() === "Mesh")
+        this.initialSculpt(), ((i = (e = this.data.mediaData) == null ? void 0 : e[0]) == null ? void 0 : i.type) === "Video" ? this.renderVideoPlane() : ((s = (o = this.data.mediaData) == null ? void 0 : o[0]) == null ? void 0 : s.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane();
       else {
-        $(this.five);
-        const n = this.position.map(E);
-        (a = (p = this.tag3DContentSvelte) == null ? void 0 : p.dispose) == null || a.call(p);
-        const m = document.createElement("div");
-        m.classList.add("tag-media-container");
-        const h = I({ mode: "front", cornerPoints: n, container: m }, this.config.tag3DConfig), f = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(S(I({}, h), { mode: f })), r = this.computeNormal();
-        s.position.add(r.clone().setLength(_.Z_FIGHTING_OFFSET)), this.plugin.group.add(s);
-        let y;
-        s.mode === "behind" && this.config.clickable !== !1 && (y = this.addObjectClickHandler(this, s, (g) => {
-          this.plugin.hooks.emit("click", { event: g, target: "TagContent", tag: this });
+        U(this.five);
+        const n = this.position.map(T);
+        (r = (a = this.tag3DContentSvelte) == null ? void 0 : a.dispose) == null || r.call(a);
+        const p = document.createElement("div");
+        p.classList.add("tag-media-container");
+        const h = S({ mode: "front", cornerPoints: n, container: p }, this.config.tag3DConfig), f = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", m = new B(E(S({}, h), { mode: f })), g = this.computeNormal();
+        m.position.add(g.clone().setLength(O.Z_FIGHTING_OFFSET)), this.plugin.group.add(m);
+        let u;
+        m.mode === "behind" && this.config.clickable !== !1 && (u = this.addObjectClickHandler(this, m, (I) => {
+          this.plugin.hooks.emit("click", { event: I, target: "TagContent", tag: this });
         }));
-        const c = new B({
-          target: m,
+        const d = new W({
+          target: p,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -405,15 +411,15 @@ class ta extends N {
           }
         });
         this.tag3DContentSvelte = {
-          svelteApp: c,
+          svelteApp: d,
           domContainer: {
-            css3DObject: s
+            css3DObject: m
           },
-          css3DInstance: s,
-          initialNormal: r,
-          currentNormal: r,
+          css3DInstance: m,
+          initialNormal: g,
+          currentNormal: g,
           dispose: () => {
-            c.$destroy(), s.dispose(), y == null || y();
+            d.$destroy(), m.dispose(), u == null || u();
           }
         }, this.five.needsRender = !0;
       }
@@ -422,15 +428,15 @@ class ta extends N {
   initialSculpt() {
     if (this.rectanglePlane)
       return;
-    const t = new M(this.five, void 0, {
+    const t = new j(this.five, void 0, {
       magnifier: null
     });
     t.clear(), t.group.removeFromParent();
-    const e = U(), i = new W(
+    const e = q(), i = new Z(
       {
         id: e,
         type: "Rectangle",
-        points: this.position.map(P),
+        points: this.position.map(y),
         style: {
           color: 2203620,
           opacity: 0.1,
@@ -443,7 +449,7 @@ class ta extends N {
     );
     i.visible = !1, this.plugin.imagePlaneGroup.add(i), this.rectanglePlane = i, i.editor.hooks.on("objectUpdate", () => {
       var o;
-      (o = this.mediaPlane) == null || o.changePointsOrParams({ cornerPoints: i.data.points.map(P) });
+      (o = this.mediaPlane) == null || o.changePointsOrParams({ cornerPoints: i.data.points.map(y) });
     }), i.editor.disable();
   }
   editorEnable() {
@@ -452,7 +458,7 @@ class ta extends N {
   editorDisable(t) {
     var i;
     this.rectanglePlane.visible = !1;
-    const e = t || this.position.map(P);
+    const e = t || this.position.map(y);
     (i = this.mediaPlane) == null || i.changePointsOrParams({ cornerPoints: e }), this.rectanglePlane.setData({
       points: e
     }), this.rectanglePlane.editor.disable();
@@ -461,7 +467,7 @@ class ta extends N {
     var e, i;
     const t = (e = this.rectanglePlane) == null ? void 0 : e.rectangleMesh;
     if (t)
-      return (i = M.modules.object3DHelper.getObject3DHelper(t)) == null ? void 0 : i.helper;
+      return (i = j.modules.object3DHelper.getObject3DHelper(t)) == null ? void 0 : i.helper;
   }
   /**
    * 标签因为 visiblePanoIndex 等可见性规则被隐藏时，同时隐藏编辑辅助元素。
@@ -478,53 +484,58 @@ class ta extends N {
     this.rectanglePlane.visible = !0, t == null || t.show(), this.five.needsRender = !0;
   }
   renderVideoPlane() {
-    var m, h, f;
+    var p, h, f, m, g;
     const t = this.data.mediaData[0];
     if (!t)
       return;
     const { url: e } = t;
     if (!e)
       return;
-    const i = (m = this.data.objectFit) != null ? m : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), p = (() => !!(!this.mediaPlane && o))(), a = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
-    (l || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
+    const i = (p = this.data.objectFit) != null ? p : "contain", o = this.currentVisible, s = (() => !!(this.mediaPlane && !o))(), a = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    if ((s || r) && this.mediaPlane) {
+      const u = "videoInstance" in this.mediaPlane ? this.mediaPlane.videoInstance : void 0;
+      this.wasPlayingBeforeHidden = s && (u == null ? void 0 : u.paused) === !1, this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0;
+    }
     const n = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
-    if (p || a) {
-      let s = this.position.map(P);
-      this.rectanglePlane && (s = this.rectanglePlane.data.points.map(P));
-      const r = new G(e, s, {
+    if (a || r) {
+      let u = this.position.map(y);
+      this.rectanglePlane && (u = this.rectanglePlane.data.points.map(y));
+      const d = new L(e, u, {
         mediaManager: this.mediaManager,
         videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
         paused: !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
         objectFit: this.data.objectFit,
-        videoTextureMap: Z,
-        ImageTextureMap: z,
+        videoTextureMap: J,
+        ImageTextureMap: K,
         domEvents: this.plugin.domEvents,
-        opacity: this.opacity
+        opacity: this.opacity,
+        // 开启重播时按标签独占 video 元素，避免同 src 的多块屏幕互相干扰进度
+        cacheScope: (f = this.data.autoplayConfig) != null && f.replayWhenRevisible ? String(this.id) : void 0
       });
-      r.onDispose(this.bindMediaManager((c) => r.setMediaManager(c))), this.plugin.domEvents.addAutoBindEventListener(r, "click", (c) => {
-        var g, D;
-        !((g = r.videoInstance) != null && g.paused) && ((D = r.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
-          event: c,
+      d.onDispose(this.bindMediaManager((P) => d.setMediaManager(P))), this.plugin.domEvents.addAutoBindEventListener(d, "click", (P) => {
+        var v, F;
+        !((v = d.videoInstance) != null && v.paused) && ((F = d.videoInstance) == null ? void 0 : F.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
+          event: P,
           state: "playing",
           tag: this,
-          mediaInstance: r.videoInstance
+          mediaInstance: d.videoInstance
         });
-      }), r.onVideoReady = (c) => {
-        c.addEventListener("play", (g) => {
-          this.plugin.mediaStore.set({ currentMediaElement: r.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: r.videoInstance });
-        }), c.addEventListener("pause", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: r.videoInstance });
-        }), c.addEventListener("ended", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: r.videoInstance });
+      }), d.onVideoReady = (P) => {
+        P.addEventListener("play", (v) => {
+          this.plugin.mediaStore.set({ currentMediaElement: d.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: v, state: "playing", tag: this, mediaInstance: d.videoInstance });
+        }), P.addEventListener("pause", (v) => {
+          this.plugin.hooks.emit("playStateChange", { event: v, state: "paused", tag: this, mediaInstance: d.videoInstance });
+        }), P.addEventListener("ended", (v) => {
+          this.plugin.hooks.emit("playStateChange", { event: v, state: "paused", tag: this, mediaInstance: d.videoInstance });
         });
       };
-      const y = (c) => (this.five.on("renderFrame", c), () => this.five.off("renderFrame", c));
-      r.initialRenderHooks(y), this.mediaPlane = r, this.play = (c = !1) => r.play(!1, c), this.pause = () => r.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const I = (P) => (this.five.on("renderFrame", P), () => this.five.off("renderFrame", P));
+      d.initialRenderHooks(I), this.mediaPlane = d, this.play = (P = !1) => d.play(!1, P), this.pause = () => d.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane), a && this.wasPlayingBeforeHidden && ((m = this.data.autoplayConfig) != null && m.replayWhenRevisible) && (this.wasPlayingBeforeHidden = !1, d.replayFromStart());
     }
     if (n) {
-      const s = this.rectanglePlane.data.points.map(P);
-      (f = this.mediaPlane) == null || f.changePointsOrParams({ cornerPoints: s, params: { objectFit: i } });
+      const u = this.rectanglePlane.data.points.map(y);
+      (g = this.mediaPlane) == null || g.changePointsOrParams({ cornerPoints: u, params: { objectFit: i } });
     }
     this.five.needsRender = !0;
   }
@@ -536,18 +547,18 @@ class ta extends N {
     const { url: i } = t;
     if (!i)
       return;
-    let o = this.position.map(P);
-    const l = this.currentVisible, p = (() => !!(this.mediaPlane && !l))(), a = (() => !!(!this.mediaPlane && l))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
-    if ((p || n) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (a || n) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(P)), this.mediaPlane = new L(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    let o = this.position.map(y);
+    const s = this.currentVisible, a = (() => !!(this.mediaPlane && !s))(), r = (() => !!(!this.mediaPlane && s))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), p = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((a || n) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || n) && (this.rectanglePlane && (o = this.rectanglePlane.data.points.map(y)), this.mediaPlane = new N(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
       this.mediaPlane,
       "click",
-      (s) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: s.origDomEvent });
+      (m) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: m.origDomEvent });
       },
       { noEmitWhenHide: !0 }
-    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), m) {
-      const s = this.rectanglePlane.data.points.map(P);
-      (f = this.mediaPlane) == null || f.changePointsOrParams({ cornerPoints: s, params: { objectFit: e } });
+    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), p) {
+      const m = this.rectanglePlane.data.points.map(y);
+      (f = this.mediaPlane) == null || f.changePointsOrParams({ cornerPoints: m, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
@@ -559,5 +570,5 @@ class ta extends N {
   }
 }
 export {
-  ta as PlaneTag
+  oa as PlaneTag
 };

package/libs/PanoTagPlugin/controller/Tag/PointTag.js

@@ -89,9 +89,10 @@ import "../../../shared-utils/url/getUrl.js";
 import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
+import "../../utils/tag/getRaycasterStartPosition.js";
 import "../../../shared-utils/promise/withResolvers.js";
 const P = new r.Vector2();
-class vi extends R {
+class bi extends R {
   constructor(t, e) {
     var o, i, n, s, a;
     super(t, e);
@@ -299,5 +300,5 @@ class vi extends R {
   }
 }
 export {
-  vi as PointTag
+  bi as PointTag
 };

package/libs/PanoTagPlugin/controller/Tag/PolygonTag.js

@@ -75,6 +75,7 @@ import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/three/core/Raycaster.js";
+import "../../utils/tag/getRaycasterStartPosition.js";
 import "../../../shared-utils/promise/withResolvers.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/dom/resizeObserver.js";
@@ -212,7 +213,7 @@ import "../../../shared-utils/forReverseEach.js";
 import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Objects/Polygon/Editor.js";
 import "../../../Sculpt/utils/isIntersecting.js";
-class Ki extends v {
+class Li extends v {
   constructor(t, o) {
     super(t, o);
     c(this, "tagStyle");
@@ -478,5 +479,5 @@ class Ki extends v {
   }
 }
 export {
-  Ki as PolygonTag
+  Li as PolygonTag
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -150,6 +150,7 @@ import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/url/getUrl.js";
 import "../../shared-utils/five/getFloorIndex.js";
+import "../utils/tag/getRaycasterStartPosition.js";
 import "../../shared-utils/promise/withResolvers.js";
 import "../../shared-utils/CSS3DRender/CSS3DObject.js";
 import "../../shared-utils/three/GLTFLoader.js";
@@ -336,8 +337,8 @@ import "../Components/Common/TagPopover/TagPopoverToolBar.js";
 import "../Components/Common/TagPopover/ArrowRightIcon.js";
 import "../Components/Common/TagPopover/ShareIcon.js";
 import "../utils/popoverContainer.js";
-const I = "Dnalogel-PanoTagPlugin", zs = (d) => `${I}--${d}`;
-class $s extends $ {
+const I = "Dnalogel-PanoTagPlugin", $s = (d) => `${I}--${d}`;
+class js extends $ {
   constructor(e, t) {
     super(e);
     l(this, "mediaManager");
@@ -919,7 +920,7 @@ class $s extends $ {
   }
 }
 export {
-  $s as PanoTagPluginController,
-  $s as default,
-  zs as pluginFlag
+  js as PanoTagPluginController,
+  js as default,
+  $s as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Ui } from "./controller/index.js";
-import { defaultGlobalConfig as Wi } from "./typings/tag/TagConfig.js";
-import { ContentType as Yi, DimensionType as Zi, PointType as _i } from "./Archive/deprecated.js";
+import { pluginFlag as Vi } from "./controller/index.js";
+import { defaultGlobalConfig as Xi } from "./typings/tag/TagConfig.js";
+import { ContentType as Zi, DimensionType as _i, PointType as $i } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -116,6 +116,7 @@ import "./utils/tagPosition.js";
 import "./utils/checkRange.js";
 import "../shared-utils/url/getUrl.js";
 import "../shared-utils/five/getFloorIndex.js";
+import "./utils/tag/getRaycasterStartPosition.js";
 import "../shared-utils/promise/withResolvers.js";
 import "./controller/Tag/ModelTag.js";
 import "../shared-utils/CSS3DRender/CSS3DObject.js";
@@ -310,14 +311,14 @@ import "./Components/Common/TagPopover/ArrowRightIcon.js";
 import "./Components/Common/TagPopover/ShareIcon.js";
 import "./utils/popoverContainer.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Qi = (o, t) => new r(o, t);
+const Ri = (o, t) => new r(o, t);
 export {
-  Yi as ContentType,
-  Zi as DimensionType,
-  Qi as PanoTagPlugin,
+  Zi as ContentType,
+  _i as DimensionType,
+  Ri as PanoTagPlugin,
   r as PanoTagPluginController,
-  _i as PointType,
-  Qi as default,
-  Wi as defaultGlobalConfig,
-  Ui as pluginFlag
+  $i as PointType,
+  Ri as default,
+  Xi as defaultGlobalConfig,
+  Vi as pluginFlag
 };

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

@@ -134,6 +134,16 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
              * @default false
              */
             hideWhenModelNotLoaded?: boolean;
+            /**
+             * @description 碰撞检测射线的起点策略
+             * @param observer 全景态取观察点位置、模型态取相机位置（含眼高，射线是斜的）
+             * @param horizontal 与检测点保持水平：y 取检测点高度，x/z 取观察点（或相机）的值。
+             * 用于「虚拟屏幕与当前点位的水平连线是否被模型挡住」这类判定，
+             * 斜射线可能从矮柜/栏杆上方越过，水平射线才会撞上。
+             * 开启 `horizontal` 时，即使当前点位与标签绑定点位相同也会执行碰撞检测（不走跳过分支）。
+             * @default 'observer'
+             */
+            startPointMode?: 'observer' | 'horizontal';
         };
         /**
          * @description 3D标签中 「标签所在平面或垂直于标签法线的平面」 与 「摄像机到标签点或中心点的向量」 的夹角，范围内自动展开，范围外自动收起

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

@@ -135,6 +135,14 @@ export interface ContentTypeMapInterface {
              * @default autoplayVideoInCarousel: false
              */
             autoplayVideoInCarousel?: boolean;
+            /**
+             * @description 因不可见（超出可见距离或被遮挡）停播后，重新可见时是否从头重播。
+             * 开启后会重置播放进度并抢占音频焦点尝试有声播放，
+             * 有声被浏览器自动播放策略拒绝时回退静音播放。
+             * 仅对停播前处于播放态的标签生效。
+             * @default false
+             */
+            replayWhenRevisible?: boolean;
         };
         mediaData: MediaData[];
         /** @description 暂停时的播放按钮url */

package/libs/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -59,6 +59,7 @@ declare class VideoPlane extends MediaPlane {
     private session?;
     private loadGeneration;
     private playbackDisposed;
+    private cacheScope?;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
         mediaManager?: PlaybackManager;
         paused?: boolean;
@@ -72,10 +73,24 @@ declare class VideoPlane extends MediaPlane {
         }>;
         domEvents?: FiveDomEvents;
         opacity?: number;
+        /** video 元素的归属标识（一般是标签 id）。传入后同 src 的多个屏幕不再共享 video 元素 */
+        cacheScope?: string;
     });
     dispose(): void;
     setMediaManager(manager?: PlaybackManager): void;
-    play(muted?: boolean, userAction?: boolean): Promise<void>;
+    /**
+     * @returns 播放结果。`'no-session'` 表示没拿到音频焦点（并非异常），
+     * 调用方可据此降级为静音播放；`'disposed'`/`'stale'` 表示这次调用已失效。
+     */
+    play(muted?: boolean, userAction?: boolean): Promise<'played' | 'no-session' | 'disposed' | 'stale'>;
+    /**
+     * @description 从头播放。用于「离开可见范围后走回来」的场景：
+     * 先重置进度，再尝试有声播放；有声不可用时回退静音，避免出现「既没声音也不播放」。
+     * @param userAction 是否按用户操作申请音频焦点（true 会抢占当前音源）
+     */
+    replayFromStart(userAction?: boolean): Promise<'audible' | 'muted' | 'failed'>;
+    /** 复用的 video 元素不会自动回到起点，需显式重置 */
+    private resetProgress;
     pause(): void;
     private stopOutput;
     onDispose(dispose: () => void): void;