@realsee/dnalogel 2.23.1-dev.0 → 2.24.0-dev.0

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

@@ -1,89 +1,106 @@
-var b = Object.defineProperty;
-var x = (c, a, e) => a in c ? b(c, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[a] = e;
-var o = (c, a, e) => (x(c, typeof a != "symbol" ? a + "" : a, e), e);
-var u = (c, a, e) => new Promise((t, s) => {
-  var i = (n) => {
+var E = Object.defineProperty;
+var V = (c, a, e) => a in c ? E(c, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[a] = e;
+var n = (c, a, e) => (V(c, typeof a != "symbol" ? a + "" : a, e), e);
+var v = (c, a, e) => new Promise((t, s) => {
+  var i = (o) => {
     try {
-      r(e.next(n));
+      r(e.next(o));
     } catch (h) {
       s(h);
     }
-  }, d = (n) => {
+  }, d = (o) => {
     try {
-      r(e.throw(n));
+      r(e.throw(o));
     } catch (h) {
       s(h);
     }
-  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(i, d);
+  }, r = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(i, d);
   r((e = e.apply(c, a)).next());
 });
-import * as l from "three";
+import * as M from "three";
 import { Vector3 as g } from "three";
-import { centerPoint as L } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as T } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as V, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
+import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as x } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
 import { getVideoTexture as B } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as C, Image_Play_Icon as I } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as p } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as F } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
+import { Image_Play_Icon_With_Text as F, Image_Play_Icon as P } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FragmentTransparencyMaterial as L } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "../../../shared-utils/device.js";
-class P extends l.Mesh {
+class T extends M.Mesh {
   constructor() {
     super(...arguments);
-    o(this, "name", "MediaPlane");
-    o(this, "src");
+    n(this, "name", "MediaPlane");
+    n(this, "src");
   }
   removeFromParent() {
     const e = this.parent;
     return e !== null && e.remove(this), this;
   }
+  dispose() {
+    this.traverse((e) => {
+      if (e.isMesh) {
+        const t = e;
+        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((i) => {
+          i.dispose();
+        });
+      }
+    });
+  }
 }
-class z extends P {
+class G extends T {
   constructor(e, t, s) {
     super();
-    o(this, "name", "PanoTagPluginImagePlane");
-    this.src = e, T(e).then((i) => {
+    n(this, "name", "PanoTagPluginImagePlane");
+    this.src = e, x(e).then((i) => {
       var m;
-      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new l.MeshBasicMaterial({ map: i, transparent: d }), n = p((m = s == null ? void 0 : s.objectFit) != null ? m : "contain", t, i.image.width / i.image.height), h = L(...n), v = n.map((f) => f.clone().sub(h)), M = new V(v);
-      this.position.copy(h), this.geometry = M, this.material = r;
+      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new M.MeshBasicMaterial({ map: i, transparent: d }), o = f((m = s == null ? void 0 : s.objectFit) != null ? m : "contain", t, i.image.width / i.image.height), h = b(...o), u = o.map((l) => l.clone().sub(h)), p = new C(u);
+      this.position.copy(h), this.geometry = p, this.material = r;
     }).catch((i) => {
       console.error(`Imageplane error ${i}`);
     });
   }
 }
-class G extends P {
+class O extends T {
   // eslint-disable-next-line max-params
   constructor(e, t, s) {
-    const { videoCoverSrc: i, objectFit: d = "contain", playButton: r = "withText", paused: n = !0, videoTextureMap: h, ImageTextureMap: v } = s != null ? s : {};
+    const {
+      videoCoverSrc: i,
+      objectFit: d = "contain",
+      playButton: r = "withText",
+      paused: o = !0,
+      videoTextureMap: h,
+      ImageTextureMap: u,
+      domEvents: p
+    } = s != null ? s : {};
     super();
-    o(this, "isVideoPlane", !0);
-    o(this, "name", "PanoTagPluginImagePlane");
-    o(this, "videoInstance");
-    o(this, "onVideoReady");
-    o(this, "objectFit");
-    o(this, "buttonSrc");
-    o(this, "videoCoverSrc");
-    o(this, "domEvents");
-    o(this, "disposers", []);
-    o(this, "domEventsListenerTemporaryList", []);
-    o(this, "cornerPoints");
-    o(this, "videoMesh");
-    o(this, "coverMesh");
-    o(this, "buttonMesh");
-    o(this, "videoTextureMap");
-    o(this, "ImageTextureMap");
-    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => r === "withText" ? C : r === "withoutText" ? I : typeof r == "string" ? r : I)(), this.videoCoverSrc = i, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = v, this.position.copy(L(...t)), this.videoCoverSrc && n ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
-      n ? this.addButtonMesh() : this.play(!0);
+    n(this, "isVideoPlane", !0);
+    n(this, "name", "PanoTagPluginImagePlane");
+    n(this, "videoInstance");
+    n(this, "onVideoReady");
+    n(this, "objectFit");
+    n(this, "buttonSrc");
+    n(this, "videoCoverSrc");
+    n(this, "domEvents");
+    n(this, "disposers", []);
+    n(this, "cornerPoints");
+    n(this, "videoMesh");
+    n(this, "coverMesh");
+    n(this, "buttonMesh");
+    n(this, "videoTextureMap");
+    n(this, "ImageTextureMap");
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => r === "withText" ? F : r === "withoutText" ? P : typeof r == "string" ? r : P)(), this.videoCoverSrc = i, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = u, this.domEvents = p, this.position.copy(b(...t)), this.videoCoverSrc && o ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+      o ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var M;
-      this.domEventsListenerTemporaryList = [], (M = this.disposers) == null || M.forEach((m) => m == null ? void 0 : m());
+      var m;
+      (m = this.disposers) == null || m.forEach((l) => l == null ? void 0 : l());
     });
   }
   play(e = !1) {
-    return u(this, null, function* () {
+    return v(this, null, function* () {
       this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((t) => {
         this.pause(), console.error("play error", t);
       }), this.videoInstance.muted = e, this.render();
@@ -92,9 +109,6 @@ class G extends P {
   pause() {
     this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
   }
-  initialDomEvents(e) {
-    this.domEvents || (this.domEvents = e, this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
-  }
   initialRenderHooks(e) {
     const s = e(() => {
       var i;
@@ -106,7 +120,7 @@ class G extends P {
     this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0;
   }
   showPauseUI() {
-    return u(this, null, function* () {
+    return v(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());
     });
   }
@@ -114,30 +128,11 @@ class G extends P {
     var e;
     this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && ((e = this.videoInstance) == null ? void 0 : e.paused) === !1 && (this.videoMesh.needsRender = !0);
   }
-  addAutoBindEventListener(...e) {
-    const t = e[0];
-    t.addEventListener("added", () => {
-      this.addDomEventListener(...e);
-    }), t.addEventListener("removed", () => {
-      this.removeDomEventListener(...e);
-    }), t.addEventListener("dispose", () => {
-      this.removeDomEventListener(...e);
-    });
-  }
-  addDomEventListener(...e) {
-    this.domEvents ? (this.domEvents.addEventListener(...e), this.disposers.push(() => {
-      var t;
-      return (t = this.domEvents) == null ? void 0 : t.removeEventListener(...e);
-    })) : this.domEventsListenerTemporaryList.push(e);
-  }
-  removeDomEventListener(...e) {
-    this.domEvents ? this.domEvents.removeEventListener(...e) : this.domEventsListenerTemporaryList = this.domEventsListenerTemporaryList.filter((t) => t !== e);
-  }
   addCoverMesh() {
-    return u(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => u(this, null, function* () {
+      const e = yield (() => v(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
@@ -145,32 +140,32 @@ class G extends P {
         const t = yield this.getImageTexture(this.videoCoverSrc);
         if (!t)
           return;
-        const s = new l.MeshBasicMaterial({ transparent: !1, map: t }), i = p(this.objectFit, this.cornerPoints, t.image.width / t.image.height), d = new y(i, s);
+        const s = new M.MeshBasicMaterial({ transparent: !1, map: t }), i = f(this.objectFit, this.cornerPoints, t.image.width / t.image.height), d = new y(i, s);
         return d.position.copy(new g(0, 0, 0)), d.name = "videoCoverMesh", d;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
   }
   addVideoMesh() {
-    return u(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.includes(this.videoMesh))
         return;
-      const e = yield (() => u(this, null, function* () {
+      const e = yield (() => v(this, null, function* () {
         if (this.videoMesh)
           return this.videoMesh;
         if (!this.src)
           return;
-        const s = this.getVideoTexture(this.src), i = new l.MeshBasicMaterial({ transparent: !1, map: s }), d = yield new Promise((n) => {
-          s.metadataLoaded ? n(p(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
+        const s = this.getVideoTexture(this.src), i = new M.MeshBasicMaterial({ transparent: !1, map: s }), d = yield new Promise((o) => {
+          s.metadataLoaded ? o(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight)) : s.addEventListener(
             "videoLoaded",
-            () => n(p(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
+            () => o(f(this.objectFit, this.cornerPoints, s.image.videoWidth / s.image.videoHeight))
           );
         }), r = new y(d, i);
         return r.name = "videoMesh", r.position.copy(new g(0, 0, 0)), r;
       }))();
       if (!e)
         return;
-      this.addAutoBindEventListener(e, "click", () => {
+      this.domEvents.addAutoBindEventListener(e, "click", () => {
         !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
       });
       const t = e.material.map.image;
@@ -182,27 +177,27 @@ class G extends P {
     });
   }
   addButtonMesh() {
-    return u(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => u(this, null, function* () {
-        var m, f, E, w;
+      const e = yield (() => v(this, null, function* () {
+        var m, l, w, I;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const t = (f = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, s = (w = (E = this.coverMesh) == null ? void 0 : E.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? w : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(t, s, i) / i * 0.3, n = yield this.getImageTexture(this.buttonSrc), h = p("contain", this.cornerPoints, n.image.width / n.image.height), v = new y(h, new F(n));
-        v.position.copy(new g(0, 0, 0)), v.name = "buttonMesh", v.scale.set(r, r, r), this.addAutoBindEventListener(v, "click", () => this.play());
-        const M = new l.Vector3().crossVectors(new l.Vector3().subVectors(h[0], h[1]), new l.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
-        return v.position.add(M), v;
+        const t = (l = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? l : 1 / 0, s = (I = (w = this.coverMesh) == null ? void 0 : w.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? I : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(t, s, i) / i * 0.3, o = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, o.image.width / o.image.height), u = new y(h, new L(o));
+        u.position.copy(new g(0, 0, 0)), u.name = "buttonMesh", u.scale.set(r, r, r), this.domEvents.addAutoBindEventListener(u, "click", () => this.play());
+        const p = new M.Vector3().crossVectors(new M.Vector3().subVectors(h[0], h[1]), new M.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+        return u.position.add(p), u;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
-    return u(this, null, function* () {
+    return v(this, null, function* () {
       var s, i;
       if ((s = this.ImageTextureMap) != null && s.has(e))
         return this.ImageTextureMap.get(e);
-      const t = yield T(e);
+      const t = yield x(e);
       return (i = this.ImageTextureMap) == null || i.set(e, t), t;
     });
   }
@@ -215,6 +210,6 @@ class G extends P {
   }
 }
 export {
-  z as ImagePlane,
-  G as VideoPlane
+  G as ImagePlane,
+  O as VideoPlane
 };

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "2.23.1-dev.0");
+    i(this, "VERSION", "2.24.0-dev.0");
     i(this, "five");
     /**
      * 插件事件钩子

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -1,6 +1,6 @@
-import { Five } from '@realsee/five';
+import type { Five } from '@realsee/five';
 import DomEvents, { type DomEventInterface } from '../threex/domevents';
-import * as THREE from 'three';
+import type * as THREE from 'three';
 export declare class FiveDomEvents extends DomEvents {
     private mouseInfo?;
     private clickHandlerMap;

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.23.1-dev.0",
+    "%c %c@realsee/dnalogel %cv2.24.0-dev.0",
     [
       "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/package.json

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