fcr-ui-scene 3.8.0-alpha → 3.8.1-alpha

package/lib/modules/control-bar/store.d.ts

@@ -29,9 +29,6 @@ export default class ControlBarStore implements FcrUIManagedObject {
     private _controlBarWindow;
     private _screenShareObserver;
     private _mouseDetectObserver;
-    private _stateNavArea;
-    private _contentArea;
-    private _popoverArea;
     accessor roomDuration: number;
     accessor startTime: number;
     accessor cloudRecordingState: FcrRecordingState;
@@ -50,6 +47,7 @@ export default class ControlBarStore implements FcrUIManagedObject {
     accessor meetingId: string;
     accessor localUserName: string;
     accessor titleHeight: number;
+    private _detectAreas;
     get isSharingWithAudio(): boolean;
     get isInSmoothMode(): boolean;
     get hasSecurityPermission(): boolean;
@@ -100,9 +98,10 @@ export default class ControlBarStore implements FcrUIManagedObject {
     setEnableWaitingRoom(enable: boolean): void;
     getLocalMeetingTime(): string | null;
     release(): void;
+    setArea(id: string, area: FcrUI.FcrUIRectangle): void;
+    removeArea(id: string): void;
     setStateNavArea(area: FcrUI.FcrUIRectangle): void;
     setControlBarContentArea(area: FcrUI.FcrUIRectangle): void;
-    setPopoverArea(area: FcrUI.FcrUIRectangle): void;
     handleLeaveRoom(): void;
     closeLeaveMeetingDialog(): void;
     handleMoreClick(actionKey: MoreAction): void;

package/lib/modules/control-bar/store.js

@@ -6,7 +6,6 @@ require("core-js/modules/es.symbol.to-primitive.js");
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
@@ -37,14 +36,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StoreContext = void 0;
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.object.to-string.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");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
@@ -178,24 +180,6 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     });
-    (0, _defineProperty2["default"])(this, "_stateNavArea", {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    });
-    (0, _defineProperty2["default"])(this, "_contentArea", {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    });
-    (0, _defineProperty2["default"])(this, "_popoverArea", {
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    });
     _classPrivateFieldInitSpec(this, _F, _init_roomDuration(this));
     _classPrivateFieldInitSpec(this, _G, _init_startTime(this));
     _classPrivateFieldInitSpec(this, _H, _init_cloudRecordingState(this, _type.FcrRecordingState.Stopped));
@@ -388,6 +372,11 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_E, this, v);
     }
+  }, {
+    key: "_detectAreas",
+    value: function _detectAreas() {
+      return this._mouseDetectProvider.getDetectAreas(_struct.FcrUIDetectAreaID.ControlBar);
+    }
   }, {
     key: "isSharingWithAudio",
     get: function get() {
@@ -664,23 +653,41 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
       this._mouseDetectProvider.removeObserver(this._mouseDetectObserver);
       this._mouseDetectProvider.deleteDetectArea(_struct.FcrUIDetectAreaID.ControlBar);
     }
+  }, {
+    key: "setArea",
+    value: function setArea(id, area) {
+      var currentOtherAreas = this._detectAreas().filter(function (item) {
+        return item.id !== id;
+      });
+      var controlBarArea = {
+        id: id,
+        x: area.x,
+        y: area.y,
+        width: area.width,
+        height: area.height
+      };
+      currentOtherAreas.push(controlBarArea);
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, currentOtherAreas);
+    }
+  }, {
+    key: "removeArea",
+    value: function removeArea(id) {
+      var currentOtherAreas = this._detectAreas().filter(function (item) {
+        return item.id !== id;
+      });
+      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, currentOtherAreas);
+    }
   }, {
     key: "setStateNavArea",
     value: function setStateNavArea(area) {
-      this._stateNavArea = area;
-      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
+      var id = 'state-nav-area';
+      this.setArea(id, area);
     }
   }, {
     key: "setControlBarContentArea",
     value: function setControlBarContentArea(area) {
-      this._contentArea = area;
-      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
-    }
-  }, {
-    key: "setPopoverArea",
-    value: function setPopoverArea(area) {
-      this._popoverArea = area;
-      this._mouseDetectProvider.setDetectArea(_struct.FcrUIDetectAreaID.ControlBar, [this._stateNavArea, this._contentArea, this._popoverArea]);
+      var id = 'control-bar-content-area';
+      this.setArea(id, area);
     }
   }, {
     key: "handleLeaveRoom",
@@ -764,7 +771,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ControlBarStore = ControlBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_mobx.observable, 1, "roomDuration"], [_mobx.observable, 1, "startTime"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "playUrl"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "allApplicationWindows"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "currentShareDisplayId"], [_mobx.observable, 1, "position"], [_mobx.observable, 1, "appActionbarPopoverVisible"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasChatPermission"], [_mobx.computed, 3, "liveStreamingButtonVisible"], [_mobx.computed, 3, "recordingButtonVisible"], [_mobx.computed, 3, "isConnecting"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_decorator.bound, 2, "setShareWithAudioState"], [_decorator.bound, 2, "setShareInSmoothMode"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_handleNewShareDecs, 18, "handleNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_decorator.bound, 2, "handleMouseEnter"], [_decorator.bound, 2, "handleMouseLeave"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "setShareAudioMode"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_decorator.bound, 2, "startLiveStreaming"], [_decorator.bound, 2, "stopLiveStreaming"], [_showToastDecs, 18, "showToast"], [_decorator.bound, 2, "handleOpenParticipant"], [_decorator.bound, 2, "handleOpenLiveStreaming"], [_decorator.bound, 2, "setEnableWaitingRoom"], [_decorator.bound, 2, "getLocalMeetingTime"], [[_decorator.bound, _decorator.trace], 2, "setStateNavArea"], [[_decorator.bound, _decorator.trace], 2, "setControlBarContentArea"], [[_decorator.bound, _decorator.trace], 2, "setPopoverArea"], [_handleLeaveRoomDecs, 18, "handleLeaveRoom"], [_closeLeaveMeetingDialogDecs, 18, "closeLeaveMeetingDialog"], [_handleMoreClickDecs, 18, "handleMoreClick"], [[_decorator.trace, _decorator.bound], 2, "updateWindowBounds"], [_setAppActionbarPopoverVisibleDecs, 18, "setAppActionbarPopoverVisible"]], []).e, 11);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ControlBarStore, [[_mobx.observable, 1, "roomDuration"], [_mobx.observable, 1, "startTime"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "playUrl"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "allApplicationWindows"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "currentShareDisplayId"], [_mobx.observable, 1, "position"], [_mobx.observable, 1, "appActionbarPopoverVisible"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "hasGetLiveStreamingUrlPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasChatPermission"], [_mobx.computed, 3, "liveStreamingButtonVisible"], [_mobx.computed, 3, "recordingButtonVisible"], [_mobx.computed, 3, "isConnecting"], [_setCheckedStateMapDecs, 18, "setCheckedStateMap"], [_decorator.bound, 2, "setShareWithAudioState"], [_decorator.bound, 2, "setShareInSmoothMode"], [_showLockedRoomToastDecs, 18, "showLockedRoomToast"], [_handleNewShareDecs, 18, "handleNewShare"], [_handlerStopShareDecs, 18, "handlerStopShare"], [_decorator.bound, 2, "handleMouseEnter"], [_decorator.bound, 2, "handleMouseLeave"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "setShareAudioMode"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_decorator.bound, 2, "startLiveStreaming"], [_decorator.bound, 2, "stopLiveStreaming"], [_showToastDecs, 18, "showToast"], [_decorator.bound, 2, "handleOpenParticipant"], [_decorator.bound, 2, "handleOpenLiveStreaming"], [_decorator.bound, 2, "setEnableWaitingRoom"], [_decorator.bound, 2, "getLocalMeetingTime"], [[_decorator.bound, _decorator.trace], 2, "setArea"], [[_decorator.bound, _decorator.trace], 2, "removeArea"], [_decorator.bound, 2, "setStateNavArea"], [_decorator.bound, 2, "setControlBarContentArea"], [_handleLeaveRoomDecs, 18, "handleLeaveRoom"], [_closeLeaveMeetingDialogDecs, 18, "closeLeaveMeetingDialog"], [_handleMoreClickDecs, 18, "handleMoreClick"], [[_decorator.trace, _decorator.bound], 2, "updateWindowBounds"], [_setAppActionbarPopoverVisibleDecs, 18, "setAppActionbarPopoverVisible"]], []).e, 11);
 _init_roomDuration = _applyDecs$e[0];
 _init_startTime = _applyDecs$e[1];
 _init_cloudRecordingState = _applyDecs$e[2];

package/lib/modules/control-bar/type.d.ts

@@ -41,3 +41,6 @@ export type ControlBarCalculationUpdaterType = {
     restartActiveTask: () => void;
     cancelActiveTask: () => void;
 };
+export type FcrUIControlArea = FcrUI.FcrUIRectangle & {
+    id?: string;
+};

package/lib/modules/control-bar/view.js

@@ -57,6 +57,7 @@ var _microphone = require("./components/microphone");
 var _carmera = require("./components/carmera");
 var _boundaryDetector = require("./components/boundary-detector");
 var _appsPopover = require("./components/apps-popover");
+var _hooks = require("./hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -292,7 +293,9 @@ var ControlBar = (0, _mobxReact.observer)(function () {
   var _useContext5 = (0, _react.useContext)(_store.StoreContext),
     draggableArea = _useContext5.draggableArea,
     currentShareDisplayId = _useContext5.currentShareDisplayId,
-    updateWindowBounds = _useContext5.updateWindowBounds;
+    updateWindowBounds = _useContext5.updateWindowBounds,
+    setArea = _useContext5.setArea,
+    removeArea = _useContext5.removeArea;
   var updatePosition = (0, _react.useContext)(_context.DragStateUpdaterContext);
   var _useContext6 = (0, _react.useContext)(_context.ControlBarCalculationUpdaterContext),
     setDimensions = _useContext6.setDimensions,
@@ -349,6 +352,7 @@ var ControlBar = (0, _mobxReact.observer)(function () {
       };
     }
   }, [visibility]);
+  (0, _hooks.usePopoverWatcher)(containerRef, setArea, removeArea);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: containerRef,
     className: rootClassNames,
@@ -465,10 +469,8 @@ var MeetingControlGroup = (0, _mobxReact.observer)(function () {
 var SecurityMenuSection = /*#__PURE__*/(0, _react.memo)(function (_ref4) {
   var hasSecurityPermission = _ref4.hasSecurityPermission;
   if (!hasSecurityPermission) return null;
-  var _useContext0 = (0, _react.useContext)(_store.StoreContext),
-    setPopoverArea = _useContext0.setPopoverArea;
-  var _useContext1 = (0, _react.useContext)(_context.ControlBarCalculationContext),
-    isShareActionNavHidden = _useContext1.isShareActionNavHidden;
+  var _useContext0 = (0, _react.useContext)(_context.ControlBarCalculationContext),
+    isShareActionNavHidden = _useContext0.isShareActionNavHidden;
   var _useState1 = (0, _react.useState)(false),
     _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
     showSecurityPopover = _useState10[0],
@@ -476,19 +478,9 @@ var SecurityMenuSection = /*#__PURE__*/(0, _react.memo)(function (_ref4) {
   var handleVisibilityChange = (0, _react.useCallback)(function (visible) {
     setShowSecurityPopover(visible);
   }, []);
-  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
-    console.log('SecurityMenu boundaries changed', boundaries);
-    setPopoverArea(boundaries);
-  }, []);
   (0, _react.useEffect)(function () {
     if (isShareActionNavHidden) {
       setShowSecurityPopover(false);
-      setPopoverArea({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-      });
     }
   }, [isShareActionNavHidden]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
@@ -500,10 +492,7 @@ var SecurityMenuSection = /*#__PURE__*/(0, _react.memo)(function (_ref4) {
       backgroundColor: 'none',
       borderRadius: 'var(--fcr_cornerradius_l)'
     },
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
-      onBoundariesChanged: handleBoundariesChanged,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {})
-    }),
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {}),
     trigger: "click",
     visible: showSecurityPopover,
     onVisibleChange: handleVisibilityChange,
@@ -519,8 +508,8 @@ var SecurityMenuSection = /*#__PURE__*/(0, _react.memo)(function (_ref4) {
 
 // 参与者区块
 var ParticipantSection = /*#__PURE__*/(0, _react.memo)(function () {
-  var _useContext10 = (0, _react.useContext)(_store.StoreContext),
-    handleOpenParticipant = _useContext10.handleOpenParticipant;
+  var _useContext1 = (0, _react.useContext)(_store.StoreContext),
+    handleOpenParticipant = _useContext1.handleOpenParticipant;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.ParticipantButton, {
     onTooltipButtonClick: handleOpenParticipant
   });
@@ -528,8 +517,8 @@ var ParticipantSection = /*#__PURE__*/(0, _react.memo)(function () {
 
 // 屏幕分享区块
 var ShareScreenSection = /*#__PURE__*/(0, _react.memo)(function () {
-  var _useContext11 = (0, _react.useContext)(_store.StoreContext),
-    handleNewShare = _useContext11.handleNewShare;
+  var _useContext10 = (0, _react.useContext)(_store.StoreContext),
+    handleNewShare = _useContext10.handleNewShare;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareScreenButton.ShareScreenButton, {
     onCreateNewShareButtonClick: handleNewShare
   });
@@ -545,13 +534,12 @@ var MoreActionsSection = (0, _mobxReact.observer)(function () {
     _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
     isShowMeetingDetailPortal = _useState14[0],
     setIsShowMeetingDetailPortal = _useState14[1];
-  var _useContext12 = (0, _react.useContext)(_store.StoreContext),
-    newMessageCount = _useContext12.newMessageCount,
-    hasChatPermission = _useContext12.hasChatPermission,
-    setPopoverArea = _useContext12.setPopoverArea,
-    setAppActionbarPopoverVisible = _useContext12.setAppActionbarPopoverVisible;
-  var _useContext13 = (0, _react.useContext)(_context.ControlBarCalculationContext),
-    isShareActionNavHidden = _useContext13.isShareActionNavHidden;
+  var _useContext11 = (0, _react.useContext)(_store.StoreContext),
+    newMessageCount = _useContext11.newMessageCount,
+    hasChatPermission = _useContext11.hasChatPermission,
+    setAppActionbarPopoverVisible = _useContext11.setAppActionbarPopoverVisible;
+  var _useContext12 = (0, _react.useContext)(_context.ControlBarCalculationContext),
+    isShareActionNavHidden = _useContext12.isShareActionNavHidden;
   (0, _react.useEffect)(function () {
     if (!moreVisible) {
       setIsShowMeetingDetailPortal(false);
@@ -562,33 +550,18 @@ var MoreActionsSection = (0, _mobxReact.observer)(function () {
   }, [moreVisible]);
   var handlePopoverClose = (0, _react.useCallback)(function () {
     setMoreVisible(false);
-    setPopoverArea({
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0
-    });
   }, []);
   var preventDefault = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     setAppActionbarPopoverVisible(false);
   }, []);
-  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
-    console.log('More boundaries changed');
-    setPopoverArea(boundaries);
-  }, []);
   var handlerVisibleChange = function handlerVisibleChange(visible) {
     setMoreVisible(visible);
   };
   (0, _react.useEffect)(function () {
     if (isShareActionNavHidden) {
       setMoreVisible(false);
-      setPopoverArea({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0
-      });
+      setAppActionbarPopoverVisible(false);
     }
   }, [isShareActionNavHidden]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.FcrBadge, {
@@ -600,12 +573,9 @@ var MoreActionsSection = (0, _mobxReact.observer)(function () {
           visible: moreVisible,
           onButtonClick: handleMoreButtonClick,
           onVisibleChange: handlerVisibleChange,
-          morePopoverContent: isShowMeetingDetailPortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_meetingDetails.MeetingDetails, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
-            onBoundariesChanged: handleBoundariesChanged,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreActions.MorePopoverContent, {
-              closePopover: handlePopoverClose,
-              hasChatPermission: hasChatPermission
-            })
+          morePopoverContent: isShowMeetingDetailPortal ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_meetingDetails.MeetingDetails, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreActions.MorePopoverContent, {
+            closePopover: handlePopoverClose,
+            hasChatPermission: hasChatPermission
           })
         })
       })
@@ -615,12 +585,25 @@ var MoreActionsSection = (0, _mobxReact.observer)(function () {
 
 // 音频分享区块
 var ShareAudioSection = (0, _mobxReact.observer)(function () {
-  var _useContext14 = (0, _react.useContext)(_store.StoreContext),
-    setShareWithAudioState = _useContext14.setShareWithAudioState,
-    isSharingWithAudio = _useContext14.isSharingWithAudio,
-    setShareAudioMode = _useContext14.setShareAudioMode,
-    audioShareMode = _useContext14.audioShareMode;
+  var _useContext13 = (0, _react.useContext)(_store.StoreContext),
+    setShareWithAudioState = _useContext13.setShareWithAudioState,
+    isSharingWithAudio = _useContext13.isSharingWithAudio,
+    setShareAudioMode = _useContext13.setShareAudioMode,
+    audioShareMode = _useContext13.audioShareMode;
+  var _useContext14 = (0, _react.useContext)(_context.ControlBarCalculationContext),
+    isShareActionNavHidden = _useContext14.isShareActionNavHidden;
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    popoverVisible = _useState16[0],
+    setPopoverVisible = _useState16[1];
+  (0, _react.useEffect)(function () {
+    if (isShareActionNavHidden) {
+      setPopoverVisible(false);
+    }
+  }, [isShareActionNavHidden]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
+    popoverVisible: popoverVisible,
+    setPopoverVisible: setPopoverVisible,
     shareWithAudio: isSharingWithAudio,
     currentAudioChannel: audioShareMode,
     toggleShareWithAudio: setShareWithAudioState,

package/lib/modules/device-pretest/index.css

@@ -1,123 +1,123 @@
-.fcr-meeting-preview__wrapper {
-  /* TODO: for dev */
-  padding: 100px 160px 0px;
-}
-
-.fcr-meeting-preview__close {
-  position: absolute;
-  top: 25px;
-  right: 40px;
-  height: 50px;
-  width: 50px;
-  margin-bottom: 20px;
-  align-self: flex-end;
-  margin-right: 20px;
-  cursor: pointer;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  /* TODO */
-  background: #f2f2fa;
-}
-
-.fcr-meeting-preview__close:hover {
-  /* TODO */
-  background: #4262ff;
-}
-
-.fcr-meeting-preview__close:hover path {
-  /* TODO */
-  fill: #ffffff;
-}
-
-.fcr-speaker-control-wrapper {
-  display: flex;
-  align-items: center;
-
-  background-color: var(--fcr_web_ui_scene_fill3);
-  border: 0.5px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_l);
-
-  height: 40px;
-  min-width: 160px;
-  padding: 0 14px 0 4px;
-}
-
-.fcr-speak-louder-bg {
-  height: 30px;
-  width: 30px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--fcr_cornerradius_m);
-  background: var(--fcr_web_ui_scene_fill3);
-}
-
-.fcr-speak-louder-bg:hover {
-  /* TODO: 缺色值 */
-  background-color: var(--fcr_ui_scene_hover);
-  background-color: #4262ff1a;
-}
-
-.fcr-speaker-control__slider {
-  margin-left: 6px;
-  flex: 1;
-}
-
-.fcr-video-settings-basic_preview {
-  padding-top: 20px;
-  padding: 0 16px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
-  border-radius: var(--fcr_cornerradius_s);
-}
-
-.fcr-video-settings-basic_preview__form-row {
-  display: flex;
-  width: 100%;
-  gap: 8px;
-}
-
-.fcr-video-settings-basic_preview__form-column {
-  display: flex;
-  flex: 1;
-}
-
-.fcr-video-settings-basic_preview__form-column-max-width {
-  max-width: 50%;
-}
-
-.fcr-video-settings-basic_preview__form-item {
-  flex: 1;
-  width: 100%;
-}
-
-.fcr-video-settings-basic_preview__form-label {
-  padding: 10px 0;
-  font-family: Helvetica Neue;
-}
-
-.fcr-video-settings-basic_preview__form-column .label--l {
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 15px;
-}
-
-.fcr-video-settings-basic_preview__form-label-inline {
-  display: flex;
-  align-items: center;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-microphone-detection {
-  padding: 0;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-speaker-detection {
-  padding: 0;
-}
-
-.fcr-video-settings-basic_preview__form-column .fcr-volume-indicator {
-  padding: 0 0 0 10px;
-  flex: 1;
-}
+.fcr-meeting-preview__wrapper {
+  /* TODO: for dev */
+  padding: 100px 160px 0px;
+}
+
+.fcr-meeting-preview__close {
+  position: absolute;
+  top: 25px;
+  right: 40px;
+  height: 50px;
+  width: 50px;
+  margin-bottom: 20px;
+  align-self: flex-end;
+  margin-right: 20px;
+  cursor: pointer;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* TODO */
+  background: #f2f2fa;
+}
+
+.fcr-meeting-preview__close:hover {
+  /* TODO */
+  background: #4262ff;
+}
+
+.fcr-meeting-preview__close:hover path {
+  /* TODO */
+  fill: #ffffff;
+}
+
+.fcr-speaker-control-wrapper {
+  display: flex;
+  align-items: center;
+
+  background-color: var(--fcr_web_ui_scene_fill3);
+  border: 0.5px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_l);
+
+  height: 40px;
+  min-width: 160px;
+  padding: 0 14px 0 4px;
+}
+
+.fcr-speak-louder-bg {
+  height: 30px;
+  width: 30px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--fcr_cornerradius_m);
+  background: var(--fcr_web_ui_scene_fill3);
+}
+
+.fcr-speak-louder-bg:hover {
+  /* TODO: 缺色值 */
+  background-color: var(--fcr_ui_scene_hover);
+  background-color: #4262ff1a;
+}
+
+.fcr-speaker-control__slider {
+  margin-left: 6px;
+  flex: 1;
+}
+
+.fcr-video-settings-basic_preview {
+  padding-top: 20px;
+  padding: 0 16px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-video-settings-basic_preview__form-row {
+  display: flex;
+  width: 100%;
+  gap: 8px;
+}
+
+.fcr-video-settings-basic_preview__form-column {
+  display: flex;
+  flex: 1;
+}
+
+.fcr-video-settings-basic_preview__form-column-max-width {
+  max-width: 50%;
+}
+
+.fcr-video-settings-basic_preview__form-item {
+  flex: 1;
+  width: 100%;
+}
+
+.fcr-video-settings-basic_preview__form-label {
+  padding: 10px 0;
+  font-family: Helvetica Neue;
+}
+
+.fcr-video-settings-basic_preview__form-column .label--l {
+  font-weight: 700;
+  font-size: 15px;
+  line-height: 15px;
+}
+
+.fcr-video-settings-basic_preview__form-label-inline {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-microphone-detection {
+  padding: 0;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-speaker-detection {
+  padding: 0;
+}
+
+.fcr-video-settings-basic_preview__form-column .fcr-volume-indicator {
+  padding: 0 0 0 10px;
+  flex: 1;
+}

package/lib/modules/dialog/components/confirm/index.css

@@ -1,24 +1,24 @@
-.fcr-event-confirm-wrapper.fcr-event-confirm-container {
-  width: 100vw;
-  height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2000;
-  pointer-events: none;
-}
-
-.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
-  pointer-events: all;
-}
-
-.fcr-confirm-dialog-wrapper {
-  background: #fff;
-}
-
-.fcr-confirm-dialog-wrapper_web {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_xl);
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
+.fcr-event-confirm-wrapper.fcr-event-confirm-container {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: none;
+}
+
+.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
+  pointer-events: all;
+}
+
+.fcr-confirm-dialog-wrapper {
+  background: #fff;
+}
+
+.fcr-confirm-dialog-wrapper_web {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_xl);
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}

package/lib/modules/dialog/components/confirm/index.js

@@ -127,7 +127,6 @@ var ConfirmWindow = exports.ConfirmWindow = (0, _mobxReact.observer)(function (_
     return function () {
       clearTimeout(windowFocusTimerRef.current);
       calculateMethods["delete"](confirm);
-      handleConfirmMouseout();
     };
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, bind()), {}, {