fcr-ui-scene 3.4.1 → 3.4.3

package/lib/modules/event-confirm/store.js

@@ -16,7 +16,6 @@ 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/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.symbol.metadata.js");
@@ -35,8 +34,6 @@ require("core-js/modules/es.map.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.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -86,14 +83,19 @@ _ref = (_addConfirmDecs = [_mobx.action, _mobx.action.bound], _handleConfirmEven
 var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
   function CconfirmStore(_ref2) {
     var _this = this;
-    var uiEventStore = _ref2.uiEventStore;
+    var uiEventStore = _ref2.uiEventStore,
+      dialogProvider = _ref2.dialogProvider;
     (0, _classCallCheck2["default"])(this, CconfirmStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    _classPrivateFieldInitSpec(this, _A, _init_confirms(this, new Map()));
-    uiEventStore.addObserver({
+    (0, _defineProperty2["default"])(this, "_handleConfirmEventObserver", {
       onEvent: this._handleConfirmEvent.bind(this)
     });
+    _classPrivateFieldInitSpec(this, _A, _init_confirms(this, new Map()));
+    this._uiEventProvider = uiEventStore;
+    this._dialogProvider = dialogProvider;
+    this._uiEventProvider.addObserver(this._handleConfirmEventObserver);
+    this._dialogProvider.addObserver(this._handleConfirmEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.confirmList;
     }, function () {
@@ -134,7 +136,9 @@ var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
           }),
           timer: params.duration ? function () {
             var timer = setTimeout(function () {
-              _this2.confirms["delete"](dialogId);
+              (0, _mobx.runInAction)(function () {
+                _this2.confirms["delete"](dialogId);
+              });
               clearTimeout(timer);
             }, params.duration || 3000);
           } : undefined
@@ -148,16 +152,18 @@ var CconfirmStore = exports["default"] = /*#__PURE__*/function () {
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
+      this._dialogProvider.removeObserver(this._handleConfirmEventObserver);
+      this._uiEventProvider.removeObserver(this._handleConfirmEventObserver);
     }
   }, {
     key: "_handleConfirmEvent",
     value: function _handleConfirmEvent(action, payload) {
-      if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.DialogKey.CONFIRM) {
+      if ((payload === null || payload === void 0 ? void 0 : payload.dialogKey) === _constant.FcrUIDialogKey.CONFIRM) {
         switch (action) {
-          case _constant.UIAction.OPEN_DIALOG:
+          case _constant.FcrUIAction.OPEN_DIALOG:
             this.addConfirm(payload);
             break;
-          case _constant.UIAction.CLOSE_DIALOG:
+          case _constant.FcrUIAction.CLOSE_DIALOG:
             this.confirms["delete"](payload.dialogId);
             break;
         }

package/lib/modules/event-confirm/view.js

@@ -9,10 +9,6 @@ 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.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.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");
@@ -22,7 +18,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.View = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -37,6 +34,8 @@ var _react2 = require("@use-gesture/react");
 var _env = require("agora-foundation/lib/utilities/env");
 var _tools = require("../../utilities/tools");
 var _platform = require("../../utilities/platform");
+var _dialogs = require("../dialog/dialogs");
+var _constant = require("../../utilities/constant");
 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; }
@@ -82,7 +81,9 @@ var ConfirmWindow = (0, _mobxReact.observer)(function (_ref2) {
     width: window.innerWidth,
     height: window.innerHeight
   };
-  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint(mainWindowBounds).bounds : {
+  var controlbar = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.CONTROL_BAR);
+  var nearDisplay = (0, _env.isElectron)() ? window.runtime.screen.getDisplayNearestPoint((controlbar === null || controlbar === void 0 ? void 0 : controlbar.getBounds()) || mainWindowBounds).bounds // 如果有 controlbar，就以 controlbar 的位置展示 confirm
+  : {
     x: 0,
     y: 0,
     width: window.innerWidth,

package/lib/modules/event-toast/index.d.ts

@@ -1,10 +1,11 @@
 import { UIModule } from '../../base';
-import { FcrUIEventStore } from '../../common/event-store';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
 export declare class EventToastUIModule extends UIModule {
-    private _store;
-    constructor(args: {
-        uiEventStore: FcrUIEventStore;
-    });
-    protected onUnload(): void;
+    private _store?;
+    eventProvider?: FcrUIEventProvider;
+    messageProvider?: FcrUIMessageProvider;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
     getComponent(type: 'global' | 'local'): JSX.Element;
 }

package/lib/modules/event-toast/index.js

@@ -30,22 +30,33 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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 EventToastUIModule = exports.EventToastUIModule = /*#__PURE__*/function (_UIModule) {
-  function EventToastUIModule(args) {
-    var _this;
+  function EventToastUIModule() {
     (0, _classCallCheck2["default"])(this, EventToastUIModule);
-    _this = _callSuper(this, EventToastUIModule);
-    _this._store = new _store["default"](args);
-    return _this;
+    return _callSuper(this, EventToastUIModule, arguments);
   }
   (0, _inherits2["default"])(EventToastUIModule, _UIModule);
   return (0, _createClass2["default"])(EventToastUIModule, [{
-    key: "onUnload",
-    value: function onUnload() {
-      this._store.release();
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      if (this.eventProvider && this.messageProvider) {
+        this._store = new _store["default"]({
+          uiEventStore: this.eventProvider,
+          messageProvider: this.messageProvider
+        });
+      }
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
     }
   }, {
     key: "getComponent",
     value: function getComponent(type) {
+      if (!this._store) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+      }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {

package/lib/modules/event-toast/store.d.ts

@@ -1,5 +1,6 @@
-import { FcrUIEventStore } from '../../common/event-store';
 import { ToastType } from 'agora-ui-foundation/lib/components/toast';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
 type ToastProps = {
     type: ToastType;
     content: string;
@@ -9,10 +10,14 @@ type ToastProps = {
 export default class ToastStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
+    private _toastEventObserver;
+    private _uiEventProvider;
+    private _messageProvider;
     accessor toasts: Map<string, () => void>;
     get toastsList(): any[];
-    constructor({ uiEventStore }: {
-        uiEventStore: FcrUIEventStore;
+    constructor({ uiEventStore, messageProvider, }: {
+        uiEventStore: FcrUIEventProvider;
+        messageProvider: FcrUIMessageProvider;
     });
     addToast(toast: ToastProps): void;
     release(): void;

package/lib/modules/event-toast/store.js

@@ -33,8 +33,6 @@ 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.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -85,14 +83,19 @@ _ref = (_addToastDecs = [_mobx.action, _mobx.action.bound], _handleToastEventDec
 var ToastStore = exports["default"] = /*#__PURE__*/function () {
   function ToastStore(_ref2) {
     var _this = this;
-    var uiEventStore = _ref2.uiEventStore;
+    var uiEventStore = _ref2.uiEventStore,
+      messageProvider = _ref2.messageProvider;
     (0, _classCallCheck2["default"])(this, ToastStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    _classPrivateFieldInitSpec(this, _A, _init_toasts(this, new Map()));
-    uiEventStore.addObserver({
+    (0, _defineProperty2["default"])(this, "_toastEventObserver", {
       onEvent: this._handleToastEvent.bind(this)
     });
+    _classPrivateFieldInitSpec(this, _A, _init_toasts(this, new Map()));
+    this._messageProvider = messageProvider;
+    this._uiEventProvider = uiEventStore;
+    this._uiEventProvider.addObserver(this._toastEventObserver);
+    this._messageProvider.addObserver(this._toastEventObserver);
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.toastsList;
     }, function () {
@@ -125,7 +128,9 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
       if (!this.toasts.get(toastKey)) {
         this.toasts.set(toastKey, function () {
           var timer = setTimeout(function () {
-            _this2.toasts["delete"](toastKey);
+            (0, _mobx.runInAction)(function () {
+              _this2.toasts["delete"](toastKey);
+            });
             clearTimeout(timer);
           }, toast.duration || 3000);
         });
@@ -138,11 +143,13 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
+      this._messageProvider.removeObserver(this._toastEventObserver);
+      this._uiEventProvider.removeObserver(this._toastEventObserver);
     }
   }, {
     key: "_handleToastEvent",
     value: function _handleToastEvent(action, params) {
-      if (action === _constant.UIAction.SHOW_TOAST) {
+      if (action === _constant.FcrUIAction.SHOW_TOAST) {
         var _params$duration;
         _toast.FcrToastApi.open({
           id: params === null || params === void 0 ? void 0 : params.id,
@@ -154,7 +161,7 @@ var ToastStore = exports["default"] = /*#__PURE__*/function () {
           duration: (_params$duration = params.duration) !== null && _params$duration !== void 0 ? _params$duration : 3000
         });
       }
-      if (action === _constant.UIAction.OPEN_DIALOG && params.dialogKey === _constant.DialogKey.SHOW_TOAST) {
+      if (action === _constant.FcrUIAction.OPEN_DIALOG && params.dialogKey === _constant.FcrUIDialogKey.SHOW_TOAST) {
         var _params$params = params.params,
           _params$params$type = _params$params.type,
           type = _params$params$type === void 0 ? 'info' : _params$params$type,

package/lib/modules/event-toast/view.js

@@ -9,7 +9,8 @@ exports.View = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _toast = require("agora-ui-foundation/lib/components/toast");
 var _mobxReact = require("mobx-react");

package/lib/modules/{Interpreter → interpreter}/action/delete-btn/index.d.ts

@@ -1,6 +1,6 @@
-import { InitInterpreterItemModelType } from '../../type';
+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 → interpreter}/action/edit-btn/index.js

@@ -17,12 +17,12 @@ 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() {

package/lib/modules/{Interpreter → interpreter}/action/switch-btn/index.js

@@ -18,7 +18,7 @@ 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() {
   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();
@@ -43,9 +43,9 @@ var SwitchBtn = function SwitchBtn() {
       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 → interpreter}/constant.d.ts

@@ -49,7 +49,3 @@ export declare const updateOutputLanguageList: ({ outputLanguageList, language,
     language: FcrLanguage;
     open: boolean;
 }) => OptionsType[];
-export declare const retryTask: (task: Function, _retryTask: {
-    timerId: NodeJS.Timeout | null;
-    isAllowRetry: boolean;
-}, delay?: number) => Promise<any>;

package/lib/modules/{Interpreter → interpreter}/constant.js

@@ -9,6 +9,7 @@ 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.async-iterator.filter.js");
 require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -19,16 +20,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateOutputLanguageList = exports.retryTask = exports.initInterpreterItemModel = exports.UpdateType = exports.CLOSE_ALL = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+exports.updateOutputLanguageList = exports.initInterpreterItemModel = exports.UpdateType = exports.CLOSE_ALL = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.promise.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/web.timers.js");
 var _switchInputLanguageRoom = require("../action-bar/switch-input-language-room");
 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; }
@@ -59,42 +55,4 @@ var updateOutputLanguageList = exports.updateOutputLanguageList = function updat
       return ele;
     }
   });
-};
-var _retryTask2 = exports.retryTask = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(task, _retryTask) {
-    var delay,
-      _args = arguments;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          delay = _args.length > 2 && _args[2] !== undefined ? _args[2] : 1000;
-          _context.prev = 1;
-          _context.next = 4;
-          return task();
-        case 4:
-          return _context.abrupt("return", _context.sent);
-        case 7:
-          _context.prev = 7;
-          _context.t0 = _context["catch"](1);
-          _retryTask.isAllowRetry = true;
-          _context.next = 12;
-          return new Promise(function (resolve) {
-            _retryTask.timerId = setTimeout(resolve, delay);
-          });
-        case 12:
-          if (!_retryTask.isAllowRetry) {
-            _context.next = 15;
-            break;
-          }
-          _context.next = 15;
-          return _retryTask2(task, _retryTask, delay);
-        case 15:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[1, 7]]);
-  }));
-  return function retryTask(_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
+};

package/lib/modules/{Interpreter → 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 → 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/index.d.ts

@@ -0,0 +1,15 @@
+import { UIModule } from '../../base';
+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?;
+    mainRoomControlProvider?: FcrUIMainRoomControlProvider;
+    eventProvider?: FcrUIEventProvider;
+    interpreterProvider?: FcrUIInterpreterProvider;
+    sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
+    onNodeWillActive(): void;
+    nodeWillInactive(): void;
+    getComponent(): import("react/jsx-runtime").JSX.Element;
+}

package/lib/modules/{Interpreter → 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"));
@@ -69,16 +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(args) {
+  function InterpreterUIModule() {
     var _this;
     (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"](args);
     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, {
@@ -86,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}/interpreter-list/index.js

@@ -3,7 +3,6 @@
 require("core-js/modules/es.array.iterator.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.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -16,7 +15,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _mobxReact = require("mobx-react");

package/lib/modules/{Interpreter → interpreter}/interpreter-list/interpreter-item/components/pick-language/index.d.ts

@@ -1,6 +1,6 @@
 import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import './index.css';
-import { InitInterpreterItemModelType } from '../../../../type';
+import { InterpreterUserInfoItem } from '../../../../type';
 export declare const OptionItem: (props: {
     model: FcrLanguage;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -8,7 +8,7 @@ export declare const ValueDom: (props: {
     model: FcrLanguage;
 }) => import("react/jsx-runtime").JSX.Element;
 interface PickLanguageProps {
-    model: InitInterpreterItemModelType;
+    model: InterpreterUserInfoItem;
 }
 declare const _default: (props: PickLanguageProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/modules/{Interpreter → interpreter}/interpreter-list/interpreter-item/components/pick-language/index.js

@@ -9,10 +9,6 @@ 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.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.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");
@@ -24,7 +20,8 @@ exports["default"] = exports.ValueDom = exports.OptionItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.name.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -84,7 +81,7 @@ var PickLanguage = function PickLanguage(props) {
   var transI18n = (0, _i18n.useI18n)();
   var _useContext = (0, _react.useContext)(_store.StoreContext),
     updateInterpreterUsers = _useContext.updateInterpreterUsers,
-    interpreterState = _useContext.interpreterState,
+    interpreterOff = _useContext.interpreterOff,
     interpreterUsersEditState = _useContext.interpreterUsersEditState,
     languageList = _useContext.languageList;
   var handleChange = function handleChange(data) {
@@ -136,7 +133,7 @@ var PickLanguage = function PickLanguage(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
       className: "fcr-simultaneous-interpretation__pick-Language-container-select",
       options: targetOptions,
-      disabled: !interpreterUsersEditState && interpreterState,
+      disabled: !interpreterUsersEditState && interpreterOff,
       value: targetValue,
       showSearch: true,
       onChange: function onChange(value) {
@@ -172,7 +169,7 @@ var PickLanguage = function PickLanguage(props) {
       placeholder: transI18n('fmt_interpretation_setting_popup_controller_labe_source_language') // 请选择设备
       ,
       styleType: "white",
-      disabled: !interpreterUsersEditState && interpreterState
+      disabled: !interpreterUsersEditState && interpreterOff
     })]
   });
 };

package/lib/modules/{Interpreter → interpreter}/interpreter-list/interpreter-item/components/pick-language/useLanguageConfig/index.js

@@ -7,7 +7,6 @@ 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/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -17,7 +16,6 @@ exports.useLanguageConfig = exports.baseLanguageConfig = void 0;
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");