fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/dialog/store.js

@@ -5,31 +5,24 @@ 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;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+exports["default"] = exports.StoreContext = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
@@ -41,9 +34,11 @@ require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");
 require("core-js/modules/esnext.map.emplace.js");
 require("core-js/modules/esnext.map.every.js");
@@ -60,29 +55,25 @@ require("core-js/modules/esnext.map.some.js");
 require("core-js/modules/esnext.map.update.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.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.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"));
 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 _type2 = require("fcr-core/lib/room-control/chatroom-control/type");
+var _react = require("react");
+var _platform = require("../../utilities/platform");
 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, _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,22 +92,19 @@ 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], _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,
+      securityStore = _ref2.securityStore;
     (0, _classCallCheck2["default"])(this, DialogStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
-    (0, _defineProperty2["default"])(this, "_currentShareId", '');
-    (0, _defineProperty2["default"])(this, "_currentShareType", _type3.AgoraRtcScreenCaptureType.WINDOW);
-    (0, _defineProperty2["default"])(this, "_electronDialogs", {});
     (0, _defineProperty2["default"])(this, "_connnectBeforeCloseDetect", true);
     (0, _defineProperty2["default"])(this, "_userObserver", {
       onAllUserCountUpdated: this._hanleAllUserCountUpdated.bind(this)
@@ -127,43 +115,26 @@ 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));
-    _classPrivateFieldInitSpec(this, _G, _init_currentDialogBounds(this, {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    }));
+    _classPrivateFieldInitSpec(this, _F, _init_chatRoomState(this, _type2.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _G, _init_currentDialogBounds(this, new Map()));
     _classPrivateFieldInitSpec(this, _H, _init_videoWindowBounds(this, {}));
-    uiEventStore.addObserver({
-      onEvent: this._handleDialogEvent.bind(this)
-    });
     this._uiEventStore = uiEventStore;
-    this._userInfo = userInfo;
+    this._userInfo = userControl.getLocalUser();
     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({
-      onEvent: function onEvent(action, payload) {
-        if (action === _constant.UIAction.WHITEBOARD_CHANGED) {
-          if (payload.action === _type2.WhiteboardControlbarEvents.LONEYWINDOW) {
-            if (!payload.payload) {
-              _this.closeWhiteboardDialog();
-            }
-          }
-        }
-        if (action === _constant.UIAction.CLOSE_WHITEBOARD) {
-          _this.closeWhiteboardDialog();
-        }
-      }
+    this._securityStore = securityStore;
+    userControl.addObserver(this._userObserver);
+    uiEventStore.addObserver({
+      onEvent: this._handleDialogEvent.bind(this)
     });
+    chatRoomControl.addObserver(this._chatRoomObserver);
     (0, _mobx.runInAction)(function () {
       _this.userCount = _this._userControl.getAllUserCount();
     });
@@ -177,7 +148,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "connectorContainerBounds",
+    key: "payloadDialogs",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -185,7 +156,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "payloadDialogs",
+    key: "confirmDialogs",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -252,6 +223,16 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._deviceStore;
     }
+  }, {
+    key: "remoteVideoRenderManager",
+    get: function get() {
+      return this._remoteVideoRenderManager;
+    }
+  }, {
+    key: "waitingRoomState",
+    get: function get() {
+      return this._securityStore.isWaitingRoomEnabled();
+    }
   }, {
     key: "setParticipantElectronDialogContainer",
     value: function setParticipantElectronDialogContainer(dom) {
@@ -263,84 +244,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: "setCurrentShareId",
-    value: function setCurrentShareId(id, type) {
-      this._currentShareId = id;
-      this._currentShareType = type;
-    }
-  }, {
-    key: "setWorkArea",
-    value: function () {
-      var _setWorkArea = (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) {
-            case 0:
-              if (this._currentShareId) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              _context.next = 4;
-              return this._deviceStore.mediaControl.getWindowList();
-            case 4:
-              allWindows = _context.sent;
-              return _context.abrupt("return", (0, _renderer.getCurrentWorkArea)(this._currentShareId, this._currentShareType, allWindows));
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function setWorkArea() {
-        return _setWorkArea.apply(this, arguments);
-      }
-      return setWorkArea;
-    }()
-  }, {
-    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);
-    }
-  }, {
-    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);
-    }
-  }, {
-    key: "closeDialogChat",
-    value: function closeDialogChat() {
-      this.closeChatFromDialog();
-      this._uiEventStore.notifyChatResetTarget();
+      this.closeDialogByKey(_constant.DialogKey.CHAT);
     }
   }, {
     key: "moveChatFromDialogToAside",
@@ -350,29 +270,11 @@ 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();
-    }
   }, {
     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,55 +298,26 @@ 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() {
-      this._uiEventStore.closeInviteDialog();
-    }
   }, {
     key: "moveParticipantFromDialogToAside",
     value: function moveParticipantFromDialogToAside() {
-      this.closeParticipantFromDialog();
+      this.closeDialogByKey(_constant.DialogKey.PARTICIPANT);
       this._uiEventStore.updateAside({
         participant: true
       });
     }
-  }, {
-    key: "moveToMainRoomAllMember",
-    value: function moveToMainRoomAllMember(isOperate) {
-      this._uiEventStore.sendEvent(_constant.UIAction.MOVE_TO_MAIN_ROOM_ALL_MEMBER, isOperate);
-    }
-  }, {
-    key: "closeWaitingRoomDialog",
-    value: function closeWaitingRoomDialog() {
-      this._uiEventStore.closeWaitingRoomDialog();
-    }
-  }, {
-    key: "closeRemoveAdmitWaitingRoomDialog",
-    value: function closeRemoveAdmitWaitingRoomDialog(dialogKey) {
-      this._uiEventStore.closeRemoveAdmitWaitingRoomDialog(dialogKey);
-    }
   }, {
     key: "release",
     value: function release() {
@@ -459,88 +332,65 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
         height: height
       });
     }
-  }, {
-    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: "_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);
+      var _dialogWindows$get3;
+      var _ref3 = payload || {},
+        dialogKey = _ref3.dialogKey,
+        dialogId = _ref3.dialogId,
+        _ref3$params = _ref3.params,
+        params = _ref3$params === void 0 ? {} : _ref3$params;
+      switch (action) {
+        case _constant.UIAction.OPEN_DIALOG:
+          // 因为窗口可能会移动，因此需要矫正 global toast 和 confirm 的 Bounds
+          if ([_constant.DialogKey.SHOW_TOAST, _constant.DialogKey.CONFIRM].includes(dialogKey) && (0, _env.isElectron)()) {
+            var _dialogWindows$get, _dialogWindows$get2;
+            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, _platform.isWindows)() && _dialogs.dialogWindows.forEach(function (window, key) {
+              if (key === dialogKey) return;
+              window.setAlwaysOnTop(true, 'floating');
+            });
+            (_dialogWindows$get = _dialogs.dialogWindows.get(dialogKey)) === null || _dialogWindows$get === void 0 || _dialogWindows$get.focus();
+            (_dialogWindows$get2 = _dialogs.dialogWindows.get(dialogKey)) === null || _dialogWindows$get2 === void 0 || _dialogWindows$get2.setAlwaysOnTop(true, 'screen-saver');
+            // toast 有独立逻辑 src/event-dialog
+            // confirm 有独立逻辑 src/evnet-confirm
             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({
-            height: height
+          var currentDialog = this.openedDialogs.find(function (dialog) {
+            return dialog.dialogId === dialogId;
+          });
+          if (currentDialog) return (_dialogWindows$get3 = _dialogs.dialogWindows.get(dialogKey)) === null || _dialogWindows$get3 === void 0 ? void 0 : _dialogWindows$get3.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_DIALOG_BOUNDS:
+          var _ref4 = payload,
+            height = _ref4.height;
+          if (dialogKey) this.currentDialogBounds.set(dialogKey, height);
+          break;
       }
     }
   }, {
@@ -556,13 +406,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, "closeSystemPreferenceDialog"], [_decorator.bound, 2, "closeChatFromDialog"], [_decorator.bound, 2, "moveChatFromDialogToAside"], [_decorator.bound, 2, "closeConnectionDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "resizeVideoWindow"], [_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/types/index.d.ts

@@ -0,0 +1,59 @@
+type FcrUIDialogHooksProps = {
+  /**
+   * @param dialogKey - dialog 窗口的 key，为 FcrUIDialogKey 的枚举之一
+   */
+  dialogKey: FcrUIDialogKey;
+  /**
+   * @param config - electron 的 BrowserWindowConstructorOptions 配置，当自定义配置的 hasCustomShadow 开启时，其中的 width 和 height 会自动加上阴影的宽度
+   * @param height - The height value should be based on the maximum content height of the tab
+   */
+  config: Electron.BrowserWindowConstructorOptions;
+  /**
+   * @param onClose - 当 dialog 关闭时的回调函数，函数签名为 dialog 的 store
+   * */
+  onClose?: (store: DialogStore) => void;
+  /**
+   * @param onOpened - 当 dialog 打开时的回调函数，函数签名为 dialog 的 store、browserwindow 对象和设置 bounds 的方法，此 bounds 不同于 browserwindow 的 setBounds 会为宽高自动加上阴影的设置
+   */
+  onOpened?: (props: {
+    browserWindow: Electron.BrowserWindow;
+    store: DialogStore;
+    setBounds: (bounds: Partial<Electron.Rectangle>, animate?: boolean) => void;
+  }) => void;
+  /**
+   * * @param onUnmounted - 当 dialog 卸载时的回调函数，函数签名为 dialog 的 store
+   */
+  onUnmounted?: (store: DialogStore) => void;
+  /**
+   * @param children - dialog 的内容
+   */
+  children: React.ReactNode;
+  /**
+   * @param scroll - 是否显示滚动栏，默认为 false
+   */
+  scroll?: boolean;
+  /**
+   * @param focus -  在 dialog 窗口打开之后，调用 browserWindow 的 focus 方法， 默认为 true
+   */
+  focus?: boolean;
+  /**
+   * @param ignoreMouseEvents - 在 dialog 窗口打开之后，设置是否忽略鼠标事件
+   */
+  ignoreMouseEvents?: boolean | Electron.IgnoreMouseEventsOptions;
+  /**
+   * @param alwaysOnTop - 在 dialog 窗口打开之后，主动调用一次 browserWindow 的 setAlwaysOnTop(true, 'screen-saver') 方法，默认为true
+   */
+  alwaysOnTop?: boolean;
+  /**
+   * @param fullScreen - 自定义全屏设置，和 electron 的全屏设置不同，它会以主窗口的位置为基准，给新打开的窗口设置和屏幕一样的大小
+   */
+  fullScreen?: boolean;
+  /**
+   * @param polyfills - 这个可以以一句话的形式描述 polyfills，比如：fix-toast-window-flash，并通过这个字段来判断进行特殊处理
+   */
+  polyfills?: string[];
+  /**
+   * @param hasCustomShadow - 默认值 true, 目前窗口有两种，一种是作为 toast 和 confirm 容器的窗口，这种窗口没有阴影，另外一种是独立的窗口，这种窗口有阴影，配置为 true 时，窗口会给宽高加上阴影的偏移量，所以 toast 和 confirm 窗口需要设置为 false
+   * */
+  hasCustomShadow?: boolean;
+};

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;
+}