@realsee/dnalogel 2.1.0-alpha.15 → 2.1.0-alpha.17

package/libs/src/CruisePlugin/Controller.js

@@ -1,769 +0,0 @@
-import * as BasePluginWithData from '../base/BasePluginWithData';
-import { GuideLinePlugin } from '../GuideLinePlugin';
-import uuid from '../shared-utils/uuid';
-import { coordinatesAngle } from './utils/coordinatesAngle';
-import { safeCall } from './utils/safeCall';
-import equal from '../shared-utils/equal';
-import { vectorToCoordinates } from './utils/vectorToCoordinates';
-import * as THREE from 'three';
-import linerValue from './utils/linerValue';
-import { sleep } from './utils/sleep';
-const VERSION = 'v1.0.6';
-const PLUGIN_NAME = 'CruisePlugin';
-const PLUGIN = `${PLUGIN_NAME}@${VERSION}`;
-export const pluginFlag = (name) => `${PLUGIN}--${name}`;
-const disposedErrorLog = () => {
-    console.error(`${PLUGIN} is disposed`);
-};
-const disableWarnLog = () => {
-    console.warn(`${PLUGIN} is disabled`);
-};
-const disableErrorLog = () => {
-    console.error(`${PLUGIN} is disabled`);
-};
-const pauseDataMap = new Map();
-export default class CruisePluginController extends BasePluginWithData.Controller {
-    constructor(five) {
-        super(five);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                visible: true,
-                enabled: true,
-                disposed: false,
-                playing: false,
-                speed: 1,
-                config: {
-                    speedConfig: {
-                        rotateSpeed: 0.001,
-                        rotateSpeedUnit: 'rad/ms',
-                        moveSpeed: 0.002,
-                        moveSpeedUnit: 'm/ms',
-                    },
-                },
-            }
-        });
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "privateState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                playing: false,
-                currentPlayQueue: [],
-                currentPlayKeyframe: null,
-                broke: false,
-                disposers: [],
-            }
-        });
-        Object.defineProperty(this, "GuideLine", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.assign(window, { [`__${PLUGIN_NAME}_DEBUG__`]: this });
-        const setFiveLinearUpdateCamera = this.setFiveLinearUpdateCamera.bind(this);
-        const setFiveOriginUpdateCamera = this.setFiveOriginUpdateCamera.bind(this);
-        this.hooks.on('play', setFiveLinearUpdateCamera);
-        this.hooks.on('broke', setFiveOriginUpdateCamera);
-        this.hooks.on('end', setFiveOriginUpdateCamera);
-        this.hooks.on('pause', setFiveOriginUpdateCamera);
-        this.privateState.disposers.push(() => {
-            this.hooks.off('play', setFiveLinearUpdateCamera);
-            this.hooks.off('broke', setFiveOriginUpdateCamera);
-            this.hooks.off('end', setFiveOriginUpdateCamera);
-            this.hooks.off('pause', setFiveOriginUpdateCamera);
-        });
-    }
-    /**
-     * @description Load Data and State
-     */
-    async load(serverData, state, userAction) {
-        var _a, _b, _c, _d, _e;
-        if (this.state.disposed)
-            return disposedErrorLog();
-        if (!this.privateState.fiveOriginGetProgress) {
-            if (!((_b = (_a = this.five.controller) === null || _a === void 0 ? void 0 : _a.cameraMotion) === null || _b === void 0 ? void 0 : _b.getProgress)) {
-                await this.waitFiveLoaded();
-                this.privateState.fiveOriginGetProgress = (_d = (_c = this.five.controller) === null || _c === void 0 ? void 0 : _c.cameraMotion) === null || _d === void 0 ? void 0 : _d.getProgress;
-            }
-        }
-        this.clear();
-        // copy this.data
-        const prevData = this.data ? JSON.parse(JSON.stringify(this.data)) : undefined;
-        // format server data to plugin data
-        const data = await this.formatData(serverData);
-        this.data = data;
-        this.hooks.emit('dataChange', data, prevData);
-        let guideLinePanoIndex = [];
-        let tempFloorIndex;
-        // filter panoIndex list Data
-        const hasPanoIndexKeyframes = this.data.keyframes.filter((keyframe) => keyframe.data.panoIndex !== undefined);
-        hasPanoIndexKeyframes
-            .filter((keyframe, index) => { var _a; return keyframe.data.panoIndex !== ((_a = hasPanoIndexKeyframes[index - 1]) === null || _a === void 0 ? void 0 : _a.data.panoIndex); })
-            .map((keyframe) => keyframe.data.panoIndex)
-            .forEach((panoIndex) => {
-            var _a, _b;
-            const floorIndex = (_a = this.five.work.observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.floorIndex;
-            if (floorIndex === undefined)
-                return;
-            if (tempFloorIndex === floorIndex) {
-                const index = guideLinePanoIndex.length - 1;
-                guideLinePanoIndex[index] = [...((_b = guideLinePanoIndex[index]) !== null && _b !== void 0 ? _b : []), panoIndex];
-            }
-            else {
-                tempFloorIndex = floorIndex;
-                const index = guideLinePanoIndex.length;
-                guideLinePanoIndex[index] = [panoIndex];
-            }
-        });
-        // initialize GuideLinePlugin
-        if (!this.GuideLine)
-            this.GuideLine = GuideLinePlugin(this.five);
-        // load GuideLine
-        (_e = this.GuideLine) === null || _e === void 0 ? void 0 : _e.load({ routes: guideLinePanoIndex.map((route) => ({ panoIndexList: route })) });
-        // first pause
-        this.setState({ playing: false });
-        // set state
-        this.handleVisible(this.state.visible);
-        this.handleEnable(this.state.enabled);
-        this.changePlayState(this.state.playing);
-        this.changeSpeed(this.state.speed);
-        // initialize plugin state
-        if (state)
-            this.setState(state, { userAction });
-        // load end
-        console.log(`${PLUGIN} loaded`, data);
-        this.hooks.emit('dataLoaded', data);
-    }
-    /**
-     * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
-     */
-    play(options) {
-        this.setState({ playing: true }, options);
-    }
-    /**
-     * @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(options) {
-        const { index, id, userAction } = options;
-        if (this.state.playing)
-            this.setState({ playing: false }, { userAction });
-        this.setState({ playing: true }, { userAction, playFromIndex: index, playFromId: id });
-    }
-    /**
-     * @description Play from first keyframe
-     */
-    playFromStart(options) {
-        return this.playFrom(Object.assign(Object.assign({}, options), { index: 0 }));
-    }
-    /**
-     * @description Pause
-     */
-    pause(options) {
-        this.setState({ playing: false }, options);
-    }
-    /**
-     * @description Show guide line
-     */
-    async show(options) {
-        this.setState({ visible: true }, options);
-    }
-    /**
-     * @description Hide guide line
-     */
-    async hide(options) {
-        this.setState({ visible: false }, options);
-    }
-    /**
-     * @description Enable
-     */
-    enable(options) {
-        this.setState({ enabled: true }, options);
-    }
-    /**
-     * @description Disable
-     */
-    disable(options) {
-        this.setState({ enabled: false }, options);
-    }
-    /**
-     * @description Dispose
-     */
-    dispose() {
-        this.setState({ disposed: true });
-    }
-    /**
-     * @description Set state
-     */
-    setState(state, options) {
-        var _a;
-        if (this.state.disposed)
-            return disposedErrorLog();
-        if (!this.state.enabled) {
-            // when plugin is disabled, only can change enabled or disposed to true
-            if (state.enabled !== true && state.disposed !== true)
-                return disableErrorLog();
-        }
-        const prevState = Object.assign({}, this.state);
-        this.state = Object.assign(Object.assign({}, this.state), state);
-        if (state.disposed !== undefined && state.disposed !== prevState.disposed) {
-            if (state.disposed)
-                this.handleDispose();
-        }
-        if (state.visible !== undefined && state.visible !== prevState.visible) {
-            this.handleVisible(state.visible, options === null || options === void 0 ? void 0 : options.userAction);
-        }
-        if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
-            this.handleEnable(state.enabled, options === null || options === void 0 ? void 0 : options.userAction);
-        }
-        if (state.playing !== undefined && state.playing !== prevState.playing) {
-            this.changePlayState(state.playing, options);
-        }
-        if (state.speed !== undefined && state.speed !== prevState.speed) {
-            this.changeSpeed(state.speed, options === null || options === void 0 ? void 0 : options.userAction);
-        }
-        if (!equal(prevState, this.state, { deep: true })) {
-            this.hooks.emit('stateChange', { state: this.state, prevState, userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
-        }
-    }
-    /**
-     * @description Format data
-     */
-    async formatData(serverData) {
-        if (!this.five.work)
-            await this.waitFiveLoaded();
-        const observers = this.five.work.observers;
-        const data = (() => {
-            const _serverData = serverData;
-            if (typeof _serverData === 'object' && _serverData !== null && _serverData.version && _serverData.data) {
-                return _serverData.data;
-            }
-            return _serverData;
-        })();
-        if (data.keyframes) {
-            return {
-                keyframesId: uuid(),
-                keyframes: data.keyframes.map((keyframe, index) => {
-                    var _a;
-                    const nextKeyframe = data.keyframes[index + 1];
-                    const stay = (() => {
-                        if (!nextKeyframe)
-                            return 0;
-                        if (nextKeyframe.start === undefined || keyframe.end === undefined)
-                            return 0;
-                        return nextKeyframe.start - keyframe.end;
-                    })();
-                    return Object.assign({ id: (_a = keyframe.uuid) !== null && _a !== void 0 ? _a : uuid(), moveIndex: index, stay, index }, keyframe);
-                }),
-            };
-        }
-        else if (data.panoIndexList) {
-            let keyframes = [];
-            const { moveEffect, moveToFirstPanoEffect } = data;
-            this.privateState.moveToFirstPanoEffect = moveToFirstPanoEffect;
-            data.panoIndexList
-                .filter((panoIndex, index) => panoIndex !== data.panoIndexList[index - 1])
-                .forEach((panoIndex, index) => {
-                const lookatNextPanoIndex = (() => {
-                    var _a, _b, _c, _d;
-                    const nextPanoIndex = data.panoIndexList[index + 1];
-                    if (nextPanoIndex === undefined)
-                        return;
-                    const vectorFrom = (_a = observers[panoIndex]) === null || _a === void 0 ? void 0 : _a.position;
-                    const vectorTo = (_b = observers[nextPanoIndex]) === null || _b === void 0 ? void 0 : _b.position;
-                    if (!vectorTo || !vectorFrom)
-                        return;
-                    // if panoIndex and next panoIndex isn't in same floor, return
-                    if (((_c = observers[panoIndex]) === null || _c === void 0 ? void 0 : _c.floorIndex) !== ((_d = observers[nextPanoIndex]) === null || _d === void 0 ? void 0 : _d.floorIndex))
-                        return;
-                    const vector = new THREE.Vector3().subVectors(vectorTo, vectorFrom);
-                    return vectorToCoordinates(vector);
-                })();
-                if (data.moveType === undefined || data.moveType === 'justMove') {
-                    // move to panoIndex, latitude, longitude
-                    keyframes.push({
-                        moveIndex: index,
-                        stay: data.stay,
-                        data: Object.assign({ effect: 'Move', panoIndex, moveEffect }, (lookatNextPanoIndex !== null && lookatNextPanoIndex !== void 0 ? lookatNextPanoIndex : {})),
-                    });
-                }
-                else if (data.moveType === 'moveAndRotate') {
-                    // move to panoIndex, then rotate to latitude and longitude
-                    keyframes.push({ moveIndex: index, stay: data.stay, data: { effect: 'Move', panoIndex, moveEffect } });
-                    if (lookatNextPanoIndex)
-                        keyframes.push({ moveIndex: index, stay: data.stay, data: Object.assign({ effect: 'Rotate', panoIndex }, lookatNextPanoIndex) });
-                }
-            });
-            return { keyframesId: uuid(), keyframes: keyframes.map((keyframe, index) => (Object.assign({ id: uuid(), index }, keyframe))) };
-        }
-        else {
-            throw new Error('format error: data no keyframes or no panoIndexList');
-        }
-    }
-    handleEnable(enabled, userAction = true) {
-        var _a, _b;
-        if (enabled) {
-            (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.enable();
-            this.hooks.emit('enable', { userAction });
-        }
-        else {
-            (_b = this.GuideLine) === null || _b === void 0 ? void 0 : _b.disable();
-            this.changePlayState(false, { userAction });
-            this.hooks.emit('disable', { userAction });
-        }
-        this.state.enabled = enabled;
-    }
-    handleVisible(visible, userAction = true) {
-        var _a, _b;
-        if (visible) {
-            (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.show();
-            this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));
-        }
-        else {
-            (_b = this.GuideLine) === null || _b === void 0 ? void 0 : _b.hide();
-            this.actionIfStateIsEnabled(() => this.hooks.emit('hide', { userAction }));
-        }
-        this.state.visible = visible;
-    }
-    changePlayState(play, options) {
-        this.actionIfStateIsEnabled(() => { var _a; return this.hooks.emit('playStateChange', play ? 'playing' : 'pause', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true }); });
-        play ? this.handlePlay(options) : this.handlePause(options);
-        this.state.playing = play;
-    }
-    /**
-     * @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
-    async handlePlay(options) {
-        var _a;
-        const { data, state, privateState, hooks } = this;
-        // check whether keyframes can be played
-        if (privateState.playing)
-            return;
-        if (!(data === null || data === void 0 ? void 0 : data.keyframes) || (data === null || data === void 0 ? void 0 : data.keyframes.length) === 0)
-            return;
-        // set current play id
-        const currentPlayId = uuid();
-        // if handlePlay function is called again before play end, currentPlayId isn't equal to privateState.playId
-        privateState.playId = currentPlayId;
-        // set state
-        privateState.playing = true;
-        privateState.broke = false;
-        const keyframes = data.keyframes;
-        const pauseData = this.getPauseData();
-        if ((options === null || options === void 0 ? void 0 : options.notEmitEvent) !== true) {
-            hooks.emit('play', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
-        }
-        let playedFirstKeyframe = false;
-        const getPlayFromIndex = async () => {
-            var _a, _b;
-            // play from index
-            if ((options === null || options === void 0 ? void 0 : options.playFromIndex) !== undefined)
-                return options.playFromIndex;
-            // play from id
-            else if ((options === null || options === void 0 ? void 0 : options.playFromId) !== undefined)
-                return (_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframes.findIndex((keyframe) => keyframe.id === options.playFromId);
-            // play from pause position
-            else if (pauseData === null || pauseData === void 0 ? void 0 : pauseData.keyframeId) {
-                const pausedKeyframe = (_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframes.find((keyframe) => keyframe.id === pauseData.keyframeId);
-                // restore paused state
-                if (pauseData === null || pauseData === void 0 ? void 0 : pauseData.fiveState)
-                    await this.move(pauseData.fiveState, { moveEffect: privateState.moveToFirstPanoEffect });
-                if (pausedKeyframe) {
-                    if (pausedKeyframe.data.effect === 'Move')
-                        return pausedKeyframe.index;
-                    else if (pausedKeyframe.data.effect === 'Rotate') {
-                        const duration = pauseData.duration !== undefined ? pauseData.duration * (1 - pauseData.playedProgress) : undefined;
-                        await this.playKeyframe(pausedKeyframe, { duration });
-                        playedFirstKeyframe = true;
-                        // playFromIndex += 1 cause played last part of paused keyframe
-                        return pausedKeyframe.index + 1;
-                    }
-                }
-            }
-        };
-        const playFromIndex = await getPlayFromIndex();
-        this.clearPauseData();
-        // play keyframes
-        for (const keyframe of keyframes) {
-            if (privateState.broke || !state.playing || !privateState.playing)
-                return;
-            if (currentPlayId !== privateState.playId)
-                return;
-            // jump to start keyframe
-            if (playFromIndex !== undefined && keyframe.index < playFromIndex)
-                continue;
-            // play single keyframe
-            try {
-                hooks.emit('playIndexChange', keyframe.index, keyframe);
-                await this.playKeyframe(keyframe, {
-                    moveEffect: playedFirstKeyframe === false ? privateState.moveToFirstPanoEffect : undefined,
-                    duration: 800,
-                });
-                if (keyframe.stay)
-                    await sleep(keyframe.stay);
-                if (playedFirstKeyframe === false)
-                    playedFirstKeyframe = true;
-            }
-            catch (error) {
-                return Promise.resolve('broke');
-                // if think the play be interupted by five gesture is an error, return Promise.reject(error)
-                // return Promise.reject(error)
-            }
-        }
-        if (state.playing && currentPlayId === privateState.playId) {
-            this.setState({ playing: false }, { userAction: false });
-            hooks.emit('end');
-            this.clearPauseData();
-        }
-    }
-    /**
-     * @description: Pause and record pause state
-     */
-    handlePause(options) {
-        var _a;
-        const { state, privateState, hooks } = this;
-        state.playing = false;
-        if (privateState.playing === false)
-            return;
-        privateState.playing = false;
-        this.setPauseData();
-        if (!privateState.broke)
-            this.forceInteruptUpdateCamera();
-        if ((options === null || options === void 0 ? void 0 : options.notEmitEvent) !== true) {
-            hooks.emit('pause', { userAction: (_a = options === null || options === void 0 ? void 0 : options.userAction) !== null && _a !== void 0 ? _a : true });
-        }
-    }
-    /**
-     * @description Play single keyframe
-     */
-    async playKeyframe(keyframe, params) {
-        var _a;
-        const { privateState } = this;
-        if (((_a = this.privateState.currentPlayKeyframe) === null || _a === void 0 ? void 0 : _a.keyframe.id) !== keyframe.id)
-            this.privateState.currentPlayKeyframe = { keyframe };
-        privateState.currentPlayQueue.push(this.getPlayPromise(keyframe, params));
-        return this.actionPromiseQueue();
-    }
-    /**
-     * @description: listen interupted by five gesture
-     */
-    addInterruptListener(callback) {
-        this.five.once('gesture', callback);
-        this.five.once('modeChange', callback);
-        return () => {
-            this.five.off('gesture', callback);
-            this.five.once('modeChange', callback);
-        };
-    }
-    /**
-     * @description: getPlayPromise
-     */
-    async getPlayPromise(keyframe, params) {
-        var _a;
-        const data = keyframe.data;
-        const duration = (_a = params === null || params === void 0 ? void 0 : params.duration) !== null && _a !== void 0 ? _a : (keyframe.start !== undefined && keyframe.end !== undefined ? keyframe.end - keyframe.start : undefined);
-        if (!data)
-            return;
-        return new Promise((resolve, reject) => {
-            let fulfilled = false;
-            this.addInterruptListener(() => {
-                if (fulfilled)
-                    return;
-                this.hooks.emit('broke');
-                this.privateState.broke = true;
-                this.setState({ playing: false });
-                fulfilled = true;
-                return reject(new Error('play is interupted'));
-            });
-            try {
-                if (fulfilled)
-                    return;
-                const res = () => {
-                    resolve();
-                    fulfilled = true;
-                };
-                switch (data.effect) {
-                    case 'Move':
-                        this.move(data, params).then(res);
-                        break;
-                    case 'Rotate':
-                        this.rotate(data, params).then(res);
-                        break;
-                    default:
-                        this.rotate(data, params).then(res);
-                }
-            }
-            catch (e) { }
-        });
-    }
-    /**
-     * @description Action promise queue in sequence
-     */
-    async actionPromiseQueue() {
-        const { privateState } = this;
-        return new Promise((resolve, reject) => {
-            if (privateState.currentPlayQueue.length === 0) {
-                resolve();
-                return;
-            }
-            const promise = privateState.currentPlayQueue.shift();
-            if (!promise) {
-                resolve();
-                return;
-            }
-            promise.then(resolve, reject);
-        }).then(() => {
-            if (privateState.currentPlayQueue.length === 0)
-                return Promise.resolve();
-            return this.actionPromiseQueue();
-        });
-    }
-    /**
-     * @description Action move keyframe
-     */
-    async move(data, params) {
-        if (data.mode && data.mode !== this.five.currentMode) {
-            await this.changeMode(data);
-        }
-        else if (data.panoIndex !== this.five.panoIndex) {
-            await this.changePano(data, params);
-        }
-        else {
-            return Promise.resolve();
-        }
-        // await updateCamera(data)
-    }
-    /**
-     * @description Action rotate keyframe
-     */
-    async rotate(data, params) {
-        if (data.mode && data.mode !== this.five.currentMode) {
-            await this.changeMode({ mode: data.mode, panoIndex: data.panoIndex });
-        }
-        else if (data.panoIndex && data.panoIndex !== this.five.panoIndex) {
-            return await this.changePano(data, params);
-        }
-        await this.updateCamera(data, params === null || params === void 0 ? void 0 : params.duration);
-    }
-    /**
-     * @description Update five camera
-     */
-    async updateCamera(data, paramsDuration = 800) {
-        const { five, privateState, state } = this;
-        let originDuration = paramsDuration;
-        const speed = (() => {
-            var _a, _b;
-            const speedConfig = (_a = state.config) === null || _a === void 0 ? void 0 : _a.speedConfig;
-            const speedValue = (_b = data.rotateSpeed) !== null && _b !== void 0 ? _b : speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.rotateSpeed;
-            if ((speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.rotateSpeedUnit) === undefined)
-                return speedValue;
-            if (speedValue !== undefined) {
-                return speedConfig.rotateSpeedUnit === 'rad/ms' ? speedValue : speedValue / 1000;
-            }
-        })();
-        if (speed) {
-            const coordinates1 = this.five.getCurrentState();
-            const coordinates2 = data;
-            const angle = coordinatesAngle(coordinates1, coordinates2);
-            originDuration = angle / speed;
-        }
-        if (privateState.currentPlayKeyframe)
-            privateState.currentPlayKeyframe.originDuration = originDuration;
-        const duration = this.getSpeededDuration(originDuration);
-        return new Promise((resolve) => {
-            safeCall(() => five.updateCamera(data, duration));
-            setTimeout(() => resolve(), duration);
-        });
-    }
-    /**
-     * @description: Change five pano
-     */
-    async changePano(data, params) {
-        var _a;
-        const { five, privateState, state } = this;
-        if (typeof data.panoIndex !== 'number')
-            return;
-        if (data.panoIndex === five.panoIndex)
-            return;
-        let originDuration = (_a = params === null || params === void 0 ? void 0 : params.duration) !== null && _a !== void 0 ? _a : 800;
-        const speed = (() => {
-            var _a, _b;
-            const speedConfig = (_a = state.config) === null || _a === void 0 ? void 0 : _a.speedConfig;
-            const speedValue = (_b = data.moveSpeed) !== null && _b !== void 0 ? _b : speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.moveSpeed;
-            if ((speedConfig === null || speedConfig === void 0 ? void 0 : speedConfig.moveSpeedUnit) === undefined)
-                return speedValue;
-            if (speedValue !== undefined) {
-                return speedConfig.moveSpeedUnit === 'm/ms' ? speedValue : speedValue / 1000;
-            }
-        })();
-        if (speed && typeof five.panoIndex === 'number' && typeof data.panoIndex === 'number') {
-            const postion1 = five.work.observers[five.panoIndex].position;
-            const postion2 = five.work.observers[data.panoIndex].position;
-            const distance = postion1.distanceTo(postion2);
-            originDuration = distance / speed;
-        }
-        if (privateState.currentPlayKeyframe)
-            privateState.currentPlayKeyframe.originDuration = originDuration;
-        const duration = this.getSpeededDuration(originDuration);
-        return new Promise((resolve) => {
-            var _a, _b, _c;
-            five.moveToPano(data.panoIndex, {
-                latitude: data.latitude,
-                longitude: data.longitude,
-                fov: data.fov,
-                duration,
-                effect: (_c = (_a = params === null || params === void 0 ? void 0 : params.moveEffect) !== null && _a !== void 0 ? _a : (_b = this.state.config) === null || _b === void 0 ? void 0 : _b.moveEffect) !== null && _c !== void 0 ? _c : data.moveEffect,
-                moveCancelCallback: () => resolve(),
-                moveEndCallback: () => resolve(),
-            });
-        });
-    }
-    /**
-     * @description: Change play speed
-     */
-    changeSpeed(speed, userAction = true) {
-        const { state, privateState, hooks } = this;
-        const { currentPlayKeyframe } = privateState;
-        hooks.emit('speedChange', speed, { userAction });
-        if (state.playing && currentPlayKeyframe) {
-            try {
-                const duration = currentPlayKeyframe.originDuration !== undefined ? currentPlayKeyframe.originDuration * (1 - this.getProgress()) : undefined;
-                const promise = this.playKeyframe(currentPlayKeyframe.keyframe, { duration });
-                privateState.currentPlayQueue.push(promise);
-            }
-            catch (e) { }
-        }
-    }
-    /**
-     * @description Get duration by speed
-     */
-    getSpeededDuration(duration) {
-        return duration / this.state.speed;
-    }
-    /**
-     * @description Get ratate progress
-     */
-    getProgress() {
-        return this.five.controller.cameraMotion.progress;
-    }
-    /**
-     * @description Change five mode
-     */
-    async changeMode(data, duration) {
-        if (data.mode && data.mode !== this.five.currentMode) {
-            await this.five.changeMode(data.mode, data, duration);
-        }
-    }
-    /**
-     * @description Force interupt five updateCamera
-     */
-    forceInteruptUpdateCamera() {
-        this.five.updateCamera({}, 0);
-    }
-    getPauseData() {
-        var _a, _b;
-        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
-            return pauseDataMap.get((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId);
-    }
-    /**
-     * @description Set pause data
-     */
-    setPauseData() {
-        var _a, _b, _c, _d;
-        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
-            return pauseDataMap.set((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId, {
-                keyframeId: (_c = this.privateState.currentPlayKeyframe) === null || _c === void 0 ? void 0 : _c.keyframe.id,
-                fiveState: this.five.getCurrentState(),
-                duration: (_d = this.privateState.currentPlayKeyframe) === null || _d === void 0 ? void 0 : _d.originDuration,
-                playedProgress: this.getProgress(),
-            });
-    }
-    /**
-     * @description Clear pause data
-     */
-    clearPauseData() {
-        var _a, _b;
-        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.keyframesId)
-            return pauseDataMap.delete((_b = this.data) === null || _b === void 0 ? void 0 : _b.keyframesId);
-    }
-    /**
-     * @description: Restore state that before loaded
-     */
-    clear() {
-        this.clearPauseData();
-        this.privateState.currentPlayKeyframe = null;
-    }
-    // TODO
-    handleDispose() {
-        var _a, _b;
-        this.setState({ playing: false });
-        this.clearPauseData();
-        this.clear();
-        (_a = this.GuideLine) === null || _a === void 0 ? void 0 : _a.dispose();
-        this.GuideLine = undefined;
-        (_b = this.privateState.disposers) === null || _b === void 0 ? void 0 : _b.forEach((d) => d === null || d === void 0 ? void 0 : d());
-    }
-    /**
-     * @description Action function if plugin is enable
-     */
-    actionIfStateIsEnabled(func, options) {
-        if (this.state.enabled)
-            return func();
-        else {
-            if (options === null || options === void 0 ? void 0 : options.warnLog)
-                disableWarnLog();
-        }
-    }
-    /**
-     * @description: Wait for five work ready
-     */
-    async waitFiveLoaded() {
-        return new Promise((resolve) => {
-            if (this.five.work) {
-                resolve();
-                return;
-            }
-            this.five.once('loaded', () => {
-                resolve();
-            });
-        });
-    }
-    setFiveLinearUpdateCamera() {
-        if (!this.privateState.fiveOriginGetProgress)
-            return;
-        this.five.controller.cameraMotion.getProgress = (time) => {
-            const cameraMotion = this.five.controller.cameraMotion;
-            const deltaTime = time - cameraMotion.startTime;
-            if (deltaTime < 0)
-                return 0;
-            if (deltaTime >= cameraMotion.duration)
-                return 1;
-            return 1 - linerValue(1, cameraMotion.startVelocity, cameraMotion.duration, deltaTime);
-        };
-    }
-    setFiveOriginUpdateCamera() {
-        if (!this.privateState.fiveOriginGetProgress)
-            return;
-        this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress;
-    }
-}
-Object.defineProperty(CruisePluginController, "PluginVersion", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: VERSION
-});