@realsee/dnalogel 3.0.0-4 → 3.0.0-6

package/libs/CruisePlugin/Controller.js

@@ -2,7 +2,7 @@ var T = Object.defineProperty, K = Object.defineProperties;
 var A = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
 var O = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e, g = (c, l) => {
+var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e, P = (c, l) => {
   for (var e in l || (l = {}))
     O.call(l, e) && L(c, e, l[e]);
   if (F)
@@ -11,20 +11,20 @@ var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writab
   return c;
 }, C = (c, l) => K(c, A(l));
 var I = (c, l, e) => (L(c, typeof l != "symbol" ? l + "" : l, e), e);
-var v = (c, l, e) => new Promise((t, i) => {
-  var r = (d) => {
+var v = (c, l, e) => new Promise((t, r) => {
+  var i = (d) => {
     try {
       s(e.next(d));
     } catch (a) {
-      i(a);
+      r(a);
     }
   }, n = (d) => {
     try {
       s(e.throw(d));
     } catch (a) {
-      i(a);
+      r(a);
     }
-  }, s = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(r, n);
+  }, s = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(i, n);
   s((e = e.apply(c, l)).next());
 });
 import { Controller as V } from "../base/BasePluginWithData.js";
@@ -233,40 +233,40 @@ class z extends V {
     });
     I(this, "GuideLine");
     this.config = t, Object.assign(window, { [`__${G}_DEBUG__`]: this });
-    const i = this.setFiveLinearUpdateCamera.bind(this), r = this.setFiveOriginUpdateCamera.bind(this);
-    this.hooks.on("play", i), this.hooks.on("broke", r), this.hooks.on("end", r), this.hooks.on("pause", r), this.privateState.disposers.push(() => {
-      this.hooks.off("play", i), this.hooks.off("broke", r), this.hooks.off("end", r), this.hooks.off("pause", r);
+    const r = this.setFiveLinearUpdateCamera.bind(this), i = this.setFiveOriginUpdateCamera.bind(this);
+    this.hooks.on("play", r), this.hooks.on("broke", i), this.hooks.on("end", i), this.hooks.on("pause", i), this.privateState.disposers.push(() => {
+      this.hooks.off("play", r), this.hooks.off("broke", i), this.hooks.off("end", i), this.hooks.off("pause", i);
     });
   }
   /**
    * @description Load Data and State
    */
-  load(e, t, i) {
+  load(e, t, r) {
     return v(this, null, function* () {
-      var o, m, f, u, h, P;
+      var o, m, p, u, h, g;
       if (this.state.disposed)
         return D();
-      this.privateState.fiveOriginGetProgress || (m = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && m.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (f = this.five.controller) == null ? void 0 : f.cameraMotion) == null ? void 0 : u.getProgress), this.clear();
-      const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
-      this.data = n, this.hooks.emit("dataChange", n, r);
+      this.privateState.fiveOriginGetProgress || (m = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && m.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (p = this.five.controller) == null ? void 0 : p.cameraMotion) == null ? void 0 : u.getProgress), this.clear();
+      const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
+      this.data = n, this.hooks.emit("dataChange", n, i);
       let s = [], d;
-      const a = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
-      a.filter((p, y) => {
+      const a = this.data.keyframes.filter((f) => f.data.panoIndex !== void 0);
+      a.filter((f, y) => {
         var S;
-        return p.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
-      }).map((p) => p.data.panoIndex).forEach((p) => {
+        return f.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
+      }).map((f) => f.data.panoIndex).forEach((f) => {
         var S, k;
-        const y = (S = this.five.work.observers[p]) == null ? void 0 : S.floorIndex;
+        const y = (S = this.five.work.observers[f]) == null ? void 0 : S.floorIndex;
         if (y !== void 0)
           if (d === y) {
             const b = s.length - 1;
-            s[b] = [...(k = s[b]) != null ? k : [], p];
+            s[b] = [...(k = s[b]) != null ? k : [], f];
           } else {
             d = y;
             const b = s.length;
-            s[b] = [p];
+            s[b] = [f];
           }
-      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (P = this.GuideLine) == null || P.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), t ? this.setState(t, { userAction: i }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug(`${x} loaded`, n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (g = this.GuideLine) == null || g.load({ routes: s.map((f) => ({ panoIndexList: f })), config: n.guildPluginOptions }), t ? this.setState(t, { userAction: r }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug(`${x} loaded`, n), this.hooks.emit("dataLoaded", n);
     });
   }
   /**
@@ -281,14 +281,14 @@ class z extends V {
    * @param {string} options.id play from keyframes id
    */
   playFrom(e) {
-    const { index: t, id: i, userAction: r } = e;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: r }), this.setState({ playing: !0 }, { userAction: r, playFromIndex: t, playFromId: i });
+    const { index: t, id: r, userAction: i } = e;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: t, playFromId: r });
   }
   /**
    * @description Play from first keyframe
    */
   playFromStart(e) {
-    return this.playFrom(C(g({}, e), { index: 0 }));
+    return this.playFrom(C(P({}, e), { index: 0 }));
   }
   /**
    * @description Pause
@@ -334,13 +334,13 @@ class z extends V {
    * @description Set state
    */
   setState(e, t) {
-    var r;
+    var i;
     if (this.state.disposed)
       return D();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
       return q();
-    const i = g({}, this.state);
-    this.state = g(g({}, this.state), e), e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), R(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
+    const r = P({}, this.state);
+    this.state = P(P({}, this.state), e), e.disposed !== void 0 && e.disposed !== r.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== r.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== r.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== r.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== r.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), R(r, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: r, userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
   }
   /**
    * @description Format data
@@ -348,62 +348,62 @@ class z extends V {
   formatData(e) {
     return v(this, null, function* () {
       this.five.work || (yield this.waitFiveLoaded());
-      const t = this.five.work.observers, i = (() => {
-        const r = e;
-        return typeof r == "object" && r !== null && r.version && r.data ? r.data : r;
+      const t = this.five.work.observers, r = (() => {
+        const i = e;
+        return typeof i == "object" && i !== null && i.version && i.data ? i.data : i;
       })();
-      if (i.keyframes)
+      if (r.keyframes)
         return {
           keyframesId: w(),
-          keyframes: i.keyframes.map((r, n) => {
+          keyframes: r.keyframes.map((i, n) => {
             var a;
-            const s = i.keyframes[n + 1], d = (() => !s || s.start === void 0 || r.end === void 0 ? 0 : s.start - r.end)();
-            return C(g({ id: (a = r.uuid) != null ? a : w(), moveIndex: n, stay: d, index: n }, r), { guildPluginOptions: i.guildPluginOptions });
+            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || i.end === void 0 ? 0 : s.start - i.end)();
+            return C(P({ id: (a = i.uuid) != null ? a : w(), moveIndex: n, stay: d, index: n }, i), { guildPluginOptions: r.guildPluginOptions });
           })
         };
-      if (i.panoIndexList) {
-        let r = [];
-        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = i;
-        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, i.panoIndexList.forEach((a, o) => {
+      if (r.panoIndexList) {
+        let i = [];
+        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = r;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, r.panoIndexList.forEach((a, o) => {
           const m = (() => {
-            var p, y, S, k;
-            const f = i.panoIndexList.slice(o).find((b) => b !== a);
-            if (f === void 0)
+            var f, y, S, k;
+            const p = r.panoIndexList.slice(o).find((b) => b !== a);
+            if (p === void 0)
               return;
-            const u = (p = t[a]) == null ? void 0 : p.position, h = (y = t[f]) == null ? void 0 : y.position;
-            if (!h || !u || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[f]) == null ? void 0 : k.floorIndex))
+            const u = (f = t[a]) == null ? void 0 : f.position, h = (y = t[p]) == null ? void 0 : y.position;
+            if (!h || !u || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[p]) == null ? void 0 : k.floorIndex))
               return;
-            const P = new j.Vector3().subVectors(h, u);
-            return N(P.normalize());
+            const g = new j.Vector3().subVectors(h, u);
+            return N(g.normalize());
           })();
-          i.moveType === void 0 || i.moveType === "justMove" ? r.push({
+          r.moveType === void 0 || r.moveType === "justMove" ? i.push({
             moveIndex: o,
-            stay: i.stay,
-            data: g({ effect: "Move", panoIndex: a, moveEffect: n }, m != null ? m : {})
-          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: o, stay: i.stay, data: { effect: "Move", panoIndex: a, moveEffect: n } }), m && r.push({ moveIndex: o, stay: i.stay, data: g({ effect: "Rotate", panoIndex: a }, m) }));
+            stay: r.stay,
+            data: P({ effect: "Move", panoIndex: a, moveEffect: n }, m != null ? m : {})
+          }) : r.moveType === "moveAndRotate" && (i.push({ moveIndex: o, stay: r.stay, data: { effect: "Move", panoIndex: a, moveEffect: n } }), m && i.push({ moveIndex: o, stay: r.stay, data: P({ effect: "Rotate", panoIndex: a }, m) }));
         }), {
           keyframesId: w(),
-          keyframes: r.map((a, o) => g({ id: w(), index: o }, a)),
-          guildPluginOptions: i.guildPluginOptions,
-          useGuildLine: i.useGuildLine
+          keyframes: i.map((a, o) => P({ id: w(), index: o }, a)),
+          guildPluginOptions: r.guildPluginOptions,
+          useGuildLine: r.useGuildLine
         };
       } else
         throw new Error("format error: data no keyframes or no panoIndexList");
     });
   }
   handleEnable(e, t = !0) {
-    var i, r;
-    e ? ((i = this.GuideLine) == null || i.enable(), this.hooks.emit("enable", { userAction: t })) : ((r = this.GuideLine) == null || r.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+    var r, i;
+    e ? ((r = this.GuideLine) == null || r.enable(), this.hooks.emit("enable", { userAction: t })) : ((i = this.GuideLine) == null || i.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
   }
   handleVisible(e, t = !0) {
-    var i, r;
-    e ? ((i = this.GuideLine) == null || i.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((r = this.GuideLine) == null || r.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+    var r, i;
+    e ? ((r = this.GuideLine) == null || r.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((i = this.GuideLine) == null || i.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
   }
   changePlayState(e, t) {
     this.actionIfStateIsEnabled(
       () => {
-        var i;
-        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
+        var r;
+        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
       }
     ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
   }
@@ -416,50 +416,50 @@ class z extends V {
   handlePlay(e) {
     return v(this, null, function* () {
       var u;
-      const { data: t, state: i, privateState: r, hooks: n } = this;
-      if (r.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
+      const { data: t, state: r, privateState: i, hooks: n } = this;
+      if (i.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
         return;
       const s = w();
-      r.playId = s, r.playing = !0, r.broke = !1;
+      i.playId = s, i.playing = !0, i.broke = !1;
       const d = t.keyframes, a = this.getPauseData();
       (e == null ? void 0 : e.notEmitEvent) !== !0 && n.emit("play", { userAction: (u = e == null ? void 0 : e.userAction) != null ? u : !0 });
       let o = !1;
-      const f = yield (() => v(this, null, function* () {
-        var h, P;
+      const p = yield (() => v(this, null, function* () {
+        var h, g;
         if ((e == null ? void 0 : e.playFromIndex) !== void 0)
           return e.playFromIndex;
         if ((e == null ? void 0 : e.playFromId) !== void 0)
-          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((p) => p.id === e.playFromId);
+          return (h = this.data) == null ? void 0 : h.keyframes.findIndex((f) => f.id === e.playFromId);
         if (a != null && a.keyframeId) {
-          const p = (P = this.data) == null ? void 0 : P.keyframes.find((y) => y.id === a.keyframeId);
+          const f = (g = this.data) == null ? void 0 : g.keyframes.find((y) => y.id === a.keyframeId);
           if (a != null && a.fiveState && (yield this.move(a.fiveState, {
-            moveEffect: r.moveToFirstPanoEffect,
-            duration: r.moveToFirstPanoDuration
-          })), p) {
-            if (p.data.effect === "Move")
-              return p.index;
-            if (p.data.effect === "Rotate") {
+            moveEffect: i.moveToFirstPanoEffect,
+            duration: i.moveToFirstPanoDuration
+          })), f) {
+            if (f.data.effect === "Move")
+              return f.index;
+            if (f.data.effect === "Rotate") {
               const y = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
-              return yield this.playKeyframe(p, { duration: y }), o = !0, p.index + 1;
+              return yield this.playKeyframe(f, { duration: y }), o = !0, f.index + 1;
             }
           }
         }
       }))();
       this.clearPauseData();
       for (const h of d) {
-        if (r.broke || !i.playing || !r.playing || s !== r.playId)
+        if (i.broke || !r.playing || !i.playing || s !== i.playId)
           return;
-        if (!(f !== void 0 && h.index < f))
+        if (!(p !== void 0 && h.index < p))
           try {
             n.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
-              moveEffect: o === !1 ? r.moveToFirstPanoEffect : void 0,
-              duration: o === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
+              moveEffect: o === !1 ? i.moveToFirstPanoEffect : void 0,
+              duration: o === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
             }), h.stay && (yield J(h.stay)), o === !1 && (o = !0);
-          } catch (P) {
-            return Promise.resolve("broke");
+          } catch (g) {
+            return console.error(g), Promise.resolve("broke");
           }
       }
-      i.playing && s === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+      r.playing && s === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
     });
   }
   /**
@@ -467,17 +467,17 @@ class z extends V {
    */
   handlePause(e) {
     var n;
-    const { state: t, privateState: i, hooks: r } = this;
-    t.playing = !1, i.playing !== !1 && (i.playing = !1, (e == null ? void 0 : e.userAction) !== !1 && this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("pause", { userAction: (n = e == null ? void 0 : e.userAction) != null ? n : !0 }));
+    const { state: t, privateState: r, hooks: i } = this;
+    t.playing = !1, r.playing !== !1 && (r.playing = !1, (e == null ? void 0 : e.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && i.emit("pause", { userAction: (n = e == null ? void 0 : e.userAction) != null ? n : !0 }));
   }
   /**
    * @description Play single keyframe
    */
   playKeyframe(e, t) {
     return v(this, null, function* () {
-      var r;
-      const { privateState: i } = this;
-      return ((r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), i.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
+      var i;
+      const { privateState: r } = this;
+      return ((i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), r.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
     });
   }
   /**
@@ -486,19 +486,21 @@ class z extends V {
   addInterruptListener(e) {
     const t = () => {
       this.privateState.modeChanging || e();
-    }, i = e;
-    return this.five.once("gesture", i), this.five.once("wantsChangeMode", t), () => {
-      this.five.off("gesture", i), this.five.once("wantsChangeMode", t);
+    }, r = (i) => {
+      i !== "mouseMove" && e();
+    };
+    return this.five.once("gesture", r), this.five.once("wantsChangeMode", t), () => {
+      this.five.off("gesture", r), this.five.once("wantsChangeMode", t);
     };
   }
   /**
    * @description: getPlayPromise
    */
-  getPlayPromise(i) {
+  getPlayPromise(r) {
     return v(this, arguments, function* (e, t = {}) {
       var n;
-      const r = e.data;
-      if (t.duration = (n = t.duration) != null ? n : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!r)
+      const i = e.data;
+      if (t.duration = (n = t.duration) != null ? n : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!i)
         return new Promise((s, d) => {
           let a = !1;
           this.addInterruptListener(() => {
@@ -511,15 +513,15 @@ class z extends V {
             const o = () => {
               s(), a = !0;
             };
-            switch (r.effect) {
+            switch (i.effect) {
               case "Move":
-                this.move(r, t).then(o);
+                this.move(i, t).then(o);
                 break;
               case "Rotate":
-                this.rotate(r, t).then(o);
+                this.rotate(i, t).then(o);
                 break;
               default:
-                this.rotate(r, t).then(o);
+                this.rotate(i, t).then(o);
             }
           } catch (o) {
           }
@@ -532,17 +534,17 @@ class z extends V {
   actionPromiseQueue() {
     return v(this, null, function* () {
       const { privateState: e } = this;
-      return new Promise((t, i) => {
+      return new Promise((t, r) => {
         if (e.currentPlayQueue.length === 0) {
           t();
           return;
         }
-        const r = e.currentPlayQueue.shift();
-        if (!r) {
+        const i = e.currentPlayQueue.shift();
+        if (!i) {
           t();
           return;
         }
-        r.then(t, i);
+        i.then(t, r);
       }).then(() => e.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
@@ -574,15 +576,15 @@ class z extends V {
   /**
    * @description Update five camera
    */
-  updateCamera(i) {
+  updateCamera(r) {
     return v(this, arguments, function* (e, t = {}) {
-      const { five: r, privateState: n, state: s } = this, d = (() => {
+      const { five: i, privateState: n, state: s } = this, d = (() => {
         var u, h;
-        const m = (u = s.config) == null ? void 0 : u.speedConfig, f = (h = e.rotateSpeed) != null ? h : m == null ? void 0 : m.rotateSpeed;
+        const m = (u = s.config) == null ? void 0 : u.speedConfig, p = (h = e.rotateSpeed) != null ? h : m == null ? void 0 : m.rotateSpeed;
         if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
-          return f;
-        if (f !== void 0)
-          return m.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
+          return p;
+        if (p !== void 0)
+          return m.rotateSpeedUnit === "rad/ms" ? p : p / 1e3;
       })(), a = (() => {
         if (t.duration)
           return t.duration;
@@ -595,7 +597,7 @@ class z extends V {
       n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = a);
       const o = this.getSpeededDuration(a);
       return new Promise((m) => {
-        _(() => r.updateCamera(e, o)), setTimeout(() => m(), o);
+        _(() => i.updateCamera(e, o)), setTimeout(() => m(), o);
       });
     });
   }
@@ -604,14 +606,14 @@ class z extends V {
    */
   changePano(e, t) {
     return v(this, null, function* () {
-      const { five: i, privateState: r, state: n } = this;
-      if (typeof e.panoIndex != "number" || e.panoIndex === i.panoIndex)
+      const { five: r, privateState: i, state: n } = this;
+      if (typeof e.panoIndex != "number" || e.panoIndex === r.panoIndex)
         return;
-      const s = i.getCurrentState().mode !== "Panorama";
+      const s = r.getCurrentState().mode !== "Panorama";
       s && (this.privateState.modeChanging = !0);
       const d = (() => {
-        var f, u;
-        const o = (f = n.config) == null ? void 0 : f.speedConfig, m = (u = e.moveSpeed) != null ? u : o == null ? void 0 : o.moveSpeed;
+        var p, u;
+        const o = (p = n.config) == null ? void 0 : p.speedConfig, m = (u = e.moveSpeed) != null ? u : o == null ? void 0 : o.moveSpeed;
         if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
           return m;
         if (m !== void 0)
@@ -619,23 +621,23 @@ class z extends V {
       })(), a = (() => {
         if (t != null && t.duration)
           return t.duration;
-        if (d && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
-          const o = i.work.observers[i.panoIndex].position, m = i.work.observers[e.panoIndex].position;
+        if (d && typeof r.panoIndex == "number" && typeof e.panoIndex == "number") {
+          const o = r.work.observers[r.panoIndex].position, m = r.work.observers[e.panoIndex].position;
           return o.distanceTo(m) / d;
         }
         return 800;
       })();
-      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
-        var m, f, u;
-        i.moveToPano(e.panoIndex, {
+      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
+        var m, p, u;
+        r.moveToPano(e.panoIndex, {
           latitude: e.latitude,
           longitude: e.longitude,
           fov: e.fov,
           duration: this.getSpeededDuration(a),
-          effect: (u = (f = t == null ? void 0 : t.moveEffect) != null ? f : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? u : e.moveEffect,
+          effect: (u = (p = t == null ? void 0 : t.moveEffect) != null ? p : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? u : e.moveEffect,
           moveCancelCallback: () => o(),
           moveEndCallback: () => o()
-        }), s && i.once("panoArrived", () => o());
+        }), s && r.once("panoArrived", () => o());
       }), s && (this.privateState.modeChanging = !1);
     });
   }
@@ -643,11 +645,11 @@ class z extends V {
    * @description: Change play speed
    */
   changeSpeed(e, t = !0) {
-    const { state: i, privateState: r, hooks: n } = this, { currentPlayKeyframe: s } = r;
-    if (n.emit("speedChange", e, { userAction: t }), i.playing && s)
+    const { state: r, privateState: i, hooks: n } = this, { currentPlayKeyframe: s } = i;
+    if (n.emit("speedChange", e, { userAction: t }), r.playing && s)
       try {
         const d = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: d });
-        r.currentPlayQueue.push(a);
+        i.currentPlayQueue.push(a);
       } catch (d) {
       }
   }
@@ -686,12 +688,12 @@ class z extends V {
    * @description Set pause data
    */
   setPauseData() {
-    var e, t, i, r;
+    var e, t, r, i;
     if ((e = this.data) != null && e.keyframesId)
       return E.set((t = this.data) == null ? void 0 : t.keyframesId, {
-        keyframeId: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id,
+        keyframeId: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
+        duration: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -712,7 +714,7 @@ class z extends V {
   // TODO
   handleDispose() {
     var e, t;
-    this.setState({ playing: !1 }), this.clearPauseData(), this.clear(), (e = this.GuideLine) == null || e.dispose(), this.GuideLine = void 0, (t = this.privateState.disposers) == null || t.forEach((i) => i == null ? void 0 : i());
+    this.setState({ playing: !1 }), this.clearPauseData(), this.clear(), (e = this.GuideLine) == null || e.dispose(), this.GuideLine = void 0, (t = this.privateState.disposers) == null || t.forEach((r) => r == null ? void 0 : r());
   }
   /**
    * @description Action function if plugin is enable
@@ -740,8 +742,8 @@ class z extends V {
   }
   setFiveLinearUpdateCamera() {
     this.privateState.fiveOriginGetProgress && (this.five.controller.cameraMotion.getProgress = (e) => {
-      const t = this.five.controller.cameraMotion, i = e - t.startTime;
-      return i < 0 ? 0 : i >= t.duration ? 1 : 1 - H(1, t.startVelocity, t.duration, i);
+      const t = this.five.controller.cameraMotion, r = e - t.startTime;
+      return r < 0 ? 0 : r >= t.duration ? 1 : 1 - H(1, t.startVelocity, t.duration, r);
     });
   }
   setFiveOriginUpdateCamera() {