@realsee/dnalogel 2.7.0 → 2.7.2

package/libs/PanoTagPlugin/controller/index.js

@@ -9,27 +9,27 @@ var P = (h, d, e) => d in h ? B(h, d, { enumerable: !0, configurable: !0, writab
     for (var e of R(d))
       W.call(d, e) && P(h, e, d[e]);
   return h;
-}, v = (h, d) => x(h, G(d));
+}, T = (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) => {
+  var s = (n) => {
     try {
-      n(e.next(r));
+      r(e.next(n));
     } catch (a) {
       i(a);
     }
-  }, o = (r) => {
+  }, o = (n) => {
     try {
-      n(e.throw(r));
+      r(e.throw(n));
     } catch (a) {
       i(a);
     }
-  }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
-  n((e = e.apply(h, d)).next());
+  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, o);
+  r((e = e.apply(h, d)).next());
 });
 import { Subscribe as z } from "@realsee/five";
 import { Group as E, Vector3 as A, Matrix4 as S, Quaternion as _ } from "three";
-import b from "object-assign-deep";
+import v 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";
@@ -37,7 +37,7 @@ import { arrayPositionToVector3 as C } from "../../CSS3DRenderPlugin/utils/posit
 import { addDebugPoints as J } from "../utils/addDebugPoints.js";
 import { planeNormal as k } from "../utils/planeNormal.js";
 import "@realsee/five/gltf-loader";
-import { isMediaModelTag as m } from "../utils/tag/tagCheck.js";
+import { isMediaModelTag as f } from "../utils/tag/tagCheck.js";
 import { waitFiveModelLoaded as Q } from "../utils/actionAfterFiveModelLoad.js";
 import { normalPositionToPositions as X } from "../utils/normalPositionToPositions.js";
 import { debounce as j } from "../utils/debounce.js";
@@ -166,7 +166,7 @@ class pi extends Y {
     });
     l(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     l(this, "changeTagModel", (e, t) => c(this, null, function* () {
-      e.data = b({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+      e.data = v({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "disposedErrorLog", () => {
       console.error(`${M} is disposed`);
@@ -174,34 +174,34 @@ class pi extends Y {
     l(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        m(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
+        f(t) && e === "Panorama" && this.changeTagMode(t, "front"), t.state.visible = this.getVisible(t);
       }), this.updateRenderAllTags(), this.updateRenderAllTags();
     });
     l(this, "handleFiveModelShownFloorChange", () => {
       this.tags.forEach((e) => {
-        !m(e) || (e.state.visible = this.getVisible(e));
+        !f(e) || (e.state.visible = this.getVisible(e));
       }), this.updateRenderAllTags();
     });
     l(this, "loadModel", (e) => c(this, null, function* () {
-      var r;
+      var n;
       const t = e.data.modelUrl;
       if (!t)
         return;
       const i = te(t).then((a) => Object.assign(a.scene, { customID: e.id, isTagModel: !0 }));
       e.model = { promise: i };
       const s = yield i;
-      if (((r = e.model) == null ? void 0 : r.promise) !== i || (e.model.object = s, !this.tags.includes(e)))
+      if (((n = e.model) == null ? void 0 : n.promise) !== i || (e.model.object = s, !this.tags.includes(e)))
         return;
       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;
+      const r = this.gltfObjectGroup.children.find((a) => a.customID === e.id);
+      return r && this.gltfObjectGroup.remove(r), this.gltfObjectGroup.add(s), this.updateTagCss3DObjectMatrix(e, s), s;
     }));
     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 c(this, null, function* () {
       var s, o;
-      this.clearTags(), console.info(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = b({}, this.config, {
+      this.clearTags(), console.info(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = v({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
@@ -209,8 +209,8 @@ class pi extends Y {
       if (this.debug)
         try {
           J(this.five, this.tags);
-        } catch (n) {
-          console.error(n);
+        } catch (r) {
+          console.error(r);
         }
       return i;
     });
@@ -218,25 +218,25 @@ class pi extends Y {
   addTag(e, t) {
     return c(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        const n = this.getTagConfig(o), r = v(p({}, o), {
-          state: p({ visible: void 0, unfolded: ie }, n.initialState),
+        const r = this.getTagConfig(o);
+        return T(p({}, o), {
+          state: p({ visible: void 0, unfolded: ie }, r.initialState),
           hooks: new z(),
-          clickable: n.clickable,
-          mergedConfig: n
+          clickable: r.clickable,
+          mergedConfig: 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;
-        return this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), this.addMediaModelTag(s);
+        var o, r, n;
+        return this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && (this.store.eventListenerDisposer = this.addEventListener()), this.addResizeListener(), this.checkPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (n = t == null ? void 0 : t.withAnimation) != null ? n : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), this.addMediaModelTag(s);
       });
     });
   }
   changeConfig(e, t = !0) {
-    t ? this.config = b({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = v({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = b({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = v({}, 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();
@@ -270,11 +270,11 @@ class pi extends Y {
     this.setState({ enabled: !1 }, { userAction: t }), this.five.scene.remove(this.group), this.hooks.emit("disable", { userAction: t }), this.five.needsRender = !0;
   }
   dispose() {
-    var e, t, i, s, o, n;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((r) => {
+    var e, t, i, s, o, r;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filter3DTag().forEach((n) => {
       var a;
-      return (a = r.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
-    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (n = (o = this.store).resizeObserverDisposer) == null || n.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.hooks.emit("dispose");
+      return (a = n.tag3DContentSvelte) == null ? void 0 : a.svelteApp.$destroy();
+    }), this.tags = [], (t = this.store.disposers) == null || t.forEach((n) => n == null ? void 0 : n()), this.store.disposers = [], this.store.disposed = !0, (s = (i = this.store).eventListenerDisposer) == null || s.call(i), this.store.eventListenerDisposer = void 0, (r = (o = this.store).resizeObserverDisposer) == null || r.call(o), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.clearCache(), this.five.needsRender = !0, this.hooks.emit("dispose");
   }
   setState(e, t) {
     if (this.store.disposed)
@@ -297,14 +297,14 @@ class pi extends Y {
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !s || (i ? s.data = b({}, s.data, t) : s.data = p(p({}, s.data), t), this.checkPanelTag(), this.updateRenderAllTags());
+    !s || (i ? s.data = v({}, 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 ? 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());
+    !t || (i ? v(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) => {
@@ -320,21 +320,21 @@ class pi extends Y {
     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 = m(e) ? e.data.mediaPosition : e.position;
+    const o = f(e) ? e.data.mediaPosition : e.position;
     t.updateWorldMatrix(!1, !1);
-    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 r = t.matrixWorld, n = new A().fromArray(o[0]), a = new A().fromArray(o[2]), m = new A().lerpVectors(n, a, 0.5).add(new A(0, 0, 5e-4)), g = new S().setPosition(m), y = new S().makeScale(i, i, i), b = new S().multiply(r).multiply(g).multiply(y);
+    b.decompose(s.position, s.quaternion, s.scale);
     const u = s.opacityMesh;
-    !u || T.decompose(u.position, u.quaternion, u.scale);
+    !u || b.decompose(u.position, u.quaternion, u.scale);
   }
   updateTagCss3DObjectVisible(e) {
-    var s, o, n, r, a;
+    var s, o, r, n, 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;
+    t.visible = (r = (o = e.state) == null ? void 0 : o.visible) != null ? r : !0;
     const i = t.opacityMesh;
-    !i || (i.visible = (a = (r = e.state) == null ? void 0 : r.visible) != null ? a : !0);
+    !i || (i.visible = (a = (n = e.state) == null ? void 0 : n.visible) != null ? a : !0);
   }
   setVisibleAndUnfolded() {
     return c(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
@@ -363,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), 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;
+    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), a = this.loadVideoFirstFrame.bind(this), m = 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", r), e.on("panoArrived", n), e.on("panoArrived", a), t.on("click", m), () => {
+      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", r), e.off("panoArrived", n), e.off("panoArrived", a), t.off("click", m), this.store.eventListenerDisposer = void 0;
     };
   }
   loadVideoFirstFrame() {
@@ -391,23 +391,23 @@ class pi extends Y {
         !this.store.resizeObserverDisposer || i();
       }, 500),
       e
-    ), { observe: n, unobserve: r } = I(
+    ), { observe: r, unobserve: n } = I(
       j(() => t(), 400),
       e
     );
-    return s(), n(), () => {
-      o(), r();
+    return s(), r(), () => {
+      o(), n();
     };
   }
   handleFiveModeChange(e) {
     this.tags.forEach((t) => {
-      m(t) && e !== "Panorama" && this.changeTagMode(t, "behind"), t.state.visible = this.getVisible(t);
+      f(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 = v(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = v(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = T(p({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = T(p({}, e.temporaryState), { visible: Boolean(t.visibleConfig.alwaysShowWhenMovePano) }));
     }), this.updateTagContainerVisible();
   }
   temporaryShow({ withAnimation: e } = { withAnimation: !1 }) {
@@ -455,7 +455,7 @@ class pi extends Y {
   handleFivePanoArrived() {
     return c(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.setModelMedialVisibleByPanoIndex(), this.tags.forEach((e) => {
-        e.temporaryState = v(p({}, e.temporaryState), { visible: !0 });
+        e.temporaryState = T(p({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
     });
   }
@@ -486,25 +486,25 @@ class pi extends Y {
   }
   updateRenderPlaneTag() {
     this.sort([...this.filterPlaneTag(), ...this.filter3DPointTag(), ...this.filterModelTag()]).forEach((t) => {
-      var r, a, f;
-      if (t.tag3DContentSvelte) {
-        const { svelteApp: g, domContainer: y, initialNormal: T, currentNormal: u } = t.tag3DContentSvelte;
+      var n, a, m;
+      if (f(t) && ((n = t.model) == null ? void 0 : n.object) && this.updateTagCss3DObjectMatrix(t, (a = t.model) == null ? void 0 : a.object), t.tag3DContentSvelte) {
+        const { svelteApp: g, domContainer: y, initialNormal: b, currentNormal: u } = t.tag3DContentSvelte;
         if (this.updateTagCss3DObjectVisible(t), g.$set({
           tag: t,
           hooks: this.hooks,
           state: this.state,
           temporaryState: this.temporaryState
-        }), !T.equals(u)) {
-          const D = new _().setFromUnitVectors(T, u);
+        }), !b.equals(u)) {
+          const D = new _().setFromUnitVectors(b, u);
           y.css3DObject.setRotationFromQuaternion(D);
         }
         return;
       }
-      if (((r = t.state) == null ? void 0 : r.visible) === !1)
+      if (((m = t.state) == null ? void 0 : m.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(
+      const i = (() => t.stickType === "Plane" ? t.position : f(t) ? t.data.mediaPosition : X(
         this.five.camera.position,
         C(t.position),
         C(t.normal)
@@ -521,27 +521,27 @@ class pi extends Y {
       }();
       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 = {
+      const o = this.getTagConfig(t).tag3DConfig, r = this.css3DRenderPlugin.create3DDomContainer(i, o);
+      !r || (this.updateTagCss3DObjectVisible(t), this.store.css3DRenderDisposer.set(t.id, r.dispose), t.tag3DContentSvelte = {
         svelteApp: new H({
-          target: n.container,
+          target: r.container,
           props: {
             tag: t,
             hooks: this.hooks,
-            state: t.contentType === "MediaModel" ? v(p({}, this.state), { visible: !1 }) : this.state,
+            state: this.state,
             mediaStore: this.mediaStore,
             temporaryState: this.temporaryState
           }
         }),
-        domContainer: n,
+        domContainer: r,
         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(m).forEach((i) => {
+    this.gltfObjectGroup.remove(...this.gltfObjectGroup.children.filter(e)), this.tags.filter(f).forEach((i) => {
       var s;
       (s = i.model) == null || s.promise.then((o) => {
         o.visible = i.state.visible;
@@ -565,13 +565,13 @@ class pi extends Y {
   }
   addMediaModelTag(e) {
     return c(this, null, function* () {
-      const t = e.filter(m).map(this.loadModel);
+      const t = e.filter(f).map(this.loadModel);
       yield Promise.all(t), this.five.getCurrentState().mode === "Panorama" && this.setModelMedialVisibleByPanoIndex(), this.updateRenderAllTags();
     });
   }
   changeTagMode(e, t) {
-    var i, s, o, n, r;
-    ((o = (s = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : s.css3DObject) == null ? void 0 : o.mode) !== t && ((n = e.config) != null && n.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (r = this.store.css3DRenderDisposer.get(e.id)) == null || r(), e.tag3DContentSvelte = void 0);
+    var i, s, o, r, n;
+    ((o = (s = (i = e.tag3DContentSvelte) == null ? void 0 : i.domContainer) == null ? void 0 : s.css3DObject) == null ? void 0 : o.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (n = this.store.css3DRenderDisposer.get(e.id)) == null || n(), e.tag3DContentSvelte = void 0);
   }
 }
 export {

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

@@ -41,9 +41,23 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     show(): void;
     hide(): void;
     dispose(): void;
-    applyHelperMatrix4(matrix4: THREE.Matrix4): void;
+    /**
+     * @description: applyHelperMatrix4
+     * @param {THREE.Matrix4} matrix position 偏移量
+     */
+    applyHelperMatrix4(matrix: THREE.Matrix4): void;
+    /**
+     * @description: applyHelperQuaternion
+     * @param {THREE.Quaternion} quaternion 旋转四元数
+     * @param {THREE.Vector3} origin 旋转中心
+     */
     applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
-    applyHelperScaleMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
+    /**
+     * @description: applyHelperScaleMatrix4
+     * @param {THREE.Matrix4} matrix 缩放矩阵
+     * @param {THREE.Vector3} origin 缩放中心
+     */
+    applyHelperScaleMatrix4(matrix: THREE.Matrix4, origin?: THREE.Vector3): void;
     onWantsTapGesture: (raycaster: THREE.Raycaster) => false | void;
     onWantsGesture(type: 'press' | 'pan' | string, pointers: {
         x: number;
@@ -52,16 +66,30 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     onIntersectionOnModelUpdate(intersection: {
         point: THREE.Vector3;
     }): void;
+    /**
+     * @description: onApplyOriginObjectScale
+     * @param {THREE.Matrix4} params.matrix 缩放矩阵
+     * @param {THREE.Vector3} params.origin 缩放中心
+     */
     protected onApplyOriginObjectScale(params: {
-        matrix4: THREE.Matrix4;
+        matrix: THREE.Matrix4;
         origin?: THREE.Vector3;
     }): void;
+    /**
+     * @description: onApplyOriginObjectRotate
+     * @param {THREE.Quaternion} params.quaternion 旋转四元数
+     * @param {THREE.Vector3} params.origin 旋转中心
+     */
     protected onApplyOriginObjectRotate(params: {
         quaternion: THREE.Quaternion;
         origin: THREE.Vector3;
     }): void;
+    /**
+     * @description: onApplyOriginObjectPosition
+     * @param {THREE.Matrix4} params.matrix position 偏移量
+     */
     protected onApplyOriginObjectPosition(params: {
-        matrix4: THREE.Matrix4;
+        matrix: THREE.Matrix4;
     }): void;
     protected onSetOriginObjectScale(scale: THREE.Vector3): void;
     protected onSetOriginObjectRotate(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;

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

@@ -73,13 +73,13 @@ class k {
   onIntersectionOnModelUpdate(e) {
   }
   onApplyOriginObjectScale(e) {
-    this.applyHelperScaleMatrix4(e.matrix4, e.origin);
+    this.applyHelperScaleMatrix4(e.matrix, e.origin);
   }
   onApplyOriginObjectRotate(e) {
     this.applyHelperQuaternion(e.quaternion, e.origin);
   }
   onApplyOriginObjectPosition(e) {
-    this.applyHelperMatrix4(e.matrix4);
+    this.applyHelperMatrix4(e.matrix);
   }
   onSetOriginObjectScale(e) {
     this.helperObject3D.scale.copy(e), this.updateOffsetByScale(e);

package/libs/shared-utils/Object3DHelper/Controller/MoveController.d.ts

@@ -22,7 +22,7 @@ export declare class MoveController<T extends MoveHelperAbstract = MoveHelperAbs
         point: THREE.Vector3;
     }): void;
     protected onApplyOriginObjectScale(params: {
-        matrix4: THREE.Matrix4;
+        matrix: THREE.Matrix4;
         origin?: THREE.Vector3;
     }): void;
     private handleMouseDown;

package/libs/shared-utils/Object3DHelper/Controller/MoveController.js

@@ -1,10 +1,10 @@
 var p = Object.defineProperty;
 var v = (c, i, e) => i in c ? p(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
 var u = (c, i, e) => (v(c, typeof i != "symbol" ? i + "" : i, e), e);
-import { BaseController as g } from "../Base/BaseController.js";
-import * as d from "three";
-import { getMouseRaycaster as f } from "../utils/getMouseRaycaster.js";
-class w extends g {
+import { BaseController as f } from "../Base/BaseController.js";
+import * as m from "three";
+import { getMouseRaycaster as g } from "../utils/getMouseRaycaster.js";
+class w extends f {
   constructor(...e) {
     super(...e);
     u(this, "name", "MoveController");
@@ -12,11 +12,11 @@ class w extends g {
     u(this, "_moveByMouseEnable", !1);
     u(this, "mouseInfo");
     u(this, "mousedownEventListenerDisposer");
-    const o = this.helperObject3D;
-    this.hoverListener([o.xArrow, o.yArrow, o.zArrow]);
-    const t = this.dragStart.bind(this), r = this.dragging.bind(this), a = this.dragEnd.bind(this), s = this.show.bind(this), n = this.hide.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", t), document.addEventListener("mousemove", r), document.addEventListener("mouseup", a), this.hooks.on("rotateStart", n), this.hooks.on("rotateEnd", s), this.hooks.on("moveByMouseEnable", n), this.hooks.on("moveByMouseDisable", s), this.disposers.push(() => {
-      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", t), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", a), this.hooks.off("rotateStart", n), this.hooks.off("rotateEnd", s), this.hooks.off("moveByMouseEnable", n), this.hooks.off("moveByMouseDisable", s);
+    const t = this.helperObject3D;
+    this.hoverListener([t.xArrow, t.yArrow, t.zArrow]);
+    const o = this.dragStart.bind(this), r = this.dragging.bind(this), h = this.dragEnd.bind(this), s = this.show.bind(this), n = this.hide.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", r), document.addEventListener("mouseup", h), this.hooks.on("rotateStart", n), this.hooks.on("rotateEnd", s), this.hooks.on("moveByMouseEnable", n), this.hooks.on("moveByMouseDisable", s), this.disposers.push(() => {
+      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", o), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", h), this.hooks.off("rotateStart", n), this.hooks.off("rotateEnd", s), this.hooks.off("moveByMouseEnable", n), this.hooks.off("moveByMouseDisable", s);
     }), this.moveByMouseEnable && this.moveByMouse();
   }
   get moveByMouseEnable() {
@@ -24,15 +24,15 @@ class w extends g {
   }
   dispose() {
     var e;
-    super.dispose(), (e = this.disposers) == null || e.forEach((o) => o == null ? void 0 : o());
+    super.dispose(), (e = this.disposers) == null || e.forEach((t) => t == null ? void 0 : t());
   }
   moveByMouse() {
     this._moveByMouseEnable = !0;
-    const e = this.handleMouseDown.bind(this), o = this.handleMouseUp.bind(this);
+    const e = this.handleMouseDown.bind(this), t = this.handleMouseUp.bind(this);
     this.hooks.emit("moveByMouseEnable"), setTimeout(() => {
-      this.container.addEventListener("mousedown", e), this.container.addEventListener("mouseup", o);
+      this.container.addEventListener("mousedown", e), this.container.addEventListener("mouseup", t);
     }), this.mousedownEventListenerDisposer = () => {
-      this.container.removeEventListener("mousedown", e), this.container.removeEventListener("mouseup", o);
+      this.container.removeEventListener("mousedown", e), this.container.removeEventListener("mouseup", t);
     };
   }
   disableMoveByMouse() {
@@ -45,63 +45,63 @@ class w extends g {
   onApplyOriginObjectScale(e) {
   }
   handleMouseDown(e) {
-    const { x: o, y: t } = e;
-    this.mouseInfo = { x: o, y: t, mouseDownTimestamp: Date.now() };
+    const { x: t, y: o } = e;
+    this.mouseInfo = { x: t, y: o, mouseDownTimestamp: Date.now() };
   }
   handleMouseUp(e) {
     if (!this.mouseInfo)
       return;
-    const { x: o, y: t } = e;
-    this.mouseInfo.x === o && this.mouseInfo.y === t && Date.now() - this.mouseInfo.mouseDownTimestamp < 500 && (this.disableMoveByMouse(), this.mouseInfo = void 0);
+    const { x: t, y: o } = e;
+    this.mouseInfo.x === t && this.mouseInfo.y === o && Date.now() - this.mouseInfo.mouseDownTimestamp < 500 && (this.disableMoveByMouse(), this.mouseInfo = void 0);
   }
   dragStart(e) {
     if (this._moveByMouseEnable || this.isDragging)
       return;
-    const o = e == null ? void 0 : e.intersect;
-    if (!o)
-      return this.dragEnd();
-    const t = (o == null ? void 0 : o.object).direction;
+    const t = e == null ? void 0 : e.intersect;
     if (!t)
       return this.dragEnd();
-    const r = new d.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), a = new d.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), s = new d.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), n = (() => {
-      switch (t) {
+    const o = (t == null ? void 0 : t.object).direction;
+    if (!o)
+      return this.dragEnd();
+    const r = new m.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), h = new m.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), s = new m.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), n = (() => {
+      switch (o) {
         case "x":
           return r;
         case "y":
-          return a;
+          return h;
         case "z":
           return s;
       }
     })(), l = (() => {
-      switch (t) {
+      switch (o) {
         case "x":
         case "y":
           return s;
         case "z":
           return r;
       }
-    })(), h = o.point.clone(), m = new d.Plane();
-    m.setFromNormalAndCoplanarPoint(l, h), this.startInfo = { startVectorProject: h.clone().projectOnVector(n), directionVector: n, plane: m }, this.helperObject3D.showDraggingHelper([t]), this.hooks.emit("moveStart"), this.isDragging = !0, console.log("%c MoveController dragStart", "color: #e5af2e");
+    })(), a = t.point.clone(), d = new m.Plane();
+    d.setFromNormalAndCoplanarPoint(l, a), this.startInfo = { startVectorProject: a.clone().projectOnVector(n), directionVector: n, plane: d }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
   }
   dragging(e) {
     if (!this.isDragging || !this.startInfo)
       return;
-    const o = f(this.camera, e, this.container);
-    return o ? (console.log("%c MoveController dragging", "color: #49de1b"), this.move(o), !1) : this.dragEnd();
+    const t = g(this.camera, e, this.container);
+    return t ? (this.move(t), !1) : this.dragEnd();
   }
   move(e) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { plane: o, directionVector: t, startVectorProject: r } = this.startInfo, a = this.originObject3D, s = e.ray.intersectPlane(o, new d.Vector3());
+    const { plane: t, directionVector: o, startVectorProject: r } = this.startInfo, h = this.originObject3D, s = e.ray.intersectPlane(t, new m.Vector3());
     if (!s)
       return;
-    const n = s.clone().projectOnVector(t), l = n.clone().sub(r), h = new d.Matrix4();
-    h.setPosition(l);
-    const m = a.position.clone().applyMatrix4(h);
-    this.hooks.emit("wantToMove", m) || (a.applyMatrix4(h), r.copy(n), this.hooks.emit("applyObjectPosition", { matrix4: h }), this.hooks.emit("move", m));
+    const n = s.clone().projectOnVector(o), l = n.clone().sub(r), a = new m.Matrix4();
+    a.setPosition(l);
+    const d = h.position.clone().applyMatrix4(a);
+    this.hooks.emit("wantToMove", d) || (h.applyMatrix4(a), r.copy(n), this.hooks.emit("applyObjectPosition", { matrix: a }), this.hooks.emit("move", d));
   }
   dragEnd() {
-    !this.isDragging || (console.log("%c MoveController dragEnd", "color: #e94e4e"), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));
+    !this.isDragging || (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));
   }
 }
 export {

package/libs/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -20,8 +20,11 @@ export declare class RectangleScaleController<OriginObject3D extends THREE.Objec
     disable(): void;
     show(): void;
     hide(): void;
+    protected onApplyOriginObjectPosition(params: {
+        matrix: THREE.Matrix4;
+    }): void;
     protected onApplyOriginObjectScale(params: {
-        matrix4: THREE.Matrix4;
+        matrix: THREE.Matrix4;
         origin?: THREE.Vector3;
     }): void;
     protected getDragPlane(): THREE.Plane;