fcr-ui-scene 3.4.0 → 3.4.2

package/lib/fragments/control-bar/view.js

@@ -28,11 +28,10 @@ var _moreActions = require("./more-actions");
 var _constant = require("../../utilities/constant");
 var _stopLiveStreaming = require("./stop-live-streaming");
 var _cloudRecordingButtons = require("./cloud-recording-buttons");
-var _type = require("fcr-core/lib/type");
+var _type = require("agora-edu-core/lib/type");
 var _toast = require("agora-ui-foundation/lib/components/toast");
 var _platform = require("../../utilities/platform");
 var _type2 = require("../../modules/action-bar/type");
-var _meetingDetailsPortal = _interopRequireDefault(require("./meeting-details/meeting-details-portal"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function () {
   var _screenBounds$availTo;
@@ -72,9 +71,7 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
     screenBounds = _useContext.screenBounds,
     connectType = _useContext.connectType,
     phoneMicEnabled = _useContext.phoneMicEnabled,
-    hasSecurityPermission = _useContext.hasSecurityPermission,
-    setShowMeetingDetailPortal = _useContext.setShowMeetingDetailPortal,
-    fetchLeavingRoomPropsAfterInit = _useContext.fetchLeavingRoomPropsAfterInit;
+    hasSecurityPermission = _useContext.hasSecurityPermission;
   // 控制栏本身的高度
   var NAV_HEIGHT = 84;
   // 鼠标移开后自动隐藏的时间
@@ -187,7 +184,6 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
   (0, _react.useEffect)(function () {
     function handleBlur(event) {
       setMoreVisible(false);
-      setShowMeetingDetailPortal(false);
       setShowSecurityPopover(false);
     }
     window.addEventListener('blur', handleBlur);
@@ -195,20 +191,11 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
       window.removeEventListener('blur', handleBlur);
     };
   }, []);
-  var setControlBarAlwaysOnTop = function setControlBarAlwaysOnTop() {
-    window.runtime.setAlwaysOnTop();
-    window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
-  };
   (0, _react.useEffect)(function () {
-    setControlBarAlwaysOnTop();
-    /** control-bar初始化后补偿发起一次store数据同步 */
-    fetchLeavingRoomPropsAfterInit();
-    var timberId = setTimeout(setControlBarAlwaysOnTop, 500);
-    window.runtime.browserWindow.addListener('blur', setControlBarAlwaysOnTop);
-    return function () {
-      window.runtime.browserWindow.removeListener('blur', setControlBarAlwaysOnTop);
-      clearTimeout(timberId);
-    };
+    window.runtime.browserWindow.setAlwaysOnTop(false);
+    setTimeout(function () {
+      window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
+    }, 500);
   }, []);
   return currentShareId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
     style: {
@@ -275,12 +262,10 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
           className: "share-action-nav__meeting-control-group",
           children: [hasSecurityPermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
             mouseEnterDelay: 0,
-            overlayClassName: "security-content-more-dropdown",
             overlayInnerStyle: {
               boxShadow: 'none',
               backgroundColor: 'none',
-              borderRadius: 'var(--fcr_cornerradius_l)',
-              minWidth: '302px'
+              borderRadius: 'var(--fcr_cornerradius_l)'
             },
             content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityContent.SecurityContent, {}),
             trigger: "click",
@@ -330,7 +315,7 @@ var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function
         onShareStateNavTransferPosition: handlerShareNavTransferPosition,
         currentPosition: navCurrentPosition,
         onStopShare: handlerStopShare
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_meetingDetailsPortal["default"], {})]
+      })]
     })
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 });

package/lib/fragments/live-streaming/store.d.ts

@@ -1,4 +1,4 @@
-import { FcrLiveStreamingState } from 'fcr-core/lib/type';
+import { FcrLiveStreamingState } from 'agora-edu-core/lib/type';
 export default class LiveStreamingStore {
     accessor videoSteamingUrl: string;
     accessor videoStreamingKey: string;

package/lib/fragments/live-streaming/store.js

@@ -49,7 +49,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _type = require("fcr-core/lib/type");
+var _type = require("agora-edu-core/lib/type");
 var _mobx = require("mobx");
 var _rendererEvent = require("../../utilities/renderer-event");
 var _constant = require("../../utilities/constant");

package/lib/fragments/live-streaming/view.js

@@ -9,13 +9,11 @@ var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _context = require("./context");
 var _container = require("agora-ui-foundation/lib/components/live-streaming/container");
-var _type = require("fcr-core/lib/type");
+var _type = require("agora-edu-core/lib/type");
 require("./index.css");
 var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
-var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var View = exports.View = (0, _mobxReact.observer)(function () {
-  var t = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_context.StoreContext),
     videoSteamingUrl = _useContext.videoSteamingUrl,
     videoStreamingKey = _useContext.videoStreamingKey,
@@ -31,7 +29,7 @@ var View = exports.View = (0, _mobxReact.observer)(function () {
       withWindowPopUpButton: false,
       enableMinimize: false,
       enableMaximize: false,
-      title: t('fmt_live_label_push_platform'),
+      title: "Push the meeting to the specified live platform",
       onClose: closeLiveStreaming
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_container.FcrLiveStreamingContainer, {
       defaultVideoSteamingUrl: videoSteamingUrl,

package/lib/fragments/share-screen-selection/selection-store.d.ts

@@ -1,6 +1,6 @@
 import { AgoraRtcDisplayInfo, AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
 import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
-import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
+import { FcrUserInfo, FcrUserRole } from 'agora-edu-core/lib/type';
 type ScreenCaptureSourceType = Omit<AgoraRtcDisplayInfo, 'image'> & {
     image: React.ReactNode | Uint8Array;
 };

package/lib/fragments/share-screen-selection/selection-store.js

@@ -63,7 +63,7 @@ var _constant = require("../../utilities/constant");
 var _rendererEvent = require("../../utilities/renderer-event");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type2 = require("agora-ui-foundation/lib/components/icon/type");
-var _type3 = require("fcr-core/lib/type");
+var _type3 = require("agora-edu-core/lib/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var _SelectionStore;
 var _initProto, _init_shareWithAudio, _init_currentSelection, _init_currentSelectionType, _init_applicationCaptureSources, _init_localUserRole, _init_boardOwnerUser, _init_localUser, _init_screenCaptureSources, _init_currentShareAudioProcessingChannel, _init_title, _init_localMicrophoneMute, _setDefaultScreenDecs, _setShareAudioProcessingChannelDecs, _setLocalMicrophoneStateDecs, _sendLocalAudioStateEventDecs, _setApplicationCaptureSourcesDecs, _setScreenCaptureSourcesDecs, _handleStartShareDecs, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setLocalUserRoleDecs, _setOwnerUserDecs, _setLocalUserDecs, _ref;

package/lib/fragments/share-screen-selection/view.js

@@ -70,6 +70,8 @@ var _platform = require("../../utilities/platform");
 var _type2 = require("../../type");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _popover = require("agora-ui-foundation/lib/components/popover");
+var _openMicTips = _interopRequireDefault(require("./open-mic-tips"));
 var _jsxRuntime = require("react/jsx-runtime");
 var ShareSelectionWindowType = /*#__PURE__*/function (ShareSelectionWindowType) {
   ShareSelectionWindowType["BASIC"] = "basic";
@@ -224,27 +226,25 @@ var ShareSelection = exports.ShareSelection = (0, _mobxReact.observer)(function
       className: "share-selection-window__footer",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "share-selection-window__footer-action",
-        children: currentSelection.split('-')[0] !== 'whiteboard' &&
-        /*#__PURE__*/
-        // <FcrPopover
-        //   showArrow
-        //   visible={showOpenMicTips}
-        //   overlayInnerStyle={{
-        //     width: '270px',
-        //   }}
-        //   content={
-        //     <OpenMicTips
-        //       onCancel={() => toggleShareWithAudio(false)}
-        //       onOK={openMicAndCloseTips}
-        //     />
-        //   }>
-        (0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
-          shareWithAudio: shareWithAudio,
-          toggleShareWithAudio: toggleShareWithAudio,
-          currentAudioChannel: currentShareAudioProcessingChannel,
-          onSwitchAudioChannel: setShareAudioProcessingChannel
+        children: currentSelection.split('-')[0] !== 'whiteboard' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+          showArrow: true,
+          visible: showOpenMicTips,
+          overlayInnerStyle: {
+            width: '270px'
+          },
+          content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_openMicTips["default"], {
+            onCancel: function onCancel() {
+              return toggleShareWithAudio(false);
+            },
+            onOK: openMicAndCloseTips
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
+            shareWithAudio: shareWithAudio,
+            toggleShareWithAudio: toggleShareWithAudio,
+            currentAudioChannel: currentShareAudioProcessingChannel,
+            onSwitchAudioChannel: setShareAudioProcessingChannel
+          })
         })
-        // </FcrPopover>
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
         disabled: currentSelection.split('-')[0] === 'whiteboard' && !!(boardOwnerUser !== null && boardOwnerUser !== void 0 && boardOwnerUser.userId) || loading,
         type: "primary",

package/lib/fragments/toolbar/components/eraser-picker.js

@@ -14,7 +14,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _store = require("../store");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var EraserPickerItem = exports.EraserPickerItem = (0, _mobxReact.observer)(function (_ref) {
   var offset = _ref.offset;

package/lib/fragments/toolbar/components/pen-picker.js

@@ -18,7 +18,7 @@ var _store = require("../store");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var penIconMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _enums.FcrBoardShape.Curve, _type.FcrIconType.FCR_WHITEBOARD_PED3), _enums.FcrBoardShape.Straight, _type.FcrIconType.FCR_WHITEBOARD_PED2);
 var PenPickerItem = exports.PenPickerItem = (0, _mobxReact.observer)(function (_ref) {

package/lib/fragments/toolbar/components/shape-picker.js

@@ -20,7 +20,7 @@ var _store = require("../store");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _icon = require("agora-ui-foundation/lib/components/icon");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var shapeIconMap = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _enums.FcrBoardShape.Arrow, _type.FcrIconType.FCR_WHITEBOARD_SHAP_ARROW), _enums.FcrBoardShape.Ellipse, _type.FcrIconType.FCR_WHITEBOARD_SHAP_CIRCLE), _enums.FcrBoardShape.Pentagram, _type.FcrIconType.FCR_WHITEBOARD_SHAP_STAR), _enums.FcrBoardShape.Rectangle, _type.FcrIconType.FCR_WHITEBOARD_SHAP_SQUARE), _enums.FcrBoardShape.Rhombus, _type.FcrIconType.FCR_WHITEBOARD_SHAP_REHUMBUS), _enums.FcrBoardShape.Triangle, _type.FcrIconType.FCR_WHITEBOARD_SHAP_TRIANGLE);
 var ShapePickerItem = exports.ShapePickerItem = (0, _mobxReact.observer)(function (_ref) {

package/lib/fragments/toolbar/components/wrapper.js

@@ -11,9 +11,9 @@ require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _store = require("../store");
+var _transferPositionIcon = require("../../control-bar/transfer-position-icon");
 var _reactRnd = require("react-rnd");
 var _mobxReact = require("mobx-react");
-var _transferPositionIcon = require("./transfer-position-icon");
 var _jsxRuntime = require("react/jsx-runtime");
 var DraggleWrapper = exports.DraggleWrapper = (0, _mobxReact.observer)(function (props) {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),

package/lib/fragments/toolbar/hooks.js

@@ -33,7 +33,7 @@ var _store = require("./store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _screenCapturePicker = require("./components/screen-capture-picker");
-var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
+var _enums = require("agora-edu-core/lib/room-control/whiteboard-control/enums");
 var _jsxRuntime = require("react/jsx-runtime");
 var useVisibleTools = exports.useVisibleTools = function useVisibleTools(diraction) {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),

package/lib/fragments/toolbar/store.d.ts

@@ -1,5 +1,5 @@
 import { FcrBoardShape, WhiteboardThemeType } from '../../modules/whiteboard/type';
-import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrBoardToolType } from 'agora-edu-core/lib/room-control/whiteboard-control/enums';
 export declare class ToolbarStore {
     accessor observables: {
         currentTool: FcrBoardToolType | undefined;

package/lib/global.css

@@ -0,0 +1,5 @@
+/* 为所有独立窗口设置透明底色 */
+html,
+body {
+  background: transparent;
+}

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import './global.css';
 export { FcrUISceneCreator } from './creator';
 export { FcrUIExitReason, FcrUserRole, FcrRegion, FcrStreamLatencyLevel } from './type';
 import './plugins/browser-runtime-plugin';

package/lib/index.js

@@ -35,7 +35,7 @@ Object.defineProperty(exports, "FcrUserRole", {
     return _type.FcrUserRole;
   }
 });
-var _mobx = require("mobx");
+require("./global.css");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _duration = _interopRequireDefault(require("dayjs/plugin/duration"));
 var _creator = require("./creator");
@@ -46,7 +46,10 @@ require("./plugins/electron-rtc-plugin");
 require("./plugins/multi-lang-plugin");
 require("./plugins/rtm-plugin");
 require("./plugins/web-rtc-plugin");
-(0, _mobx.configure)({
-  enforceActions: 'always'
-});
+// import { configure } from 'mobx';
+
+// configure({
+//   enforceActions: 'always',
+// });
+
 _dayjs["default"].extend(_duration["default"]);

package/lib/login-confirm-dialog.d.ts

@@ -7,6 +7,7 @@ type LoginConfirmDialogProps = {
     isShowCoutDown?: boolean;
     onConfirm?: () => void;
     showImg?: boolean;
+    imgSrc?: string;
 };
 export declare const LoginConfirmDialog: React.FC<LoginConfirmDialogProps>;
 export {};

package/lib/login-confirm-dialog.js

@@ -32,7 +32,8 @@ var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialo
     isShowCoutDown = _ref.isShowCoutDown,
     onConfirm = _ref.onConfirm,
     _ref$showImg = _ref.showImg,
-    showImg = _ref$showImg === void 0 ? true : _ref$showImg;
+    showImg = _ref$showImg === void 0 ? true : _ref$showImg,
+    imgSrc = _ref.imgSrc;
   var t = (0, _i18n.useI18n)();
   var _useState = (0, _react.useState)(6),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -57,7 +58,11 @@ var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialo
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "login-confirm-dialog-content",
     children: [showImg && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "login-confirm-dialog-img"
+      className: "login-confirm-dialog-img",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: imgSrc,
+        alt: ""
+      })
     }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "login-confirm-dialog-title",
       children: title

package/lib/modules/Interpreter/action/delete-btn/index.d.ts

@@ -1,6 +1,6 @@
-import { InitInterpreterItemModelType } from '../../constant';
+import { InterpreterUserInfoItem } from '../../type';
 import './index.css';
 declare const _default: ({ model }: {
-    model: InitInterpreterItemModelType;
+    model: InterpreterUserInfoItem;
 }) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/modules/Interpreter/action/edit-btn/index.d.ts

@@ -1,4 +1,3 @@
-import './index.css';
 interface EditBtnProps {
 }
 declare const _default: (props: EditBtnProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/modules/Interpreter/action/edit-btn/index.js

@@ -12,18 +12,17 @@ var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _tooltipWrapper = _interopRequireDefault(require("../../tooltip-wrapper"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
-require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var EditBtn = function EditBtn(props) {
   var transI18n = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     openInterpreterState = _useContext.openInterpreterState,
-    interpreterState = _useContext.interpreterState,
+    interpreterOff = _useContext.interpreterOff,
     setInterpreterListEditState = _useContext.setInterpreterListEditState,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     interpreterUsersCheckPass = _useContext.interpreterUsersCheckPass,
     interpreterUsersAllOffLine = _useContext.interpreterUsersAllOffLine;
-  if (!interpreterState) {
+  if (!interpreterOff) {
     return null;
   }
   var handleClick = function handleClick() {
@@ -36,7 +35,6 @@ var EditBtn = function EditBtn(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipWrapper["default"], {
     disabled: disabled,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-      className: "fcr-simultaneous-interpretation__footer-right-set-btn",
       shape: "rounded",
       type: interpreterUsersEditState ? undefined : 'secondary-bordered',
       size: "XS",

package/lib/modules/Interpreter/action/switch-btn/index.css

@@ -0,0 +1,3 @@
+.fcr-interpretation__footer-switch-btn {
+  margin-left: 8px;
+}

package/lib/modules/Interpreter/action/switch-btn/index.d.ts

@@ -1,5 +1,3 @@
-interface SwitchBtnProps {
-    className?: string;
-}
-declare const _default: (props: SwitchBtnProps) => import("react/jsx-runtime").JSX.Element | null;
+import './index.css';
+declare const _default: () => import("react/jsx-runtime").JSX.Element | null;
 export default _default;

package/lib/modules/Interpreter/action/switch-btn/index.js

@@ -12,13 +12,13 @@ var _react = require("react");
 var _mobxReact = require("mobx-react");
 var _tooltipWrapper = _interopRequireDefault(require("../../tooltip-wrapper"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-var SwitchBtn = function SwitchBtn(props) {
-  var className = props.className;
+var SwitchBtn = function SwitchBtn() {
   var transI18n = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     openInterpreterState = _useContext.openInterpreterState,
-    interpreterState = _useContext.interpreterState,
+    interpreterOff = _useContext.interpreterOff,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     interpreterUsersCheckPass = _useContext.interpreterUsersCheckPass,
     closeInterpreterState = _useContext.closeInterpreterState,
@@ -27,9 +27,9 @@ var SwitchBtn = function SwitchBtn(props) {
   if (interpreterUsersEditState) {
     return null;
   }
-  var disabled = !interpreterState && !interpreterUsersCheckPass || (interpreterState ? false : interpreterUsersAllOffLine);
+  var disabled = !interpreterOff && !interpreterUsersCheckPass || (interpreterOff ? false : interpreterUsersAllOffLine);
   var handleClick = function handleClick() {
-    if (interpreterState) {
+    if (interpreterOff) {
       closeInterpreterState();
     } else {
       !disabled && openInterpreterState();
@@ -39,13 +39,13 @@ var SwitchBtn = function SwitchBtn(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipWrapper["default"], {
     disabled: disabled,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-      className: className,
+      className: "fcr-interpretation__footer-switch-btn",
       shape: "rounded",
       size: "XS",
       onClick: handleClick,
-      styleType: interpreterState ? 'danger' : 'normal',
+      styleType: interpreterOff ? 'danger' : 'normal',
       disabled: disabled,
-      children: interpreterState ? transI18n('fmt_interpretation_setting_popup_controller_option_stop_interpretation') : transI18n('fmt_interpretation_setting_popup_controller_option_turn_on_simultaneous')
+      children: interpreterOff ? transI18n('fmt_interpretation_setting_popup_controller_option_stop_interpretation') : transI18n('fmt_interpretation_setting_popup_controller_option_turn_on_simultaneous')
     })
   });
 };

package/lib/modules/Interpreter/dialog-content/index.d.ts

@@ -1,8 +1,8 @@
-import { FcrInterpreterUserInfo } from 'fcr-core/lib/room-control/interpreter-control/types';
+import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import './index.css';
 interface DialogContentType {
     content: string;
-    userInfo: FcrInterpreterUserInfo | null;
+    supportedLanguages?: FcrLanguage[];
 }
 export declare const DialogContent: (props: DialogContentType) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/modules/Interpreter/dialog-content/index.js

@@ -12,22 +12,22 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var DialogContent = exports.DialogContent = function DialogContent(props) {
   var content = props.content,
-    userInfo = props.userInfo;
+    supportedLanguages = props.supportedLanguages;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-interpreter-dialog-content",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "fcr-interpreter-dialog-content-text",
       children: content
-    }), userInfo && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), supportedLanguages && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "fcr-interpreter-dialog-content-language",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pickLanguage.ValueDom, {
-        model: userInfo.sourceLanguage
+        model: supportedLanguages[0]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
         type: _type.FcrIconType.FCR_TRANSLANGUAGE,
         size: 24,
         className: "fcr-interpreter-dialog-content-language-icon"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_pickLanguage.ValueDom, {
-        model: userInfo.targetLanguage
+        model: supportedLanguages[1]
       })]
     })]
   });

package/lib/modules/Interpreter/footer/index.css

@@ -2,9 +2,10 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: fixed;
-  width: calc(100% - 40px);
   height: 56px;
-  bottom: 0;
   background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  padding: 0px 20px 0px;
 }

package/lib/modules/Interpreter/index.d.ts

@@ -1,23 +1,15 @@
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
-import { FcrInterpreterControl } from 'fcr-core/lib/room-control/interpreter-control/types';
-import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
-import './index.css';
-import { FcrDeviceStore } from '../../common/device-store';
-import { FcrRoomStore } from '../../common/room-store';
-import { FcrDeviceStreamStore } from '../../common/device-stream-store';
-import { FcrSecurityStore } from '../../common/security-store';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIInterpreterProvider } from '../../providers/interpreter-provider';
+import { FcrUIMainRoomControlProvider } from '../../providers/room-provider';
+import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
 export declare class InterpreterUIModule extends UIModule {
-    private _store;
-    constructor({ roomControl, interpreterControl, uiEventStore, deviceStore, roomStore, deviceStreamStore, securityStore, }: {
-        uiEventStore: FcrUIEventStore;
-        roomControl: FcrMainRoomControl;
-        interpreterControl: FcrInterpreterControl;
-        deviceStore: FcrDeviceStore;
-        roomStore: FcrRoomStore;
-        deviceStreamStore: FcrDeviceStreamStore;
-        securityStore: FcrSecurityStore;
-    });
+    private _store?;
+    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
+    eventProvider?: FcrUIEventProvider;
+    interpreterProvider?: FcrUIInterpreterProvider;
+    sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
+    onNodeWillActive(): void;
+    nodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
-    protected onUnload(): void;
 }

package/lib/modules/Interpreter/index.js

@@ -45,6 +45,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InterpreterUIModule = void 0;
+require("core-js/modules/es.array.concat.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -56,7 +57,6 @@ var _decorator = require("agora-foundation/lib/decorator");
 var _base = require("../../base");
 var _view = require("./view");
 var _store = _interopRequireWildcard(require("./store"));
-require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 var _InterpreterUIModule;
 var _initProto;
@@ -70,31 +70,35 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
 var InterpreterUIModule = exports.InterpreterUIModule = /*#__PURE__*/function (_UIModule) {
-  function InterpreterUIModule(_ref) {
+  function InterpreterUIModule() {
     var _this;
-    var roomControl = _ref.roomControl,
-      interpreterControl = _ref.interpreterControl,
-      uiEventStore = _ref.uiEventStore,
-      deviceStore = _ref.deviceStore,
-      roomStore = _ref.roomStore,
-      deviceStreamStore = _ref.deviceStreamStore,
-      securityStore = _ref.securityStore;
     (0, _classCallCheck2["default"])(this, InterpreterUIModule);
-    _this = _callSuper(this, InterpreterUIModule);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, InterpreterUIModule, [].concat(args));
     (0, _defineProperty2["default"])(_this, "_store", void _initProto(_this));
-    _this._store = new _store["default"]({
-      roomControl: roomControl,
-      interpreterControl: interpreterControl,
-      uiEventStore: uiEventStore,
-      deviceStore: deviceStore,
-      roomStore: roomStore,
-      deviceStreamStore: deviceStreamStore,
-      securityStore: securityStore
-    });
     return _this;
   }
   (0, _inherits2["default"])(InterpreterUIModule, _UIModule);
   return (0, _createClass2["default"])(InterpreterUIModule, [{
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      var _this$mainRoomControl;
+      this._store = new _store["default"]({
+        mainRoomControl: (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.mainRoomControl,
+        eventProvider: this.eventProvider,
+        interpreterProvider: this.interpreterProvider,
+        sharedInterpreterDataSource: this.sharedInterpreterDataSource
+      });
+    }
+  }, {
+    key: "nodeWillInactive",
+    value: function nodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+    }
+  }, {
     key: "getComponent",
     value: function getComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
@@ -102,11 +106,6 @@ var InterpreterUIModule = exports.InterpreterUIModule = /*#__PURE__*/function (_
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.InterpreterView, {})
       });
     }
-  }, {
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
-    }
   }]);
 }(_base.UIModule);
 _InterpreterUIModule = InterpreterUIModule;

package/lib/modules/Interpreter/interpreter-list/index.css

@@ -1,4 +1,8 @@
 /* 设置滚动容器 */
 .fcr-simultaneous-interpretation__interpreter-list-container {
-  padding-bottom: 98px;
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  height: 100%;
+  padding: 5px 20px 85px;
 }

package/lib/modules/Interpreter/interpreter-list/index.d.ts

@@ -1,6 +1,7 @@
 import './index.css';
 interface InterpreterListProps {
     isShowAddBtn: boolean;
+    refDom: React.MutableRefObject<HTMLDivElement | null>;
 }
 declare const _default: (props: InterpreterListProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;