@realsee/dnalogel 3.79.1 → 3.79.3

package/dist/shared-utils/three/FragmentTransparencyMaterial.d.ts

@@ -6,6 +6,7 @@ export declare class FragmentTransparencyMaterial extends THREE.ShaderMaterial {
         };
     };
     transparent: boolean;
+    depthWrite: boolean;
     blending: THREE.Blending;
     blendSrc: THREE.BlendingDstFactor;
     blendDst: THREE.BlendingDstFactor;

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.d.ts

@@ -4,7 +4,6 @@ import { BaseTag } from './BaseTag';
 import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
 import { Rectangle } from '../../../Sculpt/Objects/Rectangle';
-export type PlaneTagInterface<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;
 export declare class PlaneTag<C extends TagContentType = TagContentType> extends BaseTag<C, 'Plane'> {
     rectanglePlane?: Rectangle;
     private _floorIndex?;
@@ -28,8 +27,15 @@ export declare class PlaneTag<C extends TagContentType = TagContentType> extends
     private initialSculpt;
     editorEnable(): void;
     editorDisable(position?: Vector3[]): void;
+    private getRectangleHelper;
+    /**
+     * 标签因为 visiblePanoIndex 等可见性规则被隐藏时，同时隐藏编辑辅助元素。
+     * 当标签重新可见且仍处于编辑态时，再恢复辅助元素显示。
+     */
+    private syncEditorAuxiliaryVisibility;
     private renderVideoPlane;
     private renderImagePlane;
     private renderEmptyPlane;
     computeNormal(): Vector3;
 }
+export type PlaneTagInterface<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;

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

@@ -1,46 +1,46 @@
-var k = Object.defineProperty, j = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
+var j = Object.defineProperty, V = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var I = (c, d, t) => d in c ? k(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, b = (c, d) => {
+var M = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var b = (c, d, t) => d in c ? j(c, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[d] = t, I = (c, d) => {
   for (var t in d || (d = {}))
-    V.call(d, t) && I(c, t, d[t]);
+    M.call(d, t) && b(c, t, d[t]);
   if (F)
     for (var t of F(d))
-      w.call(d, t) && I(c, t, d[t]);
+      w.call(d, t) && b(c, t, d[t]);
   return c;
-}, S = (c, d) => j(c, R(d));
-var y = (c, d, t) => (I(c, typeof d != "symbol" ? d + "" : d, t), t);
+}, S = (c, d) => V(c, k(d));
+var v = (c, d, t) => (b(c, typeof d != "symbol" ? d + "" : d, t), t);
 var C = (c, d, t) => new Promise((e, i) => {
   var o = (r) => {
     try {
-      m(t.next(r));
-    } catch (n) {
-      i(n);
+      p(t.next(r));
+    } catch (a) {
+      i(a);
     }
   }, l = (r) => {
     try {
-      m(t.throw(r));
-    } catch (n) {
-      i(n);
+      p(t.throw(r));
+    } catch (a) {
+      i(a);
     }
-  }, m = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
-  m((t = t.apply(c, d)).next());
+  }, p = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(o, l);
+  p((t = t.apply(c, d)).next());
 });
-import { CONST as M } from "../../../shared-utils/constants.js";
-import { CSS3DObjectPlus as _ } from "../../../shared-utils/CSS3DRender/CSS3DObject.js";
-import { anyPositionToVector3 as T, arrayPositionToVector3 as P } from "../../../shared-utils/positionToVector3.js";
-import * as E from "three";
-import { planeNormal as O } from "../../utils/planeNormal.js";
-import { centerPoint as G } from "../../../shared-utils/three/centerPoint.js";
-import { VideoPlane as L, ImagePlane as A } from "../../utils/model/mediaPlane.js";
-import N from "../../Components/Tag/index.js";
-import { BaseTag as B } from "./BaseTag.js";
+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 { 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 "../../../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 H } from "../../../shared-utils/CSS3DRender/index.js";
+import { initialCSS3DRender as $ } 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,11 +48,11 @@ 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 x } from "../../../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as T } from "../../../shared-utils/five/fiveModelLoad.js";
 import "../../../vendor/earcut/src/earcut.js";
-import { uuid as $ } from "../../../shared-utils/uuid.js";
+import { uuid as U } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { Sculpt as U } from "../../../Sculpt/index.js";
+import { Sculpt as R } 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 "../../../shared-utils/even.js";
@@ -301,12 +301,12 @@ 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 Yr extends B {
+class Yr extends N {
   constructor(t, e) {
     super(t, e);
-    y(this, "_floorIndex");
-    y(this, "_floorIndexDirty", !0);
-    y(this, "_opacity");
+    v(this, "_floorIndex");
+    v(this, "_floorIndexDirty", !0);
+    v(this, "_opacity");
     this.state.unfolded = !0, this.loadModel();
   }
   /** 获取透明度 */
@@ -327,73 +327,73 @@ class Yr extends B {
     this._floorIndexDirty = !0;
   }
   applyVisible() {
-    var e, i, o, l, m, r;
-    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()) : ((m = this.tag3DContentSvelte) == null || m.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));
+    var e, i, o, l, p, r;
+    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 }), (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), x(this.five).then(() => {
+    super.set(t, e), T(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, m, 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() : ((m = (l = this.data.mediaData) == null ? void 0 : l[0]) == null ? void 0 : m.type) === "Image" ? this.renderImagePlane() : this.renderEmptyPlane(), this.mediaPlane && (this.mediaPlane.opacity = this.opacity)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
+    var i, o, l, p, 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() : ((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)) : (r = this.tag3DContentSvelte) == null || r.svelteApp.$set({ tag: this });
   }
   /** 计算楼层索引 */
   computeFloorIndex() {
-    var m, r;
+    var p, r;
     const t = /* @__PURE__ */ new Map();
-    ((r = (m = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : m.observers) != null ? r : []).forEach((n) => {
+    ((r = (p = this.five.works.getWork(this.workUtil.workCode)) == null ? void 0 : p.observers) != null ? r : []).forEach((a) => {
       var h;
-      const s = (h = n.floorIndex) != null ? h : 0;
-      if (!t.has(s)) {
-        const u = q(this.five, s);
-        u.isEmpty() || t.set(s, u);
+      const m = (h = a.floorIndex) != null ? h : 0;
+      if (!t.has(m)) {
+        const u = q(this.five, m);
+        u.isEmpty() || t.set(m, u);
       }
     });
-    const i = G(...this.position.map(T)), o = [], l = [];
-    if (t.forEach((n, s) => {
-      l.push({ floorIndex: s, box: n }), n.containsPoint(i) && o.push({ floorIndex: s, box: n });
+    const i = H(...this.position.map(E)), o = [], l = [];
+    if (t.forEach((a, m) => {
+      l.push({ floorIndex: m, box: a }), a.containsPoint(i) && o.push({ floorIndex: m, box: a });
     }), o.length === 1)
       return o[0].floorIndex;
     if (o.length > 1) {
-      let n = 1 / 0, s = o[0].floorIndex;
+      let a = 1 / 0, m = o[0].floorIndex;
       return o.forEach(({ floorIndex: h, box: u }) => {
-        const p = new E.Vector3();
-        u.getCenter(p);
-        const a = i.distanceTo(p);
-        a < n && (n = a, s = h);
-      }), s;
+        const s = new x.Vector3();
+        u.getCenter(s);
+        const n = i.distanceTo(s);
+        n < a && (a = n, m = h);
+      }), m;
     }
     if (l.length > 0) {
-      let n = 1 / 0, s = l[0].floorIndex;
+      let a = 1 / 0, m = l[0].floorIndex;
       return l.forEach(({ floorIndex: h, box: u }) => {
-        const p = new E.Vector3();
-        u.getCenter(p);
-        const a = i.distanceTo(p);
-        a < n && (n = a, s = h);
-      }), s;
+        const s = new x.Vector3();
+        u.getCenter(s);
+        const n = i.distanceTo(s);
+        n < a && (a = n, m = h);
+      }), m;
     }
   }
   loadModel() {
     return C(this, null, function* () {
-      var e, i, o, l, m, r;
-      if (yield x(this.five), this.computeRenderType() === "Mesh")
+      var e, i, o, l, p, r;
+      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();
       else {
-        H(this.five);
-        const n = this.position.map(T);
-        (r = (m = this.tag3DContentSvelte) == null ? void 0 : m.dispose) == null || r.call(m);
-        const s = document.createElement("div");
-        s.classList.add("tag-media-container");
-        const h = b({ mode: "front", cornerPoints: n, container: s }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", p = new _(S(b({}, h), { mode: u })), a = this.computeNormal();
-        p.position.add(a.clone().setLength(M.Z_FIGHTING_OFFSET)), this.plugin.group.add(p);
-        let v;
-        p.mode === "behind" && this.config.clickable !== !1 && (v = this.addObjectClickHandler(this, p, (g) => {
+        $(this.five);
+        const a = this.position.map(E);
+        (r = (p = this.tag3DContentSvelte) == null ? void 0 : p.dispose) == null || r.call(p);
+        const m = document.createElement("div");
+        m.classList.add("tag-media-container");
+        const h = I({ mode: "front", cornerPoints: a, container: m }, this.config.tag3DConfig), u = this.computeRenderType() === "BehindDom" || h.mode === "behind" ? "behind" : "front", s = new O(S(I({}, h), { mode: u })), n = this.computeNormal();
+        s.position.add(n.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 });
         }));
-        const f = new N({
-          target: s,
+        const f = new B({
+          target: m,
           props: {
             tag: this,
             hooks: this.plugin.hooks,
@@ -406,13 +406,13 @@ class Yr extends B {
         this.tag3DContentSvelte = {
           svelteApp: f,
           domContainer: {
-            css3DObject: p
+            css3DObject: s
           },
-          css3DInstance: p,
-          initialNormal: a,
-          currentNormal: a,
+          css3DInstance: s,
+          initialNormal: n,
+          currentNormal: n,
           dispose: () => {
-            f.$destroy(), p.dispose(), v == null || v();
+            f.$destroy(), s.dispose(), y == null || y();
           }
         }, this.five.needsRender = !0;
       }
@@ -421,11 +421,11 @@ class Yr extends B {
   initialSculpt() {
     if (this.rectanglePlane)
       return;
-    const t = new U(this.five, void 0, {
+    const t = new R(this.five, void 0, {
       magnifier: null
     });
     t.clear(), t.group.removeFromParent();
-    const e = $(), i = new W(
+    const e = U(), i = new W(
       {
         id: e,
         type: "Rectangle",
@@ -446,7 +446,7 @@ class Yr extends B {
     }), i.editor.disable();
   }
   editorEnable() {
-    this.rectanglePlane || this.initialSculpt(), this.rectanglePlane.visible = !0, this.rectanglePlane.editor.enable();
+    this.rectanglePlane || this.initialSculpt(), this.rectanglePlane.visible = !0, this.rectanglePlane.editor.enable(), this.syncEditorAuxiliaryVisibility();
   }
   editorDisable(t) {
     var i;
@@ -456,21 +456,41 @@ class Yr extends B {
       points: e
     }), this.rectanglePlane.editor.disable();
   }
+  getRectangleHelper() {
+    var e, i;
+    const t = (e = this.rectanglePlane) == null ? void 0 : e.rectangleMesh;
+    if (t)
+      return (i = R.modules.object3DHelper.getObject3DHelper(t)) == null ? void 0 : i.helper;
+  }
+  /**
+   * 标签因为 visiblePanoIndex 等可见性规则被隐藏时，同时隐藏编辑辅助元素。
+   * 当标签重新可见且仍处于编辑态时，再恢复辅助元素显示。
+   */
+  syncEditorAuxiliaryVisibility() {
+    if (!this.rectanglePlane)
+      return;
+    const t = this.getRectangleHelper(), e = !!this.rectanglePlane.editor.parent;
+    if (!this.currentVisible || !e) {
+      this.rectanglePlane.visible = !1, t == null || t.hide(), this.five.needsRender = !0;
+      return;
+    }
+    this.rectanglePlane.visible = !0, t == null || t.show(), this.five.needsRender = !0;
+  }
   renderVideoPlane() {
-    var s, h, u;
+    var m, h, u;
     const t = this.data.mediaData[0];
     if (!t)
       return;
     const { url: e } = t;
     if (!e)
       return;
-    const i = (s = this.data.objectFit) != null ? s : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), m = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
+    const i = (m = this.data.objectFit) != null ? m : "contain", o = this.currentVisible, l = (() => !!(this.mediaPlane && !o))(), p = (() => !!(!this.mediaPlane && o))(), r = (() => !!(this.mediaPlane && (this.mediaPlane.src !== e || this.mediaPlane.objectFit !== i)))();
     (l || r) && this.mediaPlane && (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 (m || r) {
-      let p = this.position.map(P);
-      this.rectanglePlane && (p = this.rectanglePlane.data.points.map(P));
-      const a = new L(e, p, {
+    const a = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== i))();
+    if (p || r) {
+      let s = this.position.map(P);
+      this.rectanglePlane && (s = this.rectanglePlane.data.points.map(P));
+      const n = new G(e, s, {
         videoCoverSrc: t.videoCoverUrl,
         playButton: this.data.playIcon,
         paused: !((h = this.data.autoplayConfig) != null && h.autoplayVideo),
@@ -480,29 +500,29 @@ class Yr extends B {
         domEvents: this.plugin.domEvents,
         opacity: this.opacity
       });
-      this.plugin.domEvents.addAutoBindEventListener(a, "click", (f) => {
+      this.plugin.domEvents.addAutoBindEventListener(n, "click", (f) => {
         var g, D;
-        !((g = a.videoInstance) != null && g.paused) && ((D = a.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
+        !((g = n.videoInstance) != null && g.paused) && ((D = n.videoInstance) == null ? void 0 : D.muted) === !1 && this.plugin.hooks.emit("playStateChange", {
           event: f,
           state: "playing",
           tag: this,
-          mediaInstance: a.videoInstance
+          mediaInstance: n.videoInstance
         });
-      }), a.onVideoReady = (f) => {
+      }), n.onVideoReady = (f) => {
         f.addEventListener("play", (g) => {
-          this.plugin.mediaStore.set({ currentMediaElement: a.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: a.videoInstance });
+          this.plugin.mediaStore.set({ currentMediaElement: n.videoInstance }), this.plugin.hooks.emit("playStateChange", { event: g, state: "playing", tag: this, mediaInstance: n.videoInstance });
         }), f.addEventListener("pause", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: a.videoInstance });
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: n.videoInstance });
         }), f.addEventListener("ended", (g) => {
-          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: a.videoInstance });
+          this.plugin.hooks.emit("playStateChange", { event: g, state: "paused", tag: this, mediaInstance: n.videoInstance });
         });
       };
-      const v = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
-      a.initialRenderHooks(v), this.mediaPlane = a, this.play = () => a.play(), this.pause = () => a.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
+      const y = (f) => (this.five.on("renderFrame", f), () => this.five.off("renderFrame", f));
+      n.initialRenderHooks(y), this.mediaPlane = n, this.play = () => n.play(), this.pause = () => n.pause(), this.plugin.imagePlaneGroup.add(this.mediaPlane);
     }
-    if (n) {
-      const p = this.rectanglePlane.data.points.map(P);
-      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: p, params: { objectFit: i } });
+    if (a) {
+      const s = this.rectanglePlane.data.points.map(P);
+      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: s, params: { objectFit: i } });
     }
     this.five.needsRender = !0;
   }
@@ -515,17 +535,17 @@ class Yr extends B {
     if (!i)
       return;
     let o = this.position.map(P);
-    const l = this.currentVisible, m = (() => !!(this.mediaPlane && !l))(), r = (() => !!(!this.mediaPlane && l))(), n = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), s = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
-    if ((m || 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(P)), this.mediaPlane = new A(i, o, { objectFit: this.data.objectFit, opacity: this.opacity }), this.getConfig().clickable !== !1 && this.plugin.domEvents.addAutoBindEventListener(
+    const l = this.currentVisible, p = (() => !!(this.mediaPlane && !l))(), r = (() => !!(!this.mediaPlane && l))(), a = (() => !!(this.mediaPlane && this.mediaPlane.src !== i))(), m = (() => !!(this.mediaPlane && this.mediaPlane.objectFit && this.mediaPlane.objectFit !== e))();
+    if ((p || a) && this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0), (r || a) && (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(
       this.mediaPlane,
       "click",
-      (p) => {
-        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: p.origDomEvent });
+      (s) => {
+        this.plugin.hooks.emit("click", { tag: this, target: "TagContent", event: s.origDomEvent });
       },
       { noEmitWhenHide: !0 }
-    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), s) {
-      const p = this.rectanglePlane.data.points.map(P);
-      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: p, params: { objectFit: e } });
+    ), this.plugin.imagePlaneGroup.add(this.mediaPlane)), m) {
+      const s = this.rectanglePlane.data.points.map(P);
+      (u = this.mediaPlane) == null || u.changePointsOrParams({ cornerPoints: s, params: { objectFit: e } });
     }
     this.five.needsRender = !0;
   }
@@ -533,7 +553,7 @@ class Yr extends B {
     this.mediaPlane && (this.plugin.imagePlaneGroup.remove(this.mediaPlane), this.mediaPlane.dispose(), this.mediaPlane.removeFromParent(), this.mediaPlane = void 0);
   }
   computeNormal() {
-    return O(this.position);
+    return A(this.position);
   }
 }
 export {

package/libs/base/BasePlugin.js

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

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.79.1",
+    "%c %c@realsee/dnalogel %cv3.79.3",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/three/FragmentTransparencyMaterial.d.ts

@@ -6,6 +6,7 @@ export declare class FragmentTransparencyMaterial extends THREE.ShaderMaterial {
         };
     };
     transparent: boolean;
+    depthWrite: boolean;
     blending: THREE.Blending;
     blendSrc: THREE.BlendingDstFactor;
     blendDst: THREE.BlendingDstFactor;

package/libs/shared-utils/three/FragmentTransparencyMaterial.js

@@ -1,11 +1,12 @@
 var i = Object.defineProperty;
-var o = (n, a, e) => a in n ? i(n, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[a] = e;
-var r = (n, a, e) => (o(n, typeof a != "symbol" ? a + "" : a, e), e);
+var o = (n, e, a) => e in n ? i(n, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : n[e] = a;
+var r = (n, e, a) => (o(n, typeof e != "symbol" ? e + "" : e, a), a);
 import * as t from "three";
 class s extends t.ShaderMaterial {
-  constructor(e) {
+  constructor(a) {
     super();
-    r(this, "transparent", !1);
+    r(this, "transparent", !0);
+    r(this, "depthWrite", !1);
     r(this, "blending", t.CustomBlending);
     r(this, "blendSrc", t.SrcAlphaFactor);
     r(this, "blendDst", t.OneMinusSrcAlphaFactor);
@@ -37,7 +38,7 @@ class s extends t.ShaderMaterial {
   `
     );
     this.uniforms = {
-      map: { value: e }
+      map: { value: a }
     };
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.79.1",
+  "version": "3.79.3",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",