@realsee/dnalogel 2.16.2-alpha.0 → 2.17.0-aplha.1

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

@@ -1,14 +1,18 @@
 import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/Controller';
 import type { Five, Mode } from '@realsee/five';
-import type { TagContentType } from './TagData';
+import type { ContentTypeMap, TagContentType } from './TagData';
 import type { Tag } from './Tag';
 import type { MinMax, StickType } from './Utils';
+import type { PartialDeep } from 'type-fest';
 export interface TagConfig<C extends TagContentType = TagContentType, S extends StickType = StickType> {
     /** 显示/隐藏配置 */
     visibleConfig?: {
         /** 保持可见/不可见, 设置后visibleConfig下所有其他配置都不生效 */
         keep?: 'visible' | 'hidden';
+        /** 在哪些 five mode 下可见，默认为 [’Panorama‘] */
         visibleFiveMode?: Mode[];
+        /** 当 visibleFiveMode 包含 'Floorplan' 或者 'MapView' 时，是否仅在当前楼层模型下可见，默认为true */
+        followModelVisibility?: boolean;
         /** 走点时不隐藏 */
         alwaysShowWhenMovePano?: true;
         /** min-max米内显示 | 无距离限制 */
@@ -84,6 +88,7 @@ export interface TagConfig<C extends TagContentType = TagContentType, S extends
         /** 展开/收起 */
         unfolded?: boolean;
     };
+    initialData?: PartialDeep<ContentTypeMap[C]>;
     tag3DConfig?: Create3DDomContainerParamsType['config'];
     /** 当图片为一张时可以通过Mesh渲染 */
     renderType?: 'Mesh' | 'Dom';

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

@@ -1,3 +1,4 @@
+import { DeprecatedMediaPlaneProperty } from '../../Archive/deprecated';
 import type { Position, TagIconUrl } from './Utils';
 export declare type MediaData = {
     type: 'Image';
@@ -7,8 +8,8 @@ export declare type MediaData = {
     url: string;
     videoCoverUrl?: string;
 };
-declare type Object = Record<string | number | symbol, any>;
 export declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+declare type Object = Record<string | number | symbol, any>;
 export declare enum ContentType {
     /** 音频标签 */
     Audio = "Audio",
@@ -51,7 +52,6 @@ interface ContentTypeMapInterface {
         text?: string;
         title?: string;
         description?: string;
-        extraData?: Object;
         edit?: {
             title?: {
                 inputting?: boolean;
@@ -72,7 +72,6 @@ interface ContentTypeMapInterface {
         appearance?: 'line' | 'plane';
         theme?: 'dark' | 'light';
         audioUrl: string;
-        extraData?: Object;
     };
     /** 图文标签 */
     ImageText: {
@@ -82,7 +81,6 @@ interface ContentTypeMapInterface {
         mediaData: (MediaData & {
             name?: string;
         })[];
-        extraData?: Object;
     };
     /** 图片标签 */
     Image: ContentTypeMapInterface['ImageText'];
@@ -96,7 +94,6 @@ interface ContentTypeMapInterface {
         /** @deprecated: linkType 不再和样式绑定，使用 iconUrl 代替 */
         linkType?: 'vr' | 'normal';
         icon?: TagIconUrl;
-        extraData?: Object;
     };
     /** VR跳转标签 */
     VRLink: ContentTypeMapInterface['Link'];
@@ -126,35 +123,33 @@ interface ContentTypeMapInterface {
             /** 单位 */
             unit: string;
         };
-        extraData?: Object;
     };
     /** 营销贴片 */
     MediaPlane: {
         enableCarousel?: boolean;
-        /**
-         * @description stretch: 拉伸适配, proportional: 等比适配，默认值 'proportional'
-         * @deprecated replaced by objectFit
-         */
-        adaptationMode?: 'stretch' | 'proportional';
         /** 多媒体在容器中的适配规则 {@link https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit} */
         objectFit?: ObjectFit;
-        /**
-         * @description 是否开启自动轮播
-         * @param autoplay true: 开启自动轮播, false: 关闭自动播放
-         * @param autoplayVideo 自动轮播时，如果是视频， 则自动播放视频
-         * @default 默认值 { autoplay: true, autoplayVideo: false }
-         */
         autoplayConfig?: {
-            autoplay: boolean;
-            autoplayVideo: boolean;
+            /**
+             * @description 是否自动播放视频
+             * @default autoplayVideo: false
+             */
+            autoplayVideo?: boolean;
+            /**
+             * @description 是否自动轮播
+             * @default autoplayCarousel: true
+             */
+            autoplayCarousel?: boolean;
+            /**
+             * @description 轮播中遇到视频是否要自动播放
+             * @default autoplayVideoInCarousel: false
+             */
+            autoplayVideoInCarousel?: boolean;
         };
         mediaData: MediaData[];
-        /**
-         * @description 暂停时的播放按钮url
-         */
+        /** @description 暂停时的播放按钮url */
         playIcon?: 'withText' | 'withoutText' | string;
-        extraData?: Object;
-    };
+    } & DeprecatedMediaPlaneProperty;
     MediaModel: {
         modelUrl: string;
         mediaData: MediaData[];
@@ -170,5 +165,10 @@ interface ContentTypeMapInterface {
     Custom: Object;
     Unknown: Object;
 }
-export declare type ContentTypeMap = Pick<ContentTypeMapInterface, TagContentType>;
+declare type ContentTypeMapInterfaceWithextraData = {
+    [key in keyof ContentTypeMapInterface]: ContentTypeMapInterface[key] & {
+        extraData?: Object;
+    };
+};
+export declare type ContentTypeMap = Pick<ContentTypeMapInterfaceWithextraData, TagContentType>;
 export {};

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

@@ -62,6 +62,10 @@ export declare type TagIconSize = 'S' | 'M' | 'L' | 'XL' | number;
 export declare type AudioAppearance = Tag<'Audio'>['data']['appearance'];
 export declare type AudioTagTypeConfigKey = `${StickType | 'Any'}-Audio-${AudioAppearance}`;
 export declare type ContentTypeConfigKey = `${StickType | 'Any'}-${TagContentType | 'Any'}` | TagContentType | AudioTagTypeConfigKey;
+/**
+ * @description: 从 ContentTypeConfigKey 中提取 ContentTypeConfigKey 对应的 ContentType 是啥，没找到就是 never
+ */
+export declare type PickTagContentTypeInContentTypeConfigKey<T extends ContentTypeConfigKey> = T extends `${any}-Audio-${any}` ? 'Audio' : T extends `${any}-${infer C}` ? C : T extends TagContentType ? T : never;
 export declare type ContentTypeConfigKeySplit = [StickType | 'Any', TagContentType | 'Any'] | [TagContentType] | [StickType | 'Any', 'Audio', AudioAppearance];
 export declare type PointTag<C extends TagContentType = TagContentType> = Tag<C, '2DPoint' | '3DPoint'>;
 /** 二维标签 */

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

@@ -1,13 +1,16 @@
 import * as THREE from 'three';
 import { Vector3 } from 'three';
 import { ObjectFit } from '../../typings';
+import DomEvents from '../../../shared-utils/threex/domevents';
+import { Overwrite } from '../../../typings/utils.type';
 declare type Src = string;
-declare type VideoTexture = Omit<THREE.VideoTexture, 'image'> & {
+declare type VideoTexture = Overwrite<THREE.VideoTexture, {
     image: HTMLVideoElement;
-};
-declare type ImageTexture = Omit<THREE.Texture, 'image'> & {
+    metadataLoaded: boolean;
+}>;
+declare type ImageTexture = Overwrite<THREE.Texture, {
     image: HTMLImageElement;
-};
+}>;
 declare abstract class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
     name: string;
     src?: string;
@@ -22,10 +25,10 @@ declare class ImagePlane extends MediaPlane {
 declare class VideoPlane extends MediaPlane {
     readonly isVideoPlane = true;
     name: string;
-    videoInstance: HTMLVideoElement;
+    videoInstance?: HTMLVideoElement;
+    onVideoReady?: (videoInstance?: HTMLVideoElement) => void;
     private objectFit;
     private buttonSrc;
-    private paused;
     private videoCoverSrc?;
     private domEvents?;
     private disposers;
@@ -37,39 +40,26 @@ declare class VideoPlane extends MediaPlane {
     private videoTextureMap;
     private ImageTextureMap;
     constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
-        videoInstance?: HTMLVideoElement;
+        paused?: boolean;
         playButton?: 'withText' | 'withoutText' | string;
         videoCoverSrc?: string;
         objectFit?: ObjectFit;
         videoTextureMap?: Map<Src, VideoTexture>;
         ImageTextureMap?: Map<Src, ImageTexture>;
     });
-    play(): Promise<void>;
+    play(muted?: boolean): Promise<void>;
     pause(): void;
-    initialDomEvents(five: any): void;
-    initialRenderHooks(five: any): void;
+    initialDomEvents(domEvents: DomEvents): void;
+    initialRenderHooks(func: (render: () => void) => () => any): void;
     private showPauseUI;
     private render;
-    private addAutoEventListener;
+    private addAutoBindEventListener;
     private addDomEventListener;
     private removeDomEventListener;
     private addCoverMesh;
     private addVideoMesh;
     private addButtonMesh;
-    /**
-     * @description: 将视频封面Mesh
-     */
-    private getCoverMesh;
-    /**
-     * @description: 获取视频Mesh
-     */
-    private getVideoMesh;
-    /**
-     * @description: 获取点击播放按钮Mesh
-     */
-    private getButtonMesh;
-    private getButtonTexture;
-    private getCoverTexture;
+    private getImageTexture;
     private getVideoTexture;
 }
 export { ImagePlane, VideoPlane };

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

@@ -1,36 +1,36 @@
-var I = Object.defineProperty;
-var P = (u, c, e) => c in u ? I(u, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[c] = e;
-var o = (u, c, e) => (P(u, typeof c != "symbol" ? c + "" : c, e), e);
-var v = (u, c, e) => new Promise((t, i) => {
-  var s = (r) => {
+var x = Object.defineProperty;
+var P = (c, a, e) => a in c ? x(c, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[a] = e;
+var n = (c, a, e) => (P(c, typeof a != "symbol" ? a + "" : a, e), e);
+var v = (c, a, e) => new Promise((t, i) => {
+  var s = (o) => {
     try {
-      n(e.next(r));
+      r(e.next(o));
     } catch (h) {
       i(h);
     }
-  }, a = (r) => {
+  }, d = (o) => {
     try {
-      n(e.throw(r));
+      r(e.throw(o));
     } catch (h) {
       i(h);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, a);
-  n((e = e.apply(u, c)).next());
+  }, r = (o) => o.done ? t(o.value) : Promise.resolve(o.value).then(s, d);
+  r((e = e.apply(c, a)).next());
 });
-import * as d from "three";
-import { Vector3 as f } from "three";
-import { centerPoint as b } from "../../../shared-utils/three/centerPoint.js";
-import { loadTexture as E } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as S, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
-import { loadVideoTexture as C } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as V, Image_Play_Icon as x } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FiveDomEvents as F } from "../../../shared-utils/five/FiveDomEvents.js";
+import * as p from "three";
+import { Vector3 as g } from "three";
+import { centerPoint as w } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as I } from "../../../shared-utils/three/loadTexture.js";
+import { QuadrangleGeometry as V, 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 T } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as l } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import "@realsee/five";
+import "../../../shared-utils/threex/domevents/index.js";
 import "@realsee/five/gltf-loader";
+import { FragmentTransparencyMaterial as F } from "../../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../../shared-utils/math/pointIsRectangle.js";
-import "@realsee/five";
 import "object-assign-deep";
-import "../../../shared-utils/threex/domevents/index.js";
 import "hammerjs";
 import "@tweenjs/tween.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -58,88 +58,89 @@ import "lodash.clonedeep";
 import "lodash.isequal";
 import "classnames";
 import "../../../shared-utils/three/GLTFLoader.js";
-class L extends d.Mesh {
+class b extends p.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;
   }
 }
-class ye extends L {
+class ye extends b {
   constructor(e, t, i) {
     super();
-    o(this, "name", "PanoTagPluginImagePlane");
-    this.src = e, E(e).then((s) => {
-      var p;
-      const a = new URL(e, location.href).pathname.endsWith(".png"), n = new d.MeshBasicMaterial({ map: s, transparent: a }), r = g((p = i == null ? void 0 : i.objectFit) != null ? p : "contain", t, s.image.width / s.image.height), h = b(...r), m = r.map((l) => l.clone().sub(h)), M = new S(m);
-      this.position.copy(h), this.geometry = M, this.material = n;
+    n(this, "name", "PanoTagPluginImagePlane");
+    this.src = e, I(e).then((s) => {
+      var u;
+      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new p.MeshBasicMaterial({ map: s, transparent: d }), o = l((u = i == null ? void 0 : i.objectFit) != null ? u : "contain", t, s.image.width / s.image.height), h = w(...o), m = o.map((f) => f.clone().sub(h)), M = new V(m);
+      this.position.copy(h), this.geometry = M, this.material = r;
     }).catch((s) => {
       console.error({ e: s });
     });
   }
 }
-class Ee extends L {
+class Ee extends b {
   constructor(e, t, i) {
-    const {
-      videoCoverSrc: s,
-      objectFit: a = "contain",
-      playButton: n = "withText",
-      videoTextureMap: r,
-      ImageTextureMap: h,
-      videoInstance: m = document.createElement("video")
-    } = i != null ? i : {};
+    const { videoCoverSrc: s, objectFit: d = "contain", playButton: r = "withText", paused: o = !0, videoTextureMap: h, ImageTextureMap: m } = i != null ? i : {};
     super();
-    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 = (() => n === "withText" ? V : n === "withoutText" ? x : typeof n == "string" ? n : x)(), this.videoInstance = m, this.videoCoverSrc = s, this.objectFit = a, this.videoTextureMap = r, this.ImageTextureMap = h, this.position.copy(b(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("removed", () => {
+    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, "domEventsListenerTemporaryList", []);
+    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" ? C : r === "withoutText" ? T : typeof r == "string" ? r : T)(), this.videoCoverSrc = s, this.objectFit = d, this.videoTextureMap = h, this.ImageTextureMap = m, this.position.copy(w(...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((p) => p == null ? void 0 : p());
+      this.domEventsListenerTemporaryList = [], (M = this.disposers) == null || M.forEach((u) => u == null ? void 0 : u());
     });
   }
-  play() {
+  play(e = !1) {
     return v(this, null, function* () {
-      !this.paused || (this.paused = !1, this.videoMesh || (yield this.addVideoMesh()), this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0, this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
+      this.videoMesh || (yield this.addVideoMesh()), this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0, this.videoInstance.paused && this.videoInstance.play().catch((t) => {
+        console.error(t);
+      }), this.videoInstance.muted = e, this.render();
     });
   }
   pause() {
-    this.paused || (this.paused = !0, this.showPauseUI(), this.videoInstance.pause(), this.render());
+    !this.videoInstance || (this.showPauseUI(), this.videoInstance.pause(), this.render());
   }
   initialDomEvents(e) {
-    this.domEvents || (this.domEvents = new F(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
+    this.domEvents || (this.domEvents = e, this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
   }
   initialRenderHooks(e) {
-    const t = () => {
-      this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
-    };
-    e.on("renderFrame", t), this.disposers.push(() => e.off("renderFrame", t));
+    const i = e(() => {
+      var s;
+      this.videoMesh && ((s = this.videoInstance) == null ? void 0 : s.paused) === !1 && (this.videoMesh.needsRender = !0);
+    });
+    this.disposers.push(() => i);
   }
   showPauseUI() {
-    this.coverMesh && (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.render();
+    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(), this.render();
+    });
   }
   render() {
-    this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
+    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);
   }
-  addAutoEventListener(...e) {
+  addAutoBindEventListener(...e) {
     const t = e[0];
     t.addEventListener("added", () => {
       this.addDomEventListener(...e);
@@ -160,112 +161,83 @@ class Ee extends L {
   }
   addCoverMesh() {
     return v(this, null, function* () {
-      if (this.children.find((t) => t === this.coverMesh))
+      if (this.children.includes(this.coverMesh))
         return;
-      const e = yield this.getCoverMesh();
-      this.add(e);
+      const e = yield (() => v(this, null, function* () {
+        if (this.coverMesh)
+          return this.coverMesh;
+        if (!this.videoCoverSrc)
+          return;
+        const t = yield this.getImageTexture(this.videoCoverSrc);
+        if (!t)
+          return;
+        const i = new p.MeshBasicMaterial({ transparent: !1, map: t }), s = l(this.objectFit, this.cornerPoints, t.image.width / t.image.height), d = new y(s, i);
+        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 v(this, null, function* () {
-      if (this.children.find((t) => t === this.videoMesh))
+      if (this.children.includes(this.videoMesh))
         return;
-      const e = yield this.getVideoMesh();
-      this.add(e);
-    });
-  }
-  addButtonMesh() {
-    return v(this, null, function* () {
-      if (this.children.find((t) => t === this.buttonMesh))
+      const e = yield (() => v(this, null, function* () {
+        if (this.videoMesh)
+          return this.videoMesh;
+        if (!this.src)
+          return;
+        const i = this.getVideoTexture(this.src), s = new p.MeshBasicMaterial({ transparent: !1, map: i }), d = yield new Promise((o) => {
+          i.metadataLoaded ? o(l(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight)) : i.addEventListener(
+            "videoLoaded",
+            () => o(l(this.objectFit, this.cornerPoints, i.image.videoWidth / i.image.videoHeight))
+          );
+        }), r = new y(d, s);
+        return r.name = "videoMesh", r.position.copy(new g(0, 0, 0)), r;
+      }))();
+      if (!e)
         return;
-      const e = yield this.getButtonMesh();
-      this.add(e);
-    });
-  }
-  getCoverMesh() {
-    return v(this, null, function* () {
-      if (this.coverMesh)
-        return this.coverMesh;
-      const e = yield this.getCoverTexture(), t = new d.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 v(this, null, function* () {
-      if (this.videoMesh)
-        return this.videoMesh;
-      const e = yield this.getVideoTexture(), t = new d.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.addAutoEventListener(s, "click", () => this.pause());
-      const a = e.image;
-      return a.addEventListener("playing", () => {
+      this.addAutoBindEventListener(e, "click", () => {
+        !this.videoInstance.paused && this.videoInstance.muted ? this.videoInstance.muted = !1 : this.pause();
+      });
+      const t = e.material.map.image;
+      return t.addEventListener("playing", () => {
         this.coverMesh || this.remove(this.buttonMesh), this.render();
-      }), a.addEventListener("pause", () => {
-        this.showPauseUI();
-      }), this.videoMesh = s, this.videoInstance = a, s;
-    });
-  }
-  getButtonMesh() {
-    return v(this, null, function* () {
-      var p, l, w, T;
-      if (this.buttonMesh)
-        return this.buttonMesh;
-      const e = (l = (p = this.videoMesh) == null ? void 0 : p.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? l : 1 / 0, t = (T = (w = this.coverMesh) == null ? void 0 : w.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? T : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), a = Math.min(e, t, i) / i * 0.3, n = yield this.getButtonTexture(), r = new d.ShaderMaterial({
-        uniforms: {
-          map: { value: n }
-        },
-        transparent: !1,
-        blending: d.CustomBlending,
-        blendSrc: d.SrcAlphaFactor,
-        blendDst: d.OneMinusSrcAlphaFactor,
-        blendSrcAlpha: d.OneFactor,
-        blendDstAlpha: d.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, n.image.width / n.image.height), m = new y(h, r);
-      m.position.copy(new f(0, 0, 0)), m.name = "buttonMesh", m.scale.set(a, a, a), this.addAutoEventListener(m, "click", () => this.play());
-      const M = new d.Vector3().crossVectors(new d.Vector3().subVectors(h[0], h[1]), new d.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
-      return m.position.add(M), this.buttonMesh = m, m;
+      }), t.addEventListener("pause", () => {
+        this.showPauseUI(), this.render();
+      }), this.children.includes(this.videoMesh) || (this.add(e), this.videoMesh = e, this.videoInstance = t), e;
     });
   }
-  getButtonTexture() {
+  addButtonMesh() {
     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 E(this.buttonSrc);
-      return (i = this.ImageTextureMap) == null || i.set(this.buttonSrc, e), e;
+      if (this.children.includes(this.buttonMesh))
+        return;
+      const e = yield (() => v(this, null, function* () {
+        var u, f, E, L;
+        if (this.buttonMesh)
+          return this.buttonMesh;
+        const t = (f = (u = this.videoMesh) == null ? void 0 : u.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? f : 1 / 0, i = (L = (E = this.coverMesh) == null ? void 0 : E.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? L : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(t, i, s) / s * 0.3, o = yield this.getImageTexture(this.buttonSrc), h = l("contain", this.cornerPoints, o.image.width / o.image.height), m = new y(h, new F(o));
+        m.position.copy(new g(0, 0, 0)), m.name = "buttonMesh", m.scale.set(r, r, r), this.addAutoBindEventListener(m, "click", () => this.play());
+        const M = new p.Vector3().crossVectors(new p.Vector3().subVectors(h[0], h[1]), new p.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+        return m.position.add(M), m;
+      }))();
+      return this.children.includes(this.buttonMesh) || (this.add(e), this.buttonMesh = e), e;
     });
   }
-  getCoverTexture() {
+  getImageTexture(e) {
     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 E(this.videoCoverSrc);
-      return (i = this.ImageTextureMap) == null || i.set(this.videoCoverSrc, e), e;
+      var i, s;
+      if ((i = this.ImageTextureMap) != null && i.has(e))
+        return this.ImageTextureMap.get(e);
+      const t = yield I(e);
+      return (s = this.ImageTextureMap) == null || s.set(e, t), t;
     });
   }
-  getVideoTexture() {
-    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 C(this.src, this.videoInstance);
-      return (i = this.videoTextureMap) == null || i.set(this.src, e), e;
-    });
+  getVideoTexture(e) {
+    var i, s;
+    if ((i = this.videoTextureMap) != null && i.has(e))
+      return this.videoTextureMap.get(e);
+    const t = B(e);
+    return (s = this.videoTextureMap) == null || s.set(e, t), t;
   }
 }
 export {

package/libs/base/BasePlugin.js

@@ -4,7 +4,7 @@ var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
 class o {
   constructor(r, t) {
-    s(this, "VERSION", "2.16.2-alpha.0");
+    s(this, "VERSION", "2.17.0-aplha.1");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");