earthsdk3-ue 0.0.1-beta.0.1 → 0.0.1-beta.0.2

package/dist/earthsdk3-ue.js

@@ -1,4 +1,4 @@
-/*! earthsdk3-ue(0.0.1-beta.0.1-f2ceb5ed-2024-11-25T02:42:08.000Z) 版权所有@北京西部世界科技有限公司 */
+/*! earthsdk3-ue(0.0.1-beta.0.2-f715b78a-2024-11-26T07:09:16.000Z) 版权所有@北京西部世界科技有限公司 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("earthsdk3"), require("xbsj-base"));
@@ -8837,13 +8837,13 @@ var UeCloudViewer = /** @class */ (function (_super) {
         _this._ueViewer = _ueViewer;
         _this._videoInitialized = _this.dv((0, xbsj_base_1.react)(false));
         _this._webRtcConnected = _this.dv((0, xbsj_base_1.react)(false));
+        _this._webSocketOpen = _this.dv((0, xbsj_base_1.react)(false));
         _this._ueFuncResultWithIdsEvent = _this.dv(new xbsj_base_1.Event());
         _this._ueFuncWithIdAndResultCallbacks = [];
         _this._waitingUeFuncIdAndResultCallbacks = new Map();
         _this._waitingUeCalls = new Set();
         _this._ueEvent = _this.dv(new xbsj_base_1.Event());
         _this._errorEvent = _this.dv(new xbsj_base_1.Event());
-        _this._closeEvent = _this.dv(new xbsj_base_1.Event());
         _this._readyEvent = _this.dv(new xbsj_base_1.Event());
         var ueViewer = _this._ueViewer;
         var ue5ViewerWrapper = _this.dv(new WebRtcManagerWrapper_1.WebRtcManagerWrapper(container, wsUri, esmsgWsUri));
@@ -8854,32 +8854,40 @@ var UeCloudViewer = /** @class */ (function (_super) {
             _this.d(ueViewer.debugChanged.don(update));
         }
         {
-            var allReadyEvent = _this.dv((0, xbsj_base_1.createNextAnimateFrameEvent)(_this._videoInitialized.changed, _this._webRtcConnected.changed));
+            var ready_1 = false;
+            var allReadyEvent = _this.dv((0, xbsj_base_1.createNextAnimateFrameEvent)(_this._videoInitialized.changed, _this._webRtcConnected.changed, _this._webSocketOpen.changed));
             _this.d(allReadyEvent.don(function () {
+                if (ready_1)
+                    return;
                 var webSocketReady = _this._ue5ViewerWrapper.instance.webSocketReady;
-                if (_this._videoInitialized.value && _this._webRtcConnected.value && webSocketReady) {
+                if (_this.videoInitialized && _this.webRtcConnected && webSocketReady) {
                     _this._readyEvent.emit();
+                    ready_1 = true;
+                    console.log("%c[EarthSDK videoInitialized && webRtcConnected && webSocketReady]", "background: #a6ec99; color: black");
+                    var param = { eventType: 'init', params: {} };
+                    _this._ue5ViewerWrapper.emitUIInteractionForBigData(param);
+                }
+                else {
+                    console.warn('webSocketReady', webSocketReady);
+                    ready_1 = false;
                 }
             }));
         }
-        //'videoInitialized', 'webRtcConnected', 'webRtcDisconnected', 'webRtcFailed', 'webSocketError', 'webSocketClose','ueevent'
+        //'videoInitialized', 'webRtcConnected', 'webRtcDisconnected', 
+        //'webRtcFailed', 'webSocketError', 'webSocketClose', 'ueevent'
         _this.d(ue5ViewerWrapper.event.don(function (eventName, eventDetailStr) {
             var e_1, _a;
-            if (eventName === 'webRtcFailed' || eventName === 'webSocketError') {
+            if (eventName === 'errorEvent') {
                 _this._errorEvent.emit(eventDetailStr);
-                // console.log(`[${eventName}]: 像素流连接错误或消息通信连接错误!`)
-            }
-            else if (eventName === 'webRtcDisconnected' || eventName === 'webSocketClose') {
-                // console.log(`[${eventName}]: 像素流连接断开或消息通信连接关闭!`)
-                _this._closeEvent.emit(eventDetailStr);
             }
             else if (eventName === 'videoInitialized') {
                 _this._videoInitialized.value = true;
-                // console.log('[videoInitialized]: 视频流初始化成功!');
             }
             else if (eventName === 'webRtcConnected') {
                 _this._webRtcConnected.value = true;
-                // console.log('[webRtcConnected]: 像素流连接成功!');
+            }
+            else if (eventName === 'webSocketOpen') {
+                _this._webSocketOpen.value = true;
             }
             else if (eventName === 'ueevent') {
                 var detailJson = JSON.parse(eventDetailStr);
@@ -8920,7 +8928,7 @@ var UeCloudViewer = /** @class */ (function (_super) {
                 }
                 ratio_1 = ueViewer.resolutionScale;
                 //分辨率缩放比例
-                ue5ViewerWrapper.resize(lastWidth_1 * ratio_1, lastHeight_1 * ratio_1);
+                ue5ViewerWrapper.resize(lastWidth_1 / ratio_1, lastHeight_1 / ratio_1);
             });
         }
         _this.d(_this._ueFuncResultWithIdsEvent.don(function (ueFuncResultWithIds) {
@@ -9030,6 +9038,11 @@ var UeCloudViewer = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(UeCloudViewer.prototype, "webSocketOpen", {
+        get: function () { return this._webSocketOpen.value; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(UeCloudViewer.prototype, "ue5ViewerWrapper", {
         get: function () { return this._ue5ViewerWrapper; },
         enumerable: false,
@@ -9040,21 +9053,11 @@ var UeCloudViewer = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(UeCloudViewer.prototype, "closeEvent", {
-        get: function () { return this._closeEvent; },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(UeCloudViewer.prototype, "readyEvent", {
         get: function () { return this._readyEvent; },
         enumerable: false,
         configurable: true
     });
-    UeCloudViewer.prototype.disconnect = function () {
-        var _a, _b, _c, _d, _e, _f, _g;
-        (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this._ue5ViewerWrapper) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.pixelStream) === null || _c === void 0 ? void 0 : _c.disconnect();
-        (_g = (_f = (_e = (_d = this === null || this === void 0 ? void 0 : this._ue5ViewerWrapper) === null || _d === void 0 ? void 0 : _d.instance) === null || _e === void 0 ? void 0 : _e.pixelStream) === null || _f === void 0 ? void 0 : _f.webSocketController.webSocket) === null || _g === void 0 ? void 0 : _g.close();
-    };
     UeCloudViewer.prototype.callUeFunc = function (ueFunc) {
         var _this = this;
         return new Promise(function (resolve) {
@@ -9164,12 +9167,8 @@ var WebRtcManager = /** @class */ (function (_super) {
         _this._container = _container;
         _this._option = _option;
         _this.debug = false;
-        _this._videoInitialized = _this.dv(new xbsj_base_1.Event());
-        _this._webRtcConnected = _this.dv(new xbsj_base_1.Event());
-        _this._webRtcDisconnected = _this.dv(new xbsj_base_1.Event());
-        _this._webRtcFailed = _this.dv(new xbsj_base_1.Event());
         _this._error = _this.dv(new xbsj_base_1.Event());
-        _this._close = _this.dv(new xbsj_base_1.Event());
+        _this._connected = _this.dv(new xbsj_base_1.Event());
         _this._ueevent = _this.dv(new xbsj_base_1.Event());
         //发送时记录消息,回调函数中对应消息后再删除
         _this.uiInteractionCallbacks = new Map();
@@ -9180,6 +9179,7 @@ var WebRtcManager = /** @class */ (function (_super) {
                 AutoConnect: true,
                 StartVideoMuted: true,
                 WaitForStreamer: true,
+                SuppressBrowserKeys: false,
                 ss: _this._option.ws,
             }
         });
@@ -9187,22 +9187,16 @@ var WebRtcManager = /** @class */ (function (_super) {
         config.setFlagEnabled(lib_pixelstreamingfrontend_ue5_4_1.Flags.HoveringMouseMode, true);
         config.setFlagEnabled(lib_pixelstreamingfrontend_ue5_4_1.Flags.MatchViewportResolution, true);
         //这个重复次数，有可能服务端的streamer还未连接
-        config.setNumericSetting(lib_pixelstreamingfrontend_ue5_4_1.NumericParameters.MaxReconnectAttempts, 100);
+        config.setNumericSetting(lib_pixelstreamingfrontend_ue5_4_1.NumericParameters.MaxReconnectAttempts, 0);
         _this._pixelStream = new lib_pixelstreamingfrontend_ue5_4_1.PixelStreaming(config, { videoElementParent: _this.container });
-        _this.d(function () {
-            _this._pixelStream.disconnect();
-            //@ts-ignore
-            _this._pixelStream = undefined;
-        });
-        //@ts-ignore
-        _this._webRtcController = _this._pixelStream._webRtcController;
-        _this._ws = _this._option.ws;
         //input事件覆盖
         {
             // const setSendData = () => {
             var webSocket_1 = _this.pixelStream.webSocketController.webSocket;
-            var originSendData_1 = _this.webRtcController.sendMessageController.dataChannelSender.sendData;
-            _this.webRtcController.sendMessageController.dataChannelSender.constructor.prototype.sendData = function (data) {
+            //@ts-ignore
+            var originSendData_1 = _this._pixelStream._webRtcController.sendMessageController.dataChannelSender.sendData;
+            //@ts-ignore
+            _this._pixelStream._webRtcController.sendMessageController.dataChannelSender.constructor.prototype.sendData = function (data) {
                 // try {
                 if (webSocket_1) {
                     webSocket_1.send((0, createMsgInput_1.createMsgInput)(data));
@@ -9218,17 +9212,22 @@ var WebRtcManager = /** @class */ (function (_super) {
                 // }
             };
             // }
-            // this.pixelStream.webSocketController.webSocket.addEventListener("open", setSendData);
-            // this.d(() => { this.pixelStream.webSocketController.webSocket.removeEventListener('open', setSendData) })
         }
         {
-            var events = ['error', 'close'];
+            var events = ['error', 'close', 'open'];
             events.forEach(function (eventName) {
-                var func = function (e) {
+                var func = function () {
                     if (_this.isDestroyed())
                         return;
-                    //@ts-ignore
-                    _this[eventName].emit(eventName);
+                    if (eventName === 'open') {
+                        _this.connected.emit('webSocketOpen');
+                    }
+                    else if (eventName === 'close') {
+                        _this.error.emit('webSocketClose');
+                    }
+                    else if (eventName === 'error') {
+                        _this.error.emit('webSocketError');
+                    }
                 };
                 _this.pixelStream.webSocketController.webSocket.addEventListener(eventName, func);
                 _this.d(function () { _this.pixelStream.webSocketController.webSocket.removeEventListener(eventName, func); });
@@ -9241,8 +9240,13 @@ var WebRtcManager = /** @class */ (function (_super) {
                 var func = function () {
                     if (_this.isDestroyed())
                         return;
-                    //@ts-ignore
-                    _this[eventName].emit(eventName);
+                    if (eventName === 'webRtcConnected' || eventName === 'videoInitialized') {
+                        _this.connected.emit(eventName);
+                    }
+                    else if (eventName === 'webRtcDisconnected' || eventName === 'webRtcFailed') {
+                        _this.error.emit(eventName);
+                        _this.pixelStream.disconnect();
+                    }
                 };
                 _this.pixelStream.addEventListener(eventName, func);
                 _this.d(function () { _this.pixelStream.removeEventListener(eventName, func); });
@@ -9253,10 +9257,7 @@ var WebRtcManager = /** @class */ (function (_super) {
             _this.pixelStream.addResponseEventListener("handle_responses", function (decodedString) {
                 _this.processResponse(decodedString);
             });
-            _this.d(function () {
-                _this.pixelStream.disconnect();
-                _this.pixelStream.removeResponseEventListener('handle_responses');
-            });
+            _this.d(function () { _this.pixelStream.removeResponseEventListener('handle_responses'); });
             // //处理ue事件
             // this.pixelStream.addResponseEventListener('esueviewer', (response) => {
             //     console.warn("接收到消息 esueviewer", response);
@@ -9267,33 +9268,13 @@ var WebRtcManager = /** @class */ (function (_super) {
         }
         return _this;
     }
-    Object.defineProperty(WebRtcManager.prototype, "videoInitialized", {
-        get: function () { return this._videoInitialized; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebRtcManager.prototype, "webRtcConnected", {
-        get: function () { return this._webRtcConnected; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebRtcManager.prototype, "webRtcDisconnected", {
-        get: function () { return this._webRtcDisconnected; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WebRtcManager.prototype, "webRtcFailed", {
-        get: function () { return this._webRtcFailed; },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(WebRtcManager.prototype, "error", {
         get: function () { return this._error; },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WebRtcManager.prototype, "close", {
-        get: function () { return this._close; },
+    Object.defineProperty(WebRtcManager.prototype, "connected", {
+        get: function () { return this._connected; },
         enumerable: false,
         configurable: true
     });
@@ -9307,21 +9288,11 @@ var WebRtcManager = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WebRtcManager.prototype, "ws", {
-        get: function () { return this._ws; },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(WebRtcManager.prototype, "pixelStream", {
         get: function () { return this._pixelStream; },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WebRtcManager.prototype, "webRtcController", {
-        get: function () { return this._webRtcController; },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(WebRtcManager.prototype, "webSocketReady", {
         get: function () { return this.pixelStream.webSocketController.webSocket.readyState === 1; },
         enumerable: false,
@@ -9412,7 +9383,8 @@ var WebRtcManager = /** @class */ (function (_super) {
         return true;
     };
     WebRtcManager.prototype.getVideoSize = function () {
-        var ve = this.webRtcController.videoPlayer.getVideoElement();
+        //@ts-ignore
+        var ve = this._pixelStream._webRtcController.videoPlayer.getVideoElement();
         return { width: ve.videoWidth, height: ve.videoHeight };
     };
     //像素流命令
@@ -9498,23 +9470,13 @@ var WebRtcManagerWrapper = /** @class */ (function (_super) {
         _this._event = _this.dv(new xbsj_base_1.Event());
         _this._instance = _this.dv(new WebRtcManager_1.WebRtcManager(_this._container, { ws: _this._wsuri }));
         {
-            _this.d(_this._instance.videoInitialized.don(function (str) {
-                _this._event.emit('videoInitialized', str);
-            }));
-            _this.d(_this._instance.webRtcConnected.don(function (str) {
-                _this._event.emit('webRtcConnected', str);
-            }));
-            _this.d(_this._instance.webRtcDisconnected.don(function (str) {
-                _this._event.emit('webRtcDisconnected', str);
-            }));
-            _this.d(_this._instance.webRtcFailed.don(function (str) {
-                _this._event.emit('webRtcFailed', str);
+            _this.d(_this._instance.connected.don(function (str) {
+                _this._event.emit(str, str);
+                console.log("%c[EarthSDK ".concat(str, "]"), "background: #a6ec99; color: black");
             }));
             _this.d(_this._instance.error.don(function (str) {
-                _this._event.emit('webSocketError', str);
-            }));
-            _this.d(_this._instance.close.don(function (str) {
-                _this._event.emit('webSocketClose', str);
+                _this._event.emit('errorEvent', str);
+                console.log("%c[EarthSDK ".concat(str, "]"), "background: red; color: black");
             }));
             _this.d(_this._instance.ueevent.don(function (str) {
                 _this._event.emit('ueevent', str);
@@ -9580,7 +9542,7 @@ exports.WebRtcManagerWrapper = WebRtcManagerWrapper;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.printLog = exports.getContainer = exports.createMsgInput = exports.arrayBufferToBase64 = void 0;
+exports.getContainer = exports.createMsgInput = exports.arrayBufferToBase64 = void 0;
 function arrayBufferToBase64(buffer) {
     var binary = '';
     var bytes = new Uint8Array(buffer);
@@ -9608,14 +9570,6 @@ function getContainer(container) {
     }
 }
 exports.getContainer = getContainer;
-function printLog(type, msgType, msg) {
-    var color = type === 'err' ? '#cd4639' : '#64b587';
-    var bgcolor = type === 'err' ? '#cd4639' : '#64b587';
-    console.group("%c[".concat(msgType, "]"), "background-color:".concat(bgcolor, ";color:#fff;font-weight:bold;padding:4px;border-radius:5px;"));
-    console.log("%c".concat(msg), "border:1px dashed ".concat(color, ";border-radius:5px;padding:10px;line-height:25px;color:").concat(color, ";"));
-    console.groupEnd();
-}
-exports.printLog = printLog;
 
 
 /***/ }),
@@ -9828,7 +9782,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, parms)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && ((this.navigationMode = parms.mode));
+                        (res && !res.error) && ((this._navigationMode.value = parms.mode));
                         return [2 /*return*/, res];
                 }
             });
@@ -10515,7 +10469,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10538,7 +10492,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10566,7 +10520,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10599,7 +10553,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10622,7 +10576,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10660,7 +10614,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -10688,7 +10642,7 @@ var ESUeViewer = /** @class */ (function (_super) {
                         return [4 /*yield*/, (0, CallUeFuncs_1.changeNavigationModeCallFunc)(this.viewer, opt)];
                     case 1:
                         res = _b.sent();
-                        (res && !res.error) && (this.navigationMode = opt.mode);
+                        (res && !res.error) && (this._navigationMode.value = opt.mode);
                         return [2 /*return*/, res];
                 }
             });
@@ -11226,7 +11180,6 @@ var UeCloudViewer_1 = __webpack_require__(/*! ../CustomPixelStream/UeCloudViewer
 var UeLocalViewer_1 = __webpack_require__(/*! ./UeLocalViewer */ "./src/ESUeViewer/inner/UeLocalViewer.ts");
 var ViewerInstance_1 = __webpack_require__(/*! ./ViewerInstance */ "./src/ESUeViewer/inner/ViewerInstance.ts");
 var ViewerLocalInstance_1 = __webpack_require__(/*! ./ViewerLocalInstance */ "./src/ESUeViewer/inner/ViewerLocalInstance.ts");
-var createMsgInput_1 = __webpack_require__(/*! ../CustomPixelStream/createMsgInput */ "./src/ESUeViewer/CustomPixelStream/createMsgInput.ts");
 var ViewerCreating = /** @class */ (function (_super) {
     __extends(ViewerCreating, _super);
     function ViewerCreating(container, params, ueViewer) {
@@ -11261,17 +11214,17 @@ var ViewerCreating = /** @class */ (function (_super) {
                 (container && videoContainer_1) && container.removeChild(videoContainer_1) && (videoContainer_1 = undefined);
             });
             var createViewerProcessing_1 = _this.dv((0, xbsj_base_1.createProcessingFromAsyncFunc)(function (cancelsManager) { return __awaiter(_this, void 0, void 0, function () {
-                var wsserver, wsesmsg, _a, ws, esmsg, offsetWidth, offsetHeight, _b, uri, app, token, tokenStr, resParam, response, resultJson, server, esmsg, cloudViewer;
+                var wsserver, wsesmsg, _a, ws, esmsg, offsetWidth_1, offsetHeight_1, _b, uri, app, token, tokenStr, resParam, response, resultJson, server, esmsg, cloudViewer, offsetWidth, offsetHeight;
                 var _this = this;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
                             {
-                                ueViewer.viewer && ueViewer.viewer.destroy();
+                                ueViewer.viewer && (!ueViewer.viewer.isDestroyed()) && ueViewer.viewer.destroy();
                                 ueViewer.viewer = undefined;
                                 videoContainer_1 && container.removeChild(videoContainer_1) && (videoContainer_1 = undefined);
                                 videoContainer_1 = document.createElement('div');
-                                videoContainer_1.setAttribute('earthsdk2-ue', 'earthsdk2-ue-videoContainer');
+                                videoContainer_1.setAttribute('earthsdk3-ue', 'earthsdk3-ue-videoContainer');
                                 videoContainer_1.style.cssText = "position:relative; height: 100%;width:100%;";
                                 container.appendChild(videoContainer_1);
                             }
@@ -11281,10 +11234,10 @@ var ViewerCreating = /** @class */ (function (_super) {
                                 wsesmsg = esmsg;
                             }
                             if (!(hasPorp(params.options, 'uri') && hasPorp(params.options, 'app'))) return [3 /*break*/, 3];
-                            offsetWidth = videoContainer_1.offsetWidth, offsetHeight = videoContainer_1.offsetHeight;
+                            offsetWidth_1 = videoContainer_1.offsetWidth, offsetHeight_1 = videoContainer_1.offsetHeight;
                             _b = params.options, uri = _b.uri, app = _b.app, token = _b.token;
                             tokenStr = token ? "?essstoken=".concat(token) : '';
-                            resParam = "/".concat(app, "/").concat(offsetWidth !== null && offsetWidth !== void 0 ? offsetWidth : 1920, "/").concat(offsetHeight !== null && offsetHeight !== void 0 ? offsetHeight : 1080) + tokenStr;
+                            resParam = "/".concat(app, "/").concat(offsetWidth_1 !== null && offsetWidth_1 !== void 0 ? offsetWidth_1 : 1920, "/").concat(offsetHeight_1 !== null && offsetHeight_1 !== void 0 ? offsetHeight_1 : 1080) + tokenStr;
                             console.log("\u8BF7\u6C42\u4FE1\u4EE4\u670D\u52A1\u5668: ".concat(uri, "instance").concat(resParam));
                             return [4 /*yield*/, cancelsManager.promise(fetch("".concat(uri, "instance").concat(resParam), { method: "GET", }))];
                         case 1:
@@ -11296,7 +11249,6 @@ var ViewerCreating = /** @class */ (function (_super) {
                                 ueViewer.setStatus('Error');
                                 ueViewer.setStatusLog("\u4FE1\u4EE4\u670D\u52A1\u5668\u8BF7\u6C42\u5931\u8D25 ".concat(resultJson.status));
                                 this._reconnectEvent.emit(undefined);
-                                (0, createMsgInput_1.printLog)('err', '信令服务器错误', resultJson.status);
                                 return [2 /*return*/];
                             }
                             server = resultJson.server, esmsg = resultJson.esmsg;
@@ -11306,40 +11258,27 @@ var ViewerCreating = /** @class */ (function (_super) {
                             _c.label = 3;
                         case 3:
                             cloudViewer = this.dv(new UeCloudViewer_1.UeCloudViewer(videoContainer_1, wsserver, wsesmsg, ueViewer));
-                            this.d(function () {
-                                ueViewer.viewer && ueViewer.viewer.destroy();
-                                ueViewer.viewer = undefined;
-                            });
+                            this.d(function () { return ueViewer.viewer = undefined; });
                             //监听cloudViewer事件
-                            {
-                                this.d(cloudViewer.readyEvent.don(function () {
-                                    ueViewer.setStatus('Created');
-                                    ueViewer.setStatusLog('云渲染视口创建成功!');
-                                    (0, createMsgInput_1.printLog)('info', 'readyEvent', '[videoInitialized]:视频流初始化成功! [webRtcConnected]:像素流连接成功! [webSocketReady]: 消息通信连接成功!');
-                                }));
-                                this.d(cloudViewer.closeEvent.don(function (str) {
-                                    var errorStr = (str === 'webRtcDisconnected') ? "[webRtcDisconnected]:\u50CF\u7D20\u6D41\u8FDE\u63A5\u4E2D\u65AD!" : "[webSocketClose]:\u6D88\u606F\u901A\u4FE1\u8FDE\u63A5\u5173\u95ED!";
-                                    ueViewer.setStatus('Error');
-                                    ueViewer.setStatusLog(errorStr);
-                                    _this._reconnectEvent.emit(cloudViewer);
-                                    (0, createMsgInput_1.printLog)('err', 'closeEvent', errorStr);
-                                }));
-                                this.d(cloudViewer.errorEvent.don(function (str) {
-                                    var errorStr = (str === 'webRtcFailed') ? "[webRtcFailed]:\u50CF\u7D20\u6D41\u8FDE\u63A5\u9519\u8BEF!" : "[webSocketError]:\u6D88\u606F\u901A\u4FE1\u8FDE\u63A5\u9519\u8BEF!";
-                                    ueViewer.setStatus('Error');
-                                    ueViewer.setStatusLog(errorStr);
-                                    _this._reconnectEvent.emit(cloudViewer);
-                                    (0, createMsgInput_1.printLog)('err', 'errorEvent', errorStr);
-                                }));
-                            }
+                            this.d(cloudViewer.errorEvent.don(function (str) {
+                                var errorStr = "[".concat(str, "]:\u50CF\u7D20\u6D41\u8FDE\u63A5\u9519\u8BEF!");
+                                ueViewer.setStatus('Error');
+                                ueViewer.setStatusLog(errorStr);
+                                _this._reconnectEvent.emit(cloudViewer);
+                            }));
                             return [4 /*yield*/, cancelsManager.promise(new Promise(function (resolve) { return _this.d(cloudViewer.readyEvent.donce(resolve)); }))];
                         case 4:
                             _c.sent();
+                            ueViewer.setStatus('Created');
+                            ueViewer.setStatusLog('云渲染视口创建成功!');
                             //连接成功时间间隔归零
                             intervalTime = 0;
                             timer && clearTimeout(timer);
                             timer = undefined;
+                            offsetWidth = videoContainer_1.offsetWidth, offsetHeight = videoContainer_1.offsetHeight;
+                            cloudViewer.ue5ViewerWrapper.resize(offsetWidth, offsetHeight);
                             ueViewer.viewer = cloudViewer;
+                            this.d(function () { return ueViewer.viewer = undefined; });
                             this.dv(new ViewerInstance_1.ViewerInstance(ueViewer, cloudViewer));
                             return [2 /*return*/];
                     }
@@ -11349,20 +11288,14 @@ var ViewerCreating = /** @class */ (function (_super) {
             _this.d(_this._reconnectEvent.don(function (cviewer) {
                 if (timer !== undefined)
                     return;
+                cviewer && (!cviewer.isDestroyed()) && cviewer.destroy();
                 ueViewer.viewer && (!ueViewer.viewer.isDestroyed()) && ueViewer.viewer.destroy();
                 ueViewer.viewer = undefined;
-                if (ueViewer.autoReconnect && cviewer) {
-                    //没有链接成功过也不重连
-                    if (!cviewer.webRtcConnected || !cviewer.videoInitialized)
-                        return;
+                if (ueViewer.autoReconnect) {
                     ueViewer.setStatus('Reconnecting');
                     ueViewer.setStatusLog("\u6B63\u5728\u5C1D\u8BD5\u91CD\u65B0\u8FDE\u63A5...");
-                    intervalTime = (intervalTime + 10000) > 30000 ? 30000 : (intervalTime + 10000);
+                    intervalTime = (intervalTime + 5000) > 30000 ? 30000 : (intervalTime + 5000);
                     console.warn("\u95F4\u9694\uFF1A".concat(intervalTime / 1000, "s,\u6B63\u5728\u5C1D\u8BD5\u91CD\u65B0\u8FDE\u63A5..."));
-                    timer = undefined;
-                    cviewer && cviewer.disconnect();
-                    //@ts-ignore
-                    cviewer.ue5ViewerWrapper.instance._pixelStream = undefined;
                     timer = window.setTimeout(function () {
                         createViewerProcessing_1.restart();
                     }, intervalTime);
@@ -11372,7 +11305,6 @@ var ViewerCreating = /** @class */ (function (_super) {
                 ueViewer.setStatus('Error');
                 ueViewer.setStatusLog("\u4E91\u6E32\u67D3\u89C6\u53E3\u521B\u5EFA\u5931\u8D25\uFF01");
                 _this._reconnectEvent.emit(undefined);
-                (0, createMsgInput_1.printLog)('err', '未知错误', "\u4E91\u6E32\u67D3\u89C6\u53E3\u521B\u5EFA\u5931\u8D25! ".concat(error));
             }));
         }
         else {
@@ -16902,6 +16834,325 @@ var UeESLocationMeasurement = /** @class */ (function (_super) {
 exports.UeESLocationMeasurement = UeESLocationMeasurement;
 
 
+/***/ }),
+
+/***/ "./src/UeObjects/general/UeESNavigator/index.ts":
+/*!******************************************************!*\
+  !*** ./src/UeObjects/general/UeESNavigator/index.ts ***!
+  \******************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.UeESNavigator = void 0;
+var earthsdk3_1 = __webpack_require__(/*! earthsdk3 */ "earthsdk3");
+var xbsj_base_1 = __webpack_require__(/*! xbsj-base */ "xbsj-base");
+var url1 = earthsdk3_1.ESSceneObject.context.getStrFromEnv(earthsdk3_1.ESNavigator.defaults.imgUrl);
+var UeESNavigator = /** @class */ (function (_super) {
+    __extends(UeESNavigator, _super);
+    function UeESNavigator(sceneObject, ueViewer) {
+        var _this = _super.call(this, sceneObject, ueViewer) || this;
+        var viewer = ueViewer.viewer;
+        if (!viewer) {
+            console.warn("viewer is undefined!");
+            return _this;
+        }
+        var customDiv = _this.disposeVar(new earthsdk3_1.ESCustomDiv());
+        ueViewer.add(customDiv);
+        _this.dispose(function () { return ueViewer.delete(customDiv); });
+        _this.dispose((0, xbsj_base_1.track)([customDiv, 'show'], [sceneObject, 'show']));
+        customDiv.instanceClass = /** @class */ (function (_super) {
+            __extends(MyDiv, _super);
+            // subContainer是外部视口的div容器，可以在这里创建自己需要的DOM元素
+            // customDiv指向当前的CustomDiv场景对象
+            // viewer指定当前的视口
+            function MyDiv(_subContainer, customDiv, viewer) {
+                var _this = _super.call(this) || this;
+                _this._subContainer = _subContainer;
+                var div = document.createElement('div');
+                _this._subContainer.appendChild(div);
+                _this.dispose(function () { return _this._subContainer.removeChild(div); });
+                {
+                    var a_1 = function () { return __awaiter(_this, void 0, void 0, function () {
+                        var res, position, rotation, a;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0: return [4 /*yield*/, ueViewer.getCurrentCameraInfo()];
+                                case 1:
+                                    res = _b.sent();
+                                    position = res === null || res === void 0 ? void 0 : res.position;
+                                    rotation = res === null || res === void 0 ? void 0 : res.rotation;
+                                    a = __spreadArray([], __read(rotation), false);
+                                    a[0] = 360;
+                                    ueViewer.flyIn(position, a);
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    div.addEventListener('click', a_1);
+                    div.style.cursor = 'pointer';
+                    _this.dispose(function () { return div.removeEventListener('click', a_1); });
+                }
+                {
+                    var update = function () {
+                        div.style.width = "".concat(sceneObject.cssSize ? sceneObject.cssSize : earthsdk3_1.ESNavigator.defaults.cssSize, "px");
+                        div.style.height = "".concat(sceneObject.cssSize ? sceneObject.cssSize : earthsdk3_1.ESNavigator.defaults.cssSize, "px");
+                    };
+                    update();
+                    sceneObject.dispose(sceneObject.cssSizeChanged.disposableOn(update));
+                }
+                div.style.position = 'fixed';
+                {
+                    var update = function () {
+                        div.style.top = "".concat(sceneObject.cssPosition ? sceneObject.cssPosition[0] : earthsdk3_1.ESNavigator.defaults.cssPosition[0], "px");
+                        div.style.right = "".concat(sceneObject.cssPosition ? sceneObject.cssPosition[1] : earthsdk3_1.ESNavigator.defaults.cssPosition[1], "px");
+                    };
+                    update();
+                    sceneObject.dispose(sceneObject.cssPositionChanged.disposableOn(update));
+                }
+                div.style.transition = ' right 0.4s linear';
+                div.style.cursor = 'pointer';
+                var box = document.createElement('div');
+                div.appendChild(box);
+                _this.dispose(function () { return div.removeChild(box); });
+                box.style.width = '100%';
+                box.style.height = '100%';
+                box.style.position = 'relative';
+                var rbox = document.createElement('img');
+                box.appendChild(rbox);
+                _this.dispose(function () { return box.removeChild(rbox); });
+                rbox.style.width = '100%';
+                rbox.style.height = '100%';
+                rbox.style.border = 'none';
+                {
+                    var update = function () { return rbox.src = sceneObject.imgUrl; };
+                    update();
+                    sceneObject.dispose(sceneObject.imgUrlChanged.disposableOn(update));
+                }
+                {
+                    var aaa_1 = function () {
+                        var rotation = ueViewer.getCurrentCameraInfo().rotation[0];
+                        var a = -rotation;
+                        rbox.style.transform = "rotate(".concat(a, "deg)");
+                    };
+                    var timer_1;
+                    var update = function () { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_b) {
+                            aaa_1();
+                            if (sceneObject.show) {
+                                div.style.display = 'block';
+                                timer_1 = setInterval(function () {
+                                    aaa_1();
+                                }, 1000);
+                            }
+                            else {
+                                div.style.display = 'none';
+                                clearInterval(timer_1);
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); };
+                    _this.dispose(sceneObject.showChanged.disposableOn(update));
+                    update();
+                    _this.dispose(function () { return clearInterval(timer_1); });
+                }
+                rbox.style.transformOrigin = '50% 50%';
+                return _this;
+            }
+            return MyDiv;
+        }(xbsj_base_1.Destroyable));
+        return _this;
+    }
+    var _a;
+    _a = UeESNavigator;
+    UeESNavigator.type = _a.register("ESUeViewer", earthsdk3_1.ESNavigator.type, _a);
+    return UeESNavigator;
+}(earthsdk3_1.EngineObject));
+exports.UeESNavigator = UeESNavigator;
+
+
+/***/ }),
+
+/***/ "./src/UeObjects/general/UeESPath/index.ts":
+/*!*************************************************!*\
+  !*** ./src/UeObjects/general/UeESPath/index.ts ***!
+  \*************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.UeESPath = void 0;
+var earthsdk3_1 = __webpack_require__(/*! earthsdk3 */ "earthsdk3");
+var base_1 = __webpack_require__(/*! ../../base */ "./src/UeObjects/base/index.ts");
+var UeESPath = /** @class */ (function (_super) {
+    __extends(UeESPath, _super);
+    function UeESPath(sceneObject, ueViewer) {
+        var _this = _super.call(this, sceneObject, ueViewer) || this;
+        var viewer = ueViewer.viewer;
+        if (!viewer) {
+            console.warn("viewer is undefined!");
+            return _this;
+        }
+        {
+            // 兼容旧的属性，后期不支持设置purple和blue
+            var update = function () {
+                var materialMode = sceneObject.materialMode === "blue"
+                    ? "multipleArrows"
+                    : sceneObject.materialMode === "purple"
+                        ? "singleArrow"
+                        : sceneObject.materialMode;
+                viewer.callUeFunc({
+                    f: 'update',
+                    p: {
+                        id: sceneObject.id,
+                        materialMode: materialMode,
+                    }
+                });
+            };
+            _this.dispose(sceneObject.materialModeChanged.disposableOn(update));
+            _this.dispose(sceneObject.createdEvent.disposableOn(update));
+        }
+        return _this;
+    }
+    var _a;
+    _a = UeESPath;
+    UeESPath.type = _a.register("ESUeViewer", earthsdk3_1.ESPath.type, _a);
+    UeESPath.forceUeUpdateProps = __spreadArray([], __read(base_1.UeESGeoVector.forceUeUpdateProps), false);
+    UeESPath.propValFuncs = __assign(__assign({}, base_1.UeESGeoVector.propValFuncs), { materialMode: null });
+    return UeESPath;
+}(base_1.UeESGeoVector));
+exports.UeESPath = UeESPath;
+
+
 /***/ }),
 
 /***/ "./src/UeObjects/general/UeESPipeFence/index.ts":
@@ -18631,6 +18882,240 @@ var UeESViewShed = /** @class */ (function (_super) {
 exports.UeESViewShed = UeESViewShed;
 
 
+/***/ }),
+
+/***/ "./src/UeObjects/general/UeESViewerStatusBar/index.ts":
+/*!************************************************************!*\
+  !*** ./src/UeObjects/general/UeESViewerStatusBar/index.ts ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.UeESViewerStatusBar = void 0;
+var earthsdk3_1 = __webpack_require__(/*! earthsdk3 */ "earthsdk3");
+var ESUeViewer_1 = __webpack_require__(/*! ../../../ESUeViewer */ "./src/ESUeViewer/index.ts");
+var xbsj_base_1 = __webpack_require__(/*! xbsj-base */ "xbsj-base");
+function copyClipboard(text) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            navigator.clipboard.writeText(text)
+                .then(function () {
+                console.log('复制成功');
+            }, function (e) {
+                console.log('复制失败');
+            });
+            return [2 /*return*/];
+        });
+    });
+}
+var UeESViewerStatusBar = /** @class */ (function (_super) {
+    __extends(UeESViewerStatusBar, _super);
+    function UeESViewerStatusBar(sceneObject, ueViewer) {
+        var _this = _super.call(this, sceneObject, ueViewer) || this;
+        var viewer = ueViewer.viewer;
+        if (!viewer) {
+            console.warn("viewer is undefined!");
+            return _this;
+        }
+        var customDiv = _this.disposeVar(new earthsdk3_1.ESCustomDiv());
+        ueViewer.add(customDiv);
+        _this.dispose(function () { return ueViewer.delete(customDiv); });
+        customDiv.instanceClass = /** @class */ (function (_super) {
+            __extends(MyDiv, _super);
+            function MyDiv(_subContainer, customDiv, viewer) {
+                var _this = _super.call(this) || this;
+                _this._subContainer = _subContainer;
+                if (!viewer)
+                    return _this;
+                if (!(viewer instanceof ESUeViewer_1.ESUeViewer))
+                    return _this;
+                var div = document.createElement('div');
+                _this._subContainer.appendChild(div);
+                _this.dispose(function () { return _this._subContainer.removeChild(div); });
+                div.style.width = '100%';
+                div.style.position = 'absolute';
+                div.style.height = "".concat(earthsdk3_1.ESViewerStatusBar.defaults.height, "px");
+                div.style.left = '0';
+                div.style.bottom = '0';
+                div.style.color = '#fff';
+                div.style.padding = '0 20px 0 0';
+                div.style.boxSizing = 'border-box';
+                div.style.lineHeight = "".concat(earthsdk3_1.ESViewerStatusBar.defaults.height, "px");
+                div.style.zIndex = '100'; // 特别重要，不能丢！很可能导致保存后打开看不到！
+                div.style.alignContent = 'center';
+                div.style.justifyContent = 'space-between';
+                var spanl = document.createElement('span');
+                div.appendChild(spanl);
+                _this.dispose(function () { return div.removeChild(spanl); });
+                var spanLeft = document.createElement('span');
+                spanl.appendChild(spanLeft);
+                _this.dispose(function () { return spanl.removeChild(spanLeft); });
+                var spanRight = document.createElement('span');
+                spanl.appendChild(spanRight);
+                spanRight.addEventListener('dblclick', function () {
+                    var innerHTML = spanRight.innerHTML;
+                    if (innerHTML.startsWith('鼠标位置')) {
+                        innerHTML = innerHTML.slice(5);
+                    }
+                    copyClipboard(innerHTML);
+                });
+                spanRight.style.cursor = 'pointer';
+                _this.dispose(function () { return spanl.removeChild(spanRight); });
+                var span = document.createElement('span');
+                div.appendChild(span);
+                _this.dispose(function () { return div.removeChild(span); });
+                {
+                    var update = function () {
+                        var _b, _c;
+                        div.style.height = ((_b = sceneObject.height) !== null && _b !== void 0 ? _b : earthsdk3_1.ESViewerStatusBar.defaults.height) + 'px';
+                        div.style.lineHeight = ((_c = sceneObject.height) !== null && _c !== void 0 ? _c : earthsdk3_1.ESViewerStatusBar.defaults.height) + 'px';
+                    };
+                    _this.dispose(sceneObject.heightChanged.disposableOn(update));
+                    update();
+                }
+                {
+                    var update = function () {
+                        var _b;
+                        div.style.fontSize = ((_b = sceneObject.fontSize) !== null && _b !== void 0 ? _b : earthsdk3_1.ESViewerStatusBar.defaults.fontSize) + 'px';
+                    };
+                    _this.dispose(sceneObject.fontSizeChanged.disposableOn(update));
+                    update();
+                }
+                {
+                    var update = function () {
+                        if (sceneObject.bgColor) {
+                            // console.log('sceneObject.bgColor', sceneObject.bgColor);
+                            div.style.background = "rgba(".concat(sceneObject.bgColor[0] * 255, ",").concat(sceneObject.bgColor[1] * 255, ",").concat(sceneObject.bgColor[2] * 255, ",").concat(sceneObject.bgColor[3], ")");
+                        }
+                        else {
+                            div.style.background = "rgba(".concat(earthsdk3_1.ESViewerStatusBar.defaults.bgColor[0], ",").concat(earthsdk3_1.ESViewerStatusBar.defaults.bgColor[1], ",").concat(earthsdk3_1.ESViewerStatusBar.defaults.bgColor[2], ",").concat(earthsdk3_1.ESViewerStatusBar.defaults.bgColor[3], ")");
+                        }
+                    };
+                    _this.dispose(sceneObject.bgColorChanged.disposableOn(update));
+                    update();
+                }
+                {
+                    viewer.getVersion().then(function (res) {
+                        if (res) {
+                            span.innerText = "Ue \u7248\u672C : ".concat(res[0], " ");
+                        }
+                    }).catch(function (error) {
+                        console.log(error);
+                    });
+                }
+                {
+                    var aaa_1 = function () {
+                        var leftInnerText = '';
+                        var rightInnerText = '';
+                        leftInnerText += "\u5E27\u7387:".concat(viewer.getFPS().toFixed(0), "FPS");
+                        spanLeft.innerText = leftInnerText;
+                        var res = ueViewer.getCurrentCameraInfo();
+                        leftInnerText += " \u7ECF\u5EA6: ".concat(res.position[0].toFixed(5), "\u00B0 \u7EAC\u5EA6: ").concat(res.position[1].toFixed(5), "\u00B0 \u9AD8\u5EA6: ").concat(res.position[2].toFixed(2), "\u7C73 \u504F\u822A\u89D2: ").concat(res.rotation[0].toFixed(2), "\u00B0 \u4FEF\u4EF0\u89D2: ").concat(res.rotation[1].toFixed(2), "\u00B0 \u7FFB\u6EDA\u89D2:").concat(res.rotation[2].toFixed(2), "\u00B0 ");
+                        spanLeft.innerText = leftInnerText;
+                        ueViewer.pick().then(function (res) {
+                            if (res) {
+                                var pickResult = res.pickResult;
+                                if (pickResult && pickResult.position) {
+                                    var position = pickResult.position;
+                                    rightInnerText += "\u9F20\u6807\u4F4D\u7F6E:".concat(position[0].toFixed(5), "\u00B0 ").concat(position[1].toFixed(5), "\u00B0 ").concat(position[2].toFixed(2), "m");
+                                }
+                                else {
+                                    rightInnerText += "\u6682\u65F6\u65E0\u6CD5\u83B7\u53D6\u9F20\u6807\u4F4D\u7F6E...";
+                                }
+                                spanRight.innerText = rightInnerText;
+                            }
+                        }).catch(function (error) {
+                            console.log(error);
+                        });
+                    };
+                    var timer_1;
+                    var update = function () { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_b) {
+                            aaa_1();
+                            if (sceneObject.show) {
+                                div.style.display = 'flex';
+                                timer_1 = setInterval(function () {
+                                    aaa_1();
+                                }, 1000);
+                            }
+                            else {
+                                div.style.display = 'none';
+                                clearInterval(timer_1);
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); };
+                    _this.dispose(sceneObject.showChanged.disposableOn(update));
+                    update();
+                    _this.dispose(function () { return clearInterval(timer_1); });
+                }
+                return _this;
+            }
+            return MyDiv;
+        }(xbsj_base_1.Destroyable));
+        return _this;
+    }
+    var _a;
+    _a = UeESViewerStatusBar;
+    UeESViewerStatusBar.type = _a.register("ESUeViewer", earthsdk3_1.ESViewerStatusBar.type, _a);
+    return UeESViewerStatusBar;
+}(earthsdk3_1.EngineObject));
+exports.UeESViewerStatusBar = UeESViewerStatusBar;
+
+
 /***/ }),
 
 /***/ "./src/UeObjects/general/UeESVisibilityAnalysis/index.ts":
@@ -18890,9 +19375,9 @@ __exportStar(__webpack_require__(/*! ./UeESViewShed */ "./src/UeObjects/general/
 __exportStar(__webpack_require__(/*! ./UeESVisibilityAnalysis */ "./src/UeObjects/general/UeESVisibilityAnalysis/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./UeESVolumeMeasurement */ "./src/UeObjects/general/UeESVolumeMeasurement/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./UeESWidget */ "./src/UeObjects/general/UeESWidget/index.ts"), exports);
-// export * from './UeESNavigator';
-// export * from './UeESPath';
-// export * from './UeESViewerStatusBar';
+__exportStar(__webpack_require__(/*! ./UeESNavigator */ "./src/UeObjects/general/UeESNavigator/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./UeESPath */ "./src/UeObjects/general/UeESPath/index.ts"), exports);
+__exportStar(__webpack_require__(/*! ./UeESViewerStatusBar */ "./src/UeObjects/general/UeESViewerStatusBar/index.ts"), exports);
 
 
 /***/ }),