fcr-ui-scene 3.7.5 → 3.7.6

package/lib/modules/dialog/store.electron.js

@@ -11,8 +11,11 @@ require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.map.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/es.reflect.construct.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/esnext.function.metadata.js");
@@ -41,13 +44,16 @@ exports["default"] = exports.StoreContext = void 0;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -61,8 +67,11 @@ var _constant = require("../../utilities/constant");
 var _store = require("./store.base");
 var _objectManager = require("../../object-manager");
 var _mobx = require("mobx");
+var _struct = require("../../providers/mouse-detect/struct");
 var _DialogStore;
 var _initProto;
+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; }
 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; })(); }
 function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
@@ -78,6 +87,12 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
     _this = _callSuper(this, DialogStore, [args]);
     (0, _defineProperty2["default"])(_this, "_windowProvider", void _initProto(_this));
     (0, _defineProperty2["default"])(_this, "_mouseOverState", false);
+    (0, _defineProperty2["default"])(_this, "_subWindowObserver", {
+      onReady: function onReady() {
+        // @ts-ignore
+        _this._subWindow.rendererWindow.FcrUIMainWindowRenderer = window.FcrUIMainWindowRenderer;
+      }
+    });
     (0, _defineProperty2["default"])(_this, "_confirmWindowObserver", {
       onReady: function onReady() {
         var _window$screen = window.screen,
@@ -99,6 +114,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
           width: availWidth,
           height: availHeight
         });
+        _this._mouseDetectProvider.setDetectionPositionOffset(_this._screenBounds);
         _this.disposers.push((0, _mobx.reaction)(function () {
           return _this.isConfirmListEmpty;
         }, function (isEmpty) {
@@ -113,12 +129,17 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
         }));
       }
     });
+    (0, _defineProperty2["default"])(_this, "_detactObserver", {
+      onMouseEnterDetectArea: _this._handleDetectAreaMouseover,
+      onMouseLeaveDetectArea: _this._handleDetectAreaMouseout
+    });
     (0, _defineProperty2["default"])(_this, "_dialogInfoObserver", {
       onDialogInfoAdded: _this._handleDialogInfoAdded
     });
     _this._windowProvider = args.objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
     _this._renderer = args.objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
-    _this._sharedConfirmDataSource = args.objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIRM_DATA_SOURCE);
+    _this._mouseDetectProvider = args.objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MOUSE_DETECT_PROVIDER);
+    _this._mouseDetectProvider.addObserver(_this._detactObserver);
     var dialogInfoMap = _this.dialogProvider.dialogInfoMap;
     dialogInfoMap.forEach(function (_ref, key) {
       var windowConfig = _ref.windowConfig;
@@ -128,12 +149,19 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
     });
     _this.dialogProvider.addObserver(_this._dialogInfoObserver);
     _this._confirmWindow = _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.CONFIRM, _constant.FcrUIDialogKey.CONFIRM);
+    _this._subWindow = _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.SUB_WINDOW, _constant.FcrUIDialogKey.SUB_WINDOW);
+    _this._subWindow.addObserver(_this._subWindowObserver);
     _this._confirmWindow.addObserver(_this._confirmWindowObserver);
     _this.dialogProvider.openDialog(_constant.FcrUIDialogKey.CONFIRM);
     return _this;
   }
   (0, _inherits2["default"])(DialogStore, _DialogStoreBase);
   return (0, _createClass2["default"])(DialogStore, [{
+    key: "_detectConfirms",
+    get: function get() {
+      return this._mouseDetectProvider.getDetectAreas(_struct.FcrUIDetectAreaID.Confirm);
+    }
+  }, {
     key: "isConfirmListEmpty",
     get: function get() {
       return this.confirms.length === 0;
@@ -158,6 +186,11 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
       // @ts-ignore
       return window._rendererWindow;
     }
+  }, {
+    key: "getDialogWindow",
+    value: function getDialogWindow(dialogKey, dialogId) {
+      return this._windowProvider.getWindowById(dialogKey, dialogId);
+    }
   }, {
     key: "handleConfirmMouseover",
     value: function handleConfirmMouseover() {
@@ -187,12 +220,22 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
   }, {
     key: "setObserverWindow",
     value: function setObserverWindow(id, window) {
-      this._sharedConfirmDataSource.setWindowBounds(id, window);
+      var currentConfirms = this._detectConfirms;
+      var oldConfirms = currentConfirms.filter(function (confirm) {
+        return confirm.id !== id;
+      });
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.Confirm, [_objectSpread({
+        id: id
+      }, window)].concat((0, _toConsumableArray2["default"])(oldConfirms)));
     }
   }, {
     key: "removeObserverWindow",
     value: function removeObserverWindow(id) {
-      this._sharedConfirmDataSource.removeWindowBounds(id);
+      var currentConfirms = this._detectConfirms;
+      var oldConfirms = currentConfirms.filter(function (confirm) {
+        return confirm.id !== id;
+      });
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.Confirm, oldConfirms);
     }
   }, {
     key: "addScreenObserver",
@@ -212,7 +255,24 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
     value: function release() {
       _superPropGet(DialogStore, "release", this, 3)([]);
       this._confirmWindow.removeObserver(this._confirmWindowObserver);
+      this._subWindow.removeObserver(this._subWindowObserver);
       this.dialogProvider.removeObserver(this._dialogInfoObserver);
+      this._mouseDetectProvider.deleteDetectArea(_struct.FcrUIDetectAreaID.Confirm);
+      this._mouseDetectProvider.removeObserver(this._detactObserver);
+    }
+  }, {
+    key: "_handleDetectAreaMouseover",
+    value: function _handleDetectAreaMouseover(areaId) {
+      if (areaId === _struct.FcrUIDetectAreaID.Confirm) {
+        this.handleConfirmMouseover();
+      }
+    }
+  }, {
+    key: "_handleDetectAreaMouseout",
+    value: function _handleDetectAreaMouseout(areaId) {
+      if (areaId === _struct.FcrUIDetectAreaID.Confirm) {
+        this.handleConfirmMouseout();
+      }
     }
   }, {
     key: "_handleDialogInfoAdded",
@@ -234,6 +294,6 @@ var DialogStore = exports["default"] = /*#__PURE__*/function (_DialogStoreBase)
   }]);
 }(_store.DialogStoreBase);
 _DialogStore = DialogStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.computed, 3, "isConfirmListEmpty"], [_decorator.bound, 2, "getDialogRootNode"], [_decorator.bound, 2, "getDialogRendererWindow"], [_decorator.bound, 2, "handleConfirmMouseover"], [_decorator.bound, 2, "handleConfirmMouseout"], [_decorator.bound, 2, "handleSceneMounted"], [_decorator.bound, 2, "setObserverWindow"], [_decorator.bound, 2, "removeObserverWindow"], [_decorator.bound, 2, "addScreenObserver"], [_decorator.bound, 2, "removeScreenObserver"], [[_decorator.bound, _decorator.trace], 2, "release"], [_decorator.bound, 2, "_handleDialogInfoAdded"], [_decorator.bound, 2, "_handleScreenEvent"]], [], 0, void 0, _store.DialogStoreBase).e, 1);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.computed, 3, "isConfirmListEmpty"], [_decorator.bound, 2, "getDialogRootNode"], [_decorator.bound, 2, "getDialogRendererWindow"], [_decorator.bound, 2, "getDialogWindow"], [_decorator.bound, 2, "handleConfirmMouseover"], [_decorator.bound, 2, "handleConfirmMouseout"], [_decorator.bound, 2, "handleSceneMounted"], [_decorator.bound, 2, "setObserverWindow"], [_decorator.bound, 2, "removeObserverWindow"], [_decorator.bound, 2, "addScreenObserver"], [_decorator.bound, 2, "removeScreenObserver"], [[_decorator.bound, _decorator.trace], 2, "release"], [_decorator.bound, 2, "_handleDetectAreaMouseover"], [_decorator.bound, 2, "_handleDetectAreaMouseout"], [_decorator.bound, 2, "_handleDialogInfoAdded"], [_decorator.bound, 2, "_handleScreenEvent"]], [], 0, void 0, _store.DialogStoreBase).e, 1);
 _initProto = _applyDecs$e[0];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/dialog/type.d.ts

@@ -96,3 +96,6 @@ export type FcrUIDialogHooksConfig = Omit<FcrUIDialogHooksProps, 'dialogKey' | '
 export type DialogStoreArgs = {
     objectManager: FcrUIObjectManager;
 };
+export type FcrUIConfirmArea = FcrUI.FcrUIRectangle & {
+    id?: string;
+};

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

@@ -7,7 +7,6 @@
   align-items: center;
   flex-direction: column;
   margin-top: 10%;
-  overflow: hidden;
 }
 .toast-wrapper.toast-wrapper-web {
   position: absolute;

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

@@ -62,6 +62,7 @@ var EventToastUIModule = exports.EventToastUIModule = /*#__PURE__*/function (_UI
   }, {
     key: "getComponent",
     value: function getComponent(type) {
+      this.store.setToastType(type);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this.store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {

package/lib/modules/event-toast/store.base.d.ts

@@ -5,12 +5,14 @@ export default abstract class ToastStoreBase implements FcrUIManagedObject {
     protected logger: import("agora-foundation/lib/logger").Logger;
     protected messageProvider: FcrUIMessageProvider;
     protected messageObserver: FcrUIMessageObserver;
+    accessor toastType: 'global' | 'local';
     accessor toasts: Map<string, () => void>;
     get toastsList(): ToastProps[];
     abstract get toastWrapperClassName(): string;
     constructor({ objectManager }: ToastStoreArgs);
     addToast(toast: ToastProps): void;
     release(): void;
+    setToastType(type: 'global' | 'local'): void;
     handleSceneMounted(): void;
     handleSceneUnmounted(): void;
     private _handleToastEvent;

package/lib/modules/event-toast/store.base.js

@@ -69,7 +69,7 @@ var _struct = require("../../providers/message/struct");
 var _chat = require("../chat");
 var _schedule = require("agora-foundation/lib/schedule");
 var _ToastStoreBase;
-var _initProto, _init_toasts, _addToastDecs, _handleToastEventDecs, _ref;
+var _initProto, _init_toastType, _init_toasts, _addToastDecs, _handleToastEventDecs, _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; }
@@ -81,6 +81,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 var _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
 _ref = (_addToastDecs = [_mobx.action, _mobx.action.bound], _handleToastEventDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ToastStoreBase = exports["default"] = /*#__PURE__*/function () {
   function ToastStoreBase(_ref2) {
@@ -92,18 +93,27 @@ var ToastStoreBase = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "messageObserver", {
       onToastReceived: this._handleToastEvent
     });
-    _classPrivateFieldInitSpec(this, _A, _init_toasts(this, new Map()));
+    _classPrivateFieldInitSpec(this, _A, _init_toastType(this, 'global'));
+    _classPrivateFieldInitSpec(this, _B, _init_toasts(this, new Map()));
     this.messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
     this.messageProvider.addObserver(this.messageObserver);
   }
   return (0, _createClass2["default"])(ToastStoreBase, [{
-    key: "toasts",
+    key: "toastType",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_A, this, v);
     }
+  }, {
+    key: "toasts",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
   }, {
     key: "toastsList",
     get: function get() {
@@ -136,6 +146,11 @@ var ToastStoreBase = exports["default"] = /*#__PURE__*/function () {
       this.toasts.clear();
       this.messageProvider.removeObserver(this.messageObserver);
     }
+  }, {
+    key: "setToastType",
+    value: function setToastType(type) {
+      this.toastType = type;
+    }
   }, {
     key: "handleSceneMounted",
     value: function handleSceneMounted() {}
@@ -155,26 +170,30 @@ var ToastStoreBase = exports["default"] = /*#__PURE__*/function () {
       if (position === _struct.FcrUIToastPosition.CHAT) {
         customRootClass = _chat.CHAT_WRAPPER_CLASS;
       }
-      var toastProps = {
-        type: type,
-        content: content
-      };
-      _toast.FcrToastApi.open({
-        id: id,
-        toastProps: toastProps,
-        customRootClass: customRootClass,
-        duration: duration
-      });
-      this.addToast({
-        type: type,
-        content: content,
-        duration: duration
-      });
+      if (this.toastType === 'local') {
+        var toastProps = {
+          type: type,
+          content: content
+        };
+        _toast.FcrToastApi.open({
+          id: id,
+          toastProps: toastProps,
+          customRootClass: customRootClass,
+          duration: duration
+        });
+      } else {
+        this.addToast({
+          type: type,
+          content: content,
+          duration: duration
+        });
+      }
     }
   }]);
 }();
 _ToastStoreBase = ToastStoreBase;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ToastStoreBase, [[_mobx.observable, 1, "toasts"], [_mobx.computed, 3, "toastsList"], [_addToastDecs, 18, "addToast"], [_handleToastEventDecs, 18, "_handleToastEvent"]], []).e, 2);
-_init_toasts = _applyDecs$e[0];
-_initProto = _applyDecs$e[1];
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ToastStoreBase, [[_mobx.observable, 1, "toastType"], [_mobx.observable, 1, "toasts"], [_mobx.computed, 3, "toastsList"], [_addToastDecs, 18, "addToast"], [_handleToastEventDecs, 18, "_handleToastEvent"]], []).e, 3);
+_init_toastType = _applyDecs$e[0];
+_init_toasts = _applyDecs$e[1];
+_initProto = _applyDecs$e[2];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/event-toast/store.electron.d.ts

@@ -5,6 +5,7 @@ export default class ToastStore extends ToastStoreBase {
     private _objectManager;
     private _dialogProvider;
     private _windowProvider;
+    private _renderer;
     private _screenShareProvider;
     private _screenShareObserver;
     get toastWrapperClassName(): string;
@@ -12,4 +13,5 @@ export default class ToastStore extends ToastStoreBase {
     handleSceneMounted(): void;
     handleSceneUnmounted(): void;
     release(): void;
+    private _followCorrectDisplay;
 }

package/lib/modules/event-toast/store.electron.js

@@ -55,7 +55,6 @@ var _logger = require("../../utilities/logger");
 var _objectManager = require("../../object-manager");
 var _store = _interopRequireDefault(require("./store.base"));
 var _decorator = require("agora-foundation/lib/decorator");
-var _levelConfig = require("../dialog/level-config");
 var _ToastStore;
 var _initProto;
 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)); }
@@ -80,24 +79,22 @@ var ToastStore = exports["default"] = /*#__PURE__*/function (_ToastStoreBase) {
     (0, _defineProperty2["default"])(_this, "_screenShareProvider", null);
     (0, _defineProperty2["default"])(_this, "_screenShareObserver", {
       onScreenShareStarted: function onScreenShareStarted() {
-        var toastWindow = _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.TOAST);
         var screenShareProvider = _this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_SCREEN_SHARE_PROVIDER);
         var workarea = screenShareProvider.sharingDisplayBounds;
-        toastWindow.setBounds(workarea);
-        toastWindow.setAlwaysOnTop(true, 'screen-saver', _levelConfig.WindowRelativeLevel.TOAST_LEVEL);
-        toastWindow.setIgnoreMouseEvents(true);
-        toastWindow.show();
+        _this._followCorrectDisplay(workarea);
       },
       onScreenShareStopped: function onScreenShareStopped() {
-        var toastWindow = _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.TOAST);
-        toastWindow.hide();
+        _this._followCorrectDisplay();
       }
     });
     _this._objectManager = objectManager;
     _this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
     _this._windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    _this._renderer = objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
     _this._dialogProvider.openDialog(_constant.FcrUIDialogKey.TOAST);
-    _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.TOAST).hide();
+    var toastWindow = _this._windowProvider.getWindowById(_constant.FcrUIDialogKey.TOAST);
+    toastWindow.setIgnoreMouseEvents(true);
+    _this._followCorrectDisplay();
     return _this;
   }
   (0, _inherits2["default"])(ToastStore, _ToastStoreBase);
@@ -127,6 +124,19 @@ var ToastStore = exports["default"] = /*#__PURE__*/function (_ToastStoreBase) {
       this._dialogProvider.closeDialog(_constant.FcrUIDialogKey.TOAST);
       _superPropGet(ToastStore, "release", this, 3)([]);
     }
+  }, {
+    key: "_followCorrectDisplay",
+    value: function _followCorrectDisplay(workarea) {
+      var toastWindow = this._windowProvider.getWindowById(_constant.FcrUIDialogKey.TOAST);
+      if (workarea) {
+        toastWindow.setBounds(workarea);
+      } else {
+        var currentWindow = this._windowProvider.getCurrentWindow();
+        var currentWindowBounds = currentWindow.getBounds();
+        var display = this._renderer.getDisplayMatching(currentWindowBounds);
+        toastWindow.setBounds(display.bounds);
+      }
+    }
   }]);
 }(_store["default"]);
 _ToastStore = ToastStore;

package/lib/modules/layout/components/CommonVideoRenderer.js

@@ -122,6 +122,7 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
   var renderBoardContent = function renderBoardContent(windowData, windowId) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_boardContext["default"].Provider, {
       value: {
+        videoWindowLayoutType: layoutType,
         showToolbar: commonProps.showToolbar
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/modules/participant/components/confirm-input/index.js

@@ -109,7 +109,7 @@ var FcrWrapConfirmRenameForm = exports.FcrWrapConfirmRenameForm = (0, _mobxReact
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "operate-rename-dialog-content",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FcrConfirmRenameForm, {
-      value: store.operatorRenameUserName,
+      value: store.renamingUserName,
       onChange: function onChange(value) {
         return store.newName = String(value);
       },

package/lib/modules/participant/store.base.d.ts

@@ -44,8 +44,8 @@ export declare abstract class ParticipantStoreBase {
     private _privilegeControlObserver;
     private _userObserver;
     private _whitebaordObderver;
-    protected _operatorRenameUserId: string;
-    protected accessor _operatorRenameUserName: string;
+    protected _renamingUserId: string;
+    protected _renamingUserName: string;
     private accessor _mainList;
     private accessor _isChecked;
     accessor _participantsWindowActive: boolean;
@@ -63,7 +63,8 @@ export declare abstract class ParticipantStoreBase {
     accessor allowUnmute: boolean;
     accessor joinWithMuteAudio: boolean;
     accessor showBecomeHostButton: boolean;
-    get operatorRenameUserName(): string;
+    accessor _userCount: number;
+    get renamingUserName(): string;
     get audioVolumeMap(): Map<string, number>;
     get localUser(): FcrUserInfo;
     get localUserRole(): FcrUserRole;
@@ -142,6 +143,7 @@ export declare abstract class ParticipantStoreBase {
     removeWaitingRoomUser(userId: string, type: FcrUserKickedOutType): void;
     getAllowedOperations: (targetRole: FcrUserRole, isSelf: boolean) => string[];
     removePin(userId: string): void;
+    isHostSupportedByPlatform(userId: string): boolean;
     addPin(userId: string): void;
     private _getPinStreamIdFromUser;
     /**
@@ -235,6 +237,7 @@ export declare abstract class ParticipantStoreBase {
     private _hasVideoPublishedAndStarted;
     private _handleRemoteUsersJoined;
     private _handleUserInfoUpdated;
+    private _handleUserCountUpdated;
     private _handleUserPropertiesUpdated;
     handleConfirmChangeName(): Promise<void>;
     handleCancelChangeName(): void;
@@ -299,6 +302,30 @@ export declare abstract class ParticipantStoreBase {
     private _privateChat;
     private _setAsHost;
     private _setAsCoHost;
+    /**
+     * 显示设置主持人/联席主持人对话框
+     * @param userId 用户ID
+     * @param type 角色类型
+     */
+    private _showSetHostDialog;
+    /**
+     * 获取角色显示名称
+     * @param type 角色类型
+     * @returns 角色显示名称
+     */
+    private _getRoleDisplayName;
+    /**
+     * 处理设置主持人确认操作
+     * @param userId 用户ID
+     * @param type 角色类型
+     */
+    private _handleSetHostConfirmation;
+    /**
+     * 处理设置主持人时的错误
+     * @param error 错误对象
+     */
+    private _handleSetHostError;
+    private _updateRemoteUserRole;
     private _setAsAttendee;
     /**
      * 将指定用户移动到等待房间