fcr-ui-scene 1.0.20 → 3.1.0-1

package/lib/modules/device-pretest/settings/virtual-background-setting.js

@@ -0,0 +1,99 @@
+"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.VirtualBackgroundSetting = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
+var _useNamespace = require("../../setting/common/useNamespace");
+var _virtualBackdoundResources = require("../assets/virtual-backdound-resources");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mobxReact = require("mobx-react");
+var _lodash = require("lodash");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var VirtualBackgroundSetting = exports.VirtualBackgroundSetting = (0, _mobxReact.observer)(function (_ref) {
+  var currentVirtualBackgroundName = _ref.currentVirtualBackgroundName,
+    enableVirtualBackground = _ref.enableVirtualBackground,
+    virtualBackgroundList = _ref.virtualBackgroundList;
+  var ns = (0, _useNamespace.useNamespace)('virtual-background-setting');
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: ns.e('container'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "fcr-device-settings-video__tips",
+      children: transI18n('fmt_device_tips_videoeffectson')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: ns.e('virtual-list'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames["default"])(ns.e('virtual-item'), ns.is('active', currentVirtualBackgroundName === 'None')),
+        onClick: (0, _lodash.throttle)(function () {
+          return enableVirtualBackground(false);
+        }, 300),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+          content: 'None',
+          placement: "top",
+          mouseEnterDelay: 0,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: ns.e('virtual-source'),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+              type: _type.FcrIconType.FCR_SETTING_NONE,
+              size: 40,
+              colors: {
+                iconPrimary: currentVirtualBackgroundName === 'None' ? 'var(--fcr_ui_scene_ramp_brand6)' : 'var(--fcr_web_ui_scene_mainicon1)'
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: ns.e('virtual-none'),
+              children: transI18n('fmt_modules_tips_notapplicate')
+            })]
+          })
+        })
+      }), virtualBackgroundList.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            return enableVirtualBackground(true, item);
+          },
+          className: (0, _classnames["default"])(ns.e('virtual-item'), ns.is('active', currentVirtualBackgroundName === item.name)),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            mouseEnterDelay: 0,
+            content: item.type === _virtualBackdoundResources.VirtualOption.VIDEO ? transI18n('fmt_modules_labels_Videobackground') : transI18n('fmt_modules_tips_Imagebackground'),
+            placement: "top",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: ns.e('virtual-source'),
+              children: item.type === 'video' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+                className: ns.e('virtual-video-source'),
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+                  className: ns.e('virtual-video'),
+                  src: item.url,
+                  autoPlay: true,
+                  loop: true,
+                  muted: true,
+                  playsInline: true
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: ns.e('virtual-tag'),
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                    type: _type.FcrIconType.FCR_CAMERA3,
+                    size: 18,
+                    colors: {
+                      iconPrimary: 'var(--fcr_ui_scene_white10)'
+                    }
+                  })
+                })]
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                className: ns.e('virtual-img'),
+                src: item.url,
+                alt: item.name
+              })
+            })
+          })
+        }, index);
+      })]
+    })]
+  });
+});

package/lib/modules/device-pretest/store.d.ts

@@ -0,0 +1,69 @@
+import { FcrBeautyOptions } from 'agora-edu-core/lib/media-control/type';
+import { BeautyKey, FcrDeviceStore } from '../../common/device-store';
+import { TabKeyType } from './settings/video-effect';
+import { VirtualBackground } from './assets/virtual-backdound-resources';
+import { DeviceItem } from '../setting/store';
+export declare class FcrPretestStore {
+    accessor previewCameraEnabled: boolean;
+    accessor activeTab: TabKeyType;
+    private _deviceStore;
+    private _deviceStoreObserver;
+    private _disposers;
+    private _lastSpeakerVolume;
+    get isLocalMirrorEnabled(): boolean;
+    get isLocalEditBeautyOptions(): boolean;
+    get cameraId(): string;
+    get currentBeautyKey(): BeautyKey;
+    get beautyOptions(): import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcBeautyOptions;
+    get cameraEnabled(): boolean;
+    get microphoneEnabled(): boolean;
+    get enableBeauty(): boolean;
+    get currentVirtualBackgroundName(): string;
+    get microphoneList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];
+    get cameraList(): import("agora-rte-sdk").AgoraRtcDeviceInfo[];
+    get virtualBackgroundList(): VirtualBackground[];
+    get showForceOpenEffectDialog(): boolean;
+    get microphoneVolumeLevel(): number;
+    get speakerVolumeLevel(): number;
+    get cameraDeviceList(): DeviceItem[];
+    get speakerId(): string;
+    get microphoneId(): string;
+    get speakerDeviceList(): DeviceItem[];
+    get microphoneDeviceList(): DeviceItem[];
+    get speakerVolume(): number;
+    get speakerDetecting(): boolean;
+    get microphoneDetecting(): boolean;
+    constructor({ deviceStore }: {
+        deviceStore: FcrDeviceStore;
+    });
+    setCameraId(cameraId: string): void;
+    setVideoOrientation(): void;
+    setBeautyOptions(beautyOption: Partial<FcrBeautyOptions>): void;
+    setActiveTab(tab: TabKeyType): void;
+    startPlayLocalVideo(view: HTMLElement, isMirror?: boolean): void;
+    stopPlayLocalVideo(view: HTMLElement): void;
+    setCameraEnabled(enable: boolean): void;
+    setMicrophoneEnabled(enable: boolean): void;
+    enableBeautyEffect(enable: boolean): void;
+    toggleLocalMirrorPreview(mirror: boolean): void;
+    toggleLocalMirror(enable: boolean): void;
+    enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;
+    setEditBeautyKey(key: BeautyKey): void;
+    handleForceOpenVideoEffect(): void;
+    handleCancelForceOpenVideoEffect(): void;
+    setSpeakerId(speakerId: string): Promise<void>;
+    stopMicrophoneTest(): void;
+    startMicrophoneTest(): void;
+    setMicrophoneId(microphoneId: string): Promise<void>;
+    stopSpeakerTest(): void;
+    startSpeakerTest(): void;
+    setSpeakerVolume(value: number): void;
+    resetSpeakerVolume(): void;
+    restoreSpeakerVolume(): void;
+    release(): void;
+    private _setPreviewCameraEnabled;
+    private _setCameraEnabled;
+    private _handleCameraChanged;
+    private _handleCameraListUpdated;
+    private _handleCameraPreviewShowChanged;
+}

package/lib/modules/device-pretest/store.js

@@ -0,0 +1,413 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.object.create.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrPretestStore = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _decorator = require("agora-foundation/lib/decorator");
+var _FcrPretestStore;
+var _initProto, _init_previewCameraEnabled, _init_activeTab, _setCameraIdDecs, _setVideoOrientationDecs, _setBeautyOptionsDecs, _setActiveTabDecs, _startPlayLocalVideoDecs, _stopPlayLocalVideoDecs, _setCameraEnabledDecs, _setMicrophoneEnabledDecs, _enableBeautyEffectDecs, _toggleLocalMirrorPreviewDecs, _toggleLocalMirrorDecs, _enableVirtualBackgroundDecs, _setEditBeautyKeyDecs, _handleForceOpenVideoEffectDecs, _handleCancelForceOpenVideoEffectDecs, _setSpeakerIdDecs, _stopMicrophoneTestDecs, _startMicrophoneTestDecs, _setMicrophoneIdDecs, _stopSpeakerTestDecs, _startSpeakerTestDecs, _setSpeakerVolumeDecs, _resetSpeakerVolumeDecs, _restoreSpeakerVolumeDecs, _releaseDecs, _ref;
+function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
+function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _A = /*#__PURE__*/new WeakMap();
+var _B = /*#__PURE__*/new WeakMap();
+_ref = (_setCameraIdDecs = [_mobx.action, _mobx.action.bound], _setVideoOrientationDecs = [_mobx.action, _mobx.action.bound], _setBeautyOptionsDecs = [_mobx.action, _mobx.action.bound], _setActiveTabDecs = [_mobx.action, _mobx.action.bound], _startPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _stopPlayLocalVideoDecs = [_mobx.action, _mobx.action.bound], _setCameraEnabledDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneEnabledDecs = [_mobx.action, _mobx.action.bound], _enableBeautyEffectDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorPreviewDecs = [_mobx.action, _mobx.action.bound], _toggleLocalMirrorDecs = [_mobx.action, _mobx.action.bound], _enableVirtualBackgroundDecs = [_mobx.action, _mobx.action.bound], _setEditBeautyKeyDecs = [_mobx.action, _mobx.action.bound], _handleForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _handleCancelForceOpenVideoEffectDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _stopMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _startMicrophoneTestDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _stopSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _startSpeakerTestDecs = [_mobx.action, _mobx.action.bound], _setSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _resetSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _restoreSpeakerVolumeDecs = [_mobx.action, _mobx.action.bound], _releaseDecs = [_mobx.action, _mobx.action.bound], "previewCameraEnabled");
+var FcrPretestStore = exports.FcrPretestStore = /*#__PURE__*/function () {
+  function FcrPretestStore(_ref2) {
+    var _this = this;
+    var deviceStore = _ref2.deviceStore;
+    (0, _classCallCheck2["default"])(this, FcrPretestStore);
+    _classPrivateFieldInitSpec(this, _A, (_initProto(this), _init_previewCameraEnabled(this, false)));
+    _classPrivateFieldInitSpec(this, _B, _init_activeTab(this, 'basic'));
+    (0, _defineProperty2["default"])(this, "_deviceStoreObserver", {
+      onCameraListUpdated: this._handleCameraListUpdated,
+      onCameraChanged: this._handleCameraChanged
+    });
+    (0, _defineProperty2["default"])(this, "_disposers", []);
+    (0, _defineProperty2["default"])(this, "_lastSpeakerVolume", 0);
+    this._deviceStore = deviceStore;
+    this._deviceStore.addObserver(this._deviceStoreObserver);
+    this._disposers.push((0, _mobx.reaction)(function () {
+      return _this._deviceStore.showCameraPreview;
+    }, this._handleCameraPreviewShowChanged));
+  }
+  return (0, _createClass2["default"])(FcrPretestStore, [{
+    key: _ref,
+    get: function get() {
+      return _classPrivateFieldGet(_A, this);
+    }
+  }, {
+    key: "previewCameraEnabled",
+    set: function set(v) {
+      _classPrivateFieldSet(_A, this, v);
+    }
+  }, {
+    key: "activeTab",
+    get: function get() {
+      return _classPrivateFieldGet(_B, this);
+    }
+  }, {
+    key: "activeTab",
+    set: function set(v) {
+      _classPrivateFieldSet(_B, this, v);
+    }
+  }, {
+    key: "isLocalMirrorEnabled",
+    get: function get() {
+      return this._deviceStore.isLocalMirrorEnabled;
+    }
+  }, {
+    key: "isLocalEditBeautyOptions",
+    get: function get() {
+      return this._deviceStore.isLocalEditBeautyOptions;
+    }
+  }, {
+    key: "cameraId",
+    get: function get() {
+      return this._deviceStore.cameraId;
+    }
+  }, {
+    key: "currentBeautyKey",
+    get: function get() {
+      return this._deviceStore.currentBeautyKey;
+    }
+  }, {
+    key: "beautyOptions",
+    get: function get() {
+      return this._deviceStore.beautyOptions;
+    }
+  }, {
+    key: "cameraEnabled",
+    get: function get() {
+      return this._deviceStore.cameraEnabled;
+    }
+  }, {
+    key: "microphoneEnabled",
+    get: function get() {
+      return this._deviceStore.microphoneEnabled;
+    }
+  }, {
+    key: "enableBeauty",
+    get: function get() {
+      return this._deviceStore.enableBeauty;
+    }
+  }, {
+    key: "currentVirtualBackgroundName",
+    get: function get() {
+      return this._deviceStore.currentVirtualBackgroundName;
+    }
+  }, {
+    key: "microphoneList",
+    get: function get() {
+      return this._deviceStore.microphoneList;
+    }
+  }, {
+    key: "cameraList",
+    get: function get() {
+      return this._deviceStore.cameraList;
+    }
+  }, {
+    key: "virtualBackgroundList",
+    get: function get() {
+      return this._deviceStore.virtualBackgroundList;
+    }
+  }, {
+    key: "showForceOpenEffectDialog",
+    get: function get() {
+      return this._deviceStore.showForceOpenEffectDialog;
+    }
+  }, {
+    key: "microphoneVolumeLevel",
+    get: function get() {
+      return this._deviceStore.microphoneVolumeLevel;
+    }
+  }, {
+    key: "speakerVolumeLevel",
+    get: function get() {
+      return this._deviceStore.speakerVolumeLevel;
+    }
+  }, {
+    key: "cameraDeviceList",
+    get: function get() {
+      return this._deviceStore.cameraDeviceList;
+    }
+  }, {
+    key: "speakerId",
+    get: function get() {
+      return this._deviceStore.speakerId;
+    }
+  }, {
+    key: "microphoneId",
+    get: function get() {
+      return this._deviceStore.microphoneId;
+    }
+  }, {
+    key: "speakerDeviceList",
+    get: function get() {
+      return this._deviceStore.speakerDeviceList;
+    }
+  }, {
+    key: "microphoneDeviceList",
+    get: function get() {
+      return this._deviceStore.microphoneDeviceList;
+    }
+  }, {
+    key: "speakerVolume",
+    get: function get() {
+      return this._deviceStore.speakerVolume;
+    }
+  }, {
+    key: "speakerDetecting",
+    get: function get() {
+      return this._deviceStore.speakerDetecting;
+    }
+  }, {
+    key: "microphoneDetecting",
+    get: function get() {
+      return this._deviceStore.microphoneDetecting;
+    }
+  }, {
+    key: "setCameraId",
+    value: function setCameraId(cameraId) {
+      return this._deviceStore.setCameraId(cameraId);
+    }
+  }, {
+    key: "setVideoOrientation",
+    value: function setVideoOrientation() {
+      return this._deviceStore.setVideoOrientation();
+    }
+  }, {
+    key: "setBeautyOptions",
+    value: function setBeautyOptions(beautyOption) {
+      return this._deviceStore.setBeautyOptions(beautyOption);
+    }
+  }, {
+    key: "setActiveTab",
+    value: function setActiveTab(tab) {
+      // preview background / beauty
+      this._setPreviewCameraEnabled(tab === 'beauty-filter' || tab === 'virtual-background');
+      this.activeTab = tab;
+    }
+  }, {
+    key: "startPlayLocalVideo",
+    value: function startPlayLocalVideo(view, isMirror) {
+      return this._deviceStore.startPlayLocalVideo(view, isMirror);
+    }
+  }, {
+    key: "stopPlayLocalVideo",
+    value: function stopPlayLocalVideo(view) {
+      return this._deviceStore.stopPlayLocalVideo(view);
+    }
+  }, {
+    key: "setCameraEnabled",
+    value: function setCameraEnabled(enable) {
+      this._setCameraEnabled(enable);
+    }
+  }, {
+    key: "setMicrophoneEnabled",
+    value: function setMicrophoneEnabled(enable) {
+      return this._deviceStore.setMicrophoneEnabled(enable);
+    }
+  }, {
+    key: "enableBeautyEffect",
+    value: function enableBeautyEffect(enable) {
+      return this._deviceStore.enableBeautyEffect(enable);
+    }
+  }, {
+    key: "toggleLocalMirrorPreview",
+    value: function toggleLocalMirrorPreview(mirror) {
+      return this._deviceStore.toggleLocalMirrorPreview(mirror);
+    }
+  }, {
+    key: "toggleLocalMirror",
+    value: function toggleLocalMirror(enable) {
+      return this._deviceStore.toggleLocalMirror(enable);
+    }
+  }, {
+    key: "enableVirtualBackground",
+    value: function enableVirtualBackground(enable, source) {
+      return this._deviceStore.enableVirtualBackground(enable, source);
+    }
+  }, {
+    key: "setEditBeautyKey",
+    value: function setEditBeautyKey(key) {
+      return this._deviceStore.setEditBeautyKey(key);
+    }
+  }, {
+    key: "handleForceOpenVideoEffect",
+    value: function handleForceOpenVideoEffect() {
+      return this._deviceStore.handleForceOpenVideoEffect();
+    }
+  }, {
+    key: "handleCancelForceOpenVideoEffect",
+    value: function handleCancelForceOpenVideoEffect() {
+      return this._deviceStore.handleCancelForceOpenVideoEffect();
+    }
+  }, {
+    key: "setSpeakerId",
+    value: function setSpeakerId(speakerId) {
+      return this._deviceStore.setSpeakerId(speakerId);
+    }
+  }, {
+    key: "stopMicrophoneTest",
+    value: function stopMicrophoneTest() {
+      return this._deviceStore.stopMicrophoneTest();
+    }
+  }, {
+    key: "startMicrophoneTest",
+    value: function startMicrophoneTest() {
+      return this._deviceStore.startMicrophoneTest();
+    }
+  }, {
+    key: "setMicrophoneId",
+    value: function setMicrophoneId(microphoneId) {
+      return this._deviceStore.setMicrophoneId(microphoneId);
+    }
+  }, {
+    key: "stopSpeakerTest",
+    value: function stopSpeakerTest() {
+      return this._deviceStore.stopSpeakerTest();
+    }
+  }, {
+    key: "startSpeakerTest",
+    value: function startSpeakerTest() {
+      return this._deviceStore.startSpeakerTest();
+    }
+  }, {
+    key: "setSpeakerVolume",
+    value: function setSpeakerVolume(value) {
+      this._deviceStore.setSpeakerVolume(value);
+      this._deviceStore.mediaControl.setSpeakerVolume(value);
+    }
+  }, {
+    key: "resetSpeakerVolume",
+    value: function resetSpeakerVolume() {
+      this._lastSpeakerVolume = this.speakerVolume;
+      return this.setSpeakerVolume(0);
+    }
+  }, {
+    key: "restoreSpeakerVolume",
+    value: function restoreSpeakerVolume() {
+      return this.setSpeakerVolume(this._lastSpeakerVolume);
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this.previewCameraEnabled = false;
+      this._deviceStore.removeObserver(this._deviceStoreObserver);
+      this._disposers.forEach(function (disposer) {
+        return disposer();
+      });
+      this._disposers = [];
+    }
+  }, {
+    key: "_setPreviewCameraEnabled",
+    value: function _setPreviewCameraEnabled(enable) {
+      var realEnable = enable || this.cameraEnabled;
+      this._deviceStore.handleRealCameraEnabledChanged(realEnable);
+      this.previewCameraEnabled = enable;
+    }
+  }, {
+    key: "_setCameraEnabled",
+    value: function _setCameraEnabled(enable) {
+      var realEnable = enable || this.previewCameraEnabled;
+      this._deviceStore.handleRealCameraEnabledChanged(realEnable);
+      this._deviceStore.cameraEnabled = enable;
+    }
+  }, {
+    key: "_handleCameraChanged",
+    value: function _handleCameraChanged() {
+      var cameraTrack = this._deviceStore.mediaControl.getCameraVideoTrack(this._deviceStore.cameraId);
+      if (this._deviceStore.showCameraPreview) {
+        cameraTrack.start();
+      }
+      this._deviceStore.handleCameraChanged(this._deviceStore.showCameraPreview);
+    }
+  }, {
+    key: "_handleCameraListUpdated",
+    value: function () {
+      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(cameraList, currentDeviceExist) {
+        var previewCameraEnabled, deviceId, cameraTrack;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              previewCameraEnabled = this.previewCameraEnabled;
+              if (!currentDeviceExist) {
+                if (cameraList.length > 0) {
+                  deviceId = cameraList[0].deviceId;
+                  this.setCameraId(deviceId);
+                  cameraTrack = this._deviceStore.mediaControl.getCameraVideoTrack(this._deviceStore.cameraId);
+                  if (previewCameraEnabled) {
+                    cameraTrack.start();
+                    this._setPreviewCameraEnabled(true);
+                  }
+                }
+              }
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function _handleCameraListUpdated(_x, _x2) {
+        return _handleCameraListUpdated2.apply(this, arguments);
+      }
+      return _handleCameraListUpdated;
+    }()
+  }, {
+    key: "_handleCameraPreviewShowChanged",
+    value: function _handleCameraPreviewShowChanged(enable) {
+      if (enable) {
+        this._deviceStore.toggleLocalMirror(enable);
+      } else {
+        this._deviceStore.resetMirror();
+      }
+    }
+  }]);
+}();
+_FcrPretestStore = FcrPretestStore;
+var _applyDecs$e = _applyDecs(_FcrPretestStore, [[_mobx.observable, 1, "previewCameraEnabled"], [_mobx.observable, 1, "activeTab"], [_setCameraIdDecs, 18, "setCameraId"], [_setVideoOrientationDecs, 18, "setVideoOrientation"], [_setBeautyOptionsDecs, 18, "setBeautyOptions"], [_setActiveTabDecs, 18, "setActiveTab"], [_startPlayLocalVideoDecs, 18, "startPlayLocalVideo"], [_stopPlayLocalVideoDecs, 18, "stopPlayLocalVideo"], [_setCameraEnabledDecs, 18, "setCameraEnabled"], [_setMicrophoneEnabledDecs, 18, "setMicrophoneEnabled"], [_enableBeautyEffectDecs, 18, "enableBeautyEffect"], [_toggleLocalMirrorPreviewDecs, 18, "toggleLocalMirrorPreview"], [_toggleLocalMirrorDecs, 18, "toggleLocalMirror"], [_enableVirtualBackgroundDecs, 18, "enableVirtualBackground"], [_setEditBeautyKeyDecs, 18, "setEditBeautyKey"], [_handleForceOpenVideoEffectDecs, 18, "handleForceOpenVideoEffect"], [_handleCancelForceOpenVideoEffectDecs, 18, "handleCancelForceOpenVideoEffect"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_stopMicrophoneTestDecs, 18, "stopMicrophoneTest"], [_startMicrophoneTestDecs, 18, "startMicrophoneTest"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_stopSpeakerTestDecs, 18, "stopSpeakerTest"], [_startSpeakerTestDecs, 18, "startSpeakerTest"], [_setSpeakerVolumeDecs, 18, "setSpeakerVolume"], [_resetSpeakerVolumeDecs, 18, "resetSpeakerVolume"], [_restoreSpeakerVolumeDecs, 18, "restoreSpeakerVolume"], [_releaseDecs, 18, "release"], [_decorator.bound, 2, "_setPreviewCameraEnabled"], [_decorator.bound, 2, "_setCameraEnabled"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_decorator.bound, 2, "_handleCameraPreviewShowChanged"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 3);
+_init_previewCameraEnabled = _applyDecs$e2[0];
+_init_activeTab = _applyDecs$e2[1];
+_initProto = _applyDecs$e2[2];
+_applyDecs$e;

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare const ChatElectronDialog: ({ children, chatAction }: PropsWithChildren<{
+    chatAction: React.ReactNode;
+}>) => null;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatElectronDialog = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _context = require("../../context");
+var _dialogs = require("../../dialogs");
+var _constant = require("../../../../utilities/constant");
+var _renderer = require("../../../../utilities/renderer");
+var _reactDom = require("react-dom");
+var _ = require(".");
+var _platform = require("../../../../utilities/platform");
+var _jsxRuntime = require("react/jsx-runtime");
+var ChatElectronDialog = exports.ChatElectronDialog = (0, _mobxReact.observer)(function (_ref) {
+  var children = _ref.children,
+    chatAction = _ref.chatAction;
+  var store = (0, _react.useContext)(_context.StoreContext);
+  (0, _react.useEffect)(function () {
+    var node;
+    window.runtime.openRendererWindow('chat', function (dom, browserWindow) {
+      _dialogs.dialogWindows.set(_constant.DialogKey.CHAT, browserWindow);
+      node = dom;
+      (0, _platform.isWindows)() && browserWindow.show(); // 修复 windows 下打开白屏的问题
+
+      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.CHAT);
+        store.closeChatFromDialog();
+      });
+      (0, _reactDom.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChatDialogContent, {
+          chatAction: chatAction,
+          children: children
+        })
+      }), dom);
+    }, {
+      frame: false,
+      fullscreen: false,
+      maximizable: false,
+      y: store.currentDialogBounds.y,
+      show: !(0, _platform.isWindows)()
+    });
+    return function () {
+      node && (0, _reactDom.unmountComponentAtNode)(node);
+      window.runtime.closeRendererWindow('chat');
+    };
+  }, []);
+  return null;
+});

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export declare const ChatDialogContent: ({ children, chatAction, }: PropsWithChildren<{
+    chatAction: React.ReactNode;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatDialog: ({ children, chatAction }: PropsWithChildren<{
+    chatAction: React.ReactNode;
+}>) => import("react/jsx-runtime").JSX.Element;