fcr-ui-scene 3.8.2 → 3.9.0

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

@@ -1,60 +1,60 @@
 "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.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.windowConfig = exports.ParticipantDialog = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
+exports.webDialogConfig = exports.electronWindowConfig = exports.ParticipantDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _normalWindow = require("../../components/normal-window");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: true,
+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 baseDialogConfig = {
   width: 320,
   height: 560,
   minWidth: 320,
-  minHeight: 400,
-  maxWidth: 620,
-  maxHeight: 900,
-  alwaysOnTop: true
+  minHeight: 370,
+  maxWidth: 550,
+  maxHeight: 760
 };
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true,
+  alwaysOnTop: true
+});
+var webDialogConfig = exports.webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
 var ParticipantDialog = exports.ParticipantDialog = function ParticipantDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children,
     header = _ref.header,
     actions = _ref.actions;
-  var transI18n = (0, _i18n.useI18n)();
   var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-participant-dialog-wrapper', {
-      'fcr-participant-dialog-wrapper-web': !(0, _env.isElectron)(),
-      'fcr-participant-dialog-wrapper-electron': (0, _env.isElectron)()
-    }),
+    className: (0, _classnames["default"])('fcr-participant-dialog-wrapper'),
     children: children
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    width: windowConfig.width,
-    height: windowConfig.height,
     dialogKey: dialogKey,
     dialogId: dialogId,
-    header: header,
+    title: header,
     actions: actions,
-    body: body,
-    minWidth: windowConfig.minWidth,
-    minHeight: windowConfig.minHeight,
-    maxWidth: windowConfig.maxWidth,
-    maxHeight: windowConfig.maxHeight,
-    hasSystemShadow: true
+    body: body
   });
 };

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

@@ -1,19 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type RenameDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const RenameDialog: FC<RenameDialogProps>;
-export declare const windowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    width: number;
-    height: number;
-    type: string;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/rename/index.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.RenameDialog = void 0;
+exports.electronWindowConfig = exports.RenameDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -14,14 +14,6 @@ var RenameDialog = exports.RenameDialog = function RenameDialog(_ref) {
     children = _ref.children;
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_additional_option_rename_in_meeting');
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    width: 320,
-    height: 168,
-    title: title,
-    resizable: false
-  };
   var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "fcr-rename-dialog-content",
     children: children
@@ -30,11 +22,10 @@ var RenameDialog = exports.RenameDialog = function RenameDialog(_ref) {
     title: title,
     dialogId: dialogId,
     dialogKey: dialogKey,
-    autoHeight: true,
     body: body
   });
 };
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -44,7 +35,5 @@ var windowConfig = exports.windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 172,
   type: 'panel'
 };

package/lib/modules/dialog/dialogs/sample-dialog/index.d.ts

@@ -1,21 +1,10 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogKey } from '../../../../utilities/constant';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type SampleDialogProps = PropsWithChildren<{
     dialogKey: FcrUIDialogKey;
     dialogId: string;
 }>;
 export declare const SampleDialog: FC<SampleDialogProps>;
-export declare const windowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    width: number;
-    height: number;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/sample-dialog/index.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.SampleDialog = void 0;
+exports.electronWindowConfig = exports.SampleDialog = void 0;
 var _env = require("agora-foundation/lib/utilities/env");
 var _react = require("react");
 var _store = require("../../store.base");
@@ -40,7 +40,7 @@ var SampleDialog = exports.SampleDialog = function SampleDialog(_ref2) {
     dialogId: dialogId
   });
 };
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,

package/lib/modules/dialog/dialogs/share-screen-selection/index.d.ts

@@ -1,19 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type ShareScreenSelectionDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const ShareScreenSelectionDialog: FC<ShareScreenSelectionDialogProps>;
-export declare const windowConfig: {
-    fullscreen: false;
-    maximizable: false;
-    resizable: false;
-    frame: false;
-    transparent: true;
-    width: number;
-    height: number;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    alwaysOnTop: true;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

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

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ShareScreenSelectionDialog = void 0;
+exports.electronWindowConfig = exports.ShareScreenSelectionDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _react = require("react");
 var _normalWindow = require("../../components/normal-window");
@@ -23,17 +23,8 @@ var ShareScreenSelectionDialog = exports.ShareScreenSelectionDialog = /*#__PURE_
     body: body
   });
 });
-var windowConfig = exports.windowConfig = {
-  fullscreen: false,
-  maximizable: false,
-  resizable: false,
-  frame: false,
-  transparent: true,
-  width: 790,
+var electronWindowConfig = exports.electronWindowConfig = {
+  width: 789,
   height: 550,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
   alwaysOnTop: true
 };

package/lib/modules/dialog/dialogs/sub-window/index.d.ts

@@ -1,22 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type SubWindowDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const SubWindowDialog: React.FC<SubWindowDialogProps>;
-export declare const windowConfig: {
-    height: number;
-    width: number;
-    minWidth: number;
-    minHeight: number;
-    title: string;
-    closable: true;
-    frame: true;
-    transparent: false;
-    backgroundColor: string;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    show: false;
-    hasShadow: true;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/sub-window/index.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.SubWindowDialog = void 0;
+exports.electronWindowConfig = exports.SubWindowDialog = void 0;
 var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _reactDom = require("react-dom");
@@ -19,7 +19,7 @@ var SubWindowDialog = exports.SubWindowDialog = (0, _mobxReact.observer)(functio
   var dialogRoot = getDialogRootNode(dialogKey, dialogId);
   return /*#__PURE__*/(0, _reactDom.createPortal)(children, dialogRoot);
 });
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   height: 850,
   width: 1360,
   minWidth: 825,
@@ -34,5 +34,6 @@ var windowConfig = exports.windowConfig = {
     y: 10
   },
   show: false,
-  hasShadow: true
+  hasShadow: true,
+  resizable: true
 };

package/lib/modules/dialog/dialogs/subtitles-history/index.d.ts

@@ -1,27 +1,12 @@
 import type { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type SubtitlesHistoryDialogProps = PropsWithChildren<FcrUIDialogProps> & {
     header: React.ReactNode;
     actions: React.ReactNode;
 };
-export declare const windowConfig: {
-    title: string;
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: true;
-    width: number;
-    height: number;
-    minWidth: number;
-    minHeight: number;
-    maxWidth: number;
-    maxHeight: number;
-    alwaysOnTop: false;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
+export declare const webDialogConfig: FcrUIWebDialogConfig;
 export declare const SubtitlesHistoryDialog: FC<SubtitlesHistoryDialogProps>;
 export {};

package/lib/modules/dialog/dialogs/subtitles-history/index.js

@@ -1,32 +1,46 @@
 "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.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.windowConfig = exports.SubtitlesHistoryDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.SubtitlesHistoryDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _normalWindow = require("../../components/normal-window");
 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 title = 'Subtitles History';
-var windowConfig = exports.windowConfig = {
-  title: title,
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: true,
+var baseDialogConfig = {
   width: 500,
   height: 460,
-  minWidth: 320,
-  minHeight: 400,
-  maxWidth: 620,
-  maxHeight: 900,
-  alwaysOnTop: false
+  minWidth: 350,
+  minHeight: 350,
+  maxWidth: 550,
+  maxHeight: 760,
+  title: title
 };
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true,
+  alwaysOnTop: false
+});
+var webDialogConfig = exports.webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
 var SubtitlesHistoryDialog = exports.SubtitlesHistoryDialog = function SubtitlesHistoryDialog(props) {
   var dialogKey = props.dialogKey,
     dialogId = props.dialogId,
@@ -34,18 +48,11 @@ var SubtitlesHistoryDialog = exports.SubtitlesHistoryDialog = function Subtitles
     actions = props.actions,
     children = props.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    width: windowConfig.width,
-    height: windowConfig.height,
     dialogKey: dialogKey,
     dialogId: dialogId,
-    header: header,
+    title: header,
     actions: actions,
     body: children,
-    minWidth: windowConfig.minWidth,
-    minHeight: windowConfig.minHeight,
-    maxWidth: windowConfig.maxWidth,
-    maxHeight: windowConfig.maxHeight,
-    hasSystemShadow: true,
     showTopIcon: true
   });
 };

package/lib/modules/dialog/dialogs/system-preference/index.css

@@ -5,8 +5,9 @@
   justify-content: flex-start;
   text-align: center;
   background-color: white;
-  width: 100%;
-  height: 100%;
+  padding-bottom: 14px;
+
+  /* height: 387px; */
   /* border-radius: var(--fcr_cornerradius_xxxl);
   box-shadow: 0 0 15px #00000033;
   border: 1px solid var(--fcr_ui_scene_line1); */

package/lib/modules/dialog/dialogs/system-preference/index.d.ts

@@ -2,6 +2,8 @@ import { PropsWithChildren } from 'react';
 import { ButtonStyleType } from 'agora-ui-foundation/lib/components/button';
 import './index.css';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 export type SystemPreferenceDialogContentProps = {
     title: string;
     desc: string;
@@ -16,32 +18,7 @@ export type SystemPreferenceDialogContentProps = {
 };
 type SystemPreferenceDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const SystemPreferenceDialog: ({ dialogKey, dialogId, params, }: SystemPreferenceDialogProps) => import("react/jsx-runtime").JSX.Element;
-export declare const windowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    width: number;
-    height: number;
-};
-export declare const revokeHostWindowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    width: number;
-    height: number;
-};
-export declare const REVOKE_HOST_HEIGHT = 390;
-export declare const REVOKE_HOST_WIDTH = 320;
+export declare const electronSystemPreferenceWindowConfig: FcrUIElectronDialogConfig;
+export declare const electronRevokeHostWindowConfig: FcrUIElectronDialogConfig;
+export declare const webRevokeHostWindowConfig: FcrUIWebDialogConfig;
 export {};

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

@@ -16,7 +16,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.revokeHostWindowConfig = exports.SystemPreferenceDialog = exports.REVOKE_HOST_WIDTH = exports.REVOKE_HOST_HEIGHT = void 0;
+exports.webRevokeHostWindowConfig = exports.electronSystemPreferenceWindowConfig = exports.electronRevokeHostWindowConfig = exports.SystemPreferenceDialog = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
@@ -93,8 +93,6 @@ var SystemPreferenceDialog = exports.SystemPreferenceDialog = function SystemPre
   if (params) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
       closable: false,
-      width: params.width,
-      height: params.height,
       dialogKey: dialogKey,
       dialogId: dialogId,
       body: body
@@ -107,7 +105,9 @@ var SystemPreferenceDialog = exports.SystemPreferenceDialog = function SystemPre
     body: body
   });
 };
-var windowConfig = exports.windowConfig = {
+var electronSystemPreferenceWindowConfig = exports.electronSystemPreferenceWindowConfig = {
+  width: 328,
+  height: 360,
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -117,10 +117,13 @@ var windowConfig = exports.windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 387
+  alwaysOnTop: true
 };
-var revokeHostWindowConfig = exports.revokeHostWindowConfig = {
+var revokeHostDialogSize = {
+  width: 328,
+  height: 390
+};
+var electronRevokeHostWindowConfig = exports.electronRevokeHostWindowConfig = _objectSpread(_objectSpread({}, revokeHostDialogSize), {}, {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -129,9 +132,6 @@ var revokeHostWindowConfig = exports.revokeHostWindowConfig = {
     x: 0,
     y: 0
   },
-  resizable: false,
-  width: 320,
-  height: 390
-};
-var REVOKE_HOST_HEIGHT = exports.REVOKE_HOST_HEIGHT = 390;
-var REVOKE_HOST_WIDTH = exports.REVOKE_HOST_WIDTH = 320;
+  resizable: false
+});
+var webRevokeHostWindowConfig = exports.webRevokeHostWindowConfig = _objectSpread({}, revokeHostDialogSize);

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

@@ -1,21 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
-export declare const windowConfig: {
-    maximizable: false;
-    minimizable: false;
-    backgroundColor: string;
-    transparent: true;
-    hiddenInMissionControl: true;
-    hasShadow: false;
-    useContentSize: true;
-    title: string;
-    focusable: false;
-    alwaysOnTop: true;
-    fullscreen: false;
-    frame: false;
-    show: true;
-    skipTaskbar: true;
-};
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 type ToastDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const ToastDialog: FC<ToastDialogProps>;
 export {};

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

@@ -4,25 +4,25 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ToastDialog = void 0;
+exports.electronWindowConfig = exports.ToastDialog = void 0;
 var _react = require("react");
 var _reactDom = require("react-dom");
 var _store = require("../../store.base");
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   maximizable: false,
   minimizable: false,
-  backgroundColor: '#00000000',
   transparent: true,
   hiddenInMissionControl: true,
   hasShadow: false,
   useContentSize: true,
   title: 'Toast',
   focusable: false,
-  alwaysOnTop: true,
   fullscreen: false,
   frame: false,
   show: true,
-  skipTaskbar: true
+  skipTaskbar: true,
+  needResizeObserver: false,
+  alwaysOnTop: true
 };
 var ToastDialog = exports.ToastDialog = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var dialogId = _ref.dialogId,

package/lib/modules/dialog/dialogs/video-window/index.d.ts

@@ -1,26 +1,10 @@
 import { PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
 import { FcrUIWindow } from '../../../../providers/window/type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type VideoWindowDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const VideoWindowDialog: ({ dialogKey, dialogId, children }: VideoWindowDialogProps) => import("react").ReactPortal;
-export declare const windowConfig: {
-    title: string;
-    type: string;
-    frame: false;
-    fullscreen: false;
-    maximizable: false;
-    width: number;
-    height: number;
-    minWidth: number;
-    minHeight: number;
-    maxWidth: number;
-    maxHeight: number;
-    transparent: true;
-    alwaysOnTop: true;
-    hasShadow: false;
-    resizable: true;
-    skipTaskbar: true;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export declare const setVideoWindowDialogPosition: (screenSharingBounds: FcrUI.FcrUIRectangle, videoWindow: FcrUIWindow) => void;
 /** 使用默认宽度 246 */
 export declare const setVideoWindowDialogSize: (videoWindow: FcrUIWindow, { width, height }: {

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

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.setVideoWindowDialogSize = exports.setVideoWindowDialogPosition = exports.VideoWindowDialog = void 0;
+exports.setVideoWindowDialogSize = exports.setVideoWindowDialogPosition = exports.electronWindowConfig = exports.VideoWindowDialog = void 0;
 var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _type = require("../../../video-window/type");
@@ -20,7 +20,7 @@ var VideoWindowDialog = exports.VideoWindowDialog = (0, _mobxReact.observer)(fun
   var dialogRoot = getDialogRootNode(dialogKey, dialogId);
   return /*#__PURE__*/(0, _reactDom.createPortal)(children, dialogRoot);
 });
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   title: title,
   type: 'panel',
   frame: false,
@@ -33,10 +33,10 @@ var windowConfig = exports.windowConfig = {
   maxWidth: _type.VideoWindowZoomMaxWidth,
   maxHeight: _type.VideoWindowZoomMaxHeight,
   transparent: true,
-  alwaysOnTop: true,
   hasShadow: false,
   resizable: true,
-  skipTaskbar: true
+  skipTaskbar: true,
+  alwaysOnTop: true
 };
 var setVideoWindowDialogPosition = exports.setVideoWindowDialogPosition = function setVideoWindowDialogPosition(screenSharingBounds, videoWindow) {
   var screenX = screenSharingBounds.x,