fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib/modules/dialog/dialogs/annotation-tool/index.d.ts

@@ -1,7 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 import { FcrUIDialogProps } from '../../type';
-export declare const title = "Annotation tool bar";
-export declare const windowConfig: Electron.BrowserWindowConstructorOptions;
-type AnnotationBarDialogProps = PropsWithChildren<FcrUIDialogProps>;
-export declare const AnnotationBarDialog: FC<AnnotationBarDialogProps>;
+export declare const title = "Annotation toolbar";
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
+type AnnotationToolProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const AnnotationTool: FC<AnnotationToolProps>;
 export {};

package/lib/modules/dialog/dialogs/annotation-tool/index.js

@@ -4,51 +4,35 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.title = exports.AnnotationBarDialog = void 0;
+exports.title = exports.electronWindowConfig = exports.AnnotationTool = void 0;
+var _react = require("react");
 var _mobxReact = require("mobx-react");
-var _normalWindow = require("../../components/normal-window");
-var _jsxRuntime = require("react/jsx-runtime");
-var title = exports.title = 'Annotation tool bar';
-var windowConfig = exports.windowConfig = {
+var _reactDom = require("react-dom");
+var _store = require("../../store.base");
+var title = exports.title = 'Annotation toolbar';
+var electronWindowConfig = exports.electronWindowConfig = {
   y: 0,
   x: 0,
   maximizable: false,
-  backgroundColor: '#00000000',
-  hiddenInMissionControl: true,
+  minimizable: false,
   hasShadow: false,
   useContentSize: true,
-  minimizable: false,
   resizable: false,
-  title: title,
-  type: 'panel',
+  transparent: true,
+  backgroundColor: '#00000000',
+  frame: false,
+  hiddenInMissionControl: true,
   skipTaskbar: true,
-  width: 800,
-  height: 100,
-  movable: false,
-  transparent: true
-};
-var hooksConfig = {
-  hasCustomShadow: false,
-  disableShortcutClose: true,
-  alwaysOnTop: 'screen-saver',
-  fullScreen: true,
-  ignoreMouseEvents: true
+  title: title,
+  needResizeObserver: false
+  // type: 'panel',
 };
-var AnnotationBarDialog = exports.AnnotationBarDialog = (0, _mobxReact.observer)(function (_ref) {
+var AnnotationTool = exports.AnnotationTool = (0, _mobxReact.observer)(function (_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
     children = _ref.children;
-  // const body = (
-  //   <HotAreaContainer width={800} height={90} dialogKey={FcrUIDialogKey.ANNOTATION_TOOL}>
-  //     {children}
-  //   </HotAreaContainer>
-  // );
-
-  var body = children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    dialogKey: dialogKey,
-    dialogId: dialogId,
-    title: title,
-    body: body
-  });
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    getDialogRootNode = _useContext.getDialogRootNode;
+  var dialogRoot = getDialogRootNode(dialogKey, dialogId);
+  return /*#__PURE__*/(0, _reactDom.createPortal)(children, dialogRoot);
 });

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

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

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

@@ -1,42 +1,48 @@
 "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.CaptionDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.CaptionDialog = 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 = 'Caption Translation';
-var windowConfig = exports.windowConfig = {
-  title: title,
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: false,
+var baseDialogConfig = {
   width: 750,
   height: 92,
-  maxHeight: 132,
-  alwaysOnTop: true
+  maxHeight: 132
 };
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  alwaysOnTop: true
+});
+var webDialogConfig = exports.webDialogConfig = baseDialogConfig;
 var CaptionDialog = exports.CaptionDialog = function CaptionDialog(props) {
   var dialogKey = props.dialogKey,
     dialogId = props.dialogId,
     children = props.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    width: windowConfig.width,
-    height: windowConfig.height,
     dialogKey: dialogKey,
     dialogId: dialogId,
     showTopIcon: false,
     closable: false,
-    body: children,
-    maxHeight: windowConfig.maxHeight,
-    hasSystemShadow: true
+    body: children
   });
 };

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

@@ -1,27 +1,13 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
 type ChatDialogProps = PropsWithChildren<FcrUIDialogProps> & {
     chatActions: React.ReactNode;
     header: React.ReactNode;
     headerActions: React.ReactNode;
 };
 export declare const ChatDialog: FC<ChatDialogProps>;
-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 {};

package/lib/modules/dialog/dialogs/chat/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.ChatDialog = void 0;
-var _i18n = require("agora-ui-foundation/lib/i18n");
+exports.webDialogConfig = exports.electronWindowConfig = exports.ChatDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobxReact = require("mobx-react");
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var width = 800;
-var height = 600;
+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: 350,
+  minWidth: 350,
+  maxWidth: 550,
+  height: 506,
+  minHeight: 370,
+  maxHeight: 760
+};
 var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (_ref) {
   var dialogKey = _ref.dialogKey,
     dialogId = _ref.dialogId,
@@ -18,32 +40,6 @@ var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (_ref) {
     children = _ref.children,
     header = _ref.header,
     headerActions = _ref.headerActions;
-  var transI18n = (0, _i18n.useI18n)();
-  var config = {
-    width: 800,
-    height: 600,
-    minWidth: 400,
-    minHeight: 400,
-    maxWidth: 1100,
-    maxHeight: 900,
-    fullscreen: false,
-    maximizable: false,
-    title: transI18n('fmt_chat_window_title'),
-    resizable: true,
-    hasShadow: true
-  };
-  var hooksConfig = {
-    hasCustomShadow: false
-  };
-
-  // const isChatRoomConnected = chatState === FcrChatRoomConnectionState.Connected
-
-  // const title = isChatRoomConnected
-  //   ? transI18n('fmt_chat_label_chat')
-  //   : transI18n('fmt_aside_status_connecting');
-
-  // const height = store.waitingRoomState ? 630 : 600;
-  var height = 630;
   var actions = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [chatActions, headerActions]
   });
@@ -51,31 +47,14 @@ var ChatDialog = exports.ChatDialog = (0, _mobxReact.observer)(function (_ref) {
     dialogId: dialogId,
     dialogKey: dialogKey,
     body: children,
-    header: header,
-    actions: actions,
-    bodyStyle: {
-      zIndex: 11
-    },
-    width: width,
-    height: height,
-    hasSystemShadow: true
+    title: header,
+    actions: actions
   });
 });
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
+var electronWindowConfig = exports.electronWindowConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
   resizable: true,
-  width: width,
-  height: height,
-  minWidth: 400,
-  minHeight: 400,
-  maxWidth: 1100,
-  maxHeight: 900,
   alwaysOnTop: true
-};
+});
+var webDialogConfig = exports.webDialogConfig = _objectSpread(_objectSpread({}, baseDialogConfig), {}, {
+  enableResizing: true
+});

package/lib/modules/dialog/dialogs/confirm/index.css

@@ -1,7 +1,7 @@
 .fcr-event-confirm-wrapper.fcr-event-confirm-container {
-  width: 100vw;
+  /* width: 100vw;
   height: 100vh;
-  position: absolute;
+  position: absolute; */
   top: 0;
   left: 0;
   z-index: 2000;
@@ -11,14 +11,3 @@
 .fcr-event-confirm-wrapper.fcr-event-confirm-container div {
   pointer-events: all;
 }
-
-.fcr-confirm-dialog-wrapper {
-  background: #fff;
-}
-
-.fcr-confirm-dialog-wrapper_web {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_xl);
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}

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

@@ -1,23 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
 import './index.css';
-export declare const windowConfig: {
-    maximizable: false;
-    minimizable: false;
-    resizable: false;
-    fullscreen: false;
-    backgroundColor: string;
-    hiddenInMissionControl: true;
-    hasShadow: false;
-    useContentSize: true;
-    title: string;
-    alwaysOnTop: true;
-    skipTaskbar: true;
-    type: string;
-    frame: false;
-    transparent: true;
-    show: false;
-};
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 type ConfirmDialogProps = PropsWithChildren<FcrUIDialogProps>;
 export declare const ConfirmDialog: FC<ConfirmDialogProps>;
 export {};

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

@@ -4,7 +4,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ConfirmDialog = void 0;
+exports.electronWindowConfig = exports.ConfirmDialog = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -17,22 +17,20 @@ var _confirm = require("../../components/confirm");
 var _env = require("agora-foundation/lib/utilities/env");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   maximizable: false,
   minimizable: false,
-  resizable: false,
   fullscreen: false,
   backgroundColor: '#00000000',
   hiddenInMissionControl: true,
   hasShadow: false,
   useContentSize: true,
   title: 'Confirm',
-  alwaysOnTop: true,
   skipTaskbar: true,
   type: 'panel',
-  frame: false,
-  transparent: true,
-  show: false
+  show: false,
+  needResizeObserver: false,
+  alwaysOnTop: true
 };
 var ConfirmDialog = exports.ConfirmDialog = (0, _mobxReact.observer)(function (_ref) {
   var dialogId = _ref.dialogId,

package/lib/modules/dialog/dialogs/confirm-leave-meeting/index.d.ts

@@ -1,19 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
-type ConfirmLeaveMeetingDialogProps = PropsWithChildren<FcrUIDialogProps>;
-export declare const ConfirmLeaveMeetingDialog: FC<ConfirmLeaveMeetingDialogProps>;
-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;
-};
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
+type ConfirmEndMeetingDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const ConfirmEndMeetingDialog: FC<ConfirmEndMeetingDialogProps>;
+export declare const webDialogConfig: {};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

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

@@ -4,42 +4,22 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ConfirmLeaveMeetingDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.ConfirmEndMeetingDialog = void 0;
 var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var ConfirmLeaveMeetingDialog = exports.ConfirmLeaveMeetingDialog = function ConfirmLeaveMeetingDialog(_ref) {
+var ConfirmEndMeetingDialog = exports.ConfirmEndMeetingDialog = function ConfirmEndMeetingDialog(_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
     children = _ref.children;
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    width: 255,
-    height: 158,
-    resizable: false
-  };
   var body = children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
     dialogKey: dialogKey,
     dialogId: dialogId,
-    autoHeight: true,
-    width: config.width,
-    height: config.height,
     closable: false,
     body: body
   });
 };
-var windowConfig = exports.windowConfig = {
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  resizable: false,
-  width: 255,
-  height: 158,
+var webDialogConfig = exports.webDialogConfig = {};
+var electronWindowConfig = exports.electronWindowConfig = {
   alwaysOnTop: true
 };

package/lib/modules/dialog/dialogs/connection-gateway/index.d.ts

@@ -1,25 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
-export type ConnectorType = 'phone' | 'computer';
+import { FcrUIWebDialogConfig } from '../../dialogConfig/browser';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 type ConnectionGatewayDialog = PropsWithChildren<FcrUIDialogProps>;
 export declare const ConnectionGatewayDialog: FC<ConnectionGatewayDialog>;
-export declare const windowConfig: {
-    title: string;
-    frame: false;
-    maximizable: false;
-    minimizable: false;
-    fullscreenable: false;
-    trafficLightPosition: {
-        x: number;
-        y: number;
-    };
-    useContentSize: true;
-    resizable: false;
-    type: string;
-    hasShadow: false;
-    transparent: true;
-    width: number;
-    height: number;
-    backgroundColor: string;
-};
+export declare const webDialogConfig: FcrUIWebDialogConfig;
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 export {};

package/lib/modules/dialog/dialogs/connection-gateway/index.js

@@ -4,44 +4,21 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.ConnectionGatewayDialog = void 0;
+exports.webDialogConfig = exports.electronWindowConfig = exports.ConnectionGatewayDialog = void 0;
 var _normalWindow = require("../../components/normal-window");
-var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-var title = (0, _i18n.transI18n)('fmt_toolbar_label_connectaudio');
 var ConnectionGatewayDialog = exports.ConnectionGatewayDialog = function ConnectionGatewayDialog(_ref) {
   var dialogId = _ref.dialogId,
     dialogKey = _ref.dialogKey,
-    children = _ref.children,
-    params = _ref.params;
-  var width = 400;
-  var height = (params === null || params === void 0 ? void 0 : params.type) === 'phone' ? 500 : 350;
+    children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
-    width: width,
-    height: height,
     dialogId: dialogId,
     dialogKey: dialogKey,
-    autoHeight: true,
     body: children,
     title: false
   });
 };
-var windowConfig = exports.windowConfig = {
-  title: title,
-  frame: false,
-  maximizable: false,
-  minimizable: false,
-  fullscreenable: false,
-  trafficLightPosition: {
-    x: 0,
-    y: 0
-  },
-  useContentSize: true,
-  resizable: false,
-  type: 'panel',
-  hasShadow: false,
-  transparent: true,
-  width: 400 + 30,
-  height: 500 + 30,
-  backgroundColor: '#00000000'
-};
+var webDialogConfig = exports.webDialogConfig = {
+  onlyTitleCanTriggerDrag: false
+};
+var electronWindowConfig = exports.electronWindowConfig = {};

package/lib/modules/dialog/dialogs/control-bar/index.d.ts

@@ -1,22 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
 import { FcrUIDialogProps } from '../../type';
+import { FcrUIElectronDialogConfig } from '../../dialogConfig/electron';
 export declare const title = "Control Bar";
-export declare const windowConfig: {
-    y: number;
-    x: number;
-    maximizable: false;
-    minimizable: false;
-    hasShadow: false;
-    useContentSize: true;
-    resizable: false;
-    transparent: true;
-    backgroundColor: string;
-    frame: false;
-    hiddenInMissionControl: true;
-    skipTaskbar: true;
-    title: string;
-    type: string;
-};
+export declare const electronWindowConfig: FcrUIElectronDialogConfig;
 type ControlBarDialogProps = PropsWithChildren<FcrUIDialogProps> & {};
 export declare const ControlBarDialog: FC<ControlBarDialogProps>;
 export {};

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

@@ -4,26 +4,24 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.windowConfig = exports.title = exports.ControlBarDialog = void 0;
+exports.title = exports.electronWindowConfig = exports.ControlBarDialog = void 0;
 var _react = require("react");
 var _store = require("../../store.base");
 var _reactDom = require("react-dom");
 var title = exports.title = 'Control Bar';
-var windowConfig = exports.windowConfig = {
+var electronWindowConfig = exports.electronWindowConfig = {
   y: 0,
   x: 0,
   maximizable: false,
   minimizable: false,
   hasShadow: false,
   useContentSize: true,
-  resizable: false,
-  transparent: true,
   backgroundColor: '#00000000',
-  frame: false,
   hiddenInMissionControl: true,
   skipTaskbar: true,
   title: title,
-  type: 'panel'
+  type: 'panel',
+  needResizeObserver: false
 };
 var ControlBarDialog = exports.ControlBarDialog = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var dialogId = _ref.dialogId,

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

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