@realsee/dnalogel 2.16.0-10 → 2.16.0-12

package/libs/PanoTagPlugin/controller/index.js

@@ -28,12 +28,10 @@ var f = (d, a, e) => new Promise((t, i) => {
   r((e = e.apply(d, a)).next());
 });
 import { Subscribe as w } from "@realsee/five";
-import c from "object-assign-deep";
+import { objectAssignDeepExports as c } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as M } from "../utils/addDebugPoints.js";
 import "three";
-import "@realsee/five/gltf-loader";
-import "../../shared-utils/three/loadTexture.js";
 import { isMediaModelTag as v } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as I } from "../utils/actionAfterFiveModelLoad.js";
 import { debounce as A } from "../utils/debounce.js";
@@ -47,7 +45,7 @@ import "../utils/tagPosition.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../utils/checkRange.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -61,8 +59,6 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/isNil.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import "../../shared-utils/animationFrame/index.js";
 import "./TagUtil.js";
 import "../tag.config.js";
 import "../utils/planeNormal.js";
@@ -119,13 +115,14 @@ import "../../vendor/svelte-carousel/src/utils/page.js";
 import "../../vendor/svelte-carousel/src/utils/clones.js";
 import "../../vendor/svelte-carousel/src/utils/object.js";
 import "../../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
-import "../../vendor/simply-reactive/src/simply-reactive.js";
-import "lodash.get";
-import "lodash.clonedeep";
-import "../../vendor/simply-reactive/src/utils/subscription.js";
-import "../../vendor/simply-reactive/src/utils/object.js";
-import "lodash.isequal";
-import "../../vendor/simply-reactive/src/utils/watcher.js";
+import "../../vendor/easy-reactive/src/simply-reactive.js";
+import "../../vendor/lodash.get/index.js";
+import "../../_commonjsHelpers.js";
+import "../../vendor/lodash.clonedeep/index.js";
+import "../../vendor/easy-reactive/src/utils/subscription.js";
+import "../../vendor/easy-reactive/src/utils/object.js";
+import "../../vendor/lodash.isequal/index.js";
+import "../../vendor/easy-reactive/src/utils/watcher.js";
 import "../../vendor/svelte-carousel/src/utils/lazy.js";
 import "../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../vendor/svelte-carousel/src/utils/interval.js";
@@ -143,20 +140,26 @@ import "../Components/Tag/LinkTag.js";
 import "../Components/Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "../Components/Tag/CustomTag.js";
-import "classnames";
+import "../../vendor/classnames/index.js";
 import "../Components/Common/TagPoint.js";
-import "../utils/model/imagePlane.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
-const D = "Dnalogel-PanoTagPlugin", Zt = (d) => `${D}--${d}`;
-class ei extends k {
+import "@realsee/five/gltf-loader";
+import "../utils/model/imagePlane.js";
+import "../../shared-utils/three/loadTexture.js";
+const D = "Dnalogel-PanoTagPlugin", Yt = (d) => `${D}--${d}`;
+class Zt extends k {
   constructor(e, t) {
     super(e);
+    /** state */
     p(this, "state", { enabled: !0, visible: !0 });
+    /** 插件参数 */
     p(this, "params");
+    /** debug */
     p(this, "debug");
+    /** 更改 tag 模型 */
     p(this, "changeTagModel", (e, t) => f(this, null, function* () {
       e.data = c({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
@@ -166,9 +169,10 @@ class ei extends k {
         v(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags();
     });
+    /** 楼层切换时，需要更新标签可见性 */
     p(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !v(e) || (e.state.visible = this.getVisible(e));
+        v(e) && (e.state.visible = this.getVisible(e));
       }), this.updateRenderAllTags();
     });
     this.params = l({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, O(1, { namespace: _.PlayAudio });
@@ -178,6 +182,9 @@ class ei extends k {
     } catch (i) {
     }
   }
+  /**
+   * @description: 加载数据
+   */
   load(e, t) {
     return f(this, null, function* () {
       var s, o;
@@ -195,6 +202,9 @@ class ei extends k {
       return i;
     });
   }
+  /**
+   * @description: 添加标签
+   */
   addTag(e, t) {
     return f(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
@@ -219,12 +229,21 @@ class ei extends k {
       }));
     });
   }
+  /**
+   * @description: 改变配置
+   */
   changeConfig(e, t = !0) {
     t ? this.config = c({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
+  /**
+   * @description: 改变全局配置
+   */
   changeGlobalConfig(e, t = !0) {
     t ? this.config.globalConfig = c({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
+  /**
+   * @description: 改变类型配置
+   */
   changeContentTypeConfig(e, t, i = !0) {
     this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = c({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.clearCache(), this.updateRenderAllTags();
   }
@@ -262,6 +281,9 @@ class ei extends k {
     const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = l({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
+  /**
+   * @description: 销毁
+   */
   dispose() {
     var e, t, i, s, o, r;
     this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((n) => {
@@ -284,32 +306,50 @@ class ei extends k {
   }
   changeEnabledById(e, t) {
     const i = this.getTagById(e);
-    !i || (i.enabled = t, this.updateRenderAllTags());
+    i && (i.enabled = t, this.updateRenderAllTags());
   }
+  /**
+   * @description: 修改3D标签normal
+   */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = C(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = C(t));
   }
+  /**
+   * @description: 改变data
+   */
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = c({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
+    s && (i ? s.data = c({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
   }
+  /**
+   * @description: 改变tag的stickType
+   */
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
+  /**
+   * @description: 改变tag任意属性
+   */
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? c(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = C(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
+    t && (i ? c(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = C(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
   }
+  /**
+   * @description: 销毁tag
+   */
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
       const s = this.tags.findIndex((o) => o.id === i);
       s !== -1 && this.tags.splice(s, 1);
     }), this.updateRenderAllTags();
   }
+  /**
+   * @description: 设置 visible 和 unfolded
+   */
   setVisibleAndUnfolded() {
     return f(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
-      if (!!this.isPanorama)
+      if (this.isPanorama)
         return this.setVisible(), e ? new Promise((t) => {
           setTimeout(() => {
             this.setUnfoldedByPanoIndex(), t();
@@ -333,6 +373,9 @@ class ei extends k {
       (o = s.tag3DContentSvelte) == null || o.svelteApp.$destroy(), s.tag3DContentSvelte = void 0;
     }), this.five.needsRender = !0;
   }
+  /**
+   * @description: 添加 cameraUpdate, panoArrived 等事件监听
+   */
   addEventListener() {
     const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), r = this.handleFiveCameraUpdateDebounce(), n = this.handleFivePanoArrived.bind(this), h = this.loadVideoFirstFrame.bind(this), g = this.clickhandler.bind(this), b = this.five.currentMode;
     return b && this.handleFiveModeChange(b), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", r), e.on("panoArrived", n), e.on("panoArrived", h), t.on("click", g), () => {
@@ -351,12 +394,12 @@ class ei extends k {
     if (!this.store.disposed)
       return;
     const e = this.five.getElement(), t = () => {
-      !this.state.enabled || (this.show(), this.updateRenderAllTags());
+      this.state.enabled && (this.show(), this.updateRenderAllTags());
     }, i = () => {
-      !this.state.enabled || this.hide();
+      this.state.enabled && this.hide();
     }, { observe: s, unobserve: o } = y(
       R(() => {
-        !this.store.resizeObserverDisposer || i();
+        this.store.resizeObserverDisposer && i();
       }, 500),
       e
     ), { observe: r, unobserve: n } = y(
@@ -367,6 +410,9 @@ class ei extends k {
       o(), n();
     };
   }
+  /**
+   * @description: 切换模式处理函数
+   */
   handleFiveModeChange(e) {
     this.setModelMedialVisible(), this.tags.forEach((t) => {
       v(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
@@ -375,9 +421,25 @@ class ei extends k {
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(l({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(l({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = m(l({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = m(l({}, e.temporaryState), { visible: !!t.visibleConfig.alwaysShowWhenMovePano }));
     }), this.updateTagContainerVisible();
   }
+  /**
+   * @description: 走点/切换模型后显示
+   */
+  // private temporaryShow({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
+  //   this.store.visibleWithAnimation = withAnimation
+  //   this.temporaryState.visible = true
+  //   this.updateTagContainerVisible()
+  // }
+  /**
+   * @description: 走点/切换模型时临时隐藏
+   */
+  // private temporaryHide({ withAnimation }: { withAnimation?: boolean } = { withAnimation: false }) {
+  //   this.store.visibleWithAnimation = withAnimation
+  //   this.temporaryState.visible = false
+  //   this.updateTagContainerVisible()
+  // }
   clickhandler(e) {
     if (e.target !== "TagPoint")
       return;
@@ -407,7 +469,7 @@ class ei extends k {
     let e = !1;
     this.tags.forEach((t) => {
       const i = this.getUnfoldedByCamera(t);
-      !t.state || i !== void 0 && (i === !0 && (e = !0), t.state.unfolded = i);
+      t.state && i !== void 0 && (i === !0 && (e = !0), t.state.unfolded = i);
     }), e && this.tags.forEach((t) => {
       const i = this.getTagConfig(t).unfoldedConfig;
       typeof i == "object" && (i.autoUnfold || i.keep) || t.state && (t.state.unfolded = !1);
@@ -419,7 +481,7 @@ class ei extends k {
   }
 }
 export {
-  ei as PanoTagPluginController,
-  ei as default,
-  Zt as pluginFlag
+  Zt as PanoTagPluginController,
+  Zt as default,
+  Yt as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,14 +1,12 @@
 import t from "./controller/index.js";
-import { default as Fr, pluginFlag as br } from "./controller/index.js";
-import { ContentType as jr } from "./typings/tag/TagData.js";
-import { DimensionType as qr } from "./typings/tag/Utils.js";
+import { pluginFlag as Dr } from "./controller/index.js";
+import { ContentType as br } from "./typings/tag/TagData.js";
+import { DimensionType as jr } from "./typings/tag/Utils.js";
 import "@realsee/five";
-import "object-assign-deep";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "three";
 import "./utils/addDebugPoints.js";
-import "@realsee/five/gltf-loader";
-import "../shared-utils/three/loadTexture.js";
 import "./utils/tag/tagCheck.js";
 import "./utils/actionAfterFiveModelLoad.js";
 import "./utils/debounce.js";
@@ -22,7 +20,7 @@ import "./utils/tagPosition.js";
 import "../shared-utils/three/centerPoint.js";
 import "./utils/checkRange.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -36,8 +34,6 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/isNil.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "./controller/TagUtil.js";
 import "./tag.config.js";
 import "./utils/planeNormal.js";
@@ -94,13 +90,14 @@ import "../vendor/svelte-carousel/src/utils/page.js";
 import "../vendor/svelte-carousel/src/utils/clones.js";
 import "../vendor/svelte-carousel/src/utils/object.js";
 import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
-import "../vendor/simply-reactive/src/simply-reactive.js";
-import "lodash.get";
-import "lodash.clonedeep";
-import "../vendor/simply-reactive/src/utils/subscription.js";
-import "../vendor/simply-reactive/src/utils/object.js";
-import "lodash.isequal";
-import "../vendor/simply-reactive/src/utils/watcher.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-reactive/src/utils/watcher.js";
 import "../vendor/svelte-carousel/src/utils/lazy.js";
 import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../vendor/svelte-carousel/src/utils/interval.js";
@@ -118,19 +115,21 @@ import "./Components/Tag/LinkTag.js";
 import "./Components/Common/Icon/Icon.js";
 import "./utils/getImageInfo.js";
 import "./Components/Tag/CustomTag.js";
-import "classnames";
+import "../vendor/classnames/index.js";
 import "./Components/Common/TagPoint.js";
-import "./utils/model/imagePlane.js";
 import "../CSS3DRenderPlugin/index.js";
 import "../CSS3DRenderPlugin/Controller.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../shared-utils/three/GLTFLoader.js";
+import "@realsee/five/gltf-loader";
+import "./utils/model/imagePlane.js";
+import "../shared-utils/three/loadTexture.js";
 const cr = (o, r) => new t(o, r);
 export {
-  jr as ContentType,
-  qr as DimensionType,
+  br as ContentType,
+  jr as DimensionType,
   cr as PanoTagPlugin,
-  Fr as PanoTagPluginController,
+  t as PanoTagPluginController,
   cr as default,
-  br as pluginFlag
+  Dr as pluginFlag
 };

package/libs/PanoTagPlugin/tag.config.js

@@ -21,6 +21,7 @@ const e = {
     },
     Link: {
       unfoldedConfig: {
+        // VR 跳转标签没有收起状态
         keep: "unfolded"
       },
       initialState: {
@@ -29,6 +30,7 @@ const e = {
     },
     VRLink: {
       unfoldedConfig: {
+        // VR 跳转标签没有收起状态
         keep: "unfolded"
       },
       initialState: {
@@ -37,6 +39,7 @@ const e = {
     },
     PanoLink: {
       unfoldedConfig: {
+        // VR 跳转标签没有收起状态
         keep: "unfolded"
       },
       initialState: {
@@ -50,6 +53,7 @@ const e = {
       visibleConfig: {
         alwaysShowWhenMovePano: !0
       }
+      // renderType: 'Mesh',
     },
     MediaModel: {
       unfoldedConfig: {

package/libs/PanoTagPlugin/typings/index.js

@@ -1,9 +1,6 @@
-import { ContentType as m } from "./tag/TagData.js";
-import { DimensionType as n } from "./tag/Utils.js";
-import "@realsee/five/gltf-loader";
-import "three";
-import "../../shared-utils/three/loadTexture.js";
+import { ContentType as n } from "./tag/TagData.js";
+import { DimensionType as r } from "./tag/Utils.js";
 export {
-  m as ContentType,
-  n as DimensionType
+  n as ContentType,
+  r as DimensionType
 };

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

@@ -1,8 +1,8 @@
-import { GLTFObject } from '@realsee/five/gltf-loader';
-import { Group } from 'three';
+import type { GLTFObject } from '@realsee/five/gltf-loader';
+import type { Group } from 'three';
 import type { Tag } from './Tag';
 import type { TagContentType } from './TagData';
-import ImagePlane from '../../utils/model/imagePlane';
+import type ImagePlane from '../../utils/model/imagePlane';
 export declare type TagId = string | number;
 export declare type ArrayPosition = number[];
 export declare type Position = ArrayPosition;

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

@@ -1,7 +1,4 @@
-import "@realsee/five/gltf-loader";
-import "three";
-import "../../../shared-utils/three/loadTexture.js";
-var t = /* @__PURE__ */ ((r) => (r.Two = "2D", r.Three = "3D", r))(t || {});
+var e = /* @__PURE__ */ ((r) => (r.Two = "2D", r.Three = "3D", r))(e || {});
 export {
-  t as DimensionType
+  e as DimensionType
 };

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -1,14 +1,16 @@
 import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import * as o from "three";
-import "@realsee/five/gltf-loader";
-import "../../shared-utils/three/loadTexture.js";
-function w(p, h) {
-  h.forEach((t) => {
+function M(h, p) {
+  p.forEach((t) => {
     const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [
       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) => {
@@ -20,10 +22,10 @@ function w(p, h) {
       s.position.copy(c(t.position)), i.push(s);
     }
     i.forEach((e) => {
-      e.material.depthTest = !1, p.scene.add(e);
+      e.material.depthTest = !1, h.scene.add(e);
     });
   });
 }
 export {
-  w as addDebugPoints
+  M as addDebugPoints
 };

package/libs/PanoTagPlugin/utils/audio/SharedAudio.js

@@ -1,6 +1,6 @@
-var E = Object.defineProperty;
-var y = (u, r, e) => r in u ? E(u, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[r] = e;
-var c = (u, r, e) => (y(u, typeof r != "symbol" ? r + "" : r, e), e);
+var y = Object.defineProperty;
+var L = (u, r, e) => r in u ? y(u, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[r] = e;
+var c = (u, r, e) => (L(u, typeof r != "symbol" ? r + "" : r, e), e);
 var m = (u, r, e) => new Promise((s, a) => {
   var h = (d) => {
     try {
@@ -17,7 +17,7 @@ var m = (u, r, e) => new Promise((s, a) => {
   }, o = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(h, i);
   o((e = e.apply(u, r)).next());
 });
-import { getAudio as L, AudioNamespace as A } from "../../../shared-utils/audio.js";
+import { getAudio as E, AudioNamespace as A } from "../../../shared-utils/audio.js";
 class T extends Audio {
   constructor(e) {
     super();
@@ -41,14 +41,14 @@ class T extends Audio {
       var s, a, h;
       if (this.tryplaying)
         return;
-      this.tryplaying = !0, (!this.audioInstance || ((s = this.audioInstance) == null ? void 0 : s.realSrc) !== this.sharedAudioSrc) && (this.audioInstance = L(this.sharedAudioSrc, { namespace: A.PlayAudio })), (a = this.eventListenerDisposer) == null || a.call(this), this.eventListenerDisposer = this.addEventListeners(), this.audioInstance.currentTime = (h = this.currentTime) != null ? h : 0;
+      this.tryplaying = !0, (!this.audioInstance || ((s = this.audioInstance) == null ? void 0 : s.realSrc) !== this.sharedAudioSrc) && (this.audioInstance = E(this.sharedAudioSrc, { namespace: A.PlayAudio })), (a = this.eventListenerDisposer) == null || a.call(this), this.eventListenerDisposer = this.addEventListeners(), this.audioInstance.currentTime = (h = this.currentTime) != null ? h : 0;
       const e = this.audioInstance.currentTime !== this.currentTime;
       this.audioInstance.play().then(() => {
         var i;
         this.audioInstance.muted = !1, e && (this.audioInstance.currentTime = (i = this.currentTime) != null ? i : 0), this.sharedAudioPaused = !1;
       }).catch((i) => {
         var o;
-        i.message === "The operation is not supported." ? console.error("Error: \u97F3\u9891\u6587\u4EF6\u53EF\u80FD\u635F\u574F\u6216\u4FEE\u6539\u8FC7\u6587\u4EF6\u540E\u7F00", i) : console.error("Error: error playing media in Safari", i), this.endedHandler(), (o = this.onerror) == null || o.call(this, i);
+        i.message === "The operation is not supported." ? console.error("Error: 音频文件可能损坏或修改过文件后缀", i) : console.error("Error: error playing media in Safari", i), this.endedHandler(), (o = this.onerror) == null || o.call(this, i);
       }).finally(() => {
         this.tryplaying = !1;
       });
@@ -56,7 +56,7 @@ class T extends Audio {
   }
   pause(e) {
     var s;
-    if (!!this.audioInstance && !this.paused) {
+    if (this.audioInstance && !this.paused) {
       if (this.sharedAudioPaused = !0, (s = this.eventListenerDisposer) == null || s.call(this), this.audioInstance.ended) {
         this.endedHandler();
         return;

package/libs/PanoTagPlugin/utils/index.js

@@ -1,40 +1,38 @@
-import { even as p } from "../../CSS3DRenderPlugin/utils/even.js";
-import { random as f } from "../../CSS3DRenderPlugin/utils/random.js";
-import { anyPositionToVector3 as x, arrayPositionToVector3 as c, positionToVector3 as l } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as P } from "./addDebugPoints.js";
-import { noTypecheck as g } from "./noTypecheck.js";
-import { planeNormal as V } from "./planeNormal.js";
-import { getTagPosition as u, tagPosition as v } from "./tagPosition.js";
-import { checkRange as F } from "./checkRange.js";
-import { actionAfterFiveModelLoad as k, waitFiveModelLoaded as M } from "./actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as w } from "./normalPositionToPositions.js";
-import { debounce as A } from "./debounce.js";
-import { throttle as D } from "./throttle.js";
-import { binarySearchFirstBig as O, searchFirstValueSmallThanLastValue as R } from "./search.js";
-import { resizeObserver as q } from "./resizeObserver.js";
+import { even as a } from "../../CSS3DRenderPlugin/utils/even.js";
+import { random as p } from "../../CSS3DRenderPlugin/utils/random.js";
+import { anyPositionToVector3 as f, arrayPositionToVector3 as s, positionToVector3 as x } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as l } from "./addDebugPoints.js";
+import { noTypecheck as P } from "./noTypecheck.js";
+import { planeNormal as g } from "./planeNormal.js";
+import { getTagPosition as V, tagPosition as b } from "./tagPosition.js";
+import { checkRange as v } from "./checkRange.js";
+import { actionAfterFiveModelLoad as F, waitFiveModelLoaded as L } from "./actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as M } from "./normalPositionToPositions.js";
+import { debounce as w } from "./debounce.js";
+import { throttle as A } from "./throttle.js";
+import { binarySearchFirstBig as D, searchFirstValueSmallThanLastValue as N } from "./search.js";
+import { resizeObserver as R } from "./resizeObserver.js";
 import "three";
-import "@realsee/five/gltf-loader";
-import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
 export {
-  k as actionAfterFiveModelLoad,
-  P as addDebugPoints,
-  x as anyPositionToVector3,
-  c as arrayPositionToVector3,
-  O as binarySearchFirstBig,
-  F as checkRange,
-  A as debounce,
-  p as even,
-  u as getTagPosition,
-  g as noTypecheck,
-  w as normalPositionToPositions,
-  V as planeNormal,
-  l as positionToVector3,
-  f as random,
-  q as resizeObserver,
-  R as searchFirstValueSmallThanLastValue,
-  v as tagPosition,
-  D as throttle,
-  M as waitFiveModelLoaded
+  F as actionAfterFiveModelLoad,
+  l as addDebugPoints,
+  f as anyPositionToVector3,
+  s as arrayPositionToVector3,
+  D as binarySearchFirstBig,
+  v as checkRange,
+  w as debounce,
+  a as even,
+  V as getTagPosition,
+  P as noTypecheck,
+  M as normalPositionToPositions,
+  g as planeNormal,
+  x as positionToVector3,
+  p as random,
+  R as resizeObserver,
+  N as searchFirstValueSmallThanLastValue,
+  b as tagPosition,
+  A as throttle,
+  L as waitFiveModelLoaded
 };

package/libs/PanoTagPlugin/utils/normalPositionToPositions.js

@@ -3,9 +3,13 @@ function d(t, e, a) {
   const r = new s.Plane().setFromNormalAndCoplanarPoint(a, e), o = e.clone().sub(t).cross(new s.Vector3(0, 1, 0)).setLength(0.01), n = new s.Vector3(0, 0.01, 0);
   return [
     e.clone().sub(o).sub(n),
+    // 左下
     e.clone().add(o).sub(n),
+    // 右下
     e.clone().add(o).add(n),
+    // 右上
     e.clone().sub(o).add(n)
+    // 左上
   ].map((c) => r.projectPoint(c, new s.Vector3()));
 }
 export {

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1,13 +1,11 @@
 import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "three";
-import "@realsee/five/gltf-loader";
-import "../../shared-utils/three/loadTexture.js";
-function p(t) {
+function i(t) {
   if (t.length < 3)
     return;
   const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
   return r.cross(n);
 }
 export {
-  p as planeNormal
+  i as planeNormal
 };

package/libs/PanoTagPlugin/utils/tagPosition.d.ts

@@ -1,5 +1,5 @@
 import { Vector3 } from 'three';
 import { AnyPosition } from '.';
-import { Tag } from '../typings';
+import type { Tag } from '../typings';
 export declare function tagPosition(position: AnyPosition | [AnyPosition, AnyPosition, AnyPosition, AnyPosition]): Vector3;
 export declare function getTagPosition(tag: Tag): Vector3;