fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib/modules/dialog/dialogs/control-bar-leave-meeting/index.js

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ControlBarLeaveMeetingDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.ControlBarLeaveMeetingDialog = void 0;
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
 var ControlBarLeaveMeetingDialog = exports.ControlBarLeaveMeetingDialog = function ControlBarLeaveMeetingDialog(_ref) {
@@ -12,29 +12,11 @@ var ControlBarLeaveMeetingDialog = exports.ControlBarLeaveMeetingDialog = functi
     dialogId = _ref.dialogId,
     children = _ref.children;
   var body = children;
-  var config = {
-    width: 320,
-    height: 172
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
     dialogId: dialogId,
     dialogKey: dialogKey,
-    width: config.width,
-    height: config.height,
     body: body
   });
 };
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: true,
-  needResizeObserver: true,
-  width: 300,
-  height: 172
-};
+var webDialogConfig = exports.webDialogConfig = {};
+var electronWindowConfig = exports.electronWindowConfig = {};

package/lib/modules/dialog/dialogs/device-setting/index.d.ts

@@ -1,19 +1,10 @@
 import { PropsWithChildren } from 'react';
 import './index.css';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type DeviceSettingDialogProps = PropsWithChildren<FcrUIDialogProps>;
 declare const DeviceSettingDialog: ({ dialogId, dialogKey, children }: DeviceSettingDialogProps) => import("react/jsx-runtime").JSX.Element;
-export declare const windowConfig: {
-    frame: boolean;
-    fullscreen: boolean;
-    maximizable: boolean;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    width: number;
-    height: number;
-    resizable: boolean;
-    transparent: boolean;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export default DeviceSettingDialog;

package/lib/modules/dialog/dialogs/device-setting/index.js

@@ -4,13 +4,11 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports["default"] = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports["default"] = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 require("./index.css");
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var width = 580;
-var height = 600;
 var DeviceSettingDialog = function DeviceSettingDialog(_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
@@ -21,23 +19,9 @@ var DeviceSettingDialog = function DeviceSettingDialog(_ref) {
     dialogId: dialogId,
     dialogKey: dialogKey,
     body: children,
-    title: title,
-    width: width,
-    height: height,
-    autoHeight: false // TODO: 既然设置 height 了，为什么还要设置 autoHeight 为 false？
+    title: title
   });
 };
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  fullscreen: false,
-  maximizable: false,
-  trafficLightPosition: {
-    x: 10,
-    y: 60
-  },
-  width: width,
-  height: height,
-  resizable: false,
-  transparent: true // TODO: electronContentHeight 多减去了30px 的阴影，所以这里需要设置 transparent 为 true  来消除对内容的遮挡   有点不合理  暂时先这样处理  应该 DialogContainerBody进行优化，
-};
+var webDialogConfig = exports.webDialogConfig = {};
+var electronWindowConfig = exports.electronWindowConfig = {};
 var _default = exports["default"] = DeviceSettingDialog;

package/lib/modules/dialog/dialogs/end-meeting-notice/index.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
+export type ExitMeetingNoticeDialogContentProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const ExitMeetingNoticeDialog: ({ dialogId, dialogKey, params, }: ExitMeetingNoticeDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;

package/lib/modules/dialog/dialogs/{end-meeting → end-meeting-notice}/index.js

@@ -4,11 +4,11 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.EndMeetingDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.ExitMeetingNoticeDialog = void 0;
 var _comfirmDialog = require("agora-ui-foundation/lib/components/comfirm-dialog");
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var EndMeetingDialog = exports.EndMeetingDialog = function EndMeetingDialog(_ref) {
+var ExitMeetingNoticeDialog = exports.ExitMeetingNoticeDialog = function ExitMeetingNoticeDialog(_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
     params = _ref.params;
@@ -19,13 +19,6 @@ var EndMeetingDialog = exports.EndMeetingDialog = function EndMeetingDialog(_ref
     btnTxt = _ref2.btnTxt,
     key = _ref2.key,
     onConfirm = _ref2.onConfirm;
-  var config = {
-    width: 330,
-    height: 340,
-    fullscreen: false,
-    maximizable: false,
-    resizable: false
-  };
   var body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_comfirmDialog.LoginConfirmDialog, {
     id: key,
     title: title,
@@ -36,18 +29,15 @@ var EndMeetingDialog = exports.EndMeetingDialog = function EndMeetingDialog(_ref
     onConfirm: onConfirm
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    width: config.width,
-    height: config.height,
     closable: false,
     dialogId: dialogId,
     dialogKey: dialogKey,
     body: body
   });
 };
-var windowConfig = exports.windowConfig = {
+var webDialogConfig = exports.webDialogConfig = {};
+var electronWindowConfig = exports.electronWindowConfig = {
   frame: false,
-  width: 330,
-  height: 340,
   fullscreen: false,
   maximizable: false,
   resizable: false,

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

@@ -1,19 +1,9 @@
-import './index.css';
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type InterpreterDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const InterpreterDialog: FC<InterpreterDialogProps>;
-export declare const windowConfig: {
-    fullscreen: false;
-    maximizable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    width: number;
-    height: number;
-    resizable: false;
-    hasShadow: true;
-    frame: false;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

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

@@ -1,16 +1,38 @@
 "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.InterpreterDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.InterpreterDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
-require("./index.css");
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var width = 684;
-var height = 438;
+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: 684,
+  height: 438,
+  minWidth: 460,
+  minHeight: 350,
+  maxWidth: 700,
+  maxHeight: 760
+};
 var InterpreterDialog = exports.InterpreterDialog = function InterpreterDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
@@ -21,25 +43,12 @@ var InterpreterDialog = exports.InterpreterDialog = function InterpreterDialog(_
     dialogKey: dialogKey,
     dialogId: dialogId,
     title: title,
-    body: children,
-    width: width,
-    height: height
+    body: children
   });
 };
-var windowConfig = exports.windowConfig = {
-  fullscreen: false,
-  maximizable: false,
-  trafficLightPosition: {
-    x: 10,
-    y: 60
-  },
-  width: width,
-  height: height,
-  // minWidth: 620,
-  // minHeight: 300,
-  // maxWidth: 1020,
-  // maxHeight: 900,
-  resizable: false,
-  hasShadow: true,
-  frame: false
-};
+var webDialogConfig = exports.webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true
+});

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

@@ -1,24 +1,10 @@
 import { PropsWithChildren } from 'react';
 import '../../index.css';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type InviteDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const InviteDialog: ({ dialogKey, dialogId, children, }: PropsWithChildren<InviteDialogProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const windowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    width: number;
-    height: number;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    hasShadow: false;
-    useContentSize: true;
-    transparent: true;
-    backgroundColor: string;
-    alwaysOnTop: true;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

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

@@ -1,50 +1,51 @@
 "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.InviteDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.InviteDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constant = require("../../../../utilities/constant");
 require("../../index.css");
-var _i18n = require("agora-ui-foundation/lib/i18n");
 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 InviteDialog = exports.InviteDialog = function InviteDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children;
-  var transI18n = (0, _i18n.useI18n)();
-
-  //  onOpened={({ browserWindow, nearDisplayBounds }) => {
-  //     const { y } = browserWindow.getBounds();
-  //     const { width: part_w, x: part_x } = dialogWindows
-  //       .get(FcrUIDialogKey.PARTICIPANT)
-  //       ?.getBounds() || {
-  //       width: 0,
-  //       x: 0,
-  //     };
-  //     const offsetInLeft = part_x - config.width - shadowOffset;
-  //     const offsetInRight = part_x + part_w;
-  //     const x = nearDisplayBounds.width / 2 < part_x ? offsetInLeft : offsetInRight;
-  //     part_w > 0 && browserWindow.setBounds({ x, y });
-  //   }}
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
     dialogId: dialogId,
     dialogKey: _constant.FcrUIDialogKey.INVITE,
-    width: 430,
-    height: 420,
     body: children
   });
 };
-var windowConfig = exports.windowConfig = {
+var baseDialogConfig = {
+  // width: 430,
+  // height: 420,
+};
+var webDialogConfig = exports.webDialogConfig = baseDialogConfig;
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
   frame: false,
   maximizable: false,
   minimizable: false,
   fullscreenable: false,
-  width: 400 + 30,
-  height: 390 + 30,
   trafficLightPosition: {
     x: 0,
     y: 0
@@ -55,4 +56,4 @@ var windowConfig = exports.windowConfig = {
   transparent: true,
   backgroundColor: '#00000000',
   alwaysOnTop: true
-};
+});

package/lib/modules/dialog/dialogs/live-streaming/index.d.ts

@@ -1,13 +1,9 @@
 import { PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type LiveStreamingDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const LiveStreamingDialog: ({ dialogId, dialogKey, children }: LiveStreamingDialogProps) => import("react/jsx-runtime").JSX.Element;
-export declare const windowConfig: {
-    frame: false;
-    fullscreen: false;
-    maximizable: false;
-    width: number;
-    height: number;
-    resizable: false;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/live-streaming/index.js

@@ -4,11 +4,15 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.LiveStreamingDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.LiveStreamingDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _normalWindow = require("../../components/normal-window");
 var _mobxReact = require("mobx-react");
 var _jsxRuntime = require("react/jsx-runtime");
+var baseDialogConfig = {
+  // width: 440,
+  // height: 434,
+};
 var LiveStreamingDialog = exports.LiveStreamingDialog = (0, _mobxReact.observer)(function (_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
@@ -22,16 +26,8 @@ var LiveStreamingDialog = exports.LiveStreamingDialog = (0, _mobxReact.observer)
     dialogId: dialogId,
     dialogKey: dialogKey,
     title: transI18n('fmt_live_label_push_platform'),
-    width: 440,
-    height: 434,
     body: body
   });
 });
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  fullscreen: false,
-  maximizable: false,
-  width: 440,
-  height: 434,
-  resizable: false
-};
+var webDialogConfig = exports.webDialogConfig = baseDialogConfig;
+var electronWindowConfig = exports.electronWindowConfig = {};

package/lib/modules/dialog/dialogs/mute-all/index.d.ts

@@ -1,20 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
-import './index.css';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type MuteAllDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const MuteAllDialog: FC<MuteAllDialogProps>;
-export declare const windowConfig: {
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    resizable: false;
-    width: number;
-    height: number;
-    alwaysOnTop: true;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/mute-all/index.js

@@ -4,36 +4,22 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.MuteAllDialog = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
+exports.webDialogConfig = exports.electronWindowConfig = exports.MuteAllDialog = void 0;
 var _normalWindow = require("../../components/normal-window");
-require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children;
-  var transI18n = (0, _i18n.useI18n)();
-  var title = transI18n('fmt_attendies_options_muteall');
-  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "fcr-mute-all-dialog-content",
-    children: children
-  });
-  var config = {
-    width: 320,
-    height: 172
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
     closable: false,
-    title: title,
     dialogId: dialogId,
     dialogKey: dialogKey,
-    width: config.width,
-    height: config.height,
-    body: body
+    body: children
   });
 };
-var windowConfig = exports.windowConfig = {
+var webDialogConfig = exports.webDialogConfig = {};
+var electronWindowConfig = exports.electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -43,7 +29,5 @@ var windowConfig = exports.windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 172,
   alwaysOnTop: true
 };

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

@@ -1,26 +1,12 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type ParticipantDialogProps = PropsWithChildren<FcrUIDialogProps> & {
     header: React.ReactNode;
     actions: React.ReactNode;
 };
-export declare const windowConfig: {
-    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: true;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
+export declare const webDialogConfig: FcrUIWebDialogConfig;
 export declare const ParticipantDialog: FC<ParticipantDialogProps>;
 export {};

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 {};