fcr-ui-scene 3.6.4-rc.1 → 3.7.0

package/lib/ui-scene.js

@@ -7,6 +7,7 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.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");
@@ -39,16 +40,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrUIDefaultScene = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-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"));
@@ -60,37 +56,27 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("./type");
 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 _dialog = require("agora-ui-foundation/lib/components/dialog");
-var _comfirmDialog = require("agora-ui-foundation/lib/components/comfirm-dialog");
 var _type2 = require("fcr-core/lib/room-control/type");
 var _roomProvider = require("./providers/room-provider");
 var _constant = require("./utilities/constant");
-var _eventProvider = require("./providers/event-provider");
-var _config2 = require("./shared-data-source/config");
-var _deviceProvider = require("./providers/device-provider");
-var _setting = require("./shared-data-source/setting");
-var _layoutData = require("./shared-data-source/layout-data");
 var _speakerSpotlight = require("./shared-data-source/speaker-spotlight");
 var _pinData = require("./shared-data-source/pin-data");
-var _dialogProvider = require("./providers/dialog-provider");
-var _messageProvider = require("./providers/message-provider");
 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 _localStorageProvider = require("./providers/local-storage-provider");
 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 _monitorProvider = require("./providers/monitor-provider");
-var _uiResources = require("./utilities/ui-resources");
-var _userSettingStorageProvider = require("./providers/user-setting-storage-provider");
 var _env = require("agora-foundation/lib/utilities/env");
-var _jsxRuntime = require("react/jsx-runtime");
+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)]; } }; }
@@ -99,8 +85,22 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
-  function FcrUIDefaultScene(_config, _creatorConfig, _dom, _settingConfig, _registeredWidgetConfigs, _engine) {
+  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;
     (0, _classCallCheck2["default"])(this, FcrUIDefaultScene);
     // @internal
     (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger2.createLogger)({
@@ -109,19 +109,26 @@ 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, "_isLaunched", false);
+    (0, _defineProperty2["default"])(this, "_joinSuccess", false);
     (0, _defineProperty2["default"])(this, "_handleBeforeUnload", function () {
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
     });
-    this._config = _config;
-    this._creatorConfig = _creatorConfig;
-    this._dom = _dom;
-    this._settingConfig = _settingConfig;
-    this._registeredWidgetConfigs = _registeredWidgetConfigs;
-    this._engine = _engine;
+    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._observable.addObserver({
       onLaunchSuccess: function onLaunchSuccess() {
         (0, _renderer.setInMeetingState)(1);
@@ -133,8 +140,6 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         _this._release();
       }
     });
-    this._localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
-    this._userSettingStorageProvider = new _userSettingStorageProvider.FcrUIUserSettingStorageProviderImpl();
     var language = (0, _i18n.getLanguage)();
     (0, _tools.setLanguage)(language);
     window.addEventListener('beforeunload', this._handleBeforeUnload);
@@ -171,20 +176,9 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       }
       var engine = this._engine;
       this._uiManager = new _uiManager.FcrUIManager(this._config, engine, this._dom, this._creatorConfig.parameters);
-      this._eventProvider = new _eventProvider.FcrUIEventProviderImpl();
-      this._messageProvider = new _messageProvider.FcrUIMessageProviderImpl();
-      this._dialogProvider = new _dialogProvider.FcrUIDialogProviderImpl();
       var connectionProvider = new _roomProvider.FcrUIConnectionProviderImpl(engine);
       this._sharedDevicePrivilegeDataSource = new _devicePrivilegeData.FcrUISharedDevicePrivilegeDataSourceImpl();
-      this._deviceProvider = new _deviceProvider.FcrUIDeviceProviderImpl(this._eventProvider, engine.getDesktopMediaControl(), this._settingConfig.media, this._userSettingStorageProvider);
       this._roomProvider = new _roomProvider.FcrUIRoomProviderImpl(this._eventProvider, this._config, engine, this._messageProvider);
-      this._sharedConfigDataSource = new _config2.FcrUISharedConfigDataSourceImpl({
-        creatorConfig: this._creatorConfig,
-        sceneConfig: this._config,
-        settingConfig: this._settingConfig
-      });
-      this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._creatorConfig, this._userSettingStorageProvider);
-      this._sharedLayoutDataSource = new _layoutData.FcrUISharedLayoutDataSourceImpl(this._sharedConfigDataSource);
       this._sharedSpeakerSpotlightDataSource = new _speakerSpotlight.FcrUISharedSpeakerSpotlightDataSourceImpl();
       this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource);
       this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(this._eventProvider, this._sharedVideoWindowDataSource);
@@ -194,15 +188,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         dialogProvider: this._dialogProvider
       });
       this._sharedScreenShareDataSource = new _screenShareData.FcrUIScreenShareSharedDataSourceImpl(connectionProvider, this._deviceProvider);
-      var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._creatorConfig.parameters);
-      var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._creatorConfig.parameters);
-      if (openDefaultCamera) {
-        this._settingConfig.media.cameraExpectedOff = false;
-      }
-      if (openDefaultMicrophone) {
-        this._settingConfig.media.autoConnectAudio = true;
-        this._settingConfig.media.microphoneExpectedOff = false;
-      }
+      this._sharedConfirmDataSource = new _confirmData.FcrUISharedConfirmDataSourceImpl();
       var eventProvider = this._eventProvider;
       var deviceProvider = this._deviceProvider;
       var roomProvider = this._roomProvider;
@@ -217,29 +203,17 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       var sharedDevicePrivilegeDataSource = this._sharedDevicePrivilegeDataSource;
       var widgetProvider = this._widgetProvider;
       var sharedScreenShareDataSource = this._sharedScreenShareDataSource;
+      var sharedConfirmDataSource = this._sharedConfirmDataSource;
       var uiManager = this._uiManager;
-      var dom = this._dom;
-      this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource);
+      var monitorProvider = this._monitorProvider;
+      this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, monitorProvider);
 
       // start render UI
 
       // const skipPretest = isSkipPretest(config.parameters);
       var skipPretest = true;
       var renderSceneUI = function renderSceneUI(response) {
-        _this2._renderSceneUI(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource);
-      };
-      var joinRoomCallback = function joinRoomCallback() {
-        _this2._initSettingStore({
-          engine: engine,
-          roomProvider: roomProvider,
-          eventProvider: eventProvider,
-          deviceProvider: deviceProvider,
-          sharedConfigDataSource: sharedConfigDataSource,
-          sharedLayoutDataSource: sharedLayoutDataSource,
-          messageProvider: messageProvider,
-          sharedSettingDataSource: sharedSettingDataSource,
-          dialogProvider: dialogProvider
-        });
+        _this2._renderSceneUI(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, monitorProvider);
       };
       if (!skipPretest) {
         var joining = false;
@@ -248,7 +222,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         function () {
           if (joining) return;
           joining = true;
-          _this2._joinRoom(engine, roomProvider, deviceProvider, joinRoomCallback)["finally"](function () {
+          _this2._joinRoom(engine, roomProvider)["finally"](function () {
             joining = false;
           });
         },
@@ -257,7 +231,8 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           _this2._observable.notifyObservers('onLaunchCancel', _this2._config.roomId);
         });
       } else {
-        this._joinRoom(engine, roomProvider, deviceProvider, joinRoomCallback);
+        uiManager.renderLoading(true);
+        this._joinRoom(engine, roomProvider);
       }
     }
   }, {
@@ -280,74 +255,46 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     }
   }, {
     key: "_addObservers",
-    value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource) {
+    value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource, sharedConfirmDataSource, monitorProvider) {
       var _this3 = this;
       var observable = this._observable;
       var sceneConfig = this._config;
       roomProvider.addObserver({
         onLeaveMainRoom: function onLeaveMainRoom() {
-          _this3._disposeRoomControl();
+          // 立即释放资源
+          _this3._releaseCurrentScene();
           _this3._removeLocalMeetingTimeKey();
           uiManager.renderLoading(true);
         },
         onLeaveWaitingRoom: function onLeaveWaitingRoom() {
-          _this3._disposeRoomControl();
+          // 立即释放资源
+          _this3._releaseCurrentScene();
           uiManager.renderLoading(true);
         },
         onLocalUserKickedOut: function onLocalUserKickedOut() {
-          _dialog.FcrDialogApi.open({
-            id: 'login-confirm-dialog-kick-out',
-            dialogProps: {
-              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_comfirmDialog.LoginConfirmDialog, {
-                title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
-                desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
-                id: "login-confirm-dialog-kick-out",
-                imgSrc: _leaveMeeting["default"],
-                showImg: true,
-                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
-                onConfirm: function onConfirm() {
-                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
-                }
-              }),
-              width: 320,
-              closable: false,
-              rootClassName: 'login-confirm-dialog',
-              maskClosable: false
+          _this3._dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, 'end-meeting', {
+            title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
+            desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
+            imgSrc: _leaveMeeting["default"],
+            btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+            onConfirm: function onConfirm() {
+              _this3._dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
+              observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
             }
           });
         },
-        onJoinWaitingRoom: function onJoinWaitingRoom(roomControl, isWaitingRoomManaager) {
-          if (_this3._dom && !isWaitingRoomManaager) {
-            var _this3$_messageProvid;
-            _this3._disposers.push(uiManager.renderWaitingSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource));
-            (_this3$_messageProvid = _this3._messageProvider) === null || _this3$_messageProvid === void 0 || _this3$_messageProvid.showToast({
-              message: (0, _i18n.transI18n)('fmt_waitingroom_attendie_overview_label_move_in_by_host'),
-              type: 'error'
-            });
-          }
-        },
         onRoomClosed: function onRoomClosed() {
           if (roomProvider.isSelfEndMeeting) {
             observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
           } else {
-            _dialog.FcrDialogApi.open({
-              id: 'login-confirm-dialog-kick-out',
-              dialogProps: {
-                content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_comfirmDialog.LoginConfirmDialog, {
-                  title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
-                  desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
-                  id: "login-confirm-dialog-kick-out",
-                  imgSrc: _leaveMeeting["default"],
-                  showImg: true,
-                  btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
-                  onConfirm: function onConfirm() {
-                    observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
-                  }
-                }),
-                width: 320,
-                closable: false,
-                rootClassName: 'login-confirm-dialog',
-                maskClosable: false
+            _this3._dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, '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);
+                observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
               }
             });
           }
@@ -361,7 +308,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           _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);
+          _this3._renderSceneUI(roomControl, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareSharedDataSource, sharedConfirmDataSource, monitorProvider);
         }
       });
       engine.addObserver({
@@ -384,7 +331,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
               window.runtime.browserWindow.show();
             }
           }
-          if (state === _fcrCore.FcrConnectionState.CONNECTED) {
+          if (state === _fcrCore.FcrConnectionState.CONNECTED && _this3._joinSuccess) {
             uiManager.renderLoading(false);
             eventProvider.sendEvent(_constant.FcrUIAction.ENGINE_RECONNECTED);
           }
@@ -396,27 +343,34 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           _this3._observable.notifyObservers('onUserTokenWillExpire');
         }
       });
-      deviceProvider.loadUiResources((0, _uiResources.getNormalDownloadResources)(this._creatorConfig.resource));
+      // deviceProvider.loadUiResources(getNormalDownloadResources(this._creatorConfig.resource));
+
+      widgetProvider.addObserver({
+        onWidgetClicked: function onWidgetClicked(widgetId) {
+          _this3._observable.notifyObservers('onWidgetClicked', widgetId);
+        }
+      });
     }
   }, {
     key: "_joinRoom",
     value: function () {
-      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl, deviceProvider, joinRoomCallback) {
+      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl
+      // joinRoomCallback: () => void,
+      ) {
         var _this4 = this;
         var p;
         return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               p = engine.login().then(function () {
-                return deviceProvider.init();
-              }).then(function () {
                 return roomControl.handleJoinRoom();
               }).then(/*#__PURE__*/function () {
-                var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response) {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response) {
                   return _regenerator["default"].wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        joinRoomCallback();
+                        // joinRoomCallback();
+                        _this4._joinSuccess = true;
                         return _context.abrupt("return", response);
                       case 1:
                       case "end":
@@ -424,8 +378,8 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                     }
                   }, _callee);
                 }));
-                return function (_x5) {
-                  return _ref.apply(this, arguments);
+                return function (_x3) {
+                  return _ref2.apply(this, arguments);
                 };
               }());
               p.then(function () {
@@ -440,7 +394,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           }
         }, _callee2);
       }));
-      function _joinRoom(_x, _x2, _x3, _x4) {
+      function _joinRoom(_x, _x2) {
         return _joinRoom2.apply(this, arguments);
       }
       return _joinRoom;
@@ -448,9 +402,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) {
+      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 _roomControl$getRoomI;
-        var type;
+        var type, mainRoomControl, userControl, sharedInterpreterDataSource, mainScene, waitingScene;
         return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -458,13 +412,34 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
               if (type === _type2.FcrRoomType.Mainroom) {
                 if ((0, _parameters.isRobotPullingMode)(this._creatorConfig.parameters)) {
                   this.logger.info('Offscreen pulling mode enabled');
-                  this._disposers.push(uiManager.renderPullingUi(roomControl));
+                  // 处理 pulling 模式
+                  uiManager.renderPullingUi(roomControl);
                 } else {
                   this._setLocalMeetingTimeKey();
-                  this._disposers.push(uiManager.renderMainSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource));
+                  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.nodeWillActive();
+                  uiManager.mountScene(mainScene);
                 }
               } else {
-                this._disposers.push(uiManager.renderWaitingSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource));
+                waitingScene = this._createWaitingScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedVideoWindowDataSource);
+                waitingScene.nodeWillActive();
+                uiManager.mountScene(waitingScene);
               }
             case 1:
             case "end":
@@ -472,7 +447,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           }
         }, _callee3, this);
       }));
-      function _renderSceneUI(_x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19) {
+      function _renderSceneUI(_x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19) {
         return _renderSceneUI2.apply(this, arguments);
       }
       return _renderSceneUI;
@@ -480,63 +455,99 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_release",
     value: function _release() {
-      var _this$_engine, _this$_eventProvider, _this$_deviceProvider, _this$_roomProvider, _this$_uiManager;
+      var _this$_engine, _this$_roomProvider, _this$_uiManager;
       this._removeLocalMeetingTimeKey();
-      this._disposeRoomControl();
+      this._releaseCurrentScene();
       (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.logout();
-      (_this$_eventProvider = this._eventProvider) === null || _this$_eventProvider === void 0 || _this$_eventProvider.release();
-      (_this$_deviceProvider = this._deviceProvider) === null || _this$_deviceProvider === void 0 || _this$_deviceProvider.release();
       (_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;
-      this._eventProvider = undefined;
-      this._deviceProvider = undefined;
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
       window.removeEventListener('beforeunload', this._handleBeforeUnload);
       this._isLaunched = false;
     }
   }, {
-    key: "_disposeRoomControl",
-    value: function _disposeRoomControl() {
-      this._disposers.forEach(function (dispose) {
-        return dispose();
+    key: "_createMainScene",
+    value: function _createMainScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedInterpreterDataSource) {
+      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
       });
-      this._disposers = [];
+      this._currentScene = mainScene;
+      return mainScene;
+    }
+  }, {
+    key: "_createWaitingScene",
+    value: function _createWaitingScene(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider, sharedScreenShareDataSource, sharedConfirmDataSource, sharedVideoWindowDataSource) {
+      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
+      });
+      this._currentScene = waitingScene;
+      return waitingScene;
+    }
+  }, {
+    key: "_releaseCurrentScene",
+    value: function _releaseCurrentScene() {
+      if (this._currentScene) {
+        this._currentScene.nodeWillInactive();
+        this._currentScene = undefined;
+      }
     }
   }, {
     key: "_initSettingStore",
-    value: function _initSettingStore(_ref2) {
+    value: function _initSettingStore(_ref3) {
       var _this$_dialogProvider,
         _this5 = this;
-      var engine = _ref2.engine,
-        roomProvider = _ref2.roomProvider,
-        eventProvider = _ref2.eventProvider,
-        deviceProvider = _ref2.deviceProvider,
-        sharedConfigDataSource = _ref2.sharedConfigDataSource,
-        sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
-        messageProvider = _ref2.messageProvider,
-        sharedSettingDataSource = _ref2.sharedSettingDataSource,
-        dialogProvider = _ref2.dialogProvider;
-      var monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(engine.getMonitorControl());
-      var mainRoomControl = roomProvider.currentRoomControl;
-      var currentRoomControlProvider = new _roomProvider.FcrUICurrentRoomControlProviderImpl(mainRoomControl);
-      var streamControl = currentRoomControlProvider === null || currentRoomControlProvider === void 0 ? void 0 : currentRoomControlProvider.currentRoomControl.getStreamControl();
+      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;
       var settingStore = new _store["default"]({
-        uiEventStore: eventProvider,
-        monitorControl: monitorProvider,
-        deviceStore: deviceProvider,
-        streamControl: streamControl,
-        roomControl: currentRoomControlProvider.currentRoomControl,
-        config: sharedConfigDataSource === null || sharedConfigDataSource === void 0 ? void 0 : sharedConfigDataSource.sceneConfig,
-        parameters: sharedConfigDataSource === null || sharedConfigDataSource === void 0 ? void 0 : sharedConfigDataSource.creatorConfig.parameters,
+        eventProvider: eventProvider,
+        monitorProvider: monitorProvider,
+        deviceProvider: deviceProvider,
+        roomProvider: roomProvider,
+        sharedConfigDataSource: sharedConfigDataSource,
         sharedLayoutDataSource: sharedLayoutDataSource,
         messageProvider: messageProvider,
         sharedSettingDataSource: sharedSettingDataSource,
         dialogProvider: dialogProvider,
-        settingConfig: sharedConfigDataSource.settingConfig,
-        userId: this._creatorConfig.userId,
-        userSettingStorageProvider: this._userSettingStorageProvider
+        sharedInterpreterDataSource: sharedInterpreterDataSource
       });
       (_this$_dialogProvider = this._dialogProvider) === null || _this$_dialogProvider === void 0 || _this$_dialogProvider.addObserver({
         onOpenSettingDialog: function onOpenSettingDialog() {