fcr-ui-scene 3.4.0 → 3.4.1

package/lib/modules/dialog/components/remove-admit-waiting-room/index.js

@@ -3,7 +3,6 @@
 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.iterator.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");
@@ -11,26 +10,19 @@ 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/es.string.iterator.js");
-require("core-js/modules/es.weak-map.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/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RemoveAdmitWaitingRoomDialog = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobxReact = require("mobx-react");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _store = require("../../store");
 var _reactRnd = require("react-rnd");
 var _electron = _interopRequireDefault(require("./electron"));
@@ -38,11 +30,9 @@ var _platform = require("../../../../utilities/platform");
 require("./index.css");
 var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; } // import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
-var RemoveAdmitWaitingRoomDialog = exports.RemoveAdmitWaitingRoomDialog = (0, _mobxReact.observer)(function (_ref) {
+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 RemoveAdmitWaitingRoomDialog = exports.RemoveAdmitWaitingRoomDialog = function RemoveAdmitWaitingRoomDialog(_ref) {
   var children = _ref.children,
     params = _ref.params;
   var store = (0, _react.useContext)(_store.StoreContext);
@@ -87,4 +77,4 @@ var RemoveAdmitWaitingRoomDialog = exports.RemoveAdmitWaitingRoomDialog = (0, _m
       })
     })
   });
-});
+};

package/lib/modules/dialog/components/share-screen-selection/index.js

@@ -1,24 +1,39 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ShareScreenSelectronDialog = void 0;
-var _mobxReact = require("mobx-react");
 var _constant = require("../../../../utilities/constant");
 var _useElectron = require("../../hooks/useElectron");
+var _dialogContainer = _interopRequireDefault(require("../../../components/dialog-container"));
 var _jsxRuntime = require("react/jsx-runtime");
-var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = (0, _mobxReact.observer)(function (props) {
+var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = function ShareScreenSelectronDialog(props) {
   var children = props.children,
     config = props.params;
   (0, _useElectron.useElectronDialog)({
     dialogKey: _constant.DialogKey.SHARE_SCREEN,
-    config: config,
-    children: children,
+    config: {
+      width: 790,
+      height: 550,
+      fullscreen: false,
+      maximizable: false,
+      trafficLightPosition: {
+        x: 0,
+        y: 0
+      }
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogContainer["default"], {
+      width: 790,
+      height: 550,
+      dialogKey: _constant.DialogKey.SHARE_SCREEN,
+      children: children
+    }),
     onClose: function onClose(store) {
       store.closeDialogByKey(_constant.DialogKey.SHARE_SCREEN);
     }
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-});
+};

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

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _mobxReact = require("mobx-react");
 var _useElectron = require("../../hooks/useElectron");
 var _constant = require("../../../../utilities/constant");
-var DialogContent = (0, _mobxReact.observer)(function (_ref) {
+var DialogContent = function DialogContent(_ref) {
   var children = _ref.children,
     params = _ref.params;
   var config = {
-    frame: false,
     fullscreen: false,
     maximizable: false,
     width: (params === null || params === void 0 ? void 0 : params.width) || 320,
@@ -22,21 +20,20 @@ var DialogContent = (0, _mobxReact.observer)(function (_ref) {
     maxWidth: 620,
     maxHeight: 700,
     x: (params === null || params === void 0 ? void 0 : params.x) || 0,
-    y: (params === null || params === void 0 ? void 0 : params.y) || 0,
-    transparent: true
+    y: (params === null || params === void 0 ? void 0 : params.y) || 0
   };
   (0, _useElectron.useElectronDialog)({
     dialogKey: _constant.DialogKey.SYSTEM_PREFERENCE,
     config: config,
     children: children,
     onOpened: function onOpened(_ref2) {
-      var browserWindow = _ref2.browserWindow;
-      browserWindow.setBounds({
+      var setBounds = _ref2.setBounds;
+      setBounds({
         width: 280,
         height: 355
       });
     }
   });
   return null;
-});
+};
 var _default = exports["default"] = DialogContent;

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

@@ -3,7 +3,6 @@
 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.iterator.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");
@@ -11,26 +10,19 @@ 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/es.string.iterator.js");
-require("core-js/modules/es.weak-map.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/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SystemPreferenceDialog = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mobxReact = require("mobx-react");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _store = require("../../store");
 var _reactRnd = require("react-rnd");
 var _electron = _interopRequireDefault(require("./electron"));
@@ -42,10 +34,8 @@ require("./index.css");
 var _bg = _interopRequireDefault(require("./bg1.png"));
 var _bg2 = _interopRequireDefault(require("./bg2.png"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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; } // import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+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 SystemPreferenceDialogContent = function SystemPreferenceDialogContent(_ref) {
   var params = _ref.params;
   var t = (0, _i18n.useI18n)();
@@ -98,9 +88,8 @@ var SystemPreferenceDialogContent = function SystemPreferenceDialogContent(_ref)
     })]
   });
 };
-var SystemPreferenceDialog = exports.SystemPreferenceDialog = (0, _mobxReact.observer)(function (_ref2) {
+var SystemPreferenceDialog = exports.SystemPreferenceDialog = function SystemPreferenceDialog(_ref2) {
   var params = _ref2.params;
-  console.log('params', params);
   var store = (0, _react.useContext)(_store.StoreContext);
   var containerWidth = window.innerWidth;
   var containerHeight = window.innerHeight;
@@ -147,4 +136,4 @@ var SystemPreferenceDialog = exports.SystemPreferenceDialog = (0, _mobxReact.obs
       })
     })
   });
-});
+};

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

@@ -8,14 +8,9 @@ exports["default"] = void 0;
 require("core-js/modules/web.timers.js");
 var _constant = require("../../../../utilities/constant");
 var _useElectron = require("../../hooks/useElectron");
-var _store = require("../../store");
-var _react = require("react");
 var _env = require("agora-foundation/lib/utilities/env");
-var _mobxReact = require("mobx-react");
 var _jsxRuntime = require("react/jsx-runtime");
 var config = {
-  frame: false,
-  transparent: true,
   maximizable: false,
   backgroundColor: '#00000000',
   hiddenInMissionControl: true,
@@ -28,11 +23,11 @@ var config = {
   alwaysOnTop: true,
   fullscreen: false,
   show: false,
-  height: 0
+  height: 0,
+  skipTaskbar: true
 };
-var ToastElectron = (0, _mobxReact.observer)(function (_ref) {
+var ToastElectron = function ToastElectron(_ref) {
   var children = _ref.children;
-  var store = (0, _react.useContext)(_store.StoreContext);
   (0, _useElectron.useElectronDialog)({
     dialogKey: _constant.DialogKey.SHOW_TOAST,
     config: config,
@@ -47,16 +42,17 @@ var ToastElectron = (0, _mobxReact.observer)(function (_ref) {
       setTimeout(function () {
         browserWindow.show();
       }, 500);
-    }
+    },
+    hasCustomShadow: false
   });
   return null;
-});
-var ToastDialog = (0, _mobxReact.observer)(function (_ref3) {
+};
+var ToastDialog = function ToastDialog(_ref3) {
   var children = _ref3.children;
   return (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastElectron, {
     children: children
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: children
   });
-});
+};
 var _default = exports["default"] = ToastDialog;

package/lib/modules/dialog/dialogs.js

@@ -131,7 +131,8 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref) {
       transparent: true,
       alwaysOnTop: true,
       hasShadow: false,
-      resizable: true
+      resizable: true,
+      skipTaskbar: true
     });
     return function () {
       node && (0, _reactDom.unmountComponentAtNode)(node);

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

@@ -4,13 +4,18 @@ export declare const DialogInstanceContext: import("react").Context<{
     browserWindow: Electron.BrowserWindow;
     newRendererWindow: Window;
 }>;
+export declare const shadowOffset: number;
 export declare function useElectronDialog(props: {
     dialogKey: DialogKey;
+    /**
+     * @param height - The height value should be based on the maximum content height of the tab
+     */
     config: Electron.BrowserWindowConstructorOptions;
     onClose?: (store: DialogStore) => void;
     onOpened?: (props: {
         browserWindow: Electron.BrowserWindow;
         store: DialogStore;
+        setBounds: (bounds: Partial<Electron.Rectangle>, animate?: boolean) => void;
     }) => void;
     onUnmounted?: (store: DialogStore) => void;
     children: React.ReactNode;
@@ -20,6 +25,7 @@ export declare function useElectronDialog(props: {
     alwaysOnTop?: boolean;
     fullScreen?: boolean;
     polyfills?: string[];
+    hasCustomShadow?: boolean;
 }): {
     store: DialogStore;
     browserWindow: Electron.BrowserWindow | undefined;

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

@@ -1,23 +1,44 @@
 "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.DialogInstanceContext = void 0;
+exports.shadowOffset = exports.DialogInstanceContext = void 0;
 exports.useElectronDialog = useElectronDialog;
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _store = require("../store");
 var _dialogs = require("../dialogs");
 var _renderer = require("../../../utilities/renderer");
 var _reactDom = require("react-dom");
 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 DialogInstanceContext = exports.DialogInstanceContext = /*#__PURE__*/(0, _react.createContext)(null);
+var shadowOffset = exports.shadowOffset = 15 + 15;
 function useElectronDialog(props) {
   var store = (0, _react.useContext)(_store.StoreContext);
-  var config = props.config,
+  var customConfigs = props.config,
     dialogKey = props.dialogKey,
     onClose = props.onClose,
     scroll = props.scroll,
@@ -25,12 +46,29 @@ function useElectronDialog(props) {
     focus = _props$focus === void 0 ? true : _props$focus,
     children = props.children,
     ignoreMouseEvents = props.ignoreMouseEvents,
-    alwaysOnTop = props.alwaysOnTop,
+    _props$alwaysOnTop = props.alwaysOnTop,
+    alwaysOnTop = _props$alwaysOnTop === void 0 ? true : _props$alwaysOnTop,
     fullScreen = props.fullScreen,
     onOpened = props.onOpened,
     onUnmounted = props.onUnmounted,
-    polyfills = props.polyfills;
+    polyfills = props.polyfills,
+    _props$hasCustomShado = props.hasCustomShadow,
+    hasCustomShadow = _props$hasCustomShado === void 0 ? true : _props$hasCustomShado;
   var windowRef = (0, _react.useRef)();
+  var _customConfigs$width = customConfigs.width,
+    w = _customConfigs$width === void 0 ? 0 : _customConfigs$width,
+    _customConfigs$height = customConfigs.height,
+    h = _customConfigs$height === void 0 ? 0 : _customConfigs$height;
+  var config = _objectSpread(_objectSpread({
+    hasShadow: false,
+    frame: false,
+    transparent: true,
+    resizeble: false
+  }, customConfigs), {}, {
+    setAlwaysOnTop: alwaysOnTop,
+    width: w + (hasCustomShadow ? shadowOffset : 0),
+    height: h + (hasCustomShadow ? shadowOffset : 0)
+  });
   (0, _react.useEffect)(function () {
     var node;
     window.runtime.openRendererWindow(dialogKey, function (dom, browserWindow, newRendererWindow) {
@@ -40,7 +78,13 @@ function useElectronDialog(props) {
       _dialogs.dialogWindows.set(dialogKey, browserWindow);
       onOpened === null || onOpened === void 0 || onOpened({
         browserWindow: browserWindow,
-        store: store
+        store: store,
+        setBounds: function setBounds(bounds, animate) {
+          var b = _objectSpread({}, bounds);
+          if (b.width && hasCustomShadow) b.width = b.width + shadowOffset;
+          if (b.height && hasCustomShadow) b.height = b.height + shadowOffset;
+          browserWindow.setBounds(b, animate);
+        }
       });
       var mainAppWindowBounds = window.runtime.browserWindow.getBounds();
       var thisWindowBounds = browserWindow.getBounds();
@@ -70,13 +114,11 @@ function useElectronDialog(props) {
           forward: true
         } : ignoreMouseEvents);
       }
-      alwaysOnTop && browserWindow.setAlwaysOnTop(true);
+      alwaysOnTop && browserWindow.setAlwaysOnTop(true, 'screen-saver');
       if (!scroll) {
-        browserWindow.webContents.insertCSS("\n            ::-webkit-scrollbar {\n              display: none;\n            }\n          ");
+        browserWindow.webContents.insertCSS("\n            ::-webkit-scrollbar {\n              display: none;\n            }\n            #root {\n              padding: ".concat(hasCustomShadow ? shadowOffset / 2 : 0, "px;\n              display: ").concat(hasCustomShadow ? 'flex' : 'block', ";\n              align-items: center\n            }\n          "));
       }
       focus && browserWindow.focus();
-      (0, _renderer.isWindows)() && browserWindow.show(); // 修复 windows 下打开白屏的问题
-
       (0, _renderer.handleWillClose)(browserWindow, function () {
         (0, _reactDom.unmountComponentAtNode)(node);
         _dialogs.dialogWindows["delete"](dialogKey);

package/lib/modules/dialog/index.css

@@ -9,12 +9,10 @@
 .fcr-participant-dialog-wrapper,
 .fcr-livestreaming-dialog-wrapper {
   background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_m);
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
-  box-shadow: var(--fcr_web_light_dropup);
 }
 
 .fcr-livestreaming-dialog-wrapper .frc-window-header {

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

@@ -1,25 +1,10 @@
 import React from 'react';
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
-import { FcrSecurityStore } from '../../common/security-store';
-import { FcrUserInfo } from 'fcr-core/lib/type';
-import { FcrStreamControl, FcrUserControl } from 'fcr-core';
-import { FcrDeviceStore } from '../../common/device-store';
-import { FcrChatRoomControl } from 'fcr-core/lib/room-control/chatroom-control/type';
-import { FcrRemoteVideoRenderManager } from '../../common/remote-renderer';
+import { StoreConfig } from '../../type';
 export declare class DialogUIModule extends UIModule {
     private _dialogs;
     private _store;
-    constructor(args: {
-        uiEventStore: FcrUIEventStore;
-        userInfo: FcrUserInfo;
-        securityStore: FcrSecurityStore;
-        userControl: FcrUserControl;
-        chatRoomControl: FcrChatRoomControl;
-        deviceStore: FcrDeviceStore;
-        streamControl: FcrStreamControl;
-        remoteVideoRenderManager: FcrRemoteVideoRenderManager;
-    });
+    constructor(args: StoreConfig);
     protected onUnload(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     addDialogs(dialogs: {

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

@@ -1,23 +1,17 @@
-import { FcrStreamControl, FcrUserControl } from 'fcr-core';
-import { FcrUserInfo } from 'fcr-core/lib/type';
-import { FcrUIEventStore } from '../../common/event-store';
-import { FcrSecurityStore } from '../../common/security-store';
+import { FcrStreamControl } from 'fcr-core';
 import { DialogKey } from '../../utilities/constant';
-import { Rectangle } from 'electron';
 import { FcrDeviceStore } from '../../common/device-store';
-import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
-import { FcrChatRoomConnectionState, FcrChatRoomControl } from 'fcr-core/lib/room-control/chatroom-control/type';
+import { FcrChatRoomConnectionState } from 'fcr-core/lib/room-control/chatroom-control/type';
 import { FcrRemoteVideoRenderManager } from '../../common/remote-renderer';
+import { StoreConfig } from '../../type';
 export default class DialogStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
-    private _currentShareId;
-    private _currentShareType;
-    private _electronDialogs;
     private _uiEventStore;
     private _userInfo;
     private _streamControl;
     private _userControl;
     private _deviceStore;
+    private _securityStore;
     private _remoteVideoRenderManager;
     private _chatRoomControl;
     private _connnectBeforeCloseDetect;
@@ -32,51 +26,25 @@ export default class DialogStore {
     accessor userCount: number;
     accessor participantElectronDialogContainer: HTMLElement | null;
     accessor chatRoomState: FcrChatRoomConnectionState;
-    accessor currentDialogBounds: Partial<Rectangle>;
+    accessor currentDialogBounds: Map<DialogKey, number>;
     accessor videoWindowBounds: any;
     get participantCount(): number;
     get isManager(): boolean;
     get streamControl(): FcrStreamControl;
     get deviceStore(): FcrDeviceStore;
     get remoteVideoRenderManager(): FcrRemoteVideoRenderManager;
-    constructor({ uiEventStore, userInfo, userControl, chatRoomControl, deviceStore, streamControl, remoteVideoRenderManager, }: {
-        uiEventStore: FcrUIEventStore;
-        userInfo: FcrUserInfo;
-        securityStore: FcrSecurityStore;
-        userControl: FcrUserControl;
-        chatRoomControl: FcrChatRoomControl;
-        streamControl: FcrStreamControl;
-        deviceStore: FcrDeviceStore;
-        remoteVideoRenderManager: FcrRemoteVideoRenderManager;
-    });
+    get waitingRoomState(): boolean;
+    constructor({ uiEventStore, userControl, chatRoomControl, deviceStore, streamControl, remoteVideoRenderManager, securityStore, }: StoreConfig);
     setParticipantElectronDialogContainer(dom: HTMLElement | null): void;
     setVideoWindowBounds(payload: any): void;
     closeDialogByKey(dialogKey: DialogKey): void;
-    closeInterpreterDialog(): void;
-    setCurrentShareId(id: string, type: AgoraRtcScreenCaptureType): void;
-    getSharingWorkArea(): Promise<{
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        displayId: number;
-        availTop: number;
-    } | undefined>;
     closeSystemPreferenceDialog(): void;
     closeChatFromDialog(): void;
-    closeWhiteboardDialog(): void;
-    closeDialogChat(): void;
     moveChatFromDialogToAside(): void;
-    closeLiveStreamingDialog(): void;
     closeConnectionDialog(isUserClose?: boolean): void;
-    closeInviteDialog(): void;
     moveParticipantFromDialogToAside(): void;
-    moveToMainRoomAllMember(isOperate: boolean): void;
-    closeWaitingRoomDialog(): void;
-    closeRemoveAdmitWaitingRoomDialog(dialogKey: DialogKey): void;
     release(): void;
     resizeVideoWindow(width: number, height: number): void;
-    private _setDialogBounds;
     private _handleDialogEvent;
     private _handleConnectionUpdated;
     private _hanleAllUserCountUpdated;