fcr-ui-scene 3.8.0 → 3.8.1-alpha

package/lib/modules/whiteboard/style.css

@@ -1,140 +1,140 @@
-@import '../../fragments/whiteboard/cursor.css';
-
-.netless-whiteboard-wrapper {
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-}
-.netless-whiteboard-wrapper > * {
-  pointer-events: all;
-}
-
-.fcr-board-pagination {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-  z-index: 10;
-}
-
-/* fold button */
-
-/* board window */
-.board-widget-app .telebox-maximized .netless-app-slide-btn-sidebar,
-.board-widget-app .telebox-maximized .netless-app-docs-viewer-btn-sidebar,
-.board-widget-app .telebox-maximized .vjs-p .player-controller-actions {
-  position: relative;
-  left: 190px;
-}
-
-.netless-whiteboard-wrapper .telebox-box-main {
-  /* @apply fcr-border-1; */
-  border: 1px solid var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .telebox-titlebar {
-  /* @apply fcr-bg-2 fcr-border-1; */
-  flex-direction: row-reverse;
-  border: 1px solid var(--fcr_ui_scene_black1);
-  background: var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .telebox-title {
-  /* @apply fcr-text-1; */
-  color: var(--fcr_ui_scene_black1);
-  background: var(--fcr_ui_scene_black1);
-}
-
-.netless-whiteboard-wrapper .telebox-content-wrap {
-  /* @apply fcr-bg-7; */
-  background: var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .netless-app-slide-preview,
-.netless-whiteboard-wrapper .netless-app-docs-viewer-preview {
-  /* @apply fcr-bg-3; */
-  background: var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .netless-app-slide-preview-page-name {
-  /* @apply fcr-text-1; */
-  color: var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .netless-app-slide-footer,
-.netless-whiteboard-wrapper .app-talkative-footer,
-.netless-whiteboard-wrapper .netless-app-docs-viewer-footer {
-  /* @apply fcr-bg-2 fcr-border-1 fcr-text-1; */
-  background: var(--fcr_ui_scene_black1);
-  border: 1px solid var(--fcr_ui_scene_black1);
-  color: var(--fcr_ui_scene_black1);
-}
-
-.netless-whiteboard-wrapper .netless-app-slide-footer-btn:hover,
-.netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:hover {
-  /* @apply fcr-bg-7; */
-  background: var(--fcr_ui_scene_black1);
-}
-.netless-whiteboard-wrapper .netless-app-slide-footer-btn:focus,
-.netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:focus {
-  outline: none;
-}
-.netless-whiteboard-wrapper .netless-app-slide-page-number-input:hover,
-.netless-whiteboard-wrapper .netless-app-slide-page-number-input:focus,
-.netless-whiteboard-wrapper .netless-app-slide-page-number-input:active {
-  background: var(--fcr_ui_scene_black1);
-}
-
-.netless-whiteboard-wrapper .telebox-titlebar {
-  border-bottom: none;
-}
-.netless-whiteboard-wrapper
-  .telebox-titlebar.telebox-max-titlebar-maximized
-  .telebox-titlebar-btns {
-  margin-left: 0;
-}
-.netless-whiteboard-wrapper .telebox-titlebar-btn:focus,
-.netless-whiteboard-wrapper .telebox-titles-tab:focus {
-  outline: none;
-}
-.netless-whiteboard-wrapper .telebox-titles-tab-focus {
-  /* @apply fcr-text-brand-6; */
-  color: var(--fcr_ui_scene_brand6);
-  background: #232529;
-}
-.netless-whiteboard-wrapper .telebox-titlebar.telebox-max-titlebar-maximized {
-  justify-content: flex-end;
-}
-.netless-whiteboard-wrapper .telebox-titles-tab,
-.netless-whiteboard-wrapper .telebox-titles-bab.telebox-titles-tab-focus,
-.netless-whiteboard-wrapper .netless-whiteboard-wrapper .telebox-titles-tab {
-  border-left: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-.netless-whiteboard-wrapper .telebox-titles-tab:not(:last-child) {
-  border-right: none;
-}
-
-.fcr-progress-saveImage {
-  /* @apply fcr-bg-block-4 !important; */
-  background: var(--fcr_ui_scene_black1);
-
-  text-align: left;
-}
-
-.fcr-progress-saveImage .fcr-progress {
-  background: rgba(47, 47, 47, 0.98);
-}
-
-.fcr-progress-saveImage .fcr-progress .fcr-progress-inner {
-  height: 100%;
-}
-
-.fcr-progress-saveImage .dialog-progress-tip {
-  /* @apply fcr-text-1 !important; */
-  color: var(--fcr_ui_scene_black1);
-}
-.fcr-progress-saveImage .dialog-progress-tip ~ div {
-  margin-top: 4px;
-}
-/* .fcr-widget-dialog-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-} */
+@import '../../fragments/whiteboard/cursor.css';
+
+.netless-whiteboard-wrapper {
+  height: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+.netless-whiteboard-wrapper > * {
+  pointer-events: all;
+}
+
+.fcr-board-pagination {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+  z-index: 10;
+}
+
+/* fold button */
+
+/* board window */
+.board-widget-app .telebox-maximized .netless-app-slide-btn-sidebar,
+.board-widget-app .telebox-maximized .netless-app-docs-viewer-btn-sidebar,
+.board-widget-app .telebox-maximized .vjs-p .player-controller-actions {
+  position: relative;
+  left: 190px;
+}
+
+.netless-whiteboard-wrapper .telebox-box-main {
+  /* @apply fcr-border-1; */
+  border: 1px solid var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .telebox-titlebar {
+  /* @apply fcr-bg-2 fcr-border-1; */
+  flex-direction: row-reverse;
+  border: 1px solid var(--fcr_ui_scene_black1);
+  background: var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .telebox-title {
+  /* @apply fcr-text-1; */
+  color: var(--fcr_ui_scene_black1);
+  background: var(--fcr_ui_scene_black1);
+}
+
+.netless-whiteboard-wrapper .telebox-content-wrap {
+  /* @apply fcr-bg-7; */
+  background: var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .netless-app-slide-preview,
+.netless-whiteboard-wrapper .netless-app-docs-viewer-preview {
+  /* @apply fcr-bg-3; */
+  background: var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .netless-app-slide-preview-page-name {
+  /* @apply fcr-text-1; */
+  color: var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .netless-app-slide-footer,
+.netless-whiteboard-wrapper .app-talkative-footer,
+.netless-whiteboard-wrapper .netless-app-docs-viewer-footer {
+  /* @apply fcr-bg-2 fcr-border-1 fcr-text-1; */
+  background: var(--fcr_ui_scene_black1);
+  border: 1px solid var(--fcr_ui_scene_black1);
+  color: var(--fcr_ui_scene_black1);
+}
+
+.netless-whiteboard-wrapper .netless-app-slide-footer-btn:hover,
+.netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:hover {
+  /* @apply fcr-bg-7; */
+  background: var(--fcr_ui_scene_black1);
+}
+.netless-whiteboard-wrapper .netless-app-slide-footer-btn:focus,
+.netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:focus {
+  outline: none;
+}
+.netless-whiteboard-wrapper .netless-app-slide-page-number-input:hover,
+.netless-whiteboard-wrapper .netless-app-slide-page-number-input:focus,
+.netless-whiteboard-wrapper .netless-app-slide-page-number-input:active {
+  background: var(--fcr_ui_scene_black1);
+}
+
+.netless-whiteboard-wrapper .telebox-titlebar {
+  border-bottom: none;
+}
+.netless-whiteboard-wrapper
+  .telebox-titlebar.telebox-max-titlebar-maximized
+  .telebox-titlebar-btns {
+  margin-left: 0;
+}
+.netless-whiteboard-wrapper .telebox-titlebar-btn:focus,
+.netless-whiteboard-wrapper .telebox-titles-tab:focus {
+  outline: none;
+}
+.netless-whiteboard-wrapper .telebox-titles-tab-focus {
+  /* @apply fcr-text-brand-6; */
+  color: var(--fcr_ui_scene_brand6);
+  background: #232529;
+}
+.netless-whiteboard-wrapper .telebox-titlebar.telebox-max-titlebar-maximized {
+  justify-content: flex-end;
+}
+.netless-whiteboard-wrapper .telebox-titles-tab,
+.netless-whiteboard-wrapper .telebox-titles-bab.telebox-titles-tab-focus,
+.netless-whiteboard-wrapper .netless-whiteboard-wrapper .telebox-titles-tab {
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+}
+.netless-whiteboard-wrapper .telebox-titles-tab:not(:last-child) {
+  border-right: none;
+}
+
+.fcr-progress-saveImage {
+  /* @apply fcr-bg-block-4 !important; */
+  background: var(--fcr_ui_scene_black1);
+
+  text-align: left;
+}
+
+.fcr-progress-saveImage .fcr-progress {
+  background: rgba(47, 47, 47, 0.98);
+}
+
+.fcr-progress-saveImage .fcr-progress .fcr-progress-inner {
+  height: 100%;
+}
+
+.fcr-progress-saveImage .dialog-progress-tip {
+  /* @apply fcr-text-1 !important; */
+  color: var(--fcr_ui_scene_black1);
+}
+.fcr-progress-saveImage .dialog-progress-tip ~ div {
+  margin-top: 4px;
+}
+/* .fcr-widget-dialog-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+} */

package/lib/modules/widget/index.css

@@ -1,9 +1,9 @@
-.fcr-widget-iframe {
-  border: none;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-}
+.fcr-widget-iframe {
+  border: none;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+}

package/lib/object-manager.js

@@ -129,16 +129,16 @@ _FcrUIObjectManager = FcrUIObjectManager;
 var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIObjectManager, [[_decorator.trace, 2, "setObject"], [_decorator.trace, 2, "deleteObject"], [_decorator.trace, 2, "clear"], [_decorator.trace, 2, "keys"], [_decorator.trace, 2, "size"]], []).e, 1);
 _initProto = _applyDecs$e[0];
 var FcrUIObjectKeys = exports.FcrUIObjectKeys = /*#__PURE__*/function (FcrUIObjectKeys) {
-  /**
-   * Core Engine
+  /**
+   * Core Engine
    */
   FcrUIObjectKeys["CORE_ENGINE"] = "coreEngine";
-  /**
-   * Renderer Wrapper
+  /**
+   * Renderer Wrapper
    */
   FcrUIObjectKeys["RENDERER_WRAPPER"] = "rendererWrapper";
-  /**
-   * Providers
+  /**
+   * Providers
    */
   FcrUIObjectKeys["P_MESSAGE_PROVIDER"] = "messageProvider";
   FcrUIObjectKeys["P_DIALOG_PROVIDER"] = "dialogProvider";
@@ -173,8 +173,8 @@ var FcrUIObjectKeys = exports.FcrUIObjectKeys = /*#__PURE__*/function (FcrUIObje
   FcrUIObjectKeys["P_BOARD_SHARE_PROVIDER"] = "boardShareProvider";
   FcrUIObjectKeys["P_WHITEBOARD_CONTROL_PROVIDER"] = "whiteboardControlProvider";
   FcrUIObjectKeys["P_MOUSE_DETECT_PROVIDER"] = "mouseDetectProvider";
-  /**
-   * shared data sources
+  /**
+   * shared data sources
    */
   FcrUIObjectKeys["S_SHARED_MAIN_ROOM_DATA_SOURCE"] = "sharedMainRoomDataSource";
   FcrUIObjectKeys["S_SHARED_CONFIG_DATA_SOURCE"] = "sharedConfigDataSource";

package/lib/plugins/module-dev-plugin.js

@@ -12,10 +12,10 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-/**
- * 创建房间
- * @param roomName
- * @returns 房间ID
+/**
+ * 创建房间
+ * @param roomName
+ * @returns 房间ID
  */
 var createRoom = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(roomName) {
@@ -57,13 +57,13 @@ var createRoom = /*#__PURE__*/function () {
   };
 }();
 
-/**
- * 生成用户Token
- * @param roomId
- * @param userId
- * @param userName
- * @param role
- * @returns
+/**
+ * 生成用户Token
+ * @param roomId
+ * @param userId
+ * @param userName
+ * @param role
+ * @returns
  */
 var getUserToken = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(roomId, userId, userName, role) {

package/lib/providers/ability-provider.js

@@ -18,58 +18,58 @@ var FcrUIAbilityProviderImpl = exports.FcrUIAbilityProviderImpl = /*#__PURE__*/f
     (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
       prefix: 'FcrUIAbilityProviderImpl'
     }));
-    /**
-     * 检查当前平台是否支持获取房间详情
+    /**
+     * 检查当前平台是否支持获取房间详情
      */
     (0, _defineProperty2["default"])(this, "isRoomDetailSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.RoomDetail);
       return result;
     });
-    /**
-     * 检查指定平台是否支持特定能力
-     * @param platform 目标平台
+    /**
+     * 检查指定平台是否支持特定能力
+     * @param platform 目标平台
      */
     (0, _defineProperty2["default"])(this, "isHostSupportedByPlatform", function (platform) {
       var result = _this._abilityControl.isPlatformAbilitySupported(platform, _type.FcrAbility.RoleHost);
       return result;
     });
-    /**
-     * 检查当前平台是否支持指定能力
+    /**
+     * 检查当前平台是否支持指定能力
      */
     (0, _defineProperty2["default"])(this, "isLiveSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Live);
       return result;
     });
-    /**
-     * 检查当前平台是否支持指定能力
+    /**
+     * 检查当前平台是否支持指定能力
      */
     (0, _defineProperty2["default"])(this, "isInterpreterSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Interpreter);
       return result;
     });
-    /**
-     * 检查当前平台是否支持批注
+    /**
+     * 检查当前平台是否支持批注
      */
     (0, _defineProperty2["default"])(this, "isAnnotationSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Annotation);
       return result;
     });
-    /**
-     * 检查当前平台是否支持字幕能力
+    /**
+     * 检查当前平台是否支持字幕能力
      */
     (0, _defineProperty2["default"])(this, "isCaptionSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Caption);
       return result;
     });
-    /**
-     * 检查当前平台是否支持转写能力
+    /**
+     * 检查当前平台是否支持转写能力
      */
     (0, _defineProperty2["default"])(this, "isTranscribeSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Transcribe);
       return result;
     });
-    /**
-     * 检查当前平台是否支持云录制
+    /**
+     * 检查当前平台是否支持云录制
      */
     (0, _defineProperty2["default"])(this, "isRecordingSupported", function () {
       var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Recording);

package/lib/providers/board-share/struct.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.FcrUIBoardShareStopReason = void 0;
 // enum, class
 var FcrUIBoardShareStopReason = exports.FcrUIBoardShareStopReason = /*#__PURE__*/function (FcrUIBoardShareStopReason) {
-  /**
-   * 正常停止
+  /**
+   * 正常停止
    */
   FcrUIBoardShareStopReason[FcrUIBoardShareStopReason["NORMAL_STOP"] = 1] = "NORMAL_STOP";
-  /**
-   * 被其他用户停止
+  /**
+   * 被其他用户停止
    */
   FcrUIBoardShareStopReason[FcrUIBoardShareStopReason["STOPPED_BY_OTHER"] = 2] = "STOPPED_BY_OTHER";
-  /**
-   * 白板错误
+  /**
+   * 白板错误
    */
   FcrUIBoardShareStopReason[FcrUIBoardShareStopReason["ABORTED"] = 3] = "ABORTED";
   return FcrUIBoardShareStopReason;

package/lib/providers/dialog/provider.base.js

@@ -83,8 +83,8 @@ var FcrUIDialogProviderBase = exports.FcrUIDialogProviderBase = /*#__PURE__*/fun
       prefix: 'FcrUIDialogProviderImpl'
     })));
     (0, _defineProperty2["default"])(this, "observable", new _observable.AgoraObservable());
-    /**
-     * map dialogKey to dialog info
+    /**
+     * map dialogKey to dialog info
      */
     (0, _defineProperty2["default"])(this, "dialogInfoKeyMap", new Map());
     // map dialogKey to dialogId

package/lib/providers/dialog/type.js

@@ -9,7 +9,7 @@ var FcrDialogInterceptorEventName = exports.FcrDialogInterceptorEventName = /*#_
   FcrDialogInterceptorEventName["ON_CLOSE"] = "onClose";
   return FcrDialogInterceptorEventName;
 }({});
-/**
- * FcrUIDialogProvider 接口定义了一系列用于管理和操作对话框的方法。
- * 这些方法涵盖了打开、关闭各种类型对话框的功能，以及对对话框事件观察者的管理。
+/**
+ * FcrUIDialogProvider 接口定义了一系列用于管理和操作对话框的方法。
+ * 这些方法涵盖了打开、关闭各种类型对话框的功能，以及对对话框事件观察者的管理。
  */

package/lib/providers/multi-display-provider.js

@@ -358,8 +358,8 @@ var FcrUIMultiDisplayProviderImpl = exports.FcrUIMultiDisplayProviderImpl = /*#_
           };
         }
 
-        /**
-         * 正在共享屏幕
+        /**
+         * 正在共享屏幕
          */
         if (state.isSharing) {
           var mainWindow = {
@@ -386,8 +386,8 @@ var FcrUIMultiDisplayProviderImpl = exports.FcrUIMultiDisplayProviderImpl = /*#_
           };
         }
 
-        /**
-         * 没有屏幕共享时
+        /**
+         * 没有屏幕共享时
          */
         // 参会人数少于2人时，主副屏都显示自己
         if (state.participantCount < 2) {

package/lib/providers/privilege-provider.js

@@ -179,8 +179,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       }
       return operations;
     });
-    /**
-     * 互译安全开关
+    /**
+     * 互译安全开关
      */
     (0, _defineProperty2["default"])(this, "isChangeSelfNameAllowed", (0, _mobxUtils.computedFn)(function () {
       var info = _this.securityInfos.find(function (_ref2) {
@@ -365,8 +365,8 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
       });
       return (info === null || info === void 0 || (_info$info4 = info.info) === null || _info$info4 === void 0 ? void 0 : _info$info4.payload.lineType) === _type.FcrLineType.MULTI_ROW;
     }));
-    /**
-     * 权限判断，例：某角色有 XX 权限
+    /**
+     * 权限判断，例：某角色有 XX 权限
      */
     (0, _defineProperty2["default"])(this, "hasChangeNamePermission", function (targetRole) {
       return _this._hasPermission(_type2.FcrPermissionAction.UserChangeName, targetRole);
@@ -585,9 +585,9 @@ var FcrUIPrivilegeProviderImpl = exports.FcrUIPrivilegeProviderImpl = /*#__PURE_
     (0, _defineProperty2["default"])(this, "hasDisallowChangeNamePermission", function () {
       return _this._hasPermission(_type2.FcrPermissionAction.UserDisallowChangeName, _type2.FcrPrivilegeUserRole.PARTICIPANT);
     });
-    /**
-     * 权限操作
-     * @param enable
+    /**
+     * 权限操作
+     * @param enable
      */
     (0, _defineProperty2["default"])(this, "allowStartTranscribe", /*#__PURE__*/function () {
       var _ref23 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(enable) {

package/lib/providers/screen-share/provider.base.js

@@ -87,29 +87,29 @@ var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 _ref = (_enableScreenShareAudioDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _disableScreenShareAudioDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _enableSmoothModeDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _disableSmoothModeDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _enableStereoAudioModeDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _disableStereoAudioModeDecs = [void 0, _decorator.trace, _mobx.action, _mobx.action.bound], _findSharingUserDecs = [_mobx.action, _mobx.action.bound], "logger");
-/**
- * startShare
- *    - callback: share started
- *    - callback: share error occurred
- *    - callback error:
- *        1. cannot publish
- *        2. screen recording permission denied
- *        3. error occurred during screen recording
- *            - remove screen stream, keep screen stream in sync
- * stopShare
- *    - callback: share stopped
- * replaceShare
- *    no callbacks
- * Listen to stream events:
- *  local stream removed
- *    - callback: share stopped
- *
- * Error handle:
- *  1. error occurred during screen recording
- *    - remove screen stream
- * Track events handle:
- *  1. track stopped
- *    - keep screen stream in sync
+/**
+ * startShare
+ *    - callback: share started
+ *    - callback: share error occurred
+ *    - callback error:
+ *        1. cannot publish
+ *        2. screen recording permission denied
+ *        3. error occurred during screen recording
+ *            - remove screen stream, keep screen stream in sync
+ * stopShare
+ *    - callback: share stopped
+ * replaceShare
+ *    no callbacks
+ * Listen to stream events:
+ *  local stream removed
+ *    - callback: share stopped
+ *
+ * Error handle:
+ *  1. error occurred during screen recording
+ *    - remove screen stream
+ * Track events handle:
+ *  1. track stopped
+ *    - keep screen stream in sync
  */
 var FcrUIScreenShareProviderBase = exports.FcrUIScreenShareProviderBase = /*#__PURE__*/function () {
   function FcrUIScreenShareProviderBase(objectManager) {

package/lib/providers/screen-share/stream-state-sync.js

@@ -196,24 +196,24 @@ var FcrUIScreenStreamSync = exports.FcrUIScreenStreamSync = /*#__PURE__*/functio
               }
               this.logger.error("the screen share stream does not exist");
 
-              /**
-               * TODO: 这里加删除 videoWindowData 的逻辑是因为，如果在屏幕共享时主持人结束了房间，在用户点击确认离开房间前，可以看到窗口上显示 “你正在屏幕共享” 的标识。
-               * TODO: 主持人在结束会议后，在点击确认离开房间前，窗口保留着最后的操作画面应该是正常的情况，那还是否有必要加这段逻辑，或者有更好的处理方式？
-               *
-               * 有 3 种场景会调用到 stopScreenStream。
-               * 1. 用户主动停止屏幕共享
-               * 2. 用户的屏幕共享被其他人抢占
-               * 3. 主持人结束房间
-               *
-               * 场景 2 的流程：
-               * 其他人抢占屏幕共享 > 当前共享用户会收到 FcrStreamControl 的 onStreamsRemoved 事件 > 调用 screenTrack.stop() > SourceMnager.stopScreenCapture
-               * > RtcEngine 发出 onLocalVideoStateChanged 事件 > ... > 这里的 stopScreenStream
-               *
-               * 场景 3 的流程：
-               * 主持人结束房间 > RtcEngine 发出 onLocalVideoStateChanged 事件 > ... > 这里的 stopScreenStream
-               *
-               * 在主持人结束房间的场景下，服务端已经不存在这条流，所以调用 stop 接口会报流不存在的错，所以这里把流对应的 videoWindowData 删除掉。
-               *
+              /**
+               * TODO: 这里加删除 videoWindowData 的逻辑是因为，如果在屏幕共享时主持人结束了房间，在用户点击确认离开房间前，可以看到窗口上显示 “你正在屏幕共享” 的标识。
+               * TODO: 主持人在结束会议后，在点击确认离开房间前，窗口保留着最后的操作画面应该是正常的情况，那还是否有必要加这段逻辑，或者有更好的处理方式？
+               *
+               * 有 3 种场景会调用到 stopScreenStream。
+               * 1. 用户主动停止屏幕共享
+               * 2. 用户的屏幕共享被其他人抢占
+               * 3. 主持人结束房间
+               *
+               * 场景 2 的流程：
+               * 其他人抢占屏幕共享 > 当前共享用户会收到 FcrStreamControl 的 onStreamsRemoved 事件 > 调用 screenTrack.stop() > SourceMnager.stopScreenCapture
+               * > RtcEngine 发出 onLocalVideoStateChanged 事件 > ... > 这里的 stopScreenStream
+               *
+               * 场景 3 的流程：
+               * 主持人结束房间 > RtcEngine 发出 onLocalVideoStateChanged 事件 > ... > 这里的 stopScreenStream
+               *
+               * 在主持人结束房间的场景下，服务端已经不存在这条流，所以调用 stop 接口会报流不存在的错，所以这里把流对应的 videoWindowData 删除掉。
+               *
                */
               screenVideoWindowData = this._videoWindowDataSource.mainList.find(function (stream) {
                 return stream.videoSourceType === _type.FcrVideoSourceType.SCREEN;