@realsee/dnalogel 3.0.0-3 → 3.0.0-dev.0

package/libs/PanoTagPlugin/controller/index.js

@@ -30,9 +30,9 @@ var p = (d, a, e) => new Promise((t, i) => {
 import * as y from "three";
 import { Subscribe as F } from "@realsee/five";
 import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as k } from "../utils/addDebugPoints.js";
+import { addDebugPoints as R } from "../utils/addDebugPoints.js";
 import { arrayPositionToVector3 as A } from "../../shared-utils/positionToVector3.js";
-import { isMediaModelTag as M, isModelTag as R } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as k, isModelTag as M } from "../utils/tag/tagCheck.js";
 import { debounce as _ } from "../utils/debounce.js";
 import { throttle as O } from "../utils/throttle.js";
 import { resizeObserver as D } from "../utils/resizeObserver.js";
@@ -60,7 +60,7 @@ import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -83,11 +83,9 @@ import "../../shared-utils/three/loadVideoTexture.js";
 import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
-import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/FiveDomEvents.js";
 import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
-import "../../shared-utils/url/getUrl.js";
 import "../../shared-utils/five/getFloorIndex.js";
 import "../../shared-utils/safeObj.js";
 import "../Components/TagContainer.js";
@@ -166,8 +164,8 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const P = "Dnalogel-PanoTagPlugin", Ai = (d) => `${P}--${d}`;
-class Di extends N {
+const P = "Dnalogel-PanoTagPlugin", yi = (d) => `${P}--${d}`;
+class Ci extends N {
   constructor(e, t) {
     super(e);
     /** state */
@@ -200,7 +198,7 @@ class Di extends N {
     l(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        M(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        k(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "handleFiveWantsMoveToPano", (e) => {
@@ -243,7 +241,7 @@ class Di extends N {
       var e, t, i;
       this.setVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((s) => {
         s.temporaryState = T(c({}, s.temporaryState), { visible: !0 });
-      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(R).filter((s) => {
+      }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(M).filter((s) => {
         var o, n;
         return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
       }).forEach((s) => {
@@ -287,7 +285,7 @@ class Di extends N {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          k(this.five, this.tags);
+          R(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -323,7 +321,7 @@ class Di extends N {
       }).filter((o) => o.position);
       return s.forEach(V), this.tags.push(...s), W(this.five).then(() => p(this, null, function* () {
         var o, n, r;
-        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
+        this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(s), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags();
       }));
     });
   }
@@ -534,7 +532,7 @@ class Di extends N {
   }
 }
 export {
-  Di as PanoTagPluginController,
-  Di as default,
-  Ai as pluginFlag
+  Ci as PanoTagPluginController,
+  Ci as default,
+  yi as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Kt } from "./controller/index.js";
-import { defaultGlobalConfig as Mt } from "./typings/tag/TagConfig.js";
-import { ContentType as Ot, DimensionType as Qt, PointType as Rt } from "./Archive/deprecated.js";
+import { pluginFlag as It } from "./controller/index.js";
+import { defaultGlobalConfig as Kt } from "./typings/tag/TagConfig.js";
+import { ContentType as Mt, DimensionType as Nt, PointType as Ot } from "./Archive/deprecated.js";
 import "three";
 import "@realsee/five";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
@@ -42,7 +42,7 @@ import "./utils/planeNormal.js";
 import "./utils/normalPositionToPositions.js";
 import "./controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";
@@ -54,11 +54,9 @@ import "../shared-utils/three/loadVideoTexture.js";
 import "./Assets/Icon.js";
 import "../shared-utils/three/getPositionsByObjectFit.js";
 import "../shared-utils/three/FragmentTransparencyMaterial.js";
-import "../shared-utils/three/getNormal.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "./utils/tag/adaptConfig.js";
 import "../shared-utils/typescript/entries.js";
-import "../shared-utils/url/getUrl.js";
 import "../shared-utils/five/getFloorIndex.js";
 import "../shared-utils/safeObj.js";
 import "./Components/TagContainer.js";
@@ -140,14 +138,14 @@ import "@realsee/five/gltf-loader";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/five/fiveModelLoad.js";
-const Ht = (o, t) => new r(o, t);
+const Bt = (o, t) => new r(o, t);
 export {
-  Ot as ContentType,
-  Qt as DimensionType,
-  Ht as PanoTagPlugin,
+  Mt as ContentType,
+  Nt as DimensionType,
+  Bt as PanoTagPlugin,
   r as PanoTagPluginController,
-  Rt as PointType,
-  Ht as default,
-  Mt as defaultGlobalConfig,
-  Kt as pluginFlag
+  Ot as PointType,
+  Bt as default,
+  Kt as defaultGlobalConfig,
+  It as pluginFlag
 };

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

@@ -5,7 +5,6 @@ import type { MinMax } from './Utils';
 import type { TagInstance } from './TagInstance';
 import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
-type TagVisibleMode = Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
 export interface TagConfig<C extends TagContentType = TagContentType> {
     /**
      * @description: 显示/隐藏相关配置
@@ -58,7 +57,7 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
          * }
          * ```
          */
-        visibleFiveMode?: TagVisibleMode | ((tag: TagInstance) => TagVisibleMode);
+        visibleFiveMode?: Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
         /**
          * @description 当 visibleFiveMode 包含 'Floorplan' 或者 'MapView' 时，是否仅在当前楼层模型下可见
          * @default false

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

@@ -1,35 +1,34 @@
-var C = Object.defineProperty;
-var B = (c, d, e) => d in c ? C(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
-var r = (c, d, e) => (B(c, typeof d != "symbol" ? d + "" : d, e), e);
-var v = (c, d, e) => new Promise((i, t) => {
-  var n = (s) => {
+var E = Object.defineProperty;
+var F = (u, d, e) => d in u ? E(u, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[d] = e;
+var r = (u, d, e) => (F(u, typeof d != "symbol" ? d + "" : d, e), e);
+var l = (u, d, e) => new Promise((t, i) => {
+  var o = (s) => {
     try {
-      o(e.next(s));
-    } catch (a) {
-      t(a);
+      n(e.next(s));
+    } catch (h) {
+      i(h);
     }
-  }, h = (s) => {
+  }, a = (s) => {
     try {
-      o(e.throw(s));
-    } catch (a) {
-      t(a);
+      n(e.throw(s));
+    } catch (h) {
+      i(h);
     }
-  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(n, h);
-  o((e = e.apply(c, d)).next());
+  }, n = (s) => s.done ? t(s.value) : Promise.resolve(s.value).then(o, a);
+  n((e = e.apply(u, d)).next());
 });
-import * as p from "three";
-import { Vector3 as I } from "three";
+import * as c from "three";
+import { Vector3 as y } from "three";
 import { centerPoint as T } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as b } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as L, QuadrangleMesh as w } from "../../../shared-utils/three/Quadrangle.js";
-import { getVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as H, Image_Play_Icon as P } from "../../Assets/Icon.js";
+import { loadTexture as x } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as I } from "../../../shared-utils/three/Quadrangle.js";
+import { getVideoTexture as B } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as L, Image_Play_Icon as b } from "../../Assets/Icon.js";
 import { getPositionsByObjectFit as f } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FragmentTransparencyMaterial as R } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
-import { getNormal as x } from "../../../shared-utils/three/getNormal.js";
+import { FragmentTransparencyMaterial as H } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "../../../shared-utils/device.js";
-class E extends p.Mesh {
+class P extends c.Mesh {
   constructor() {
     super(...arguments);
     r(this, "name", "MediaPlane");
@@ -42,53 +41,56 @@ class E extends p.Mesh {
   dispose() {
     this.traverse((e) => {
       if (e.isMesh) {
-        const i = e;
-        i.geometry.dispose(), (i.material instanceof Array ? i.material : [i.material]).forEach((n) => {
-          n.dispose();
+        const t = e;
+        t.geometry.dispose(), (t.material instanceof Array ? t.material : [t.material]).forEach((o) => {
+          o.dispose();
         });
       }
     });
   }
 }
-class $ extends E {
-  constructor(e, i, t) {
-    var o;
+class Z extends P {
+  constructor(e, t, i) {
+    var n;
     super();
     r(this, "name", "PanoTagPluginImagePlane");
     this.src = e;
-    const n = (o = t == null ? void 0 : t.resolveZFighting) != null ? o : !0;
-    let h = i;
-    if (n) {
-      const s = x(i, 5e-4);
-      h = i.map((a) => a.clone().add(s));
+    const o = (n = i == null ? void 0 : i.resolveZFighting) != null ? n : !0;
+    let a = t;
+    if (o) {
+      const s = new c.Vector3().crossVectors(
+        new c.Vector3().subVectors(t[0], t[1]),
+        new c.Vector3().subVectors(t[0], t[3])
+      ).normalize().multiplyScalar(5e-4);
+      a = t.map((h) => h.clone().add(s));
     }
-    b(e).then((s) => {
+    x(e).then((s) => {
       var g;
-      const a = new URL(e, location.href).pathname.toLowerCase().endsWith(".png");
-      a && (s.minFilter = p.NearestFilter, s.magFilter = p.NearestFilter);
-      const u = new p.MeshBasicMaterial({ map: s, transparent: a }), M = f(
-        (g = t == null ? void 0 : t.objectFit) != null ? g : "contain",
-        h,
+      const h = new URL(e, location.href).pathname.toLowerCase().endsWith(".png");
+      h && (s.minFilter = c.NearestFilter, s.magFilter = c.NearestFilter);
+      const v = new c.MeshBasicMaterial({ map: s, transparent: h }), p = f(
+        (g = i == null ? void 0 : i.objectFit) != null ? g : "contain",
+        a,
         s.image.width / s.image.height
-      ), l = T(...M), m = M.map((F) => F.clone().sub(l)), y = new L(m);
-      this.position.copy(l), this.geometry = y, this.material = u;
+      ), m = T(...p), M = p.map((V) => V.clone().sub(m)), w = new C(M);
+      this.position.copy(m), this.geometry = w, this.material = v;
     }).catch((s) => {
       console.error(`Imageplane error ${s == null ? void 0 : s.message}`);
     });
   }
 }
-class q extends E {
+class G extends P {
   // eslint-disable-next-line max-params
-  constructor(e, i, t) {
+  constructor(e, t, i) {
     const {
-      videoCoverSrc: n,
-      objectFit: h = "contain",
-      playButton: o = "withText",
+      videoCoverSrc: o,
+      objectFit: a = "contain",
+      playButton: n = "withText",
       paused: s = !0,
-      videoTextureMap: a,
-      ImageTextureMap: u,
-      domEvents: M
-    } = t != null ? t : {};
+      videoTextureMap: h,
+      ImageTextureMap: v,
+      domEvents: p
+    } = i != null ? i : {};
     super();
     r(this, "isVideoPlane", !0);
     r(this, "name", "PanoTagPluginImagePlane");
@@ -105,19 +107,19 @@ class q extends E {
     r(this, "buttonMesh");
     r(this, "videoTextureMap");
     r(this, "ImageTextureMap");
-    this.cornerPoints = i, this.src = e, this.buttonSrc = (() => o === "withText" ? H : o === "withoutText" ? P : typeof o == "string" ? o : P)(), this.videoCoverSrc = n, this.objectFit = h, this.videoTextureMap = a, this.ImageTextureMap = u, this.domEvents = M, this.position.copy(T(...i)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? L : n === "withoutText" ? b : typeof n == "string" ? n : b)(), this.videoCoverSrc = o, this.objectFit = a, this.videoTextureMap = h, this.ImageTextureMap = v, this.domEvents = p, this.position.copy(T(...t)), this.videoCoverSrc && s ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => {
       s ? this.addButtonMesh() : this.play(!0);
     }), this.addEventListener("removed", () => {
       this.remove(...this.children);
     }), this.addEventListener("dispose", () => {
-      var l;
-      (l = this.disposers) == null || l.forEach((m) => m == null ? void 0 : m());
+      var m;
+      (m = this.disposers) == null || m.forEach((M) => M == null ? void 0 : M());
     });
   }
   play(e = !1) {
-    return v(this, null, function* () {
-      this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.paused && this.videoInstance.play().then(() => this.showPlayUI()).catch((i) => {
-        this.pause(), console.error("play error", i);
+    return l(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();
     });
   }
@@ -125,17 +127,17 @@ class q extends E {
     this.videoInstance && (this.videoInstance.pause(), this.showPauseUI().then(() => this.render()));
   }
   initialRenderHooks(e) {
-    const t = e(() => {
-      var n;
-      this.videoMesh && ((n = this.videoInstance) == null ? void 0 : n.paused) === !1 && (this.videoMesh.needsRender = !0);
+    const i = e(() => {
+      var o;
+      this.videoMesh && ((o = this.videoInstance) == null ? void 0 : o.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 v(this, null, function* () {
+    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());
     });
   }
@@ -144,89 +146,89 @@ class q extends 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);
   }
   addCoverMesh() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.coverMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.coverMesh)
           return this.coverMesh;
         if (!this.videoCoverSrc)
           return;
-        const i = yield this.getImageTexture(this.videoCoverSrc);
-        if (!i)
+        const t = yield this.getImageTexture(this.videoCoverSrc);
+        if (!t)
           return;
-        const t = new p.MeshBasicMaterial({ transparent: !1, map: i }), n = f(this.objectFit, this.cornerPoints, i.image.width / i.image.height), h = new w(n, t);
-        return h.position.copy(new I(0, 0, 0)), h.name = "videoCoverMesh", h;
+        const i = new c.MeshBasicMaterial({ transparent: !1, map: t }), o = f(this.objectFit, this.cornerPoints, t.image.width / t.image.height), a = new I(o, i);
+        return a.position.copy(new y(0, 0, 0)), a.name = "videoCoverMesh", a;
       }))();
       return e && (this.children.includes(this.coverMesh) || (this.add(e), this.coverMesh = e)), e;
     });
   }
   addVideoMesh() {
-    return v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.videoMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
+      const e = yield (() => l(this, null, function* () {
         if (this.videoMesh)
           return this.videoMesh;
         if (!this.src)
           return;
-        const t = this.getVideoTexture(this.src), n = new p.MeshBasicMaterial({ transparent: !1, map: t }), h = yield new Promise((s) => {
-          t.metadataLoaded ? s(f(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight)) : t.addEventListener(
+        const i = this.getVideoTexture(this.src), o = new c.MeshBasicMaterial({ transparent: !1, map: i }), a = yield new Promise((s) => {
+          i.metadataLoaded ? s(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
             "videoLoaded",
-            () => s(f(this.objectFit, this.cornerPoints, t.image.videoWidth / t.image.videoHeight))
+            () => s(f(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
           );
-        }), o = new w(h, n);
-        return o.name = "videoMesh", o.position.copy(new I(0, 0, 0)), o;
+        }), n = new I(a, o);
+        return n.name = "videoMesh", n.position.copy(new y(0, 0, 0)), n;
       }))();
       if (!e)
         return;
       this.domEvents.addAutoBindEventListener(e, "click", () => {
         !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
       });
-      const i = e.material.map.image;
-      return i.addEventListener("playing", () => {
+      const t = e.material.map.image;
+      return t.addEventListener("playing", () => {
         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 v(this, null, function* () {
+    return l(this, null, function* () {
       if (this.children.includes(this.buttonMesh))
         return;
-      const e = yield (() => v(this, null, function* () {
-        var l, m, y, g;
+      const e = yield (() => l(this, null, function* () {
+        var m, M, w, g;
         if (this.buttonMesh)
           return this.buttonMesh;
-        const i = (m = (l = this.videoMesh) == null ? void 0 : l.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? m : 1 / 0, t = (g = (y = this.coverMesh) == null ? void 0 : y.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, n = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), o = Math.min(i, t, n) / n * 0.3, s = yield this.getImageTexture(this.buttonSrc), a = f("contain", this.cornerPoints, s.image.width / s.image.height), u = new w(a, new R(s));
-        u.position.copy(new I(0, 0, 0)), u.name = "buttonMesh", u.scale.set(o, o, o), this.domEvents.addAutoBindEventListener(u, "click", () => {
+        const t = (M = (m = this.videoMesh) == null ? void 0 : m.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? M : 1 / 0, i = (g = (w = this.coverMesh) == null ? void 0 : w.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? g : 1 / 0, o = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), n = Math.min(t, i, o) / o * 0.3, s = yield this.getImageTexture(this.buttonSrc), h = f("contain", this.cornerPoints, s.image.width / s.image.height), v = new I(h, new H(s));
+        v.position.copy(new y(0, 0, 0)), v.name = "buttonMesh", v.scale.set(n, n, n), this.domEvents.addAutoBindEventListener(v, "click", () => {
           this.play();
         });
-        const M = x(a, 5e-4);
-        return u.position.add(M), u;
+        const p = new c.Vector3().crossVectors(new c.Vector3().subVectors(h[0], h[1]), new c.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+        return v.position.add(p), v;
       }))();
       return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
   getImageTexture(e) {
-    return v(this, null, function* () {
-      var t, n;
-      if ((t = this.ImageTextureMap) != null && t.has(e))
+    return l(this, null, function* () {
+      var i, o;
+      if ((i = this.ImageTextureMap) != null && i.has(e))
         return this.ImageTextureMap.get(e);
-      const i = yield b(e);
-      return (n = this.ImageTextureMap) == null || n.set(e, i), i;
+      const t = yield x(e);
+      return (o = this.ImageTextureMap) == null || o.set(e, t), t;
     });
   }
   getVideoTexture(e) {
-    var t, n;
-    if ((t = this.videoTextureMap) != null && t.has(e))
+    var i, o;
+    if ((i = this.videoTextureMap) != null && i.has(e))
       return this.videoTextureMap.get(e);
-    const i = V(e);
-    return (n = this.videoTextureMap) == null || n.set(e, i), i;
+    const t = B(e);
+    return (o = this.videoTextureMap) == null || o.set(e, t), t;
   }
 }
 export {
-  $ as ImagePlane,
-  q as VideoPlane
+  Z as ImagePlane,
+  G as VideoPlane
 };

package/libs/PanoVideoPlugin/Controller.js

@@ -36,7 +36,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 class Q extends _ {
   constructor(e) {
     super(e);

package/libs/PanoVideoPlugin/index.js

@@ -25,7 +25,7 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 const z = (o) => new r(o);
 export {
   z as PanoVideoPlugin,

package/libs/PipelinePlugin/Controller.js

@@ -53,7 +53,7 @@ import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/Objects/Pipe.js";

package/libs/PipelinePlugin/index.js

@@ -21,7 +21,7 @@ import "../shared-utils/three/getObjectVisible.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/absoluteUrl.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/isNil.js";

package/libs/base/BasePlugin.js

@@ -8,13 +8,13 @@ import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { absoluteUrl as l } from "../shared-utils/url/absoluteUrl.js";
+import { absoluteUrl as l } from "../shared-utils/absoluteUrl.js";
 let b = class {
   constructor(t, r) {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.0.0-3");
+    i(this, "VERSION", "3.0.0-dev.0");
     i(this, "five");
     /**
      * 插件事件钩子

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -88,7 +88,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 function R(d) {

package/libs/floorplan/MapviewFloorplanPlugin/index.js

@@ -56,7 +56,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/getPxmm.js";
 import "../utils/correctFiveState.js";
 import "../utils/constant.js";

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -88,7 +88,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/five/changeMode.js";
 function H(h) {

package/libs/floorplan/ModelFloorplanPlugin/index.js

@@ -57,7 +57,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../utils/correctFiveState.js";
 import "../utils/constant.js";
 import "../../shared-utils/nearlyEqual.js";

package/libs/floorplan/PanoFloorplanRadarPlugin/Controller.js

@@ -67,7 +67,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../Assets/floorplanExtraObject.js";
 class mt extends O {
   constructor(t, e) {

package/libs/floorplan/PanoFloorplanRadarPlugin/index.js

@@ -38,7 +38,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../utils/formatData.js";
 import "../Assets/floorplanExtraObject.js";
 const U = (o, r) => new t(o, r);

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -86,7 +86,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/to.js";
 class Wt extends T {

package/libs/floorplan/TopviewFloorplanPlugin/index.js

@@ -55,7 +55,7 @@ import "../../shared-utils/three/getObjectVisible.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/url/absoluteUrl.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../shared-utils/five/changeMode.js";
 import "../../shared-utils/nearlyEqual.js";
 import "../../shared-utils/to.js";

package/libs/floorplan/index.js

@@ -5,4 +5,3 @@ import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/nearlyEqual.js";