fcr-ui-scene 3.3.0 → 3.3.1

package/lib/modules/Interpreter/loading-wrapper/index.css

@@ -0,0 +1,53 @@
+.loading-wrapper {
+  position: relative;
+  /* width: 120px;
+    height: 40px; */
+  /* border: none; */
+  /* border-radius: 4px; */
+  /* background-color: #28a745; */
+  /* color: white; */
+  /* cursor: pointer; */
+}
+
+.loading-wrapper-btn {
+  position: relative;
+  z-index: 1;
+}
+
+.loading-wrapper-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+  z-index: 999;
+  display: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.loading-wrapper-loading-icon {
+  width: 20px;
+  height: 20px;
+  border: 2px solid white;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* 当按钮处于加载等状态时添加'is-loading'类来显示蒙层和图标 */
+/* .btn-with-icon.is-loading.btn-mask {
+    display: flex;
+} */

package/lib/modules/Interpreter/loading-wrapper/index.d.ts

@@ -0,0 +1,6 @@
+import './index.css';
+export declare const LoadingWrapper: (props: {
+    children: React.ReactNode;
+    maskClassName?: string;
+    loading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/Interpreter/loading-wrapper/index.js

@@ -0,0 +1,28 @@
+"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.LoadingWrapper = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var LoadingWrapper = exports.LoadingWrapper = function LoadingWrapper(props) {
+  var children = props.children,
+    maskClassName = props.maskClassName,
+    loading = props.loading;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "loading-wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "loading-wrapper-btn",
+      children: children
+    }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames["default"])('loading-wrapper-mask', maskClassName),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+        className: (0, _classnames["default"])('loading-wrapper-loading-icon', 'is-loading')
+      })
+    })]
+  });
+};

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

@@ -0,0 +1,82 @@
+import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrInterpreterControl, FcrInterpreterState, FcrInterpreterUserInfo, FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
+import { FcrUserInfo } from 'fcr-core/lib/type';
+import { FcrUserJoinedEvent } from 'fcr-core/lib/room-control/user-control/type';
+import { FcrUIEventStore } from '../../common/event-store';
+import { FcrDeviceStore } from '../../common/device-store';
+import { FcrRoomStore } from '../../common/room-store';
+import { initInterpreterItemModel, UpdateType, LanguageRoomType, ChangeInputLanguageParams, ChangeOutputLanguageParams } from './constant';
+import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+export default class InterpreterStore {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _deviceStreamStore;
+    private _currentDialogId;
+    private _interpreterControl;
+    private _uiEventStore;
+    private _mainRoomControl;
+    private _deviceStore;
+    private _roomStore;
+    private _uiEvents;
+    accessor isScroll: boolean;
+    accessor _languageRoomList: LanguageRoomType[] | undefined;
+    accessor localInterpreterUsers: Array<typeof initInterpreterItemModel>;
+    accessor storeLocalUser: FcrUserInfo;
+    accessor interpreterUsersEditState: boolean;
+    accessor initUsers: Array<FcrUserInfo & {
+        isOffLine: boolean;
+    }>;
+    get interpreterState(): boolean;
+    get interpreterUsersCheckPass(): boolean;
+    get interpreterUsersAllOffLine(): boolean;
+    get languageList(): FcrLanguage[];
+    constructor({ roomControl, interpreterControl, uiEventStore, deviceStore, roomStore, deviceStreamStore, }: {
+        roomControl: FcrMainRoomControl;
+        interpreterControl: FcrInterpreterControl;
+        uiEventStore: FcrUIEventStore;
+        deviceStore: FcrDeviceStore;
+        roomStore: FcrRoomStore;
+        deviceStreamStore: FcrDeviceStreamStore;
+    });
+    getInitUsers(): void;
+    updateUsers({ roomId, events }: {
+        roomId: string;
+        events: FcrUserJoinedEvent[];
+    }, type: UpdateType): void;
+    openInterpreterState(): void;
+    closeInterpreterState(): void;
+    setInterpreterListEditState(): void;
+    addInterpreterUsers(): void;
+    deleteInterpreterUsers(data: typeof initInterpreterItemModel): void;
+    updateInterpreterUsers(data: typeof initInterpreterItemModel): void;
+    queryInterpreterUsers(): void;
+    updateInterpreterRoomStatus(executeRoomList: LanguageRoomType[]): Promise<void>;
+    restoreVolumeByMainRoom(roomId: string, intervalId: NodeJS.Timeout | null): void;
+    updateCancelRoomLstStatus(): Promise<void>;
+    changeMainRoomStream(closeOrgSound: boolean): Promise<void>;
+    clonseInterpreterRoomInput(executeRoomList: LanguageRoomType[]): Promise<void>;
+    updatedInterpreterRoomStatus(): Promise<void>;
+    updateLanguageRoomList(): Promise<void>;
+    onStreamVolumeIndicationUpdated(roomId: string, streamId: string, volume: number): void;
+    changeInputLanguage({ language, options, callback }: ChangeInputLanguageParams): Promise<void>;
+    changeOutputLanguage({ language, orgLanguage, callback }: ChangeOutputLanguageParams): Promise<void>;
+    bindLocalMicrophoneId(room: LanguageRoomType): void;
+    joinInterpreterRoom(data: LanguageRoomType[], update?: boolean): Promise<void>;
+    leaveInterpreterRoom(data: LanguageRoomType[], update?: boolean): Promise<void>;
+    openInterpreterDialog(): void;
+    closeInterpreterDialog(): void;
+    setIsScroll(enable: boolean): void;
+    getLocalUserByInterpreter(): {
+        interpreter: FcrInterpreterUserInfo | undefined;
+        localUser: FcrUserInfo;
+    };
+    checkIsSelfOperation(operatorUser: FcrUserInfo): boolean;
+    closeDialog(): void;
+    interpreterUsersUpdatedToast(roomId: string, users: FcrInterpreterUserInfo[] | null, operatorUser?: FcrUserInfo): void;
+    interpreterStateUpdatedToast(roomId: string, state: FcrInterpreterState, operatorUser: FcrUserInfo | undefined): void;
+    openUpdateInterpreterStateToast(roomId: string, state: FcrInterpreterState, operatorUser: FcrUserInfo): void;
+    updateInterpreterUsersToast(roomId: string, users: FcrInterpreterUserInfo[] | null, operatorUser: FcrUserInfo): void;
+    openUpdateLanguageDialog(interpreter: FcrInterpreterUserInfo): void;
+    openCreateInterpreterStatusToast(interpreter: FcrInterpreterUserInfo): void;
+    openCancelInterpreterStatusToast(): void;
+    release(): void;
+}