@realsee/dnalogel 2.0.0-alpha.51 → 2.0.0-alpha.54

package/dist/CruisePlugin/index.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var five = require('@realsee/five');
 var THREE = require('three');
-var getNormals = require('polyline-normals');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -27,7 +24,6 @@ function _interopNamespace(e) {
 }
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var getNormals__default = /*#__PURE__*/_interopDefaultLegacy(getNormals);
 
 /**
  * plugin 的基本控制器
@@ -62,6 +58,193 @@ class Controller$2 {
 class Controller$1 extends Controller$2 {
 }
 
+var polylineMiterUtil = {};
+
+var add_1 = add$1;
+
+/**
+ * Adds two vec2's
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function add$1(out, a, b) {
+    out[0] = a[0] + b[0];
+    out[1] = a[1] + b[1];
+    return out
+}
+
+var set_1 = set$1;
+
+/**
+ * Set the components of a vec2 to the given values
+ *
+ * @param {vec2} out the receiving vector
+ * @param {Number} x X component
+ * @param {Number} y Y component
+ * @returns {vec2} out
+ */
+function set$1(out, x, y) {
+    out[0] = x;
+    out[1] = y;
+    return out
+}
+
+var normalize_1 = normalize$1;
+
+/**
+ * Normalize a vec2
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a vector to normalize
+ * @returns {vec2} out
+ */
+function normalize$1(out, a) {
+    var x = a[0],
+        y = a[1];
+    var len = x*x + y*y;
+    if (len > 0) {
+        //TODO: evaluate use of glm_invsqrt here?
+        len = 1 / Math.sqrt(len);
+        out[0] = a[0] * len;
+        out[1] = a[1] * len;
+    }
+    return out
+}
+
+var subtract_1 = subtract$1;
+
+/**
+ * Subtracts vector b from vector a
+ *
+ * @param {vec2} out the receiving vector
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {vec2} out
+ */
+function subtract$1(out, a, b) {
+    out[0] = a[0] - b[0];
+    out[1] = a[1] - b[1];
+    return out
+}
+
+var dot_1 = dot$1;
+
+/**
+ * Calculates the dot product of two vec2's
+ *
+ * @param {vec2} a the first operand
+ * @param {vec2} b the second operand
+ * @returns {Number} dot product of a and b
+ */
+function dot$1(a, b) {
+    return a[0] * b[0] + a[1] * b[1]
+}
+
+var add = add_1;
+var set = set_1;
+var normalize = normalize_1;
+var subtract = subtract_1;
+var dot = dot_1;
+
+var tmp = [0, 0];
+
+polylineMiterUtil.computeMiter = function computeMiter(tangent, miter, lineA, lineB, halfThick) {
+    //get tangent line
+    add(tangent, lineA, lineB);
+    normalize(tangent, tangent);
+
+    //get miter as a unit vector
+    set(miter, -tangent[1], tangent[0]);
+    set(tmp, -lineA[1], lineA[0]);
+
+    //get the necessary length of our miter
+    return halfThick / dot(miter, tmp)
+};
+
+polylineMiterUtil.normal = function normal(out, dir) {
+    //get perpendicular
+    set(out, -dir[1], dir[0]);
+    return out
+};
+
+polylineMiterUtil.direction = function direction(out, a, b) {
+    //get unit dir of two lines
+    subtract(out, a, b);
+    normalize(out, out);
+    return out
+};
+
+var util = polylineMiterUtil;
+
+var lineA = [0, 0];
+var lineB = [0, 0];
+var tangent = [0, 0];
+var miter = [0, 0];
+
+var polylineNormals = function(points, closed) {
+    var curNormal = null;
+    var out = [];
+    if (closed) {
+        points = points.slice();
+        points.push(points[0]);
+    }
+
+    var total = points.length;
+    for (var i=1; i<total; i++) {
+        var last = points[i-1];
+        var cur = points[i];
+        var next = i<points.length-1 ? points[i+1] : null;
+
+        util.direction(lineA, cur, last);
+        if (!curNormal)  {
+            curNormal = [0, 0];
+            util.normal(curNormal, lineA);
+        }
+
+        if (i === 1) //add initial normals
+            addNext(out, curNormal, 1);
+
+        if (!next) { //no miter, simple segment
+            util.normal(curNormal, lineA); //reset normal
+            addNext(out, curNormal, 1);
+        } else { //miter with last
+            //get unit dir of next line
+            util.direction(lineB, next, cur);
+
+            //stores tangent & miter
+            var miterLen = util.computeMiter(tangent, miter, lineA, lineB, 1);
+            addNext(out, miter, miterLen);
+        }
+    }
+
+    //if the polyline is a closed loop, clean up the last normal
+    if (points.length > 2 && closed) {
+        var last2 = points[total-2];
+        var cur2 = points[0];
+        var next2 = points[1];
+
+        util.direction(lineA, cur2, last2);
+        util.direction(lineB, next2, cur2);
+        util.normal(curNormal, lineA);
+        
+        var miterLen2 = util.computeMiter(tangent, miter, lineA, lineB, 1);
+        out[0][0] = miter.slice();
+        out[total-1][0] = miter.slice();
+        out[0][1] = miterLen2;
+        out[total-1][1] = miterLen2;
+        out.pop();
+    }
+
+    return out
+};
+
+function addNext(out, normal, length) {
+    out.push([[normal[0], normal[1]], length]);
+}
+
 // 定义常量
 const TRIANGLE_NUMBER_OF_RECTANGLE = 2; // 每个矩形有两个三角形
 const VERTEX_NUMBER_OF_TRIANGLE = 3; // 每个三角形有三个顶点
@@ -69,10 +252,10 @@ const AXIS_NUMBER_OF_VERTEX = 3; // 每个顶点有三个轴坐标
 const UV_NUMBER_OF_VERTEX = 2; // 每个顶点有两个 UV 轴坐标
 function getLineGeometry(positionList) {
     if (positionList.length < 2)
-        return;
-    const lineWidth = 1;
-    const halfLineWidth = 1 / 2;
-    const aspect = 1;
+        return console.warn('positionList length must be greater than 1');
+    const lineWidth = 0.6;
+    const halfLineWidth = lineWidth / 2;
+    const aspect = 0.67; // 纵横比 width / height
     // 点位向量数组
     const keyPoints = positionList;
     // 点位组成的平滑曲线
@@ -81,7 +264,7 @@ function getLineGeometry(positionList) {
     const divisions = Math.ceil(curve.getLength()); // 曲线切片数
     const curvePoints = curve.getPoints(divisions);
     const curvePointsLength = curvePoints.length;
-    const normals = getNormals__default["default"](curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
+    const normals = polylineNormals(curvePoints.map((p) => [p.x, p.z])); // curvePoints：每个点切线的向量「二维」
     const rectangleNumber = curvePoints.length - 1; // 曲线上 N 个点，构成了 N - 1 个矩形
     const indexNumber = rectangleNumber * TRIANGLE_NUMBER_OF_RECTANGLE * VERTEX_NUMBER_OF_TRIANGLE;
     const verticesNumber = 2 * curvePointsLength; // 顶点数量（包含公用）：每个曲线点对应两个顶点，N 个 点有 2N 个顶点
@@ -127,7 +310,12 @@ function getLineGeometry(positionList) {
 
 function getArrowMaterial(params) {
     var _a;
-    const texture = new THREE__namespace.TextureLoader().load((_a = params === null || params === void 0 ? void 0 : params.textureUtl) !== null && _a !== void 0 ? _a : '//vrlab-static.ljcdn.com/release/web/arrow.c5d028e4.png');
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow.c5d028e4.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow2.aa1762e4.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow3.06c5b657.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow4.b1427685.png')
+    // const texture = new THREE.TextureLoader().load(params?.textureUrl ?? '//vrlab-static.ljcdn.com/release/web/arrow5.ae49f3c8.png')
+    const texture = new THREE__namespace.TextureLoader().load((_a = params === null || params === void 0 ? void 0 : params.textureUrl) !== null && _a !== void 0 ? _a : '//vrlab-static.ljcdn.com/release/web/arrow6.b6ce0c62.png');
     texture.wrapS = texture.wrapT = THREE__namespace.RepeatWrapping;
     texture.encoding = THREE__namespace.sRGBEncoding;
     const arrowMaterial = new THREE__namespace.MeshBasicMaterial({
@@ -315,7 +503,7 @@ class Controller extends Controller$1 {
             this.five.scene.remove(this.linesGroup);
         const linesGroup = this.getLinesGroup(data.routes);
         if (!linesGroup)
-            return Promise.reject(new Error('no line'));
+            return;
         this.linesGroup = linesGroup;
         this.five.scene.add(linesGroup);
         this.handleVisible(this.state.visible);
@@ -419,10 +607,10 @@ class Controller extends Controller$1 {
         const geometry = getLineGeometry(positions);
         if (!geometry)
             return;
-        const material = getArrowMaterial({ textureUtl: data.arrowTextureUrl });
+        const material = getArrowMaterial({ textureUrl: data.arrowTextureUrl });
         const mesh = new THREE__namespace.Mesh(geometry, material);
         mesh.name = pluginFlag('route-line-mesh');
-        mesh.renderOrder = 3;
+        // mesh.renderOrder = 3
         return mesh;
     }
 }
@@ -502,7 +690,15 @@ function linerValue(x0, v0, t1, t) {
     return a * t + d;
 }
 
-const VERSION = 'v1.0.5';
+function sleep(duration) {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve();
+        }, duration);
+    });
+}
+
+const VERSION = 'v1.0.6';
 const PLUGIN_NAME = 'CruisePlugin';
 const PLUGIN = `${PLUGIN_NAME}@${VERSION}`;
 const disposedErrorLog = () => {
@@ -532,7 +728,7 @@ class CruisePluginController extends Controller$1 {
                     speedConfig: {
                         rotateSpeed: 0.001,
                         rotateSpeedUnit: 'rad/ms',
-                        moveSpeed: 0.003,
+                        moveSpeed: 0.002,
                         moveSpeedUnit: 'm/ms',
                     },
                 },
@@ -748,12 +944,24 @@ class CruisePluginController extends Controller$1 {
         if (data.keyframes) {
             return {
                 keyframesId: uuid(),
-                keyframes: data.keyframes.map((keyframe, index) => { var _a; return (Object.assign({ id: (_a = keyframe.uuid) !== null && _a !== void 0 ? _a : uuid(), index }, keyframe)); }),
+                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 = data.moveEffect;
+            const { moveEffect, moveToFirstPanoEffect } = data;
+            this.privateState.moveToFirstPanoEffect = moveToFirstPanoEffect;
             data.panoIndexList
                 .filter((panoIndex, index) => panoIndex !== data.panoIndexList[index - 1])
                 .forEach((panoIndex, index) => {
@@ -774,13 +982,17 @@ class CruisePluginController extends Controller$1 {
                 })();
                 if (data.moveType === undefined || data.moveType === 'justMove') {
                     // move to panoIndex, latitude, longitude
-                    keyframes.push({ data: Object.assign({ effect: 'Move', panoIndex, moveEffect }, (lookatNextPanoIndex !== null && lookatNextPanoIndex !== void 0 ? lookatNextPanoIndex : {})) });
+                    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({ data: { effect: 'Move', panoIndex, moveEffect } });
+                    keyframes.push({ moveIndex: index, stay: data.stay, data: { effect: 'Move', panoIndex, moveEffect } });
                     if (lookatNextPanoIndex)
-                        keyframes.push({ data: Object.assign({ effect: 'Rotate', panoIndex }, 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))) };
@@ -845,6 +1057,7 @@ class CruisePluginController extends Controller$1 {
         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
@@ -858,13 +1071,14 @@ class CruisePluginController extends Controller$1 {
                 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);
+                    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);
+                        await this.playKeyframe(pausedKeyframe, { duration });
+                        playedFirstKeyframe = true;
                         // playFromIndex += 1 cause played last part of paused keyframe
                         return pausedKeyframe.index + 1;
                     }
@@ -886,11 +1100,19 @@ class CruisePluginController extends Controller$1 {
             try {
                 console.log('playIndexChange', keyframe.index);
                 hooks.emit('playIndexChange', keyframe.index, keyframe);
-                await this.playKeyframe(keyframe);
+                console.log({ playFromIndex });
+                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 play be interupted by five gesture is an error, return Promise.reject(error)
+                // if think the play be interupted by five gesture is an error, return Promise.reject(error)
                 // return Promise.reject(error)
             }
         }
@@ -922,12 +1144,12 @@ class CruisePluginController extends Controller$1 {
     /**
      * @description Play single keyframe
      */
-    async playKeyframe(keyframe, duration) {
+    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, duration));
+        privateState.currentPlayQueue.push(this.getPlayPromise(keyframe, params));
         return this.actionPromiseQueue();
     }
     /**
@@ -944,9 +1166,10 @@ class CruisePluginController extends Controller$1 {
     /**
      * @description: getPlayPromise
      */
-    async getPlayPromise(keyframe, paramsDuration) {
+    async getPlayPromise(keyframe, params) {
+        var _a;
         const data = keyframe.data;
-        const duration = paramsDuration !== null && paramsDuration !== void 0 ? paramsDuration : (keyframe.start !== undefined && keyframe.end !== undefined ? keyframe.end - keyframe.start : undefined);
+        (_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) => {
@@ -970,13 +1193,13 @@ class CruisePluginController extends Controller$1 {
                 };
                 switch (data.effect) {
                     case 'Move':
-                        this.move(data, duration).then(res);
+                        this.move(data, params).then(res);
                         break;
                     case 'Rotate':
-                        this.rotate(data, duration).then(res);
+                        this.rotate(data, params).then(res);
                         break;
                     default:
-                        this.rotate(data, duration).then(res);
+                        this.rotate(data, params).then(res);
                 }
             }
             catch (e) { }
@@ -1007,13 +1230,13 @@ class CruisePluginController extends Controller$1 {
     /**
      * @description Action move keyframe
      */
-    async move(data, duration) {
+    async move(data, params) {
         console.log('--move--', data.panoIndex);
         if (data.mode && data.mode !== this.five.currentMode) {
             await this.changeMode(data);
         }
         else if (data.panoIndex !== this.five.panoIndex) {
-            await this.changePano(data, duration);
+            await this.changePano(data, params);
         }
         else {
             return Promise.resolve();
@@ -1023,15 +1246,15 @@ class CruisePluginController extends Controller$1 {
     /**
      * @description Action rotate keyframe
      */
-    async rotate(data, duration) {
+    async rotate(data, params) {
         console.log('--rotate--', data);
         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, duration);
+            return await this.changePano(data, params);
         }
-        await this.updateCamera(data, duration);
+        await this.updateCamera(data, params === null || params === void 0 ? void 0 : params.duration);
     }
     /**
      * @description Update five camera
@@ -1066,13 +1289,14 @@ class CruisePluginController extends Controller$1 {
     /**
      * @description: Change five pano
      */
-    async changePano(data, paramsDuration = 800) {
+    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 = paramsDuration;
+        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;
@@ -1093,13 +1317,13 @@ class CruisePluginController extends Controller$1 {
             privateState.currentPlayKeyframe.originDuration = originDuration;
         const duration = this.getSpeededDuration(originDuration);
         return new Promise((resolve) => {
-            var _a, _b;
+            var _a, _b, _c;
             five.moveToPano(data.panoIndex, {
                 latitude: data.latitude,
                 longitude: data.longitude,
                 fov: data.fov,
                 duration,
-                effect: (_b = (_a = this.state.config) === null || _a === void 0 ? void 0 : _a.moveEffect) !== null && _b !== void 0 ? _b : data.moveEffect,
+                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(),
             });
@@ -1116,7 +1340,7 @@ class CruisePluginController extends Controller$1 {
             try {
                 const duration = currentPlayKeyframe.originDuration !== undefined ? currentPlayKeyframe.originDuration * (1 - this.getProgress()) : undefined;
                 console.log('--speedChange--', speed, { duration });
-                const promise = this.playKeyframe(currentPlayKeyframe.keyframe, duration);
+                const promise = this.playKeyframe(currentPlayKeyframe.keyframe, { duration });
                 privateState.currentPlayQueue.push(promise);
             }
             catch (e) { }

package/dist/CruisePlugin/typing.d.ts

@@ -2,7 +2,7 @@ import type { MovePanoOptions, Pose, State } from '@realsee/five';
 import type CruisePlugin from '.';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
 declare type FivePoseAndState = Partial<Pose> & Partial<State>;
-declare type MoveEffect = MovePanoOptions['effect'];
+export declare type MoveEffect = MovePanoOptions['effect'];
 export declare type CruiseData = {
     /** 移动/旋转 */
     effect: 'Move' | 'Rotate';
@@ -16,6 +16,8 @@ export declare type CruiseData = {
 export interface CruiseKeyframe {
     id: string;
     index: number;
+    moveIndex: number;
+    stay?: number;
     start?: number;
     end?: number;
     data: CruiseData;
@@ -39,13 +41,21 @@ export interface PluginServerData extends BasePluginWithData.ServerData {
         moveEffect?: undefined;
         /** for ts check, no care */
         moveType?: undefined;
+        /** for ts check, no care */
+        moveToFirstPanoEffect?: undefined;
+        /** for ts check, no care */
+        stay?: undefined;
     } | {
         /** 点位列表 */
         panoIndexList: number[];
         /** five走点动画 */
         moveEffect?: MoveEffect;
+        /** 到第一个点的走点动画 / 续播到暂停处的走点动画 */
+        moveToFirstPanoEffect?: MoveEffect;
         /** 漫游方式：justMove 为移动到指定点位，且朝向为下一个点的朝向；moveAndRotate 为先移动到指定点位且朝向不变，然后旋转到下一个点的朝向 */
         moveType?: 'justMove' | 'moveAndRotate';
+        /** 停留时长 */
+        stay?: number;
         /** for ts check, no care */
         keyframes?: undefined;
     };

package/dist/CruisePlugin/utils/sleep.d.ts

@@ -0,0 +1 @@
+export declare function sleep(duration: number): Promise<void>;

package/dist/GuideLinePlugin/CruisePlugin/index.d.ts

@@ -1,7 +1,6 @@
 import type { FivePlugin } from '@realsee/five';
 import CruisePluginController from './Controller';
-export * from './typing';
 export { CruisePluginController };
-declare const CruisePlugin: FivePlugin<void, InstanceType<typeof CruisePluginController>>;
-export { CruisePlugin };
+export declare const CruisePlugin: FivePlugin<void, InstanceType<typeof CruisePluginController>>;
+export type { CruisePluginExportType } from './typing';
 export default CruisePlugin;

package/dist/GuideLinePlugin/CruisePlugin/typing.d.ts

@@ -2,7 +2,7 @@ import type { MovePanoOptions, Pose, State } from '@realsee/five';
 import type CruisePlugin from '.';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
 declare type FivePoseAndState = Partial<Pose> & Partial<State>;
-declare type MoveEffect = MovePanoOptions['effect'];
+export declare type MoveEffect = MovePanoOptions['effect'];
 export declare type CruiseData = {
     /** 移动/旋转 */
     effect: 'Move' | 'Rotate';
@@ -16,6 +16,8 @@ export declare type CruiseData = {
 export interface CruiseKeyframe {
     id: string;
     index: number;
+    moveIndex: number;
+    stay?: number;
     start?: number;
     end?: number;
     data: CruiseData;
@@ -39,13 +41,21 @@ export interface PluginServerData extends BasePluginWithData.ServerData {
         moveEffect?: undefined;
         /** for ts check, no care */
         moveType?: undefined;
+        /** for ts check, no care */
+        moveToFirstPanoEffect?: undefined;
+        /** for ts check, no care */
+        stay?: undefined;
     } | {
         /** 点位列表 */
         panoIndexList: number[];
         /** five走点动画 */
         moveEffect?: MoveEffect;
+        /** 到第一个点的走点动画 / 续播到暂停处的走点动画 */
+        moveToFirstPanoEffect?: MoveEffect;
         /** 漫游方式：justMove 为移动到指定点位，且朝向为下一个点的朝向；moveAndRotate 为先移动到指定点位且朝向不变，然后旋转到下一个点的朝向 */
         moveType?: 'justMove' | 'moveAndRotate';
+        /** 停留时长 */
+        stay?: number;
         /** for ts check, no care */
         keyframes?: undefined;
     };

package/dist/GuideLinePlugin/CruisePlugin/utils/sleep.d.ts

@@ -0,0 +1 @@
+export declare function sleep(duration: number): Promise<void>;

package/dist/GuideLinePlugin/GuideLinePlugin/utils/getArrowMaterial.d.ts

@@ -1,4 +1,4 @@
 import * as THREE from 'three';
 export declare function getArrowMaterial(params?: {
-    textureUtl?: string;
+    textureUrl?: string;
 }): THREE.MeshBasicMaterial;

package/dist/GuideLinePlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +1,2 @@
 import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): THREE.BufferGeometry;
+export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;