fcr-ui-scene 3.7.4 → 3.7.6

package/lib/modules/control-bar/components/share-audio/index.d.ts

@@ -1,5 +1,4 @@
 import './index.css';
-import { BrowserWindow } from 'electron';
 export declare enum AudioProcessingChannel {
     MONO = "1",
     STEREO = "2"
@@ -10,6 +9,5 @@ export interface ShareAudioProps {
     onSwitchAudioChannel?: (target: AudioProcessingChannel) => void;
     toggleShareWithAudio?: (target: boolean) => void;
     showInfoTip?: boolean;
-    browserWindow: BrowserWindow;
 }
 export declare const ShareAudio: (props: ShareAudioProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/share-audio/index.js

@@ -3,7 +3,6 @@
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
@@ -11,24 +10,18 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ShareAudio = exports.AudioProcessingChannel = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 require("./index.css");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
@@ -38,7 +31,6 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 AudioProcessingChannel = exports.AudioProcessingChannel = /*#__PURE__*/function (AudioProcessingChannel) {
@@ -53,24 +45,14 @@ var ShareAudio = exports.ShareAudio = function ShareAudio(props) {
     currentAudioChannel = _props$currentAudioCh === void 0 ? AudioProcessingChannel.MONO : _props$currentAudioCh,
     toggleShareWithAudio = props.toggleShareWithAudio,
     _props$showInfoTip = props.showInfoTip,
-    showInfoTip = _props$showInfoTip === void 0 ? false : _props$showInfoTip,
-    browserWindow = props.browserWindow;
-  var _React$useState = _react["default"].useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    popoverVisible = _React$useState2[0],
-    setVisible = _React$useState2[1];
+    showInfoTip = _props$showInfoTip === void 0 ? false : _props$showInfoTip;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    popoverVisible = _useState2[0],
+    setVisible = _useState2[1];
   var handlerVisibleChange = function handlerVisibleChange(visible) {
     setVisible(visible);
   };
-  function handleBlur(event) {
-    setVisible(false);
-  }
-  (0, _react.useEffect)(function () {
-    browserWindow.on('blur', handleBlur);
-    return function () {
-      browserWindow.off('blur', handleBlur);
-    };
-  }, []);
   var shareAudioTips = (0, _react.useMemo)(function () {
     if (!shareWithAudio) {
       return t('fmt_screenshare_window_checkbox_shareAudio');

package/lib/modules/control-bar/components/share-state-nav/index.d.ts

@@ -1,4 +1,4 @@
 import './index.css';
-import { IShareStateNav } from '../../types';
+import { IShareStateNav } from '../../type';
 export declare const DragIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const ShareStateNav: (props: IShareStateNav) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/components/share-state-nav/index.js

@@ -41,23 +41,27 @@ var DragIcon = exports.DragIcon = function DragIcon() {
 };
 var ShareStateNav = exports.ShareStateNav = (0, _mobxReact.observer)(function (props) {
   var onShareStateNavTransferPosition = props.onShareStateNavTransferPosition,
-    currentPosition = props.currentPosition;
+    currentPosition = props.currentPosition,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave;
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     isMuteAudio = _useContext.isMuteAudio,
+    isInSmoothMode = _useContext.isInSmoothMode,
     cloudRecordingState = _useContext.cloudRecordingState,
     meetingTime = _useContext.meetingTime,
-    isCurrentScreenShareInSmoothType = _useContext.isCurrentScreenShareInSmoothType,
-    isEngineConnected = _useContext.isEngineConnected;
+    isConnecting = _useContext.isConnecting;
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
     className: "share-state-nav fcr-flex fcr-items-center \n                 fcr-justify-center share-action-nav__can-draggable \n                ".concat(currentPosition === _enums.TransferPosition.TOP ? 'share-state-nav-top' : 'share-state-nav-bottom'),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DragIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferPositionIcon.TransferPositionIcon, {
       onTransferPositionButtonClick: onShareStateNavTransferPosition,
       currentPosition: currentPosition
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "share-state-nav__state-text",
-      children: isEngineConnected ? transI18n('fmt_settings_tips_sharing') : transI18n('fmt_screenshare_toolbar_label_reconnecting')
-    }), isCurrentScreenShareInSmoothType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: isConnecting ? transI18n('fmt_screenshare_toolbar_label_reconnecting') : transI18n('fmt_settings_tips_sharing')
+    }), isInSmoothMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "share-state-nav__meeting-scenario-type",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
         type: _type.FcrIconType.FCR_HOME_QUICKSTART,

package/lib/modules/control-bar/components/transfer-position-icon/index.d.ts

@@ -1,2 +1,2 @@
-import { ITransferPositionIconProps } from '../../types';
+import { ITransferPositionIconProps } from '../../type';
 export declare const TransferPositionIcon: (props: ITransferPositionIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/control-bar/context.d.ts

@@ -0,0 +1,5 @@
+import { ControlBarCalculation, ControlBarCalculationUpdaterType, DragState } from './type';
+export declare const DragContext: import("react").Context<DragState>;
+export declare const ControlBarCalculationContext: import("react").Context<ControlBarCalculation>;
+export declare const ControlBarCalculationUpdaterContext: import("react").Context<ControlBarCalculationUpdaterType>;
+export declare const DragStateUpdaterContext: import("react").Context<(state: Partial<DragState>) => void>;

package/lib/modules/control-bar/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragStateUpdaterContext = exports.DragContext = exports.ControlBarCalculationUpdaterContext = exports.ControlBarCalculationContext = void 0;
+var _react = require("react");
+var DragContext = exports.DragContext = /*#__PURE__*/(0, _react.createContext)(null);
+var ControlBarCalculationContext = exports.ControlBarCalculationContext = /*#__PURE__*/(0, _react.createContext)(null);
+var ControlBarCalculationUpdaterContext = exports.ControlBarCalculationUpdaterContext = /*#__PURE__*/(0, _react.createContext)(null);
+var DragStateUpdaterContext = exports.DragStateUpdaterContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/control-bar/enums.d.ts

@@ -17,5 +17,7 @@ export declare enum MoreAction {
     OPEN_SETTING = 5,
     CLOUD_RECORDING_START = 6,
     CLOUD_RECORDING_STOP = 7,
-    LEAVE_ROOM = 8
+    LEAVE_ROOM = 8,
+    COPY_INVITE_LINK = 9,
+    COPY_MEETING_INFO = 10
 }

package/lib/modules/control-bar/enums.js

@@ -27,5 +27,7 @@ var MoreAction = exports.MoreAction = /*#__PURE__*/function (MoreAction) {
   MoreAction[MoreAction["CLOUD_RECORDING_START"] = 6] = "CLOUD_RECORDING_START";
   MoreAction[MoreAction["CLOUD_RECORDING_STOP"] = 7] = "CLOUD_RECORDING_STOP";
   MoreAction[MoreAction["LEAVE_ROOM"] = 8] = "LEAVE_ROOM";
+  MoreAction[MoreAction["COPY_INVITE_LINK"] = 9] = "COPY_INVITE_LINK";
+  MoreAction[MoreAction["COPY_MEETING_INFO"] = 10] = "COPY_MEETING_INFO";
   return MoreAction;
 }({});

package/lib/modules/control-bar/hooks.d.ts

@@ -0,0 +1,3 @@
+export declare const useBoundaryDetect: (ref: React.RefObject<HTMLDivElement>, callbacks: {
+    onBoundariesChanged: (rect: FcrUI.FcrUIRectangle) => void;
+}) => void;

package/lib/modules/control-bar/hooks.js

@@ -0,0 +1,36 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoundaryDetect = void 0;
+var _schedule = require("agora-foundation/lib/schedule");
+var _react = require("react");
+var useBoundaryDetect = exports.useBoundaryDetect = function useBoundaryDetect(ref, callbacks) {
+  (0, _react.useEffect)(function () {
+    var task = null;
+    var observer = new ResizeObserver(function () {
+      restartTask();
+    });
+    observer.observe(ref.current);
+    var restartTask = function restartTask() {
+      if (task) {
+        task.stop();
+      }
+      task = _schedule.AgoraScheduler.shared.addDelayTask(function () {
+        if (ref.current === null) return;
+        var contentRect = ref.current.getBoundingClientRect();
+        callbacks.onBoundariesChanged(contentRect);
+        // 部分气泡动画需要时间渲染完成后才能获取到正确的位置
+      }, 300);
+    };
+    restartTask();
+    return function () {
+      observer.disconnect();
+      if (task) {
+        task.stop();
+      }
+    };
+  }, [callbacks]);
+};

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

@@ -1,56 +1,28 @@
 import { UIModule } from '../../base';
+import ControlBarStore from './store';
 import './index.css';
-import { FcrUIEventProvider } from '../../providers/event-provider';
-import { FcrUIMainRoomControlProvider, FcrUIRoomProvider } from '../../providers/room-provider';
-import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
-import { FcrUIDeviceProvider } from '../../providers/device-provider';
-import { FcrUIDeviceStreamProvider } from '../../providers/device-stream-provider';
-import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
-import { FcrUIScreenShareProvider } from '../../providers/screen-share-provider';
-import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
-import { FcrUIDevicePrivilegeProvider } from '../../providers/device-privilege-provider';
-import { FcrUISharedDevicePrivilegeDataSource } from '../../shared-data-source/device-privilege-data';
-import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
-import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
-import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
-import { FcrUIDialogProvider } from '../../providers/dialog-provider';
-import { FcrUIMeetingTimeSharedDataSource } from '../../shared-data-source/meeting-time';
-import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
-import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
-import { FcrUISharingProvider } from '../../providers/sharing-provider';
-import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
-import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
+import { RendererCustomEvent } from '../../runtime';
+import { DeviceControlStoreBase } from '../components/device-control/store.base';
+import SecurityMenuStore from '../components/security-menu/store';
+import LeaveMeetingStoreMain from '../components/leave-meeting/main-scene/store';
 export declare class ControlBarUIModule extends UIModule {
-    private _store?;
-    private _deviceControlStore?;
-    private _leaveMeetingStore?;
-    privilegeProvider?: FcrUIPrivilegeProvider;
-    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
-    eventProvider?: FcrUIEventProvider;
-    deviceProvider?: FcrUIDeviceProvider;
-    deviceStreamProvider?: FcrUIDeviceStreamProvider;
-    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
-    roomProvider?: FcrUIRoomProvider;
-    screenShareProvider?: FcrUIScreenShareProvider;
-    sharedChatDataSource?: FcrUISharedChatDataSource;
-    devicePrivilegeProvider?: FcrUIDevicePrivilegeProvider;
-    sharedDevicePrivilegeDataSource?: FcrUISharedDevicePrivilegeDataSource;
-    sharedMemberDataSource?: FcrUIMemberSharedDataSource;
-    localStorageProvider?: FcrUILocalStorageProvider;
-    abilityProvider?: FcrUIAbilityProviderImpl;
-    dialogProvider?: FcrUIDialogProvider;
-    sharedMeetingTimeDataSource?: FcrUIMeetingTimeSharedDataSource;
-    messageProvider?: FcrUIMessageProvider;
-    sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
-    annotationProvider?: FcrUIAnnotationProvider;
-    sharingProvider?: FcrUISharingProvider;
-    sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
-    sharedConfirmDataSource?: FcrUISharedConfirmDataSource;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _store;
+    private _deviceControlStore;
+    private _securityMenuStore;
+    private _leaveMeetingStore;
+    get store(): ControlBarStore;
+    get deviceControlStore(): DeviceControlStoreBase;
+    get securityMenuStore(): SecurityMenuStore;
+    get leaveMeetingStore(): LeaveMeetingStoreMain;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
-    getComponent(props: {
-        browserWindow: Electron.BrowserWindow;
-    }): import("react/jsx-runtime").JSX.Element;
+    /**
+     * 屏幕共享时，浮动控制栏
+     * @param props
+     * @returns
+     */
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+    getLeaveMeetingComponent(): import("react/jsx-runtime").JSX.Element;
     onProcessEvent(event: RendererCustomEvent): void;
 }

package/lib/modules/control-bar/index.dev.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _root = require("react-hot-loader/root");
+var _react = require("react");
+var _view = require("./view");
+var _jsxRuntime = require("react/jsx-runtime");
+var App = (0, _root.hot)(function () {
+  return null;
+});
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+var run = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var App;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          App = (0, _root.hot)(function () {
+            (0, _react.useEffect)(function () {
+              document.querySelector('#launch-loading').style.display = 'none';
+            }, []);
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+            });
+          });
+          _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function run() {
+    return _ref.apply(this, arguments);
+  };
+}();
+run();

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

@@ -16,75 +16,135 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ControlBarUIModule = void 0;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = require("../../base");
 var _store = _interopRequireWildcard(require("./store"));
 require("./index.css");
 var _view = require("./view");
-var _store2 = require("../components/device-control/store");
 var _constant = require("../../utilities/constant");
-var _store3 = require("../components/leave-meeting/store");
-var _fcrCore = require("fcr-core");
+var _logger = require("../../utilities/logger");
+var _env = require("agora-foundation/lib/utilities/env");
+var _store2 = require("../components/device-control/store.base");
+var _store3 = _interopRequireDefault(require("../components/device-control/main-scene/store"));
+var _store4 = _interopRequireWildcard(require("../components/security-menu/store"));
+var _store5 = require("../components/leave-meeting/store.base");
+var _store6 = _interopRequireDefault(require("../components/leave-meeting/main-scene/store"));
+var _leaveMeeting = require("../components/leave-meeting");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UIModule) {
   function ControlBarUIModule() {
+    var _this;
     (0, _classCallCheck2["default"])(this, ControlBarUIModule);
-    return _callSuper(this, ControlBarUIModule, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ControlBarUIModule, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "logger", (0, _logger.createLogger)({
+      prefix: 'ControlBarUIModule'
+    }));
+    (0, _defineProperty2["default"])(_this, "_store", null);
+    (0, _defineProperty2["default"])(_this, "_deviceControlStore", null);
+    (0, _defineProperty2["default"])(_this, "_securityMenuStore", null);
+    (0, _defineProperty2["default"])(_this, "_leaveMeetingStore", null);
+    return _this;
   }
   (0, _inherits2["default"])(ControlBarUIModule, _UIModule);
   return (0, _createClass2["default"])(ControlBarUIModule, [{
+    key: "store",
+    get: function get() {
+      if (!this._store) {
+        throw new Error('ControlBarStore is not initialized');
+      }
+      return this._store;
+    }
+  }, {
+    key: "deviceControlStore",
+    get: function get() {
+      if (!this._deviceControlStore) {
+        throw new Error('DeviceControlStore is not initialized');
+      }
+      return this._deviceControlStore;
+    }
+  }, {
+    key: "securityMenuStore",
+    get: function get() {
+      if (!this._securityMenuStore) {
+        throw new Error('SecurityMenuStore is not initialized');
+      }
+      return this._securityMenuStore;
+    }
+  }, {
+    key: "leaveMeetingStore",
+    get: function get() {
+      if (!this._leaveMeetingStore) {
+        throw new Error('LeaveMeetingStore is not initialized');
+      }
+      return this._leaveMeetingStore;
+    }
+  }, {
     key: "onNodeWillActive",
     value: function onNodeWillActive() {
-      var _this$mainRoomControl, _this$mainRoomControl2;
-      this._store = new _store["default"]({
-        uiEventStore: this.eventProvider,
-        securityStore: this.privilegeProvider,
-        roomControl: (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl,
-        deviceProvider: this.deviceProvider,
-        sharedLayoutDataSource: this.sharedLayoutDataSource,
-        roomProvider: this.roomProvider,
-        sharedChatDataSource: this.sharedChatDataSource,
-        sharedMemberDataSource: this.sharedMemberDataSource,
-        localStorageProvider: this.localStorageProvider,
-        abilityProvider: this.abilityProvider,
-        sharedMeetingTimeDataSource: this.sharedMeetingTimeDataSource,
-        messageProvider: this.messageProvider,
-        sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
-        annotationProvider: this.annotationProvider,
-        sharingProvider: this.sharingProvider,
-        screenShareProvider: this.screenShareProvider,
-        sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-        dialogProvider: this.dialogProvider,
-        sharedConfirmDataSource: this.sharedConfirmDataSource
-      });
-      this.privilegeProvider = this.privilegeProvider;
-      this.screenShareProvider = this.screenShareProvider;
-      this._deviceControlStore = new _store2.DeviceControlStore((_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
-      this._leaveMeetingStore = new _store3.LeaveMeetingStore(this.privilegeProvider, this.roomProvider, this.mainRoomControlProvider.mainRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);
+      if (!(0, _env.isElectron)()) return;
+      var args = {
+        objectManager: this.objectManager
+      };
+      this._store = new _store["default"](args);
+      this._deviceControlStore = new _store3["default"](args);
+      this._securityMenuStore = new _store4["default"](args);
+      this._leaveMeetingStore = new _store6["default"](args);
     }
   }, {
     key: "onNodeWillInactive",
     value: function onNodeWillInactive() {
-      var _this$_store, _this$_leaveMeetingSt, _this$_deviceControlS;
-      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
-      (_this$_leaveMeetingSt = this._leaveMeetingStore) === null || _this$_leaveMeetingSt === void 0 || _this$_leaveMeetingSt.release();
-      (_this$_deviceControlS = this._deviceControlStore) === null || _this$_deviceControlS === void 0 || _this$_deviceControlS.release();
+      if (!(0, _env.isElectron)()) return;
+      this.store.release();
+      this.deviceControlStore.release();
+      this.securityMenuStore.release();
+      this.leaveMeetingStore.release();
     }
+
+    /**
+     * 屏幕共享时，浮动控制栏
+     * @param props
+     * @returns
+     */
   }, {
     key: "getComponent",
-    value: function getComponent(props) {
+    value: function getComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
-        value: this._store,
+        value: this.store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.DeviceControlStoreContext.Provider, {
-          value: this._deviceControlStore,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.ControlBarView, {})
+          value: this.deviceControlStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store4.SecurityMenuContext.Provider, {
+            value: this.securityMenuStore,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
+          })
+        })
+      });
+    }
+  }, {
+    key: "getLeaveMeetingComponent",
+    value: function getLeaveMeetingComponent() {
+      var _this2 = this;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store5.LeaveMeetingStoreContext.Provider, {
+        value: this.leaveMeetingStore,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_leaveMeeting.LeaveMeeting, {
+          setPopoverOpened: function setPopoverOpened(value) {
+            if (!value) {
+              _this2.store.closeLeaveMeetingDialog();
+            }
+          }
         })
       });
     }
@@ -93,14 +153,8 @@ var ControlBarUIModule = exports.ControlBarUIModule = /*#__PURE__*/function (_UI
     value: function onProcessEvent(event) {
       switch (event.action) {
         case _constant.FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
-          this._store.handlerStopShare();
-          break;
         case _constant.FcrUIRendererEventAction.POWER_MONITOR_RESUME:
-          this._store.handlerStopShare();
-          break;
-        case _constant.FcrUIRendererEventAction.FRAGMENT_ANNOTATION_ENGINE_STATE:
-          this.logger.info("[control-bar] fragment-annotation-engine-state, ".concat(_fcrCore.FcrConnectionState[event.payload]));
-          this._store.setFragmentEngineState(event.payload);
+          this.store.handlerStopShare();
           break;
       }
     }

package/lib/modules/control-bar/reactor.d.ts

@@ -0,0 +1,2 @@
+declare class FcrUIMouseEventReactor {
+}

package/lib/modules/control-bar/reactor.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var FcrUIMouseEventReactor = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIMouseEventReactor() {
+  (0, _classCallCheck2["default"])(this, FcrUIMouseEventReactor);
+});