fcr-ui-scene 3.6.4 → 3.7.0

package/lib/shared-data-source/layout-data.js

@@ -61,7 +61,7 @@ var _base = require("../base");
 var _mobx = require("mobx");
 var _parameters = require("../utilities/parameters");
 var _FcrUISharedLayoutDataSourceImpl;
-var _initProto, _init__layoutSize, _init_asideLayout, _init__chatRenderAt, _init__participantsRenderAt, _setLayoutSizeDecs, _ref;
+var _initProto, _init__layoutSize, _init_asideLayout, _init__chatRenderAt, _init__participantsRenderAt, _init_endMeetingPopoverOpened, _setLayoutSizeDecs, _ref;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -78,6 +78,7 @@ var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
 var _D = /*#__PURE__*/new WeakMap();
+var _E = /*#__PURE__*/new WeakMap();
 _ref = (_setLayoutSizeDecs = [_mobx.action, _mobx.action.bound], "_layoutSize");
 var FcrUISharedLayoutDataSourceImpl = exports.FcrUISharedLayoutDataSourceImpl = /*#__PURE__*/function () {
   function FcrUISharedLayoutDataSourceImpl(sharedConfigDataSource) {
@@ -86,6 +87,7 @@ var FcrUISharedLayoutDataSourceImpl = exports.FcrUISharedLayoutDataSourceImpl =
     _classPrivateFieldInitSpec(this, _B, _init_asideLayout(this));
     _classPrivateFieldInitSpec(this, _C, _init__chatRenderAt(this, 'aside'));
     _classPrivateFieldInitSpec(this, _D, _init__participantsRenderAt(this, 'aside'));
+    _classPrivateFieldInitSpec(this, _E, _init_endMeetingPopoverOpened(this, false));
     this._sharedConfigDataSource = sharedConfigDataSource;
     var defaultVideoGallerySize = (0, _parameters.getDefaultVideoGallerySize)(this._sharedConfigDataSource.creatorConfig.parameters);
     if (defaultVideoGallerySize) {
@@ -131,6 +133,14 @@ var FcrUISharedLayoutDataSourceImpl = exports.FcrUISharedLayoutDataSourceImpl =
     set: function set(v) {
       _classPrivateFieldSet(_D, this, v);
     }
+  }, {
+    key: "endMeetingPopoverOpened",
+    get: function get() {
+      return _classPrivateFieldGet(_E, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_E, this, v);
+    }
   }, {
     key: "setChatRenderAt",
     value: function setChatRenderAt(renderPosition) {
@@ -169,10 +179,11 @@ var FcrUISharedLayoutDataSourceImpl = exports.FcrUISharedLayoutDataSourceImpl =
   }]);
 }();
 _FcrUISharedLayoutDataSourceImpl = FcrUISharedLayoutDataSourceImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUISharedLayoutDataSourceImpl, [[_mobx.observable, 1, "_layoutSize"], [_mobx.observable, 1, "asideLayout"], [_mobx.observable, 1, "_chatRenderAt"], [_mobx.observable, 1, "_participantsRenderAt"], [_setLayoutSizeDecs, 18, "setLayoutSize"]], []).e, 5);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUISharedLayoutDataSourceImpl, [[_mobx.observable, 1, "_layoutSize"], [_mobx.observable, 1, "asideLayout"], [_mobx.observable, 1, "_chatRenderAt"], [_mobx.observable, 1, "_participantsRenderAt"], [_mobx.observable, 1, "endMeetingPopoverOpened"], [_setLayoutSizeDecs, 18, "setLayoutSize"]], []).e, 6);
 _init__layoutSize = _applyDecs$e[0];
 _init_asideLayout = _applyDecs$e[1];
 _init__chatRenderAt = _applyDecs$e[2];
 _init__participantsRenderAt = _applyDecs$e[3];
-_initProto = _applyDecs$e[4];
+_init_endMeetingPopoverOpened = _applyDecs$e[4];
+_initProto = _applyDecs$e[5];
 (0, _base.registerDependency)('sharedLayoutDataSource');

package/lib/shared-data-source/meeting-time.d.ts

@@ -50,11 +50,33 @@ export declare class FcrUIMeetingTimeSharedDataSourceImpl implements FcrUIMeetin
     accessor _totalMins: number;
     accessor _totalHoursText: string;
     accessor _totalMinsText: string;
-    private _timber;
+    private _timer;
     private _roomId;
+    private _enterTime;
+    private _scheduleDuration;
+    private _localMeetingTimeKey;
+    private _cachedTranslations;
+    private _lastMeetingDuration;
     constructor({ mainRoomControl }: {
         mainRoomControl: FcrMainRoomControl;
     });
+    private _initEnterTime;
+    /**
+     * 获取localStorage中有效的进入时间
+     * @returns 有效的时间戳或null
+     */
+    private _getValidStoredTime;
+    /**
+     * 安全地保存进入时间到localStorage
+     * @param time 要保存的时间戳
+     */
+    private _saveEnterTime;
+    /**
+     * 安全地移除localStorage中的进入时间
+     */
+    private _removeStoredTime;
+    private _updateMeetingTime;
+    private _formatMeetingTime;
     get totalHourText(): string;
     get totalMinuteText(): string;
     get status(): MeetingStatus;

package/lib/shared-data-source/meeting-time.js

@@ -39,9 +39,7 @@ require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.date.now.js");
-require("core-js/modules/es.date.to-json.js");
 require("core-js/modules/es.date.to-string.js");
-require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.number.is-nan.js");
 require("core-js/modules/es.object.to-string.js");
@@ -104,49 +102,47 @@ var FcrUIMeetingTimeSharedDataSourceImpl = exports.FcrUIMeetingTimeSharedDataSou
     _classPrivateFieldInitSpec(this, _F, _init__totalMins(this, 0));
     _classPrivateFieldInitSpec(this, _G, _init__totalHoursText(this, '0'));
     _classPrivateFieldInitSpec(this, _H, _init__totalMinsText(this, '0'));
+    (0, _defineProperty2["default"])(this, "_timer", null);
     (0, _defineProperty2["default"])(this, "_roomId", '');
+    // 性能优化：缓存相关变量
+    (0, _defineProperty2["default"])(this, "_enterTime", 0);
+    (0, _defineProperty2["default"])(this, "_scheduleDuration", 0);
+    (0, _defineProperty2["default"])(this, "_localMeetingTimeKey", '');
+    (0, _defineProperty2["default"])(this, "_cachedTranslations", {
+      hour: '',
+      minutes: ''
+    });
+    (0, _defineProperty2["default"])(this, "_lastMeetingDuration", 0);
+    // 时间常量定义 (单位：秒)
+    var ONE_DAY_SECONDS = 24 * 60 * 60; // 一天的秒数
     var roomId = ((_mainRoomControl$getR = mainRoomControl.getRoomInfo()) === null || _mainRoomControl$getR === void 0 ? void 0 : _mainRoomControl$getR.roomId) || '';
-    var duration = (((_mainRoomControl$getR2 = mainRoomControl.getRoomSchedule()) === null || _mainRoomControl$getR2 === void 0 ? void 0 : _mainRoomControl$getR2.duration) || 86400000) * 1000;
+
+    // getRoomSchedule()?.duration 返回的是秒数
+    var durationInSeconds = ((_mainRoomControl$getR2 = mainRoomControl.getRoomSchedule()) === null || _mainRoomControl$getR2 === void 0 ? void 0 : _mainRoomControl$getR2.duration) || ONE_DAY_SECONDS;
     if (!roomId) {
       return;
-    } else {
-      this._roomId = roomId;
     }
-    if (duration > 0) {
-      this._setTotalHoursAndMinutes(duration);
+    this._roomId = roomId;
+
+    // 预缓存翻译文本
+    this._cachedTranslations = {
+      hour: (0, _i18n.transI18n)('fmt_statusbar_label_hour'),
+      minutes: (0, _i18n.transI18n)('fmt_statusbar_label_minutes')
+    };
+
+    // 预计算固定值 (保持为秒数)
+    this._localMeetingTimeKey = "enter-room-".concat(this._roomId);
+    this._scheduleDuration = durationInSeconds;
+
+    // dayjs.duration() 需要毫秒数，所以这里乘以1000
+    if (durationInSeconds > 0) {
+      this._setTotalHoursAndMinutes(durationInSeconds * 1000);
     }
-    this._timber = setInterval(function () {
-      var currentTimeStamp = Number(Date.now());
-      var localMeetingTimeKey = "enter-room-".concat(_this._roomId);
-      var enterTime = localStorage.getItem(localMeetingTimeKey);
-      if (enterTime) {
-        var enterTimeNum = Number(enterTime);
-        if (!Number.isNaN(enterTimeNum)) {
-          var diff = currentTimeStamp - enterTimeNum;
-          var meetingDuration = Math.floor(diff / 1000);
-          var oneDayDuration = 86400000; // 一天的毫秒数
-          var serverDuration = duration || 0;
-          var computDuration = serverDuration <= 0 ? oneDayDuration : serverDuration;
-          var scheduleDuration = computDuration / 1000;
-          var remainTime = scheduleDuration - meetingDuration;
-          var currentStatus = remainTime > 600 ? MeetingStatus.NORMAL : remainTime > 0 ? MeetingStatus.SOON_TO_END : MeetingStatus.OVERTIME;
-          _this._setStatues(currentStatus);
-          var showHour = meetingDuration / 60 > 60;
-          var h = meetingDuration / 3600;
-          var m = showHour ? meetingDuration % 3600 / 60 : meetingDuration / 60;
-          var s = meetingDuration % 60;
-          var hours = Math.floor(Math.max(h, 0)).toString().padStart(2, '0');
-          var mins = Math.floor(Math.max(m, 0)).toString().padStart(2, '0');
-          var seconds = Math.max(s, 0).toString().padStart(2, '0');
-          if (showHour) {
-            _this._setMeetingTime("".concat(hours, ":").concat(mins, ":").concat(seconds));
-          } else {
-            _this._setMeetingTime("".concat(mins, ":").concat(seconds));
-          }
-        } else {
-          localStorage.setItem(localMeetingTimeKey, JSON.stringify(Number(new Date())));
-        }
-      }
+
+    // 初始化进入时间
+    this._initEnterTime();
+    this._timer = window.setInterval(function () {
+      _this._updateMeetingTime();
     }, 1000);
   }
   return (0, _createClass2["default"])(FcrUIMeetingTimeSharedDataSourceImpl, [{
@@ -213,6 +209,118 @@ var FcrUIMeetingTimeSharedDataSourceImpl = exports.FcrUIMeetingTimeSharedDataSou
     set: function set(v) {
       _classPrivateFieldSet(_H, this, v);
     }
+  }, {
+    key: "_initEnterTime",
+    value: function _initEnterTime() {
+      var currentTime = Date.now();
+
+      // 尝试从localStorage获取有效的进入时间
+      var storedTime = this._getValidStoredTime();
+      this._enterTime = storedTime !== null && storedTime !== void 0 ? storedTime : currentTime;
+
+      // 如果没有有效的存储时间，保存当前时间
+      if (storedTime === null) {
+        this._saveEnterTime(currentTime);
+      }
+    }
+
+    /**
+     * 获取localStorage中有效的进入时间
+     * @returns 有效的时间戳或null
+     */
+  }, {
+    key: "_getValidStoredTime",
+    value: function _getValidStoredTime() {
+      try {
+        var enterTime = localStorage.getItem(this._localMeetingTimeKey);
+        if (enterTime) {
+          var enterTimeNum = Number(enterTime);
+          // 验证时间戳：必须是有效数字、正数、且不能是未来时间
+          var currentTime = Date.now();
+          if (!Number.isNaN(enterTimeNum) && enterTimeNum > 0 && enterTimeNum <= currentTime) {
+            return enterTimeNum;
+          }
+        }
+      } catch (error) {
+        // localStorage访问失败，忽略错误并返回null
+        console.error('localStorage访问失败', error);
+      }
+      return null;
+    }
+
+    /**
+     * 安全地保存进入时间到localStorage
+     * @param time 要保存的时间戳
+     */
+  }, {
+    key: "_saveEnterTime",
+    value: function _saveEnterTime(time) {
+      try {
+        localStorage.setItem(this._localMeetingTimeKey, time.toString());
+      } catch (error) {
+        // localStorage访问失败，忽略错误（可能在某些环境中不可用）
+      }
+    }
+
+    /**
+     * 安全地移除localStorage中的进入时间
+     */
+  }, {
+    key: "_removeStoredTime",
+    value: function _removeStoredTime() {
+      try {
+        localStorage.removeItem(this._localMeetingTimeKey);
+      } catch (error) {
+        // localStorage访问失败，忽略错误（可能在某些环境中不可用）
+      }
+    }
+  }, {
+    key: "_updateMeetingTime",
+    value: function _updateMeetingTime() {
+      if (this._enterTime === 0) {
+        return;
+      }
+      var currentTimeStamp = Date.now();
+      var diff = currentTimeStamp - this._enterTime;
+      var meetingDuration = Math.floor(diff / 1000);
+
+      // 如果时长没有变化，跳过计算
+      if (meetingDuration === this._lastMeetingDuration) {
+        return;
+      }
+      this._lastMeetingDuration = meetingDuration;
+
+      // 每秒检查状态，确保及时更新UI
+      var TEN_MINUTES_SECONDS = 10 * 60; // 10分钟的秒数，用于判断会议状态
+      var remainTime = this._scheduleDuration - meetingDuration;
+      var currentStatus = remainTime > TEN_MINUTES_SECONDS // 剩余超过10分钟 → 正常状态
+      ? MeetingStatus.NORMAL : remainTime > 0 // 剩余时间在0-10分钟之间 → 即将结束
+      ? MeetingStatus.SOON_TO_END : MeetingStatus.OVERTIME; // 已超时
+      this._setStatues(currentStatus);
+      this._formatMeetingTime(meetingDuration);
+    }
+  }, {
+    key: "_formatMeetingTime",
+    value: function _formatMeetingTime(meetingDuration) {
+      // 判断是否需要显示小时（超过1小时）
+      var ONE_HOUR_SECONDS = 60 * 60;
+      var showHour = meetingDuration >= ONE_HOUR_SECONDS;
+      if (showHour) {
+        var hours = Math.floor(meetingDuration / ONE_HOUR_SECONDS);
+        var mins = Math.floor(meetingDuration % ONE_HOUR_SECONDS / 60);
+        var seconds = meetingDuration % 60;
+        var hoursStr = hours.toString().padStart(2, '0');
+        var minsStr = mins.toString().padStart(2, '0');
+        var secondsStr = seconds.toString().padStart(2, '0');
+        this._setMeetingTime("".concat(hoursStr, ":").concat(minsStr, ":").concat(secondsStr));
+      } else {
+        var _mins = Math.floor(meetingDuration / 60);
+        var _seconds = meetingDuration % 60;
+        var _minsStr = _mins.toString().padStart(2, '0');
+        var _secondsStr = _seconds.toString().padStart(2, '0');
+        this._setMeetingTime("".concat(_minsStr, ":").concat(_secondsStr));
+      }
+    }
   }, {
     key: "totalHourText",
     get: function get() {
@@ -264,8 +372,10 @@ var FcrUIMeetingTimeSharedDataSourceImpl = exports.FcrUIMeetingTimeSharedDataSou
       }
       this._totalHours = hours;
       this._totalMins = mins;
-      this._totalHourText = this.totalHours > 0 ? "".concat(this.totalHours).concat((0, _i18n.transI18n)('fmt_statusbar_label_hour')) : '';
-      this._totalMinsText = this.totalMins > 0 ? "".concat(this.totalMins).concat((0, _i18n.transI18n)('fmt_statusbar_label_minutes')) : '';
+
+      // 使用缓存的翻译文本
+      this._totalHourText = this.totalHours > 0 ? "".concat(this.totalHours).concat(this._cachedTranslations.hour) : '';
+      this._totalMinsText = this.totalMins > 0 ? "".concat(this.totalMins).concat(this._cachedTranslations.minutes) : '';
     }
   }, {
     key: "_setMeetingTime",
@@ -280,8 +390,15 @@ var FcrUIMeetingTimeSharedDataSourceImpl = exports.FcrUIMeetingTimeSharedDataSou
   }, {
     key: "release",
     value: function release() {
-      clearTimeout(this._timber);
-      this._timber = undefined;
+      if (this._timer) {
+        clearInterval(this._timer);
+        this._timer = null;
+      }
+      this._enterTime = 0;
+      this._lastMeetingDuration = 0;
+      if (this._localMeetingTimeKey) {
+        this._removeStoredTime();
+      }
     }
   }]);
 }();

package/lib/shared-data-source/member-data.d.ts

@@ -6,6 +6,7 @@ import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types
 import { FcrUserInfo } from 'fcr-core/lib/type';
 import { FcrWhiteboardControl } from 'fcr-core/lib/room-control/whiteboard-control-v2/whiteboard-control/type';
 import { FcrUIScreenShareSharedDataSource } from './screen-share-data';
+import { FcrUIEventProvider } from '../providers/event-provider';
 export interface FcrUIMemberSharedDataSource {
     /**
      * 整个房间的人数。
@@ -63,11 +64,6 @@ export interface FcrUIMemberSharedDataSource {
      * @returns 音频音量映射，类型为 Map<string, number>。
      */
     get audioVolumeMap(): Map<string, number>;
-    /**
-     * 获取共享屏幕视频的宽高比。
-     * @returns 共享屏幕视频的宽高比，类型为 number。
-     */
-    get shareScreenVideoRatio(): number;
     /**
      * 获取共享屏幕视频的宽高。
      * @returns 共享屏幕视频的宽高，类型为 FcrRemoteVideoStats['dimensions'] | null。
@@ -88,6 +84,7 @@ export declare class FcrUIMemberSharedDataSourceImpl implements FcrUIMemberShare
     private _mainRoomUserControl;
     private _streamControl;
     private _sharedScreenShareSharedDataSource;
+    private _eventProvider;
     private _whiteBoardControl?;
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _dataSource;
@@ -99,12 +96,12 @@ export declare class FcrUIMemberSharedDataSourceImpl implements FcrUIMemberShare
     private accessor _localUser;
     private _userObserver;
     private _streamsObserver;
+    private _eventProviderObserver;
+    private _isOnline;
     private accessor serverPushTotalUserCount;
-    private accessor _shareScreenVideoRatio;
     accessor totalUserCount: number;
     accessor shareScreenVideoSize: FcrRemoteVideoStats['dimensions'] | null;
     get localUserId(): string;
-    get shareScreenVideoRatio(): number;
     get hasOwnPstnStream(): boolean;
     get interpreterInputLanguageList(): {
         userId: string;
@@ -119,7 +116,12 @@ export declare class FcrUIMemberSharedDataSourceImpl implements FcrUIMemberShare
     get remoteMembersUserInfosList(): FcrUserInfo[];
     get memberList(): FcrUIMemberDataImpl[];
     get memberUserInfoList(): FcrUserInfo[];
-    constructor(_mainRoomUserControl: FcrUserControl, _streamControl: FcrStreamControl, _sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource, _whiteBoardControl?: FcrWhiteboardControl | undefined);
+    constructor(_mainRoomUserControl: FcrUserControl, _streamControl: FcrStreamControl, _sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource, _eventProvider: FcrUIEventProvider, _whiteBoardControl?: FcrWhiteboardControl | undefined);
+    private _addEventListeners;
+    private _removeEventListeners;
+    private _handleOnEvent;
+    private _handleOnline;
+    private _handleOffline;
     updateMemberListWithBoardState(): void;
     release(): void;
     private _setIsLocalUserInPstn;
@@ -130,7 +132,6 @@ export declare class FcrUIMemberSharedDataSourceImpl implements FcrUIMemberShare
     private _syncParticipants;
     private _onAudioVolumeUpdated;
     private _handleRemoteUserJoined;
-    private _handleRemoteVideoStatsUpdated;
     private _handleRemoteUserLeft;
     private _handleStreamsAdded;
     private _handleStreamsUpdated;

package/lib/shared-data-source/member-data.js

@@ -27,7 +27,6 @@ exports.FcrUIMemberSharedDataSourceImpl = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
@@ -36,7 +35,6 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.entries.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.set.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.iterator.constructor.js");
@@ -98,8 +96,9 @@ var _base = require("../base");
 var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("../utilities/logger");
+var _constant = require("../utilities/constant");
 var _FcrUIMemberSharedDataSourceImpl;
-var _initProto, _init__serverPushTotalUserCount, _init__audioVolumeMap, _init__isLocalUserInPstn, _init__interpreterInputLanguageList, _init__localUser, _init_serverPushTotalUserCount, _init__shareScreenVideoRatio, _init_totalUserCount, _init_shareScreenVideoSize, _updateMemberListWithBoardStateDecs, _setIsLocalUserInPstnDecs, _handleAllUserCountUpdatedDecs, _setTotalUserCountDecs, _handleUserInfoUpdatedDecs, _syncParticipantsDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteVideoStatsUpdatedDecs, _handleRemoteUserLeftDecs, _handleStreamsAddedDecs, _handleStreamsUpdatedDecs, _handleStreamsRemovedDecs, _ref;
+var _initProto, _init__serverPushTotalUserCount, _init__audioVolumeMap, _init__isLocalUserInPstn, _init__interpreterInputLanguageList, _init__localUser, _init_serverPushTotalUserCount, _init_totalUserCount, _init_shareScreenVideoSize, _updateMemberListWithBoardStateDecs, _setIsLocalUserInPstnDecs, _handleAllUserCountUpdatedDecs, _setTotalUserCountDecs, _handleUserInfoUpdatedDecs, _syncParticipantsDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _handleStreamsAddedDecs, _handleStreamsUpdatedDecs, _handleStreamsRemovedDecs, _ref;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -120,10 +119,9 @@ var _E = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
-var _I = /*#__PURE__*/new WeakMap();
-_ref = (_updateMemberListWithBoardStateDecs = [_mobx.action, _mobx.action.bound], _setIsLocalUserInPstnDecs = [_mobx.action, _mobx.action.bound], _handleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _setTotalUserCountDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _syncParticipantsDecs = (0, _decorator.debounced)(800), _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_updateMemberListWithBoardStateDecs = [_mobx.action, _mobx.action.bound], _setIsLocalUserInPstnDecs = [_mobx.action, _mobx.action.bound], _handleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _setTotalUserCountDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _syncParticipantsDecs = (0, _decorator.debounced)(800), _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl = /*#__PURE__*/function () {
-  function FcrUIMemberSharedDataSourceImpl(_mainRoomUserControl, _streamControl, _sharedScreenShareSharedDataSource, _whiteBoardControl) {
+  function FcrUIMemberSharedDataSourceImpl(_mainRoomUserControl, _streamControl, _sharedScreenShareSharedDataSource, _eventProvider, _whiteBoardControl) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIMemberSharedDataSourceImpl);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
@@ -146,19 +144,23 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
       onStreamsAdded: this._handleStreamsAdded,
       onStreamsUpdated: this._handleStreamsUpdated,
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated,
-      onStreamsRemoved: this._handleStreamsRemoved,
-      onRemoteVideoStatsUpdated: this._handleRemoteVideoStatsUpdated
+      onStreamsRemoved: this._handleStreamsRemoved
     });
+    (0, _defineProperty2["default"])(this, "_eventProviderObserver", {
+      onEvent: this._handleOnEvent
+    });
+    (0, _defineProperty2["default"])(this, "_isOnline", true);
     _classPrivateFieldInitSpec(this, _F, _init_serverPushTotalUserCount(this, 1));
-    _classPrivateFieldInitSpec(this, _G, _init__shareScreenVideoRatio(this, 0));
-    _classPrivateFieldInitSpec(this, _H, _init_totalUserCount(this, 1));
-    _classPrivateFieldInitSpec(this, _I, _init_shareScreenVideoSize(this, null));
+    _classPrivateFieldInitSpec(this, _G, _init_totalUserCount(this, 1));
+    _classPrivateFieldInitSpec(this, _H, _init_shareScreenVideoSize(this, null));
     this._mainRoomUserControl = _mainRoomUserControl;
     this._streamControl = _streamControl;
     this._sharedScreenShareSharedDataSource = _sharedScreenShareSharedDataSource;
+    this._eventProvider = _eventProvider;
     this._whiteBoardControl = _whiteBoardControl;
     this._mainRoomUserControl.addObserver(this._userObserver);
     this._streamControl.addObserver(this._streamsObserver);
+    this._eventProvider.addObserver(this._eventProviderObserver);
     this._setTotalUserCount();
     this._initUserList();
     this.updateMemberListWithBoardState();
@@ -169,6 +171,7 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
       _this._setTotalUserCount();
       _this._syncParticipants();
     }));
+    this._addEventListeners();
   }
   return (0, _createClass2["default"])(FcrUIMemberSharedDataSourceImpl, [{
     key: "_serverPushTotalUserCount",
@@ -219,7 +222,7 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "_shareScreenVideoRatio",
+    key: "totalUserCount",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -227,31 +230,18 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "totalUserCount",
+    key: "shareScreenVideoSize",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_H, this, v);
     }
-  }, {
-    key: "shareScreenVideoSize",
-    get: function get() {
-      return _classPrivateFieldGet(_I, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_I, this, v);
-    }
   }, {
     key: "localUserId",
     get: function get() {
       return this._localUser.userId;
     }
-  }, {
-    key: "shareScreenVideoRatio",
-    get: function get() {
-      return this._shareScreenVideoRatio;
-    }
   }, {
     key: "hasOwnPstnStream",
     get: function get() {
@@ -315,6 +305,36 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
         return memberData.userInfo;
       });
     }
+  }, {
+    key: "_addEventListeners",
+    value: function _addEventListeners() {
+      window.addEventListener('online', this._handleOnline);
+      window.addEventListener('offline', this._handleOffline);
+    }
+  }, {
+    key: "_removeEventListeners",
+    value: function _removeEventListeners() {
+      window.removeEventListener('online', this._handleOnline);
+      window.removeEventListener('offline', this._handleOffline);
+    }
+  }, {
+    key: "_handleOnEvent",
+    value: function _handleOnEvent(action, payload) {
+      if (action === _constant.FcrUIAction.ENGINE_RECONNECTED) {
+        this.logger.info('sync participants, after engine reconnected');
+        this._syncParticipants();
+      }
+    }
+  }, {
+    key: "_handleOnline",
+    value: function _handleOnline() {
+      this._isOnline = true;
+    }
+  }, {
+    key: "_handleOffline",
+    value: function _handleOffline() {
+      this._isOnline = false;
+    }
   }, {
     key: "updateMemberListWithBoardState",
     value: function updateMemberListWithBoardState() {
@@ -340,6 +360,8 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
         return disposer();
       });
       this._disposers = [];
+      this._removeEventListeners();
+      this._eventProvider.removeObserver(this._eventProviderObserver);
       this._mainRoomUserControl.removeObserver(this._userObserver);
       this._streamControl.removeObserver(this._streamsObserver);
     }
@@ -402,11 +424,11 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
           _this4.logger.warn('[FcrUIMemberSharedDataSourceImpl] _syncParticipants: need sync');
           // 有差异,优先进行以userControl内列表的遍历补充
           var controlUserList = _this4._mainRoomUserControl.getUserList();
-          var storeUserListIds = Array.from(new Set(_this4.memberList.map(function (participant) {
+          var storeUserListIds = new Set(_this4.memberList.map(function (participant) {
             return participant.userId;
-          })));
+          }));
           controlUserList.forEach(function (userInfo) {
-            if (userInfo.userId && !storeUserListIds.includes(userInfo.userId)) {
+            if (userInfo.userId && !storeUserListIds.has(userInfo.userId)) {
               _this4._dataSource.add(userInfo, _this4._streamControl.getStreamsByUserId(userInfo.userId), userInfo.userId === _this4.localUserId);
             }
           });
@@ -433,20 +455,6 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
       });
       this.updateMemberListWithBoardState();
     }
-  }, {
-    key: "_handleRemoteVideoStatsUpdated",
-    value: function _handleRemoteVideoStatsUpdated(roomId, streamId, videoStats) {
-      var stream = this._streamControl.getStreamByStreamId(streamId);
-      if ((stream === null || stream === void 0 ? void 0 : stream.videoSourceType) === _fcrCore.FcrVideoSourceType.SCREEN) {
-        var _videoStats$dimension = videoStats.dimensions,
-          width = _videoStats$dimension.width,
-          height = _videoStats$dimension.height;
-        if (width !== 0 && height !== 0) {
-          this._shareScreenVideoRatio = width / height;
-          this.shareScreenVideoSize = videoStats.dimensions;
-        }
-      }
-    }
   }, {
     key: "_handleRemoteUserLeft",
     value: function _handleRemoteUserLeft(roomId, events) {
@@ -496,15 +504,14 @@ var FcrUIMemberSharedDataSourceImpl = exports.FcrUIMemberSharedDataSourceImpl =
   }]);
 }();
 _FcrUIMemberSharedDataSourceImpl = FcrUIMemberSharedDataSourceImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIMemberSharedDataSourceImpl, [[_mobx.observable, 1, "_serverPushTotalUserCount"], [_mobx.observable, 1, "_audioVolumeMap"], [_mobx.observable, 1, "_isLocalUserInPstn"], [_mobx.observable, 1, "_interpreterInputLanguageList"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "serverPushTotalUserCount"], [_mobx.observable, 1, "_shareScreenVideoRatio"], [_mobx.observable, 1, "totalUserCount"], [_mobx.observable, 1, "shareScreenVideoSize"], [_mobx.computed, 3, "shareScreenVideoRatio"], [_mobx.computed, 3, "hasOwnPstnStream"], [_mobx.computed, 3, "interpreterInputLanguageList"], [_mobx.computed, 3, "audioVolumeMap"], [_mobx.computed, 3, "isLocalUserHost"], [_mobx.computed, 3, "remoteMembers"], [_mobx.computed, 3, "remoteMembersUserInfosList"], [_mobx.computed, 3, "memberUserInfoList"], [_updateMemberListWithBoardStateDecs, 18, "updateMemberListWithBoardState"], [_setIsLocalUserInPstnDecs, 18, "_setIsLocalUserInPstn"], [_handleAllUserCountUpdatedDecs, 18, "_handleAllUserCountUpdated"], [_setTotalUserCountDecs, 18, "_setTotalUserCount"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_syncParticipantsDecs, 2, "_syncParticipants"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteVideoStatsUpdatedDecs, 18, "_handleRemoteVideoStatsUpdated"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleStreamsAddedDecs, 18, "_handleStreamsAdded"], [_handleStreamsUpdatedDecs, 18, "_handleStreamsUpdated"], [_handleStreamsRemovedDecs, 18, "_handleStreamsRemoved"]], []).e, 10);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIMemberSharedDataSourceImpl, [[_mobx.observable, 1, "_serverPushTotalUserCount"], [_mobx.observable, 1, "_audioVolumeMap"], [_mobx.observable, 1, "_isLocalUserInPstn"], [_mobx.observable, 1, "_interpreterInputLanguageList"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "serverPushTotalUserCount"], [_mobx.observable, 1, "totalUserCount"], [_mobx.observable, 1, "shareScreenVideoSize"], [_mobx.computed, 3, "hasOwnPstnStream"], [_mobx.computed, 3, "interpreterInputLanguageList"], [_mobx.computed, 3, "audioVolumeMap"], [_mobx.computed, 3, "isLocalUserHost"], [_mobx.computed, 3, "remoteMembers"], [_mobx.computed, 3, "remoteMembersUserInfosList"], [_mobx.computed, 3, "memberUserInfoList"], [_decorator.bound, 2, "_handleOnEvent"], [_decorator.bound, 2, "_handleOnline"], [_decorator.bound, 2, "_handleOffline"], [_updateMemberListWithBoardStateDecs, 18, "updateMemberListWithBoardState"], [_setIsLocalUserInPstnDecs, 18, "_setIsLocalUserInPstn"], [_handleAllUserCountUpdatedDecs, 18, "_handleAllUserCountUpdated"], [_setTotalUserCountDecs, 18, "_setTotalUserCount"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_syncParticipantsDecs, 2, "_syncParticipants"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleStreamsAddedDecs, 18, "_handleStreamsAdded"], [_handleStreamsUpdatedDecs, 18, "_handleStreamsUpdated"], [_handleStreamsRemovedDecs, 18, "_handleStreamsRemoved"]], []).e, 9);
 _init__serverPushTotalUserCount = _applyDecs$e[0];
 _init__audioVolumeMap = _applyDecs$e[1];
 _init__isLocalUserInPstn = _applyDecs$e[2];
 _init__interpreterInputLanguageList = _applyDecs$e[3];
 _init__localUser = _applyDecs$e[4];
 _init_serverPushTotalUserCount = _applyDecs$e[5];
-_init__shareScreenVideoRatio = _applyDecs$e[6];
-_init_totalUserCount = _applyDecs$e[7];
-_init_shareScreenVideoSize = _applyDecs$e[8];
-_initProto = _applyDecs$e[9];
+_init_totalUserCount = _applyDecs$e[6];
+_init_shareScreenVideoSize = _applyDecs$e[7];
+_initProto = _applyDecs$e[8];
 (0, _base.registerDependency)('sharedMemberDataSource');