@realsee/dnalogel 2.6.7-dev.9 → 2.7.0

package/libs/PanoTagPlugin/controller/index.js

@@ -1,17 +1,17 @@
-var B = Object.defineProperty, G = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
+var B = Object.defineProperty, x = Object.defineProperties;
+var G = Object.getOwnPropertyDescriptors;
 var R = Object.getOwnPropertySymbols;
 var N = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var A = (h, d, e) => d in h ? B(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, c = (h, d) => {
+var P = (h, d, e) => d in h ? B(h, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[d] = e, p = (h, d) => {
   for (var e in d || (d = {}))
-    N.call(d, e) && A(h, e, d[e]);
+    N.call(d, e) && P(h, e, d[e]);
   if (R)
     for (var e of R(d))
-      W.call(d, e) && A(h, e, d[e]);
+      W.call(d, e) && P(h, e, d[e]);
   return h;
-}, g = (h, d) => G(h, V(d));
-var l = (h, d, e) => (A(h, typeof d != "symbol" ? d + "" : d, e), e);
-var m = (h, d, e) => new Promise((t, i) => {
+}, v = (h, d) => x(h, G(d));
+var l = (h, d, e) => (P(h, typeof d != "symbol" ? d + "" : d, e), e);
+var c = (h, d, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
@@ -28,25 +28,25 @@ var m = (h, d, e) => new Promise((t, i) => {
   n((e = e.apply(h, d)).next());
 });
 import { Subscribe as z } from "@realsee/five";
-import { Group as O, Vector3 as C, Matrix4 as D, Quaternion as _ } from "three";
-import v from "object-assign-deep";
+import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as _ } from "three";
+import b from "object-assign-deep";
 import { writable as $ } from "../../vendor/svelte/store/index.js";
 import q from "../Components/TagContainer.js";
 import H from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as b } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as J } from "../utils/addDebugPoints.js";
-import { planeNormal as E } from "../utils/planeNormal.js";
+import { planeNormal as k } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
-import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as m } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
 import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
-import { debounce as k } from "../utils/debounce.js";
+import { debounce as j } from "../utils/debounce.js";
 import { throttle as K } from "../utils/throttle.js";
 import { resizeObserver as I } from "../utils/resizeObserver.js";
 import { TagComputer as Y } from "./TagComputer.js";
 import { CSS3DRenderPlugin as Z } from "../../CSS3DRenderPlugin/index.js";
 import ee from "../utils/tag/format.js";
-import { generateBlankAudio as j, AudioNamespace as U } from "../../shared-utils/audio.js";
+import { generateBlankAudio as U, AudioNamespace as L } from "../../shared-utils/audio.js";
 import { loadGLTF as te } from "../../shared-utils/three/GLTFLoader.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/TagItem.js";
@@ -141,11 +141,11 @@ import "./TagCacheController.js";
 import "../../base/BasePlugin.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-const L = "2.0.10", S = `DnalogelPlugin-PanoTagPlugin@${L}`, ie = !1, hi = (h) => `${S}--${h}`;
+const V = "2.0.10", M = `DnalogelPlugin-PanoTagPlugin@${V}`, ie = !1, hi = (h) => `${M}--${h}`;
 class pi extends Y {
   constructor(e, t) {
     super(e);
-    l(this, "version", L);
+    l(this, "version", V);
     l(this, "state", { enabled: !0, visible: !0 });
     l(this, "params");
     l(this, "debug");
@@ -155,8 +155,8 @@ class pi extends Y {
     l(this, "mediaStore", $({
       currentMediaElement: null
     }));
-    l(this, "group", new O());
-    l(this, "gltfObjectGroup", new O());
+    l(this, "group", new E());
+    l(this, "gltfObjectGroup", new E());
     l(this, "isIOSWX", navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1);
     l(this, "store", {
       disposers: [],
@@ -165,24 +165,24 @@ class pi extends Y {
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
     l(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
-    l(this, "changeTagModel", (e, t) => m(this, null, function* () {
-      e.data = v({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    l(this, "changeTagModel", (e, t) => c(this, null, function* () {
+      e.data = b({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "disposedErrorLog", () => {
-      console.error(`${S} is disposed`);
+      console.error(`${M} is disposed`);
     });
     l(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        f(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+        m(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     l(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !f(e) || (e.state.visible = this.checkFloorIndex(e));
+        !m(e) || (e.state.visible = this.getVisible(e));
       }), this.updateRenderAllTags();
     });
-    l(this, "loadModel", (e) => m(this, null, function* () {
+    l(this, "loadModel", (e) => c(this, null, function* () {
       var r;
       const t = e.data.modelUrl;
       if (!t)
@@ -192,16 +192,16 @@ class pi extends Y {
       const s = yield i;
       if (((r = e.model) == null ? void 0 : r.promise) !== i || (e.model.object = s, !this.tags.includes(e)))
         return;
-      s.visible = e.state.visible, new D().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), this.checkFloorIndex(e) || (s.visible = !1);
+      s.visible = e.state.visible, new S().fromArray(e.matrix).decompose(s.position, s.quaternion, s.scale), s.updateWorldMatrix(!0, !0), this.getVisibleByFloorIndex(e) || (s.visible = !1);
       const n = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
       return n && this.gltfObjectGroup.remove(n), this.gltfObjectGroup.add(s), this.updateTagCss3DObjectMatrix(e, s), s;
     }));
-    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = c({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, j(1, { namespace: U.GetAudioDuration }), j(1, { namespace: U.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
+    this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.group.add(this.gltfObjectGroup), this.params = p({ debug: !1, config: this.config }, t), this.debug = this.params.debug, this.config = this.params.config, U(1, { namespace: L.GetAudioDuration }), U(1, { namespace: L.PlayAudio }), Object.assign(window, { [`__PANOTAGPLUGIN_DEBUG_${Date.now()}__`]: this }), Object.assign(window, { __PANOTAGPLUGIN_DEBUG__: this }), this.state.enabled && this.five.scene.add(this.group);
   }
   load(e, t) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       var s, o;
-      this.clearTags(), console.info(S, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = v({}, this.config, {
+      this.clearTags(), console.info(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = b({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
@@ -216,15 +216,15 @@ class pi extends Y {
     });
   }
   addTag(e, t) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        const n = this.getTagConfig(o), r = g(c({}, o), {
-          state: c({ visible: void 0, unfolded: ie }, n.initialState),
+        const n = this.getTagConfig(o), r = v(p({}, o), {
+          state: p({ visible: void 0, unfolded: ie }, n.initialState),
           hooks: new z(),
           clickable: n.clickable,
           mergedConfig: n
         });
-        return f(o) && (r.temporaryState = { visible: !1 }), r;
+        return m(o) && (r.temporaryState = { visible: !1 }), r;
       }).filter((o) => o.position);
       return s.forEach(ee), this.tags.push(...s), Q(this.five).then(() => {
         var o, n, r;
@@ -233,16 +233,16 @@ class pi extends Y {
     });
   }
   changeConfig(e, t = !0) {
-    t ? this.config = v({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = b({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = v({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = b({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   clearTags() {
     this.tags = [], this.enabledModelTagSet.clear(), this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -250,7 +250,7 @@ class pi extends Y {
     });
   }
   hide(e) {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -279,7 +279,7 @@ class pi extends Y {
   setState(e, t) {
     if (this.store.disposed)
       return this.disposedErrorLog();
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = c({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = p({}, 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 });
   }
   changeUnfoldedById(e, t) {
@@ -293,18 +293,18 @@ class pi extends Y {
   }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = b(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = C(t), this.updateRenderPlaneTag());
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = v({}, s.data, t) : s.data = c(c({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = b({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
   }
   changeStickTypeById(e, t, i = !0) {
     this.changeTagById(e, t, i);
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = b(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? b(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.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -316,19 +316,28 @@ class pi extends Y {
     this.mediaStore.set({ currentMediaElement: null });
   }
   updateTagCss3DObjectMatrix(e, t) {
-    var P, M, w, F;
-    const i = (w = (M = (P = e.mergedConfig) == null ? void 0 : P.tag3DConfig) == null ? void 0 : M.ratio) != null ? w : 216e-5, s = (F = e.tag3DContentSvelte) == null ? void 0 : F.domContainer.css3DObject;
+    var D, w, O, F;
+    const i = (O = (w = (D = e.mergedConfig) == null ? void 0 : D.tag3DConfig) == null ? void 0 : w.ratio) != null ? O : 216e-5, s = (F = e.tag3DContentSvelte) == null ? void 0 : F.domContainer.css3DObject;
     if (!s)
       return;
-    const o = f(e) ? e.data.mediaPosition : e.position;
+    const o = m(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    const n = t.matrixWorld, r = new C().fromArray(o[0]), a = new C().fromArray(o[2]), p = new C().lerpVectors(r, a, 0.5).add(new C(0, 0, 5e-4)), u = new D().setPosition(p), x = new D().makeScale(i, i, i), y = new D().multiply(n).multiply(u).multiply(x);
-    y.decompose(s.position, s.quaternion, s.scale);
-    const T = s.opacityMesh;
-    !T || y.decompose(T.position, T.quaternion, T.scale);
+    const n = t.matrixWorld, r = new A().fromArray(o[0]), a = new A().fromArray(o[2]), f = new A().lerpVectors(r, a, 0.5).add(new A(0, 0, 5e-4)), g = new S().setPosition(f), y = new S().makeScale(i, i, i), T = new S().multiply(n).multiply(g).multiply(y);
+    T.decompose(s.position, s.quaternion, s.scale);
+    const u = s.opacityMesh;
+    !u || T.decompose(u.position, u.quaternion, u.scale);
+  }
+  updateTagCss3DObjectVisible(e) {
+    var s, o, n, r, a;
+    const t = (s = e.tag3DContentSvelte) == null ? void 0 : s.domContainer.css3DObject;
+    if (!t)
+      return;
+    t.visible = (n = (o = e.state) == null ? void 0 : o.visible) != null ? n : !0;
+    const i = t.opacityMesh;
+    !i || (i.visible = (a = (r = e.state) == null ? void 0 : r.visible) != null ? a : !0);
   }
   setVisibleAndUnfolded() {
-    return m(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+    return c(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
       if (!!this.isPanorama)
         return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
           setTimeout(() => {
@@ -354,9 +363,9 @@ class pi extends Y {
     });
   }
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), a = this.loadVideoFirstFrame.bind(this), p = this.clickhandler.bind(this), u = this.five.currentMode;
-    return this.handleFiveModeChange(u), 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", n), e.on("panoArrived", r), e.on("panoArrived", a), t.on("click", p), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", a), t.off("click", p), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), a = this.loadVideoFirstFrame.bind(this), f = this.clickhandler.bind(this), g = this.five.currentMode;
+    return this.handleFiveModeChange(g), 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", n), e.on("panoArrived", r), e.on("panoArrived", a), t.on("click", f), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", a), t.off("click", f), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -383,7 +392,7 @@ class pi extends Y {
       }, 500),
       e
     ), { observe: n, unobserve: r } = I(
-      k(() => t(), 400),
+      j(() => t(), 400),
       e
     );
     return s(), n(), () => {
@@ -392,13 +401,13 @@ class pi extends Y {
   }
   handleFiveModeChange(e) {
     this.tags.forEach((t) => {
-      f(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+      m(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
     }), this.updateRenderAllTags(), this.updateRenderAllTags();
   }
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = g(c({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = g(c({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = v(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = v(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   temporaryShow({ withAnimation: e } = { withAnimation: !1 }) {
@@ -436,7 +445,7 @@ class pi extends Y {
     });
   }
   handleFiveCameraUpdateDebounce() {
-    return k(() => {
+    return j(() => {
       this.setUnfoldedByCamera(), this.updateRenderAllTags();
     }, 100);
   }
@@ -444,9 +453,9 @@ class pi extends Y {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return m(this, null, function* () {
+    return c(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.setModelMedialVisibleByPanoIndex(), this.tags.forEach((e) => {
-        e.temporaryState = g(c({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = v(p({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
     });
   }
@@ -477,64 +486,62 @@ class pi extends Y {
   }
   updateRenderPlaneTag() {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag(), ...this.filterModelTag()]).forEach((t) => {
-      var i, s, o;
+      var r, a, f;
       if (t.tag3DContentSvelte) {
-        const { svelteApp: n, domContainer: r, initialNormal: a, currentNormal: p } = t.tag3DContentSvelte;
-        if (n.$set({
+        const { svelteApp: g, domContainer: y, initialNormal: T, currentNormal: u } = t.tag3DContentSvelte;
+        if (this.updateTagCss3DObjectVisible(t), g.$set({
           tag: t,
           hooks: this.hooks,
           state: this.state,
           temporaryState: this.temporaryState
-        }), !a.equals(p)) {
-          const u = new _().setFromUnitVectors(a, p);
-          r.css3DObject.setRotationFromQuaternion(u);
+        }), !T.equals(u)) {
+          const D = new _().setFromUnitVectors(T, u);
+          y.css3DObject.setRotationFromQuaternion(D);
         }
-      } else {
-        if (((i = t.state) == null ? void 0 : i.visible) === !1)
-          return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
-          return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const n = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
-          this.five.camera.position,
-          b(t.position),
-          b(t.normal)
-        ))();
-        if (!n)
-          return;
-        const r = function() {
-          if (t.normal)
-            return b(t.normal);
-          if (t.stickType === "Plane")
-            return E(t.position);
-          if (t.contentType === "MediaModel")
-            return E(n);
-        }();
-        if (!r)
-          return;
-        const a = this.getTagConfig(t).tag3DConfig, p = this.css3DRenderPlugin.create3DDomContainer(n, a);
-        if (!p)
-          return;
-        this.store.css3DRenderDisposer.set(t.id, p.dispose), t.tag3DContentSvelte = {
-          svelteApp: new H({
-            target: p.container,
-            props: {
-              tag: t,
-              hooks: this.hooks,
-              state: t.contentType === "MediaModel" ? g(c({}, this.state), { visible: !1 }) : this.state,
-              mediaStore: this.mediaStore,
-              temporaryState: this.temporaryState
-            }
-          }),
-          domContainer: p,
-          initialNormal: r,
-          currentNormal: r
-        }, f(t) && ((s = t.model) == null ? void 0 : s.object) && this.updateTagCss3DObjectMatrix(t, (o = t.model) == null ? void 0 : o.object);
+        return;
       }
+      if (((r = t.state) == null ? void 0 : r.visible) === !1)
+        return;
+      if (this.css3DRenderPlugin || (this.css3DRenderPlugin = Z(this.five)), t.stickType === "3DPoint" && !t.normal)
+        return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
+      const i = (() => t.stickType === "Plane" ? t.position : m(t) ? t.data.mediaPosition : X(
+        this.five.camera.position,
+        C(t.position),
+        C(t.normal)
+      ))();
+      if (!i)
+        return;
+      const s = function() {
+        if (t.normal)
+          return C(t.normal);
+        if (t.stickType === "Plane")
+          return k(t.position);
+        if (t.contentType === "MediaModel")
+          return k(i);
+      }();
+      if (!s)
+        return;
+      const o = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(i, o);
+      !n || (this.updateTagCss3DObjectVisible(t), this.store.css3DRenderDisposer.set(t.id, n.dispose), t.tag3DContentSvelte = {
+        svelteApp: new H({
+          target: n.container,
+          props: {
+            tag: t,
+            hooks: this.hooks,
+            state: t.contentType === "MediaModel" ? v(p({}, this.state), { visible: !1 }) : this.state,
+            mediaStore: this.mediaStore,
+            temporaryState: this.temporaryState
+          }
+        }),
+        domContainer: n,
+        initialNormal: s,
+        currentNormal: s
+      }, m(t) && ((a = t.model) == null ? void 0 : a.object) && this.updateTagCss3DObjectMatrix(t, (f = t.model) == null ? void 0 : f.object));
     }), this.checkPanelTag();
   }
   updateRenderModelTag() {
     const e = (i) => !this.enabledModelTagSet.has(i.customID);
-    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(m).forEach((i) => {
       var s;
       (s = i.model) == null || s.promise.then((o) => {
         o.visible = i.state.visible;
@@ -557,8 +564,8 @@ class pi extends Y {
     }
   }
   addMediaModelTag(e) {
-    return m(this, null, function* () {
-      const t = e.filter(f).map(this.loadModel);
+    return c(this, null, function* () {
+      const t = e.filter(m).map(this.loadModel);
       yield Promise.all(t), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
   }

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.d.ts

@@ -6,6 +6,8 @@ import type { tipsDom } from '../Helper/HTML/tipsDom';
 declare type NonVoid<T> = T extends void ? never : T;
 declare class IObject3D extends Object3D {
     constructor();
+    add(...objects: Object3D[]): this;
+    remove(...objects: Object3D[]): this;
     removeFromParent(): this;
 }
 export declare abstract class BaseHelper<OriginObject3D extends Object3D = Object3D> extends IObject3D {

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.js

@@ -1,23 +1,35 @@
-var c = Object.defineProperty;
-var p = (s, r, e) => r in s ? c(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var o = (s, r, e) => (p(s, typeof r != "symbol" ? r + "" : r, e), e);
-import { Vector3 as a, Object3D as l } from "three";
-class h extends l {
+var l = Object.defineProperty;
+var c = (r, t, e) => t in r ? l(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var o = (r, t, e) => (c(r, typeof t != "symbol" ? t + "" : t, e), e);
+import { Vector3 as a, Object3D as p } from "three";
+class h extends p {
   constructor() {
     super();
   }
+  add(...t) {
+    if (t.length === 0)
+      return this;
+    const e = t.filter(Boolean);
+    return super.add(...e);
+  }
+  remove(...t) {
+    if (t.length === 0)
+      return this;
+    const e = t.filter(Boolean);
+    return super.remove(...e);
+  }
   removeFromParent() {
-    const r = this.parent;
-    return r !== null && r.remove(this), this;
+    const t = this.parent;
+    return t !== null && t.remove(this), this;
   }
 }
 class n extends h {
-  constructor(e, t) {
+  constructor(e, s) {
     var i;
     super();
     o(this, "originObject3D");
     o(this, "onRender");
-    this.originObject3D = e, this.onRender = (i = t == null ? void 0 : t.onRender) != null ? i : () => {
+    this.originObject3D = e, this.onRender = (i = s == null ? void 0 : s.onRender) != null ? i : () => {
     };
   }
   get helperObject() {
@@ -38,8 +50,8 @@ class n extends h {
   hide() {
     this.visible = !1, this.render();
   }
-  raycasterIntersectObject(e, t = []) {
-    return e.intersectObject(this, !0, t);
+  raycasterIntersectObject(e, s = []) {
+    return e.intersectObject(this, !0, s);
   }
   initialPosition() {
     this.position.add(this.originObject3D.position);
@@ -47,19 +59,19 @@ class n extends h {
   initQuaternion() {
     this.quaternion.copy(this.originObject3D.quaternion);
   }
-  applyHelperScaleMatrix4(e, t) {
+  applyHelperScaleMatrix4(e, s) {
     this.scale.applyMatrix4(e);
   }
-  setHelperQuaternion(e, t) {
-    if (t) {
-      const i = new a().subVectors(this.position, t).applyQuaternion(e).add(t);
+  setHelperQuaternion(e, s) {
+    if (s) {
+      const i = new a().subVectors(this.position, s).applyQuaternion(e).add(s);
       this.position.copy(i);
     }
     this.quaternion.copy(e);
   }
-  applyHelperQuaternion(e, t) {
-    if (t) {
-      const i = new a().subVectors(this.position, t).applyQuaternion(e).add(t);
+  applyHelperQuaternion(e, s) {
+    if (s) {
+      const i = new a().subVectors(this.position, s).applyQuaternion(e).add(s);
       this.position.copy(i);
     }
     this.applyQuaternion(e);
@@ -68,20 +80,20 @@ class n extends h {
     this.removeFromParent();
   }
 }
-class x extends n {
+class m extends n {
 }
-class y extends n {
+class v extends n {
 }
-class j extends n {
+class x extends n {
 }
 class d extends n {
 }
-class m extends d {
+class y extends d {
 }
 export {
-  y as BoundingBoxHelperAbstract,
-  x as MoveHelperAbstract,
-  m as RectangleScaleHelperAbstract,
-  j as RotateHelperAbstract,
+  v as BoundingBoxHelperAbstract,
+  m as MoveHelperAbstract,
+  y as RectangleScaleHelperAbstract,
+  x as RotateHelperAbstract,
   d as ScaleHelperAbstract
 };

package/libs/shared-utils/Object3DHelper/Helper/RotateHelper.js

@@ -23,12 +23,12 @@ class P extends m {
     (e == null ? void 0 : e.yzCircleEnable) !== !1 && (this.yzCircle = new d({ direction: "x", color: y.X }), this.xRingHelper = new H({ direction: "x" }), this.xAngleHelper = new x({ direction: "x", color: y.X })), (e == null ? void 0 : e.xzCircleEnable) !== !1 && (this.xzCircle = new d({ direction: "y", color: y.Y }), this.yRingHelper = new H({ direction: "y" }), this.yAngleHelper = new x({ direction: "y", color: y.Y })), (e == null ? void 0 : e.xyCircleEnable) !== !1 && (this.xyCircle = new d({ direction: "z", color: y.Z }), this.zRingHelper = new H({ direction: "z" }), this.zAngleHelper = new x({ direction: "z", color: y.Z })), e != null && e.container && (this.container = e == null ? void 0 : e.container, this.angleTips = w({ display: "none" }), (s = this.container) == null || s.appendChild(this.angleTips.element)), this.show();
   }
   updateAngleHelperQuaternion() {
-    var i, e, s, c, a, o, p, h, g, A, u, z;
-    (e = this.xAngleHelper) == null || e.quaternion.copy((i = this.yzCircle) == null ? void 0 : i.quaternion), (c = this.yAngleHelper) == null || c.quaternion.copy((s = this.xzCircle) == null ? void 0 : s.quaternion), (o = this.zAngleHelper) == null || o.quaternion.copy((a = this.xyCircle) == null ? void 0 : a.quaternion), (h = this.xRingHelper) == null || h.quaternion.copy((p = this.yzCircle) == null ? void 0 : p.quaternion), (A = this.yRingHelper) == null || A.quaternion.copy((g = this.xzCircle) == null ? void 0 : g.quaternion), (z = this.zRingHelper) == null || z.quaternion.copy((u = this.xyCircle) == null ? void 0 : u.quaternion);
+    var i, e, s, c, h, o, p, a, g, A, u, z;
+    (e = this.xAngleHelper) == null || e.quaternion.copy((i = this.yzCircle) == null ? void 0 : i.quaternion), (c = this.yAngleHelper) == null || c.quaternion.copy((s = this.xzCircle) == null ? void 0 : s.quaternion), (o = this.zAngleHelper) == null || o.quaternion.copy((h = this.xyCircle) == null ? void 0 : h.quaternion), (a = this.xRingHelper) == null || a.quaternion.copy((p = this.yzCircle) == null ? void 0 : p.quaternion), (A = this.yRingHelper) == null || A.quaternion.copy((g = this.xzCircle) == null ? void 0 : g.quaternion), (z = this.zRingHelper) == null || z.quaternion.copy((u = this.xyCircle) == null ? void 0 : u.quaternion);
   }
   applyHelperQuaternion(i, e) {
-    var s, c, a, o, p, h;
-    (s = this.yzCircle) == null || s.applyQuaternion(i), (c = this.xzCircle) == null || c.applyQuaternion(i), (a = this.xyCircle) == null || a.applyQuaternion(i), (o = this.xAngleHelper) == null || o.baseAxes.applyQuaternion(i), (p = this.yAngleHelper) == null || p.baseAxes.applyQuaternion(i), (h = this.zAngleHelper) == null || h.baseAxes.applyQuaternion(i);
+    var s, c, h, o, p, a;
+    (s = this.yzCircle) == null || s.applyQuaternion(i), (c = this.xzCircle) == null || c.applyQuaternion(i), (h = this.xyCircle) == null || h.applyQuaternion(i), (o = this.xAngleHelper) == null || o.baseAxes.applyQuaternion(i), (p = this.yAngleHelper) == null || p.baseAxes.applyQuaternion(i), (a = this.zAngleHelper) == null || a.baseAxes.applyQuaternion(i);
   }
   hide() {
     this.remove(
@@ -45,9 +45,7 @@ class P extends m {
   }
   show() {
     var i;
-    this.add(...[this.xyCircle, this.xzCircle, this.yzCircle].filter(Boolean)), this.remove(
-      ...[this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter(Boolean)
-    ), (i = this.angleTips) == null || i.hide();
+    this.add(this.xyCircle, this.xzCircle, this.yzCircle), this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper), (i = this.angleTips) == null || i.hide();
   }
   showDraggingHelper(i) {
     var e;
@@ -97,15 +95,15 @@ class H extends r.Group {
     super();
     t(this, "direction");
     this.direction = i.direction;
-    const e = 0.015, s = new Array(8).fill(null).map((c, a) => {
-      const o = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * a + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
+    const e = 0.015, s = new Array(8).fill(null).map((c, h) => {
+      const o = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * h + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
         opacity: 1,
         color: 16777215,
         depthTest: !1,
         transparent: !0,
         side: r.DoubleSide
-      }), h = new r.Mesh(o, p);
-      return h.name = `AxesDashedRing-${this.direction}-${a}`, h;
+      }), a = new r.Mesh(o, p);
+      return a.name = `AxesDashedRing-${this.direction}-${h}`, a;
     });
     this.add(...s), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }

package/libs/shared-utils/Object3DHelper/utils/boundingBox.js

@@ -1,24 +1,24 @@
-import * as p from "three";
-function l(e) {
-  const o = new p.Box3(), a = new p.Vector3();
-  if (e.updateMatrixWorld(!1), e.traverse((r) => {
+import * as a from "three";
+function u(p) {
+  const i = new a.Box3(), e = new a.Vector3();
+  if (p.traverse((n) => {
     var s;
-    if (r.name === "shadow")
+    if (n.name === "shadow")
       return;
-    const t = r.geometry;
+    const t = n.geometry;
     if (t !== void 0)
       if ((s = t == null ? void 0 : t.attributes) != null && s.position) {
-        const n = t.attributes.position;
-        for (let i = 0, f = n.count; i < f; i++)
-          a.fromBufferAttribute(n, i).applyMatrix4(r.matrixWorld), o.expandByPoint(a);
+        const r = t.attributes.position;
+        for (let o = 0, f = r.count; o < f; o++)
+          e.fromBufferAttribute(r, o).applyMatrix4(n.matrix), i.expandByPoint(e);
       } else
-        t.vertices.forEach((n) => {
-          const i = n.clone().applyMatrix4(r.matrixWorld);
-          o.expandByPoint(i);
+        t.vertices.forEach((r) => {
+          const o = r.clone().applyMatrix4(n.matrix);
+          i.expandByPoint(o);
         });
-  }), !o.isEmpty())
-    return o.translate(e.position.clone().negate()), o;
+  }), !i.isEmpty())
+    return i;
 }
 export {
-  l as boundingBox
+  u as boundingBox
 };