@realsee/dnalogel 2.16.0-alpha.4 → 2.16.0

package/libs/PanoTagPlugin/typings/tag/Utils.js

@@ -2,7 +2,36 @@ import "@realsee/five/gltf-loader";
 import "three";
 import "../../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/animationFrame/BetterTween.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../../utils/device.js";
 import "../../../shared-utils/threex/domevents/index.js";
+import "animejs";
+import "../../utils/constants.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../../shared-utils/three/GLTFLoader.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../shared-utils/Subscribe.js";
+import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../shared-utils/animationFrame/index.js";
 var t = /* @__PURE__ */ ((r) => (r.Two = "2D", r.Three = "3D", r))(t || {});
 export {
   t as DimensionType

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -1,31 +1,59 @@
-import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { arrayPositionToVector3 as a } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import * as o from "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
 import "../../shared-utils/threex/domevents/index.js";
-function y(p, h) {
-  h.forEach((t) => {
-    const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+function O(n, c) {
+  c.forEach((r) => {
+    const e = new o.SphereGeometry(0.02, 16, 16), p = [], m = [
       new o.MeshBasicMaterial({ color: 16776960 }),
       new o.MeshBasicMaterial({ color: 16711935 }),
       new o.MeshBasicMaterial({ color: 16711680 }),
       new o.MeshBasicMaterial({ color: 65535 })
     ];
-    if (t.position.length === 4)
-      t.position.forEach((e, s) => {
-        const l = a[s], n = new o.Mesh(r, l);
-        n.position.copy(c(e)), i.push(n);
+    if (r.position.length === 4)
+      r.position.forEach((t, i) => {
+        const h = m[i], s = new o.Mesh(e, h);
+        s.position.copy(a(t)), p.push(s);
       });
     else {
-      const e = a[0], s = new o.Mesh(r, e);
-      s.position.copy(c(t.position)), i.push(s);
+      const t = m[0], i = new o.Mesh(e, t);
+      i.position.copy(a(r.position)), p.push(i);
     }
-    i.forEach((e) => {
-      e.material.depthTest = !1, p.scene.add(e);
+    p.forEach((t) => {
+      t.material.depthTest = !1, n.scene.add(t);
     });
   });
 }
 export {
-  y as addDebugPoints
+  O as addDebugPoints
 };

package/libs/PanoTagPlugin/utils/index.js

@@ -1,42 +1,68 @@
-import { even as f } from "../../CSS3DRenderPlugin/utils/even.js";
-import { random as x } from "../../CSS3DRenderPlugin/utils/random.js";
-import { anyPositionToVector3 as l, arrayPositionToVector3 as d, positionToVector3 as P } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as g } from "./addDebugPoints.js";
-import { noTypecheck as V } from "./noTypecheck.js";
-import { planeNormal as u } from "./planeNormal.js";
-import { getTagPosition as y, tagPosition as F } from "./tagPosition.js";
-import { checkRange as k } from "./checkRange.js";
-import { actionAfterFiveModelLoad as S, waitFiveModelLoaded as w } from "./actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as A } from "./normalPositionToPositions.js";
-import { debounce as D } from "./debounce.js";
-import { throttle as O } from "./throttle.js";
-import { binarySearchFirstBig as j, searchFirstValueSmallThanLastValue as q } from "./search.js";
-import { resizeObserver as E } from "./resizeObserver.js";
+import { even as O } from "../../CSS3DRenderPlugin/utils/even.js";
+import { random as j } from "../../CSS3DRenderPlugin/utils/random.js";
+import { anyPositionToVector3 as C, arrayPositionToVector3 as E, positionToVector3 as G } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as I } from "./addDebugPoints.js";
+import { noTypecheck as K } from "./noTypecheck.js";
+import { planeNormal as U } from "./planeNormal.js";
+import { getTagPosition as X, tagPosition as Y } from "./tagPosition.js";
+import { checkRange as _ } from "./checkRange.js";
+import { actionAfterFiveModelLoad as oo, waitFiveModelLoaded as ro } from "./actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as io } from "./normalPositionToPositions.js";
+import { debounce as po } from "./debounce.js";
+import { throttle as ao } from "./throttle.js";
+import { binarySearchFirstBig as fo, searchFirstValueSmallThanLastValue as so } from "./search.js";
+import { resizeObserver as co } from "./resizeObserver.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
-import "../../shared-utils/threex/domevents/index.js";
+import "object-assign-deep";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
+import "../../shared-utils/threex/domevents/index.js";
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
 import "./tag/tagCheck.js";
 export {
-  S as actionAfterFiveModelLoad,
-  g as addDebugPoints,
-  l as anyPositionToVector3,
-  d as arrayPositionToVector3,
-  j as binarySearchFirstBig,
-  k as checkRange,
-  D as debounce,
-  f as even,
-  y as getTagPosition,
-  V as noTypecheck,
-  A as normalPositionToPositions,
-  u as planeNormal,
-  P as positionToVector3,
-  x as random,
-  E as resizeObserver,
-  q as searchFirstValueSmallThanLastValue,
-  F as tagPosition,
-  O as throttle,
-  w as waitFiveModelLoaded
+  oo as actionAfterFiveModelLoad,
+  I as addDebugPoints,
+  C as anyPositionToVector3,
+  E as arrayPositionToVector3,
+  fo as binarySearchFirstBig,
+  _ as checkRange,
+  po as debounce,
+  O as even,
+  X as getTagPosition,
+  K as noTypecheck,
+  io as normalPositionToPositions,
+  U as planeNormal,
+  G as positionToVector3,
+  j as random,
+  co as resizeObserver,
+  so as searchFirstValueSmallThanLastValue,
+  Y as tagPosition,
+  ao as throttle,
+  ro as waitFiveModelLoaded
 };

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

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { Vector3 } from 'three';
+import { ObjectFit } from '../../typings';
 declare type Src = string;
 declare type VideoTexture = Omit<THREE.VideoTexture, 'image'> & {
     image: HTMLVideoElement;
@@ -7,15 +8,16 @@ declare type VideoTexture = Omit<THREE.VideoTexture, 'image'> & {
 declare type ImageTexture = Omit<THREE.Texture, 'image'> & {
     image: HTMLImageElement;
 };
-declare class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
+declare abstract class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
     name: string;
     src?: string;
     removeFromParent(): this;
-    protected setMatrixByCornerPoints(cornerPoints: Vector3[]): void;
 }
 declare class ImagePlane extends MediaPlane {
     name: string;
-    constructor(imageSrc: string, cornerPoints: Vector3[]);
+    constructor(imageSrc: string, cornerPoints: Vector3[], params?: {
+        objectFit?: ObjectFit;
+    });
 }
 declare class VideoPlane extends MediaPlane {
     readonly isVideoPlane = true;
@@ -38,7 +40,7 @@ declare class VideoPlane extends MediaPlane {
         videoInstance?: HTMLVideoElement;
         playButton?: 'withText' | 'withoutText' | string;
         videoCoverSrc?: string;
-        objectFit?: 'contain' | 'fill';
+        objectFit?: ObjectFit;
         videoTextureMap?: Map<Src, VideoTexture>;
         ImageTextureMap?: Map<Src, ImageTexture>;
     });
@@ -63,7 +65,7 @@ declare class VideoPlane extends MediaPlane {
      */
     private getVideoMesh;
     /**
-     * @description: 获取视频Mesh
+     * @description: 获取点击播放按钮Mesh
      */
     private getButtonMesh;
     private getButtonTexture;

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

@@ -1,101 +1,121 @@
-var S = Object.defineProperty;
-var H = (v, c, e) => c in v ? S(v, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[c] = e;
-var h = (v, c, e) => (H(v, typeof c != "symbol" ? c + "" : c, e), e);
-var m = (v, c, e) => new Promise((t, s) => {
-  var a = (i) => {
+var L = Object.defineProperty;
+var S = (u, m, e) => m in u ? L(u, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[m] = e;
+var o = (u, m, e) => (S(u, typeof m != "symbol" ? m + "" : m, e), e);
+var v = (u, m, e) => new Promise((t, i) => {
+  var s = (n) => {
     try {
-      n(e.next(i));
-    } catch (o) {
-      s(o);
+      r(e.next(n));
+    } catch (h) {
+      i(h);
     }
-  }, r = (i) => {
+  }, d = (n) => {
     try {
-      n(e.throw(i));
-    } catch (o) {
-      s(o);
+      r(e.throw(n));
+    } catch (h) {
+      i(h);
     }
-  }, n = (i) => i.done ? t(i.value) : Promise.resolve(i.value).then(a, r);
-  n((e = e.apply(v, c)).next());
+  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, d);
+  r((e = e.apply(u, m)).next());
 });
-import * as u from "three";
+import * as c from "three";
 import { Vector3 as f } from "three";
-import { centerPoint as g } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as T } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as y } from "../../../shared-utils/three/Quadrangle.js";
-import { loadVideoTexture as F } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as R, Image_Play_Icon as L } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as w } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FiveDomEvents as D } from "../../../shared-utils/five/FiveDomEvents.js";
+import { centerPoint as I } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as w } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
+import { loadVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as F, Image_Play_Icon as b } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FiveDomEvents as B } from "../../../shared-utils/five/FiveDomEvents.js";
+import "@realsee/five/gltf-loader";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "@realsee/five";
+import "object-assign-deep";
 import "../../../shared-utils/threex/domevents/index.js";
-class V extends u.Mesh {
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../shared-utils/Subscribe.js";
+import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/animationFrame/BetterTween.js";
+import "../../../shared-utils/animationFrame/index.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../device.js";
+import "animejs";
+import "../constants.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../../shared-utils/three/GLTFLoader.js";
+class P extends c.Mesh {
   constructor() {
     super(...arguments);
-    h(this, "name", "MediaPlane");
-    h(this, "src");
+    o(this, "name", "MediaPlane");
+    o(this, "src");
   }
   removeFromParent() {
     const e = this.parent;
     return e !== null && e.remove(this), this;
   }
-  setMatrixByCornerPoints(e) {
-    const t = new f().subVectors(e[1], e[0]), s = new f().subVectors(e[3], e[0]), a = g(...e), r = new f().crossVectors(t, s).normalize();
-    this.lookAt(r);
-    const n = this.up.clone().applyQuaternion(this.quaternion), i = s.clone(), o = new f().crossVectors(n, i).normalize();
-    this.rotateOnWorldAxis(o, n.angleTo(i)), this.position.copy(a);
-  }
 }
-class J extends V {
-  constructor(e, t) {
+class we extends P {
+  constructor(e, t, i) {
     super();
-    h(this, "name", "PanoTagPluginImagePlane");
-    this.src = e, T(e).then((s) => {
-      const a = s.image.width, r = s.image.height, n = new u.MeshBasicMaterial({ map: s, transparent: !0 }), i = new u.PlaneGeometry(a, r);
-      this.geometry = i, this.material = n;
-      const o = t[0].distanceTo(t[1]), d = t[1].distanceTo(t[2]);
-      this.scale.set(o / a, d / r, 1);
-      const l = a / r, M = o / d;
-      l > M ? this.scale.set(o / a, o / a, 1) : l < M ? this.scale.set(d / r, d / r, 1) : this.scale.set(o / a, d / r, 1);
+    o(this, "name", "PanoTagPluginImagePlane");
+    this.src = e, w(e).then((s) => {
+      var p;
+      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new c.MeshBasicMaterial({ map: s, transparent: d }), n = g((p = i == null ? void 0 : i.objectFit) != null ? p : "contain", t, s.image.width / s.image.height), h = I(...n), a = n.map((M) => M.clone().sub(h)), l = new C(a);
+      this.position.copy(h), this.geometry = l, this.material = r;
     }).catch((s) => {
       console.error({ e: s });
-    }), this.setMatrixByCornerPoints(t);
+    });
   }
 }
-class K extends V {
-  constructor(e, t, s) {
+class Te extends P {
+  constructor(e, t, i) {
     const {
-      videoCoverSrc: a,
-      objectFit: r = "contain",
-      playButton: n = "withText",
-      videoTextureMap: i,
-      ImageTextureMap: o,
-      videoInstance: d = document.createElement("video")
-    } = s != null ? s : {};
+      videoCoverSrc: s,
+      objectFit: d = "contain",
+      playButton: r = "withText",
+      videoTextureMap: n,
+      ImageTextureMap: h,
+      videoInstance: a = document.createElement("video")
+    } = i != null ? i : {};
     super();
-    h(this, "isVideoPlane", !0);
-    h(this, "name", "PanoTagPluginImagePlane");
-    h(this, "videoInstance");
-    h(this, "objectFit");
-    h(this, "buttonSrc");
-    h(this, "paused", !0);
-    h(this, "videoCoverSrc");
-    h(this, "domEvents");
-    h(this, "disposers", []);
-    h(this, "domEventsListenerTemporaryList", []);
-    h(this, "cornerPoints");
-    h(this, "videoMesh");
-    h(this, "coverMesh");
-    h(this, "buttonMesh");
-    h(this, "videoTextureMap");
-    h(this, "ImageTextureMap");
-    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? R : n === "withoutText" ? L : typeof n == "string" ? n : L)(), this.videoInstance = d, this.videoCoverSrc = a, this.objectFit = r, this.videoTextureMap = i, this.ImageTextureMap = o, this.position.copy(g(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("dispose", () => {
+    o(this, "isVideoPlane", !0);
+    o(this, "name", "PanoTagPluginImagePlane");
+    o(this, "videoInstance");
+    o(this, "objectFit");
+    o(this, "buttonSrc");
+    o(this, "paused", !0);
+    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" ? F : r === "withoutText" ? b : typeof r == "string" ? r : b)(), this.videoInstance = a, this.videoCoverSrc = s, this.objectFit = d, this.videoTextureMap = n, this.ImageTextureMap = h, this.position.copy(I(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("dispose", () => {
       var l;
-      this.domEventsListenerTemporaryList = [], (l = this.disposers) == null || l.forEach((M) => M == null ? void 0 : M());
+      this.domEventsListenerTemporaryList = [], (l = this.disposers) == null || l.forEach((p) => p == null ? void 0 : p());
     });
   }
   play() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       !this.paused || (this.paused = !1, this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
     });
   }
@@ -103,7 +123,7 @@ class K extends V {
     this.paused || (this.paused = !0, this.showPauseUI(), this.videoInstance.pause(), this.render());
   }
   initialDomEvents(e) {
-    this.domEvents || (this.domEvents = new D(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
+    this.domEvents || (this.domEvents = new B(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
   }
   initialRenderHooks(e) {
     const t = () => {
@@ -130,7 +150,7 @@ class K extends V {
     this.domEvents ? this.domEvents.removeEventListener(...e) : this.domEventsListenerTemporaryList = this.domEventsListenerTemporaryList.filter((t) => t !== e);
   }
   addCoverMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.coverMesh))
         return;
       const e = yield this.getCoverMesh();
@@ -138,7 +158,7 @@ class K extends V {
     });
   }
   addVideoMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.videoMesh))
         return;
       const e = yield this.getVideoMesh();
@@ -146,7 +166,7 @@ class K extends V {
     });
   }
   addButtonMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.buttonMesh))
         return;
       const e = yield this.getButtonMesh();
@@ -154,77 +174,102 @@ class K extends V {
     });
   }
   getCoverMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.coverMesh)
         return this.coverMesh;
-      const e = yield this.getCoverTexture(), t = new u.MeshBasicMaterial({ transparent: !0, map: e }), s = w(this.objectFit, this.cornerPoints, e.image.width / e.image.height), a = g(...s), r = s.map((o) => o.clone().sub(a)), n = new y(r, 1), i = new u.Mesh(n, t);
-      return i.name = "videoCoverMesh", i.position.copy(a.clone().sub(this.position)), this.coverMesh = i, i;
+      const e = yield this.getCoverTexture(), t = new c.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.width / e.image.height), s = new y(i, t);
+      return s.name = "videoCoverMesh", s.position.copy(new f(0, 0, 0)), this.coverMesh = s, s;
     });
   }
   getVideoMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.videoMesh)
         return this.videoMesh;
-      const e = yield this.getVideoTexture(), t = new u.MeshBasicMaterial({ transparent: !0, map: e }), s = w(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), a = g(...s), r = s.map((d) => d.clone().sub(a)), n = new y(r, 1), i = new u.Mesh(n, t);
-      i.name = "videoMesh", i.position.copy(a.clone().sub(this.position)), this.addDomEventListener(i, "click", (d) => {
+      const e = yield this.getVideoTexture(), t = new c.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), s = new y(i, t);
+      s.name = "videoMesh", s.position.copy(new f(0, 0, 0)), this.addDomEventListener(s, "click", (r) => {
         this.pause();
       });
-      const o = e.image;
-      return o.addEventListener("playing", () => {
+      const d = e.image;
+      return d.addEventListener("playing", () => {
         this.showPlayUI();
-      }), o.addEventListener("pause", () => {
+      }), d.addEventListener("pause", () => {
         this.showPauseUI();
-      }), this.videoMesh = i, this.videoInstance = o, i;
+      }), this.videoMesh = s, this.videoInstance = d, s;
     });
   }
   getButtonMesh() {
-    return m(this, null, function* () {
-      var E, b, I, P;
+    return v(this, null, function* () {
+      var M, T, x, E;
       if (this.buttonMesh)
         return this.buttonMesh;
-      const e = (b = (E = this.videoMesh) == null ? void 0 : E.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? b : 1 / 0, t = (P = (I = this.coverMesh) == null ? void 0 : I.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? P : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(e, t, s) / s * 0.3, n = yield this.getButtonTexture(), i = new u.MeshBasicMaterial({ transparent: !0, map: n }), o = w("contain", this.cornerPoints, n.image.width / n.image.height), d = g(...o), l = o.map((B) => B.clone().sub(d)), M = new y(l), p = new u.Mesh(M, i);
-      p.name = "buttonMesh", p.scale.set(r, r, r);
-      const x = () => {
+      const e = (T = (M = this.videoMesh) == null ? void 0 : M.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? T : 1 / 0, t = (E = (x = this.coverMesh) == null ? void 0 : x.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? E : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), d = Math.min(e, t, i) / i * 0.3, r = yield this.getButtonTexture(), n = new c.ShaderMaterial({
+        uniforms: {
+          map: { value: r }
+        },
+        transparent: !1,
+        blending: c.CustomBlending,
+        blendSrc: c.SrcAlphaFactor,
+        blendDst: c.OneMinusSrcAlphaFactor,
+        blendSrcAlpha: c.OneFactor,
+        blendDstAlpha: c.OneMinusSrcAlphaFactor,
+        vertexShader: `
+        varying vec2 vUv;
+        void main() {
+          vUv = uv;
+          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+        }
+      `,
+        fragmentShader: `
+        uniform sampler2D map;
+        // \u7EB9\u7406\u5750\u6807
+        varying vec2 vUv;
+        void main() {
+          gl_FragColor = texture2D(map, vUv);
+        }
+      `
+      }), h = g("contain", this.cornerPoints, r.image.width / r.image.height), a = new y(h, n);
+      a.position.copy(new f(0, 0, 0)), a.name = "buttonMesh", a.scale.set(d, d, d);
+      const l = () => {
         this.play();
       };
-      p.addEventListener("added", () => {
-        this.addDomEventListener(p, "click", x);
-      }), p.addEventListener("removed", () => {
-        this.removeDomEventListener(p, "click", x);
+      a.addEventListener("added", () => {
+        this.addDomEventListener(a, "click", l);
+      }), a.addEventListener("removed", () => {
+        this.removeDomEventListener(a, "click", l);
       });
-      const C = new u.Vector3().crossVectors(new u.Vector3().subVectors(o[0], o[1]), new u.Vector3().subVectors(o[0], o[3])).normalize().multiplyScalar(1e-4);
-      return p.position.copy(C), this.buttonMesh = p, p;
+      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 a.position.add(p), this.buttonMesh = a, a;
     });
   }
   getButtonTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.ImageTextureMap) != null && t.has(this.buttonSrc))
         return this.ImageTextureMap.get(this.buttonSrc);
-      const e = yield T(this.buttonSrc);
-      return (s = this.ImageTextureMap) == null || s.set(this.buttonSrc, e), e;
+      const e = yield w(this.buttonSrc);
+      return (i = this.ImageTextureMap) == null || i.set(this.buttonSrc, e), e;
     });
   }
   getCoverTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.ImageTextureMap) != null && t.has(this.videoCoverSrc))
         return this.ImageTextureMap.get(this.videoCoverSrc);
-      const e = yield T(this.videoCoverSrc);
-      return (s = this.ImageTextureMap) == null || s.set(this.videoCoverSrc, e), e;
+      const e = yield w(this.videoCoverSrc);
+      return (i = this.ImageTextureMap) == null || i.set(this.videoCoverSrc, e), e;
     });
   }
   getVideoTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.videoTextureMap) != null && t.has(this.src))
         return this.videoTextureMap.get(this.src);
-      const e = yield F(this.src, this.videoInstance);
-      return (s = this.videoTextureMap) == null || s.set(this.src, e), e;
+      const e = yield V(this.src, this.videoInstance);
+      return (i = this.videoTextureMap) == null || i.set(this.src, e), e;
     });
   }
 }
 export {
-  J as ImagePlane,
-  K as VideoPlane
+  we as ImagePlane,
+  Te as VideoPlane
 };