@soonspacejs/plugin-navigation 2.13.6 → 2.13.7

package/dist/index.esm.js

@@ -1 +1,1168 @@
-import{OrthographicCamera as t,Matrix4 as e,Quaternion as i,Euler as o,Vector3 as n,PerspectiveCamera as s,Object3D as r,MathUtils as a,Matrix3 as h}from"three";class l{constructor(t,e){this.ssp=t,this.nativeCamera=e,this._isActive=!1,this.ssp.signals.cameraObjectChange.add((()=>{const t=this.ssp.viewport.cameraManager.currentCamera;this._isActive&&t===this.nativeCamera||(t===this.nativeCamera?(this._onBeforeEnter(),this.onEnter()):this._isActive&&t!==this.nativeCamera&&(this._onBeforeQuit(),this.onQuit()))}))}active(){this.ssp.viewport.cameraManager.setCurrentCamera(this.nativeCamera)}_onBeforeEnter(){this._isActive=!0}_onBeforeQuit(){this._isActive=!1}onEnter(){}onQuit(){}}class u extends l{get zoom(){return this._zoom}set zoom(t){this._zoom=t,this.resizeCamera()}constructor(e){const i=new t;super(e,i),this.ssp=e,this.resizeObserver=new ResizeObserver((()=>{this.resizeCamera()})),this._zoom=.01,i.far=2e5}resizeCamera(){if(this._isActive){const{clientWidth:t,clientHeight:e}=this.ssp.viewport.renderer.domElement,i=t*this.zoom/2,o=e*this.zoom/2;this.nativeCamera.left=-i,this.nativeCamera.right=i,this.nativeCamera.top=o,this.nativeCamera.bottom=-o,this.nativeCamera.updateProjectionMatrix()}}onEnter(){console.log("map camera enter"),this.ssp.domElement&&(this.resizeObserver.observe(this.ssp.domElement),this.resizeCamera())}onQuit(){this.ssp.domElement&&(this.resizeObserver.unobserve(this.ssp.domElement),console.log("map camera quit"))}}class c{constructor(t,e,i,o){this.gyroEvent=null,this.onChange=()=>{},this._isActive=!1,this.defaultBeta=null,this.defaultAlpha=null,this.defaultGamma=null,this.cache=null,this.beta=null,this.alpha=null,this.gamma=null,this.gyroX=null==t||t,this.gyroY=null==e||e,this.gyroZ=null==i||i,this.absolute=null==o||o}requestPermisson(){return new Promise(((t,e)=>{var i;window.DeviceOrientationEvent.requestPermission||t(!0),null===(i=window.DeviceOrientationEvent)||void 0===i||i.requestPermission().then((i=>{"granted"===i?t(!0):e("用户拒绝使用陀螺仪权限")}))}))}async active(){await this.requestPermisson(),this._isActive=!0,this.gyroEvent&&this.inActive(),this.gyroEvent=t=>{const{defaultAlpha:e,defaultBeta:i,defaultGamma:o,gyroX:n,gyroY:s,gyroZ:r}=this,{alpha:a,beta:h,gamma:l}=t,u=s&&null!=a?a:e,c=n&&null!=h?h:i,p=r&&null!=l?l:o;if(this.absolute)this.alpha=u,this.beta=c,this.gamma=p;else if(this.cache){const{alpha:t,beta:e,gamma:i}=this.cache;this.alpha=null===u?null:null===t?u:u-t,this.beta=null===c?null:null===e?c:c-e,this.gamma=null===p?null:null===i?p:p-i}else this.cache={alpha:u,beta:c,gamma:p};this.onChange(this.alpha,this.beta,this.gamma)},window.addEventListener("deviceorientation",this.gyroEvent)}inActive(){this._isActive=!1,this.gyroEvent&&(window.removeEventListener("deviceorientation",this.gyroEvent),this.gyroEvent=null)}}var p,g;function d(t){const s=new e,r=new i,a=new o;return s.lookAt(new n,t,new n(0,1,0)),r.setFromRotationMatrix(s),a.setFromQuaternion(r),a}function m(t){return new n(0,0,-1).applyQuaternion((new i).setFromEuler(t))}function v(t){return m(t).normalize()}function y(t,e){return"function"==typeof t?t(e):t}function T(t,e){return"function"==typeof t?t(e):t}!function(t){t.FIRST_VISION="first",t.THIRD_VISION="third",t.UP_VISION="up",t.LEFT_VISION="left"}(p||(p={})),function(t){t.RELATIVE_ORIENTATION="relative",t.FIXED_ORIENTATION="fixed",t.GYRO_ORIENTATION="gyro"}(g||(g={}));const f=Object.freeze({disabledAnimate:!1,fixedOrientation:!1,autoRestoreOrientation:1500,oppositeCamera:!1,oppositeType:{x:!1,y:!0,z:!1},orientationTarget:"main",vision:p.THIRD_VISION,orientationType:g.RELATIVE_ORIENTATION,rotationToTarget:new n(0,4,-10),distanceToTarget:1,targetRotationFix:[0,0,0,"XYZ"],isFixRotationRelativeTarget:!0,targetPositionFix:[0,2,0],isFixPositionRelativeTarget:!1,enableGyro:!1,gyroX:!1,gyroY:!0,gyroZ:!1,gyroAbsolute:!0,onControlStart:null,onControlRender:null,onControlEnd:null});function _(t){const e=(new i).setFromEuler((new o).fromArray(t));this.quaternion.multiply(e)}class w extends l{get position(){return this.nativeCamera.position}get rotation(){return this.nativeCamera.rotation}get quaternion(){return this.nativeCamera.quaternion}_lookAt(...t){this.nativeCamera.lookAt(...t),this.isFixRotationRelativeTarget||_.call(this.nativeCamera,this.targetRotationAfterFix)}get enableGyro(){return this._enableGyro}set enableGyro(t){this._enableGyro=t,t?this._gyroListener.active():this._gyroListener.inActive()}get gyroX(){return this._gyroListener.gyroX}set gyroX(t){this._gyroListener.gyroX=t}get gyroY(){return this._gyroListener.gyroY}set gyroY(t){this._gyroListener.gyroY=t}get gyroZ(){return this._gyroListener.gyroZ}set gyroZ(t){this._gyroListener.gyroZ=t}get gyroAbsolute(){return this._gyroListener.absolute}set gyroAbsolute(t){this._gyroListener.absolute=t}get targetRotationAfterFix(){return T(this.targetRotationFix)}get targetPositionAfterFix(){return y(this.targetPositionFix)}get realDistanceToTarget(){return"first"===this.vision?1:this.distanceToTarget}get realRotationToTarget(){switch(this.vision){case"first":return new n(0,0,-1);case"up":return new n(0,1,-.01);case"left":return new n(1,0,0);default:return this.rotationToTarget}}get orientationType(){return this._orientationType}set orientationType(t){this._orientationType=t,t===g.GYRO_ORIENTATION?this._gyroListener.active():this._gyroListener.inActive(),t===g.FIXED_ORIENTATION&&this._fixedOrientationRotation.copy(this.followRotation),this.restoreOrientation()}get orientationTarget(){return this._orientationTarget}set orientationTarget(t){this._orientationTarget=t,this.restoreOrientation()}get vision(){return this._vision}set vision(t){this._vision=t,this.followTarget.visible=t!==p.FIRST_VISION,this.restoreOrientation()}get followTarget(){return this._followTarget}set followTarget(t){this._followTarget=t,this.restoreOrientation()}get followPosition(){const t=new n;return t.fromArray(this.targetPositionAfterFix),this.isFixPositionRelativeTarget&&t.applyEuler(this.followRotation),this.followTarget.position.clone().add(t)}get followRotation(){const t=this.followTarget.rotation;if(this.isFixRotationRelativeTarget){const e=(new o).copy(t),n=(new i).setFromEuler(e),s=(new i).setFromEuler((new o).fromArray(this.targetRotationAfterFix));return n.multiply(s),(new o).setFromQuaternion(n)}return this.followTarget.rotation}get fixedOrientation(){return this._fixedOrientation}set fixedOrientation(t){this._fixedOrientation=t,t||this.restoreOrientation()}constructor(t,e,i){const n=null!=e?e:new s(80,1,.1,100);super(t,n),this.ssp=t,this.initOptions=f,this.cameraKey="navigatorCamera"+~~(1e4*Math.random()),this._events={onRender:()=>{},onMouseDown:t=>{}},this._restoreTimer=void 0,this._positionTween=null,this.autoFollowRender=!0,this._cameraPlaceholder=new r,this.disabledAnimate=f.disabledAnimate,this.distanceToTarget=f.distanceToTarget,this.rotationToTarget=f.rotationToTarget,this.oppositeCamera=f.oppositeCamera,this.oppositeType=f.oppositeType,this.isFixRotationRelativeTarget=f.isFixRotationRelativeTarget,this.targetRotationFix=f.targetRotationFix,this.isFixPositionRelativeTarget=f.isFixPositionRelativeTarget,this.targetPositionFix=f.targetPositionFix,this.autoRestoreOrientation=f.autoRestoreOrientation,this.onControlStart=null,this.onControlRender=null,this.onControlEnd=null,this._enableGyro=!1,this._gyroRotation=new o,this._orientationType=f.orientationType,this._fixedOrientationRotation=new o,this._orientationTarget=f.orientationTarget,this._vision=f.vision,this._followTarget=new r,this._fixedOrientation=f.fixedOrientation,this.initGyroListener();const a=Object.freeze(Object.assign(Object.assign({},f),null!=i?i:{}));this.initOptions=a,this.setOptions(a),this.setCamera(n)}initGyroListener(){const t=this.initOptions;this._gyroListener=new c(t.gyroX,t.gyroY,t.gyroZ,t.gyroAbsolute),this._gyroListener.onChange=(t,e,i)=>{const n=null===t?0:a.degToRad(t),s=null===e?0:a.degToRad(e),r=null===i?0:a.degToRad(i);this._gyroRotation=new o(s,n,r)}}setCameraOrientationOnControl(){const{rotation:t}=this.ssp.viewport.cameraManager.mainCamera,{realDistanceToTarget:e,followPosition:i}=this,o=v(t);this.position.copy(i.clone().add(o.multiplyScalar(-e))),this._lookAt(this.followPosition)}updateCameraPlaceholder(){const t=this.getRenderCameraPosition();this._cameraPlaceholder.position.copy(t)}setCameraOrientationOnRender(){this.position.copy(this._cameraPlaceholder.position),this._lookAt(this.followPosition)}getRenderCameraOrientation(){const{_fixedOrientationRotation:t,_orientationType:e,_orientationTarget:i}=this,s=new o;switch(e===g.GYRO_ORIENTATION&&s.copy(this._gyroRotation),!0){case"main"===i:s.copy(e===g.FIXED_ORIENTATION?t:this.followRotation);break;case i instanceof n:{const t=this.orientationTarget.clone().sub(this.followPosition);s.copy(d(t));break}case i instanceof r:{const t=i;switch(e){case g.RELATIVE_ORIENTATION:s.copy(t.rotation);break;case g.FIXED_ORIENTATION:s.copy(d(t.position.clone().sub(this.followPosition)))}break}case i instanceof o:s.copy(i)}return s}getRenderCameraPosition(){const t=new n,e=this.getRenderCameraOrientation(),{realDistanceToTarget:i,realRotationToTarget:o}=this;if(t.copy(this.followPosition.clone().add(o.clone().applyEuler(e).normalize().multiplyScalar(i))),this.oppositeCamera){const e=this.followPosition.clone().sub(t).multiplyScalar(2),{x:i,y:o,z:n}=this.oppositeType;[i,o,n].includes(!1)&&[i,o,n].includes(!0)?(i&&(e.x=0),o&&(e.y=0),n&&(e.z=0),t.add(e)):i&&t.add(e)}return t}onRender(){this.followTarget&&(this.updateCameraPlaceholder(),this._positionTween||(this.autoFollowRender||this.fixedOrientation?this.setCameraOrientationOnRender():this.onControlRender?this.onControlRender(this.nativeCamera,this.followTarget):this.setCameraOrientationOnControl()))}initEvents(){var t;const e=this.ssp.viewport.renderer.domElement,n=this.ssp.viewport.cameraManager.mainCamera,s=this.onRender.bind(this),r=t=>{var e,s;const r=!1===this.autoFollowRender;if(this.autoFollowRender=!1,null===(e=this._positionTween)||void 0===e||e.stop(),window.clearTimeout(this._restoreTimer),document.removeEventListener("mouseup",a),document.removeEventListener("touchend",a),document.addEventListener("mouseup",a,!0),document.addEventListener("touchend",a,!0),!r){if(this.isFixRotationRelativeTarget)n.quaternion.copy(this.quaternion);else{const t=(new i).setFromEuler((new o).fromArray(this.targetRotationAfterFix)).invert();n.quaternion.copy((new i).copy(this.quaternion).multiply(t))}null===(s=this.onControlStart)||void 0===s||s.call(this,this.nativeCamera,this.followTarget,t)}},a=t=>{const e=()=>{var e;this.restoreOrientation(),this.autoFollowRender=!0,null===(e=this.onControlEnd)||void 0===e||e.call(this,this.nativeCamera,this.followTarget,t),document.removeEventListener("mouseup",a,!0),document.removeEventListener("touchend",a,!0)};"number"==typeof this.autoRestoreOrientation?(window.clearTimeout(this._restoreTimer),this._restoreTimer=setTimeout(e,this.autoRestoreOrientation)):this.autoRestoreOrientation&&e()};this._events.onRender=s,this._events.onMouseDown=r;const h=this.ssp.signals;h.beforeRender.add(s),h.mouseDown.add(r),null===(t=e.parentElement)||void 0===t||t.addEventListener("touchstart",r,!0)}clearEvents(){var t;const{onRender:e,onMouseDown:i}=this._events,o=this.ssp.signals,n=this.ssp.viewport.renderer.domElement;o.beforeRender.remove(e),o.mouseDown.remove(i),null===(t=n.parentElement)||void 0===t||t.removeEventListener("touchstart",i,!0)}onEnter(){console.log("onenter"),this.initEvents()}onQuit(){console.log("onquit"),this.clearEvents(),this._gyroListener.inActive()}resetOptions(){this.setOptions(Object.assign({},this.initOptions))}setOptions(t){const e=this.disabledAnimate;this.disabledAnimate=!0,void 0!==t.isFixPositionRelativeTarget&&(this.isFixPositionRelativeTarget=t.isFixPositionRelativeTarget),void 0!==t.targetPositionFix&&(this.targetPositionFix=t.targetPositionFix),void 0!==t.isFixRotationRelativeTarget&&(this.isFixRotationRelativeTarget=t.isFixRotationRelativeTarget),void 0!==t.targetRotationFix&&(this.targetRotationFix=t.targetRotationFix),void 0!==t.rotationToTarget&&(this.rotationToTarget=t.rotationToTarget),void 0!==t.distanceToTarget&&(this.distanceToTarget=t.distanceToTarget),void 0!==t.fixedOrientation&&(this.fixedOrientation=t.fixedOrientation),void 0!==t.oppositeCamera&&(this.oppositeCamera=t.oppositeCamera),void 0!==t.oppositeType&&(this.oppositeType=t.oppositeType),void 0!==t.orientationTarget&&(this.orientationTarget=t.orientationTarget),void 0!==t.orientationType&&(this.orientationType=t.orientationType),void 0!==t.vision&&(this.vision=t.vision),void 0!==t.autoRestoreOrientation&&(this.autoRestoreOrientation=t.autoRestoreOrientation),void 0!==t.gyroX&&(this.gyroX=t.gyroX),void 0!==t.gyroY&&(this.gyroY=t.gyroY),void 0!==t.gyroZ&&(this.gyroZ=t.gyroZ),void 0!==t.gyroAbsolute&&(this.gyroAbsolute=t.gyroAbsolute),void 0!==t.enableGyro&&(this.enableGyro=t.enableGyro),void 0!==t.onControlStart&&(this.onControlStart=t.onControlStart),void 0!==t.onControlRender&&(this.onControlRender=t.onControlRender),void 0!==t.onControlEnd&&(this.onControlEnd=t.onControlEnd),this.disabledAnimate=e,void 0!==t.disabledAnimate&&(this.disabledAnimate=t.disabledAnimate)}setCamera(t){return this._isActive&&this.ssp.viewport.cameraManager.removeCamera(this.cameraKey),this.nativeCamera=t,this.ssp.viewport.cameraManager.cameras[this.cameraKey]=t,this._isActive&&this.ssp.viewport.cameraManager.setCurrentCamera(t),this}restoreOrientation(){if(this.followTarget&&!this.fixedOrientation){if(this._positionTween&&(this._positionTween.stop(),this._positionTween=null),this.disabledAnimate)return this.position.copy(this._cameraPlaceholder.position),void this._lookAt(this.followPosition);this.ssp.animation(this.position,this._cameraPlaceholder.position,{duration:1e3},(t=>{this._lookAt(this.followPosition)}),(t=>this._positionTween=t)).finally((()=>{this._positionTween=null}))}}}var O;!function(t){t.PENDING="pending",t.STOP="stop",t.PLAYING="playing",t.PAUSE="pause",t.FINISHED="finished"}(O||(O={}));var R=Object.defineProperty,A=(t,e,i)=>(((t,e,i)=>{e in t?R(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i})(t,"symbol"!=typeof e?e+"":e,i),i);function E(t,e,i){let o=function(t,e){const i=Math.sqrt(t.lengthSq()*e.lengthSq());if(0===i)return 0;let o=t.dot(e)/i;return o=Math.max(-1,Math.min(1,o)),Math.acos(o)}(t,e);return 0===o?o:t.clone().cross(e).dot(i)<0?-o:o}const C=180/Math.PI,b={yaw:[{name:"前",range:[-15,15]},{name:"左",range:[15,165]},{name:"右",range:[-165,-15]},{name:"后",range:[-180.1,-165]},{name:"后",range:[165,180.1]}],pitch:[{name:"前",range:[-15,15]},{name:"上",range:[15,165]},{name:"下",range:[-165,-15]},{name:"后",range:[-180.1,-165]},{name:"后",range:[165,180.1]}],roll:[{name:"上",range:[-15,15]},{name:"左",range:[15,165]},{name:"右",range:[-165,-15]},{name:"下",range:[-180.1,-165]},{name:"下",range:[165,180.1]}]};const x={degrees:!0,map:b,front:{x:0,y:0,z:1},up:{x:0,y:1,z:0}};class P{constructor(t){A(this,"_options"),A(this,"_listMap"),A(this,"_front"),A(this,"_up"),t&&(this.options=t)}static get options(){return this._options??(this.options=x)}static set options(t){this._options=Object.assign({},structuredClone(b),t)}get defaultOptions(){return this.constructor.options}get options(){return this._options??(this.options=this.defaultOptions)}set options(t){this._options=Object.assign({},structuredClone(this.defaultOptions),t),this._listMap=null,this._front=null,this._up=null}get degrees(){return this.options.degrees??(this.options.degrees=this.defaultOptions.degrees??!0)}set degrees(t){this.options.degrees=t}get map(){return this.options.map||(this.map=this.defaultOptions.map),this.options.map}set map(t){const e=structuredClone(this.defaultOptions.map),i=structuredClone(b);t=t?{yaw:t.yaw??e.yaw??i.yaw,pitch:t.pitch??e.pitch??i.pitch,roll:t.roll??e.roll??i.roll}:e,this.options.map=t,this._listMap=null}get listMap(){return this._listMap??(this._listMap=function(t){const e={};for(const[i,o]of Object.entries(t))e[i]=Array.isArray(o)?o:Object.entries(o).map((([t,e])=>({name:t,range:e})));return e}(this.map??{}))}get front(){return this._front||(this.front=this.options.front??this.defaultOptions.front??x.front),this._front}set front(t){this._front=(new n).copy(t)}get up(){return this._up||(this.up=this.options.up??this.defaultOptions.up??x.up),this._up}set up(t){this._up=(new n).copy(t)}computeAzimuth(t,e,i){const o=(new n).copy(t),s=(new n).copy(e??this.front),r=(new n).copy(i??this.up);let{yaw:a,pitch:h,roll:l}=function(t,e,i){const o=e.clone().negate(),n=i.clone().projectOnPlane(e),s=E(e,t.clone().projectOnPlane(n),n),r=e.clone().cross(n);return{yaw:s,pitch:E(e,t.clone().projectOnPlane(r),r),roll:E(n,t.clone().projectOnPlane(o),o)}}(o,s,r);return this.degrees&&(a*=C,h*=C,l*=C),{yaw:{angle:a,name:this.findAzimuthNames("yaw",a)},pitch:{angle:h,name:this.findAzimuthNames("pitch",h)},roll:{angle:l,name:this.findAzimuthNames("roll",l)}}}findAzimuthNames(t,e){const i=[],o=this.listMap[t];if(!o)return i;for(const{name:t,range:[n,s]}of o)(e>=n&&e<s||e<=n&&e>s)&&i.push(t);return i}}A(P,"_options");const F=new P;function I(t,e){F.map={yaw:{left:[20,170],right:[-170,-20]},pitch:{up:[20,170],down:[-170,-20]}};const{yaw:i,pitch:o}=F.computeAzimuth(t,e),n=i.name,s=o.name;return n&&s?s?n?`${n}-${s}`:s:n:"straight"}function N(t,e){return e.reverse().map((e=>{t.removeObjectById(e.sid);const i=e.nodes.reverse().map((t=>({id:t.sid,position:t.position,graphs:t.graphs})));return t.createTopology(Object.assign(Object.assign({},e.info),{nodes:i}))}))}function S(t,e,i){if(!e||!i)return"straight";return I(e.position.clone().sub(t.position),i.position.clone().sub(e.position))}function L(t){const e=t.nodes,i=t.getLength();let o=0,n=0;return e.reduce(((t,s,r)=>{const a=e[r+1],h=e[r+2],l=a?a.position.clone().distanceTo(s.position):0,u=S(s,a,h),c=o+l,p=c/i,g={progressArea:[n,p],distanceArea:[o,c],node:s,nextNode:a,distanceToStart:o,distanceToEnd:i-o,distanceToNext:l,frontDirection:u};return o=c,n=p,t.push(g),t}),[])}function z(t,e){return 0===t?e[0]:100===t?e[e.length-1]:e.find((e=>{const[i,o]=e.progressArea;return t>=i&&t<o}))}function M(t,e){if(!e)return{distanceToStartNode:0,distanceToEndNode:0,distanceToStart:0,distanceToEnd:0};const[i,o]=e.progressArea,{distanceToNext:n,distanceToEnd:s,distanceToStart:r}=e,a=(t-i)/(o-i),h=n*a,l=n*(1-a);return{distanceToStartNode:h,distanceToEndNode:l,distanceToStart:h+r,distanceToEnd:s-l}}new h;class D{get model(){return this._model}set model(t){this._model=t}get speed(){return this._speed}set speed(t){this._speed=t}get pathProgress(){return this._pathProgress}set pathProgress(t){this._pathProgress=t}get totalProgress(){return this._pathProgress}set totalProgress(t){this._pathProgress=t}get currentPath(){return this.paths[this.currentPathIndex]}get currentPathIndex(){return this._currentPathIndex}get currentRotationVector(){return this._nextNode&&this._currentNode?this._nextNode.clone().sub(this._currentNode):new n}constructor(t,e){this.ssp=t,this.paths=e,this.onPlay=()=>{},this.onStatusChange=()=>{},this.loop=!1,this.autoNext=!0,this.playAfterStart=!1,this.flyToModelAfterStart=!0,this.backStartPointWhenStop=!0,this._model=new r,this._speed=1,this._pathProgress=0,this._totalProgress=0,this._currentPathIndex=0,this._currentNode=null,this._nextNode=null,this._playStatus=O.PENDING}changeStatus(t){this._playStatus=t,this.onStatusChange(t)}start(){}restart(){this.stop(),this.start()}play(t=0,e){this.changeStatus(O.PLAYING),this.paths[t]}pause(){this.changeStatus(O.PAUSE)}stop(){this.changeStatus(O.STOP)}flip(){}over(){this.changeStatus(O.PENDING)}}const G=new P;export{P as Azimuth,c as GyroListener,u as MapCamera,g as NAVIGATE_ORIENTATION_TYPE,p as NAVIGATE_VISION_TYPE,w as NavigateCamera,D as Navigator,O as PLAY_STATUS,l as SoonSpaceCamera,d as Vector3ToEuler,G as azimuth,m as eulerToVector3,I as getDirection,S as getDirectionByNodes,M as getDistanceInfoByProgress,T as getFixEuler,y as getFixVector,z as getNavigatorNodeInfoByProgress,L as getNavigatorNodeInfosByTopology,v as normalizeEuler,N as reverseTopologies};
+import { OrthographicCamera, Matrix4, Quaternion, Euler, Vector3, PerspectiveCamera, Object3D, MathUtils, Matrix3 } from 'three';
+
+class SoonSpaceCamera {
+    constructor(ssp, nativeCamera) {
+        this.ssp = ssp;
+        this.nativeCamera = nativeCamera;
+        this._isActive = false;
+        this.ssp.signals.cameraObjectChange.add(() => {
+            const currentCamera = this.ssp.viewport.cameraManager
+                .currentCamera;
+            if (this._isActive && currentCamera === this.nativeCamera)
+                return;
+            else if (currentCamera === this.nativeCamera) {
+                this._onBeforeEnter();
+                this.onEnter();
+            }
+            else if (this._isActive && currentCamera !== this.nativeCamera) {
+                this._onBeforeQuit();
+                this.onQuit();
+            }
+        });
+    }
+    active() {
+        this.ssp.viewport.cameraManager.setCurrentCamera(this.nativeCamera);
+    }
+    _onBeforeEnter() {
+        this._isActive = true;
+    }
+    _onBeforeQuit() {
+        this._isActive = false;
+    }
+    onEnter() { }
+    onQuit() { }
+}
+
+class MapCamera extends SoonSpaceCamera {
+    get zoom() {
+        return this._zoom;
+    }
+    set zoom(value) {
+        this._zoom = value;
+        this.resizeCamera();
+    }
+    constructor(ssp) {
+        const camera = new OrthographicCamera();
+        super(ssp, camera);
+        this.ssp = ssp;
+        this.resizeObserver = new ResizeObserver(() => {
+            this.resizeCamera();
+        });
+        this._zoom = 0.01;
+        camera.far = 200000;
+    }
+    resizeCamera() {
+        if (this._isActive) {
+            const { clientWidth: width, clientHeight: height, } = this.ssp.viewport.renderer.domElement;
+            const halfWidth = (width * this.zoom) / 2;
+            const halfHeight = (height * this.zoom) / 2;
+            this.nativeCamera.left = -halfWidth;
+            this.nativeCamera.right = halfWidth;
+            this.nativeCamera.top = halfHeight;
+            this.nativeCamera.bottom = -halfHeight;
+            this.nativeCamera.updateProjectionMatrix();
+        }
+    }
+    onEnter() {
+        console.log('map camera enter');
+        if (!this.ssp.domElement)
+            return;
+        this.resizeObserver.observe(this.ssp.domElement);
+        this.resizeCamera();
+    }
+    onQuit() {
+        if (!this.ssp.domElement)
+            return;
+        this.resizeObserver.unobserve(this.ssp.domElement);
+        console.log('map camera quit');
+    }
+}
+
+class GyroListener {
+    constructor(x, y, z, absolute) {
+        this.gyroEvent = null;
+        this.onChange = () => { };
+        this._isActive = false;
+        this.defaultBeta = null;
+        this.defaultAlpha = null;
+        this.defaultGamma = null;
+        this.cache = null;
+        this.beta = null;
+        this.alpha = null;
+        this.gamma = null;
+        this.gyroX = x !== null && x !== void 0 ? x : true;
+        this.gyroY = y !== null && y !== void 0 ? y : true;
+        this.gyroZ = z !== null && z !== void 0 ? z : true;
+        this.absolute = absolute !== null && absolute !== void 0 ? absolute : true;
+    }
+    requestPermisson() {
+        return new Promise((resolve, reject) => {
+            var _a;
+            if (!window.DeviceOrientationEvent.requestPermission) {
+                resolve(true);
+            }
+            (_a = window.DeviceOrientationEvent) === null || _a === void 0 ? void 0 : _a.requestPermission().then((state) => {
+                if (state === 'granted') {
+                    //允许
+                    resolve(true);
+                }
+                else {
+                    //拒绝
+                    reject('用户拒绝使用陀螺仪权限');
+                }
+            });
+        });
+    }
+    /** 监听陀螺仪事件 */
+    async active() {
+        await this.requestPermisson();
+        this._isActive = true;
+        if (this.gyroEvent) {
+            this.inActive();
+        }
+        this.gyroEvent = (event) => {
+            const { defaultAlpha, defaultBeta, defaultGamma, gyroX, gyroY, gyroZ, } = this;
+            const { alpha, beta, gamma, } = event;
+            const resultAlpha = gyroY ? alpha !== null && alpha !== void 0 ? alpha : defaultAlpha : defaultAlpha;
+            const resultBeta = gyroX ? beta !== null && beta !== void 0 ? beta : defaultBeta : defaultBeta;
+            const resultGamma = gyroZ ? gamma !== null && gamma !== void 0 ? gamma : defaultGamma : defaultGamma;
+            if (this.absolute) {
+                this.alpha = resultAlpha;
+                this.beta = resultBeta;
+                this.gamma = resultGamma;
+            }
+            else {
+                // 计算差值
+                if (!this.cache) {
+                    this.cache = {
+                        alpha: resultAlpha,
+                        beta: resultBeta,
+                        gamma: resultGamma,
+                    };
+                }
+                else {
+                    const { alpha, beta, gamma, } = this.cache;
+                    this.alpha = resultAlpha === null ? null : alpha === null ? resultAlpha : resultAlpha - alpha;
+                    this.beta = resultBeta === null ? null : beta === null ? resultBeta : resultBeta - beta;
+                    this.gamma = resultGamma === null ? null : gamma === null ? resultGamma : resultGamma - gamma;
+                }
+            }
+            this.onChange(this.alpha, this.beta, this.gamma);
+        };
+        window.addEventListener('deviceorientation', this.gyroEvent);
+    }
+    /** 销毁陀螺仪事件 */
+    inActive() {
+        this._isActive = false;
+        if (!this.gyroEvent)
+            return;
+        window.removeEventListener('deviceorientation', this.gyroEvent);
+        this.gyroEvent = null;
+    }
+}
+
+var NAVIGATE_VISION_TYPE;
+(function (NAVIGATE_VISION_TYPE) {
+    NAVIGATE_VISION_TYPE["FIRST_VISION"] = "first";
+    NAVIGATE_VISION_TYPE["THIRD_VISION"] = "third";
+    NAVIGATE_VISION_TYPE["UP_VISION"] = "up";
+    NAVIGATE_VISION_TYPE["LEFT_VISION"] = "left";
+})(NAVIGATE_VISION_TYPE || (NAVIGATE_VISION_TYPE = {}));
+var NAVIGATE_ORIENTATION_TYPE;
+(function (NAVIGATE_ORIENTATION_TYPE) {
+    NAVIGATE_ORIENTATION_TYPE["RELATIVE_ORIENTATION"] = "relative";
+    NAVIGATE_ORIENTATION_TYPE["FIXED_ORIENTATION"] = "fixed";
+    NAVIGATE_ORIENTATION_TYPE["GYRO_ORIENTATION"] = "gyro";
+})(NAVIGATE_ORIENTATION_TYPE || (NAVIGATE_ORIENTATION_TYPE = {}));
+
+function Vector3ToEuler(v) {
+    const matrix = new Matrix4();
+    const quaternion = new Quaternion();
+    const euler = new Euler();
+    // 将方向向量转换为旋转矩阵
+    matrix.lookAt(new Vector3(), v, new Vector3(0, 1, 0));
+    // 将旋转矩阵转换为四元数
+    quaternion.setFromRotationMatrix(matrix);
+    // 将四元数转换为欧拉角
+    euler.setFromQuaternion(quaternion);
+    return euler;
+}
+function eulerToVector3(e) {
+    return new Vector3(0, 0, -1).applyQuaternion(new Quaternion().setFromEuler(e));
+}
+/**
+ * 欧拉角归一化
+ * @param e 欧拉角
+ */
+function normalizeEuler(e) {
+    return eulerToVector3(e).normalize();
+}
+function getFixVector(v, target) {
+    return typeof v === 'function' ? v(target) : v;
+}
+function getFixEuler(e, target) {
+    return typeof e === 'function' ? e(target) : e;
+}
+
+const DEFAULT_NAVIGATE_CAMERA_OPTIONS = Object.freeze({
+    disabledAnimate: false,
+    fixedOrientation: false,
+    autoRestoreOrientation: 1500,
+    oppositeCamera: false,
+    oppositeType: {
+        x: false,
+        y: true,
+        z: false,
+    },
+    orientationTarget: 'main',
+    vision: NAVIGATE_VISION_TYPE.THIRD_VISION,
+    orientationType: NAVIGATE_ORIENTATION_TYPE.RELATIVE_ORIENTATION,
+    rotationToTarget: new Vector3(0, 4, -10),
+    distanceToTarget: 1,
+    targetRotationFix: [0, 0, 0, 'XYZ'],
+    isFixRotationRelativeTarget: true,
+    targetPositionFix: [0, 2, 0],
+    isFixPositionRelativeTarget: false,
+    enableGyro: false,
+    gyroX: false,
+    gyroY: true,
+    gyroZ: false,
+    gyroAbsolute: true,
+    onControlStart: null,
+    onControlRender: null,
+    onControlEnd: null,
+});
+function _applyEulerFix(fix) {
+    const quaternion = new Quaternion().setFromEuler(new Euler().fromArray(fix));
+    this.quaternion.multiply(quaternion);
+}
+/** 导航相机 */
+class NavigateCamera extends SoonSpaceCamera {
+    get position() {
+        return this.nativeCamera.position;
+    }
+    get rotation() {
+        return this.nativeCamera.rotation;
+    }
+    get quaternion() {
+        return this.nativeCamera.quaternion;
+    }
+    _lookAt(...args) {
+        this.nativeCamera.lookAt(...args);
+        if (!this.isFixRotationRelativeTarget) {
+            _applyEulerFix.call(this.nativeCamera, this.targetRotationAfterFix);
+        }
+    }
+    /** 开启 */
+    get enableGyro() {
+        return this._enableGyro;
+    }
+    set enableGyro(value) {
+        this._enableGyro = value;
+        value ? this._gyroListener.active() : this._gyroListener.inActive();
+    }
+    /** 是否应用陀螺仪 X 轴，默认不启动 */
+    get gyroX() {
+        return this._gyroListener.gyroX;
+    }
+    set gyroX(value) {
+        this._gyroListener.gyroX = value;
+    }
+    /** 是否应用陀螺仪 Y 轴，默认启动 */
+    get gyroY() {
+        return this._gyroListener.gyroY;
+    }
+    set gyroY(value) {
+        this._gyroListener.gyroY = value;
+    }
+    /** 是否应用陀螺仪 Z 轴，默认不启动 */
+    get gyroZ() {
+        return this._gyroListener.gyroZ;
+    }
+    set gyroZ(value) {
+        this._gyroListener.gyroZ = value;
+    }
+    /** 陀螺仪是否使用绝对值，默认使用 */
+    get gyroAbsolute() {
+        return this._gyroListener.absolute;
+    }
+    set gyroAbsolute(value) {
+        this._gyroListener.absolute = value;
+    }
+    get targetRotationAfterFix() {
+        return getFixEuler(this.targetRotationFix);
+    }
+    get targetPositionAfterFix() {
+        return getFixVector(this.targetPositionFix);
+    }
+    get realDistanceToTarget() {
+        if (this.vision === 'first')
+            return 1;
+        else
+            return this.distanceToTarget;
+    }
+    get realRotationToTarget() {
+        switch (this.vision) {
+            case 'first':
+                return new Vector3(0, 0, -1);
+            case 'up':
+                return new Vector3(0, 1, -0.01);
+            case 'left':
+                return new Vector3(1, 0, 0);
+            default:
+                return this.rotationToTarget;
+        }
+    }
+    /**
+       * 	相机朝向类型
+       *
+       *  NAVIGATE_ORIENTATION_TYPE.RELATIVE_ORIENTATION 相对朝向
+       *
+       *  NAVIGATE_ORIENTATION_TYPE.FIXED_ORIENTATION 绝对朝向
+       *
+       *  NAVIGATE_ORIENTATION_TYPE.GYRO_ORIENTATION 陀螺仪朝向
+       */
+    get orientationType() {
+        return this._orientationType;
+    }
+    set orientationType(value) {
+        this._orientationType = value;
+        if (value === NAVIGATE_ORIENTATION_TYPE.GYRO_ORIENTATION) {
+            this._gyroListener.active();
+        }
+        else {
+            this._gyroListener.inActive();
+        }
+        if (value === NAVIGATE_ORIENTATION_TYPE.FIXED_ORIENTATION) {
+            this._fixedOrientationRotation.copy(this.followRotation);
+        }
+        this.restoreOrientation();
+    }
+    /**
+       * 相机朝向目标
+       *
+       * “main” 朝向跟踪目标
+       *
+       * Vector3 朝向点
+       *
+       * Object3D 朝向目标对象
+       *
+       * Euler 固定朝向
+       */
+    get orientationTarget() {
+        return this._orientationTarget;
+    }
+    set orientationTarget(value) {
+        this._orientationTarget = value;
+        this.restoreOrientation();
+    }
+    /**
+       * 视角配置
+       *
+       * NAVIGATE_VISION_TYPE.FIRST_VISION 第一人称
+       *
+       * NAVIGATE_VISION_TYPE.THIRD_VISION 第三人称
+       *
+       * NAVIGATE_VISION_TYPE.UP_VISION 俯视图
+       *
+       * NAVIGATE_VISION_TYPE.LEFT_VISION 左视图
+       *
+       * 默认为第三人称
+       */
+    get vision() {
+        return this._vision;
+    }
+    set vision(value) {
+        this._vision = value;
+        // 第一视角时，隐藏跟随目标
+        this.followTarget.visible = value !== NAVIGATE_VISION_TYPE.FIRST_VISION;
+        this.restoreOrientation();
+    }
+    /** 相机跟随目标 */
+    get followTarget() {
+        return this._followTarget;
+    }
+    set followTarget(value) {
+        this._followTarget = value;
+        this.restoreOrientation();
+    }
+    /** 相机跟踪点（相对跟随目标以及偏移参数获取的点） */
+    get followPosition() {
+        const fixVector = new Vector3();
+        fixVector.fromArray(this.targetPositionAfterFix);
+        if (this.isFixPositionRelativeTarget) {
+            fixVector.applyEuler(this.followRotation);
+        }
+        return this.followTarget.position.clone().add(fixVector);
+    }
+    /** 跟踪目标的方向（相对跟随目标以及偏移参数获取的朝向） */
+    get followRotation() {
+        const rotation = this.followTarget.rotation;
+        if (this.isFixRotationRelativeTarget) {
+            const euler = new Euler().copy(rotation);
+            const q1 = new Quaternion().setFromEuler(euler);
+            const q2 = new Quaternion().setFromEuler(new Euler().fromArray(this.targetRotationAfterFix));
+            q1.multiply(q2);
+            return new Euler().setFromQuaternion(q1);
+        }
+        return this.followTarget.rotation;
+    }
+    /** 固定朝向，朝向不受控制器影响 */
+    get fixedOrientation() {
+        return this._fixedOrientation;
+    }
+    set fixedOrientation(value) {
+        this._fixedOrientation = value;
+        // 恢复正常朝向
+        if (!value) {
+            this.restoreOrientation();
+        }
+    }
+    constructor(ssp, camera, options) {
+        const thisCamera = camera !== null && camera !== void 0 ? camera : new PerspectiveCamera(80, 1, 0.1, 100);
+        super(ssp, thisCamera);
+        this.ssp = ssp;
+        this.initOptions = DEFAULT_NAVIGATE_CAMERA_OPTIONS;
+        this.cameraKey = 'navigatorCamera' + ~~(Math.random() * 10000);
+        this._events = {
+            onRender: () => { },
+            onMouseDown: (event) => { },
+        };
+        this._restoreTimer = void 0;
+        this._positionTween = null;
+        this.autoFollowRender = true;
+        /** 相机位置记录用的对象，用于恢复相机位置和朝向使用 */
+        this._cameraPlaceholder = new Object3D();
+        /** 取消飞向动画 */
+        this.disabledAnimate = DEFAULT_NAVIGATE_CAMERA_OPTIONS.disabledAnimate;
+        /** 第三人称相机距离跟踪目标距离 */
+        this.distanceToTarget = DEFAULT_NAVIGATE_CAMERA_OPTIONS.distanceToTarget;
+        /** 第三人称相机相对模型视角 */
+        this.rotationToTarget = DEFAULT_NAVIGATE_CAMERA_OPTIONS.rotationToTarget;
+        /** 相机反转 */
+        this.oppositeCamera = DEFAULT_NAVIGATE_CAMERA_OPTIONS.oppositeCamera;
+        /** 相机反转类型, 默认为 Y 轴对称 */
+        this.oppositeType = DEFAULT_NAVIGATE_CAMERA_OPTIONS.oppositeType;
+        /** 是否相对模型修正角度 */
+        this.isFixRotationRelativeTarget = DEFAULT_NAVIGATE_CAMERA_OPTIONS.isFixRotationRelativeTarget;
+        /**
+           * 目标角度修正
+           *
+           * 支持传入 getter 函数
+           */
+        this.targetRotationFix = DEFAULT_NAVIGATE_CAMERA_OPTIONS.targetRotationFix;
+        /** 是否相对模型修正偏移 */
+        this.isFixPositionRelativeTarget = DEFAULT_NAVIGATE_CAMERA_OPTIONS.isFixPositionRelativeTarget;
+        /**
+           * 目标位置修正
+           *
+           * 支持传入 getter 函数
+           */
+        this.targetPositionFix = DEFAULT_NAVIGATE_CAMERA_OPTIONS.targetPositionFix;
+        /**
+           * 自动恢复朝向
+           *
+           * boolean 是否恢复朝向
+           *
+           * number 间隔多少秒后恢复朝向
+           */
+        this.autoRestoreOrientation = DEFAULT_NAVIGATE_CAMERA_OPTIONS.autoRestoreOrientation;
+        /** 当控制器控制相机时允许外部自定义控制，控制开始时触发 */
+        this.onControlStart = null;
+        /** 当控制器控制相机时允许外部自定义控制，控制进行时回调 */
+        this.onControlRender = null;
+        /** 当控制器控制相机时允许外部自定义控制，控制结束时回调 */
+        this.onControlEnd = null;
+        this._enableGyro = false;
+        /** 陀螺仪的旋转欧拉角 */
+        this._gyroRotation = new Euler();
+        this._orientationType = DEFAULT_NAVIGATE_CAMERA_OPTIONS.orientationType;
+        /** 绝对朝向的缓存值 */
+        this._fixedOrientationRotation = new Euler();
+        this._orientationTarget = DEFAULT_NAVIGATE_CAMERA_OPTIONS.orientationTarget;
+        this._vision = DEFAULT_NAVIGATE_CAMERA_OPTIONS.vision;
+        this._followTarget = new Object3D();
+        this._fixedOrientation = DEFAULT_NAVIGATE_CAMERA_OPTIONS.fixedOrientation;
+        this.initGyroListener();
+        const initOptions = Object.freeze(Object.assign(Object.assign({}, DEFAULT_NAVIGATE_CAMERA_OPTIONS), (options !== null && options !== void 0 ? options : {})));
+        this.initOptions = initOptions;
+        this.setOptions(initOptions);
+        this.setCamera(thisCamera);
+    }
+    initGyroListener() {
+        const initOptions = this.initOptions;
+        this._gyroListener = new GyroListener(initOptions.gyroX, initOptions.gyroY, initOptions.gyroZ, initOptions.gyroAbsolute);
+        this._gyroListener.onChange = (a, b, g) => {
+            const adjustedAlpha = a === null ? 0 : MathUtils.degToRad(a);
+            const adjustedBeta = b === null ? 0 : MathUtils.degToRad(b);
+            const adjustedGamma = g === null ? 0 : MathUtils.degToRad(g);
+            this._gyroRotation = new Euler(adjustedBeta, adjustedAlpha, adjustedGamma);
+        };
+    }
+    /** 控制器操作时处理 */
+    setCameraOrientationOnControl() {
+        const { rotation, } = this.ssp.viewport.cameraManager.mainCamera;
+        const { realDistanceToTarget, followPosition, } = this;
+        // 旋转后方向不变，位置变
+        // 欧拉角转方向向量归一化
+        const normallizeRotation = normalizeEuler(rotation);
+        this.position.copy(followPosition
+            .clone()
+            .add(normallizeRotation.multiplyScalar(-realDistanceToTarget)));
+        this._lookAt(this.followPosition);
+    }
+    /** 更新相机占位符的方位 */
+    updateCameraPlaceholder() {
+        const position = this.getRenderCameraPosition();
+        this._cameraPlaceholder.position.copy(position);
+    }
+    /** 设置相机的方位 */
+    setCameraOrientationOnRender() {
+        this.position.copy(this._cameraPlaceholder.position);
+        this._lookAt(this.followPosition);
+    }
+    /** 获取相机点相对跟踪点的欧拉角 */
+    getRenderCameraOrientation() {
+        const { _fixedOrientationRotation, _orientationType, _orientationTarget, } = this;
+        const euler = new Euler();
+        // 陀螺仪朝向只有一种朝向
+        if (_orientationType === NAVIGATE_ORIENTATION_TYPE.GYRO_ORIENTATION) {
+            euler.copy(this._gyroRotation);
+        }
+        switch (true) {
+            case _orientationTarget === 'main': {
+                euler.copy(_orientationType === NAVIGATE_ORIENTATION_TYPE.FIXED_ORIENTATION ?
+                    _fixedOrientationRotation :
+                    this.followRotation);
+                break;
+            }
+            case _orientationTarget instanceof Vector3: {
+                const rotation = this.orientationTarget
+                    .clone()
+                    .sub(this.followPosition);
+                euler.copy(Vector3ToEuler(rotation));
+                break;
+            }
+            case _orientationTarget instanceof Object3D: {
+                const obj = _orientationTarget;
+                switch (_orientationType) {
+                    case NAVIGATE_ORIENTATION_TYPE.RELATIVE_ORIENTATION:
+                        euler.copy(obj.rotation);
+                        break;
+                    case NAVIGATE_ORIENTATION_TYPE.FIXED_ORIENTATION:
+                        euler.copy(Vector3ToEuler(obj.position.clone().sub(this.followPosition)));
+                        break;
+                }
+                break;
+            }
+            case _orientationTarget instanceof Euler: {
+                // 相对朝向方向和固定朝向方向效果是相同的
+                euler.copy(_orientationTarget);
+                break;
+            }
+        }
+        return euler;
+    }
+    /** 获取相机落点（相对跟踪点的方向归一化 * 距离） */
+    getRenderCameraPosition() {
+        const position = new Vector3();
+        const rotation = this.getRenderCameraOrientation();
+        const { realDistanceToTarget, realRotationToTarget, } = this;
+        position.copy(this.followPosition
+            .clone()
+            .add(realRotationToTarget
+            .clone()
+            .applyEuler(rotation)
+            .normalize()
+            .multiplyScalar(realDistanceToTarget)));
+        if (this.oppositeCamera) {
+            const addVector = this.followPosition
+                .clone()
+                .sub(position)
+                .multiplyScalar(2);
+            const { x, y, z, } = this.oppositeType;
+            if ([x, y, z].includes(false) && [x, y, z].includes(true)) {
+                if (x) {
+                    addVector.x = 0;
+                }
+                if (y) {
+                    addVector.y = 0;
+                }
+                if (z) {
+                    addVector.z = 0;
+                }
+                position.add(addVector);
+            }
+            else {
+                x && position.add(addVector);
+            }
+        }
+        return position;
+    }
+    onRender() {
+        if (!this.followTarget)
+            return;
+        this.updateCameraPlaceholder();
+        if (this._positionTween)
+            return;
+        if (this.autoFollowRender || this.fixedOrientation) {
+            this.setCameraOrientationOnRender();
+            return;
+        }
+        if (this.onControlRender) {
+            this.onControlRender(this.nativeCamera, this.followTarget);
+        }
+        else {
+            this.setCameraOrientationOnControl();
+        }
+    }
+    /** 初始化事件 */
+    initEvents() {
+        var _a;
+        const dom = this.ssp.viewport.renderer.domElement;
+        const mainCamera = this.ssp.viewport.cameraManager.mainCamera;
+        const onRender = this.onRender.bind(this);
+        const onMouseDown = (event) => {
+            var _a, _b;
+            const isControlling = this.autoFollowRender === false;
+            this.autoFollowRender = false;
+            (_a = this._positionTween) === null || _a === void 0 ? void 0 : _a.stop();
+            window.clearTimeout(this._restoreTimer);
+            document.removeEventListener('mouseup', onMouseUp);
+            document.removeEventListener('touchend', onMouseUp);
+            document.addEventListener('mouseup', onMouseUp, true);
+            document.addEventListener('touchend', onMouseUp, true);
+            if (isControlling)
+                return;
+            if (!this.isFixRotationRelativeTarget) {
+                const invertQuaternion = new Quaternion()
+                    .setFromEuler(new Euler().fromArray(this.targetRotationAfterFix))
+                    .invert();
+                mainCamera.quaternion.copy(new Quaternion().copy(this.quaternion).multiply(invertQuaternion));
+            }
+            else {
+                mainCamera.quaternion.copy(this.quaternion);
+            }
+            (_b = this.onControlStart) === null || _b === void 0 ? void 0 : _b.call(this, this.nativeCamera, this.followTarget, event);
+        };
+        const onMouseUp = (event) => {
+            const exec = () => {
+                var _a;
+                this.restoreOrientation();
+                this.autoFollowRender = true;
+                (_a = this.onControlEnd) === null || _a === void 0 ? void 0 : _a.call(this, this.nativeCamera, this.followTarget, event);
+                document.removeEventListener('mouseup', onMouseUp, true);
+                document.removeEventListener('touchend', onMouseUp, true);
+            };
+            if (typeof this.autoRestoreOrientation === 'number') {
+                window.clearTimeout(this._restoreTimer);
+                this._restoreTimer = setTimeout(exec, this.autoRestoreOrientation);
+            }
+            else if (this.autoRestoreOrientation) {
+                exec();
+            }
+        };
+        this._events.onRender = onRender;
+        this._events.onMouseDown = onMouseDown;
+        const signals = this.ssp.signals;
+        signals.beforeRender.add(onRender);
+        signals.mouseDown.add(onMouseDown);
+        // TODO dom 上的 touchstart 被 ssp 内部 preventDefault 了，临时只能取父节点注册事件
+        (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.addEventListener('touchstart', onMouseDown, true);
+    }
+    /** 清除事件 */
+    clearEvents() {
+        var _a;
+        const { onRender, onMouseDown, } = this._events;
+        const signals = this.ssp.signals;
+        const dom = this.ssp.viewport.renderer.domElement;
+        signals.beforeRender.remove(onRender);
+        signals.mouseDown.remove(onMouseDown);
+        (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchstart', onMouseDown, true);
+    }
+    onEnter() {
+        console.log('onenter');
+        this.initEvents();
+    }
+    onQuit() {
+        console.log('onquit');
+        this.clearEvents();
+        this._gyroListener.inActive();
+    }
+    /** 参数重置 */
+    resetOptions() {
+        this.setOptions(Object.assign({}, this.initOptions));
+    }
+    /** 设置参数 */
+    setOptions(options) {
+        const animate = this.disabledAnimate;
+        this.disabledAnimate = true;
+        if (options.isFixPositionRelativeTarget !== void 0)
+            this.isFixPositionRelativeTarget = options.isFixPositionRelativeTarget;
+        if (options.targetPositionFix !== void 0)
+            this.targetPositionFix = options.targetPositionFix;
+        if (options.isFixRotationRelativeTarget !== void 0)
+            this.isFixRotationRelativeTarget = options.isFixRotationRelativeTarget;
+        if (options.targetRotationFix !== void 0)
+            this.targetRotationFix = options.targetRotationFix;
+        if (options.rotationToTarget !== void 0)
+            this.rotationToTarget = options.rotationToTarget;
+        if (options.distanceToTarget !== void 0)
+            this.distanceToTarget = options.distanceToTarget;
+        if (options.fixedOrientation !== void 0)
+            this.fixedOrientation = options.fixedOrientation;
+        if (options.oppositeCamera !== void 0)
+            this.oppositeCamera = options.oppositeCamera;
+        if (options.oppositeType !== void 0)
+            this.oppositeType = options.oppositeType;
+        if (options.orientationTarget !== void 0)
+            this.orientationTarget = options.orientationTarget;
+        if (options.orientationType !== void 0)
+            this.orientationType = options.orientationType;
+        if (options.vision !== void 0)
+            this.vision = options.vision;
+        if (options.autoRestoreOrientation !== void 0)
+            this.autoRestoreOrientation = options.autoRestoreOrientation;
+        if (options.gyroX !== void 0)
+            this.gyroX = options.gyroX;
+        if (options.gyroY !== void 0)
+            this.gyroY = options.gyroY;
+        if (options.gyroZ !== void 0)
+            this.gyroZ = options.gyroZ;
+        if (options.gyroAbsolute !== void 0)
+            this.gyroAbsolute = options.gyroAbsolute;
+        if (options.enableGyro !== void 0)
+            this.enableGyro = options.enableGyro;
+        if (options.onControlStart !== void 0)
+            this.onControlStart = options.onControlStart;
+        if (options.onControlRender !== void 0)
+            this.onControlRender = options.onControlRender;
+        if (options.onControlEnd !== void 0)
+            this.onControlEnd = options.onControlEnd;
+        this.disabledAnimate = animate;
+        if (options.disabledAnimate !== void 0)
+            this.disabledAnimate = options.disabledAnimate;
+    }
+    /**
+       * 设置相机，若导航相机正在使用中，则会立即切换为设置的相机
+       */
+    setCamera(camera) {
+        if (this._isActive) {
+            this.ssp.viewport.cameraManager.removeCamera(this.cameraKey);
+        }
+        this.nativeCamera = camera;
+        this.ssp.viewport.cameraManager.cameras[this.cameraKey] = camera;
+        if (this._isActive) {
+            this.ssp.viewport.cameraManager.setCurrentCamera(camera);
+        }
+        return this;
+    }
+    /** 重置相机坐标 */
+    restoreOrientation() {
+        if (!this.followTarget)
+            return;
+        if (this.fixedOrientation)
+            return;
+        if (this._positionTween) {
+            this._positionTween.stop();
+            this._positionTween = null;
+        }
+        if (this.disabledAnimate) {
+            this.position.copy(this._cameraPlaceholder.position);
+            this._lookAt(this.followPosition);
+            return;
+        }
+        this.ssp
+            .animation(this.position, this._cameraPlaceholder.position, { duration: 1000, }, (tp) => {
+            this._lookAt(this.followPosition);
+        }, (tween) => (this._positionTween = tween))
+            .finally(() => {
+            this._positionTween = null;
+        });
+    }
+}
+
+var PLAY_STATUS;
+(function (PLAY_STATUS) {
+    PLAY_STATUS["PENDING"] = "pending";
+    PLAY_STATUS["STOP"] = "stop";
+    PLAY_STATUS["PLAYING"] = "playing";
+    PLAY_STATUS["PAUSE"] = "pause";
+    PLAY_STATUS["FINISHED"] = "finished";
+})(PLAY_STATUS || (PLAY_STATUS = {}));
+
+var zt = Object.defineProperty;
+var Ut = (t, n, e) => n in t ? zt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var j = (t, n, e) => (Ut(t, typeof n != "symbol" ? n + "" : n, e), e);
+function an(t, n) {
+  const e = Math.sqrt(t.lengthSq() * n.lengthSq());
+  if (e === 0)
+    return 0;
+  let o = t.dot(n) / e;
+  return o = Math.max(-1, Math.min(1, o)), Math.acos(o);
+}
+function J(t, n, e) {
+  let o = an(t, n);
+  return o === 0 ? o : t.clone().cross(n).dot(e) < 0 ? -o : o;
+}
+function fn(t, n, e) {
+  const o = n.clone().negate(), s = e.clone().projectOnPlane(n), c = t.clone().projectOnPlane(s), r = J(n, c, s), i = n.clone().cross(s), l = t.clone().projectOnPlane(i), u = J(n, l, i), a = t.clone().projectOnPlane(o), f = J(s, a, o);
+  return { yaw: r, pitch: u, roll: f };
+}
+const it = 180 / Math.PI, ut = {
+  yaw: [
+    { name: "前", range: [-15, 15] },
+    { name: "左", range: [15, 165] },
+    { name: "右", range: [-165, -15] },
+    { name: "后", range: [-180.1, -165] },
+    { name: "后", range: [165, 180.1] }
+  ],
+  pitch: [
+    { name: "前", range: [-15, 15] },
+    { name: "上", range: [15, 165] },
+    { name: "下", range: [-165, -15] },
+    { name: "后", range: [-180.1, -165] },
+    { name: "后", range: [165, 180.1] }
+  ],
+  roll: [
+    { name: "上", range: [-15, 15] },
+    { name: "左", range: [15, 165] },
+    { name: "右", range: [-165, -15] },
+    { name: "下", range: [-180.1, -165] },
+    { name: "下", range: [165, 180.1] }
+  ]
+};
+function pn(t) {
+  const n = {};
+  for (const [e, o] of Object.entries(t))
+    n[e] = Array.isArray(o) ? o : Object.entries(o).map(([s, c]) => ({ name: s, range: c }));
+  return n;
+}
+const lt = {
+  degrees: !0,
+  map: ut,
+  front: { x: 0, y: 0, z: 1 },
+  up: { x: 0, y: 1, z: 0 }
+};
+class It {
+  constructor(n) {
+    j(this, "_options");
+    j(this, "_listMap");
+    j(this, "_front");
+    j(this, "_up");
+    n && (this.options = n);
+  }
+  static get options() {
+    return this._options ?? (this.options = lt);
+  }
+  static set options(n) {
+    this._options = Object.assign({}, structuredClone(ut), n);
+  }
+  /**
+   * 默认选项
+   */
+  get defaultOptions() {
+    return this.constructor.options;
+  }
+  get options() {
+    return this._options ?? (this.options = this.defaultOptions);
+  }
+  set options(n) {
+    this._options = Object.assign({}, structuredClone(this.defaultOptions), n), this._listMap = null, this._front = null, this._up = null;
+  }
+  /**
+   * 是否使用角度，而非弧度
+   */
+  get degrees() {
+    return this.options.degrees ?? (this.options.degrees = this.defaultOptions.degrees ?? !0);
+  }
+  set degrees(n) {
+    this.options.degrees = n;
+  }
+  get map() {
+    return this.options.map || (this.map = this.defaultOptions.map), this.options.map;
+  }
+  set map(n) {
+    const e = structuredClone(this.defaultOptions.map), o = structuredClone(ut);
+    n = n ? {
+      yaw: n.yaw ?? e.yaw ?? o.yaw,
+      pitch: n.pitch ?? e.pitch ?? o.pitch,
+      roll: n.roll ?? e.roll ?? o.roll
+    } : e, this.options.map = n, this._listMap = null;
+  }
+  get listMap() {
+    return this._listMap ?? (this._listMap = pn(this.map ?? {}));
+  }
+  get front() {
+    return this._front || (this.front = this.options.front ?? this.defaultOptions.front ?? lt.front), this._front;
+  }
+  set front(n) {
+    this._front = new Vector3().copy(n);
+  }
+  get up() {
+    return this._up || (this.up = this.options.up ?? this.defaultOptions.up ?? lt.up), this._up;
+  }
+  set up(n) {
+    this._up = new Vector3().copy(n);
+  }
+  /**
+   * 计算方位
+   * @param target 
+   * @param front 
+   * @param up 
+   */
+  computeAzimuth(n, e, o) {
+    const s = new Vector3().copy(n), c = new Vector3().copy(e ?? this.front), r = new Vector3().copy(o ?? this.up);
+    let { yaw: i, pitch: l, roll: u } = fn(s, c, r);
+    return this.degrees && (i *= it, l *= it, u *= it), {
+      yaw: {
+        angle: i,
+        name: this.findAzimuthNames("yaw", i)
+      },
+      pitch: {
+        angle: l,
+        name: this.findAzimuthNames("pitch", l)
+      },
+      roll: {
+        angle: u,
+        name: this.findAzimuthNames("roll", u)
+      }
+    };
+  }
+  /**
+   * 查找匹配的方位名字
+   * @param type - 类型
+   * @param angle - 角度
+   * @returns 匹配的名字列表
+   */
+  findAzimuthNames(n, e) {
+    const o = [], s = this.listMap[n];
+    if (!s)
+      return o;
+    for (const { name: c, range: [r, i] } of s)
+      (e >= r && e < i || e <= r && e > i) && o.push(c);
+    return o;
+  }
+}
+j(It, "_options");
+const Xn = new It();
+new Matrix3();
+
+function getDirection(target, front) {
+    Xn.map = {
+        yaw: {
+            left: [20, 170],
+            right: [-170, -20],
+        },
+        pitch: {
+            up: [20, 170],
+            down: [-170, -20],
+        },
+    };
+    const { yaw, pitch, } = Xn.computeAzimuth(target, front);
+    const yawName = yaw.name;
+    const pitchName = pitch.name;
+    if (!yawName || !pitchName)
+        return 'straight';
+    if (!pitchName)
+        return yawName;
+    if (!yawName)
+        return pitchName;
+    return `${yawName}-${pitchName}`;
+}
+/**
+ * 路径反转
+ * @param ssp
+ * @param topologies 路径数组
+ * @returns
+ */
+function reverseTopologies(ssp, topologies) {
+    return topologies.reverse().map((item) => {
+        ssp.removeObjectById(item.sid);
+        const topologyNodes = item.nodes.reverse().map((node) => ({
+            id: node.sid,
+            position: node.position,
+            graphs: node.graphs,
+        }));
+        return ssp.createTopology(Object.assign(Object.assign({}, item.info), { nodes: topologyNodes }));
+    });
+}
+
+function getDirectionByNodes(p1, p2, p3) {
+    if (!p2 || !p3) {
+        return 'straight';
+    }
+    const target = p2.position.clone().sub(p1.position);
+    const front = p3.position.clone().sub(p2.position);
+    return getDirection(target, front);
+}
+/** 分析并返回所有节点信息 */
+function getNavigatorNodeInfosByTopology(topology) {
+    const nodes = topology.nodes;
+    const totalLength = topology.getLength();
+    let countLength = 0;
+    let countProgress = 0;
+    return nodes.reduce((acc, cur, index) => {
+        const secondNode = nodes[index + 1];
+        const thirdNode = nodes[index + 2];
+        const distanceToNext = secondNode ?
+            secondNode.position.clone().distanceTo(cur.position) :
+            0;
+        const frontDirection = getDirectionByNodes(cur, secondNode, thirdNode);
+        const distanceEnd = countLength + distanceToNext;
+        const progressEnd = distanceEnd / totalLength;
+        const result = {
+            progressArea: [countProgress, progressEnd],
+            distanceArea: [countLength, distanceEnd],
+            node: cur,
+            nextNode: secondNode,
+            distanceToStart: countLength,
+            distanceToEnd: totalLength - countLength,
+            distanceToNext,
+            frontDirection,
+        };
+        countLength = distanceEnd;
+        countProgress = progressEnd;
+        acc.push(result);
+        return acc;
+    }, []);
+}
+/** 根据进度获取当前节点信息 */
+function getNavigatorNodeInfoByProgress(progress, infos) {
+    if (progress === 0)
+        return infos[0];
+    if (progress === 100)
+        return infos[infos.length - 1];
+    return infos.find((info) => {
+        const [start, end] = info.progressArea;
+        return progress >= start && progress < end;
+    });
+}
+/** 获取当前位置距离信息 */
+function getDistanceInfoByProgress(progress, info) {
+    if (!info)
+        return {
+            distanceToStartNode: 0,
+            distanceToEndNode: 0,
+            distanceToStart: 0,
+            distanceToEnd: 0,
+        };
+    const [startProgress, endProgress] = info.progressArea;
+    const { distanceToNext, distanceToEnd, distanceToStart, } = info;
+    const progressInArea = (progress - startProgress) / (endProgress - startProgress);
+    const distanceToStartNode = distanceToNext * progressInArea;
+    const distanceToEndNode = distanceToNext * (1 - progressInArea);
+    return {
+        distanceToStartNode,
+        distanceToEndNode,
+        distanceToStart: distanceToStartNode + distanceToStart,
+        distanceToEnd: distanceToEnd - distanceToEndNode,
+    };
+}
+
+class Navigator {
+    get model() {
+        return this._model;
+    }
+    set model(obj) {
+        this._model = obj;
+    }
+    /** 播放速度 */
+    get speed() {
+        return this._speed;
+    }
+    set speed(value) {
+        this._speed = value;
+    }
+    /** 当前段进度 */
+    get pathProgress() {
+        return this._pathProgress;
+    }
+    set pathProgress(value) {
+        this._pathProgress = value;
+    }
+    /** 总进度 */
+    get totalProgress() {
+        return this._pathProgress;
+    }
+    set totalProgress(value) {
+        this._pathProgress = value;
+    }
+    get currentPath() {
+        return this.paths[this.currentPathIndex];
+    }
+    /** 对外只读 当前路径索引 */
+    get currentPathIndex() {
+        return this._currentPathIndex;
+    }
+    /** 对外只读 当前朝向方向向量 */
+    get currentRotationVector() {
+        if (!this._nextNode || !this._currentNode)
+            return new Vector3();
+        return this._nextNode.clone().sub(this._currentNode);
+    }
+    constructor(ssp, paths) {
+        this.ssp = ssp;
+        this.paths = paths;
+        this.onPlay = () => { };
+        this.onStatusChange = () => { };
+        /** 是否循环播放，默认为否 */
+        this.loop = false;
+        /** 是否自动开始下一段路径播放，默认为是 */
+        this.autoNext = true;
+        /** 开始或者重新开始后自动播放路径动画，默认为否 */
+        this.playAfterStart = false;
+        /** 开始时飞向模型，默认为是 */
+        this.flyToModelAfterStart = true;
+        /** 停止时是否返回起点，默认为是 */
+        this.backStartPointWhenStop = true;
+        /** 路径动画主体模型 */
+        this._model = new Object3D();
+        this._speed = 1;
+        this._pathProgress = 0;
+        this._totalProgress = 0;
+        /** 当前播放的动画路径索引 */
+        this._currentPathIndex = 0;
+        /** 当前节点 */
+        this._currentNode = null;
+        /** 下个路径节点 */
+        this._nextNode = null;
+        /** 当前状态 */
+        this._playStatus = PLAY_STATUS.PENDING;
+    }
+    changeStatus(status) {
+        this._playStatus = status;
+        this.onStatusChange(status);
+    }
+    /** 开始导航 */
+    start() { }
+    /** 重新开始导航 */
+    restart() {
+        this.stop();
+        this.start();
+    }
+    /** 播放动画 */
+    play(index = 0, node) {
+        this.changeStatus(PLAY_STATUS.PLAYING);
+        this.paths[index];
+    }
+    /** 暂停动画 */
+    pause() {
+        this.changeStatus(PLAY_STATUS.PAUSE);
+    }
+    /** 停止动画 */
+    stop() {
+        this.changeStatus(PLAY_STATUS.STOP);
+    }
+    /** 路径反转 */
+    flip() { }
+    /** 结束导航 */
+    over() {
+        this.changeStatus(PLAY_STATUS.PENDING);
+    }
+}
+
+const azimuth = new It();
+
+export { It as Azimuth, GyroListener, MapCamera, NAVIGATE_ORIENTATION_TYPE, NAVIGATE_VISION_TYPE, NavigateCamera, Navigator, PLAY_STATUS, SoonSpaceCamera, Vector3ToEuler, azimuth, eulerToVector3, getDirection, getDirectionByNodes, getDistanceInfoByProgress, getFixEuler, getFixVector, getNavigatorNodeInfoByProgress, getNavigatorNodeInfosByTopology, normalizeEuler, reverseTopologies };
+//# sourceMappingURL=index.esm.js.map