fcr-ui-scene 3.3.0 → 3.4.0

package/lib/modules/dialog/store.js

@@ -5,28 +5,21 @@ require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.to-primitive.js");
 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.is-array.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
-require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.function.metadata.js");
-require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.symbol.metadata.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
@@ -66,23 +59,21 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _type = require("agora-edu-core/lib/type");
+var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("agora-foundation/lib/logger");
 var _env = require("agora-foundation/lib/utilities/env");
 var _mobx = require("mobx");
 var _constant = require("../../utilities/constant");
 var _dialogs = require("./dialogs");
-var _rendererEvent = require("../../utilities/renderer-event");
 var _type2 = require("../whiteboard/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _renderer = require("../../utilities/renderer");
 var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
-var _type4 = require("agora-edu-core/lib/room-control/chatroom-control/type");
+var _type4 = require("fcr-core/lib/room-control/chatroom-control/type");
+var _react = require("react");
 var _DialogStore;
-var _initProto, _init_openedDialogs, _init_connectorContainerBounds, _init_payloadDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_chatRoomState, _init_currentDialogBounds, _init_videoWindowBounds, _setVideoWindowBoundsDecs, _setConnecorContainerBoundsDecs, _calculateDialogPositionDecs, _handleDialogEventDecs, _handleConnectionUpdatedDecs, _hanleAllUserCountUpdatedDecs, _ref;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _initProto, _init_openedDialogs, _init_payloadDialogs, _init_confirmDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_chatRoomState, _init_currentDialogBounds, _init_videoWindowBounds, _setVideoWindowBoundsDecs, _setDialogBoundsDecs, _handleDialogEventDecs, _handleConnectionUpdatedDecs, _hanleAllUserCountUpdatedDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -101,17 +92,17 @@ var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
-_ref = (_setVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _setConnecorContainerBoundsDecs = [_mobx.action, _mobx.action.bound], _calculateDialogPositionDecs = [_mobx.action, _mobx.action.bound], _handleDialogEventDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _hanleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_setVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _setDialogBoundsDecs = [_mobx.action, _mobx.action.bound], _handleDialogEventDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _hanleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var DialogStore = exports["default"] = /*#__PURE__*/function () {
   function DialogStore(_ref2) {
     var _this = this;
     var uiEventStore = _ref2.uiEventStore,
       userInfo = _ref2.userInfo,
-      securityStore = _ref2.securityStore,
       userControl = _ref2.userControl,
       chatRoomControl = _ref2.chatRoomControl,
       deviceStore = _ref2.deviceStore,
-      streamControl = _ref2.streamControl;
+      streamControl = _ref2.streamControl,
+      remoteVideoRenderManager = _ref2.remoteVideoRenderManager;
     (0, _classCallCheck2["default"])(this, DialogStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_currentShareId", '');
@@ -127,8 +118,8 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       onTextMessageReceived: function onTextMessageReceived(message) {}
     });
     _classPrivateFieldInitSpec(this, _A, _init_openedDialogs(this, []));
-    _classPrivateFieldInitSpec(this, _B, _init_connectorContainerBounds(this, {}));
-    _classPrivateFieldInitSpec(this, _C, _init_payloadDialogs(this, new Map()));
+    _classPrivateFieldInitSpec(this, _B, _init_payloadDialogs(this, new Map()));
+    _classPrivateFieldInitSpec(this, _C, _init_confirmDialogs(this, new Map()));
     _classPrivateFieldInitSpec(this, _D, _init_userCount(this, 0));
     _classPrivateFieldInitSpec(this, _E, _init_participantElectronDialogContainer(this, null));
     _classPrivateFieldInitSpec(this, _F, _init_chatRoomState(this, _type4.FcrChatRoomConnectionState.Disconnected));
@@ -139,18 +130,19 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       height: 0
     }));
     _classPrivateFieldInitSpec(this, _H, _init_videoWindowBounds(this, {}));
-    uiEventStore.addObserver({
-      onEvent: this._handleDialogEvent.bind(this)
-    });
     this._uiEventStore = uiEventStore;
     this._userInfo = userInfo;
     this._streamControl = streamControl;
     this._userControl = userControl;
-    this._userControl.addObserver(this._userObserver);
+    this._remoteVideoRenderManager = remoteVideoRenderManager;
     this._deviceStore = deviceStore;
     this._chatRoomControl = chatRoomControl;
-    this._chatRoomControl.addObserver(this._chatRoomObserver);
-    this._uiEventStore.addObserver({
+    userControl.addObserver(this._userObserver);
+    uiEventStore.addObserver({
+      onEvent: this._handleDialogEvent.bind(this)
+    });
+    chatRoomControl.addObserver(this._chatRoomObserver);
+    uiEventStore.addObserver({
       onEvent: function onEvent(action, payload) {
         if (action === _constant.UIAction.WHITEBOARD_CHANGED) {
           if (payload.action === _type2.WhiteboardControlbarEvents.LONEYWINDOW) {
@@ -162,6 +154,23 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
         if (action === _constant.UIAction.CLOSE_WHITEBOARD) {
           _this.closeWhiteboardDialog();
         }
+        // 因为窗口可能会移动，因此需要矫正 global toast 的 Bounds
+        if (action === _constant.UIAction.OPEN_DIALOG) {
+          if ([_constant.DialogKey.SHOW_TOAST, _constant.DialogKey.CONFIRM].includes(payload.dialogKey) && (0, _env.isElectron)()) {
+            var toastWindow = _dialogs.dialogWindows.get(_constant.DialogKey.SHOW_TOAST);
+            var confirmWindow = _dialogs.dialogWindows.get(_constant.DialogKey.CONFIRM);
+            var controlbar = _dialogs.dialogWindows.get(_constant.DialogKey.CONTROL_BAR);
+            var nearDispaly = window.runtime.screen.getDisplayNearestPoint((controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds()) || window.runtime.browserWindow.getBounds()).bounds;
+            var bounds = {
+              x: Math.floor(nearDispaly.x),
+              y: Math.floor(nearDispaly.y),
+              width: Math.floor(nearDispaly.width),
+              height: Math.floor(nearDispaly.height)
+            };
+            toastWindow === null || toastWindow === void 0 || toastWindow.setBounds(bounds);
+            confirmWindow === null || confirmWindow === void 0 || confirmWindow.setBounds(bounds);
+          }
+        }
       }
     });
     (0, _mobx.runInAction)(function () {
@@ -177,7 +186,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "connectorContainerBounds",
+    key: "payloadDialogs",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -185,7 +194,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "payloadDialogs",
+    key: "confirmDialogs",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -252,6 +261,11 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._deviceStore;
     }
+  }, {
+    key: "remoteVideoRenderManager",
+    get: function get() {
+      return this._remoteVideoRenderManager;
+    }
   }, {
     key: "setParticipantElectronDialogContainer",
     value: function setParticipantElectronDialogContainer(dom) {
@@ -263,14 +277,23 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       this.videoWindowBounds = payload;
     }
   }, {
-    key: "closeDeviceSettingFromDialog",
-    value: function closeDeviceSettingFromDialog() {
+    key: "closeDialogByKey",
+    value: function closeDialogByKey(dialogKey) {
       var _this$openedDialogs$f;
       var dialogId = (_this$openedDialogs$f = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.DEVICE_SETTINGS;
+        return dialog.dialogKey === dialogKey;
       })) === null || _this$openedDialogs$f === void 0 ? void 0 : _this$openedDialogs$f.dialogId;
       dialogId && this._uiEventStore.closeDialog(dialogId);
     }
+  }, {
+    key: "closeInterpreterDialog",
+    value: function closeInterpreterDialog() {
+      // const dialogId = this.openedDialogs.find(
+      //   (dialog) => dialog.dialogKey === DialogKey.INTERPRETER,
+      // )?.dialogId;
+      // dialogId && this._uiEventStore.closeDialog(dialogId);
+      this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_INTERPRETER_DIALOG);
+    }
   }, {
     key: "setCurrentShareId",
     value: function setCurrentShareId(id, type) {
@@ -278,9 +301,9 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       this._currentShareType = type;
     }
   }, {
-    key: "setWorkArea",
+    key: "getSharingWorkArea",
     value: function () {
-      var _setWorkArea = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _getSharingWorkArea = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var allWindows;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -295,46 +318,32 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
               return this._deviceStore.mediaControl.getWindowList();
             case 4:
               allWindows = _context.sent;
-              return _context.abrupt("return", (0, _renderer.getCurrentWorkArea)(this._currentShareId, this._currentShareType, allWindows));
+              return _context.abrupt("return", (0, _renderer.getCurrentSharingWorkArea)(this._currentShareId, this._currentShareType, allWindows));
             case 6:
             case "end":
               return _context.stop();
           }
         }, _callee, this);
       }));
-      function setWorkArea() {
-        return _setWorkArea.apply(this, arguments);
+      function getSharingWorkArea() {
+        return _getSharingWorkArea.apply(this, arguments);
       }
-      return setWorkArea;
+      return getSharingWorkArea;
     }()
   }, {
-    key: "closeConfirmDialog",
-    value: function closeConfirmDialog() {
-      var _this$openedDialogs$f2;
-      var dialogId = (_this$openedDialogs$f2 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.CONFIRM;
-      })) === null || _this$openedDialogs$f2 === void 0 ? void 0 : _this$openedDialogs$f2.dialogId;
-      dialogId && this._uiEventStore.closeDialog(dialogId);
+    key: "closeSystemPreferenceDialog",
+    value: function closeSystemPreferenceDialog() {
+      this.closeDialogByKey(_constant.DialogKey.SYSTEM_PREFERENCE);
     }
   }, {
     key: "closeChatFromDialog",
     value: function closeChatFromDialog() {
-      var _this$openedDialogs$f3;
-      var dialogId = (_this$openedDialogs$f3 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.CHAT;
-      })) === null || _this$openedDialogs$f3 === void 0 ? void 0 : _this$openedDialogs$f3.dialogId;
-      dialogId && this._uiEventStore.closeDialog(dialogId);
+      this.closeDialogByKey(_constant.DialogKey.CHAT);
     }
   }, {
     key: "closeWhiteboardDialog",
     value: function closeWhiteboardDialog() {
-      var _this$openedDialogs$f4;
-      var dialogId = (_this$openedDialogs$f4 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.WHITEBOARD;
-      })) === null || _this$openedDialogs$f4 === void 0 ? void 0 : _this$openedDialogs$f4.dialogId;
-      var toolbarDialogId = 'toolbar_toolbar';
-      dialogId && this._uiEventStore.closeDialog(dialogId);
-      toolbarDialogId && this._uiEventStore.closeDialog(toolbarDialogId);
+      this.closeDialogByKey(_constant.DialogKey.WHITEBOARD);
     }
   }, {
     key: "closeDialogChat",
@@ -350,29 +359,16 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
         chat: true
       });
     }
-  }, {
-    key: "closeParticipantFromDialog",
-    value: function closeParticipantFromDialog() {
-      var _this$openedDialogs$f5;
-      var dialogId = (_this$openedDialogs$f5 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.PARTICIPANT;
-      })) === null || _this$openedDialogs$f5 === void 0 ? void 0 : _this$openedDialogs$f5.dialogId;
-      dialogId && this._uiEventStore.closeDialog(dialogId);
-    }
   }, {
     key: "closeLiveStreamingDialog",
     value: function closeLiveStreamingDialog() {
-      this._uiEventStore.closeLiveStreamingDialog();
+      this.closeDialogByKey(_constant.DialogKey.LIVE_STREAMING);
     }
   }, {
     key: "closeConnectionDialog",
     value: function closeConnectionDialog() {
-      var _this$openedDialogs$f6,
-        _this2 = this;
+      var _this2 = this;
       var isUserClose = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      var dialogId = (_this$openedDialogs$f6 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.CONNECTION_GATEWAY;
-      })) === null || _this$openedDialogs$f6 === void 0 ? void 0 : _this$openedDialogs$f6.dialogId;
       if (this._connnectBeforeCloseDetect && !this._deviceStore.microphoneId && isUserClose) {
         this._connnectBeforeCloseDetect = false;
         var dialogKey = this._uiEventStore.openConfirmDialog({
@@ -396,27 +392,18 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
           },
           closable: false,
           onCancel: function onCancel() {
-            _this2._uiEventStore.closeDialog(dialogKey);
-            dialogId && _this2._uiEventStore.closeDialog(dialogId);
+            _this2._uiEventStore.closeConfirm(dialogKey);
+            _this2.closeDialogByKey(_constant.DialogKey.CONNECTION_GATEWAY);
           },
           onOk: function onOk() {
-            _this2._uiEventStore.closeDialog(dialogKey);
-            _this2._uiEventStore.sendEvent(_constant.UIAction.CONNECT_AUDIO, {});
+            _this2._uiEventStore.closeConfirm(dialogKey);
+            _this2._deviceStore.joinAudioByComputer();
           }
         });
       } else {
-        dialogId && this._uiEventStore.closeDialog(dialogId);
+        this.closeDialogByKey(_constant.DialogKey.CONNECTION_GATEWAY);
       }
     }
-  }, {
-    key: "closeShareScreenDialog",
-    value: function closeShareScreenDialog() {
-      var _this$openedDialogs$f7;
-      var dialogId = (_this$openedDialogs$f7 = this.openedDialogs.find(function (dialog) {
-        return dialog.dialogKey === _constant.DialogKey.SHARE_SCREEN;
-      })) === null || _this$openedDialogs$f7 === void 0 ? void 0 : _this$openedDialogs$f7.dialogId;
-      dialogId && this._uiEventStore.closeDialog(dialogId);
-    }
   }, {
     key: "closeInviteDialog",
     value: function closeInviteDialog() {
@@ -425,7 +412,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "moveParticipantFromDialogToAside",
     value: function moveParticipantFromDialogToAside() {
-      this.closeParticipantFromDialog();
+      this.closeDialogByKey(_constant.DialogKey.PARTICIPANT);
       this._uiEventStore.updateAside({
         participant: true
       });
@@ -460,87 +447,49 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "setConnecorContainerBounds",
-    value: function setConnecorContainerBounds(payload) {
-      this.connectorContainerBounds = payload;
-    }
-  }, {
-    key: "_calculateDialogPosition",
-    value: function _calculateDialogPosition(controlBarWindowId) {
-      var controlBarBrowserWindow = (0, _rendererEvent.getBrowserWindowById)(controlBarWindowId);
-      console.log('controlBarBrowserWindow', controlBarWindowId, controlBarBrowserWindow);
-      if (controlBarBrowserWindow) {
-        var bounds = controlBarBrowserWindow.getBounds();
-        this.currentDialogBounds = _objectSpread({}, bounds);
-      }
+    key: "_setDialogBounds",
+    value: function _setDialogBounds(payload) {
+      this.currentDialogBounds = payload;
     }
   }, {
     key: "_handleDialogEvent",
     value: function _handleDialogEvent(action, payload) {
-      var fragmentDialogKeys = [_constant.DialogKey.TOOLBAR];
-      if ((0, _env.isElectron)()) fragmentDialogKeys.push(_constant.DialogKey.CONTROL_BAR);
-      if (action === _constant.UIAction.OPEN_DIALOG) {
-        var _ref3 = payload || {},
-          _ref3$dialogKey = _ref3.dialogKey,
-          dialogKey = _ref3$dialogKey === void 0 ? '' : _ref3$dialogKey,
-          dialogId = _ref3.dialogId,
-          _ref3$params = _ref3.params,
-          params = _ref3$params === void 0 ? {} : _ref3$params;
-        var _ref4 = params,
-          controlBarWindowId = _ref4.controlBarWindowId;
-        if (controlBarWindowId) {
-          this._calculateDialogPosition(controlBarWindowId);
-        }
-        if (this.openedDialogs.find(function (dialog) {
-          return dialog.dialogId === dialogId;
-        })) {
-          var _dialogWindows$get;
-          (_dialogWindows$get = _dialogs.dialogWindows.get(dialogKey)) === null || _dialogWindows$get === void 0 || _dialogWindows$get.focus();
-          return;
-        }
-        if ((0, _env.isElectron)()) {
-          // this.openedDialogs.push({ dialogKey, dialogId });
-          if (fragmentDialogKeys.includes(dialogKey)) {
-            this._electronDialogs[dialogId] = dialogKey;
-            window.runtime.open(dialogKey, dialogId);
-            return;
-          }
-        }
-        this.openedDialogs.push({
-          dialogKey: dialogKey,
-          dialogId: dialogId
-        });
-        this.payloadDialogs.set(dialogKey, payload === null || payload === void 0 ? void 0 : payload.params);
-      }
-      if (action === _constant.UIAction.CLOSE_DIALOG) {
-        var _ref5 = payload || {},
-          _dialogId = _ref5.dialogId;
-        if ((0, _env.isElectron)()) {
-          var electronDialogKey = this._electronDialogs[_dialogId];
-          if (fragmentDialogKeys.includes(electronDialogKey)) {
-            window.runtime.close(electronDialogKey, _dialogId);
-            return;
-          }
-        }
-        if (_dialogId === _constant.DialogKey.CONFIRM) {
-          this.closeConfirmDialog();
-        }
-        this.openedDialogs = this.openedDialogs.filter(function (dialog) {
-          return dialog.dialogId !== _dialogId;
-        });
-      }
-      if (action === _constant.UIAction.VIDEO_WINDOW_BOUNDS) {
-        this.setVideoWindowBounds(payload);
-      }
-      if (action === _constant.UIAction.SET_WINDOW_BOUNDS) {
-        var _ref6 = payload,
-          height = _ref6.height,
-          _dialogKey = _ref6.dialogKey;
-        if (_dialogKey === _constant.DialogKey.CONNECTION_GATEWAY) {
-          this.setConnecorContainerBounds({
+      var _dialogWindows$get;
+      var _ref3 = payload || {},
+        _ref3$dialogKey = _ref3.dialogKey,
+        dialogKey = _ref3$dialogKey === void 0 ? '' : _ref3$dialogKey,
+        dialogId = _ref3.dialogId,
+        _ref3$params = _ref3.params,
+        params = _ref3$params === void 0 ? {} : _ref3$params;
+      if (dialogKey === _constant.DialogKey.SHOW_TOAST) return; // toast 有独立逻辑 src/event-dialog
+      if (dialogKey === _constant.DialogKey.CONFIRM) return; // confirm 有独立逻辑 src/evnet-confirm
+      var currentDialog = this.openedDialogs.find(function (dialog) {
+        return dialog.dialogId === dialogId;
+      });
+      switch (action) {
+        case _constant.UIAction.OPEN_DIALOG:
+          if (currentDialog) return (_dialogWindows$get = _dialogs.dialogWindows.get(dialogKey)) === null || _dialogWindows$get === void 0 ? void 0 : _dialogWindows$get.focus();
+          this.openedDialogs.push({
+            dialogKey: dialogKey,
+            dialogId: dialogId
+          });
+          this.payloadDialogs.set(dialogKey, params);
+          break;
+        case _constant.UIAction.CLOSE_DIALOG:
+          this.openedDialogs = this.openedDialogs.filter(function (dialog) {
+            return dialog.dialogId !== dialogId;
+          });
+          break;
+        case _constant.UIAction.VIDEO_WINDOW_BOUNDS:
+          this.setVideoWindowBounds(payload);
+          break;
+        case _constant.UIAction.SET_WINDOW_BOUNDS:
+          var _ref4 = payload,
+            height = _ref4.height;
+          this._setDialogBounds({
             height: height
           });
-        }
+          break;
       }
     }
   }, {
@@ -556,13 +505,14 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _DialogStore = DialogStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.observable, 1, "openedDialogs"], [_mobx.observable, 1, "connectorContainerBounds"], [_mobx.observable, 1, "payloadDialogs"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "participantElectronDialogContainer"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "currentDialogBounds"], [_mobx.observable, 1, "videoWindowBounds"], [_mobx.action, 2, "setParticipantElectronDialogContainer"], [_setVideoWindowBoundsDecs, 18, "setVideoWindowBounds"], [_decorator.bound, 2, "closeDeviceSettingFromDialog"], [_decorator.bound, 2, "setCurrentShareId"], [_decorator.bound, 2, "closeConfirmDialog"], [_decorator.bound, 2, "closeChatFromDialog"], [_decorator.bound, 2, "closeWhiteboardDialog"], [_decorator.bound, 2, "closeDialogChat"], [_decorator.bound, 2, "moveChatFromDialogToAside"], [_decorator.bound, 2, "closeParticipantFromDialog"], [_decorator.bound, 2, "closeLiveStreamingDialog"], [_decorator.bound, 2, "closeConnectionDialog"], [_decorator.bound, 2, "closeShareScreenDialog"], [_decorator.bound, 2, "closeInviteDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "moveToMainRoomAllMember"], [_decorator.bound, 2, "closeWaitingRoomDialog"], [_decorator.bound, 2, "closeRemoveAdmitWaitingRoomDialog"], [_decorator.bound, 2, "resizeVideoWindow"], [_setConnecorContainerBoundsDecs, 18, "setConnecorContainerBounds"], [_calculateDialogPositionDecs, 18, "_calculateDialogPosition"], [_handleDialogEventDecs, 18, "_handleDialogEvent"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_hanleAllUserCountUpdatedDecs, 18, "_hanleAllUserCountUpdated"]], []).e, 9);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.observable, 1, "openedDialogs"], [_mobx.observable, 1, "payloadDialogs"], [_mobx.observable, 1, "confirmDialogs"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "participantElectronDialogContainer"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "currentDialogBounds"], [_mobx.observable, 1, "videoWindowBounds"], [_mobx.action, 2, "setParticipantElectronDialogContainer"], [_setVideoWindowBoundsDecs, 18, "setVideoWindowBounds"], [_decorator.bound, 2, "closeDialogByKey"], [_decorator.bound, 2, "closeInterpreterDialog"], [_decorator.bound, 2, "setCurrentShareId"], [_decorator.bound, 2, "closeSystemPreferenceDialog"], [_decorator.bound, 2, "closeChatFromDialog"], [_decorator.bound, 2, "closeWhiteboardDialog"], [_decorator.bound, 2, "closeDialogChat"], [_decorator.bound, 2, "moveChatFromDialogToAside"], [_decorator.bound, 2, "closeLiveStreamingDialog"], [_decorator.bound, 2, "closeConnectionDialog"], [_decorator.bound, 2, "closeInviteDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "moveToMainRoomAllMember"], [_decorator.bound, 2, "closeWaitingRoomDialog"], [_decorator.bound, 2, "closeRemoveAdmitWaitingRoomDialog"], [_decorator.bound, 2, "resizeVideoWindow"], [_setDialogBoundsDecs, 18, "_setDialogBounds"], [_handleDialogEventDecs, 18, "_handleDialogEvent"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_hanleAllUserCountUpdatedDecs, 18, "_hanleAllUserCountUpdated"]], []).e, 9);
 _init_openedDialogs = _applyDecs$e[0];
-_init_connectorContainerBounds = _applyDecs$e[1];
-_init_payloadDialogs = _applyDecs$e[2];
+_init_payloadDialogs = _applyDecs$e[1];
+_init_confirmDialogs = _applyDecs$e[2];
 _init_userCount = _applyDecs$e[3];
 _init_participantElectronDialogContainer = _applyDecs$e[4];
 _init_chatRoomState = _applyDecs$e[5];
 _init_currentDialogBounds = _applyDecs$e[6];
 _init_videoWindowBounds = _applyDecs$e[7];
-_initProto = _applyDecs$e[8];
+_initProto = _applyDecs$e[8];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/dialog/view.js

@@ -10,12 +10,12 @@ require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
-var _context = require("./context");
+var _store = require("./store");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var View = exports.View = (0, _mobxReact.observer)(function (_ref) {
   var dialogs = _ref.dialogs;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     openedDialogs = _useContext.openedDialogs,
     payloadDialogs = _useContext.payloadDialogs;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/event-confirm/index.css

@@ -0,0 +1,12 @@
+.confirm-wrapper {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  pointer-events: none;
+}
+.confirm-wrapper div {
+  pointer-events: all;
+}

package/lib/modules/event-confirm/index.d.ts

@@ -0,0 +1,10 @@
+import { UIModule } from '../../base';
+import { FcrUIEventStore } from '../../common/event-store';
+export declare class EventConfirmUIModule extends UIModule {
+    private _store;
+    constructor(args: {
+        uiEventStore: FcrUIEventStore;
+    });
+    protected onUnload(): void;
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+}

package/lib/modules/event-confirm/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EventConfirmUIModule = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _base = require("../../base");
+var _store = _interopRequireWildcard(require("./store"));
+var _view = require("./view");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function (_UIModule) {
+  function EventConfirmUIModule(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, EventConfirmUIModule);
+    _this = _callSuper(this, EventConfirmUIModule);
+    _this._store = new _store["default"](args);
+    return _this;
+  }
+  (0, _inherits2["default"])(EventConfirmUIModule, _UIModule);
+  return (0, _createClass2["default"])(EventConfirmUIModule, [{
+    key: "onUnload",
+    value: function onUnload() {
+      this._store.release();
+    }
+  }, {
+    key: "getComponent",
+    value: function getComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+        value: this._store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+      });
+    }
+  }]);
+}(_base.UIModule);

package/lib/modules/event-confirm/store.d.ts

@@ -0,0 +1,18 @@
+import { FcrUIDialogParams, FcrUIEventStore } from '../../common/event-store';
+import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+export default class CconfirmStore {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _disposers;
+    accessor confirms: Map<string, {
+        params: ConfirmContentProps;
+        timer?: () => void;
+    }>;
+    get confirmList(): IteratorObject<ConfirmContentProps, undefined, unknown>;
+    constructor({ uiEventStore }: {
+        uiEventStore: FcrUIEventStore;
+    });
+    addConfirm(payload: FcrUIDialogParams<ConfirmContentProps>): void;
+    release(): void;
+    private _handleConfirmEvent;
+}
+export declare const StoreContext: import("react").Context<CconfirmStore>;