fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/share-screen/store.js

@@ -53,10 +53,6 @@ require("core-js/modules/es.promise.finally.js");
 require("core-js/modules/es.string.includes.js");
 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.async-iterator.some.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");
@@ -73,26 +69,26 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fcrCore = require("fcr-core");
-var _type = require("fcr-core/lib/type");
-var _logger = require("agora-foundation/lib/logger");
+var _rendererEvent = require("../../utilities/renderer-event");
+var _types = require("fcr-core/lib/room-control/whiteboard-control/types");
 var _env = require("agora-foundation/lib/utilities/env");
-var _type2 = require("agora-rte-sdk/lib/core/rtc/type");
-var _type3 = require("agora-rte-sdk/lib/core/scene/type");
-var _type4 = require("agora-rte-sdk/lib/type");
+var _type = require("agora-rte-sdk/lib/core/rtc/type");
+var _type2 = require("agora-rte-sdk/lib/core/scene/type");
+var _type3 = require("agora-rte-sdk/lib/type");
 var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
 var _mobx = require("mobx");
-var _rendererEvent = require("../../utilities/renderer-event");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _decorator = require("agora-foundation/lib/decorator");
 var _tools = require("../../utilities/tools");
 var _react = require("react");
-var _type5 = require("agora-ui-foundation/lib/components/icon/type");
-var _types = require("fcr-core/lib/room-control/whiteboard-control/types");
+var _type4 = require("agora-ui-foundation/lib/components/icon/type");
 var _renderer = require("../../utilities/renderer");
 var _screenCapturePermission = require("../../utilities/screen-capture-permission");
 var _constant = require("../../utilities/constant");
+var _logger = require("../../utilities/logger");
+var _parameters = require("../../utilities/parameters");
 var _ShareScreenStore;
-var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_currentSelectionBounds, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _hasLoopbackDeviceDecs, _setShareAudioProcessingChannelDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _openDialogDecs, _openShareScreenSelectionDecs, _closeShareScreenSelectionDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _openRelaunchTipsDialogDecs, _startLoopbackDecs, _setWithAudioStateDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _setShareLockDecs, _handleStreamUpdateDecs, _initControlbarDecs, _ref;
+var _initProto, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_currentShareAudioProcessingChannel, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_currentSelectionBounds, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _hasLoopbackDeviceDecs, _setShareAudioProcessingChannelDecs, _openRelaunchTipsDialogDecs, _startPreviewDecs, _handleStopShareDecs, _handleStartShareDecs, _startLoopbackDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _openShareScreenSelectionDecs, _closeShareScreenSelectionDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _setWithAudioStateDecs, _handleReplaceScreenDecs, _handleScreenCaptureStateUpdatedDecs, _setShareLockDecs, _handleStreamUpdateDecs, _initControlbarDecs, _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; }
@@ -112,20 +108,7 @@ var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
 var _I = /*#__PURE__*/new WeakMap();
-var _J = /*#__PURE__*/new WeakMap();
-var _K = /*#__PURE__*/new WeakMap();
-var _L = /*#__PURE__*/new WeakMap();
-var _M = /*#__PURE__*/new WeakMap();
-var _N = /*#__PURE__*/new WeakMap();
-var _O = /*#__PURE__*/new WeakMap();
-var _P = /*#__PURE__*/new WeakMap();
-var _Q = /*#__PURE__*/new WeakMap();
-var _R = /*#__PURE__*/new WeakMap();
-var _S = /*#__PURE__*/new WeakMap();
-var _T = /*#__PURE__*/new WeakMap();
-var _U = /*#__PURE__*/new WeakMap();
-var _V = /*#__PURE__*/new WeakMap();
-_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _hasLoopbackDeviceDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _openShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _openRelaunchTipsDialogDecs = [_mobx.action, _mobx.action.bound], _startLoopbackDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _handleStreamUpdateDecs = [_mobx.action, _mobx.action.bound], _initControlbarDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _hasLoopbackDeviceDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _openRelaunchTipsDialogDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _startLoopbackDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _openShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _handleStreamUpdateDecs = [_mobx.action, _mobx.action.bound], _initControlbarDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   function ShareScreenStore(_ref2) {
     var _this = this;
@@ -134,15 +117,23 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       privilegeProvider = _ref2.privilegeProvider,
       messageProvider = _ref2.messageProvider,
       dialogProvider = _ref2.dialogProvider,
-      eventProvider = _ref2.eventProvider;
+      eventProvider = _ref2.eventProvider,
+      sharedMemberDataSource = _ref2.sharedMemberDataSource,
+      roomProvider = _ref2.roomProvider,
+      sharedConfigDataSource = _ref2.sharedConfigDataSource;
     (0, _classCallCheck2["default"])(this, ShareScreenStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'ShareScreenStore'
+    })));
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_controlBarWindowId", -1);
     (0, _defineProperty2["default"])(this, "_currentShareStreamId", '');
     (0, _defineProperty2["default"])(this, "_removeScreenStreamFailed", false);
     (0, _defineProperty2["default"])(this, "_isReplaceScreen", false);
     (0, _defineProperty2["default"])(this, "_previewDom", null);
+    (0, _defineProperty2["default"])(this, "_roomObserver", {
+      onRoomClosed: this.handleStopShare
+    });
     (0, _defineProperty2["default"])(this, "_observer", {
       onScreenCaptureStateUpdated: (0, _env.isElectron)() ? this._handleScreenCaptureStateUpdated : this._handleWebScreenCaptureStateUpdated
     });
@@ -164,71 +155,69 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       onActive: function onActive(ownerId) {
         _this.handleStopShare();
         (0, _env.isElectron)() && _this._closeCapture();
-        _this.closeShareScreenSelection();
+        _this._closeShareScreenSelection();
         _this.boardOwnerUser = _this._userControl.getUser(ownerId);
       },
       onInactive: function onInactive(reason) {
         _this.boardOwnerUser = undefined;
       }
     });
-    _classPrivateFieldInitSpec(this, _A, _init__shareSelectionDialogId(this, ''));
-    _classPrivateFieldInitSpec(this, _B, _init__controlBarDialogId(this, ''));
-    _classPrivateFieldInitSpec(this, _C, _init__videoWindowDialogId(this, ''));
-    _classPrivateFieldInitSpec(this, _D, _init__isHost(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init__shareLocked(this, false));
-    _classPrivateFieldInitSpec(this, _F, _init__screenTrack(this, null));
-    _classPrivateFieldInitSpec(this, _G, _init__shareAudioTrack(this, null));
-    _classPrivateFieldInitSpec(this, _H, _init_screenSharingState(this, _fcrCore.FcrMediaSourceState.CLOSE));
-    _classPrivateFieldInitSpec(this, _I, _init_applicationCaptureSources(this, []));
-    _classPrivateFieldInitSpec(this, _J, _init_screenCaptureSources(this, []));
-    _classPrivateFieldInitSpec(this, _K, _init_hasScreenCapturePermission(this, true));
-    _classPrivateFieldInitSpec(this, _L, _init_currentShareAudioProcessingChannel(this, _shareAudio.AudioProcessingChannel.MONO));
-    _classPrivateFieldInitSpec(this, _M, _init_currentShareId(this, ''));
-    _classPrivateFieldInitSpec(this, _N, _init_sharerId(this, ''));
-    _classPrivateFieldInitSpec(this, _O, _init_currentShareType(this, _type2.AgoraRtcScreenCaptureType.SCREEN));
-    _classPrivateFieldInitSpec(this, _P, _init_currentSelection(this));
-    _classPrivateFieldInitSpec(this, _Q, _init_currentSelectionType(this, _type2.AgoraRtcScreenCaptureType.WINDOW));
-    _classPrivateFieldInitSpec(this, _R, _init_currentSelectionBounds(this, {
+    (0, _defineProperty2["default"])(this, "_loopbackAudioSourceId", (0, _env.getPlatform)() === _env.FcrApplicationPlatform.MACOS && (0, _env.isElectron)() ? 'AgoraALD' : (0, _env.isElectron)() ? '' : 'default');
+    (0, _defineProperty2["default"])(this, "_shareSelectionDialogId", '');
+    (0, _defineProperty2["default"])(this, "_controlBarDialogId", '');
+    (0, _defineProperty2["default"])(this, "_videoWindowDialogId", '');
+    (0, _defineProperty2["default"])(this, "_shareLocked", false);
+    (0, _defineProperty2["default"])(this, "_screenTrack", null);
+    (0, _defineProperty2["default"])(this, "_shareAudioTrack", null);
+    (0, _defineProperty2["default"])(this, "_currentShareId", '');
+    (0, _defineProperty2["default"])(this, "_currentShareType", _type.AgoraRtcScreenCaptureType.SCREEN);
+    _classPrivateFieldInitSpec(this, _A, _init_screenSharingState(this, _fcrCore.FcrMediaSourceState.CLOSE));
+    _classPrivateFieldInitSpec(this, _B, _init_applicationCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _C, _init_screenCaptureSources(this, []));
+    _classPrivateFieldInitSpec(this, _D, _init_currentShareAudioProcessingChannel(this, _shareAudio.AudioProcessingChannel.MONO));
+    _classPrivateFieldInitSpec(this, _E, _init_currentSelection(this, (0, _env.isElectron)() ? '' : 'default'));
+    _classPrivateFieldInitSpec(this, _F, _init_currentSelectionType(this, _type.AgoraRtcScreenCaptureType.WINDOW));
+    _classPrivateFieldInitSpec(this, _G, _init_shareWithAudio(this, !(0, _env.isElectron)()));
+    // electron 默认 false，web 默认 true
+    _classPrivateFieldInitSpec(this, _H, _init_boardOwnerUser(this, undefined));
+    _classPrivateFieldInitSpec(this, _I, _init_currentSelectionBounds(this, {
       x: 0,
       y: 0,
       width: 0,
       height: 0
     }));
-    _classPrivateFieldInitSpec(this, _S, _init_shareWithAudio(this));
-    _classPrivateFieldInitSpec(this, _T, _init_boardOwnerUser(this, undefined));
-    _classPrivateFieldInitSpec(this, _U, _init_localUser(this));
-    _classPrivateFieldInitSpec(this, _V, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
     (0, _defineProperty2["default"])(this, "handleChooseScreen", _init_handleChooseScreen(this, function (id) {
-      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type2.AgoraRtcScreenCaptureType.WINDOW;
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _type.AgoraRtcScreenCaptureType.WINDOW;
       var bounds = arguments.length > 2 ? arguments[2] : undefined;
       _this.currentSelection = id;
       _this.currentSelectionType = type;
       _this.currentSelectionBounds = bounds;
     }));
-    this._roomControl = roomControl;
     this._deviceProvider = deviceProvider;
     this._messageProvider = messageProvider;
     this._dialogProvider = dialogProvider;
     this._eventProvider = eventProvider;
+    this._securityStore = privilegeProvider;
+    this._roomProvider = roomProvider;
+    this._sharedMemberDataSource = sharedMemberDataSource;
     this._streamControl = roomControl.getStreamControl();
     this._userControl = roomControl.getUserControl();
-    this._securityStore = privilegeProvider;
-    this.localUser = this._userControl.getLocalUser();
-    this.localUserRole = this.localUser.userRole;
-    this.shareWithAudio = (0, _env.isElectron)() ? false : true; // electron 默认 false，web 默认 true
-    this._loopbackAudioSourceId = (0, _env.getPlatform)() === _env.FcrApplicationPlatform.MACOS && (0, _env.isElectron)() ? 'AgoraALD' : (0, _env.isElectron)() ? '' : 'default';
-    this.currentSelection = (0, _env.isElectron)() ? '' : 'default';
+    this._boardControl = roomControl.getBoardControl();
+    this._roomProvider.addObserver(this._roomObserver);
     this._eventProvider.addObserver(this._uiEventObserver);
     this._streamControl.addObserver(this._streamObserver);
-    this._roomControl.getBoardControl().addObserver(this._boardObserver);
-    this._isHost = [_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST].includes(this.localUserRole);
+    this._boardControl.addObserver(this._boardObserver);
     this._addEventListeners();
     this._syncShareStreamState();
+    if ((0, _parameters.getStartScreenSharing)(sharedConfigDataSource.creatorConfig.parameters)) {
+      var display = window.runtime.screen.getAllDisplays()[0];
+      this.handleStartShare(String(display.id), _type.AgoraRtcScreenCaptureType.SCREEN, false, _shareAudio.AudioProcessingChannel.MONO, display.bounds);
+    }
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this._securityStore.hasStartScreenSharePermission();
     }, function (screenSharePremission) {
       if (!screenSharePremission) {
-        if (_this._isHost) return;
+        if (_this.isHost) return;
         _this._messageProvider.showToast({
           type: 'error',
           message: (0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibitssharing'),
@@ -238,7 +227,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     }));
   }
   return (0, _createClass2["default"])(ShareScreenStore, [{
-    key: "_shareSelectionDialogId",
+    key: "screenSharingState",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
@@ -246,7 +235,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "_controlBarDialogId",
+    key: "applicationCaptureSources",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -254,7 +243,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "_videoWindowDialogId",
+    key: "screenCaptureSources",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -262,7 +251,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "_isHost",
+    key: "currentShareAudioProcessingChannel",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -270,7 +259,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "_shareLocked",
+    key: "currentSelection",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -278,7 +267,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "_screenTrack",
+    key: "currentSelectionType",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -286,7 +275,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "_shareAudioTrack",
+    key: "shareWithAudio",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -294,7 +283,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "screenSharingState",
+    key: "boardOwnerUser",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -302,7 +291,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "applicationCaptureSources",
+    key: "currentSelectionBounds",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -310,108 +299,19 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "screenCaptureSources",
-    get: function get() {
-      return _classPrivateFieldGet(_J, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_J, this, v);
-    }
-  }, {
-    key: "hasScreenCapturePermission",
-    get: function get() {
-      return _classPrivateFieldGet(_K, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_K, this, v);
-    }
-  }, {
-    key: "currentShareAudioProcessingChannel",
-    get: function get() {
-      return _classPrivateFieldGet(_L, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_L, this, v);
-    }
-  }, {
-    key: "currentShareId",
-    get: function get() {
-      return _classPrivateFieldGet(_M, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_M, this, v);
-    }
-  }, {
-    key: "sharerId",
-    get: function get() {
-      return _classPrivateFieldGet(_N, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_N, this, v);
-    }
-  }, {
-    key: "currentShareType",
-    get: function get() {
-      return _classPrivateFieldGet(_O, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_O, this, v);
-    }
-  }, {
-    key: "currentSelection",
-    get: function get() {
-      return _classPrivateFieldGet(_P, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_P, this, v);
-    }
-  }, {
-    key: "currentSelectionType",
-    get: function get() {
-      return _classPrivateFieldGet(_Q, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_Q, this, v);
-    }
-  }, {
-    key: "currentSelectionBounds",
-    get: function get() {
-      return _classPrivateFieldGet(_R, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_R, this, v);
-    }
-  }, {
-    key: "shareWithAudio",
-    get: function get() {
-      return _classPrivateFieldGet(_S, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_S, this, v);
-    }
-  }, {
-    key: "boardOwnerUser",
+    key: "localUser",
     get: function get() {
-      return _classPrivateFieldGet(_T, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_T, this, v);
+      return this._sharedMemberDataSource.localUser;
     }
   }, {
-    key: "localUser",
+    key: "localUserRole",
     get: function get() {
-      return _classPrivateFieldGet(_U, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_U, this, v);
+      return this._sharedMemberDataSource.localUserRole;
     }
   }, {
-    key: "localUserRole",
+    key: "isHost",
     get: function get() {
-      return _classPrivateFieldGet(_V, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_V, this, v);
+      return this._sharedMemberDataSource.isLocalUserHost;
     }
   }, {
     key: "supportEnumScreen",
@@ -480,25 +380,26 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       this._eventProvider.removeObserver(this._uiEventObserver);
       this._streamControl.removeObserver(this._streamObserver);
       (_this$_screenTrack = this._screenTrack) === null || _this$_screenTrack === void 0 || _this$_screenTrack.removeObserver(this._observer);
-      this._roomControl.getBoardControl().removeObserver(this._boardObserver);
+      this._boardControl.removeObserver(this._boardObserver);
+      this._roomProvider.removeObserver(this._roomObserver);
     }
   }, {
-    key: "handleShareStartWithAudio",
-    value: function handleShareStartWithAudio() {
-      this._shareAudioTrack = this._deviceProvider.getLoopbackTrack(this._loopbackAudioSourceId);
-      if (this._deviceProvider.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
-        this._shareAudioTrack.start();
-      }
-    }
-  }, {
-    key: "handleShareStopWithAudio",
-    value: function handleShareStopWithAudio() {
-      if (!this._shareAudioTrack) {
-        return;
-      }
-      if (this._deviceProvider.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
-        this._shareAudioTrack.stop();
-      }
+    key: "openRelaunchTipsDialog",
+    value: function openRelaunchTipsDialog() {
+      var _this2 = this;
+      var dialogId = this._dialogProvider.openConfirmDialog({
+        content: (0, _i18n.transI18n)('fmt_driver_installation_v_sound_card'),
+        onOk: function onOk() {
+          dialogId && _this2._dialogProvider.closeConfirm(dialogId);
+          (0, _renderer.restartApp)();
+        },
+        onCancel: function onCancel() {
+          dialogId && _this2._dialogProvider.closeConfirm(dialogId);
+        },
+        okText: (0, _i18n.transI18n)('fmt_premeeting_setting_mobile_popup_button_restart'),
+        cancelText: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+        title: ''
+      });
     }
   }, {
     key: "startPreview",
@@ -517,154 +418,26 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "openDialog",
-    value: function openDialog(item) {
-      this._dialogProvider.openDialog(item, '', {
-        controlBarWindowId: this._controlBarWindowId
-      });
-    }
-  }, {
-    key: "closeDialog",
-    value: function closeDialog(item) {
-      this._dialogProvider.closeDialog("".concat(item, "_").concat(item));
-    }
-  }, {
-    key: "openShareScreenSelection",
-    value: function () {
-      var _openShareScreenSelection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        var _this2 = this;
-        var windowList, displayList;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              this._shareSelectionDialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SHARE_SCREEN, 'screen-selection');
-              _context2.next = 3;
-              return this.appWindowList;
-            case 3:
-              windowList = _context2.sent.filter(function (item) {
-                return !['AgoraHighLighter', 'Toast', 'Confirm'].includes(item.title) || item.isCurrent;
-              });
-              _context2.next = 6;
-              return this.displayList;
-            case 6:
-              displayList = _context2.sent;
-              (0, _mobx.runInAction)(function () {
-                _this2.applicationCaptureSources = windowList.filter(function (item) {
-                  return !item.isCurrent;
-                });
-                _this2.screenCaptureSources = [{
-                  title: (0, _i18n.transI18n)('fmt_share_options_whiteboard'),
-                  id: "whiteboard-".concat(displayList[0].id),
-                  image: _type5.FcrIconType.FCR_WHITEBOARD2
-                }].concat((0, _toConsumableArray2["default"])(displayList));
-              });
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function openShareScreenSelection() {
-        return _openShareScreenSelection.apply(this, arguments);
-      }
-      return openShareScreenSelection;
-    }()
-  }, {
-    key: "closeShareScreenSelection",
-    value: function closeShareScreenSelection() {
-      this._dialogProvider.closeDialog(this._shareSelectionDialogId);
-      this._shareSelectionDialogId = '';
-    }
-  }, {
-    key: "setControlBarWindowId",
-    value: function setControlBarWindowId(id) {
-      this._controlBarWindowId = id;
-    }
-  }, {
-    key: "openVideoWindowDialog",
-    value: function openVideoWindowDialog() {
-      this._videoWindowDialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.VIDEO_WINDOW);
-    }
-  }, {
-    key: "closeControlBar",
-    value: function closeControlBar() {
-      if (!this._controlBarDialogId) return;
-      this.setControlBarWindowId(-1);
-      this._dialogProvider.closeDialog(this._controlBarDialogId);
-      this._controlBarDialogId = '';
-    }
-  }, {
-    key: "closeVideoWindowDialog",
-    value: function closeVideoWindowDialog() {
-      this._dialogProvider.closeDialog(this._videoWindowDialogId);
-      this._videoWindowDialogId = '';
-      this._eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_VIDEO_WINDOW);
-    }
-  }, {
-    key: "openRelaunchTipsDialog",
-    value: function openRelaunchTipsDialog() {
-      var _this3 = this;
-      var dialogId = this._dialogProvider.openConfirmDialog({
-        content: (0, _i18n.transI18n)('fmt_driver_installation_v_sound_card'),
-        onOk: function onOk() {
-          dialogId && _this3._dialogProvider.closeConfirm(dialogId);
-          (0, _renderer.restartApp)();
-        },
-        onCancel: function onCancel() {
-          dialogId && _this3._dialogProvider.closeConfirm(dialogId);
-        },
-        okText: (0, _i18n.transI18n)('fmt_premeeting_setting_mobile_popup_button_restart'),
-        cancelText: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
-        title: ''
-      });
-    }
-  }, {
-    key: "startLoopback",
-    value: function () {
-      var _startLoopback = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(withAudio) {
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              this._setWithAudioState(withAudio);
-              if (withAudio) {
-                this.handleShareStartWithAudio();
-              } else {
-                this.handleShareStopWithAudio();
-              }
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function startLoopback(_x) {
-        return _startLoopback.apply(this, arguments);
-      }
-      return startLoopback;
-    }()
-  }, {
-    key: "_setWithAudioState",
-    value: function _setWithAudioState(withAudio) {
-      this.setShareWithAudioState(withAudio);
-      if (this._currentShareStreamId) {
-        this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
-          audioPrivilege: withAudio ? _fcrCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
-          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
-        }));
-      }
+    key: "handleStopShare",
+    value: function handleStopShare() {
+      var _this$_screenTrack4, _this$_screenTrack5;
+      this._closeCapture();
+      this._removeScreenStream();
+      this._previewDom && ((_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 ? void 0 : _this$_screenTrack4.stopPreview(this._previewDom));
+      (_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 || _this$_screenTrack5.stop();
+      this._currentShareId = '';
     }
   }, {
     key: "prepareShareScreen",
     value: function () {
-      var _prepareShareScreen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-        var _this4 = this;
+      var _prepareShareScreen = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var _this3 = this;
         var dialogId;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              this.hasScreenCapturePermission = (0, _screenCapturePermission.hasScreenCapturePermission)();
-              if (this.hasScreenCapturePermission) {
-                _context4.next = 4;
+              if ((0, _screenCapturePermission.hasScreenCapturePermission)()) {
+                _context2.next = 3;
                 break;
               }
               dialogId = this._dialogProvider.openConfirmDialog({
@@ -673,23 +446,23 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 okText: (0, _i18n.transI18n)('fmt_group_popup_creat_next_sidpop_label_setting'),
                 cancelText: (0, _i18n.transI18n)('fmt_group_popup_creat_next_sidpop_button_help_ignore'),
                 onCancel: function onCancel() {
-                  _this4._dialogProvider.closeConfirm(dialogId);
+                  _this3._dialogProvider.closeConfirm(dialogId);
                 },
                 onOk: function onOk() {
                   window.runtime.checkMediaPermission('sharing');
-                  _this4._dialogProvider.closeConfirm(dialogId);
+                  _this3._dialogProvider.closeConfirm(dialogId);
                 },
                 closable: false
               });
-              return _context4.abrupt("return");
-            case 4:
-              this.supportEnumScreen && this.openShareScreenSelection();
-              !(0, _env.isElectron)() && this.handleStartShare(this.currentSelection, _type2.AgoraRtcScreenCaptureType.SCREEN, true, _shareAudio.AudioProcessingChannel.MONO, this.currentSelectionBounds); // web 直接开始分享
-            case 6:
+              return _context2.abrupt("return");
+            case 3:
+              this.supportEnumScreen && this._openShareScreenSelection();
+              !(0, _env.isElectron)() && this.handleStartShare(this.currentSelection, _type.AgoraRtcScreenCaptureType.SCREEN, true, _shareAudio.AudioProcessingChannel.MONO, this.currentSelectionBounds); // web 直接开始分享
+            case 5:
             case "end":
-              return _context4.stop();
+              return _context2.stop();
           }
-        }, _callee4, this);
+        }, _callee2, this);
       }));
       function prepareShareScreen() {
         return _prepareShareScreen.apply(this, arguments);
@@ -699,93 +472,93 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handleStartShare",
     value: function () {
-      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(id, type, withAudio) {
+      var _handleStartShare = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(id, type, withAudio) {
         var audioProcessingChannel,
           bounds,
           excludeWindows,
           screenTrack,
-          _args5 = arguments;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+          _args3 = arguments;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              audioProcessingChannel = _args5.length > 3 && _args5[3] !== undefined ? _args5[3] : _shareAudio.AudioProcessingChannel.MONO;
-              bounds = _args5.length > 4 ? _args5[4] : undefined;
+              audioProcessingChannel = _args3.length > 3 && _args3[3] !== undefined ? _args3[3] : _shareAudio.AudioProcessingChannel.MONO;
+              bounds = _args3.length > 4 ? _args3[4] : undefined;
               excludeWindows = [];
-              if ((0, _env.isElectron)()) this.closeShareScreenSelection();
+              if ((0, _env.isElectron)()) this._closeShareScreenSelection();
               if (!(id.split('-')[0] === 'whiteboard')) {
-                _context5.next = 9;
+                _context3.next = 9;
                 break;
               }
-              if (!(!this._securityStore.hasStartBoardPermission() && !(this.localUser.userRole === _type.FcrUserRole.HOST) && !(this.localUser.userRole === _type.FcrUserRole.COHOST))) {
-                _context5.next = 7;
+              if (!(!this._securityStore.hasStartBoardPermission() && !this.isHost)) {
+                _context3.next = 7;
                 break;
               }
-              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
+              return _context3.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_hostprohibits'), 'error'));
             case 7:
               this._eventProvider.sendEvent(_constant.FcrUIAction.OPEN_WHITEBOARD);
-              return _context5.abrupt("return");
+              return _context3.abrupt("return");
             case 9:
               if (!(this.screenSharingState === _fcrCore.FcrMediaSourceState.OPEN)) {
-                _context5.next = 13;
+                _context3.next = 13;
                 break;
               }
-              this.handleReplaceScreen(id, type, withAudio, audioProcessingChannel, bounds);
+              this._handleReplaceScreen(id, type, withAudio, audioProcessingChannel, bounds);
               this._setShareLock(false);
-              return _context5.abrupt("return");
+              return _context3.abrupt("return");
             case 13:
               this._eventProvider.sendEvent(_constant.FcrUIAction.SET_CURRENT_SHARE_SCREEN, {
                 id: id,
                 type: type,
                 bounds: bounds
               });
-              _context5.t0 = this.supportEnumScreen;
-              if (!_context5.t0) {
-                _context5.next = 19;
+              _context3.t0 = this.supportEnumScreen;
+              if (!_context3.t0) {
+                _context3.next = 19;
                 break;
               }
-              _context5.next = 18;
+              _context3.next = 18;
               return this._validateShareStart(id, type);
             case 18:
-              _context5.t0 = !_context5.sent;
+              _context3.t0 = !_context3.sent;
             case 19:
-              if (!_context5.t0) {
-                _context5.next = 21;
+              if (!_context3.t0) {
+                _context3.next = 21;
                 break;
               }
-              return _context5.abrupt("return");
+              return _context3.abrupt("return");
             case 21:
               if (!this._shareLocked) {
-                _context5.next = 23;
+                _context3.next = 23;
                 break;
               }
-              return _context5.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
+              return _context3.abrupt("return", this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_enablecollection'), 'error'));
             case 23:
               this._setShareLock(true);
               this.setShareWithAudioState(withAudio);
-              this.currentShareId = id;
-              this.currentShareType = type;
+              this._currentShareId = id;
+              this._currentShareType = type;
               this.currentSelectionBounds = bounds;
-              if (withAudio) this.handleShareStartWithAudio();
+              if (withAudio) this._handleShareStartWithAudio();
               if (this._hasScreenSharePermission()) {
-                _context5.next = 32;
+                _context3.next = 32;
                 break;
               }
               this._setShareLock(false);
-              return _context5.abrupt("return");
+              return _context3.abrupt("return");
             case 32:
               this._initControlbar(); // 初始化控制栏，web 和 electron 都需要执行
               if (!(0, _env.isElectron)()) {
-                _context5.next = 40;
+                _context3.next = 40;
                 break;
               }
-              _context5.next = 36;
+              _context3.next = 36;
               return this._createScreenStream(id);
             case 36:
-              this.openVideoWindowDialog();
-              _context5.next = 39;
+              this._openVideoWindowDialog();
+              _context3.next = 39;
               return this._getExcludeWindows();
             case 39:
-              excludeWindows = _context5.sent;
+              excludeWindows = _context3.sent;
             case 40:
               screenTrack = this._deviceProvider.getScreenTrack(id);
               this._screenTrack = screenTrack;
@@ -797,24 +570,149 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               });
             case 44:
             case "end":
-              return _context5.stop();
+              return _context3.stop();
           }
-        }, _callee5, this);
+        }, _callee3, this);
       }));
-      function handleStartShare(_x2, _x3, _x4) {
+      function handleStartShare(_x, _x2, _x3) {
         return _handleStartShare.apply(this, arguments);
       }
       return handleStartShare;
     }()
   }, {
-    key: "handleReplaceScreen",
-    value: function handleReplaceScreen(id, type, withAudio) {
+    key: "_startLoopback",
+    value: function () {
+      var _startLoopback2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(withAudio) {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              this._setWithAudioState(withAudio);
+              if (withAudio) {
+                this._handleShareStartWithAudio();
+              } else {
+                this._handleShareStopWithAudio();
+              }
+            case 2:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function _startLoopback(_x4) {
+        return _startLoopback2.apply(this, arguments);
+      }
+      return _startLoopback;
+    }()
+  }, {
+    key: "_handleShareStartWithAudio",
+    value: function _handleShareStartWithAudio() {
+      this._shareAudioTrack = this._deviceProvider.getLoopbackTrack(this._loopbackAudioSourceId);
+      if (this._deviceProvider.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
+        this._shareAudioTrack.start();
+      }
+    }
+  }, {
+    key: "_handleShareStopWithAudio",
+    value: function _handleShareStopWithAudio() {
+      if (!this._shareAudioTrack) {
+        return;
+      }
+      if (this._deviceProvider.isCapabilitySupported(_fcrCore.FcrCapability.LOOPBACK_CAPTURE)) {
+        this._shareAudioTrack.stop();
+      }
+    }
+  }, {
+    key: "_openShareScreenSelection",
+    value: function () {
+      var _openShareScreenSelection2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var _this4 = this;
+        var windowList, displayList;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              this._shareSelectionDialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SHARE_SCREEN, 'screen-selection');
+              _context5.next = 3;
+              return this.appWindowList;
+            case 3:
+              windowList = _context5.sent.filter(function (item) {
+                return !['AgoraHighLighter', 'Toast', 'Confirm'].includes(item.title) || item.isCurrent;
+              });
+              _context5.next = 6;
+              return this.displayList;
+            case 6:
+              displayList = _context5.sent;
+              (0, _mobx.runInAction)(function () {
+                _this4.applicationCaptureSources = windowList.filter(function (item) {
+                  return !item.isCurrent;
+                });
+                _this4.screenCaptureSources = [{
+                  title: (0, _i18n.transI18n)('fmt_share_options_whiteboard'),
+                  id: "whiteboard-".concat(displayList[0].id),
+                  image: _type4.FcrIconType.FCR_WHITEBOARD2
+                }].concat((0, _toConsumableArray2["default"])(displayList));
+              });
+            case 8:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function _openShareScreenSelection() {
+        return _openShareScreenSelection2.apply(this, arguments);
+      }
+      return _openShareScreenSelection;
+    }()
+  }, {
+    key: "_closeShareScreenSelection",
+    value: function _closeShareScreenSelection() {
+      this._dialogProvider.closeDialog(this._shareSelectionDialogId);
+      this._shareSelectionDialogId = '';
+    }
+  }, {
+    key: "_setControlBarWindowId",
+    value: function _setControlBarWindowId(id) {
+      this._controlBarWindowId = id;
+    }
+  }, {
+    key: "_openVideoWindowDialog",
+    value: function _openVideoWindowDialog() {
+      this._videoWindowDialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.VIDEO_WINDOW);
+    }
+  }, {
+    key: "_closeControlBar",
+    value: function _closeControlBar() {
+      if (!this._controlBarDialogId) return;
+      this._setControlBarWindowId(-1);
+      this._dialogProvider.closeDialog(this._controlBarDialogId);
+      this._controlBarDialogId = '';
+    }
+  }, {
+    key: "_closeVideoWindowDialog",
+    value: function _closeVideoWindowDialog() {
+      this._dialogProvider.closeDialog(this._videoWindowDialogId);
+      this._videoWindowDialogId = '';
+      this._eventProvider.sendEvent(_constant.FcrUIAction.CLOSE_VIDEO_WINDOW);
+    }
+  }, {
+    key: "_setWithAudioState",
+    value: function _setWithAudioState(withAudio) {
+      this.setShareWithAudioState(withAudio);
+      if (this._currentShareStreamId) {
+        this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, this._currentShareStreamId, {
+          audioPrivilege: withAudio ? _fcrCore.FcrStreamPrivilegeOperation.HAS_PRIVILEGE : _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
+        }));
+      }
+    }
+  }, {
+    key: "_handleReplaceScreen",
+    value: function _handleReplaceScreen(id, type, withAudio) {
       var _this5 = this;
       var audioProcessingChannel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _shareAudio.AudioProcessingChannel.MONO;
       var bounds = arguments.length > 4 ? arguments[4] : undefined;
       withAudio = (0, _env.isElectron)() ? withAudio : true; // electron 取 withAudio，web 默认为 true
       if (this.shareWithAudio && !withAudio) {
-        this.handleShareStopWithAudio();
+        this._handleShareStopWithAudio();
       }
       this.setShareWithAudioState(withAudio);
       var screenTrack = this._screenTrack;
@@ -843,7 +741,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                     screenTrack.removeObserver(observer);
                     newScreenTrack = _this5._deviceProvider.getScreenTrack(id);
                     if (withAudio) {
-                      _this5.handleShareStartWithAudio();
+                      _this5._handleShareStartWithAudio();
                     }
                     _this5._screenTrack = newScreenTrack;
                     excludeWindows = [];
@@ -869,8 +767,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                         videoSourceId: id
                       }]);
                     }
-                    _this5.currentShareId = id;
-                    _this5.currentShareType = type;
+                    _this5._currentShareId = id;
+                    _this5._currentShareType = type;
                     _this5.currentSelectionBounds = bounds;
                   case 19:
                   case "end":
@@ -889,16 +787,6 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         this._previewDom && screenTrack.stopPreview(this._previewDom);
       }
     }
-  }, {
-    key: "handleStopShare",
-    value: function handleStopShare() {
-      var _this$_screenTrack4, _this$_screenTrack5;
-      this._closeCapture();
-      this._removeScreenStream();
-      this._previewDom && ((_this$_screenTrack4 = this._screenTrack) === null || _this$_screenTrack4 === void 0 ? void 0 : _this$_screenTrack4.stopPreview(this._previewDom));
-      (_this$_screenTrack5 = this._screenTrack) === null || _this$_screenTrack5 === void 0 || _this$_screenTrack5.stop();
-      this.currentShareId = '';
-    }
   }, {
     key: "_createScreenStream",
     value: function () {
@@ -908,14 +796,21 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         return _regenerator["default"].wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
+              if (this._securityStore.hasStartScreenSharePermission()) {
+                _context7.next = 3;
+                break;
+              }
+              this._showToast((0, _i18n.transI18n)('fmt_screenshare_cohost_can_not_share_remind'), 'error');
+              return _context7.abrupt("return", this.handleStopShare());
+            case 3:
               audioSourceId = this._loopbackAudioSourceId;
-              _context7.next = 3;
+              _context7.next = 6;
               return this._streamControl.addLocalScreenStream({
-                streamType: _type3.AgoraRteMediaStreamType.BOTH
+                streamType: _type2.AgoraRteMediaStreamType.BOTH
               })["finally"](function () {
                 _this6._setShareLock(false);
               });
-            case 3:
+            case 6:
               streamId = _context7.sent;
               this._streamControl.bindLocalStreams([{
                 streamId: streamId,
@@ -923,7 +818,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 videoSourceId: videoSourceId
               }]);
               this._currentShareStreamId = streamId;
-            case 6:
+            case 9:
             case "end":
               return _context7.stop();
           }
@@ -945,7 +840,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               this.screenSharingState = state;
               if (state === _fcrCore.FcrMediaSourceState.OPEN) {
                 this._setShareLock(true);
-                this._createScreenStream(this.currentShareId);
+                this._createScreenStream(this._currentShareId);
               }
               if (state === _fcrCore.FcrMediaSourceState.CLOSE) {
                 this._setShareLock(false);
@@ -1010,8 +905,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     key: "_closeCapture",
     value: function _closeCapture() {
       if ((0, _env.isElectron)()) {
-        this.closeControlBar();
-        this.closeVideoWindowDialog();
+        this._closeControlBar();
+        this._closeVideoWindowDialog();
         window.runtime.browserWindow.show();
       }
     }
@@ -1059,7 +954,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       var _this$_streamControl$2,
         _this7 = this;
       var currentShareStreamId = this._currentShareStreamId || ((_this$_streamControl$2 = this._streamControl.getStreamList().find(function (stream) {
-        return stream.videoSourceType === _type4.AgoraRteVideoSourceType.SCREEN && stream.owner.userId === _this7.localUser.userId;
+        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.SCREEN && stream.owner.userId === _this7.localUser.userId;
       })) === null || _this$_streamControl$2 === void 0 ? void 0 : _this$_streamControl$2.streamId);
       if (this.screenSharingState !== _fcrCore.FcrMediaSourceState.OPEN && currentShareStreamId) {
         this.handleStopShare();
@@ -1093,7 +988,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       switch (process) {
         case 'remove':
           if (events.some(function (event) {
-            return event.modifiedStream.videoSourceType === _type4.AgoraRteVideoSourceType.SCREEN && event.modifiedStream.owner.userId === _this9.localUser.userId;
+            return event.modifiedStream.videoSourceType === _type3.AgoraRteVideoSourceType.SCREEN && event.modifiedStream.owner.userId === _this9.localUser.userId;
           })) {
             var _this$_screenTrack11;
             if (!(0, _env.isElectron)() && this._isReplaceScreen) {
@@ -1142,7 +1037,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               this.handleStopShare();
               return _context11.abrupt("break", 13);
             case 11:
-              this.startLoopback(params.withAudio);
+              this._startLoopback(params.withAudio);
               return _context11.abrupt("break", 13);
             case 13:
             case "end":
@@ -1241,7 +1136,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         return _regenerator["default"].wrap(function _callee14$(_context14) {
           while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context14.t0 = type === _type2.AgoraRtcScreenCaptureType.WINDOW;
+              _context14.t0 = type === _type.AgoraRtcScreenCaptureType.WINDOW;
               if (!_context14.t0) {
                 _context14.next = 5;
                 break;
@@ -1257,7 +1152,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
               }
               return _context14.abrupt("return", false);
             case 7:
-              _context14.t1 = type === _type2.AgoraRtcScreenCaptureType.SCREEN;
+              _context14.t1 = type === _type.AgoraRtcScreenCaptureType.SCREEN;
               if (!_context14.t1) {
                 _context14.next = 12;
                 break;
@@ -1289,7 +1184,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     key: "_hasScreenSharePermission",
     value: function _hasScreenSharePermission() {
       if (!this._securityStore.hasStartScreenSharePermission()) {
-        this._showToast((0, _i18n.transI18n)('fmt_screenshare_tips_faild_nopermission'), 'error');
+        this._showToast((0, _i18n.transI18n)('fmt_screenshare_cohost_can_not_share_remind'), 'error');
         return false;
       }
       return true;
@@ -1346,8 +1241,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
             case 0:
               params = {
                 currentShareAudioProcessingChannel: _shareAudio.AudioProcessingChannel.MONO,
-                currentShareId: this.currentShareId,
-                currentShareType: this.currentShareType,
+                currentShareId: this._currentShareId,
+                currentShareType: this._currentShareType,
                 shareWithAudio: this.shareWithAudio,
                 currentShareBounds: this.currentSelectionBounds
               };
@@ -1370,29 +1265,16 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ShareScreenStore = ShareScreenStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "currentSelectionBounds"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_hasLoopbackDeviceDecs, 18, "hasLoopbackDevice"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_startPreviewDecs, 18, "startPreview"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_openShareScreenSelectionDecs, 18, "openShareScreenSelection"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_openRelaunchTipsDialogDecs, 18, "openRelaunchTipsDialog"], [_startLoopbackDecs, 18, "startLoopback"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_handleStreamUpdateDecs, 18, "_handleStreamUpdate"], [_initControlbarDecs, 18, "_initControlbar"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 24);
-_init__shareSelectionDialogId = _applyDecs$e[0];
-_init__controlBarDialogId = _applyDecs$e[1];
-_init__videoWindowDialogId = _applyDecs$e[2];
-_init__isHost = _applyDecs$e[3];
-_init__shareLocked = _applyDecs$e[4];
-_init__screenTrack = _applyDecs$e[5];
-_init__shareAudioTrack = _applyDecs$e[6];
-_init_screenSharingState = _applyDecs$e[7];
-_init_applicationCaptureSources = _applyDecs$e[8];
-_init_screenCaptureSources = _applyDecs$e[9];
-_init_hasScreenCapturePermission = _applyDecs$e[10];
-_init_currentShareAudioProcessingChannel = _applyDecs$e[11];
-_init_currentShareId = _applyDecs$e[12];
-_init_sharerId = _applyDecs$e[13];
-_init_currentShareType = _applyDecs$e[14];
-_init_currentSelection = _applyDecs$e[15];
-_init_currentSelectionType = _applyDecs$e[16];
-_init_currentSelectionBounds = _applyDecs$e[17];
-_init_shareWithAudio = _applyDecs$e[18];
-_init_boardOwnerUser = _applyDecs$e[19];
-_init_localUser = _applyDecs$e[20];
-_init_localUserRole = _applyDecs$e[21];
-_init_handleChooseScreen = _applyDecs$e[22];
-_initProto = _applyDecs$e[23];
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "currentSelectionBounds"], [_mobx.computed, 3, "localUser"], [_mobx.computed, 3, "localUserRole"], [_mobx.computed, 3, "isHost"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_hasLoopbackDeviceDecs, 18, "hasLoopbackDevice"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_decorator.bound, 2, "release"], [_openRelaunchTipsDialogDecs, 18, "openRelaunchTipsDialog"], [_startPreviewDecs, 18, "startPreview"], [_handleStopShareDecs, 18, "handleStopShare"], [_handleStartShareDecs, 18, "handleStartShare"], [_startLoopbackDecs, 18, "_startLoopback"], [_handleShareStartWithAudioDecs, 18, "_handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "_handleShareStopWithAudio"], [_openShareScreenSelectionDecs, 18, "_openShareScreenSelection"], [_closeShareScreenSelectionDecs, 18, "_closeShareScreenSelection"], [_setControlBarWindowIdDecs, 18, "_setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "_openVideoWindowDialog"], [_closeControlBarDecs, 18, "_closeControlBar"], [_closeVideoWindowDialogDecs, 18, "_closeVideoWindowDialog"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleReplaceScreenDecs, 18, "_handleReplaceScreen"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_handleStreamUpdateDecs, 18, "_handleStreamUpdate"], [_initControlbarDecs, 18, "_initControlbar"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 11);
+_init_screenSharingState = _applyDecs$e[0];
+_init_applicationCaptureSources = _applyDecs$e[1];
+_init_screenCaptureSources = _applyDecs$e[2];
+_init_currentShareAudioProcessingChannel = _applyDecs$e[3];
+_init_currentSelection = _applyDecs$e[4];
+_init_currentSelectionType = _applyDecs$e[5];
+_init_shareWithAudio = _applyDecs$e[6];
+_init_boardOwnerUser = _applyDecs$e[7];
+_init_currentSelectionBounds = _applyDecs$e[8];
+_init_handleChooseScreen = _applyDecs$e[9];
+_initProto = _applyDecs$e[10];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);