fcr-ui-scene 3.6.1 → 3.6.2

package/lib/modules/event-confirm/components/window/index.d.ts

@@ -0,0 +1,7 @@
+import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+export declare const ConfirmWindow: ({ confirm, onMouseEnter, onMouseLeave, activeConfirm, }: {
+    confirm: ConfirmContentProps;
+    onMouseEnter: (title: string | undefined) => void;
+    onMouseLeave: () => void;
+    activeConfirm: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/event-confirm/components/window/index.js

@@ -0,0 +1,188 @@
+"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/es.object.to-string.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.constructor.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.ConfirmWindow = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/web.timers.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store");
+var _useElectron = require("../../../dialog/hooks/useElectron");
+var _env = require("agora-foundation/lib/utilities/env");
+var _confirmContent = require("agora-ui-foundation/lib/components/confirm-content");
+var _platform = require("../../../../utilities/platform");
+var _tools = require("../../../../utilities/tools");
+var _renderer = require("../../../../utilities/renderer");
+var _react2 = require("@use-gesture/react");
+var _jsxRuntime = require("react/jsx-runtime");
+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 ConfirmWindow = exports.ConfirmWindow = (0, _mobxReact.observer)(function (_ref) {
+  var _rndRef$current;
+  var confirm = _ref.confirm,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    activeConfirm = _ref.activeConfirm;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    screenBounds = _useContext.screenBounds,
+    calculateMethods = _useContext.calculateMethods,
+    log = _useContext.log;
+  var _ref2 = (0, _env.isElectron)() ? (0, _react.useContext)(_useElectron.DialogInstanceContext) : {},
+    browserWindow = _ref2.browserWindow;
+  var rndRef = (0, _react.useRef)(null);
+  var windowFocusTimerRef = (0, _react.useRef)();
+  var defaultSize = {
+    width: confirm.width || 320,
+    height: confirm.height ? confirm.height : ((_rndRef$current = rndRef.current) === null || _rndRef$current === void 0 ? void 0 : _rndRef$current.getBoundingClientRect().height) || (confirm.icon ? 160 : 150)
+  };
+  var baseBounds = (0, _react.useMemo)(function () {
+    var _ref3 = screenBounds || {
+        width: window.innerWidth,
+        height: window.innerHeight
+      },
+      width = _ref3.width,
+      height = _ref3.height;
+    return {
+      x: width / 2 - defaultSize.width / 2,
+      y: height / 2 - defaultSize.height / 2,
+      width: width,
+      height: height
+    };
+  }, [screenBounds]);
+  var _useState = (0, _react.useState)({
+      x: baseBounds.x,
+      y: baseBounds.y
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    bounds = _useState2[0],
+    setBounds = _useState2[1];
+  var bind = (0, _react2.useDrag)(function (_ref4) {
+    var _ref4$delta = (0, _slicedToArray2["default"])(_ref4.delta, 2),
+      dx = _ref4$delta[0],
+      dy = _ref4$delta[1];
+    var x = bounds.x + dx;
+    var y = bounds.y + dy;
+    var maxX = baseBounds.width - defaultSize.width;
+    var maxY = baseBounds.height - defaultSize.height;
+    var coord = {
+      x: Math.max(0, Math.min(maxX, x)),
+      y: Math.max(0, Math.min(maxY, y))
+    };
+    setBounds(coord);
+  });
+  var ignoreMouseTimer = (0, _react.useRef)();
+  function recalculate(bounds) {
+    if (windowFocusTimerRef.current) {
+      clearTimeout(windowFocusTimerRef.current);
+      windowFocusTimerRef.current = undefined;
+    }
+    log("call handle checkMouseOver condition:  ".concat((0, _env.isElectron)(), " && ").concat((0, _platform.isWindows)(), " && ").concat(browserWindow, " && ").concat(rndRef.current, " && ").concat(JSON.stringify(screenBounds)));
+    if ((0, _env.isElectron)() && (0, _platform.isWindows)() && browserWindow && rndRef.current && screenBounds) {
+      log("handleCheckMouseOver called , the bounds is ".concat(JSON.stringify(bounds || screenBounds)));
+      (0, _tools.handleCheckMouseOver)({
+        elem: rndRef.current,
+        browserWindow: browserWindow,
+        screenBounds: bounds || screenBounds,
+        callback: function callback(timerId) {
+          windowFocusTimerRef.current = timerId;
+        }
+      });
+    }
+  }
+  var handleRecalculate = function handleRecalculate() {
+    return recalculate();
+  };
+  (0, _react.useEffect)(function () {
+    recalculate();
+    !calculateMethods.has(confirm) && calculateMethods.set(confirm, recalculate);
+    (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.addListener('display-removed', handleRecalculate);
+    return function () {
+      clearTimeout(windowFocusTimerRef.current);
+      calculateMethods["delete"](confirm);
+      ignoreMouseTimer.current && clearInterval(ignoreMouseTimer.current);
+      (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.removeListener('display-removed', handleRecalculate);
+    };
+  }, [rndRef.current /** hack 处理 windows 下，弹出窗口层级不对的问题 */]);
+  (0, _react.useEffect)(function () {
+    log("when screen bounds changed ".concat(JSON.stringify(screenBounds)));
+    (0, _platform.isWindows)() && setBounds({
+      x: baseBounds.x,
+      y: baseBounds.y
+    });
+  }, [screenBounds]);
+  var handleMouseEnter = function handleMouseEnter() {
+    ignoreMouseTimer.current && activeConfirm === confirm.title && clearInterval(ignoreMouseTimer.current);
+    if ((0, _env.isElectron)()) {
+      onMouseEnter(confirm.title);
+      browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(false);
+      browserWindow === null || browserWindow === void 0 || browserWindow.focus();
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if ((0, _env.isElectron)()) {
+      onMouseLeave();
+      log("[event-confirm]: handleMouseLeave, ignore mouse events: true");
+      browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
+        forward: true
+      });
+      // 修复老版本的 mac 下，ignore 会失效的问题
+      if (activeConfirm === undefined && (0, _renderer.isMac)()) {
+        ignoreMouseTimer.current = setInterval(function () {
+          browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
+            forward: true
+          });
+        }, 1000);
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, bind()), {}, {
+    onMouseLeave: handleMouseLeave,
+    onMouseEnter: handleMouseEnter,
+    onMouseMove: handleMouseEnter,
+    style: {
+      width: defaultSize.width,
+      height: confirm.height || 'auto',
+      left: "".concat(bounds.x, "px"),
+      top: "".concat(bounds.y, "px"),
+      position: 'absolute',
+      touchAction: 'none'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: rndRef,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      onKeyUp: function onKeyUp(e) {
+        return e.stopPropagation();
+      },
+      onKeyDown: function onKeyDown(e) {
+        return e.stopPropagation();
+      },
+      className: "fcr-confirm-dialog-wrapper_web",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmContent.ConfirmContent, _objectSpread({}, confirm))
+    })
+  }));
+});

package/lib/modules/event-confirm/index.d.ts

@@ -6,20 +6,20 @@ import { FcrUICurrentRoomControlProvider, FcrUIRoomProvider } from '../../provid
 import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUIScreenShareDataSource } from '../../shared-data-source/screen-share-data-source';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 export declare class EventConfirmUIModule extends UIModule {
     private _store?;
     private _leaveMeetingStore?;
     eventProvider?: FcrUIEventProvider;
     dialogProvider?: FcrUIDialogProvider;
     privilegeProvider?: FcrUIPrivilegeProvider;
-    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
     screenShareProvider?: FcrUIScreenShareProvider;
+    currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
     roomProvider?: FcrUIRoomProvider;
     sharedMemberDataSource?: FcrUIMemberSharedDataSource;
     abilityProvider?: FcrUIAbilityProviderImpl;
-    screenShareDataSource?: FcrUIScreenShareDataSource;
+    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
-    getComponent(): import("react/jsx-runtime").JSX.Element;
+    getComponent(scene: string): import("react/jsx-runtime").JSX.Element;
 }

package/lib/modules/event-confirm/index.js

@@ -39,13 +39,13 @@ var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function
   return (0, _createClass2["default"])(EventConfirmUIModule, [{
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      if (this.eventProvider && this.dialogProvider) {
+      if (this.eventProvider && this.dialogProvider && this.sharedScreenShareSharedDataSource) {
         var _this$currentRoomCont;
         this._store = new _store2["default"]({
           uiEventStore: this.eventProvider,
           dialogProvider: this.dialogProvider,
-          screenShareProvider: this.screenShareProvider,
-          screenShareDataSource: this.screenShareDataSource
+          sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
+          screenShareProvider: this.screenShareProvider
         });
         this._leaveMeetingStore = new _store.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
       }
@@ -58,7 +58,9 @@ var EventConfirmUIModule = exports.EventConfirmUIModule = /*#__PURE__*/function
     }
   }, {
     key: "getComponent",
-    value: function getComponent() {
+    value: function getComponent(scene) {
+      var _this$_store2;
+      (_this$_store2 = this._store) === null || _this$_store2 === void 0 || _this$_store2.log("[EventConfirmUIModule]: [getComponent], scene: ".concat(scene));
       if (!this._store) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
       }

package/lib/modules/event-confirm/store.d.ts

@@ -2,16 +2,15 @@ import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIDialogParams } from '../../type';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
 import { CurrentShareBounds } from '../control-bar/types';
-import { FcrUIScreenShareDataSource } from '../../shared-data-source/screen-share-data-source';
 export default class ConfirmStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
     private _uiEventProvider;
     private _dialogProvider;
-    private _screenShareProvider;
-    private _screenShareDataSource;
+    private _sharedScreenShareSharedDataSource;
     private _handleConfirmEventObserver;
     accessor isReplaceShare: boolean;
     accessor calculateMethods: Map<ConfirmContentProps, (bounds?: CurrentShareBounds | null) => void>;
@@ -23,11 +22,11 @@ export default class ConfirmStore {
     accessor screenBounds: CurrentShareBounds | Electron.Rectangle | null;
     get confirmList(): ConfirmContentProps[];
     get isSeizeScreen(): boolean;
-    constructor({ uiEventStore, dialogProvider, screenShareProvider, screenShareDataSource, }: {
+    constructor({ uiEventStore, dialogProvider, screenShareProvider, sharedScreenShareSharedDataSource, }: {
         uiEventStore: FcrUIEventProvider;
         dialogProvider: FcrUIDialogProvider;
         screenShareProvider: FcrUIScreenShareProvider;
-        screenShareDataSource: FcrUIScreenShareDataSource;
+        sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
     });
     addConfirm(payload: FcrUIDialogParams<ConfirmContentProps>): void;
     resetIsReplace(): void;

package/lib/modules/event-confirm/store.js

@@ -101,7 +101,7 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
     var uiEventStore = _ref2.uiEventStore,
       dialogProvider = _ref2.dialogProvider,
       screenShareProvider = _ref2.screenShareProvider,
-      screenShareDataSource = _ref2.screenShareDataSource;
+      sharedScreenShareSharedDataSource = _ref2.sharedScreenShareSharedDataSource;
     (0, _classCallCheck2["default"])(this, ConfirmStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'ConfirmStore'
@@ -117,8 +117,7 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _E, _init_screenBounds(this, (0, _env.isElectron)() ? window.runtime.browserWindow.getBounds() : null));
     this._uiEventProvider = uiEventStore;
     this._dialogProvider = dialogProvider;
-    this._screenShareProvider = screenShareProvider;
-    this._screenShareDataSource = screenShareDataSource;
+    this._sharedScreenShareSharedDataSource = sharedScreenShareSharedDataSource;
     this._uiEventProvider.addObserver(this._handleConfirmEventObserver);
     this._dialogProvider.addObserver(this._handleConfirmEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
@@ -129,20 +128,22 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
         value === null || value === void 0 || (_value$timer = value.timer) === null || _value$timer === void 0 || _value$timer.call(value);
       });
     }), (0, _mobx.reaction)(function () {
-      var _this$_screenShareDat;
-      return (_this$_screenShareDat = _this._screenShareDataSource) === null || _this$_screenShareDat === void 0 ? void 0 : _this$_screenShareDat.currentShareBounds;
+      var _this$_sharedScreenSh;
+      return (_this$_sharedScreenSh = _this._sharedScreenShareSharedDataSource) === null || _this$_sharedScreenSh === void 0 ? void 0 : _this$_sharedScreenSh.currentSelectionBounds;
     }, function (bounds) {
       if (bounds) {
-        var _ref3 = (0, _tools.followCorrectDisplay)({
-            dialogKey: _constant.FcrUIDialogKey.CONFIRM,
-            alwaysFollowScreen: true
-          }),
-          nearDisplayBounds = _ref3.nearDisplayBounds;
-        _this.calculateMethods.forEach(function (method) {
-          return method(nearDisplayBounds);
+        var res = (0, _tools.followCorrectDisplay)({
+          dialogKey: _constant.FcrUIDialogKey.CONFIRM,
+          alwaysFollowScreen: true
         });
-        _this.logger.info("new sharing bounds is ".concat(JSON.stringify(nearDisplayBounds)));
-        _this.screenBounds = nearDisplayBounds;
+        if (res) {
+          var nearDisplayBounds = res.nearDisplayBounds;
+          _this.calculateMethods.forEach(function (method) {
+            return method(nearDisplayBounds);
+          });
+          _this.logger.info("new sharing bounds is ".concat(JSON.stringify(nearDisplayBounds)));
+          _this.screenBounds = nearDisplayBounds;
+        }
       } else {
         _this.logger.error("there is have no bounds ".concat(JSON.stringify(bounds)));
       }
@@ -150,12 +151,12 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
       return _this.isSeizeScreen;
     }, function (isSeize) {
       if (isSeize && (0, _env.isElectron)()) {
-        var _ref4 = (0, _tools.followCorrectDisplay)({
+        var _ref3 = (0, _tools.followCorrectDisplay)({
             dialogKey: _constant.FcrUIDialogKey.CONFIRM,
             alwaysFollowScreen: true,
             extraRefControlbarCondition: isSeize
           }),
-          nearDisplayBounds = _ref4.nearDisplayBounds;
+          nearDisplayBounds = _ref3.nearDisplayBounds;
         _this.screenBounds = nearDisplayBounds;
         _this.logger.info("new sharing bounds is ".concat(JSON.stringify(nearDisplayBounds), ", when seize screen emit"));
       }
@@ -199,7 +200,8 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "screenBounds",
-    get: function get() {
+    get: // @observable accessor mousePosition: { x: number; y: number } = { x: 0, y: 0 };
+    function get() {
       return _classPrivateFieldGet(_E, this);
     },
     set: function set(v) {
@@ -216,8 +218,7 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "isSeizeScreen",
     get: function get() {
-      var _this$_screenSharePro;
-      return (_this$_screenSharePro = this._screenShareProvider) === null || _this$_screenSharePro === void 0 ? void 0 : _this$_screenSharePro.isSeizeStream;
+      return this._sharedScreenShareSharedDataSource.isSeizeStream;
     }
   }, {
     key: "addConfirm",
@@ -282,6 +283,12 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
     value: function resetIsReplace() {
       this.isReplaceShare = false;
     }
+
+    // @action.bound
+    // setMousePosition(e: MouseEvent) {
+    //   console.log('setMousePosition', e.pageX, e.pageY);
+    //   this.mousePosition = { x: e.pageX, y: e.pageY };
+    // }
   }, {
     key: "release",
     value: function release() {
@@ -304,13 +311,15 @@ var ConfirmStore = exports["default"] = /*#__PURE__*/function () {
       if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.FcrUIDialogKey.CONFIRM) {
         switch (action) {
           case _constant.FcrUIAction.OPEN_DIALOG:
-            var _ref6 = (0, _tools.followCorrectDisplay)({
-                dialogKey: _constant.FcrUIDialogKey.CONFIRM,
-                alwaysFollowScreen: true
-              }),
-              nearDisplayBounds = _ref6.nearDisplayBounds;
-            this.screenBounds = nearDisplayBounds;
-            this.logger.info("open confirm dialog with bounds ".concat(JSON.stringify(nearDisplayBounds)));
+            if ((0, _env.isElectron)()) {
+              var _ref5 = (0, _tools.followCorrectDisplay)({
+                  dialogKey: _constant.FcrUIDialogKey.CONFIRM,
+                  alwaysFollowScreen: true
+                }),
+                nearDisplayBounds = _ref5.nearDisplayBounds;
+              this.screenBounds = nearDisplayBounds;
+              this.logger.info("open confirm dialog with bounds ".concat(JSON.stringify(nearDisplayBounds)));
+            }
             this.addConfirm(payload);
             break;
           case _constant.FcrUIAction.CLOSE_DIALOG:

package/lib/modules/event-confirm/view.js

@@ -1,55 +1,35 @@
 "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/es.object.to-string.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.constructor.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.View = void 0;
-require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.date.to-json.js");
-require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/web.timers.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _store = require("./store");
-require("./index.css");
-var _confirmContent = require("agora-ui-foundation/lib/components/confirm-content");
 var _useElectron = require("../dialog/hooks/useElectron");
-var _react2 = require("@use-gesture/react");
 var _env = require("agora-foundation/lib/utilities/env");
-var _tools = require("../../utilities/tools");
-var _platform = require("../../utilities/platform");
+var _window = require("./components/window");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-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 View = exports.View = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     confirmList = _useContext.confirmList;
   var _ref = (0, _env.isElectron)() ? (0, _react.useContext)(_useElectron.DialogInstanceContext) : {},
     browserWindow = _ref.browserWindow;
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeConfirm = _useState2[0],
+    setActiveConfirm = _useState2[1];
   (0, _react.useEffect)(function () {
+    // window.addEventListener('mousemove', setMousePosition);
     if ((0, _toConsumableArray2["default"])(confirmList).length === 0) {
       browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true);
       browserWindow === null || browserWindow === void 0 || browserWindow.blur();
@@ -57,155 +37,27 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
       browserWindow === null || browserWindow === void 0 || browserWindow.focus();
       browserWindow === null || browserWindow === void 0 || browserWindow.setAlwaysOnTop(true, 'screen-saver');
     }
+    // return () => {
+    //   window.removeEventListener('mousemove', setMousePosition);
+    // };
   }, [confirmList]);
+  var handleMouseEnter = function handleMouseEnter(title) {
+    setActiveConfirm(title);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setActiveConfirm(undefined);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "confirm-wrapper",
-      children: (0, _toConsumableArray2["default"])(confirmList).map(function (confirm, idx) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfirmWindow, {
-          confirm: confirm
+      children: (0, _toConsumableArray2["default"])(confirmList).map(function (confirm) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_window.ConfirmWindow, {
+          confirm: confirm,
+          onMouseEnter: handleMouseEnter,
+          onMouseLeave: handleMouseLeave,
+          activeConfirm: activeConfirm
         }, confirm.title);
       })
     })
   });
-});
-var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
-  var _rndRef$current;
-  var confirm = _ref2.confirm;
-  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    screenBounds = _useContext2.screenBounds,
-    calculateMethods = _useContext2.calculateMethods,
-    log = _useContext2.log;
-  var _ref3 = (0, _env.isElectron)() ? (0, _react.useContext)(_useElectron.DialogInstanceContext) : {},
-    browserWindow = _ref3.browserWindow;
-  var rndRef = (0, _react.useRef)(null);
-  var windowFocusTimerRef = (0, _react.useRef)();
-  var defaultSize = {
-    width: confirm.width || 320,
-    height: confirm.height ? confirm.height : ((_rndRef$current = rndRef.current) === null || _rndRef$current === void 0 ? void 0 : _rndRef$current.getBoundingClientRect().height) || (confirm.icon ? 160 : 150)
-  };
-  var baseBounds = (0, _react.useMemo)(function () {
-    var _ref4 = screenBounds || {
-        width: window.innerWidth,
-        height: window.innerHeight
-      },
-      width = _ref4.width,
-      height = _ref4.height;
-    return {
-      x: width / 2 - defaultSize.width / 2,
-      y: height / 2 - defaultSize.height / 2,
-      width: width,
-      height: height
-    };
-  }, [screenBounds]);
-  var _useState = (0, _react.useState)({
-      x: baseBounds.x,
-      y: baseBounds.y
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    bounds = _useState2[0],
-    setBounds = _useState2[1];
-  var bind = (0, _react2.useDrag)(function (_ref5) {
-    var _ref5$delta = (0, _slicedToArray2["default"])(_ref5.delta, 2),
-      dx = _ref5$delta[0],
-      dy = _ref5$delta[1];
-    var x = bounds.x + dx;
-    var y = bounds.y + dy;
-    var maxX = baseBounds.width - defaultSize.width;
-    var maxY = baseBounds.height - defaultSize.height;
-    var coord = {
-      x: Math.max(0, Math.min(maxX, x)),
-      y: Math.max(0, Math.min(maxY, y))
-    };
-    setBounds(coord);
-  });
-  var ignoreMouseTimer = (0, _react.useRef)();
-  function recalculate(bounds) {
-    if (windowFocusTimerRef.current) {
-      clearTimeout(windowFocusTimerRef.current);
-      windowFocusTimerRef.current = undefined;
-    }
-    log("call handle checkMouseOver condition:  ".concat((0, _env.isElectron)(), " && ").concat((0, _platform.isWindows)(), " && ").concat(browserWindow, " && ").concat(rndRef.current, " && ").concat(JSON.stringify(screenBounds)));
-    if ((0, _env.isElectron)() && (0, _platform.isWindows)() && browserWindow && rndRef.current && screenBounds) {
-      log("handleCheckMouseOver called , the bounds is ".concat(JSON.stringify(bounds || screenBounds)));
-      (0, _tools.handleCheckMouseOver)({
-        elem: rndRef.current,
-        browserWindow: browserWindow,
-        screenBounds: bounds || screenBounds,
-        callback: function callback(timerId) {
-          windowFocusTimerRef.current = timerId;
-        }
-      });
-    }
-  }
-  var handleRecalculate = function handleRecalculate() {
-    return recalculate();
-  };
-  (0, _react.useEffect)(function () {
-    browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
-      forward: true
-    });
-    recalculate();
-    !calculateMethods.has(confirm) && calculateMethods.set(confirm, recalculate);
-    (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.addListener('display-removed', handleRecalculate);
-    return function () {
-      clearTimeout(windowFocusTimerRef.current);
-      calculateMethods["delete"](confirm);
-      ignoreMouseTimer.current && clearInterval(ignoreMouseTimer.current);
-      (0, _env.isElectron)() && (0, _platform.isWindows)() && window.runtime.screen.removeListener('display-removed', handleRecalculate);
-    };
-  }, [rndRef.current /** hack 处理 windows 下，弹出窗口层级不对的问题 */]);
-  (0, _react.useEffect)(function () {
-    log("when screen bounds changed ".concat(JSON.stringify(screenBounds)));
-    (0, _platform.isWindows)() && setBounds({
-      x: baseBounds.x,
-      y: baseBounds.y
-    });
-  }, [screenBounds]);
-  var handleMouseEnter = function handleMouseEnter() {
-    ignoreMouseTimer.current && clearInterval(ignoreMouseTimer.current);
-    if ((0, _env.isElectron)()) {
-      browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(false);
-      browserWindow === null || browserWindow === void 0 || browserWindow.focus();
-    }
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    if ((0, _env.isElectron)()) {
-      browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
-        forward: true
-      });
-      // 修复老版本的 mac 下，ignore 会失效的问题
-      ignoreMouseTimer.current = setInterval(function () {
-        browserWindow === null || browserWindow === void 0 || browserWindow.setIgnoreMouseEvents(true, {
-          forward: true
-        });
-      }, 1000);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, bind()), {}, {
-    onMouseLeave: handleMouseLeave,
-    onMouseEnter: handleMouseEnter,
-    style: {
-      width: defaultSize.width,
-      height: confirm.height || 'auto',
-      left: "".concat(bounds.x, "px"),
-      top: "".concat(bounds.y, "px"),
-      position: 'absolute',
-      touchAction: 'none'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: rndRef,
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      },
-      onKeyUp: function onKeyUp(e) {
-        return e.stopPropagation();
-      },
-      onKeyDown: function onKeyDown(e) {
-        return e.stopPropagation();
-      },
-      className: "fcr-confirm-dialog-wrapper_web",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmContent.ConfirmContent, _objectSpread({}, confirm))
-    })
-  }));
 });

package/lib/modules/event-sound/index.js

@@ -132,7 +132,7 @@ var SoundEffectUIModule = exports.SoundEffectUIModule = /*#__PURE__*/function (_
       this._chatRoomControl = this.currentRoomControlProvider.currentRoomControl.getChatRoomControl();
       this._streamControl = this.currentRoomControlProvider.currentRoomControl.getStreamControl();
       this._roomControl = this.currentRoomControlProvider.currentRoomControl;
-      this._whiteboardControl = this.currentRoomControlProvider.currentRoomControl.getBoardControl();
+      this._whiteboardControl = this.currentRoomControlProvider.currentRoomControl.getSharingControl().getBoardControl();
       this._userControl = this.currentRoomControlProvider.currentRoomControl.getUserControl();
       this._deviceStore = this.deviceProvider;
       this._connectionControl = this.connectionProvider;