fcr-ui-scene 3.6.1 → 3.6.2

package/lib/modules/dialog/components/host-area-container/index.js

@@ -0,0 +1,214 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HotAreaContext = exports.HotAreaContainer = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("@use-gesture/react");
+var _react2 = require("react");
+var _useElectron = require("../../hooks/useElectron");
+var _env = require("agora-foundation/lib/utilities/env");
+var _constant = require("../../../../utilities/constant");
+var _tools = require("../../../../utilities/tools");
+var _store = require("../../store");
+var _platform = require("../../../../utilities/platform");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["x", "y"];
+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; }
+var HotAreaContext = exports.HotAreaContext = /*#__PURE__*/(0, _react2.createContext)({
+  placement: 'top'
+});
+var HotAreaContainer = exports.HotAreaContainer = function HotAreaContainer(props) {
+  var children = props.children,
+    width = props.width,
+    height = props.height,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    dialogKey = props.dialogKey;
+  var _useContext = (0, _react2.useContext)(_store.StoreContext),
+    recordShareBounds = _useContext.recordShareBounds,
+    currentShareBounds = _useContext.currentShareBounds,
+    currentShareId = _useContext.currentShareId,
+    currentShareType = _useContext.currentShareType,
+    allApplicationWindows = _useContext.allApplicationWindows;
+  var _ref = (0, _env.isElectron)() ? (0, _react2.useContext)(_useElectron.DialogInstanceContext) : {},
+    browserWindow = _ref.browserWindow,
+    newRendererWindow = _ref.newRendererWindow;
+  var windowFocusTimerRef = (0, _react2.useRef)();
+  var _useState = (0, _react2.useState)(placement),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    navCurrentPosition = _useState2[0],
+    setNavCurrentPosition = _useState2[1];
+  var rndRef = (0, _react2.useRef)(null);
+  var _ref2 = (0, _react2.useMemo)(function () {
+      return (0, _tools.followCorrectDisplay)({
+        dialogKey: _constant.FcrUIDialogKey.ANNOTATION_TOOL
+      });
+    }, []) || {
+      nearDisplayBounds: {
+        width: 0,
+        height: 0
+      }
+    },
+    bounds = _ref2.nearDisplayBounds;
+  var _useState3 = (0, _react2.useState)({
+      x: bounds.width / 2 - width / 2,
+      y: bounds.height - height - 60
+    }),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    coordination = _useState4[0],
+    setCoordination = _useState4[1];
+  var bind = (0, _react.useDrag)(function (_ref3) {
+    var _rndRef$current;
+    var _ref3$delta = (0, _slicedToArray2["default"])(_ref3.delta, 2),
+      dx = _ref3$delta[0],
+      dy = _ref3$delta[1];
+    var x = coordination.x + dx;
+    var y = coordination.y + dy;
+    var maxX = bounds.width - (((_rndRef$current = rndRef.current) === null || _rndRef$current === void 0 ? void 0 : _rndRef$current.offsetWidth) || width);
+    var maxY = bounds.height - height;
+    handleDragStop({
+      lastX: Math.max(0, Math.min(maxX, x)),
+      lastY: Math.max(0, Math.min(maxY, y))
+    });
+  });
+  var handleDragStop = function handleDragStop(data) {
+    var x = data.lastX,
+      y = data.lastY;
+    setCoordination({
+      x: x,
+      y: y
+    });
+    // 控制栏左上角在屏幕Y轴的最大坐标
+    var MAX_Y = bounds.height - height;
+    if (y >= MAX_Y) {
+      setNavCurrentPosition('bottom');
+    } else if (y <= 0) {
+      setNavCurrentPosition('top');
+    }
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    browserWindow === null || browserWindow === void 0 || browserWindow.focus();
+    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(false, {
+      forward: true
+    });
+  };
+  var handleMouseLeave = function handleMouseLeave(e) {
+    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
+      forward: true
+    });
+  };
+  var handleMouseMove = function handleMouseMove() {
+    browserWindow === null || browserWindow === void 0 || browserWindow.moveTop();
+    browserWindow === null || browserWindow === void 0 || browserWindow.focus();
+    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(false, {
+      forward: true
+    });
+  };
+  function getScreenBounds() {
+    // 当电脑系统更改主屏幕为非共享屏幕时，会导致正在共享屏幕的 x, y 坐标发生改变，并触发 merics-changed 事件，去重新计算 controlbar 的热区位置
+    // 但当初分享屏幕时是通过所选择屏幕的 bounds 通过 currentShareBounds 传递到热区计算函数获知到热区应该在哪个显示器上的
+    // 因此当系统的主屏幕发生改变，再次通过这个 currentShareBounds 获取的 x, y 坐标就是错误的，以下逻辑既是对此情况做出相应处理
+    // 同一个 currentShareBounds 代表选择分享的屏幕没有发生变化，通过它作为 key 去存屏幕信息。当存在这个 key 时，取出来去拿屏幕 id 去匹配，并重新赋值 x，y
+    var screenBounds = undefined;
+    if (recordShareBounds.has(currentShareBounds)) {
+      var _window$runtime$scree;
+      var _ref4 = recordShareBounds.get(currentShareBounds),
+        ox = _ref4.x,
+        oy = _ref4.y,
+        _bounds = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
+      var _ref5 = ((_window$runtime$scree = window.runtime.screen.getAllDisplays().find(function (display) {
+          return _bounds.displayId === display.id;
+        })) === null || _window$runtime$scree === void 0 ? void 0 : _window$runtime$scree.bounds) || {
+          x: ox,
+          y: oy
+        },
+        x = _ref5.x,
+        y = _ref5.y;
+      screenBounds = _objectSpread({
+        x: x,
+        y: y
+      }, _bounds);
+      browserWindow === null || browserWindow === void 0 || browserWindow.setBounds(screenBounds);
+    } else {
+      recordShareBounds.clear();
+      screenBounds = (0, _tools.getCurrentSharingWorkArea)({
+        currentShareBounds: currentShareBounds
+      });
+      recordShareBounds.set(currentShareBounds, screenBounds);
+    }
+    return screenBounds;
+  }
+  function checkMouseOver() {
+    if (windowFocusTimerRef.current) clearInterval(windowFocusTimerRef.current);
+    var screenBounds = getScreenBounds();
+    browserWindow && newRendererWindow && (0, _tools.handleCheckMouseOver)({
+      elem: rndRef.current,
+      browserWindow: browserWindow,
+      screenBounds: screenBounds,
+      newRendererWindow: newRendererWindow,
+      callback: function callback(timerId) {
+        windowFocusTimerRef.current = timerId;
+      },
+      dialog: dialogKey
+    });
+  }
+  (0, _react2.useEffect)(function () {
+    (0, _platform.isWindows)() ? checkMouseOver() : getScreenBounds();
+    window.runtime.screen.addListener(
+    // @ts-ignore
+    'display-metrics-changed', (0, _platform.isWindows)() ? checkMouseOver : getScreenBounds);
+    handleMouseLeave();
+    return function () {
+      window.runtime.screen.removeListener(
+      // @ts-ignore
+      'display-metrics-changed', (0, _platform.isWindows)() ? checkMouseOver : getScreenBounds);
+      clearInterval(windowFocusTimerRef.current);
+    };
+  }, [currentShareId]);
+  return currentShareId ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, bind()), {}, {
+    style: {
+      width: 'fit-content',
+      transform: "translate(".concat(coordination.x, "px, ").concat(coordination.y, "px)")
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: rndRef,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onMouseOver: handleMouseEnter,
+      onMouseMove: handleMouseMove,
+      onClick: handleMouseMove,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HotAreaContext.Provider, {
+        value: {
+          placement: placement
+        },
+        children: children
+      })
+    })
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+};

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

@@ -28,7 +28,7 @@ var Container = (0, _mobxReact.observer)(function (props) {
     height: 560,
     dialogKey: _constant.FcrUIDialogKey.PARTICIPANT,
     onClose: store.closeParticipantDialog,
-    actions: store.isSharingScreen ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    actions: store.isSharingScreen && store.isSharingScreenOwner ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
       content: transI18n('fmt_uimanager_option_mergeview'),
       mouseEnterDelay: 0,
       trigger: "hover",

package/lib/modules/dialog/components/system-preference/index.js

@@ -83,7 +83,7 @@ var SystemPreferenceDialogContent = function SystemPreferenceDialogContent(props
           },
           children: button.text
         })
-      });
+      }, button.text);
     })]
   });
 };

package/lib/modules/dialog/components/video-window/index.js

@@ -125,6 +125,7 @@ var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(fun
             y = _window$runtime$scree2.y,
             width = _window$runtime$scree2.width;
           browserWindow.setBounds(setCalcBounds(x, y, width));
+          store.log("[VideoWindowDialog]: [onOpened],  x: ".concat(x, ", y: ").concat(y, ", width: ").concat(width));
         }
         reCalculate();
         calculateRef.current = reCalculate;

package/lib/modules/dialog/hooks/use-popover-watcher.d.ts

@@ -0,0 +1,14 @@
+export declare function usePopoverWatcher({ wrapperClass, offset, onAdded, onRemoved, }: {
+    wrapperClass: string;
+    onAdded?: () => void;
+    onRemoved?: () => void;
+    offset?: {
+        vertical: number;
+        horizontal: number;
+    };
+}): {
+    watcher: ({ browserWindow, newRendererWindow, }: {
+        browserWindow?: Electron.BrowserWindow;
+        newRendererWindow?: Window;
+    }) => void;
+};

package/lib/modules/dialog/hooks/use-popover-watcher.js

@@ -0,0 +1,112 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePopoverWatcher = usePopoverWatcher;
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _lodash = require("lodash");
+var _react = require("react");
+function usePopoverWatcher(_ref) {
+  var wrapperClass = _ref.wrapperClass,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? {
+      vertical: 0,
+      horizontal: 0
+    } : _ref$offset,
+    onAdded = _ref.onAdded,
+    onRemoved = _ref.onRemoved;
+  var observerRef = (0, _react.useRef)();
+  var wrapperDomRef = (0, _react.useRef)();
+  function watcher(_ref2) {
+    var browserWindow = _ref2.browserWindow,
+      newRendererWindow = _ref2.newRendererWindow;
+    if (!newRendererWindow || !browserWindow) {
+      return console.log('newRendererWindow and browserWindow is not inital');
+    }
+    if (observerRef.current) observerRef.current.disconnect();
+    var body = newRendererWindow.document.body;
+    var browserWindowBounds = browserWindow.getBounds();
+    var threshold = calculateThreshold(browserWindow, body);
+    browserWindow.addListener(
+    // @ts-ignore
+    'custom-move', (0, _lodash.debounce)(function () {
+      threshold = calculateThreshold(browserWindow, body);
+    }, 200));
+    observerRef.current = new MutationObserver(function (mutationsList) {
+      var popover = body.querySelector('.fcr-popover');
+      wrapperDomRef.current = body.querySelector(wrapperClass);
+      var wrapper = wrapperDomRef.current;
+      mutationsList.forEach(function (mutation) {
+        if (mutation.type === 'childList') {
+          mutation.addedNodes.forEach(function (node) {
+            if (node.nodeType === Node.ELEMENT_NODE && node.contains(popover)) {
+              if (popover) {
+                var wrapperHeight = wrapper.offsetHeight,
+                  wrapperWidth = wrapper.offsetWidth;
+                var offsetHeight = popover.offsetHeight,
+                  popoverWidth = popover.offsetWidth,
+                  offsetTop = popover.offsetTop,
+                  offsetLeft = popover.offsetLeft;
+                // 如果 popover 展开，根据 popover 的尺寸调整窗口的尺寸可以正好容纳 popover
+                browserWindow.setBounds({
+                  height: wrapperHeight + offsetHeight + offset.vertical,
+                  width: wrapperWidth + offset.horizontal,
+                  y: threshold.placement === 'top' ? threshold.y - offsetHeight : threshold.y
+                });
+                // if (wrapper) {
+                //   const rect = wrapper.getBoundingClientRect();
+                //   wrapper.setAttribute('style', `height: ${rect.height}px;width: ${rect.width}px`);
+                //   // popover.setAttribute('style', `left: ${offsetLeft}px;top: ${offsetTop}px`);
+                // }
+                onAdded === null || onAdded === void 0 || onAdded();
+              }
+            }
+          });
+          mutation.removedNodes.forEach(function (node) {
+            var _classList;
+            if ((_classList = node.classList) !== null && _classList !== void 0 && _classList.contains('fcr-popover')) {
+              onRemoved === null || onRemoved === void 0 || onRemoved();
+              var width = browserWindowBounds.width,
+                height = browserWindowBounds.height;
+              browserWindow.setBounds({
+                width: width,
+                height: height,
+                y: threshold.y
+              });
+              browserWindow.setResizable(true);
+            }
+          });
+        }
+      });
+    });
+    observerRef.current.observe(newRendererWindow.document.body, {
+      childList: true,
+      subtree: true
+    });
+  }
+  return {
+    watcher: watcher
+  };
+}
+function calculateThreshold(browserWindow, body) {
+  var _body$querySelector;
+  var bounds = browserWindow.getBounds();
+  var nearDisplay = window.runtime.screen.getDisplayNearestPoint(bounds);
+  var nearDisplayBounds = nearDisplay.bounds;
+  var middleThreshold = nearDisplayBounds.height / 2;
+  var placement = bounds.y > middleThreshold ? 'top' : 'bottom';
+  console.log('custom moving', placement, bounds.y);
+  (_body$querySelector = body.querySelector('#root')) === null || _body$querySelector === void 0 || _body$querySelector.setAttribute('style', "display: flex;align-items: ".concat(placement === 'top' ? 'flex-end' : 'flex-start'));
+  return {
+    placement: placement,
+    x: bounds.x,
+    y: bounds.y
+  };
+}

package/lib/modules/dialog/hooks/useElectron.d.ts

@@ -3,6 +3,7 @@ export declare const DialogInstanceContext: import("react").Context<{
     browserWindow: Electron.BrowserWindow;
     newRendererWindow: Window;
     resizable: boolean;
+    closeDialog: () => void;
 }>;
 export declare const shadowOffset: number;
 export declare const diffPlatformHighLevelLayer: string;

package/lib/modules/dialog/hooks/useElectron.js

@@ -22,6 +22,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.async-iterator.for-each.js");
@@ -100,6 +102,7 @@ function useElectronDialog(props) {
           alwaysFollowScreen: fullScreen
         }),
         nearDisplayBounds = _ref.nearDisplayBounds;
+      store === null || store === void 0 || store.log("[useElectronDialog]: dialogKey: ".concat(dialogKey, ", nearDisplayBounds: ").concat(JSON.stringify(nearDisplayBounds)));
 
       // 设置所有窗口为所有工作区可见
       browserWindow.setVisibleOnAllWorkspaces(true, {
@@ -167,7 +170,10 @@ function useElectronDialog(props) {
           value: {
             browserWindow: browserWindow,
             newRendererWindow: newRendererWindow,
-            resizable: !!customConfigs.resizable
+            resizable: !!customConfigs.resizable,
+            closeDialog: function closeDialog() {
+              return store.closeDialogByKey(dialogKey);
+            }
           },
           children: typeof children === 'function' ? children(browserWindow) : children
         })
@@ -297,7 +303,10 @@ function useElectronDialogByDialogId(props) {
           value: {
             browserWindow: browserWindow,
             newRendererWindow: newRendererWindow,
-            resizable: !!customConfigs.resizable
+            resizable: !!customConfigs.resizable,
+            closeDialog: function closeDialog() {
+              return store.closeDilaogByDialogId(winUniqueId);
+            }
           },
           children: typeof children === 'function' ? children(browserWindow) : children
         })

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

@@ -16,6 +16,7 @@ import { FcrUIDialogInfo } from './type';
 import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrUIChatProvider } from '../../providers/chat-provider';
 import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 export declare class DialogUIModule extends UIModule {
     private _dialogsByKey;
     private _store?;
@@ -35,6 +36,7 @@ export declare class DialogUIModule extends UIModule {
     waitingRoomControlProvider?: FcrUIWaitingRoomControlProvider;
     widgetProvider?: FcrUIWidgetProvider;
     screenShareProvider: FcrUIScreenShareProvider;
+    sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
     chatProvider?: FcrUIChatProvider;
     abilityProvider?: FcrUIAbilityProviderImpl;
     onNodeWillActive(): void;

package/lib/modules/dialog/index.js

@@ -99,7 +99,8 @@ var DialogUIModule = exports.DialogUIModule = /*#__PURE__*/function (_UIModule)
           widgetProvider: this.widgetProvider,
           chatProvider: this.chatProvider,
           abilityProvider: this.abilityProvider,
-          screenShareProvider: this.screenShareProvider
+          screenShareProvider: this.screenShareProvider,
+          sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource
         });
         this.eventProvider.addObserver({
           onEvent: this.onUiEvent.bind(this)

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

@@ -7,7 +7,7 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 import { FcrUIPhoneAudioConnectorProvider } from '../../providers/phone-audio-provider';
-import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
+import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
 import { CurrentShareBounds } from '../control-bar/types';
 import { CurrentShareScreenTypes } from '../share-screen/types';
 import { FcrUIDialogComponent } from './type';
@@ -16,6 +16,7 @@ import { FcrUIChatProvider } from '../../providers/chat-provider';
 import { FcrUIAbilityProviderImpl } from 'fcr-ui-scene/src/providers/ability-provider';
 import { CurrentShareScreenWorkArea } from '../../utilities/tools';
 import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 export declare const HIGH_LEVEL_DIALOG_LAYER: FcrUIDialogKey[];
 export declare const TOP_LEVEL_DIALOG_LAYER: FcrUIDialogKey[];
 export default class DialogStore {
@@ -33,10 +34,12 @@ export default class DialogStore {
     private _screenShareProvider;
     private _sharedLayoutDataSource;
     private _phoneAudioConnectorProvider;
+    private _sharedScreenShareSharedDataSource;
     private _dialogComponentMapByKey;
     private _chatProvider;
     private _handleDialogEventObserver;
     private _userObserver;
+    private _electronDialogs;
     accessor openedDialogs: {
         dialogKey: FcrUIDialogKey;
         dialogId: string;
@@ -51,6 +54,7 @@ export default class DialogStore {
     accessor currentShareType: AgoraRtcScreenCaptureType;
     accessor currentShareBounds: CurrentShareBounds;
     accessor recordShareBounds: Map<CurrentShareBounds, CurrentShareScreenWorkArea>;
+    accessor allApplicationWindows: AgoraRtcWindowInfo[];
     get dialogComponentMapByKey(): Map<FcrUIDialogKey, FcrUIDialogComponent>;
     get participantCount(): number;
     get isManager(): boolean;
@@ -69,7 +73,8 @@ export default class DialogStore {
     get widgetDialogIds(): Map<string, string>;
     get chatRoomState(): import("fcr-core/lib/room-control/chatroom-control/type").FcrChatRoomConnectionState;
     get isSharingScreen(): boolean;
-    constructor({ uiEventStore, userControl, deviceStore, streamControl, localVideoRenderProvider, remoteVideoRenderManager, securityStore, sharedLayoutDataSource, dialogProvider, phoneAudioConnectorProvider, dialogsByKey, widgetProvider, screenShareProvider, chatProvider, }: {
+    get isSharingScreenOwner(): boolean;
+    constructor({ uiEventStore, userControl, deviceStore, streamControl, localVideoRenderProvider, remoteVideoRenderManager, securityStore, sharedLayoutDataSource, dialogProvider, phoneAudioConnectorProvider, dialogsByKey, widgetProvider, screenShareProvider, chatProvider, sharedScreenShareSharedDataSource, }: {
         streamControl: FcrStreamControl;
         userControl: FcrUserControl;
         uiEventStore: FcrUIEventProvider;
@@ -85,6 +90,7 @@ export default class DialogStore {
         chatProvider: FcrUIChatProvider;
         screenShareProvider: FcrUIScreenShareProvider;
         abilityProvider: FcrUIAbilityProviderImpl;
+        sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
     });
     setParticipantElectronDialogContainer(dom: HTMLElement | null): void;
     setVideoWindowBounds(payload: any): void;
@@ -100,6 +106,7 @@ export default class DialogStore {
     resizeVideoWindow(width: number, height: number): void;
     updateCurrentShareContent(payload: CurrentShareScreenTypes): void;
     recordCurrentSharingScreenBounds(): CurrentShareScreenWorkArea;
+    log(info: string): void;
     private _handleDialogEvent;
     private _hanleAllUserCountUpdated;
     private _focusDialog;

package/lib/modules/dialog/store.js

@@ -83,7 +83,7 @@ var _tools = require("../../utilities/tools");
 var _useElectron = require("./hooks/useElectron");
 var _excluded = ["x", "y"];
 var _DialogStore;
-var _initProto, _init_openedDialogs, _init_confirmDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_currentDialogBounds, _init_videoWindowBounds, _init_currentShareId, _init_currentShareType, _init_currentShareBounds, _init_recordShareBounds, _setVideoWindowBoundsDecs, _updateCurrentShareContentDecs, _recordCurrentSharingScreenBoundsDecs, _handleDialogEventDecs, _hanleAllUserCountUpdatedDecs, _ref;
+var _initProto, _init_openedDialogs, _init_confirmDialogs, _init_userCount, _init_participantElectronDialogContainer, _init_currentDialogBounds, _init_videoWindowBounds, _init_currentShareId, _init_currentShareType, _init_currentShareBounds, _init_recordShareBounds, _init_allApplicationWindows, _setVideoWindowBoundsDecs, _updateCurrentShareContentDecs, _recordCurrentSharingScreenBoundsDecs, _handleDialogEventDecs, _hanleAllUserCountUpdatedDecs, _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); }
@@ -97,7 +97,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 var HIGH_LEVEL_DIALOG_LAYER = exports.HIGH_LEVEL_DIALOG_LAYER = [_constant.FcrUIDialogKey.CHAT, _constant.FcrUIDialogKey.PARTICIPANT, _constant.FcrUIDialogKey.SHARE_SCREEN];
-var TOP_LEVEL_DIALOG_LAYER = exports.TOP_LEVEL_DIALOG_LAYER = [_constant.FcrUIDialogKey.SHOW_TOAST, _constant.FcrUIDialogKey.CONFIRM, _constant.FcrUIDialogKey.CONTROL_BAR, _constant.FcrUIDialogKey.VIDEO_WINDOW];
+var TOP_LEVEL_DIALOG_LAYER = exports.TOP_LEVEL_DIALOG_LAYER = [_constant.FcrUIDialogKey.SHOW_TOAST, _constant.FcrUIDialogKey.CONFIRM, _constant.FcrUIDialogKey.CONTROL_BAR, _constant.FcrUIDialogKey.VIDEO_WINDOW, _constant.FcrUIDialogKey.ANNOTATION];
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -108,6 +108,7 @@ 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();
 _ref = (_setVideoWindowBoundsDecs = [_mobx.action, _mobx.action.bound], _updateCurrentShareContentDecs = [_mobx.action, _mobx.action.bound], _recordCurrentSharingScreenBoundsDecs = [_mobx.action, _mobx.action.bound], _handleDialogEventDecs = [_mobx.action, _mobx.action.bound], _hanleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var DialogStore = exports["default"] = /*#__PURE__*/function () {
   function DialogStore(_ref2) {
@@ -125,7 +126,8 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       dialogsByKey = _ref2.dialogsByKey,
       widgetProvider = _ref2.widgetProvider,
       screenShareProvider = _ref2.screenShareProvider,
-      chatProvider = _ref2.chatProvider;
+      chatProvider = _ref2.chatProvider,
+      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource;
     (0, _classCallCheck2["default"])(this, DialogStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'DialogStore'
@@ -136,6 +138,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_userObserver", {
       onAllUserCountUpdated: this._hanleAllUserCountUpdated
     });
+    (0, _defineProperty2["default"])(this, "_electronDialogs", new Map());
     _classPrivateFieldInitSpec(this, _A, _init_openedDialogs(this, []));
     _classPrivateFieldInitSpec(this, _B, _init_confirmDialogs(this, new Map()));
     _classPrivateFieldInitSpec(this, _C, _init_userCount(this, 0));
@@ -151,6 +154,8 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       y: 0
     }));
     _classPrivateFieldInitSpec(this, _J, _init_recordShareBounds(this, new Map()));
+    _classPrivateFieldInitSpec(this, _K, _init_allApplicationWindows(this, []));
+    this._sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
     this._uiEventStore = uiEventStore;
     this._streamControl = streamControl;
     this._userControl = userControl;
@@ -253,6 +258,14 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_J, this, v);
     }
+  }, {
+    key: "allApplicationWindows",
+    get: function get() {
+      return _classPrivateFieldGet(_K, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_K, this, v);
+    }
   }, {
     key: "dialogComponentMapByKey",
     get: function get() {
@@ -326,7 +339,13 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "isSharingScreen",
     get: function get() {
-      return this._screenShareProvider.isSharingScreen;
+      return this._sharedScreenShareSharedDataSource.isSharingScreen;
+    }
+  }, {
+    key: "isSharingScreenOwner",
+    get: function get() {
+      var _this$_sharedScreenSh;
+      return ((_this$_sharedScreenSh = this._sharedScreenShareSharedDataSource.screenSharingOwner) === null || _this$_sharedScreenSh === void 0 ? void 0 : _this$_sharedScreenSh.userId) === this._userInfo.userId;
     }
   }, {
     key: "setParticipantElectronDialogContainer",
@@ -461,6 +480,11 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
       }
       return screenBounds;
     }
+  }, {
+    key: "log",
+    value: function log(info) {
+      this.logger.info(info);
+    }
   }, {
     key: "_handleDialogEvent",
     value: function _handleDialogEvent(action, payload) {
@@ -469,8 +493,16 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
         dialogId = _ref6.dialogId,
         _ref6$params = _ref6.params,
         params = _ref6$params === void 0 ? {} : _ref6$params;
+      var openInFragments = [_constant.FcrUIDialogKey.ANNOTATION];
       switch (action) {
         case _constant.FcrUIAction.OPEN_DIALOG:
+          if ((0, _env.isElectron)()) {
+            if (openInFragments.includes(dialogKey)) {
+              this._electronDialogs.set(dialogId, dialogKey);
+              window.runtime.open(dialogKey, dialogId);
+              return;
+            }
+          }
           this.logger.info('open_dialog: ', dialogKey, '====', dialogId);
           // 因为窗口可能会移动，因此需要矫正 global toast 和 confirm 的 Bounds
           var isToastOrConfirm = [_constant.FcrUIDialogKey.SHOW_TOAST, _constant.FcrUIDialogKey.CONFIRM].includes(dialogKey);
@@ -504,6 +536,13 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
           }
           break;
         case _constant.FcrUIAction.CLOSE_DIALOG:
+          if ((0, _env.isElectron)()) {
+            var electronDialogKey = this._electronDialogs.get(dialogId);
+            if (electronDialogKey && openInFragments.includes(electronDialogKey)) {
+              window.runtime.close(electronDialogKey, dialogId);
+              return;
+            }
+          }
           this.openedDialogs = this.openedDialogs.filter(function (dialog) {
             return dialog.dialogId !== dialogId;
           });
@@ -541,7 +580,7 @@ var DialogStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _DialogStore = DialogStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.observable, 1, "openedDialogs"], [_mobx.observable, 1, "confirmDialogs"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "participantElectronDialogContainer"], [_mobx.observable, 1, "currentDialogBounds"], [_mobx.observable, 1, "videoWindowBounds"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentShareBounds"], [_mobx.observable, 1, "recordShareBounds"], [_mobx.computed, 3, "connectType"], [_mobx.computed, 3, "hasOwnPstnStream"], [_mobx.computed, 3, "chatRoomState"], [_mobx.action, 2, "setParticipantElectronDialogContainer"], [_setVideoWindowBoundsDecs, 18, "setVideoWindowBounds"], [_decorator.bound, 2, "closeDialogByKey"], [_decorator.bound, 2, "closeDilaogByDialogId"], [_decorator.bound, 2, "closeSystemPreferenceDialog"], [_decorator.bound, 2, "closeChatFromDialog"], [_decorator.bound, 2, "moveChatFromDialogToAside"], [_decorator.bound, 2, "closeConnectionDialog"], [_decorator.bound, 2, "closeParticipantDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "resizeVideoWindow"], [_updateCurrentShareContentDecs, 18, "updateCurrentShareContent"], [_recordCurrentSharingScreenBoundsDecs, 18, "recordCurrentSharingScreenBounds"], [_handleDialogEventDecs, 18, "_handleDialogEvent"], [_hanleAllUserCountUpdatedDecs, 18, "_hanleAllUserCountUpdated"], [_decorator.bound, 2, "_focusDialog"]], []).e, 11);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DialogStore, [[_mobx.observable, 1, "openedDialogs"], [_mobx.observable, 1, "confirmDialogs"], [_mobx.observable, 1, "userCount"], [_mobx.observable, 1, "participantElectronDialogContainer"], [_mobx.observable, 1, "currentDialogBounds"], [_mobx.observable, 1, "videoWindowBounds"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentShareBounds"], [_mobx.observable, 1, "recordShareBounds"], [_mobx.observable, 1, "allApplicationWindows"], [_mobx.computed, 3, "connectType"], [_mobx.computed, 3, "hasOwnPstnStream"], [_mobx.computed, 3, "chatRoomState"], [_mobx.computed, 3, "isSharingScreen"], [_mobx.action, 2, "setParticipantElectronDialogContainer"], [_setVideoWindowBoundsDecs, 18, "setVideoWindowBounds"], [_decorator.bound, 2, "closeDialogByKey"], [_decorator.bound, 2, "closeDilaogByDialogId"], [_decorator.bound, 2, "closeSystemPreferenceDialog"], [_decorator.bound, 2, "closeChatFromDialog"], [_decorator.bound, 2, "moveChatFromDialogToAside"], [_decorator.bound, 2, "closeConnectionDialog"], [_decorator.bound, 2, "closeParticipantDialog"], [_decorator.bound, 2, "moveParticipantFromDialogToAside"], [_decorator.bound, 2, "resizeVideoWindow"], [_updateCurrentShareContentDecs, 18, "updateCurrentShareContent"], [_recordCurrentSharingScreenBoundsDecs, 18, "recordCurrentSharingScreenBounds"], [_decorator.bound, 2, "log"], [_handleDialogEventDecs, 18, "_handleDialogEvent"], [_hanleAllUserCountUpdatedDecs, 18, "_hanleAllUserCountUpdated"], [_decorator.bound, 2, "_focusDialog"]], []).e, 12);
 _init_openedDialogs = _applyDecs$e[0];
 _init_confirmDialogs = _applyDecs$e[1];
 _init_userCount = _applyDecs$e[2];
@@ -552,5 +591,6 @@ _init_currentShareId = _applyDecs$e[6];
 _init_currentShareType = _applyDecs$e[7];
 _init_currentShareBounds = _applyDecs$e[8];
 _init_recordShareBounds = _applyDecs$e[9];
-_initProto = _applyDecs$e[10];
+_init_allApplicationWindows = _applyDecs$e[10];
+_initProto = _applyDecs$e[11];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);