fcr-ui-scene 3.4.0 → 3.4.2

package/lib/modules/dialog/store.js

@@ -19,10 +19,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.StoreContext = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+exports["default"] = exports.TOP_LEVEL_DIALOG_LAYER = exports.StoreContext = exports.HIGH_LEVEL_DIALOG_LAYER = 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");
@@ -34,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");
@@ -53,9 +55,9 @@ 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"));
@@ -64,16 +66,15 @@ 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 _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("fcr-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 _constant = require("../../utilities/constant");
+var _dialogProvider = require("../../providers/dialog-provider");
+var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
 var _DialogStore;
-var _initProto, _init_openedDialogs, _init_payloadDialogs, _init_confirmDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_chatRoomState, _init_currentDialogBounds, _init_videoWindowBounds, _setVideoWindowBoundsDecs, _setDialogBoundsDecs, _handleDialogEventDecs, _handleConnectionUpdatedDecs, _hanleAllUserCountUpdatedDecs, _ref;
+var _initProto, _init_openedDialogs, _init_payloadDialogs, _init_confirmDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_chatRoomState, _init_currentDialogBounds, _init_videoWindowBounds, _init_currentShareId, _init_currentShareType, _init_currentShareBounds, _setVideoWindowBoundsDecs, _updateCurrentShareContentDecs, _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; }
@@ -84,6 +85,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 HIGH_LEVEL_DIALOG_LAYER = exports.HIGH_LEVEL_DIALOG_LAYER = [_constant.FcrUIDialogKey.CHAT, _constant.FcrUIDialogKey.PARTICIPANT, _constant.FcrUIDialogKey.SHARE_SCREEN];
+var TOP_LEVEL_DIALOG_LAYER = exports.TOP_LEVEL_DIALOG_LAYER = [_constant.FcrUIDialogKey.SHOW_TOAST, _constant.FcrUIDialogKey.CONFIRM, _constant.FcrUIDialogKey.CONTROL_BAR, _constant.FcrUIDialogKey.VIDEO_WINDOW];
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -92,23 +95,30 @@ 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], _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 _I = /*#__PURE__*/new WeakMap();
+var _J = /*#__PURE__*/new WeakMap();
+var _K = /*#__PURE__*/new WeakMap();
+_ref = (_setVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _updateCurrentShareContentDecs = [_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,
       userControl = _ref2.userControl,
       chatRoomControl = _ref2.chatRoomControl,
       deviceStore = _ref2.deviceStore,
       streamControl = _ref2.streamControl,
-      remoteVideoRenderManager = _ref2.remoteVideoRenderManager;
+      localVideoRenderProvider = _ref2.localVideoRenderProvider,
+      remoteVideoRenderManager = _ref2.remoteVideoRenderManager,
+      securityStore = _ref2.securityStore,
+      sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
+      dialogProvider = _ref2.dialogProvider,
+      phoneAudioConnectorProvider = _ref2.phoneAudioConnectorProvider;
     (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, "_handleDialogEventObserver", {
+      onEvent: this._handleDialogEvent.bind(this)
+    });
     (0, _defineProperty2["default"])(this, "_userObserver", {
       onAllUserCountUpdated: this._hanleAllUserCountUpdated.bind(this)
     });
@@ -122,57 +132,33 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     _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,
+    _classPrivateFieldInitSpec(this, _F, _init_chatRoomState(this, _type2.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _G, _init_currentDialogBounds(this, new Map()));
+    _classPrivateFieldInitSpec(this, _H, _init_videoWindowBounds(this, {}));
+    _classPrivateFieldInitSpec(this, _I, _init_currentShareId(this, ''));
+    _classPrivateFieldInitSpec(this, _J, _init_currentShareType(this, _type3.AgoraRtcScreenCaptureType.SCREEN));
+    _classPrivateFieldInitSpec(this, _K, _init_currentShareBounds(this, {
       width: 0,
-      height: 0
+      height: 0,
+      x: 0,
+      y: 0
     }));
-    _classPrivateFieldInitSpec(this, _H, _init_videoWindowBounds(this, {}));
     this._uiEventStore = uiEventStore;
-    this._userInfo = userInfo;
+    this._userInfo = userControl.getLocalUser();
     this._streamControl = streamControl;
     this._userControl = userControl;
     this._remoteVideoRenderManager = remoteVideoRenderManager;
+    this._localVideoRenderProvider = localVideoRenderProvider;
     this._deviceStore = deviceStore;
     this._chatRoomControl = chatRoomControl;
-    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) {
-            if (!payload.payload) {
-              _this.closeWhiteboardDialog();
-            }
-          }
-        }
-        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);
-          }
-        }
-      }
-    });
+    this._securityStore = securityStore;
+    this._sharedLayoutDataSource = sharedLayoutDataSource;
+    this._dialogProvider = dialogProvider;
+    this._phoneAudioConnectorProvider = phoneAudioConnectorProvider;
+    this._userControl.addObserver(this._userObserver);
+    this._uiEventStore.addObserver(this._handleDialogEventObserver);
+    this._dialogProvider.addObserver(this._handleDialogEventObserver);
+    this._chatRoomControl.addObserver(this._chatRoomObserver);
     (0, _mobx.runInAction)(function () {
       _this.userCount = _this._userControl.getAllUserCount();
     });
@@ -241,6 +227,30 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_H, this, v);
     }
+  }, {
+    key: "currentShareId",
+    get: function get() {
+      return _classPrivateFieldGet(_I, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_I, this, v);
+    }
+  }, {
+    key: "currentShareType",
+    get: function get() {
+      return _classPrivateFieldGet(_J, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_J, this, v);
+    }
+  }, {
+    key: "currentShareBounds",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
   }, {
     key: "participantCount",
     get: function get() {
@@ -266,6 +276,26 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._remoteVideoRenderManager;
     }
+  }, {
+    key: "localVideoRenderProvider",
+    get: function get() {
+      return this._localVideoRenderProvider;
+    }
+  }, {
+    key: "waitingRoomState",
+    get: function get() {
+      return this._securityStore.isWaitingRoomEnabled();
+    }
+  }, {
+    key: "connectType",
+    get: function get() {
+      return this._deviceStore.connectType;
+    }
+  }, {
+    key: "hasOwnPstnStream",
+    get: function get() {
+      return this._phoneAudioConnectorProvider.hasOwnPstnStream;
+    }
   }, {
     key: "setParticipantElectronDialogContainer",
     value: function setParticipantElectronDialogContainer(dom) {
@@ -285,210 +315,134 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       })) === 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) {
-      this._currentShareId = id;
-      this._currentShareType = type;
-    }
-  }, {
-    key: "getSharingWorkArea",
-    value: function () {
-      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) {
-            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.getCurrentSharingWorkArea)(this._currentShareId, this._currentShareType, allWindows));
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function getSharingWorkArea() {
-        return _getSharingWorkArea.apply(this, arguments);
-      }
-      return getSharingWorkArea;
-    }()
   }, {
     key: "closeSystemPreferenceDialog",
     value: function closeSystemPreferenceDialog() {
-      this.closeDialogByKey(_constant.DialogKey.SYSTEM_PREFERENCE);
+      this.closeDialogByKey(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE);
     }
   }, {
     key: "closeChatFromDialog",
     value: function closeChatFromDialog() {
-      this.closeDialogByKey(_constant.DialogKey.CHAT);
-    }
-  }, {
-    key: "closeWhiteboardDialog",
-    value: function closeWhiteboardDialog() {
-      this.closeDialogByKey(_constant.DialogKey.WHITEBOARD);
-    }
-  }, {
-    key: "closeDialogChat",
-    value: function closeDialogChat() {
-      this.closeChatFromDialog();
-      this._uiEventStore.notifyChatResetTarget();
+      this.closeDialogByKey(_constant.FcrUIDialogKey.CHAT);
+      this._sharedLayoutDataSource.setAsideLayout({
+        chat: false
+      });
     }
   }, {
     key: "moveChatFromDialogToAside",
     value: function moveChatFromDialogToAside() {
       this.closeChatFromDialog();
-      this._uiEventStore.updateAside({
+      this._sharedLayoutDataSource.setChatRenderAt('aside');
+      this._sharedLayoutDataSource.setAsideLayout({
         chat: true
       });
     }
-  }, {
-    key: "closeLiveStreamingDialog",
-    value: function closeLiveStreamingDialog() {
-      this.closeDialogByKey(_constant.DialogKey.LIVE_STREAMING);
-    }
   }, {
     key: "closeConnectionDialog",
     value: function closeConnectionDialog() {
-      var _this2 = this;
-      var isUserClose = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (this._connnectBeforeCloseDetect && !this._deviceStore.microphoneId && isUserClose) {
-        this._connnectBeforeCloseDetect = false;
-        var dialogKey = this._uiEventStore.openConfirmDialog({
-          title: (0, _i18n.transI18n)('fmt_actionbar_tips_joinroom_noaudio'),
-          content: (0, _i18n.transI18n)('fmt_actionbar_tips_canthear'),
-          cancelText: (0, _i18n.transI18n)('fmt_actionbar_button_continue'),
-          okText: (0, _i18n.transI18n)('fmt_actionbar_option_connectaudio'),
-          alignCenter: true,
-          showCancel: true,
-          width: 255,
-          height: 255,
-          cancelButtonProps: {
-            block: true,
-            type: 'secondary',
-            shape: 'circle'
-          },
-          okButtonProps: {
-            block: true,
-            type: 'primary',
-            shape: 'circle'
-          },
-          closable: false,
-          onCancel: function onCancel() {
-            _this2._uiEventStore.closeConfirm(dialogKey);
-            _this2.closeDialogByKey(_constant.DialogKey.CONNECTION_GATEWAY);
-          },
-          onOk: function onOk() {
-            _this2._uiEventStore.closeConfirm(dialogKey);
-            _this2._deviceStore.joinAudioByComputer();
-          }
-        });
-      } else {
-        this.closeDialogByKey(_constant.DialogKey.CONNECTION_GATEWAY);
-      }
+      return this._dialogProvider.emitIntercepter(_dialogProvider.FcrDialogInterceptorEventName.ON_CLOSE, _constant.FcrUIDialogKey.CONNECTION_GATEWAY);
     }
   }, {
-    key: "closeInviteDialog",
-    value: function closeInviteDialog() {
-      this._uiEventStore.closeInviteDialog();
+    key: "closeParticipantDialog",
+    value: function closeParticipantDialog() {
+      this.closeDialogByKey(_constant.FcrUIDialogKey.PARTICIPANT);
+      this._sharedLayoutDataSource.setAsideLayout({
+        participant: false
+      });
     }
   }, {
     key: "moveParticipantFromDialogToAside",
     value: function moveParticipantFromDialogToAside() {
-      this.closeDialogByKey(_constant.DialogKey.PARTICIPANT);
-      this._uiEventStore.updateAside({
+      this.closeParticipantDialog();
+      this._sharedLayoutDataSource.setParticipantsRenderAt('aside');
+      this._sharedLayoutDataSource.setAsideLayout({
         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() {
       this._userControl.removeObserver(this._userObserver);
       this._chatRoomControl.removeObserver(this._chatRoomObserver);
+      this._dialogProvider.removeObserver(this._handleDialogEventObserver);
+      this._uiEventStore.removeObserver(this._handleDialogEventObserver);
     }
   }, {
     key: "resizeVideoWindow",
     value: function resizeVideoWindow(width, height) {
-      this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_RESIZE, {
+      this._uiEventStore.sendEvent(_constant.FcrUIAction.VIDEO_WINDOW_RESIZE, {
         width: width,
         height: height
       });
     }
   }, {
-    key: "_setDialogBounds",
-    value: function _setDialogBounds(payload) {
-      this.currentDialogBounds = payload;
+    key: "updateCurrentShareContent",
+    value: function updateCurrentShareContent(payload) {
+      var id = payload.id,
+        type = payload.type,
+        bounds = payload.bounds;
+      this.currentShareId = id;
+      this.currentShareType = type;
+      this.currentShareBounds = bounds;
     }
   }, {
     key: "_handleDialogEvent",
     value: function _handleDialogEvent(action, payload) {
-      var _dialogWindows$get;
+      var _dialogWindows$get3;
       var _ref3 = payload || {},
-        _ref3$dialogKey = _ref3.dialogKey,
-        dialogKey = _ref3$dialogKey === void 0 ? '' : _ref3$dialogKey,
+        dialogKey = _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();
+        case _constant.FcrUIAction.OPEN_DIALOG:
+          // 因为窗口可能会移动，因此需要矫正 global toast 和 confirm 的 Bounds
+          if ([_constant.FcrUIDialogKey.SHOW_TOAST, _constant.FcrUIDialogKey.CONFIRM].includes(dialogKey) && (0, _env.isElectron)()) {
+            var _dialogWindows$get, _dialogWindows$get2;
+            var toastWindow = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.SHOW_TOAST);
+            var confirmWindow = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONFIRM);
+            var controlbar = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.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 || HIGH_LEVEL_DIALOG_LAYER.includes(key) || TOP_LEVEL_DIALOG_LAYER.includes(key)) return;
+              window.setAlwaysOnTop(true, 'normal');
+            });
+            (_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;
+          }
+          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:
+        case _constant.FcrUIAction.CLOSE_DIALOG:
           this.openedDialogs = this.openedDialogs.filter(function (dialog) {
             return dialog.dialogId !== dialogId;
           });
           break;
-        case _constant.UIAction.VIDEO_WINDOW_BOUNDS:
+        case _constant.FcrUIAction.VIDEO_WINDOW_BOUNDS:
           this.setVideoWindowBounds(payload);
           break;
-        case _constant.UIAction.SET_WINDOW_BOUNDS:
+        case _constant.FcrUIAction.SET_DIALOG_BOUNDS:
           var _ref4 = payload,
             height = _ref4.height;
-          this._setDialogBounds({
-            height: height
-          });
+          if (dialogKey) this.currentDialogBounds.set(dialogKey, height);
           break;
       }
     }
@@ -505,7 +459,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _DialogStore = DialogStore;
-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);
+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.observable, 1, "currentShareId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentShareBounds"], [_mobx.computed, 3, "connectType"], [_mobx.computed, 3, "hasOwnPstnStream"], [_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, "closeParticipantDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "resizeVideoWindow"], [_updateCurrentShareContentDecs, 18, "updateCurrentShareContent"], [_handleDialogEventDecs, 18, "_handleDialogEvent"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_hanleAllUserCountUpdatedDecs, 18, "_hanleAllUserCountUpdated"]], []).e, 12);
 _init_openedDialogs = _applyDecs$e[0];
 _init_payloadDialogs = _applyDecs$e[1];
 _init_confirmDialogs = _applyDecs$e[2];
@@ -514,5 +468,8 @@ _init_participantElectronDialogContainer = _applyDecs$e[4];
 _init_chatRoomState = _applyDecs$e[5];
 _init_currentDialogBounds = _applyDecs$e[6];
 _init_videoWindowBounds = _applyDecs$e[7];
-_initProto = _applyDecs$e[8];
+_init_currentShareId = _applyDecs$e[8];
+_init_currentShareType = _applyDecs$e[9];
+_init_currentShareBounds = _applyDecs$e[10];
+_initProto = _applyDecs$e[11];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/dialog/types/index.d.ts

@@ -0,0 +1,70 @@
+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;
+    nearDisplayBounds: Electron.Rectangle;
+  }) => 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, 'normal') 方法，默认为true
+   * @type boolean | 'normal' | 'floating' | 'torn-off-menu' | 'modal-panel' | 'main-menu' | 'status' | 'pop-up-menu' | 'screen-saver'
+   */
+  alwaysOnTop?:
+    | boolean
+    | 'normal'
+    | 'floating'
+    | 'torn-off-menu'
+    | 'modal-panel'
+    | 'main-menu'
+    | 'status'
+    | 'pop-up-menu'
+    | 'screen-saver';
+  /**
+   * @param fullScreen - 自定义全屏设置，和 electron 的全屏设置不同，它会以主窗口的位置为基准，给新打开的窗口设置和屏幕一样的大小
+   */
+  fullScreen?: boolean;
+  /**
+   * @param polyfills - 这个可以以一句话的形式描述 polyfills，比如：fix-toast-window-flash，并通过这个字段来判断进行特殊处理
+   */
+  polyfills?: string[];
+  /**
+   * @param hasCustomShadow - 通过缩小 electron 容器内的容器宽度加 css 样式阴影实现，所以会让原生 electron 的拖动响应的边产生偏移，所以如果窗口是可拖动的，需要设置为 false。默认值 true。目前窗口有三种，一种是作为 toast 和 confirm 容器的窗口，这种窗口因为是全屏显示不需要阴影，一种是 participant 和 chat 窗口，这俩窗口需要拉伸操作，所以用系统阴影，不用自定义阴影。还有一种是独立的窗口，这种窗口不需要拉伸，所以用自定义阴影，配置为 true 时，窗口会给宽高加上阴影的偏移量，所以 toast 和 confirm 窗口需要设置为 false
+   * */
+  hasCustomShadow?: boolean;
+};

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

@@ -4,7 +4,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  z-index: 10;
+  z-index: 2000;
   pointer-events: none;
 }
 .confirm-wrapper div {

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

@@ -1,10 +1,17 @@
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
+import { FcrUICurrentRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
 export declare class EventConfirmUIModule extends UIModule {
-    private _store;
-    constructor(args: {
-        uiEventStore: FcrUIEventStore;
-    });
-    protected onUnload(): void;
+    private _store?;
+    private _leaveMeetingStore?;
+    eventProvider?: FcrUIEventProvider;
+    dialogProvider?: FcrUIDialogProvider;
+    privilegeProvider?: FcrUIPrivilegeProvider;
+    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
+    roomProvider?: FcrUIRoomProvider;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
 }