@realsee/dnalogel 3.6.0 → 3.7.0-dev.0

package/libs/CruisePlugin/Work.js

@@ -0,0 +1,597 @@
+var D = Object.defineProperty, C = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var I = (h, l, t) => l in h ? D(h, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[l] = t, g = (h, l) => {
+  for (var t in l || (l = {}))
+    L.call(l, t) && I(h, t, l[t]);
+  if (E)
+    for (var t of E(l))
+      T.call(l, t) && I(h, t, l[t]);
+  return h;
+}, x = (h, l) => C(h, K(l));
+var k = (h, l, t) => (I(h, typeof l != "symbol" ? l + "" : l, t), t);
+var y = (h, l, t) => new Promise((i, r) => {
+  var e = (d) => {
+    try {
+      s(t.next(d));
+    } catch (o) {
+      r(o);
+    }
+  }, n = (d) => {
+    try {
+      s(t.throw(d));
+    } catch (o) {
+      r(o);
+    }
+  }, s = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(e, n);
+  s((t = t.apply(h, l)).next());
+});
+import { GuideLinePlugin as M } from "../GuideLinePlugin/index.js";
+import { uuid as S } from "../shared-utils/uuid.js";
+import { coordinatesAngle as A } from "./utils/coordinatesAngle.js";
+import { safeCall as G } from "./utils/safeCall.js";
+import * as O from "three";
+import { sleep as Q } from "./utils/sleep.js";
+import { waitFiveLoaded as U } from "../shared-utils/five/fiveLoaded.js";
+import { vectorToCoordinates as _ } from "../shared-utils/vectorToCoordinate.js";
+import R from "./BaseController.js";
+import "../GuideLinePlugin/Controller.js";
+import "../base/BasePluginWithData.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/Subscribe.js";
+import "hammerjs";
+import "@realsee/five";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../shared-utils/util.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/url/absoluteUrl.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../GuideLinePlugin/GuideLineItem/index.js";
+import "../GuideLinePlugin/GuideLineModeItem/index.js";
+import "../shared-utils/log.js";
+import "../GuideLinePlugin/utils/createLineGeometry.js";
+import "../vendor/polyline-normals/index.js";
+import "../vendor/polyline-miter-util/index.js";
+import "../vendor/gl-vec2/add.js";
+import "../vendor/gl-vec2/set.js";
+import "../vendor/gl-vec2/normalize.js";
+import "../vendor/gl-vec2/subtract.js";
+import "../vendor/gl-vec2/dot.js";
+import "../shared-utils/five/mode.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/three/loadTexture.js";
+import "../PanoTagPlugin/controller/index.js";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "../PanoTagPlugin/utils/tag/tagCheck.js";
+import "../PanoTagPlugin/utils/debounce.js";
+import "../PanoTagPlugin/utils/throttle.js";
+import "../PanoTagPlugin/utils/resizeObserver.js";
+import "../PanoTagPlugin/utils/tag/format.js";
+import "../shared-utils/audio.js";
+import "../PanoTagPlugin/controller/TagRender.js";
+import "../PanoTagPlugin/controller/TagComputer.js";
+import "../PanoTagPlugin/utils/tagPosition.js";
+import "../PanoTagPlugin/utils/checkRange.js";
+import "../shared-utils/isNil.js";
+import "../PanoTagPlugin/controller/TagUtil.js";
+import "../PanoTagPlugin/typings/tag/TagConfig.js";
+import "../PanoTagPlugin/tag.config.js";
+import "../PanoTagPlugin/utils/planeNormal.js";
+import "../PanoTagPlugin/utils/normalPositionToPositions.js";
+import "../PanoTagPlugin/controller/TagCache.js";
+import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
+import "../shared-utils/device.js";
+import "../PanoTagPlugin/utils/model/mediaPlane.js";
+import "../shared-utils/three/Quadrangle.js";
+import "../shared-utils/math/pointIsRectangle.js";
+import "../shared-utils/three/loadVideoTexture.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../shared-utils/three/getPositionsByObjectFit.js";
+import "../shared-utils/three/FragmentTransparencyMaterial.js";
+import "../shared-utils/three/getNormal.js";
+import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/five/calculateThreeMouse.js";
+import "../PanoTagPlugin/utils/tag/adaptConfig.js";
+import "../shared-utils/typescript/entries.js";
+import "../shared-utils/url/getUrl.js";
+import "../shared-utils/five/transformPosition.js";
+import "../shared-utils/five/getFloorIndex.js";
+import "../shared-utils/safeObj.js";
+import "../PanoTagPlugin/Components/TagContainer.js";
+import "../PanoTagPlugin/Components/TagItem.js";
+import "../PanoTagPlugin/Components/Tag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Straight.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
+import "../PanoTagPlugin/Components/Common/Shadow.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
+import "animejs";
+import "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/utils/constants.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
+import "../PanoTagPlugin/Components/Common/Text/MText.js";
+import "../PanoTagPlugin/utils/px2rem.js";
+import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
+import "../PanoTagPlugin/Components/Common/Media.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-reactive/src/utils/watcher.js";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
+import "../PanoTagPlugin/Components/Common/MediaItem.js";
+import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
+import "../PanoTagPlugin/utils/noTypecheck.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
+import "../PanoTagPlugin/Components/Common/Audio.js";
+import "../PanoTagPlugin/utils/audio/SharedAudio.js";
+import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
+import "../PanoTagPlugin/Components/Tag/LinkTag.js";
+import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
+import "../PanoTagPlugin/utils/getImageInfo.js";
+import "../PanoTagPlugin/Components/Tag/PanoramaTag.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "../vendor/classnames/index.js";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "@realsee/five/gltf-loader";
+import "../shared-utils/five/fiveModelLoad.js";
+import "../GuideLinePlugin/Components/Tag.js";
+import "../GuideLinePlugin/utils/index.js";
+import "../shared-utils/to.js";
+import "../shared-utils/five/changeMode.js";
+import "../shared-utils/nearlyEqual.js";
+import "./Move.js";
+import "./utils/getFiveStateOnCurve.js";
+import "../shared-utils/formatRad.js";
+import "./Work.js";
+import "./utils/coordinatesToVector.js";
+const V = /* @__PURE__ */ new Map();
+class er extends R {
+  constructor(t, i) {
+    super(t, i);
+    k(this, "state", {
+      visible: !0,
+      enabled: !0,
+      disposed: !1,
+      playing: !1,
+      speed: 1,
+      config: {
+        speedConfig: {
+          rotateSpeed: 1e-3,
+          rotateSpeedUnit: "rad/ms",
+          moveSpeed: 2e-3,
+          moveSpeedUnit: "m/ms"
+        }
+      }
+    });
+    k(this, "privateState", {
+      playing: !1,
+      currentPlayQueue: [],
+      currentPlayKeyframe: null,
+      broke: !1,
+      modeChanging: !1
+    });
+    this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+  }
+  /**
+   * @description Load Data and State
+   */
+  load(t, i, r) {
+    return y(this, null, function* () {
+      var a, m;
+      if (this.state.disposed)
+        return this.disposedErrorLog();
+      this.clear();
+      const e = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
+      this.data = g({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, e);
+      let s = [], d;
+      const o = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
+      o.filter((p, f) => {
+        var u;
+        return p.data.panoIndex !== ((u = o[f - 1]) == null ? void 0 : u.data.panoIndex);
+      }).map((p) => p.data.panoIndex).forEach((p) => {
+        var u, v;
+        const f = (u = this.five.work.observers[p]) == null ? void 0 : u.floorIndex;
+        if (f !== void 0)
+          if (d === f) {
+            const c = s.length - 1;
+            s[c] = [...(v = s[c]) != null ? v : [], p];
+          } else {
+            d = f;
+            const c = s.length;
+            s[c] = [p];
+          }
+      }), !this.GuideLine && ((a = this.config) == null ? void 0 : a.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = M(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), i ? this.setState(i, { 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("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
+    });
+  }
+  /**
+   * @description If playing, first pause, then play from keyframes index/id
+   * @param {number} options.index play from keyframes index
+   * @param {string} options.id play from keyframes id
+   */
+  playFrom(t) {
+    const { index: i, id: r, userAction: e } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: e }), this.setState({ playing: !0 }, { userAction: e, playFromIndex: i, playFromId: r });
+  }
+  /**
+   * @description Play from first keyframe
+   */
+  playFromStart(t) {
+    return this.playFrom(x(g({}, t), { index: 0 }));
+  }
+  /**
+   * @description Format data
+   */
+  formatData(t) {
+    return y(this, null, function* () {
+      this.five.work || (yield U(this.five));
+      const i = this.five.work.observers, r = (() => {
+        const e = t;
+        return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
+      })();
+      if (r.keyframes)
+        return {
+          keyframesId: S(),
+          keyframes: r.keyframes.map((e, n) => {
+            var o;
+            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || e.end === void 0 ? 0 : s.start - e.end)();
+            return x(g({ id: (o = e.uuid) != null ? o : S(), moveIndex: n, stay: d, index: n }, e), { guildPluginOptions: r.guildPluginOptions });
+          })
+        };
+      if (r.panoIndexList) {
+        let e = [];
+        const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = r;
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, r.panoIndexList.forEach((o, a) => {
+          const m = (() => {
+            var c, P, w, b;
+            const p = r.panoIndexList.slice(a).find((F) => F !== o);
+            if (p === void 0)
+              return;
+            const f = (c = i[o]) == null ? void 0 : c.position, u = (P = i[p]) == null ? void 0 : P.position;
+            if (!u || !f || ((w = i[o]) == null ? void 0 : w.floorIndex) !== ((b = i[p]) == null ? void 0 : b.floorIndex))
+              return;
+            const v = new O.Vector3().subVectors(u, f);
+            return _(v.normalize());
+          })();
+          r.moveType === void 0 || r.moveType === "justMove" ? e.push({
+            moveIndex: a,
+            stay: r.stay,
+            data: g({ effect: "Move", panoIndex: o, moveEffect: n }, m != null ? m : {})
+          }) : r.moveType === "moveAndRotate" && (e.push({ moveIndex: a, stay: r.stay, data: { effect: "Move", panoIndex: o, moveEffect: n } }), m && e.push({ moveIndex: a, stay: r.stay, data: g({ effect: "Rotate", panoIndex: o }, m) }));
+        }), {
+          keyframesId: S(),
+          keyframes: e.map((o, a) => g({ id: S(), index: a }, o)),
+          guildPluginOptions: r.guildPluginOptions,
+          useGuildLine: r.useGuildLine
+        };
+      } else
+        throw new Error("format error: data no keyframes or no panoIndexList");
+    });
+  }
+  /**
+   * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
+   * @param {number} options.playFromIndex play from keyframes index
+   * @param {string} options.playFromId play from keyframes id
+   */
+  // eslint-disable-next-line complexity
+  handlePlay(t) {
+    return y(this, null, function* () {
+      var f;
+      const { data: i, state: r, privateState: e, hooks: n } = this;
+      if (e.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
+        return;
+      const s = S();
+      e.playId = s, e.playing = !0, e.broke = !1;
+      const d = i.keyframes, o = this.getPauseData();
+      (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (f = t == null ? void 0 : t.userAction) != null ? f : !0 });
+      let a = !1;
+      const p = yield (() => y(this, null, function* () {
+        var u, v;
+        if ((t == null ? void 0 : t.playFromIndex) !== void 0)
+          return t.playFromIndex;
+        if ((t == null ? void 0 : t.playFromId) !== void 0)
+          return (u = this.data) == null ? void 0 : u.keyframes.findIndex((c) => c.id === t.playFromId);
+        if (o != null && o.id) {
+          const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === o.id);
+          if (o != null && o.fiveState && (yield this.move(o.fiveState, {
+            moveEffect: e.moveToFirstPanoEffect,
+            duration: e.moveToFirstPanoDuration
+          })), c) {
+            if (c.data.effect === "Move")
+              return c.index;
+            if (c.data.effect === "Rotate") {
+              const P = o.duration !== void 0 ? o.duration * (1 - o.playedProgress) : void 0;
+              return yield this.playKeyframe(c, { duration: P }), a = !0, c.index + 1;
+            }
+          }
+        }
+      }))();
+      this.clearPauseData();
+      for (const u of d) {
+        if (e.broke || !r.playing || !e.playing || s !== e.playId)
+          return;
+        if (!(p !== void 0 && u.index < p))
+          try {
+            n.emit("playIndexChange", u.index, u), yield this.playKeyframe(u, {
+              moveEffect: a === !1 ? e.moveToFirstPanoEffect : void 0,
+              duration: a === !1 && typeof e.moveToFirstPanoDuration == "number" ? e.moveToFirstPanoDuration : void 0
+            }), u.stay && (yield Q(u.stay)), a === !1 && (a = !0);
+          } catch (v) {
+            return console.error(v), Promise.resolve("broke");
+          }
+      }
+      r.playing && s === e.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+    });
+  }
+  /**
+   * @description: Pause and record pause state
+   */
+  handlePause(t) {
+    var n;
+    const { state: i, privateState: r, hooks: e } = this;
+    i.playing = !1, r.playing !== !1 && (r.playing = !1, (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && e.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
+  }
+  /**
+   * @description: Change play speed
+   */
+  changeSpeed(t, i = !0) {
+    const { state: r, privateState: e, hooks: n } = this, { currentPlayKeyframe: s } = e;
+    if (n.emit("speedChange", t, { userAction: i }), r.playing && s)
+      try {
+        const d = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, o = this.playKeyframe(s.keyframe, { duration: d });
+        e.currentPlayQueue.push(o);
+      } catch (d) {
+      }
+  }
+  /**
+   * @description Get ratate progress
+   */
+  getProgress() {
+    return this.five.controller.cameraMotion.progress;
+  }
+  /**
+   * @description Set pause data
+   */
+  setPauseData() {
+    var t, i, r, e;
+    if ((t = this.data) != null && t.keyframesId)
+      return V.set((i = this.data) == null ? void 0 : i.keyframesId, {
+        id: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id,
+        fiveState: this.five.getCurrentState(),
+        duration: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
+        playedProgress: this.getProgress()
+      });
+  }
+  /**
+   * @description: Restore state that before loaded
+   */
+  clear() {
+    this.clearPauseData(), this.privateState.currentPlayKeyframe = null;
+  }
+  /**
+   * @description Play single keyframe
+   */
+  playKeyframe(t, i) {
+    return y(this, null, function* () {
+      var e;
+      const { privateState: r } = this;
+      return ((e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), r.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
+    });
+  }
+  /**
+   * @description: getPlayPromise
+   */
+  getPlayPromise(r) {
+    return y(this, arguments, function* (t, i = {}) {
+      var n;
+      const e = t.data;
+      if (i.duration = (n = i.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!e)
+        return new Promise((s, d) => {
+          let o = !1;
+          this.addInterruptListener(() => {
+            if (!o)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), o = !0, d(new Error("play is interupted"));
+          });
+          try {
+            if (o)
+              return;
+            const a = () => {
+              s(), o = !0;
+            };
+            switch (e.effect) {
+              case "Move":
+                this.move(e, i).then(a);
+                break;
+              case "Rotate":
+                this.rotate(e, i).then(a);
+                break;
+              default:
+                this.rotate(e, i).then(a);
+            }
+          } catch (a) {
+          }
+        });
+    });
+  }
+  /**
+   * @description Action promise queue in sequence
+   */
+  actionPromiseQueue() {
+    return y(this, null, function* () {
+      const { privateState: t } = this;
+      return new Promise((i, r) => {
+        if (t.currentPlayQueue.length === 0) {
+          i();
+          return;
+        }
+        const e = t.currentPlayQueue.shift();
+        if (!e) {
+          i();
+          return;
+        }
+        e.then(i, r);
+      }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
+    });
+  }
+  /**
+   * @description Action move keyframe
+   */
+  move(t, i) {
+    return y(this, null, function* () {
+      if (t.mode && t.mode !== this.five.currentMode)
+        yield this.changeMode(t);
+      else if (t.panoIndex !== this.five.panoIndex)
+        yield this.changePano(t, i);
+      else
+        return Promise.resolve();
+    });
+  }
+  /**
+   * @description Action rotate keyframe
+   */
+  rotate(t, i) {
+    return y(this, null, function* () {
+      if (t.mode && t.mode !== this.five.currentMode)
+        yield this.changeMode({ mode: t.mode, panoIndex: t.panoIndex });
+      else if (t.panoIndex && t.panoIndex !== this.five.panoIndex)
+        return yield this.changePano(t, i);
+      yield this.updateCamera(t, i);
+    });
+  }
+  /**
+   * @description Update five camera
+   */
+  updateCamera(r) {
+    return y(this, arguments, function* (t, i = {}) {
+      const { five: e, privateState: n, state: s } = this, d = (() => {
+        var f, u;
+        const m = (f = s.config) == null ? void 0 : f.speedConfig, p = (u = t.rotateSpeed) != null ? u : m == null ? void 0 : m.rotateSpeed;
+        if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
+          return p;
+        if (p !== void 0)
+          return m.rotateSpeedUnit === "rad/ms" ? p : p / 1e3;
+      })(), o = (() => {
+        if (i.duration)
+          return i.duration;
+        if (d) {
+          const m = this.five.getCurrentState();
+          return A(m, t) / d;
+        }
+        return 800;
+      })();
+      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = o);
+      const a = this.getSpeededDuration(o);
+      return new Promise((m) => {
+        G(() => e.updateCamera(t, a)), setTimeout(() => m(), a);
+      });
+    });
+  }
+  /**
+   * @description: Change five pano
+   */
+  changePano(t, i) {
+    return y(this, null, function* () {
+      const { five: r, privateState: e, state: n } = this;
+      if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
+        return;
+      const s = r.getCurrentState().mode !== "Panorama";
+      s && (this.privateState.modeChanging = !0);
+      const d = (() => {
+        var p, f;
+        const a = (p = n.config) == null ? void 0 : p.speedConfig, m = (f = t.moveSpeed) != null ? f : a == null ? void 0 : a.moveSpeed;
+        if ((a == null ? void 0 : a.moveSpeedUnit) === void 0)
+          return m;
+        if (m !== void 0)
+          return a.moveSpeedUnit === "m/ms" ? m : m / 1e3;
+      })(), o = (() => {
+        if (i != null && i.duration)
+          return i.duration;
+        if (d && typeof r.panoIndex == "number" && typeof t.panoIndex == "number") {
+          const a = r.work.observers[r.panoIndex].position, m = r.work.observers[t.panoIndex].position;
+          return a.distanceTo(m) / d;
+        }
+        return 800;
+      })();
+      e.currentPlayKeyframe && (e.currentPlayKeyframe.originDuration = o), yield new Promise((a) => {
+        var m, p, f;
+        r.moveToPano(t.panoIndex, {
+          latitude: t.latitude,
+          longitude: t.longitude,
+          fov: t.fov,
+          duration: this.getSpeededDuration(o),
+          effect: (f = (p = i == null ? void 0 : i.moveEffect) != null ? p : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? f : t.moveEffect,
+          moveCancelCallback: () => a(),
+          moveEndCallback: () => a()
+        }), s && r.once("panoArrived", () => a());
+      }), s && (this.privateState.modeChanging = !1);
+    });
+  }
+  /**
+   * @description Change five mode
+   */
+  changeMode(t, i) {
+    return y(this, null, function* () {
+      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, i), this.privateState.modeChanging = !1);
+    });
+  }
+}
+export {
+  er as default
+};

package/libs/CruisePlugin/index.d.ts

@@ -1,9 +1,10 @@
 import type { FivePlugin } from '@realsee/five';
-import CruisePluginController from './Controller';
 import * as CruisePluginTypes from './typing';
 import type { Config } from './typing';
-export { CruisePluginController };
-export declare const CruisePlugin: FivePlugin<Config | undefined, InstanceType<typeof CruisePluginController>>;
+import WalkController from './Work';
+import MoveController from './Move';
+export declare const CruisePlugin: FivePlugin<Config | undefined, InstanceType<typeof WalkController>>;
+export { WalkController, MoveController, MoveController as CruisePluginController };
 export type { CruisePluginExportType } from './typing';
 export default CruisePlugin;
 export { CruisePluginTypes };

package/libs/CruisePlugin/index.js

@@ -1,5 +1,8 @@
-import i from "./Controller.js";
-import { typing as Po } from "./typing/index.js";
+import { typing as yt } from "./typing/index.js";
+import o from "./Work.js";
+import { default as kt, default as vt } from "./Move.js";
+import "../GuideLinePlugin/index.js";
+import "../GuideLinePlugin/Controller.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -23,8 +26,6 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/url/absoluteUrl.js";
-import "../GuideLinePlugin/index.js";
-import "../GuideLinePlugin/Controller.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../GuideLinePlugin/GuideLineItem/index.js";
@@ -164,17 +165,21 @@ import "../GuideLinePlugin/utils/index.js";
 import "../shared-utils/to.js";
 import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";
+import "../shared-utils/five/fiveLoaded.js";
 import "./utils/coordinatesAngle.js";
 import "./utils/coordinatesToVector.js";
 import "./utils/safeCall.js";
-import "./utils/vectorToCoordinates.js";
-import "./utils/formatRad.js";
-import "./utils/linerValue.js";
 import "./utils/sleep.js";
-const Co = (r) => new i(r);
+import "../shared-utils/vectorToCoordinate.js";
+import "../shared-utils/formatRad.js";
+import "./BaseController.js";
+import "./utils/getFiveStateOnCurve.js";
+const dt = (r) => new o(r);
 export {
-  Co as CruisePlugin,
-  i as CruisePluginController,
-  Po as CruisePluginTypes,
-  Co as default
+  dt as CruisePlugin,
+  kt as CruisePluginController,
+  yt as CruisePluginTypes,
+  vt as MoveController,
+  o as WalkController,
+  dt as default
 };

package/libs/CruisePlugin/typing.d.ts

@@ -82,7 +82,7 @@ export interface PluginState extends BasePluginWithData.State {
     speed: number;
     config?: {
         /** 速度配置 */
-        speedConfig?: {
+        speedConfig?: Partial<{
             /** 旋转速度 */
             rotateSpeed: number;
             /** 旋转速度单位 */
@@ -91,7 +91,7 @@ export interface PluginState extends BasePluginWithData.State {
             moveSpeed: number;
             /** 移动速度单位 */
             moveSpeedUnit: 'm/s' | 'm/ms';
-        };
+        }>;
         /** five 走点动画 */
         moveEffect?: MoveEffect;
     };