fcr-ui-scene 3.7.4 → 3.7.6

package/lib/ui-scene.js

@@ -5,7 +5,6 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.to-primitive.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
@@ -40,11 +39,16 @@ exports.FcrUIDefaultScene = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.promise.finally.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -58,25 +62,16 @@ var _uiManager = require("./ui-manager");
 var _tools = require("./utilities/tools");
 var _mainScene = require("./scenes/main-scene");
 var _waitingScene = require("./scenes/waiting-scene");
-var _renderer = require("./utilities/renderer");
 var _parameters = require("./utilities/parameters");
 var _type2 = require("fcr-core/lib/room-control/type");
-var _roomProvider = require("./providers/room-provider");
+var _roomProvider = require("./providers/room-provider/room-provider");
 var _constant = require("./utilities/constant");
-var _speakerSpotlight = require("./shared-data-source/speaker-spotlight");
-var _pinData = require("./shared-data-source/pin-data");
-var _videoWindow = require("./shared-data-source/video-window");
-var _devicePrivilegeData = require("./shared-data-source/device-privilege-data");
 var _leaveMeeting = _interopRequireDefault(require("../public/assets/leave-meeting.png"));
-var _widgetProvider = require("./providers/widget-provider");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("fcr-core/lib/utilities/logger");
 var _logger2 = require("./utilities/logger");
-var _screenShareData = require("./shared-data-source/screen-share-data");
-var _store = _interopRequireDefault(require("./modules/setting/store"));
+var _objectManager = require("./object-manager");
 var _env = require("agora-foundation/lib/utilities/env");
-var _confirmData = require("./shared-data-source/confirm-data");
-var _interpreter = require("./shared-data-source/interpreter");
 var _FcrUIDefaultScene;
 var _initProto;
 function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
@@ -87,20 +82,9 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   function FcrUIDefaultScene(_ref) {
     var _this = this;
-    var config = _ref.config,
-      creatorConfig = _ref.creatorConfig,
-      dom = _ref.dom,
-      registeredWidgetConfigs = _ref.registeredWidgetConfigs,
-      engine = _ref.engine,
-      eventProvider = _ref.eventProvider,
-      monitorProvider = _ref.monitorProvider,
-      deviceProvider = _ref.deviceProvider,
-      messageProvider = _ref.messageProvider,
-      dialogProvider = _ref.dialogProvider,
-      localStorageProvider = _ref.localStorageProvider,
-      sharedConfigDataSource = _ref.sharedConfigDataSource,
-      sharedSettingDataSource = _ref.sharedSettingDataSource,
-      sharedLayoutDataSource = _ref.sharedLayoutDataSource;
+    var registeredWidgetConfigs = _ref.registeredWidgetConfigs,
+      objectManager = _ref.objectManager,
+      providerInitializer = _ref.providerInitializer;
     (0, _classCallCheck2["default"])(this, FcrUIDefaultScene);
     // @internal
     (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger2.createLogger)({
@@ -108,51 +92,63 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     })));
     // @internal
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
+    //@internal
+    (0, _defineProperty2["default"])(this, "_disposers", []);
+    //@internal
+    (0, _defineProperty2["default"])(this, "_uiManager", null);
     // @internal
     (0, _defineProperty2["default"])(this, "_isLaunched", false);
     // @internal
-    (0, _defineProperty2["default"])(this, "_dialogObserver", {
-      onOpenSettingDialog: function onOpenSettingDialog() {
-        _this._observable.notifyObservers('onOpenSettingDialog');
-      }
-    });
+    (0, _defineProperty2["default"])(this, "_isReleased", false);
+    // @internal
+    (0, _defineProperty2["default"])(this, "_currentScene", null);
+    // @internal
+    (0, _defineProperty2["default"])(this, "_dom", null);
+    // @internal
     (0, _defineProperty2["default"])(this, "_joinSuccess", false);
     (0, _defineProperty2["default"])(this, "_joinAbortController", null);
-    (0, _defineProperty2["default"])(this, "_handleBeforeUnload", function () {
-      (0, _renderer.setInMeetingState)(0);
-      (0, _renderer.releaseSubAllWindowRefs)();
+    (0, _defineProperty2["default"])(this, "_widgetObserver", {
+      onWidgetClicked: function onWidgetClicked(widgetId) {
+        _this._observable.notifyObservers('onWidgetClicked', widgetId);
+      }
     });
-    this._config = config;
-    this._creatorConfig = creatorConfig;
-    this._dom = dom;
-    this._registeredWidgetConfigs = registeredWidgetConfigs;
-    this._engine = engine;
-    this._eventProvider = eventProvider;
-    this._monitorProvider = monitorProvider;
-    this._deviceProvider = deviceProvider;
-    this._messageProvider = messageProvider;
-    this._dialogProvider = dialogProvider;
-    this._localStorageProvider = localStorageProvider;
-    this._sharedConfigDataSource = sharedConfigDataSource;
-    this._sharedSettingDataSource = sharedSettingDataSource;
-    this._sharedLayoutDataSource = sharedLayoutDataSource;
+    this._objectManager = objectManager;
+    this._providerInitializer = providerInitializer;
+    var sharedConfigDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
+    var sharedWidgetDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_WIDGET_DATA_SOURCE);
+    sharedWidgetDataSource.setRegisteredWidgetConfigs(registeredWidgetConfigs);
+    this._config = sharedConfigDataSource.sceneConfig;
+    this._creatorConfig = sharedConfigDataSource.creatorConfig;
     this._observable.addObserver({
-      onLaunchSuccess: function onLaunchSuccess() {
-        (0, _renderer.setInMeetingState)(1);
-      },
       onLaunchFailure: function onLaunchFailure() {
         _this._release();
       },
       onExited: function onExited() {
+        _this._resetPreventClose();
         _this._release();
       }
     });
     var language = (0, _i18n.getLanguage)();
     (0, _tools.setLanguage)(language);
-    window.addEventListener('beforeunload', this._handleBeforeUnload);
     this._addLogObserver();
   }
   return (0, _createClass2["default"])(FcrUIDefaultScene, [{
+    key: "uiManager",
+    get: function get() {
+      if (this._uiManager) {
+        return this._uiManager;
+      }
+      throw new Error('UIManager is not initialized');
+    }
+  }, {
+    key: "_resetPreventClose",
+    value: function _resetPreventClose() {
+      if ((0, _env.isElectron)()) {
+        var windowProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+        windowProvider.getCurrentWindow().setPreventClose(false);
+      }
+    }
+  }, {
     key: "exit",
     value: function exit() {
       if (this._joinAbortController) {
@@ -160,7 +156,6 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         this._joinAbortController = null;
       }
       this._observable.notifyObservers('onExited', this._config.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
-      this._release();
     }
   }, {
     key: "addObserver",
@@ -174,50 +169,27 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     }
   }, {
     key: "launch",
-    value: function launch() {
+    value: function launch(dom) {
       var _this2 = this;
       if (this._isLaunched) {
         this.logger.error('Scene UI has been launched, cannot launch again');
         return;
       }
       this._isLaunched = true;
-      if (!this._dom) {
+      if (!dom) {
         this.logger.error('Scene UI cannot be rendered as dom is not exist');
         return;
       }
-      var engine = this._engine;
-      this._uiManager = new _uiManager.FcrUIManager(this._config, engine, this._dom, this._creatorConfig.parameters);
-      var connectionProvider = new _roomProvider.FcrUIConnectionProviderImpl(engine);
-      this._sharedDevicePrivilegeDataSource = new _devicePrivilegeData.FcrUISharedDevicePrivilegeDataSourceImpl();
-      this._roomProvider = new _roomProvider.FcrUIRoomProviderImpl(this._eventProvider, this._config, engine, this._messageProvider);
-      this._sharedSpeakerSpotlightDataSource = new _speakerSpotlight.FcrUISharedSpeakerSpotlightDataSourceImpl();
-      this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource);
-      this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(this._eventProvider, this._sharedVideoWindowDataSource);
-      this._widgetProvider = new _widgetProvider.FcrUIWidgetProviderImpl({
-        registeredWidgetConfigs: this._registeredWidgetConfigs,
-        roomProvider: this._roomProvider,
-        dialogProvider: this._dialogProvider
-      });
-      this._sharedScreenShareDataSource = new _screenShareData.FcrUIScreenShareSharedDataSourceImpl(connectionProvider, this._deviceProvider);
-      this._sharedConfirmDataSource = new _confirmData.FcrUISharedConfirmDataSourceImpl();
-      var eventProvider = this._eventProvider;
-      var deviceProvider = this._deviceProvider;
-      var roomProvider = this._roomProvider;
-      var dialogProvider = this._dialogProvider;
-      var messageProvider = this._messageProvider;
-      var sharedConfigDataSource = this._sharedConfigDataSource;
-      var sharedSettingDataSource = this._sharedSettingDataSource;
-      var sharedLayoutDataSource = this._sharedLayoutDataSource;
-      var sharedSpeakerSpotlightDataSource = this._sharedSpeakerSpotlightDataSource;
-      var sharedPinDataSource = this._sharedPinDataSource;
-      var sharedVideoWindowDataSource = this._sharedVideoWindowDataSource;
-      var sharedDevicePrivilegeDataSource = this._sharedDevicePrivilegeDataSource;
-      var widgetProvider = this._widgetProvider;
-      var sharedScreenShareDataSource = this._sharedScreenShareDataSource;
-      var sharedConfirmDataSource = this._sharedConfirmDataSource;
+      this._dom = dom;
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      var deviceProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+      var eventProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+      var messageProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+      this._uiManager = new _uiManager.FcrUIManager(this._config, this._dom, this._creatorConfig.parameters);
+      var roomProvider = new _roomProvider.FcrUIRoomProviderImpl(eventProvider, this._config, engine, messageProvider);
+      this._objectManager.setObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER, roomProvider);
       var uiManager = this._uiManager;
-      var monitorProvider = this._monitorProvider;
-      this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, monitorProvider);
+      this._addObservers(uiManager);
 
       // start render UI
 
@@ -248,26 +220,30 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     value: function _removeLocalMeetingTimeKey() {
       var roomId = this._config.roomId;
       var localMeetingTimeKey = "enter-room-".concat(roomId);
-      if (this._localStorageProvider) {
-        this._localStorageProvider.remove(localMeetingTimeKey);
-      }
+      var localStorageProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_LOCAL_STORAGE_PROVIDER);
+      localStorageProvider.remove(localMeetingTimeKey);
     }
   }, {
     key: "_setLocalMeetingTimeKey",
     value: function _setLocalMeetingTimeKey() {
       var roomId = this._config.roomId;
       var localMeetingTimeKey = "enter-room-".concat(roomId);
-      if (this._localStorageProvider && !this._localStorageProvider.read(localMeetingTimeKey)) {
-        this._localStorageProvider.write(localMeetingTimeKey, Number(new Date()));
+      var localStorageProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_LOCAL_STORAGE_PROVIDER);
+      if (!localStorageProvider.read(localMeetingTimeKey)) {
+        localStorageProvider.write(localMeetingTimeKey, Number(new Date()));
       }
     }
   }, {
     key: "_addObservers",
-    value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource, sharedConfirmDataSource, monitorProvider) {
+    value: function _addObservers(uiManager) {
       var _this3 = this;
       var observable = this._observable;
       var sceneConfig = this._config;
-      roomProvider.addObserver({
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      var roomProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+      var dialogProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+      var eventProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+      var roomObserver = {
         onLeaveMainRoom: function onLeaveMainRoom() {
           // 立即释放资源
           _this3._releaseCurrentScene();
@@ -280,13 +256,14 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           uiManager.renderLoading(true);
         },
         onLocalUserKickedOut: function onLocalUserKickedOut() {
-          _this3._dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, 'end-meeting', {
+          uiManager.renderMeetingEnded(true);
+          dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, {
             title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
-            desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
+            desc: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_kick_info'),
             imgSrc: _leaveMeeting["default"],
             btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
             onConfirm: function onConfirm() {
-              _this3._dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
+              dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
               observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
             }
           });
@@ -295,13 +272,14 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           if (roomProvider.isSelfEndMeeting) {
             observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
           } else {
-            _this3._dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, 'end-meeting', {
+            uiManager.renderMeetingEnded(true);
+            dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, {
               title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
               desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
               imgSrc: _leaveMeeting["default"],
               btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
               onConfirm: function onConfirm() {
-                _this3._dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
+                dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
                 observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
               }
             });
@@ -312,17 +290,14 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         },
         onRoutingChanged: function onRoutingChanged(roomControl) {
           uiManager.renderLoading(false);
-          _this3._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(sharedSettingDataSource);
-          _this3._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(eventProvider, _this3._sharedVideoWindowDataSource);
-          var sharedPinDataSource = _this3._sharedPinDataSource;
-          var sharedVideoWindowDataSource = _this3._sharedVideoWindowDataSource;
-          _this3._renderSceneUI(roomControl, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource, sharedConfirmDataSource, monitorProvider);
+          _this3._renderSceneUI(roomControl, uiManager);
         }
-      });
-      engine.addObserver({
+      };
+      roomProvider.addObserver(roomObserver);
+      var engineObserver = {
         onConnectionStateUpdated: function onConnectionStateUpdated(state) {
           if (state === _fcrCore.FcrConnectionState.ABORTED) {
-            dialogProvider.openConfirmDialog({
+            var dialogId = dialogProvider.openConfirmDialog({
               title: (0, _i18n.transI18n)('fmt_meetingroom_status_abnormal'),
               content: (0, _i18n.transI18n)('fmt_meetingroom_tips_disconnected'),
               showCancel: false,
@@ -332,12 +307,10 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
               alignCenter: true,
               closable: false,
               onOk: function onOk() {
+                dialogProvider.closeConfirmDialog(dialogId);
                 observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
               }
             });
-            if ((0, _env.isElectron)() && !window.runtime.browserWindow.isVisible()) {
-              window.runtime.browserWindow.show();
-            }
           }
           if (state === _fcrCore.FcrConnectionState.CONNECTED && _this3._joinSuccess) {
             uiManager.renderLoading(false);
@@ -350,22 +323,28 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         onUserTokenWillExpire: function onUserTokenWillExpire() {
           _this3._observable.notifyObservers('onUserTokenWillExpire');
         }
+      };
+      engine.addObserver(engineObserver);
+      this._disposers.push(function () {
+        roomProvider.removeObserver(roomObserver);
+        engine.removeObserver(engineObserver);
       });
-      // deviceProvider.loadUiResources(getNormalDownloadResources(this._creatorConfig.resource));
-
-      widgetProvider.addObserver({
-        onWidgetClicked: function onWidgetClicked(widgetId) {
-          _this3._observable.notifyObservers('onWidgetClicked', widgetId);
-        }
+    }
+  }, {
+    key: "_addWidgetObserver",
+    value: function _addWidgetObserver() {
+      var _this4 = this;
+      var widgetProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WIDGET_PROVIDER);
+      widgetProvider.addObserver(this._widgetObserver);
+      this._disposers.push(function () {
+        widgetProvider.removeObserver(_this4._widgetObserver);
       });
     }
   }, {
     key: "_joinRoom",
     value: function () {
-      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl
-      // joinRoomCallback: () => void,
-      ) {
-        var _this4 = this;
+      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl) {
+        var _this5 = this;
         var abortController, p;
         return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -374,7 +353,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
               this._joinAbortController = abortController;
               p = new Promise(/*#__PURE__*/function () {
                 var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(resolve, reject) {
-                  var onAbort, response, _t;
+                  var onAbort, _t;
                   return _regenerator["default"].wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -397,21 +376,19 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                         _context.next = 4;
                         return roomControl.handleJoinRoom();
                       case 4:
-                        response = _context.sent;
                         if (!abortController.signal.aborted) {
                           _context.next = 5;
                           break;
                         }
                         throw new Error('join aborted');
                       case 5:
-                        if (_this4._isLaunched) {
+                        if (_this5._isLaunched) {
                           _context.next = 6;
                           break;
                         }
                         return _context.abrupt("return", reject());
                       case 6:
-                        _this4._joinSuccess = true;
-                        // joinRoomCallback();
+                        _this5._joinSuccess = true;
                         return _context.abrupt("return", resolve());
                       case 7:
                         _context.prev = 7;
@@ -420,7 +397,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                       case 8:
                         _context.prev = 8;
                         abortController.signal.removeEventListener('abort', onAbort);
-                        _this4._joinAbortController = null;
+                        _this5._joinAbortController = null;
                         return _context.finish(8);
                       case 9:
                       case "end":
@@ -433,15 +410,15 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                 };
               }());
               p.then(function () {
-                if (!_this4._isLaunched) return;
-                _this4._observable.notifyObservers('onLaunchSuccess', _this4._config.roomId);
+                if (!_this5._isLaunched) return;
+                _this5._observable.notifyObservers('onLaunchSuccess', _this5._config.roomId);
               })["catch"](function (e) {
-                if (!_this4._isLaunched) return;
+                if (!_this5._isLaunched) return;
                 if ((e === null || e === void 0 ? void 0 : e.message) === 'join aborted') {
-                  _this4.logger.info('join aborted');
+                  _this5.logger.info('join aborted');
                   return;
                 }
-                _this4._observable.notifyObservers('onLaunchFailure', _this4._config.roomId, e);
+                _this5._observable.notifyObservers('onLaunchFailure', _this5._config.roomId, e);
               });
               return _context2.abrupt("return", p);
             case 1:
@@ -458,9 +435,9 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_renderSceneUI",
     value: function () {
-      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomControl, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, monitorProvider) {
+      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomControl, uiManager) {
         var _roomControl$getRoomI;
-        var type, mainRoomControl, userControl, sharedInterpreterDataSource, mainScene, waitingScene;
+        var type, mainScene, waitingScene;
         return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -472,30 +449,27 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                   uiManager.renderPullingUi(roomControl);
                 } else {
                   this._setLocalMeetingTimeKey();
-                  mainRoomControl = roomProvider.currentRoomControl;
-                  userControl = mainRoomControl.getUserControl();
-                  this._sharedInterpreterDataSource = new _interpreter.FcrUISharedInterpreterDataSourceImpl(mainRoomControl.getInterpreterControl(), userControl);
-                  sharedInterpreterDataSource = this._sharedInterpreterDataSource;
-                  this._initSettingStore({
-                    roomProvider: roomProvider,
-                    eventProvider: eventProvider,
-                    deviceProvider: deviceProvider,
-                    sharedConfigDataSource: sharedConfigDataSource,
-                    sharedLayoutDataSource: sharedLayoutDataSource,
-                    messageProvider: messageProvider,
-                    sharedSettingDataSource: sharedSettingDataSource,
-                    dialogProvider: dialogProvider,
-                    monitorProvider: monitorProvider,
-                    sharedInterpreterDataSource: sharedInterpreterDataSource
-                  });
-                  mainScene = this._createMainScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedInterpreterDataSource);
+                  mainScene = this._createMainScene();
+                  this._providerInitializer.onMainSceneInitialize();
+                  this._addWidgetObserver();
                   mainScene.nodeWillActive();
                   uiManager.mountScene(mainScene);
+                  this._observable.notifyObservers('onSceneMounted');
+                  mainScene.sendBroadcastEvent({
+                    type: _type.FcrUIGlobalNodeEventType.SCENE_MOUNTED,
+                    data: null
+                  });
                 }
               } else {
-                waitingScene = this._createWaitingScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedVideoWindowDataSource);
+                waitingScene = this._createWaitingScene();
+                this._providerInitializer.onWaitingSceneInitialize();
                 waitingScene.nodeWillActive();
                 uiManager.mountScene(waitingScene);
+                this._observable.notifyObservers('onSceneMounted');
+                waitingScene.sendBroadcastEvent({
+                  type: _type.FcrUIGlobalNodeEventType.SCENE_MOUNTED,
+                  data: null
+                });
               }
             case 1:
             case "end":
@@ -503,7 +477,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function _renderSceneUI(_x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19, _x20) {
+      function _renderSceneUI(_x5, _x6) {
         return _renderSceneUI2.apply(this, arguments);
       }
       return _renderSceneUI;
@@ -511,61 +485,38 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_release",
     value: function _release() {
-      var _this$_engine, _this$_roomProvider, _this$_uiManager;
+      if (this._isReleased) return;
+      this._isReleased = true;
+      this._disposers.forEach(function (dispose) {
+        return dispose();
+      });
+      this._disposers = [];
       this._removeLocalMeetingTimeKey();
       this._releaseCurrentScene();
-      (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.logout();
-      (_this$_roomProvider = this._roomProvider) === null || _this$_roomProvider === void 0 || _this$_roomProvider.release();
-      (_this$_uiManager = this._uiManager) === null || _this$_uiManager === void 0 || _this$_uiManager.release();
-      this._uiManager = undefined;
-      (0, _renderer.setInMeetingState)(0);
-      (0, _renderer.releaseSubAllWindowRefs)();
-      window.removeEventListener('beforeunload', this._handleBeforeUnload);
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      engine.logout();
+      this._objectManager.deleteObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+      if (this._uiManager) {
+        this._uiManager.release();
+        this._uiManager = null;
+      }
+      this._dom = null;
       this._isLaunched = false;
     }
   }, {
     key: "_createMainScene",
-    value: function _createMainScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedInterpreterDataSource) {
+    value: function _createMainScene() {
       var mainScene = new _mainScene.FcrMainUIScene({
-        engine: this._engine,
-        eventProvider: eventProvider,
-        sharedConfigDataSource: sharedConfigDataSource,
-        deviceProvider: deviceProvider,
-        roomProvider: roomProvider,
-        sharedSettingDataSource: sharedSettingDataSource,
-        sharedLayoutDataSource: sharedLayoutDataSource,
-        sharedSpeakerSpotlightDataSource: sharedSpeakerSpotlightDataSource,
-        sharedPinDataSource: sharedPinDataSource,
-        dialogProvider: dialogProvider,
-        messageProvider: messageProvider,
-        sharedVideoWindowDataSource: sharedVideoWindowDataSource,
-        sharedDevicePrivilegeDataSource: sharedDevicePrivilegeDataSource,
-        widgetProvider: widgetProvider,
-        sharedScreenShareSharedDataSource: sharedScreenShareDataSource,
-        sharedConfirmDataSource: sharedConfirmDataSource,
-        sharedInterpreterDataSource: sharedInterpreterDataSource
+        objectManager: this._objectManager
       });
       this._currentScene = mainScene;
       return mainScene;
     }
   }, {
     key: "_createWaitingScene",
-    value: function _createWaitingScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedVideoWindowDataSource) {
+    value: function _createWaitingScene() {
       var waitingScene = new _waitingScene.FcrWaitingUIScene({
-        engine: this._engine,
-        eventProvider: eventProvider,
-        sharedConfigDataSource: sharedConfigDataSource,
-        deviceProvider: deviceProvider,
-        roomProvider: roomProvider,
-        dialogProvider: dialogProvider,
-        messageProvider: messageProvider,
-        sharedLayoutDataSource: sharedLayoutDataSource,
-        sharedSettingDataSource: sharedSettingDataSource,
-        sharedDevicePrivilegeDataSource: sharedDevicePrivilegeDataSource,
-        widgetProvider: widgetProvider,
-        sharedScreenShareSharedDataSource: sharedScreenShareDataSource,
-        sharedConfirmDataSource: sharedConfirmDataSource,
-        sharedVideoWindowDataSource: sharedVideoWindowDataSource
+        objectManager: this._objectManager
       });
       this._currentScene = waitingScene;
       return waitingScene;
@@ -574,41 +525,24 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     key: "_releaseCurrentScene",
     value: function _releaseCurrentScene() {
       if (this._currentScene) {
+        if (this.uiManager.isSceneMounted) {
+          this.uiManager.unmountCurrentScene();
+          this._currentScene.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.SCENE_UNMOUNTED,
+            data: null
+          });
+          this._observable.notifyObservers('onSceneUnmounted');
+        }
         this._currentScene.nodeWillInactive();
-        this._currentScene = undefined;
+        if (this._currentScene instanceof _mainScene.FcrMainUIScene) {
+          this._providerInitializer.onMainSceneRelease();
+        }
+        if (this._currentScene instanceof _waitingScene.FcrWaitingUIScene) {
+          this._providerInitializer.onWaitingSceneRelease();
+        }
+        this._currentScene = null;
       }
     }
-  }, {
-    key: "_initSettingStore",
-    value: function _initSettingStore(_ref3) {
-      var roomProvider = _ref3.roomProvider,
-        eventProvider = _ref3.eventProvider,
-        deviceProvider = _ref3.deviceProvider,
-        sharedConfigDataSource = _ref3.sharedConfigDataSource,
-        sharedLayoutDataSource = _ref3.sharedLayoutDataSource,
-        messageProvider = _ref3.messageProvider,
-        sharedSettingDataSource = _ref3.sharedSettingDataSource,
-        dialogProvider = _ref3.dialogProvider,
-        monitorProvider = _ref3.monitorProvider,
-        sharedInterpreterDataSource = _ref3.sharedInterpreterDataSource;
-      this.logger.debug('init SettingStore');
-      var settingStore = new _store["default"]({
-        eventProvider: eventProvider,
-        monitorProvider: monitorProvider,
-        deviceProvider: deviceProvider,
-        roomProvider: roomProvider,
-        sharedConfigDataSource: sharedConfigDataSource,
-        sharedLayoutDataSource: sharedLayoutDataSource,
-        messageProvider: messageProvider,
-        sharedSettingDataSource: sharedSettingDataSource,
-        dialogProvider: dialogProvider,
-        sharedInterpreterDataSource: sharedInterpreterDataSource
-      });
-      settingStore.startMeeting();
-      this._dialogProvider.removeObserver(this._dialogObserver);
-      this._dialogProvider.addObserver(this._dialogObserver);
-      this._observable.notifyObservers('onSettingStore', settingStore);
-    }
   }, {
     key: "_addLogObserver",
     value: function _addLogObserver() {
@@ -617,7 +551,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }]);
 }();
 _FcrUIDefaultScene = FcrUIDefaultScene;
-var _applyDecs$e = _applyDecs(_FcrUIDefaultScene, [[_decorator.trace, 2, "exit"], [_decorator.trace, 2, "launch"]], []).e;
+var _applyDecs$e = _applyDecs(_FcrUIDefaultScene, [[_decorator.trace, 2, "_resetPreventClose"], [_decorator.trace, 2, "exit"], [_decorator.trace, 2, "launch"], [_decorator.trace, 2, "_release"]], []).e;
 var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
 _initProto = _applyDecs$e2[0];
 _applyDecs$e;