fcr-ui-scene 3.8.2 → 3.9.0-alpha

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

@@ -1,9 +1,31 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 { useI18n } from 'agora-ui-foundation/lib/i18n';
-import './index.css';
 import { NormalWindow } from '../../components/normal-window';
 import { jsx as _jsx } from "react/jsx-runtime";
-var width = 684;
-var height = 438;
+var baseDialogConfig = {
+  width: 684,
+  height: 438,
+  minWidth: 460,
+  minHeight: 350,
+  maxWidth: 700,
+  maxHeight: 760
+};
 export var InterpreterDialog = function InterpreterDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
@@ -14,25 +36,12 @@ export var InterpreterDialog = function InterpreterDialog(_ref) {
     dialogKey: dialogKey,
     dialogId: dialogId,
     title: title,
-    body: children,
-    width: width,
-    height: height
+    body: children
   });
 };
-export var 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
-};
+export var webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
+export var electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true
+});

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

@@ -1,43 +1,44 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 { FcrUIDialogKey } from '../../../../utilities/constant';
 import '../../index.css';
-import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { NormalWindow } from '../../components/normal-window';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var InviteDialog = function InviteDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children;
-  var transI18n = 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__*/_jsx(NormalWindow, {
     dialogId: dialogId,
     dialogKey: FcrUIDialogKey.INVITE,
-    width: 430,
-    height: 420,
     body: children
   });
 };
-export var windowConfig = {
+var baseDialogConfig = {
+  // width: 430,
+  // height: 420,
+};
+export var webDialogConfig = baseDialogConfig;
+export var electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
   frame: false,
   maximizable: false,
   minimizable: false,
   fullscreenable: false,
-  width: 400 + 30,
-  height: 390 + 30,
   trafficLightPosition: {
     x: 0,
     y: 0
@@ -48,4 +49,4 @@ export var windowConfig = {
   transparent: true,
   backgroundColor: '#00000000',
   alwaysOnTop: true
-};
+});

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

@@ -2,6 +2,10 @@ import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { NormalWindow } from '../../components/normal-window';
 import { observer } from 'mobx-react';
 import { jsx as _jsx } from "react/jsx-runtime";
+var baseDialogConfig = {
+  // width: 440,
+  // height: 434,
+};
 export var LiveStreamingDialog = observer(function (_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
@@ -15,16 +19,8 @@ export var LiveStreamingDialog = observer(function (_ref) {
     dialogId: dialogId,
     dialogKey: dialogKey,
     title: transI18n('fmt_live_label_push_platform'),
-    width: 440,
-    height: 434,
     body: body
   });
 });
-export var windowConfig = {
-  frame: false,
-  fullscreen: false,
-  maximizable: false,
-  width: 440,
-  height: 434,
-  resizable: false
-};
+export var webDialogConfig = baseDialogConfig;
+export var electronWindowConfig = {};

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

@@ -1,32 +1,18 @@
-import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { NormalWindow } from '../../components/normal-window';
-import './index.css';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var MuteAllDialog = function MuteAllDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children;
-  var transI18n = useI18n();
-  var title = transI18n('fmt_attendies_options_muteall');
-  var body = /*#__PURE__*/_jsx("div", {
-    className: "fcr-mute-all-dialog-content",
-    children: children
-  });
-  var config = {
-    width: 320,
-    height: 172
-  };
   return /*#__PURE__*/_jsx(NormalWindow, {
     closable: false,
-    title: title,
     dialogId: dialogId,
     dialogKey: dialogKey,
-    width: config.width,
-    height: config.height,
-    body: body
+    body: children
   });
 };
-export var windowConfig = {
+export var webDialogConfig = {};
+export var electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -36,7 +22,5 @@ export var windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 172,
   alwaysOnTop: true
 };

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

@@ -1,52 +1,53 @@
-import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 { NormalWindow } from '../../components/normal-window';
 import classNames from 'classnames';
-import { isElectron } from 'agora-foundation/lib/utilities/env';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var windowConfig = {
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: true,
+var baseDialogConfig = {
   width: 320,
   height: 560,
   minWidth: 320,
-  minHeight: 400,
-  maxWidth: 620,
-  maxHeight: 900,
-  alwaysOnTop: true
+  minHeight: 370,
+  maxWidth: 550,
+  maxHeight: 760
 };
+export var electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true,
+  alwaysOnTop: true
+});
+export var webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
 export var ParticipantDialog = function ParticipantDialog(_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children,
     header = _ref.header,
     actions = _ref.actions;
-  var transI18n = useI18n();
   var body = /*#__PURE__*/_jsx("div", {
-    className: classNames('fcr-participant-dialog-wrapper', {
-      'fcr-participant-dialog-wrapper-web': !isElectron(),
-      'fcr-participant-dialog-wrapper-electron': isElectron()
-    }),
+    className: classNames('fcr-participant-dialog-wrapper'),
     children: children
   });
   return /*#__PURE__*/_jsx(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-es/modules/dialog/dialogs/rename/index.js

@@ -7,14 +7,6 @@ export var RenameDialog = function RenameDialog(_ref) {
     children = _ref.children;
   var transI18n = 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__*/_jsx("div", {
     className: "fcr-rename-dialog-content",
     children: children
@@ -23,11 +15,10 @@ export var RenameDialog = function RenameDialog(_ref) {
     title: title,
     dialogId: dialogId,
     dialogKey: dialogKey,
-    autoHeight: true,
     body: body
   });
 };
-export var windowConfig = {
+export var electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -37,7 +28,5 @@ export var windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 172,
   type: 'panel'
 };

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

@@ -33,7 +33,7 @@ export var SampleDialog = function SampleDialog(_ref2) {
     dialogId: dialogId
   });
 };
-export var windowConfig = {
+export var electronWindowConfig = {
   frame: false,
   maximizable: false,
   minimizable: false,

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

@@ -16,17 +16,8 @@ export var ShareScreenSelectionDialog = /*#__PURE__*/memo(function (_ref) {
     body: body
   });
 });
-export var windowConfig = {
-  fullscreen: false,
-  maximizable: false,
-  resizable: false,
-  frame: false,
-  transparent: true,
-  width: 790,
+export var electronWindowConfig = {
+  width: 789,
   height: 550,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
   alwaysOnTop: true
 };

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

@@ -12,7 +12,7 @@ export var SubWindowDialog = observer(function (props) {
   var dialogRoot = getDialogRootNode(dialogKey, dialogId);
   return /*#__PURE__*/createPortal(children, dialogRoot);
 });
-export var windowConfig = {
+export var electronWindowConfig = {
   height: 850,
   width: 1360,
   minWidth: 825,
@@ -27,5 +27,6 @@ export var windowConfig = {
     y: 10
   },
   show: false,
-  hasShadow: true
+  hasShadow: true,
+  resizable: true
 };

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

@@ -1,25 +1,39 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 { NormalWindow } from '../../components/normal-window';
 import { jsx as _jsx } from "react/jsx-runtime";
 var title = 'Subtitles History';
-export var 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
 };
+export var electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  resizable: true,
+  alwaysOnTop: false
+});
+export var webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});
 export var SubtitlesHistoryDialog = function SubtitlesHistoryDialog(props) {
   var dialogKey = props.dialogKey,
     dialogId = props.dialogId,
@@ -27,18 +41,11 @@ export var SubtitlesHistoryDialog = function SubtitlesHistoryDialog(props) {
     actions = props.actions,
     children = props.children;
   return /*#__PURE__*/_jsx(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-es/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-es/modules/dialog/dialogs/system-preference/index.js

@@ -86,8 +86,6 @@ export var SystemPreferenceDialog = function SystemPreferenceDialog(_ref) {
   if (params) {
     return /*#__PURE__*/_jsx(NormalWindow, {
       closable: false,
-      width: params.width,
-      height: params.height,
       dialogKey: dialogKey,
       dialogId: dialogId,
       body: body
@@ -100,7 +98,9 @@ export var SystemPreferenceDialog = function SystemPreferenceDialog(_ref) {
     body: body
   });
 };
-export var windowConfig = {
+export var electronSystemPreferenceWindowConfig = {
+  width: 328,
+  height: 360,
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -110,10 +110,13 @@ export var windowConfig = {
     y: 0
   },
   resizable: false,
-  width: 320,
-  height: 387
+  alwaysOnTop: true
 };
-export var revokeHostWindowConfig = {
+var revokeHostDialogSize = {
+  width: 328,
+  height: 390
+};
+export var electronRevokeHostWindowConfig = _objectSpread(_objectSpread({}, revokeHostDialogSize), {}, {
   frame: false,
   maximizable: false,
   minimizable: false,
@@ -122,9 +125,6 @@ export var revokeHostWindowConfig = {
     x: 0,
     y: 0
   },
-  resizable: false,
-  width: 320,
-  height: 390
-};
-export var REVOKE_HOST_HEIGHT = 390;
-export var REVOKE_HOST_WIDTH = 320;
+  resizable: false
+});
+export var webRevokeHostWindowConfig = _objectSpread({}, revokeHostDialogSize);

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

@@ -1,21 +1,21 @@
 import { memo, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { StoreContext } from '../../store.base';
-export var windowConfig = {
+export var 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
 };
 export var ToastDialog = /*#__PURE__*/memo(function (_ref) {
   var dialogId = _ref.dialogId,

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

@@ -13,7 +13,7 @@ export var VideoWindowDialog = observer(function (_ref) {
   var dialogRoot = getDialogRootNode(dialogKey, dialogId);
   return /*#__PURE__*/createPortal(children, dialogRoot);
 });
-export var windowConfig = {
+export var electronWindowConfig = {
   title: title,
   type: 'panel',
   frame: false,
@@ -26,10 +26,10 @@ export var windowConfig = {
   maxWidth: VideoWindowZoomMaxWidth,
   maxHeight: VideoWindowZoomMaxHeight,
   transparent: true,
-  alwaysOnTop: true,
   hasShadow: false,
   resizable: true,
-  skipTaskbar: true
+  skipTaskbar: true,
+  alwaysOnTop: true
 };
 export var setVideoWindowDialogPosition = function setVideoWindowDialogPosition(screenSharingBounds, videoWindow) {
   var screenX = screenSharingBounds.x,

package/lib-es/modules/dialog/dialogs/whiteboard/index.js

@@ -40,7 +40,7 @@ export var WhiteboardDialog = observer(function (_ref) {
 
   return null;
 });
-export var windowConfig = {
+export var electronWindowConfig = {
   frame: true,
   maximizable: false,
   minimizable: false,

package/lib-es/modules/dialog/dialogs/widget/index.js

@@ -1,15 +1,23 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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 "core-js/modules/es.function.name.js";
 import { NormalWindow } from '../../components/normal-window';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var TITLE_BAR_HEIGHT = 46;
-var width = 600;
-
-/**
- * TODO
- *  web 下 height不传 或者 autoHeight为true 都有默认高度160 默认宽度400 导致高度没法由iframe的高度决定
- *  要么去掉默认高度 ,要么要从 widgetConfig 拿到实际高度来设置 width
- */
-var height = 600 + TITLE_BAR_HEIGHT;
 export var WidgetDialog = function WidgetDialog(_ref) {
   var children = _ref.children,
     params = _ref.params,
@@ -20,21 +28,9 @@ export var WidgetDialog = function WidgetDialog(_ref) {
     dialogKey: dialogKey,
     dialogId: dialogId,
     title: widgetParams.name,
-    body: children,
-    width: width,
-    height: height
+    body: children
   });
 };
-export var windowConfig = {
-  frame: false,
-  width: width,
-  height: height,
-  fullscreen: false,
-  maximizable: false,
-  trafficLightPosition: {
-    x: 10,
-    y: 10
-  },
-  resizable: true,
-  transparent: true
-};
+var baseDialogConfig = {};
+export var webDialogConfig = baseDialogConfig;
+export var electronWindowConfig = _objectSpread({}, baseDialogConfig);

package/lib-es/modules/dialog/index.css

@@ -5,22 +5,13 @@
 /* .react-draggable {
   transition: all 0.3s;
 } */
-.fcr-chat-dialog-wrapper,
-.fcr-participant-dialog-wrapper,
-.fcr-livestreaming-dialog-wrapper {
+.fcr-participant-dialog-wrapper {
   background: var(--fcr_mobile_ui_scene_color_popup_fill2);
   width: 100%;
-  /* height: 100%; */
+  height: 100%;
   display: flex;
   flex-direction: column;
 }
-.fcr-participant-dialog-wrapper-web {
-  height: 100%;
-}
-
-.fcr-participant-dialog-wrapper-electron {
-  height: calc(100% - 46px);
-}
 
 .fcr-livestreaming-dialog-wrapper .frc-window-header {
   cursor: move;
@@ -30,6 +21,8 @@
   flex: 1;
   overflow: hidden;
   padding: 0 20px 20px;
+  width: 440px;
+  height: calc(408px - 46px);
 }
 .frc-common-dialog {
   background: var(--fcr_mobile_ui_scene_color_popup_fill2);