fcr-ui-scene 3.3.0 → 3.3.1

package/lib/modules/action-bar/switch-output-language-room/notification-bar/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationBar = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+require("./index.css");
+var _interpreter = _interopRequireDefault(require("./components/interpreter"));
+var _virtualImage = _interopRequireDefault(require("./components/virtual-image"));
+var _context = require("../../context");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var NotificationBar = exports.NotificationBar = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_context.ActionBarContext),
+    openInterpreterDialog = _useContext.openInterpreterDialog,
+    users = _useContext.users,
+    interpreterUsers = _useContext.interpreterUsers;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showNotification = _useState2[0],
+    setShowNotification = _useState2[1];
+  var shareScreenBarRef = (0, _react.useRef)(null);
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    interpreterOffline = _useState4[0],
+    setInterpreterOffline = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    reEnterInterperter = _useState6[0],
+    setReEnterInterperter = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var offline = (interpreterUsers === null || interpreterUsers === void 0 ? void 0 : interpreterUsers.filter(function (user) {
+      return !users.map(function (u) {
+        return u.userId;
+      }).includes(user.userId);
+    })) || [];
+    setInterpreterOffline(offline);
+    if (offline.length > 0) {
+      setShowNotification(true);
+    }
+  }, [users, interpreterUsers]);
+  (0, _react.useEffect)(function () {
+    var reEnter = (interpreterOffline === null || interpreterOffline === void 0 ? void 0 : interpreterOffline.filter(function (user) {
+      return users.map(function (u) {
+        return u.userId;
+      }).includes(user.userId);
+    })) || [];
+    setReEnterInterperter(reEnter);
+  }, [users]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "notification-bar",
+    ref: shareScreenBarRef,
+    children: [showNotification && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreter["default"], {
+      offline: interpreterOffline,
+      reenter: reEnterInterperter,
+      onClose: function onClose() {
+        return setShowNotification(!showNotification);
+      },
+      onAssign: function onAssign() {
+        openInterpreterDialog();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_virtualImage["default"], {
+      onClick: function onClick() {
+        return setShowNotification(!showNotification);
+      }
+    })]
+  });
+});

package/lib/modules/dialog/components/Interpreter/electron.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const InterpreterElectronDialog: ({ children }: PropsWithChildren<{}>) => null;

package/lib/modules/dialog/components/Interpreter/electron.js

@@ -0,0 +1,72 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InterpreterElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context = require("../../context");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _constant = require("../../../../utilities/constant");
+var _dialogs = require("../../dialogs");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _jsxRuntime = require("react/jsx-runtime");
+var InterpreterElectronDialog = exports.InterpreterElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var t = (0, _i18n.useI18n)();
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('interpreter-setting', function (dom, browserWindow) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.INTERPRETER, browserWindow);
+      node = dom;
+      if (store.currentDialogBounds.height) {
+        (0, _dialogs.setDialogBounds)(browserWindow, {
+          y: store.currentDialogBounds.y
+        });
+      }
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.dialogWindows["delete"](_constant.DialogKey.INTERPRETER);
+        store.closeInterpreterDialog();
+      });
+      var handleCloseClick = function handleCloseClick() {
+        store.closeInterpreterDialog();
+      };
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-dialog-wrapper",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+          showClose: true,
+          title: t('fmt_modules_labels_simultaneous_interpretation'),
+          onClose: handleCloseClick,
+          type: _windowHeader.WindowType.WINDOW,
+          withWindowPopUpButton: false
+        }), children]
+      }), dom);
+    }, {
+      frame: false,
+      fullscreen: false,
+      maximizable: false,
+      // titleBarStyle: 'hidden',
+      trafficLightPosition: {
+        x: 10,
+        y: 60
+      },
+      width: 580,
+      height: 600,
+      minWidth: 580,
+      minHeight: 600,
+      maxWidth: 670,
+      maxHeight: 800
+    });
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('interpreter-setting');
+    };
+  }, []);
+  return null;
+});

package/lib/modules/dialog/components/Interpreter/index.css

@@ -0,0 +1,30 @@
+.fcr-simultaneous-interpretation-dialog-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: 16px;
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings {
+  cursor: move;
+  height: calc(100% - 46px);
+}
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import './index.css';
+declare const InterpreterDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export default InterpreterDialog;

package/lib/modules/dialog/components/Interpreter/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _env = require("agora-foundation/lib/utilities/env");
+var _electron = require("./electron");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactRnd = require("react-rnd");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _context = require("../../context");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var InterpreterDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var containerRef = (0, _react.useRef)(null);
+  var windowWidth = window.innerWidth;
+  var windowHeight = window.innerHeight;
+  var width = 506;
+  var height = 434;
+  var x = windowWidth / 2 - width / 2;
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.InterpreterElectronDialog, {
+      children: children
+    });
+  }
+  function handleCloseClick() {
+    store.closeInterpreterDialog();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+    "default": {
+      x: x,
+      y: windowHeight / 2 - height / 2,
+      width: width,
+      height: height
+    },
+    ref: containerRef,
+    bounds: '.fcr-layout-content',
+    minWidth: width,
+    minHeight: height,
+    dragHandleClassName: "frc-window-header",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-simultaneous-interpretation-dialog-wrapper",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+        showClose: true,
+        title: t('fmt_modules_labels_simultaneous_interpretation'),
+        onClose: handleCloseClick,
+        type: _windowHeader.WindowType.WINDOW,
+        withWindowPopUpButton: false
+        // otherActionsAfter={<UserQueue />}
+      }), children]
+    })
+  });
+});
+var _default = exports["default"] = InterpreterDialog;

package/lib/modules/dialog/components/Interpreter/user-queue/index.css

@@ -0,0 +1,36 @@
+.fcr-simultaneous-interpretation-user-queue,
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last__bg,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  width: 28px;
+  height: 28px;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+
+  border-radius: 50%;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(1) {
+  transform: translateX(50%);
+  z-index: 999;
+}
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(2) {
+  transform: translateX(25%);
+  z-index: 998;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container-last__bg {
+  z-index: 997;
+  background: var(--fcr_mobile_ui_scene_fill1);
+  border-radius: 14px;
+  padding-right: 8px;
+}
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  margin-right: 2px;
+}

package/lib/modules/dialog/components/Interpreter/user-queue/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const UserQueue: () => import("react/jsx-runtime").JSX.Element;
+export default UserQueue;

package/lib/modules/dialog/components/Interpreter/user-queue/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var UserQueue = function UserQueue() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    trigger: "click",
+    content: 'xxx等21人可能正在设置该功能',
+    placement: 'top',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-simultaneous-interpretation-user-queue",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name1',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name2',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container-last__bg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-simultaneous-interpretation-user-queue-container-last",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+            size: 24,
+            nickName: 'name2',
+            textSize: 12
+          })
+        }), "21"]
+      })]
+    })
+  });
+};
+var _default = exports["default"] = UserQueue;

package/lib/modules/dialog/components/switch-language-channels/electron.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const DeviceSettingElectronDialog: ({ children }: PropsWithChildren<{}>) => null;

package/lib/modules/dialog/components/switch-language-channels/electron.js

@@ -0,0 +1,72 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeviceSettingElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context = require("../../context");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _constant = require("../../../../utilities/constant");
+var _dialogs = require("../../dialogs");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _jsxRuntime = require("react/jsx-runtime");
+var DeviceSettingElectronDialog = exports.DeviceSettingElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var t = (0, _i18n.useI18n)();
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('simultaneous-interpretation', function (dom, browserWindow) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.DEVICE_SETTINGS, browserWindow);
+      node = dom;
+      if (store.currentDialogBounds.height) {
+        (0, _dialogs.setDialogBounds)(browserWindow, {
+          y: store.currentDialogBounds.y
+        });
+      }
+      (0, _renderer.handleWillClose)(browserWindow, function () {
+        (0, _reactDom.unmountComponentAtNode)(node);
+        _dialogs.dialogWindows["delete"](_constant.DialogKey.DEVICE_SETTINGS);
+        store.closeInterpreterDialog();
+      });
+      var handleCloseClick = function handleCloseClick() {
+        store.closeInterpreterDialog();
+      };
+      (0, _reactDom.render)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-dialog-wrapper",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+          showClose: true,
+          title: t('fmt_modules_labels_simultaneous_interpretation'),
+          onClose: handleCloseClick,
+          type: _windowHeader.WindowType.WINDOW,
+          withWindowPopUpButton: false
+        }), children]
+      }), dom);
+    }, {
+      frame: false,
+      fullscreen: false,
+      maximizable: false,
+      // titleBarStyle: 'hidden',
+      trafficLightPosition: {
+        x: 10,
+        y: 60
+      },
+      width: 580,
+      height: 600,
+      minWidth: 580,
+      minHeight: 600,
+      maxWidth: 670,
+      maxHeight: 800
+    });
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('simultaneous-interpretation');
+    };
+  }, []);
+  return null;
+});

package/lib/modules/dialog/components/switch-language-channels/index.css

@@ -0,0 +1,30 @@
+.fcr-simultaneous-interpretation-dialog-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: 16px;
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings {
+  cursor: move;
+  height: calc(100% - 46px);
+}
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}

package/lib/modules/dialog/components/switch-language-channels/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import './index.css';
+declare const DeviceSettingDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export default DeviceSettingDialog;

package/lib/modules/dialog/components/switch-language-channels/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _env = require("agora-foundation/lib/utilities/env");
+var _electron = require("./electron");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _reactRnd = require("react-rnd");
+var _windowHeader = require("agora-ui-foundation/lib/components/window-header");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _context = require("../../context");
+var _userQueue = _interopRequireDefault(require("./user-queue"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var DeviceSettingDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children;
+  var t = (0, _i18n.useI18n)();
+  var store = (0, _react.useContext)(_context.StoreContext);
+  var containerRef = (0, _react.useRef)(null);
+  var windowWidth = window.innerWidth;
+  var windowHeight = window.innerHeight;
+  var width = 506;
+  var height = 434;
+  var x = windowWidth / 2 - width / 2;
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_electron.DeviceSettingElectronDialog, {
+      children: children
+    });
+  }
+  function handleCloseClick() {
+    store.closeInterpreterDialog();
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
+    "default": {
+      x: x,
+      y: windowHeight / 2 - height / 2,
+      width: width,
+      height: height
+    },
+    ref: containerRef,
+    bounds: '.fcr-layout-content',
+    minWidth: width,
+    minHeight: height,
+    dragHandleClassName: "frc-window-header",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-simultaneous-interpretation-dialog-wrapper",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_windowHeader.FcrWindowHeader, {
+        showClose: true,
+        title: t('fmt_modules_labels_simultaneous_interpretation'),
+        onClose: handleCloseClick,
+        type: _windowHeader.WindowType.WINDOW,
+        withWindowPopUpButton: false,
+        otherActionsAfter: /*#__PURE__*/(0, _jsxRuntime.jsx)(_userQueue["default"], {})
+      }), children]
+    })
+  });
+});
+var _default = exports["default"] = DeviceSettingDialog;

package/lib/modules/dialog/components/switch-language-channels/user-queue/index.css

@@ -0,0 +1,36 @@
+.fcr-simultaneous-interpretation-user-queue,
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last__bg,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container,
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  width: 28px;
+  height: 28px;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+
+  border-radius: 50%;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(1) {
+  transform: translateX(50%);
+  z-index: 999;
+}
+.fcr-simultaneous-interpretation-user-queue-container:nth-child(2) {
+  transform: translateX(25%);
+  z-index: 998;
+}
+
+.fcr-simultaneous-interpretation-user-queue-container-last__bg {
+  z-index: 997;
+  background: var(--fcr_mobile_ui_scene_fill1);
+  border-radius: 14px;
+  padding-right: 8px;
+}
+.fcr-simultaneous-interpretation-user-queue-container-last {
+  margin-right: 2px;
+}

package/lib/modules/dialog/components/switch-language-channels/user-queue/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const UserQueue: () => import("react/jsx-runtime").JSX.Element;
+export default UserQueue;

package/lib/modules/dialog/components/switch-language-channels/user-queue/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var UserQueue = function UserQueue() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+    trigger: "click",
+    content: 'xxx等21人可能正在设置该功能',
+    placement: 'top',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-simultaneous-interpretation-user-queue",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name1',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          size: 24,
+          nickName: 'name2',
+          textSize: 12
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-simultaneous-interpretation-user-queue-container-last__bg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-simultaneous-interpretation-user-queue-container-last",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+            size: 24,
+            nickName: 'name2',
+            textSize: 12
+          })
+        }), "21"]
+      })]
+    })
+  });
+};
+var _default = exports["default"] = UserQueue;

package/lib/modules/notification/context.d.ts

@@ -0,0 +1,2 @@
+import NotificationStore from './store';
+export declare const StoreContext: import("react").Context<NotificationStore>;

package/lib/modules/notification/context.js

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