fcr-ui-scene 3.1.1 → 3.3.0

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

@@ -0,0 +1,89 @@
+"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["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context2 = require("../../context");
+var _reactDom = require("react-dom");
+var _renderer = require("../../../../utilities/renderer");
+var _jsxRuntime = require("react/jsx-runtime");
+var DialogContent = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    params = _ref.params;
+  var store = (0, _react.useContext)(_context2.StoreContext);
+  (0, _react.useEffect)(function () {
+    var node;
+    (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _ref3, x, y;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return store.setWorkArea();
+          case 2:
+            _context.t0 = _context.sent;
+            if (_context.t0) {
+              _context.next = 5;
+              break;
+            }
+            _context.t0 = {
+              x: 0,
+              y: 0
+            };
+          case 5:
+            _ref3 = _context.t0;
+            x = _ref3.x;
+            y = _ref3.y;
+            window.runtime.openRendererWindow("operation-waiting-room-".concat(params.type), function (dom, browserWindow) {
+              node = dom;
+              browserWindow.focus(); // 这里打开的confirm dialog 不会走 openRendererWindow 中的 focus 逻辑，所以单独 focus 一下
+
+              browserWindow.setBounds({
+                width: 400,
+                height: 300
+              });
+              (0, _renderer.handleWillClose)(browserWindow, function () {
+                (0, _reactDom.unmountComponentAtNode)(node);
+              });
+              (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.StoreContext.Provider, {
+                value: store,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: children
+                })
+              }), dom);
+            }, {
+              frame: false,
+              fullscreen: false,
+              maximizable: false,
+              // TODO:
+              width: (params === null || params === void 0 ? void 0 : params.width) || 320,
+              height: (params === null || params === void 0 ? void 0 : params.height) || 168 + (params.closable || params.closable === undefined ? 16 : 0),
+              minWidth: 255,
+              minHeight: 160,
+              maxWidth: 620,
+              maxHeight: 700,
+              x: x + ((params === null || params === void 0 ? void 0 : params.x) || 0),
+              y: y + ((params === null || params === void 0 ? void 0 : params.y) || 0),
+              transparent: true
+            });
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow("operation-waiting-room-".concat(params.type));
+    };
+  }, []);
+  return null;
+});
+var _default = exports["default"] = DialogContent;

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

@@ -0,0 +1,50 @@
+.operate-waiting-room-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  padding: 20px;
+  border-radius: 20px;
+}
+
+.operate-waiting-room-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-tooltip {
+  margin-bottom: 10px;
+}
+
+.operate-waiting-room-dialog-confirm {
+  display: flex;
+}
+
+.operate-waiting-room-dialog-btns {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin-top: 10px;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-normal {
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white {
+  background-color: var(--fcr_ui_scene_btn2);
+  color: var(--fcr_ui_scene_icontext2);
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-white:hover {
+  background-color: var(--fcr_ui_scene_btn2) !important;
+  color: var(--fcr_ui_scene_icontext2) !important;
+  width: 48%;
+}
+
+.operate-waiting-room-dialog-btns .fcr-button-danger {
+  width: 48%;
+}

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import './index.css';
+export declare const RemoveAdmitWaitingRoomDialog: ({ children, params }: PropsWithChildren<{
+    params: any;
+}>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,90 @@
+"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.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");
+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 _context = require("../../context");
+var _reactRnd = require("react-rnd");
+var _electron = _interopRequireDefault(require("./electron"));
+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) {
+  var children = _ref.children,
+    params = _ref.params;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var containerWidth = window.innerWidth;
+  var containerHeight = window.innerHeight;
+  var _ref2 = (0, _env.isElectron)() ? window.runtime.browserWindow.getBounds() : {
+      x: document.body.offsetLeft,
+      y: document.body.offsetTop
+    },
+    offsetX = _ref2.x,
+    offsetY = _ref2.y;
+  var width = (params === null || params === void 0 ? void 0 : params.width) || 415;
+  var height = (params === null || params === void 0 ? void 0 : params.height) || 180;
+  var x = containerWidth / 2 - width / 2 + ((0, _platform.isWindows)() ? offsetX : 0);
+  var y = containerHeight / 2 - height / 2 + ((0, _platform.isWindows)() ? offsetY : 0);
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron["default"], {
+      params: _objectSpread(_objectSpread({}, params), {}, {
+        x: x,
+        y: y
+      }),
+      children: children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+    value: store,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+      "default": {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      },
+      maxHeight: 700,
+      maxWidth: width,
+      minWidth: width,
+      minHeight: height,
+      bounds: '.fcr-confirm-dialog-wrapper_web',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-confirm-dialog-wrapper_web",
+        children: children
+      })
+    })
+  });
+});

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

@@ -28,7 +28,7 @@ var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = (0, _mobxR
         _dialogs.dialogWindows["delete"](_constant.DialogKey.SHARE_SCREEN);
         store.closeShareScreenDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
         value: store,
         children: children
       }), dom);

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

@@ -62,7 +62,8 @@ var WhiteboardElectronDialog = exports.WhiteboardElectronDialog = (0, _mobxReact
       minWidth: 530,
       minHeight: 500,
       maxWidth: 1920,
-      maxHeight: 1080
+      maxHeight: 1080,
+      transparent: true
     });
     return function () {
       _dialogs.dialogWindows["delete"](_constant.DialogKey.WHITEBOARD);

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import DialogStore from './store';
 export declare const StoreContext: import("react").Context<DialogStore>;

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

@@ -1,11 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { DialogKey } from '../../utilities/constant';
 export declare let dialogWindows: Map<DialogKey, Electron.BrowserWindow>;
-export declare const DeviceSettingDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
 export declare const setDialogBounds: (browserWindow: Electron.BrowserWindow, currentDialogBounds: Partial<Electron.Rectangle>) => void;
 export declare const LiveStreamingDialog: FC<PropsWithChildren<{
     title: string;
 }>>;
 export declare const InviteDialog: FC<PropsWithChildren<{}>>;
 export declare const VideoWindowDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element | null;
-export default DeviceSettingDialog;

package/lib/modules/dialog/dialogs.js

@@ -5,11 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setDialogBounds = exports.dialogWindows = exports["default"] = exports.VideoWindowDialog = exports.LiveStreamingDialog = exports.InviteDialog = exports.DeviceSettingDialog = void 0;
+exports.setDialogBounds = exports.dialogWindows = exports.VideoWindowDialog = exports.LiveStreamingDialog = exports.InviteDialog = void 0;
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
 var _react = require("react");
@@ -22,23 +36,11 @@ var _reactDom = require("react-dom");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../../utilities/constant");
-var _i18n = require("agora-ui-foundation/lib/i18n");
 var _renderer = require("../../utilities/renderer");
 var _videoTrackRenderContext = require("../../utilities/video-track-render-context");
 var _type = require("./../video-window/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var dialogWindows = exports.dialogWindows = new Map();
-var DeviceSettingDialog = exports.DeviceSettingDialog = (0, _mobxReact.observer)(function (_ref) {
-  var children = _ref.children;
-  if ((0, _env.isElectron)()) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DeviceSettingElectronDialog, {
-      children: children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
-});
 var setDialogBounds = exports.setDialogBounds = function setDialogBounds(browserWindow, currentDialogBounds) {
   browserWindow.setBounds(currentDialogBounds, true);
   browserWindow.center();
@@ -48,64 +50,9 @@ var setDialogBounds = exports.setDialogBounds = function setDialogBounds(browser
   });
   browserWindow.setSkipTaskbar(false);
 };
-var DeviceSettingElectronDialog = (0, _mobxReact.observer)(function (_ref2) {
-  var children = _ref2.children;
-  var store = (0, _react.useContext)(_context.StoreContext);
-  var t = (0, _i18n.useI18n)();
-  (0, _react.useEffect)(function () {
-    var node;
-    window.runtime.openRendererWindow('device-setting', function (dom, browserWindow) {
-      dialogWindows.set(_constant.DialogKey.DEVICE_SETTINGS, browserWindow);
-      node = dom;
-      if (store.currentDialogBounds.height) {
-        setDialogBounds(browserWindow, {
-          y: store.currentDialogBounds.y
-        });
-      }
-      (0, _renderer.handleWillClose)(browserWindow, function () {
-        (0, _reactDom.unmountComponentAtNode)(node);
-        dialogWindows["delete"](_constant.DialogKey.DEVICE_SETTINGS);
-        store.closeDeviceSettingFromDialog();
-      });
-      var handleCloseClick = function handleCloseClick() {
-        store.closeDeviceSettingFromDialog();
-      };
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fcr-device-setting-dialog-wrapper",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
-          showClose: true,
-          title: t('fmt_modules_labels_devicesettings'),
-          onClose: handleCloseClick,
-          type: _windowHeader.WindowType.WINDOW,
-          withWindowPopUpButton: false
-        }), children]
-      }), dom);
-    }, {
-      frame: false,
-      fullscreen: false,
-      maximizable: false,
-      // titleBarStyle: 'hidden',
-      trafficLightPosition: {
-        x: 10,
-        y: 60
-      },
-      width: 580,
-      height: 600,
-      minWidth: 580,
-      minHeight: 600,
-      maxWidth: 670,
-      maxHeight: 800
-    });
-    return function () {
-      node && (0, _reactDom.unmountComponentAtNode)(node);
-      window.runtime.closeRendererWindow('device-setting');
-    };
-  }, []);
-  return null;
-});
-var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref3) {
-  var children = _ref3.children,
-    title = _ref3.title;
+var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    title = _ref.title;
   var _useContext = (0, _react.useContext)(_context.StoreContext),
     closeLiveStreamingDialog = _useContext.closeLiveStreamingDialog;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -122,9 +69,9 @@ var LiveStreamingDialogContent = (0, _mobxReact.observer)(function (_ref3) {
     })]
   });
 });
-var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDialog(_ref4) {
-  var children = _ref4.children,
-    title = _ref4.title;
+var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDialog(_ref2) {
+  var children = _ref2.children,
+    title = _ref2.title;
   var defaultSize = {
     x: (document.body.clientWidth - 440) / 2,
     y: (document.body.clientHeight - 434) / 2,
@@ -144,15 +91,16 @@ var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDi
     minWidth: 440,
     minHeight: 434,
     bounds: '.fcr-layout-content',
+    dragHandleClassName: "frc-window-header",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveStreamingDialogContent, {
       title: title,
       children: children
     })
   });
 };
-var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
-  var children = _ref5.children,
-    title = _ref5.title;
+var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref3) {
+  var children = _ref3.children,
+    title = _ref3.title;
   var store = (0, _react.useContext)(_context.StoreContext);
   (0, _react.useEffect)(function () {
     var node;
@@ -169,7 +117,7 @@ var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
         dialogWindows["delete"](_constant.DialogKey.LIVE_STREAMING);
         store.closeLiveStreamingDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
         value: store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LiveStreamingDialogContent, {
           title: title,
@@ -182,7 +130,8 @@ var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
       maximizable: false,
       width: 440,
       height: 434,
-      y: store.currentDialogBounds.y
+      y: store.currentDialogBounds.y,
+      transparent: true
     });
     return function () {
       node && (0, _reactDom.unmountComponentAtNode)(node);
@@ -191,8 +140,8 @@ var LiveStreamingElectronDialog = (0, _mobxReact.observer)(function (_ref5) {
   }, []);
   return null;
 });
-var InviteDialog = exports.InviteDialog = function InviteDialog(_ref6) {
-  var children = _ref6.children;
+var InviteDialog = exports.InviteDialog = function InviteDialog(_ref4) {
+  var children = _ref4.children;
   var _useContext2 = (0, _react.useContext)(_context.StoreContext),
     closeInviteDialog = _useContext2.closeInviteDialog;
   if ((0, _env.isElectron)()) {
@@ -209,8 +158,8 @@ var InviteDialog = exports.InviteDialog = function InviteDialog(_ref6) {
     children: children
   });
 };
-var InviteElectronDialog = function InviteElectronDialog(_ref7) {
-  var children = _ref7.children;
+var InviteElectronDialog = function InviteElectronDialog(_ref5) {
+  var children = _ref5.children;
   var _useContext3 = (0, _react.useContext)(_context.StoreContext),
     closeInviteDialog = _useContext3.closeInviteDialog;
   (0, _react.useEffect)(function () {
@@ -223,14 +172,15 @@ var InviteElectronDialog = function InviteElectronDialog(_ref7) {
         dialogWindows["delete"](_constant.DialogKey.INVITE);
         closeInviteDialog();
       });
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames["default"])('invite-dialog'),
         children: [(0, _env.getPlatform)() === _env.FcrApplicationPlatform.WINDOWS && /*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
           type: _windowHeader.WindowType.WINDOW,
           enableMaximize: false,
           enableMinimize: false,
           withWindowPopUpButton: false,
-          onClose: closeInviteDialog
+          onClose: closeInviteDialog,
+          showClose: true
         }), children]
       }), dom);
     }, {
@@ -239,6 +189,7 @@ var InviteElectronDialog = function InviteElectronDialog(_ref7) {
         x: 10,
         y: 40
       },
+      transparent: true,
       maximizable: false,
       minimizable: false,
       fullscreenable: false,
@@ -255,8 +206,8 @@ var InviteElectronDialog = function InviteElectronDialog(_ref7) {
   }, []);
   return null;
 };
-var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
-  var children = _ref8.children;
+var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref6) {
+  var children = _ref6.children;
   var store = (0, _react.useContext)(_context.StoreContext);
   var _store$videoWindowBou = store.videoWindowBounds,
     videoWindowHeight = _store$videoWindowBou.videoWindowHeight,
@@ -286,24 +237,33 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
       (0, _renderer.handleWillClose)(browserWindow, function () {
         (0, _reactDom.unmountComponentAtNode)(node);
         dialogWindows["delete"](_constant.DialogKey.VIDEO_WINDOW);
-        browserWindow.removeAllListeners('will-resize');
-        browserWindow.setResizable(false);
-        browserWindow.setAspectRatio(0);
-        browserWindow.setMinimumSize(0, 0);
-        browserWindow.setMaximumSize(0, 0);
-        browserWindow.setBounds({
-          x: workareaX + workareaWidth - _type.DefaultVideoWindowWidth - 168,
-          y: workareaY + 80,
-          width: _type.DefaultVideoWindowWidth,
-          height: _type.DefaultVideoWindowHeight
-        });
+        if (!browserWindow.isDestroyed()) {
+          browserWindow.removeAllListeners('will-resize');
+          browserWindow.removeAllListeners('show');
+          browserWindow.setResizable(false);
+          browserWindow.setAspectRatio(0);
+          browserWindow.setMinimumSize(0, 0);
+          browserWindow.setMaximumSize(0, 0);
+          browserWindow.setBounds({
+            x: workareaX + workareaWidth - _type.DefaultVideoWindowWidth - 168,
+            y: workareaY + 80,
+            width: _type.DefaultVideoWindowWidth,
+            height: _type.DefaultVideoWindowHeight
+          });
+        }
       });
       if (browserWindow) {
         browserWindow.addListener('will-resize', (0, _debounce["default"])(function (event, newBounds) {
           handleBounds(newBounds);
         }, 100));
+        browserWindow.addListener('show', function () {
+          browserWindow.setBounds({
+            x: workareaX + workareaWidth - _type.DefaultVideoWindowWidth - 168,
+            y: workareaY + 80
+          });
+        });
       }
-      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
         value: {
           deviceStore: store.deviceStore,
           streamControl: store.streamControl
@@ -364,13 +324,12 @@ var VideoWindowElectronDialog = (0, _mobxReact.observer)(function (_ref8) {
   }, [videoWindowHeight, videoWindowPreviewType]);
   return null;
 });
-var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(function (_ref9) {
-  var children = _ref9.children;
+var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(function (_ref7) {
+  var children = _ref7.children;
   if ((0, _env.isElectron)()) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoWindowElectronDialog, {
       children: children
     });
   }
   return null;
-});
-var _default = exports["default"] = DeviceSettingDialog;
+});

package/lib/modules/dialog/index.css

@@ -16,6 +16,11 @@
   flex-direction: column;
   box-shadow: var(--fcr_web_light_dropup);
 }
+
+.fcr-livestreaming-dialog-wrapper .frc-window-header {
+  cursor: move;
+}
+
 .fcr-livestreaming-dialog-content {
   flex: 1;
   overflow: hidden;
@@ -36,6 +41,8 @@
 .invite-dialog {
   padding: 10px;
   padding-bottom: 0px;
+  background-color: #fff;
+  border-radius: var(--fcr_cornerradius_l);
 }
 
 .fcr-confirm-dialog-wrapper {
@@ -47,9 +54,3 @@
   box-shadow: var(--fcr_web_light_dropup);
   border: 1px solid var(--fcr_ui_scene_line1);
 }
-
-.fcr-device-setting-dialog-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}

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

@@ -4,9 +4,9 @@ import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
-import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control';
 import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
 import { FcrDeviceStore } from '../../common/device-store';
+import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control/type';
 export declare class DialogUIModule extends UIModule {
     private _dialogs;
     private _store;

package/lib/modules/dialog/index.js

@@ -12,6 +12,23 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.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/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

@@ -1,11 +1,12 @@
 import { FcrStreamControl, FcrUserControl } from 'agora-edu-core';
-import { FcrChatRoomConnectionState, FcrUserInfo } from 'agora-edu-core/lib/type';
+import { FcrUserInfo } from 'agora-edu-core/lib/type';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
+import { DialogKey } from '../../utilities/constant';
 import { Rectangle } from 'electron';
-import { FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control';
 import { FcrDeviceStore } from '../../common/device-store';
 import { AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
+import { FcrChatRoomConnectionState, FcrChatRoomControl } from 'agora-edu-core/lib/room-control/chatroom-control/type';
 export default class DialogStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _currentShareId;
@@ -72,6 +73,9 @@ export default class DialogStore {
     closeShareScreenDialog(): void;
     closeInviteDialog(): void;
     moveParticipantFromDialogToAside(): void;
+    moveToMainRoomAllMember(isOperate: boolean): void;
+    closeWaitingRoomDialog(): void;
+    closeRemoveAdmitWaitingRoomDialog(dialogKey: DialogKey): void;
     release(): void;
     resizeVideoWindow(width: number, height: number): void;
     setConnecorContainerBounds(payload: Partial<Rectangle>): void;