@realsee/dnalogel 3.60.1-alpha.5 → 3.60.2-alpha.0

package/libs/PanoVideoPlugin/Controller.js

@@ -1,82 +1,33 @@
-var g = Object.defineProperty, f = Object.defineProperties;
-var b = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var l = (e, i, r) => i in e ? g(e, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[i] = r, p = (e, i) => {
-  for (var r in i || (i = {}))
-    M.call(i, r) && l(e, r, i[r]);
-  if (h)
-    for (var r of h(i))
-      W.call(i, r) && l(e, r, i[r]);
-  return e;
-}, a = (e, i) => f(e, b(i));
-var s = (e, i, r) => (l(e, typeof i != "symbol" ? i + "" : i, r), r);
-import { VideoMeshController as m } from "./VideoMeshController.js";
+var p = Object.defineProperty, b = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var l = (o, t, e) => t in o ? p(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, a = (o, t) => {
+  for (var e in t || (t = {}))
+    m.call(t, e) && l(o, e, t[e]);
+  if (c)
+    for (var e of c(t))
+      W.call(t, e) && l(o, e, t[e]);
+  return o;
+}, d = (o, t) => b(o, M(t));
+var s = (o, t, e) => (l(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { VideoMeshController as u } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
-import "../shared-utils/tag.js";
-import "../shared-utils/positionToVector3.js";
 import "three";
-import "../shared-utils/five/vector3ToScreen.js";
-import "../shared-utils/five/getFiveModel.js";
+import "./utils/index.js";
+import "../vendor/animejs/lib/anime.es.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/Subscribe.js";
 import "../shared-utils/Utils/FiveUtil.js";
 import "../shared-utils/Utils/BaseUtil.js";
-import "../shared-utils/Subscribe.js";
 import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
-import "../shared-utils/three/temp.js";
-import "../shared-utils/three/core/Raycaster.js";
-import "../shared-utils/dom/resizeObserver.js";
-import "../shared-utils/five/fiveEveryReadyListener.js";
-import "../shared-utils/throttle.js";
-import "../vendor/hammerjs/hammer.js";
-import "../shared-utils/three/PointSelector/index.js";
-import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
-import "../shared-utils/three/Magnifier.js";
-import "../shared-utils/three/PointSelector/utils/PointHelper.js";
-import "../shared-utils/three/Assets/index.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../shared-utils/even.js";
-import "../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
-import "../shared-utils/three/CSS3DRenderer/index.js";
-import "@realsee/five/line";
-import "../shared-utils/isNil.js";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
-import "../shared-utils/three/core/Sphere.js";
-import "../vendor/animejs/lib/anime.es.js";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/five/FivePuppet.js";
-import "@realsee/five";
-import "../shared-utils/five/fiveModelLoad.js";
-import "../shared-utils/three/PointSelector/utils/html.js";
-import "../shared-utils/five/initialCSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../Sculpt/Meshes/Line.js";
-import "../Sculpt/typings/style.js";
-import "../shared-utils/three/IObject3D.js";
-import "../Sculpt/utils/removeAllTag.js";
-import "../Sculpt/utils/Meshes/getLengthHTML.js";
-import "../shared-utils/three/applyObjectMatrixWorld.js";
-import "../shared-utils/util.js";
-import "../shared-utils/three/core/LineGeometry.js";
-import "../shared-utils/three/core/LineMaterial.js";
-import "../shared-utils/three/core/Line2.js";
-import "../shared-utils/three/core/LineMaterial2.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
-import "../shared-utils/isTouchDevice.js";
-import "../shared-utils/five/getPosition.js";
-import "../shared-utils/five/getRaycasterByNdcPosition.js";
-import "../shared-utils/three/PointSelector/utils/contents.js";
-import "../shared-utils/animationFrame/index.js";
-import "./utils/index.js";
+import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/url/absoluteUrl.js";
-class Ir extends _ {
-  constructor(r) {
-    super(r);
+class V extends _ {
+  constructor(e) {
+    super(e);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "data");
     s(this, "enabled", !0);
@@ -93,58 +44,58 @@ class Ir extends _ {
     return this._disposed;
   }
   /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
-  load(r, t) {
-    var o;
+  load(e, r) {
+    var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((o = t == null ? void 0 : t.initialState) == null ? void 0 : o.enabled) != "undefined" && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), r.list.forEach((n) => {
-      const c = n.pano_index, u = n.render_id;
-      n.video_list.forEach((d) => {
+    typeof ((i = r == null ? void 0 : r.initialState) == null ? void 0 : i.enabled) != "undefined" && r.initialState.enabled !== this.enabled && (r.initialState.enabled ? this.enable() : this.disable()), e.list.forEach((n) => {
+      const g = n.pano_index, f = n.render_id;
+      n.video_list.forEach((h) => {
         this.controllerMap.set(
-          d.render_id,
-          new m(this.five, a(p({}, d), {
-            panoIndex: c,
-            renderID: u,
+          h.render_id,
+          new u(this.five, d(a({}, h), {
+            panoIndex: g,
+            renderID: f,
             hooks: this.hooks,
             initialState: { enabled: this.enabled }
           }))
         );
       });
-    }), this.data = r, this.hooks.emit("dataLoaded", r);
+    }), this.data = e, this.hooks.emit("dataLoaded", e);
   }
   /** 开启插件功能。 */
-  enable(r) {
-    var o;
+  enable(e) {
+    var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
     this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
-    const t = (o = r == null ? void 0 : r.userAction) != null ? o : !0;
-    this.hooks.emit("enable", { userAction: t });
+    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("enable", { userAction: r });
   }
   /** 禁用插件功能。 */
-  disable(r) {
-    var o;
+  disable(e) {
+    var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
     this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
-    const t = (o = r == null ? void 0 : r.userAction) != null ? o : !0;
-    this.hooks.emit("disable", { userAction: t });
+    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("disable", { userAction: r });
   }
   /** 看向某个视频。
    * - 会自动切换到全景模式。
    * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
    */
-  lookAtVideoItemByRenderID(r) {
+  lookAtVideoItemByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.lookAtVideo();
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.lookAtVideo();
   }
   /**
    * 取消静音。
@@ -162,26 +113,26 @@ class Ir extends _ {
    * }}
    * ```
    */
-  unmuteByRenderID(r) {
+  unmuteByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.unmute();
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.unmute();
   }
   /** 为一个点位添加视频（可以是多条）。 */
-  add(r, t) {
+  add(e, r) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    t.forEach((o) => {
-      if (this.controllerMap.get(o.render_id))
-        return this.logWarning(`ID 为 ${o.render_id} 的点位视频已存在`);
-      const n = o.render_id;
+    r.forEach((i) => {
+      if (this.controllerMap.get(i.render_id))
+        return this.logWarning(`ID 为 ${i.render_id} 的点位视频已存在`);
+      const n = i.render_id;
       this.controllerMap.set(
-        o.render_id,
-        new m(this.five, a(p({}, o), {
-          panoIndex: r,
+        i.render_id,
+        new u(this.five, d(a({}, i), {
+          panoIndex: e,
           renderID: n,
           hooks: this.hooks,
           initialState: { enabled: this.enabled }
@@ -190,32 +141,32 @@ class Ir extends _ {
     });
   }
   /** 根据 VideoItem render_id 删除某个视频。 */
-  removeByRenderID(r) {
+  removeByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const t = this.controllerMap.get(r);
-    if (!t)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    t.dispose(), this.controllerMap.delete(r);
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.dispose(), this.controllerMap.delete(e);
   }
   /** 清空现有数据 */
   clear() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 销毁插件 */
   dispose() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 控制台打印警告 */
   // TODO: 全局函数 curry 化
-  logWarning(r) {
-    console.warn("⛔ ==> [PanoVideoPluginController]:", r);
+  logWarning(e) {
+    console.warn("⛔ ==> [PanoVideoPluginController]:", e);
   }
 }
 export {
-  Ir as PanoVideoPluginController
+  V as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -1,69 +1,14 @@
-var g = Object.defineProperty;
-var I = (v, i, e) => i in v ? g(v, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[i] = e;
-var t = (v, i, e) => (I(v, typeof i != "symbol" ? i + "" : i, e), e);
+var m = Object.defineProperty;
+var I = (v, e, i) => e in v ? m(v, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : v[e] = i;
+var t = (v, e, i) => (I(v, typeof e != "symbol" ? e + "" : e, i), i);
 import { vertexShader as M, fragmentShader as P } from "./utils/shader.js";
-import "../shared-utils/tag.js";
-import { VideoTexture as F, LinearFilter as c, ShaderMaterial as y, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as p, Quaternion as b } from "three";
-import "../vendor/hammerjs/hammer.js";
-import "../shared-utils/three/PointSelector/index.js";
-import "../shared-utils/three/CSS3DRenderer/index.js";
-import "@realsee/five/line";
-import "../shared-utils/three/core/Five_LineMaterial2.js";
-import "../shared-utils/three/core/Sphere.js";
-import { anime as A } from "../vendor/animejs/lib/anime.es.js";
-import { requestAnimationFrameInterval as D } from "../shared-utils/animationFrame/index.js";
-import "../shared-utils/five/FivePuppet.js";
-import E from "./utils/index.js";
-import "../shared-utils/positionToVector3.js";
-import "../shared-utils/five/vector3ToScreen.js";
-import "../shared-utils/five/getFiveModel.js";
-import "../shared-utils/Utils/FiveUtil.js";
-import "../shared-utils/Utils/BaseUtil.js";
-import "../shared-utils/Subscribe.js";
-import "../shared-utils/Utils/WorkUtil.js";
-import "../shared-utils/five/transformPosition.js";
-import "../shared-utils/three/temp.js";
-import "../shared-utils/three/core/Raycaster.js";
-import "../shared-utils/dom/resizeObserver.js";
-import "../shared-utils/five/fiveEveryReadyListener.js";
-import "../shared-utils/throttle.js";
-import "../shared-utils/five/fiveModelLoad.js";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
-import "../shared-utils/three/Magnifier.js";
-import "../shared-utils/three/PointSelector/utils/PointHelper.js";
-import "../shared-utils/three/Assets/index.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../shared-utils/even.js";
-import "../shared-utils/CSS3DRender/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
-import "../shared-utils/isNil.js";
-import "../shared-utils/three/PointSelector/utils/html.js";
-import "../shared-utils/five/initialCSS3DRender.js";
-import "../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../shared-utils/createResizeObserver.js";
-import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
-import "../Sculpt/Meshes/Line.js";
-import "../Sculpt/typings/style.js";
-import "../shared-utils/three/IObject3D.js";
-import "../Sculpt/utils/removeAllTag.js";
-import "../Sculpt/utils/Meshes/getLengthHTML.js";
-import "../shared-utils/three/applyObjectMatrixWorld.js";
-import "../shared-utils/util.js";
-import "../shared-utils/three/core/LineGeometry.js";
-import "../shared-utils/three/core/LineMaterial.js";
-import "../shared-utils/three/core/Line2.js";
-import "../shared-utils/three/core/LineMaterial2.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
-import "../shared-utils/isTouchDevice.js";
-import "../shared-utils/five/getPosition.js";
-import "../shared-utils/five/getRaycasterByNdcPosition.js";
-import "../shared-utils/three/PointSelector/utils/contents.js";
-import "@realsee/five";
-class Gi {
+import { VideoTexture as F, LinearFilter as g, ShaderMaterial as y, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as l, Quaternion as b } from "three";
+import A from "./utils/index.js";
+import { anime as D } from "../vendor/animejs/lib/anime.es.js";
+import { requestAnimationFrameInterval as E } from "../shared-utils/animationFrame/index.js";
+class S {
   /** 初始化视频、模型以及相关事件监听。 */
-  constructor(i, e) {
+  constructor(e, i) {
     t(this, "video");
     t(this, "_id");
     /** 视频资源地址 */
@@ -99,75 +44,75 @@ class Gi {
       this.video.muted = !1;
     });
     /** 把 uv 值转换成位置 */
-    t(this, "uv2Position", (i, e) => {
-      var f;
-      const o = Math.PI, a = Math.PI * 2, d = i, s = 1 - e, r = new p(
-        -1 * Math.cos(a * d) * Math.sin(o * s),
-        1 * Math.cos(o * s),
-        1 * Math.sin(a * d) * Math.sin(o * s)
+    t(this, "uv2Position", (e, i) => {
+      var p;
+      const n = Math.PI, a = Math.PI * 2, d = e, s = 1 - i, r = new l(
+        -1 * Math.cos(a * d) * Math.sin(n * s),
+        1 * Math.cos(n * s),
+        1 * Math.sin(a * d) * Math.sin(n * s)
       );
       r.setX(-r.x);
-      const h = (f = this.five.work) == null ? void 0 : f.observers[this.panoIndex];
+      const h = (p = this.five.work) == null ? void 0 : p.observers[this.panoIndex];
       if (!h)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      const m = h.position.clone(), l = h.quaternion.clone(), u = r.clone();
-      return u.applyAxisAngle(new p(0, 1, 0), Math.PI / 2), u.applyQuaternion(l), u.add(m), u;
+      const f = h.position.clone(), c = h.quaternion.clone(), u = r.clone();
+      return u.applyAxisAngle(new l(0, 1, 0), Math.PI / 2), u.applyQuaternion(c), u.add(f), u;
     });
     /** Five 数据加载后需要根据点位位姿调整点位模型位置 */
     t(this, "onFiveDataLoaded", () => {
       var r;
-      const i = (r = this.five.work) == null ? void 0 : r.observers[this.panoIndex];
-      if (!i)
+      const e = (r = this.five.work) == null ? void 0 : r.observers[this.panoIndex];
+      if (!e)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      this.observer = i;
-      const { x: e, y: n, z: o, w: a } = i.quaternion, d = new b(e, n, o, a), s = i.position;
-      this.videoMesh.position.fromArray([s.x, s.y, s.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new p(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
+      this.observer = e;
+      const { x: i, y: o, z: n, w: a } = e.quaternion, d = new b(i, o, n, a), s = e.position;
+      this.videoMesh.position.fromArray([s.x, s.y, s.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new l(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
     });
     /** 兼容视频播放 */
-    t(this, "onFiveWantsMoveToPano", (i) => {
-      i === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
+    t(this, "onFiveWantsMoveToPano", (e) => {
+      e === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
       }));
     });
     /** 走到某个点位上时，挂载/卸载视频 */
-    t(this, "onFivePanoArrived", (i) => {
+    t(this, "onFivePanoArrived", (e) => {
       if (this.disposed)
         return this.logWarning("实例已被销毁");
-      this.enabled && this.panoIndex === i && this.mount();
+      this.enabled && this.panoIndex === e && this.mount();
     });
-    t(this, "onFivePanoWillArrive", (i) => {
-      if (i !== this.panoIndex)
+    t(this, "onFivePanoWillArrive", (e) => {
+      if (e !== this.panoIndex)
         return this.unmount();
-      this.panoIndex !== i && this.unmount();
+      this.panoIndex !== e && this.unmount();
     });
     /** Five 模型变化 */
-    t(this, "onFiveModeChange", (i) => {
-      i !== "Panorama" && this.hide();
+    t(this, "onFiveModeChange", (e) => {
+      e !== "Panorama" && this.hide();
     });
     /** Five mode change 动画结束 */
     t(this, "onFiveInitAnimationEnded", () => {
-      const i = this.five.getCurrentState();
-      i.mode === "Panorama" && i.panoIndex === this.panoIndex && this.mount();
+      const e = this.five.getCurrentState();
+      e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.mount();
     });
     /** Five Canvas 点击 */
-    t(this, "onFiveWantsTapGesture", (i) => {
+    t(this, "onFiveWantsTapGesture", (e) => {
       if (!this.five.scene.children.includes(this.videoMesh))
         return;
       if (this.disposed)
         return this.logWarning("实例已被销毁");
       if (!this.enabled)
         return this.logWarning("实例已被禁用");
-      const [e] = i.intersectObject(this.videoMesh);
-      if (!e)
+      const [i] = e.intersectObject(this.videoMesh);
+      if (!i)
         return;
-      if (this.checkIntersectionInBounding(this.origin, e)) {
-        const o = {
+      if (this.checkIntersectionInBounding(this.origin, i)) {
+        const n = {
           target: this,
           _preventDefaultReturn: !1,
           preventDefault: () => {
-            o._preventDefaultReturn = !0;
+            n._preventDefaultReturn = !0;
           }
         };
-        return this.hooks.emit("click", o), o._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
+        return this.hooks.emit("click", n), n._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
       }
     });
     /** video canplaythrough 事件触发 */
@@ -193,19 +138,19 @@ class Gi {
       this.video.addEventListener(
         "timeupdate",
         () => {
-          if (this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer || (this.renderFiveDisposer = D(() => {
+          if (this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer || (this.renderFiveDisposer = E(() => {
             this.five.needsRender = !0;
           }, 30)), this.five.scene.add(this.videoMesh), this.videoMesh.material.uniforms.opacity.value === 0)) {
-            const i = {
+            const e = {
               value: 0
             };
-            A({
-              targets: i,
+            D({
+              targets: e,
               value: 1,
               duration: 300,
               easing: "linear",
               update: () => {
-                this.videoMesh.material.uniforms.opacity.value = i.value;
+                this.videoMesh.material.uniforms.opacity.value = e.value;
               },
               complete: () => {
                 this.videoMesh.material.uniforms.opacity.value = 1;
@@ -218,20 +163,20 @@ class Gi {
     });
     /** video pause 事件触发 */
     t(this, "onVideoPaused", () => {
-      var i;
-      (i = this.renderFiveDisposer) == null || i.call(this), this.renderFiveDisposer = void 0;
+      var e;
+      (e = this.renderFiveDisposer) == null || e.call(this), this.renderFiveDisposer = void 0;
     });
     var r, h;
-    this.five = i, this.panoIndex = e.panoIndex, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (h = (r = e.initialState) == null ? void 0 : r.enabled) != null ? h : !0;
-    const n = document.createElement("video");
-    n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n;
-    const o = new F(this.video);
-    o.minFilter = c, o.magFilter = c;
+    this.five = e, this.panoIndex = i.panoIndex, this._id = i.renderID, this.url = i.url, this.origin = i.origin.slice(), this.hooks = i.hooks, this._enabled = (h = (r = i.initialState) == null ? void 0 : r.enabled) != null ? h : !0;
+    const o = document.createElement("video");
+    o.crossOrigin = "anonymous", o.autoplay = !1, o.muted = !0, o.loop = !0, o.playsInline = !0, this.video = o;
+    const n = new F(this.video);
+    n.minFilter = g, n.magFilter = g;
     const a = new y({
       vertexShader: M,
       fragmentShader: P,
       uniforms: {
-        map: { value: o },
+        map: { value: n },
         size: {
           value: new x(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])
         },
@@ -273,21 +218,21 @@ class Gi {
   lookAtVideo() {
     if (!this.observer)
       return;
-    const i = this.getUVCenter();
-    if (!i)
-      return;
-    const e = this.uv2Position(i[0], i[1]);
+    const e = this.getUVCenter();
     if (!e)
       return;
-    const n = new p().subVectors(e, this.observer.position).normalize(), { longitude: o, latitude: a } = E(n);
-    this.five.setState({ panoIndex: this.panoIndex, longitude: o, latitude: a }), this.onFiveWantsMoveToPano(this.panoIndex);
+    const i = this.uv2Position(e[0], e[1]);
+    if (!i)
+      return;
+    const o = new l().subVectors(i, this.observer.position).normalize(), { longitude: n, latitude: a } = A(o);
+    this.five.setState({ panoIndex: this.panoIndex, longitude: n, latitude: a }), this.onFiveWantsMoveToPano(this.panoIndex);
   }
   /** 获取视频中心点的 uv */
   getUVCenter() {
     if (!this.origin)
       return;
-    const i = this.origin[0] + this.origin[2] / 2, e = this.origin[1] + this.origin[3] / 2;
-    return [i, e];
+    const e = this.origin[0] + this.origin[2] / 2, i = this.origin[1] + this.origin[3] / 2;
+    return [e, i];
   }
   /** 添加时间监听 */
   addEventListeners() {
@@ -299,8 +244,8 @@ class Gi {
   }
   /** 如果满足 mount 条件，mount */
   mountIfNeeded() {
-    const i = this.five.getCurrentState();
-    i.mode === "Panorama" && i.panoIndex === this.panoIndex && this.enabled && this.mount();
+    const e = this.five.getCurrentState();
+    e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.enabled && this.mount();
   }
   /** 挂载：加载视频资源；添加模型。 */
   mount() {
@@ -308,10 +253,10 @@ class Gi {
       return this.logWarning("插件已经销毁，无法挂载。");
     if (this.url === "")
       return this.logWarning("视频资源不存在。");
-    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.video.play().catch((i) => {
-      this.logWarning(i instanceof Error ? i.message : "视频播放失败。"), this.five.once("gesture", () => {
-        this.video.play().catch((e) => {
-          this.logWarning(e instanceof Error ? e.message : "自动播放视频失败。");
+    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.video.play().catch((e) => {
+      this.logWarning(e instanceof Error ? e.message : "视频播放失败。"), this.five.once("gesture", () => {
+        this.video.play().catch((i) => {
+          this.logWarning(i instanceof Error ? i.message : "自动播放视频失败。");
         });
       });
     });
@@ -325,17 +270,17 @@ class Gi {
     this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.five.scene.remove(this.videoMesh);
   }
   /** 控制台打印警告 */
-  logWarning(i) {
-    console.warn("⛔ ==> [VideoMeshController]:", i);
+  logWarning(e) {
+    console.warn("⛔ ==> [VideoMeshController]:", e);
   }
   /** 检测射线与模型的交点是不是在视频的范围内 */
-  checkIntersectionInBounding(i, e) {
-    if (!e.uv)
+  checkIntersectionInBounding(e, i) {
+    if (!i.uv)
       return !1;
-    const [n, o] = e.uv.toArray(), [a, d, s, r] = i, h = 1 - d - r, m = a + s, l = h + r;
-    return n >= a && n <= m && o >= h && o <= l;
+    const [o, n] = i.uv.toArray(), [a, d, s, r] = e, h = 1 - d - r, f = a + s, c = h + r;
+    return o >= a && o <= f && n >= h && n <= c;
   }
 }
 export {
-  Gi as VideoMeshController
+  S as VideoMeshController
 };